:root{
  --bg:#06080d;--bg2:#090d14;--panel:#0d131d;--panel2:#111a26;--text:#f7fbff;--muted:#95a6b8;
  --line:rgba(255,255,255,.09);--line2:rgba(109,220,255,.2);--cyan:#6ddcff;--ice:#dffbff;
  --violet:#8d7cff;--coral:#ff718d;--lime:#bbff85;--ok:#7ce1b6;--danger:#ff8396;
  --shadow:0 30px 90px rgba(0,0,0,.38);--radius:22px
}
*{box-sizing:border-box}html{scroll-behavior:smooth}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,sans-serif}body{background:radial-gradient(circle at 12% -10%,rgba(109,220,255,.08),transparent 31%),linear-gradient(180deg,#06080d 0%,#070b11 45%,#06080d 100%);overflow-x:hidden}
button,input,textarea,select{font:inherit}.hidden{display:none!important}.wrap{width:min(1180px,calc(100% - 36px));margin-inline:auto}
.ambient{position:fixed;border-radius:999px;filter:blur(110px);opacity:.18;pointer-events:none;z-index:0}.orb-a{width:520px;height:520px;background:#39d9ff;right:-230px;top:-190px}.orb-b{width:430px;height:430px;background:#7b65ff;left:-230px;bottom:-220px}
#public-site,.workspace{position:relative;z-index:1}.brand{display:flex;align-items:center;gap:12px;color:var(--text);text-decoration:none}.brand small{display:block;font-size:.62rem;letter-spacing:.18em;color:var(--cyan);font-weight:800}.brand strong{display:block;font:700 .93rem "Space Grotesk";letter-spacing:.025em;margin-top:2px}.mark{width:46px;height:46px;display:grid;place-items:center;border-radius:15px;border:1px solid rgba(109,220,255,.48);font-weight:900;background:linear-gradient(145deg,rgba(109,220,255,.14),rgba(141,124,255,.07));box-shadow:inset 0 0 28px rgba(109,220,255,.08),0 10px 30px rgba(0,0,0,.2)}
.public-nav{height:82px;display:flex;justify-content:space-between;align-items:center;gap:18px;position:relative;z-index:4}.public-links{display:flex;align-items:center;gap:18px}.public-links a,.ghost{color:#a9b8c8;text-decoration:none;border:0;background:transparent;font-size:.82rem;font-weight:700;cursor:pointer}.public-links a:hover,.ghost:hover{color:white}
.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:13px;padding:13px 17px;font-weight:900;color:#041016;background:#dffbff;cursor:pointer;text-decoration:none;transition:.18s transform,.18s box-shadow,.18s background}.btn:hover{transform:translateY(-1px)}.btn.primary{background:linear-gradient(135deg,#eaffff,#6ddcff);box-shadow:0 13px 31px rgba(109,220,255,.16)}.btn.secondary{background:rgba(255,255,255,.035);color:var(--text);border:1px solid var(--line)}.btn.small{padding:9px 12px;font-size:.78rem}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}
.hero-public{min-height:710px;display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center;padding:72px 0 92px}.pill{display:inline-flex;padding:8px 11px;border-radius:999px;border:1px solid rgba(109,220,255,.24);background:rgba(109,220,255,.055);color:var(--ice);font-size:.68rem;font-weight:900;letter-spacing:.08em}.hero-copy h1{font:700 clamp(3rem,6.2vw,6.2rem)/.91 "Space Grotesk";letter-spacing:-.062em;margin:18px 0 25px;max-width:880px}.hero-copy h1 span{color:var(--ice)}.hero-copy>p{max-width:690px;color:#b5c2d0;line-height:1.75;font-size:1.06rem}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.trust-row{display:flex;gap:9px;flex-wrap:wrap;margin-top:26px}.trust-row span{border:1px solid var(--line);background:rgba(255,255,255,.02);border-radius:9px;padding:7px 9px;font-size:.63rem;letter-spacing:.1em;font-weight:900;color:#8798aa}
.hero-console{position:relative;border:1px solid rgba(109,220,255,.17);border-radius:28px;padding:22px;background:linear-gradient(145deg,rgba(17,25,36,.95),rgba(7,12,18,.94));box-shadow:var(--shadow),inset 0 1px rgba(255,255,255,.035);overflow:hidden}.hero-console:before{content:"";position:absolute;width:240px;height:240px;border-radius:50%;background:rgba(109,220,255,.1);filter:blur(70px);top:-110px;right:-100px}.console-top{display:flex;justify-content:space-between;gap:10px;font-size:.63rem;letter-spacing:.14em;color:#8fa0b3;font-weight:900}.live-dot{color:var(--ok)}.console-title{font:700 1.5rem "Space Grotesk";margin:18px 0}.stage-rail{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.stage-rail span{border:1px solid var(--line);background:#0a1018;border-radius:10px;padding:8px 6px;text-align:center;font-size:.58rem;letter-spacing:.08em;color:#9aacbe;font-weight:800}.console-card{margin-top:16px;border:1px solid var(--line);border-radius:17px;padding:17px}.console-card.cyan{background:linear-gradient(135deg,rgba(109,220,255,.095),rgba(11,17,25,.92));border-color:rgba(109,220,255,.25)}.console-card small{font-size:.62rem;letter-spacing:.12em;color:var(--cyan);font-weight:900}.console-card strong{display:block;font:700 1.08rem/1.3 "Space Grotesk";margin:7px 0}.console-card p{margin:0;color:var(--muted);font-size:.76rem;line-height:1.55}.mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:9px}.mini-grid div{padding:13px 10px;border:1px solid var(--line);border-radius:12px;background:#091019}.mini-grid small{display:block;font-size:.55rem;color:#7f91a5;letter-spacing:.08em}.mini-grid b{display:block;margin-top:5px;font-size:.73rem;color:var(--ice)}
.section{padding:100px 0;position:relative}.section.alt{background:linear-gradient(180deg,rgba(255,255,255,.018),rgba(255,255,255,.008));border-block:1px solid rgba(255,255,255,.05)}.kicker{font-size:.67rem;letter-spacing:.18em;color:var(--cyan);font-weight:900}.section h2,.final-cta h2{font:700 clamp(2.2rem,4.8vw,4.5rem)/.98 "Space Grotesk";letter-spacing:-.05em;margin:11px 0 18px;max-width:980px}.lead{max-width:780px;color:#aab9c9;font-size:1.02rem;line-height:1.72}
.six-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:38px}.six-grid article,.feature,.price-card{border:1px solid var(--line);border-radius:20px;padding:22px;background:linear-gradient(145deg,rgba(17,24,34,.83),rgba(8,13,20,.86));box-shadow:0 20px 50px rgba(0,0,0,.16)}.six-grid b{color:var(--cyan);font-size:.66rem;letter-spacing:.12em}.six-grid h3,.feature h3,.price-card h3{font:700 1.02rem "Space Grotesk";margin:11px 0 7px}.six-grid p,.feature p,.price-card p{color:var(--muted);font-size:.82rem;line-height:1.6;margin:0}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:37px}.feature span{display:grid;place-items:center;width:40px;height:40px;border:1px solid rgba(109,220,255,.24);border-radius:12px;background:rgba(109,220,255,.055);color:var(--ice);font-weight:900}
.pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-top:36px}.price-card{display:flex;flex-direction:column;min-height:250px}.price-card.featured{border-color:rgba(109,220,255,.34);background:linear-gradient(145deg,rgba(20,34,46,.9),rgba(8,13,20,.91))}.price{font:700 2rem "Space Grotesk";margin:17px 0 10px}.price small{font:600 .68rem Inter;color:var(--muted)}.price-card .btn{margin-top:auto}.tag{font-size:.59rem;letter-spacing:.12em;font-weight:900;color:var(--cyan)}.fine{color:#718397;font-size:.7rem;line-height:1.55;margin-top:14px}.skeleton{height:250px;border-radius:20px;border:1px solid var(--line);background:linear-gradient(90deg,#0b1119,#111a26,#0b1119);background-size:200%;animation:shimmer 1.7s infinite}@keyframes shimmer{to{background-position:-200%}}
.final-cta{border:1px solid rgba(109,220,255,.18);border-radius:30px;padding:48px;margin-top:34px;margin-bottom:90px;background:linear-gradient(135deg,rgba(109,220,255,.07),rgba(141,124,255,.035));display:flex;gap:34px;align-items:center;justify-content:space-between}.final-cta p{color:var(--muted);max-width:730px;line-height:1.6}.footer{border-top:1px solid var(--line);padding:22px 0 40px;display:flex;gap:16px;justify-content:space-between;color:#718397;font-size:.65rem;letter-spacing:.08em}
.auth-overlay{position:fixed;inset:0;z-index:50;background:rgba(1,3,6,.78);backdrop-filter:blur(14px);display:grid;place-items:center;padding:18px}.panel,.card{background:linear-gradient(145deg,rgba(17,24,34,.97),rgba(8,13,20,.96));border:1px solid var(--line);box-shadow:var(--shadow)}.auth-card{width:min(460px,100%);border-radius:25px;padding:28px;position:relative}.close{position:absolute;right:15px;top:13px;border:0;background:transparent;color:#8394a6;font-size:1.55rem;cursor:pointer}.auth-brand{margin-bottom:24px}.tabs{display:flex;gap:7px;margin-bottom:20px}.tab{flex:1;padding:10px;border:0;border-radius:11px;background:transparent;color:var(--muted);font-weight:800;cursor:pointer}.tab.active{background:rgba(109,220,255,.08);color:var(--text);box-shadow:inset 0 0 0 1px rgba(109,220,255,.16)}.stack{display:flex;flex-direction:column;gap:14px}label{display:flex;flex-direction:column;gap:7px;font-size:.74rem;color:#adbbcb;font-weight:700}input,textarea,select{width:100%;padding:12px 13px;border-radius:12px;border:1px solid var(--line);background:#080c12;color:var(--text);outline:0}input:focus,textarea:focus,select:focus{border-color:rgba(109,220,255,.55);box-shadow:0 0 0 3px rgba(109,220,255,.08)}textarea{min-height:105px;resize:vertical}.micro,.msg{font-size:.74rem;color:var(--muted);line-height:1.5}.msg.error{color:var(--danger)}.msg.ok{color:var(--ok)}
.workspace{display:grid;grid-template-columns:255px 1fr;min-height:100vh}.side{position:sticky;top:0;height:100vh;border-right:1px solid var(--line);background:rgba(6,9,14,.91);backdrop-filter:blur(20px);padding:22px 15px;display:flex;flex-direction:column}.compact .mark{width:40px;height:40px;border-radius:12px}.side nav{display:flex;flex-direction:column;gap:4px;margin-top:27px;overflow-y:auto;padding-right:2px}.nav,.side-foot button{padding:10px 11px;border:0;background:transparent;color:#96a7ba;text-align:left;border-radius:10px;font-weight:700;font-size:.78rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center}.nav span{font-size:.52rem;letter-spacing:.08em;color:#6f8297}.nav:hover,.nav.active,.side-foot button:hover{background:rgba(109,220,255,.07);color:#f7fbff}.side-foot{margin-top:auto;border-top:1px solid var(--line);padding-top:12px;display:flex;flex-direction:column}
.main{min-width:0}.top{min-height:94px;padding:18px 28px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:16px;background:rgba(5,7,10,.73);backdrop-filter:blur(16px);position:sticky;top:0;z-index:4}.eyebrow{font-size:.66rem;letter-spacing:.18em;color:var(--cyan);font-weight:900}.top h2{font:700 1.35rem "Space Grotesk";margin:4px 0 0}.top-actions{display:flex;gap:9px;align-items:center}.tier{padding:7px 10px;border-radius:999px;border:1px solid rgba(109,220,255,.23);background:rgba(109,220,255,.055);font-size:.65rem;font-weight:900;letter-spacing:.12em;color:var(--ice)}.view{padding:28px;max-width:1420px}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:15px}.card{border-radius:19px;padding:18px}.card h3{font:700 1rem "Space Grotesk";margin:0 0 8px}.card p{font-size:.82rem;color:var(--muted);line-height:1.58;margin:0}.s4{grid-column:span 4}.s6{grid-column:span 6}.s8{grid-column:span 8}.s12{grid-column:span 12}.metric{font:700 2rem "Space Grotesk";margin-top:12px}.next{border-color:rgba(109,220,255,.25);background:linear-gradient(135deg,rgba(109,220,255,.085),rgba(10,15,22,.94))}.stage{font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--cyan);font-weight:900}.build-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(255px,1fr));gap:12px}.build-card{padding:16px;border:1px solid var(--line);border-radius:15px;background:#0b1017;cursor:pointer;transition:.16s}.build-card:hover{transform:translateY(-1px);border-color:rgba(109,220,255,.24)}.build-card.active{border-color:rgba(109,220,255,.4);background:linear-gradient(145deg,rgba(109,220,255,.065),#0b1017)}.build-card h3{margin:7px 0 6px;font:700 1rem "Space Grotesk"}.progress{height:6px;background:#151d28;border-radius:999px;overflow:hidden;margin-top:13px}.progress span{display:block;height:100%;background:linear-gradient(90deg,#6ddcff,#8d7cff)}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.between{justify-content:space-between}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:14px;margin-bottom:17px}.section-head h3{font:700 1.35rem "Space Grotesk";margin:0}.section-head p{color:var(--muted);font-size:.82rem;margin:4px 0 0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.form-grid .full{grid-column:1/-1}.notice{padding:14px;border-radius:14px;border:1px solid rgba(109,220,255,.19);background:rgba(109,220,255,.05);color:#caedf4;font-size:.8rem;line-height:1.55}.notice.danger{border-color:rgba(255,131,150,.25);background:rgba(255,131,150,.055);color:#ffdbe1}.task{display:grid;grid-template-columns:auto 1fr auto;gap:11px;padding:13px 0;border-bottom:1px solid var(--line);align-items:start}.task:last-child{border-bottom:0}.task input{width:18px;height:18px;margin-top:3px}.empty{text-align:center;padding:31px;color:var(--muted)}.muted{color:var(--muted)}.locked{border-style:dashed;background:linear-gradient(145deg,rgba(17,24,34,.6),rgba(8,13,20,.7))}
.library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:12px}.library-card{border:1px solid var(--line);border-radius:16px;padding:16px;background:#0a1017}.library-card h3{margin:8px 0;font:700 .95rem "Space Grotesk"}.library-card pre{white-space:pre-wrap;font:500 .72rem/1.6 Inter;color:#aebdcc;max-height:250px;overflow:auto;border-top:1px solid var(--line);padding-top:11px;margin-bottom:0}.library-card.preview{border-color:rgba(109,220,255,.26)}.access-badge{font-size:.57rem;letter-spacing:.1em;padding:5px 7px;border-radius:999px;background:rgba(109,220,255,.07);color:var(--cyan);font-weight:900}
.checklist{display:grid;gap:8px}.check-row{display:flex;gap:11px;align-items:flex-start;padding:12px;border:1px solid var(--line);border-radius:12px;background:#0a1017}.check-row input{width:18px;height:18px;margin-top:1px}.check-row strong{display:block;font-size:.82rem}.check-row small{display:block;color:var(--muted);margin-top:3px;line-height:1.45}.stack-result{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:15px}.stack-card{border:1px solid var(--line);border-radius:16px;padding:16px;background:#0a1017}.stack-card.best{border-color:rgba(141,124,255,.25)}.stack-card h3{margin:6px 0 10px}.stack-card ul{padding-left:18px;color:#aab9c8;font-size:.78rem;line-height:1.65}.account-table{display:grid;gap:8px}.account-line{display:flex;justify-content:space-between;gap:15px;padding:11px 0;border-bottom:1px solid var(--line);font-size:.8rem}.account-line span{color:var(--muted)}.offer-mini{display:flex;justify-content:space-between;gap:16px;padding:12px;border:1px solid var(--line);border-radius:12px;background:#0a1017;margin-top:8px}.offer-mini b{font-size:.82rem}.offer-mini span{font-size:.72rem;color:var(--muted)}
@media(max-width:980px){.hero-public{grid-template-columns:1fr;min-height:auto;padding-top:55px}.hero-console{max-width:700px}.pricing-grid{grid-template-columns:repeat(2,1fr)}.workspace{grid-template-columns:1fr}.side{position:relative;height:auto;border-right:0;border-bottom:1px solid var(--line)}.side nav{display:grid;grid-template-columns:repeat(3,1fr);overflow:visible}.side-foot{flex-direction:row}.top{position:relative}.s4,.s6,.s8{grid-column:span 12}}
@media(max-width:720px){.public-links>a{display:none}.public-links{gap:8px}.hero-copy h1{font-size:3.15rem}.six-grid,.feature-grid,.pricing-grid,.stack-result{grid-template-columns:1fr}.final-cta{flex-direction:column;align-items:flex-start;padding:28px}.footer{flex-direction:column}.side nav{grid-template-columns:repeat(2,1fr)}.view,.top{padding-left:16px;padding-right:16px}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.mini-grid{grid-template-columns:1fr}.top{align-items:flex-start}.top-actions{flex-direction:column;align-items:flex-end}}
@media(max-width:480px){.wrap{width:min(100% - 24px,1180px)}.public-nav{height:70px}.public-links .ghost{display:none}.hero-public{padding-top:42px}.hero-copy h1{font-size:2.7rem}.section{padding:74px 0}.auth-card{padding:22px}.side nav{grid-template-columns:1fr 1fr}.nav{font-size:.7rem;padding:9px}.stage-rail{grid-template-columns:repeat(2,1fr)}}

@media print{
  body{background:#fff!important;color:#111!important}
  .ambient,.public-nav,.side,.top,.btn,.auth-overlay,.footer{display:none!important}
  #public-site{display:none!important}
  .workspace,.main,.view{display:block!important;min-height:0!important;padding:0!important;margin:0!important}
  .card,.library-card,.offer-mini,.check-row,.stack-card{background:#fff!important;color:#111!important;box-shadow:none!important;border:1px solid #bbb!important;break-inside:avoid}
  h1,h2,h3,strong,b,.stage,.kicker,.access-badge{color:#111!important}
  p,small,.muted,pre{color:#333!important}
  input,textarea,select{border:1px solid #bbb!important;color:#111!important;background:#fff!important}
}
