/* ═══════════════════════════════════════════════════════════
   TOKENS
═══════════════════════════════════════════════════════════ */
:root {
  --black:   #03030a;
  --ink1:    #07071a;
  --ink2:    #0c0c22;
  --ink3:    #111130;
  --ink4:    #181840;
  --border:  rgba(255,255,255,.07);
  --border2: rgba(255,255,255,.13);
  --border3: rgba(255,255,255,.22);

  --blue:    #0052FF;
  --blue2:   #2a6fff;
  --blue3:   #5597ff;
  --bglow:   rgba(0,82,255,.3);
  --blo:     rgba(0,82,255,.08);
  --blin:    rgba(0,82,255,.25);

  --amber:   #e8b84b;
  --alo:     rgba(232,184,75,.09);
  --alin:    rgba(232,184,75,.28);

  --green:   #00e896;
  --glo:     rgba(0,232,150,.08);
  --glin:    rgba(0,232,150,.26);

  --red:     #ff4560;

  --w100: #ffffff;
  --w80:  rgba(255,255,255,.82);
  --w55:  rgba(255,255,255,.54);
  --w30:  rgba(255,255,255,.28);
  --w15:  rgba(255,255,255,.11);
  --w08:  rgba(255,255,255,.055);

  --font-display: 'Syne', sans-serif;
  --font-body:    'DM Sans', sans-serif;
  --font-mono:    'Geist Mono', monospace;

  --r:   10px;
  --rl:  18px;
  --rxl: 26px;
  --shadow: 0 0 80px rgba(0,82,255,.18), 0 0 180px rgba(0,82,255,.07);
}

/* ═══════════════════════════════════════════════════════════
   RESET & BASE
═══════════════════════════════════════════════════════════ */
*,*::before,*::after { box-sizing:border-box; margin:0; padding:0 }
html { scroll-behavior:smooth; font-size:16px }
body {
  background: var(--black);
  color: var(--w100);
  font-family: var(--font-body);
  line-height: 1.65;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  cursor: default;
}

/* Noise grain */
body::before {
  content:''; position:fixed; inset:0; z-index:9998; pointer-events:none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='250' height='250'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='250' height='250' filter='url(%23n)' opacity='0.032'/%3E%3C/svg%3E");
  opacity:.55;
}

a { text-decoration:none; color:inherit }
::-webkit-scrollbar { width:2px }
::-webkit-scrollbar-track { background:var(--black) }
::-webkit-scrollbar-thumb { background:var(--blue) }

h1,h2,h3,h4,h5 {
  font-family: var(--font-display);
  font-weight: 800;
  line-height: 1.04;
  letter-spacing: -.03em;
}
h1  { font-size: clamp(3.2rem,7vw,7rem); line-height:1.0 }
h2  { font-size: clamp(2rem,3.6vw,3.6rem) }
h3  { font-size: clamp(1.1rem,1.5vw,1.3rem); font-weight:700 }
p   { color: var(--w55); line-height:1.8 }

.wrap    { max-width:1180px; margin:0 auto; padding:0 28px }
.sec     { padding:130px 0 }
.alt     { background:var(--ink1) }
.alt2    { background:var(--ink2) }

/* ═══════════════════════════════════════════════════════════
   COMPONENTS
═══════════════════════════════════════════════════════════ */

/* Label / chip */
.label {
  display:inline-flex; align-items:center; gap:7px;
  font-family: var(--font-mono); font-size:10.5px; font-weight:500;
  letter-spacing:.14em; text-transform:uppercase;
  padding:5px 14px; border-radius:100px;
  color:var(--blue); background:var(--blo); border:1px solid var(--blin);
}
.label-dot { width:5px; height:5px; border-radius:50%; background:var(--blue); animation:pulse 2s infinite }
.label-amber { color:var(--amber); background:var(--alo); border-color:var(--alin) }
.label-green { color:var(--green); background:var(--glo); border-color:var(--glin) }

@keyframes pulse { 0%,100%{opacity:1;transform:scale(1)} 50%{opacity:.35;transform:scale(.7)} }

/* Buttons */
.btn {
  display:inline-flex; align-items:center; justify-content:center; gap:9px;
  font-family:var(--font-body); font-size:14px; font-weight:600;
  padding:14px 28px; border-radius:100px; border:none; cursor:pointer;
  transition:all .22s cubic-bezier(.4,0,.2,1); white-space:nowrap;
  letter-spacing:-.01em; position:relative; overflow:hidden;
}
.btn::after {
  content:''; position:absolute; inset:0; border-radius:inherit;
  background:rgba(255,255,255,.06); opacity:0; transition:opacity .2s;
}
.btn:hover::after { opacity:1 }
.btn:disabled { opacity:.55; cursor:not-allowed; transform:none !important }

.btn-primary {
  background: linear-gradient(135deg,#0066ff,#003acc);
  color:#fff;
  box-shadow: 0 4px 24px rgba(0,82,255,.35);
}
.btn-primary:hover { transform:translateY(-2px); box-shadow:0 8px 40px rgba(0,82,255,.5) }

.btn-ghost {
  background:transparent; color:var(--w80);
  border:1px solid var(--border2);
}
.btn-ghost:hover { border-color:var(--border3); background:var(--w08); transform:translateY(-2px) }

.btn-amber {
  background:var(--amber); color:#000; font-weight:700;
  box-shadow:0 4px 24px rgba(232,184,75,.28);
}
.btn-amber:hover { filter:brightness(1.08); transform:translateY(-2px); box-shadow:0 8px 36px rgba(232,184,75,.42) }

.btn-lg  { padding:17px 36px; font-size:15px }
.btn-xl  { padding:20px 44px; font-size:16px; font-weight:700; letter-spacing:-.02em }
.btn-xxl { padding:22px 52px; font-size:18px; font-weight:800; letter-spacing:-.03em }

/* Spinner */
@keyframes spin { to{transform:rotate(360deg)} }
.spinner {
  width:16px; height:16px; border-radius:50%;
  border:2px solid rgba(255,255,255,.2);
  border-top-color:#fff;
  animation:spin .75s linear infinite;
  flex-shrink:0;
}

/* ═══════════════════════════════════════════════════════════
   SCARCITY BANNER
═══════════════════════════════════════════════════════════ */
.topbar {
  background: linear-gradient(90deg, transparent, rgba(232,184,75,.12), rgba(232,184,75,.18), rgba(232,184,75,.12), transparent);
  border-bottom:1px solid rgba(232,184,75,.14);
  padding:10px 0; text-align:center;
  font-family:var(--font-mono); font-size:11.5px; font-weight:500;
  letter-spacing:.06em; color:var(--amber);
  position:relative; z-index:900;
}
.topbar-dot { display:inline-block; width:5px; height:5px; border-radius:50%; background:var(--amber); margin:0 12px; vertical-align:middle; animation:pulse 1.8s infinite }

/* ═══════════════════════════════════════════════════════════
   NAV
═══════════════════════════════════════════════════════════ */
nav {
  position:fixed; top:0; left:0; right:0; z-index:800;
  padding:18px 0; transition:all .3s ease;
}
nav.stuck {
  background:rgba(3,3,10,.92);
  backdrop-filter:blur(28px); -webkit-backdrop-filter:blur(28px);
  border-bottom:1px solid var(--border);
  padding:12px 0;
}
.nav-row { display:flex; align-items:center; justify-content:space-between; gap:20px }
.logo {
  font-family:var(--font-display); font-size:17px; font-weight:800;
  letter-spacing:-.04em; display:flex; align-items:center; gap:10px; flex-shrink:0;
}
.logo-img { width:34px; height:34px; border-radius:50%; object-fit:cover; flex-shrink:0; box-shadow:0 0 20px rgba(0,82,255,.5) }
.logo em { color:var(--blue); font-style:normal }

.nav-links { display:flex; gap:28px; list-style:none }
.nav-links a {
  font-family:var(--font-mono); font-size:11.5px; color:var(--w55);
  font-weight:400; transition:color .15s; letter-spacing:.06em; text-transform:uppercase;
}
.nav-links a:hover { color:var(--w100) }
.nav-end { display:flex; align-items:center; gap:10px; flex-shrink:0 }
.nav-slot {
  font-family:var(--font-mono); font-size:10.5px; font-weight:500;
  color:var(--amber); background:var(--alo); border:1px solid var(--alin);
  padding:5px 13px; border-radius:100px; white-space:nowrap; letter-spacing:.06em;
}
.ham { display:none; background:none; border:none; cursor:pointer; padding:6px; flex-direction:column; gap:5px }
.ham span { display:block; width:20px; height:1.5px; background:var(--w80); border-radius:2px; transition:all .3s }
.mob-nav {
  display:none; position:fixed; inset:0; z-index:799;
  background:rgba(3,3,10,.97); backdrop-filter:blur(24px);
  flex-direction:column; align-items:center; justify-content:center; gap:28px;
}
.mob-nav.open { display:flex }
.mob-nav a, .mob-nav .mob-btn {
  font-family:var(--font-display); font-size:2.4rem; font-weight:800;
  color:var(--w80); background:none; border:none; cursor:pointer; padding:0;
}
.mob-close { position:absolute; top:20px; right:24px; background:none; border:none; font-size:26px; color:var(--w55); cursor:pointer }
@media(max-width:860px) { .nav-links,.nav-end .btn { display:none } .ham { display:flex } }

/* ═══════════════════════════════════════════════════════════
   HERO
═══════════════════════════════════════════════════════════ */
.hero {
  min-height:100vh; padding-top:100px; padding-bottom:80px;
  display:flex; align-items:center;
  position:relative; overflow:hidden;
}

/* Background atmosphere */
.hero-bg {
  position:absolute; inset:0; pointer-events:none;
  background:
    radial-gradient(ellipse 80% 60% at 50% -10%, rgba(0,82,255,.22) 0%, transparent 60%),
    radial-gradient(ellipse 40% 40% at 80% 80%, rgba(0,82,255,.06) 0%, transparent 70%),
    radial-gradient(ellipse 30% 30% at 10% 70%, rgba(0,40,180,.08) 0%, transparent 70%);
}
.hero-grid {
  position:absolute; inset:0; pointer-events:none;
  background-image:
    linear-gradient(rgba(255,255,255,.032) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.032) 1px, transparent 1px);
  background-size:52px 52px;
  mask-image:radial-gradient(ellipse 88% 80% at 50% 0%, black 0%, transparent 75%);
}

.hero-inner { position:relative; z-index:1; max-width:1000px; margin:0 auto; text-align:center; padding:0 20px }

/* Chain pills */
.chain-row {
  display:flex; flex-wrap:wrap; gap:8px; justify-content:center;
  margin-bottom:44px;
  animation:fadeUp .9s ease both;
}
.cpill {
  display:inline-flex; align-items:center; gap:7px;
  background:rgba(255,255,255,.04); border:1px solid var(--border2);
  padding:5px 15px; border-radius:100px;
  font-family:var(--font-mono); font-size:10.5px; font-weight:500;
  letter-spacing:.06em; color:var(--w80);
}
.cdot { width:7px; height:7px; border-radius:50%; flex-shrink:0 }
.cb { background:#0052FF } .ce { background:#627EEA }
.cs { background:#9945FF } .cn { background:#F3BA2F }

/* Eyebrow */
.hero-eyebrow {
  font-family:var(--font-mono); font-size:11px; font-weight:500;
  letter-spacing:.18em; text-transform:uppercase; color:var(--blue);
  margin-bottom:28px; display:flex; align-items:center; justify-content:center; gap:14px;
  animation:fadeUp .9s .06s ease both;
}
.hero-eyebrow::before,.hero-eyebrow::after {
  content:''; flex:1; max-width:60px; height:1px; background:var(--blin);
}

/* ── TYPEWRITER HEADLINE ── */
.hero-headline {
  margin-bottom:28px;
  animation:fadeUp .9s .12s ease both;
  min-height:2.1em;
}
.hero-headline .line-static {
  display:block;
  background:linear-gradient(135deg,#ffffff 0%,rgba(255,255,255,.65) 100%);
  -webkit-background-clip:text; -webkit-text-fill-color:transparent;
  background-clip:text;
}
.hero-headline .line-typewriter {
  display:block; color:var(--blue);
  position:relative;
}
.cursor {
  display:inline-block;
  width:3px; height:.9em; background:var(--blue);
  margin-left:4px; vertical-align:middle;
  animation:blink-cursor .65s step-end infinite;
}
@keyframes blink-cursor { 0%,100%{opacity:1} 50%{opacity:0} }

.hero-sub {
  font-size:clamp(1rem,1.4vw,1.15rem); color:var(--w55);
  max-width:560px; margin:0 auto 14px; line-height:1.78;
  animation:fadeUp .9s .2s ease both;
}
.hero-timeline {
  font-family:var(--font-mono); font-size:11.5px; color:var(--amber);
  font-weight:400; display:flex; align-items:center; justify-content:center;
  gap:10px; margin-bottom:48px; letter-spacing:.04em;
  animation:fadeUp .9s .26s ease both;
}

.hero-btns {
  display:flex; gap:14px; justify-content:center; flex-wrap:wrap;
  margin-bottom:20px; animation:fadeUp .9s .32s ease both;
}
.hero-micro {
  font-family:var(--font-mono); font-size:10.5px; color:var(--w30);
  letter-spacing:.06em; margin-bottom:72px;
  animation:fadeUp .9s .36s ease both;
}

/* Stats bar */
.hstats {
  display:grid; grid-template-columns:repeat(4,1fr);
  background:rgba(255,255,255,.025);
  border:1px solid var(--border2); border-radius:var(--rl);
  overflow:hidden; max-width:760px; margin:0 auto;
  animation:fadeUp .9s .42s ease both;
  backdrop-filter:blur(14px);
}
@media(max-width:600px){.hstats{grid-template-columns:repeat(2,1fr)}}
.hst { padding:26px 16px; text-align:center; border-right:1px solid var(--border) }
.hst:last-child { border-right:none }
.hst-n { font-family:var(--font-display); font-size:2.1rem; font-weight:800; color:var(--w100); letter-spacing:-.04em; display:block; line-height:1 }
.hst-l { font-family:var(--font-mono); font-size:9.5px; color:var(--w30); text-transform:uppercase; letter-spacing:.1em; margin-top:6px }

@keyframes fadeUp { from{opacity:0;transform:translateY(22px)} to{opacity:1;transform:translateY(0)} }

/* ═══════════════════════════════════════════════════════════
   TICKER
═══════════════════════════════════════════════════════════ */
.ticker {
  border-top:1px solid var(--border); border-bottom:1px solid var(--border);
  background:var(--ink1); overflow:hidden; padding:13px 0; position:relative;
}
.ticker::before { content:''; position:absolute; left:0; top:0; bottom:0; width:140px; background:linear-gradient(90deg,var(--ink1),transparent); z-index:1 }
.ticker::after  { content:''; position:absolute; right:0; top:0; bottom:0; width:140px; background:linear-gradient(-90deg,var(--ink1),transparent); z-index:1 }
.ticker-track { display:flex; gap:64px; animation:scrolltick 28s linear infinite; width:max-content }
.ti { display:flex; align-items:center; gap:12px; white-space:nowrap }
.ti-name { font-family:var(--font-mono); font-size:12.5px; font-weight:500; color:var(--w80) }
.ti-chain { font-size:10px; color:var(--w30); background:var(--w08); border:1px solid var(--border); padding:2px 9px; border-radius:100px; letter-spacing:.05em }
.ti-gain  { font-family:var(--font-mono); font-size:11.5px; font-weight:600; color:var(--green) }
.ti-sep   { color:var(--blue); font-size:7px; opacity:.4 }
@keyframes scrolltick { from{transform:translateX(0)} to{transform:translateX(-50%)} }

/* ═══════════════════════════════════════════════════════════
   SECTION HEADERS
═══════════════════════════════════════════════════════════ */
.sec-hd { text-align:center; margin-bottom:64px }
.sec-hd h2 { margin-bottom:14px }
.sec-hd p  { max-width:500px; margin:0 auto }

/* ═══════════════════════════════════════════════════════════
   RECENT LAUNCHES
═══════════════════════════════════════════════════════════ */
.lgrid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px }
@media(max-width:900px){.lgrid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.lgrid{grid-template-columns:1fr}}
.lc {
  background:var(--ink2); border:1px solid var(--border);
  border-radius:var(--rl); padding:26px;
  transition:all .3s ease; position:relative; overflow:hidden;
}
.lc::before { content:''; position:absolute; top:0; left:0; right:0; height:2px; opacity:0; transition:opacity .3s }
.lc:hover   { border-color:var(--border3); transform:translateY(-5px); background:var(--ink3) }
.lc:hover::before { opacity:1 }
.lc-b::before { background:linear-gradient(90deg,transparent,var(--blue),transparent) }
.lc-g::before { background:linear-gradient(90deg,transparent,var(--green),transparent) }
.lc-a::before { background:linear-gradient(90deg,transparent,var(--amber),transparent) }
.lch  { display:flex; align-items:center; justify-content:space-between; margin-bottom:20px }
.lct  { display:flex; align-items:center; gap:12px }
.lci  { width:44px; height:44px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:20px; border:2px solid var(--border2) }
.lcn  { font-family:var(--font-display); font-size:.95rem; font-weight:800; letter-spacing:-.02em }
.lck  { font-family:var(--font-mono); font-size:10.5px; color:var(--w30); margin-top:2px; letter-spacing:.04em }
.lcs  { font-family:var(--font-mono); font-size:10px; font-weight:600; padding:4px 12px; border-radius:100px; letter-spacing:.06em }
.live { background:var(--glo); color:var(--green); border:1px solid var(--glin) }
.hot  { background:rgba(255,69,96,.1); color:var(--red); border:1px solid rgba(255,69,96,.28) }
.grow { background:var(--blo); color:var(--blue); border:1px solid var(--blin) }
.lmets { display:grid; grid-template-columns:1fr 1fr 1fr; gap:8px; margin-bottom:18px }
.lmet  { background:var(--ink1); border:1px solid var(--border); border-radius:8px; padding:10px 7px; text-align:center }
.lmet-v { font-family:var(--font-display); font-size:.88rem; font-weight:800; color:var(--w100) }
.lmet-l { font-family:var(--font-mono); font-size:9.5px; color:var(--w30); margin-top:3px; text-transform:uppercase; letter-spacing:.08em }
.lcrow  { display:flex; align-items:center; justify-content:space-between }
.lcbadge { display:flex; align-items:center; gap:7px; font-family:var(--font-mono); font-size:11px; color:var(--w55) }
.lcd    { width:7px; height:7px; border-radius:50% }
.lc-time { font-family:var(--font-mono); font-size:10.5px; color:var(--w30) }

/* Trust pills */
.trust-bar { display:flex; flex-wrap:wrap; gap:9px; justify-content:center; margin-top:56px }
.tpill {
  display:inline-flex; align-items:center; gap:7px;
  background:var(--ink2); border:1px solid var(--border);
  padding:7px 15px; border-radius:100px;
  font-family:var(--font-mono); font-size:10.5px; font-weight:500;
  color:var(--w55); letter-spacing:.04em;
}

/* ═══════════════════════════════════════════════════════════
   WHY US
═══════════════════════════════════════════════════════════ */
.why-layout { display:grid; grid-template-columns:1fr 1fr; gap:88px; align-items:center }
@media(max-width:860px){.why-layout{grid-template-columns:1fr;gap:52px}}
.why-copy h2 { margin-bottom:18px }
.why-copy > p { margin-bottom:36px }
.pillars { display:flex; flex-direction:column }
.pillar {
  display:flex; align-items:flex-start; gap:18px;
  padding:22px 0; border-bottom:1px solid var(--border);
  transition:padding-left .22s;
}
.pillar:first-child { border-top:1px solid var(--border) }
.pillar:hover { padding-left:8px }
.pill-ico {
  width:42px; height:42px; min-width:42px; border-radius:12px;
  display:flex; align-items:center; justify-content:center; font-size:18px;
  background:var(--blo); border:1px solid var(--blin); margin-top:2px;
}
.pill-t { font-weight:600; color:var(--w100); font-size:14px; margin-bottom:5px; letter-spacing:-.01em }
.pill-d { font-size:13px; color:var(--w55); line-height:1.7 }

/* Proof card */
.proof-wrap   { position:relative; padding:28px 20px }
.proof-card   { background:var(--ink2); border:1px solid var(--border2); border-radius:var(--rl); padding:28px; position:relative; box-shadow:var(--shadow) }
.pc-hd        { display:flex; align-items:center; justify-content:space-between; margin-bottom:18px }
.pc-title     { font-family:var(--font-display); font-weight:800; font-size:.95rem; letter-spacing:-.02em }
.pc-live      { display:flex; align-items:center; gap:6px; font-family:var(--font-mono); font-size:10.5px; color:var(--green) }
.pc-ldot      { width:6px; height:6px; border-radius:50%; background:var(--green); animation:pulse 2s infinite }
.pc-chart     { height:80px; margin-bottom:16px }
.pc-chart svg { width:100%; height:100% }
.pc-nums      { display:grid; grid-template-columns:1fr 1fr 1fr; gap:12px }
.pc-nv        { font-family:var(--font-display); font-size:1.1rem; font-weight:800; color:var(--w100) }
.pc-nl        { font-family:var(--font-mono); font-size:9.5px; color:var(--w30); margin-top:3px; text-transform:uppercase; letter-spacing:.08em }
.pc-ft        { display:flex; align-items:center; justify-content:space-between; font-family:var(--font-mono); font-size:10.5px; color:var(--w30); border-top:1px solid var(--border); padding-top:14px; margin-top:14px }
.floatbadge   { position:absolute; background:var(--ink1); border:1px solid var(--border2); border-radius:14px; padding:13px 18px }
.fb-t { top:-14px; right:0; animation:floatbob 4s ease-in-out infinite }
.fb-b { bottom:-14px; left:0; animation:floatbob 4s 2s ease-in-out infinite }
.fb-v { font-family:var(--font-display); font-size:1.4rem; font-weight:800; color:var(--w100) }
.fb-l { font-family:var(--font-mono); font-size:10.5px; color:var(--w30); margin-top:2px; letter-spacing:.04em }
@keyframes floatbob { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-10px)} }

/* ═══════════════════════════════════════════════════════════
   SERVICES
═══════════════════════════════════════════════════════════ */
.offer-hd { text-align:center; max-width:640px; margin:0 auto 68px }
.offer-hd h2 { margin-bottom:16px }
.ogrid { display:grid; grid-template-columns:1fr 1fr; gap:14px }
@media(max-width:720px){.ogrid{grid-template-columns:1fr}}
.oc {
  background:var(--ink1); border:1px solid var(--border);
  border-radius:var(--rl); padding:32px;
  transition:all .26s; position:relative; overflow:hidden;
}
.oc:hover { border-color:var(--border2); background:var(--ink2) }
.oc.wide {
  grid-column:span 2;
  display:grid; grid-template-columns:1fr 1fr; gap:44px; align-items:center;
  background:linear-gradient(130deg,rgba(0,82,255,.07),var(--ink2));
  border-color:rgba(0,82,255,.2);
}
@media(max-width:720px){.oc.wide{grid-column:span 1;grid-template-columns:1fr}}
.oc-num { font-family:var(--font-display); font-size:3rem; font-weight:800; color:rgba(0,82,255,.12); letter-spacing:-.06em; margin-bottom:-12px }
.oc-t   { font-family:var(--font-display); font-size:1.15rem; font-weight:800; margin-bottom:10px; letter-spacing:-.03em }
.oc-d   { font-size:13px; color:var(--w55); line-height:1.74 }
.oc-list { list-style:none; display:flex; flex-direction:column; gap:11px; margin-top:18px }
.oc-list li { display:flex; align-items:center; gap:11px; font-size:13.5px; color:var(--w80) }
.ocheck { width:20px; height:20px; min-width:20px; border-radius:50%; background:var(--blo); border:1px solid var(--blin); display:flex; align-items:center; justify-content:center; font-size:10px; color:var(--blue) }
.oc-ico { font-size:2rem; margin-bottom:14px }
.spills { display:flex; flex-wrap:wrap; gap:7px; margin-top:14px }
.spill  { font-family:var(--font-mono); font-size:10.5px; color:var(--w55); background:var(--w08); border:1px solid var(--border); padding:3px 11px; border-radius:100px; letter-spacing:.04em }

/* ═══════════════════════════════════════════════════════════
   PROCESS
═══════════════════════════════════════════════════════════ */
.proc-hd { text-align:center; max-width:580px; margin:0 auto 80px }
.stl { position:relative; max-width:840px; margin:0 auto }
.stl::before { content:''; position:absolute; left:25px; top:12px; bottom:12px; width:1px; background:linear-gradient(to bottom,transparent,var(--blue)60,var(--blue)60,transparent) }
.step-row { display:flex; gap:34px; margin-bottom:52px; position:relative }
.step-row:last-child { margin-bottom:0 }
.s-circle {
  width:50px; height:50px; min-width:50px; border-radius:50%;
  background:var(--ink2); border:1.5px solid var(--border2);
  display:flex; align-items:center; justify-content:center;
  font-family:var(--font-mono); font-weight:500; font-size:13px; color:var(--blue);
  position:relative; z-index:1; transition:all .26s; letter-spacing:.04em;
}
.step-row:hover .s-circle { background:var(--blo); border-color:var(--blin); box-shadow:0 0 28px rgba(0,82,255,.25) }
.s-body { padding-top:10px; flex:1 }
.s-tag   { font-family:var(--font-mono); font-size:10.5px; font-weight:500; letter-spacing:.1em; text-transform:uppercase; color:var(--blue); margin-bottom:7px }
.s-title { font-family:var(--font-display); font-size:1.15rem; font-weight:800; margin-bottom:10px; letter-spacing:-.02em }
.s-desc  { font-size:13.5px; color:var(--w55); line-height:1.74; max-width:560px }

/* ═══════════════════════════════════════════════════════════
   PRICING
═══════════════════════════════════════════════════════════ */
.pr-hd { text-align:center; max-width:560px; margin:0 auto 52px }
.pr-hd h2 { margin-bottom:14px }
.slot-row {
  display:flex; align-items:center; gap:10px;
  background:var(--alo); border:1px solid var(--alin);
  border-radius:100px; padding:9px 22px;
  font-family:var(--font-mono); font-size:11.5px; color:var(--amber);
  font-weight:500; width:fit-content; margin:0 auto 52px; letter-spacing:.05em;
}
.slot-dots { display:flex; gap:5px }
.sd { width:10px; height:10px; border-radius:50% }
.sf { background:var(--amber) } .se { background:rgba(232,184,75,.22); border:1px solid var(--alin) }

.pgrid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; align-items:start }
@media(max-width:880px){.pgrid{grid-template-columns:1fr}}

.pcard {
  background:var(--ink1); border:1px solid var(--border);
  border-radius:var(--rl); padding:34px;
  position:relative; transition:all .28s;
}
.pcard:hover { border-color:var(--border2); transform:translateY(-4px) }
.pcard.pop {
  background:linear-gradient(160deg,rgba(0,82,255,.12),var(--ink1));
  border-color:rgba(0,82,255,.38);
  box-shadow:0 0 70px rgba(0,82,255,.14);
}
.pop-badge {
  position:absolute; top:-1px; left:50%; transform:translateX(-50%);
  background:var(--blue); color:#fff;
  font-family:var(--font-mono); font-size:10px; font-weight:600; letter-spacing:.08em;
  text-transform:uppercase; padding:4px 18px;
  border-radius:0 0 12px 12px;
}
.p-tier { font-family:var(--font-mono); font-size:11px; font-weight:600; letter-spacing:.14em; text-transform:uppercase; color:var(--w30); margin-bottom:16px }
.p-price { display:flex; align-items:flex-start; gap:2px; margin-bottom:8px; line-height:1 }
.p-cur { font-family:var(--font-display); font-size:1.4rem; font-weight:800; color:var(--w55); margin-top:10px }
.p-amt { font-family:var(--font-display); font-size:3.6rem; font-weight:800; color:var(--w100); letter-spacing:-.05em }
.p-eta { font-family:var(--font-mono); font-size:11px; color:var(--amber); font-weight:500; margin-bottom:18px; letter-spacing:.05em }
.p-desc { font-size:13px; color:var(--w55); line-height:1.7; padding-bottom:22px; border-bottom:1px solid var(--border); margin-bottom:22px }
.pfeats { list-style:none; display:flex; flex-direction:column; gap:11px; margin-bottom:28px }
.pfeats li { display:flex; align-items:center; gap:10px; font-size:13.5px; color:var(--w80) }
.pfeats li.off { color:var(--w30) }
.pfi { width:18px; height:18px; min-width:18px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:10px; font-weight:700 }
.pfi-on  { background:var(--blo); border:1px solid var(--blin); color:var(--blue) }
.pfi-off { background:var(--w08); border:1px solid var(--border); color:var(--w30) }
.p-cta { width:100%; justify-content:center }
.pr-note { text-align:center; margin-top:30px; font-size:13.5px; color:var(--w30) }
.pr-note a { color:var(--blue) }
.pr-guarantee {
  background:var(--glo); border:1px solid var(--glin); border-radius:var(--r);
  padding:16px 22px; display:flex; align-items:center; gap:14px;
  max-width:460px; margin:0 auto 50px; text-align:left;
}
.pr-g-t { font-size:13px; font-weight:600; color:var(--green); margin-bottom:3px }
.pr-g-d { font-size:12px; color:var(--w55); line-height:1.6 }

/* ═══════════════════════════════════════════════════════════
   BEYOND LAUNCH
═══════════════════════════════════════════════════════════ */
.by-layout { display:grid; grid-template-columns:1fr 1fr; gap:88px; align-items:start }
@media(max-width:860px){.by-layout{grid-template-columns:1fr;gap:52px}}
.tcards { display:flex; flex-direction:column; gap:12px; margin-top:28px }
.tcard {
  display:flex; align-items:flex-start; gap:16px;
  background:var(--ink2); border:1px solid var(--border);
  border-radius:var(--r); padding:18px 20px; transition:border-color .2s;
}
.tcard:hover { border-color:var(--border2) }
.tc-ph {
  font-family:var(--font-mono); font-size:10px; font-weight:600;
  letter-spacing:.1em; text-transform:uppercase;
  padding:4px 13px; border-radius:100px; white-space:nowrap; flex-shrink:0; margin-top:2px;
}
.tcp1 { background:var(--blo); color:var(--blue); border:1px solid var(--blin) }
.tcp2 { background:var(--glo); color:var(--green); border:1px solid var(--glin) }
.tcp3 { background:var(--alo); color:var(--amber); border:1px solid var(--alin) }
.tc-t { font-weight:600; font-size:14px; margin-bottom:5px; letter-spacing:-.01em }
.tc-d { font-size:13px; color:var(--w55); line-height:1.65 }
.bfeats { display:flex; flex-direction:column; gap:12px }
.bf {
  display:flex; align-items:flex-start; gap:16px;
  background:var(--ink2); border:1px solid var(--border);
  border-radius:var(--r); padding:18px 20px; transition:border-color .2s;
}
.bf:hover { border-color:var(--border2) }
.bf-ico { font-size:1.5rem; flex-shrink:0; margin-top:2px }
.bf-t { font-weight:600; font-size:14px; margin-bottom:4px; letter-spacing:-.01em }
.bf-d { font-size:13px; color:var(--w55); line-height:1.65 }

/* ═══════════════════════════════════════════════════════════
   TESTIMONIALS
═══════════════════════════════════════════════════════════ */
.testi-hd { text-align:center; max-width:560px; margin:0 auto 48px }
.tsigs { display:flex; flex-wrap:wrap; gap:10px; justify-content:center; margin-bottom:56px }
.tsig {
  display:flex; align-items:center; gap:8px;
  background:var(--ink2); border:1px solid var(--border);
  padding:8px 17px; border-radius:100px;
  font-family:var(--font-mono); font-size:11px; font-weight:500; color:var(--w80); letter-spacing:.04em;
}
.tgrid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px }
@media(max-width:880px){.tgrid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.tgrid{grid-template-columns:1fr}}
.tc2 {
  background:var(--ink2); border:1px solid var(--border);
  border-radius:var(--rl); padding:26px; transition:all .24s;
}
.tc2:hover { border-color:var(--border2); transform:translateY(-3px) }
.tc2-stars { color:var(--amber); font-size:13px; margin-bottom:14px; letter-spacing:2px }
.tc2-q { font-size:13.5px; color:var(--w80); line-height:1.74; margin-bottom:20px; font-style:italic }
.tc2-au { display:flex; align-items:center; gap:11px }
.tc2-av {
  width:36px; height:36px; border-radius:50%;
  background:var(--blo); border:1px solid var(--blin);
  display:flex; align-items:center; justify-content:center;
  font-family:var(--font-display); font-size:12px; font-weight:800; color:var(--blue);
}
.tc2-name { font-size:13px; font-weight:600; color:var(--w100); letter-spacing:-.01em }
.tc2-role { font-family:var(--font-mono); font-size:10.5px; color:var(--w30); margin-top:2px; letter-spacing:.04em }

/* ═══════════════════════════════════════════════════════════
   FAQ
═══════════════════════════════════════════════════════════ */
.faq-hd { text-align:center; max-width:500px; margin:0 auto 54px }
.fwrap  { max-width:760px; margin:0 auto; display:flex; flex-direction:column; gap:10px }
.fi { border:1px solid var(--border); border-radius:var(--r); overflow:hidden; background:var(--ink1); transition:border-color .2s }
.fi:hover { border-color:var(--border2) }
.fq {
  display:flex; justify-content:space-between; align-items:center; gap:16px;
  padding:19px 24px; cursor:pointer; font-weight:600; font-size:14px;
  color:var(--w100); transition:color .18s; letter-spacing:-.01em; user-select:none;
}
.fq:hover { color:var(--blue) }
.fi-ico { font-family:var(--font-mono); font-size:18px; color:var(--w30); flex-shrink:0; transition:transform .22s, color .22s }
.fi.open .fi-ico { transform:rotate(45deg); color:var(--blue) }
.fb-body { max-height:0; overflow:hidden; transition:max-height .34s ease }
.fi.open .fb-body { max-height:500px }
.fb-inner { padding:0 24px 20px; font-size:13.5px; color:var(--w55); line-height:1.8; border-top:1px solid var(--border); padding-top:16px }
.fb-inner a { color:var(--blue) }

/* ═══════════════════════════════════════════════════════════
   FINAL CTA
═══════════════════════════════════════════════════════════ */
.cta-sec { padding:110px 0; position:relative; overflow:hidden }
.cta-bg  {
  position:absolute; inset:0; pointer-events:none;
  background:radial-gradient(ellipse 70% 100% at 50% 110%,rgba(0,82,255,.14),transparent);
}
.cta-grid {
  position:absolute; inset:0; pointer-events:none;
  background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);
  background-size:52px 52px;
  mask-image:radial-gradient(ellipse 90% 100% at 50% 100%,black 0%,transparent 70%);
}
.cta-box {
  position:relative; z-index:1; text-align:center;
  max-width:700px; margin:0 auto;
  background:rgba(255,255,255,.022); border:1px solid var(--border2);
  border-radius:28px; padding:76px 56px; backdrop-filter:blur(18px);
}
@media(max-width:600px){.cta-box{padding:52px 28px}}
.cta-urg {
  display:inline-flex; align-items:center; gap:9px;
  font-family:var(--font-mono); font-size:11.5px; color:var(--amber); font-weight:500;
  background:var(--alo); border:1px solid var(--alin);
  padding:7px 20px; border-radius:100px; letter-spacing:.05em;
  margin:24px 0;
}
.cta-btns { display:flex; gap:14px; justify-content:center; flex-wrap:wrap; margin-top:8px }

/* ═══════════════════════════════════════════════════════════
   LEAD FORM SECTION
═══════════════════════════════════════════════════════════ */
.form-sec { background:var(--ink1) }
.form-card {
  background:var(--ink2); border:1px solid var(--border2);
  border-radius:var(--rxl); padding:44px;
  box-shadow:var(--shadow);
}
@media(max-width:560px){.form-card{padding:26px 20px}}
.lf-row { display:grid; grid-template-columns:1fr 1fr; gap:16px }
@media(max-width:520px){.lf-row{grid-template-columns:1fr}}
.lf-group { display:flex; flex-direction:column; gap:8px }
.lf-label {
  font-family:var(--font-mono); font-size:10.5px; font-weight:500;
  color:var(--w55); letter-spacing:.1em; text-transform:uppercase;
}
.lf-input {
  background:var(--ink3); border:1px solid var(--border2);
  border-radius:var(--r); padding:13px 16px;
  color:var(--w100); font-family:var(--font-body); font-size:14px;
  outline:none; transition:border-color .2s, box-shadow .2s; width:100%; resize:none;
}
.lf-input:focus { border-color:var(--blue); box-shadow:0 0 0 3px rgba(0,82,255,.14) }
.lf-input::placeholder { color:var(--w30) }
.lf-textarea { min-height:120px; line-height:1.65 }
.chain-opts { display:flex; gap:10px; flex-wrap:wrap }
.chain-opt {
  display:flex; align-items:center; cursor:pointer;
  padding:11px 18px; background:var(--ink3);
  border:1px solid var(--border2); border-radius:var(--r);
  font-size:13px; color:var(--w55); transition:all .2s; flex:1; min-width:100px;
}
.chain-opt:has(input:checked) { border-color:var(--blue); background:var(--blo); color:var(--w100) }
.chain-opt input { display:none }
.chain-opt span { display:flex; align-items:center; gap:7px }
.chain-opt em { font-style:normal; font-size:10px; color:var(--blue); margin-left:4px; font-family:var(--font-mono) }
input[type="date"].lf-input { color-scheme:dark }
select.lf-input {
  appearance:none; cursor:pointer;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='rgba(255,255,255,0.3)' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat; background-position:right 14px center;
}

/* Form states */
.form-success {
  display:none; text-align:center; padding:44px 16px;
}
.success-icon { font-size:3.5rem; margin-bottom:20px }
.success-steps {
  background:var(--blo); border:1px solid var(--blin);
  border-radius:var(--r); padding:20px; display:inline-block; text-align:left; margin-top:20px;
}
.success-steps .ss-title { font-family:var(--font-mono); font-size:10.5px; color:var(--w30); text-transform:uppercase; letter-spacing:.1em; margin-bottom:12px }
.success-steps .ss-item  { font-size:13.5px; color:var(--w80); line-height:1.9 }

/* ═══════════════════════════════════════════════════════════
   BOOKING MODAL
═══════════════════════════════════════════════════════════ */
.bk-overlay {
  position:fixed; inset:0; z-index:2000;
  background:rgba(3,3,10,.9); backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px);
  display:none; align-items:center; justify-content:center; padding:20px;
}
.bk-overlay.open { display:flex }
.bk-modal {
  background:var(--ink2); border:1px solid var(--border2);
  border-radius:var(--rxl); padding:36px;
  max-width:560px; width:100%; position:relative;
  box-shadow:0 40px 120px rgba(0,0,0,.6);
  max-height:92vh; overflow-y:auto;
  animation:modalIn .24s cubic-bezier(.34,1.4,.64,1) both;
}
@keyframes modalIn { from{opacity:0;transform:translateY(20px) scale(.95)} to{opacity:1;transform:none} }
.bk-close {
  position:absolute; top:18px; right:20px;
  background:var(--w08); border:1px solid var(--border); color:var(--w55);
  font-size:14px; cursor:pointer; border-radius:50%; width:30px; height:30px;
  display:flex; align-items:center; justify-content:center; transition:all .16s;
  font-family:var(--font-mono);
}
.bk-close:hover { background:var(--border2); color:var(--w100) }
.bk-urg {
  display:inline-flex; align-items:center; gap:8px;
  font-family:var(--font-mono); font-size:11px; font-weight:500; color:var(--amber);
  background:var(--alo); border:1px solid var(--alin);
  border-radius:100px; padding:6px 14px; margin-bottom:24px; letter-spacing:.05em;
}
.bk-error {
  display:none; background:rgba(255,69,96,.08); border:1px solid rgba(255,69,96,.25);
  border-radius:var(--r); padding:12px 16px; margin-bottom:16px;
  font-size:13px; color:#ff7090; font-family:var(--font-mono);
}
.bk-row { display:grid; grid-template-columns:1fr 1fr; gap:14px }
@media(max-width:480px){.bk-row{grid-template-columns:1fr}}

/* ═══════════════════════════════════════════════════════════
   FOOTER
═══════════════════════════════════════════════════════════ */
footer { background:var(--ink1); border-top:1px solid var(--border); padding:80px 0 36px }
.fgrid {
  display:grid; grid-template-columns:2fr 1fr 1fr 1fr 1fr;
  gap:52px; margin-bottom:60px;
}
@media(max-width:920px){.fgrid{grid-template-columns:1fr 1fr;gap:44px}}
@media(max-width:560px){.fgrid{grid-template-columns:1fr}}
.fbrand p { font-size:13px; color:var(--w30); line-height:1.74; margin-top:14px; max-width:260px }
.fsocs { display:flex; gap:10px; margin-top:20px }
.fsoc {
  width:34px; height:34px; border-radius:8px;
  background:var(--w08); border:1px solid var(--border);
  display:flex; align-items:center; justify-content:center;
  font-size:13px; color:var(--w55); transition:all .18s;
}
.fsoc:hover { background:var(--blo); border-color:var(--blin); color:var(--blue) }
.chain-badges { display:flex; gap:8px; margin-top:16px; flex-wrap:wrap }
.cbadge {
  display:flex; align-items:center; gap:6px;
  font-family:var(--font-mono); font-size:10.5px; color:var(--w30);
  background:var(--w08); border:1px solid var(--border); padding:4px 12px; border-radius:100px;
  letter-spacing:.05em;
}
.fcol h5 { font-family:var(--font-mono); font-size:10.5px; font-weight:600; letter-spacing:.12em; text-transform:uppercase; color:var(--w30); margin-bottom:20px }
.flinks { list-style:none; display:flex; flex-direction:column; gap:12px }
.flinks a { font-size:13.5px; color:var(--w55); transition:color .16s }
.flinks a:hover { color:var(--w100) }
.fbot {
  display:flex; align-items:center; justify-content:space-between; gap:16px;
  padding-top:26px; border-top:1px solid var(--border);
}
@media(max-width:560px){.fbot{flex-direction:column;text-align:center}}
.fbot p { font-family:var(--font-mono); font-size:11.5px; color:var(--w30); letter-spacing:.04em }
.fbot-links { display:flex; gap:22px }
.fbot-links a { font-family:var(--font-mono); font-size:11.5px; color:var(--w30); transition:color .16s; letter-spacing:.04em }
.fbot-links a:hover { color:var(--w80) }

/* ═══════════════════════════════════════════════════════════
   SCROLL REVEAL
═══════════════════════════════════════════════════════════ */
.rv { opacity:0; transform:translateY(26px); transition:opacity .7s ease, transform .7s ease }
.rv.vis { opacity:1; transform:translateY(0) }
.d1{transition-delay:.1s} .d2{transition-delay:.2s} .d3{transition-delay:.3s}

/* ═══════════════════════════════════════════════════════════
   DIVIDER LINE
═══════════════════════════════════════════════════════════ */
.divider { height:1px; background:linear-gradient(90deg,transparent,var(--border2),transparent); margin:0 }

/* ═══════════════════════════════════════════════════════════
   ENHANCED MOBILE RESPONSIVENESS
═══════════════════════════════════════════════════════════ */

/* Footer 5-col → responsive */
@media(max-width:1100px){ .fgrid { grid-template-columns:2fr 1fr 1fr; } }
@media(max-width:920px) { .fgrid { grid-template-columns:1fr 1fr; gap:36px; } }
@media(max-width:560px) { .fgrid { grid-template-columns:1fr; gap:28px; } }

/* Footer bottom bar wraps on mobile */
@media(max-width:720px){
  .fbot { flex-direction:column; align-items:flex-start; gap:12px; }
  .fbot-links { flex-wrap:wrap; gap:12px; }
}

/* Hero headline scales properly on tiny screens */
@media(max-width:400px) {
  h1 { font-size:2.6rem; }
  .hero { padding-top:80px; }
  .btn-xxl { padding:16px 28px; font-size:15px; }
}

/* Pricing grid full-width on mobile */
@media(max-width:600px){
  .pgrid { grid-template-columns:1fr; }
  .pcard { padding:24px 20px; }
}

/* Services grid on mobile */
@media(max-width:560px){
  .ogrid { grid-template-columns:1fr; }
  .oc.wide { grid-template-columns:1fr; }
  .oc { padding:24px 18px; }
}

/* Testimonials on mobile */
@media(max-width:480px){
  .tgrid { grid-template-columns:1fr; }
  .tsigs { gap:7px; }
}

/* CTA box padding on mobile */
@media(max-width:480px){
  .cta-box { padding:36px 22px; }
  .cta-btns { flex-direction:column; align-items:stretch; }
  .cta-btns .btn { justify-content:center; text-align:center; }
}

/* Hero buttons stack on mobile */
@media(max-width:480px){
  .hero-btns { flex-direction:column; align-items:stretch; }
  .hero-btns .btn { justify-content:center; }
  .hstats { grid-template-columns:repeat(2,1fr); }
}

/* Form card on mobile */
@media(max-width:480px){
  .form-card { padding:22px 16px; }
  .chain-opts { flex-direction:column; }
  .chain-opt { flex:none; }
}

/* Nav slot hidden on very small screens */
@media(max-width:400px){ .nav-slot { display:none; } }

/* Why us layout stacks */
@media(max-width:700px){
  .why-layout { grid-template-columns:1fr; gap:40px; }
  .proof-wrap { padding:16px 8px; }
}

/* Beyond layout stacks */
@media(max-width:700px){
  .by-layout { grid-template-columns:1fr; gap:40px; }
}

/* Section padding reduced on mobile */
@media(max-width:560px){
  .sec { padding:72px 0; }
  .wrap { padding:0 18px; }
}

/* Step timeline on mobile */
@media(max-width:560px){
  .stl::before { left:20px; }
  .step-row { gap:18px; }
  .s-circle { width:40px; height:40px; min-width:40px; font-size:11px; }
}

/* Topbar wraps on mobile */
@media(max-width:560px){
  .topbar { font-size:10.5px; padding:8px 12px; }
}

/* Launches grid */
@media(max-width:480px){
  .lgrid { grid-template-columns:1fr; }
}

.fsocs {
  display: flex;
  gap: 14px;
  margin-top: 20px;
}

.fsoc {
  width: 44px;
  height: 44px;
  border-radius: 12px;

  display: flex;
  align-items: center;
  justify-content: center;

  color: #cfd3ff;

  background: rgba(255, 255, 255, 0.04);
  backdrop-filter: blur(10px);

  border: 1px solid rgba(255, 255, 255, 0.08);

  box-shadow:
    inset 0 1px 1px rgba(255,255,255,0.05),
    0 6px 20px rgba(0,0,0,0.4);

  transition: all 0.25s ease;
}

.fsoc svg {
  width: 20px;
  height: 20px;
  opacity: 0.9;
}

.fsoc:hover {
  transform: translateY(-4px) scale(1.05);

  color: #ffffff;

  border: 1px solid rgba(100, 150, 255, 0.4);

  box-shadow:
    0 10px 30px rgba(0, 102, 255, 0.25),
    inset 0 1px 1px rgba(255,255,255,0.1);
}