:root{--bg:#f7f5f1;--surface:#fffdf9;--panel:#efece4;--ink:#1b1a17;--ink-muted:#6b6862;--ink-faint:#6f6a61;--rule:#e3ded4;--accent:#4f8a7b;--accent-ink:#356b5d;--pass:#356b5d;--warn:#90641a;--fail:#9c4f43;--serif:"Source Serif 4",Georgia,"Times New Roman",serif;--sans:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--mono:"JetBrains Mono",ui-monospace,Menlo,Consolas,monospace}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);line-height:1.55;-webkit-font-smoothing:antialiased}main{display:block}.eyebrow{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-ink)}.eyebrow,h1{font-weight:600}h1{font-family:var(--serif);font-size:38px;line-height:1.1;margin:10px 0 6px;letter-spacing:-.01em}h1:after{content:"";display:block;width:38px;height:3px;background:var(--accent);margin-top:14px}.lede{color:var(--ink-muted);font-size:16px;margin:14px 0 30px;max-width:56ch}.qbar{flex-direction:column;gap:12px}.qbar,.qrow{display:flex}.qrow{gap:8px}.qbar input[type=text]{flex:1 1;padding:12px 14px;font-family:var(--serif);font-size:17px;color:var(--ink);background:var(--surface);border:1px solid var(--rule);border-radius:6px}.qbar input[type=text]:focus{outline:none;border-color:var(--accent)}.qbar button{padding:12px 20px;font-family:var(--sans);font-weight:600;font-size:15px;color:var(--surface);background:var(--accent-ink);border:none;border-radius:6px;cursor:pointer}.qbar button:disabled{opacity:.5;cursor:default}.toggles{display:flex;gap:18px;font-size:13px;color:var(--ink-muted)}.toggles label{display:flex;gap:6px;align-items:center;cursor:pointer}.examples{font-size:13px;color:var(--ink-faint);margin-top:4px}.examples button{background:none;border:none;padding:0;color:var(--accent-ink);font:inherit;cursor:pointer;text-decoration:underline;margin-right:14px}.answer{margin-top:30px;border:1px solid var(--rule);border-radius:8px;background:var(--surface)}.answer-head{display:flex;align-items:baseline;justify-content:space-between;padding:20px 22px 8px}.figure{font-family:var(--serif);font-size:34px;font-weight:600;letter-spacing:-.01em}.figure.none{color:var(--ink-faint);font-size:20px}.badge{font-family:var(--mono);font-size:12px;font-weight:500;letter-spacing:.06em;padding:4px 10px;border-radius:999px;border:1px solid}.badge.pass{color:var(--pass)}.badge.warn{color:var(--warn)}.badge.fail{color:var(--fail)}.summary{padding:0 22px 18px;color:var(--ink-muted);font-size:14px}.drawer{border-top:1px solid var(--rule)}.drawer>summary{padding:14px 22px;cursor:pointer;font-size:13px;color:var(--accent-ink);font-weight:600}.drawer .body{padding:0 22px 22px}.label{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint);margin:16px 0 6px}pre.sql{font-family:var(--mono);font-size:12.5px;line-height:1.5;color:var(--ink);background:var(--panel);border:1px solid var(--rule);border-radius:6px;padding:12px 14px;overflow-x:auto;white-space:pre-wrap;word-break:break-word}ul.issues{list-style:none;padding:0;margin:0}ul.issues li{font-size:13px;padding:8px 0;border-bottom:1px solid var(--rule)}ul.issues li .kind{font-family:var(--mono);font-size:11px;color:var(--fail)}.receipt-row{display:flex;gap:10px;align-items:center;margin-top:8px}.receipt-row button{font:inherit;font-size:13px;padding:7px 14px;border:1px solid var(--accent-ink);color:var(--accent-ink);background:none;border-radius:6px;cursor:pointer}.verify-result{font-family:var(--mono);font-size:12px}.verify-result.valid{color:var(--pass)}.verify-result.invalid{color:var(--fail)}.footer{max-width:1080px;margin:0 auto;padding:28px 24px;border-top:1px solid var(--rule);display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.mark{font-family:var(--serif);font-style:italic;font-size:14px;color:var(--accent-ink)}.footer a{color:var(--ink-muted);text-decoration:none;font-size:13px;margin-left:18px}.footer a:hover{color:var(--accent-ink)}.wrap{max-width:1080px}.wrap,.wrap-narrow{margin:0 auto;padding:0 24px}.wrap-narrow{max-width:760px}.section{padding:64px 0;border-top:1px solid var(--rule)}.kicker{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-ink);font-weight:600;margin-bottom:12px}.section h2{font-family:var(--serif);font-weight:600;font-size:28px;letter-spacing:-.01em;margin:0 0 10px}.section .sub{color:var(--ink-muted);max-width:60ch;margin:0 0 28px}.hero{position:relative;padding:84px 0 56px;overflow:hidden}.hero .inner{position:relative;z-index:2;max-width:640px}.hero h1{font-size:52px;line-height:1.05;margin:12px 0 0}.hero h1:after{display:none}.hero .accent-word{color:var(--accent-ink)}.hero-sub{font-size:19px;color:var(--ink-muted);margin:20px 0 4px;max-width:52ch;line-height:1.5}.hero-sub b{color:var(--ink);font-weight:600}.cta-row{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap}.btn{font-family:var(--sans);font-weight:600;font-size:15px;padding:12px 22px;border-radius:6px;cursor:pointer;border:1px solid var(--accent-ink);text-decoration:none;display:inline-block}.btn-primary{background:var(--accent-ink);color:var(--surface)}.btn-ghost{background:none;color:var(--accent-ink)}.trust-strip{margin-top:26px;font-size:13px;color:var(--ink-faint);display:flex;gap:8px 18px;flex-wrap:wrap}.trust-strip span:before{content:"— ";color:var(--accent)}.mosaic{position:absolute;top:0;right:-40px;height:100%;width:46%;z-index:1;opacity:.9;pointer-events:none}.kpis{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:1px;gap:1px;background:var(--rule);border:1px solid var(--rule);border-radius:8px;overflow:hidden}.kpi{background:var(--surface);padding:24px 20px}.kpi-num{font-family:var(--serif);font-size:38px;font-weight:600;color:var(--accent-ink);letter-spacing:-.02em}.kpi-label{font-size:13px;color:var(--ink-muted);margin-top:4px}.kpi-foot{font-size:11px;color:var(--ink-faint);margin-top:2px}.player{border:1px solid var(--rule);border-radius:10px;background:var(--surface);overflow:hidden}.player-stage{position:relative;min-height:320px;padding:40px;display:flex;flex-direction:column;justify-content:center}.scene{animation:fadeUp .5s ease both}.scene-q{font-family:var(--serif);font-size:18px;color:var(--ink-muted);margin-bottom:18px}.scene-q .qmark{color:var(--accent-ink)}.figure-xl{font-family:var(--serif);font-size:56px;font-weight:600;letter-spacing:-.02em;line-height:1}.figure-xl.wrong{color:var(--fail)}.figure-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.scene .badge{font-size:13px;padding:6px 12px}.scene .caption{margin-top:20px;color:var(--ink-muted);font-size:15px;max-width:54ch}.scene .caption b{color:var(--ink)}.delta{font-family:var(--mono);font-size:13px;color:var(--fail);margin-top:10px}.receipt-card{border:1px solid var(--rule);border-radius:8px;padding:16px 18px;background:var(--panel);max-width:460px}.receipt-card .rrow{display:flex;justify-content:space-between;font-family:var(--mono);font-size:12px;padding:3px 0;color:var(--ink-muted)}.receipt-card .rrow b{color:var(--ink)}.stamp{display:inline-block;margin-top:12px;font-family:var(--mono);font-size:13px;color:var(--pass);border:1px solid var(--pass);padding:5px 12px}.savebar,.stamp{border-radius:6px}.savebar{height:30px;background:var(--panel);position:relative;max-width:520px;margin-top:6px;border:1px solid var(--rule)}.savebar .fill{height:100%;border-radius:6px;background:var(--accent);width:0;transition:width 1.1s ease}.savebar.base .fill{background:var(--ink-faint)}.saverow{display:flex;align-items:center;gap:12px;margin:10px 0;font-size:13px;color:var(--ink-muted)}.saverow .tag{font-family:var(--mono);width:120px}.player-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;border-top:1px solid var(--rule)}.dots{display:flex;gap:8px}.dot{width:8px;height:8px;border-radius:50%;background:var(--rule);border:none;padding:0;cursor:pointer}.dot.on{background:var(--accent-ink)}.dot-label{font-size:12px;color:var(--ink-faint)}.player-ctrl{background:none;border:1px solid var(--rule);border-radius:6px;padding:6px 14px;font:inherit;font-size:13px;color:var(--accent-ink);cursor:pointer}.compare{width:100%;border-collapse:collapse;font-size:14px}.compare td,.compare th{text-align:left;padding:12px 14px;border-bottom:1px solid var(--rule)}.compare thead th{font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-faint);font-weight:600}.compare td.yes{color:var(--accent-ink);font-weight:600}.compare td.no{color:var(--ink-faint)}.compare tbody tr:last-child td{border-bottom:none}.compare .col-us{background:var(--surface)}.steps{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:22px;gap:22px}.step-num{font-family:var(--mono);font-size:12px;color:var(--accent-ink)}.step h3{font-family:var(--serif);font-weight:600;font-size:18px;margin:8px 0 6px}.step p{color:var(--ink-muted);font-size:14px;margin:0}.cards{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px}.card{border:1px solid var(--rule);border-radius:8px;padding:20px;background:var(--surface)}.card .big{font-family:var(--serif);font-size:30px;font-weight:600;color:var(--accent-ink)}.card .lab{font-size:13px;color:var(--ink-muted);margin-top:6px}.chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.chip{font-family:var(--mono);font-size:12px;border:1px solid var(--rule);border-radius:999px;padding:4px 12px;color:var(--ink-muted)}.final{text-align:center;padding:72px 0}.final h2{font-size:32px}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media (max-width:720px){.hero h1{font-size:38px}.mosaic{display:none}.kpis{grid-template-columns:repeat(2,1fr)}.cards,.steps{grid-template-columns:1fr}.figure-xl{font-size:40px}.compare{font-size:12.5px}.compare td,.compare th{padding:9px 8px}}