/* Self-hosted fonts (no external render-blocking request) */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/Inter-400-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/Inter-400-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(fonts/Inter-500-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(fonts/Inter-500-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(fonts/Inter-600-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(fonts/Inter-600-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(fonts/Inter-700-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(fonts/Inter-700-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(fonts/Inter-800-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(fonts/Inter-800-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(fonts/Inter-900-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(fonts/Inter-900-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/JetBrainsMono-400-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/JetBrainsMono-400-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(fonts/JetBrainsMono-600-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(fonts/JetBrainsMono-600-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/SpaceGrotesk-400-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/SpaceGrotesk-400-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(fonts/SpaceGrotesk-500-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(fonts/SpaceGrotesk-500-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(fonts/SpaceGrotesk-600-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(fonts/SpaceGrotesk-600-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(fonts/SpaceGrotesk-700-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(fonts/SpaceGrotesk-700-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* ============ RESET & TOKENS ============ */
:root{
  --bg:#05070d;
  --bg2:#080b14;
  --panel:#0b101d;
  --panel2:#0e1526;
  --line:rgba(56,89,148,.22);
  --line2:rgba(56,89,148,.4);
  --blue:#1e90ff;
  --blue2:#38bdf8;
  --cyan:#22d3ee;
  --white:#f3f7ff;
  --muted:#8aa0c4;
  --muted2:#5c7299;
  --green:#34d399;
  --gold:#f59e0b;
  --font-h:'Space Grotesk',sans-serif;
  --font-b:'Inter',sans-serif;
  --font-m:'JetBrains Mono',monospace;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--white);font-family:var(--font-b);overflow-x:hidden;line-height:1.6}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.skip-link{position:fixed;left:16px;top:12px;z-index:999;transform:translateY(-150%);background:var(--white);color:var(--bg);padding:10px 16px;border-radius:8px;font-weight:700}.skip-link:focus{transform:none}
:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}
::selection{background:rgba(30,144,255,.35)}
::-webkit-scrollbar{width:10px}
::-webkit-scrollbar-track{background:#05070d}
::-webkit-scrollbar-thumb{background:linear-gradient(var(--blue),var(--cyan));border-radius:10px}

.container{width:min(1240px,92%);margin:0 auto;position:relative;z-index:2}
section{position:relative;padding:96px 0}
h1,h2,h3,h4{font-family:var(--font-h);line-height:1.12;letter-spacing:-.01em}
.section-label{font-family:var(--font-m);font-size:.78rem;letter-spacing:.24em;text-transform:uppercase;color:var(--cyan);margin-bottom:18px;display:inline-flex;align-items:center;gap:10px}
.section-label::before{content:"";width:34px;height:1px;background:linear-gradient(90deg,var(--cyan),transparent)}
h2{font-size:clamp(1.9rem,4vw,3.1rem);font-weight:700}
.grad{background:linear-gradient(100deg,#38bdf8 0%,#1e90ff 45%,#22d3ee 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.goldgrad{background:linear-gradient(100deg,#fde68a,#f59e0b);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.gold{background:linear-gradient(180deg,#fde68a,#f59e0b);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.sub{color:var(--muted);font-size:1.08rem;max-width:680px;margin:22px 0 0;line-height:1.8}

/* glass card */
.card{background:linear-gradient(160deg,rgba(20,28,50,.7),rgba(10,14,26,.85));border:1px solid var(--line);border-radius:18px;backdrop-filter:blur(8px);transition:transform .35s,border-color .35s,box-shadow .35s;position:relative;overflow:hidden}
.card:hover{border-color:var(--line2);transform:translateY(-4px);box-shadow:0 18px 50px -20px rgba(30,144,255,.4)}

.btn{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-h);font-weight:600;font-size:1rem;padding:15px 28px;border-radius:12px;transition:.3s;cursor:pointer;position:relative}
.btn-primary{background:linear-gradient(120deg,var(--blue),var(--cyan));color:#04101c;box-shadow:0 8px 30px -8px rgba(30,144,255,.7)}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 14px 44px -8px rgba(34,211,238,.8)}
.btn-outline{border:1px solid var(--line2);color:var(--white);background:rgba(30,144,255,.06)}
.btn-outline:hover{border-color:var(--blue);background:rgba(30,144,255,.16)}
.btn-ghost{border:1px solid rgba(255,255,255,.15);color:var(--muted)}
.btn-gold{background:linear-gradient(120deg,#f59e0b,#fbbf24);color:#1a1203;box-shadow:0 8px 30px -8px rgba(245,158,11,.6)}
.btn-lg{padding:18px 38px;font-size:1.06rem}

/* reveal */
.reveal{opacity:0;transform:translateY(34px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}
.reveal.in{opacity:1;transform:none}
.reveal.d1{transition-delay:.1s}.reveal.d2{transition-delay:.2s}.reveal.d3{transition-delay:.3s}.reveal.d4{transition-delay:.4s}

/* ============ NAV ============ */
nav{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(5,7,13,.72);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);transition:.3s}
nav.scrolled{background:rgba(5,7,13,.9)}
.nav-inner{display:flex;align-items:center;justify-content:space-between;height:72px}
.logo{font-family:var(--font-h);font-weight:700;font-size:1.45rem;letter-spacing:.02em;display:flex;align-items:center;gap:2px;border-radius:8px;overflow:hidden;background:#000;line-height:0}
.logo{flex:0 0 auto}.logo img{height:32px;width:96px;object-fit:contain;display:block;mix-blend-mode:screen}
.logo .x{color:var(--blue);position:relative}
.logo .x i{font-style:normal;font-size:.5em;vertical-align:super;color:var(--cyan)}
.nav-links{display:flex;align-items:center;gap:clamp(12px,1.2vw,20px);list-style:none;font-size:.84rem;white-space:nowrap}
.nav-links a{color:var(--muted);transition:.2s;position:relative}
.nav-links a:hover{color:var(--white)}
.nav-links a::after{content:"";position:absolute;left:0;bottom:-6px;width:0;height:2px;background:linear-gradient(90deg,var(--blue),var(--cyan));transition:.3s}
.nav-links a:hover::after{width:100%}
.nav-cta{padding:10px 20px!important;border:1px solid var(--line2);border-radius:10px;color:var(--white)!important;background:rgba(30,144,255,.1)}
.nav-cta:hover{background:rgba(30,144,255,.25)}
.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;z-index:60;background:transparent;border:0;padding:10px}
.hamburger span{width:24px;height:2px;background:var(--white);transition:.3s}
@media(max-width:1100px){.nav-links{position:fixed;inset:0;background:rgba(5,7,13,.98);flex-direction:column;justify-content:center;gap:28px;font-size:1.3rem;transform:translateX(100%);transition:.4s;z-index:50}.nav-links.open{transform:none}.hamburger{display:flex;z-index:60}}

/* ============ HERO ============ */
#hero{min-height:100svh;display:flex;align-items:flex-end;padding:0 0 clamp(18px,2.4vh,28px);overflow:hidden;position:relative;background:#02050a}
.hero-bg-picture{position:absolute;inset:64px 0 0;z-index:0;display:flex;align-items:flex-start;justify-content:center;overflow:hidden;background:#02050a}
.hero-bg-image{display:block;width:100%;height:100%;object-fit:contain;object-position:center top;filter:saturate(1.02) contrast(1.03)}
.hero-bg-video{position:absolute;inset:64px 0 0;z-index:0;width:100%;height:calc(100% - 64px);object-fit:contain;object-position:center top;background:#02050a;opacity:0;transition:opacity .65s ease;will-change:opacity}
#hero.hero-video-ready .hero-bg-video{opacity:1}
.hero-scrim{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(2,5,10,0) 0%,rgba(2,5,10,0) 55%,rgba(2,5,10,.18) 72%,rgba(2,5,10,.92) 100%)}
.hero-title-container{position:relative;z-index:2}
.hero-audit-cta-wrap{position:absolute;z-index:4;top:clamp(86px,10vh,112px);left:50%;transform:translateX(-50%);width:min(92%,680px);display:flex;justify-content:center}
.hero-audit-cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;border-radius:14px;background:linear-gradient(100deg,#1e90ff,#22d3ee);color:#02101f;font-family:var(--font-h);font-size:clamp(.82rem,1.25vw,1.02rem);font-weight:650;box-shadow:0 14px 34px rgba(0,93,255,.32),0 0 0 1px rgba(255,255,255,.18) inset;transition:opacity .45s ease,transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .2s}
.hero-audit-cta:hover{transform:translateY(-2px);box-shadow:0 18px 42px rgba(0,93,255,.42),0 0 0 1px rgba(255,255,255,.28) inset}
.hero-audit-cta b{font-weight:850}.hero-audit-cta span{font-size:1.2em}
.hero-inner{position:relative;max-width:1180px;margin:0 auto;text-align:center}
.hero-badge{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-m);font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:var(--cyan);border:1px solid var(--line2);padding:8px 16px;border-radius:40px;background:rgba(3,10,22,.62);backdrop-filter:blur(8px)}
.hero-badge .pulse{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 0 rgba(52,211,153,.6);animation:pulse 1.8s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(52,211,153,.6)}70%{box-shadow:0 0 0 10px rgba(52,211,153,0)}100%{box-shadow:0 0 0 0 rgba(52,211,153,0)}}
#hero h1{font-weight:700;line-height:1.02;margin:0;text-shadow:0 3px 24px rgba(0,0,0,.96),0 1px 4px #000}
#hero .hero-title-lead{display:block;white-space:nowrap;font-size:clamp(1.9rem,3.35vw,3.3rem);line-height:1.04}
#hero .hero-title-type{display:inline-block;margin-top:5px;font-size:clamp(2.8rem,4.6vw,4.2rem);line-height:1;background:none!important;color:#22d3ee!important;-webkit-text-fill-color:#22d3ee!important}
.hero-actions{display:flex;gap:16px;flex-wrap:wrap;margin-top:36px;justify-content:center}
.hero-meta{display:flex;gap:14px;margin-top:30px;font-family:var(--font-m);font-size:.8rem;color:var(--muted);justify-content:center}
.hero-align{margin-top:24px;font-size:.98rem;color:var(--muted);font-family:var(--font-h)}
.hero-align b{color:var(--white)}
.hero-meta span{display:inline-flex;align-items:center;gap:7px}
.hero-meta b{color:var(--green)}

/* first-screen image and headline sequence */
.hero-sequence-item{transition:opacity .45s ease,transform .45s cubic-bezier(.2,.8,.2,1)}
.hero-sequence-js #hero .hero-audit-cta{opacity:0;transform:translateY(-8px) scale(.98);pointer-events:none}
.hero-sequence-js #hero.hero-show-cta .hero-audit-cta,
.hero-sequence-js #hero.hero-sequence-complete .hero-audit-cta{opacity:1;transform:none;pointer-events:auto}
.hero-sequence-js #hero .hero-sequence-item{opacity:0;transform:translateY(10px);pointer-events:none}
.hero-sequence-js #hero.hero-show-title .hero-sequence-title,
.hero-sequence-js #hero.hero-sequence-complete .hero-sequence-item{opacity:1;transform:none;pointer-events:auto}
.hero-typewriter-shell{position:relative;width:100%}
.hero-typewriter-source{opacity:0!important}
.hero-typewriter-layer{position:absolute!important;inset:0;margin:inherit!important;opacity:1!important;transform:none!important;pointer-events:none!important}
.hero-typewriter-layer .grad{background:none!important;color:#22d3ee!important;-webkit-text-fill-color:#22d3ee!important}
.hero-typewriter-layer::after{content:"";display:inline-block;width:3px;height:.86em;margin-left:5px;vertical-align:-.06em;background:var(--cyan);animation:heroCaret .72s step-end infinite}
@keyframes heroCaret{50%{opacity:0}}

/* second-screen motion story */
#hero-story{min-height:100svh;display:flex;align-items:center;padding:120px 0 108px;overflow:hidden;position:relative;background:#05070d;border-top:1px solid var(--line)}
.hero-story-video{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover;object-position:center center}
.hero-story-scrim{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(4,6,12,.68) 0%,rgba(4,6,12,.4) 42%,rgba(4,6,12,.76) 78%,rgba(4,6,12,.98) 100%),radial-gradient(ellipse at center,rgba(4,6,12,.08) 10%,rgba(4,6,12,.65) 100%)}
#hero-story .container{position:relative;z-index:2}
.hero-story-inner{max-width:900px;margin:0 auto;text-align:center}
#hero-story .sub{font-size:1.14rem;margin:30px auto 0;text-align:center;color:#c2d1e8;text-shadow:0 1px 2px rgba(0,0,0,1),0 0 12px rgba(3,10,22,.98),0 0 24px rgba(30,144,255,.18)}
#hero-story .sub b{color:#fff!important;text-shadow:0 1px 2px #000,0 0 12px rgba(3,10,22,.98)}
#hero-story .btn-outline{color:#fff;border-color:rgba(148,185,235,.38);background:rgba(3,10,22,.5)}
#hero-story .hero-save b{color:#fff}
#hero-story .hero-meta{color:#9fb3d1}
.story-reveal{transition:opacity .8s ease,transform .8s cubic-bezier(.2,.8,.2,1)}
.hero-sequence-js #hero-story .story-reveal{opacity:0;transform:translateY(18px);pointer-events:none}
.hero-sequence-js #hero-story.story-active .story-reveal{opacity:1;transform:none;pointer-events:auto}
.hero-sequence-js #hero-story.story-active .story-reveal:nth-child(2){transition-delay:.25s}
.hero-sequence-js #hero-story.story-active .story-reveal:nth-child(3){transition-delay:.55s}
.hero-sequence-js #hero-story.story-active .story-reveal:nth-child(4){transition-delay:.8s}
.hero-sequence-js #hero-story.story-active .story-reveal:nth-child(5){transition-delay:1.05s}
.hero-sequence-js #hero-story.story-active .story-reveal:nth-child(6){transition-delay:1.3s}
/* hero visual */
.hero-visual{position:relative;display:flex;align-items:center;justify-content:center}
.engine-wrap{position:relative;width:100%;max-width:480px;perspective:1200px}
.engine-wrap video{width:100%;display:block;border-radius:24px;box-shadow:0 0 60px rgba(30,144,255,.45),0 30px 80px rgba(0,0,0,.6);animation:float 6s ease-in-out infinite;transform-style:preserve-3d;border:1px solid rgba(30,144,255,.28)}
@keyframes float{0%,100%{transform:translateY(0) rotateY(0)}50%{transform:translateY(-14px) rotateY(-6deg)}}
.orbit-ring{position:absolute;border:1px solid rgba(30,144,255,.25);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}
.ring1{width:120%;height:120%;animation:spin 30s linear infinite}
.ring2{width:150%;height:150%;border-style:dashed;animation:spin 46s linear infinite reverse}
@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}
.orbit-node{position:absolute;top:50%;left:50%;width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#0e1526,#1e3a5f);border:1px solid var(--line2);display:flex;align-items:center;justify-content:center;font-size:.85rem;box-shadow:0 0 18px rgba(30,144,255,.4)}
.hero-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:48px;max-width:640px}
.stat{background:linear-gradient(160deg,rgba(20,28,50,.6),rgba(10,14,26,.8));border:1px solid var(--line);border-radius:14px;padding:18px 20px;border-left:3px solid var(--blue)}
.stat .v{font-family:var(--font-h);font-weight:700;font-size:1.7rem;color:var(--white)}
.stat .v em{font-style:normal;background:linear-gradient(100deg,#38bdf8,#22d3ee);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.stat .k{font-size:.82rem;color:var(--muted);margin-top:4px}

/* scroll cue */
.scroll-cue{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);z-index:3;color:var(--muted);font-family:var(--font-m);font-size:.75rem;letter-spacing:.2em;display:flex;flex-direction:column;align-items:center;gap:8px}
.scroll-cue::after{content:"";width:1px;height:38px;background:linear-gradient(180deg,var(--blue),transparent);animation:cue 1.6s ease-in-out infinite}
@keyframes cue{0%{opacity:0;transform:scaleY(0)}50%{opacity:1}100%{opacity:0;transform:scaleY(1)}}

/* live status ticker */
.ticker{background:linear-gradient(90deg,rgba(30,144,255,.06),rgba(5,7,13,.6),rgba(34,211,238,.06));border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden;padding:16px 0;position:relative;z-index:3}
.ticker-track{display:flex;gap:60px;white-space:nowrap;animation:scroll 28s linear infinite;font-family:var(--font-m);font-size:.85rem;color:var(--muted)}
.ticker-track b{color:var(--green);font-weight:600}
@keyframes scroll{to{transform:translateX(-50%)}}

/* ============ CRISIS ============ */
.crisis-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-top:52px}
.crisis-card{padding:32px;text-align:left}
.crisis-card .num{font-family:var(--font-h);font-weight:700;font-size:3rem;background:linear-gradient(120deg,#f59e0b,#fbbf24);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.crisis-card h4{margin:14px 0 10px;font-size:1.2rem}
.crisis-card p{color:var(--muted);font-size:.94rem}

/* ============ PILLARS / SOLUTION ============ */
.section-head{text-align:center;max-width:760px;margin:0 auto 60px}
.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.pillar{padding:36px 30px}
.pillar .icon{width:64px;height:64px;border-radius:16px;background:linear-gradient(135deg,#0e1526,#16305c);border:1px solid var(--line2);display:flex;align-items:center;justify-content:center;padding:12px;margin-bottom:22px}
.pillar .icon img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 10px rgba(30,144,255,.5))}
.pillar .tag{font-family:var(--font-m);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--cyan)}
.pillar h3{font-size:1.5rem;margin:10px 0 12px}
.pillar p{color:var(--muted);font-size:.96rem}
@media(max-width:960px){.pillars{grid-template-columns:1fr}}
.pillars .pillar{animation:floatCard 6s ease-in-out infinite}
.pillars .pillar:nth-child(2){animation-delay:-2s}
.pillars .pillar:nth-child(3){animation-delay:-4s}
@keyframes floatCard{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}

/* ============ AGENTS ============ */
.agents{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:50px}
@media(max-width:1000px){.agents{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.agents{grid-template-columns:1fr}}
.agent{text-align:center;padding:30px 18px}
.agent .avatar{width:92px;height:92px;border-radius:50%;margin:0 auto 18px;overflow:hidden;border:2px solid var(--line2);box-shadow:0 0 0 4px rgba(30,144,255,.1),0 0 24px rgba(30,144,255,.25)}
.agent .avatar img{width:100%;height:100%;object-fit:cover;filter:grayscale(.25);transition:.4s}
.agent:hover .avatar img{filter:none;transform:scale(1.06)}
.agent .role{font-family:var(--font-m);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--cyan)}
.agent h4{font-size:1.3rem;margin:8px 0 6px}
.agent .essence{color:var(--muted);font-size:.86rem}
.agent .phrase{margin-top:14px;font-family:var(--font-m);font-size:.78rem;color:var(--gold);font-style:italic}

/* ============ CASE ============ */
.case{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;margin-top:40px}
@media(max-width:960px){.case{grid-template-columns:1fr}}
.case-company{font-family:var(--font-m);font-size:.8rem;color:var(--cyan);letter-spacing:.16em;text-transform:uppercase}
.case-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:32px}
@media(max-width:720px){.case-metrics{grid-template-columns:repeat(2,1fr)}}
@media(max-width:440px){.case-metrics{grid-template-columns:1fr}}
.case-metric{padding:20px;text-align:center}
.case-metric .v{font-family:var(--font-h);font-weight:700;font-size:1.8rem}
.case-metric .k{color:var(--muted);font-size:.82rem;margin-top:4px}
.aligned-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:6px}
.aligned{padding:34px 28px;text-align:center}
.aligned .a-num{font-family:var(--font-h);font-weight:800;font-size:3rem;line-height:1;background:linear-gradient(100deg,#38bdf8,#1e90ff,#22d3ee);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.aligned h4{font-size:1.3rem;margin:14px 0 10px}
.aligned p{color:var(--muted);font-size:.95rem;line-height:1.6}
.aligned-statement{max-width:820px;margin:42px auto 0;text-align:center}
.aligned-statement p{font-family:var(--font-h);font-weight:500;font-size:1.35rem;line-height:1.6;color:var(--white)}
@media(max-width:820px){.aligned-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.aligned-grid{grid-template-columns:1fr}}
.case-ribbon{background:linear-gradient(120deg,rgba(30,144,255,.14),rgba(34,211,238,.08));border:1px solid var(--line2);border-radius:14px;padding:18px 22px;margin-top:20px;font-size:.9rem;color:var(--white)}
.case-ribbon b{color:var(--cyan)}
.proof-record{position:relative;padding:56px 0;border-top:1px solid var(--line)}
.proof-record::before{content:"";position:absolute;top:0;left:0;width:88px;height:1px;background:linear-gradient(90deg,var(--cyan),transparent)}
.proof-record-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.proof-brand{display:flex;align-items:center;min-height:54px;margin-bottom:14px}
.proof-logo{display:block;max-width:190px;max-height:72px;width:auto;height:auto;object-fit:contain}
.proof-logo-earthx{filter:drop-shadow(0 0 18px rgba(61,194,124,.18))}
.proof-logo-coinlend{max-width:140px;border-radius:6px}
.proof-title{font-size:clamp(1.6rem,3vw,2.4rem);margin:12px 0}
.proof-cta{margin-top:22px}
.proof-pending{display:inline-flex;align-items:center;gap:8px;color:var(--muted);border-color:var(--line);cursor:not-allowed}
.proof-pending-note{display:block;margin-top:8px;color:var(--muted2);font-family:var(--font-m);font-size:.7rem}
.proof-close{text-align:center;padding:56px 0 14px;border-top:1px solid var(--line)}
.proof-close h3{font-size:clamp(1.7rem,3vw,2.5rem);margin-bottom:10px}
.proof-close p{color:var(--muted);font-size:1.08rem;margin-bottom:24px}
#results>.container>.case>div:last-child{display:none}
.proof-disclaimer{margin:28px 0 0}
@media(max-width:960px){.proof-record-grid{grid-template-columns:1fr}.proof-record .case-metrics{order:2;margin-top:0}.proof-narrative{order:1}}
@media(max-width:600px){.proof-record{padding:42px 0}.proof-logo{max-width:160px;max-height:60px}.proof-record .case-metrics{grid-template-columns:1fr}.proof-close{padding-top:42px}}

/* ============ DIAGNOSTIC ============ */
.diag-wrap{max-width:820px;margin:0 auto}
.diagnostic-wrap{max-width:820px;margin:0 auto}
.diag-step{background:linear-gradient(160deg,rgba(16,24,46,.9),rgba(8,12,24,.94));border:1px solid var(--line);border-radius:18px;padding:40px}
.diag-step h3{font-size:1.6rem;margin-bottom:8px}
.diag-step .hint{color:var(--muted);font-size:.95rem;margin-bottom:28px}
.field{margin-bottom:18px}
.field label{display:block;font-family:var(--font-m);font-size:.78rem;letter-spacing:.06em;color:var(--muted);margin-bottom:8px;text-transform:uppercase}
.field input,.field select{width:100%;padding:14px 16px;border-radius:10px;border:1px solid var(--line2);background:rgba(5,7,13,.7);color:var(--white);font-size:1rem;font-family:var(--font-b);transition:.2s}
.field input:focus,.field select:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px rgba(30,144,255,.18)}
.field select{appearance:none}
.field input[type=range]{padding:0;background:transparent;border:none}
.range-labels{display:flex;justify-content:space-between;font-size:.8rem;color:var(--muted);margin-top:6px}
.options{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}
.opt{border:1px solid var(--line2);border-radius:12px;padding:18px;text-align:center;cursor:pointer;transition:.25s;background:rgba(16,24,48,.72);color:var(--white)}
.opt:hover{border-color:var(--blue);background:rgba(24,34,64,.85)}
.opt.sel{border-color:var(--blue);background:rgba(30,144,255,.14);box-shadow:0 0 0 3px rgba(30,144,255,.15)}
.opt b{display:block;font-family:var(--font-h);font-size:1.2rem;margin-bottom:4px;color:var(--white)}
.opt.gbox{text-align:left;padding:14px;min-height:150px;display:flex;flex-direction:column;justify-content:space-between}
.opt.gbox .g-mini{display:block;margin-top:6px}
.opt.gbox .g-item{display:block;margin-top:6px;line-height:1.3}
.opt.gbox .g-item i{display:block;font-style:normal;color:var(--white);font-size:.82rem;font-weight:600}
.opt.gbox .g-item u{display:block;text-decoration:none;color:var(--muted);font-size:.7rem}
.opt.gbox .g-more{display:block;margin-top:10px;color:var(--cyan);font-size:.72rem;font-weight:600;letter-spacing:.02em}
.options.grant-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}
.grant-note{margin-top:14px;color:var(--muted);font-size:.72rem;text-align:center}
.opt span{color:var(--muted);font-size:.8rem}
.diag-nav{display:flex;justify-content:space-between;gap:12px;margin-top:30px}
.result-box{margin-top:30px}
.result-big{font-family:var(--font-h);font-weight:700;font-size:clamp(2.6rem,7vw,4.4rem);background:linear-gradient(110deg,#38bdf8,#22d3ee,#34d399);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin:6px 0}
.result-break{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin-top:26px}
.result-break .rb{background:rgba(10,18,26,.7);border:1px solid var(--line);border-radius:12px;padding:16px}
.result-break .rb .v{font-family:var(--font-h);font-weight:600;font-size:1.4rem;color:var(--white)}
.result-break .rb .k{font-size:.8rem;color:var(--muted)}
.diag-dots{display:flex;justify-content:center;gap:8px;margin-bottom:24px}
.diag-dots span{width:10px;height:10px;border-radius:50%;background:var(--line2)}
.diag-dots span.on{background:var(--cyan);box-shadow:0 0 10px var(--cyan)}

/* ============ CHAT (Steve) ============ */
.chat-wrap{max-width:760px;margin:0 auto;position:relative}
.chat-window{background:linear-gradient(165deg,#0a0f1d,#070a14);border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:0 30px 80px -30px rgba(30,144,255,.35)}
.chat-head{display:flex;align-items:center;gap:14px;padding:18px 22px;border-bottom:1px solid var(--line);background:rgba(30,144,255,.05)}
.chat-ava{width:44px;height:44px;border-radius:50%;overflow:hidden;border:2px solid var(--blue)}
.chat-ava img{width:100%;height:100%;object-fit:cover}
.chat-head .nm{font-family:var(--font-h);font-weight:600}
.chat-head .st{font-family:var(--font-m);font-size:.72rem;color:var(--green);display:flex;align-items:center;gap:6px}
.chat-head .st::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--green);animation:pulse 1.8s infinite}
.chat-body{height:360px;overflow-y:auto;padding:22px;display:flex;flex-direction:column;gap:14px}
.chat-body::-webkit-scrollbar{width:6px}
.chat-body::-webkit-scrollbar-thumb{background:var(--line2);border-radius:6px}
.msg{max-width:78%;padding:13px 16px;border-radius:16px;font-size:.94rem;line-height:1.55;animation:msgIn .35s ease}
@keyframes msgIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.msg.bot{align-self:flex-start;background:rgba(20,30,56,.85);border:1px solid var(--line);border-bottom-left-radius:4px}
.msg.user{align-self:flex-end;background:linear-gradient(120deg,var(--blue),var(--cyan));color:#04101c;border-bottom-right-radius:4px;font-weight:500}
.msg .chip{display:inline-block;margin-top:10px;border:1px solid var(--line2);padding:8px 14px;border-radius:40px;font-size:.82rem;cursor:pointer;transition:.2s;color:var(--cyan)}
.msg .chip:hover{background:rgba(30,144,255,.18);border-color:var(--blue)}
.typing{display:inline-flex;gap:5px;align-items:center}
.typing i{width:7px;height:7px;border-radius:50%;background:var(--muted);animation:blink 1.2s infinite}
.typing i:nth-child(2){animation-delay:.2s}.typing i:nth-child(3){animation-delay:.4s}
@keyframes blink{0%,80%,100%{opacity:.2;transform:translateY(0)}40%{opacity:1;transform:translateY(-4px)}}
.chat-input{display:flex;gap:10px;padding:16px 20px;border-top:1px solid var(--line);background:rgba(5,7,13,.5)}
.chat-input input{flex:1;padding:14px 16px;border-radius:10px;border:1px solid var(--line2);background:rgba(5,7,13,.8);color:var(--white);font-size:.96rem}
.chat-input input:focus{outline:none;border-color:var(--blue)}
.chat-send{width:50px;height:50px;border-radius:12px;border:none;background:linear-gradient(120deg,var(--blue),var(--cyan));color:#04101c;font-size:1.2rem;cursor:pointer}
.chat-quick{margin-top:14px;display:flex;gap:10px;flex-wrap:wrap;justify-content:center}
.chat-quick button{border:1px solid var(--line2);background:rgba(10,18,26,.6);color:var(--muted);padding:10px 16px;border-radius:40px;font-size:.82rem;cursor:pointer;transition:.2s}
.chat-quick button:hover{color:var(--white);border-color:var(--blue)}

/* ============ PRICING ============ */
.pricing{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin-top:46px}
.price{padding:36px 30px;display:flex;flex-direction:column}
.price.popular{border-color:var(--blue);box-shadow:0 20px 60px -20px rgba(30,144,255,.5);background:linear-gradient(170deg,rgba(24,36,70,.9),rgba(10,14,26,.95))}
.price .p-tag{font-family:var(--font-m);font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--cyan)}
.price .p-name{font-family:var(--font-h);font-size:1.5rem;font-weight:700;margin:6px 0}
.price .p-price{font-family:var(--font-h);font-weight:700;font-size:2.4rem;margin:16px 0 4px}
.price .p-price small{font-size:.9rem;color:var(--muted);font-weight:500}
.price ul{list-style:none;margin:20px 0 26px;display:flex;flex-direction:column;gap:11px;flex:1}
.price li{color:var(--muted);font-size:.9rem;display:flex;gap:10px}
.price li::before{content:"✓";color:var(--cyan);font-weight:700}
.price .popular-badge{position:absolute;top:14px;right:14px;background:linear-gradient(120deg,var(--blue),var(--cyan));color:#04101c;font-family:var(--font-m);font-size:.68rem;padding:5px 12px;border-radius:30px;letter-spacing:.1em}

/* ============ ACADEMY ============ */
.academy{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
@media(max-width:960px){.academy{grid-template-columns:1fr}}
.steps{counter-reset:step;display:flex;flex-direction:column;gap:14px;margin-top:30px}
.step{display:flex;gap:16px;align-items:flex-start}
.step .n{counter-increment:step;min-width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,rgba(30,144,255,.2),rgba(34,211,238,.1));border:1px solid var(--line2);display:flex;align-items:center;justify-content:center;font-family:var(--font-h);font-weight:700;color:var(--cyan)}
.step .n::before{content:counter(step)}
.step b{display:block;margin-bottom:3px}
.step span{color:var(--muted);font-size:.9rem}

/* ============ FOUNDERS ============ */
.founders{position:relative;display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:40px}
.entity-anchor{position:absolute;top:-100px;left:0;width:1px;height:1px;pointer-events:none}
@media(max-width:880px){.founders{grid-template-columns:1fr}}
.founder{display:flex;gap:22px;align-items:flex-start;padding:30px}
.founder img{width:96px;height:96px;border-radius:14px;object-fit:cover;border:2px solid var(--line2);box-shadow:0 0 24px rgba(30,144,255,.2)}
.founder h4{font-size:1.3rem}
.founder .role{font-family:var(--font-m);font-size:.74rem;color:var(--cyan);text-transform:uppercase;letter-spacing:.12em;margin:4px 0 12px}
.founder p{color:var(--muted);font-size:.92rem}

/* ============ CTA ============ */
#cta{text-align:center}
.cta-box{background:linear-gradient(160deg,rgba(20,32,64,.8),rgba(8,12,24,.9));border:1px solid var(--line2);border-radius:24px;padding:70px 40px;position:relative;overflow:hidden}
.cta-box::before{content:"";position:absolute;top:-60%;left:50%;transform:translateX(-50%);width:80%;height:120%;background:radial-gradient(ellipse,rgba(30,144,255,.3),transparent 60%);filter:blur(30px)}
.cta-box h2{font-size:clamp(2rem,5vw,3.3rem)}
.cta-box p{color:var(--muted);max-width:560px;margin:20px auto 32px}
.free-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:6px}
.free-tag{display:inline-block;font-family:var(--font-m);font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:var(--cyan);border:1px solid var(--cyan);border-radius:999px;padding:3px 10px;margin-bottom:14px}
.free-lead{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:38px 30px;margin-top:34px;border:1px solid var(--blue);background:linear-gradient(160deg,rgba(20,50,90,.5),rgba(10,12,24,.9));box-shadow:0 20px 60px -20px rgba(30,144,255,.5)}
.free-lead h3{font-size:clamp(1.6rem,3.5vw,2.3rem)}
.free-lead p{color:var(--muted);max-width:660px;font-size:1rem}
.free-lead .free-tag{font-size:.78rem;padding:5px 14px}
.cred-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:6px}
.cred-card{padding:24px 22px;display:flex;flex-direction:column}
.cred-status{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-m);font-size:.64rem;letter-spacing:.16em;text-transform:uppercase;border-radius:999px;padding:3px 10px;margin-bottom:12px;width:fit-content}
.cred-status.earned{color:var(--green);border:1px solid var(--green)}
.cred-status.pending{color:var(--muted);border:1px solid var(--line)}
.cred-card h4{font-size:1.12rem;margin:0 0 4px}
.cred-issuer{font-family:var(--font-m);font-size:.7rem;color:var(--cyan);letter-spacing:.06em;text-transform:uppercase;margin-bottom:10px}
.cred-card p{color:var(--muted);font-size:.88rem;line-height:1.5}
@media(max-width:900px){.cred-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.cred-grid{grid-template-columns:1fr}}
.free-cta{margin-top:34px;text-align:center}
@media(max-width:900px){.free-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.free-grid{grid-template-columns:1fr}}
.cta-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;position:relative;z-index:2}

/* ============ FOOTER ============ */
footer{background:#04060b;border-top:1px solid var(--line);padding:70px 0 30px;position:relative;z-index:2}
.foot-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:50px}
@media(max-width:900px){.foot-grid{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.foot-grid{grid-template-columns:1fr}.foot-bottom{flex-direction:column;align-items:flex-start}.foot-bottom p:last-child a{display:block;margin-top:6px}
.foot-legal{display:flex;flex-wrap:wrap;align-items:center;gap:6px 24px}
.foot-legal a{color:var(--muted);font-size:.82rem;transition:color .2s}
.foot-legal a:hover{color:var(--blue2)}
.foot-legal a:last-child::before{content:'\00B7';margin-right:24px;color:var(--line2)}}
.foot-brand p{color:var(--muted);font-size:.9rem;margin-top:16px;max-width:320px}
.foot-col h5{font-family:var(--font-h);font-size:1rem;margin-bottom:18px}
.foot-col ul{list-style:none}
.foot-col li{margin-bottom:12px}
.foot-col a{color:var(--muted);font-size:.9rem;transition:.2s}
.foot-col a:hover{color:var(--cyan)}
.disclaimer{font-family:var(--font-m);font-size:.72rem;color:var(--muted2);line-height:1.7;letter-spacing:.02em}
.foot-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px;border-top:1px solid var(--line);padding-top:26px;color:var(--muted);font-size:.82rem}
.badges{display:flex;gap:8px;flex-wrap:wrap}
.badge{font-family:var(--font-m);font-size:.68rem;letter-spacing:.06em;border:1px solid var(--line2);padding:6px 12px;border-radius:8px;color:var(--muted)}

@media(max-width:880px){.hero-inner{max-width:100%}.hero-stats{grid-template-columns:1fr 1fr}}

.rc-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:6px}
.rc-card{padding:28px 26px;text-align:left}
.rc-card.rc-offer{border:1px solid var(--blue);background:linear-gradient(160deg,rgba(20,50,100,.55),rgba(8,12,24,.9))}
.rc-tag{display:inline-block;font-family:var(--font-m);font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:3px 10px;margin-bottom:14px}
.rc-card.rc-offer .rc-tag{color:var(--cyan);border-color:var(--cyan)}
.rc-list{list-style:none;padding:0;margin:0;text-align:left}
.rc-list li{padding:9px 0 9px 22px;position:relative;color:var(--muted);font-size:.94rem;line-height:1.5;border-bottom:1px solid rgba(255,255,255,.06)}
.rc-list li:last-child{border-bottom:none}
.rc-list li::before{content:"";position:absolute;left:2px;top:16px;width:8px;height:8px;border-radius:2px;background:var(--gold)}
.rc-card.rc-offer .rc-list li::before{background:var(--cyan)}
.rc-list b{color:var(--white)}
@media(max-width:820px){.rc-grid{grid-template-columns:1fr}}

.rc-bench{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:22px}
.rc-stat{padding:26px 20px;text-align:center}
.rc-num{font-family:var(--font-h);font-weight:800;font-size:2rem;line-height:1.1}
.rc-label{color:var(--muted);font-size:.85rem;margin-top:8px}
@media(max-width:820px){.rc-bench{grid-template-columns:1fr}}


.rc-save{margin-top:26px;text-align:center;padding:34px 26px;border:1px solid var(--blue);background:linear-gradient(160deg,rgba(20,50,100,.55),rgba(8,12,24,.9));border-radius:18px}
.rc-save-num{font-family:var(--font-h);font-weight:800;font-size:clamp(2rem,5vw,3.2rem)}
.rc-save-sub{color:var(--muted);margin-top:10px;font-size:1rem;max-width:640px;margin-left:auto;margin-right:auto}


.hero-save{margin-top:16px;font-family:var(--font-h);font-weight:700;font-size:clamp(1.05rem,2.4vw,1.35rem);color:var(--cyan)}
.hero-save b{color:var(--white)}


.built-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:8px}
.built-card{padding:22px 20px;display:flex;flex-direction:column}
.b-status{align-self:flex-start;font-family:var(--font-m);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;padding:5px 11px;border-radius:999px;font-weight:600}
.b-status.built{color:var(--green);border:1px solid var(--green);background:rgba(34,197,94,.08)}
.b-status.pipe{color:var(--cyan);border:1px solid var(--cyan);background:rgba(34,211,238,.08)}
.built-issuer{font-size:.76rem;color:var(--cyan);font-family:var(--font-m);letter-spacing:.06em;text-transform:uppercase;margin-top:10px}
.built-card h4{font-family:var(--font-h);font-size:1.3rem;margin:5px 0 4px}
.built-card p{color:var(--muted);font-size:.9rem;margin:8px 0 0;line-height:1.55}
.built-note{margin-top:14px;font-size:.82rem;color:var(--muted);border-top:1px solid var(--line);padding-top:12px;line-height:1.5}
@media(max-width:820px){.built-grid{grid-template-columns:1fr}}

/* Compact portfolio grid shared by the homepage, Results and platform pages. */
.client-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:30px}
.client-card{min-height:248px;padding:20px;display:flex;flex-direction:column;position:relative;overflow:hidden}
.client-card::after{content:"";position:absolute;inset:auto -45px -70px auto;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,rgba(34,211,238,.09),transparent 68%);pointer-events:none}
.client-brand{height:54px;display:flex;align-items:center;margin-bottom:15px}
.client-logo{display:block;max-width:168px;max-height:48px;width:auto;height:auto;object-fit:contain;object-position:left center}
.client-logo.paynuity{max-width:180px;max-height:45px}
.client-logo.nia{max-width:64px;max-height:58px}
.client-logo.belcourt{max-width:72px;max-height:54px;padding:3px;border-radius:6px;background:#f7f3ea}
.client-logo.redemption{max-width:180px;max-height:50px}
.client-logo[src*="earthx-logo"]{filter:brightness(1.9) saturate(1.35)}
.client-wordmark{font-family:var(--font-h);font-weight:800;font-size:1.02rem;line-height:1.1;color:var(--white);letter-spacing:-.02em}
.client-type{align-self:flex-start;font-family:var(--font-m);font-size:.64rem;line-height:1;letter-spacing:.11em;text-transform:uppercase;padding:6px 9px;border-radius:999px;color:var(--cyan);border:1px solid rgba(34,211,238,.45);background:rgba(34,211,238,.06)}
.client-card h3{font-family:var(--font-h);font-size:1.08rem;line-height:1.25;margin:13px 0 7px}
.client-card p{color:var(--muted);font-size:.82rem;line-height:1.52;margin:0}
.client-proof{margin-top:auto;padding-top:14px;color:var(--white);font-family:var(--font-m);font-size:.72rem;line-height:1.4}
.client-proof strong{color:var(--cyan)}
.client-note{margin:24px auto 0;max-width:980px;text-align:center}
@media(max-width:1080px){.client-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:820px){.client-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.client-card{min-height:230px}}
@media(max-width:560px){.client-grid{grid-template-columns:1fr;gap:12px}.client-card{min-height:0}.client-brand{height:46px;margin-bottom:12px}.client-logo{max-height:42px}}


.tour-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:8px}
.tour-card{padding:0;overflow:hidden;background:var(--bg2);border:1px solid var(--line)}
.tour-media{position:relative;aspect-ratio:16/9;overflow:hidden}
.tour-video{width:100%;height:100%;object-fit:cover;display:block}
.tour-sound{position:absolute;right:10px;bottom:10px;z-index:3;width:42px;height:42px;border-radius:50%;border:1px solid var(--line2);background:rgba(5,7,13,.75);color:#fff;font-size:1.05rem;cursor:pointer}
.tour-sound:hover{background:rgba(30,144,255,.45)}
.tour-card h4{font-family:var(--font-h);font-size:1.16rem;padding:14px 16px 2px}
.tour-card p{color:var(--muted);font-size:.86rem;padding:0 16px 18px;line-height:1.5}
@media(max-width:820px){.tour-grid{grid-template-columns:1fr}}

.next-shift-head{max-width:960px}.aiv-proof-title{text-align:center;font-size:clamp(1.35rem,2.4vw,1.85rem);margin:-14px auto 0}.aiv-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:32px}.aiv-card{padding:26px}.aiv-card .num{font-family:var(--font-h);font-size:2rem;font-weight:700;margin-bottom:8px}.aiv-card h4{font-size:1.05rem;margin-bottom:8px}.aiv-card p{color:var(--muted);font-size:.9rem}.aiv-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:28px}.aiv-step{padding:18px;border:1px solid var(--line);border-radius:14px;background:rgba(30,144,255,.04)}.aiv-step b{display:block;margin-bottom:6px}.aiv-step span{color:var(--muted);font-size:.82rem}.source-note{margin-top:24px;color:var(--muted);font-size:.76rem;line-height:1.7}.source-note a{color:var(--cyan);text-decoration:underline;text-underline-offset:2px}@media(max-width:900px){.aiv-grid,.aiv-steps{grid-template-columns:1fr 1fr}}@media(max-width:600px){.aiv-grid,.aiv-steps{grid-template-columns:1fr}}
.faq-list{max-width:900px;margin:40px auto 0;display:grid;gap:14px}.faq-list details{border:1px solid var(--line);border-radius:14px;background:var(--panel);padding:20px}.faq-list summary{cursor:pointer;font-family:var(--font-h);font-size:1.05rem;font-weight:600}.faq-list p{color:var(--muted);margin-top:12px}.hero-status{position:absolute;left:16px;bottom:16px;z-index:3;font-size:.72rem;color:var(--muted);background:rgba(5,7,13,.72);padding:6px 10px;border-radius:20px;backdrop-filter:blur(8px)}
@media(max-width:600px){
  .hero-audit-cta-wrap{position:relative;top:auto;left:auto;transform:none;width:100%;padding:0 16px;margin:0 auto}
  .hero-audit-cta{width:auto;max-width:100%;margin:0 auto;padding:11px 16px;border-radius:999px;font-size:clamp(.68rem,3vw,.76rem);line-height:1.2;text-align:center;white-space:nowrap;gap:6px}
  .hero-audit-cta span{font-size:1em}
}
@media(max-width:360px){.hero-audit-cta{white-space:normal}}
@media(max-width:600px){section{padding:72px 0}.container{width:calc(100% - 32px)}#hero{min-height:100svh;padding:0 0 34px;flex-direction:column;justify-content:flex-end;align-items:stretch;gap:18px}.hero-bg-picture{top:64px;bottom:auto;height:auto;aspect-ratio:16/9;background:#02050a}.hero-bg-image{width:100%;height:auto;object-fit:contain;object-position:center top}.hero-bg-video{top:64px;bottom:auto;height:auto;aspect-ratio:16/9;object-fit:contain;object-position:center top}#hero h1{line-height:1.06;overflow-wrap:anywhere}#hero .hero-title-lead{white-space:normal;font-size:clamp(1.9rem,9.2vw,2.45rem);line-height:1.06}#hero .hero-title-type{font-size:clamp(2.3rem,11vw,2.9rem);line-height:1.02;margin-top:10px}.hero-scrim{background:linear-gradient(180deg,rgba(2,5,10,0) 64px,rgba(2,5,10,.04) 36%,rgba(2,5,10,.9) 72%,#02050a 100%)}#hero-story{min-height:100svh;padding:96px 0 82px}#hero-story .sub{font-size:1rem;line-height:1.65}.hero-badge{max-width:100%;white-space:normal;justify-content:center;font-size:.68rem;letter-spacing:.11em}.hero-meta{flex-direction:column;align-items:center}.hero-actions .btn{width:100%;justify-content:center}.hero-status,.scroll-cue{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.hero-sequence-item,.story-reveal{opacity:1!important;transform:none!important}.hero-typewriter-source{opacity:1!important}.hero-typewriter-layer{display:none!important}}

/* live visibility monitor */
.lvm-wrap{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:10px}
.lvm-col{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:24px 22px;position:relative;overflow:hidden}
.lvm-col::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--blue),var(--cyan))}
.lvm-head{display:flex;align-items:center;gap:11px;margin-bottom:14px}
.lvm-dot{width:8px;height:8px;border-radius:50%;background:var(--green);flex:none;box-shadow:0 0 0 0 rgba(52,211,153,.65);animation:lvmPulse 2.2s infinite}
@keyframes lvmPulse{0%{box-shadow:0 0 0 0 rgba(52,211,153,.6)}70%{box-shadow:0 0 0 10px rgba(52,211,153,0)}100%{box-shadow:0 0 0 0 rgba(52,211,153,0)}}
.lvm-title{font-family:var(--font-h);font-weight:700;font-size:1.08rem;line-height:1.1}
.lvm-sub{font-family:var(--font-m);font-size:.64rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted2);margin-top:3px}
.lvm-row{display:flex;justify-content:space-between;align-items:baseline;gap:14px;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.05)}
.lvm-row:last-child{border-bottom:none}
.lvm-k{font-size:.82rem;color:var(--muted)}
.lvm-v{font-family:var(--font-m);font-size:.98rem;color:var(--cyan);font-weight:600;white-space:nowrap}
.lvm-v.ok{color:var(--green)}
.lvm-v.warn{color:var(--gold)}
.lvm-live{margin-top:20px;padding:16px 20px;border:1px solid var(--line);border-radius:14px;background:var(--bg);display:flex;flex-wrap:wrap;gap:10px 28px;justify-content:center;font-family:var(--font-m);font-size:.76rem;color:var(--muted)}
.lvm-live b{color:var(--white)}
@media(max-width:820px){.lvm-wrap{grid-template-columns:1fr}}


/* prove it yourself */
.pi-list{display:grid;gap:14px;margin-top:10px}
.pi-item{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:18px 20px}
.pi-q{font-size:1rem;color:var(--white);margin:0 0 12px;font-weight:500}
.pi-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.pi-copy{font-family:var(--font-m);font-size:.72rem;background:linear-gradient(100deg,var(--blue),var(--cyan));color:#04101f;border:none;border-radius:999px;padding:7px 15px;cursor:pointer;font-weight:600}
.pi-copy:hover{filter:brightness(1.08)}
.pi-ai{font-family:var(--font-m);font-size:.72rem;border:1px solid var(--line2);border-radius:999px;padding:6px 14px;color:var(--muted)}
.pi-ai:hover{border-color:var(--cyan);color:var(--cyan);text-decoration:none}
.pi-coach{margin-top:26px;padding:22px 24px;border-left:2px solid var(--cyan);background:var(--bg2);border-radius:0 12px 12px 0}
.pi-coach h4{margin:0 0 8px;font-family:var(--font-h);font-size:1.05rem}
.pi-coach p{color:var(--muted);margin:0 0 10px;font-size:.94rem}
.pi-coach ul{margin:0;padding-left:20px;color:var(--muted);font-size:.92rem}
.pi-coach li{margin:4px 0}
.pi-honest{margin-top:18px;padding:22px 24px;border:1px solid var(--line2);border-radius:12px;background:var(--panel)}
.pi-honest h4{margin:0 0 10px;font-family:var(--font-h);font-size:1.05rem}
.pi-honest p{color:var(--muted);margin:0 0 10px;font-size:.94rem;line-height:1.6}
.pi-honest p:last-child{margin-bottom:0}
@media(max-width:600px){.pi-actions{gap:6px}.pi-ai{padding:6px 11px}}


/* Multipage architecture */
.page-hero{padding:160px 0 84px;position:relative;overflow:hidden;background:
radial-gradient(circle at 80% 10%,rgba(30,144,255,.16),transparent 34%),
linear-gradient(180deg,var(--bg2),var(--bg))}
.page-hero .container{max-width:960px}.page-hero h1{font-size:clamp(2.5rem,6vw,4.7rem);margin:18px 0 22px}
.page-hero p{font-size:1.12rem;color:var(--muted);max-width:760px}
.page-kicker{font-family:var(--font-m);font-size:.75rem;letter-spacing:.18em;text-transform:uppercase;color:var(--cyan)}
.page-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}
.route-summary{padding:70px 0}.route-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.route-card{display:block;padding:28px;color:var(--white);text-decoration:none}
.route-card h3{font-size:1.25rem;margin:10px 0}.route-card p{color:var(--muted);font-size:.94rem}
.route-card .case-company{margin-bottom:8px}.route-card:hover{text-decoration:none}
.site-breadcrumb{padding-top:86px;background:var(--bg2)}
.site-breadcrumb .container{padding-top:18px;font-family:var(--font-m);font-size:.72rem;color:var(--muted)}
.site-breadcrumb a{color:var(--cyan)}
@media(max-width:900px){.route-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.page-hero{padding:112px 0 64px}.route-grid{grid-template-columns:1fr}}

/* Critical content remains readable without JavaScript. Motion is progressive enhancement. */
.reveal,
.reveal.visible{opacity:1!important;transform:none!important}


/* ============ TRUST & TRANSPARENCY ============ */
.trust-feature{padding:110px 0;background:
radial-gradient(circle at 50% 0,rgba(30,144,255,.13),transparent 42%),
linear-gradient(180deg,var(--bg),var(--bg2));border-top:1px solid var(--line);overflow:hidden}
.trust-frame{position:relative;max-width:1120px;margin:0 auto;padding:clamp(34px,6vw,74px);border:1px solid rgba(34,211,238,.44);border-radius:28px;background:linear-gradient(145deg,rgba(14,21,38,.96),rgba(5,8,15,.98));box-shadow:0 28px 90px -38px rgba(30,144,255,.75),inset 0 1px 0 rgba(255,255,255,.05);overflow:hidden}
.trust-frame::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(125deg,rgba(34,211,238,.85),transparent 28%,transparent 72%,rgba(30,144,255,.6));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.trust-frame__halo{position:absolute;width:520px;height:520px;left:50%;top:-360px;transform:translateX(-50%);border-radius:50%;background:rgba(34,211,238,.16);filter:blur(65px);pointer-events:none}
.trust-intro{position:relative;text-align:center;max-width:900px;margin:0 auto}
.trust-mark{width:68px;height:68px;margin:0 auto 24px;display:grid;place-items:center;border:1px solid rgba(34,211,238,.48);border-radius:20px;background:linear-gradient(145deg,rgba(30,144,255,.18),rgba(34,211,238,.06));box-shadow:0 0 38px rgba(34,211,238,.16)}
.trust-mark svg{width:38px;height:38px;fill:none;stroke:var(--cyan);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.trust-intro h2{font-size:clamp(2.15rem,5vw,4rem)}
.trust-lead{max-width:820px;margin:24px auto 0;color:var(--white);font-size:clamp(1.03rem,2vw,1.2rem);line-height:1.75}
.trust-copy{max-width:790px;margin:14px auto 0;color:var(--muted);font-size:1rem;line-height:1.75}
.trust-principles{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:46px}
.trust-principles article{padding:26px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(155deg,rgba(20,31,54,.72),rgba(8,13,24,.72))}
.trust-icon{display:inline-block;font-family:var(--font-m);font-size:.72rem;letter-spacing:.14em;color:var(--cyan);margin-bottom:14px}
.trust-principles h3{font-size:1.18rem;margin-bottom:9px}
.trust-principles p{color:var(--muted);font-size:.91rem;line-height:1.65}
.trust-offer{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-top:28px;padding:26px 28px;border:1px solid rgba(34,211,238,.3);border-radius:18px;background:linear-gradient(120deg,rgba(30,144,255,.13),rgba(34,211,238,.06))}
.trust-offer>div{display:grid;gap:3px}.trust-price-label{font-family:var(--font-m);font-size:.69rem;letter-spacing:.14em;text-transform:uppercase;color:var(--cyan)}
.trust-offer strong{font-family:var(--font-h);font-size:1.45rem}.trust-offer small{color:var(--muted)}
.trust-offer .btn{white-space:nowrap}
.trust-assurance{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin:24px 0 0}
.trust-assurance span{padding:7px 11px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-family:var(--font-m);font-size:.64rem;letter-spacing:.1em}
.trust-legal{max-width:900px;margin:22px auto 0;text-align:center;line-height:1.6}
html[data-theme="light"] .trust-frame{background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(233,242,252,.98));box-shadow:0 28px 80px -42px rgba(22,120,220,.42)}
html[data-theme="light"] .trust-principles article{background:linear-gradient(155deg,rgba(255,255,255,.98),rgba(231,240,251,.94))}
html[data-theme="light"] .trust-offer{background:linear-gradient(120deg,rgba(22,120,220,.1),rgba(7,152,178,.06))}
@media(max-width:800px){.trust-feature{padding:72px 0}.trust-principles{grid-template-columns:1fr}.trust-offer{align-items:stretch;flex-direction:column;text-align:center}.trust-offer .btn{width:100%}}
@media(max-width:520px){.trust-frame{padding:30px 18px;border-radius:20px}.trust-mark{width:58px;height:58px;border-radius:17px}.trust-intro h2{font-size:2rem}.trust-principles article{padding:22px}.trust-offer{padding:22px 16px}.trust-offer strong{font-size:1.25rem}}

/* ============ LIGHT / DARK THEME ============ */
html{color-scheme:dark}
html[data-theme="light"]{
  color-scheme:light;
  --bg:#f7faff;
  --bg2:#eef4fc;
  --panel:#ffffff;
  --panel2:#e7effa;
  --line:rgba(35,70,120,.16);
  --line2:rgba(35,70,120,.34);
  --white:#0a1730;
  --muted:#526985;
  --muted2:#6b7e98;
  --blue:#1678dc;
  --blue2:#087fc1;
  --cyan:#0798b2;
  --green:#087f5b;
  --gold:#b76b00;
}
body,nav,.nav-links,.card,.ticker,footer{transition:background-color .25s ease,color .25s ease,border-color .25s ease,box-shadow .25s ease}
.nav-links{margin-left:auto}
.theme-toggle{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-width:44px;
  height:40px;
  padding:0 12px;
  margin-left:12px;
  border:1px solid var(--line2);
  border-radius:999px;
  background:rgba(30,144,255,.08);
  color:var(--white);
  font-family:var(--font-h);
  font-size:.78rem;
  font-weight:600;
  line-height:1;
  cursor:pointer;
  transition:background .2s,border-color .2s,transform .2s;
}
.theme-toggle:hover{background:rgba(30,144,255,.16);border-color:var(--blue);transform:translateY(-1px)}
.theme-toggle__icon{font-size:1rem;line-height:1}
html[data-theme="light"] body{background:var(--bg);color:var(--white)}
html[data-theme="light"] nav{background:rgba(247,250,255,.82);box-shadow:0 8px 28px rgba(33,68,116,.06)}
html[data-theme="light"] nav.scrolled{background:rgba(247,250,255,.96)}
html[data-theme="light"] .card,
html[data-theme="light"] .stat,
html[data-theme="light"] .lvm-col,
html[data-theme="light"] .faq-list details,
html[data-theme="light"] .pi-item{
  background:linear-gradient(160deg,rgba(255,255,255,.96),rgba(235,242,252,.94));
  box-shadow:0 14px 38px -28px rgba(32,76,135,.38);
}
html[data-theme="light"] .card:hover{box-shadow:0 18px 48px -24px rgba(22,120,220,.28)}
html[data-theme="light"] .diag-step,
html[data-theme="light"] .opt,
html[data-theme="light"] .result-break .rb,
html[data-theme="light"] .chat-window,
html[data-theme="light"] .msg.bot,
html[data-theme="light"] .chat-input,
html[data-theme="light"] .chat-input input,
html[data-theme="light"] .chat-quick button,
html[data-theme="light"] .price.popular,
html[data-theme="light"] .cta-box,
html[data-theme="light"] .free-lead,
html[data-theme="light"] .rc-card.rc-offer,
html[data-theme="light"] .rc-save{
  background:linear-gradient(160deg,rgba(255,255,255,.97),rgba(231,239,250,.95));
  color:var(--white);
  box-shadow:0 14px 38px -28px rgba(32,76,135,.32);
}
html[data-theme="light"] .field input,
html[data-theme="light"] .field select{
  background:#fff;
  color:var(--white);
  border-color:var(--line2);
}

html[data-theme="light"] .ticker{background:linear-gradient(90deg,rgba(22,120,220,.07),rgba(247,250,255,.9),rgba(7,152,178,.07))}
html[data-theme="light"] ::-webkit-scrollbar-track{background:#edf3fb}
html[data-theme="light"] .btn-ghost{border-color:rgba(10,23,48,.18)}
html[data-theme="light"] .logo{background:#000}
html[data-theme="light"] #hero{color:#f3f7ff}
html[data-theme="light"] #hero .hero-badge,
html[data-theme="light"] #hero .hero-align,
html[data-theme="light"] #hero .hero-meta{color:#b7c8e3}
html[data-theme="light"] #hero h1,
html[data-theme="light"] #hero .hero-align b,
html[data-theme="light"] #hero .hero-meta,
html[data-theme="light"] #hero .hero-save,
html[data-theme="light"] #hero .sub,
html[data-theme="light"] #hero .sub b{color:#f3f7ff!important}
html[data-theme="light"] #hero .grad{background:linear-gradient(100deg,#6dd5ff 0%,#45a6ff 45%,#52e5f7 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
html[data-theme="light"] #hero .btn-outline{color:#f3f7ff;border-color:rgba(255,255,255,.38);background:rgba(5,7,13,.44)}
html[data-theme="light"] #hero .btn-outline:hover{color:#fff;border-color:#45a6ff;background:rgba(30,144,255,.28)}
html[data-theme="light"] footer{background:#e8eff9}
@media(max-width:1100px){
  html[data-theme="light"] .nav-links{background:rgba(247,250,255,.985)}
  .theme-toggle{margin-left:auto;margin-right:8px}
}
@media(max-width:560px){
  .theme-toggle{width:40px;min-width:40px;padding:0}
  .theme-toggle__text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
}
@media(prefers-reduced-motion:reduce){
  body,nav,.nav-links,.card,.ticker,footer,.theme-toggle{transition:none}
}