/* ═══════════════════════════════════════════════════════════════════════
   NEURALSHORE v6 — Deep Space Precision
   Design System: Full dark, electric green accent, crystalline glass cards
   ═══════════════════════════════════════════════════════════════════════ */

:root {
  /* ── Typography System ── */
  --font-sans: Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --font-mono: 'JetBrains Mono', 'Fira Code', 'Consolas', monospace;
  --font-serif: 'Instrument Serif', Georgia, serif;

  /* ── Font Sizes (Type Scale) ── */
  --fs-0: 0.875rem;                 /* 14px - small */
  --fs-1: 1rem;                      /* 16px - body */
  --fs-2: clamp(1.25rem, 1.1rem + 0.8vw, 1.75rem); /* 20-28px - h3 */
  --fs-3: clamp(1.6rem, 1.3rem + 1.5vw, 2.25rem);  /* 26-36px - h2 */
  --fs-4: clamp(2rem, 1.5rem + 2.5vw, 3rem);       /* 32-48px - h1 */

  /* ── Line Heights ── */
  --lh-body: 1.6;
  --lh-tight: 1.2;
  --lh-loose: 1.8;

  /* ── Core palette: deep space blacks ── */
  --void:   #07090F;
  --surf:   #0B0E18;
  --raised: #101422;
  --elev:   #161B2E;
  --card:   #0F1320;

  /* ── Borders ── */
  --bdr:    #1C2640;
  --bdr-hi: #2C3F62;
  --bdr-glow: rgba(0,229,160,.25);

  /* ── Accent: one green to rule them all ── */
  --green:   #00E5A0;
  --green-d: #00B880;
  --green-g: rgba(0,229,160,.08);

  /* ── Secondary accents ── */
  --blue:    #3060F0;
  --blue-l:  #5B82FF;
  --orange:  #FF8042;
  --teal:    #00C8B8;
  --red:     #FF4466;

  /* ── Text hierarchy ── */
  --frost:   #E8EFFF;
  --dim:     #6882A8;
  --muted:   #38496A;
  --text:    var(--frost);
  --text-muted: var(--dim);

  /* ── Layout ── */
  --nav-h:   68px;
  --max:     1180px;
  --r:       14px;
  --r-sm:    8px;
  --r-lg:    22px;

  /* ── Motion ── */
  --ease-out: cubic-bezier(0.16,1,0.3,1);
  --ease-io:  cubic-bezier(0.4,0,0.2,1);
  --t-f:      0.18s cubic-bezier(0.4,0,0.2,1);
  --t-m:      0.34s cubic-bezier(0.4,0,0.2,1);

  /* ── Light section palette (for mixed design) ── */
  --light-bg: #FFFFFF;
  --light-surf: #F8F9FA;
  --light-raised: #F0F2F5;
  --light-elev: #E8EBEF;
  --light-bdr: #E1E4E8;
  --light-bdr-hi: #D1D5DA;
  --light-text: #0F172A;
  --light-dim: #475569;
  --light-muted: #94A3B8;
  
  /* ── Theme transition ── */
  --theme-transition: background-color 0.3s cubic-bezier(0.4,0,0.2,1), 
                       color 0.3s cubic-bezier(0.4,0,0.2,1),
                       border-color 0.3s cubic-bezier(0.4,0,0.2,1);
}

/* ══ RESET ════════════════════════════════════════════════════════════ */
*,*::before,*::after { box-sizing:border-box; margin:0; padding:0 }
html { scroll-behavior:smooth; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale }
body {
  background:var(--void);
  color:var(--text);
  font-family:var(--font-sans);
  font-size:var(--fs-1);
  line-height:var(--lh-body);
  overflow-x:hidden;
  cursor:auto;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
}

/* Subtle grain + grid texture overlay */
body::before {
  content:'';
  position:fixed; inset:0;
  background-image:
    linear-gradient(rgba(0,229,160,.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0,229,160,.025) 1px, transparent 1px);
  background-size:52px 52px;
  pointer-events:none; z-index:0;
  opacity:0.3;
}
body::after {
  content:'';
  position:fixed; inset:0;
  background:radial-gradient(ellipse 80% 60% at 50% 0%, rgba(0,229,160,.04) 0%, transparent 70%);
  pointer-events:none; z-index:0;
}

a { color:inherit; text-decoration:none }
button { font-family:inherit; cursor:pointer; border:none; outline:none; background:none }
img { max-width:100%; display:block }
ul,ol { list-style:none }
input,textarea,select { font-family:inherit }
::selection { background:var(--green); color:var(--void) }
::-webkit-scrollbar { width:4px }
::-webkit-scrollbar-track { background:var(--void) }
::-webkit-scrollbar-thumb { background:var(--muted); border-radius:2px }
::-webkit-scrollbar-thumb:hover { background:var(--green-d) }

/* ══ LAYOUT UTILITIES ════════════════════════════════════════════════ */
.w { width:100%; max-width:var(--max); margin:0 auto; padding:0 28px }
.sec { padding:110px 0 }

/* ══ TYPOGRAPHY SYSTEM ═══════════════════════════════════════════════ */
/* Headings */
h1, h2, h3, h4, h5, h6 {
  margin:0 0 0.6em;
  line-height:var(--lh-tight);
  letter-spacing:-0.02em;
  font-family:var(--font-sans);
  font-weight:800;
  color:inherit;
}

h1 {
  font-size:var(--fs-4);
  font-weight:800;
}

h2 {
  font-size:var(--fs-3);
  font-weight:700;
}

h3 {
  font-size:var(--fs-2);
  font-weight:600;
}

/* Paragraphs */
p {
  margin:0 0 1em;
  color:var(--text);
  max-width:65ch;
  line-height:var(--lh-body);
}

/* Small text */
small, .text-small {
  font-size:var(--fs-0);
  color:var(--text-muted);
  line-height:var(--lh-body);
}

/* Links */
a {
  color:inherit;
  text-decoration:none;
  transition:opacity 0.2s ease, color 0.2s ease;
}

a:hover {
  text-decoration:none;
}

/* Buttons (even when they're links) should never have underlines */
a.btn, a.button, button {
  text-decoration:none !important;
}

a.btn:hover, a.button:hover, button:hover {
  text-decoration:none !important;
}

/* Buttons */
button, .btn, .button {
  font-family:var(--font-sans);
  font-weight:600;
  letter-spacing:0.05em;
  text-transform:none;
  text-decoration:none;
}

/* Labels (mono for technical labels) */
.lbl {
  font-family:var(--font-mono);
  font-size:var(--fs-0);
  font-weight:600;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--blue);
  display:inline-flex;
  align-items:center;
  gap:10px;
}

.lbl::before {
  content:'';
  width:24px;
  height:1px;
  background:currentColor;
  flex-shrink:0;
}

/* Utility Classes */
.h2 {
  font-size:var(--fs-3);
  font-weight:700;
  line-height:var(--lh-tight);
  letter-spacing:-0.02em;
}

.h3 {
  font-size:var(--fs-2);
  font-weight:600;
  line-height:var(--lh-tight);
  letter-spacing:-0.01em;
}

.bdlg {
  font-size:clamp(1.125rem, 1rem + 0.5vw, 1.25rem);
  line-height:var(--lh-loose);
  color:var(--text-muted);
}

.bdmd {
  font-size:var(--fs-1);
  line-height:var(--lh-body);
  color:var(--text-muted);
}

.mono {
  font-family:var(--font-mono);
}

.serif {
  font-family:var(--font-serif);
  font-style:italic;
}

.green {
  color:var(--green);
}
.div-line { width:100%; height:1px; background:var(--bdr) }

/* ══ SCROLL REVEAL ═══════════════════════════════════════════════════ */
.sr  { opacity:0; transform:translateY(28px); transition:opacity .75s var(--ease-out), transform .75s var(--ease-out) }
.sr.in  { opacity:1; transform:none }
.sr-r { opacity:0; transform:translateX(32px); transition:opacity .68s var(--ease-out), transform .68s var(--ease-out) }
.sr-r.in { opacity:1; transform:none }
.sr-l { opacity:0; transform:translateX(-32px); transition:opacity .68s var(--ease-out), transform .68s var(--ease-out) }
.sr-l.in { opacity:1; transform:none }
.d1{transition-delay:.08s} .d2{transition-delay:.16s} .d3{transition-delay:.24s}
.d4{transition-delay:.32s} .d5{transition-delay:.42s} .d6{transition-delay:.54s}

/* ══ KEYFRAMES ═══════════════════════════════════════════════════════ */
@keyframes pulse   { 0%,100%{opacity:1;transform:scale(1)} 50%{opacity:.45;transform:scale(.8)} }
@keyframes blink   { 0%,100%{opacity:1} 50%{opacity:0} }
@keyframes float   { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-12px)} }
@keyframes scan    { 0%{top:-2px;opacity:0} 5%,95%{opacity:1} 100%{top:100%;opacity:0} }
@keyframes fadeup  { from{opacity:0;transform:translateY(22px)} to{opacity:1;transform:none} }
@keyframes shimmer { 0%{background-position:-200% center} 100%{background-position:200% center} }
@keyframes glow-pulse { 0%,100%{opacity:.6} 50%{opacity:1} }

/* ══ HIDDEN CURSOR ELEMENTS ══════════════════════════════════════════ */
#cur,#cur-r { display:none }

/* ══ BUTTONS ═════════════════════════════════════════════════════════ */
.btn {
  display:inline-flex; align-items:center; gap:9px;
  font-family:'JetBrains Mono',monospace;
  font-size:11px; font-weight:600;
  letter-spacing:.1em; text-transform:uppercase;
  padding:14px 28px; border-radius:var(--r-sm);
  transition:var(--t-f); cursor:pointer; white-space:nowrap;
  text-decoration:none;
}
.btn-p {
  background:var(--green);
  color:var(--void);
  box-shadow:none;
  text-decoration:none;
}
.btn-p:hover {
  background:#00B880;
  transform:none;
  box-shadow:none;
  text-decoration:none;
}
.btn-g {
  background:transparent;
  color:var(--frost);
  border:1px solid var(--bdr-hi);
  text-decoration:none;
}
.btn-g:hover {
  border-color:var(--green);
  color:var(--green);
  background:var(--green-g);
  text-decoration:none;
}
.btn-lg { font-size:12px; padding:17px 36px }
.btn svg { transition:transform var(--t-f) }
.btn:hover svg { transform:translateX(5px) }

/* ══ TAGS & BADGES ═══════════════════════════════════════════════════ */
.tags { display:flex; flex-wrap:wrap; gap:5px }
.tag {
  font-family:'JetBrains Mono',monospace;
  font-size:9px; letter-spacing:.06em;
  padding:3px 9px; border-radius:4px;
  background:var(--raised); color:var(--dim); border:1px solid var(--bdr);
}
.tg  { background:rgba(48,96,240,.1);  color:var(--blue-l); border-color:rgba(48,96,240,.25) }
.tb  { background:rgba(91,130,255,.1); color:var(--blue-l); border-color:rgba(91,130,255,.25) }
.to  { background:rgba(255,128,66,.1); color:var(--orange); border-color:rgba(255,128,66,.25) }
.tt  { background:rgba(0,200,184,.1);  color:var(--teal);   border-color:rgba(0,200,184,.25) }
.badge {
  font-family:'JetBrains Mono',monospace;
  font-size:9px; letter-spacing:.1em; text-transform:uppercase;
  padding:5px 12px; border-radius:4px; white-space:nowrap;
}
.bg  { background:rgba(0,229,160,.08); border:1px solid rgba(0,229,160,.3);  color:var(--green) }
.bb  { background:rgba(91,130,255,.1); border:1px solid rgba(91,130,255,.3); color:var(--blue-l) }
.bo  { background:rgba(255,128,66,.1); border:1px solid rgba(255,128,66,.3); color:var(--orange) }
.cert {
  display:flex; align-items:center; gap:7px;
  font-family:'JetBrains Mono',monospace;
  font-size:9px; letter-spacing:.09em;
  padding:5px 13px; border-radius:4px; text-transform:uppercase;
}
.cert-g { background:rgba(0,229,160,.1);  border:1px solid rgba(0,229,160,.25);  color:#00B880; font-weight:500 }
.cert-b { background:rgba(48,96,240,.1); border:1px solid rgba(48,96,240,.25); color:var(--blue); font-weight:500 }
.cert-o { background:rgba(255,128,66,.1); border:1px solid rgba(255,128,66,.25); color:#E66A2E; font-weight:500 }

/* ══ NAV ═════════════════════════════════════════════════════════════ */
#nav {
  position:fixed; top:0; left:0; right:0; z-index:900;
  height:var(--nav-h);
  display:flex; align-items:center;
  transition:background var(--t-m), border-color var(--t-m), backdrop-filter var(--t-m);
  border-bottom:1px solid transparent;
}
#nav.sc {
  background:rgba(7,9,15,.88);
  border-color:var(--bdr);
  backdrop-filter:blur(20px);
  -webkit-backdrop-filter:blur(20px);
}
.nav-in {
  display:flex; align-items:center; justify-content:space-between;
  width:100%; max-width:var(--max); margin:0 auto; padding:0 28px;
}
.n-logo { display:flex; align-items:center; gap:11px }
.n-lm { display:grid; grid-template-columns:1fr 1fr; gap:3px }
.n-lm span { display:block; width:9px; height:9px; border-radius:2px }
.n-lt {
  font-family:'JetBrains Mono',monospace;
  font-size:15px; font-weight:700;
  display:flex; color:#E8EFFF;
  letter-spacing:-.01em;
  transition:color .2s;
}
.n-lt em { color:var(--green); font-style:normal; transition:color .2s }
.n-lm { transition:opacity .2s }
.n-links {
  display:flex;
  align-items:center;
  gap:2px;
}

.n-links a {
  font-family:var(--font-sans);
  font-size:0.875rem;
  font-weight:500;
  letter-spacing:0;
  color:var(--text-muted);
  padding:8px 14px;
  border-radius:var(--r-sm);
  transition:color var(--t-f), background var(--t-f);
  text-transform:none;
}

.n-links a:hover,
.n-links a.active {
  color:var(--green);
}

.n-links a.active {
  background:rgba(0,229,160,.07);
}
.n-right { display:flex; align-items:center; gap:10px }
.n-iso {
  font-family:'JetBrains Mono',monospace;
  font-size:9px; letter-spacing:.1em;
  color:var(--green);
  background:rgba(0,229,160,.08);
  border:1px solid rgba(0,229,160,.22);
  border-radius:4px; padding:4px 10px;
}
.ham { display:none; flex-direction:column; gap:5.5px; cursor:pointer; padding:4px }
.ham span { display:block; width:22px; height:1.5px; background:#E8EFFF; border-radius:1px; transition:var(--t-f) }
.ham.open span:nth-child(1) { transform:translateY(7px) rotate(45deg) }
.ham.open span:nth-child(2) { opacity:0 }
.ham.open span:nth-child(3) { transform:translateY(-7px) rotate(-45deg) }
#mob {
  position:fixed; inset:0; z-index:800;
  background:rgba(7,9,15,.97);
  backdrop-filter:blur(24px);
  padding:88px 32px 40px;
  display:flex; flex-direction:column; gap:4px;
  transform:translateX(100%); transition:transform var(--t-m);
  border-left:1px solid var(--bdr);
}
#mob.open { transform:none }
#mob a {
  font-family:'JetBrains Mono',monospace;
  font-size:14px; letter-spacing:.06em;
  color:var(--dim); padding:16px 0;
  border-bottom:1px solid var(--bdr);
  text-transform:uppercase;
  transition:color var(--t-f);
  display:flex; justify-content:space-between; align-items:center;
}
#mob a:hover { color:var(--green) }

/* ══ HERO ════════════════════════════════════════════════════════════ */
#hero {
  min-height:100vh;
  display:flex; flex-direction:column; justify-content:center;
  position:relative; overflow:hidden;
  padding-top:var(--nav-h);
  background:var(--void);
}
#hcv { position:absolute; inset:0; width:100%; height:100%; pointer-events:none; opacity:.55 }
.h-scan {
  position:absolute; left:0; right:0; height:1.5px;
  background:linear-gradient(90deg,transparent,rgba(0,229,160,.6),transparent);
  animation:scan 10s linear infinite; pointer-events:none; z-index:1;
}
.h-glow {
  position:absolute; top:10%; left:50%; transform:translate(-50%,-50%);
  width:900px; height:800px;
  background:radial-gradient(ellipse,rgba(0,229,160,.055) 0%,rgba(48,96,240,.03) 45%,transparent 70%);
  pointer-events:none;
}
.h-grid {
  display:grid; grid-template-columns:1fr 430px;
  gap:64px; align-items:center;
  padding:72px 0; position:relative; z-index:2;
}
.h-eyebrow { display:flex; align-items:center; gap:10px; margin-bottom:24px }
.live-dot {
  width:8px; height:8px; border-radius:50%;
  background:var(--green);
  box-shadow:0 0 8px rgba(0,229,160,.6);
  animation:pulse 2.2s ease-in-out infinite; flex-shrink:0;
}
.h-h1 {
  font-size:clamp(44px,6.8vw,80px);
  font-weight:800; line-height:1.02;
  letter-spacing:-.028em; margin-bottom:24px;
  color:var(--frost);
}
.h-h1 .ital {
  font-family:'Instrument Serif',serif;
  font-style:italic; font-weight:400;
  color:var(--green); font-size:.9em;
}
.h-sub {
  font-size:16.5px; line-height:1.82;
  color:var(--dim); max-width:500px; margin-bottom:36px;
}
.h-btns { display:flex; align-items:center; gap:12px; flex-wrap:wrap }

/* Project Runway quote callout */
.h-runway {
  margin-bottom:30px;
  padding:18px 22px 18px 26px;
  background:linear-gradient(135deg,rgba(0,229,160,.07),rgba(48,96,240,.04));
  border:1px solid rgba(0,229,160,.2);
  border-left:3px solid var(--green);
  border-radius:0 var(--r-sm) var(--r-sm) 0;
  position:relative;
}
.h-runway::before {
  content:'';
  position:absolute; top:0; left:0; right:0; bottom:0;
  background:linear-gradient(135deg,rgba(0,229,160,.02),transparent);
  border-radius:inherit;
}
.h-runway-q {
  font-family:var(--font-sans);
  font-style:normal; font-size:clamp(14px,1.4vw,17px);
  color:rgba(232,239,255,.85);
  line-height:1.65; margin-bottom:7px; position:relative;
}
.h-runway-q em { font-style:normal; color:var(--green); font-family:var(--font-sans); font-weight:600 }
.h-runway-tag {
  font-family:'JetBrains Mono',monospace;
  font-size:9px; letter-spacing:.14em; text-transform:uppercase;
  color:rgba(0,229,160,.65); position:relative;
}

/* Trust micro-chips */
.h-trust { display:flex; align-items:center; gap:16px; flex-wrap:wrap; margin-top:20px }
.h-trust-chip {
  display:flex; align-items:center; gap:7px;
  font-family:'JetBrains Mono',monospace;
  font-size:9.5px; letter-spacing:.07em;
  color:rgba(232,239,255,.45); text-transform:uppercase;
}
.h-trust-chip .htc-dot {
  width:4px; height:4px; border-radius:50%;
  background:rgba(0,229,160,.6); flex-shrink:0;
}
.h-trust-sep { width:1px; height:16px; background:var(--bdr) }

/* Metric cards */
.h-metrics { display:flex; align-items:stretch; gap:10px; margin-top:36px; flex-wrap:wrap }
.hm-card {
  background:rgba(255,255,255,.03);
  border:1px solid var(--bdr);
  border-radius:var(--r-sm); padding:14px 20px;
  min-width:110px; flex:1;
  transition:border-color var(--t-f), background var(--t-f);
}
.hm-card:hover { border-color:rgba(0,229,160,.3); background:rgba(0,229,160,.04) }
.hm-n { font-size:26px; font-weight:800; color:var(--frost); letter-spacing:-.02em; line-height:1 }
.hm-l { font-family:'JetBrains Mono',monospace; font-size:9px; color:var(--dim); letter-spacing:.1em; text-transform:uppercase; margin-top:6px }
.hm-card .hm-n { font-size:28px }
.hm-card .hm-l { font-size:9px; margin-top:6px }
.hm-d { width:1px; height:36px; background:var(--bdr) }

/* ══ TERMINAL ════════════════════════════════════════════════════════ */
.trm {
  background:var(--surf);
  border:1px solid var(--bdr);
  border-radius:16px; overflow:hidden;
  box-shadow:0 40px 100px rgba(0,0,0,.7), 0 0 0 1px rgba(0,229,160,.06);
  animation:float 7s ease-in-out infinite;
}
.trm-bar {
  background:var(--raised);
  border-bottom:1px solid var(--bdr);
  padding:12px 18px;
  display:flex; align-items:center; gap:9px;
}
.trm-dots { display:flex; gap:7px }
.trm-dot { width:11px; height:11px; border-radius:50% }
.trm-title { font-family:'JetBrains Mono',monospace; font-size:11px; color:var(--dim); margin-left:8px }
.trm-body {
  padding:22px; background:var(--surf);
  font-family:'JetBrains Mono',monospace;
  font-size:11.5px; line-height:1.88;
  min-height:300px; color:var(--frost);
}
.tcursor {
  display:inline-block; width:7px; height:13px;
  background:var(--green); vertical-align:middle;
  animation:blink 1.1s step-end infinite; margin-left:2px;
}
.trm-status {
  border-top:1px solid var(--bdr);
  background:var(--raised); padding:9px 22px;
  display:flex; justify-content:space-between; align-items:center; gap:12px;
}
.trm-status .mono { font-size:10px; color:var(--dim) }
.ts-dot {
  width:6px; height:6px; border-radius:50%;
  background:var(--green); box-shadow:0 0 6px rgba(0,229,160,.5);
  animation:pulse 2s infinite; flex-shrink:0;
}

/* ══ RUNWAY BANNER ════════════════════════════════════════════════════ */
#runway-banner {
  background:linear-gradient(135deg,#080E1C,#0A1226);
  border-top:1px solid rgba(0,229,160,.18);
  border-bottom:1px solid rgba(0,229,160,.1);
  padding:24px 0;
}
.rb-inner { display:flex; align-items:center; justify-content:center; gap:22px; flex-wrap:wrap }
.rb-quote {
  font-family:var(--font-sans); font-style:normal;
  font-size:clamp(15px,1.9vw,21px); color:var(--frost); letter-spacing:-.01em;
}
.rb-quote em { font-style:normal; color:var(--green); font-weight:600 }
.rb-cta {
  flex-shrink:0;
  font-family:'JetBrains Mono',monospace;
  font-size:9px; letter-spacing:.13em; text-transform:uppercase;
  color:var(--green); border:1px solid rgba(0,229,160,.35);
  border-radius:4px; padding:8px 18px; transition:background .18s;
  white-space:nowrap;
}
.rb-cta:hover { background:rgba(0,229,160,.1) }

/* ══ STATS BAR ════════════════════════════════════════════════════════ */
#sbar {
  padding:28px 0;
  background:var(--surf);
  border-top:1px solid var(--bdr);
  border-bottom:1px solid var(--bdr);
}
.sb-in {
  display:flex; align-items:center;
  justify-content:space-between; gap:18px; flex-wrap:wrap;
}
.sb-it { display:flex; align-items:center; gap:14px; flex:1; min-width:140px }
.sb-ico {
  width:42px; height:42px; border-radius:10px;
  background:rgba(0,229,160,.07);
  border:1px solid rgba(0,229,160,.18);
  display:flex; align-items:center; justify-content:center;
  font-size:18px; flex-shrink:0;
}
.sb-num { font-size:24px; font-weight:800; color:var(--frost); line-height:1; letter-spacing:-.02em }
.sb-lbl {
  font-family:'JetBrains Mono',monospace; font-size:9px;
  color:var(--dim); letter-spacing:.1em; text-transform:uppercase; margin-top:3px;
}
.sb-vd { width:1px; height:46px; background:var(--bdr) }

/* ══ PROBLEM / ICEBERG ════════════════════════════════════════════════ */
#problem { 
  padding:110px 0;
  background:var(--light-bg);
  color:var(--light-text);
}
#problem .lbl { color:var(--blue) }
#problem .bdlg,
#problem .bdmd { color:var(--light-dim) }
#problem .h2 { color:var(--light-text) }
#problem strong { color:var(--light-text); font-weight:700 }
#problem .iceberg { 
  border-color:var(--light-bdr);
  box-shadow:0 4px 30px rgba(0,0,0,.08);
}
#problem .ice-ab { 
  background:var(--light-raised);
  border-bottom-color:var(--light-bdr);
}
#problem .ice-lbl { color:var(--light-dim); font-weight:600 }
#problem .ice-sal { color:var(--light-text) }
#problem .ice-sub { color:var(--light-dim) }
#problem .ice-bl { background:var(--light-surf) }
#problem .hcr { 
  border-bottom-color:var(--light-bdr);
  color:var(--light-text);
}
#problem .hcr-n { color:var(--light-dim) }
#problem .hcr-v { color:var(--light-text); font-weight:600 }
#problem .ice-tot-l { color:var(--light-text) }
#problem .ice-tot-v { color:var(--light-text); font-weight:800 }
#problem .waterline { 
  background:var(--light-raised);
  border-bottom-color:var(--light-bdr);
  color:var(--light-dim);
}
#problem .ns-ans {
  background:var(--light-raised);
  border-color:var(--light-bdr);
}
#problem .ns-ans-lbl { color:var(--light-dim); font-weight:600 }
#problem .ns-price { color:var(--light-text) }
#problem .ns-unit { color:var(--light-dim) }
#problem .ns-note { color:var(--light-dim) }
#problem .save-pill {
  background:var(--light-elev);
  border-color:var(--light-bdr);
  color:var(--light-text);
  font-weight:600;
}
#problem .bi {
  background:var(--light-raised);
  border-color:var(--light-bdr);
  color:var(--light-text);
}
#problem .bi-t { color:var(--light-text) }
#problem .bi-d { color:var(--light-dim) }
#problem .bi:hover { border-color:var(--light-bdr-hi) }
#problem .btn-g {
  border-color:var(--light-bdr);
  color:var(--light-text);
}
#problem .btn-g:hover {
  border-color:var(--blue);
  color:var(--blue);
  background:rgba(48,96,240,.08);
}
.prob-g { display:grid; grid-template-columns:1fr 1fr; gap:80px; align-items:start }
.iceberg {
  border:1px solid var(--bdr); border-radius:var(--r); overflow:hidden;
  box-shadow:0 4px 30px rgba(0,0,0,.4);
}
.ice-ab {
  padding:24px 26px;
  background:var(--light-raised);
  border-bottom:1px solid var(--light-bdr);
}
.ice-lbl {
  font-family:'JetBrains Mono',monospace; font-size:9px;
  letter-spacing:.15em; text-transform:uppercase; color:var(--light-dim); margin-bottom:10px;
  font-weight:600;
}
.ice-sal {
  font-size:40px; font-weight:800; letter-spacing:-.03em;
  color:var(--light-text); line-height:1;
}
.ice-sub { font-size:11.5px; color:var(--light-dim); margin-top:6px }
/* Override for light sections */
#problem .ice-sal { color:var(--light-text) }
.waterline {
  display:flex; justify-content:space-between; align-items:center;
  padding:9px 14px;
  background:var(--light-raised);
  border-bottom:1px solid var(--light-bdr);
  font-family:'JetBrains Mono',monospace; font-size:9px;
  letter-spacing:.1em; text-transform:uppercase; color:var(--light-dim);
  font-weight:600;
}
.ice-bl { background:var(--light-surf) }
.hcr {
  display:flex; justify-content:space-between; align-items:center;
  padding:11px 18px; border-bottom:1px solid var(--light-bdr);
  font-size:12.5px;
}
.hcr:last-child { border:none }
.hcr-n { color:var(--light-dim) }
.hcr-v { font-family:'JetBrains Mono',monospace; font-size:12px; color:var(--light-text); font-weight:600 }
.ice-tot {
  display:flex; justify-content:space-between; align-items:center;
  padding:14px 18px;
  background:var(--light-raised);
  border-top:1px solid var(--light-bdr);
}
.ice-tot-l { font-size:13px; font-weight:700; color:var(--light-text) }
.ice-tot-v { font-size:20px; font-weight:800; color:var(--light-text); font-family:'JetBrains Mono',monospace }
.ns-ans {
  margin-top:14px;
  background:var(--light-raised);
  border:1px solid var(--light-bdr);
  border-radius:var(--r-sm); padding:20px 24px;
}
.ns-ans-lbl {
  font-family:'JetBrains Mono',monospace; font-size:9px;
  letter-spacing:.15em; text-transform:uppercase; color:var(--light-dim); margin-bottom:10px;
  font-weight:600;
}
.ns-pr { display:flex; align-items:baseline; gap:8px; margin-bottom:6px }
.ns-price { font-size:40px; font-weight:800; color:var(--light-text); letter-spacing:-.03em }
.ns-unit { font-family:'JetBrains Mono',monospace; font-size:12px; color:var(--light-dim) }
.ns-note { font-family:'JetBrains Mono',monospace; font-size:10px; color:var(--light-dim); margin-bottom:14px }
.save-pill {
  display:inline-flex; align-items:center; gap:8px;
  background:var(--light-elev);
  border:1px solid var(--light-bdr);
  border-radius:20px; padding:5px 16px;
  font-family:'JetBrains Mono',monospace; font-size:10px;
  color:var(--light-text); letter-spacing:.06em;
  font-weight:600;
}
.bi {
  display:flex; gap:13px; align-items:flex-start;
  padding:15px; background:var(--raised);
  border:1px solid var(--bdr); border-radius:10px;
  margin-bottom:10px; transition:var(--t-f);
}
.bi:hover { border-color:var(--bdr-hi); transform:translateX(3px) }
.bi-ic { font-size:15px; flex-shrink:0; margin-top:2px }
.bi-t { font-size:13.5px; font-weight:700; color:var(--frost); margin-bottom:4px }
.bi-d { font-size:12px; color:var(--dim); line-height:1.6 }

/* ══ TRUST / DLYTICA ═════════════════════════════════════════════════ */
#trust { 
  padding:90px 0; 
  background:var(--light-bg);
  color:var(--light-text);
}
#trust .lbl { color:var(--blue) }
#trust .bdlg,
#trust .bdmd { color:var(--light-dim) }
#trust .h2 { color:var(--light-text) }
#trust .dly-card {
  background:var(--light-bg);
  border-color:var(--light-bdr);
  color:var(--light-text);
  box-shadow:0 2px 12px rgba(0,0,0,.06);
}
#trust .dly-desc { color:var(--light-dim) }
#trust .prod-card {
  background:var(--light-bg);
  border-color:var(--light-bdr);
  box-shadow:0 1px 4px rgba(0,0,0,.04);
}
#trust .prod-name { color:var(--light-text) }
#trust .prod-desc { color:var(--light-dim) }
#trust .ofc {
  background:var(--light-bg);
  border-color:var(--light-bdr);
  box-shadow:0 1px 4px rgba(0,0,0,.04);
}
#trust .ofc-cn { color:var(--light-text) }
#trust .ofc-ad { color:var(--light-dim) }
#trust .ofc-ph a { color:var(--blue) }
#trust .ofc-ph a:hover { color:var(--blue-l) }
.trust-g { display:grid; grid-template-columns:1fr 1fr; gap:56px; align-items:start }
.dly-card {
  background:var(--light-bg);
  border:1px solid var(--light-bdr);
  border-radius:var(--r); padding:30px;
  margin-bottom:14px; position:relative; overflow:hidden;
  box-shadow:0 2px 12px rgba(0,0,0,.06);
}
.dly-card::before {
  content:''; position:absolute; top:0; left:0; right:0; height:2px;
  background:linear-gradient(90deg,var(--blue),var(--blue-l));
}
.dly-lr { display:flex; align-items:center; gap:14px; margin-bottom:18px }
.dly-ico {
  width:46px; height:46px; border-radius:12px;
  background:linear-gradient(135deg,var(--blue),var(--blue-l));
  display:flex; align-items:center; justify-content:center;
  font-weight:800; font-size:18px; color:white; flex-shrink:0;
}
.dly-name { font-size:21px; font-weight:800; color:var(--light-text); letter-spacing:-.015em }
.dly-name em { font-style:normal; color:var(--blue) }
.dly-tag { font-family:'JetBrains Mono',monospace; font-size:11px; color:var(--light-dim); letter-spacing:.08em }
.dly-desc { font-size:14px; color:var(--light-dim); line-height:1.75; margin-bottom:18px }
.dly-links { display:flex; flex-wrap:wrap; gap:7px }
.dly-link {
  font-family:'JetBrains Mono',monospace; font-size:10px; letter-spacing:.07em;
  color:var(--blue);
  background:rgba(48,96,240,.08); border:1px solid rgba(48,96,240,.2);
  border-radius:4px; padding:5px 13px; transition:var(--t-f);
  text-transform:uppercase; display:inline-block;
}
.dly-link:hover { background:rgba(48,96,240,.12); border-color:rgba(48,96,240,.35); color:var(--blue-l) }
.cert-row { display:flex; gap:7px; flex-wrap:wrap; margin-top:16px }
.prod-g { display:grid; grid-template-columns:1fr 1fr; gap:10px }
.prod-card {
  background:var(--light-bg); border:1px solid var(--light-bdr);
  border-radius:10px; padding:16px; transition:var(--t-f);
  box-shadow:0 1px 4px rgba(0,0,0,.04);
}
.prod-card:hover { 
  border-color:var(--light-bdr-hi); 
  transform:translateY(-2px); 
  box-shadow:0 4px 16px rgba(0,0,0,.1);
  background:var(--light-raised);
}
.prod-ico { font-size:24px; margin-bottom:8px; opacity:0.8 }
.prod-name { font-size:13px; font-weight:700; color:var(--light-text); margin-bottom:5px }
.prod-desc { font-size:11.5px; color:var(--light-dim); line-height:1.55 }
.offices { display:flex; flex-direction:column; gap:10px }
.ofc {
  background:var(--light-bg); border:1px solid var(--light-bdr);
  border-radius:10px; padding:16px 18px;
  display:flex; gap:14px; align-items:flex-start; transition:var(--t-f);
  box-shadow:0 1px 4px rgba(0,0,0,.04);
}
.ofc:hover { 
  border-color:var(--light-bdr-hi); 
  background:var(--light-raised);
  box-shadow:0 2px 8px rgba(0,0,0,.08);
}
.ofc-fl { font-size:24px; flex-shrink:0; line-height:1.2 }
.ofc-cn { font-size:12.5px; font-weight:700; color:var(--light-text); margin-bottom:4px }
.ofc-ad { font-size:11.5px; color:var(--light-dim); line-height:1.6 }
.ofc-ph { font-family:'JetBrains Mono',monospace; font-size:11px; margin-top:6px }
.ofc-ph a { color:var(--blue); font-weight:500 }
.ofc-ph a:hover { color:var(--blue-l) }

/* ══ SERVICES ════════════════════════════════════════════════════════ */
#services { 
  padding:110px 0;
  background:var(--light-bg);
}
#services .lbl { color:var(--blue) }
#services .h2 { color:var(--light-text); font-size:clamp(36px,5vw,64px) }
#services .bdlg { color:var(--light-dim); font-size:20px }
#services .svc-tabs {
  background:var(--light-raised);
  border-color:var(--light-bdr);
  position:relative;
  display:flex;
  padding:4px;
  max-width:600px;
}
/* Active indicator background for services toggle */
#services .svc-tabs::before {
  content:'';
  position:absolute;
  top:4px;
  left:4px;
  width:calc(50% - 4px);
  height:calc(100% - 8px);
  background:var(--light-bg);
  border:1px solid rgba(48,96,240,.25);
  border-radius:8px;
  transition:transform 0.3s cubic-bezier(0.4,0,0.2,1);
  z-index:0;
}
#services .svc-tabs[data-active="data"]::before {
  transform:translateX(100%);
}
#services .svc-tab { 
  color:var(--light-dim);
  position:relative;
  z-index:1;
  flex:1;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  transition:color 0.2s ease;
  border:none;
  background:transparent;
}
#services .svc-tab.active {
  color:var(--blue);
  font-weight:600;
}
#services .svc-tab:not(.active) {
  color:var(--light-dim);
}
#services .svc-tab .tdot {
  width:6px;
  height:6px;
  border-radius:50%;
  flex-shrink:0;
  transition:opacity 0.2s ease;
}
#services .svc-tab:not(.active) .tdot {
  opacity:0.5;
}
#services .scard {
  background:var(--light-bg);
  border-color:var(--light-bdr);
  color:var(--light-text);
}
#services .scard:hover {
  border-color:rgba(48,96,240,.3);
  box-shadow:0 20px 50px rgba(0,0,0,.15);
}
#services .scard-n { color:var(--light-text) }
#services .scard-d { color:var(--light-dim) }
#services .tag {
  background:var(--light-surf);
  border-color:var(--light-bdr);
  color:var(--light-dim);
}
#services .tag.to {
  background:rgba(255,128,66,.1);
  color:var(--orange);
  border-color:rgba(255,128,66,.25);
}
#services .stack {
  display:flex;
  flex-direction:column;
  gap:12px;
}
#services .sl {
  border-color:var(--light-bdr);
  background:var(--light-bg);
  border-radius:10px;
  overflow:hidden;
  transition:all 0.2s ease;
}
#services .sl:hover {
  border-color:var(--light-bdr-hi);
  transform:translateX(3px);
  box-shadow:0 4px 12px rgba(0,0,0,.08);
}
#services .sl-acc {
  width:4px;
  flex-shrink:0;
}
#services .sl-bd {
  background:var(--light-bg);
  padding:18px 22px;
}
#services .sl-lbl {
  font-family:'JetBrains Mono',monospace;
  font-size:9px;
  letter-spacing:.13em;
  text-transform:uppercase;
  margin-bottom:6px;
  font-weight:600;
  color:var(--blue);
}
/* Source Systems layer - muted but consistent */
#services .sl-source .sl-lbl {
  color:var(--light-dim);
  font-weight:600;
}
#services .sl-source .sl-acc {
  background:var(--light-bdr);
}
#services .sl-n { 
  color:var(--light-text);
  font-size:15px;
  font-weight:700;
  margin-bottom:6px;
}
#services .sl-d { 
  color:var(--light-dim);
  font-size:12.5px;
  line-height:1.7;
  margin-bottom:12px;
}
#services .sl-arrow {
  text-align:center;
  font-family:'JetBrains Mono',monospace;
  font-size:10px;
  color:var(--light-text);
  padding:10px 16px;
  display:flex;
  align-items:center;
  gap:12px;
  letter-spacing:.1em;
  text-transform:uppercase;
  font-weight:600;
  background:var(--light-surf);
  border-radius:6px;
  margin:8px 0;
  border:1px solid var(--light-bdr);
}
#services .sl-arrow::before,
#services .sl-arrow::after {
  content:'';
  flex:1;
  height:1px;
  background:linear-gradient(90deg,transparent,var(--orange),transparent);
  opacity:0.4;
}
#services .stack-header {
  font-family:'JetBrains Mono',monospace;
  font-size:10px;
  color:var(--light-text);
  letter-spacing:.12em;
  margin-bottom:16px;
  text-align:center;
  padding:8px 16px;
  background:var(--light-surf);
  border-radius:6px;
  border:1px solid var(--light-bdr);
  font-weight:600;
  text-transform:uppercase;
}
#services .bridge {
  background:var(--light-bg);
  border:1px solid var(--light-bdr);
  border-radius:var(--r);
  padding:32px;
  position:sticky;
  top:92px;
  box-shadow:0 4px 20px rgba(0,0,0,.08);
  color:var(--light-text);
}
#services .bridge-icon {
  font-size:32px;
  margin-bottom:16px;
  opacity:0.7;
  text-align:center;
  line-height:1;
  color:var(--light-dim);
}
#services .bridge-q {
  font-family:'Instrument Serif',serif;
  font-style:italic;
  font-size:18px;
  color:var(--light-text);
  line-height:1.75;
  margin-bottom:18px;
  font-weight:500;
}
#services .bridge-n {
  font-family:'JetBrains Mono',monospace;
  font-size:11.5px;
  color:var(--light-dim);
  line-height:1.8;
  margin-bottom:20px;
}
#services .bridge-sp {
  background:var(--light-raised);
  border:1px solid var(--light-bdr);
  border-radius:10px;
  padding:18px;
  margin-top:20px;
}
#services .bridge-sp-l {
  font-family:'JetBrains Mono',monospace;
  font-size:9px;
  color:var(--blue);
  letter-spacing:.12em;
  text-transform:uppercase;
  margin-bottom:10px;
  font-weight:600;
}
#services .bridge-sp-t {
  font-size:16px;
  font-weight:700;
  color:var(--light-text);
  margin-bottom:8px;
}
#services .bridge-sp-d {
  font-size:12.5px;
  color:var(--light-dim);
  line-height:1.7;
  margin-bottom:16px;
}
#services .bridge .btn {
  width:100%;
  justify-content:center;
  border-color:var(--blue);
  color:var(--blue);
  background:transparent;
}
#services .bridge .btn:hover {
  background:rgba(48,96,240,.2);
  border-color:var(--blue-l);
  color:var(--blue-l);
}
.svc-hdr { text-align:center; margin-bottom:54px }
.svc-tabs {
  display:flex; justify-content:center;
  background:var(--raised); border:1px solid var(--bdr);
  border-radius:12px; padding:4px;
  max-width:520px; margin:0 auto 42px;
  position:relative;
}
.svc-tab {
  flex:1; padding:12px 20px; border-radius:8px;
  font-family:'JetBrains Mono',monospace;
  font-size:10.5px; letter-spacing:.07em; text-transform:uppercase;
  color:var(--dim); transition:all 0.2s ease; cursor:pointer;
  display:flex; align-items:center; justify-content:center; gap:7px;
  position:relative;
  z-index:1;
  border:none;
  background:transparent;
}
.svc-tab.active { 
  color:var(--green);
  font-weight:600;
}
.svc-tab:not(.active) {
  color:var(--dim);
}
/* Active indicator background - animated toggle effect */
.svc-tabs::before {
  content:'';
  position:absolute;
  top:4px;
  left:4px;
  width:calc(50% - 4px);
  height:calc(100% - 8px);
  background:var(--elev);
  border:1px solid rgba(0,229,160,.25);
  border-radius:8px;
  transition:transform 0.3s cubic-bezier(0.4,0,0.2,1);
  z-index:0;
}
.svc-tabs[data-active="data"]::before {
  transform:translateX(100%);
}
.tdot { width:6px; height:6px; border-radius:50%; flex-shrink:0 }
.panel { display:none; animation:fadeup .35s var(--ease-out) }
.panel.active { display:block }
.ai-g { display:grid; grid-template-columns:repeat(3,1fr); gap:16px }
.scard {
  background:var(--raised); border:1px solid var(--bdr);
  border-radius:var(--r); padding:26px;
  transition:var(--t-m); position:relative; overflow:hidden;
}
.scard::before {
  content:''; position:absolute; inset:0;
  background:linear-gradient(135deg,rgba(0,229,160,.03),transparent);
  opacity:0; transition:opacity var(--t-m);
}
.scard:hover { border-color:rgba(0,229,160,.3); transform:translateY(-4px); box-shadow:0 20px 50px rgba(0,0,0,.4) }
.scard:hover::before { opacity:1 }
.scard-ico {
  width:48px; height:48px; border-radius:11px;
  display:flex; align-items:center; justify-content:center;
  font-size:22px; margin-bottom:18px;
}
.scard-n { font-size:15px; font-weight:700; margin-bottom:9px; color:var(--frost) }
.scard-d { font-size:12.5px; line-height:1.7; color:var(--dim); margin-bottom:14px }
.data-g { display:grid; grid-template-columns:1fr 300px; gap:44px; align-items:start }
.stack { display:flex; flex-direction:column; gap:9px }
.sl {
  display:flex; border-radius:10px; overflow:hidden;
  border:1px solid var(--bdr); transition:var(--t-m);
}
.sl:hover { transform:translateX(5px); border-color:var(--bdr-hi) }
.sl-acc { width:4px; flex-shrink:0 }
.sl-bd { padding:15px 20px; background:var(--raised); flex:1 }
.sl-lbl {
  font-family:'JetBrains Mono',monospace; font-size:9px;
  letter-spacing:.13em; text-transform:uppercase; margin-bottom:5px;
}
.sl-n { font-size:14px; font-weight:700; color:var(--frost); margin-bottom:5px }
.sl-d { font-size:12px; color:var(--dim); line-height:1.6; margin-bottom:9px }
.sl-arrow {
  text-align:center; font-family:'JetBrains Mono',monospace;
  font-size:9px; color:var(--dim); padding:2px 0;
  display:flex; align-items:center; gap:8px; letter-spacing:.08em;
}
.sl-arrow::before,.sl-arrow::after { content:''; flex:1; height:1px; background:var(--bdr) }
.bridge {
  background:linear-gradient(160deg,rgba(0,229,160,.06),rgba(48,96,240,.04));
  border:1px solid rgba(0,229,160,.18);
  border-radius:var(--r); padding:28px; position:sticky; top:92px;
  box-shadow:0 4px 24px rgba(0,0,0,.3);
}
.bridge-q {
  font-family:'Instrument Serif',serif; font-style:italic;
  font-size:17px; color:var(--frost); line-height:1.7; margin-bottom:15px;
}
.bridge-n { font-family:'JetBrains Mono',monospace; font-size:11px; color:var(--dim); line-height:1.75 }
.bridge-sp {
  margin-top:16px; padding:14px;
  background:rgba(48,96,240,.07); border-radius:9px; border:1px solid rgba(48,96,240,.2);
}
.bridge-sp-l {
  font-family:'JetBrains Mono',monospace; font-size:9px; color:var(--blue-l);
  letter-spacing:.1em; text-transform:uppercase; margin-bottom:7px;
}
.bridge-sp-t { font-size:14px; font-weight:700; color:var(--frost); margin-bottom:5px }
.bridge-sp-d { font-size:12px; color:var(--dim); line-height:1.6; margin-bottom:12px }

/* ══ HOW IT WORKS ════════════════════════════════════════════════════ */
#how { 
  padding:110px 0; 
  background:var(--light-bg);
  color:var(--light-text);
}
#how .bdlg,
#how .bdmd { color:var(--light-dim) }
#how .h2 { color:var(--light-text) }
#how .step-n {
  background:var(--light-bg);
  border-color:var(--light-bdr);
  box-shadow:0 2px 8px rgba(0,0,0,.04);
}
#how .step-title { color:var(--light-text); font-size:16px }
#how .step-desc { color:var(--light-dim); font-size:13.5px }
#how .step-num { color:var(--green) }
#how .step-time {
  background:var(--green);
  color:white;
}
.how-hdr { text-align:center; margin-bottom:60px }
.steps { display:grid; grid-template-columns:repeat(4,1fr); gap:0; position:relative }
.steps-line {
  position:absolute; top:36px; left:12.5%; right:12.5%;
  height:1px;
  background:linear-gradient(90deg,rgba(0,229,160,.6),rgba(0,200,184,.3),rgba(0,229,160,.6));
  z-index:0;
}
.step {
  display:flex; flex-direction:column; align-items:center;
  text-align:center; padding:0 18px; position:relative; z-index:1;
}
.step-n {
  width:72px; height:72px; border-radius:50%;
  border:1px solid var(--bdr);
  background:var(--raised);
  display:flex; align-items:center; justify-content:center;
  margin-bottom:22px; position:relative; transition:var(--t-m);
}
.step:hover .step-n {
  border-color:var(--green);
  box-shadow:0 0 0 5px rgba(0,229,160,.1), 0 0 20px rgba(0,229,160,.15);
}
.step-num { font-size:26px; font-weight:800; color:var(--green) }
.step-time {
  position:absolute; top:-8px; right:-12px;
  background:var(--green); color:var(--void);
  font-family:'JetBrains Mono',monospace; font-size:8px; font-weight:700;
  letter-spacing:.06em; padding:2px 7px; border-radius:3px;
}
.step-title { font-size:14px; font-weight:700; margin-bottom:9px; color:var(--frost) }
.step-desc { font-size:12.5px; color:var(--dim); line-height:1.7 }

/* ══ WHY NEURALSHORE ═════════════════════════════════════════════════ */
#why { 
  padding:110px 0;
  background:var(--light-bg);
  color:var(--light-text);
}
#why .lbl { color:var(--blue) }
#why .h2 { color:var(--light-text); font-size:clamp(36px,5vw,64px) }
#why .bdlg { color:var(--light-dim); font-size:20px }
#why .wc {
  background:var(--light-bg);
  border-color:var(--light-bdr);
  color:var(--light-text);
  box-shadow:0 2px 8px rgba(0,0,0,.04);
  word-wrap:break-word;
  overflow-wrap:break-word;
}
#why .wc:hover {
  border-color:var(--light-bdr-hi);
  box-shadow:0 16px 48px rgba(0,0,0,.12);
  transform:translateY(-2px);
}
#why .wc.feat {
  background:var(--light-bg);
  border-color:rgba(0,229,160,.25);
  box-shadow:0 4px 16px rgba(0,0,0,.06);
}
#why .w-tag { color:var(--blue-l) }
#why .w-name { 
  color:var(--light-text);
  font-weight:800;
  word-wrap:break-word;
  overflow-wrap:break-word;
}
#why .w-desc { 
  color:var(--light-dim);
  line-height:1.75;
  word-wrap:break-word;
  overflow-wrap:break-word;
}
#why .w-big { 
  color:var(--green);
  font-size:52px;
  font-weight:800;
}
#why .w-big-l { 
  color:var(--light-dim);
  font-family:'JetBrains Mono',monospace;
}
#why .comp-t {
  background:rgba(0,229,160,.08);
  border-color:rgba(0,229,160,.2);
  border-radius:9px;
}
#why .comp-r { 
  border-bottom-color:var(--light-bdr);
  color:var(--light-text);
}
#why .c-l { 
  color:var(--light-dim);
}
#why .c-bad { 
  color:var(--red);
  font-family:'JetBrains Mono',monospace;
}
#why .c-good { 
  color:var(--green);
  font-family:'JetBrains Mono',monospace;
  font-weight:700;
}
#why .tier-tr { 
  background:var(--light-surf);
  border-radius:3px;
}
#why .tier-l { 
  color:var(--light-dim);
  font-family:'JetBrains Mono',monospace;
}
#why .tier-pct { 
  font-family:'JetBrains Mono',monospace;
  font-weight:600;
}
#why .tier-r:nth-child(1) .tier-pct { color:var(--green) }
#why .tier-r:nth-child(2) .tier-pct { color:#FFB84D }
#why .tier-r:nth-child(3) .tier-pct { color:#FF8042 }
#why .tag {
  background:var(--light-surf);
  border-color:var(--light-bdr);
  color:var(--light-dim);
}
#why .tag.tg {
  background:rgba(48,96,240,.1);
  color:var(--blue-l);
  border-color:rgba(48,96,240,.25);
}
#why .tag.to {
  background:rgba(255,128,66,.1);
  color:var(--orange);
  border-color:rgba(255,128,66,.25);
}
.why-g { display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-top:54px }
.wc {
  background:var(--raised); border:1px solid var(--bdr);
  border-radius:var(--r); padding:30px;
  transition:var(--t-m); position:relative; overflow:hidden;
  word-wrap:break-word; overflow-wrap:break-word;
}
.wc::after {
  content:''; position:absolute; top:0; left:0; right:0; height:1px;
  background:linear-gradient(90deg,transparent,rgba(0,229,160,.3),transparent);
  opacity:0; transition:opacity var(--t-m);
}
.wc:hover { border-color:var(--bdr-hi); transform:translateY(-4px); box-shadow:0 16px 48px rgba(0,0,0,.4) }
.wc:hover::after { opacity:1 }
.wc.feat {
  grid-column:span 2;
  background:var(--light-raised);
  border-color:var(--light-bdr);
  display:grid; grid-template-columns:1fr 1fr; gap:44px; align-items:center;
  word-wrap:break-word;
  overflow-wrap:break-word;
}
.wc.feat:hover { border-color:var(--light-bdr-hi) }
.w-tag {
  font-family:'JetBrains Mono',monospace; font-size:9px;
  letter-spacing:.14em; text-transform:uppercase;
  display:block; margin-bottom:11px; color:var(--green);
}
.w-name { font-size:20px; font-weight:800; margin-bottom:11px; color:var(--frost); letter-spacing:-.015em; word-wrap:break-word; overflow-wrap:break-word }
.w-desc { font-size:13.5px; color:var(--dim); line-height:1.75; word-wrap:break-word; overflow-wrap:break-word }
.w-big { font-size:52px; font-weight:800; letter-spacing:-.04em; color:var(--green); line-height:1; margin-top:18px }
.w-big-l { font-family:'JetBrains Mono',monospace; font-size:10px; color:var(--dim); letter-spacing:.08em; margin-top:5px }
.comp-t {
  margin-top:18px; background:rgba(0,229,160,.05);
  border-radius:9px; border:1px solid rgba(0,229,160,.15); padding:13px 16px;
}
.comp-r {
  display:flex; justify-content:space-between; font-size:12.5px;
  padding:5px 0; border-bottom:1px solid var(--bdr);
}
.comp-r:last-child { border:none; margin-top:6px; padding-top:9px }
.c-l { color:var(--dim) }
.c-bad  { color:var(--red);   font-family:'JetBrains Mono',monospace; font-size:11px }
.c-good { color:var(--green); font-family:'JetBrains Mono',monospace; font-size:11px; font-weight:700 }
.tier-b { margin-top:16px; display:flex; flex-direction:column; gap:8px }
.tier-r { display:flex; align-items:center; gap:11px }
.tier-l { font-family:'JetBrains Mono',monospace; font-size:10px; color:var(--dim); width:50px }
.tier-tr { flex:1; height:6px; background:var(--elev); border-radius:3px; overflow:hidden }
.tier-fi {
  height:100%; border-radius:3px;
  background:linear-gradient(90deg,var(--green),#00D99A);
  transition:width 1.1s var(--ease-out);
}
/* Color coding: Senior = Green, Mid = Yellow, Junior = Red */
.tier-r:nth-child(1) .tier-fi { background:linear-gradient(90deg,var(--green),#00D99A) }
.tier-r:nth-child(2) .tier-fi { background:linear-gradient(90deg,#FFB84D,#FFD700) }
.tier-r:nth-child(3) .tier-fi { background:linear-gradient(90deg,#FF8042,#FF6B4D) }
.tier-pct { font-family:'JetBrains Mono',monospace; font-size:10px; color:var(--green); font-weight:600 }
.tier-r:nth-child(1) .tier-pct { color:var(--green) }
.tier-r:nth-child(2) .tier-pct { color:#FFB84D }
.tier-r:nth-child(3) .tier-pct { color:#FF8042 }

/* ══ TALENT ══════════════════════════════════════════════════════════ */
#talent { 
  padding:110px 0; 
  background:var(--light-bg);
  color:var(--light-text);
}
#talent .lbl { color:var(--blue) }
#talent .h2 { color:var(--light-text); font-size:clamp(36px,5vw,64px) }
#talent .bdlg,
#talent .bdmd { color:var(--light-dim); font-size:20px }
#talent .tal-src {
  background:var(--light-bg);
  border-color:var(--light-bdr);
  color:var(--light-text);
  box-shadow:0 1px 4px rgba(0,0,0,.04);
}
#talent .tal-src:hover {
  border-color:var(--light-bdr-hi);
  box-shadow:0 2px 8px rgba(0,0,0,.08);
}
#talent .ts-name { color:var(--light-text) }
#talent .ts-desc { color:var(--light-dim) }
#talent .funnel-c {
  background:var(--light-bg);
  border-color:var(--light-bdr);
  box-shadow:0 1px 4px rgba(0,0,0,.04);
}
#talent .funnel-h {
  background:var(--light-raised);
  border-bottom-color:var(--light-bdr);
}
#talent .funnel-r { border-bottom-color:var(--light-bdr) }
#talent .f-l { color:var(--light-text) }
#talent .f-tr { background:var(--light-surf) }
#talent .cc {
  background:var(--light-bg);
  border-color:var(--light-bdr);
  box-shadow:0 1px 4px rgba(0,0,0,.04);
}
#talent .cc-item { color:var(--light-dim) }
#talent .cc-item span:first-child { color:var(--blue) }
#talent .tz-c {
  background:var(--light-bg);
  border-color:var(--light-bdr);
  box-shadow:0 1px 4px rgba(0,0,0,.04);
}
#talent .tz-r { border-bottom-color:var(--light-bdr) }
#talent .tz-n { color:var(--light-text) }
#talent .tz-v { color:var(--light-dim) }
.tal-g { display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:start }
.tal-src {
  display:flex; gap:18px; align-items:flex-start;
  background:var(--light-bg); border:1px solid var(--light-bdr);
  border-radius:var(--r); padding:22px; margin-bottom:12px; transition:var(--t-f);
  box-shadow:0 1px 4px rgba(0,0,0,.04);
}
.tal-src:hover {
  border-color:var(--light-bdr-hi);
  transform:translateX(6px);
  box-shadow:0 2px 8px rgba(0,0,0,.08);
}
.ts-num {
  width:42px; height:42px; border-radius:10px;
  background:rgba(48,96,240,.1); border:1px solid rgba(48,96,240,.25);
  display:flex; align-items:center; justify-content:center;
  font-size:17px; font-weight:800; color:var(--blue); flex-shrink:0;
}
.ts-name { font-size:14px; font-weight:700; color:var(--light-text); margin-bottom:6px }
.ts-desc { font-size:12.5px; color:var(--light-dim); line-height:1.7 }
.funnel-c {
  background:var(--light-bg); border:1px solid var(--light-bdr);
  border-radius:var(--r); overflow:hidden; margin-bottom:12px;
  box-shadow:0 1px 4px rgba(0,0,0,.04);
}
.funnel-h {
  background:var(--light-raised); border-bottom:1px solid var(--light-bdr);
  padding:12px 20px;
  font-family:var(--font-mono); font-size:10px;
  color:var(--blue); letter-spacing:.12em; text-transform:uppercase;
  font-weight:600;
}
.funnel-r {
  display:flex; align-items:center; gap:13px;
  padding:12px 20px; border-bottom:1px solid var(--light-bdr);
}
.funnel-r:last-child { border:none }
.f-l { font-size:12.5px; color:var(--light-text); flex:0 0 155px; font-weight:500 }
.f-tr { flex:1; height:6px; background:var(--light-surf); border-radius:3px; overflow:hidden }
.f-bar {
  height:100%; border-radius:3px;
  background:linear-gradient(90deg,var(--blue),var(--blue-l));
  transition:width 1.3s var(--ease-out);
}
/* Metric color coding - higher is better (green/blue), lower is worse (red/yellow) */
.f-bar-high { background:linear-gradient(90deg,#00E5A0,#00C8B8) }
.f-bar-medium { background:linear-gradient(90deg,#FFB84D,#FF8042) }
.f-bar-low { background:linear-gradient(90deg,#FF8042,#FF6B4D) }
.f-bar-very-low { background:linear-gradient(90deg,#FF6B4D,#FF5A5A) }
.f-bar-critical { background:linear-gradient(90deg,#FF5A5A,#FF4466) }

.f-v { font-family:var(--font-mono); font-size:11px; color:var(--blue); flex:0 0 36px; text-align:right; font-weight:600 }
.f-v-high { color:#00B880 }
.f-v-medium { color:#FF8042 }
.f-v-low { color:#FF6B4D }
.f-v-very-low { color:#FF5A5A }
.f-v-critical { color:#FF4466 }
.cc {
  background:var(--light-bg); border:1px solid var(--light-bdr);
  border-radius:var(--r); padding:18px; margin-bottom:12px;
  box-shadow:0 1px 4px rgba(0,0,0,.04);
}
.cc-h {
  font-family:var(--font-mono); font-size:9px;
  color:var(--blue); letter-spacing:.13em; text-transform:uppercase; margin-bottom:13px;
  font-weight:600;
}
.cc-item { display:flex; gap:11px; font-size:12.5px; color:var(--light-dim); margin-bottom:8px }
.cc-item span:first-child { color:var(--blue); flex-shrink:0; font-weight:600 }
.tz-c {
  background:var(--light-bg); border:1px solid var(--light-bdr);
  border-radius:var(--r); padding:18px;
  box-shadow:0 1px 4px rgba(0,0,0,.04);
}
.tz-r {
  display:flex; justify-content:space-between; font-size:12.5px;
  padding:9px 0; border-bottom:1px solid var(--light-bdr);
}
.tz-r:last-child { border:none }
.tz-n { color:var(--light-text); font-weight:500 }
.tz-v { font-family:var(--font-mono); color:var(--light-dim); font-weight:500 }

/* ══ TECH STACK ══════════════════════════════════════════════════════ */
#stack { 
  padding:90px 0;
  background:var(--light-bg);
  color:var(--light-text);
}
#stack .lbl { color:var(--blue) }
#stack .h2 { color:var(--light-text); font-size:clamp(36px,5vw,64px) }
#stack .bdlg { color:var(--light-dim); font-size:20px }
#stack .tech-cat {
  background:var(--light-bg);
  border-color:var(--light-bdr);
  color:var(--light-text);
}
#stack .tech-cat:hover {
  border-color:var(--light-bdr-hi);
  box-shadow:0 4px 16px rgba(0,0,0,.08);
}
#stack .tech-h {
  color:var(--green);
  border-bottom-color:var(--light-bdr);
}
#stack .tech-i {
  color:var(--light-dim);
}
#stack .tech-i::before {
  background:var(--green);
}
.tech-g { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin-top:48px }
.tech-cat {
  background:var(--light-bg); border:1px solid var(--light-bdr);
  border-radius:var(--r); padding:22px; transition:var(--t-f);
  color:var(--light-text);
}
.tech-cat:hover { 
  border-color:var(--light-bdr-hi);
  box-shadow:0 4px 16px rgba(0,0,0,.08);
}
.tech-h {
  font-family:'JetBrains Mono',monospace; font-size:10px;
  color:var(--green); letter-spacing:.16em; text-transform:uppercase;
  margin-bottom:14px; padding-bottom:12px; border-bottom:1px solid var(--light-bdr);
  font-weight:600;
}
.tech-i {
  display:flex; align-items:center; gap:9px;
  font-size:13px; color:var(--light-dim); padding:5px 0;
}
.tech-i::before {
  content:''; width:4px; height:4px; border-radius:50%;
  background:var(--green); flex-shrink:0;
}

/* ══ RESULTS ═════════════════════════════════════════════════════════ */
#results { 
  padding:110px 0; 
  background:var(--light-bg);
  color:var(--light-text);
}
#results .lbl { color:var(--blue) }
#results .h2 { color:var(--light-text); font-size:clamp(36px,5vw,64px) }
#results .bdlg,
#results .bdmd { color:var(--light-dim); font-size:20px }
#results .rnc {
  background:var(--light-raised);
  border-color:var(--light-bdr);
  color:var(--light-text);
}
#results .rnc:hover {
  border-color:rgba(48,96,240,.3);
  box-shadow:0 4px 16px rgba(0,0,0,.08);
  transform:translateY(-2px);
}
#results .r-lbl { color:var(--light-dim) }
#results .r-sub { color:var(--light-dim) }
#results .test {
  background:var(--light-raised);
  border-color:var(--light-bdr);
  color:var(--light-text);
}
#results .test:hover {
  border-color:rgba(48,96,240,.25);
  box-shadow:0 4px 16px rgba(0,0,0,.08);
  transform:translateY(-2px);
}
#results .test-q { color:var(--light-text) }
#results .test-name { color:var(--light-text) }
#results .test-role { color:var(--light-dim) }
.res-ns { display:grid; grid-template-columns:repeat(6,1fr); gap:12px; margin-bottom:38px }
.rnc {
  background:var(--light-raised); border:1px solid var(--light-bdr);
  border-radius:var(--r); padding:24px 14px; text-align:center; transition:var(--t-f);
  box-shadow:0 1px 4px rgba(0,0,0,.04);
}
.rnc:hover { border-color:rgba(48,96,240,.3); transform:translateY(-2px); box-shadow:0 4px 16px rgba(0,0,0,.08) }
.r-big { font-size:42px; font-weight:800; letter-spacing:-.035em; line-height:1 }
.r-lbl {
  font-family:'JetBrains Mono',monospace; font-size:9px;
  color:var(--light-dim); letter-spacing:.09em; text-transform:uppercase; margin-top:7px;
}
.r-sub { font-size:11px; color:var(--light-dim); margin-top:5px; line-height:1.55 }
.test-g { display:grid; grid-template-columns:1fr 1fr; gap:14px }
.test {
  background:var(--light-raised); border:1px solid var(--light-bdr);
  border-radius:var(--r); padding:28px; transition:var(--t-f);
  box-shadow:0 1px 4px rgba(0,0,0,.04);
}
.test:hover { border-color:rgba(0,184,128,.25); box-shadow:0 4px 16px rgba(0,0,0,.08); transform:translateY(-2px) }
.test-q {
  font-family:var(--font-sans); font-style:normal;
  font-size:15.5px; color:var(--light-text); line-height:1.78; margin-bottom:20px;
}
.test-q::before { content:'\201C'; color:var(--light-dim); opacity:0.6 }
.test-q::after  { content:'\201D'; color:var(--light-dim); opacity:0.6 }
.test-a { 
  display:flex; align-items:center; gap:13px;
  padding:16px;
  margin-top:16px;
  background:var(--light-bg);
  border-radius:8px;
  border-top:1px solid var(--light-bdr);
}
.test-av {
  width:40px; height:40px; border-radius:50%;
  background:linear-gradient(135deg,var(--green),#00D99A);
  display:flex; align-items:center; justify-content:center;
  font-weight:800; font-size:14px; color:white; flex-shrink:0;
}
.test-name { font-size:13px; font-weight:700; color:var(--light-text) }
.test-role { font-family:var(--font-sans); font-size:10px; color:var(--light-dim); letter-spacing:.06em; font-weight:500 }

/* ══ CALCULATOR ══════════════════════════════════════════════════════ */
#calculator { 
  padding:110px 0; 
  background:var(--light-bg);
  color:var(--light-text);
}
#calculator .lbl { color:var(--blue) }
#calculator .h2 { color:var(--light-text); font-size:clamp(36px,5vw,64px) }
#calculator .bdlg { color:var(--light-dim); font-size:20px }
.calc-hdr { padding:80px 0 0; text-align:center }
#calc-root { padding:0 0 20px }

/* ══ CONTACT ═════════════════════════════════════════════════════════ */
#contact { 
  padding:110px 0;
  background:var(--light-bg);
  color:var(--light-text);
}
#contact .lbl { color:var(--blue) }
#contact .h2 { color:var(--light-text); font-size:clamp(36px,5vw,64px) }
#contact .bdlg,
#contact .bdmd { color:var(--light-dim); font-size:20px }
#contact .ci-card {
  background:var(--light-raised);
  border-color:var(--light-bdr);
  color:var(--light-text);
  box-shadow:0 1px 4px rgba(0,0,0,.04);
}
#contact .ci-loc { color:var(--light-text) }
#contact .ci-ad { color:var(--light-dim) }
#contact .ct-dir {
  background:var(--light-raised);
  border-color:var(--light-bdr);
  box-shadow:0 1px 4px rgba(0,0,0,.04);
}
#contact .cd-r { border-bottom-color:var(--light-bdr) }
#contact .cd-lbl { color:var(--light-dim) }
#contact .ct-cta-panel {
  background:linear-gradient(160deg,rgba(48,96,240,.08),rgba(48,96,240,.05));
  border-color:rgba(48,96,240,.2);
  box-shadow:0 1px 4px rgba(0,0,0,.04);
}
#contact .ct-cta-big { color:var(--light-text) }
#contact .ct-cta-desc { color:var(--light-dim) }
#contact .ct-alt-link {
  background:var(--light-raised);
  border-color:var(--light-bdr);
  color:var(--light-dim);
}
#contact .ct-alt-link:hover {
  border-color:rgba(48,96,240,.3);
  color:var(--light-text);
}
.ct-g { display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:start }
.ci-card {
  background:var(--light-raised); border:1px solid var(--light-bdr);
  border-radius:var(--r); padding:28px; margin-bottom:14px;
  box-shadow:0 1px 4px rgba(0,0,0,.04);
}
.ci-hd {
  font-family:'JetBrains Mono',monospace; font-size:9px;
  color:var(--blue); letter-spacing:.16em; text-transform:uppercase; margin-bottom:16px;
  font-weight:600;
}
.ci-of {
  display:flex; gap:14px; align-items:flex-start;
  padding:14px 0; border-bottom:1px solid var(--light-bdr);
}
.ci-of:last-child { border:none; padding-bottom:0 }
.ci-fl { font-size:24px; flex-shrink:0; line-height:1.2 }
.ci-loc { font-size:13px; font-weight:700; color:var(--light-text); margin-bottom:4px }
.ci-ad { font-size:12px; color:var(--light-dim); line-height:1.6 }
.ci-ph { font-family:'JetBrains Mono',monospace; font-size:11px; margin-top:6px }
.ci-ph a { color:var(--blue) }
.ci-ph a:hover { color:var(--blue-l) }
.ct-dir {
  background:var(--light-raised); border:1px solid var(--light-bdr);
  border-radius:var(--r); padding:22px;
  box-shadow:0 1px 4px rgba(0,0,0,.04);
}
.cd-r {
  display:flex; align-items:center; gap:13px;
  padding:11px 0; border-bottom:1px solid var(--light-bdr); font-size:13px;
}
.cd-r:last-child { border:none; padding-bottom:0 }
.cd-ico {
  width:34px; height:34px; border-radius:8px;
  background:rgba(48,96,240,.08); border:1px solid rgba(48,96,240,.2);
  display:flex; align-items:center; justify-content:center; font-size:15px; flex-shrink:0;
}
.cd-lbl {
  font-family:'JetBrains Mono',monospace; font-size:9px;
  color:var(--light-dim); letter-spacing:.09em; text-transform:uppercase;
}
.cd-val { color:var(--light-text); font-weight:500 }
.cd-val a { color:var(--blue); font-weight:500 }
.cd-val a:hover { color:var(--blue-l) }
.ct-cta-panel {
  background:linear-gradient(160deg,rgba(48,96,240,.08),rgba(48,96,240,.05));
  border:1px solid rgba(48,96,240,.2);
  border-radius:var(--r); padding:38px;
  display:flex; flex-direction:column; align-items:flex-start; gap:22px;
  position:relative; overflow:hidden;
  box-shadow:0 1px 4px rgba(0,0,0,.04);
}
.ct-cta-panel::before {
  content:''; position:absolute; top:0; left:0; right:0; height:2px;
  background:linear-gradient(90deg,var(--blue),var(--blue-l));
}
.ct-cta-big {
  font-size:clamp(26px,3.5vw,42px); font-weight:800;
  line-height:1.08; letter-spacing:-.025em; color:var(--light-text);
}
.ct-cta-big em {
  font-family:'Instrument Serif',serif; font-style:italic;
  color:var(--blue); font-size:.92em; font-weight:400;
}
.ct-cta-desc { font-size:14px; color:var(--light-dim); line-height:1.8 }
.ct-chips { display:flex; flex-wrap:wrap; gap:7px }
.ct-chip {
  font-family:'JetBrains Mono',monospace; font-size:9px;
  letter-spacing:.08em; padding:5px 12px; border-radius:4px; text-transform:uppercase;
}
.ct-cta-btn {
  display:inline-flex; align-items:center; gap:11px;
  background:var(--blue); color:white;
  font-family:'JetBrains Mono',monospace; font-size:12px; font-weight:700;
  letter-spacing:.09em; text-transform:uppercase;
  padding:18px 36px; border-radius:var(--r-sm);
  transition:var(--t-f); cursor:pointer; white-space:nowrap; text-decoration:none;
  width:100%; justify-content:center;
  box-shadow:none;
}
.ct-cta-btn:hover {
  background:var(--blue-l);
  transform:none;
  box-shadow:none;
  text-decoration:none;
}
.ct-cta-btn svg { transition:transform var(--t-f) }
.ct-cta-btn:hover svg { transform:translateX(5px) }
.ct-alt-links { display:flex; flex-direction:column; gap:8px; width:100% }
.ct-alt-link {
  display:flex; align-items:center; gap:11px;
  padding:12px 17px; background:var(--light-raised);
  border:1px solid var(--light-bdr); border-radius:var(--r-sm);
  font-size:13px; color:var(--light-dim); transition:var(--t-f);
}
.ct-alt-link:hover { border-color:rgba(48,96,240,.3); color:var(--light-text) }
.ct-alt-link-ico { flex-shrink:0; font-size:16px }
.ct-dly-note {
  font-family:'JetBrains Mono',monospace; font-size:9.5px;
  color:var(--light-dim); text-align:center; line-height:1.65; width:100%;
}
.ct-dly-note a { color:var(--blue) }
.ct-response-badge {
  display:flex; align-items:center; gap:9px;
  background:rgba(48,96,240,.08); border:1px solid rgba(48,96,240,.2);
  border-radius:8px; padding:10px 16px;
}
.ct-rb-dot {
  width:7px; height:7px; border-radius:50%;
  background:var(--blue); box-shadow:0 0 6px rgba(48,96,240,.5);
  animation:pulse 2s infinite; flex-shrink:0;
}
.ct-rb-text {
  font-family:'JetBrains Mono',monospace; font-size:10px;
  color:var(--blue); letter-spacing:.06em; font-weight:500;
}

/* ══ FAQ ═════════════════════════════════════════════════════════════ */
#faq { 
  padding:110px 0; 
  background:var(--light-bg);
  color:var(--light-text);
}
#faq .lbl { color:var(--green) }
#faq .h2 { color:var(--light-text); font-size:clamp(36px,5vw,64px) }
#faq .bdlg,
#faq .bdmd { color:var(--light-dim); font-size:20px }
#faq .faq-it {
  border-color:var(--light-bdr);
  background:var(--light-bg);
}
#faq .faq-q {
  background:var(--light-raised);
  color:var(--light-text);
  font-size:15px;
}
#faq .faq-q:hover {
  background:var(--light-elev);
}
#faq .faq-it.open { border-color:var(--light-bdr) }
#faq .faq-a {
  background:var(--light-bg);
  color:var(--light-dim);
  font-size:14px;
}
#faq .faq-it.open .faq-a {
  border-top-color:var(--light-bdr);
}
#faq .faq-cta {
  background:linear-gradient(160deg,rgba(0,184,128,.08),rgba(0,184,128,.06));
  border-color:rgba(0,184,128,.25);
}
#faq .faq-cta .lbl { color:var(--green) }
#faq .faq-cta .h3 { color:var(--light-text); font-size:clamp(20px,2.5vw,28px) }
#faq .faq-cta .bdmd { color:var(--light-dim); font-size:15px }
#faq .fql-a { color:var(--light-dim); font-size:14px }
#faq .fql-a:hover { color:var(--light-text) }
.faq-g { display:grid; grid-template-columns:1fr 1fr; gap:58px; align-items:start }
.faq-list { display:flex; flex-direction:column; gap:5px }
.faq-it {
  border:1px solid var(--bdr); border-radius:var(--r-sm);
  overflow:hidden; transition:border-color var(--t-f);
}
.faq-it.open { border-color:var(--light-bdr) }
.faq-q {
  display:flex; align-items:center; justify-content:space-between;
  padding:16px 20px; cursor:pointer;
  background:var(--raised);
  font-size:13.5px; font-weight:600; color:var(--frost);
  gap:14px; user-select:none; transition:background var(--t-f);
}
.faq-q:hover { background:var(--elev) }
.faq-ic {
  width:23px; height:23px; border-radius:50%;
  border:1px solid var(--bdr);
  display:flex; align-items:center; justify-content:center;
  flex-shrink:0; font-size:14px; color:var(--dim); transition:var(--t-f);
}
.faq-it.open .faq-ic { border-color:var(--light-bdr); color:var(--light-text); transform:rotate(45deg) }
.faq-a {
  max-height:0; overflow:hidden; font-size:13px; color:var(--dim);
  line-height:1.8; transition:max-height .4s ease, padding .3s ease;
  padding:0 20px; background:var(--raised);
}
.faq-it.open .faq-a { max-height:350px; padding:15px 20px; border-top:1px solid var(--bdr) }
.faq-cta {
  background:linear-gradient(160deg,rgba(0,184,128,.08),rgba(0,184,128,.06));
  border:1px solid rgba(0,184,128,.2);
  border-radius:var(--r); padding:32px; position:sticky; top:84px;
  box-shadow:0 1px 4px rgba(0,0,0,.04);
}
.faq-cta-sub {
  font-family:'JetBrains Mono',monospace; font-size:10px;
  color:var(--dim); margin-top:12px; line-height:1.65;
}
.fql { margin-top:24px; padding-top:17px; border-top:1px solid rgba(0,184,128,.15) }
.fql-hd {
  font-family:'JetBrains Mono',monospace; font-size:9px;
  color:var(--green); letter-spacing:.13em; text-transform:uppercase; margin-bottom:11px;
}
.fql-a {
  display:flex; gap:9px; font-size:13px; color:var(--dim);
  padding:6px 0; transition:color var(--t-f);
}
.fql-a:hover { color:var(--light-text) }
.fql-a span { color:var(--green); flex-shrink:0 }

/* ══ FINAL CTA ════════════════════════════════════════════════════════ */
#cta-f {
  padding:130px 0;
  background:var(--light-bg);
  color:var(--light-text);
  text-align:center; position:relative; overflow:hidden;
  border-top:1px solid var(--light-bdr);
}
#cta-f .lbl { color:var(--blue); font-size:12px }
#cta-f .cta-h { 
  color:var(--light-text);
  font-size:clamp(40px,6vw,72px);
}
#cta-f .cta-sub { 
  color:var(--light-dim);
  font-size:19px;
  line-height:1.8;
}
#cta-f .ct-it { 
  color:var(--light-dim);
  font-size:11px;
}
#cta-f .btn-g {
  border-color:var(--light-bdr);
  color:var(--light-text);
}
#cta-f .btn-g:hover {
  border-color:var(--green);
  color:var(--green);
  background:var(--green-g);
}
.cta-glow {
  position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);
  width:800px; height:600px;
  background:radial-gradient(ellipse,rgba(0,229,160,.07) 0%,transparent 70%);
  pointer-events:none; animation:glow-pulse 4s ease-in-out infinite;
}
.cta-h {
  font-size:clamp(34px,5.5vw,64px); font-weight:800;
  letter-spacing:-.028em; margin-bottom:20px; line-height:1.05; color:var(--frost);
}
.cta-sub {
  font-size:17px; color:var(--dim);
  max-width:520px; margin:0 auto 40px; line-height:1.8;
}
.cta-btns { display:flex; justify-content:center; gap:12px; flex-wrap:wrap; margin-bottom:40px }
.cta-trust { display:flex; justify-content:center; align-items:center; gap:24px; flex-wrap:wrap }
.ct-it {
  font-family:'JetBrains Mono',monospace; font-size:10px;
  color:var(--dim); display:flex; align-items:center; gap:7px; letter-spacing:.06em;
}
.ct-dot { width:4px; height:4px; border-radius:50%; background:var(--green) }

/* ══ FOOTER ══════════════════════════════════════════════════════════ */
footer {
  background:var(--surf);
  border-top:1px solid var(--bdr); padding:60px 0 32px;
}
.ft-g {
  display:grid; grid-template-columns:260px 1fr 1fr 1fr;
  gap:44px; margin-bottom:48px;
}
.ft-bd { font-size:13px; color:var(--dim); line-height:1.75; margin:14px 0 18px }
.ft-h {
  font-family:'JetBrains Mono',monospace; font-size:10px;
  letter-spacing:.13em; text-transform:uppercase; color:var(--green); margin-bottom:14px;
}
.ft-links {
  display:flex;
  flex-direction:column;
  gap:8px;
}

.ft-links a {
  font-family:var(--font-sans);
  font-size:0.875rem;
  color:var(--text-muted);
  transition:color var(--t-f);
}

.ft-links a:hover {
  color:var(--text);
  text-decoration:underline;
  text-underline-offset:3px;
}
.ft-cl { display:flex; flex-direction:column; gap:8px }
.ft-ci { display:flex; gap:9px; font-size:12px; color:var(--dim); flex-wrap:nowrap; align-items:center }
.ft-ci a { white-space:nowrap }
.ft-ci-ico { flex-shrink:0; color:var(--green); margin-top:1px; font-size:12px }
.ft-ci a { color:var(--dim) }
.ft-ci a:hover { color:var(--green) }
.ft-bot {
  display:flex; justify-content:space-between; align-items:center;
  padding-top:24px; border-top:1px solid var(--bdr);
  flex-wrap:wrap; gap:12px;
}
.ft-copy { font-family:'JetBrains Mono',monospace; font-size:10px; color:var(--dim); letter-spacing:.06em }
.ft-pw {
  font-family:'JetBrains Mono',monospace; font-size:10px;
  color:var(--dim); display:flex; align-items:center; gap:6px;
}
.ft-pw a { color:var(--green) }
.ft-pw a:hover { color:#00B880 }
.ft-bgs { display:flex; gap:7px }
.n-logo { display:flex; align-items:center; gap:11px }
.n-lt { font-family:'JetBrains Mono',monospace; font-size:15px; font-weight:700; display:flex; color:#E8EFFF; letter-spacing:-.01em }
.n-lt em { color:var(--green); font-style:normal }
.n-lm { display:grid; grid-template-columns:1fr 1fr; gap:3px }
.n-lm span { display:block; width:9px; height:9px; border-radius:2px }

/* ══ RESPONSIVE ══════════════════════════════════════════════════════ */
@media(max-width:1100px){
  .h-grid,.prob-g,.trust-g,.ct-g,.tal-g{grid-template-columns:1fr}
  .trm{max-width:520px;margin:0 auto}
  .ai-g{grid-template-columns:1fr 1fr}
  .data-g{grid-template-columns:1fr}.bridge{position:static}
  .tech-g{grid-template-columns:1fr 1fr}
  .res-ns{grid-template-columns:repeat(3,1fr)}
  .ft-g{grid-template-columns:1fr 1fr}
}
@media(max-width:1020px){
  .n-links,.n-iso,.n-right .btn{display:none}.ham{display:flex}
}
@media(max-width:768px){
  section{padding:80px 0}
  .why-g,.faq-g,.test-g,.f-row,.wc.feat{grid-template-columns:1fr!important}
  .wc.feat{grid-column:span 1!important}
  .steps{grid-template-columns:repeat(2,1fr);gap:32px}.steps-line{display:none}
  .ai-g,.prod-g{grid-template-columns:1fr}
  .tech-g{grid-template-columns:1fr 1fr}
  .res-ns{grid-template-columns:repeat(2,1fr)}
  .sb-in{flex-direction:column;align-items:flex-start}.sb-vd{display:none}
  .cta-btns{flex-direction:column;align-items:center}
  .ft-g{grid-template-columns:1fr}
  .h-btns,.h-metrics{flex-wrap:wrap}
}
@media(max-width:480px){
  .res-ns{grid-template-columns:1fr 1fr}
  .tech-g{grid-template-columns:1fr}
  .steps{grid-template-columns:1fr}
  .h-trust{display:none}
}