:root{--bg:#0a0d14;--surface:#10151f;--surface-2:#141a26;--border:#1f2733;--fg:#e8ebf0;--fg-dim:#9aa6b8;--fg-faint:#5f6b7e;--accent:#818cf8;--accent-strong:#4f46e5;--neutral:#64748b;--allow:#34d399;--approve:#fbbf24;--block:#f87171;--mono:ui-monospace, "SF Mono", "JetBrains Mono", "IBM Plex Mono", Menlo, Consolas, monospace;--sans:system-ui, -apple-system, "Segoe UI", Roboto, Inter, sans-serif;--maxw:1120px;--radius:12px}*{box-sizing:border-box}html{color-scheme:dark;scroll-behavior:smooth}body{background:var(--bg);color:var(--fg);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;line-height:1.55;overflow-x:hidden}a{color:inherit}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.site-header{z-index:20;backdrop-filter:blur(8px);background:color-mix(in srgb, var(--bg) 82%, transparent);border-bottom:1px solid var(--border);position:sticky;top:0}.site-header .wrap{align-items:center;gap:20px;height:60px;display:flex}.brand{font-family:var(--mono);letter-spacing:-.02em;font-size:17px;font-weight:600;text-decoration:none}.brand:before{content:"▸ ";color:var(--accent)}.site-nav{align-items:center;gap:22px;margin-left:auto;display:flex}.site-nav a{color:var(--fg-dim);font-size:14px;text-decoration:none}.site-nav a:hover,.site-nav .btn{color:var(--fg)}.btn{border:1px solid var(--border);background:var(--surface);border-radius:8px;align-items:center;gap:8px;padding:9px 16px;font-size:14px;font-weight:500;text-decoration:none;transition:border-color .15s,background .15s,transform 50ms;display:inline-flex}.btn:hover{border-color:var(--accent)}.btn:active{transform:translateY(1px)}.btn--primary{background:var(--accent-strong);border-color:var(--accent-strong);color:#fff}.btn--primary:hover{background:#4338ca;border-color:#4338ca}section{border-top:1px solid var(--border);padding:84px 0}section:first-of-type{border-top:0}.eyebrow{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin:0 0 14px;font-size:12px}h1,h2,h3{letter-spacing:-.02em;line-height:1.12}h1{margin:0 0 18px;font-size:clamp(34px,5vw,56px)}h2{margin:0 0 14px;font-size:clamp(26px,3.4vw,36px)}.lead{color:var(--fg-dim);max-width:44ch;margin:0 0 28px;font-size:clamp(17px,2vw,20px)}.section-lead{color:var(--fg-dim);max-width:60ch}.hero{padding-top:64px}.hero .cta-row{flex-wrap:wrap;gap:12px;margin-bottom:16px;display:flex}.hero .supporting{font-family:var(--mono);color:var(--fg-faint);font-size:13px}.compare-kicker{text-align:center;font-family:var(--mono);color:var(--fg-dim);letter-spacing:.04em;margin:56px 0 18px;font-size:13px}.compare{grid-template-columns:1fr 1fr;gap:18px;display:grid;position:relative}.term{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;min-height:360px;transition:border-color .3s,box-shadow .3s;display:flex;overflow:hidden}.term__bar{background:var(--surface-2);border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:10px 14px;display:flex}.term__dot{background:#2a3342;border-radius:50%;width:10px;height:10px}.term__label{font-family:var(--mono);color:var(--fg-dim);margin-left:4px;font-size:12px}.term__tag{font-family:var(--mono);letter-spacing:.12em;color:var(--fg-faint);border:1px solid var(--border);border-radius:5px;margin-left:auto;padding:2px 7px;font-size:10px}.term__desc{color:var(--fg-faint);padding:10px 16px 0;font-size:13px}.term__desc b{color:var(--fg-dim);font-weight:500}.term__body{font-family:var(--mono);white-space:pre-wrap;word-break:break-word;flex:1;padding:12px 16px 18px;font-size:13px;line-height:1.7}.line{opacity:0;display:block;transform:translateY(3px)}.line.show{opacity:1;transition:opacity .18s,transform .18s;transform:none}.line.cmd{color:var(--fg)}.line.neutral{color:var(--fg-dim)}.line.info{color:var(--accent)}.line.warn{color:var(--approve)}.line.danger{color:var(--block)}.line.success{color:var(--allow)}.term--npm.breached{border-color:color-mix(in srgb, var(--block) 55%, var(--border));box-shadow:0 0 0 1px color-mix(in srgb, var(--block) 30%, transparent), 0 12px 40px -18px var(--block)}.term--targate.blocked{border-color:color-mix(in srgb, var(--allow) 45%, var(--border));box-shadow:0 0 0 1px color-mix(in srgb, var(--allow) 22%, transparent)}.quarantine{border:1px dashed color-mix(in srgb, var(--accent) 45%, var(--border));font-family:var(--mono);letter-spacing:.12em;color:var(--accent);opacity:0;border-radius:6px;justify-content:space-between;margin:10px 16px 0;padding:6px 10px;font-size:10px;transition:opacity .3s;display:flex}.term--targate.quarantining .quarantine{opacity:1}.verdict{font-family:var(--mono);letter-spacing:.1em;opacity:0;border-radius:6px;margin:4px 16px 0;padding:8px 10px;font-size:12px;font-weight:600;transform:scale(.98)}.verdict.show{opacity:1;transition:opacity .25s,transform .25s;transform:none}.verdict--executed{background:color-mix(in srgb, var(--block) 16%, transparent);color:var(--block)}.verdict--blocked{background:color-mix(in srgb, var(--allow) 14%, transparent);color:var(--allow)}.badges{flex-wrap:wrap;gap:6px;margin:10px 16px 0;display:flex}.badge{font-family:var(--mono);letter-spacing:.06em;color:var(--approve);border:1px solid color-mix(in srgb, var(--approve) 40%, var(--border));opacity:0;border-radius:5px;padding:2px 7px;font-size:10px;transform:translateY(3px)}.badge.show{opacity:1;transition:opacity .2s,transform .2s;transform:none}.replay{border:1px solid var(--border);color:var(--fg-dim);font-family:var(--mono);cursor:pointer;background:0 0;border-radius:7px;align-items:center;gap:7px;margin:20px auto 0;padding:6px 12px;font-size:12px;display:inline-flex}.replay:hover{color:var(--fg);border-color:var(--accent)}.replay-row{justify-content:center;display:flex}.closing{text-align:center;font-family:var(--mono);margin-top:34px}.closing .npm{color:var(--block)}.closing .targate{color:var(--allow)}.closing .payoff{font-size:clamp(20px,2.6vw,28px);font-family:var(--sans);letter-spacing:-.02em;color:var(--fg);margin-top:10px;font-weight:600;display:block}.compare-status{display:none}.tree{font-family:var(--mono);color:var(--fg-dim);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);white-space:pre;padding:18px 20px;font-size:14px;overflow-x:auto}.pipeline{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.step{background:var(--surface);border:1px solid var(--border);border-radius:10px;flex:150px;padding:16px}.step .k{font-family:var(--mono);letter-spacing:.12em;color:var(--accent);font-size:12px}.step .d{color:var(--fg-dim);margin-top:6px;font-size:13px}.step.block .k{color:var(--block)}.flow{font-family:var(--mono);color:var(--fg-dim);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);text-align:center;padding:20px;line-height:2}.flow .allow{color:var(--allow)}.flow .approve{color:var(--approve)}.flow .block{color:var(--block)}.cards{grid-template-columns:repeat(4,1fr);gap:14px;margin-top:28px;display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:18px}.card h3{margin:0 0 6px;font-size:15px}.card p{color:var(--fg-dim);margin:0;font-size:13px}.final{text-align:center}.final .term{text-align:left;max-width:520px;min-height:0;margin:26px auto 0}.final .cta-row{justify-content:center;gap:12px;margin-top:26px;display:flex}.site-footer{border-top:1px solid var(--border);color:var(--fg-faint);padding:40px 0;font-size:13px}.site-footer .wrap{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.site-footer a{color:var(--fg-dim)}@media (width<=860px){.compare{grid-template-columns:1fr}.compare-status{font-family:var(--mono);justify-content:center;gap:10px;margin-bottom:14px;font-size:12px;display:flex}.compare-status .npm{color:var(--block)}.compare-status .targate{color:var(--allow)}.cards{grid-template-columns:1fr 1fr}.site-nav .hide-sm{display:none}}@media (width<=520px){.cards{grid-template-columns:1fr}section{padding:60px 0}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.line,.line.show,.verdict,.badge,.quarantine{transition:none!important}}
