:root{--font-system:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--font-body:"Geist",var(--font-system);--font-mono:"Geist Mono",ui-monospace,SFMono-Regular,"Roboto Mono",Menlo,Monaco,"Liberation Mono","DejaVu Sans Mono","Courier New",monospace;--color-black:#1b1b1b;--color-white:#fff;--color-ink:#020817;--color-gray-100:#fafafa;--color-gray-200:#f3f3f3;--color-gray-300:#e3e3e3;--color-gray-400:#bfbfbf;--color-gray-500:#9b9b9b;--color-orange:#ff7c32;--color-porpol:#7b2bff;--color-purple:#711aff;--color-rose-red:#ff4fae;--color-rose:#f47bff;--color-violet:#af54ff;--color-yellow:#ffd02b;--color-blue:#8247ff;--black-gradient:linear-gradient(180deg,#1b1b1bb3 0%,#1b1b1b 100%);--purple-gradient:linear-gradient(135deg,#711aff 0%,#af54ff 100%);--transition:.3s cubic-bezier(.61,1,.88,1);--bg:var(--color-white);--bg-soft:var(--color-gray-100);--bg-panel:var(--color-gray-200);--fg:var(--color-ink);--fg-muted:var(--color-gray-500);--border:var(--color-gray-300);--accent:var(--color-purple);--accent-soft:var(--color-violet);--node-direct:var(--color-purple);--node-transitive:var(--color-gray-400);--node-vuln:var(--color-rose-red);--node-signed:var(--color-yellow);--node-repro:var(--color-violet);--node-env:var(--color-orange);--boundary-lock:#64748b;--boundary-flox:var(--color-purple);--radius:12px;--radius-sm:8px;--maxw:1140px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;line-height:1.55}a{color:var(--accent);text-decoration:none;transition:color var(--transition)}a:hover{color:var(--accent-soft)}code,.mono{font-family:var(--font-mono)}h1,h2,h3{letter-spacing:-.02em;color:var(--color-black);font-weight:600;line-height:1.1}.container{max-width:var(--maxw);width:100%;margin:0 auto;padding:0 24px}.eyebrow{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.14em;color:var(--accent);font-size:.78rem;font-weight:500}.btn{display:inline-flex;font-family:var(--font-body);border-radius:var(--radius-sm);cursor:pointer;transition:transform var(--transition),background var(--transition),border-color var(--transition);border:1px solid #0000;align-items: center;gap:.5rem;padding:.7rem 1.25rem;font-size:.95rem;font-weight:500}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--color-black);color:var(--color-white);border-color:var(--color-black)}.btn-primary:hover{color:var(--color-white)}.btn-ghost{color:var(--color-black);border-color:var(--border);background:0 0}.btn-ghost:hover{color:var(--color-black);border-color:var(--color-black)}.nav{position:sticky;z-index:50;backdrop-filter:saturate(180%)blur(12px);border-bottom:1px solid var(--border);background:#ffffffd1;top:0}.nav-inner{display:flex;justify-content:space-between;align-items: center;height:64px}.nav-brand{display:flex;color:var(--color-black);letter-spacing:-.01em;align-items: center;gap:.6rem;font-weight:600}.nav-brand:hover{color:var(--color-black)}.nav-dot{background:var(--purple-gradient);border-radius:50%;width:12px;height:12px;box-shadow:0 0 0 4px #711aff24}.nav-links{display:flex;align-items: center;gap:1.4rem}.nav-links a{color:var(--fg-muted);font-size:.92rem;font-weight:500}.nav-links a:hover,.nav-links a.active{color:var(--color-black)}@media (max-width:640px){.nav-links{gap:.9rem}.nav-links a.nav-hide-sm{display:none}}.hero{position:relative;overflow:hidden;padding:88px 0 56px}.hero:after{content:"";position:absolute;pointer-events:none;background:radial-gradient(circle at 78% 18%,#af54ff1f,#0000 42%);inset:0}.hero h1{max-width:16ch;font-size:clamp(2.2rem,5.4vw,3.6rem)}.hero .lede{color:var(--fg-muted);max-width:56ch;margin-top:1.25rem;font-size:clamp(1.05rem,2vw,1.28rem)}.hero .hero-cta{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:2rem}.hero .signature{color:var(--fg-muted);margin-top:2.4rem;font-size:.9rem}.hero .signature strong{color:var(--color-black)}.section{padding:56px 0}.section-head{margin-bottom:2rem}.section-head h2{margin-top:.5rem;font-size:clamp(1.5rem,3vw,2.1rem)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem}.card{position:relative;display:flex;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);transition:border-color var(--transition),transform var(--transition),box-shadow var(--transition);text-align:left;cursor:pointer;font:inherit;color:inherit;flex-direction:column;padding:1.6rem}.card:hover{border-color:var(--accent);transform:translateY(-3px);box-shadow:0 18px 40px -24px #711aff66}.card[aria-disabled=true]{cursor:default;opacity:.78}.card[aria-disabled=true]:hover{border-color:var(--border);box-shadow:none;transform:none}.card .card-icon{display:grid;background:var(--bg-soft);border:1px solid var(--border);border-radius:10px;place-items: center;width:44px;height:44px;margin-bottom:1rem;font-size:1.5rem}.card h3{margin-bottom:.5rem;font-size:1.18rem}.card p{color:var(--fg-muted);font-size:.95rem}.card .card-tag{position:absolute;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:.2rem .5rem;font-size:.68rem;top:1.2rem;right:1.2rem}.card .card-tag.live{color:var(--color-purple);background:#711aff1a}.card .card-tag.soon{color:var(--fg-muted);background:var(--bg-soft);border:1px solid var(--border)}.card .card-jd{font-family:var(--font-mono);color:var(--accent);margin-top:1rem;font-size:.76rem}.footer{border-top:1px solid var(--border);color:var(--fg-muted);margin-top:40px;padding:36px 0;font-size:.88rem}.footer-inner{display:flex;flex-wrap:wrap;justify-content:space-between;align-items: center;gap:1rem}.footer-links{display:flex;gap:1.2rem}.flox-badge{display:inline-flex;font-family:var(--font-mono);color:var(--color-black);border:1px solid var(--border);background:var(--bg-soft);border-radius:999px;align-items: center;gap:.5rem;padding:.4rem .7rem;font-size:.78rem}.flox-badge .dot{background:var(--purple-gradient);border-radius:50%;width:8px;height:8px}.disclaimer{color:var(--fg-muted);margin-top:1rem;font-size:.78rem}.coming-soon{text-align:center;padding:80px 0}.coming-soon .eyebrow{display:block;margin-bottom:1rem}.coming-soon h1{max-width:18ch;margin:0 auto 1rem;font-size:clamp(2rem,4vw,2.8rem)}.coming-soon p{color:var(--fg-muted);max-width:52ch;margin:0 auto 1.4rem;font-size:1.05rem}.coming-soon .card-jd{display:inline-block;font-family:var(--font-mono);color:var(--accent);background:#711aff14;border-radius:999px;padding:.5rem .9rem;font-size:.82rem}.viz-intro{padding:72px 0 28px}.viz-intro h1{max-width:20ch;font-size:clamp(1.9rem,4.4vw,3rem)}.viz-intro h1 code{font-family:var(--font-mono);color:var(--accent);font-size:.86em}.viz-intro .lede{color:var(--fg-muted);max-width:64ch;margin-top:1.1rem;font-size:clamp(1rem,1.8vw,1.18rem)}.stage{display:grid;grid-template-columns:1.55fr 1fr;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-soft);transition:background var(--transition),box-shadow var(--transition);align-items:stretch;gap:28px;padding:18px}.stage-vuln{box-shadow:inset 0 0 0 1px #ff4fae59}.stage-repro{background:linear-gradient(180deg,#af54ff0f,var(--bg-soft));box-shadow:inset 0 0 0 1px #af54ff52}.stage-env{box-shadow:inset 0 0 0 1px #ff7c3247}.stage-graph{position:relative;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;display:flex;min-height:460px}.dep-graph{display:block;width:100%;height:auto}.dep-boundary{fill:none;stroke-width:1.5;pointer-events:none}.dep-boundary.lock{stroke:var(--boundary-lock);stroke-width:1.75;stroke-dasharray:6 5}.dep-boundary.flox{stroke:var(--boundary-flox);stroke-width:2;filter:drop-shadow(0 0 6px #711aff59)}.dep-boundary-label{font:600 12px var(--font-mono);fill:var(--fg);paint-order:stroke;stroke:var(--bg);stroke-width:3px;stroke-linejoin:round;pointer-events:none}.env-node{fill:var(--node-env)}.env-label{font:500 10px var(--font-mono);fill:var(--color-black);paint-order:stroke;stroke:var(--bg);stroke-width:3px;stroke-linejoin:round}.sbom{position:absolute;backdrop-filter:blur(6px);border-left:1px solid var(--border);display:flex;background:#fffffff0;flex-direction:column;width:248px;height:100%;transition:transform .5s cubic-bezier(.61,1,.88,1);top:0;right:0;transform:translate(100%)}.sbom.open{transform:translate(0)}.sbom-head{display:flex;border-bottom:1px solid var(--border);justify-content:space-between;align-items: center;padding:12px 14px}.sbom-file{color:var(--color-black);font-size:.82rem;font-weight:600}.sbom-count{color:var(--fg-muted);font-size:.68rem}.sbom-list{list-style:none;overflow-y:auto;flex:1;margin:0;padding:6px 0}.sbom-list li{display:flex;border-bottom:1px solid #00000008;justify-content:space-between;align-items: center;gap:8px;padding:5px 14px;font-size:.72rem}.sbom-name{color:var(--color-black);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sbom-ver{color:var(--fg-muted)}.sbom-badge{color:var(--fg-muted);flex-shrink:0;font-size:.62rem}.sbom-list li.vuln{background:#ff4fae1a}.sbom-list li.vuln .sbom-name,.sbom-list li.vuln .sbom-badge{color:var(--color-rose-red);font-weight:600}.sbom-list li.unsigned .sbom-badge{color:var(--color-orange)}.stage-panel{display:flex;flex-direction:column;padding:8px 8px 4px}.terminal-line{background:var(--color-black);color:#e8e8e8;border-radius:var(--radius-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:.6rem .8rem;font-size:.84rem}.step-progress{display:flex;gap:7px;margin:18px 0 14px}.pip{background:var(--border);cursor:pointer;transition:background var(--transition);border:none;border-radius:999px;flex:1;height:5px;padding:0}.pip.done{background:var(--accent-soft)}.pip.current{background:var(--accent)}.step-title{margin-bottom:.6rem;font-size:1.32rem}.step-caption{color:var(--fg-muted);flex:1;font-size:.98rem}.step-takeaway{border-left:3px solid var(--accent);border-radius:0 var(--radius-sm)var(--radius-sm)0;background:#711aff0d;margin-top:1.2rem;padding:.9rem 1rem}.step-takeaway p{color:var(--color-black);margin-top:.35rem;font-size:.96rem}.step-controls{display:flex;justify-content:space-between;align-items: center;gap:.6rem;margin-top:1.4rem}.step-counter{color:var(--fg-muted);font-size:.8rem}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.viz-outro{text-align:center;padding:40px 0 24px}.viz-outro p{color:var(--fg-muted);max-width:56ch;margin:0 auto 1.4rem;font-size:1.02rem}@media (max-width:860px){.stage{grid-template-columns:1fr}.stage-graph{min-height:360px}.sbom{width:200px}}.calc-page .eyebrow{display:block;margin-bottom:.9rem}.preset-pills{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:1.1rem}.preset-pill{font-family:var(--font-body);border:1px solid var(--border);background:var(--bg);color:var(--fg-muted);cursor:pointer;transition:border-color var(--transition),color var(--transition),background var(--transition);border-radius:999px;padding:.5rem 1rem;font-size:.9rem;font-weight:500}.preset-pill:hover{border-color:var(--accent);color:var(--color-black)}.preset-pill.active{background:var(--purple-gradient);color:var(--color-white);border-color:#0000}.preset-narrative{color:var(--fg-muted);max-width:70ch;margin-bottom:2rem;font-size:1.02rem}.calc-grid{display:grid;grid-template-columns:1fr 1.05fr;align-items: start;gap:28px}.calc-panel{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-soft);padding:1.6rem}@media (max-width:760px){.calc-grid{grid-template-columns:1fr}}.calc-controls{display:flex;flex-direction:column;gap:1.25rem}.calc-control-head{display:flex;justify-content:space-between;align-items:baseline;gap:1rem}.calc-control label{color:var(--color-black);font-size:.94rem;font-weight:500}.calc-control-value{color:var(--accent);white-space:nowrap;font-size:.9rem;font-weight:500}.calc-control-why{color:var(--fg-muted);margin-top:.35rem;font-size:.8rem;line-height:1.45}.calc-control input[type=range]{-webkit-appearance:none;appearance:none;background:var(--color-gray-300);cursor:pointer;border-radius:999px;width:100%;height:4px;margin-top:.7rem}.calc-control input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--accent);border:2px solid var(--color-white);box-shadow:0 0 0 1px var(--border);border-radius:50%;width:18px;height:18px}.calc-control input[type=range]::-moz-range-thumb{border:2px solid var(--color-white);background:var(--accent);border-radius:50%;width:18px;height:18px}.calc-stepper{display:flex;align-items:stretch;gap:.4rem;margin-top:.6rem}.calc-stepper button{border:1px solid var(--border);background:var(--bg);border-radius:var(--radius-sm);color:var(--color-black);cursor:pointer;transition:border-color var(--transition);flex:none;width:36px;font-size:1.2rem;line-height:1}.calc-stepper button:hover{border-color:var(--accent)}.calc-stepper-field{display:flex;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);flex:1;align-items: center;gap:.25rem;padding:0 .7rem}.calc-stepper-field .affix{font-family:var(--font-mono);color:var(--fg-muted);font-size:.8rem}.calc-stepper-field input{font-family:var(--font-mono);color:var(--color-black);text-align:right;-moz-appearance:textfield;background:0 0;border:none;width:100%;padding:.55rem 0;font-size:.95rem}.calc-stepper-field input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.calc-stepper-field input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.calc-stepper-field input:focus{outline:none}.calc-output-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem}.calc-output-card{display:flex;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);flex-direction:column;gap:.3rem;padding:1.1rem}.calc-output-value{font-family:var(--font-mono);letter-spacing:-.02em;color:var(--color-black);font-size:1.5rem;font-weight:600}.calc-output-label{color:var(--fg-muted);font-size:.78rem;line-height:1.35}.calc-output-card.tone-cost .calc-output-value{color:var(--node-vuln)}.calc-output-card.tone-save{background:#711aff0d;border-color:#711aff59}.calc-output-card.tone-save .calc-output-value{color:var(--accent)}.calc-payback{color:var(--fg-muted);margin-top:1rem;font-size:.9rem;line-height:1.5}.calc-payback strong{color:var(--color-black)}.drift-chart{border-top:1px solid var(--border);margin-top:1.4rem;padding-top:1.4rem}.drift-bars{display:flex;flex-direction:column;gap:1rem}.drift-bar-label{display:block;color:var(--fg-muted);margin-bottom:.35rem;font-size:.82rem}.drift-bar-track{position:relative;display:flex;border-radius:var(--radius-sm);background:var(--bg-panel);overflow:hidden;align-items: center;height:26px}.drift-bar-stack{display:flex;transition:width var(--transition);height:100%}.drift-seg{transition:width var(--transition);height:100%}.drift-bar-residual{position:relative;z-index:2}.drift-bar-saved{position:absolute;border-left:2px dashed var(--accent);transition:width var(--transition),left var(--transition);background-image:repeating-linear-gradient(45deg,#711aff2e,#711aff2e 6px,#0000 6px 12px);height:100%;top:0}.drift-bar-amount{position:absolute;color:var(--color-black);z-index:3;font-size:.78rem;right:.6rem}.drift-legend{list-style:none;display:flex;color:var(--fg-muted);flex-wrap:wrap;gap:.4rem 1.2rem;margin-top:1rem;font-size:.78rem}.drift-legend li{display:flex;align-items: center;gap:.4rem}.drift-legend .dot{border-radius:3px;flex:none;width:10px;height:10px}.assumptions{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);margin-top:2rem;padding:0 1.4rem}.assumptions summary{cursor:pointer;color:var(--color-black);list-style:none;padding:1rem 0;font-weight:500}.assumptions summary::-webkit-details-marker{display:none}.assumptions summary:before{content:"▸ ";color:var(--accent)}.assumptions[open] summary:before{content:"▾ "}.assumptions p{color:var(--fg-muted);max-width:72ch;margin-bottom:1rem;font-size:.92rem}.assumptions p strong{color:var(--color-black)}.exec-summary{border:1px solid var(--accent);border-radius:var(--radius);background:#711aff0a;margin-top:2rem;padding:1.4rem 1.6rem}.exec-summary-head{display:flex;justify-content:space-between;align-items: center;gap:1rem;margin-bottom:.6rem}.exec-summary-head .eyebrow{margin-bottom:0}.exec-summary p{color:var(--color-black);max-width:78ch;font-size:1.02rem;line-height:1.6}.gtm-frames{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-bottom:2rem}.gtm-frame{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);padding:1.3rem}.gtm-frame h3{margin-bottom:.5rem;font-size:1.05rem}.gtm-frame p{color:var(--fg-muted);font-size:.9rem;line-height:1.5}.gtm-enablement .eyebrow{display:block;margin-bottom:.9rem}.gtm-table{border-collapse:collapse;width:100%;font-size:.92rem}.gtm-table th,.gtm-table td{text-align:left;border-bottom:1px solid var(--border);vertical-align:top;padding:.8rem 1rem}.gtm-table th{text-transform:uppercase;letter-spacing:.1em;color:var(--fg-muted);font-size:.74rem;font-weight:500}.gtm-table td.mono{color:var(--accent);white-space:nowrap}