/* ============================================================================
   AI STANDARDS — "Sovereign" ultra-premium sales experience
   Signature palette: liquid aurora (mint → cyan → indigo) on obsidian,
   gold reserved for energy metrics. Glassmorphism + grain + kinetic type.
   ============================================================================ */

:root {
  /* Obsidian base */
  --ink-0: #04060a;
  --ink-1: #070a11;
  --ink-2: #0b0f18;
  --ink-3: #111725;
  --ink-4: #18202f;
  --line:  #1b2434;
  --line-2:#243247;

  /* Text */
  --t-0: #f4f8ff;
  --t-1: #d6deec;
  --t-2: #93a1b9;
  --t-3: #5f6d84;

  /* Signature aurora */
  --mint:   #35f5c5;
  --cyan:   #22d3ee;
  --indigo: #6b7bff;
  --violet: #a468ff;
  --gold:   #ffc24b;   /* energy / warning only */
  --red:    #ff5d6c;
  --green:  #35f5c5;

  --accent: var(--mint);
  --accent-2: var(--cyan);
  --glow: rgba(53,245,197,0.16);
  --grad: linear-gradient(105deg, var(--mint) 0%, var(--cyan) 42%, var(--indigo) 100%);
  --grad-soft: linear-gradient(135deg, rgba(53,245,197,0.14), rgba(107,123,255,0.10));

  /* Glass */
  --glass: rgba(255,255,255,0.03);
  --glass-2: rgba(255,255,255,0.05);
  --glass-brd: rgba(255,255,255,0.08);

  --r: 14px;
  --r-lg: 22px;
  --r-xl: 30px;
  --shadow: 0 30px 80px -30px rgba(0,0,0,0.8);
  --shadow-glow: 0 0 0 1px rgba(53,245,197,0.15), 0 24px 60px -24px rgba(53,245,197,0.25);
  --maxw: 1180px;
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
}

/* Light theme (toggle) — kept elegant, not sterile */
html[data-theme="light"] {
  --ink-0: #f6f8fc;
  --ink-1: #eef2f8;
  --ink-2: #e7edf6;
  --ink-3: #ffffff;
  --ink-4: #ffffff;
  --line:  #dbe3ef;
  --line-2:#c7d3e4;
  --t-0: #0a1120;
  --t-1: #1d2637;
  --t-2: #4a566b;
  --t-3: #7c889c;
  --glass: rgba(10,20,40,0.02);
  --glass-2: rgba(10,20,40,0.04);
  --glass-brd: rgba(10,20,40,0.09);
  --accent: #08b98a;
  --mint: #08b98a;
  --glow: rgba(8,185,138,0.12);
  --shadow: 0 30px 70px -34px rgba(20,40,80,0.35);
}

*,*::before,*::after { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; -webkit-text-size-adjust:100%; }
body {
  font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;
  background:var(--ink-0);
  color:var(--t-1);
  line-height:1.65;
  font-size:16px;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
  cursor:none;
}
@media (max-width:900px){ body{ cursor:auto; } }
.mono { font-family:'JetBrains Mono',ui-monospace,monospace; }
a { color:inherit; text-decoration:none; }
img { max-width:100%; display:block; }
::selection { background:rgba(53,245,197,0.28); color:#fff; }

/* ---------- Ambient background layers ---------- */
#bg-canvas { position:fixed; inset:0; z-index:0; pointer-events:none; opacity:0.85; filter:blur(5px); }
.aurora { position:fixed; inset:0; z-index:0; pointer-events:none; overflow:hidden; transition:transform .8s var(--ease); will-change:transform; }
.aurora span {
  position:absolute; border-radius:50%; filter:blur(110px); opacity:0.4;
  mix-blend-mode:screen; will-change:transform;
}
.aurora .a1 { width:54vw; height:54vw; left:-15vw; top:-18vw; background:radial-gradient(circle,rgba(53,245,197,0.5),transparent 64%); animation:float1 26s ease-in-out infinite; }
.aurora .a2 { width:48vw; height:48vw; right:-14vw; top:4vw; background:radial-gradient(circle,rgba(107,123,255,0.46),transparent 64%); animation:float2 32s ease-in-out infinite; }
.aurora .a3 { width:42vw; height:42vw; left:22vw; bottom:-20vw; background:radial-gradient(circle,rgba(34,211,238,0.38),transparent 62%); animation:float3 38s ease-in-out infinite; }
.aurora::after { content:''; position:absolute; inset:0; background:radial-gradient(ellipse 90% 80% at 50% 38%, transparent 52%, rgba(2,4,8,0.62) 100%); }
html[data-theme="light"] .aurora span { opacity:0.3; }
html[data-theme="light"] .aurora::after { background:radial-gradient(ellipse 90% 80% at 50% 38%, transparent 60%, rgba(255,255,255,0.4) 100%); }
html[data-theme="light"] #bg-canvas { opacity:0.5; }
@keyframes float1 { 0%,100%{transform:translate(0,0) scale(1)} 33%{transform:translate(6vw,4vw) scale(1.08)} 66%{transform:translate(3vw,7vw) scale(1.04)} }
@keyframes float2 { 0%,100%{transform:translate(0,0) scale(1)} 33%{transform:translate(-5vw,3vw) scale(1.1)} 66%{transform:translate(-3vw,6vw) scale(1.05)} }
@keyframes float3 { 0%,100%{transform:translate(0,0) scale(1)} 50%{transform:translate(4vw,-5vw) scale(1.08)} }
.grain { position:fixed; inset:0; z-index:1; pointer-events:none; opacity:0.05;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"); }

/* ---------- Custom cursor ---------- */
.cursor-dot,.cursor-ring { position:fixed; top:0; left:0; z-index:9999; pointer-events:none; border-radius:50%; transform:translate(-50%,-50%); }
.cursor-dot { width:6px; height:6px; background:var(--mint); box-shadow:0 0 12px var(--mint); }
.cursor-ring { width:34px; height:34px; border:1.5px solid rgba(53,245,197,0.6); transition:width .25s var(--ease),height .25s var(--ease),background .25s,border-color .25s; }
.cursor-ring.hover { width:58px; height:58px; background:rgba(53,245,197,0.10); border-color:var(--cyan); }
@media (max-width:900px){ .cursor-dot,.cursor-ring{ display:none; } }

/* ---------- Layout primitives ---------- */
.wrap { position:relative; z-index:2; }
.container { max-width:var(--maxw); margin:0 auto; padding:0 28px; }
.section { padding:120px 0; position:relative; }
.eyebrow {
  display:inline-flex; align-items:center; gap:9px; font-family:'JetBrains Mono',monospace;
  font-size:11px; font-weight:600; letter-spacing:3px; text-transform:uppercase;
  color:var(--accent); margin-bottom:20px;
}
.eyebrow .idx { color:var(--t-3); }
.eyebrow::before { content:''; width:26px; height:1px; background:var(--grad); }
.s-title { font-size:clamp(30px,4.4vw,52px); font-weight:800; line-height:1.05; letter-spacing:-1.4px; color:var(--t-0); }
.s-title .g { background:var(--grad); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }
.s-desc { font-size:17px; color:var(--t-2); max-width:620px; margin-top:18px; line-height:1.75; }

/* Reveal */
.reveal { opacity:0; transform:translateY(28px); transition:opacity .9s var(--ease), transform .9s var(--ease); }
.reveal.in { opacity:1; transform:none; }
.reveal[data-d="1"]{ transition-delay:.08s } .reveal[data-d="2"]{ transition-delay:.16s }
.reveal[data-d="3"]{ transition-delay:.24s } .reveal[data-d="4"]{ transition-delay:.32s }
.reveal[data-d="5"]{ transition-delay:.4s }

/* ---------- Buttons (magnetic) ---------- */
.btn { position:relative; display:inline-flex; align-items:center; gap:10px; font-size:15px; font-weight:700;
  padding:15px 28px; border-radius:100px; border:1px solid transparent; cursor:none; transition:transform .2s var(--ease), box-shadow .3s, background .3s; will-change:transform; }
.btn-primary { color:#04140f; background:var(--grad); background-size:180% 180%; box-shadow:0 12px 34px -12px rgba(53,245,197,0.6); }
.btn-primary:hover { box-shadow:0 18px 50px -12px rgba(53,245,197,0.75); animation:gradShift 3s ease infinite; }
@keyframes gradShift { 0%,100%{background-position:0% 50%} 50%{background-position:100% 50%} }
.btn-ghost { color:var(--t-0); background:var(--glass-2); border-color:var(--glass-brd); backdrop-filter:blur(10px); }
.btn-ghost:hover { border-color:var(--accent); color:var(--accent); }
.btn .mag { display:inline-flex; }

/* ---------- Preloader ---------- */
#preloader { position:fixed; inset:0; z-index:10000; background:var(--ink-0); display:flex; flex-direction:column;
  align-items:center; justify-content:center; gap:20px; transition:opacity .7s ease, visibility .7s; }
#preloader.done { opacity:0; visibility:hidden; }
.pl-logo { font-family:'JetBrains Mono',monospace; font-size:13px; letter-spacing:6px; color:var(--accent); text-transform:uppercase; }
.pl-bar { width:220px; height:2px; background:var(--line); border-radius:2px; overflow:hidden; }
.pl-bar i { display:block; height:100%; width:0; background:var(--grad); box-shadow:0 0 14px var(--mint); }
.pl-status { font-family:'JetBrains Mono',monospace; font-size:11px; color:var(--t-3); letter-spacing:2px; min-height:14px; }

/* ---------- Nav ---------- */
nav { position:fixed; top:0; left:0; right:0; z-index:200; transition:all .4s var(--ease); }
nav .ninner { max-width:1280px; margin:0 auto; padding:20px 28px; display:flex; align-items:center; justify-content:space-between; }
nav.scrolled { background:rgba(6,9,15,0.72); backdrop-filter:blur(22px) saturate(160%); border-bottom:1px solid var(--glass-brd); }
nav.scrolled .ninner { padding:12px 28px; }
html[data-theme="light"] nav.scrolled { background:rgba(246,248,252,0.8); }
.nlogo img { height:104px; width:auto; transition:height .4s var(--ease); display:block; }
.nlogo .logo-light { display:none; }
[data-theme="light"] .nlogo .logo-dark { display:none; }
[data-theme="light"] .nlogo .logo-light { display:block; }
nav.scrolled .nlogo img { height:74px; }
.nlinks { display:flex; align-items:center; gap:30px; }
.nlinks a:not(.btn) { font-size:14px; font-weight:600; color:var(--t-2); position:relative; transition:color .2s; }
.nlinks a:not(.btn):hover { color:var(--t-0); }
.nlinks a:not(.btn)::after { content:''; position:absolute; left:0; bottom:-6px; width:0; height:2px; background:var(--grad); transition:width .3s var(--ease); }
.nlinks a:not(.btn):hover::after { width:100%; }
.theme-toggle { width:38px; height:38px; border-radius:50%; border:1px solid var(--glass-brd); background:var(--glass-2); color:var(--t-1); cursor:none; font-size:15px; display:grid; place-items:center; transition:.25s; }
.theme-toggle:hover { border-color:var(--accent); color:var(--accent); transform:rotate(20deg); }
.nav-burger { display:none; }
@media (max-width:900px){
  .nlinks { position:fixed; inset:0 0 0 auto; width:min(320px,80vw); flex-direction:column; align-items:flex-start; justify-content:center; gap:22px; padding:40px; background:var(--ink-1); border-left:1px solid var(--line); transform:translateX(105%); transition:transform .4s var(--ease); z-index:210; }
  .nlinks.open { transform:none; }
  .nav-burger { display:grid; place-items:center; width:42px; height:42px; z-index:220; background:var(--glass-2); border:1px solid var(--glass-brd); border-radius:10px; color:var(--t-0); font-size:18px; cursor:pointer; }
}

/* ---------- HERO ---------- */
.hero { position:relative; min-height:100vh; display:flex; align-items:center; padding:150px 0 90px; }
.hero-grid { display:grid; grid-template-columns:1.15fr 0.85fr; gap:56px; align-items:center; }
.hero-tag { display:inline-flex; align-items:center; gap:10px; padding:8px 16px; border-radius:100px; background:var(--glass-2); border:1px solid var(--glass-brd); font-size:12.5px; font-weight:600; color:var(--t-1); margin-bottom:26px; backdrop-filter:blur(8px); }
.hero-tag .pulse { width:8px; height:8px; border-radius:50%; background:var(--mint); box-shadow:0 0 0 0 rgba(53,245,197,0.6); animation:pulse 2s infinite; }
@keyframes pulse { 0%{box-shadow:0 0 0 0 rgba(53,245,197,0.5)} 70%{box-shadow:0 0 0 12px rgba(53,245,197,0)} 100%{box-shadow:0 0 0 0 rgba(53,245,197,0)} }
.hero h1 { font-size:clamp(44px,6.4vw,86px); font-weight:900; line-height:0.98; letter-spacing:-3px; color:var(--t-0); }
.hero h1 .line { display:block; overflow:hidden; }
.hero h1 .line > span { display:inline-block; transform:translateY(110%); animation:riseIn 1s var(--ease) forwards; }
.hero h1 .line:nth-child(2) > span { animation-delay:.12s } .hero h1 .line:nth-child(3) > span { animation-delay:.24s }
@keyframes riseIn { to{ transform:none; } }
.hero h1 .g { background:var(--grad); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }
.hero-sub { font-size:18px; color:var(--t-2); max-width:540px; margin:26px 0; line-height:1.7; }
.hero-sub strong { color:var(--t-0); }
.hero-answer { border-left:2px solid transparent; border-image:var(--grad) 1; padding:2px 0 2px 18px; margin-bottom:26px; font-size:15.5px; color:var(--t-1); }
.hero-answer .closer { display:block; color:var(--t-3); font-size:13.5px; margin-top:6px; }
.hero-rotator { min-height:66px; margin-bottom:26px; }
.hero-rotator q { display:none; font-family:'JetBrains Mono',monospace; font-size:14px; color:var(--t-2); line-height:1.6; padding-left:16px; border-left:2px solid var(--gold); font-style:italic; }
.hero-rotator q.on { display:block; animation:fadeUp .6s var(--ease); }
@keyframes fadeUp { from{opacity:0; transform:translateY(8px)} to{opacity:1; transform:none} }
.hero-cta { display:flex; gap:14px; flex-wrap:wrap; margin-bottom:30px; }
.hero-trust { display:flex; flex-wrap:wrap; gap:8px 22px; }
.hero-trust span { font-size:12.5px; color:var(--t-2); display:inline-flex; align-items:center; gap:7px; }
.hero-trust .ck { color:var(--mint); font-weight:800; }

/* Hero HUD panel (Oraya-style telemetry) */
.hud { position:relative; border-radius:var(--r-xl); background:var(--glass); border:1px solid var(--glass-brd); backdrop-filter:blur(16px); padding:22px; box-shadow:var(--shadow); overflow:hidden; }
.hud::before { content:''; position:absolute; inset:0; background:var(--grad-soft); opacity:.6; pointer-events:none; }
.hud-top { display:flex; align-items:center; justify-content:space-between; position:relative; z-index:1; margin-bottom:16px; }
.hud-top .dot3 { display:flex; gap:6px; } .hud-top .dot3 i { width:9px; height:9px; border-radius:50%; background:var(--line-2); }
.hud-top .dot3 i:first-child{ background:var(--red) } .hud-top .dot3 i:nth-child(2){ background:var(--gold) } .hud-top .dot3 i:last-child{ background:var(--mint) }
.hud-top .lbl { font-family:'JetBrains Mono',monospace; font-size:10.5px; letter-spacing:2px; color:var(--t-3); text-transform:uppercase; }
.hud-metrics { position:relative; z-index:1; display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.hud-metric { background:var(--ink-2); border:1px solid var(--line); border-radius:var(--r); padding:14px; }
.hud-metric .k { font-family:'JetBrains Mono',monospace; font-size:9.5px; letter-spacing:1.5px; text-transform:uppercase; color:var(--t-3); margin-bottom:8px; }
.hud-metric .v { font-family:'JetBrains Mono',monospace; font-size:24px; font-weight:600; color:var(--t-0); line-height:1; }
.hud-metric .v small { font-size:12px; color:var(--t-2); font-weight:500; }
.hud-metric.hl .v { color:var(--gold); text-shadow:0 0 20px rgba(255,194,75,0.35); }
.hud-metric.good .v { color:var(--mint); }
.hud-foot { position:relative; z-index:1; margin-top:14px; font-family:'JetBrains Mono',monospace; font-size:10px; letter-spacing:1px; color:var(--t-3); display:flex; align-items:center; gap:8px; }
.hud-foot .live { width:7px; height:7px; border-radius:50%; background:var(--red); animation:pulse 1.4s infinite; }
.scrollcue { position:absolute; left:50%; bottom:26px; transform:translateX(-50%); font-family:'JetBrains Mono',monospace; font-size:10px; letter-spacing:3px; color:var(--t-3); text-transform:uppercase; display:flex; flex-direction:column; align-items:center; gap:8px; animation:bob 2.2s ease infinite; }
.scrollcue i { width:1px; height:34px; background:linear-gradient(var(--accent),transparent); }
@keyframes bob { 0%,100%{transform:translate(-50%,0)} 50%{transform:translate(-50%,8px)} }

/* ---------- Marquee (wrapper tax) ---------- */
.marquee { border-top:1px solid var(--line); border-bottom:1px solid var(--line); background:var(--ink-1); padding:20px 0; overflow:hidden; position:relative; }
.marquee-track { display:flex; gap:52px; white-space:nowrap; width:max-content; animation:scrollx 34s linear infinite; }
.marquee:hover .marquee-track { animation-play-state:paused; }
.marquee-track span { font-family:'JetBrains Mono',monospace; font-size:14px; letter-spacing:1px; color:var(--t-2); display:inline-flex; align-items:center; gap:14px; }
.marquee-track span b { color:var(--red); }
.marquee-track span::after { content:'◆'; color:var(--accent); font-size:9px; }
@keyframes scrollx { to{ transform:translateX(-50%); } }

/* ---------- Problem / stats ---------- */
.stat-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin-top:52px; }
.stat-card { background:var(--glass); border:1px solid var(--glass-brd); border-radius:var(--r-lg); padding:28px; position:relative; overflow:hidden; }
.stat-card .num { font-family:'JetBrains Mono',monospace; font-size:46px; font-weight:700; line-height:1; letter-spacing:-1px; }
.stat-card .num.gold{ color:var(--gold) } .stat-card .num.mint{ color:var(--mint) } .stat-card .num.cyan{ color:var(--cyan) }
.stat-card .cap { font-size:13.5px; color:var(--t-2); margin-top:12px; line-height:1.6; }
.stat-card .bar { height:5px; border-radius:4px; background:var(--line); margin-top:18px; overflow:hidden; }
.stat-card .bar i { display:block; height:100%; width:0; background:var(--grad); transition:width 1.6s var(--ease); }

/* ---------- Cost calculator ---------- */
.calc { display:grid; grid-template-columns:1fr 1fr; gap:0; border-radius:var(--r-xl); overflow:hidden; border:1px solid var(--glass-brd); background:var(--glass); backdrop-filter:blur(14px); margin-top:52px; }
.calc-controls { padding:38px; border-right:1px solid var(--glass-brd); }
.calc-controls h3 { font-size:20px; color:var(--t-0); margin-bottom:6px; }
.calc-controls p { font-size:13.5px; color:var(--t-2); margin-bottom:28px; }
.calc-field { margin-bottom:26px; }
.calc-field label { display:flex; justify-content:space-between; font-size:13px; color:var(--t-2); margin-bottom:12px; }
.calc-field label b { color:var(--mint); font-family:'JetBrains Mono',monospace; font-size:15px; }
input[type="range"]{ -webkit-appearance:none; appearance:none; width:100%; height:5px; border-radius:5px; background:var(--line-2); outline:none; cursor:none; }
input[type="range"]::-webkit-slider-thumb{ -webkit-appearance:none; width:22px; height:22px; border-radius:50%; background:var(--grad); box-shadow:0 0 0 5px rgba(53,245,197,0.15),0 4px 12px rgba(0,0,0,0.5); cursor:none; transition:transform .15s; }
input[type="range"]::-webkit-slider-thumb:hover{ transform:scale(1.15); }
input[type="range"]::-moz-range-thumb{ width:22px; height:22px; border:none; border-radius:50%; background:var(--mint); cursor:none; }
.calc-out { padding:38px; background:var(--ink-2); position:relative; overflow:hidden; }
.calc-out::before{ content:''; position:absolute; inset:0; background:var(--grad-soft); opacity:.5; }
.calc-row { position:relative; z-index:1; display:flex; align-items:center; justify-content:space-between; padding:16px 0; border-bottom:1px solid var(--line); }
.calc-row:last-of-type{ border-bottom:none; }
.calc-row .rk { font-size:13px; color:var(--t-2); display:flex; align-items:center; gap:8px; }
.calc-row .rk .tag{ font-family:'JetBrains Mono',monospace; font-size:9px; padding:2px 7px; border-radius:20px; }
.calc-row .rk .tag.cloud{ background:rgba(255,93,108,0.14); color:var(--red); }
.calc-row .rk .tag.on{ background:rgba(53,245,197,0.14); color:var(--mint); }
.calc-row .rv { font-family:'JetBrains Mono',monospace; font-size:22px; font-weight:600; color:var(--t-0); }
.calc-row.cloud .rv{ color:var(--red); } .calc-row.on .rv{ color:var(--mint); }
.calc-save { position:relative; z-index:1; margin-top:22px; text-align:center; padding:22px; border-radius:var(--r-lg); background:var(--ink-1); border:1px solid var(--glass-brd); }
.calc-save .big { font-family:'JetBrains Mono',monospace; font-size:44px; font-weight:700; background:var(--grad); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; line-height:1; }
.calc-save .lbl { font-size:12px; color:var(--t-2); text-transform:uppercase; letter-spacing:2px; margin-top:8px; }

/* ---------- Architecture cards (3D tilt) ---------- */
.arch-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; margin-top:56px; align-items:start; }
.arch { position:relative; border-radius:var(--r-xl); background:linear-gradient(180deg, var(--glass-2), var(--glass)); border:1px solid var(--glass-brd); padding:30px 30px 34px; overflow:hidden; transition:box-shadow .45s var(--ease), border-color .45s, transform .45s var(--ease); isolation:isolate; }
.arch::before { content:''; position:absolute; inset:0; opacity:0; z-index:-1; background:radial-gradient(460px circle at var(--mx,50%) var(--my,0%), rgba(53,245,197,0.16), transparent 46%); transition:opacity .45s; pointer-events:none; }
.arch:hover { border-color:rgba(53,245,197,0.42); box-shadow:var(--shadow-glow); transform:translateY(-6px); }
.arch:hover::before { opacity:1; }
.arch.featured { border-color:rgba(53,245,197,0.4); background:linear-gradient(180deg, rgba(53,245,197,0.06), var(--glass)); }
.arch .ribbon { position:absolute; top:18px; right:-36px; transform:rotate(45deg); background:var(--grad); color:#04140f; font-size:10px; font-weight:800; letter-spacing:1px; padding:5px 42px; z-index:3; box-shadow:0 6px 18px -6px var(--glow); }

/* Corner brackets */
.arch .cbr { position:absolute; width:16px; height:16px; border:1.5px solid rgba(53,245,197,0.4); opacity:0; transition:opacity .4s, transform .4s var(--ease); pointer-events:none; z-index:2; }
.arch .cbr.tl { top:12px; left:12px; border-right:0; border-bottom:0; transform:translate(4px,4px); }
.arch .cbr.tr { top:12px; right:12px; border-left:0; border-bottom:0; transform:translate(-4px,4px); }
.arch .cbr.bl { bottom:12px; left:12px; border-right:0; border-top:0; transform:translate(4px,-4px); }
.arch .cbr.br { bottom:12px; right:12px; border-left:0; border-top:0; transform:translate(-4px,-4px); }
.arch:hover .cbr { opacity:1; transform:translate(0,0); }

/* Scanline sweep */
.arch .scanline { position:absolute; left:0; right:0; top:0; height:2px; background:linear-gradient(90deg, transparent, rgba(53,245,197,0.9), transparent); opacity:0; z-index:2; pointer-events:none; }
.arch:hover .scanline { animation:scan 2.2s var(--ease) infinite; }
@keyframes scan { 0%{ top:0; opacity:0; } 12%{ opacity:.9; } 88%{ opacity:.9; } 100%{ top:100%; opacity:0; } }

.arch .ahead { display:flex; align-items:center; justify-content:space-between; gap:14px; margin-bottom:18px; }
.arch .aicon { width:52px; height:52px; border-radius:15px; display:grid; place-items:center; background:var(--grad-soft); border:1px solid var(--glass-brd); color:var(--accent); flex:none; box-shadow:inset 0 0 20px rgba(53,245,197,0.08); transition:transform .45s var(--ease); }
.arch .aicon svg { width:24px; height:24px; }
.arch:hover .aicon { transform:rotate(-6deg) scale(1.06); }
.arch .ameta { display:flex; flex-direction:column; align-items:flex-end; gap:5px; text-align:right; }
.arch .atype { font-family:'JetBrains Mono',monospace; font-size:10.5px; color:var(--accent); letter-spacing:1.5px; }
.arch .atime { font-size:10.5px; color:var(--gold); font-family:'JetBrains Mono',monospace; }
.arch h3 { font-size:23px; color:var(--t-0); letter-spacing:-.02em; }
.arch .alead { font-size:13.5px; color:var(--t-2); line-height:1.7; margin:10px 0 20px; }

/* Tabs */
.arch .atabs { display:grid; grid-template-columns:repeat(3,1fr); gap:6px; padding:4px; background:var(--ink-2); border:1px solid var(--line); border-radius:12px; position:relative; }
.arch .atab { font-family:'JetBrains Mono',monospace; font-size:11px; font-weight:600; letter-spacing:.5px; color:var(--t-3); padding:9px 4px; border-radius:8px; cursor:pointer; background:transparent; transition:color .25s, background .25s; text-transform:uppercase; }
.arch .atab:hover { color:var(--t-1); }
.arch .atab.on { color:#04140f; background:var(--grad); box-shadow:0 6px 16px -8px var(--glow); }

/* Panes */
.arch .apanes { position:relative; margin-top:16px; min-height:186px; }
.arch .apane { display:none; animation:paneIn .38s var(--ease); }
.arch .apane.on { display:block; }
@keyframes paneIn { from{ opacity:0; transform:translateY(8px); } to{ opacity:1; transform:none; } }

.arch .afeat, .arch .abenf { list-style:none; display:flex; flex-direction:column; gap:11px; }
.arch .afeat li, .arch .abenf li { font-size:13.5px; color:var(--t-1); display:flex; gap:10px; align-items:flex-start; line-height:1.5; }
.arch .afeat li::before { content:'▸'; color:var(--accent); flex:none; }
.arch .abenf li::before { content:'✦'; color:var(--gold); flex:none; }
.arch .abenf li b { color:var(--t-0); font-weight:700; }

.arch .asteps { list-style:none; counter-reset:st; display:flex; flex-direction:column; gap:14px; }
.arch .asteps li { position:relative; counter-increment:st; padding-left:40px; min-height:28px; }
.arch .asteps li::before { content:counter(st,decimal-leading-zero); position:absolute; left:0; top:1px; width:28px; height:28px; border-radius:9px; display:grid; place-items:center; font-family:'JetBrains Mono',monospace; font-size:11px; font-weight:700; color:var(--accent); background:var(--grad-soft); border:1px solid rgba(53,245,197,0.25); }
.arch .asteps li::after { content:''; position:absolute; left:13.5px; top:32px; bottom:-14px; width:1px; background:linear-gradient(var(--line-2), transparent); }
.arch .asteps li:last-child::after { display:none; }
.arch .asteps li b { display:block; font-size:13.5px; color:var(--t-0); }
.arch .asteps li span { display:block; font-size:12.5px; color:var(--t-2); line-height:1.5; margin-top:2px; }

/* ---------- Process timeline ---------- */
.proc { margin-top:56px; position:relative; }
.proc-line { position:absolute; left:0; top:34px; height:2px; width:100%; background:var(--line); }
.proc-line i { display:block; height:100%; width:0; background:var(--grad); box-shadow:0 0 12px var(--mint); transition:width .1s linear; }
.proc-steps { display:grid; grid-template-columns:repeat(6,1fr); gap:16px; position:relative; }
.proc-step { text-align:left; }
.proc-num { width:56px; height:56px; border-radius:50%; display:grid; place-items:center; font-family:'JetBrains Mono',monospace; font-weight:700; font-size:18px; background:var(--ink-2); border:1px solid var(--line); color:var(--t-2); position:relative; z-index:1; transition:.4s; }
.proc-step.act .proc-num { background:var(--grad); color:#04140f; border-color:transparent; box-shadow:0 0 26px rgba(53,245,197,0.5); }
.proc-step h4 { font-size:15px; color:var(--t-0); margin:16px 0 6px; }
.proc-step p { font-size:12.5px; color:var(--t-2); line-height:1.6; }
.proc-step .dur { font-family:'JetBrains Mono',monospace; font-size:10.5px; color:var(--accent); margin-top:8px; display:block; }

/* ---------- Comparison matrix ---------- */
.matrix { margin-top:52px; border-radius:var(--r-xl); overflow:hidden; border:1px solid var(--glass-brd); background:var(--glass); backdrop-filter:blur(12px); }
.matrix table { width:100%; border-collapse:collapse; }
.matrix th,.matrix td { padding:18px 20px; text-align:left; font-size:14px; border-bottom:1px solid var(--line); }
.matrix thead th { font-size:12px; text-transform:uppercase; letter-spacing:1px; color:var(--t-3); font-weight:700; }
.matrix thead th.us { color:var(--mint); }
.matrix td:first-child { color:var(--t-2); font-weight:600; }
.matrix td { color:var(--t-2); }
.matrix .col-us { background:linear-gradient(rgba(53,245,197,0.06),rgba(53,245,197,0.06)); color:var(--t-0); font-weight:600; border-left:1px solid rgba(53,245,197,0.2); border-right:1px solid rgba(53,245,197,0.2); }
.matrix tbody tr:hover td { background:var(--glass-2); }
.matrix tbody tr:hover .col-us { background:rgba(53,245,197,0.1); }
.matrix tr:last-child td { border-bottom:none; }

/* ---------- Stack marquee ---------- */
.stack-rows { margin-top:48px; display:flex; flex-direction:column; gap:16px; }
.stack-marq { overflow:hidden; -webkit-mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent); mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent); }
.stack-marq .row { display:flex; gap:14px; width:max-content; }
.stack-marq.l .row { animation:scrollx 40s linear infinite; }
.stack-marq.r .row { animation:scrollx 46s linear infinite reverse; }
.chip { display:inline-flex; align-items:center; gap:10px; padding:13px 22px; border-radius:100px; background:var(--glass-2); border:1px solid var(--glass-brd); font-size:14px; font-weight:600; color:var(--t-1); white-space:nowrap; transition:.25s; }
.chip:hover { border-color:var(--accent); color:var(--accent); }
.chip .k { font-family:'JetBrains Mono',monospace; font-size:10px; color:var(--t-3); }

/* ---------- Industries ---------- */
/* CAPABILITIES */
.caps-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:52px; }
.caps-card { position:relative; padding:26px; border-radius:var(--r-lg); background:linear-gradient(180deg,var(--glass-2),var(--glass)); border:1px solid var(--glass-brd); overflow:hidden; isolation:isolate; transition:transform .4s var(--ease), border-color .4s, box-shadow .4s; }
.caps-card::before { content:''; position:absolute; inset:0; z-index:-1; opacity:0; background:radial-gradient(360px circle at var(--mx,50%) var(--my,0%), rgba(53,245,197,0.12), transparent 45%); transition:opacity .4s; pointer-events:none; }
.caps-card:hover { transform:translateY(-6px); border-color:rgba(53,245,197,0.32); box-shadow:var(--shadow-glow); }
.caps-card:hover::before { opacity:1; }
.caps-head { display:flex; align-items:center; gap:12px; margin-bottom:18px; padding-bottom:16px; border-bottom:1px solid var(--line); }
.caps-ic { width:40px; height:40px; border-radius:11px; display:grid; place-items:center; color:var(--accent); background:var(--grad-soft); border:1px solid var(--glass-brd); flex:none; transition:transform .5s var(--ease); }
.caps-ic svg { width:20px; height:20px; }
.caps-card:hover .caps-ic { transform:rotate(-6deg) scale(1.08); }
.caps-head h4 { font-size:15px; color:var(--t-0); letter-spacing:-.01em; line-height:1.25; }
.caps-list { list-style:none; display:flex; flex-direction:column; gap:11px; }
.caps-list li { font-size:12.5px; color:var(--t-1); display:flex; gap:9px; align-items:flex-start; line-height:1.45; }
.caps-list li::before { content:'✓'; color:var(--accent); font-weight:700; flex:none; font-size:12px; margin-top:1px; }

.ind-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin-top:52px; }
.ind { position:relative; padding:26px; border-radius:var(--r-lg); background:linear-gradient(180deg, var(--glass-2), var(--glass)); border:1px solid var(--glass-brd); overflow:hidden; isolation:isolate; transition:transform .45s var(--ease), border-color .45s, box-shadow .45s; }
/* pointer-follow aurora */
.ind::before { content:''; position:absolute; inset:0; z-index:-1; opacity:0; background:radial-gradient(420px circle at var(--mx,50%) var(--my,0%), rgba(53,245,197,0.16), transparent 46%); transition:opacity .45s; pointer-events:none; }
/* animated conic sweep border on hover */
.ind::after { content:''; position:absolute; inset:-1px; z-index:-2; border-radius:inherit; padding:1px; opacity:0; background:conic-gradient(from var(--a,0deg), transparent 0deg, var(--mint) 90deg, var(--indigo) 180deg, transparent 300deg); -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite:xor; mask-composite:exclude; transition:opacity .45s; }
.ind:hover { transform:translateY(-8px); border-color:rgba(53,245,197,0.4); box-shadow:var(--shadow-glow); }
.ind:hover::before { opacity:1; }
.ind:hover::after { opacity:1; animation:ind-spin 4s linear infinite; }
@keyframes ind-spin { to { --a:360deg; } }
@property --a { syntax:'<angle>'; inherits:false; initial-value:0deg; }

.ind-top { display:flex; align-items:center; justify-content:space-between; margin-bottom:16px; }
.ind-ic { width:50px; height:50px; border-radius:14px; display:grid; place-items:center; color:var(--accent); background:var(--grad-soft); border:1px solid var(--glass-brd); box-shadow:inset 0 0 20px rgba(53,245,197,0.08); transition:transform .5s var(--ease); }
.ind-ic svg { width:26px; height:26px; }
.ind:hover .ind-ic { transform:rotate(-8deg) scale(1.1); }
.ind-tag { font-size:9.5px; letter-spacing:1.5px; color:var(--accent); padding:5px 10px; border-radius:100px; background:rgba(53,245,197,0.08); border:1px solid rgba(53,245,197,0.2); }
.ind h4 { font-size:18px; color:var(--t-0); margin-bottom:8px; letter-spacing:-.01em; }
.ind-desc { font-size:13px; color:var(--t-2); line-height:1.6; margin-bottom:16px; }
.ind-uses { list-style:none; display:flex; flex-direction:column; gap:9px; margin-bottom:18px; }
.ind-uses li { font-size:12.5px; color:var(--t-1); display:flex; gap:9px; align-items:flex-start; line-height:1.45;
  opacity:0; transform:translateX(-6px); transition:opacity .4s var(--ease), transform .4s var(--ease); }
.ind-uses li::before { content:'▸'; color:var(--accent); flex:none; }
.ind.in .ind-uses li, .ind:hover .ind-uses li { opacity:1; transform:none; }
.ind.in .ind-uses li:nth-child(1){ transition-delay:.05s; } .ind.in .ind-uses li:nth-child(2){ transition-delay:.13s; } .ind.in .ind-uses li:nth-child(3){ transition-delay:.21s; }
.ind-chips { display:flex; flex-wrap:wrap; gap:7px; padding-top:16px; border-top:1px solid var(--line); }
.ind-chips span { font-family:'JetBrains Mono',monospace; font-size:10.5px; color:var(--t-2); padding:5px 10px; border-radius:8px; background:var(--ink-2); border:1px solid var(--line); transition:.25s; }
.ind:hover .ind-chips span { border-color:rgba(53,245,197,0.3); color:var(--t-1); }

/* ---------- Questions deck ---------- */
.qdeck { margin-top:52px; display:grid; grid-template-columns:0.7fr 1.3fr; gap:34px; align-items:center; }
.qdeck-nav { display:flex; flex-direction:column; gap:6px; }
.qdeck-nav button { text-align:left; background:none; border:none; cursor:none; padding:14px 18px; border-radius:12px; color:var(--t-3); font-family:'JetBrains Mono',monospace; font-size:12px; letter-spacing:1px; transition:.25s; border-left:2px solid transparent; }
.qdeck-nav button.on { color:var(--t-0); background:var(--glass-2); border-left-color:var(--accent); }
.qdeck-stage { min-height:200px; border-radius:var(--r-xl); background:var(--glass); border:1px solid var(--glass-brd); padding:40px; position:relative; overflow:hidden; }
.qdeck-stage::before{ content:''; position:absolute; inset:0; background:var(--grad-soft); opacity:.4; }
.qdeck-stage q { position:relative; z-index:1; display:none; font-size:clamp(20px,2.6vw,28px); font-weight:600; color:var(--t-0); line-height:1.4; letter-spacing:-0.5px; }
.qdeck-stage q.on { display:block; animation:fadeUp .5s var(--ease); }
.qdeck-stage .qn { position:absolute; top:26px; right:34px; font-family:'JetBrains Mono',monospace; font-size:12px; color:var(--t-3); z-index:1; }

/* ---------- Team ---------- */
.team-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; margin-top:52px; }
.member { border-radius:var(--r-xl); overflow:hidden; background:var(--glass); border:1px solid var(--glass-brd); transition:.4s; }
.member:hover { transform:translateY(-6px); box-shadow:var(--shadow-glow); border-color:rgba(53,245,197,0.35); }
.member .ph { aspect-ratio:4/3; overflow:hidden; position:relative; }
.member .ph img { width:100%; height:100%; object-fit:cover; object-position:center 22%; filter:grayscale(0.4) contrast(1.02); transition:.5s; }
.member:hover .ph img { filter:none; transform:scale(1.05); }
.member .ph::after { content:''; position:absolute; inset:0; background:linear-gradient(transparent 55%, rgba(4,6,10,0.85)); }
.member .body { padding:22px; }
.member h4 { font-size:18px; color:var(--t-0); }
.member .role { font-family:'JetBrains Mono',monospace; font-size:11px; color:var(--accent); letter-spacing:1px; margin:4px 0 12px; }
.member p { font-size:13px; color:var(--t-2); line-height:1.65; }

/* ---------- CTA + Calendly ---------- */
.cta { text-align:center; }
.cta h2 { font-size:clamp(30px,4.2vw,50px); font-weight:800; letter-spacing:-1.4px; color:var(--t-0); max-width:900px; margin:0 auto 20px; line-height:1.08; }
.cta h2 .g { background:var(--grad); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }
.cta p { font-size:17px; color:var(--t-2); max-width:640px; margin:0 auto 32px; }
.cal-shell { margin-top:48px; border-radius:var(--r-xl); overflow:hidden; border:1px solid var(--glass-brd); background:#fffcfc; min-height:680px; }
.cal-shell .calendly-inline-widget { min-width:320px; height:680px; }
.cta-nda { margin-top:22px; font-size:12.5px; color:var(--t-3); display:inline-flex; align-items:center; gap:8px; }

/* ---------- Footer ---------- */
footer { border-top:1px solid var(--line); padding:44px 0; }
.foot { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:18px; }
.foot .fl { font-size:13px; color:var(--t-3); line-height:1.7; }
.foot .fl b { color:var(--t-1); }
.foot .flinks { display:flex; gap:22px; }
.foot .flinks a { font-size:13px; color:var(--t-2); transition:.2s; }
.foot .flinks a:hover { color:var(--accent); }

/* ---------- Founder quote (hero) ---------- */
.founder-quote {
  margin-top:22px; position:relative; overflow:hidden;
  background:linear-gradient(135deg, rgba(53,245,197,0.06), rgba(107,123,255,0.05));
  border:1px solid var(--glass-brd); border-radius:var(--r-lg); padding:30px 30px 24px;
}
.founder-quote::before { content:'\201C'; position:absolute; top:-14px; left:14px; font-family:Georgia,serif; font-size:110px; line-height:1; color:rgba(53,245,197,0.12); pointer-events:none; }
.founder-quote::after { content:''; position:absolute; top:0; left:0; right:0; height:2px; background:var(--grad); }
.founder-quote blockquote { position:relative; z-index:1; margin:0; font-size:15px; line-height:1.75; color:var(--t-1); font-style:italic; }
.founder-quote blockquote strong { color:var(--mint); font-style:normal; }
.founder-quote figcaption { display:flex; align-items:center; gap:13px; margin-top:20px; padding-top:16px; border-top:1px solid rgba(53,245,197,0.12); }
.fq-avatar { width:40px; height:40px; border-radius:50%; flex:none; display:grid; place-items:center; font-weight:800; font-size:13px; color:var(--ink-0); background:var(--grad); }
.fq-meta { display:flex; flex-direction:column; }
.fq-meta b { font-size:13px; color:var(--t-0); }
.fq-meta small { font-size:11px; color:var(--t-3); text-transform:uppercase; letter-spacing:1px; margin-top:2px; }

/* ---------- Power Clock (live) ---------- */
.powerclock { background:var(--ink-0); border-top:1px solid rgba(255,194,75,0.28); border-bottom:1px solid rgba(255,194,75,0.22); position:relative; overflow:hidden; }
.powerclock::before { content:''; position:absolute; inset:0; background:radial-gradient(ellipse 80% 60% at 50% -20%, rgba(255,194,75,0.08), transparent 70%); pointer-events:none; }
.pc-head { display:flex; align-items:center; justify-content:space-between; padding:16px 0 12px; border-bottom:1px solid rgba(255,194,75,0.14); flex-wrap:wrap; gap:10px; }
.pc-title { display:flex; align-items:center; gap:10px; }
.pc-pulse { width:8px; height:8px; border-radius:50%; background:var(--red); animation:pc-blink 1s ease-in-out infinite; flex:none; }
@keyframes pc-blink { 0%,100%{ opacity:1; box-shadow:0 0 6px var(--red); } 50%{ opacity:.3; box-shadow:none; } }
.pc-title-t { font-size:12px; font-weight:600; color:var(--gold); letter-spacing:2.5px; }
.pc-live { font-size:10px; font-weight:600; color:var(--red); letter-spacing:2px; background:rgba(255,93,108,0.1); border:1px solid rgba(255,93,108,0.3); border-radius:4px; padding:2px 8px; }
.pc-src { font-size:11px; color:rgba(255,194,75,0.6); letter-spacing:1px; transition:.2s; }
.pc-src:hover { color:var(--gold); }
.pc-grid { display:grid; grid-template-columns:repeat(6,1fr); gap:14px; padding:26px 0; }
.pc-cell { padding:18px; border-radius:16px; background:linear-gradient(180deg, rgba(255,194,75,0.05), rgba(255,255,255,0.02)); border:1px solid rgba(255,194,75,0.16); transition:transform .35s var(--ease), box-shadow .35s, border-color .35s; position:relative; overflow:hidden; }
.pc-cell::after { content:''; position:absolute; top:0; left:0; right:0; height:2px; background:linear-gradient(90deg, transparent, rgba(255,194,75,0.6), transparent); opacity:0; transition:opacity .35s; }
.pc-cell:hover { transform:translateY(-5px); border-color:rgba(255,194,75,0.38); box-shadow:0 18px 44px -22px rgba(255,194,75,0.4); }
.pc-cell:hover::after { opacity:1; }
.pc-ic { width:34px; height:34px; border-radius:10px; display:grid; place-items:center; font-size:16px; background:rgba(255,194,75,0.1); border:1px solid rgba(255,194,75,0.2); margin-bottom:12px; }
.pc-lbl { font-size:9px; font-weight:700; text-transform:uppercase; letter-spacing:1.5px; color:rgba(255,194,75,0.7); margin-bottom:8px; line-height:1.3; }
.pc-digits { display:flex; align-items:baseline; min-height:40px; overflow:hidden; }
.pc-digit { font-family:'JetBrains Mono',monospace; font-size:26px; font-weight:600; color:var(--t-0); line-height:1; min-width:16px; text-align:center; text-shadow:0 0 20px rgba(255,194,75,0.2); transition:transform .12s, color .12s; }
.pc-digit.flip { color:#ffd77a; text-shadow:0 0 12px rgba(255,215,122,0.8); }
.pc-sep { font-family:'JetBrains Mono',monospace; font-size:22px; color:rgba(255,194,75,0.4); line-height:1; margin:0 1px; }
.pc-unit { font-size:10px; font-weight:600; color:var(--t-3); text-transform:uppercase; letter-spacing:1px; margin-top:5px; }
.pc-ctx { font-size:9px; color:var(--t-3); line-height:1.4; margin-top:6px; border-top:1px solid rgba(255,194,75,0.06); padding-top:6px; }
.pc-strip { display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; padding:12px 0 14px; border-top:1px solid rgba(255,194,75,0.12); }
.pc-strip-lbl { font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:2px; color:rgba(255,194,75,0.6); white-space:nowrap; }
.pc-svcs { display:flex; gap:22px; align-items:center; flex-wrap:wrap; flex:1; }
.pc-svc { display:flex; flex-direction:column; align-items:center; gap:2px; }
.pc-svc-n { font-size:9px; color:var(--t-3); text-transform:uppercase; letter-spacing:1px; white-space:nowrap; }
.pc-svc-v { font-size:13px; font-weight:600; color:var(--t-0); }
.pc-svc-v.good { color:var(--mint); }
.pc-svc-div { width:1px; height:26px; background:rgba(255,194,75,0.14); flex:none; }
.pc-strip-cta { font-size:10px; color:rgba(255,194,75,0.5); letter-spacing:1px; white-space:nowrap; transition:.2s; }
.pc-strip-cta:hover { color:var(--gold); }

/* ---------- Token compare ---------- */
.token-compare { display:grid; grid-template-columns:1fr auto 1fr auto; gap:20px; align-items:center; margin-top:40px; }
.tbox { background:var(--glass); border:1px solid var(--glass-brd); border-radius:var(--r-lg); padding:24px; text-align:center; }
.tbox.cloud { border-color:rgba(255,93,108,0.3); }
.tbox.on { border-color:rgba(53,245,197,0.3); }
.tprice { font-size:40px; font-weight:800; line-height:1; }
.tprice.red { color:var(--red); }
.tprice.green { color:var(--mint); }
.tlbl { font-size:11px; color:var(--t-3); text-transform:uppercase; letter-spacing:1px; margin-top:8px; }
.tarrow { font-size:26px; color:var(--t-3); }
.tnote { font-size:13px; color:var(--t-2); line-height:1.6; max-width:260px; }
.tnote b { color:var(--mint); }

/* ---------- Section CTA ---------- */
.sec-cta { display:flex; gap:14px; justify-content:center; flex-wrap:wrap; margin-top:44px; }

/* ---------- Security & Sovereignty ---------- */
.sec-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:52px; }
.sec-card { position:relative; padding:28px; border-radius:var(--r-lg); background:var(--glass); border:1px solid var(--glass-brd); overflow:hidden; transition:transform .4s var(--ease), border-color .4s, box-shadow .4s; }
.sec-card::before { content:''; position:absolute; inset:0; opacity:0; background:var(--grad-soft); transition:opacity .4s; pointer-events:none; }
.sec-card:hover { transform:translateY(-5px); border-color:rgba(53,245,197,0.38); box-shadow:var(--shadow-glow); }
.sec-card:hover::before { opacity:1; }
.sec-card > * { position:relative; z-index:1; }
.sec-ic { width:46px; height:46px; border-radius:13px; display:grid; place-items:center; background:var(--grad-soft); border:1px solid var(--glass-brd); color:var(--accent); margin-bottom:16px; }
.sec-ic svg { width:22px; height:22px; }
.sec-card h4 { font-size:16px; color:var(--t-0); margin-bottom:8px; }
.sec-card p { font-size:13.5px; color:var(--t-2); line-height:1.7; }

/* ---------- FAQ ---------- */
.faq { margin-top:48px; max-width:860px; }
.faq-item { border:1px solid var(--glass-brd); border-radius:14px; background:var(--glass); margin-bottom:12px; overflow:hidden; transition:border-color .3s; }
.faq-item.open { border-color:rgba(53,245,197,0.35); }
.faq-q { width:100%; display:flex; align-items:center; justify-content:space-between; gap:18px; padding:20px 24px; cursor:pointer; background:transparent; text-align:left; }
.faq-q span { font-size:15.5px; font-weight:600; color:var(--t-0); }
.faq-x { font-size:22px; font-weight:300; color:var(--accent); flex:none; transition:transform .3s var(--ease); line-height:1; }
.faq-item.open .faq-x { transform:rotate(45deg); }
.faq-a { max-height:0; overflow:hidden; transition:max-height .4s var(--ease); }
.faq-item.open .faq-a { max-height:360px; }
.faq-a p { font-size:14px; color:var(--t-2); line-height:1.75; padding:0 24px 22px; margin:0; }

/* ============ SUB-PAGES (about / faq / legal / ciso / arch-risk) ============ */
.nlinks a.active:not(.btn) { color:var(--t-0); }
.nlinks a.active:not(.btn)::after { width:100%; }
.subpage .wrap { padding-top:60px; }
.subhero { padding:70px 0 6px; }
.subhero .eyebrow { margin-bottom:22px; }
.subhero h1 { font-size:clamp(34px,5.2vw,62px); font-weight:800; line-height:1.03; letter-spacing:-1.8px; color:var(--t-0); }
.subhero h1 .g { background:var(--grad); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }
.subhero .lead { font-size:18px; color:var(--t-2); max-width:700px; margin-top:24px; line-height:1.75; }

.prose { max-width:760px; }
.prose p { font-size:15.5px; color:var(--t-1); line-height:1.92; margin-bottom:20px; }
.prose p strong { color:var(--t-0); }
.prose h3 { font-size:22px; color:var(--t-0); margin:38px 0 14px; letter-spacing:-.02em; }

.mission2 { display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:start; margin-top:54px; }
.pillars { display:flex; flex-direction:column; gap:14px; }
.pillar { display:flex; gap:16px; padding:20px 22px; border-radius:14px; background:var(--glass); border:1px solid var(--glass-brd); transition:transform .35s var(--ease), border-color .35s; }
.pillar:hover { border-color:rgba(53,245,197,0.35); transform:translateX(5px); }
.pillar .pic { width:44px; height:44px; border-radius:12px; flex:none; display:grid; place-items:center; color:var(--accent); background:var(--grad-soft); border:1px solid var(--glass-brd); }
.pillar .pic svg { width:22px; height:22px; }
.pillar h4 { font-size:14.5px; color:var(--t-0); margin-bottom:5px; }
.pillar p { font-size:13px; color:var(--t-2); line-height:1.6; }

.legal { max-width:820px; }
.legal .updated { font-family:'JetBrains Mono',monospace; font-size:12px; color:var(--t-3); margin-bottom:34px; }
.legal h2 { font-size:19px; color:var(--t-0); margin:36px 0 12px; letter-spacing:-.01em; }
.legal p, .legal li { font-size:14.5px; color:var(--t-2); line-height:1.85; }
.legal p { margin-bottom:14px; }
.legal ul { padding-left:20px; margin:8px 0 16px; display:flex; flex-direction:column; gap:8px; }
.legal a { color:var(--accent); text-decoration:none; }
.legal a:hover { text-decoration:underline; }

.subcta { text-align:center; }
.subcta h2 { font-size:clamp(26px,3.6vw,42px); font-weight:800; color:var(--t-0); letter-spacing:-1px; line-height:1.08; }
.subcta h2 .g { background:var(--grad); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }
.subcta p { font-size:16px; color:var(--t-2); max-width:580px; margin:18px auto 32px; line-height:1.7; }
.subcta .btn-row { display:flex; gap:14px; justify-content:center; flex-wrap:wrap; }

.quote-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:52px; }
.qcard { position:relative; padding:26px; border-radius:var(--r-lg); background:var(--glass); border:1px solid var(--glass-brd); overflow:hidden; transition:transform .4s var(--ease), border-color .4s; }
.qcard:hover { transform:translateY(-5px); border-color:rgba(53,245,197,0.32); box-shadow:var(--shadow-glow); }
.qcard .qt { font-size:9.5px; letter-spacing:1.4px; font-weight:700; text-transform:uppercase; color:var(--accent); background:rgba(53,245,197,0.08); border:1px solid rgba(53,245,197,0.2); padding:4px 10px; border-radius:100px; display:inline-block; margin-bottom:14px; }
.qcard p { font-size:14px; font-style:italic; color:var(--t-1); line-height:1.7; }

.faq-list { max-width:880px; margin-top:44px; }
.faq-cat { font-family:'JetBrains Mono',monospace; font-size:11px; letter-spacing:2.5px; text-transform:uppercase; color:var(--accent); margin:42px 0 18px; display:flex; align-items:center; gap:14px; }
.faq-cat::after { content:''; flex:1; height:1px; background:var(--line); }
.faq-cat:first-child { margin-top:0; }
.subpage .faq-item.open .faq-a { max-height:720px; }
.faq-a p + p { padding-top:0; margin-top:-6px; }
.faq-a .answer-cta { display:inline-block; margin:0 24px 22px; font-size:13px; font-weight:600; color:var(--accent); text-decoration:none; }
.faq-a .answer-cta:hover { text-decoration:underline; }

.grid-2 { display:grid; grid-template-columns:1fr 1fr; gap:18px; margin-top:52px; }
.callout { margin-top:28px; padding:32px 36px; border-radius:var(--r-lg); background:var(--grad-soft); border:1px solid rgba(53,245,197,0.25); position:relative; overflow:hidden; }
.callout .cl-label { font-family:'JetBrains Mono',monospace; font-size:11px; letter-spacing:2px; text-transform:uppercase; color:var(--accent); margin-bottom:12px; }
.callout p { font-size:16.5px; color:var(--t-1); line-height:1.72; margin:0; }
.callout .btn { margin-top:22px; }

.risk-list { max-width:900px; margin-top:52px; display:flex; flex-direction:column; gap:18px; }
.risk-card2 { position:relative; padding:32px 34px; border-radius:var(--r-lg); background:var(--glass); border:1px solid var(--glass-brd); overflow:hidden; transition:border-color .4s var(--ease), transform .4s var(--ease); }
.risk-card2::before { content:''; position:absolute; left:0; top:0; bottom:0; width:3px; background:linear-gradient(var(--red), transparent); transform:scaleY(0); transform-origin:top; transition:transform .5s var(--ease); }
.risk-card2:hover { border-color:rgba(255,93,108,0.35); transform:translateX(5px); }
.risk-card2:hover::before { transform:scaleY(1); }
.risk-card2 .rk-top { display:flex; align-items:center; gap:14px; margin-bottom:16px; }
.risk-card2 .rk-num { font-family:'JetBrains Mono',monospace; font-size:11px; color:var(--red); letter-spacing:1.4px; border:1px solid rgba(255,93,108,0.3); background:rgba(255,93,108,0.08); padding:5px 12px; border-radius:100px; }
.risk-card2 .rk-ic { width:40px; height:40px; border-radius:11px; display:grid; place-items:center; color:var(--red); background:rgba(255,93,108,0.08); border:1px solid rgba(255,93,108,0.25); }
.risk-card2 .rk-ic svg { width:20px; height:20px; }
.risk-card2 h4 { font-size:19px; color:var(--t-0); margin-bottom:12px; letter-spacing:-.01em; }
.risk-card2 p { font-size:14.5px; color:var(--t-2); line-height:1.8; margin-bottom:12px; }
.risk-card2 p:last-child { margin-bottom:0; }

@media (max-width:860px){ .mission2 { grid-template-columns:1fr; gap:34px; } .quote-grid,.grid-2 { grid-template-columns:1fr; } }

/* ---------- Governed vs Ungoverned + live telemetry ---------- */
.vs-grid { display:grid; grid-template-columns:1fr auto 1fr; gap:22px; align-items:stretch; margin-top:52px; }
.vs-col { position:relative; background:var(--glass); border:1px solid var(--glass-brd); border-radius:var(--r-xl); padding:30px; overflow:hidden; transition:transform .4s var(--ease), border-color .4s var(--ease); }
.vs-col[data-glow]::before { content:''; position:absolute; inset:0; background:radial-gradient(340px circle at var(--mx,50%) var(--my,0%), var(--glow), transparent 60%); opacity:0; transition:opacity .4s; pointer-events:none; }
.vs-col:hover[data-glow]::before { opacity:1; }
.vs-col.ung { border-color:rgba(255,93,108,0.22); --glow:rgba(255,93,108,0.13); }
.vs-col.ung:hover { border-color:rgba(255,93,108,0.45); transform:translateY(-4px); }
.vs-col.gov { border-color:rgba(53,245,197,0.24); --glow:rgba(53,245,197,0.16); }
.vs-col.gov:hover { border-color:rgba(53,245,197,0.5); transform:translateY(-4px); }
.vs-head { display:flex; flex-direction:column; gap:12px; margin-bottom:22px; }
.vs-tag { align-self:flex-start; font-size:10.5px; letter-spacing:2.5px; font-weight:700; padding:5px 10px; border-radius:6px; color:var(--red); background:rgba(255,93,108,0.1); border:1px solid rgba(255,93,108,0.25); }
.vs-tag.good { color:var(--mint); background:rgba(53,245,197,0.1); border-color:rgba(53,245,197,0.28); }
.vs-head h3 { font-size:22px; font-weight:800; color:var(--t-0); letter-spacing:-.5px; }
.vs-list { list-style:none; display:flex; flex-direction:column; gap:16px; }
.vs-list li { display:flex; gap:12px; align-items:flex-start; }
.vs-ic { flex:none; width:22px; height:22px; border-radius:50%; display:grid; place-items:center; font-size:11px; font-weight:700; color:var(--red); background:rgba(255,93,108,0.12); border:1px solid rgba(255,93,108,0.3); }
.vs-ic.ok { color:var(--mint); background:rgba(53,245,197,0.12); border-color:rgba(53,245,197,0.32); }
.vs-list p { font-size:14px; color:var(--t-2); line-height:1.6; }
.vs-list b { color:var(--t-1); }
.vs-arrow { align-self:center; font-size:24px; color:var(--t-3); }

.telemetry { margin-top:30px; background:linear-gradient(180deg, rgba(53,245,197,0.05), var(--glass)); border:1px solid var(--glass-brd); border-radius:var(--r-xl); padding:28px 30px; }
.tele-head { display:inline-flex; align-items:center; gap:9px; font-family:'JetBrains Mono',monospace; font-size:11px; font-weight:600; letter-spacing:2.5px; color:var(--accent); margin-bottom:22px; }
.tele-dot { width:8px; height:8px; border-radius:50%; background:var(--mint); box-shadow:0 0 0 0 rgba(53,245,197,0.55); animation:telePulse 2.4s infinite; }
@keyframes telePulse { 0%{ box-shadow:0 0 0 0 rgba(53,245,197,0.5); } 70%{ box-shadow:0 0 0 10px rgba(53,245,197,0); } 100%{ box-shadow:0 0 0 0 rgba(53,245,197,0); } }
.tele-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }
.tele-cell { padding:6px 0; }
.tele-num { font-size:clamp(26px,3.2vw,40px); font-weight:700; color:var(--t-0); letter-spacing:-1px; line-height:1; font-variant-numeric:tabular-nums; }
.tele-num.good { color:var(--mint); }
.tele-lbl { font-size:12px; color:var(--t-2); margin-top:8px; }
.tele-foot { margin-top:22px; font-size:11px; letter-spacing:1px; color:var(--t-3); border-top:1px solid var(--glass-brd); padding-top:16px; }

/* ---------- Board-ready summary button ---------- */
.calc-report { margin-top:18px; width:100%; padding:14px; border-radius:var(--r); border:1px dashed var(--glass-brd); background:transparent; color:var(--t-1); font-family:'JetBrains Mono',monospace; font-size:12px; letter-spacing:1.5px; text-transform:uppercase; cursor:pointer; transition:.3s var(--ease); }
.calc-report:hover { border-color:var(--accent); color:var(--accent); background:var(--glow); }

/* ---------- Alternatives / takedown ---------- */
.kill-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; margin-top:52px; }
.kill { position:relative; background:var(--glass); border:1px solid var(--glass-brd); border-radius:var(--r-xl); padding:26px; overflow:hidden; transition:transform .4s var(--ease), border-color .4s var(--ease); }
.kill[data-glow]::before { content:''; position:absolute; inset:0; background:radial-gradient(300px circle at var(--mx,50%) var(--my,0%), rgba(255,93,108,0.1), transparent 60%); opacity:0; transition:opacity .4s; pointer-events:none; }
.kill:hover[data-glow]::before { opacity:1; }
.kill:hover { transform:translateY(-4px); border-color:rgba(255,93,108,0.32); }
.kill.win { border-color:rgba(53,245,197,0.3); background:linear-gradient(180deg, rgba(53,245,197,0.06), var(--glass)); }
.kill.win[data-glow]::before { background:radial-gradient(300px circle at var(--mx,50%) var(--my,0%), var(--glow), transparent 60%); }
.kill.win:hover { border-color:rgba(53,245,197,0.55); }
.kill-tag { display:inline-block; font-size:10px; letter-spacing:2px; font-weight:700; color:var(--red); background:rgba(255,93,108,0.1); border:1px solid rgba(255,93,108,0.24); padding:4px 8px; border-radius:5px; margin-bottom:16px; }
.kill-tag.good { color:var(--mint); background:rgba(53,245,197,0.1); border-color:rgba(53,245,197,0.28); }
.kill h4 { font-size:17px; color:var(--t-0); margin-bottom:10px; letter-spacing:-.3px; }
.kill p { font-size:13px; color:var(--t-2); line-height:1.6; }
.kill-verdict { margin-top:18px; padding-top:14px; border-top:1px solid var(--glass-brd); font-size:12.5px; font-weight:600; color:var(--t-1); display:flex; align-items:center; gap:8px; }
.kill-verdict .x { color:var(--red); font-weight:800; }
.kill-verdict.good { color:var(--mint); }
.kill-verdict .ok { color:var(--mint); font-weight:800; }

/* ---------- Proof pipeline ---------- */
.pipe { position:relative; display:grid; grid-template-columns:repeat(4,1fr); gap:20px; margin-top:60px; }
.pipe-line { position:absolute; top:26px; left:9%; right:9%; height:2px; background:var(--line); border-radius:2px; overflow:hidden; }
.pipe-line i { display:block; height:100%; width:0; background:var(--grad); box-shadow:0 0 14px var(--mint); transition:width .5s var(--ease); }
.pipe-step { position:relative; text-align:center; padding:0 6px; opacity:.45; transition:opacity .5s var(--ease); }
.pipe-step.act { opacity:1; }
.pipe-ic { width:54px; height:54px; margin:0 auto 18px; border-radius:50%; display:grid; place-items:center; font-size:15px; font-weight:700; color:var(--t-2); background:var(--ink-2); border:1px solid var(--line-2); position:relative; z-index:1; transition:.5s var(--ease); }
.pipe-step.act .pipe-ic { color:#04121a; background:var(--grad); border-color:transparent; box-shadow:0 0 0 6px var(--glow); }
.pipe-step h4 { font-size:16px; color:var(--t-0); margin-bottom:8px; }
.pipe-step p { font-size:13px; color:var(--t-2); line-height:1.6; }

/* ---------- Verify demo ---------- */
.verify { margin-top:52px; max-width:760px; background:var(--ink-1); border:1px solid var(--glass-brd); border-radius:var(--r-lg); overflow:hidden; box-shadow:var(--shadow); }
.vf-top { display:flex; align-items:center; gap:12px; padding:14px 18px; background:var(--ink-2); border-bottom:1px solid var(--line); font-size:12px; color:var(--t-3); }
.vf-path { flex:1; }
.vf-status { font-weight:700; letter-spacing:1px; }
.vf-status.ok { color:var(--mint); }
.vf-status.bad { color:var(--red); }
.vf-body { padding:22px; display:flex; flex-direction:column; gap:12px; }
.vf-row { display:grid; grid-template-columns:120px 1fr; align-items:center; gap:14px; }
.vf-k { font-size:12px; color:var(--t-3); letter-spacing:.5px; }
.vf-in { width:100%; background:var(--ink-2); border:1px solid var(--line); border-radius:8px; padding:10px 12px; color:var(--t-0); font-size:13px; outline:none; transition:border-color .3s; }
.vf-in:focus { border-color:var(--accent); }
.vf-out { margin-top:8px; padding-top:16px; border-top:1px dashed var(--glass-brd); }
.vf-hash-row { display:grid; grid-template-columns:120px 1fr; align-items:center; gap:14px; }
.vf-hash { font-size:12px; color:var(--mint); word-break:break-all; line-height:1.5; }
.verify.bad .vf-hash { color:var(--red); }
.vf-sig { margin-top:12px; font-size:12.5px; color:var(--t-2); }
.verify.bad .vf-sig { color:var(--red); }
.vf-actions { display:flex; gap:12px; padding:0 22px 22px; flex-wrap:wrap; }
.vf-actions .btn { font-size:13px; padding:9px 16px; }

/* ---------- Compliance matrix ---------- */
.fw { margin-top:52px; }
.fw-chips { display:flex; flex-wrap:wrap; gap:10px; }
.fw-chip { font-family:'JetBrains Mono',monospace; font-size:12px; letter-spacing:.5px; padding:9px 15px; border-radius:999px; border:1px solid var(--glass-brd); background:var(--glass); color:var(--t-2); cursor:pointer; transition:.3s var(--ease); }
.fw-chip:hover { color:var(--t-0); border-color:var(--line-2); }
.fw-chip.on { color:#04121a; background:var(--grad); border-color:transparent; font-weight:700; }
.fw-panel { margin-top:26px; background:var(--glass); border:1px solid var(--glass-brd); border-radius:var(--r-lg); padding:30px; min-height:200px; }
.fw-h { font-size:22px; color:var(--t-0); letter-spacing:-.4px; margin-bottom:6px; }
.fw-sub { font-size:14px; color:var(--t-2); margin-bottom:22px; }
.fw-rows { display:flex; flex-direction:column; gap:14px; }
.fw-item { display:grid; grid-template-columns:1fr 1fr; gap:18px; padding:16px; background:var(--ink-2); border:1px solid var(--line); border-radius:var(--r); }
.fw-need { font-size:13px; color:var(--t-2); }
.fw-need b { display:block; color:var(--t-1); font-size:12px; letter-spacing:.5px; margin-bottom:4px; }
.fw-ctrl { font-size:13px; color:var(--t-1); }
.fw-ctrl b { display:flex; align-items:center; gap:7px; color:var(--mint); font-size:12px; letter-spacing:.5px; margin-bottom:4px; }
.fw-ctrl b::before { content:'✓'; font-weight:800; }

/* ---------- Read progress ---------- */
.progress { position:fixed; top:0; left:0; right:0; height:2px; z-index:300; background:transparent; pointer-events:none; }
.progress i { display:block; height:100%; width:0; background:var(--grad); box-shadow:0 0 10px var(--mint); }

/* ---------- Sticky CTA ---------- */
.sticky-cta { position:fixed; right:22px; bottom:22px; z-index:250; display:inline-flex; align-items:center; gap:9px; padding:13px 20px; border-radius:999px; background:var(--grad); color:#04121a; font-weight:700; font-size:14px; text-decoration:none; box-shadow:0 16px 40px -14px rgba(53,245,197,0.5); transform:translateY(140%); opacity:0; transition:transform .5s var(--ease), opacity .5s var(--ease); }
.sticky-cta.show { transform:translateY(0); opacity:1; }
.sc-dot { width:8px; height:8px; border-radius:50%; background:#04121a; animation:telePulse 2s infinite; }

/* ---------- Governance HUD trigger + overlay ---------- */
.hud-trigger { position:fixed; left:22px; bottom:22px; z-index:250; width:46px; height:46px; border-radius:50%; border:1px solid var(--glass-brd); background:rgba(11,15,24,0.7); backdrop-filter:blur(14px); cursor:pointer; display:grid; place-items:center; transition:.3s var(--ease); }
.hud-trigger:hover { border-color:var(--accent); transform:scale(1.06); }
.hud-trigger span { width:12px; height:12px; border-radius:50%; background:var(--mint); box-shadow:0 0 0 0 rgba(53,245,197,0.55); animation:telePulse 2.4s infinite; }
.hud-overlay { position:fixed; inset:0; z-index:400; display:flex; align-items:center; justify-content:center; padding:20px; background:rgba(2,4,8,0.72); backdrop-filter:blur(8px); opacity:0; pointer-events:none; transition:opacity .35s var(--ease); }
.hud-overlay.open { opacity:1; pointer-events:auto; }
.hud-panel { width:100%; max-width:560px; background:var(--ink-1); border:1px solid rgba(53,245,197,0.24); border-radius:var(--r-xl); padding:28px; box-shadow:var(--shadow-glow); transform:translateY(14px) scale(.98); transition:transform .35s var(--ease); }
.hud-overlay.open .hud-panel { transform:none; }
.hud-p-top { display:flex; align-items:center; gap:10px; font-size:12px; letter-spacing:2px; color:var(--accent); margin-bottom:24px; }
.hud-close { margin-left:auto; background:none; border:none; color:var(--t-3); font-size:16px; cursor:pointer; transition:color .3s; }
.hud-close:hover { color:var(--t-0); }
.hud-p-grid { display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.hud-p-cell { padding:16px; background:var(--ink-2); border:1px solid var(--line); border-radius:var(--r); }
.hp-num { font-size:30px; font-weight:700; color:var(--t-0); letter-spacing:-1px; font-variant-numeric:tabular-nums; }
.hp-num.good { color:var(--mint); }
.hp-lbl { font-size:12px; color:var(--t-2); margin-top:6px; }
.hud-p-foot { margin-top:22px; font-size:11px; letter-spacing:1px; color:var(--t-3); text-align:center; }

/* ---------- Command palette ---------- */
.cmdk { position:fixed; inset:0; z-index:420; display:flex; align-items:flex-start; justify-content:center; padding:14vh 20px 20px; background:rgba(2,4,8,0.6); backdrop-filter:blur(6px); opacity:0; pointer-events:none; transition:opacity .25s var(--ease); }
.cmdk.open { opacity:1; pointer-events:auto; }
.cmdk-box { width:100%; max-width:560px; background:var(--ink-1); border:1px solid var(--glass-brd); border-radius:var(--r-lg); overflow:hidden; box-shadow:var(--shadow); transform:translateY(-10px); transition:transform .25s var(--ease); }
.cmdk.open .cmdk-box { transform:none; }
.cmdk-input { width:100%; padding:18px 20px; background:transparent; border:none; border-bottom:1px solid var(--line); color:var(--t-0); font-size:15px; outline:none; }
.cmdk-list { max-height:44vh; overflow-y:auto; padding:8px; }
.cmdk-item { display:flex; align-items:center; gap:12px; padding:11px 14px; border-radius:var(--r); font-size:14px; color:var(--t-1); cursor:pointer; }
.cmdk-item .ci-k { font-size:11px; color:var(--t-3); margin-left:auto; letter-spacing:1px; }
.cmdk-item.on, .cmdk-item:hover { background:var(--glow); color:var(--t-0); }
.cmdk-empty { padding:16px; font-size:13px; color:var(--t-3); }
.cmdk-foot { display:flex; justify-content:space-between; padding:12px 18px; border-top:1px solid var(--line); font-size:11px; color:var(--t-3); }
.cmdk-hint { border:1px solid var(--line-2); border-radius:5px; padding:2px 7px; }

/* ---------- Board-ready print ---------- */
.board-print { display:none; }
@media print {
  body * { visibility:hidden !important; }
  #board-print, #board-print * { visibility:visible !important; }
  #board-print { display:block !important; position:absolute; top:0; left:0; width:100%; padding:48px; background:#fff; color:#0a1120; font-family:'Inter',sans-serif; }
  .bp-brand { font-size:13px; letter-spacing:4px; text-transform:uppercase; color:#08b98a; font-weight:700; }
  .bp-title { font-size:30px; font-weight:800; margin:10px 0 4px; }
  .bp-sub { font-size:13px; color:#4a566b; margin-bottom:30px; }
  .bp-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; margin-bottom:26px; }
  .bp-card { border:1px solid #dbe3ef; border-radius:12px; padding:20px; }
  .bp-card .k { font-size:12px; color:#4a566b; text-transform:uppercase; letter-spacing:1px; }
  .bp-card .v { font-size:28px; font-weight:800; margin-top:6px; }
  .bp-card .v.save { color:#08b98a; }
  .bp-note { font-size:12px; color:#4a566b; line-height:1.6; border-top:1px solid #dbe3ef; padding-top:16px; }
}

/* ---------- Responsive ---------- */
@media (max-width:1100px){ .pc-grid { grid-template-columns:repeat(3,1fr); } }
@media (max-width:960px){
  .hero-grid,.calc,.qdeck { grid-template-columns:1fr; }
  .arch-grid,.team-grid,.stat-grid,.sec-grid { grid-template-columns:1fr; }
  .ind-grid,.caps-grid { grid-template-columns:repeat(2,1fr); }
  .proc-steps { grid-template-columns:repeat(2,1fr); gap:28px; }
  .proc-line { display:none; }
  .calc-controls { border-right:none; border-bottom:1px solid var(--glass-brd); }
  .matrix { overflow-x:auto; } .matrix table{ min-width:640px; }
  .section { padding:80px 0; }
  .token-compare { grid-template-columns:1fr auto 1fr; }
  .token-compare .tnote { grid-column:1 / -1; text-align:center; max-width:none; margin-top:6px; }
  .vs-grid { grid-template-columns:1fr; }
  .vs-arrow { transform:rotate(90deg); justify-self:center; }
  .tele-grid { grid-template-columns:repeat(2,1fr); gap:22px 18px; }
  .kill-grid { grid-template-columns:repeat(2,1fr); }
  .pipe { grid-template-columns:repeat(2,1fr); row-gap:36px; }
  .pipe-line { display:none; }
  .fw-item { grid-template-columns:1fr; gap:10px; }
  .verify { max-width:none; }
}
@media (max-width:640px){
  .nlogo img { height:72px; }
  nav.scrolled .nlogo img { height:58px; }
  .pc-grid { grid-template-columns:repeat(2,1fr); gap:10px; }
  .pc-digit { font-size:20px; }
  .pc-head { flex-direction:column; align-items:flex-start; }
  .token-compare { grid-template-columns:1fr; }
  .token-compare .tarrow { transform:rotate(90deg); justify-self:center; }
  .ind-grid,.caps-grid { grid-template-columns:1fr; }
  .kill-grid { grid-template-columns:1fr; }
  .pipe { grid-template-columns:1fr; }
  .hud-p-grid { grid-template-columns:1fr; }
  .vf-row, .vf-hash-row { grid-template-columns:1fr; gap:6px; }
  .sticky-cta { right:14px; bottom:14px; font-size:13px; padding:11px 15px; }
  .hud-trigger { left:14px; bottom:14px; }
}