:root{--font-display: "Outfit", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-sans: "Outfit", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: "Fira Code", ui-monospace, "Cascadia Mono", "Source Code Pro", Menlo, Consolas, "DejaVu Sans Mono", monospace;--sp-1: .25rem;--sp-2: .5rem;--sp-3: .75rem;--sp-4: 1rem;--sp-5: 1.5rem;--sp-6: 2.5rem;--sp-7: 4rem;--sp-8: 6rem;--sp-9: 8.5rem;--radius: 10px;--radius-sm: 7px;--radius-pill: 999px;--measure: 1200px;--gutter: clamp(1.25rem, 5vw, 5rem);--fs-eyebrow: .72rem;--fs-micro: .8rem;--fs-small: .9rem;--fs-body: 1.0625rem;--fs-lead: clamp(1.15rem, .92rem + 1vw, 1.5rem);--fs-h3: clamp(1.45rem, 1.1rem + 1.6vw, 2.1rem);--fs-h2: clamp(2.1rem, 1.4rem + 3.2vw, 3.5rem);--fs-display: clamp(3.1rem, .9rem + 9.1vw, 7.75rem);--bg: #f7f6f4;--surface: #fdfcfa;--surface-2: #f1efea;--surface-3: #e9e6df;--fg: #1a1815;--fg-muted: #726d63;--fg-subtle: #9a948a;--border: #e4e0d8;--border-strong: #d3cec3;--accent: #e5491f;--accent-ink: #c23d18;--shadow: none;--ok: #3c7a4e;--ok-bg: #e9f1ea;--ok-border: #c7dbcb;--dormant: #986713;--dormant-bg: #f4ebd6;--dormant-border: #e3d1a7;--sev-block: #bd3826;--sev-block-bg: #f7e5df;--sev-block-border: #e8c2b6;--sev-warn: #986713;--sev-warn-bg: #f4ebd6;--sev-warn-border: #e3d1a7;--sev-notify: #4b4a8f;--sev-notify-bg: #e8e7f1;--sev-notify-border: #cbc9e0;--st-declared-fg: #6e6a61;--st-declared-bg: #ede9e2;--st-implementing-fg: #4b4a8f;--st-implementing-bg: #e8e7f1;--st-implemented-fg: #3c7a4e;--st-implemented-bg: #e9f1ea;--st-changed-fg: #986713;--st-changed-bg: #f4ebd6;color-scheme:light}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg: #111010;--surface: #1a1917;--surface-2: #201e1b;--surface-3: #282521;--fg: #f4f2ec;--fg-muted: #a8a299;--fg-subtle: #6f6a61;--border: #2c2a25;--border-strong: #3a372f;--accent: #ff6a3d;--accent-ink: #ff8a63;--shadow: none;--ok: #74c088;--ok-bg: rgba(60, 122, 78, .18);--ok-border: rgba(116, 192, 136, .4);--dormant: #e0ad4e;--dormant-bg: rgba(152, 103, 19, .2);--dormant-border: rgba(224, 173, 78, .4);--sev-block: #e8836e;--sev-block-bg: rgba(189, 56, 38, .22);--sev-block-border: rgba(232, 131, 110, .42);--sev-warn: #e0ad4e;--sev-warn-bg: rgba(152, 103, 19, .2);--sev-warn-border: rgba(224, 173, 78, .4);--sev-notify: #a5a3e0;--sev-notify-bg: rgba(75, 74, 143, .24);--sev-notify-border: rgba(165, 163, 224, .42);--st-declared-fg: #c7c2b8;--st-declared-bg: rgba(124, 119, 109, .2);--st-implementing-fg: #a5a3e0;--st-implementing-bg: rgba(75, 74, 143, .26);--st-implemented-fg: #74c088;--st-implemented-bg: rgba(60, 122, 78, .2);--st-changed-fg: #e0ad4e;--st-changed-bg: rgba(152, 103, 19, .22);color-scheme:dark}}:root[data-theme=dark]{--bg: #111010;--surface: #1a1917;--surface-2: #201e1b;--surface-3: #282521;--fg: #f4f2ec;--fg-muted: #a8a299;--fg-subtle: #6f6a61;--border: #2c2a25;--border-strong: #3a372f;--accent: #ff6a3d;--accent-ink: #ff8a63;--shadow: none;--ok: #74c088;--ok-bg: rgba(60, 122, 78, .18);--ok-border: rgba(116, 192, 136, .4);--dormant: #e0ad4e;--dormant-bg: rgba(152, 103, 19, .2);--dormant-border: rgba(224, 173, 78, .4);--sev-block: #e8836e;--sev-block-bg: rgba(189, 56, 38, .22);--sev-block-border: rgba(232, 131, 110, .42);--sev-warn: #e0ad4e;--sev-warn-bg: rgba(152, 103, 19, .2);--sev-warn-border: rgba(224, 173, 78, .4);--sev-notify: #a5a3e0;--sev-notify-bg: rgba(75, 74, 143, .24);--sev-notify-border: rgba(165, 163, 224, .42);--st-declared-fg: #c7c2b8;--st-declared-bg: rgba(124, 119, 109, .2);--st-implementing-fg: #a5a3e0;--st-implementing-bg: rgba(75, 74, 143, .26);--st-implemented-fg: #74c088;--st-implemented-bg: rgba(60, 122, 78, .2);--st-changed-fg: #e0ad4e;--st-changed-bg: rgba(152, 103, 19, .22);color-scheme:dark}*{box-sizing:border-box}html{font-size:16px;-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font-sans);font-size:var(--fs-body);line-height:1.55;color:var(--fg);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.mono{font-family:var(--font-mono);font-feature-settings:"liga" 0}h1,h2,h3,h4{margin:0;font-family:var(--font-display);font-weight:600}.label{display:inline-flex;align-items:center;gap:.85rem;font-family:var(--font-mono);font-size:var(--fs-eyebrow);font-weight:500;letter-spacing:.24em;text-transform:uppercase;color:var(--fg-muted)}.label:before{content:"";width:1.9rem;height:1px;background:var(--accent)}.label-plain{gap:0}.label-plain:before{display:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;font-family:var(--font-sans);font-size:.98rem;font-weight:500;line-height:1;padding:.9rem 1.5rem;border-radius:var(--radius-pill);border:1px solid transparent;cursor:pointer;text-decoration:none;white-space:nowrap;transition:background-color .2s ease,color .2s ease,border-color .2s ease,transform .2s ease}.btn svg{width:1.05em;height:1.05em;transition:transform .2s ease}.btn-primary{background:var(--fg);color:var(--bg)}.btn-primary:hover{transform:translateY(-1px)}.btn-primary:hover svg{transform:translate(3px)}.btn-secondary{background:transparent;color:var(--fg);border-color:var(--border-strong)}.btn-secondary:hover{border-color:var(--fg)}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;flex:0 0 auto;color:var(--fg-muted);background:transparent;border:1px solid var(--border-strong);border-radius:var(--radius-pill);cursor:pointer;transition:border-color .18s ease,color .18s ease,background-color .18s ease}.theme-toggle:hover{color:var(--fg);border-color:var(--fg)}.theme-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.theme-toggle svg{width:18px;height:18px}@media (prefers-reduced-motion: reduce){*{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}@media (max-width: 480px){.theme-toggle{width:34px;height:34px}.theme-toggle svg{width:15px;height:15px}.btn{font-size:.9rem;padding:.7rem 1.2rem}}.app{min-height:100dvh;display:flex;flex-direction:column;padding-top:clamp(5rem,8vh,6.5rem)}.repo{font-family:var(--font-mono);font-size:.8rem;color:var(--fg-muted);padding:.3rem .7rem;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-pill)}.mode-chip{display:inline-flex;align-items:center;gap:var(--sp-2);font-family:var(--font-mono);font-size:.72rem;font-weight:500;text-transform:uppercase;letter-spacing:.12em;padding:.3rem .7rem;border-radius:var(--radius-pill);border:1px solid transparent}.mode-dot{width:7px;height:7px;border-radius:50%;background:currentColor}.mode-live{color:var(--ok);background:var(--ok-bg);border-color:var(--ok-border)}.mode-live .mode-dot{animation:pulse 2s ease-out infinite}.mode-demo{color:var(--sev-notify);background:var(--sev-notify-bg);border-color:var(--sev-notify-border)}.freshness{font-family:var(--font-mono);font-size:.78rem;color:var(--fg-subtle);font-variant-numeric:tabular-nums}@media (max-width: 900px){.freshness{display:none}}@media (max-width: 600px){.repo{display:none}.mode-chip{font-size:.64rem;padding:.2rem .5rem}}.banner{flex:0 0 auto;margin:0 var(--gutter, clamp(1.25rem, 5vw, 5rem)) var(--sp-4);padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-sm);font-size:.95rem;color:var(--sev-warn);background:var(--sev-warn-bg);border:1px solid var(--sev-warn-border)}.grid{flex:1 1 auto;display:grid;grid-template-columns:minmax(min(340px,100%),.95fr) 1.4fr;gap:clamp(2rem,5vw,5rem);padding:var(--sp-5) clamp(1.25rem,5vw,5rem) var(--sp-8);align-items:start;max-width:1400px;margin:0 auto;width:100%}.grid-loading{min-height:60vh;place-items:center}.loading-note{color:var(--fg-subtle);font-size:1.1rem}.col{display:flex;flex-direction:column;gap:clamp(2rem,4vw,3.5rem);min-width:0}.col-left>.panel:nth-child(1) .panel-body{max-height:40vh;overflow-y:auto}.panel{display:flex;flex-direction:column;background:none;border:none;border-radius:0;box-shadow:none}.panel-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--sp-4);padding:0 0 var(--sp-4);margin-bottom:var(--sp-2);border-bottom:1px solid var(--border)}.panel-heading{display:flex;flex-direction:column;gap:var(--sp-2)}.panel-title{font-family:var(--font-display);font-size:clamp(1.8rem,1.2rem + 1.6vw,2.6rem);font-weight:600;letter-spacing:-.025em;line-height:1}.panel-count{font-size:1rem;font-weight:500;color:var(--fg-subtle);font-variant-numeric:tabular-nums}.panel-body{padding:0}.branch-list{list-style:none;margin:0;padding:0}.branch{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--sp-3);padding:var(--sp-4) 0;border-top:1px solid var(--border)}.branch:first-child{border-top:none}.branch.is-dormant{opacity:.75}.dot{width:10px;height:10px;border-radius:50%}.dot-active{background:var(--ok);box-shadow:0 0 0 4px var(--ok-bg);animation:pulse 2s ease-out infinite}.dot-dormant{background:transparent;border:2px solid var(--dormant)}.branch-main{display:flex;flex-direction:column;min-width:0}.branch-name{font-size:1.05rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.branch-owner{font-size:.85rem;color:var(--fg-subtle)}.branch-meta{display:flex;flex-direction:column;align-items:flex-end;gap:.15rem;text-align:right}.branch-count{font-size:.9rem;color:var(--fg-muted);font-variant-numeric:tabular-nums}.branch-status{font-family:var(--font-mono);font-size:.68rem;font-weight:500;text-transform:uppercase;letter-spacing:.12em}.label-active{color:var(--ok)}.label-dormant{color:var(--dormant)}.branch-time{font-family:var(--font-mono);font-size:.76rem;color:var(--fg-subtle);font-variant-numeric:tabular-nums}.contract-group+.contract-group{margin-top:var(--sp-6)}.group-head{font-family:var(--font-mono);font-size:.72rem;font-weight:500;text-transform:uppercase;letter-spacing:.18em;color:var(--fg-muted);padding:0;margin:0 0 var(--sp-3);display:flex;align-items:center;gap:.75rem}.group-head:before{content:"";width:1.5rem;height:1px;background:var(--accent)}.contract-list{list-style:none;margin:0;padding:0;counter-reset:contract}.contract{counter-increment:contract;position:relative;display:flex;flex-direction:column;gap:var(--sp-3);padding:var(--sp-4) 0 var(--sp-4) 3rem;border-top:1px solid var(--border);background:none;border-radius:0}.contract:before{content:counter(contract,decimal-leading-zero);position:absolute;left:0;top:var(--sp-4);font-family:var(--font-mono);font-size:.8rem;color:var(--accent);line-height:1.4}.contract-top{display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap}.kind-tag{font-family:var(--font-mono);font-size:.64rem;font-weight:500;text-transform:uppercase;letter-spacing:.12em;color:var(--fg-subtle);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-pill);padding:.12rem .55rem}.contract-symbol{font-size:1.05rem;font-weight:500;color:var(--fg)}.status-badge{margin-left:auto;font-family:var(--font-mono);font-size:.66rem;font-weight:500;text-transform:uppercase;letter-spacing:.1em;border-radius:var(--radius-pill);padding:.14rem .6rem}.status-declared{color:var(--st-declared-fg);background:var(--st-declared-bg)}.status-implementing{color:var(--st-implementing-fg);background:var(--st-implementing-bg)}.status-implemented{color:var(--st-implemented-fg);background:var(--st-implemented-bg)}.status-changed{color:var(--st-changed-fg);background:var(--st-changed-bg)}.contract-sig,.contract-shape{font-size:.9rem;line-height:1.55;color:var(--fg-muted);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--sp-2) var(--sp-3);white-space:pre-wrap;word-break:break-word}.contract-shape{color:var(--fg)}.contract-foot{display:flex;align-items:center;gap:var(--sp-3)}.version{font-family:var(--font-mono);font-size:.78rem;color:var(--fg-subtle);font-variant-numeric:tabular-nums}.origin{font-family:var(--font-mono);font-size:.66rem;font-weight:500;text-transform:uppercase;letter-spacing:.1em;border-radius:var(--radius-pill);padding:.12rem .55rem;border:1px solid var(--border);color:var(--fg-subtle);background:transparent}.origin-wt{color:var(--accent-ink);border-color:color-mix(in srgb,var(--accent) 40%,transparent);background:color-mix(in srgb,var(--accent) 10%,transparent)}.drift-list{list-style:none;margin:0;padding:0}.finding{display:flex;flex-direction:column;gap:var(--sp-3);padding:var(--sp-5) 0 var(--sp-5) var(--sp-4);border-top:1px solid var(--border);border-left:3px solid transparent;background:none;border-radius:0}.finding:first-child{border-top:none}.finding.sev-block{border-left-color:var(--sev-block)}.finding.sev-warn{border-left-color:var(--sev-warn)}.finding.sev-notify{border-left-color:var(--sev-notify)}.finding-head{display:flex;align-items:center;gap:var(--sp-3);flex-wrap:wrap}.sev-badge{display:inline-flex;align-items:center;gap:var(--sp-2);font-family:var(--font-mono);font-size:.72rem;font-weight:500;text-transform:uppercase;letter-spacing:.12em;border-radius:var(--radius-pill);padding:.24rem .7rem}.sev-block .sev-badge{color:var(--sev-block);background:var(--sev-block-bg);border:1px solid var(--sev-block-border)}.sev-warn .sev-badge{color:var(--sev-warn);background:var(--sev-warn-bg);border:1px solid var(--sev-warn-border)}.sev-notify .sev-badge{color:var(--sev-notify);background:var(--sev-notify-bg);border:1px solid var(--sev-notify-border)}.sev-badge svg{width:15px;height:15px}.rule-name{font-family:var(--font-mono);font-size:.85rem;font-weight:500;color:var(--fg-muted);letter-spacing:.02em}.finding.finding-inferred{border-left-style:dashed;background:#a855f708}.origin-badge{display:inline-flex;align-items:center;font-family:var(--font-mono);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;border-radius:var(--radius-pill);padding:.2rem .55rem}.origin-badge.badge-inferred{color:#c084fc;background:#a855f71f;border:1px solid rgba(168,85,247,.35)}.origin-badge.badge-fact{color:var(--fg-muted);background:var(--bg-surface);border:1px solid var(--border)}.confidence-badge{font-size:.72rem;font-weight:500;color:#c084fc;background:#a855f714;border-radius:var(--radius-pill);padding:.2rem .5rem;border:1px dashed rgba(168,85,247,.3)}.finding-reason{margin:0;font-size:1.2rem;line-height:1.5;color:var(--fg);max-width:52ch}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:var(--sp-2);min-height:180px;padding:var(--sp-6) var(--sp-5);color:var(--fg-subtle)}.empty-icon{color:var(--fg-subtle);opacity:.7}.empty-title{margin:0;font-size:1.1rem;font-weight:600;color:var(--fg-muted)}.empty-hint{margin:0;font-size:.95rem;max-width:42ch}.panel-body{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}.panel-body::-webkit-scrollbar{width:8px}.panel-body::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-pill)}@keyframes pulse{0%{box-shadow:0 0 0 0 var(--ok-bg)}70%{box-shadow:0 0 0 8px transparent}to{box-shadow:0 0 0 0 transparent}}@media (prefers-reduced-motion: reduce){.dot-active,.mode-live .mode-dot{animation:none}}@media (max-width: 1024px){.grid{grid-template-columns:1fr}.col-left>.panel:nth-child(1) .panel-body{max-height:none;overflow-y:visible}}@media (max-width: 768px){.grid{padding:var(--sp-4) var(--sp-3) var(--sp-6);gap:var(--sp-5)}.col{gap:var(--sp-5)}.panel-title{font-size:clamp(1.4rem,1rem + 1.2vw,1.8rem)}.finding-reason{font-size:1rem;max-width:none}.contract{padding-left:2.2rem}.contract:before{font-size:.72rem}.banner{margin-left:var(--sp-3);margin-right:var(--sp-3);font-size:.88rem}}@media (max-width: 480px){.app{padding-top:clamp(4rem,7vh,5rem)}.grid{padding:var(--sp-3) var(--sp-2) var(--sp-5);gap:var(--sp-4)}.panel-head{flex-direction:column;align-items:flex-start;gap:var(--sp-2)}.branch{grid-template-columns:auto 1fr;gap:var(--sp-2)}.branch-meta{grid-column:1 / -1;flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--sp-3);text-align:left;padding-left:1.6rem}.contract{padding-left:0;padding-right:0}.contract:before{position:static;display:block;margin-bottom:var(--sp-1)}.contract-top{flex-direction:column;align-items:flex-start;gap:var(--sp-2)}.status-badge{margin-left:0}.contract-sig,.contract-shape{font-size:.82rem;padding:var(--sp-2)}.contract-foot{flex-wrap:wrap}.finding{padding:var(--sp-4) 0 var(--sp-4) var(--sp-3)}.finding-head{gap:var(--sp-2)}.finding-reason{font-size:.92rem}.banner{margin-left:var(--sp-2);margin-right:var(--sp-2);padding:var(--sp-2) var(--sp-3);font-size:.82rem}}.landing{--measure: 1200px;--gutter: clamp(1.25rem, 5vw, 5rem);position:relative;overflow-x:clip}.landing ::selection{background:var(--accent);color:#fff}@media (min-width: 768px) and (pointer: fine) and (prefers-reduced-motion: no-preference){.landing,.landing a,.landing button{cursor:none}}.section-inner{max-width:var(--measure);margin:0 auto;padding:0 var(--gutter)}.section{padding:clamp(4rem,9vw,8.5rem) 0;border-top:1px solid var(--border)}.section-title{font-size:var(--fs-h2);font-weight:600;letter-spacing:-.02em;line-height:1.04;max-width:18ch}.landing code.mono{font-size:.92em;padding:.05em .35em;background:var(--surface-2);border:1px solid var(--border);border-radius:4px}.wordmark{display:inline-flex;align-items:center;gap:.55rem;font-family:var(--font-display);font-weight:600;font-size:1.15rem;letter-spacing:-.02em;color:var(--fg)}.wordmark-dot{width:.62rem;height:.62rem;border-radius:50%;background:var(--accent)}.nav{position:fixed;top:clamp(.75rem,2vw,1.5rem);left:50%;transform:translate(-50%);z-index:100;width:min(var(--measure),calc(100% - 2 * var(--gutter)));display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);padding:.5rem .6rem .5rem 1.4rem;border:1px solid var(--border);border-radius:var(--radius-pill);background:color-mix(in srgb,var(--bg) 72%,transparent);backdrop-filter:saturate(140%) blur(14px);-webkit-backdrop-filter:saturate(140%) blur(14px);transition:border-color .25s ease,background-color .25s ease;overflow:hidden}.nav.is-scrolled{border-color:var(--border-strong);background:color-mix(in srgb,var(--bg) 86%,transparent)}.nav-brand{text-decoration:none;flex:0 0 auto}.nav-links{display:flex;gap:clamp(1rem,2vw,2rem);font-size:.92rem}.nav-links a{color:var(--fg-muted);text-decoration:none;transition:color .18s ease}.nav-links a:hover{color:var(--fg)}.nav-right{display:flex;align-items:center;gap:var(--sp-3);flex:0 1 auto;min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none}.nav-right::-webkit-scrollbar{display:none}.nav-cta{padding:.62rem 1.2rem;font-size:.9rem}.nav-login{font-size:.92rem;color:var(--fg-muted);text-decoration:none;transition:color .18s ease;white-space:nowrap}.nav-login:hover{color:var(--fg)}@media (max-width: 720px){.nav-links,.nav-login{display:none}.nav{padding:.4rem .5rem .4rem .9rem;gap:var(--sp-2)}}@media (max-width: 480px){.nav{padding:.35rem .4rem .35rem .7rem;gap:var(--sp-1)}.nav-right{gap:var(--sp-2)}.nav-cta{padding:.5rem .9rem;font-size:.82rem}.wordmark{font-size:1rem}}.hero{position:relative;min-height:100svh;display:flex;align-items:center;padding:clamp(7rem,14vh,11rem) 0 clamp(3rem,8vh,6rem);overflow:hidden}.hero-canvas{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.hero-fade{position:absolute;left:0;right:0;bottom:0;height:30%;z-index:1;background:linear-gradient(to bottom,transparent,var(--bg));pointer-events:none}.hero-inner{position:relative;z-index:2;max-width:var(--measure);width:100%;margin:0 auto;padding:0 var(--gutter)}.hero-title{margin:1.6rem 0 0;font-size:var(--fs-display);font-weight:600;line-height:.94;letter-spacing:-.045em}.hero-title span{display:block}.line-ink{color:var(--fg)}.line-grey{color:var(--fg-subtle)}.hero-sub{margin:clamp(1.4rem,3vw,2.2rem) 0 0;max-width:46ch;font-size:var(--fs-lead);line-height:1.5;color:var(--fg-muted)}.hero-actions{display:flex;flex-wrap:wrap;gap:.85rem;margin-top:clamp(1.8rem,3.5vw,2.6rem)}.problem-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(2rem,5vw,5rem);align-items:start}.problem-lede .section-title{margin-top:1.1rem}.problem-body{font-size:var(--fs-lead);color:var(--fg-muted);line-height:1.6}.problem-body p{margin:0 0 1.1rem}.problem-punch{color:var(--fg);font-weight:500}.timeline{list-style:none;margin:clamp(2.5rem,5vw,4rem) 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);border:1px solid var(--border)}.timeline li{background:var(--bg);padding:1.5rem;display:flex;flex-direction:column;gap:.5rem}.timeline-t{font-size:1.6rem;color:var(--accent);letter-spacing:-.02em}.timeline-e{font-size:.95rem;color:var(--fg-muted)}@media (max-width: 860px){.problem-grid,.timeline{grid-template-columns:1fr}}.invert{--bg: #111010;--surface: #1a1917;--surface-2: #201e1b;--fg: #f4f2ec;--fg-muted: #a8a299;--fg-subtle: #6f6a61;--border: #2c2a25;--border-strong: #3a372f;--accent: #ff6a3d;background:var(--bg);color:var(--fg)}.invert ::selection{background:var(--accent);color:#111}:root[data-theme=dark] .invert{--bg: #1c1a16;--surface: #24211b;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) .invert{--bg: #1c1a16;--surface: #24211b;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}}.how-head{max-width:34rem;margin-bottom:clamp(2.5rem,5vw,4rem)}.how-head .section-title{margin-top:1.1rem}.how-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,4.5rem);align-items:start}.steps{list-style:none;margin:0;padding:0}.step{display:grid;grid-template-columns:auto 1fr;gap:1.25rem;padding:1.75rem 0;border-top:1px solid var(--border)}.step:first-child{border-top:none;padding-top:0}.step-n{font-size:.95rem;color:var(--accent)}.step-name{display:flex;align-items:baseline;gap:.75rem;flex-wrap:wrap;font-size:var(--fs-h3);font-weight:600;letter-spacing:-.01em}.step-where{font-size:.72rem;text-transform:uppercase;letter-spacing:.16em;color:var(--fg-subtle);padding:.2rem .55rem;border:1px solid var(--border-strong);border-radius:var(--radius-pill)}.step-text p{margin:.7rem 0 0;color:var(--fg-muted);line-height:1.6;max-width:42ch}.terminal{margin:0;border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);overflow:hidden;position:sticky;top:6rem}.terminal-bar{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-bottom:1px solid var(--border);background:var(--surface-2)}.terminal-dot{width:.6rem;height:.6rem;border-radius:50%;background:var(--border-strong)}.terminal-name{margin-left:.6rem;font-size:.75rem;color:var(--fg-subtle);letter-spacing:.02em}.terminal-body{margin:0;padding:1.25rem 1.4rem;font-size:.82rem;line-height:1.7;color:var(--fg);white-space:pre-wrap;word-break:break-word;overflow-x:auto}.terminal-cap{margin:0;padding:.85rem 1.4rem 1.1rem;border-top:1px solid var(--border);font-size:.72rem;line-height:1.5;color:var(--fg-subtle)}@media (max-width: 900px){.how-grid{grid-template-columns:1fr}.terminal{position:static}}.caps-head{max-width:34rem;margin-bottom:clamp(2rem,4vw,3.5rem)}.caps-head .section-title{margin-top:1.1rem}.cap-row{display:grid;grid-template-columns:auto 1fr 240px;gap:clamp(1.5rem,4vw,4rem);align-items:center;padding:clamp(2rem,4vw,3rem) 0;border-top:1px solid var(--border)}.cap-n{font-size:1rem;color:var(--accent);align-self:start;padding-top:.4rem}.cap-title{font-size:var(--fs-h3);font-weight:600;letter-spacing:-.015em;margin-bottom:.75rem}.cap-text p{margin:0;color:var(--fg-muted);line-height:1.6;max-width:52ch}.cap-art{height:140px;color:var(--fg-subtle)}@media (max-width: 860px){.cap-row{grid-template-columns:auto 1fr}.cap-art{display:none}}.rules-head{max-width:40rem;margin-bottom:clamp(2rem,4vw,3.5rem)}.rules-head .section-title{margin-top:1.1rem}.rules-note{margin:1.1rem 0 0;color:var(--fg-muted);max-width:60ch}.rule-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--border);border:1px solid var(--border)}.rule{background:var(--bg);padding:1.5rem;display:flex;flex-direction:column;gap:.9rem;border-left:3px solid transparent}.rule.sev-block{border-left-color:var(--sev-block)}.rule.sev-warn{border-left-color:var(--sev-warn)}.rule.sev-notify{border-left-color:var(--sev-notify)}.rule-top{display:flex;align-items:center;justify-content:space-between;gap:1rem}.rule-id{font-size:.95rem;font-weight:600;color:var(--fg);letter-spacing:.02em}.rule-sev{font-size:.7rem;text-transform:uppercase;letter-spacing:.14em;padding:.2rem .6rem;border-radius:var(--radius-pill)}.sev-block .rule-sev{color:var(--sev-block);background:var(--sev-block-bg);border:1px solid var(--sev-block-border)}.sev-warn .rule-sev{color:var(--sev-warn);background:var(--sev-warn-bg);border:1px solid var(--sev-warn-border)}.sev-notify .rule-sev{color:var(--sev-notify);background:var(--sev-notify-bg);border:1px solid var(--sev-notify-border)}.rule-reason{margin:0;font-size:.86rem;line-height:1.6;color:var(--fg-muted)}@media (max-width: 720px){.rule-list{grid-template-columns:1fr}}.numbers-head{margin-bottom:clamp(2rem,4vw,3.5rem)}.numbers-head .section-title{margin-top:1.1rem}.stat-grid{margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--border);border:1px solid var(--border)}.stat{background:var(--bg);padding:clamp(1.5rem,3vw,2.5rem) 1.25rem;display:flex;flex-direction:column;gap:.6rem}.stat-value{font-family:var(--font-display);font-size:clamp(2.4rem,4vw,3.4rem);font-weight:600;letter-spacing:-.03em;line-height:1;color:var(--fg);font-variant-numeric:tabular-nums}.stat-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:var(--fg-subtle);line-height:1.4}@media (max-width: 860px){.stat-grid{grid-template-columns:repeat(2,1fr)}}.aws-head{max-width:34rem;margin-bottom:clamp(2rem,4vw,3.5rem)}.aws-head .section-title{margin-top:1.1rem}.aws-diagram{border:1px solid var(--border);background:var(--surface);padding:clamp(1.5rem,4vw,3rem);color:var(--fg-muted);overflow-x:auto}.aws-list{list-style:none;margin:1.5rem 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border);border:1px solid var(--border)}.aws-item{background:var(--bg);padding:1.4rem;display:flex;flex-direction:column;gap:.4rem}.aws-name{font-weight:600;letter-spacing:-.01em}.aws-role{font-size:.88rem;color:var(--fg-muted);line-height:1.45}@media (max-width: 860px){.aws-list{grid-template-columns:repeat(2,1fr)}}.cta{text-align:center}.cta-inner{display:flex;flex-direction:column;align-items:center}.cta-title{margin:1.4rem 0 0;font-size:clamp(2.4rem,6vw,5rem);font-weight:600;letter-spacing:-.035em;line-height:1.02}.cta .hero-actions{justify-content:center}.footer{border-top:1px solid var(--border);padding:3rem 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap}.footer-tag{font-size:.72rem;text-transform:uppercase;letter-spacing:.16em;color:var(--fg-subtle)}.footer-links{display:flex;gap:1.5rem;font-size:.92rem}.footer-links a{color:var(--fg-muted);text-decoration:none}.footer-links a:hover{color:var(--fg)}.ripple-transition{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;z-index:200;pointer-events:none}.cursor-trail{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9998;pointer-events:none;opacity:0}.cursor-trail-dot{position:absolute;top:0;left:0;width:9px;height:9px;border-radius:50%;background:var(--accent);pointer-events:none;will-change:transform,opacity}.cursor-trail.is-inverted .cursor-trail-dot{background:#ff6a3d}.cursor-dot{position:fixed;top:0;left:0;z-index:9999;width:14px;height:14px;border-radius:50%;border:1px solid var(--fg);background:color-mix(in srgb,var(--fg) 12%,transparent);pointer-events:none;opacity:0;transition:width .2s ease,height .2s ease,background-color .2s ease,border-color .2s ease}.cursor-dot.is-hover{width:42px;height:42px;background:color-mix(in srgb,var(--accent) 16%,transparent);border-color:var(--accent)}.cursor-dot.is-inverted{border-color:#f4f2ec;background:color-mix(in srgb,#f4f2ec 16%,transparent)}.auth{position:relative;min-height:100dvh;overflow:hidden}.auth-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.auth-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(60% 60% at 50% 45%,color-mix(in srgb,var(--bg) 55%,transparent),var(--bg))}.auth-main{position:relative;z-index:1;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:clamp(6rem,12vh,9rem) var(--gutter) clamp(3rem,8vh,5rem)}.auth-card{width:100%;max-width:30rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:clamp(1.75rem,4vw,2.75rem)}.auth-title{margin:1rem 0 0;font-family:var(--font-display);font-size:clamp(2rem,1.4rem + 2vw,2.9rem);font-weight:600;letter-spacing:-.03em;line-height:1.02}.auth-sub{margin:.65rem 0 0;color:var(--fg-muted);font-size:var(--fs-lead);line-height:1.5}.auth-form{margin-top:clamp(1.5rem,3vw,2.25rem);display:flex;flex-direction:column;gap:var(--sp-4)}.field{display:flex;flex-direction:column;gap:var(--sp-2)}.field label{font-family:var(--font-mono);font-size:.72rem;font-weight:500;text-transform:uppercase;letter-spacing:.14em;color:var(--fg-muted)}.field input{font-family:var(--font-sans);font-size:1rem;color:var(--fg);background:var(--bg);border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:.8rem .95rem;transition:border-color .18s ease,box-shadow .18s ease}.field input::placeholder{color:var(--fg-subtle)}.field input:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 22%,transparent)}.auth-submit{margin-top:var(--sp-2);width:100%}.auth-notice{margin:0;font-size:.88rem;color:var(--fg-muted);text-align:center}.auth-preview{margin:var(--sp-5) 0 0;padding-top:var(--sp-4);border-top:1px solid var(--border);font-size:.72rem;line-height:1.55;color:var(--fg-subtle)}.auth-footer{margin-top:var(--sp-4);font-size:.92rem;color:var(--fg-muted)}.auth-footer a{color:var(--accent-ink);text-decoration:none;font-weight:500}.auth-footer a:hover{text-decoration:underline}@media (max-width: 480px){.landing{--gutter: 1rem}.section{padding:clamp(2.5rem,6vw,4rem) 0}.section-title{max-width:none}.hero{min-height:auto;padding:clamp(5.5rem,10vh,8rem) 0 clamp(2rem,5vh,4rem)}.hero-title{font-size:clamp(2.2rem,8vw,4rem);line-height:1}.hero-sub{font-size:1rem;max-width:none}.hero-actions{flex-direction:column;width:100%}.hero-actions .btn{width:100%;justify-content:center}.problem-lede .section-title{max-width:none}.problem-body{font-size:1rem}.step{grid-template-columns:1fr;gap:.5rem}.step-n{display:none}.step-name{font-size:clamp(1.1rem,1rem + .5vw,1.4rem)}.terminal-body{font-size:.72rem;padding:.8rem .9rem}.cap-row{grid-template-columns:1fr;gap:1rem}.cap-n,.cap-art{display:none}.cap-title{font-size:clamp(1.1rem,1rem + .5vw,1.4rem)}.stat-grid{grid-template-columns:1fr}.stat{padding:1rem}.stat-value{font-size:clamp(1.8rem,6vw,2.4rem)}.aws-list{grid-template-columns:1fr}.aws-item{padding:1rem}.cta-title{font-size:clamp(1.8rem,6vw,3rem)}.cta .hero-actions{flex-direction:column;width:100%;max-width:20rem}.footer-inner{flex-direction:column;text-align:center;gap:1rem}.footer-links{flex-wrap:wrap;justify-content:center}.auth-card{padding:clamp(1.25rem,3vw,1.75rem)}.auth-title{font-size:clamp(1.6rem,1.2rem + 1.5vw,2.2rem)}.auth-main{padding-left:var(--sp-3);padding-right:var(--sp-3)}}@media (max-width: 360px){.landing{--gutter: .75rem}.hero-title{font-size:clamp(1.8rem,7vw,2.8rem)}.section-title{font-size:clamp(1.4rem,5vw,2rem)}.stat-grid,.rule-list,.aws-list,.timeline{grid-template-columns:1fr}.terminal-body{font-size:.68rem;padding:.6rem .7rem}.btn{font-size:.88rem;padding:.75rem 1.1rem}}