:root{
  --bg:#030207;--bg2:#09050f;--panel:#0b0811;--panel2:#120c1b;
  --line:#2a163c;--line2:#4b246f;--purple:#8d35ff;--purple2:#c16fff;--purple3:#5b1ab9;
  --text:#f8f3ff;--muted:#a99db4;--good:#5ce6a2;--max:1240px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:
radial-gradient(circle at 74% 7%,rgba(116,36,196,.28),transparent 30%),
radial-gradient(circle at 15% 32%,rgba(67,20,120,.16),transparent 26%),
linear-gradient(180deg,#030207 0,#07040b 38%,#030207 100%);
color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif;line-height:1.6;overflow-x:hidden}
a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}
.wrap{width:min(calc(100% - 36px),var(--max));margin:auto}
#circuitCanvas{position:fixed;inset:0;z-index:-3;opacity:.34;pointer-events:none}
.noise{position:fixed;inset:0;z-index:-2;pointer-events:none;background:
linear-gradient(rgba(255,255,255,.014) 1px,transparent 1px),
linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px);
background-size:44px 44px;mask-image:linear-gradient(to bottom,black,transparent 85%)}
body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:
radial-gradient(circle at 50% 50%,transparent 35%,rgba(0,0,0,.38) 100%)}
.skip{position:absolute;left:-999px}.skip:focus{left:10px;top:10px;z-index:999;background:#fff;color:#000;padding:10px}

header{position:sticky;top:0;z-index:60;background:rgba(3,2,7,.76);backdrop-filter:blur(22px);
border-bottom:1px solid rgba(155,65,255,.15)}
.nav{height:76px;display:flex;align-items:center;gap:24px}
.brand{display:flex;align-items:center;gap:11px;font-weight:850;letter-spacing:.08em}
.brand img{width:42px;height:42px;filter:drop-shadow(0 0 16px rgba(154,65,255,.6))}
.brand span small{display:block;color:#b98be0;font-size:.56rem;letter-spacing:.35em}
.navlinks{display:flex;align-items:center;gap:22px;margin-left:auto;font-size:.9rem;color:#d9d1e0}
.navlinks a{opacity:.88}.navlinks a:hover,.navlinks a.active{opacity:1;color:#fff;text-shadow:0 0 18px #a348ff}
.menu{display:none;background:none;border:0;color:#fff;font-size:1.4rem}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 19px;border-radius:9px;
border:1px solid #6d2eb7;background:linear-gradient(135deg,#7b2edf,#4d15a4);box-shadow:0 0 28px rgba(138,51,255,.2);
font-weight:750;transition:.2s}
.btn:hover{transform:translateY(-1px);filter:brightness(1.12)}
.btn.ghost{background:rgba(10,7,14,.7);border-color:#3a2a45;box-shadow:none}

.hero{min-height:760px;display:grid;grid-template-columns:1.02fr .98fr;gap:42px;align-items:center;padding:74px 0 62px}
.kicker{font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;font-weight:800;color:#bf83ff}
h1{font-size:clamp(3.4rem,7.3vw,6.6rem);line-height:.91;letter-spacing:-.06em;margin:.14em 0 .25em}
h1 .accent,h2 .accent{color:#a84eff;text-shadow:0 0 34px rgba(160,66,255,.35)}
.hero p{font-size:1.12rem;color:#c1b6ca;max-width:650px}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.badges{display:flex;gap:9px;flex-wrap:wrap;margin-top:32px}
.badge{font-size:.76rem;padding:9px 12px;border-radius:8px;border:1px solid #2c2334;background:rgba(9,7,13,.74);color:#d6ccdf}

.server-scene{position:relative;height:560px;border:1px solid #3d1d5f;border-radius:24px;overflow:hidden;
background:
radial-gradient(circle at 70% 25%,rgba(126,38,222,.25),transparent 34%),
linear-gradient(140deg,#06050a 0,#11071b 45%,#06050a 100%);
box-shadow:0 0 70px rgba(117,35,215,.28),inset 0 0 90px rgba(126,37,214,.08)}
.server-scene:before{content:"";position:absolute;inset:0;background:
linear-gradient(90deg,transparent 0 42%,rgba(169,85,255,.05) 43%,transparent 58%),
linear-gradient(180deg,rgba(255,255,255,.02),transparent 35%);pointer-events:none}
.server-scene:after{content:"";position:absolute;inset:auto 0 0;height:43%;background:
linear-gradient(180deg,transparent,rgba(122,37,214,.08)),
repeating-linear-gradient(90deg,transparent 0 68px,rgba(144,56,255,.12) 69px),
repeating-linear-gradient(0deg,transparent 0 34px,rgba(144,56,255,.08) 35px);
transform:perspective(450px) rotateX(64deg);transform-origin:bottom}
.racks{position:absolute;inset:7% 3% 4% 13%;display:grid;grid-template-columns:repeat(5,1fr);gap:12px;
transform:perspective(980px) rotateY(-10deg);z-index:2}
.rack{border:1px solid #3a2548;background:linear-gradient(180deg,#110d16,#07070a);
padding:7px;display:flex;flex-direction:column;gap:6px;box-shadow:0 0 26px rgba(119,36,218,.19)}
.unit{height:21px;border:1px solid #2f2637;background:linear-gradient(180deg,#111017,#08080b);position:relative}
.unit:before,.unit:after{content:"";position:absolute;top:7px;width:5px;height:5px;border-radius:50%;background:#9f47ff;box-shadow:0 0 10px #a044ff}
.unit:before{left:7px;animation:blink 1.4s infinite alternate}.unit:after{left:16px;animation:blink 1.9s .4s infinite alternate}
.unit:nth-child(3n):after{background:#59df9b;box-shadow:0 0 10px #59df9b}
@keyframes blink{50%{opacity:.12}100%{opacity:1}}
.livecard{position:absolute;right:20px;top:20px;width:220px;padding:17px 18px;background:rgba(6,5,10,.9);
border:1px solid #5a2b90;border-radius:13px;backdrop-filter:blur(14px);z-index:5;box-shadow:0 0 28px rgba(120,36,211,.18)}
.livecard strong{font-size:.7rem;letter-spacing:.12em;color:#c58cff}
.statusline{display:flex;justify-content:space-between;margin-top:8px;font-size:.72rem;color:#a99fae}.statusline b{color:#5ce6a2}

section{padding:86px 0}.sectionhead{text-align:center;max-width:800px;margin:0 auto 42px}
.sectionhead h2{font-size:clamp(2.15rem,4vw,3.5rem);line-height:1.05;margin:.18em 0}
.sectionhead p{color:var(--muted)}
.grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.card{min-height:205px;padding:23px;border-radius:12px;border:1px solid #291d33;background:
linear-gradient(145deg,rgba(17,13,23,.95),rgba(7,7,10,.95));position:relative;overflow:hidden;transition:.2s}
.card:before{content:"";position:absolute;inset:0;background:linear-gradient(130deg,transparent 40%,rgba(144,57,255,.07));opacity:.8}
.card:after{content:"";position:absolute;width:120px;height:120px;border-radius:50%;background:#6e20d2;filter:blur(80px);opacity:.12;right:-20px;bottom:-20px}
.card:hover{border-color:#7340a1;transform:translateY(-3px);box-shadow:0 12px 36px rgba(72,20,120,.18)}
.icon{position:relative;z-index:1;display:block;font-size:2rem;color:#b260ff;text-shadow:0 0 20px rgba(173,82,255,.7);margin-bottom:14px}
.card h3,.card p,.arrow{position:relative;z-index:1}.card h3{font-size:1rem;margin:0 0 7px}.card p{font-size:.83rem;color:#aaa0b1;margin:0}.arrow{position:absolute;right:17px;bottom:14px;color:#e6d6f7}

.nora{display:grid;grid-template-columns:.82fr 1.18fr;border-radius:22px;overflow:hidden;border:1px solid #6a2daf;
background:linear-gradient(115deg,#180a29,#0b0810 54%,#170927);box-shadow:0 0 65px rgba(128,38,224,.18)}
.nora-visual{min-height:420px;display:grid;place-items:center;position:relative;background:
radial-gradient(circle at 50% 50%,rgba(112,31,190,.46),transparent 56%)}
.nora-visual:before{content:"";position:absolute;width:320px;height:320px;border-radius:50%;border:1px solid rgba(177,85,255,.15);
box-shadow:0 0 90px rgba(138,47,245,.15)}
.nora-orb{width:190px;height:190px;border-radius:50%;border:1px solid #a24fff;display:grid;place-items:center;
box-shadow:0 0 45px rgba(128,35,225,.5),inset 0 0 40px rgba(117,31,206,.35);animation:float 3s ease-in-out infinite}
.nora-orb:before{content:"NORA";font-size:1.8rem;letter-spacing:.35em;color:#ead6ff}
.nora-orb:after{content:"";position:absolute;width:245px;height:245px;border-radius:50%;border:1px dashed #8241bd;animation:spin 15s linear infinite}
.nora-copy{padding:52px}.nora-copy h2{font-size:3rem;margin:.08em 0}.nora-copy p{color:#bbb0c4}
.chat{margin-top:22px;padding:16px;border-radius:12px;border:1px solid #3c2853;background:#08070c}
.msg{padding:10px 12px;margin:8px 0;border-radius:9px;background:#17111f;font-size:.86rem}.msg.user{margin-left:20%;background:#542185}
@keyframes float{50%{transform:translateY(-9px)}}@keyframes spin{to{transform:rotate(360deg)}}

.features{display:grid;grid-template-columns:repeat(6,1fr);gap:15px;text-align:center}.feature{padding:16px}.feature b{display:block;margin:7px 0}.feature span{font-size:.81rem;color:#a69cac}
.pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}
.price{padding:24px;border-radius:13px;border:1px solid #32203f;background:linear-gradient(180deg,#0e0b13,#08070b);position:relative}
.price.popular{border-color:#9143ef;box-shadow:0 0 38px rgba(139,53,245,.18)}
.price.popular:before{content:"MOST POPULAR";position:absolute;top:-11px;left:50%;transform:translateX(-50%);padding:4px 10px;border-radius:18px;background:#7a2dd3;font-size:.6rem;font-weight:800}
.amount{font-size:2rem;font-weight:900;margin:13px 0}.price ul{padding-left:18px;color:#c0b7c7;font-size:.84rem}.price li{margin:7px 0}

.subhero{padding:90px 0 56px}.subhero h1{font-size:clamp(3rem,6vw,5.5rem)}.subhero p{max-width:760px;color:#b8aec0}
.twocol{display:grid;grid-template-columns:1fr 1fr;gap:22px}.panel{border:1px solid #2c1f38;background:#0d0a12;border-radius:16px;padding:28px}.panel p,.panel li{color:#b3a9ba}
.tablewrap{overflow:auto;border:1px solid #2c1f38;border-radius:14px;background:#0a080e}table{width:100%;border-collapse:collapse;min-width:620px}th,td{text-align:left;padding:15px 18px;border-bottom:1px solid #241a2d}th{background:#130a1e;color:#d8b8f8}td:last-child{font-weight:800}
.notice{border-left:3px solid #9142ee;background:#100b17;padding:16px 18px;border-radius:0 9px 9px 0;color:#c5bacb}
details{border:1px solid #2d2038;background:#0c0a10;border-radius:11px;padding:14px 16px;margin:10px 0}summary{cursor:pointer;font-weight:700}details p{color:#aaa0b1}

footer{border-top:1px solid #23172d;background:#050408;padding:50px 0 20px}.footergrid{display:grid;grid-template-columns:1.45fr repeat(3,1fr);gap:30px}.footerbrand p{color:#9e95a4;font-size:.85rem}.footlinks h4{color:#c89af5;margin-top:0}.footlinks a{display:block;color:#a79dad;font-size:.84rem;margin:7px 0}
.flag{display:flex;align-items:center;gap:9px;margin-top:18px;font-size:.84rem}.flag img{width:32px}.socials{display:flex;gap:8px;margin-top:14px}.socials span,.socials a{width:33px;height:33px;border:1px solid #332143;border-radius:50%;display:grid;place-items:center;color:#c9b8d8}
.copyright{border-top:1px solid #1e1525;margin-top:28px;padding-top:18px;display:flex;justify-content:space-between;gap:18px;color:#857b8b;font-size:.77rem}
@media(max-width:1050px){.hero{grid-template-columns:1fr}.grid{grid-template-columns:repeat(3,1fr)}.pricing-grid{grid-template-columns:repeat(2,1fr)}.features{grid-template-columns:repeat(3,1fr)}.navlinks{display:none}.menu{display:block;margin-left:auto}.nav.open .navlinks{display:flex;position:absolute;top:76px;left:0;right:0;flex-direction:column;align-items:flex-start;padding:18px;background:#07050a;border-bottom:1px solid #2c173d}.server-scene{height:490px}}
@media(max-width:700px){.wrap{width:min(calc(100% - 24px),var(--max))}.hero{padding-top:46px}.server-scene{height:360px}.racks{inset:10% 2% 3% 4%;gap:7px}.livecard{width:180px}.grid,.pricing-grid,.twocol,.nora,.footergrid{grid-template-columns:1fr}.features{grid-template-columns:repeat(2,1fr)}.nora-copy{padding:30px}.copyright{flex-direction:column}.nav>.btn{display:none}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}#circuitCanvas{display:none}}


/* --- V3 pricing upgrades --- */
.hero-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px}
.hero-card{padding:20px;border:1px solid #352240;border-radius:14px;background:linear-gradient(160deg,rgba(18,13,25,.96),rgba(8,8,11,.94));position:relative;overflow:hidden}
.hero-card:before{content:"";position:absolute;inset:auto -20px -20px auto;width:120px;height:120px;border-radius:50%;background:#7325df;filter:blur(75px);opacity:.16}
.hero-card h3{margin:0 0 8px;font-size:1rem}
.hero-card p{margin:0;color:#b3a8bc;font-size:.85rem}
.hero-card b{display:block;color:#d9bbff;margin-top:10px}
.category-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.category-panel{border:1px solid #2c2038;border-radius:18px;background:linear-gradient(180deg,#0d0a12,#09070c);overflow:hidden}
.category-head{padding:22px 24px;border-bottom:1px solid #261a31;background:linear-gradient(90deg,rgba(132,49,241,.12),transparent)}
.category-head h3{margin:0 0 6px;font-size:1.2rem}
.category-head p{margin:0;color:#aa9fb2;font-size:.86rem}
.pricing-list{display:grid;gap:0}
.price-row{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;padding:16px 24px;border-top:1px solid #211826}
.price-row:first-child{border-top:0}
.price-row strong{font-size:.94rem}
.price-row span{display:block;color:#a89cb0;font-size:.8rem;margin-top:2px}
.price-tag{font-weight:900;font-size:1rem;color:#fff;background:rgba(140,59,246,.14);border:1px solid rgba(140,59,246,.25);padding:9px 12px;border-radius:999px;white-space:nowrap}
.bundle-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.bundle-card{padding:24px;border:1px solid #31203f;border-radius:15px;background:linear-gradient(180deg,#0d0a12,#07060a);position:relative;overflow:hidden}
.bundle-card.popular{border-color:#9347f1;box-shadow:0 0 35px rgba(140,59,246,.18)}
.bundle-card.popular:before{content:"FEATURED";position:absolute;top:-10px;left:18px;background:#7c31d8;color:#fff;border-radius:18px;padding:4px 10px;font-size:.6rem;font-weight:800}
.bundle-card h3{margin:.1em 0 .2em;font-size:1.15rem}
.bundle-card .amount{font-size:1.7rem;margin:.3em 0 .35em}
.bundle-card p{color:#aa9fb1;font-size:.84rem;min-height:50px}
.bundle-card ul{padding-left:18px;color:#c0b6c8;font-size:.84rem}
.metric-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}
.metric{padding:18px;border:1px solid #2e2239;border-radius:14px;background:#0b0810;text-align:center}
.metric b{display:block;font-size:1.6rem;color:#fff}
.metric span{color:#aa9fb2;font-size:.8rem}
.compact-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.note-card{padding:18px;border:1px solid #2b1f35;border-radius:14px;background:#0b0810}
.note-card h4{margin:0 0 8px}
.note-card p{margin:0;color:#aa9fb2;font-size:.84rem}
.table-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}
.table-title h3{margin:0}
.table-title span{font-size:.82rem;color:#bca7d7}
@media(max-width:1100px){.bundle-grid{grid-template-columns:repeat(2,1fr)}.hero-cards{grid-template-columns:1fr}.metric-bar{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.category-grid,.bundle-grid,.hero-cards,.metric-bar,.compact-notes{grid-template-columns:1fr}.price-row{grid-template-columns:1fr}.price-tag{justify-self:start}}