*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;font-family:ui-rounded,SF Pro Rounded,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%}.container{max-width:960px;margin:0 auto;padding:0 24px}.section{padding:72px 0}.section-tight{padding:40px 0}.display{letter-spacing:-.02em;font-size:clamp(2.4rem,6vw,4rem);font-weight:900;line-height:1.05}.display .pop{color:var(--color-primary)}h2.heading{letter-spacing:-.01em;margin-bottom:16px;font-size:clamp(1.6rem,3.5vw,2.2rem);font-weight:800}h3.subheading{margin-bottom:8px;font-size:1.15rem;font-weight:700}.lede{color:color-mix(in srgb, var(--color-text) 78%, transparent);max-width:42rem;font-size:clamp(1.05rem,2vw,1.3rem)}.muted{color:color-mix(in srgb, var(--color-text) 60%, transparent)}.small{font-size:.85rem}.card{background:var(--color-bg-elevated);border:1px solid color-mix(in srgb, var(--color-text) 8%, transparent);border-radius:16px;padding:24px}.badge-pill{background:color-mix(in srgb, var(--color-primary) 18%, transparent);color:var(--color-primary);border:1px solid color-mix(in srgb, var(--color-primary) 40%, transparent);border-radius:999px;padding:4px 12px;font-size:.8rem;font-weight:700;display:inline-block}.btn{cursor:pointer;background:var(--color-primary);color:var(--color-surface-light);border:none;border-radius:12px;padding:14px 28px;font-size:1rem;font-weight:800;transition:background .15s;display:inline-block}.btn:hover{background:var(--color-primary-dark);text-decoration:none}.btn:disabled{opacity:.6;cursor:default}.input{border:1px solid color-mix(in srgb, var(--color-text) 20%, transparent);background:var(--color-bg-elevated);color:var(--color-text);border-radius:12px;width:100%;padding:14px 16px;font-size:1rem}.input:focus{outline:2px solid var(--color-primary);outline-offset:1px}.form-row{flex-wrap:wrap;gap:12px;display:flex}.form-row .input{flex:240px}.form-note-ok{color:var(--color-success);font-weight:700}.form-note-err{color:var(--color-danger);font-weight:700}.rank-row{align-items:center;gap:20px;padding:20px 24px;display:flex}.rank-row+.rank-row{border-top:1px solid color-mix(in srgb, var(--color-text) 8%, transparent)}.rank-number{text-align:center;min-width:2.2rem;color:color-mix(in srgb, var(--color-text) 45%, transparent);font-size:1.6rem;font-weight:900}.rank-row.top .rank-number{color:var(--color-accent)}.rank-score{color:var(--color-primary);text-align:right;min-width:3.2rem;font-size:1.5rem;font-weight:900}.rank-row.top .rank-score{color:var(--color-accent)}.trend-up{color:var(--color-success);font-weight:700}.trend-down{color:var(--color-danger);font-weight:700}.site-header{border-bottom:1px solid color-mix(in srgb, var(--color-text) 8%, transparent);padding:20px 0}.site-header .container{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.brand-mark{color:var(--color-text);letter-spacing:-.01em;font-size:1.2rem;font-weight:900}.brand-mark .dot{color:var(--color-primary)}.site-nav{flex-wrap:wrap;gap:20px;font-size:.9rem;font-weight:600;display:flex}.site-nav a{color:color-mix(in srgb, var(--color-text) 75%, transparent)}.site-footer{border-top:1px solid color-mix(in srgb, var(--color-text) 8%, transparent);margin-top:64px;padding:40px 0}.site-footer .container{flex-wrap:wrap;justify-content:space-between;gap:16px;display:flex}.grid-3{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;display:grid}.grid-2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;display:grid}.store-badges{flex-wrap:wrap;gap:16px;display:flex}.store-badge{border:1px solid color-mix(in srgb, var(--color-text) 25%, transparent);background:var(--color-bg-elevated);color:var(--color-text);cursor:default;border-radius:12px;flex-direction:column;justify-content:center;min-width:170px;padding:10px 22px;line-height:1.25;display:inline-flex}.store-badge .tiny{text-transform:uppercase;letter-spacing:.08em;color:color-mix(in srgb, var(--color-text) 55%, transparent);font-size:.65rem}.store-badge .store-name{font-size:1.05rem;font-weight:800}.prose{max-width:44rem}.prose h1{margin-bottom:8px;font-size:2rem;font-weight:900}.prose h2{margin:32px 0 10px;font-size:1.3rem;font-weight:800}.prose p,.prose li{color:color-mix(in srgb, var(--color-text) 85%, transparent);margin-bottom:12px}.prose ul{padding-left:22px}.prose strong{color:var(--color-text)}