
: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;min-height:44px;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}}

/* Public leadership: three human leaders, with NORA deliberately separate. */
.leadership-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.leadership-card{overflow:hidden;border:1px solid var(--xv-border,#352442);border-radius:20px;background:linear-gradient(145deg,rgba(18,20,34,.96),rgba(8,10,18,.98));box-shadow:inset 0 1px rgba(255,255,255,.04)}
.leadership-card img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;border-bottom:1px solid var(--xv-border,#352442)}
.leadership-card__body{display:flex;min-height:310px;padding:26px;flex-direction:column;align-items:flex-start}
.leadership-card__body h3{margin:14px 0 4px;font-size:clamp(1.35rem,2vw,1.8rem)}
.leadership-card__body>p:not(.leadership-role){color:var(--xv-muted,#b7aec2)}
.leadership-card__body .btn{margin-top:auto}
.leadership-role{margin:0 0 12px;color:var(--xv-cyan,#68dcff);font-weight:800}
.leadership-badge{display:inline-flex;padding:6px 9px;border:1px solid rgba(190,137,255,.38);border-radius:999px;background:rgba(157,92,255,.1);color:var(--xv-purple-light,#c697ff);font:800 .68rem/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em;text-transform:uppercase}
.leadership-badge--ai{border-color:rgba(104,220,255,.4);background:rgba(104,220,255,.08);color:var(--xv-cyan,#68dcff)}
.leadership-actions{margin-top:28px}
.nora-profile-art{width:min(100%,360px);height:auto;aspect-ratio:1/1;object-fit:cover;border:1px solid rgba(104,220,255,.34);border-radius:50%;box-shadow:0 0 50px rgba(127,64,226,.38)}
.nora--compact{align-items:center}
.contact-route-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.contact-route{display:flex;min-height:245px;padding:24px;flex-direction:column;align-items:flex-start;border:1px solid var(--xv-border,#352442);border-radius:16px;background:rgba(10,12,21,.88)}
.contact-route h3{margin:14px 0 7px}.contact-route p{color:var(--xv-muted,#b7aec2)}.contact-route .btn{width:100%;margin-top:auto}
.contact-route--leader{border-color:rgba(190,137,255,.3)}.contact-route--ai{border-color:rgba(104,220,255,.34);background:linear-gradient(145deg,rgba(23,17,43,.94),rgba(7,14,23,.96))}
.footer-leadership{display:grid;gap:5px;margin:15px 0 0;color:var(--xv-muted,#b7aec2);font-size:.78rem;line-height:1.5}
.footer-leadership strong{color:var(--xv-text,#f4eff8);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}.footer-leadership a{color:var(--xv-cyan,#68dcff);text-decoration:underline;text-underline-offset:3px}.footer-leadership span{color:var(--xv-purple-light,#c697ff)}
@media(max-width:1120px){.contact-route-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:860px){.leadership-grid{grid-template-columns:1fr}.leadership-card{display:grid;grid-template-columns:minmax(180px,.7fr) 1fr}.leadership-card__body{min-height:0}}
@media(max-width:620px){.leadership-card{display:block}.leadership-card__body{min-height:300px}.contact-route-grid{grid-template-columns:1fr}}

:root {
  color-scheme: dark;
  --xv-bg: #03040a;
  --xv-bg-elevated: #080a13;
  --xv-surface: rgba(13, 15, 27, .88);
  --xv-surface-strong: #101321;
  --xv-surface-soft: rgba(21, 18, 36, .72);
  --xv-border: rgba(177, 111, 255, .18);
  --xv-border-strong: rgba(177, 111, 255, .42);
  --xv-purple: #9d5cff;
  --xv-purple-light: #c69bff;
  --xv-cyan: #68dcff;
  --xv-green: #5ee0a3;
  --xv-amber: #f4c56a;
  --xv-text: #f7f5fb;
  --xv-muted: #b3afbf;
  --xv-subtle: #878492;
  --xv-shadow: 0 24px 80px rgba(0, 0, 0, .35);
  --xv-radius-sm: 10px;
  --xv-radius: 16px;
  --xv-radius-lg: 26px;
  --xv-max: 1320px;
}

html { scroll-padding-top: 96px; }
body {
  background:
    radial-gradient(circle at 82% -8%, rgba(126, 61, 217, .24), transparent 34rem),
    radial-gradient(circle at 7% 35%, rgba(40, 160, 210, .08), transparent 28rem),
    linear-gradient(180deg, var(--xv-bg), #070711 48%, #03040a);
  color: var(--xv-text);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-feature-settings: "ss01" 1, "cv11" 1;
}

body::after {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -2;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(151, 94, 226, .035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(151, 94, 226, .035) 1px, transparent 1px);
  background-size: 72px 72px;
  mask-image: linear-gradient(to bottom, #000 0, transparent 82%);
}

::selection { background: rgba(157, 92, 255, .42); color: #fff; }
.wrap { width: min(calc(100% - 48px), var(--xv-max)); }
.skip:focus { left: 16px; top: 16px; border-radius: 8px; outline: 3px solid var(--xv-cyan); }

a, button { -webkit-tap-highlight-color: transparent; }
a:focus-visible, button:focus-visible, summary:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible {
  outline: 3px solid var(--xv-cyan);
  outline-offset: 4px;
}

header {
  background: rgba(3, 4, 10, .82);
  border-color: var(--xv-border);
  box-shadow: 0 12px 40px rgba(0, 0, 0, .18);
}
.nav { height: 82px; gap: 26px; }
.brand { letter-spacing: .12em; }
.brand img { width: 44px; height: 44px; }
.brand span small { color: var(--xv-purple-light); }
.navlinks { gap: 8px; }
.navlinks a {
  padding: 10px 11px;
  border-radius: 9px;
  color: var(--xv-muted);
  transition: color .2s ease, background .2s ease;
}
.navlinks a:hover, .navlinks a.active, .navlinks a[aria-current="page"] {
  color: #fff;
  background: rgba(157, 92, 255, .1);
  text-shadow: none;
}
.menu {
  min-width: 46px;
  min-height: 46px;
  border: 1px solid var(--xv-border);
  border-radius: 11px;
  background: rgba(16, 19, 33, .86);
  font-size: .8rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.btn {
  min-height: 46px;
  padding: 12px 20px;
  border-radius: 11px;
  border-color: rgba(190, 137, 255, .58);
  background: linear-gradient(135deg, #9955f7, #6726c2 58%, #4c2396);
  box-shadow: 0 12px 32px rgba(110, 42, 202, .22), inset 0 1px rgba(255, 255, 255, .18);
  transition: transform .18s ease, filter .18s ease, border-color .18s ease, background .18s ease;
}
.btn:hover { transform: translateY(-2px); filter: brightness(1.1); }
.btn:active { transform: translateY(0); }
.btn.ghost { background: rgba(12, 14, 24, .78); border-color: var(--xv-border-strong); }
.btn[aria-disabled="true"], .btn:disabled { opacity: .55; cursor: not-allowed; transform: none; }

.kicker, .section-label {
  color: var(--xv-purple-light);
  letter-spacing: .19em;
}
h1, h2, h3, h4 { text-wrap: balance; }
h1 {
  font-size: clamp(3.25rem, 7vw, 6.8rem);
  line-height: .94;
  letter-spacing: -.055em;
}
h2 { letter-spacing: -.035em; }
h1 .accent, h2 .accent {
  color: transparent;
  background: linear-gradient(110deg, #f2e7ff, var(--xv-purple-light) 38%, var(--xv-cyan));
  background-clip: text;
  -webkit-background-clip: text;
  text-shadow: none;
}
.hero { min-height: 780px; grid-template-columns: minmax(0, 1.03fr) minmax(460px, .97fr); gap: 58px; }
.hero-copy { position: relative; z-index: 2; }
.hero-copy::before {
  content: "XORVANIQ // CANADA";
  display: block;
  width: max-content;
  margin-bottom: 18px;
  color: var(--xv-cyan);
  font: 700 .68rem/1.4 ui-monospace, SFMono-Regular, Consolas, monospace;
  letter-spacing: .16em;
}
.hero p { color: var(--xv-muted); font-size: clamp(1.02rem, 1.8vw, 1.2rem); }
.badges { gap: 10px; }
.badge {
  border-color: var(--xv-border);
  background: rgba(13, 15, 27, .72);
  color: #d9d5e1;
}

.server-scene {
  height: 590px;
  border-color: var(--xv-border-strong);
  border-radius: var(--xv-radius-lg);
  background:
    radial-gradient(circle at 77% 17%, rgba(104, 220, 255, .13), transparent 32%),
    radial-gradient(circle at 30% 34%, rgba(157, 92, 255, .28), transparent 40%),
    linear-gradient(145deg, #080a12, #141021 52%, #080a12);
  box-shadow: var(--xv-shadow), 0 0 70px rgba(126, 49, 220, .2), inset 0 1px rgba(255, 255, 255, .06);
}
.server-scene::before { background: linear-gradient(115deg, rgba(255,255,255,.025), transparent 28%, rgba(104,220,255,.04) 65%, transparent); }
.racks { inset: 10% 4% 5% 9%; gap: 10px; }
.rack { border-color: rgba(170, 117, 230, .26); border-radius: 6px; }
.unit { border-color: rgba(150, 132, 168, .18); }
.livecard {
  width: 300px;
  border-color: var(--xv-border-strong);
  background: rgba(7, 9, 16, .92);
  box-shadow: 0 18px 44px rgba(0,0,0,.3);
}
.livecard strong { color: var(--xv-purple-light); }
.statusline { align-items: center; gap: 14px; color: var(--xv-muted); }
.statusline b { color: var(--xv-text); font-weight: 800; white-space: nowrap; }
.statusline b::before { content: ""; display: inline-block; width: 7px; height: 7px; margin-right: 7px; border-radius: 50%; background: var(--xv-green); box-shadow: 0 0 11px rgba(94,224,163,.7); }
.statusline .state-info::before { background: var(--xv-cyan); box-shadow: 0 0 11px rgba(104,220,255,.65); }
.statusline .state-build::before { background: var(--xv-amber); box-shadow: 0 0 11px rgba(244,197,106,.55); }

section { padding: 98px 0; }
section:nth-of-type(even) { position: relative; }
section:nth-of-type(even)::before {
  content: "";
  position: absolute;
  inset: 18px 0;
  z-index: -1;
  border-block: 1px solid rgba(162, 105, 224, .07);
  background: linear-gradient(90deg, transparent, rgba(85, 45, 129, .06), transparent);
}
.sectionhead { max-width: 880px; margin-bottom: 48px; }
.sectionhead h2 { font-size: clamp(2.25rem, 4.5vw, 4rem); }
.sectionhead p { color: var(--xv-muted); font-size: 1.02rem; }

.grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.card, .panel, .price, .category-panel, .bundle-card, .metric, .note-card {
  border-color: var(--xv-border);
  background: linear-gradient(145deg, rgba(18, 20, 34, .93), rgba(8, 10, 18, .96));
  box-shadow: inset 0 1px rgba(255,255,255,.035);
}
.card {
  min-height: 222px;
  padding: 26px;
  border-radius: var(--xv-radius);
}
.card:hover { border-color: var(--xv-border-strong); box-shadow: 0 18px 50px rgba(0,0,0,.28); }
.card h3 { font-size: 1.08rem; }
.card p { color: var(--xv-muted); font-size: .9rem; }
.arrow { color: var(--xv-cyan); }

.service-icon {
  position: relative;
  z-index: 1;
  display: grid;
  place-items: center;
  width: 46px;
  height: 46px;
  margin-bottom: 20px;
  border: 1px solid rgba(157,92,255,.34);
  border-radius: 13px;
  background: linear-gradient(145deg, rgba(157,92,255,.2), rgba(104,220,255,.06));
  color: var(--xv-purple-light);
  font: 800 .78rem ui-monospace, SFMono-Regular, Consolas, monospace;
  box-shadow: inset 0 1px rgba(255,255,255,.08);
}
.service-icon::before { content: attr(data-code); }

.nora {
  border-color: var(--xv-border-strong);
  border-radius: var(--xv-radius-lg);
  background: linear-gradient(120deg, rgba(34,16,55,.95), rgba(10,12,21,.98) 52%, rgba(18,13,35,.96));
  box-shadow: var(--xv-shadow);
}
.nora-copy p, .panel p, .panel li { color: var(--xv-muted); }
.nora-orb { border-color: var(--xv-cyan); box-shadow: 0 0 56px rgba(127,64,226,.55), inset 0 0 44px rgba(68,197,245,.14); }
.nora-orb::before { color: #f5edff; }
.features { grid-template-columns: repeat(3, 1fr); gap: 18px; text-align: left; }
.feature {
  min-height: 172px;
  padding: 24px;
  border: 1px solid var(--xv-border);
  border-radius: var(--xv-radius);
  background: rgba(12,14,24,.75);
}
.feature b { font-size: 1.02rem; }
.feature span { color: var(--xv-muted); }

.ecosystem-shell {
  display: grid;
  grid-template-columns: 1fr 1.35fr;
  gap: 24px;
  align-items: stretch;
}
.ecosystem-intro, .ecosystem-map, .infra-band {
  border: 1px solid var(--xv-border);
  border-radius: var(--xv-radius-lg);
  background: var(--xv-surface);
  box-shadow: inset 0 1px rgba(255,255,255,.035);
}
.ecosystem-intro { padding: 38px; }
.ecosystem-intro h2 { margin: .2em 0; font-size: clamp(2.2rem, 4vw, 3.6rem); }
.ecosystem-intro p { color: var(--xv-muted); }
.ecosystem-map { padding: 28px; display: grid; gap: 16px; }
.ecosystem-core {
  justify-self: center;
  padding: 15px 28px;
  border: 1px solid var(--xv-border-strong);
  border-radius: 12px;
  background: linear-gradient(135deg, rgba(157,92,255,.28), rgba(104,220,255,.09));
  font-weight: 900;
  letter-spacing: .14em;
}
.ecosystem-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.ecosystem-node { position: relative; min-height: 108px; padding: 18px; border: 1px solid var(--xv-border); border-radius: 13px; background: rgba(7,9,16,.82); }
.ecosystem-node::before { content: ""; position: absolute; top: -17px; left: 50%; width: 1px; height: 17px; background: var(--xv-border-strong); }
.ecosystem-node b { display: block; margin-bottom: 6px; }
.ecosystem-node span { color: var(--xv-muted); font-size: .83rem; }
.ecosystem-products { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.ecosystem-product { padding: 15px; border: 1px solid rgba(104,220,255,.16); border-radius: 12px; color: var(--xv-muted); background: rgba(9,13,22,.72); }
.ecosystem-product b { color: var(--xv-text); }

.infra-band { padding: 34px; }
.infra-top { display: flex; justify-content: space-between; gap: 24px; align-items: end; margin-bottom: 26px; }
.infra-top h2 { margin: .2em 0 0; font-size: clamp(2.15rem, 4vw, 3.5rem); }
.infra-top p { max-width: 580px; margin: 0; color: var(--xv-muted); }
.infra-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
.infra-item { padding: 20px; border-top: 2px solid var(--xv-purple); background: rgba(8,10,18,.76); }
.infra-item small { display: block; margin-bottom: 9px; color: var(--xv-cyan); font: 700 .68rem ui-monospace, SFMono-Regular, Consolas, monospace; letter-spacing: .12em; }
.infra-item b { display: block; margin-bottom: 6px; }
.infra-item span { color: var(--xv-muted); font-size: .84rem; }

.subhero { padding: 116px 0 70px; }
.subhero .wrap { position: relative; }
.subhero .wrap::after { content: "// XORVANIQ"; position: absolute; right: 0; bottom: 8px; color: rgba(198,155,255,.16); font: 800 clamp(2rem,6vw,5rem) ui-monospace, Consolas, monospace; letter-spacing: -.08em; pointer-events: none; }
.subhero h1 { max-width: 1050px; font-size: clamp(3rem, 6vw, 5.8rem); }
.subhero p { color: var(--xv-muted); font-size: 1.06rem; }
.twocol { gap: 24px; }
.panel { border-radius: var(--xv-radius); padding: 32px; }
.panel a:not(.btn) { color: var(--xv-cyan); text-decoration: underline; text-underline-offset: 3px; }
.notice { border-left-color: var(--xv-purple); background: rgba(157,92,255,.08); }
details { border-color: var(--xv-border); background: rgba(10,12,20,.82); }

.price, .bundle-card, .category-panel { border-radius: var(--xv-radius); }
.price.popular, .bundle-card.popular { border-color: var(--xv-border-strong); }
.price-tag { border-radius: 9px; background: rgba(157,92,255,.12); }
.metric { text-align: left; border-radius: 13px; }
.metric b { color: var(--xv-purple-light); }

.availability-list { display: grid; gap: 12px; }
.availability-row { display: grid; grid-template-columns: 1fr auto; gap: 20px; align-items: center; padding: 17px 18px; border: 1px solid var(--xv-border); border-radius: 12px; background: rgba(8,10,18,.72); }
.availability-row b { display: block; }
.availability-row span { color: var(--xv-muted); font-size: .84rem; }
.state-chip { display: inline-flex; align-items: center; min-height: 30px; padding: 5px 10px; border-radius: 8px; font-size: .72rem; font-weight: 900; letter-spacing: .05em; background: rgba(104,220,255,.1); color: var(--xv-cyan); border: 1px solid rgba(104,220,255,.22); }
.state-chip.build { color: var(--xv-amber); border-color: rgba(244,197,106,.26); background: rgba(244,197,106,.08); }

footer { border-color: var(--xv-border); background: #05060b; padding-top: 64px; }
.footergrid { grid-template-columns: 1.5fr repeat(3, 1fr); gap: 42px; }
.footlinks h4 { color: var(--xv-text); }
.footlinks a { color: var(--xv-muted); min-height: 28px; }
.footlinks a:hover { color: var(--xv-cyan); }
.socials a { border-radius: 9px; font-size: .72rem; font-weight: 900; }
.copyright { border-color: var(--xv-border); color: var(--xv-subtle); }
.public-contact { margin: 12px 0 0; color: var(--xv-muted); font-size: .84rem; }
.public-contact strong { display: block; color: var(--xv-text); font-size: .76rem; letter-spacing: .06em; text-transform: uppercase; }
.public-phone { color: var(--xv-cyan) !important; text-decoration: underline; text-underline-offset: 3px; white-space: nowrap; }

[data-reveal] { opacity: 1; transform: none; }

@media (max-width: 1120px) {
  .hero { grid-template-columns: 1fr; min-height: auto; }
  .server-scene { max-width: 800px; width: 100%; margin-inline: auto; }
  .ecosystem-shell { grid-template-columns: 1fr; }
  .infra-grid { grid-template-columns: repeat(2, 1fr); }
  .footergrid { grid-template-columns: 1.4fr repeat(2, 1fr); }
}

@media (max-width: 1050px) {
  .navlinks { display: none; }
  .menu { display: inline-grid; place-items: center; margin-left: auto; }
  .nav.open .navlinks {
    display: flex;
    top: 82px;
    padding: 18px 24px 24px;
    gap: 4px;
    border-color: var(--xv-border);
    background: rgba(5,7,13,.98);
    box-shadow: 0 24px 50px rgba(0,0,0,.42);
  }
  .nav.open .navlinks a { width: 100%; min-height: 44px; display: flex; align-items: center; }
}

@media (max-width: 760px) {
  .wrap { width: min(calc(100% - 28px), var(--xv-max)); }
  .nav { height: 72px; }
  .brand img { width: 38px; height: 38px; }
  .nav.open .navlinks { top: 72px; }
  h1 { font-size: clamp(2.85rem, 15vw, 4.5rem); }
  section { padding: 76px 0; }
  .hero { padding: 58px 0 52px; gap: 38px; }
  .hero-copy::before { margin-bottom: 12px; }
  .server-scene { height: 390px; }
  .livecard { width: 218px; right: 13px; top: 13px; }
  .grid, .pricing-grid, .twocol, .nora, .footergrid, .ecosystem-grid, .ecosystem-products, .infra-grid { grid-template-columns: 1fr; }
  .features { grid-template-columns: 1fr; }
  .card { min-height: 190px; }
  .nora-copy, .ecosystem-intro, .ecosystem-map, .infra-band, .panel { padding: 25px; }
  .ecosystem-node::before { display: none; }
  .infra-top { display: block; }
  .infra-top p { margin-top: 14px; }
  .subhero { padding-top: 88px; }
  .subhero .wrap::after { display: none; }
  .availability-row { grid-template-columns: 1fr; }
  .state-chip { justify-self: start; }
}

@media (max-width: 420px) {
  .wrap { width: min(calc(100% - 22px), var(--xv-max)); }
  .hero-copy { min-width: 0; }
  .hero-copy::before { width: auto; max-width: 100%; overflow: hidden; }
  .hero-copy h1 { font-size: clamp(2.65rem, 14vw, 3.6rem); overflow-wrap: anywhere; }
  .brand { font-size: .85rem; }
  .nav > .btn { display: none; }
  .actions .btn { width: 100%; }
  .server-scene { height: 330px; }
  .racks { inset: 13% 2% 4% 3%; }
  .livecard { width: 205px; padding: 13px; }
  .footergrid { gap: 28px; }
}

@media (prefers-reduced-motion: reduce) {
  [data-reveal] { opacity: 1; transform: none; }
}

@media print {
  header, footer, #circuitCanvas, .noise, .server-scene, .actions { display: none !important; }
  body { background: #fff; color: #111; }
  a { color: #111; text-decoration: underline; }
  section { padding: 24px 0; }
}

.product-status{display:inline-flex;flex-direction:column;align-items:flex-start;gap:.28rem;padding:.72rem .9rem;border:1px solid rgba(188,144,255,.32);border-radius:12px;background:rgba(15,10,27,.82);box-shadow:0 10px 28px rgba(0,0,0,.18);line-height:1.2}
.product-status__label{font-size:.76rem;font-weight:900;letter-spacing:.11em}
.product-status__note{font-size:.78rem;color:#c9bfd7}
.product-status--available{border-color:rgba(68,224,170,.38);background:rgba(20,87,67,.2)}
.product-status--available .product-status__label{color:#75efbd}
.product-status--limited{border-color:rgba(255,190,92,.42);background:rgba(107,70,15,.2)}
.product-status--limited .product-status__label{color:#ffd07e}
.product-status--coming{border-color:rgba(188,144,255,.38);background:rgba(85,45,139,.2)}
.product-status--coming .product-status__label{color:#d7b5ff}
.product-status--private-beta{border-color:rgba(98,226,255,.42);background:rgba(22,84,103,.22)}
.product-status--private-beta .product-status__label{color:#8aebff}
.product-status--testing{border-color:rgba(255,209,102,.44);background:rgba(108,75,17,.22)}
.product-status--testing .product-status__label{color:#ffdc87}
.product-status--development{border-color:rgba(188,144,255,.42);background:rgba(85,45,139,.2)}
.product-status--development .product-status__label{color:#d7b5ff}
.product-status--planned{border-color:rgba(148,163,184,.38);background:rgba(44,52,67,.28)}
.product-status--planned .product-status__label{color:#cbd5e1}
.product-status--not-public{border-color:rgba(255,93,122,.36);background:rgba(91,29,44,.2)}
.product-status--not-public .product-status__label{color:#ff9caf}
.card .product-status,.bundle-card .product-status,.price .product-status,.availability-row .product-status{margin-top:.9rem}

/* XORVANIQ Seasonal Engine presentation layer.
   Decorations are additive and never replace maintenance/error information. */
.xv-launch-ribbon,
.xv-promo-card {
  width: min(calc(100% - 48px), var(--xv-max, 1320px));
  margin: 22px auto 0;
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(177,111,255,.34);
  border-radius: 16px;
  background: linear-gradient(110deg, rgba(31,16,55,.92), rgba(8,10,20,.96) 58%, rgba(19,12,38,.94));
  box-shadow: 0 18px 52px rgba(0,0,0,.24), inset 0 1px rgba(255,255,255,.06);
}
.xv-launch-ribbon {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 22px;
  align-items: center;
  padding: 16px 20px;
}
.xv-launch-ribbon::after,
.xv-promo-card::after {
  content: "";
  position: absolute;
  width: 190px;
  height: 190px;
  right: -88px;
  top: -120px;
  border: 1px solid rgba(168,85,247,.24);
  border-radius: 50%;
  box-shadow: 0 0 0 18px rgba(168,85,247,.04), 0 0 0 36px rgba(168,85,247,.025);
  pointer-events: none;
}
.xv-launch-ribbon__eyebrow,
.xv-promo-card__eyebrow {
  display: block;
  margin-bottom: 4px;
  color: #c69bff;
  font: 800 .68rem/1.3 ui-monospace, SFMono-Regular, Consolas, monospace;
  letter-spacing: .16em;
  text-transform: uppercase;
}
.xv-launch-ribbon strong,
.xv-promo-card strong { display: block; font-size: 1.02rem; letter-spacing: -.01em; }
.xv-launch-ribbon__sub,
.xv-promo-card__sub { display: block; margin-top: 3px; color: #b3afbf; font-size: .83rem; }
.xv-launch-ribbon__clock {
  min-width: 184px;
  padding: 11px 14px;
  border: 1px solid rgba(177,111,255,.28);
  border-radius: 11px;
  background: rgba(3,4,10,.5);
  text-align: center;
}
.xv-launch-ribbon__timer {
  display: block;
  color: #f0e5ff;
  font: 800 1.12rem/1.15 ui-monospace, SFMono-Regular, Consolas, monospace;
  letter-spacing: .05em;
}
.xv-launch-ribbon__zone { display: block; margin-top: 4px; color: #878492; font-size: .68rem; letter-spacing: .1em; text-transform: uppercase; }
.xv-launch-ribbon[data-launch-state="live"] { border-color: rgba(94,224,163,.45); }
.xv-launch-ribbon[data-launch-state="live"] .xv-launch-ribbon__timer { color: #78f0b5; }
.xv-launch-ribbon[data-launch-state="live"] .xv-launch-ribbon__eyebrow { color: #78f0b5; }
.xv-promo-card { display: grid; grid-template-columns: 1fr auto; gap: 18px; align-items: center; padding: 18px 20px; }
.xv-promo-card__status { justify-self: end; color: #f6d58b; font: 800 .7rem/1.2 ui-monospace, SFMono-Regular, Consolas, monospace; letter-spacing: .08em; text-transform: uppercase; }
.xv-promo-card code { color: #f3d5ff; font: 800 .86rem ui-monospace, SFMono-Regular, Consolas, monospace; }
body[data-xv-season="HALLOWEEN"] .xv-launch-ribbon,
body[data-xv-season="HALLOWEEN"] .xv-promo-card { border-color: rgba(168,85,247,.58); background: linear-gradient(110deg, rgba(44,17,67,.94), rgba(9,8,22,.97) 60%, rgba(61,27,17,.38)); }
body[data-xv-season="HALLOWEEN"] .xv-launch-ribbon::before,
body[data-xv-season="HALLOWEEN"] .xv-promo-card::before { content: "✦  ·  ◌  ·  ✦"; position: absolute; right: 24px; bottom: 7px; color: rgba(246,189,96,.56); font-size: .8rem; letter-spacing: .55em; pointer-events: none; }
body[data-xv-season="VALENTINES"] .xv-launch-ribbon,
body[data-xv-season="VALENTINES"] .xv-promo-card { border-color: rgba(255,118,185,.42); }
body[data-xv-season="CANADA_DAY"] .xv-launch-ribbon,
body[data-xv-season="CANADA_DAY"] .xv-promo-card { border-color: rgba(251,113,133,.38); }
body[data-xv-season="CHRISTMAS"] .xv-launch-ribbon,
body[data-xv-season="CHRISTMAS"] .xv-promo-card,
body[data-xv-season="NEW_YEAR"] .xv-launch-ribbon,
body[data-xv-season="NEW_YEAR"] .xv-promo-card { border-color: rgba(104,220,255,.32); }
body[data-xv-critical="true"] .xv-promo-card { display: none; }
body[data-xv-critical="true"] .xv-launch-ribbon { margin-top: 0; }
@media (max-width: 640px) {
  .xv-launch-ribbon, .xv-promo-card { width: min(calc(100% - 28px), var(--xv-max, 1320px)); }
  .xv-launch-ribbon::after, .xv-promo-card::after { display: none; }
  .xv-launch-ribbon { grid-template-columns: 1fr; gap: 12px; padding: 14px 15px; }
  .xv-launch-ribbon__clock { min-width: 0; width: 100%; }
  .xv-promo-card { grid-template-columns: 1fr; gap: 9px; padding: 15px; }
  .xv-promo-card__status { justify-self: start; }
}
@media (prefers-reduced-motion: reduce) {
  .xv-launch-ribbon::after, .xv-promo-card::after { display: none; }
}

/* XORVANIQ public experience system — 2026-09-01 */
:root{
  --x-bg:#07050d;--x-surface:#100b18;--x-surface-2:#171020;--x-surface-3:#20152c;
  --x-text:#f8f5fb;--x-muted:#c3b9cc;--x-subtle:#968ba2;--x-border:#372943;
  --x-purple:#b86cff;--x-purple-strong:#9b42ef;--x-cyan:#68dcff;--x-green:#7ce5a8;
  --x-amber:#ffd27a;--x-red:#ff8c9b;--x-radius:18px;--x-radius-sm:12px;
  --x-shadow:0 18px 55px rgba(0,0,0,.32);--x-max:1180px;
  --x-space-1:.5rem;--x-space-2:.75rem;--x-space-3:1rem;--x-space-4:1.5rem;--x-space-5:2rem;--x-space-6:3rem;
}
html{color-scheme:dark;scroll-padding-top:92px}
body{background:radial-gradient(circle at 75% 0,rgba(142,62,220,.13),transparent 34rem),var(--x-bg);color:var(--x-text);font-size:clamp(1rem,.97rem + .12vw,1.075rem);line-height:1.65}
.wrap{width:min(calc(100% - 2rem),var(--x-max));margin-inline:auto}
header{background:rgba(7,5,13,.88);border-bottom:1px solid rgba(184,108,255,.16);backdrop-filter:blur(18px)}
.nav{min-height:76px}.navlinks{gap:clamp(.25rem,.7vw,.8rem)}.navlinks a{padding:.68rem .7rem;border-radius:9px}
.navlinks a:hover,.navlinks a:focus-visible{background:rgba(184,108,255,.11);color:#fff}.navlinks a.active,.navlinks a[aria-current=page]{color:var(--x-cyan)}
:where(a,button,input,textarea,select):focus-visible{outline:3px solid var(--x-cyan)!important;outline-offset:3px!important}
.skip:focus{z-index:9999;padding:.75rem 1rem;background:#fff;color:#140c1d;border-radius:0 0 10px 10px}
main section{padding-block:clamp(3.25rem,7vw,6.25rem)}
.hero{min-height:640px;padding-block:clamp(3.5rem,7vw,5rem)}
main section+section{border-top:1px solid rgba(184,108,255,.1)}
.subhero{padding-block:clamp(3.5rem,7vw,6rem);background:linear-gradient(145deg,rgba(184,108,255,.1),transparent 55%)}
.subhero .wrap{max-width:960px;margin-inline:auto}.subhero p{max-width:72ch;color:var(--x-muted);font-size:clamp(1.05rem,1rem + .25vw,1.25rem)}
h1,h2,h3{letter-spacing:-.025em;line-height:1.12;text-wrap:balance}h1{font-size:clamp(2.5rem,6vw,5.25rem)}h2{font-size:clamp(2rem,4vw,3.45rem)}h3{font-size:clamp(1.2rem,2vw,1.55rem)}
p{max-width:72ch}.kicker{text-transform:uppercase;letter-spacing:.16em;color:var(--x-cyan);font-weight:800;font-size:.75rem}.accent{background:linear-gradient(90deg,var(--x-purple),var(--x-cyan));-webkit-background-clip:text;background-clip:text;color:transparent}
.btn{min-height:46px;border-radius:12px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.72rem 1.15rem;background:linear-gradient(110deg,var(--x-purple-strong),#6d35c9);box-shadow:0 8px 22px rgba(136,55,220,.22)}
.btn:hover{transform:translateY(-1px);filter:brightness(1.08)}.btn.ghost{background:rgba(255,255,255,.025);border:1px solid #574166;box-shadow:none}.btn[aria-disabled=true],.btn:disabled{opacity:.58;cursor:not-allowed;transform:none}
.panel,.card,.contact-route,.availability-row,.catalogue-card,.leadership-card{background:linear-gradient(145deg,rgba(25,17,34,.96),rgba(13,9,19,.98));border:1px solid var(--x-border);border-radius:var(--x-radius);box-shadow:0 1px 0 rgba(255,255,255,.03)}
.card:hover,.contact-route:hover,.catalogue-card:hover{border-color:rgba(184,108,255,.55);box-shadow:var(--x-shadow)}
.sectionhead{max-width:780px;margin-bottom:clamp(1.6rem,4vw,3rem)}
.trust-strip{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1.25rem}.trust-strip span{padding:.45rem .72rem;background:rgba(104,220,255,.07);border:1px solid rgba(104,220,255,.22);border-radius:999px;color:#dff9ff;font-size:.82rem;font-weight:700}
.catalogue-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1.4rem}.catalogue-toolbar p{margin:0;color:var(--x-muted)}
.catalogue-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.catalogue-grid--wide{grid-template-columns:repeat(4,minmax(0,1fr))}
.catalogue-card{padding:1.35rem;display:flex;flex-direction:column;gap:.8rem;min-width:0}.catalogue-card h3,.catalogue-card p{margin:0}.catalogue-card__top{display:flex;justify-content:space-between;gap:.65rem;align-items:flex-start}.catalogue-card__price{font-size:clamp(1.8rem,3vw,2.45rem);line-height:1;font-weight:900}.catalogue-card__price small{font-size:.72rem;color:var(--x-muted);font-weight:600}.catalogue-card__meta{color:var(--x-muted);font-size:.83rem}.catalogue-card ul{padding-left:1.1rem;margin:.1rem 0;color:var(--x-muted);font-size:.91rem}.catalogue-card__action{margin-top:auto;padding-top:.35rem}
.status-badge{display:inline-flex;align-items:center;gap:.38rem;width:max-content;max-width:100%;padding:.36rem .57rem;border-radius:999px;border:1px solid;font-size:.68rem;letter-spacing:.07em;font-weight:900;text-transform:uppercase;white-space:nowrap}.status-badge::before{content:"";width:.48rem;height:.48rem;border-radius:50%;background:currentColor}.status-badge--public-preview{color:var(--x-cyan);background:rgba(104,220,255,.07)}.status-badge--private-beta{color:#d8a7ff;background:rgba(184,108,255,.08)}.status-badge--planned,.status-badge--waiting-provider{color:var(--x-amber);background:rgba(255,210,122,.07)}.status-badge--internal-only,.status-badge--retired{color:var(--x-subtle);background:rgba(180,170,190,.06)}.status-badge--paused-capacity{color:var(--x-red);background:rgba(255,140,155,.06)}.status-badge--orderable{color:var(--x-green);background:rgba(124,229,168,.07)}
.release-notice{display:grid;grid-template-columns:auto 1fr;gap:.85rem;padding:1rem 1.15rem;border:1px solid rgba(255,210,122,.3);border-radius:var(--x-radius-sm);background:rgba(255,210,122,.06);color:#fff1d3}.release-notice strong{color:var(--x-amber)}
.facts-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.fact{padding:1.1rem;border-left:2px solid var(--x-purple);background:rgba(255,255,255,.025);border-radius:0 12px 12px 0}.fact b{display:block;color:#fff}.fact span{color:var(--x-muted);font-size:.88rem}
.leadership-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.leadership-card{overflow:hidden}.leadership-card img{width:100%;aspect-ratio:4/3;object-fit:cover;object-position:center 20%}.leadership-card__body{padding:1.25rem}.leadership-card h3{margin:.55rem 0 .25rem}.leadership-role{color:var(--x-cyan);font-weight:800}.leadership-badge{font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;font-weight:900;color:#d9aeff}
.contact-route-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.contact-route{padding:1.25rem}.contact-route p{color:var(--x-muted)}
.availability-list{display:grid;gap:.75rem}.availability-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem;padding:1rem 1.15rem}.availability-row>span>span{display:block;color:var(--x-muted);font-size:.9rem;margin-top:.15rem}
.nora-shell{display:grid;grid-template-columns:minmax(240px,35%) minmax(0,65%);gap:1rem;align-items:stretch}.nora-identity{padding:clamp(1.4rem,3vw,2.2rem);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;text-align:left}.nora-identity .nora-orb{width:clamp(120px,14vw,180px);height:clamp(120px,14vw,180px);margin:0 0 1.5rem}.nora-identity p{color:var(--x-muted)}
.nora-chat-panel{min-width:0;display:flex;flex-direction:column;border:1px solid var(--x-border);border-radius:var(--x-radius);background:#0d0913;overflow:hidden;box-shadow:var(--x-shadow)}
.nora-live-chat{border:0!important;border-radius:0!important;background:transparent!important;min-height:600px;display:flex;flex-direction:column}.nora-live-chat__messages{height:auto!important;min-height:360px;max-height:58vh;flex:1;scrollbar-width:thin;scrollbar-color:#74499a #130c1b}.nora-live-chat__form{position:sticky;bottom:0;background:#0d0913;border-top:1px solid var(--x-border);z-index:2}.nora-live-chat__message{max-width:min(82%,680px)!important}
.health-line{display:flex;align-items:center;gap:.55rem;color:var(--x-muted);font-size:.84rem}.health-line__dot{width:.6rem;height:.6rem;border-radius:50%;background:var(--x-subtle)}.health-line[data-state=operational] .health-line__dot{background:var(--x-green);box-shadow:0 0 12px rgba(124,229,168,.5)}.health-line[data-state=degraded] .health-line__dot{background:var(--x-amber)}.health-line[data-state=unavailable] .health-line__dot{background:var(--x-red)}
footer{border-top:1px solid var(--x-border);background:#09060e}.footergrid{gap:clamp(1.5rem,4vw,3.5rem)}.footlinks a{min-height:36px;display:flex;align-items:center}
.public-phone{display:inline-flex;align-items:center;min-height:24px}
@media(max-width:1000px){.catalogue-grid,.catalogue-grid--wide{grid-template-columns:repeat(2,minmax(0,1fr))}.leadership-grid,.contact-route-grid,.facts-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.nora-shell{grid-template-columns:1fr}.nora-identity{display:grid;grid-template-columns:auto 1fr;column-gap:1.5rem}.nora-identity .nora-orb{grid-row:1/4;margin:0}}
@media(max-width:700px){.wrap{width:min(calc(100% - 1.25rem),var(--x-max))}.catalogue-grid,.catalogue-grid--wide,.leadership-grid,.contact-route-grid,.facts-grid{grid-template-columns:1fr}.availability-row{grid-template-columns:1fr;align-items:start}.nora-identity{display:flex}.nora-live-chat{min-height:540px}.nora-live-chat__message{max-width:92%!important}.subhero{padding-block:3.25rem}main section{padding-block:3.5rem}}
@media(max-width:380px){.wrap{width:min(calc(100% - 1rem),var(--x-max))}.catalogue-card,.contact-route,.panel{padding:1rem}.status-badge{white-space:normal}.nora-live-chat__composer{grid-template-columns:1fr!important}.nora-live-chat__composer .btn{width:100%}}
@media(min-width:1800px){:root{--x-max:1320px}.catalogue-grid--wide{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
@media(forced-colors:active){.status-badge,.panel,.card,.catalogue-card{border:1px solid CanvasText}.accent{color:LinkText;background:none}}

/* Hard-correction status axes and practical 44px interactive targets. */
.status-badge--available{color:var(--x-green);background:rgba(124,229,168,.07)}
.status-badge--testing,.status-badge--planned{color:var(--x-amber);background:rgba(255,210,122,.07)}
.status-badge--private-beta,.status-badge--development{color:#d8a7ff;background:rgba(184,108,255,.08)}
.status-badge--not-public{color:var(--x-subtle);background:rgba(180,170,190,.06)}
.status-axes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem;margin:.15rem 0 0}
.status-axes div{min-width:0;padding:.5rem .58rem;border:1px solid rgba(184,108,255,.18);border-radius:10px;background:rgba(255,255,255,.022)}
.status-axes dt{color:var(--x-subtle);font-size:.61rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase}
.status-axes dd{margin:0;color:var(--x-text);font-size:.75rem;font-weight:800;overflow-wrap:anywhere}
.catalogue-card__price--text{font-size:1.15rem;line-height:1.25}
.availability-row>div{min-width:min(100%,330px)}.availability-row .status-axes{margin-top:.55rem}
.service-card{display:flex;min-height:290px;flex-direction:column}.service-card .status-axes{margin:.4rem 0}.service-card p{margin-top:auto}
.footlinks a,.public-phone,.navlinks a,.menu{min-height:44px}
.public-phone,.navlinks a{display:inline-flex;align-items:center}
.socials a{width:44px!important;height:44px!important;min-width:44px}
.release-notice a,.notice a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:700px){.status-axes{grid-template-columns:1fr}}

/* Shared accessibility and layout refinements. Product accents remain local. */
:root{--xv-bg:#0c0914;--xv-surface:#181124;--xv-text:#f5f0ff;--xv-muted:#c5bbd4;--xv-accent:#ccafff;--xv-radius:18px;--xv-space:24px}
body{font-size:17px;line-height:1.65;background:var(--xv-bg);color:var(--xv-text)}
h1{font-size:clamp(2.3rem,6vw,4.9rem);line-height:1.09;letter-spacing:-.04em;overflow-wrap:normal}h2{font-size:clamp(1.7rem,3.5vw,2.7rem);line-height:1.2}h3{line-height:1.3}
.subhero{padding:76px 0 44px}.subhero p{max-width:70ch}.wrap{width:min(1180px,calc(100% - 40px))}
.nav{gap:16px}.navlinks{gap:16px}.navlinks a{font-size:14px;min-height:44px;display:inline-flex;align-items:center}.nav>.btn{display:none}
.panel,.catalogue-card{border-radius:var(--xv-radius);border:1px solid #4c3b61;background:var(--xv-surface)}.catalogue-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr))}.catalogue-card{display:flex;flex-direction:column;gap:12px}.catalogue-card>.btn{align-self:flex-start;margin-top:auto}
.eyebrow,.kicker{color:var(--xv-accent);font-size:.85rem;letter-spacing:.1em}.catalogue-card__meta,.status-axes dt,.footer p{color:var(--xv-muted)}
.btn,button,input,select{min-height:44px}.btn{white-space:normal;text-align:center}.btn.ghost{color:#eadbff;border-color:#a181c3}a{overflow-wrap:anywhere}.actions{gap:12px;flex-wrap:wrap}.actions>.btn{margin:0 6px 8px 0}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #ffe498;outline-offset:4px}
input[type=search]{width:min(100%,640px);padding:13px 16px;background:var(--xv-surface);color:var(--xv-text);border:1px solid #a181c3;border-radius:10px;font:inherit;display:block;margin-top:8px}
[hidden]{display:none!important}.xv-launch-ribbon{max-width:1180px;width:calc(100% - 40px);margin:20px auto 0;padding:16px 20px;border-radius:12px;background:#21162d;box-shadow:none}.xv-launch-ribbon__sub{font-size:.92rem;color:#d1c6dd}.xv-launch-ribbon__eyebrow{font-size:.78rem}
.routing-diagram{margin:0;padding:24px;border:1px solid #76618e;border-radius:12px;overflow-wrap:anywhere}.routing-diagram>div{padding:14px 0;font-weight:700}.routing-diagram figcaption{font-size:1rem;color:var(--xv-muted)}
.status-axes{gap:10px;flex-wrap:wrap}.status-axes dd{font-size:.95rem}.catalogue-card__price{overflow-wrap:anywhere}.catalogue-card__price small{font-size:.85rem}.availability-row{gap:20px;min-width:0}.availability-row>span{min-width:0}
.noise,#circuitCanvas{display:none}.subhero .accent{color:#d4b6ff;text-shadow:none}section{scroll-margin-top:96px}.footer a{display:inline-block;min-height:30px}.footergrid{gap:26px}
@media(max-width:1100px){.nav{flex-wrap:wrap}.menu{display:block}.navlinks{display:none;width:100%;flex-wrap:wrap}.nav.open .navlinks{display:flex}.nav .brand{margin-right:auto}}
@media(max-width:600px){h1{overflow-wrap:anywhere}.wrap{width:calc(100% - 32px)}.subhero{padding:42px 0 24px}.catalogue-card{padding:22px}.availability-row{display:flex;flex-direction:column;align-items:stretch}.status-axes{display:grid;grid-template-columns:1fr}.xv-launch-ribbon{width:calc(100% - 32px)}.navlinks a{min-width:42%;font-size:16px}.footergrid{grid-template-columns:1fr}.sectionhead{display:block}.btn{max-width:100%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
