/* ════════════════════════════════════════════════════════════════════
   TWINFLAME GROUP · DESIGN SYSTEM v2
   One stylesheet, every page. Designed against Stripe / Linear / Vercel
   benchmarks. Honest typography, restrained motion, intentional spacing.
   ════════════════════════════════════════════════════════════════════ */

@layer reset, tokens, base, components, utilities, motion;

/* ── RESET ─────────────────────────────────────────────────────── */
@layer reset {
  *,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
  html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;}
  body{min-height:100vh;line-height:1.5;}
  img,picture,svg,video{display:block;max-width:100%;height:auto;}
  button,input,textarea,select{font:inherit;color:inherit;}
  button{cursor:pointer;background:none;border:0;}
  a{color:inherit;text-decoration:none;}
  ::selection{background:var(--flame-500);color:#000;}
  ::-webkit-scrollbar{width:6px;height:6px;}
  ::-webkit-scrollbar-track{background:var(--ink-900);}
  ::-webkit-scrollbar-thumb{background:var(--ink-700);border-radius:6px;}
  ::-webkit-scrollbar-thumb:hover{background:var(--flame-600);}
}

/* ── TOKENS ────────────────────────────────────────────────────── */
@layer tokens {
:root{
  /* ── Brand · Flame (warm) ── */
  --flame-50:#FFF4ED;  --flame-100:#FFE6D5;  --flame-200:#FFC9A8;
  --flame-300:#FFA470; --flame-400:#FF7A33;  --flame-500:#FF5E00;
  --flame-600:#E64E00; --flame-700:#B83C00;  --flame-800:#8A2D00;
  --flame-900:#5C1E00;

  /* ── Brand · Ember (gold) ── */
  --ember-400:#FFC83D; --ember-500:#FFB800; --ember-600:#E5A400;

  /* ── Brand · Tech (cyan) ── */
  --tech-50:#E0FCFF;  --tech-100:#BAF7FF;  --tech-200:#85F0FF;
  --tech-300:#4DE6FF; --tech-400:#22D9F8;  --tech-500:#00E5FF;
  --tech-600:#00B8CC; --tech-700:#008999;  --tech-800:#005A66;

  /* ── Ink · Neutral dark scale ── */
  --ink-50:#F2F4F7;   --ink-100:#E4E7EB;  --ink-200:#C8CFD7;
  --ink-300:#9AA4B0;  --ink-400:#6F7A89;  --ink-500:#4D5765;
  --ink-600:#36404D;  --ink-700:#222B36;  --ink-800:#141A23;
  --ink-900:#0A0E15;  --ink-950:#040609;  --ink-1000:#000000;

  /* ── Semantic surfaces ── */
  --bg-canvas:var(--ink-950);
  --bg-surface:var(--ink-900);
  --bg-raised:var(--ink-800);
  --bg-overlay:rgba(10,14,21,0.85);

  --text-primary:#F5F7FA;
  --text-secondary:#B6BFCC;
  --text-muted:#7E8896;
  --text-faint:#54606E;

  --border-subtle:rgba(255,255,255,0.06);
  --border-default:rgba(255,255,255,0.10);
  --border-strong:rgba(255,255,255,0.18);
  --border-flame:rgba(255,94,0,0.30);
  --border-tech:rgba(0,229,255,0.30);

  --success:#34D399;
  --warning:#FBBF24;
  --danger:#F87171;

  /* ── Type ── */
  --font-display:'Bebas Neue',system-ui,sans-serif;
  --font-heading:'Inter','SF Pro Display',-apple-system,BlinkMacSystemFont,system-ui,sans-serif;
  --font-body:'DM Sans','Inter',system-ui,sans-serif;
  --font-mono:'JetBrains Mono','SF Mono',Menlo,monospace;

  /* ── Type scale (modular 1.250) ── */
  --fs-2xs:11px;  --fs-xs:12px;  --fs-sm:14px;
  --fs-base:16px; --fs-md:18px;  --fs-lg:20px;
  --fs-xl:24px;   --fs-2xl:30px; --fs-3xl:36px;
  --fs-4xl:48px;  --fs-5xl:60px; --fs-6xl:76px;
  --fs-7xl:96px;  --fs-8xl:128px;

  /* ── Spacing (4px base) ── */
  --s-0:0;        --s-1:4px;     --s-2:8px;     --s-3:12px;
  --s-4:16px;     --s-5:20px;    --s-6:24px;    --s-8:32px;
  --s-10:40px;    --s-12:48px;   --s-16:64px;   --s-20:80px;
  --s-24:96px;    --s-28:112px;  --s-32:128px;  --s-40:160px;
  --s-48:192px;

  /* ── Layout ── */
  --container-narrow:680px;
  --container-prose:780px;
  --container:1180px;
  --container-wide:1440px;
  --gutter:clamp(20px,4vw,40px);
  --section-y:clamp(72px,10vw,140px);

  /* ── Radii ── */
  --r-xs:4px; --r-sm:6px; --r-md:8px; --r-lg:12px;
  --r-xl:16px; --r-2xl:20px; --r-3xl:28px; --r-full:999px;

  /* ── Shadows ── */
  --shadow-sm:0 1px 2px rgba(0,0,0,.45);
  --shadow-md:0 4px 12px rgba(0,0,0,.40),0 1px 2px rgba(0,0,0,.30);
  --shadow-lg:0 10px 30px rgba(0,0,0,.45),0 2px 6px rgba(0,0,0,.30);
  --shadow-xl:0 25px 70px rgba(0,0,0,.55),0 4px 16px rgba(0,0,0,.30);

  /* Brand glows — restrained, not festival */
  --glow-flame:0 0 0 1px rgba(255,94,0,.35),0 8px 30px rgba(255,94,0,.15);
  --glow-tech:0 0 0 1px rgba(0,229,255,.30),0 8px 30px rgba(0,229,255,.12);

  /* ── Motion ── */
  --ease-out:cubic-bezier(0.22,1,0.36,1);
  --ease-out-exp:cubic-bezier(0.16,1,0.3,1);
  --ease-spring:cubic-bezier(0.34,1.56,0.64,1);
  --ease-in-out:cubic-bezier(0.65,0,0.35,1);

  --t-fast:120ms;
  --t-base:200ms;
  --t-slow:380ms;
  --t-deliberate:680ms;

  /* ── Z scale ── */
  --z-nav:50; --z-overlay:80; --z-modal:90; --z-toast:100;
}
}

/* ── BASE ──────────────────────────────────────────────────────── */
@layer base {
html{font-size:16px;color-scheme:dark;}
body{
  background:var(--bg-canvas);
  color:var(--text-primary);
  font-family:var(--font-body);
  font-size:var(--fs-base);
  line-height:1.6;
  letter-spacing:-0.005em;
  overflow-x:hidden;
  text-wrap:pretty;
}
::placeholder{color:var(--text-faint);}

/* Headings — Inter for hierarchy clarity, balanced wrapping */
h1,h2,h3,h4,h5,h6{
  font-family:var(--font-heading);
  font-weight:700;
  line-height:1.1;
  letter-spacing:-0.022em;
  color:var(--text-primary);
  text-wrap:balance;
}
h1{font-size:var(--fs-5xl);font-weight:800;letter-spacing:-0.03em;}
h2{font-size:var(--fs-4xl);font-weight:700;letter-spacing:-0.025em;}
h3{font-size:var(--fs-2xl);font-weight:700;letter-spacing:-0.02em;}
h4{font-size:var(--fs-xl);font-weight:600;}
h5{font-size:var(--fs-lg);font-weight:600;}
h6{font-size:var(--fs-md);font-weight:600;}

p{color:var(--text-secondary);}
strong{color:var(--text-primary);font-weight:600;}
small{font-size:var(--fs-sm);}
code,kbd,pre{font-family:var(--font-mono);}

a{color:var(--text-primary);transition:color var(--t-fast) var(--ease-out);}
a:hover{color:var(--flame-500);}
}

/* ── COMPONENTS ────────────────────────────────────────────────── */
@layer components {

/* ── Container ─────────────────────────────────────────────── */
.container{max-width:var(--container);margin:0 auto;padding:0 var(--gutter);}
.container--narrow{max-width:var(--container-narrow);}
.container--prose{max-width:var(--container-prose);}
.container--wide{max-width:var(--container-wide);}

/* ── Section pattern ───────────────────────────────────────── */
.section{padding:var(--section-y) 0;position:relative;}
.section--tight{padding:clamp(48px,7vw,96px) 0;}
.section--hero{padding:clamp(80px,12vw,160px) 0 clamp(60px,9vw,120px);}
.section--alt{background:var(--bg-surface);}
.section--gradient{
  background:linear-gradient(180deg,var(--bg-canvas) 0%,var(--bg-surface) 50%,var(--bg-canvas) 100%);
}

/* ── Eyebrow / Kicker ──────────────────────────────────────── */
.eyebrow{
  font-family:var(--font-mono);
  font-size:var(--fs-2xs);
  font-weight:500;
  letter-spacing:0.18em;
  text-transform:uppercase;
  color:var(--flame-500);
  display:inline-flex;align-items:center;gap:var(--s-2);
  margin-bottom:var(--s-5);
}
.eyebrow--tech{color:var(--tech-500);}
.eyebrow--muted{color:var(--text-muted);}
.eyebrow::before{
  content:'';width:24px;height:1px;background:currentColor;opacity:.6;
}

/* ── Display headings ──────────────────────────────────────── */
.display{
  font-family:var(--font-heading);
  font-size:clamp(40px,7vw,84px);
  font-weight:800;
  line-height:0.98;
  letter-spacing:-0.04em;
  text-wrap:balance;
}
.display--xl{font-size:clamp(48px,8.5vw,108px);font-weight:900;letter-spacing:-0.045em;}
.display--bebas{font-family:var(--font-display);font-weight:400;letter-spacing:0.01em;line-height:0.9;}

.headline{
  font-family:var(--font-heading);
  font-size:clamp(28px,4.5vw,56px);
  font-weight:700;
  line-height:1.05;
  letter-spacing:-0.025em;
  text-wrap:balance;
}

.lead{
  font-size:clamp(17px,1.4vw,21px);
  line-height:1.55;
  color:var(--text-secondary);
  letter-spacing:-0.005em;
  max-width:62ch;
  text-wrap:pretty;
}

/* Brand text accents — restrained, no rainbow shimmer */
.text-flame{color:var(--flame-500);}
.text-ember{color:var(--ember-500);}
.text-tech{color:var(--tech-500);}
.text-muted{color:var(--text-muted);}
.text-bright{color:var(--text-primary);}
.text-grad-flame{
  background:linear-gradient(135deg,var(--flame-400) 0%,var(--ember-500) 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  display:inline-block;
}

/* ── Buttons ───────────────────────────────────────────────── */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);
  padding:var(--s-3) var(--s-5);
  border-radius:var(--r-md);
  font-family:var(--font-heading);
  font-size:var(--fs-sm);
  font-weight:600;
  letter-spacing:-0.005em;
  line-height:1;
  white-space:nowrap;
  transition:transform var(--t-fast) var(--ease-out),
             background-color var(--t-base) var(--ease-out),
             box-shadow var(--t-base) var(--ease-out),
             border-color var(--t-base) var(--ease-out),
             color var(--t-fast) var(--ease-out);
  border:1px solid transparent;
  user-select:none;
}
.btn:hover{transform:translateY(-1px);}
.btn:active{transform:translateY(0);}
.btn:focus-visible{outline:2px solid var(--tech-500);outline-offset:3px;}

.btn--primary{
  background:linear-gradient(135deg,var(--flame-500),var(--flame-600));
  color:#000;
  box-shadow:0 1px 0 rgba(255,255,255,.15) inset, 0 6px 20px rgba(255,94,0,.30);
}
.btn--primary:hover{
  background:linear-gradient(135deg,var(--flame-400),var(--flame-500));
  box-shadow:0 1px 0 rgba(255,255,255,.18) inset, 0 10px 28px rgba(255,94,0,.40);
}

.btn--secondary{
  background:rgba(255,255,255,0.04);
  color:var(--text-primary);
  border-color:var(--border-default);
  backdrop-filter:blur(8px);
}
.btn--secondary:hover{
  background:rgba(255,255,255,0.08);
  border-color:var(--border-strong);
}

.btn--ghost{
  background:transparent;
  color:var(--text-primary);
  border-color:transparent;
}
.btn--ghost:hover{background:rgba(255,255,255,0.04);}

.btn--tech{
  background:rgba(0,229,255,0.06);
  color:var(--tech-500);
  border-color:var(--border-tech);
}
.btn--tech:hover{background:rgba(0,229,255,0.12);border-color:var(--tech-500);}

.btn--lg{padding:var(--s-4) var(--s-8);font-size:var(--fs-base);border-radius:var(--r-lg);}
.btn--sm{padding:var(--s-2) var(--s-4);font-size:var(--fs-xs);}

.btn--block{width:100%;}
.btn[disabled]{opacity:.5;pointer-events:none;}

/* Subtle arrow on primary buttons */
.btn[data-arrow]::after{
  content:'';
  width:14px;height:14px;
  background:currentColor;
  -webkit-mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="none"><path d="M3 8h10m0 0L9 4m4 4-4 4" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') center/contain no-repeat;
  mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="none"><path d="M3 8h10m0 0L9 4m4 4-4 4" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') center/contain no-repeat;
  transition:transform var(--t-base) var(--ease-out);
}
.btn[data-arrow]:hover::after{transform:translateX(3px);}

/* ── Badges / Pills ────────────────────────────────────────── */
.badge{
  display:inline-flex;align-items:center;gap:var(--s-2);
  padding:var(--s-1) var(--s-3);
  border-radius:var(--r-full);
  font-family:var(--font-mono);
  font-size:var(--fs-2xs);
  font-weight:500;
  letter-spacing:0.06em;
  text-transform:uppercase;
  background:rgba(255,255,255,.04);
  border:1px solid var(--border-default);
  color:var(--text-secondary);
}
.badge--flame{background:rgba(255,94,0,.08);border-color:var(--border-flame);color:var(--flame-400);}
.badge--tech{background:rgba(0,229,255,.06);border-color:var(--border-tech);color:var(--tech-400);}
.badge--success{background:rgba(52,211,153,.08);border-color:rgba(52,211,153,.3);color:var(--success);}
.badge--live{
  background:rgba(52,211,153,.08);border-color:rgba(52,211,153,.3);color:var(--success);
}
.badge--live::before{
  content:'';width:6px;height:6px;border-radius:50%;background:currentColor;
  box-shadow:0 0 0 0 currentColor;
  animation:pulse-live 2s var(--ease-out) infinite;
}
@keyframes pulse-live{
  0%{box-shadow:0 0 0 0 rgba(52,211,153,.6);}
  70%{box-shadow:0 0 0 8px rgba(52,211,153,0);}
  100%{box-shadow:0 0 0 0 rgba(52,211,153,0);}
}

/* ── Cards ─────────────────────────────────────────────────── */
.card{
  background:var(--bg-surface);
  border:1px solid var(--border-default);
  border-radius:var(--r-xl);
  padding:var(--s-8);
  position:relative;
  transition:transform var(--t-base) var(--ease-out),
             border-color var(--t-base) var(--ease-out),
             box-shadow var(--t-base) var(--ease-out),
             background-color var(--t-base) var(--ease-out);
}
.card:hover{
  transform:translateY(-2px);
  border-color:var(--border-strong);
  box-shadow:var(--shadow-lg);
}
.card--feature{padding:var(--s-6);}
.card--accent-flame:hover{border-color:var(--flame-500);box-shadow:var(--glow-flame);}
.card--accent-tech:hover{border-color:var(--tech-500);box-shadow:var(--glow-tech);}

.card__icon{
  width:44px;height:44px;
  border-radius:var(--r-md);
  background:rgba(255,94,0,.08);
  border:1px solid var(--border-flame);
  display:inline-flex;align-items:center;justify-content:center;
  color:var(--flame-500);
  margin-bottom:var(--s-4);
}
.card__title{font-size:var(--fs-lg);font-weight:600;margin-bottom:var(--s-2);}
.card__desc{font-size:var(--fs-sm);color:var(--text-secondary);line-height:1.6;}

/* ── Grids ─────────────────────────────────────────────────── */
.grid{display:grid;gap:var(--s-6);}
.grid--2{grid-template-columns:repeat(2,minmax(0,1fr));}
.grid--3{grid-template-columns:repeat(3,minmax(0,1fr));}
.grid--4{grid-template-columns:repeat(4,minmax(0,1fr));}
.grid--auto{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));}

@media(max-width:900px){
  .grid--3,.grid--4{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:600px){
  .grid--2,.grid--3,.grid--4{grid-template-columns:1fr;}
}

/* ── Stat block ────────────────────────────────────────────── */
.stat{display:flex;flex-direction:column;gap:var(--s-1);}
.stat__value{
  font-family:var(--font-heading);
  font-size:clamp(28px,3vw,40px);
  font-weight:800;
  line-height:1;
  letter-spacing:-0.025em;
  color:var(--text-primary);
  font-variant-numeric:tabular-nums;
}
.stat__value--flame{color:var(--flame-500);}
.stat__value--tech{color:var(--tech-500);}
.stat__label{
  font-size:var(--fs-xs);
  color:var(--text-muted);
  text-transform:uppercase;
  letter-spacing:0.08em;
  font-weight:500;
}

/* ── Nav ───────────────────────────────────────────────────── */
.nav{
  position:fixed;top:0;left:0;right:0;z-index:var(--z-nav);
  height:64px;
  display:flex;align-items:center;
  background:rgba(4,6,9,0);
  transition:background var(--t-slow) var(--ease-out),
             backdrop-filter var(--t-slow) var(--ease-out),
             border-color var(--t-slow) var(--ease-out);
  border-bottom:1px solid transparent;
}
.nav.is-scrolled{
  background:rgba(4,6,9,0.78);
  backdrop-filter:blur(20px) saturate(180%);
  -webkit-backdrop-filter:blur(20px) saturate(180%);
  border-bottom-color:var(--border-subtle);
}
.nav__inner{
  width:100%;max-width:var(--container-wide);
  margin:0 auto;padding:0 var(--gutter);
  display:flex;align-items:center;justify-content:space-between;gap:var(--s-6);
}
.nav__brand{
  display:flex;align-items:center;gap:var(--s-3);
  font-weight:700;
  letter-spacing:-0.02em;
  font-size:var(--fs-md);
}
.nav__brand-mark{width:30px;height:34px;flex-shrink:0;}
.nav__links{display:flex;align-items:center;gap:var(--s-1);}
.nav__link{
  padding:var(--s-2) var(--s-3);
  font-size:var(--fs-sm);
  color:var(--text-secondary);
  font-weight:500;
  border-radius:var(--r-md);
  transition:color var(--t-fast) var(--ease-out),background var(--t-fast) var(--ease-out);
  position:relative;
}
.nav__link:hover{color:var(--text-primary);background:rgba(255,255,255,.04);}
.nav__link.is-active{color:var(--text-primary);}
.nav__link.is-active::after{
  content:'';position:absolute;left:50%;bottom:2px;transform:translateX(-50%);
  width:18px;height:2px;background:var(--flame-500);border-radius:2px;
}

.nav__dropdown{position:relative;}
.nav__dropdown-menu{
  position:absolute;top:calc(100% + 8px);left:0;
  min-width:240px;
  background:var(--bg-surface);
  border:1px solid var(--border-default);
  border-radius:var(--r-lg);
  padding:var(--s-2);
  box-shadow:var(--shadow-xl);
  opacity:0;visibility:hidden;transform:translateY(4px);
  transition:opacity var(--t-base) var(--ease-out),
             transform var(--t-base) var(--ease-out),
             visibility 0s linear var(--t-base);
}
.nav__dropdown:hover .nav__dropdown-menu,
.nav__dropdown:focus-within .nav__dropdown-menu{
  opacity:1;visibility:visible;transform:translateY(0);
  transition:opacity var(--t-base) var(--ease-out),transform var(--t-base) var(--ease-out);
}
.nav__dropdown-link{
  display:flex;align-items:center;gap:var(--s-3);
  padding:var(--s-3) var(--s-3);
  font-size:var(--fs-sm);
  color:var(--text-secondary);
  border-radius:var(--r-md);
  transition:background var(--t-fast) var(--ease-out),color var(--t-fast) var(--ease-out);
}
.nav__dropdown-link:hover{background:var(--bg-raised);color:var(--text-primary);}
.nav__dropdown-link strong{color:var(--text-primary);font-weight:600;}
.nav__dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;}

/* ── Mega-menu ────────────────────────────────────────────────── */
.nav__mega{position:relative;}
.nav__mega-trigger{
  padding:var(--s-2) var(--s-3);
  font-size:var(--fs-sm);color:var(--text-secondary);font-weight:500;
  border-radius:var(--r-md);background:none;border:0;cursor:pointer;
  font-family:inherit;letter-spacing:inherit;
  display:flex;align-items:center;gap:4px;
  transition:color var(--t-fast) var(--ease-out),background var(--t-fast) var(--ease-out);
}
.nav__mega-trigger:hover,.nav__mega.is-open .nav__mega-trigger{color:var(--text-primary);background:rgba(255,255,255,.04);}
.nav__mega-trigger svg{transition:transform var(--t-base) var(--ease-out);}
.nav__mega.is-open .nav__mega-trigger svg{transform:rotate(180deg);}

.nav__mega-panel{
  position:fixed;top:64px;left:0;right:0;
  background:#06080c;
  backdrop-filter:blur(28px) saturate(200%);
  -webkit-backdrop-filter:blur(28px) saturate(200%);
  border-bottom:1px solid var(--border-default);
  z-index:calc(var(--z-nav) - 1);
  box-shadow:0 24px 80px rgba(0,0,0,.7);
  opacity:0;visibility:hidden;transform:translateY(-6px);
  transition:opacity var(--t-base) var(--ease-out),transform var(--t-base) var(--ease-out),visibility 0s linear var(--t-base);
}
.nav__mega.is-open .nav__mega-panel{
  opacity:1;visibility:visible;transform:translateY(0);
  transition:opacity var(--t-base) var(--ease-out),transform var(--t-base) var(--ease-out);
}
.nav__mega-inner{
  max-width:var(--container-wide);margin:0 auto;
  padding:28px var(--gutter) 20px;
}
.nav__mega-grid{
  display:grid;
  grid-template-columns:1.05fr 1.6fr 0.95fr 0.85fr;
  gap:28px;
  margin-bottom:20px;
}
.nav__mega-col-header{
  font-family:var(--font-mono);font-size:10px;font-weight:700;
  letter-spacing:.12em;text-transform:uppercase;
  color:var(--col-color,var(--flame-500));
  padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.07);
  margin-bottom:6px;
  display:flex;align-items:center;gap:6px;
}
.nav__mega-col-header::before{
  content:'';width:7px;height:7px;border-radius:50%;flex-shrink:0;
  background:var(--col-color,var(--flame-500));
  box-shadow:0 0 6px var(--col-color,var(--flame-500));
}
.nav__mega-link{
  display:flex;align-items:center;gap:9px;
  padding:6px 8px;border-radius:var(--r-md);
  font-size:var(--fs-sm);color:var(--text-secondary);
  transition:background var(--t-fast) var(--ease-out),color var(--t-fast) var(--ease-out);
  text-decoration:none;
}
.nav__mega-link:hover{background:var(--bg-raised);color:var(--text-primary);}
.nav__mega-link strong{display:block;color:var(--text-primary);font-weight:600;font-size:13px;line-height:1.25;}
.nav__mega-link small{display:block;font-size:11px;color:var(--text-muted);margin-top:1px;line-height:1.3;}
.nav__mega-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;}
.nav__mega-badge{
  display:inline-block;padding:1px 5px;
  background:rgba(255,94,0,.14);border:1px solid rgba(255,94,0,.28);
  border-radius:4px;font-family:var(--font-mono);font-size:9px;font-weight:700;
  letter-spacing:.06em;text-transform:uppercase;color:var(--flame-400);
  margin-left:auto;flex-shrink:0;
}
.nav__mega-footer{
  border-top:1px solid rgba(255,255,255,.07);
  padding-top:14px;
  display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);
}
.nav__mega-footer-cta{
  display:inline-flex;align-items:center;gap:8px;
  padding:8px 18px;background:var(--flame-500);border-radius:var(--r-md);
  font-size:13px;font-weight:700;color:#fff;
  transition:background var(--t-fast) var(--ease-out),transform var(--t-fast) var(--ease-out);
}
.nav__mega-footer-cta:hover{background:var(--flame-600);transform:translateY(-1px);}
.nav__mega-footer-link{
  font-size:13px;color:var(--text-muted);font-weight:500;
  display:flex;align-items:center;gap:4px;
  transition:color var(--t-fast) var(--ease-out);
}
.nav__mega-footer-link:hover{color:var(--text-primary);}

/* Spark nav link — highlighted standout in the primary menu */
.nav__link--spark{
  position:relative;display:inline-flex;align-items:center;gap:5px;
  color:#fff;font-weight:700;
  background:linear-gradient(135deg,#FF5E00,#FFB800);
  border-radius:var(--r-md);padding:var(--s-2) var(--s-4);
  box-shadow:0 4px 16px rgba(255,94,0,.28);
  transition:transform var(--t-fast) var(--ease-out),box-shadow var(--t-fast) var(--ease-out);
}
.nav__link--spark:hover{transform:translateY(-1px);box-shadow:0 6px 22px rgba(255,94,0,.45);background:linear-gradient(135deg,#FF5E00,#FFB800);}
.nav__link--spark .spark-pulse{width:6px;height:6px;border-radius:50%;background:#fff;box-shadow:0 0 8px #fff;animation:sparkPulse 1.8s infinite;}
@keyframes sparkPulse{0%,100%{opacity:.5;}50%{opacity:1;}}

/* Featured Spark banner inside the mega-menu */
.nav__mega-spark{
  display:flex;align-items:center;gap:16px;
  padding:14px 18px;margin-bottom:18px;
  background:linear-gradient(135deg,rgba(255,94,0,.14),rgba(255,184,0,.06));
  border:1px solid rgba(255,94,0,.32);border-radius:var(--r-lg);
  text-decoration:none;transition:border-color var(--t-fast) var(--ease-out),transform var(--t-fast) var(--ease-out);
}
.nav__mega-spark:hover{border-color:rgba(255,94,0,.6);transform:translateY(-1px);}
.nav__mega-spark__icon{font-size:28px;flex-shrink:0;}
.nav__mega-spark__body{flex:1;min-width:0;}
.nav__mega-spark__title{font-size:15px;font-weight:800;color:var(--text-primary);display:flex;align-items:center;gap:8px;}
.nav__mega-spark__title .nav__mega-badge{background:rgba(255,94,0,.18);border-color:rgba(255,94,0,.4);color:#FF8C42;}
.nav__mega-spark__sub{font-size:12px;color:var(--text-secondary);margin-top:2px;}
.nav__mega-spark__cta{flex-shrink:0;padding:9px 18px;background:#FF5E00;color:#fff;border-radius:var(--r-md);font-size:13px;font-weight:700;white-space:nowrap;}

@media(max-width:1100px){.nav__mega-grid{grid-template-columns:1fr 1.5fr 1fr 1fr;gap:20px;}}
@media(max-width:900px){.nav__mega{display:none;}.nav__mega-panel{display:none;}}

/* Mobile platforms section */
.nav__mobile-section{
  font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.12em;
  text-transform:uppercase;color:var(--text-muted);padding:14px 0 6px;
  border:0 !important;
}
.nav__mobile-platform{
  font-size:var(--fs-md) !important;padding:var(--s-2) 0 !important;
  border-bottom:1px solid var(--border-subtle) !important;
  display:flex !important;align-items:center;gap:8px;
}
.nav__mobile-platform .dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex-shrink:0;}

.nav__cta{margin-left:var(--s-2);}

.nav__mobile-btn{
  display:none;
  width:40px;height:40px;
  align-items:center;justify-content:center;
  border-radius:var(--r-md);
  color:var(--text-primary);
}
.nav__mobile-btn:hover{background:rgba(255,255,255,.06);}

@media(max-width:900px){
  .nav__links{display:none;}
  .nav__cta{display:none;}
  .nav__mobile-btn{display:inline-flex;}
}

.nav__mobile-menu{
  position:fixed;inset:0;z-index:calc(var(--z-nav) + 5);
  background:rgba(4,6,9,0.96);
  backdrop-filter:blur(28px);
  -webkit-backdrop-filter:blur(28px);
  display:flex;flex-direction:column;
  padding:80px var(--gutter) 40px;
  opacity:0;visibility:hidden;transform:translateY(-12px);
  transition:opacity var(--t-base) var(--ease-out),
             transform var(--t-base) var(--ease-out),
             visibility 0s linear var(--t-base);
}
.nav__mobile-menu.is-open{
  opacity:1;visibility:visible;transform:translateY(0);
  transition:opacity var(--t-base) var(--ease-out),transform var(--t-base) var(--ease-out);
}
.nav__mobile-menu a{
  font-size:var(--fs-2xl);
  font-weight:600;
  padding:var(--s-3) 0;
  color:var(--text-primary);
  border-bottom:1px solid var(--border-subtle);
}
.nav__mobile-close{
  position:absolute;top:var(--s-4);right:var(--gutter);
  width:40px;height:40px;
  display:inline-flex;align-items:center;justify-content:center;
  border-radius:var(--r-md);
  font-size:24px;color:var(--text-primary);
}
.nav__mobile-close:hover{background:rgba(255,255,255,.06);}
.nav__mobile-cta{margin-top:var(--s-6);}

/* ── Footer ────────────────────────────────────────────────── */
.footer{
  background:var(--bg-surface);
  border-top:1px solid var(--border-subtle);
  padding:var(--s-20) 0 var(--s-8);
  margin-top:var(--s-20);
}
.footer__grid{
  display:grid;
  grid-template-columns:2fr 1fr 1fr 1fr;
  gap:var(--s-12);
  margin-bottom:var(--s-12);
}
@media(max-width:768px){
  .footer__grid{grid-template-columns:1fr 1fr;gap:var(--s-8);}
  .footer__brand{grid-column:1/-1;}
}
@media(max-width:480px){
  .footer__grid{grid-template-columns:1fr;}
}
.footer__brand p{
  margin-top:var(--s-4);
  max-width:32ch;
  font-size:var(--fs-sm);
  color:var(--text-muted);
}
.footer__col h4{
  font-size:var(--fs-2xs);
  text-transform:uppercase;
  letter-spacing:0.12em;
  color:var(--text-muted);
  margin-bottom:var(--s-4);
}
.footer__col a{
  display:block;
  font-size:var(--fs-sm);
  color:var(--text-secondary);
  padding:var(--s-1) 0;
  transition:color var(--t-fast) var(--ease-out);
}
.footer__col a:hover{color:var(--text-primary);}
.footer__bottom{
  display:flex;align-items:center;justify-content:space-between;
  padding-top:var(--s-6);
  border-top:1px solid var(--border-subtle);
  font-size:var(--fs-xs);color:var(--text-muted);
}
@media(max-width:600px){
  .footer__bottom{flex-direction:column;gap:var(--s-3);align-items:flex-start;}
}

/* ── Form ──────────────────────────────────────────────────── */
.form{display:flex;flex-direction:column;gap:var(--s-5);}
.form__group{display:flex;flex-direction:column;gap:var(--s-2);}
.form__label{
  font-size:var(--fs-xs);
  font-weight:500;
  letter-spacing:0.04em;
  text-transform:uppercase;
  color:var(--text-muted);
}
.form__label--required::after{content:' *';color:var(--flame-500);}
.form__input,
.form__select,
.form__textarea{
  width:100%;
  padding:var(--s-3) var(--s-4);
  background:var(--bg-raised);
  border:1px solid var(--border-default);
  border-radius:var(--r-md);
  color:var(--text-primary);
  font-size:var(--fs-base);
  line-height:1.4;
  transition:border-color var(--t-fast) var(--ease-out),
             background-color var(--t-fast) var(--ease-out),
             box-shadow var(--t-fast) var(--ease-out);
  min-height:48px;
}
.form__textarea{min-height:120px;resize:vertical;font-family:inherit;}
.form__input::placeholder,
.form__textarea::placeholder{color:var(--text-faint);}
.form__input:focus,
.form__select:focus,
.form__textarea:focus{
  outline:none;
  border-color:var(--flame-500);
  background:var(--bg-surface);
  box-shadow:0 0 0 3px rgba(255,94,0,.14);
}
.form__row{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-4);}
@media(max-width:600px){.form__row{grid-template-columns:1fr;}}

.form__success{
  background:rgba(52,211,153,.08);
  border:1px solid rgba(52,211,153,.3);
  border-radius:var(--r-md);
  padding:var(--s-5);
  text-align:center;
  display:none;
}
.form__success.is-shown{display:block;}

/* ── Code chip ─────────────────────────────────────────────── */
.chip{
  display:inline-flex;align-items:center;
  padding:var(--s-1) var(--s-3);
  font-family:var(--font-mono);
  font-size:var(--fs-xs);
  background:rgba(255,255,255,.04);
  border:1px solid var(--border-default);
  border-radius:var(--r-sm);
  color:var(--text-secondary);
}

/* ── Skip link (a11y) ──────────────────────────────────────── */
.skip-link{
  position:absolute;left:-9999px;top:8px;
  background:var(--flame-500);color:#000;
  padding:var(--s-2) var(--s-4);
  border-radius:var(--r-md);font-weight:600;
  z-index:9999;
}
.skip-link:focus{left:8px;}

/* ── Sticky scroll CTA (above fold solution) ──────────────── */
.cta-bar{
  position:fixed;bottom:24px;right:24px;z-index:60;
  display:inline-flex;align-items:center;gap:var(--s-3);
  padding:var(--s-3) var(--s-5);
  background:linear-gradient(135deg,var(--flame-500),var(--flame-600));
  color:#000;
  border-radius:var(--r-full);
  font-weight:600;font-size:var(--fs-sm);
  box-shadow:0 16px 40px rgba(255,94,0,.35),0 4px 12px rgba(0,0,0,.4);
  opacity:0;transform:translateY(20px);
  transition:opacity var(--t-slow) var(--ease-out),transform var(--t-slow) var(--ease-out),box-shadow var(--t-base) var(--ease-out);
  pointer-events:none;
}
.cta-bar.is-visible{opacity:1;transform:translateY(0);pointer-events:auto;}
.cta-bar:hover{box-shadow:0 24px 60px rgba(255,94,0,.5),0 6px 16px rgba(0,0,0,.4);transform:translateY(-2px);}
@media(max-width:600px){
  .cta-bar{bottom:16px;right:16px;left:16px;justify-content:center;}
}

}/* end components */

/* ── UTILITIES ─────────────────────────────────────────────────── */
@layer utilities {
.text-center{text-align:center;}
.text-balance{text-wrap:balance;}
.flex{display:flex;}
.flex-col{flex-direction:column;}
.items-center{align-items:center;}
.justify-center{justify-content:center;}
.justify-between{justify-content:space-between;}
.gap-1{gap:var(--s-1);} .gap-2{gap:var(--s-2);} .gap-3{gap:var(--s-3);}
.gap-4{gap:var(--s-4);} .gap-5{gap:var(--s-5);} .gap-6{gap:var(--s-6);}
.gap-8{gap:var(--s-8);}.gap-12{gap:var(--s-12);}
.flex-wrap{flex-wrap:wrap;}
.mt-2{margin-top:var(--s-2);} .mt-3{margin-top:var(--s-3);}
.mt-4{margin-top:var(--s-4);} .mt-5{margin-top:var(--s-5);} .mt-6{margin-top:var(--s-6);}
.mt-8{margin-top:var(--s-8);} .mt-10{margin-top:var(--s-10);} .mt-12{margin-top:var(--s-12);}
.mt-16{margin-top:var(--s-16);}
.mb-2{margin-bottom:var(--s-2);} .mb-3{margin-bottom:var(--s-3);}
.mb-4{margin-bottom:var(--s-4);} .mb-5{margin-bottom:var(--s-5);} .mb-6{margin-bottom:var(--s-6);}
.mb-8{margin-bottom:var(--s-8);}.mb-10{margin-bottom:var(--s-10);}.mb-12{margin-bottom:var(--s-12);}
.hide-mobile{display:initial;}
.show-mobile{display:none;}
@media(max-width:768px){
  .hide-mobile{display:none;}
  .show-mobile{display:initial;}
}
}

/* ── MOTION ────────────────────────────────────────────────────── */
@layer motion {
.reveal{opacity:0;transform:translateY(20px);transition:opacity var(--t-deliberate) var(--ease-out-exp),transform var(--t-deliberate) var(--ease-out-exp);}
.reveal.is-in{opacity:1;transform:none;}
.reveal-delay-1{transition-delay:80ms;}
.reveal-delay-2{transition-delay:160ms;}
.reveal-delay-3{transition-delay:240ms;}
.reveal-delay-4{transition-delay:320ms;}
.reveal-delay-5{transition-delay:400ms;}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:.01ms!important;
    scroll-behavior:auto!important;
  }
}
}

/* ── ROUND 3 POLISH · ELEVATED COMPONENTS ─────────────────────── */

/* Audience segmenter — hero pattern that asks the visitor who they are */
.segmenter{
  display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s-3);
  margin-top:var(--s-6);
  padding:var(--s-2);
  border:1px solid var(--border-default);
  border-radius:var(--r-2xl);
  background:linear-gradient(135deg,rgba(255,255,255,.02),rgba(255,255,255,0));
  backdrop-filter:blur(8px);
}
@media(max-width:900px){.segmenter{grid-template-columns:repeat(2,1fr);}}
@media(max-width:480px){.segmenter{grid-template-columns:1fr;}}
.segmenter__item{
  position:relative;
  padding:var(--s-5) var(--s-4);
  border-radius:var(--r-lg);
  background:rgba(255,255,255,.02);
  border:1px solid transparent;
  transition:transform var(--t-base) var(--ease-out),
             border-color var(--t-base) var(--ease-out),
             background var(--t-base) var(--ease-out);
  display:flex;flex-direction:column;align-items:flex-start;gap:var(--s-1);
  text-align:left;
}
.segmenter__item:hover{
  transform:translateY(-2px);
  background:rgba(255,255,255,.04);
  border-color:var(--seg-color,var(--flame-500));
}
.segmenter__icon{
  width:32px;height:32px;border-radius:var(--r-md);
  background:var(--seg-bg,rgba(255,94,0,.1));
  display:inline-flex;align-items:center;justify-content:center;
  margin-bottom:var(--s-2);font-size:18px;
}
.segmenter__title{font-size:var(--fs-md);font-weight:700;color:var(--text-primary);letter-spacing:-0.01em;}
.segmenter__desc{font-size:var(--fs-xs);color:var(--text-muted);}
.segmenter__arrow{position:absolute;top:var(--s-3);right:var(--s-3);font-size:14px;color:var(--text-faint);transition:transform var(--t-base) var(--ease-out),color var(--t-fast) var(--ease-out);}
.segmenter__item:hover .segmenter__arrow{transform:translate(3px,-3px);color:var(--seg-color,var(--flame-500));}

/* Premium serif accent for high-stakes quotes */
.quote-mark{
  font-family:Georgia,'Times New Roman',serif;
  font-size:clamp(80px,8vw,140px);
  line-height:0.6;letter-spacing:-0.03em;
  color:var(--flame-500);
  display:block;
  font-weight:700;
}
.pull-quote{
  font-family:Georgia,'Times New Roman',serif;
  font-size:clamp(22px,2.4vw,30px);
  font-weight:400;line-height:1.4;letter-spacing:-0.012em;
  color:var(--text-primary);
  font-style:italic;
  text-wrap:balance;
}
.pull-quote em{font-style:normal;}

/* Voices grid — testimonial layout */
.voices{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-5);}
@media(max-width:900px){.voices{grid-template-columns:1fr;}}
.voice{
  background:var(--bg-surface);border:1px solid var(--border-default);
  border-radius:var(--r-2xl);
  padding:var(--s-7);
  display:flex;flex-direction:column;gap:var(--s-4);
  position:relative;overflow:hidden;
  transition:transform var(--t-base) var(--ease-out),border-color var(--t-base) var(--ease-out);
}
.voice:hover{transform:translateY(-2px);border-color:var(--border-strong);}
.voice__quote{
  font-size:var(--fs-md);
  color:var(--text-primary);
  line-height:1.55;font-weight:500;
  letter-spacing:-0.005em;
}
.voice__attr{
  display:flex;align-items:center;gap:var(--s-3);
  padding-top:var(--s-4);border-top:1px solid var(--border-subtle);
}
.voice__avatar{
  width:40px;height:40px;border-radius:50%;
  background:linear-gradient(135deg,var(--flame-500),var(--ember-500));
  display:inline-flex;align-items:center;justify-content:center;
  font-weight:700;color:#000;font-size:var(--fs-sm);flex-shrink:0;
}
.voice__name{font-size:var(--fs-sm);font-weight:600;color:var(--text-primary);}
.voice__title{font-size:var(--fs-xs);color:var(--text-muted);}

/* Hero proof — hierarchical, not equal */
.proof-strip--hero{
  display:grid;
  grid-template-columns:auto 1fr 1fr 1fr 1fr;
  gap:var(--s-6);
  align-items:center;
}
.proof-strip--hero .proof-strip__item--featured .proof-strip__value{
  font-size:clamp(44px,5vw,64px);
  background:linear-gradient(135deg,var(--flame-400),var(--ember-500));
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.proof-strip--hero .proof-strip__item--featured .proof-strip__label{color:var(--flame-400);font-weight:600;}
@media(max-width:900px){
  .proof-strip--hero{grid-template-columns:repeat(2,1fr);gap:var(--s-4);}
  .proof-strip--hero .proof-strip__item--featured{grid-column:1/-1;}
}

/* Deploy status badges — pulsing live indicator */
.status-pill{
  display:inline-flex;align-items:center;gap:var(--s-2);
  padding:var(--s-1) var(--s-3);
  border-radius:var(--r-full);
  font-family:var(--font-mono);font-size:var(--fs-2xs);
  font-weight:500;letter-spacing:0.08em;text-transform:uppercase;
  background:rgba(52,211,153,.08);
  border:1px solid rgba(52,211,153,.30);
  color:var(--success);
}
.status-pill::before{
  content:'';width:6px;height:6px;border-radius:50%;background:currentColor;
  animation:pulse-live 2s var(--ease-out) infinite;
}
.status-pill--presales{background:rgba(255,184,0,.08);border-color:rgba(255,184,0,.30);color:var(--ember-500);}

/* Subtle button press microfeedback */
.btn:active{transform:translateY(0) scale(0.98);transition:transform 80ms var(--ease-out);}

/* Section divider */
.section-divider{height:1px;background:linear-gradient(90deg,transparent,var(--border-default),transparent);margin:0 auto;max-width:600px;}

/* ── ROUND 4 · DEPTH + INTERACTIVITY ─────────────────────── */

/* Bolder hero glow — confident, not faint */
.hero-glow--bold::before,
.hero-glow--bold::after{opacity:0.32!important;filter:blur(140px)!important;}

/* Editorial number block — for high-impact stats */
.numbers-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--border-default);border-bottom:1px solid var(--border-default);}
@media(max-width:768px){.numbers-grid{grid-template-columns:repeat(2,1fr);}}
.numbers-grid__cell{
  padding:var(--s-10) var(--s-6);
  border-right:1px solid var(--border-default);
  position:relative;
  transition:background var(--t-base) var(--ease-out);
}
.numbers-grid__cell:last-child,.numbers-grid__cell:nth-child(4){border-right:0;}
@media(max-width:768px){
  .numbers-grid__cell:nth-child(2){border-right:0;}
  .numbers-grid__cell:nth-child(odd){border-right:1px solid var(--border-default);}
  .numbers-grid__cell:nth-child(1),.numbers-grid__cell:nth-child(2){border-bottom:1px solid var(--border-default);}
}
.numbers-grid__cell:hover{background:rgba(255,94,0,.04);}
.numbers-grid__value{
  font-family:var(--font-heading);
  font-size:clamp(40px,5vw,68px);
  font-weight:900;line-height:0.95;letter-spacing:-0.035em;
  color:var(--text-primary);
  font-variant-numeric:tabular-nums;
  margin-bottom:var(--s-2);
}
.numbers-grid__value[data-count]::after{content:attr(data-suffix);}
.numbers-grid__label{
  font-family:var(--font-mono);font-size:var(--fs-2xs);
  letter-spacing:0.10em;text-transform:uppercase;color:var(--text-muted);
}
.numbers-grid__detail{font-size:var(--fs-sm);color:var(--text-secondary);margin-top:var(--s-3);line-height:1.5;}

/* Case study block — for platform pages */
.case-study{
  display:grid;grid-template-columns:1fr 1fr;gap:0;
  border:1px solid var(--border-default);border-radius:var(--r-2xl);
  overflow:hidden;
}
@media(max-width:900px){.case-study{grid-template-columns:1fr;}}
.case-study__media{
  background:linear-gradient(135deg,var(--p-color,var(--flame-500)),var(--ink-900));
  padding:var(--s-12);
  display:flex;flex-direction:column;justify-content:flex-end;
  min-height:380px;position:relative;overflow:hidden;
}
.case-study__media::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at top right,rgba(255,255,255,.10),transparent 60%);pointer-events:none;}
.case-study__badge{
  position:absolute;top:var(--s-5);left:var(--s-5);
  display:inline-flex;align-items:center;gap:var(--s-2);
  padding:var(--s-1) var(--s-3);border-radius:var(--r-full);
  background:rgba(0,0,0,.35);backdrop-filter:blur(8px);
  border:1px solid rgba(255,255,255,.20);
  font-family:var(--font-mono);font-size:var(--fs-2xs);letter-spacing:0.10em;text-transform:uppercase;color:#fff;
}
.case-study__org{font-family:var(--font-heading);font-size:clamp(28px,3vw,40px);font-weight:800;line-height:1.05;letter-spacing:-0.02em;color:#fff;position:relative;z-index:1;}
.case-study__sub{font-size:var(--fs-md);color:rgba(255,255,255,.85);margin-top:var(--s-2);position:relative;z-index:1;}
.case-study__body{padding:var(--s-12);background:var(--bg-surface);}
.case-study__quote{
  font-family:Georgia,'Times New Roman',serif;
  font-size:var(--fs-lg);line-height:1.5;font-style:italic;color:var(--text-primary);
  margin-bottom:var(--s-6);text-wrap:balance;
}
.case-study__metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--s-5);margin-bottom:var(--s-6);}
.case-study__metric strong{display:block;font-family:var(--font-heading);font-size:var(--fs-3xl);font-weight:800;letter-spacing:-0.02em;line-height:1;color:var(--p-color,var(--flame-500));}
.case-study__metric small{display:block;font-size:var(--fs-2xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:0.08em;margin-top:var(--s-1);}

/* Problem-Solution split */
.split{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-12);align-items:start;}
@media(max-width:900px){.split{grid-template-columns:1fr;gap:var(--s-8);}}
.split__panel{padding:var(--s-8);border-radius:var(--r-xl);}
.split__panel--problem{background:rgba(248,113,113,.05);border:1px solid rgba(248,113,113,.20);}
.split__panel--solution{background:rgba(52,211,153,.05);border:1px solid rgba(52,211,153,.20);}
.split__label{font-family:var(--font-mono);font-size:var(--fs-2xs);letter-spacing:0.14em;text-transform:uppercase;font-weight:600;margin-bottom:var(--s-4);}
.split__panel--problem .split__label{color:var(--danger);}
.split__panel--solution .split__label{color:var(--success);}
.split__panel h3{font-size:var(--fs-2xl);margin-bottom:var(--s-4);}
.split__panel ul{list-style:none;display:flex;flex-direction:column;gap:var(--s-3);margin-top:var(--s-4);}
.split__panel li{font-size:var(--fs-sm);color:var(--text-secondary);padding-left:var(--s-6);position:relative;line-height:1.5;}
.split__panel--problem li::before{content:'✕';position:absolute;left:0;color:var(--danger);font-weight:700;}
.split__panel--solution li::before{content:'✓';position:absolute;left:0;color:var(--success);font-weight:700;}

/* Animated counter — set by JS via data-target */
[data-counter]{font-variant-numeric:tabular-nums;}

/* ── PRINT ─────────────────────────────────────────────────────── */
@media print{
  .nav,.footer,.cta-bar,.nav__mobile-menu{display:none!important;}
  body{background:#fff;color:#000;}
  *{color:#000!important;background:transparent!important;box-shadow:none!important;}
}