.scroll-progress{position:fixed;top:0;left:0;height:2px;background:linear-gradient(90deg,var(--terracotta),var(--gold));z-index:200;transform-origin:left}.topbar{position:fixed;top:0;left:0;right:0;z-index:150;display:flex;align-items:center;justify-content:space-between;padding:1.1rem var(--gutter);transition:background .5s var(--ease),backdrop-filter .5s var(--ease),border-color .5s;border-bottom:1px solid transparent}.topbar.scrolled{background:#15110db8;backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.brand-mark{display:flex;align-items:center;gap:.7rem}.brand-mark .name{font-family:var(--serif);font-size:1.35rem;letter-spacing:.04em}.brand-mark .ver{font-family:var(--mono);font-size:.62rem;color:var(--gold);letter-spacing:.2em;align-self:flex-start;margin-top:.2rem}.topnav{display:flex;gap:2rem}.topnav a{font-size:.78rem;letter-spacing:.1em;color:var(--text-dim);transition:color .3s}.topnav a:hover{color:var(--offwhite)}@media(max-width:880px){.topnav{display:none}}.hero{position:relative;min-height:100svh;display:flex;align-items:center;overflow:hidden}.hero-canvas{position:absolute;inset:0;z-index:0}.hero-canvas .nexus-fallback{width:100%;height:100%;opacity:.85}.hero-content{position:relative;z-index:2;pointer-events:none}.hero-content>*{pointer-events:auto}.hero h1{font-size:var(--step-5);font-weight:500;margin-block:1.5rem 1.8rem}.hero h1 em{font-style:italic;color:var(--gold)}.hero-grad-fade{position:absolute;inset:0;z-index:1;background:radial-gradient(120% 80% at 20% 50%,rgba(21,17,13,.92) 0%,rgba(21,17,13,.55) 42%,transparent 75%);pointer-events:none}.hero-bottom-fade{position:absolute;left:0;right:0;bottom:0;height:30%;z-index:1;background:linear-gradient(to top,var(--ink),transparent);pointer-events:none}.verdict-badge{display:inline-flex;align-items:center;gap:.8rem;padding:.55rem 1.1rem .55rem .7rem;border-radius:100px;border:1px solid var(--glass-border);background:#28221b80;backdrop-filter:blur(10px);font-size:.8rem;letter-spacing:.04em}.verdict-badge .dot{width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 12px var(--gold)}.verdict-badge strong{color:var(--gold);font-weight:600}.verdict-badge .score{font-family:var(--serif);font-size:1.05rem;color:var(--offwhite)}.scroll-cue{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);z-index:2;display:flex;flex-direction:column;align-items:center;gap:.6rem;color:var(--text-faint);font-family:var(--mono);font-size:.62rem;letter-spacing:.3em}.scroll-cue .bar{width:1px;height:42px;background:linear-gradient(var(--gold),transparent);animation:cue 2.4s var(--ease) infinite}@keyframes cue{0%,to{opacity:.3;transform:scaleY(.6)}50%{opacity:1;transform:scaleY(1)}}.card{padding:clamp(1.5rem,3vw,2.2rem);position:relative;overflow:hidden;transition:transform .6s var(--ease),border-color .6s}.card:hover{transform:translateY(-4px);border-color:#d4a57466}.card .idx{font-family:var(--mono);font-size:.7rem;color:var(--terracotta);letter-spacing:.2em}.card h3{font-size:var(--step-1);margin-block:.7rem .6rem}.card p{color:var(--text-dim);font-size:.94rem}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.stat{padding:2rem}.stat .big{font-size:var(--step-3);color:var(--gold);line-height:1}.stat .lbl{color:var(--text-dim);font-size:.85rem;margin-top:.7rem}.two-col{grid-template-columns:1.1fr .9fr;align-items:center}@media(max-width:900px){.two-col{grid-template-columns:1fr}}.canvas-frame{position:relative;width:100%;aspect-ratio:1 / 1;max-height:70vh;border-radius:22px;overflow:hidden;border:1px solid var(--line);background:radial-gradient(80% 80% at 50% 30%,rgba(199,123,62,.06),transparent)}.canvas-frame.wide{aspect-ratio:16 / 11}.pain-num{font-size:var(--step-4);color:var(--terracotta);line-height:.95;font-weight:600}.sm-wrap{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.8rem}.sm-node{position:relative;padding:1.1rem 1rem;border-radius:14px;border:1px solid var(--line);background:var(--surface);cursor:pointer;transition:all .4s var(--ease)}.sm-node:hover,.sm-node.active{border-color:var(--terracotta);background:var(--surface-2);transform:translateY(-3px)}.sm-node .st-id{font-family:var(--mono);font-size:.62rem;color:var(--gold);letter-spacing:.15em}.sm-node .st-ru{font-family:var(--serif);font-size:1.15rem;margin-top:.35rem}.sm-node .st-n{position:absolute;top:.7rem;right:.9rem;font-family:var(--serif);color:var(--text-faint);font-size:1.3rem}.sm-node.failed{border-color:#a0503c80}.sm-detail{margin-top:1.6rem;min-height:4rem}.filters{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:2rem}.chip{padding:.5rem 1.1rem;border-radius:100px;border:1px solid var(--line);background:transparent;color:var(--text-dim);font-family:var(--mono);font-size:.72rem;letter-spacing:.08em;cursor:pointer;transition:all .35s var(--ease)}.chip:hover{color:var(--offwhite)}.chip.on{color:var(--ink)}.agent-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.agent-card{padding:1.4rem;cursor:default}.agent-card .a-dept{font-family:var(--mono);font-size:.62rem;letter-spacing:.18em}.agent-card .a-name{font-family:var(--serif);font-size:1.25rem;margin-block:.5rem .2rem}.agent-card .a-role{color:var(--gold);font-size:.78rem;letter-spacing:.04em}.agent-card .a-desc{color:var(--text-dim);font-size:.85rem;margin-top:.7rem;line-height:1.5}.agent-card .a-roi{margin-top:1rem;padding-top:.9rem;border-top:1px solid var(--line-soft);font-size:.8rem;color:var(--text)}.agent-card .a-roi span{color:var(--terracotta);font-family:var(--mono);font-size:.6rem;letter-spacing:.14em;display:block;margin-bottom:.3rem}.roi-panel{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;align-items:start}@media(max-width:900px){.roi-panel{grid-template-columns:1fr}}.slider-row{margin-bottom:1.8rem}.slider-row label{display:flex;justify-content:space-between;font-size:.85rem;color:var(--text-dim);margin-bottom:.7rem}.slider-row label b{color:var(--gold);font-family:var(--serif);font-size:1.2rem;font-weight:600}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:2px;background:var(--line);border-radius:2px;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--terracotta);cursor:pointer;border:3px solid var(--ink);box-shadow:0 0 0 1px var(--gold)}input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--terracotta);cursor:pointer;border:3px solid var(--ink)}.roi-result{padding:1.6rem;border-radius:14px;background:var(--surface);border:1px solid var(--line);margin-bottom:1rem}.roi-result .rr-lbl{font-size:.78rem;color:var(--text-dim);letter-spacing:.04em}.roi-result .rr-val{font-family:var(--serif);font-size:var(--step-2);color:var(--gold);margin-top:.3rem}.roi-result .rr-note{font-size:.74rem;color:var(--text-faint);margin-top:.5rem}.roi-disclaimer{font-size:.78rem;color:var(--text-dim);border-left:2px solid var(--terracotta);padding-left:1rem;line-height:1.6}.chain-vis{display:flex;flex-wrap:wrap;gap:4px;margin-block:1.5rem}.chain-dot{width:14px;height:14px;border-radius:3px}.tax-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.tax-card{padding:1.6rem}.tax-card .t-name{font-family:var(--serif);font-size:1.2rem}.tax-card .t-cond{font-family:var(--mono);font-size:.68rem;color:var(--gold);letter-spacing:.05em;margin-block:.5rem 1rem}.tax-card .t-row{font-size:.84rem;color:var(--text-dim);padding-block:.35rem;border-top:1px solid var(--line-soft)}.roadmap{position:relative}.rm-phase{display:grid;grid-template-columns:200px 1fr;gap:2rem;padding-block:2rem;border-top:1px solid var(--line)}@media(max-width:760px){.rm-phase{grid-template-columns:1fr;gap:.8rem}}.rm-phase .rm-meta .rm-name{font-family:var(--serif);font-size:var(--step-1)}.rm-phase .rm-meta .rm-when{font-family:var(--mono);font-size:.7rem;color:var(--gold);letter-spacing:.12em;margin-top:.4rem}.rm-phase .rm-tag{display:inline-block;font-family:var(--mono);font-size:.62rem;letter-spacing:.18em;padding:.25rem .7rem;border-radius:100px}.rm-items{display:flex;flex-direction:column;gap:.5rem}.rm-items div{color:var(--text-dim);font-size:.92rem;padding-left:1.2rem;position:relative}.rm-items div:before{content:"—";position:absolute;left:0;color:var(--terracotta)}.qa-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.qa-card{padding:1.6rem}.qa-card .q-round{font-family:var(--mono);font-size:.7rem;color:var(--gold);letter-spacing:.15em}.qa-card .q-score{font-family:var(--serif);font-size:var(--step-3);line-height:1;margin-block:.5rem}.qa-card .q-note{font-size:.84rem;color:var(--text-dim);line-height:1.5}.sec-list{display:flex;flex-direction:column}.sec-row{display:grid;grid-template-columns:90px 1fr;gap:1.5rem;padding-block:1.4rem;border-top:1px solid var(--line);align-items:baseline}@media(max-width:640px){.sec-row{grid-template-columns:1fr;gap:.4rem}}.sec-row .s-id{font-family:var(--mono);font-size:.8rem;color:var(--gold)}.sec-row .s-title{font-family:var(--serif);font-size:1.2rem}.sec-row .s-owasp{font-family:var(--mono);font-size:.6rem;color:var(--terracotta);letter-spacing:.12em}.sec-row .s-desc{color:var(--text-dim);font-size:.9rem;margin-top:.4rem}.sec-check{color:var(--gold)}.cta{text-align:center}.cta h2{font-size:var(--step-4);margin-bottom:1.5rem}.cta-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-top:2.5rem}.footer{padding-block:3rem;border-top:1px solid var(--line)}.footer-inner{display:flex;justify-content:space-between;flex-wrap:wrap;gap:1.5rem;align-items:center}.footer .muted{color:var(--text-faint);font-size:.78rem}.canvas-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:.7rem;letter-spacing:.2em;color:var(--text-faint)}:root{--charcoal: #2c2c2c;--charcoal-deep: #1a1a1a;--terracotta: #c77b3e;--gold: #d4a574;--offwhite: #f5f1eb;--ink: #15110d;--ink-2: #1c1813;--surface: #211c16;--surface-2: #2a241d;--line: rgba(212, 165, 116, .16);--line-soft: rgba(245, 241, 235, .08);--text: #ece6dc;--text-dim: rgba(236, 230, 220, .62);--text-faint: rgba(236, 230, 220, .38);--glass: rgba(40, 34, 27, .55);--glass-border: rgba(212, 165, 116, .18);--step--1: clamp(.78rem, .72rem + .3vw, .9rem);--step-0: clamp(.95rem, .9rem + .3vw, 1.05rem);--step-1: clamp(1.15rem, 1rem + .7vw, 1.4rem);--step-2: clamp(1.5rem, 1.2rem + 1.4vw, 2.1rem);--step-3: clamp(2rem, 1.5rem + 2.6vw, 3.4rem);--step-4: clamp(2.8rem, 1.8rem + 5vw, 6rem);--step-5: clamp(3.6rem, 2rem + 8vw, 8.5rem);--serif: "Cormorant Garamond", Georgia, serif;--sans: "Inter", system-ui, -apple-system, sans-serif;--mono: "JetBrains Mono", monospace;--maxw: 1200px;--gutter: clamp(1.25rem, 5vw, 5rem);--ease: cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--sans);font-weight:300;color:var(--text);background:var(--ink);font-size:var(--step-0);line-height:1.6;letter-spacing:.01em;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}#root{position:relative;isolation:isolate}h1,h2,h3,h4{font-family:var(--serif);font-weight:500;line-height:1.04;letter-spacing:-.01em}::selection{background:#c77b3e59;color:var(--offwhite)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.serif{font-family:var(--serif)}.mono{font-family:var(--mono)}.eyebrow{font-family:var(--mono);font-size:var(--step--1);letter-spacing:.32em;text-transform:uppercase;color:var(--gold);font-weight:400}.section{position:relative;padding-block:clamp(5rem,12vh,11rem)}.container{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:var(--gutter)}.container-wide{max-width:1440px}.lead{font-size:var(--step-1);color:var(--text-dim);font-weight:300;line-height:1.55;max-width:62ch}.gold-text{color:var(--gold)}.terra-text{color:var(--terracotta)}.glass{background:linear-gradient(155deg,#302921a8,#1c181380);border:1px solid var(--glass-border);backdrop-filter:blur(18px) saturate(120%);-webkit-backdrop-filter:blur(18px) saturate(120%);border-radius:18px}.hairline{height:1px;background:linear-gradient(90deg,transparent,var(--line),transparent);border:0}.marble{background-color:var(--ink);background-image:radial-gradient(1200px 600px at 12% -10%,rgba(199,123,62,.1),transparent 60%),radial-gradient(900px 700px at 90% 0%,rgba(212,165,116,.07),transparent 55%),radial-gradient(1100px 900px at 50% 120%,rgba(199,123,62,.06),transparent 60%)}.btn{font-family:var(--sans);font-size:var(--step--1);letter-spacing:.12em;text-transform:uppercase;padding:1rem 2rem;border-radius:100px;border:1px solid var(--gold);color:var(--offwhite);background:transparent;cursor:pointer;transition:all .5s var(--ease);display:inline-flex;align-items:center;gap:.6rem}.btn:hover{background:var(--terracotta);border-color:var(--terracotta);color:var(--ink)}.btn-solid{background:linear-gradient(120deg,var(--terracotta),var(--gold));border:0;color:var(--ink);font-weight:500}.btn-solid:hover{filter:brightness(1.08);transform:translateY(-2px)}.grid{display:grid;gap:clamp(1rem,2vw,1.75rem)}.num{font-variant-numeric:tabular-nums;font-family:var(--serif);font-weight:600}@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}::-webkit-scrollbar{width:9px}::-webkit-scrollbar-track{background:var(--ink)}::-webkit-scrollbar-thumb{background:#c77b3e59;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--terracotta)}