@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Inter:wght@300;400;500;600&family=JetBrains+Mono:wght@400;500&display=swap');

:root {
--text-xs:clamp(0.75rem,0.7rem + 0.25vw,0.875rem);
  --text-sm:clamp(0.875rem,0.8rem + 0.35vw,1rem);
  --text-base:clamp(1rem,0.95rem + 0.25vw,1.125rem);
  --text-lg:clamp(1.125rem,1rem + 0.75vw,1.5rem);
  --text-xl:clamp(1.5rem,1.2rem + 1.25vw,2.25rem);
  --text-2xl:clamp(2rem,1.2rem + 2.5vw,3.5rem);
  --text-3xl:clamp(2.5rem,1rem + 4vw,5rem);
  --s1:.25rem;--s2:.5rem;--s3:.75rem;--s4:1rem;--s5:1.25rem;--s6:1.5rem;
  --s8:2rem;--s10:2.5rem;--s12:3rem;--s16:4rem;--s20:5rem;--s24:6rem;
  --r-sm:.375rem;--r-md:.5rem;--r-lg:.75rem;--r-xl:1rem;--r-full:9999px;
  --ease:180ms cubic-bezier(0.16,1,0.3,1);
  --bg:#0c0a09;--sf:#1c1917;--sf2:#24211f;--sfx:#2a2724;
  --div:#363230;--border:rgba(255,255,255,0.08);
  --t:#f5f5f4;--tm:#a8a29e;--tf:#78716c;--ti:#0c0a09;
  --cy:#a8a29e;--cy2:#d6d3d1;--cyg:rgba(168,162,158,0.10);--cys:rgba(168,162,158,0.05);
  --am:#c8791a;--amg:rgba(200,121,26,0.12);--ams:rgba(200,121,26,0.06);
  --gold:#d4a044;--golds:rgba(212,160,68,0.12);--goldg:rgba(212,160,68,0.18);
  --fd:'Plus Jakarta Sans',sans-serif;
  --fb:'Inter',sans-serif;
  --fm:'JetBrains Mono',monospace;
  --cww:1200px;

  /* Legacy aliases so existing global.css pages keep working */
  --bg-dark:           #0c0a09;
  --bg-dark-card:      #1c1917;
  --bg-dark-border:    rgba(255,255,255,0.08);
  --text-dark-primary: #f5f5f4;
  --text-dark-secondary:#a8a29e;

  --bg-light:          #f5f6fa;
  --bg-light-card:     #f5f5f4;
  --bg-light-border:   #d0d4e8;
  --text-light-primary:#1c1917;
  --text-light-secondary:#3d4566;

  --accent-teal:        var(--cy);
  --accent-teal-dim:    var(--cyg);
  --accent-teal-border: rgba(168,162,158,0.20);
  --accent-gold:        var(--gold);
  --accent-gold-dim:    var(--golds);
  --accent-gold-border: rgba(212,160,68,0.25);
  --accent-blue:        var(--cy);
  --accent-blue-light:  var(--cyg);
  --accent-blue-border: rgba(168,162,158,0.20);

  --font-display: var(--fd);
  --font-sans:    var(--fb);
  --font-mono:    var(--fm);

}

[data-theme="light"] {
--bg:#fafaf9;--sf:#f5f5f4;--sf2:#f5f5f4;--sfx:#e7e5e4;
  --div:#d6d3d1;--border:rgba(0,0,0,0.09);
  --t:#1c1917;--tm:#57534e;--tf:#a8a29e;--ti:#fafaf9;
  --cyg:rgba(120,113,108,0.10);--cys:rgba(120,113,108,0.06);
  --cy:#78716c;--cy2:#57534e;
  --amg:rgba(200,110,0,0.12);--ams:rgba(200,110,0,0.07);
  --am:#9c5a16;
  --gold:#b8852a;--golds:rgba(184,133,42,0.1);--goldg:rgba(184,133,42,0.18);
  /* Legacy light aliases */
  --bg-light:          var(--bg);
  --bg-light-card:     var(--sf);
  --bg-light-border:   var(--border);
  --text-light-primary:var(--t);
  --text-light-secondary:var(--tm);
  --accent-teal:       var(--cy);
  --accent-teal-dim:   var(--cyg);
  --accent-teal-border:rgba(0,127,122,0.20);
  --accent-gold:       var(--gold);
  --accent-gold-dim:   var(--golds);
  --accent-gold-border:rgba(184,133,42,0.22);
}

/* ── Existing global.css components (preserved for legacy pages) ── */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Inter:wght@300;400;500;600&display=swap');

:root {
  /* Core palette */
  --bg-dark:           #0c0a09;
  --bg-dark-card:      rgba(255,255,255,0.03);
  --bg-dark-border:    rgba(255,255,255,0.08);
  --text-dark-primary: #f5f5f4;
  --text-dark-secondary:#a8a29e;

  --bg-light:          #fafaf9;
  --bg-light-card:     #f5f5f4;
  --bg-light-border:   #d6d3d1;
  --text-light-primary:#1c1917;
  --text-light-secondary:#57534e;

  /* Brand accents */
  --accent-teal:        #00a8a0;
  --accent-teal-dim:    rgba(0,168,160,0.10);
  --accent-teal-border: rgba(0,168,160,0.20);
  --accent-gold:        #c8a03a;
  --accent-gold-dim:    rgba(200,160,58,0.10);
  --accent-gold-border: rgba(200,160,58,0.22);
  /* keep blue alias for legacy refs */
  --accent-blue:        #a8a29e;
  --accent-blue-light:  rgba(168,162,158,0.10);
  --accent-blue-border: rgba(168,162,158,0.20);

  /* Typography */
  --font-display: 'Plus Jakarta Sans', sans-serif;
  --font-sans:    'Inter', sans-serif;

  /* Spacing */
  --s2:  0.5rem;  --s3:  0.75rem; --s4:  1rem;
  --s5:  1.25rem; --s6:  1.5rem;  --s8:  2rem;
  --s10: 2.5rem;  --s12: 3rem;    --s16: 4rem;
  --s20: 5rem;    --s24: 6rem;

  /* Radii */
  --r-md:   0.5rem;  --r-lg: 0.75rem;
  --r-xl:   1rem;    --r-2xl:1.5rem;
  --r-full: 9999px;

  /* Layout */
  --container-width: 1280px;
  --ease: 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

*, *::before, *::after { box-sizing:border-box; margin:0; padding:0; }

html { scroll-behavior:smooth; -webkit-font-smoothing:antialiased; }

body {
  font-family: var(--font-sans);
  background-color: var(--bg-dark);
  color: var(--text-dark-primary);
  line-height: 1.6;
  overflow-x: hidden;
  background-image: radial-gradient(rgba(255,255,255,0.035) 1px, transparent 1px);
  background-size: 28px 28px;
}

img, svg { display:block; max-width:100%; }
button { cursor:pointer; background:none; border:none; font:inherit; color:inherit; }
a { color:inherit; text-decoration:none; transition:opacity var(--ease), color var(--ease); }

/* ── Sections ── */
.section { padding: clamp(var(--s12), 8vw, var(--s24)) 0; }
.section-dark  { background-color:var(--bg-dark);  color:var(--text-dark-primary); }
.section-light { background-color:var(--bg-light); color:var(--text-light-primary); }
.wrap { max-width:var(--container-width); margin-inline:auto; padding-inline:clamp(var(--s5),4vw,var(--s12)); }

/* ── Buttons ── */
.btn {
  display:inline-flex; align-items:center; justify-content:center;
  gap:var(--s2); padding:var(--s3) var(--s5);
  border-radius:var(--r-md); font-size:0.875rem; font-weight:600;
  transition:all var(--ease); white-space:nowrap; font-family:var(--font-display);
}
.btn-white {
  background-color:#f5f5f4; color:#000000; border:1px solid #f5f5f4;
}
.btn-white:hover { background-color:#f1f1f1; }

.btn-gold {
  background-color:var(--accent-gold); color:#000000; border:1px solid var(--accent-gold);
  font-weight:700;
}
.btn-gold:hover {
  background-color:#e8b930; transform:scale(1.02);
  box-shadow:0 10px 30px rgba(244,197,66,0.35);
}

/* btn-blue kept for backward compat → maps to teal */
.btn-blue {
  background-color:var(--accent-teal); color:#000000; font-weight:700;
}
.btn-blue:hover {
  background-color:#00dfc0; transform:scale(1.02);
  box-shadow:0 10px 25px rgba(0,245,212,0.35);
}

.btn-ghost-dark {
  color:var(--text-dark-primary); background:transparent;
}
.btn-ghost-dark:hover { background:rgba(255,255,255,0.07); border-radius:var(--r-md); }

.btn-ghost-light {
  color:var(--text-light-primary); background:transparent;
  border:1px solid var(--bg-light-border);
}
.btn-ghost-light:hover { background:rgba(0,0,0,0.04); }

.btn-dark {
  background-color:var(--bg-dark); color:var(--text-dark-primary);
  border:1px solid var(--bg-dark-border);
}
.btn-dark:hover { background-color:#0f1629; }

/* ── Navbar ── */
nav {
  position:fixed; top:0; left:0; right:0; z-index:100;
  padding:var(--s4) 0;
  background:rgba(3,7,18,0.88);
  /* backdrop-filter removed */
  border-bottom:1px solid rgba(255,255,255,0.06);
}
.nav-wrap {
  display:flex; align-items:center; justify-content:space-between; gap:var(--s6);
}
.logo {
  display:flex; align-items:center; gap:10px;
  font-family:var(--font-display); font-weight:800;
  font-size:1.1rem; letter-spacing:-0.02em;
  color:var(--text-dark-primary);
}
.logo svg { color:var(--accent-teal); }
.nav-links { display:flex; align-items:center; gap:var(--s6); list-style:none; }
.nav-links a { font-size:0.875rem; color:var(--text-dark-secondary); font-weight:500; }
.nav-links a:hover, .nav-links a.active { color:var(--text-dark-primary); }
.nav-actions { display:flex; align-items:center; gap:var(--s3); }

/* Hamburger */
.ham-btn {
  display:none; flex-direction:column; justify-content:center;
  gap:5px; width:36px; height:36px; padding:6px;
  border-radius:8px; border:1px solid var(--bg-dark-border);
  background:rgba(255,255,255,0.04); z-index:200; position:relative;
}
.ham-btn span { display:block; width:100%; height:1.5px; background:var(--text-dark-primary); border-radius:2px; transition:transform .25s ease, opacity .2s ease; }
.ham-btn.open span:nth-child(1) { transform:translateY(6.5px) rotate(45deg); }
.ham-btn.open span:nth-child(2) { opacity:0; }
.ham-btn.open span:nth-child(3) { transform:translateY(-6.5px) rotate(-45deg); }

.mobile-drawer {
  position:fixed; inset:0; background:rgba(3,7,18,0.98);
  /* backdrop-filter removed */ z-index:90;
  display:flex; flex-direction:column; justify-content:center;
  align-items:center; gap:var(--s8);
  opacity:0; pointer-events:none; transition:opacity .3s ease; padding:var(--s16);
}
.mobile-drawer.open { opacity:1; pointer-events:all; }
.mob-nav { display:flex; flex-direction:column; align-items:center; gap:var(--s6); list-style:none; }
.mob-nav a { font-size:1.25rem; font-weight:500; color:var(--text-dark-secondary); }
.mob-nav a:hover, .mob-nav a.active { color:var(--text-dark-primary); }

@media(max-width:860px) {
  .nav-links { display:none; }
  .ham-btn { display:flex; }
  .nav-actions { display:none; }
}

/* ── Eyebrow / Labels ── */
.eyebrow {
  display:inline-flex; align-items:center; gap:var(--s2);
  font-size:0.72rem; font-weight:700; font-family:var(--font-display);
  color:var(--accent-teal); text-transform:uppercase; letter-spacing:0.1em;
  margin-bottom:var(--s4);
  background:var(--accent-teal-dim); border:1px solid var(--accent-teal-border);
  border-radius:var(--r-full); padding:4px 14px;
}
.eyebrow::before {
  content:''; width:6px; height:6px; border-radius:50%;
  background:var(--accent-teal); box-shadow:0 0 8px var(--accent-teal);
}

/* ── Typography ── */
h1, h2, h3, h4 { font-family:var(--font-display); }

h1 {
  font-size:clamp(2.5rem, 5vw, 4.5rem); font-weight:800;
  line-height:1.08; letter-spacing:-0.035em; margin-bottom:var(--s5);
}
h2 {
  font-size:clamp(2rem, 4vw, 3.25rem); font-weight:800;
  line-height:1.12; letter-spacing:-0.025em; margin-bottom:var(--s5);
}
h3 { font-size:clamp(1.25rem, 2vw, 1.75rem); font-weight:700; line-height:1.2; }

.teal  { color:var(--accent-teal); }
.gold  { color:var(--accent-gold); }

.subtitle {
  font-size:clamp(1rem, 2vw, 1.2rem); color:var(--text-dark-secondary);
  line-height:1.65; margin-bottom:var(--s8); max-width:60ch;
}
.section-light .subtitle { color:var(--text-light-secondary); }

/* ── Glassmorphism Card ── */
.glass-card {
  background:var(--bg-dark-card);
  /* backdrop-filter removed */ -webkit-/* backdrop-filter removed */
  border:1px solid var(--bg-dark-border);
  border-radius:var(--r-2xl);
}

/* ── Form Styles ── */
.form-group { display:flex; flex-direction:column; gap:var(--s2); }
.form-label { font-size:0.7rem; font-weight:600; color:var(--text-dark-secondary); text-transform:uppercase; letter-spacing:0.06em; }
.form-input {
  background:rgba(255,255,255,0.04);
  border:1px solid rgba(255,255,255,0.1);
  border-radius:var(--r-lg); padding:var(--s3) var(--s4);
  font-size:0.9rem; color:var(--text-dark-primary);
  outline:none; font-family:var(--font-sans);
  transition:border-color var(--ease), box-shadow var(--ease);
}
.form-input::placeholder { color:#4b5563; }
.form-input:focus {
  border-color:var(--accent-teal);
  box-shadow:0 0 0 3px var(--accent-teal-dim);
}
.form-select {
  appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%239ca3af' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat; background-position:right 1rem center;
}
.form-row { display:grid; grid-template-columns:1fr 1fr; gap:var(--s4); }
@media(max-width:640px) { .form-row { grid-template-columns:1fr; } }

/* ── Footer ── */
footer {
  border-top:1px solid rgba(255,255,255,0.06);
  padding:var(--s16) 0 var(--s10) 0;
  background-color:var(--bg-dark);
  position:relative; overflow:hidden;
}
.footer-glow {
  position:absolute; top:-50%; left:50%; transform:translateX(-50%);
  width:1000px; height:1000px;
  background:radial-gradient(circle, rgba(0,245,212,0.05), transparent 50%);
  pointer-events:none; z-index:0;
}
.footer-inner { position:relative; z-index:1; display:flex; flex-direction:column; gap:var(--s12); }
.footer-top { display:grid; grid-template-columns:1fr 1.1fr; gap:var(--s16); align-items:center; }
.footer-left h2 { font-size:clamp(2rem,3.5vw,3rem); font-weight:800; margin-bottom:var(--s4); line-height:1.1; letter-spacing:-0.025em; }
.footer-left p { color:var(--text-dark-secondary); font-size:1.05rem; margin-bottom:var(--s8); max-width:44ch; line-height:1.65; }
.footer-checklist { list-style:none; display:flex; flex-direction:column; gap:var(--s4); }
.footer-checklist li { display:flex; align-items:center; gap:var(--s3); font-size:1rem; color:#e4e4e7; }
.footer-checklist li svg { color:var(--accent-teal); }

.footer-form-card {
  background:rgba(255,255,255,0.03);
  /* backdrop-filter removed */ -webkit-/* backdrop-filter removed */
  border:1px solid rgba(255,255,255,0.08);
  border-radius:var(--r-2xl); padding:var(--s8);
  box-shadow:0 30px 60px rgba(0,0,0,0.5), inset 0 1px 0 rgba(255,255,255,0.04);
}
.safeguard-card {
  background:rgba(255,255,255,0.02);
  backdrop-filter:blur(10px);
  border:1px solid rgba(255,255,255,0.05);
  border-radius:var(--r-xl); padding:var(--s6); margin-top:var(--s6);
}
.safeguard-card h4 { font-size:1rem; margin-bottom:var(--s2); font-weight:600; color:#fff; font-family:var(--font-display); }
.safeguard-card p  { font-size:0.875rem; color:var(--text-dark-secondary); margin-bottom:var(--s5); line-height:1.5; }
.badges { display:flex; gap:var(--s6); }
.badge  { display:flex; align-items:center; gap:var(--s2); font-size:0.72rem; font-weight:700; color:#a8a29e; text-transform:uppercase; letter-spacing:0.06em; }
.badge svg { color:var(--accent-teal); }

.footer-bottom {
  border-top:1px solid rgba(255,255,255,0.06);
  padding-top:var(--s6); display:flex; align-items:center;
  justify-content:space-between; flex-wrap:wrap; gap:var(--s4);
  font-size:0.875rem; color:var(--text-dark-secondary);
}
.footer-bottom a:hover { color:var(--text-dark-primary); }

@media(max-width:1024px) { .footer-top { grid-template-columns:1fr; gap:var(--s12); } }

/* ── Scroll-based fade ── */
.fade-in { opacity:1; }
@supports(animation-timeline:scroll()) {
  .fade-in {
    opacity:0;
    animation:fadeInAnimation linear both;
    animation-timeline:view();
    animation-range:entry 10% cover 25%;
  }
}
@keyframes fadeInAnimation {
  from { opacity:0; transform:translateY(20px); }
  to   { opacity:1; transform:translateY(0); }
}

/* ── Modal ── */
.modal-overlay {
  position:fixed; inset:0;
  background:rgba(3,7,18,0.88); backdrop-filter:blur(10px);
  z-index:1000; display:flex; align-items:center; justify-content:center;
  padding:var(--s4); opacity:0; pointer-events:none; transition:opacity var(--ease);
}
.modal-overlay.open { opacity:1; pointer-events:all; }
.modal-content {
  background:rgba(15,23,42,0.95);
  border:1px solid rgba(255,255,255,0.1);
  border-radius:var(--r-xl); padding:var(--s8);
  width:100%; max-width:600px; position:relative;
  transform:translateY(20px) scale(0.95); transition:transform var(--ease);
  box-shadow:0 24px 64px rgba(0,0,0,0.5), inset 0 1px 0 rgba(255,255,255,0.05);
}
.modal-overlay.open .modal-content { transform:translateY(0) scale(1); }
.modal-close {
  position:absolute; top:var(--s4); right:var(--s4);
  width:32px; height:32px; border-radius:50%;
  background:rgba(255,255,255,0.05); color:var(--text-dark-secondary);
  display:flex; align-items:center; justify-content:center;
  border:1px solid transparent; transition:all var(--ease);
}
.modal-close:hover { background:rgba(255,255,255,0.1); color:var(--text-dark-primary); border-color:var(--bg-dark-border); }
.btn-g { border: 1px solid var(--border); color: var(--tm); }
.btn-g:hover { color: var(--t); border-color: rgba(255,255,255,.14); background: rgba(255,255,255,.03); }


/* ── Shared components from inline-page design system ── */
/* Body & Layout */
[data-theme="light"] body{background:var(--bg);}
[data-theme="light"] body::before{opacity:.015;}

/* Nav */
[data-theme="light"] nav{background:rgba(245,246,250,.95);border-bottom-color:rgba(0,0,0,0.08);}
[data-theme="light"] .nav-l a{color:var(--tm);}
[data-theme="light"] .nav-l a:hover{color:var(--t);}

/* Invite banner */
[data-theme="light"] .invite-banner{background:linear-gradient(90deg,rgba(184,133,42,0.07),rgba(184,133,42,0.13),rgba(184,133,42,0.07));border-bottom-color:rgba(184,133,42,0.2);}

/* Logo */
[data-theme="light"] .logo em{color:var(--cy);}

/* Buttons */
[data-theme="light"] .btn-g{border-color:rgba(0,0,0,0.14);color:var(--tm);background:rgba(0,0,0,0.03);}
[data-theme="light"] .btn-g:hover{border-color:rgba(0,0,0,.2);background:rgba(0,0,0,.06);color:var(--t);}
[data-theme="light"] .btn-gold{background:var(--gold);color:#fff;}
[data-theme="light"] .btn-interested{background:var(--gold);color:#fff;}

/* Mobile drawer */
[data-theme="light"] .mobile-drawer{background:rgba(245,246,250,.98);}
[data-theme="light"] .mob-nav a{color:var(--tm);}
[data-theme="light"] .mob-nav a:hover{color:var(--t);}

/* Ham btn */
[data-theme="light"] .ham-btn{background:var(--sf2);border-color:rgba(0,0,0,0.12);}
[data-theme="light"] .ham-btn span{background:var(--tm);}

/* Hero */
[data-theme="light"] .hero-grid{background-image:linear-gradient(rgba(0,153,144,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(0,153,144,.04) 1px,transparent 1px);}
[data-theme="light"] .hero-glow{background:radial-gradient(ellipse,rgba(0,153,144,.07),transparent 65%);}
[data-theme="light"] .eyebrow{color:var(--cy);}
[data-theme="light"] .eyebrow-line{background:var(--cy);}
[data-theme="light"] .invite-pill{background:var(--golds);border-color:rgba(184,133,42,0.25);color:var(--gold);}
[data-theme="light"] .hero h1 em{color:var(--cy);}
[data-theme="light"] .hero-access-note{color:var(--tf);}
[data-theme="light"] .hero-proof{border-top-color:var(--div);}
[data-theme="light"] .pv{color:var(--t);}

/* Brief card */
[data-theme="light"] .brief-card{background:var(--sf);border-color:rgba(0,0,0,0.1);box-shadow:0 24px 60px rgba(0,0,0,.08),0 0 0 1px rgba(0,153,144,.06);}
[data-theme="light"] .bc-top{background:var(--sf2);border-bottom-color:var(--div);}
[data-theme="light"] .bc-url{color:var(--tf);}
[data-theme="light"] .f-lbl{color:var(--tf);}
[data-theme="light"] .f-val{background:var(--sf2);border-color:var(--div);color:var(--tm);}
[data-theme="light"] .f-val.on{border-color:rgba(0,153,144,.25);color:var(--t);}
[data-theme="light"] .f-submit{background:var(--cy);color:#fff;}
[data-theme="light"] .proc-box{background:var(--sf2);border-color:rgba(0,153,144,.15);}
[data-theme="light"] .pk{color:var(--tf);}
[data-theme="light"] .pv2{color:var(--cy);}
[data-theme="light"] .pbar{background:var(--sfx);}
[data-theme="light"] .pbar-fill{background:var(--cy);}
[data-theme="light"] .chip{background:var(--sfx);border-color:var(--div);color:var(--tm);}

/* Marquee */
[data-theme="light"] .marquee-wrap{background:var(--sf);border-color:var(--div);}
[data-theme="light"] .marquee-wrap::before{background:linear-gradient(to right,var(--sf),transparent);}
[data-theme="light"] .marquee-wrap::after{background:linear-gradient(to left,var(--sf),transparent);}
[data-theme="light"] .marquee span{color:var(--tf);}
[data-theme="light"] .marquee span:hover{color:var(--t);opacity:1;}

/* Section labels */
[data-theme="light"] .mono-lbl{color:var(--cy);}
[data-theme="light"] .mono-lbl::before{background:var(--cy);}

/* Process steps */
[data-theme="light"] .p-step{border-bottom-color:var(--div);}
[data-theme="light"] .p-num{color:var(--sfx);}
[data-theme="light"] .p-step:hover .p-num{color:var(--cy);}
[data-theme="light"] .p-tag{background:var(--cys);border-color:rgba(0,153,144,.2);color:var(--cy);}

/* Pipeline */
[data-theme="light"] .pipe{background:var(--sf);border-color:rgba(0,0,0,0.1);}
[data-theme="light"] .pipe-h{background:var(--sf2);border-bottom-color:var(--div);}
[data-theme="light"] .pipe-t{color:var(--tf);}
[data-theme="light"] .pipe-status{color:var(--cy);}
[data-theme="light"] .pn{border-bottom-color:rgba(0,0,0,0.05);}
[data-theme="light"] .pn::before{background:var(--div);}
[data-theme="light"] .pn-dot{background:var(--sfx);border-color:var(--div);color:var(--tf);}
[data-theme="light"] .pn-dot.done{background:rgba(0,153,144,.1);border-color:rgba(0,153,144,.3);color:var(--cy);}
[data-theme="light"] .pn-ti{color:var(--t);}
[data-theme="light"] .pn-su{color:var(--tf);}
[data-theme="light"] .pn.done .pn-su{color:var(--cy);}
[data-theme="light"] .pn-tm{color:var(--tf);}
[data-theme="light"] .pn.run .pn-tm{color:var(--am);}
[data-theme="light"] .pipe-f{background:var(--sf2);border-top-color:var(--div);}
[data-theme="light"] .pipe-fl{color:var(--tf);}
[data-theme="light"] .pipe-fv{color:var(--am);}

/* Engine section */
[data-theme="light"] .eng-sec{background:var(--sf);border-color:var(--div);}
[data-theme="light"] .cap-item{border-color:var(--div);}
[data-theme="light"] .cap-item:first-child{border-top-color:var(--div);}
[data-theme="light"] .cap-n{color:var(--tf);}
[data-theme="light"] .cap-item:hover .cap-ti{color:var(--cy);}
[data-theme="light"] .e-stat{background:var(--bg);border-color:var(--div);}
[data-theme="light"] .e-stat:first-child{border-color:rgba(0,153,144,.2);background:linear-gradient(135deg,var(--bg),rgba(0,153,144,.04));}
[data-theme="light"] .e-sv em{color:var(--cy);}
[data-theme="light"] .mono-blk{background:#1e2030;border-color:rgba(0,0,0,0.15);color:#abb2bf;}
[data-theme="light"] .mc{color:#5c6370;}
[data-theme="light"] .mk{color:#61afef;}
[data-theme="light"] .mv{color:#e5c07b;}
[data-theme="light"] .ms{color:#98c379;}

/* 4 hours section */
[data-theme="light"] .hrs-sec::after{background:radial-gradient(ellipse,rgba(192,96,0,.08),transparent 60%);}
[data-theme="light"] .hrs-num{-webkit-text-stroke-color:var(--am);color:transparent;filter:drop-shadow(0 0 30px rgba(192,96,0,.15));}
[data-theme="light"] .hrs-unit{color:var(--tf);}
[data-theme="light"] .hrs-list li::before{color:var(--cy);}

/* Spec table */
[data-theme="light"] .spec-t{border-top-color:var(--div);}
[data-theme="light"] .spec-r{border-bottom-color:var(--div);}
[data-theme="light"] .spec-b.c{background:var(--cys);border-color:rgba(0,153,144,.2);color:var(--cy);}
[data-theme="light"] .spec-b.a{background:var(--ams);border-color:rgba(192,96,0,.2);color:var(--am);}
[data-theme="light"] .spec-b.d{background:var(--sfx);border-color:var(--div);color:var(--tf);}

/* CTA section */
[data-theme="light"] .cta-sec::before{background:radial-gradient(ellipse,rgba(184,133,42,.07),transparent 65%);}
[data-theme="light"] .cta-card{background:var(--sf);border-color:rgba(184,133,42,0.2);box-shadow:0 0 60px rgba(184,133,42,.04);}
[data-theme="light"] .cta-card::before{background:radial-gradient(ellipse at top right,rgba(184,133,42,.07),transparent 65%);}
[data-theme="light"] .cta-lbl{background:var(--golds);border-color:rgba(184,133,42,.25);color:var(--gold);}
[data-theme="light"] .cta-h em{color:var(--gold);}
[data-theme="light"] .cta-note{color:var(--tf);}
[data-theme="light"] .r-row{background:var(--sf2);border-color:var(--div);}
[data-theme="light"] .r-s{background:var(--cys);border-color:rgba(0,153,144,.2);color:var(--cy);}
[data-theme="light"] .spots-row{background:var(--sfx);border-color:var(--div);}
[data-theme="light"] .spots-bar-wrap{background:var(--div);}
[data-theme="light"] .spots-num{color:var(--gold);}

/* Testimonials / video section */
[data-theme="light"] .video-sec{background:var(--bg);}
[data-theme="light"] .video-container{border-color:rgba(0,153,144,.15);}
[data-theme="light"] .t-box{background:rgba(255,255,255,0.85);border-color:rgba(0,0,0,0.1);/* backdrop-filter removed */}
[data-theme="light"] .t-box:hover{border-color:rgba(192,96,0,0.25);background:rgba(255,255,255,0.95);}
[data-theme="light"] .t-r{color:var(--gold);}

/* Footer */
[data-theme="light"] footer{border-top-color:var(--div);}
[data-theme="light"] .ft-l a{color:var(--tf);}
[data-theme="light"] .ft-l a:hover{color:var(--tm);}
[data-theme="light"] .ft-c{color:var(--tf);}

/* Form inputs (request-access page) */
[data-theme="light"] .modal,.modal{background:var(--sf);}
[data-theme="light"] .form-input{background:var(--sf2);border-color:var(--div);color:var(--t);}
[data-theme="light"] .form-input::placeholder{color:var(--tf);opacity:1;}
[data-theme="light"] .form-input:focus{border-color:rgba(184,133,42,.4);box-shadow:0 0 0 3px rgba(184,133,42,.08);}
[data-theme="light"] .form-label{color:var(--tm);}
[data-theme="light"] .modal-title em{color:var(--gold);}
[data-theme="light"] .modal-sub{color:var(--tm);}
[data-theme="light"] .modal-icon{background:var(--golds);border-color:rgba(184,133,42,.25);}
[data-theme="light"] .modal-submit{background:var(--gold);color:#fff;}
[data-theme="light"] .modal-fine{color:var(--tf);}
[data-theme="light"] .modal-success{background:var(--sf);}
[data-theme="light"] .success-title{color:var(--t);}
[data-theme="light"] .form-select{background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23475569' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");}
[data-theme="light"] select.form-input option{background:var(--sf);color:var(--t);}
/* Theme Toggle */
.theme-toggle{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:var(--r-full);border:1px solid var(--border);background:var(--sf);color:var(--tm);flex-shrink:0;transition:color var(--ease),background var(--ease),border-color var(--ease),transform var(--ease);}
.theme-toggle:hover{color:var(--t);background:var(--sf2);transform:scale(1.08);}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;overflow-x:hidden;}
body{font-family:var(--fb);font-size:var(--text-base);color:var(--t);background:var(--bg);overflow-x:hidden;line-height:1.6;}
img,svg{display:block;max-width:100%;}
button{cursor:pointer;background:none;border:none;font:inherit;color:inherit;}
a{color:inherit;text-decoration:none;}
a,button,[role=button]{transition:color var(--ease),background var(--ease),opacity var(--ease),box-shadow var(--ease),transform var(--ease);}
html{scroll-padding-top:96px;}
.wrap{max-width:var(--cww);margin-inline:auto;padding-inline:clamp(var(--s5),4vw,var(--s16));}

/* ===== INVITE BANNER ===== */
.invite-banner{
  background:#0d0f18;
  border-bottom:1px solid rgba(232,184,75,0.18);
  padding:var(--s2) var(--s4);
  text-align:center;
  font-family:var(--fb);font-size:12px;font-weight:500;
  color:var(--gold);letter-spacing:.03em;
  display:flex;align-items:center;justify-content:center;gap:var(--s3);
}
.banner-lock{display:flex;align-items:center;gap:var(--s2);}
.banner-dot{width:5px;height:5px;border-radius:50%;background:var(--gold);animation:bk 2s ease-in-out infinite;}

/* NAV */
nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:var(--s4) 0;background:rgba(6,7,13,.88);/* backdrop-filter removed */border-bottom:1px solid var(--border);}
.nav-r{display:flex;align-items:center;justify-content:space-between;gap:var(--s6);}
.logo{display:flex;align-items:center;gap:10px;font-family:var(--fd);font-weight:600;font-size:var(--text-base);letter-spacing:-.02em;}
.logo em{font-style:normal;color:var(--cy);}
.nav-invite{
  display:flex;align-items:center;gap:var(--s2);
  padding:var(--s1) var(--s3);
  background:var(--golds);border:1px solid rgba(232,184,75,0.25);
  border-radius:var(--r-full);
  font-family:var(--fb);font-size:11px;font-weight:500;color:var(--gold);
  letter-spacing:.02em;
}
.nav-invite-dot{width:5px;height:5px;border-radius:50%;background:var(--gold);}
.nav-l{display:flex;align-items:center;gap:var(--s6);list-style:none;}
.nav-l a{font-size:var(--text-sm);font-weight:500;color:var(--tm);}
.nav-l a:hover{color:var(--t);}
.nav-btns{display:flex;gap:var(--s3);}

/* BUTTONS */
.btn{display:inline-flex;align-items:center;gap:var(--s2);padding:var(--s3) var(--s5);border-radius:var(--r-full);font-size:var(--text-sm);font-weight:600;letter-spacing:.01em;white-space:nowrap;}
.btn-p{background:var(--cy);color:var(--ti);}
.btn-p:hover{background:var(--cy2);box-shadow:none;transform:translateY(-1px);}
.btn-g{border:1px solid var(--border);color:var(--tm);}
.btn-g:hover{color:var(--t);border-color:rgba(255,255,255,.14);background:rgba(255,255,255,.03);}
.btn-a{background:var(--am);color:#160900;}
.btn-a:hover{box-shadow:0 0 22px var(--amg);transform:translateY(-1px);}
.btn-gold{
  background:var(--gold);color:#1a1000;font-weight:700;
  box-shadow:0 0 0 0 var(--goldg);
}
.btn-gold:hover{
  transform:translateY(-2px);
  box-shadow:0 4px 16px rgba(0,0,0,.35);
}
.btn-gold:active{transform:translateY(0);}
.btn-lg{padding:var(--s4) var(--s8);font-size:var(--text-base);}
.btn-interested{
  display:inline-flex;align-items:center;gap:var(--s2);
  padding:var(--s4) var(--s8);border-radius:var(--r-full);
  font-size:var(--text-base);font-weight:600;
  background:var(--gold);color:#1a1000;
  box-shadow:0 0 0 0 var(--goldg);
  position:relative;overflow:hidden;
}
.btn-interested::before{
  content:'';position:absolute;inset:0;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);
  transform:translateX(-100%);
  transition:transform .5s ease;
}
.btn-interested:hover::before{transform:translateX(100%);}
.btn-interested:hover{transform:translateY(-2px);box-shadow:0 6px 24px rgba(0,0,0,.35);}

/* HERO */
.hero{position:relative;min-height:100dvh;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:var(--s12);padding-top:calc(var(--s16) + var(--s12));padding-bottom:var(--s20);}
.hero-grid{display:none;}
.hero-glow{position:absolute;top:-10%;right:-5%;width:480px;height:380px;background:transparent;pointer-events:none;}
.hero-c{position:relative;z-index:1;}
/* Daily rotation fade */
.hero-rotate{opacity:0;transform:translateY(12px);transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1);}
.hero-rotate.visible{opacity:1;transform:translateY(0);}
.eyebrow{display:flex;align-items:center;gap:var(--s3);font-family:var(--fb);font-size:var(--text-xs);font-weight:500;color:var(--cy);letter-spacing:.08em;text-transform:uppercase;margin-bottom:var(--s5);}
.eyebrow-line{width:22px;height:1px;background:var(--cy);}

/* Invite-only pill — hero */
.invite-pill{
  display:inline-flex;align-items:center;gap:var(--s2);
  background:var(--golds);border:1px solid rgba(232,184,75,0.3);
  border-radius:var(--r-full);padding:var(--s2) var(--s4);
  font-family:var(--fb);font-size:11px;font-weight:500;color:var(--gold);
  letter-spacing:.04em;text-transform:uppercase;margin-bottom:var(--s6);
}
.ip-lock{display:flex;align-items:center;}

.hero h1{font-family:var(--fd);font-size:var(--text-3xl);font-weight:700;line-height:1.04;letter-spacing:-.02em;margin-bottom:var(--s6);}
.hero h1 em{font-style:normal;color:var(--cy);}
.hero-desc{font-size:var(--text-lg);color:var(--tm);line-height:1.65;max-width:44ch;margin-bottom:var(--s8);}
.hero-acts{display:flex;gap:var(--s3);flex-wrap:wrap;align-items:center;margin-bottom:var(--s4);}
.hero-access-note{font-family:var(--fb);font-size:13px;color:var(--tm);margin-bottom:var(--s8);}
.hero-proof{display:flex;gap:var(--s8);border-top:1px solid var(--border);padding-top:var(--s6);}
.pv{font-family:var(--fd);font-size:var(--text-xl);font-weight:700;letter-spacing:-.03em;}
.pl{font-size:var(--text-xs);color:var(--tf);text-transform:uppercase;letter-spacing:.07em;margin-top:2px;}

/* Brief card */
.brief-card{position:relative;z-index:1;background:#0d0f18;border:1px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:0 24px 60px rgba(0,0,0,.35);}
.bc-top{display:flex;align-items:center;gap:8px;padding:var(--s3) var(--s5);background:#11131d;border-bottom:1px solid var(--border);}
.bdt{width:10px;height:10px;border-radius:50%;}
.bc-url{font-family:var(--fb);font-size:12px;color:var(--tm);margin-left:var(--s2);}
.bc-body{padding:var(--s6);}
.f-lbl{font-family:var(--fb);font-size:12px;font-weight:500;color:var(--tm);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--s2);}
.f-val{background:#11131d;border:1px solid var(--border);border-radius:8px;padding:var(--s3) var(--s4);font-size:var(--text-sm);color:var(--t);margin-bottom:var(--s4);line-height:1.5;}
.f-val.on{border-color:rgba(0,212,200,.3);color:var(--t);}
.f-submit{width:100%;background:var(--cy);color:var(--ti);border-radius:8px;padding:var(--s3);font-weight:600;font-size:var(--text-sm);display:flex;align-items:center;justify-content:center;gap:var(--s2);}
.proc-box{margin-top:var(--s5);padding:var(--s4);background:#11131d;border-radius:8px;border:1px solid var(--border);}
.proc-r{display:flex;align-items:center;justify-content:space-between;font-family:var(--fb);font-size:12px;font-weight:500;margin-bottom:var(--s2);}
.pk{color:var(--tf);}.pv2{color:var(--cy);}
.pbar{margin-top:var(--s3);height:3px;background:var(--sfx);border-radius:2px;overflow:hidden;}
.pbar-fill{height:100%;background:var(--cy);border-radius:2px;animation:bf 2.4s cubic-bezier(.4,0,.2,1) infinite;}
@keyframes bf{0%{width:0}60%,100%{width:100%}}
.chips{display:flex;flex-wrap:wrap;gap:var(--s2);margin-top:var(--s4);}
.chip{display:flex;align-items:center;gap:var(--s2);background:var(--sfx);border:1px solid var(--border);border-radius:var(--r-full);padding:var(--s1) var(--s3) var(--s1) var(--s1);font-size:var(--text-xs);color:var(--tm);opacity:0;animation:ci .4s cubic-bezier(0.16,1,0.3,1) forwards;}
@keyframes ci{to{opacity:1;}}
.av{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--fd);font-size:9px;font-weight:700;color:#fff;}

/* SECTION BASE */
.sec{padding:clamp(var(--s16),7vw,var(--s24)) 0;}
.mono-lbl{font-family:var(--fb);font-size:var(--text-xs);font-weight:500;color:var(--cy);text-transform:uppercase;letter-spacing:.08em;display:flex;align-items:center;gap:var(--s2);margin-bottom:var(--s5);}
.mono-lbl::before{content:'';display:block;width:18px;height:1px;background:var(--cy);}
.sh{font-family:var(--fd);font-size:var(--text-2xl);font-weight:700;letter-spacing:-.03em;line-height:1.1;margin-bottom:var(--s4);}
.sp{font-size:var(--text-base);color:var(--tm);line-height:1.7;max-width:48ch;}

/* PROCESS */
.proc-wrap{display:grid;grid-template-columns:1fr 1.15fr;gap:var(--s16);align-items:start;}
.proc-steps{display:flex;flex-direction:column;}
.p-step{display:grid;grid-template-columns:auto 1fr;gap:var(--s6);padding:var(--s8) 0;border-bottom:1px solid var(--border);}
.p-step:last-child{border-bottom:none;}
.p-num{font-family:var(--fd);font-size:clamp(2rem,4vw,3.5rem);font-weight:700;letter-spacing:-.04em;color:var(--tf);line-height:1;padding-top:4px;transition:color var(--ease);}
.p-step:hover .p-num{color:var(--cy);}
.p-ti{font-family:var(--fd);font-size:var(--text-lg);font-weight:600;letter-spacing:-.02em;margin-bottom:var(--s2);line-height:1.2;}
.p-de{font-size:var(--text-sm);color:var(--tm);line-height:1.65;max-width:42ch;}
.p-tag{display:inline-flex;margin-top:var(--s3);padding:var(--s1) var(--s3);background:var(--cys);border:1px solid rgba(0,168,160,.15);border-radius:var(--r-full);font-family:var(--fb);font-size:12px;font-weight:500;color:var(--cy);}

/* Pipeline */
.pipe{position:sticky;top:calc(var(--s16) + var(--s8));background:#0d0f18;border:1px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:0 24px 60px rgba(0,0,0,.25);}
.pipe-h{display:flex;align-items:center;justify-content:space-between;padding:var(--s4) var(--s5);background:#11131d;border-bottom:1px solid var(--border);}
.pipe-t{font-family:var(--fb);font-size:12px;font-weight:500;color:var(--tm);letter-spacing:.06em;text-transform:uppercase;}
.pipe-status{display:flex;align-items:center;gap:var(--s2);font-family:var(--fb);font-size:12px;font-weight:500;color:var(--cy);}
.sdot{width:6px;height:6px;border-radius:50%;background:var(--cy);animation:bk 1.6s ease-in-out infinite;}
@keyframes bk{0%,100%{opacity:1;}50%{opacity:.3;}}
.pipe-b{padding:var(--s5);}
.pn{display:flex;align-items:flex-start;gap:var(--s4);padding:var(--s4) 0;border-bottom:1px solid rgba(255,255,255,.04);position:relative;}
.pn:last-child{border-bottom:none;}
.pn::before{content:'';position:absolute;left:11px;top:28px;bottom:-1px;width:1px;background:var(--div);}
.pn:last-child::before{display:none;}
.pn-dot{width:24px;height:24px;border-radius:50%;background:var(--sfx);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px;font-family:var(--fb);font-size:11px;font-weight:600;color:var(--tm);position:relative;z-index:1;}
.pn-dot.done{background:rgba(0,212,200,.1);border-color:rgba(0,212,200,.35);color:var(--cy);}
.pn-ti{font-size:var(--text-xs);font-weight:600;color:var(--t);line-height:1.3;}
.pn-su{font-family:var(--fb);font-size:12px;color:var(--tm);margin-top:2px;}
.pn.done .pn-su{color:var(--cy);}
.pn-tm{margin-left:auto;font-family:var(--fb);font-size:12px;color:var(--tm);white-space:nowrap;flex-shrink:0;}
.pn.run .pn-tm{color:var(--am);}
.pipe-f{display:flex;align-items:center;justify-content:space-between;padding:var(--s4) var(--s5);background:#11131d;border-top:1px solid var(--border);}
.pipe-fl{font-family:var(--fb);font-size:12px;font-weight:500;color:var(--tm);}
.pipe-fv{font-family:var(--fb);font-size:12px;font-weight:500;color:var(--am);}

/* ENGINE */
.eng-sec{background:var(--sf);border-top:1px solid var(--border);border-bottom:1px solid var(--border);}
.eng-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:var(--s16);align-items:start;}
.cap-list{display:flex;flex-direction:column;}
.cap-item{display:grid;grid-template-columns:30px 1fr;gap:var(--s5);padding:var(--s6) 0;border-bottom:1px solid var(--border);}
.cap-item:first-child{border-top:1px solid var(--border);}
.cap-n{font-family:var(--fb);font-size:12px;font-weight:500;color:var(--tm);padding-top:3px;letter-spacing:.04em;}
.cap-ti{font-family:var(--fd);font-size:var(--text-base);font-weight:600;letter-spacing:-.01em;margin-bottom:var(--s2);}
.cap-de{font-size:var(--text-sm);color:var(--tm);line-height:1.6;}
.cap-item:hover .cap-ti{color:var(--cy);}
.eng-right{display:flex;flex-direction:column;gap:var(--s5);}
.e-stat{padding:var(--s8);background:#0d0f18;border:1px solid var(--border);border-radius:12px;}
.e-stat:first-child{border-color:rgba(0,168,160,.12);}
.e-sv{font-family:var(--fd);font-size:var(--text-2xl);font-weight:700;letter-spacing:-.02em;line-height:1;margin-bottom:var(--s2);}
.e-sv em{font-style:normal;color:var(--cy);}
.e-sl{font-size:var(--text-sm);color:var(--tm);line-height:1.55;}
.mono-blk{background:#11131d;border:1px solid var(--border);border-radius:12px;padding:var(--s6);font-family:var(--fm);font-size:12px;line-height:1.8;color:var(--tm);}
.mc{color:var(--tf);}.mk{color:var(--cy);}.mv{color:var(--am);}.ms{color:#8db88f;}

/* 4 HRS */
.hrs-sec{position:relative;overflow:hidden;}
.hrs-sec::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:900px;height:400px;background:radial-gradient(ellipse,rgba(255,149,0,.07),transparent 60%);pointer-events:none;}
.hrs-inner{display:grid;grid-template-columns:1fr 1fr;gap:var(--s12);align-items:center;position:relative;z-index:1;}
.hrs-num{font-family:var(--fd);font-size:clamp(7rem,17vw,14rem);font-weight:700;line-height:.85;letter-spacing:-.03em;color:transparent;-webkit-text-stroke:2px var(--am);filter:drop-shadow(0 0 40px rgba(255,149,0,.22));display:block;margin-left:-4px;}
.hrs-unit{font-family:var(--fd);font-size:var(--text-lg);font-weight:600;color:var(--tf);letter-spacing:.08em;text-transform:uppercase;margin-top:var(--s2);}
.hrs-copy h2{font-family:var(--fd);font-size:var(--text-xl);font-weight:700;letter-spacing:-.03em;line-height:1.15;margin-bottom:var(--s5);}
.hrs-copy p{font-size:var(--text-base);color:var(--tm);line-height:1.7;margin-bottom:var(--s6);max-width:42ch;}
.hrs-list{display:flex;flex-direction:column;gap:var(--s3);list-style:none;}
.hrs-list li{display:flex;align-items:baseline;gap:var(--s3);font-size:var(--text-sm);color:var(--tm);}
.hrs-list li::before{content:'→';color:var(--cy);font-family:var(--fd);flex-shrink:0;}

/* SPEC TABLE */
.spec-t{width:100%;border-top:1px solid var(--border);}
.spec-r{display:grid;grid-template-columns:200px 1fr auto;align-items:baseline;gap:var(--s8);padding:var(--s6) 0;border-bottom:1px solid var(--border);}
.spec-f{font-family:var(--fd);font-size:var(--text-base);font-weight:600;letter-spacing:-.01em;}
.spec-d{font-size:var(--text-sm);color:var(--tm);line-height:1.6;}
.spec-b{font-family:var(--fb);font-size:11px;font-weight:500;padding:var(--s1) var(--s3);border-radius:var(--r-full);white-space:nowrap;}
.spec-b.c{background:var(--cys);border:1px solid rgba(0,212,200,.2);color:var(--cy);}
.spec-b.a{background:var(--ams);border:1px solid rgba(255,149,0,.2);color:var(--am);}
.spec-b.d{background:var(--sfx);border:1px solid var(--border);color:var(--tf);}

/* ===== CTA — INVITE ONLY SECTION ===== */
.cta-sec{position:relative;overflow:hidden;}
.cta-sec::before{
  content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
  width:700px;height:400px;
  background:transparent;
  pointer-events:none;
}
.cta-card{
  background:#0d0f18;
  border:1px solid var(--border);
  border-radius:24px;
  padding:clamp(var(--s10),5vw,var(--s20));
  display:grid;grid-template-columns:1fr 1fr;gap:var(--s12);align-items:center;
  position:relative;
  box-shadow:0 24px 60px rgba(0,0,0,.25);
}
/* Gold corner accent */
.cta-card::before{display:none;}
.cta-lbl{
  display:inline-flex;align-items:center;gap:var(--s2);
  background:var(--golds);border:1px solid rgba(232,184,75,.3);
  border-radius:var(--r-full);padding:var(--s2) var(--s4);
  font-family:var(--fb);font-size:11px;font-weight:500;color:var(--gold);
  letter-spacing:.04em;text-transform:uppercase;margin-bottom:var(--s5);
}
.cta-h{font-family:var(--fd);font-size:var(--text-2xl);font-weight:700;letter-spacing:-.03em;line-height:1.1;margin-bottom:var(--s5);}
.cta-h em{font-style:normal;color:var(--gold);}
.cta-p{color:var(--tm);font-size:var(--text-base);line-height:1.7;margin-bottom:var(--s8);max-width:42ch;}
.cta-acts{display:flex;gap:var(--s3);flex-wrap:wrap;align-items:center;}
.cta-note{margin-top:var(--s4);font-size:var(--text-xs);color:var(--tm);}

/* ===== INTEREST MODAL ===== */
.modal-overlay{
  position:fixed;inset:0;z-index:200;
  background:rgba(6,7,13,.88);
  /* backdrop-filter removed */
  display:flex;align-items:center;justify-content:center;
  padding:var(--s6);
  opacity:0;pointer-events:none;
  transition:opacity .3s cubic-bezier(0.16,1,0.3,1);
}
.modal-overlay.open{opacity:1;pointer-events:all;}
.modal{
  background:#0d0f18;
  border:1px solid var(--border);
  border-radius:20px;
  padding:clamp(var(--s6),4vw,var(--s10));
  max-width:480px;width:100%;
  max-height:90vh;overflow-y:auto;
  position:relative;
  transform:scale(.94) translateY(16px);
  transition:transform .35s cubic-bezier(0.16,1,0.3,1);
  box-shadow:0 32px 80px rgba(0,0,0,.45);
}
.modal-overlay.open .modal{transform:scale(1) translateY(0);}
.modal-close{
  position:absolute;top:var(--s4);right:var(--s4);
  width:32px;height:32px;border-radius:50%;
  background:var(--sfx);border:1px solid var(--border);
  display:flex;align-items:center;justify-content:center;
  color:var(--tm);font-size:16px;line-height:1;
}
.modal-close:hover{background:var(--sf2);color:var(--t);}
.modal-icon{
  width:48px;height:48px;border-radius:12px;
  background:var(--golds);border:1px solid rgba(232,184,75,.25);
  display:flex;align-items:center;justify-content:center;
  margin-bottom:var(--s5);
}
.modal-title{font-family:var(--fd);font-size:var(--text-xl);font-weight:700;letter-spacing:-.03em;margin-bottom:var(--s2);}
.modal-title em{font-style:normal;color:var(--gold);}
.modal-sub{font-size:var(--text-sm);color:var(--tm);line-height:1.6;margin-bottom:var(--s8);}
.modal-form{display:flex;flex-direction:column;gap:var(--s4);}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--s3);}
.form-group{display:flex;flex-direction:column;gap:var(--s2);}
.form-label{font-family:var(--fb);font-size:12px;font-weight:500;color:var(--tm);text-transform:uppercase;letter-spacing:.06em;}
.form-input{
  background:var(--sf2);border:1px solid var(--border);
  border-radius:10px;padding:var(--s3) var(--s4);
  font-size:var(--text-sm);color:var(--t);
  outline:none;
  transition:border-color var(--ease),box-shadow var(--ease);
  font-family:var(--fb);
}
.form-input::placeholder{color:var(--tm);opacity:0.6;}
.form-input:focus{border-color:rgba(232,184,75,.4);box-shadow:0 0 0 3px rgba(232,184,75,.08);}
.form-select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%237a82a6' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;}
.modal-submit{
  width:100%;padding:var(--s4);border-radius:var(--r-full);
  background:var(--gold);color:#1a1000;font-weight:700;
  font-size:var(--text-base);font-family:var(--fb);
  display:flex;align-items:center;justify-content:center;gap:var(--s2);
  margin-top:var(--s2);
}
.modal-submit:hover{transform:translateY(-1px);box-shadow:0 4px 16px rgba(0,0,0,.35);}
.modal-fine{margin-top:var(--s3);font-size:var(--text-xs);color:var(--tm);text-align:center;}
/* Success state */
.modal-success{display:none;text-align:center;padding:var(--s8) 0;}
.modal-success.show{display:flex;flex-direction:column;align-items:center;gap:var(--s4);}
.success-icon{width:56px;height:56px;border-radius:50%;background:rgba(0,212,200,.1);border:2px solid rgba(0,212,200,.3);display:flex;align-items:center;justify-content:center;}
.success-title{font-family:var(--fd);font-size:var(--text-xl);font-weight:700;letter-spacing:-.03em;}
.success-sub{font-size:var(--text-sm);color:var(--tm);max-width:36ch;line-height:1.65;}

/* Cta right: result cards */
.cta-vis{display:flex;flex-direction:column;gap:var(--s4);}
.cta-vl{font-family:var(--fb);font-size:12px;font-weight:500;color:var(--tm);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--s2);}
.r-row{display:flex;align-items:center;gap:var(--s4);padding:var(--s4);background:var(--sf2);border-radius:10px;border:1px solid var(--border);}
.r-av{width:36px;height:36px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-family:var(--fd);font-size:12px;font-weight:700;color:#fff;}
.r-n{font-size:var(--text-sm);font-weight:600;}
.r-m{font-size:var(--text-xs);color:var(--tm);}
.r-s{margin-left:auto;font-family:var(--fb);font-size:12px;font-weight:500;padding:var(--s1) var(--s2);background:var(--cys);border:1px solid rgba(0,168,160,.15);border-radius:var(--r-md);color:var(--cy);white-space:nowrap;flex-shrink:0;}

/* spots counter */
.spots-row{
  display:flex;align-items:center;gap:var(--s3);margin-top:var(--s4);
  padding:var(--s3) var(--s4);background:var(--sfx);border-radius:10px;border:1px solid var(--border);
}
.spots-bar-wrap{flex:1;height:4px;background:var(--div);border-radius:2px;overflow:hidden;}
.spots-bar{height:100%;width:72%;background:linear-gradient(90deg,var(--gold),var(--am));border-radius:2px;}
.spots-label{font-family:var(--fb);font-size:12px;font-weight:500;color:var(--tm);white-space:nowrap;}
.spots-num{font-family:var(--fb);font-size:12px;font-weight:600;color:var(--gold);}

/* FOOTER */
footer{border-top:1px solid var(--border);padding:var(--s10) 0;}
.ft-r{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--s6);}
.ft-l{display:flex;flex-wrap:wrap;gap:var(--s6);list-style:none;}
.ft-l a{font-size:var(--text-sm);color:var(--tf);white-space:nowrap;}
.ft-l a:hover{color:var(--tm);}
.ft-c{font-size:var(--text-xs);color:var(--tf);}

/* Hamburger */
.ham-btn{display:none;flex-direction:column;justify-content:center;gap:5px;width:36px;height:36px;padding:6px;border-radius:8px;border:1px solid var(--border);background:var(--sf);z-index:200;position:relative;}
.ham-btn span{display:block;width:100%;height:1.5px;background:var(--tm);border-radius:2px;transition:transform .25s ease, opacity .2s ease;}
.ham-btn.open span:nth-child(1){transform:translateY(6.5px) rotate(45deg);}
.ham-btn.open span:nth-child(2){opacity:0;}
.ham-btn.open span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg);}
.mobile-drawer{position:fixed;inset:0;background:rgba(6,7,13,.97);/* backdrop-filter removed */z-index:90;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--s8);opacity:0;pointer-events:none;transition:opacity .3s ease;padding:var(--s16);}
.mobile-drawer.open{opacity:1;pointer-events:all;}
.mob-nav{display:flex;flex-direction:column;align-items:center;gap:var(--s6);list-style:none;}
.mob-nav a{font-family:var(--fd);font-size:var(--text-xl);font-weight:600;color:var(--tm);letter-spacing:-.02em;transition:color .2s;}
.mob-nav a:hover,.mob-nav a.active{color:var(--t);}
.mob-cta{margin-top:var(--s4);}

/* RESPONSIVE */
@media(max-width:1024px){
  .hero{grid-template-columns:1fr;}.brief-card{display:none;}
  .eng-grid,.proc-wrap,.hrs-inner,.cta-card{grid-template-columns:1fr;}
  .pipe{position:static;}
  .hrs-num{font-size:clamp(6rem,16vw,10rem);}
  .spec-r{grid-template-columns:1fr 1fr;}.spec-b{display:none;}
}
@media(max-width:640px){
  .spec-r{grid-template-columns:1fr;}
  .hero-proof{gap:var(--s5);}
  .ft-r{flex-direction:column;text-align:center;}
  .ft-l{justify-content:center;}
  .form-row{grid-template-columns:1fr;}
}
@media(max-width:860px){.ham-btn{display:flex;}}


.fi{opacity:1;}
@supports(animation-timeline:scroll()){
  .fi{opacity:0;animation:rv linear both;animation-timeline:view();animation-range:entry 0% entry 65%;}
}
@keyframes rv{to{opacity:1;}}

/* ===== MARQUEE ===== */
.marquee-wrap {
  overflow: hidden; padding: var(--s6) 0;
  border-top: 1px solid var(--border); border-bottom: 1px solid var(--border);
  background: var(--sf); display: flex; white-space: nowrap; position: relative;
}
.marquee-wrap::before, .marquee-wrap::after {
  content: ''; position: absolute; top: 0; bottom: 0; width: 120px; z-index: 2; pointer-events: none;
}
.marquee-wrap::before { left: 0; background: linear-gradient(to right, var(--sf), transparent); }
.marquee-wrap::after { right: 0; background: linear-gradient(to left, var(--sf), transparent); }

/* ===== INTERACTIVE DEMO ===== */
.demo-sec { padding: var(--s16) 0; border-bottom: 1px solid var(--border); position: relative; overflow: hidden; background: var(--bg); }
.demo-sec::before { content:''; position:absolute; top:-20%; left:-10%; width:600px; height:600px; background:radial-gradient(ellipse,rgba(0,212,200,.04),transparent 70%); pointer-events:none; }
.demo-grid { display: grid; grid-template-columns: 1fr 1fr; gap: var(--s12); align-items: start; position: relative; z-index: 1; }
.demo-form-card { background: #0d0f18; border: 1px solid var(--border); border-radius: 20px; padding: var(--s8); box-shadow: 0 24px 60px rgba(0,0,0,.25); }
.demo-hdr { margin-bottom: var(--s8); }
.demo-hdr h2 { font-family: var(--fd); font-size: var(--text-2xl); font-weight: 700; margin-bottom: var(--s2); letter-spacing: -.02em; }
.demo-hdr p { font-size: var(--text-sm); color: var(--tm); }
.demo-fields { display: flex; flex-direction: column; gap: var(--s5); margin-bottom: var(--s8); }
.demo-label { font-family: var(--fb); font-size: 12px; font-weight: 500; color: var(--tm); text-transform: uppercase; letter-spacing: .06em; margin-bottom: var(--s2); display: block; }
.demo-select { width: 100%; appearance: none; background: var(--sf2); border: 1px solid var(--border); border-radius: 10px; padding: var(--s3) var(--s4); font-size: var(--text-sm); color: var(--t); font-family: var(--fb); outline: none; cursor: pointer; transition: border-color var(--ease); background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%237a82a6' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 14px center; }
.demo-select:focus { border-color: rgba(0,212,200,.4); }
.demo-btn { width: 100%; padding: var(--s4); border-radius: 10px; background: var(--cy); color: #002e2b; font-weight: 700; font-size: var(--text-base); font-family: var(--fb); border: none; cursor: pointer; transition: transform var(--ease), opacity var(--ease); }
.demo-btn:hover { transform: translateY(-1px); opacity: 0.9; }

/* Demo Right Panel */
.demo-out-wrap { height: 100%; min-height: 500px; display: flex; flex-direction: column; justify-content: center; position: relative; }
.demo-state { position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: center; opacity: 0; pointer-events: none; transition: opacity .3s var(--ease); }
.demo-state.active { opacity: 1; pointer-events: all; position: relative; }

/* Initial State */
.demo-init { text-align: center; }
.demo-init svg { color: var(--div); margin-bottom: var(--s4); }
.demo-init p { font-family: var(--fb); font-size: 13px; font-weight: 500; color: var(--tm); text-transform: uppercase; letter-spacing: .04em; }

/* Processing State */
.demo-processing { background: #0d0f18; border: 1px solid var(--border); border-radius: 16px; padding: var(--s8); min-height: 280px; display: flex; flex-direction: column; justify-content: center; }
.dp-title { font-family: var(--fd); font-size: var(--text-xl); font-weight: 600; letter-spacing: -.02em; margin-bottom: var(--s6); }
.dp-steps { display: flex; flex-direction: column; gap: var(--s3); }
.dp-step { display: flex; align-items: center; gap: var(--s3); font-size: var(--text-sm); color: var(--tm); transition: color .3s; }
.dp-step.active { color: var(--t); }
.dp-step.done { color: var(--tm); }
.dp-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--border); flex-shrink: 0; transition: background .3s; }
.dp-step.active .dp-dot { background: var(--cy); box-shadow: 0 0 0 4px var(--cys); }
.dp-step.done .dp-dot { background: var(--cy); }

/* Results State */
.demo-results-hdr { margin-bottom: var(--s6); font-family: var(--fd); font-size: var(--text-lg); font-weight: 600; }
.demo-cards { display: flex; flex-direction: column; gap: var(--s4); }
.d-card { background: #11131d; border: 1px solid var(--border); border-radius: 12px; padding: var(--s4); display: flex; align-items: center; gap: var(--s4); position: relative; overflow: hidden; }
.d-card.unlocked { border-color: rgba(0,168,160,.25); background: #11131d; }
.d-av { width: 48px; height: 48px; border-radius: 50%; background: var(--sfx); flex-shrink: 0; display: flex; align-items: center; justify-content: center; font-family: var(--fd); font-weight: 700; font-size: 14px; }
.d-av.c1 { background: #7b2d8b; color: #fff; }
.d-av.c2 { background: #1a5276; color: #fff; }
.d-av.c3 { background: #2d6a4f; color: #fff; }
.d-info { flex: 1; }
.d-name { font-weight: 600; font-size: var(--text-sm); margin-bottom: 2px; }
.d-stats { font-size: var(--text-xs); color: var(--tm); }
.d-score { font-family: var(--fb); font-size: 12px; font-weight: 500; color: var(--cy); background: var(--cys); padding: 4px 8px; border-radius: var(--r-full); white-space: nowrap; }

/* Blurred Card */
.d-card.blurred .d-content { filter: blur(4px); opacity: 0.6; user-select: none; }
.d-lock-overlay { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; z-index: 2; background: rgba(6,7,13,0.4); }
.d-lock-btn { display: inline-flex; align-items: center; gap: 6px; background: var(--golds); border: 1px solid rgba(232,184,75,0.3); color: var(--gold); padding: 8px 14px; border-radius: var(--r-full); font-family: var(--fb); font-size: 12px; font-weight: 500; text-decoration: none; transition: transform .2s; cursor: pointer; }
.d-lock-btn:hover { transform: translateY(-1px); background: rgba(232,184,75,0.15); }

/* Demo Capture Box */
.demo-capture { margin-top: var(--s6); padding: var(--s6); background: var(--sf2); border: 1px dashed var(--div); border-radius: 12px; text-align: center; }
.demo-capture p { font-size: var(--text-sm); color: var(--tm); margin-bottom: var(--s4); }
.demo-cap-form { display: flex; gap: var(--s2); }
.demo-cap-input { flex: 1; background: var(--sf); border: 1px solid var(--border); border-radius: 8px; padding: 0 var(--s4); font-size: var(--text-sm); color: var(--t); outline: none; }
.demo-cap-input:focus { border-color: rgba(232,184,75,.4); }
.demo-cap-btn { background: var(--gold); color: #1a1000; border: none; padding: 0 var(--s4); border-radius: 8px; font-weight: 600; font-family: var(--fb); cursor: pointer; white-space: nowrap; }
.demo-cap-link { display: block; margin-top: var(--s3); font-size: var(--text-xs); color: var(--tf); text-decoration: underline; text-underline-offset: 2px; }

@media(max-width: 768px) {
  .demo-grid { grid-template-columns: 1fr; }
  .demo-out-wrap { min-height: auto; margin-top: var(--s8); }
  .demo-cap-form { flex-direction: column; }
  .demo-cap-input { padding: var(--s3) var(--s4); }
  .demo-cap-btn { padding: var(--s3) var(--s4); }
}

.marquee {
  display: flex; gap: var(--s12); padding-left: var(--s12);
  animation: scroll-mq 30s linear infinite;
}
.marquee span {
  font-family: var(--fd); font-size: var(--text-lg); font-weight: 600; color: var(--tm); opacity: 0.5;
  text-transform: uppercase; letter-spacing: 0.05em; transition: opacity .3s;
}
.marquee span:hover { opacity: 1; color: var(--t); }
@keyframes scroll-mq { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }

/* ===== SOCIAL VIDEO ===== */
.video-sec { padding: clamp(var(--s16), 6vw, var(--s24)) 0; background: var(--bg); position: relative;}
.video-container {
  position: relative; border-radius: 24px; overflow: hidden;
  border: 1px solid rgba(0,212,200,0.15);
  box-shadow: 0 40px 100px rgba(0,0,0,0.6), 0 0 0 1px var(--border);
  width: 100%; background: var(--sf2);
  display: flex;
}
.video-container .animated-bg {
  position: absolute; inset: 0; z-index: 0; width: 100%; height: 100%;
  background: linear-gradient(135deg, rgba(6,7,13,1) 0%, rgba(18,22,36,1) 50%, rgba(6,7,13,1) 100%);
}
@keyframes glowMove {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}
.video-overlay {
  position: relative; z-index: 1; width: 100%;
  background: linear-gradient(0deg, rgba(6,7,13,0.95) 0%, rgba(6,7,13,0.3) 50%, rgba(6,7,13,0.8) 100%);
  display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center;
  padding: clamp(var(--s8), 8vw, var(--s16)) var(--s6);
}
.vo-tag {
  display: inline-flex; align-items: center; gap: var(--s2);
  background: var(--cys); border: 1px solid rgba(0,168,160,0.15);
  border-radius: var(--r-full); padding: var(--s2) var(--s4);
  font-family: var(--fb); font-size: 12px; font-weight: 500; color: var(--cy);
  letter-spacing: .04em; text-transform: uppercase; margin-bottom: var(--s5);
}
.vo-title { font-family: var(--fd); font-size: var(--text-3xl); font-weight: 700; letter-spacing: -.03em; margin-bottom: var(--s4); }
.vo-desc { font-size: var(--text-lg); color: var(--tm); max-width: 50ch; line-height: 1.6; margin-bottom: var(--s10); }

.testimonial-boxes { display: flex; gap: var(--s6); flex-wrap: wrap; justify-content: center; width: 100%; }
.t-box {
  background: rgba(11,13,22,0.5); backdrop-filter: blur(16px); border: 1px solid rgba(255,255,255,0.1);
  border-radius: 16px; padding: var(--s6); max-width: 320px; text-align: left;
  transition: transform var(--ease), border-color var(--ease);
}
.t-box:hover { transform: translateY(-4px); border-color: rgba(255,149,0,0.3); background: rgba(15,17,32,0.8); }
.t-quote { font-size: var(--text-sm); color: var(--t); line-height: 1.6; margin-bottom: var(--s5); font-style: italic; }
.t-author { display: flex; align-items: center; gap: var(--s3); }
.t-n { font-size: var(--text-sm); font-weight: 600; color: var(--t); }
.t-r { font-family: var(--fb); font-size: 11px; font-weight: 500; color: var(--gold); text-transform: uppercase; letter-spacing: .04em;}

@media(max-width:1024px){
  /* No aspect ratio needed, height derived from content */
}
@media(max-width:768px){
  .testimonial-boxes { flex-direction: column; align-items: center; }
}

@media(max-width: 860px) {
  .nav-l { display: none; }
  .nav-invite { display: none; }
  .hero { text-align: center; }
  .eyebrow, .hero-acts { justify-content: center; }
  .hero-desc { margin-inline: auto; }
  .testimonial-boxes { flex-direction: column; }
  .t-box { width: 100%; }
}
@media(max-width: 640px) {
  .nav-btns .btn-g { display: none; }
  .modal-content { padding: var(--s6); width: calc(100% - var(--s8)); margin: 0 auto; }
  .modal-close { top: var(--s4); right: var(--s4); }
  .hero h1 { font-size: clamp(2.5rem, 10vw, 3.5rem); }
  .sh { font-size: clamp(1.8rem, 8vw, 2.5rem); }
  .hero-proof { flex-direction: column; gap: var(--s6); align-items: center; }
  .pv { font-size: clamp(1.8rem, 8vw, 2.5rem); }
}
/* ===== HOME CASE STUDIES ===== */
.cs-home-sec { background: #06070d; padding: var(--s16) 0; border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); }
.cs-home-hdr { text-align: center; margin-bottom: var(--s12); }
.cs-home-hdr h2 { font-family: var(--fd); font-size: clamp(2rem, 5vw, 3rem); font-weight: 700; letter-spacing: -.03em; margin-bottom: var(--s4); }
.cs-home-hdr p { font-size: var(--text-lg); color: var(--tm); max-width: 54ch; margin: 0 auto; line-height: 1.6; }

.cs-home-grid { display: grid; grid-template-columns: 1fr 1fr; gap: var(--s6); margin-bottom: var(--s10); }

/* Card Base */
.cs-card { background: var(--sf); border: 1px solid var(--border); border-radius: 20px; overflow: hidden; display: flex; transition: transform .3s, box-shadow .3s, border-color .3s; }
.cs-card:hover { transform: translateY(-4px); border-color: rgba(0,212,200,.3); box-shadow: 0 32px 80px rgba(0,0,0,.5), 0 0 0 1px rgba(0,212,200,.1); }

/* Featured Card (Horizontal) */
.cs-feat-card { grid-column: span 2; min-height: 400px; position: relative; }
.cs-feat-img { width: 45%; position: relative; flex-shrink: 0; }
.cs-feat-img img { width: 100%; height: 100%; object-fit: cover; }
.cs-feat-img::after { content: ''; position: absolute; inset: 0; background: linear-gradient(to right, transparent 20%, var(--sf) 98%); }
.cs-feat-content { padding: var(--s10); flex: 1; display: flex; flex-direction: column; justify-content: center; z-index: 1; }

/* Grid Cards (Vertical) */
.cs-grid-card { flex-direction: column; }
.cs-grid-img { height: 220px; width: 100%; position: relative; }
.cs-grid-img img { width: 100%; height: 100%; object-fit: cover; }
.cs-grid-img::after { content: ''; position: absolute; inset: 0; background: linear-gradient(to bottom, transparent 20%, var(--sf) 98%); }
.cs-grid-content { padding: var(--s8); flex: 1; display: flex; flex-direction: column; }

/* Shared Content Styles */
.cs-tag { display: inline-block; font-family: var(--fb); font-size: 12px; font-weight: 500; color: var(--cy); background: var(--cys); padding: 4px 12px; border-radius: var(--r-full); border: 1px solid rgba(0,168,160,.15); text-transform: uppercase; letter-spacing: .06em; margin-bottom: var(--s4); }
.cs-title { font-family: var(--fd); font-size: var(--text-2xl); font-weight: 700; letter-spacing: -.02em; margin-bottom: var(--s4); line-height: 1.2; }
.cs-grid-card .cs-title { font-size: var(--text-xl); }
.cs-desc { font-size: var(--text-sm); color: var(--tm); line-height: 1.6; margin-bottom: var(--s6); flex: 1; }

/* Metrics Row */
.cs-metrics { display: flex; gap: var(--s6); border-top: 1px solid var(--border); padding-top: var(--s5); margin-bottom: var(--s6); }
.cs-feat-card .cs-metrics { gap: var(--s10); }
.cs-m-box { display: flex; flex-direction: column; }
.cs-m-val { font-family: var(--fd); font-size: var(--text-2xl); font-weight: 700; color: #fff; line-height: 1; margin-bottom: 4px; letter-spacing: -.02em; }
.cs-m-val.cyan { color: var(--cy); }
.cs-m-lbl { font-family: var(--fb); font-size: 12px; font-weight: 500; color: var(--tm); text-transform: uppercase; letter-spacing: .04em; }

.cs-link { font-size: var(--text-sm); font-weight: 600; color: var(--cy); display: flex; align-items: center; gap: 4px; transition: gap .2s; }
.cs-link:hover { gap: 8px; }

/* Global Proof Bar */
.cs-proof-bar { background: var(--sf2); border: 1px solid var(--border); border-radius: 16px; padding: var(--s6); text-align: center; display: flex; align-items: center; justify-content: center; gap: var(--s10); flex-wrap: wrap; margin-bottom: var(--s10); }
.pb-item { display: flex; flex-direction: column; align-items: center; }
.pb-val { font-family: var(--fd); font-size: var(--text-xl); font-weight: 700; color: var(--t); margin-bottom: 2px; }
.pb-lbl { font-family: var(--fb); font-size: 12px; font-weight: 500; color: var(--tm); text-transform: uppercase; letter-spacing: .04em; }

.cs-home-acts { text-align: center; display: flex; justify-content: center; gap: var(--s4); flex-wrap: wrap; }

@media(max-width: 1024px) {
  .cs-home-grid { grid-template-columns: 1fr; }
  .cs-feat-card { grid-column: span 1; flex-direction: column; }
  .cs-feat-img { width: 100%; height: 260px; }
  .cs-feat-img::after { background: linear-gradient(to bottom, transparent 20%, var(--sf) 98%); }
  .cs-feat-card .cs-metrics { gap: var(--s6); flex-wrap: wrap; }
}
/* ===== TRUST & SOCIAL PROOF ===== */
.trust-sec { padding: var(--s20) 0 var(--s16); background: var(--bg); position: relative; border-top: 1px solid var(--border); }
.trust-sec::before { display: none; }
.trust-hdr { text-align: center; margin-bottom: var(--s8); }
.trust-hdr h2 { font-family: var(--fd); font-size: clamp(2.5rem, 6vw, 4rem); font-weight: 700; letter-spacing: -.03em; margin-bottom: var(--s4); line-height: 1.1; }
.trust-hdr p { font-size: var(--text-lg); color: var(--tm); max-width: 50ch; margin: 0 auto; }

/* Press Banner */
.press-strip { display: flex; align-items: center; justify-content: center; gap: var(--s6); flex-wrap: wrap; margin-bottom: var(--s16); }
.press-strip span { font-family: var(--fb); font-size: 12px; font-weight: 500; color: var(--tm); text-transform: uppercase; letter-spacing: .06em; }
.press-logos { display: flex; align-items: center; gap: var(--s8); opacity: 0.6; filter: grayscale(100%); transition: opacity .3s; }
.press-logos:hover { opacity: 0.9; }
.p-logo { font-family: var(--fd); font-weight: 700; font-size: var(--text-lg); letter-spacing: -.02em; }

/* Client Logos Grid */
.trust-logo-grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: var(--s4); align-items: center; justify-items: center; margin-bottom: var(--s16); opacity: 0.5; filter: grayscale(100%) brightness(1.5); }
.c-logo { font-family: var(--fd); font-weight: 800; font-size: var(--text-xl); letter-spacing: -.04em; color: #fff; }
@media(max-width: 768px) { .trust-logo-grid { grid-template-columns: repeat(3, 1fr); gap: var(--s8); } }

/* Metrics Bar */
.trust-metrics { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; background: var(--border); border: 1px solid var(--border); border-radius: 24px; overflow: hidden; margin-bottom: var(--s16); box-shadow: 0 24px 60px rgba(0,0,0,.1); }
.tm-box { background: var(--sf); padding: var(--s8) var(--s4); text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.tm-val { font-family: var(--fd); font-size: clamp(2.5rem, 5vw, 3.5rem); font-weight: 700; letter-spacing: -.03em; color: var(--t); line-height: 1; margin-bottom: var(--s2); }
.tm-val.gold { color: var(--gold); }
.tm-val.cyan { color: var(--cy); }
.tm-lbl { font-size: var(--text-sm); color: var(--tm); max-width: 24ch; line-height: 1.5; }

/* Testimonials */
.testi-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--s6); align-items: start; }
.testi-card { background: var(--sf2); border: 1px solid var(--border); border-radius: 20px; padding: var(--s8); position: relative; transition: transform .3s; }
.testi-card:hover { transform: translateY(-4px); background: var(--sf); border-color: rgba(232,184,75,0.2); box-shadow: 0 24px 48px rgba(0,0,0,.2); }
.testi-card::before { content: '”'; position: absolute; top: -10px; left: 24px; font-size: 6rem; line-height: 1; color: rgba(232,184,75,0.08); font-family: Georgia, serif; pointer-events: none; }
.testi-quote { font-size: var(--text-base); color: var(--t); line-height: 1.6; margin-bottom: var(--s8); position: relative; z-index: 1; }
.testi-author { display: flex; align-items: center; gap: var(--s4); border-top: 1px solid var(--border); padding-top: var(--s4); }
.testi-av { width: 44px; height: 44px; border-radius: 50%; background: var(--sfx); display: flex; align-items: center; justify-content: center; font-family: var(--fd); font-weight: 700; font-size: 14px; color: var(--t); flex-shrink: 0; }
.t-name { font-weight: 600; font-size: var(--text-sm); margin-bottom: 2px; color: var(--t); }
.t-role { font-family: var(--fb); font-size: 12px; font-weight: 500; color: var(--tm); text-transform: uppercase; letter-spacing: .04em; }

@media(max-width: 1024px) {
  .trust-metrics { grid-template-columns: 1fr; }
  .testi-grid { grid-template-columns: 1fr; }
}

.ft-bot {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 32px;
  border-top: 1px solid rgba(255,255,255,.06);
  padding-top: 32px;
  margin-top: 16px;
}
.ft-bot-row {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px;
}
.ft-social {
  display: flex;
  gap: 16px;
  align-items: center;
}
.ft-social a {
  color: var(--tm);
  transition: color 0.2s;
  background: rgba(255,255,255,0.03);
  padding: 10px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255,255,255,0.05);
}
.ft-social a:hover {
  color: var(--t);
  background: rgba(255,255,255,0.08);
}
.meta-badge {
  display: flex;
  align-items: center;
  gap: 8px;
  background: #f1f5f9;
  color: #0f172a;
  padding: 8px 16px;
  border-radius: 100px;
  font-size: 0.85rem;
  font-family: var(--fb);
}
[data-theme="light"] .meta-badge {
  background: #0f172a;
  color: #f1f5f9;
}
[data-theme="light"] .ft-bot {
  border-top-color: rgba(0,0,0,0.06);
}
[data-theme="light"] .ft-social a {
  background: rgba(0,0,0,0.03);
  border-color: rgba(0,0,0,0.05);
}
[data-theme="light"] .ft-social a:hover {
  background: rgba(0,0,0,0.06);
}
@media (max-width: 768px) {
  .ft-bot-row {
    flex-direction: column;
    text-align: center;
    gap: 24px;
  }
}

.ft-bot {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 32px;
  border-top: 1px solid rgba(255,255,255,.06);
  padding-top: 32px;
  margin-top: 16px;
}
.ft-bot-row {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px;
}
.ft-social {
  display: flex;
  gap: 16px;
  align-items: center;
}
.ft-social a {
  color: var(--tm);
  transition: color 0.2s;
  background: rgba(255,255,255,0.03);
  padding: 10px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255,255,255,0.05);
}
.ft-social a:hover {
  color: var(--t);
  background: rgba(255,255,255,0.08);
}
.meta-badge {
  display: flex;
  align-items: center;
  gap: 8px;
  background: #f1f5f9;
  color: #0f172a;
  padding: 8px 16px;
  border-radius: 100px;
  font-size: 0.85rem;
  font-family: var(--fb);
}
[data-theme="light"] .meta-badge {
  background: #0f172a;
  color: #f1f5f9;
}
[data-theme="light"] .ft-bot {
  border-top-color: rgba(0,0,0,0.06);
}
[data-theme="light"] .ft-social a {
  background: rgba(0,0,0,0.03);
  border-color: rgba(0,0,0,0.05);
}
[data-theme="light"] .ft-social a:hover {
  background: rgba(0,0,0,0.06);
}
@media (max-width: 768px) {
  .ft-bot-row {
    flex-direction: column;
    text-align: center;
    gap: 24px;
  }
}