.site{--site-w:44rem}.site-header{z-index:6;padding:0 var(--space-3);border-bottom:1px solid var(--color-line);margin:0;position:sticky;top:0}.site-header-inner{max-width:var(--site-w);min-height:var(--topbar-h);align-items:center;gap:var(--space-2);padding:var(--space-1) 0;flex-wrap:wrap;margin:0 auto;display:flex}.site-header .brand{color:var(--color-ink);white-space:nowrap;flex:1;font-size:18px;text-decoration:none}.site-header .theme-toggle{min-height:36px;padding:6px 12px;font-size:13px}.site-nav{gap:var(--space-1);display:none}.site-nav-link{color:var(--color-muted);padding:6px var(--space-2);border-radius:var(--radius-pill);white-space:nowrap;text-decoration:none}.site-nav-link.on,.site-nav-link:hover{color:var(--color-ink);background:var(--color-surface2)}.site-actions{align-items:center;gap:var(--space-1);flex-shrink:0;display:flex}.site-lang{color:var(--color-muted);letter-spacing:.06em;padding:6px var(--space-2);font-size:13px;text-decoration:none}.site-lang:hover{color:var(--color-ink)}.site-open{min-height:36px;padding:0 var(--space-3);justify-content:center;align-items:center;line-height:1;text-decoration:none;display:none}.pillbar{z-index:7;max-width:30rem;padding:0 20px calc(8px + env(safe-area-inset-bottom,0px));pointer-events:none;gap:8px;margin:0 auto;display:flex;position:fixed;bottom:0;left:0;right:0}.pillbar-track{background:var(--chrome-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-line);pointer-events:auto;border-radius:20px;flex:1;gap:2px;padding:6px;display:flex;position:relative;box-shadow:0 4px 20px #00000040,0 1px 3px #0000001f}.pillbar-indicator{background:var(--color-surface2);width:calc(33.3333% - 5.33333px);transition:left var(--motion-move) var(--ease-overshoot);pointer-events:none;border-radius:14px;position:absolute;top:6px;bottom:6px}.pillbar-tab{z-index:1;min-height:52px;color:var(--color-muted);letter-spacing:.02em;white-space:nowrap;transition:color var(--motion-move) var(--ease-standard);border-radius:14px;flex-direction:column;flex:1;align-items:center;gap:3px;padding:7px 4px 6px;font-size:11px;font-weight:600;text-decoration:none;display:flex;position:relative}.pillbar-tab svg{transition:transform var(--motion-move) var(--ease-overshoot);flex-shrink:0}.pillbar-tab.on{color:var(--color-accentText)}.pillbar-tab.on svg{transform:scale(1.12)translateY(-1px)}.pillbar-action{background:var(--color-optic);min-width:72px;color:var(--color-opticInk);letter-spacing:.02em;white-space:nowrap;pointer-events:auto;--ripple-color:color-mix(in srgb, var(--color-opticInk) 22%, transparent);border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:7px 10px 6px;font-size:11px;font-weight:600;text-decoration:none;display:flex;box-shadow:0 4px 20px #00000040,0 1px 3px #0000001f}.site-footer{padding-bottom:calc(74px + env(safe-area-inset-bottom,0px))}@media (width>=760px){.site-header-inner{flex-wrap:nowrap}.site-header .brand{flex:none}.site-nav{margin-left:var(--space-3);flex:1;display:flex}.site-open{display:inline-flex}.pillbar{display:none}.site-footer{padding-bottom:calc(var(--space-6) + var(--space-5))}}.site-main{max-width:var(--site-w);padding:var(--space-4) var(--space-3) var(--space-6);margin:0 auto}.site-footer{border-top:1px solid var(--color-line);color:var(--color-muted);padding:var(--space-4) var(--space-3);text-align:center;font-size:13px}.site-footer p{margin:0 0 var(--space-1)}.site-footer-link{color:inherit;text-decoration:underline}.hero{padding:var(--space-4) 0 var(--space-3)}.hero-home{padding-top:var(--space-6)}.kicker{color:var(--color-muted);margin:0 0 var(--space-1)}.hero-title{margin:0;line-height:.95}.hero-title .accent{background:var(--gradient-accent);color:#0000;-webkit-background-clip:text;background-clip:text}.lead{color:var(--color-ink);margin:var(--space-3) 0 0;max-width:38rem;font-size:17px;line-height:1.55}.hero-actions{margin-top:var(--space-4);justify-content:flex-start}.hero-actions .btn{text-decoration:none}.wizard-card{background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-3) var(--space-4);margin:var(--space-4) 0 var(--space-6);scroll-margin-top:calc(var(--topbar-h) + var(--space-3))}.wizard-card>h2{margin:0}.wizard-note{margin:var(--space-1) 0 0}.wizard-card .setup-wizard{margin-top:var(--space-3);padding:0}.prose{max-width:38rem}.prose section{margin:0 0 var(--space-5)}.prose h2,.prose p{margin:0 0 var(--space-2)}.prose ul,.prose ol{margin:0 0 var(--space-2);padding-left:1.3em}.prose li{margin:0 0 var(--space-1)}.prose ol li::marker{font-family:var(--font-display);color:var(--color-accentText);font-weight:800}.muted{color:var(--color-muted)}.table-wrap{margin:var(--space-2) 0;overflow-x:auto}.rounds-table{border-collapse:collapse;width:100%;font-size:14px}.rounds-table th,.rounds-table td{text-align:left;padding:var(--space-1) var(--space-2);border-bottom:1px solid var(--color-line);vertical-align:top}.rounds-table th{color:var(--color-muted);letter-spacing:.06em;text-transform:uppercase;font-size:12px;font-weight:600}.rounds-table .num{font-variant-numeric:tabular-nums;white-space:nowrap}.rounds-table td.t-score{color:var(--color-accentText);font-size:22px;line-height:1.1}.faq details{border-top:1px solid var(--color-line);padding:var(--space-2) 0}.faq details:last-of-type{border-bottom:1px solid var(--color-line)}.faq summary{cursor:pointer;justify-content:space-between;gap:var(--space-2);font-weight:600;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:var(--color-accentText);font-family:var(--font-display);font-weight:800}.faq details[open] summary:after{content:"−"}.faq details p{margin:var(--space-2) 0 0;color:var(--color-muted)}.cards{gap:var(--space-2);margin:0 0 var(--space-5);grid-template-columns:1fr;display:grid}@media (width>=560px){.cards{grid-template-columns:repeat(2,1fr)}}.card{background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-md);padding:var(--space-3);color:var(--color-ink);transition:border-color var(--motion-tap) var(--ease-standard);flex-direction:column;gap:4px;text-decoration:none;display:flex}a.card:hover{border-color:var(--color-optic)}
