@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:200 800;font-display:swap;src:url(/_next/static/media/6fe53d21e6e7ebd8-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:200 800;font-display:swap;src:url(/_next/static/media/8ebc6e9dde468c4a-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:200 800;font-display:swap;src:url(/_next/static/media/9e7b0a821b9dfcb4-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:200 800;font-display:swap;src:url(/_next/static/media/636a5ac981f94f8b-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Plus Jakarta Sans Fallback;src:local("Arial");ascent-override:98.88%;descent-override:21.15%;line-gap-override:0.00%;size-adjust:104.98%}.__className_646807{font-family:Plus Jakarta Sans,Plus Jakarta Sans Fallback;font-style:normal}.__variable_646807{--font-sans:"Plus Jakarta Sans","Plus Jakarta Sans Fallback"}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/886030b0b59bc5a7-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/0aa834ed78bf6d07-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/67957d42bae0796d-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/f911b923c6adde36-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/939c4f875ee75fbb-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/bb3ef058b751a6ad-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:JetBrains Mono Fallback;src:local("Arial");ascent-override:75.79%;descent-override:22.29%;line-gap-override:0.00%;size-adjust:134.59%}.__className_3c557b{font-family:JetBrains Mono,JetBrains Mono Fallback;font-style:normal}.__variable_3c557b{--font-mono:"JetBrains Mono","JetBrains Mono Fallback"}:root{--bg:#0a0908;--surface:#141210;--surface-2:#1b1815;--surface-3:#25211d;--border:#2b2723;--border-strong:#3d3731;--text:#f4f1ec;--text-2:#cfc9c0;--muted:#9d968c;--accent:#ff6b2c;--accent-hover:#ff8347;--accent-press:#f25a17;--accent-ink:#160800;--accent-soft:rgba(255,107,44,0.12);--accent-line:rgba(255,107,44,0.55);--good:#5fd08a;--good-soft:rgba(95,208,138,0.12);--warn:#f5b94a;--warn-soft:rgba(245,185,74,0.12);--bad:#ff7a70;--bad-soft:rgba(255,122,112,0.12);--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--s8:64px;--s9:96px;--radius-sm:8px;--radius:12px;--radius-lg:16px;--ease:cubic-bezier(0.2,0.7,0.2,1);--sans:var(--font-sans),system-ui,"Segoe UI",sans-serif;--mono:var(--font-mono),ui-monospace,Consolas,monospace;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body,html{margin:0;padding:0}body{background:var(--bg);color:var(--text);font:15px/1.6 var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}button,input,textarea{font:inherit;color:inherit}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4{margin:0;line-height:1.2;letter-spacing:-.01em}p{margin:0}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}::selection{background:var(--accent);color:var(--accent-ink)}.nav{top:0;z-index:20;height:64px;padding:0 var(--s6);display:flex;align-items:center;justify-content:space-between;gap:var(--s4);background:var(--bg);border-bottom:1px solid transparent;transition:border-color .2s var(--ease)}.nav.scrolled{border-bottom-color:var(--border)}.nav-left{gap:var(--s6)}.logo,.nav-left{display:flex;align-items:center}.logo{gap:var(--s2);font-weight:700;font-size:16px;letter-spacing:-.02em;color:var(--text)}.logo:hover{text-decoration:none}.nav-links{display:flex;gap:var(--s1)}.nav-link{padding:var(--s2) var(--s3);border-radius:var(--radius-sm);border:0;background:none;color:var(--text-2);font-size:14px;font-weight:500;cursor:pointer;transition:color .15s,background .15s}.nav-link:hover:not(:disabled){color:var(--text);background:var(--surface-2)}.nav-link:disabled{color:var(--muted);opacity:.55;cursor:default}.nav-link.active{color:var(--text)}.nav-right{display:flex;align-items:center;gap:var(--s3)}.status{display:inline-flex;align-items:center;gap:var(--s2);font-size:13px;color:var(--text-2);padding:0 var(--s3);height:36px}.status .dot{width:8px;height:8px;border-radius:50%;background:var(--muted)}.status.live .dot{background:var(--good);box-shadow:0 0 0 0 rgba(95,208,138,.6);animation:ping 2.4s var(--ease) infinite}@keyframes ping{0%{box-shadow:0 0 0 0 rgba(95,208,138,.55)}80%,to{box-shadow:0 0 0 8px rgba(95,208,138,0)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);height:40px;padding:0 var(--s4);border-radius:999px;border:1px solid var(--border-strong);background:var(--surface);font-size:14px;font-weight:600;white-space:nowrap;cursor:pointer;transition:background .15s var(--ease),border-color .15s var(--ease),transform .15s var(--ease),box-shadow .15s var(--ease),color .15s}.btn:hover:not(:disabled){background:var(--surface-3);border-color:var(--muted);transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(0) scale(.98)}.btn:disabled{cursor:not-allowed;color:var(--muted);background:var(--surface);border-color:var(--border)}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn.primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover);box-shadow:0 6px 24px -6px rgba(255,107,44,.6)}.btn.primary:active:not(:disabled){background:var(--accent-press)}.btn.primary:disabled{background:var(--surface-3);border-color:var(--surface-3);color:var(--muted)}.btn.ghost{border-color:transparent;background:transparent;color:var(--text-2)}.btn.ghost:hover:not(:disabled){background:var(--surface-2);color:var(--text);border-color:transparent}.btn.sm{height:32px;padding:0 var(--s3);font-size:13px}.btn.lg{height:48px;padding:0 var(--s5);font-size:15px}.btn svg{flex:none}.hero{position:relative;z-index:1;text-align:center;padding:var(--s8) var(--s5) 0;max-width:1120px;margin:0 auto}.hero h1{font-size:clamp(36px,6vw,64px);font-weight:700;letter-spacing:-.035em;line-height:1.05}.hero .lede{max-width:560px;margin:var(--s4) auto 0;color:var(--text-2);font-size:17px}.hero-actions{display:flex;justify-content:center;gap:var(--s3);margin-top:var(--s6);flex-wrap:wrap}.workspace{position:relative;z-index:1;max-width:1200px;margin:0 auto;padding:var(--s8) var(--s6) var(--s9);display:grid;grid-template-columns:minmax(0,1fr) 300px;grid-gap:var(--s6);gap:var(--s6);align-items:start}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--s4);margin-bottom:var(--s5)}.eyebrow{font:500 12px var(--mono);color:var(--accent);letter-spacing:.08em;text-transform:uppercase}.section-head h2{font-size:28px;font-weight:700;letter-spacing:-.025em;margin-top:var(--s2)}.flow{position:relative;padding-left:56px}.rail{left:17px;top:20px;bottom:20px;width:2px;background:var(--border)}.rail,.rail-fill{position:absolute;border-radius:2px}.rail-fill{left:0;top:0;width:100%;background:var(--accent);transition:height .7s var(--ease)}.step{position:relative;margin-bottom:var(--s5);scroll-margin-top:88px;animation:rise .45s var(--ease) both}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.step-marker{position:absolute;left:-56px;top:20px;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font:600 13px var(--mono);background:var(--bg);border:2px solid var(--border-strong);color:var(--muted);transition:all .3s var(--ease)}.step-marker.current{border-color:var(--accent);color:var(--accent);box-shadow:0 0 0 6px var(--accent-soft)}.step-marker.done{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--s5)}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);margin-bottom:var(--s4);flex-wrap:wrap}.panel-head h3{font-size:17px;font-weight:650}.panel-head .hint{font-size:13px;color:var(--muted)}.divider{height:1px;background:var(--border);margin:var(--s5) 0}.editor-wrap{position:relative;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);transition:border-color .2s,box-shadow .2s}.editor-wrap:focus-within{border-color:var(--accent-line);box-shadow:0 0 0 4px var(--accent-soft)}textarea.editor{display:block;width:100%;min-height:160px;resize:vertical;padding:var(--s4);border:0;background:transparent;outline:none;font:14px/1.7 var(--mono);color:var(--text)}textarea.editor::placeholder{color:var(--muted)}.editor-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);padding:var(--s2) var(--s2) var(--s2) var(--s4);border-top:1px solid var(--border);flex-wrap:wrap}.kbd{font:500 12px var(--mono);color:var(--muted)}.kbd kbd{font:inherit;padding:2px 6px;border-radius:6px;background:var(--surface-2);border:1px solid var(--border);color:var(--text-2)}.counter{font:500 12px var(--mono);color:var(--muted)}.analysis{display:grid;grid-template-columns:200px minmax(0,1fr);grid-gap:var(--s6);gap:var(--s6);align-items:center}.score-box{text-align:center}.score-meta{margin-top:var(--s3);display:flex;justify-content:center;gap:var(--s2);flex-wrap:wrap}.tag{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 var(--s2);border-radius:6px;background:var(--surface-2);color:var(--text-2);font:500 12px var(--mono);white-space:nowrap}.tag.good{background:var(--good-soft);color:var(--good)}.tag.warn{background:var(--warn-soft);color:var(--warn)}.tag.bad{background:var(--bad-soft);color:var(--bad)}.tag.accent{background:var(--accent-soft);color:var(--accent)}.bars{grid-gap:var(--s3)}.bar-row,.bars{display:grid;gap:var(--s3)}.bar-row{grid-template-columns:116px minmax(0,1fr) 36px;grid-gap:var(--s3);align-items:center;font-size:13px;color:var(--text-2)}.bar-track{height:6px;border-radius:999px;background:var(--surface-3);overflow:hidden}.bar-fill{height:100%;width:var(--w);border-radius:999px;transform-origin:left;animation:grow .8s var(--ease) both;animation-delay:calc(var(--i, 0) * 45ms)}@keyframes grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.bar-row .val{text-align:right;font:500 12px var(--mono);color:var(--text)}.subhead{font-size:13px;font-weight:600;color:var(--text-2);margin:var(--s5) 0 var(--s3);display:flex;align-items:center;gap:var(--s2)}.issues{list-style:none;padding:0;margin:0;display:grid;grid-gap:var(--s2);gap:var(--s2)}.issue{display:grid;grid-template-columns:72px minmax(0,1fr);grid-gap:var(--s3);gap:var(--s3);align-items:start;padding:var(--s3) var(--s4);border-radius:var(--radius);background:var(--surface-2);animation:rise .4s var(--ease) both;animation-delay:calc(var(--i, 0) * 50ms)}.issue .sev{justify-content:center;margin-top:1px}.issue .tech{font:500 11px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--accent)}.issue .msg{color:var(--text);font-size:14px;margin-top:2px}.issue .fix{color:var(--muted);font-size:13px;margin-top:var(--s1)}.critique{margin-top:var(--s5);padding:var(--s4);border-radius:var(--radius);background:var(--bg);border:1px solid var(--border)}.critique p,.critique ul{color:var(--text-2);font-size:14px}.critique ul{margin:var(--s2) 0 0;padding-left:18px}.critique li+li{margin-top:var(--s1)}.critique .label{font:500 11px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-top:var(--s3)}.chips{display:flex;flex-wrap:wrap;gap:var(--s2)}.chip{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 var(--s3);border-radius:999px;border:1px solid var(--border-strong);background:transparent;font-size:13px;font-weight:500;color:var(--text-2);cursor:pointer;transition:background .15s,color .15s,border-color .15s,transform .15s var(--ease)}.chip:hover{color:var(--text);border-color:var(--muted)}.chip:active{transform:scale(.97)}.chip .tick{width:14px;height:14px;border-radius:50%;border:1.5px solid var(--border-strong);display:grid;place-items:center}.chip .tick,.chip .tick svg{transition:all .2s var(--ease)}.chip .tick svg{opacity:0;transform:scale(.5)}.chip.on{background:var(--accent-soft);color:var(--text);border-color:transparent}.chip.on .tick{background:var(--accent);border-color:var(--accent)}.chip.on .tick svg{opacity:1;transform:none}.delta{display:flex;align-items:center;gap:var(--s4);flex-wrap:wrap;padding:var(--s4) var(--s5);border-radius:var(--radius);background:var(--surface-2);margin-bottom:var(--s4)}.delta .label{font-size:13px;color:var(--muted)}.delta .num{font:700 28px var(--sans);letter-spacing:-.03em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.delta .arrow{color:var(--muted)}.delta .gain{font:600 14px var(--mono)}.delta .right{margin-left:auto}.split{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--s4);gap:var(--s4)}.pane{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;min-width:0;background:var(--bg)}.pane-head{display:flex;align-items:center;justify-content:space-between;gap:var(--s2);padding:var(--s2) var(--s3) var(--s2) var(--s4);border-bottom:1px solid var(--border);font-size:13px;font-weight:600;color:var(--text-2);min-height:44px}.pane-body{padding:var(--s4);font:13px/1.7 var(--mono);white-space:pre-wrap;word-break:break-word;max-height:440px;overflow:auto;flex:1 1;color:var(--text-2)}.pane-body.prose{font:14px/1.65 var(--sans);color:var(--text-2)}.pane textarea.editor{min-height:300px;flex:1 1;font-size:13px}.changes{margin:var(--s4) 0 0;padding:0;list-style:none;display:grid;grid-gap:var(--s2);gap:var(--s2)}.changes li{display:grid;grid-template-columns:150px minmax(0,1fr);grid-gap:var(--s3);gap:var(--s3);font-size:14px;color:var(--text-2);animation:rise .4s var(--ease) both;animation-delay:calc(var(--i, 0) * 40ms)}.changes b{color:var(--text);font-weight:600}.rationale{font-size:14px;color:var(--muted);margin-top:var(--s3)}.actions{gap:var(--s2);margin-top:var(--s5)}.actions,.verdict{display:flex;flex-wrap:wrap}.verdict{align-items:center;gap:var(--s4);padding:var(--s4) var(--s5);border-radius:var(--radius);background:var(--surface-2);margin:var(--s5) 0 var(--s4)}.verdict .msg{font-size:14px;color:var(--text-2)}.eval-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--s4);gap:var(--s4)}.eval-card{border:1px solid var(--border);border-radius:var(--radius);padding:var(--s5);background:var(--bg);animation:rise .45s var(--ease) both}.eval-card+.eval-card{animation-delay:80ms}.eval-card .top{justify-content:space-between;margin-bottom:var(--s4)}.eval-card .top,.eval-card h4{display:flex;align-items:center;gap:var(--s2)}.eval-card h4{font-size:15px;font-weight:650}.eval-card .big{font:700 26px var(--sans);letter-spacing:-.03em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.eval-card .bar-row{grid-template-columns:148px minmax(0,1fr) 28px}.eval-card .feedback{font-size:13.5px;color:var(--muted);margin-top:var(--s4)}.checks{list-style:none;padding:0;margin:var(--s4) 0 0;display:grid;grid-gap:var(--s2);gap:var(--s2);font-size:13px}.checks li{display:flex;justify-content:space-between;gap:var(--s2);color:var(--text-2)}.checks .ok{color:var(--good)}.checks .no{color:var(--bad)}.checks .detail{font-family:var(--mono)}.checks .detail,.stats{color:var(--muted);font-size:12px}.stats{display:flex;gap:var(--s4);flex-wrap:wrap;margin-top:var(--s4);padding-top:var(--s4);border-top:1px solid var(--border)}.stats b{color:var(--text);font:600 13px var(--mono)}details.disclose{margin-top:var(--s4)}details.disclose summary{cursor:pointer;font-size:13px;font-weight:600;color:var(--text-2);list-style:none;display:inline-flex;align-items:center;gap:var(--s2)}details.disclose summary::-webkit-details-marker{display:none}details.disclose summary svg{transition:transform .2s var(--ease)}details.disclose[open] summary svg{transform:rotate(90deg)}details.disclose>div{margin-top:var(--s3);animation:rise .3s var(--ease) both}.notice{padding:var(--s3) var(--s4);border-radius:var(--radius);font-size:14px;margin-top:var(--s4);display:flex;gap:var(--s3);align-items:flex-start}.notice.warn{background:var(--warn-soft);color:var(--warn)}.notice.bad{background:var(--bad-soft);color:var(--bad)}.notice.info{background:var(--surface-2);color:var(--text-2)}.side{position:-webkit-sticky;position:sticky;top:88px;display:grid;grid-gap:var(--s4);gap:var(--s4);min-width:0}.side .panel{padding:var(--s4)}.side h3{font:500 12px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.side .panel-head{margin-bottom:var(--s3)}.list{list-style:none;padding:0;margin:0;display:grid;grid-gap:var(--s1);gap:var(--s1)}.list li{min-width:0}.list button{display:block;width:100%;min-width:0;text-align:left;padding:var(--s2) var(--s3);border-radius:var(--radius-sm);border:0;background:transparent;cursor:pointer;font-size:13px;overflow:hidden;transition:background .15s,transform .15s var(--ease)}.list button:hover{background:var(--surface-2)}.list button:active{transform:scale(.99)}.list .t{display:flex;justify-content:space-between;gap:var(--s2);font-weight:600;color:var(--text)}.list .s{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.list .n,.list .s{color:var(--muted)}.list .n{font:500 12px var(--mono);font-weight:500}.empty{padding:var(--s5) var(--s2);text-align:center;color:var(--muted);font-size:13px}.modal-back{position:fixed;inset:0;z-index:50;background:rgba(0,0,0,.72);display:grid;place-items:center;padding:var(--s4);animation:fade .2s ease both}.modal{width:min(480px,100%);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-lg);padding:var(--s6);animation:pop .25s var(--ease) both}.modal h2{font-size:20px}.modal p{color:var(--text-2);font-size:14px;margin-top:var(--s2)}.modal label{display:block;font-size:13px;font-weight:600;margin-top:var(--s5)}input.field{width:100%;height:44px;margin-top:var(--s2);padding:0 var(--s4);border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--bg);font-family:var(--mono);font-size:14px;outline:none;transition:border-color .2s,box-shadow .2s}input.field:focus{border-color:var(--accent-line);box-shadow:0 0 0 4px var(--accent-soft)}.modal-actions{display:flex;justify-content:space-between;gap:var(--s3);margin-top:var(--s6)}@keyframes fade{0%{opacity:0}}.spinner{width:14px;height:14px;border-radius:50%;border:2px solid;border-right:2px solid transparent;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.shimmer{position:relative;overflow:hidden}.shimmer:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);transform:translateX(-100%);animation:sweep 1.2s infinite}@keyframes sweep{to{transform:translateX(100%)}}.skeleton{height:12px;border-radius:6px;background:var(--surface-3)}footer{position:relative;z-index:1;border-top:1px solid var(--border);padding:var(--s5) var(--s6);display:flex;justify-content:space-between;gap:var(--s4);flex-wrap:wrap;font-size:13px;color:var(--muted);max-width:1200px;margin:0 auto}@media (max-width:1024px){.workspace{grid-template-columns:minmax(0,1fr);padding:var(--s7) var(--s5) var(--s8)}.side{position:static;grid-template-columns:1fr 1fr}}@media (max-width:720px){.nav{padding:0 var(--s4)}.nav-links,.status-text{display:none}.hero{padding-top:var(--s7)}.workspace{padding:var(--s6) var(--s4) var(--s7)}.flow{padding-left:0}.rail,.step-marker{display:none}.panel{padding:var(--s4)}.analysis,.eval-grid,.side,.split{grid-template-columns:minmax(0,1fr)}.analysis{gap:var(--s5)}.bar-row{grid-template-columns:100px minmax(0,1fr) 32px}.changes li{grid-template-columns:minmax(0,1fr);gap:0}.editor-bar .kbd{display:none}.editor-bar>div{margin-left:auto}.section-head h2{font-size:24px}footer{padding:var(--s5) var(--s4)}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}.floor,.nbeam:after,.sheen{animation:none!important}}.verdict-text{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1 1}.verdict .why{font-size:13px;color:var(--muted)}.efficiency{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:var(--s3);gap:var(--s3);margin-bottom:var(--s4)}.metric{display:flex;flex-direction:column;gap:var(--s2);padding:var(--s3) var(--s4);border-radius:var(--radius);background:var(--surface-2);animation:rise .4s var(--ease) both}.metric .label{font:500 11px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.metric .vals{display:flex;align-items:center;gap:var(--s2);color:var(--muted);font-size:13px}.metric .vals b{font:600 15px var(--mono);color:var(--text)}.metric .tag{align-self:flex-start}.checks-label{font:500 11px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-top:var(--s4)}.checks-label+.checks{margin-top:var(--s2)}@media (max-width:720px){.efficiency{grid-template-columns:minmax(0,1fr)}}.needs{display:grid;grid-gap:var(--s5);gap:var(--s5)}.need{display:grid;grid-gap:var(--s2)}.need-q{font-size:14px;font-weight:600;color:var(--text)}input.field.need-input{margin-top:0;height:40px;font-family:var(--sans)}.needs-preview{margin-top:var(--s5);border:1px solid var(--border);border-radius:var(--radius);background:var(--bg)}.needs-preview .label{display:block;padding:var(--s3) var(--s4) 0;font:500 11px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.needs-preview .pane-body{max-height:220px}.score-caption{font-size:12.5px;color:var(--muted);margin:var(--s3) auto 0;max-width:210px;line-height:1.45}.need{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s2)}.need .need-q{flex-basis:100%}.need .need-chips{display:contents}.need input.field.need-input{flex:1 1 100%}.chip-input{height:34px;width:190px;padding:0 var(--s3);border-radius:999px;border:1px dashed var(--border-strong);background:transparent;color:var(--text);font:500 13px var(--sans);outline:none;transition:border-color .15s,background .15s,width .25s var(--ease)}.chip-input::placeholder{color:var(--muted)}.chip-input:focus{border-style:solid;border-color:var(--accent-line);width:260px}.chip-input.on{border-style:solid;border-color:transparent;background:var(--accent-soft)}@media (max-width:720px){.chip-input,.chip-input:focus{width:100%}}@keyframes fall{to{transform:translateY(640px)}}@keyframes pulseGlow{0%,to{opacity:.75}50%{opacity:1}}@keyframes blink{50%{opacity:0}}.hero3{position:relative;z-index:1;height:calc(100svh - 64px);min-height:600px;max-height:1000px;overflow:hidden}.hero3-bg{inset:0;pointer-events:none}.floor,.hero3-bg{position:absolute}.floor{left:-60%;right:-60%;top:-30%;bottom:0;background-image:linear-gradient(rgba(255,107,44,.34) 1px,transparent 0),linear-gradient(90deg,rgba(255,107,44,.3) 1px,transparent 0);background-size:72px 72px;transform:perspective(700px) rotateX(58deg);transform-origin:50% 100%;-webkit-mask-image:linear-gradient(0deg,#000 0,rgba(0,0,0,.55) 45%,transparent 92%);mask-image:linear-gradient(0deg,#000 0,rgba(0,0,0,.55) 45%,transparent 92%);animation:floor-move 2.6s linear infinite}@keyframes floor-move{0%{background-position:0 0}to{background-position:0 72px}}.hero3-grid{z-index:1;max-width:1280px;margin:0 auto;padding:clamp(12px,3vh,40px) var(--s6) clamp(20px,5vh,56px);grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);grid-gap:clamp(24px,3vw,56px);gap:clamp(24px,3vw,56px);align-items:center}.hero3-grid,.stage{position:relative;height:100%;display:grid}.stage{place-items:center;perspective:1400px}.nbeam{position:absolute;top:-12vh;left:calc(50% + var(--x));width:2px;height:34%;border-radius:2px;overflow:hidden;background:linear-gradient(180deg,rgba(255,140,80,0),rgba(255,150,90,.8) 40%,#ff7a36 85%,rgba(255,107,44,0));box-shadow:0 0 12px rgba(255,120,60,.9),0 0 36px rgba(255,107,44,.45)}.nbeam:after{content:"";position:absolute;left:0;right:0;top:-120px;height:120px;background:linear-gradient(180deg,transparent,#fff3e8,transparent);animation:fall 2.4s linear infinite;animation-delay:var(--d)}.nbeam.n1{--x:-118px;--d:0.2s;opacity:.6}.nbeam.n2{--x:-92px;--d:1.1s;width:4px}.nbeam.n3{--x:-66px;--d:1.8s;opacity:.6}.halo{position:absolute;left:50%;bottom:4%;width:520px;height:160px;transform:translateX(-50%);background:radial-gradient(closest-side,rgba(255,107,44,.45),rgba(255,107,44,.12) 60%,transparent);animation:pulseGlow 4s ease-in-out infinite}.stack{position:relative;width:min(380px,100%);height:clamp(380px,64vh,520px);transform-style:preserve-3d;transform:rotateY(20deg) rotateX(8deg) rotate(-2deg);animation:sway 10s ease-in-out infinite}@keyframes sway{0%,to{transform:rotateY(20deg) rotateX(8deg) rotate(-2deg)}50%{transform:rotateY(9deg) rotateX(3deg) rotate(-1deg) translateY(-10px)}}.card3{--i:0;position:absolute;left:calc(var(--i) * 30px);top:calc(var(--i) * 35%);width:calc(100% - 60px);min-width:280px;padding:var(--s4) 18px;border-radius:20px;overflow:hidden;background:linear-gradient(160deg,#241710,#150d08);border:1px solid rgba(255,255,255,.06);box-shadow:inset 0 1px 0 rgba(255,210,180,.12),0 30px 60px -24px rgba(0,0,0,.95);transform:translateZ(calc(var(--i) * -34px));opacity:.72;transition:transform .8s var(--ease),box-shadow .8s var(--ease),opacity .8s var(--ease)}.card3.k1{--i:1}.card3.k2{--i:2}.card3.active{z-index:3;opacity:1;transform:translateZ(70px) translateX(-8px);box-shadow:inset 0 1px 0 rgba(255,220,190,.22),0 0 46px -4px rgba(255,107,44,.6),0 0 120px -16px rgba(255,107,44,.55),0 40px 70px -24px rgba(0,0,0,.95)}.sheen{position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent 38%,rgba(255,210,180,.12) 50%,transparent 62%);background-size:260% 100%;animation:sheen 6s ease-in-out infinite;animation-delay:calc(var(--i) * 1.2s)}@keyframes sheen{0%{background-position:130% 0}60%,to{background-position:-30% 0}}.card3-head{display:flex;align-items:center;gap:10px}.card3-step{font:500 11px var(--mono);color:var(--accent);letter-spacing:.06em}.card3-title{font-size:14px;font-weight:600;color:var(--text)}.c-prompt{margin-top:var(--s3);font:500 15px var(--mono);color:var(--text);word-break:break-word}.caret{display:inline-block;width:8px;height:17px;margin-left:3px;vertical-align:-3px;background:var(--accent);box-shadow:0 0 10px rgba(255,107,44,.9);animation:blink 1s steps(1) infinite}.c-sub{margin-top:var(--s3);font-size:12px;color:var(--muted)}.c-pills{display:flex;flex-wrap:wrap;gap:6px;margin-top:var(--s2)}.c-pill{display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 10px;border-radius:999px;font:500 12px var(--sans);white-space:nowrap}.c-pill.guess{border:1px dashed rgba(255,255,255,.2);color:var(--text-2);animation:flicker 3.2s infinite;animation-delay:calc(var(--k) * .45s)}@keyframes flicker{0%,44%,56%,to{opacity:1}50%{opacity:.3}}.c-pill.need{background:var(--accent-soft);color:#ffd2b3;opacity:.6}.card3.active .c-pill.need{animation:pop .5s var(--ease) both;animation-delay:calc(var(--k) * .13s)}@keyframes pop{0%{opacity:0;transform:scale(.8) translateY(4px)}to{opacity:1;transform:none}}.c-row{display:grid;grid-template-columns:96px minmax(0,1fr);grid-gap:10px;gap:10px;align-items:center;margin-top:10px}.c-lbl{font-size:11px;color:var(--muted)}.c-lbl.hot{color:#ffb27a}.lines{display:grid;grid-gap:4px;gap:4px}.lines i{display:block;height:5px;border-radius:3px;background:rgba(255,255,255,.13);transform-origin:left}.lines.long i:first-child{width:100%}.lines.long i:nth-child(2){width:92%}.lines.long i:nth-child(3){width:97%}.lines.long i:nth-child(4){width:86%}.lines.long i:nth-child(5){width:95%}.lines.long i:nth-child(6){width:90%}.lines.long i:nth-child(7){width:64%}.lines.short i{background:linear-gradient(90deg,#ff7a36,#ffc195);box-shadow:0 0 10px rgba(255,120,50,.6)}.lines.short i:first-child{width:88%}.lines.short i:nth-child(2){width:72%}.lines.short i:nth-child(3){width:50%}.card3.active .lines.long i{animation:dim 1.4s var(--ease) both;animation-delay:calc(var(--k) * 60ms)}@keyframes dim{0%{opacity:1}to{opacity:.35}}.card3.active .lines.short i{animation:grow-line .7s var(--ease) both;animation-delay:calc(.35s + var(--k) * .14s)}@keyframes grow-line{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.c-verdict{display:flex;align-items:center;gap:var(--s2);margin-top:14px;font-size:13px;font-weight:600;color:var(--text)}.tick-dot{width:20px;height:20px;flex:none;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:var(--accent-ink);box-shadow:0 0 14px rgba(255,107,44,.8)}.hero3-copy{max-width:620px}.hero3-copy h1{font-size:clamp(34px,min(4vw,7vh),60px);font-weight:700;letter-spacing:-.035em;line-height:1.04}.neon-word{color:#ffe3d0;text-shadow:0 0 4px rgba(255,190,150,.9),0 0 14px rgba(255,120,60,.9),0 0 36px rgba(255,107,44,.7),0 0 72px rgba(255,107,44,.45);animation:neon 7s infinite}@keyframes neon{0%,90%,93%,96%,to{opacity:1}91.5%,94.5%{opacity:.55}}.hero3-copy .lede{margin-top:clamp(10px,2vh,18px);font-size:clamp(15px,2.2vh,17px);color:var(--text-2);max-width:520px}.try{margin-top:clamp(16px,3.2vh,30px);max-width:540px;height:60px;padding:6px 6px 6px 22px;display:flex;align-items:center;gap:var(--s3);border-radius:999px;background:var(--surface);border:1px solid var(--border-strong);box-shadow:0 0 0 6px rgba(255,107,44,.06),0 18px 50px -22px rgba(255,107,44,.55);transition:border-color .2s,box-shadow .2s}.try:focus-within{border-color:var(--accent-line);box-shadow:0 0 0 6px rgba(255,107,44,.14),0 0 44px -6px rgba(255,107,44,.6)}.try input{flex:1 1;min-width:0;border:0;outline:none;background:transparent;color:var(--text);font:15px var(--sans)}.try input::placeholder{color:var(--muted)}.try-go{display:inline-flex;align-items:center;gap:var(--s3);height:48px;padding:0 6px 0 18px;border:0;border-radius:999px;cursor:pointer;flex:none;background:linear-gradient(90deg,#ff7a36,#ff9d5c);color:var(--accent-ink);font:600 15px var(--sans);box-shadow:0 0 22px -4px rgba(255,107,44,.8);transition:transform .2s var(--ease),box-shadow .2s}.try-go:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 0 32px -2px rgba(255,107,44,.95)}.try-go:active:not(:disabled){transform:scale(.98)}.try-go .knob{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--accent-ink);color:#ffb27a;transition:transform .3s var(--ease)}.try-go:hover:not(:disabled) .knob{transform:rotate(-45deg)}.try-go:disabled{cursor:default;background:var(--surface-3);color:var(--muted);box-shadow:none}.try-go:disabled .knob{background:var(--surface-2);color:var(--muted)}.try-samples{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s2);margin-top:14px;font-size:13px;color:var(--muted)}.try-samples .chip{height:30px}.how3{list-style:none;padding:0;margin:clamp(18px,4vh,40px) 0 0;max-width:540px;display:grid;grid-template-columns:1fr 1fr;grid-gap:14px 24px;gap:14px 24px}.how3 li{display:flex;gap:var(--s3);align-items:flex-start;animation:rise .6s var(--ease) both;animation-delay:calc(.3s + var(--i) * 90ms)}.how3 .how-n{width:30px;height:30px;flex:none;border-radius:50%;display:grid;place-items:center;background:var(--surface);border:1px solid var(--border-strong);font:500 11px var(--mono);color:var(--accent)}.how3 b{display:block;font-size:14px;font-weight:600;color:var(--text)}.how3 span{font-size:12.5px;color:var(--muted)}@media (max-width:960px){.hero3{height:auto;max-height:none;overflow:visible}.hero3-grid{grid-template-columns:minmax(0,1fr);padding:var(--s5) var(--s4) var(--s7)}.hero3-copy{order:-1;max-width:none}.stage{height:440px}.stack{height:400px}}@media (max-width:560px){.how3{grid-template-columns:minmax(0,1fr)}.try{height:auto;flex-wrap:wrap;padding:var(--s2);border-radius:22px}.try input{padding:var(--s2) var(--s3);flex-basis:100%}.try-go{width:100%;justify-content:space-between}.stack{transform:rotateY(10deg) rotateX(6deg);animation:none}.card3{width:calc(100% - 40px);min-width:0;left:calc(var(--i) * 20px)}.nbeam{display:none}}.tilt{transform-style:preserve-3d;transform:rotateY(var(--ry,0deg)) rotateX(var(--rx,0deg));transition:transform .4s var(--ease)}.stage.hovering .stack{animation-play-state:paused}.card3{cursor:pointer;outline:none}.card3:focus-visible{box-shadow:0 0 0 2px var(--accent),0 0 46px -4px rgba(255,107,44,.6)}.stage.hovering .card3.active{transform:translateZ(96px) translateX(-12px) scale(1.02)}.card3-hint{margin-left:auto;display:inline-flex;align-items:center;gap:4px;font:600 11px var(--sans);color:#ffb27a;opacity:0;transform:translateX(-6px);transition:opacity .25s var(--ease),transform .25s var(--ease)}.card3:focus-visible .card3-hint,.stage.hovering .card3.active .card3-hint{opacity:1;transform:none}.stage.hovering .card3.active .c-pill.guess{border-style:solid;border-color:var(--accent-line);color:var(--text);animation-play-state:paused}.stage-hint{position:absolute;left:50%;bottom:clamp(6px,2vh,20px);transform:translateX(-50%);font:500 11px var(--mono);letter-spacing:.06em;color:var(--muted);white-space:nowrap;pointer-events:none}@media (hover:none){.stage-hint{display:none}}@media (prefers-reduced-motion:reduce){.tilt{transform:none!important}}.hero3{--stage-pad:clamp(0px,3vw,48px)}.stage{justify-items:start;padding-left:var(--stage-pad)}.stack{width:min(360px,100%)}.hero3-copy{position:relative;z-index:2}.nbeam{left:calc(var(--stage-pad) + 150px + var(--x))}.nbeam.n1{--x:-26px}.nbeam.n2{--x:0px}.nbeam.n3{--x:26px}.halo{left:calc(var(--stage-pad) + 180px)}.card3-title{white-space:nowrap;flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis}.card3-hint{flex:none;margin:0}@media (max-width:960px){.stage{justify-items:center;padding-left:0}.halo,.nbeam{left:50%}}.halo,.nbeam{z-index:0}.tilt{position:relative;z-index:1}.hits,.tilt{grid-area:1/1}.hits{position:relative;z-index:3;align-self:center;width:min(360px,100%);height:clamp(380px,64vh,520px);display:grid;grid-template-rows:35% 35% 30%}.hits span{cursor:pointer}.stage .card3{pointer-events:none}.c-pill .q{color:var(--accent);font-weight:700;margin-right:1px}.c-pill.empty{border:1px dashed var(--accent-line);color:#ffb27a}.c-lbl small{display:block;margin-top:2px;font:500 10px var(--mono);color:var(--muted);opacity:.85}.brand-em{font-style:italic;font-weight:600;color:#ffb27a;text-shadow:0 0 14px rgba(255,107,44,.45);padding-right:1px}.sun{position:absolute;top:-340px;right:-220px;width:860px;height:860px;border-radius:50%;background:radial-gradient(closest-side,rgba(255,107,44,.34),rgba(255,107,44,.08) 55%,transparent 72%);animation:sun-drift 9s ease-in-out infinite alternate}@keyframes sun-drift{0%{transform:translate(0) scale(1)}to{transform:translate(-40px,30px) scale(1.08)}}.sky{position:absolute;left:0;right:0;top:0;height:62%;background-image:radial-gradient(circle,rgba(255,150,90,.5) 1px,transparent 1.8px);background-size:28px 28px;-webkit-mask-image:radial-gradient(ellipse 75% 100% at 62% 0,#000 15%,transparent 72%);mask-image:radial-gradient(ellipse 75% 100% at 62% 0,#000 15%,transparent 72%);animation:twinkle 6s ease-in-out infinite}@media (prefers-reduced-motion:reduce){.sky,.sun{animation:none}}.hits,.stack{width:min(380px,100%)}.card3-hint{max-width:0;overflow:hidden;white-space:nowrap;transition:max-width .3s var(--ease),opacity .25s var(--ease),transform .25s var(--ease)}.card3:focus-visible .card3-hint,.stage.hovering .card3.active .card3-hint{max-width:120px}@property --spot{syntax:"<length>";inherits:true;initial-value:0}@property --rr{syntax:"<length>";inherits:false;initial-value:0}.hero3{--mx:60%;--my:20%;--spot:0px;transition:--spot .6s var(--ease)}.hero3.sky-on{--spot:190px}.sky-lit,.sky-ripple{position:absolute;left:0;right:0;top:0;height:62%;pointer-events:none;background-image:radial-gradient(circle,rgba(255,205,165,1) 1.2px,transparent 2px);background-size:28px 28px;filter:drop-shadow(0 0 3px rgba(255,120,50,.9))}.sky-lit{-webkit-mask-image:radial-gradient(circle var(--spot) at var(--mx) var(--my),#000 0,rgba(0,0,0,.35) 55%,transparent 100%);mask-image:radial-gradient(circle var(--spot) at var(--mx) var(--my),#000 0,rgba(0,0,0,.35) 55%,transparent 100%)}.sky-ripple{opacity:0;transition:opacity .5s var(--ease);-webkit-mask-image:radial-gradient(circle at var(--mx) var(--my),transparent calc(var(--rr) - 26px),#000 var(--rr),transparent calc(var(--rr) + 26px));mask-image:radial-gradient(circle at var(--mx) var(--my),transparent calc(var(--rr) - 26px),#000 var(--rr),transparent calc(var(--rr) + 26px))}.hero3.sky-on .sky-ripple{opacity:.8;animation:ripple 2.2s var(--ease) infinite}@keyframes ripple{0%{--rr:20px}to{--rr:420px}}@media (hover:none){.sky-lit,.sky-ripple{display:none}}@media (prefers-reduced-motion:reduce){.hero3.sky-on .sky-ripple{animation:none;opacity:0}}@keyframes twinkle{0%,to{opacity:.32}50%{opacity:.5}}.hero3.sky-on{--spot:230px}.sky-lit,.sky-ripple{background-image:radial-gradient(circle,#ffeadb 1.6px,transparent 2.4px);filter:drop-shadow(0 0 4px rgba(255,130,60,1)) drop-shadow(0 0 10px rgba(255,107,44,.6))}.sky-ripple{-webkit-mask-image:radial-gradient(circle at var(--mx) var(--my),transparent calc(var(--rr) - 34px),rgba(0,0,0,.9) var(--rr),transparent calc(var(--rr) + 34px));mask-image:radial-gradient(circle at var(--mx) var(--my),transparent calc(var(--rr) - 34px),rgba(0,0,0,.9) var(--rr),transparent calc(var(--rr) + 34px))}.hero3.sky-on .sky-ripple{opacity:1}.sky{animation:none;opacity:.42}.sky-ripple{display:none}.stack{animation:none}.card3{opacity:.9;animation:bob 5.5s ease-in-out infinite;animation-delay:calc(var(--i) * -1.8s)}@keyframes bob{0%,to{translate:0 0}50%{translate:0 -7px}}.card3 .sheen{animation:none;opacity:0}.card3.active .sheen{opacity:1;animation:sheen 2.4s ease-in-out infinite}.c-pill.guess{animation:none}.card3.active .c-pill.guess{animation:flicker 1.6s infinite;animation-delay:calc(var(--k) * .25s)}.caret{animation:none;opacity:.85}.card3.active .caret{animation:blink 1s steps(1) infinite}.stage.hovering .card3:not(.active){opacity:.55}.hero3{--sp:0}.floor{transform:perspective(700px) rotateX(calc(58deg + var(--sp) * 16deg)) translateY(calc(var(--sp) * 40px))}.sun{translate:0 calc(var(--sp) * 160px)}.sky,.sky-lit{background-position:0 calc(var(--sp) * -90px)}.stage{transform:translateY(calc(var(--sp) * 90px))}.tilt{translate:0 0;rotate:x calc(var(--sp) * 14deg)}.hero3-copy{transform:translateY(calc(var(--sp) * -50px))}.nbeam{translate:0 calc(var(--sp) * -80px)}.nav{position:-webkit-sticky;position:sticky}.nav:after{content:"";position:absolute;left:0;bottom:-1px;height:2px;width:calc(var(--page-sp, 0) * 100%);background:linear-gradient(90deg,#ff7a36,#ffc195);box-shadow:0 0 10px rgba(255,107,44,.8)}.hw{display:inline-block;transition:transform .3s var(--ease),color .3s,text-shadow .3s}.hw:hover{transform:translateY(-5px);color:#fff;text-shadow:0 0 22px rgba(255,120,60,.6)}.hw.neon-word:hover{animation:none;text-shadow:0 0 6px rgba(255,210,180,1),0 0 20px rgba(255,120,60,1),0 0 48px rgba(255,107,44,.9),0 0 96px rgba(255,107,44,.6)}.brand-em{position:relative;transition:color .25s,text-shadow .25s}.brand-em:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;border-radius:2px;background:linear-gradient(90deg,#ff7a36,#ffc195);box-shadow:0 0 8px rgba(255,107,44,.8);transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease)}.brand-em:hover{color:#ffd2b3;text-shadow:0 0 18px rgba(255,107,44,.7)}.brand-em:hover:after{transform:scaleX(1)}.how3 li{transition:transform .25s var(--ease)}.how3 li:hover{transform:translateY(-3px)}.how3 .how-n{transition:background .25s,border-color .25s,box-shadow .25s,color .25s}.how3 li:hover .how-n{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);box-shadow:0 0 18px rgba(255,107,44,.7)}.how3 li:hover b{color:#ffd2b3}@media (prefers-reduced-motion:reduce){.card3,.card3.active .c-pill.guess,.card3.active .sheen{animation:none!important}.how3 li:hover,.hw:hover{transform:none}}@media (max-width:960px){.hero3-copy,.stage{transform:none}}.hero3:after{content:"";position:absolute;left:0;right:0;bottom:0;height:140px;background:linear-gradient(to bottom,transparent,var(--bg));pointer-events:none;z-index:0}@property --pspot{syntax:"<length>";inherits:true;initial-value:0}.below{position:relative;--px:50%;--py:30%;--pspot:0px;transition:--pspot .6s var(--ease)}.below.dots-on{--pspot:220px}.page-bg{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}.pdots,.pdots-lit{position:absolute;inset:0;background-size:28px 28px}.pdots{background-image:radial-gradient(circle,rgba(255,150,90,.26) 1px,transparent 1.7px);-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 240px,#000 calc(100% - 160px),transparent);mask-image:linear-gradient(180deg,transparent 0,#000 240px,#000 calc(100% - 160px),transparent)}.pdots-lit{background-image:radial-gradient(circle,#ffeadb 1.6px,transparent 2.4px);filter:drop-shadow(0 0 4px rgba(255,130,60,1)) drop-shadow(0 0 10px rgba(255,107,44,.6));-webkit-mask-image:radial-gradient(circle var(--pspot) at var(--px) var(--py),#000 0,rgba(0,0,0,.35) 55%,transparent 100%);mask-image:radial-gradient(circle var(--pspot) at var(--px) var(--py),#000 0,rgba(0,0,0,.35) 55%,transparent 100%)}.pglow{position:absolute;width:760px;height:760px;border-radius:50%;animation:pglow-drift 16s ease-in-out infinite alternate}.pglow.g1{left:-380px;top:6%;background:radial-gradient(closest-side,rgba(255,107,44,.14),transparent 70%)}.pglow.g2{right:-380px;top:42%;background:radial-gradient(closest-side,rgba(255,140,70,.12),transparent 70%);animation-delay:-6s}.pglow.g3{left:20%;bottom:-420px;background:radial-gradient(closest-side,rgba(255,107,44,.1),transparent 70%);animation-delay:-11s}@keyframes pglow-drift{0%{transform:translate(0)}to{transform:translate(60px,-40px)}}.below>.workspace,.below>footer{position:relative;z-index:1}@media (hover:none){.pdots-lit{display:none}}@media (prefers-reduced-motion:reduce){.pglow{animation:none}}.flow,.rail,.step-marker{display:none}.deck-head{display:flex;align-items:stretch;justify-content:space-between;gap:var(--s4);flex-wrap:wrap;margin-bottom:var(--s4)}.modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:var(--s2);gap:var(--s2);flex:1 1 520px}.mode{display:flex;flex-direction:column;gap:2px;text-align:left;padding:var(--s3) var(--s4);border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);cursor:pointer;transition:background .2s,border-color .2s,transform .2s var(--ease),box-shadow .2s}.mode b{font-size:14px;font-weight:650;color:var(--text)}.mode span{font-size:12px;color:var(--muted)}.mode:hover{transform:translateY(-2px);border-color:var(--border-strong)}.mode.on{background:var(--accent-soft);border-color:var(--accent-line);box-shadow:0 0 24px -8px rgba(255,107,44,.6)}.mode.on b{color:#ffd2b3}.kind{display:inline-flex;align-self:center;padding:4px;border-radius:999px;border:1px solid var(--border);background:var(--surface)}.kind button{height:36px;padding:0 var(--s4);border:0;border-radius:999px;background:transparent;color:var(--text-2);font:600 13px var(--sans);cursor:pointer;transition:background .2s,color .2s}.kind button.on{background:var(--accent);color:var(--accent-ink);box-shadow:0 0 16px -4px rgba(255,107,44,.8)}.stepper{list-style:none;margin:0 0 var(--s4);padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:var(--s2);gap:var(--s2);position:relative;scroll-margin-top:84px}.stepper:before{content:"";position:absolute;left:10%;right:10%;top:50%;height:1px;background:var(--border);z-index:0}.stepper li{position:relative;z-index:1}.stepper button{width:100%;height:44px;display:flex;align-items:center;justify-content:center;gap:var(--s2);border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--muted);font:600 13px var(--sans);cursor:pointer;transition:all .25s var(--ease)}.stepper .n{font:500 11px var(--mono);display:inline-grid;place-items:center;min-width:22px;height:22px;border-radius:999px;background:var(--surface-3);color:var(--text-2)}.stepper li.done button{color:var(--text);border-color:var(--border-strong)}.stepper li.done .n{background:var(--good-soft);color:var(--good)}.stepper li.current button{color:var(--text);border-color:var(--accent-line);background:var(--accent-soft);box-shadow:0 0 22px -6px rgba(255,107,44,.7)}.stepper li.current .n{background:var(--accent);color:var(--accent-ink)}.stepper button:disabled{cursor:default;opacity:.45}.stepper button:not(:disabled):hover{transform:translateY(-1px);border-color:var(--muted)}.deck{perspective:1800px}.flipcard{transform-origin:50% 50%;animation:flip-fwd .65s var(--ease) both}.flipcard.back{animation-name:flip-back}@keyframes flip-fwd{0%{transform:rotateY(-86deg) translateX(-2%);opacity:0;filter:brightness(1.4)}55%{opacity:1}to{transform:none;opacity:1;filter:none}}@keyframes flip-back{0%{transform:rotateY(86deg) translateX(2%);opacity:0;filter:brightness(1.4)}55%{opacity:1}to{transform:none;opacity:1;filter:none}}.flipcard>.panel{box-shadow:0 30px 80px -40px rgba(0,0,0,.9),0 0 0 1px rgba(255,255,255,.02)}.actions.end{justify-content:flex-end}.actions .push{margin-left:auto}.linklike{border:0;background:none;padding:0;color:var(--accent);font:inherit;font-weight:600;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.learn-note{margin:0 0 var(--s4);padding:var(--s3) var(--s4);border-radius:var(--radius);background:var(--surface-2);color:var(--text-2);font-size:14px}.lesson-box{margin-top:var(--s2)}.lesson-box summary{cursor:pointer;list-style:none;display:inline-flex;align-items:center;gap:6px;font:600 12px var(--sans);color:#ffb27a}.lesson-box summary::-webkit-details-marker{display:none}.lesson-box summary:before{content:"+";display:inline-grid;place-items:center;width:16px;height:16px;border-radius:50%;background:var(--accent-soft);font-size:12px;transition:transform .2s var(--ease)}.lesson-box[open] summary:before{transform:rotate(45deg)}.lesson-box>div{margin-top:var(--s2);padding:var(--s3);border-radius:var(--radius-sm);background:var(--bg);border:1px solid var(--border);font-size:13px;color:var(--text-2);animation:rise .3s var(--ease) both}.lesson-box .why{color:var(--muted);margin-top:4px}.lesson-box .ba{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--s2);gap:var(--s2);margin-top:var(--s2)}.lesson-box .ba span{display:block;font:500 10px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:2px}.lesson-box code{display:block;font:12px/1.5 var(--mono);color:var(--text);white-space:pre-wrap}.lesson-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:var(--s3);gap:var(--s3)}.lesson-card{padding:var(--s3) var(--s4);border-radius:var(--radius);background:var(--surface-2);transition:transform .2s var(--ease)}.lesson-card:hover{transform:translateY(-2px)}.lesson-card b{color:#ffb27a;font-size:13px}.lesson-card p{font-size:13px;color:var(--text-2);margin-top:4px}.code-panel{margin-top:var(--s5);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--bg)}.code-head{display:flex;align-items:center;gap:var(--s3);padding:var(--s2) var(--s2) var(--s2) var(--s3);border-bottom:1px solid var(--border);flex-wrap:wrap}.tabs{display:inline-flex;gap:2px}.tabs button{height:30px;padding:0 var(--s3);border:0;border-radius:8px;background:transparent;color:var(--muted);font:600 12px var(--sans);cursor:pointer}.tabs button.on{background:var(--surface-3);color:var(--text)}.code-meta{margin-left:auto;font:500 11px var(--mono);color:var(--muted)}pre.code{margin:0;padding:var(--s4);max-height:320px;overflow:auto;font:12.5px/1.6 var(--mono);color:#f1d9c8;white-space:pre}.img-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--s4);gap:var(--s4);margin-top:var(--s5)}.img-grid.small{max-width:560px}.img-card{margin:0;animation:rise .45s var(--ease) both}.img-card+.img-card{animation-delay:90ms}.img-frame{position:relative;aspect-ratio:var(--ar,1/1);border-radius:var(--radius);overflow:hidden;background:var(--surface-2);border:1px solid var(--border)}.img-frame img{width:100%;height:100%;object-fit:cover;display:block;opacity:0;transform:scale(1.03);transition:opacity .6s var(--ease),transform .9s var(--ease)}.img-frame.ready img{opacity:1;transform:none}.img-card:hover .img-frame{box-shadow:0 0 40px -10px rgba(255,107,44,.7)}.img-card figcaption{margin-top:var(--s2);display:grid;grid-gap:2px;gap:2px;font-size:13px}.img-card figcaption b{color:var(--text)}.img-card figcaption span{color:var(--muted);font-size:12px}.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:var(--s3);gap:var(--s3)}.kpi{display:flex;flex-direction:column;gap:4px;padding:var(--s4);border-radius:var(--radius);background:var(--surface-2);animation:rise .45s var(--ease) both;transition:transform .2s var(--ease),box-shadow .2s}.kpi:hover{transform:translateY(-2px);box-shadow:0 0 30px -12px rgba(255,107,44,.6)}.kpi .label{font:500 11px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.kpi b{font:700 22px var(--sans);letter-spacing:-.02em;color:var(--text)}.kpi.good b{color:var(--good)}.kpi.warn b{color:var(--warn)}.kpi .note{font-size:12px;color:var(--muted)}.summary .chips .tag{height:28px;padding:0 var(--s3);font-family:var(--sans)}@media (max-width:900px){.modes{grid-template-columns:minmax(0,1fr)}.kpis,.lesson-grid{grid-template-columns:1fr 1fr}}@media (max-width:640px){.stepper{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}.stepper button{font-size:0;gap:0;height:40px}.stepper .n{font-size:11px}.img-grid,.kpis,.lesson-box .ba,.lesson-grid{grid-template-columns:minmax(0,1fr)}.actions .push{margin-left:0}}@media (prefers-reduced-motion:reduce){.flipcard{animation:none}}.img-wait{position:absolute;inset:0;display:grid;place-items:center;font:500 12px var(--mono);color:var(--muted)}.key-status{list-style:none;margin:0 0 var(--s3);padding:0;display:grid;grid-gap:var(--s2);gap:var(--s2)}.key-status li{display:grid;grid-template-columns:10px 1fr auto;align-items:center;grid-gap:var(--s2);gap:var(--s2);font-size:13px;color:var(--text-2)}.key-status b{font-weight:600;font-size:12px;color:var(--muted)}.kdot{width:8px;height:8px;border-radius:50%;background:var(--muted)}.kdot.on{background:var(--good);box-shadow:0 0 8px rgba(95,208,138,.7)}.kdot.warn{background:var(--warn)}.keys-cta{width:100%}.keys-modal{width:min(620px,100%);max-height:calc(100vh - 32px);overflow:auto}.keys-guide,.keys-tabs{margin-top:var(--s4)}.keys-guide{animation:rise .3s var(--ease) both}.keys-what{font-size:14px;color:var(--text-2)}.guide-steps{list-style:none;counter-reset:step;margin:var(--s4) 0 0;padding:0;display:grid;grid-gap:var(--s3);gap:var(--s3)}.guide-steps li{counter-increment:step;position:relative;padding:var(--s3) var(--s4) var(--s3) 52px;border-radius:var(--radius);background:var(--surface-2);font-size:14px;color:var(--text-2);display:flex;flex-wrap:wrap;gap:var(--s2) var(--s3)}.guide-steps li:before{content:counter(step);position:absolute;left:14px;top:50%;transform:translateY(-50%);width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:var(--accent-ink);font:700 12px var(--mono);box-shadow:0 0 12px rgba(255,107,44,.6)}.guide-steps li b{color:var(--text)}.guide-steps .btn{margin-left:auto;text-decoration:none}.guide-steps code,.keys-what code{font:12px var(--mono);padding:1px 6px;border-radius:6px;background:var(--bg);color:#ffd2b3}.keys-note{font-size:12.5px!important;color:var(--muted)!important}.keys-owner pre.code{margin-top:var(--s2);border-radius:var(--radius-sm);background:var(--bg);border:1px solid var(--border)}.keys-owner p{font-size:13px}@media (max-width:560px){.guide-steps .btn{margin-left:0}}.guide-steps li{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;grid-gap:var(--s3);gap:var(--s3)}.guide-steps li>span{line-height:1.5}@media (max-width:560px){.guide-steps li{grid-template-columns:minmax(0,1fr)}}.keys-modal{width:min(640px,100%);padding:var(--s5) var(--s6);max-height:calc(100svh - 24px)}.keys-modal h2{font-size:19px}.keys-modal>p{font-size:13px;margin-top:var(--s1)}.keys-tabs{margin-top:var(--s3)}.keys-tabs button{height:32px}.keys-guide{margin-top:var(--s3)}.keys-what{font-size:13px!important;margin:0}.guide-steps{margin-top:var(--s3);gap:6px}.guide-steps li{padding:8px 12px 8px 46px;font-size:13px;min-height:44px}.guide-steps li:before{left:12px;width:24px;height:24px;font-size:11px}.guide-steps .btn.sm{height:30px;padding:0 12px;font-size:12.5px}.keys-modal label{margin-top:var(--s3);font-size:13px}.keys-modal input.field{height:40px;margin-top:6px}.keys-note{margin-top:6px!important}.keys-owner{margin-top:var(--s2)}.keys-owner summary{font-size:12.5px}.keys-modal .modal-actions{margin-top:var(--s4)}@media (max-height:760px){.keys-modal{padding:var(--s4) var(--s5)}.guide-steps li{min-height:40px;padding-top:6px;padding-bottom:6px}}.notice.limit{background:var(--warn-soft);color:var(--text);align-items:center}.notice.limit svg{color:var(--warn);flex:none}.notice.limit span{flex:1 1;color:var(--text-2)}.notice.limit .btn{flex:none}.key-status b.out{color:var(--warn)}@media (max-width:560px){.notice.limit{flex-wrap:wrap}}.chart{margin:var(--s5) 0 0;padding:var(--s4) var(--s4) var(--s3);border:1px solid var(--border);border-radius:var(--radius);background:var(--bg)}.chart-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--s3);flex-wrap:wrap;margin-bottom:var(--s4)}.chart-head>div:first-child{display:grid;grid-gap:2px;gap:2px}.chart-head b{font-size:14px;color:var(--text)}.chart-head>div:first-child span{font-size:12px;color:var(--muted)}.chart-tools{align-items:center}.chart-tools,.legend{display:flex;gap:var(--s3)}.legend{font-size:12px;color:var(--text-2)}.legend span{display:inline-flex;align-items:center;gap:6px}.legend i{width:10px;height:10px;border-radius:50%;box-shadow:0 0 0 2px var(--bg)}.chart-toggle{height:26px;padding:0 10px;border-radius:999px;border:1px solid var(--border-strong);background:transparent;color:var(--text-2);font:600 11px var(--sans);cursor:pointer}.chart-toggle:hover{color:var(--text);border-color:var(--muted)}.chart-foot{margin-top:var(--s3);font:500 11px var(--mono);color:var(--muted)}.db{position:relative;display:grid;grid-gap:4px;gap:4px;padding-top:18px}.db-axis{position:absolute;top:0;left:150px;right:112px;height:14px;font:500 10px var(--mono);color:var(--muted)}.db-axis span{position:absolute;transform:translateX(-50%)}.db-row{display:grid;grid-template-columns:138px minmax(0,1fr) 84px 58px;grid-gap:12px;gap:12px;align-items:center;min-height:32px;padding:0 4px;border-radius:8px;animation:rise .4s var(--ease) both;animation-delay:calc(var(--i) * 50ms)}.db-row.hot{background:var(--surface-2)}.db-label{font-size:13px;color:var(--text-2)}.db-track{position:relative;height:22px}.db-track:before{content:"";position:absolute;left:0;right:0;top:50%;height:2px;transform:translateY(-50%);background:var(--surface-3);border-radius:2px}.db-grid{position:absolute;top:2px;bottom:2px;width:1px;background:var(--border)}.db-link{height:3px;transform:translateY(-50%);background:var(--muted);opacity:.5;border-radius:3px;transition:width .6s var(--ease),left .6s var(--ease)}.db-dot,.db-link{position:absolute;top:50%}.db-dot{width:12px;height:12px;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 2px var(--bg);transition:left .6s var(--ease),transform .2s var(--ease)}.db-row.hot .db-dot{transform:translate(-50%,-50%) scale(1.25)}.db-val{font:500 12px var(--mono);color:var(--muted);text-align:right;white-space:nowrap}.db-val b{color:var(--text);font-weight:600}.db-tip{position:absolute;bottom:calc(100% + 6px);transform:translateX(-50%);z-index:5;min-width:150px;padding:8px 10px;display:grid;grid-gap:3px;gap:3px;border-radius:10px;background:var(--surface-3);border:1px solid var(--border-strong);box-shadow:0 10px 30px -10px rgba(0,0,0,.8);font-size:12px;color:var(--text-2);pointer-events:none;white-space:nowrap}.db-tip b{color:var(--text);font-size:12px}.db-tip span{display:flex;align-items:center;gap:6px}.db-tip span i{width:8px;height:8px;border-radius:50%}.db-tip em{font-style:normal;color:var(--muted);font-size:11px;white-space:normal}.chg{font:600 11.5px var(--mono);white-space:nowrap}.chg.up{color:var(--good)}.chg.down{color:var(--bad)}.chg.same{color:var(--muted)}.chart-table{width:100%;border-collapse:collapse;font-size:13px}.chart-table td,.chart-table th{text-align:left;padding:6px 8px;border-bottom:1px solid var(--border);color:var(--text-2)}.chart-table th{font:500 11px var(--mono);text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.pb-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:var(--s4);gap:var(--s4)}.pb{display:grid;grid-gap:6px;gap:6px}.pb-head{display:flex;justify-content:space-between;gap:8px;font-size:13px;color:var(--text-2)}.pb-row{display:grid;grid-template-columns:minmax(0,1fr) 76px;grid-gap:8px;gap:8px;align-items:center}.pb-track{height:10px;border-radius:0 5px 5px 0;background:var(--surface-2);overflow:hidden}.pb-track i{display:block;height:100%;border-radius:0 4px 4px 0;transform-origin:left;animation:grow .8s var(--ease) both}.pb-row span{font:600 12px var(--mono);color:var(--text);text-align:right}.pb-row small{font-weight:500;color:var(--muted)}.analytics-grid{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:0;gap:0}@media (max-width:720px){.db-row{grid-template-columns:96px minmax(0,1fr) 44px}.db-val{display:none}.db-axis{left:108px;right:56px}.pb-grid{grid-template-columns:minmax(0,1fr)}}.checks-table .sw{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px;vertical-align:1px}.check-cell{display:grid;grid-gap:1px;gap:1px}.check-cell b{font:600 12px var(--mono)}.check-cell.ok b{color:var(--good)}.check-cell.no b{color:var(--bad)}.check-cell span{font:500 11px var(--mono);color:var(--muted)}.issue-meter{width:160px;height:8px;border-radius:99px;background:var(--surface-3);overflow:hidden;align-self:center}.issue-meter span{display:block;height:100%;background:var(--good);border-radius:99px;transform-origin:left;animation:grow .8s var(--ease) both}.resolved{list-style:none;margin:0;padding:0;display:grid;grid-gap:6px;gap:6px}.resolved li{display:grid;grid-template-columns:18px 170px minmax(0,1fr);grid-gap:8px;gap:8px;align-items:baseline;font-size:13px;animation:rise .4s var(--ease) both}.resolved b{font-family:var(--mono)}.resolved li.ok b{color:var(--good)}.resolved li.left b{color:var(--warn)}.resolved li span{color:var(--text);font-weight:600}.resolved li.ok em{color:var(--muted);font-style:normal;text-decoration:line-through;-webkit-text-decoration-color:rgba(157,150,140,.5);text-decoration-color:rgba(157,150,140,.5)}.resolved li.left em{color:var(--text-2);font-style:normal}@media (max-width:720px){.resolved li{grid-template-columns:18px minmax(0,1fr)}.resolved li em{grid-column:2}}.code-intro{display:flex;gap:var(--s4);justify-content:space-between;align-items:flex-start;padding:var(--s4);border-bottom:1px solid var(--border);background:var(--surface);flex-wrap:wrap}.code-intro>div{display:grid;grid-gap:4px;gap:4px;max-width:420px}.code-intro b{font-size:15px;color:var(--text)}.code-intro span{font-size:13px;color:var(--text-2)}.code-facts{display:flex;gap:var(--s4);margin:0;flex-wrap:wrap}.code-facts div{display:grid;grid-gap:2px;gap:2px}.code-facts dt{font:500 10px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.code-facts dd{margin:0;font:500 12px var(--mono);color:var(--text)}.code-steps{list-style:none;margin:0;padding:var(--s3) var(--s4);display:flex;gap:var(--s2) var(--s5);flex-wrap:wrap;border-bottom:1px solid var(--border);font-size:12.5px;color:var(--text-2)}.code-steps li{display:inline-flex;align-items:center;gap:8px}.code-steps li>span{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--accent-soft);color:#ffb27a;font:600 10px var(--mono)}.code-steps code{font:12px var(--mono);color:var(--text);background:var(--surface-3);padding:1px 6px;border-radius:5px}.mode-brief{display:flex;gap:var(--s5);flex-wrap:wrap;margin:calc(var(--s3) * -1) 0 var(--s5);padding:var(--s3) var(--s4);border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);animation:rise .35s var(--ease) both}.mb-label{font:500 10px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.mb-gives{display:grid;grid-gap:6px;gap:6px;flex:1 1 320px}.mb-gives ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px var(--s4)}.mb-gives li{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--text-2)}.mb-gives li svg{color:var(--accent)}.mb-skills{flex:1 1 100%;display:grid;grid-gap:8px;gap:8px;padding-top:var(--s3);border-top:1px solid var(--border)}.mb-skills-head{display:flex;align-items:baseline;gap:var(--s3)}.mb-skills-head b{font:600 13px var(--mono);color:var(--text)}.link-btn{margin-left:auto;border:0;background:none;color:var(--muted);font:500 12px var(--sans);cursor:pointer;text-decoration:underline;text-underline-offset:3px}.link-btn:hover{color:var(--text)}.mb-meter{height:6px;border-radius:99px;background:var(--surface-3);overflow:hidden}.mb-meter span{display:block;height:100%;background:var(--accent);border-radius:99px;transition:width .6s var(--ease)}.mb-chips{display:flex;flex-wrap:wrap;gap:6px}.mb-chips span{font:500 11.5px var(--sans);padding:3px 9px;border-radius:99px;border:1px solid var(--border);color:var(--muted)}.mb-chips span.on{color:var(--text);background:var(--accent-soft);border-color:var(--accent-line)}.lesson-box.known summary{color:var(--good)}.plain-verdict{margin:var(--s4) 0 0;padding:var(--s3) var(--s4);border-radius:var(--radius-sm);background:var(--surface-2);font-size:15px;line-height:1.5;color:var(--text)}.json-view{margin-top:var(--s4);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);overflow:hidden}.json-view summary{cursor:pointer;padding:var(--s2) var(--s3);font:600 12px var(--mono);color:var(--text-2);display:flex;gap:var(--s2)}.json-view summary span{color:var(--muted);font-weight:500;margin-left:auto}.json-view pre.code{border-top:1px solid var(--border);max-height:280px}.workspace{max-width:1600px;grid-template-columns:250px minmax(0,1fr) 280px;gap:var(--s5);padding:var(--s7) var(--s5) var(--s9)}.workspace>main{min-width:0;scroll-margin-top:84px}footer{max-width:1600px}.rail-left{position:-webkit-sticky;position:sticky;top:84px;max-height:calc(100vh - 100px);overflow-y:auto;display:grid;grid-gap:var(--s4);gap:var(--s4);align-content:start;padding-right:4px;scrollbar-width:thin}.rail-block{display:grid;grid-gap:var(--s2);gap:var(--s2)}.rail-label{font:500 10.5px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.rail-left .kind{display:grid;grid-template-columns:1fr 1fr;align-self:stretch}.rail-left .kind button{height:34px;padding:0}.vsteps{list-style:none;margin:0;padding:0;display:grid;grid-gap:4px;gap:4px;position:relative}.vsteps:before{content:"";position:absolute;left:21px;top:18px;bottom:18px;width:1px;background:var(--border)}.vsteps li{position:relative}.vsteps button{width:100%;display:flex;align-items:center;gap:var(--s3);padding:7px 10px;border-radius:12px;border:1px solid transparent;background:transparent;color:var(--muted);text-align:left;cursor:pointer;transition:background .2s,border-color .2s,transform .2s var(--ease)}.vsteps .n{position:relative;z-index:1;flex:none;display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--surface-3);color:var(--text-2);font:600 11px var(--mono);box-shadow:0 0 0 3px var(--bg)}.vs-text{display:grid;line-height:1.25}.vs-text b{font-size:13.5px;font-weight:600;color:inherit}.vs-text small{font-size:11.5px;color:var(--muted)}.vsteps li.done button{color:var(--text)}.vsteps li.done .n{background:var(--good-soft);color:var(--good)}.vsteps li.current button{color:var(--text);background:var(--accent-soft);border-color:var(--accent-line);box-shadow:0 0 22px -8px rgba(255,107,44,.7)}.vsteps li.current .n{background:var(--accent);color:var(--accent-ink)}.vsteps button:disabled{cursor:default;opacity:.45}.vsteps button:not(:disabled):hover{transform:translateX(2px);border-color:var(--border-strong)}.rail-left .modes{grid-template-columns:minmax(0,1fr);gap:6px;flex:none}.rail-left .mode{padding:10px 12px}.rail-left .mode:hover{transform:translateX(2px)}.mode-gives{list-style:none;margin:8px 0 0;padding:8px 0 0;border-top:1px solid var(--accent-line);display:grid;grid-gap:4px;gap:4px;animation:rise .3s var(--ease) both}.mode-gives li{display:flex;gap:6px;align-items:baseline;font-size:12px;color:var(--text-2)}.mode-gives svg{flex:none;color:var(--accent);transform:translateY(1px)}.skills{padding:var(--s3);border-radius:var(--radius);background:var(--surface);border:1px solid var(--border)}.skills-head{display:flex;align-items:baseline;justify-content:space-between}.skills-head b{font:600 13px var(--mono);color:var(--text)}.skills-help{margin:0;font-size:11.5px;line-height:1.45;color:var(--muted)}.skill-list{list-style:none;margin:0;padding:0;display:grid;grid-gap:2px;gap:2px}.skill-list button{width:100%;display:flex;align-items:center;gap:8px;padding:5px 6px;border:0;border-radius:8px;background:transparent;color:var(--text-2);font:500 12.5px var(--sans);text-align:left;cursor:pointer}.skill-list button:hover{background:var(--surface-2);color:var(--text)}.skill-list .tick{flex:none;display:inline-grid;place-items:center;width:16px;height:16px;border-radius:50%;border:1px solid var(--border-strong)}.skill-list button.on{color:var(--text)}.skill-list button.on .tick{background:var(--good-soft);border-color:transparent;color:var(--good)}.skills .link-btn{margin:0;justify-self:start}.lesson-modal{width:min(560px,100%)}.lesson-modal p{font-size:14px;color:var(--text-2);margin-top:var(--s2)}.lesson-modal .why{color:var(--muted)}.lesson-modal .ba{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--s3);gap:var(--s3);margin-top:var(--s4)}.lesson-modal .ba span{display:block;font:500 10px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:4px}.lesson-modal code{display:block;padding:var(--s3);border-radius:var(--radius-sm);background:var(--bg);border:1px solid var(--border);font:12px/1.5 var(--mono);color:var(--text);white-space:pre-wrap}@media (max-width:1280px){.workspace{grid-template-columns:230px minmax(0,1fr)}.workspace>.side{grid-column:1/-1;position:static;grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:860px){.workspace{grid-template-columns:minmax(0,1fr)}.rail-left{position:static;max-height:none;overflow:visible}.vsteps{grid-template-columns:repeat(5,minmax(0,1fr))}.vs-text small,.vsteps:before{display:none}.vsteps button{flex-direction:column;gap:4px;padding:6px 2px;text-align:center}.vs-text b{font-size:11.5px}.lesson-modal .ba,.workspace>.side{grid-template-columns:minmax(0,1fr)}}.side .skills{padding:var(--s4);border-radius:var(--radius-lg)}.mode-gives li{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width:640px){.hero3 .stage{display:none}.hero3{overflow:hidden}}.vsteps button{padding:5px 10px}.rail-left{gap:14px}footer .credit b{color:var(--text);font-weight:600}footer .credit a{color:#ffb27a;text-decoration:underline;-webkit-text-decoration-color:var(--accent-line);text-decoration-color:var(--accent-line);text-underline-offset:3px}footer .credit a:hover{color:var(--accent)}.site-footer{display:block;max-width:1600px;margin:0 auto;padding:var(--s8) var(--s5) var(--s5);border-top:1px solid var(--border);font-size:14px;color:var(--text-2);background:linear-gradient(180deg,transparent,rgba(255,107,44,.035))}.sf-top{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.8fr) minmax(0,.9fr) minmax(0,1.3fr);grid-gap:var(--s7);gap:var(--s7);align-items:start}.sf-logo{display:flex;align-items:center;gap:10px}.sf-logo b{font-size:17px;font-weight:700;color:var(--text);letter-spacing:-.02em}.sf-brand p{margin:var(--s3) 0 var(--s4);max-width:340px;line-height:1.55;color:var(--muted)}.sf-status{display:inline-flex;align-items:center;gap:8px;height:28px;padding:0 12px;border-radius:99px;background:var(--surface);border:1px solid var(--border);font:500 12px var(--mono);color:var(--text-2)}.sf-status i{width:7px;height:7px;border-radius:50%;background:var(--muted)}.sf-status i.on{background:var(--good);box-shadow:0 0 10px var(--good)}.sf-col h4{margin:0 0 var(--s3);font:500 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.sf-col ul{list-style:none;margin:0;padding:0;display:grid;grid-gap:10px;gap:10px}.sf-col a,.sf-col button{display:inline-flex;align-items:center;gap:8px;padding:0;border:0;background:none;color:var(--text-2);font:500 14px var(--sans);text-decoration:none;cursor:pointer;transition:color .2s,transform .2s var(--ease)}.sf-col a:hover,.sf-col button:not(:disabled):hover{color:var(--text);transform:translateX(3px)}.sf-col button:disabled{cursor:default;color:var(--muted);opacity:.6}.sf-n{font:500 11px var(--mono);color:var(--accent)}.sf-author{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);grid-gap:var(--s2) var(--s4);gap:var(--s2) var(--s4);align-items:center;padding:var(--s5);border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border);text-decoration:none;overflow:hidden;transition:transform .3s var(--ease),box-shadow .3s var(--ease),border-color .3s}.sf-author:after{content:"";position:absolute;right:-60px;top:-60px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(255,107,44,.22),transparent 70%);transition:transform .5s var(--ease);pointer-events:none}.sf-author:hover{transform:translateY(-3px);border-color:var(--border-strong);box-shadow:0 18px 40px -20px rgba(255,107,44,.55)}.sf-author:hover:after{transform:scale(1.35)}.sf-avatar{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:var(--accent);color:var(--accent-ink);font:700 18px var(--sans);letter-spacing:.02em;box-shadow:0 0 0 4px var(--bg),0 0 0 5px var(--accent-line),0 0 24px -4px rgba(255,107,44,.7)}.sf-author-text{display:grid;grid-gap:1px;gap:1px;min-width:0}.sf-author-text small{font:500 10.5px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.sf-author-text b{font-size:19px;font-weight:700;color:var(--text);letter-spacing:-.015em}.sf-author-text span{font-size:13px;color:var(--muted)}.sf-visit{grid-column:1/-1;display:inline-flex;align-items:center;justify-content:space-between;margin-top:var(--s2);padding:10px 14px;border-radius:12px;background:var(--accent-soft);color:#ffd2b3;font:600 13.5px var(--sans)}.sf-visit svg{transition:transform .25s var(--ease)}.sf-author:hover .sf-visit svg{transform:translateX(4px)}.sf-bottom{display:flex;justify-content:space-between;gap:var(--s4);flex-wrap:wrap;margin-top:var(--s7);padding-top:var(--s4);border-top:1px solid var(--border);font-size:12.5px;color:var(--muted)}.sf-made a{color:var(--text);font-weight:600;text-decoration:underline;-webkit-text-decoration-color:var(--accent-line);text-decoration-color:var(--accent-line);text-underline-offset:3px}.sf-made a:hover{color:#ffb27a}@media (max-width:1100px){.sf-top{grid-template-columns:1fr 1fr}}@media (max-width:640px){.site-footer{padding:var(--s7) var(--s4) var(--s4)}.sf-top{grid-template-columns:1fr;gap:var(--s6)}.sf-bottom{flex-direction:column;gap:6px}}.sf-author,.sf-author *,.sf-author:hover{text-decoration:none!important}.sf-author{grid-template-columns:minmax(0,1fr)}.sf-col small{color:var(--muted);font-size:12px;margin-left:2px}.sf-col small:before{content:"· "}