:root{--bg:#0f172a;--panel:#fff;--muted:#64748b;--text:#0f172a;--soft:#f1f5f9;--line:#e2e8f0;--cyan:#22d3ee;--dark:#020617;--green:#10b981;--amber:#f59e0b;--red:#ef4444}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:#f8fafc}button,input,select,textarea{font:inherit}button{cursor:pointer}.landing{min-height:100vh;background:radial-gradient(circle at 50% -10%,rgba(34,211,238,.25),transparent 35%),radial-gradient(circle at 0 40%,rgba(99,102,241,.22),transparent 28%),#020617;color:white;overflow:hidden}.container{max-width:1180px;margin:auto;padding:0 24px}.topbar{display:flex;align-items:center;justify-content:space-between;padding:24px 0}.brand{display:flex;gap:12px;align-items:center;font-weight:900}.logo{height:44px;width:44px;border-radius:18px;display:grid;place-items:center;background:rgba(255,255,255,.1);box-shadow:0 12px 40px rgba(34,211,238,.14)}.nav{display:flex;gap:24px;color:#cbd5e1;font-size:14px}.nav a{color:inherit;text-decoration:none}.btn{border:0;border-radius:18px;padding:12px 18px;font-weight:900;background:var(--dark);color:white;box-shadow:0 10px 30px rgba(15,23,42,.12)}.btn.light{background:white;color:#020617}.btn.cyan{background:var(--cyan);color:#03131a}.btn.ghost{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);color:white}.btn.soft{background:#f1f5f9;color:#0f172a;box-shadow:none}.btn.full{width:100%}.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center;padding:70px 0 90px}.eyebrow{display:inline-flex;gap:8px;align-items:center;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);border-radius:999px;padding:8px 14px;color:#cffafe;font-weight:800;font-size:14px}.hero h1{font-size:64px;line-height:1.02;margin:22px 0 0;letter-spacing:-.055em}.hero p{color:#cbd5e1;font-size:18px;line-height:1.8;max-width:690px}.actions{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap}.heroCard{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);border-radius:34px;padding:16px;backdrop-filter:blur(18px);box-shadow:0 35px 100px rgba(0,0,0,.35)}.heroInner{background:rgba(2,6,23,.75);border:1px solid rgba(255,255,255,.1);border-radius:26px;padding:22px}.grid{display:grid;gap:16px}.grid2{grid-template-columns:repeat(2,1fr)}.grid3{grid-template-columns:repeat(3,1fr)}.grid4{grid-template-columns:repeat(4,1fr)}.grid5{grid-template-columns:repeat(5,1fr)}.glass{border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.045);border-radius:26px;padding:22px}.glass p{margin:0}.section{padding:60px 0}.section h2{font-size:40px;letter-spacing:-.04em;margin:10px 0}.card{background:white;border:1px solid var(--line);border-radius:26px;padding:22px;box-shadow:0 8px 30px rgba(15,23,42,.05)}.card h3{margin:0 0 8px;font-size:20px}.muted{color:var(--muted)}.small{font-size:13px}.pill{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:900;background:#f1f5f9;color:#334155}.pill.green{background:#ecfdf5;color:#047857}.pill.cyan{background:#ecfeff;color:#0e7490}.pill.amber{background:#fffbeb;color:#b45309}.pill.red{background:#fef2f2;color:#b91c1c}.auth{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at top,rgba(34,211,238,.22),transparent 35%),#f8fafc;padding:24px}.authBox{width:min(440px,100%)}.field{display:grid;gap:8px;margin:12px 0}.field label{font-size:13px;font-weight:900;color:#475569}.field input,.field textarea,.field select{width:100%;border:1px solid var(--line);background:white;border-radius:16px;padding:13px 14px;outline:none}.field input:focus,.field textarea:focus,.field select:focus{border-color:#22d3ee;box-shadow:0 0 0 4px rgba(34,211,238,.12)}.app{display:grid;grid-template-columns:304px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;background:white;border-right:1px solid var(--line);padding:18px;overflow:auto}.main{min-width:0}.head{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;background:rgba(248,250,252,.88);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);padding:16px 26px}.content{padding:26px}.sideItem{width:100%;display:flex;align-items:center;gap:11px;border:0;background:transparent;border-radius:16px;padding:12px 14px;font-weight:900;color:#475569;text-align:left;margin:3px 0}.sideItem.active{background:#020617;color:white;box-shadow:0 10px 24px rgba(15,23,42,.15)}.sideItem:hover:not(.active){background:#f1f5f9}.mode{display:grid;grid-template-columns:1fr 1fr;gap:8px;background:#f1f5f9;border-radius:20px;padding:8px;margin:16px 0}.mode button{border:0;border-radius:15px;padding:10px;font-weight:900;background:transparent}.mode button.active{background:#020617;color:white}.stat{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.stat b{font-size:27px}.table{overflow:hidden}.row{display:grid;grid-template-columns:1.35fr 1fr .8fr .8fr .8fr;gap:12px;padding:15px;border-bottom:1px solid var(--line);align-items:center}.row:last-child{border-bottom:0}.formGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.toast{position:fixed;right:22px;bottom:22px;z-index:20;background:#020617;color:white;border-radius:18px;padding:14px 18px;box-shadow:0 20px 60px rgba(0,0,0,.25);max-width:420px}.err{background:#fef2f2;color:#991b1b;border:1px solid #fecaca;padding:12px;border-radius:16px}.ok{background:#ecfdf5;color:#065f46;border:1px solid #bbf7d0;padding:12px;border-radius:16px}.mobileMenu{display:none}.danger{background:#fee2e2;color:#991b1b}.codeOut{white-space:pre-wrap;word-break:break-word;max-height:240px;overflow:auto;background:#020617;color:#e2e8f0;border-radius:18px;padding:16px}.center{text-align:center}.empty{padding:24px;border:1px dashed #cbd5e1;border-radius:22px;text-align:center;color:#64748b}@media(max-width:920px){.hero{grid-template-columns:1fr}.hero h1{font-size:46px}.grid3,.grid4,.grid5{grid-template-columns:1fr 1fr}.app{grid-template-columns:1fr}.sidebar{position:fixed;z-index:10;transform:translateX(-105%);transition:.2s;box-shadow:0 20px 80px rgba(0,0,0,.22)}.sidebar.open{transform:none}.mobileMenu{display:inline-flex}.content{padding:18px}.row{grid-template-columns:1fr}.formGrid{grid-template-columns:1fr}}@media(max-width:600px){.grid2,.grid3,.grid4,.grid5{grid-template-columns:1fr}.nav{display:none}.hero h1{font-size:38px}.section h2{font-size:30px}}
.stageHero{display:flex;justify-content:space-between;gap:24px;align-items:center;background:linear-gradient(135deg,#ffffff,#ecfeff)}.scoreRing{height:132px;width:132px;border-radius:999px;display:grid;place-items:center;text-align:center;background:radial-gradient(circle at center,#fff 54%,transparent 55%),conic-gradient(#22d3ee 0 82%,#e2e8f0 82% 100%);box-shadow:0 20px 60px rgba(34,211,238,.16)}.scoreRing b{font-size:30px}.scoreRing span{font-size:12px;font-weight:900;color:#64748b;margin-top:-26px}.auditHead{display:grid;grid-template-columns:1fr 220px auto;gap:16px;align-items:center}.progress{height:12px;background:#e2e8f0;border-radius:999px;overflow:hidden}.progress span{display:block;height:100%;background:linear-gradient(90deg,#22d3ee,#10b981);border-radius:999px}.auditList{display:grid;gap:10px;margin-top:16px}.auditItem{display:grid;grid-template-columns:92px 1fr;gap:12px;align-items:flex-start;padding:12px;border:1px solid #e2e8f0;border-radius:18px;background:#f8fafc}.miniStatus{display:flex;flex-direction:column;gap:8px;border:1px solid #e2e8f0;border-radius:18px;padding:14px;background:#f8fafc}.landing .glass{transition:.18s transform,.18s background}.landing .glass:hover{transform:translateY(-3px);background:rgba(255,255,255,.075)}.card{transition:.16s transform,.16s box-shadow}.card:hover{box-shadow:0 14px 42px rgba(15,23,42,.08)}@media(max-width:920px){.stageHero{align-items:flex-start;flex-direction:column}.auditHead{grid-template-columns:1fr}.scoreRing{height:118px;width:118px}}
.rcHero{display:flex;justify-content:space-between;gap:24px;align-items:center;background:linear-gradient(135deg,#fff,#f0f9ff 55%,#ecfeff)}.rcRing{background:radial-gradient(circle at center,#fff 54%,transparent 55%),conic-gradient(#10b981 0 95%,#e2e8f0 95% 100%)}.timeline{display:grid;gap:10px}.timelineItem{display:grid;grid-template-columns:32px 1fr;gap:12px;align-items:start;padding:12px;border-radius:16px;background:#f8fafc;border:1px solid #e2e8f0}.timelineItem b{height:28px;width:28px;border-radius:999px;background:#020617;color:white;display:grid;place-items:center;font-size:13px}@media(max-width:920px){.rcHero{align-items:flex-start;flex-direction:column}}

/* Stage 14 - Enterprise UI polish */
.enterpriseLanding{background:radial-gradient(circle at 15% 12%,rgba(34,211,238,.20),transparent 28%),radial-gradient(circle at 82% 8%,rgba(56,189,248,.14),transparent 24%),radial-gradient(circle at 50% 110%,rgba(16,185,129,.10),transparent 25%),#020617;position:relative}.scanline{position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,black,transparent 86%);pointer-events:none}.enterpriseTopbar{border-bottom:1px solid rgba(255,255,255,.08)}.enterpriseLogo{background:linear-gradient(135deg,#22d3ee,#0f172a)!important;color:white;font-weight:950;box-shadow:0 18px 60px rgba(34,211,238,.25)}.enterpriseSub{color:#67e8f9}.enterpriseEyebrow{letter-spacing:.15em;font-size:12px;color:#a5f3fc}.enterpriseHero{padding-top:78px}.enterpriseHero h1{font-size:70px;max-width:850px}.enterpriseHero p{max-width:760px}.heroBadges{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.heroBadges span{border:1px solid rgba(34,211,238,.24);background:rgba(8,47,73,.35);border-radius:999px;padding:8px 12px;font-size:12px;font-weight:900;color:#cffafe}.terminalCard{border:1px solid rgba(148,163,184,.18);border-radius:34px;background:linear-gradient(180deg,rgba(15,23,42,.88),rgba(2,6,23,.92));box-shadow:0 35px 110px rgba(0,0,0,.48),0 0 80px rgba(34,211,238,.10);overflow:hidden}.terminalBar{height:48px;display:flex;align-items:center;gap:8px;border-bottom:1px solid rgba(148,163,184,.16);padding:0 18px;background:rgba(15,23,42,.65)}.terminalBar span{height:10px;width:10px;border-radius:50%;background:#22d3ee;display:inline-block}.terminalBar span:nth-child(2){background:#f59e0b}.terminalBar span:nth-child(3){background:#10b981}.terminalBar b{font-size:12px;color:#94a3b8;margin-left:8px;letter-spacing:.12em}.terminalBody{padding:24px}.terminalBody p span{color:#22d3ee;font-weight:900}.metricBox{border:1px solid rgba(148,163,184,.16);background:rgba(255,255,255,.045);border-radius:22px;padding:18px}.metricBox b{display:block;font-size:28px;color:white}.metricBox span{font-size:12px;color:#94a3b8;font-weight:900;text-transform:uppercase}.statusStack{margin-top:18px;display:grid;gap:10px}.statusStack div{display:flex;justify-content:space-between;gap:12px;border:1px solid rgba(148,163,184,.16);border-radius:18px;padding:12px;background:rgba(255,255,255,.035)}.sectionHead{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:18px}.sectionHead p{max-width:560px}.nodeCard,.pricingCard,.testimonialCard,.enterpriseFeature{border:1px solid rgba(255,255,255,.11);background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035));border-radius:28px;padding:22px;box-shadow:0 18px 80px rgba(0,0,0,.18);transition:.18s transform,.18s border-color}.nodeCard:hover,.pricingCard:hover,.testimonialCard:hover,.enterpriseFeature:hover{transform:translateY(-4px);border-color:rgba(34,211,238,.35)}.nodeTop{display:flex;justify-content:space-between;align-items:center}.nodeChip{font-size:11px;font-weight:950;color:#cffafe;border:1px solid rgba(34,211,238,.2);background:rgba(34,211,238,.08);border-radius:999px;padding:6px 9px}.nodePing{font-size:10px;font-weight:950;color:#10b981}.nodeCard h3,.pricingCard h3,.enterpriseFeature h3{font-size:22px;margin:18px 0 8px}.nodeCpu{color:#e2e8f0;font-weight:800}.nodeCard ul{padding-left:18px;color:#cbd5e1;line-height:1.8}.nodeNote{border-top:1px solid rgba(255,255,255,.1);padding-top:14px;color:#67e8f9;font-size:13px;font-weight:900}.featureIcon{height:48px;width:48px;border-radius:18px;display:grid;place-items:center;background:rgba(34,211,238,.12);border:1px solid rgba(34,211,238,.18);font-size:13px;font-weight:950;color:#cffafe}.enterpriseFeature p,.testimonialCard p{color:#cbd5e1;line-height:1.7}.pricingCard h2{font-size:30px}.enterpriseGlass{background:rgba(255,255,255,.05)}.enterpriseFooter{border-top:1px solid rgba(255,255,255,.09);padding:28px 0 40px;display:flex;justify-content:space-between;align-items:center}.enterpriseApp{background:#f8fafc}.sidebar{background:linear-gradient(180deg,#ffffff,#f8fafc);}.sidebarBrand{padding:6px 4px 12px;border-bottom:1px solid #e2e8f0}.navGroup{margin-top:16px}.navGroupTitle{font-size:11px;text-transform:uppercase;letter-spacing:.16em;color:#94a3b8;font-weight:950;padding:0 10px 8px}.enterpriseMode{background:#e2e8f0}.userPanel{background:linear-gradient(180deg,#020617,#0f172a)!important;color:white;margin-top:18px}.miniPerf{display:flex;justify-content:space-between;border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:10px;margin:12px 0;color:#cbd5e1}.miniPerf b{color:#67e8f9}.enterpriseHead{background:rgba(248,250,252,.92)}.headActions{display:flex;gap:10px;align-items:center}.dashHero{display:grid;grid-template-columns:1.25fr .75fr;gap:22px;border:1px solid rgba(148,163,184,.22);border-radius:32px;background:radial-gradient(circle at 15% 0,rgba(34,211,238,.18),transparent 28%),linear-gradient(135deg,#020617,#0f172a);color:white;padding:28px;box-shadow:0 22px 80px rgba(15,23,42,.20)}.dashHero h1{font-size:38px;letter-spacing:-.04em;margin:14px 0 8px}.dashHero p{color:#cbd5e1;line-height:1.7}.dashTerminal{border:1px solid rgba(255,255,255,.12);border-radius:24px;background:rgba(255,255,255,.055);overflow:hidden}.dashTerminal p{padding:0 18px;color:#e2e8f0}.enterprisePanel{border-color:#dbeafe;background:linear-gradient(180deg,#fff,#f8fbff)}
@media(max-width:920px){.enterpriseHero h1{font-size:48px}.sectionHead,.enterpriseFooter{align-items:flex-start;flex-direction:column}.dashHero{grid-template-columns:1fr}.headActions{display:none}}
@media(max-width:600px){.enterpriseHero h1{font-size:38px}.terminalBody{padding:16px}.nodeCard,.pricingCard,.testimonialCard,.enterpriseFeature{padding:18px}}
/* Stage 15: production handoff polish */
.handoffHero{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;align-items:stretch;border:1px solid rgba(34,211,238,.18);border-radius:32px;padding:28px;background:linear-gradient(135deg,#020617,#0f172a 52%,#111827);color:#fff;box-shadow:0 24px 80px rgba(2,6,23,.18);overflow:hidden;position:relative}
.handoffHero:after{content:"";position:absolute;inset:auto -80px -120px auto;width:320px;height:320px;background:rgba(34,211,238,.16);filter:blur(50px);border-radius:999px}.handoffHero>*{position:relative;z-index:1}.handoffHero h1{font-size:clamp(30px,4vw,54px);line-height:1.02;margin:14px 0}.handoffHero p{color:#cbd5e1;max-width:760px;line-height:1.75}.handoffPanel{border:1px solid rgba(255,255,255,.12);border-radius:24px;padding:22px;background:rgba(15,23,42,.76);backdrop-filter:blur(14px)}.handoffPanel h2{font-size:38px;margin:18px 0 8px}.releaseGauge{height:12px;background:rgba(255,255,255,.08);border-radius:999px;overflow:hidden;margin-top:18px}.releaseGauge span{display:block;height:100%;background:linear-gradient(90deg,#22d3ee,#34d399);border-radius:999px}.handoffStat{display:flex;gap:14px;align-items:flex-start}.handoffStat h3{margin:3px 0}.statIcon{width:44px;height:44px;border-radius:16px;display:grid;place-items:center;background:#020617;color:#fff;font-weight:900;letter-spacing:-.04em}.handoffPhase{padding:22px;border:1px solid #e2e8f0;border-radius:26px;background:#fff;box-shadow:0 12px 30px rgba(15,23,42,.05)}.phaseHead{margin-bottom:12px}.phaseList{display:grid;gap:10px;margin-top:16px}.phaseList div{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #e2e8f0;padding-top:10px}.phaseList span{color:#64748b;text-align:right}.stage15Dash{grid-template-columns:1.1fr .9fr}.handoffPage .auditItem{background:#f8fafc;border-radius:18px;padding:14px}@media(max-width:900px){.handoffHero,.stage15Dash{grid-template-columns:1fr}.phaseList div{display:block}.phaseList span{display:block;text-align:left;margin-top:4px}}
.configCenter .configRow{display:grid;grid-template-columns:1.2fr 1fr 130px 110px 90px;gap:10px;align-items:center;border-bottom:1px solid rgba(148,163,184,.22);padding:10px 0}
.configCenter .configRow input,.configCenter .configRow select{width:100%;border:1px solid #cbd5e1;border-radius:14px;padding:10px;background:#fff;color:#0f172a}
.configCenter .tableLike{display:grid;gap:2px;max-height:520px;overflow:auto;padding-right:4px}
.configCenter code{background:rgba(15,23,42,.08);border-radius:8px;padding:2px 6px}
@media(max-width:900px){.configCenter .configRow{grid-template-columns:1fr}.configCenter .configRow span{display:block}}