/* ── DESIGN TOKENS ── */
:root {
  /* Light Neutrals */
  --n00:#FFFFFF; --n01:#FAFAFA; --n02:#F4F4F4; --n03:#EEEEEE;
  --n10:#605F5F; --n11:#1A1A1A; --n12:#000000;
  /* Dark Theme */
  --d00:#000000;
  --d01:rgba(255,255,255,.05); --d02:rgba(255,255,255,.10);
  --d03:rgba(255,255,255,.15); --d09:rgba(255,255,255,.70);
  --d10:rgba(255,255,255,.80); --d11:rgba(255,255,255,.90);
  --d12:#FFFFFF;
  /* Backgrounds */
  --bg01:#F4F2EE; --bg02:#F0ECE6; --bg03:#EDE9E6;
  /* Accents */
  --yellow:#FEF7AF; --yellow-ui:#FECD1A; --navy:#0D1F3C;
  /* Overlays */
  --ov1:rgba(0,0,0,.30); --ov2:rgba(0,0,0,.68);
  /* Typography */
  --font-head:'Albert Sans',sans-serif;
  --font-body:'Geist',sans-serif;
}

/* ── RESET ── */
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:var(--font-body);background:var(--n00);color:var(--n11);overflow-x:hidden}

/* ── TYPOGRAPHY SYSTEM ── */
h1{font-family:var(--font-head);font-weight:400;font-size:56px;line-height:1.1em;letter-spacing:-0.05em;margin-bottom:0}
h2{font-family:var(--font-head);font-weight:400;font-size:40px;line-height:1.1em;letter-spacing:-0.05em;margin-bottom:40px}
h3{font-family:var(--font-head);font-weight:400;font-size:36px;line-height:1.3em;letter-spacing:-0.05em;margin-bottom:40px}
h4{font-family:var(--font-head);font-weight:400;font-size:30px;line-height:1.3em;letter-spacing:-0.04em;margin-bottom:40px}
h5{font-family:var(--font-head);font-weight:400;font-size:26px;line-height:1.3em;letter-spacing:-0.04em;margin-bottom:40px}
h6{font-family:var(--font-head);font-weight:400;font-size:20px;line-height:1.3em;letter-spacing:-0.04em;margin-bottom:40px}
p{font-family:var(--font-body);font-weight:400;font-size:16px;line-height:1.4em;letter-spacing:-0.03em;margin-bottom:20px;color:var(--n10)}
.body-l{font-size:18px;line-height:1.4em;letter-spacing:-0.03em}
.body-s{font-size:14px;line-height:1.4em;letter-spacing:-0.03em}
.tag{font-family:var(--font-head);font-weight:500;font-size:12px;line-height:1.2em;letter-spacing:-0.03em;text-transform:uppercase;display:inline-flex;align-items:center;gap:6px;background:var(--yellow);color:var(--n11);padding:5px 12px;border-radius:100px;margin-bottom:16px}
.label{font-family:var(--font-body);font-weight:500;font-size:16px;line-height:1.4em;letter-spacing:-0.03em}
.btn{font-family:var(--font-body);font-weight:500;font-size:16px;line-height:1.1em;letter-spacing:-0.03em;display:inline-flex;align-items:center;gap:8px;padding:14px 28px;border-radius:100px;border:none;cursor:pointer;text-decoration:none;transition:all .2s}
.btn-black{background:var(--n12);color:var(--n00)}
.btn-black:hover{background:var(--navy);transform:translateY(-1px)}
.btn-yellow{background:var(--yellow);color:var(--n12)}
.btn-yellow:hover{background:var(--yellow-ui);transform:translateY(-1px)}
.btn-outline-dark{background:rgba(255,255,255,.1);color:var(--n00);border:1px solid rgba(255,255,255,.25);backdrop-filter:blur(8px)}
.btn-outline-dark:hover{background:rgba(255,255,255,.18)}
.btn-outline-light{background:transparent;color:var(--n12);border:1px solid var(--n12)}
.btn-outline-light:hover{background:var(--n02)}
.with-arrow{display:inline-flex;align-items:center;justify-content:center;gap:8px}
.with-arrow::after{content:'';width:17px;height:12px;background:currentColor;flex-shrink:0;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17 12'%3E%3Cpath d='M1 6h14M10 1l5 5-5 5' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17 12'%3E%3Cpath d='M1 6h14M10 1l5 5-5 5' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}

/* ── NAV ── */
nav{
  position:fixed;top:16px;left:50%;transform:translateX(-50%);
  width:calc(100% - 32px);max-width:1100px;
  background:var(--n00);border-radius:100px;
  padding:10px 16px 10px 20px;
  display:flex;align-items:center;justify-content:space-between;
  box-shadow:0 2px 20px rgba(0,0,0,.08);z-index:1000;
  transition:box-shadow .3s;
}
.nav-logo{display:flex;align-items:center;gap:8px;text-decoration:none}
.nav-logo-text{font-family:var(--font-head);font-weight:400;font-size:20px;letter-spacing:-0.04em;color:var(--n11)}
.nav-logo-text b{color:var(--yellow-ui);font-weight:400}
.nav-links{display:flex;align-items:center;gap:24px}
.nav-links a{font-family:var(--font-body);font-weight:500;font-size:16px;letter-spacing:-0.03em;color:var(--n10);text-decoration:none;transition:color .2s}
.nav-links a:hover{color:var(--n11)}
.nav-right{display:flex;align-items:center;gap:8px}
.nav-demo-btn{font-family:var(--font-body);font-weight:500;font-size:14px;letter-spacing:-0.03em;color:var(--n11);text-decoration:none;padding:9px 18px;border-radius:100px;border:1px solid var(--n03);background:transparent;cursor:pointer;transition:all .2s}
.nav-demo-btn:hover{background:var(--bg01);border-color:var(--n11)}
.nav-cta{font-family:var(--font-body);font-weight:500;font-size:14px;letter-spacing:-0.03em;background:var(--n12);color:var(--n00);padding:10px 20px;border-radius:100px;text-decoration:none;display:flex;align-items:center;gap:6px;transition:all .2s}
.nav-cta:hover{background:var(--navy);transform:translateY(-1px)}

/* ── HERO ── */
.hero{
  min-height:100vh;position:relative;overflow:hidden;
  display:flex;flex-direction:column;align-items:center;
  justify-content:center;text-align:center;
  padding:140px 24px 100px;
  background:var(--n11);
}
.hero-bg{
  position:absolute;inset:0;
  background-image:url('images/hero-background.jpg');
  background-size:cover;background-position:center 20%;
  filter:brightness(.28) saturate(.7);
}
.hero-grain{position:absolute;inset:0;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");pointer-events:none}
.hero-content{position:relative;z-index:2;max-width:860px}
.hero-eyebrow{
  font-family:var(--font-head);font-weight:500;font-size:12px;
  letter-spacing:.05em;text-transform:uppercase;
  display:inline-flex;align-items:center;gap:8px;
  background:rgba(254,247,175,.12);border:1px solid rgba(254,247,175,.25);
  color:var(--yellow);padding:7px 18px;border-radius:100px;
  margin-bottom:32px;
  opacity:0;animation:fadeUp .8s .2s ease forwards;
}
.hero h1{
  color:var(--d12);margin-bottom:24px;
  font-size:clamp(40px,6.5vw,72px);
  opacity:0;animation:fadeUp .8s .35s ease forwards;
}
.hero h1 em{font-style:normal;color:var(--yellow)}
.hero-sub{
  font-size:clamp(17px,2vw,20px);color:var(--d09);
  line-height:1.6em;max-width:620px;margin:0 auto 40px;
  opacity:0;animation:fadeUp .8s .5s ease forwards;
}
.hero-sub strong{color:var(--yellow);font-weight:500}
.hero-btns{
  display:flex;gap:12px;justify-content:center;flex-wrap:wrap;
  opacity:0;animation:fadeUp .8s .65s ease forwards;
}
.hero-pills{
  position:relative;z-index:2;
  display:flex;gap:10px;justify-content:center;flex-wrap:wrap;
  margin-top:48px;
  opacity:0;animation:fadeUp .8s .85s ease forwards;
}
.hero-pill{
  background:rgba(255,255,255,.08);backdrop-filter:blur(10px);
  border:1px solid rgba(255,255,255,.15);border-radius:100px;
  padding:8px 16px;display:flex;align-items:center;gap:8px;
  color:rgba(255,255,255,.8);font-size:13px;font-weight:500;
  letter-spacing:-0.03em;
}
.pill-dot{width:7px;height:7px;border-radius:50%;background:var(--yellow-ui);animation:pulse 2s infinite;flex-shrink:0}

/* ── TICKER ── */
.ticker{background:var(--n11);padding:14px 0;overflow:hidden}
.ticker-track{display:flex;width:max-content;animation:ticker 35s linear infinite}
.ticker-item{
  display:flex;align-items:center;gap:8px;padding:0 28px;
  white-space:nowrap;font-family:var(--font-body);font-weight:500;
  font-size:13px;letter-spacing:-0.03em;color:rgba(255,255,255,.4);
  border-right:1px solid rgba(255,255,255,.08);
}
.ticker-item .tn{color:var(--yellow-ui);font-family:var(--font-head);font-size:14px;font-weight:400}

/* ── SECTION WRAPPER ── */
.wrap{max-width:1100px;margin:0 auto}
.sec{padding:96px 24px}
.sec-bg01{background:var(--bg01)}
.sec-white{background:var(--n00)}
.sec-dark{background:var(--n11)}
.sec-black{background:var(--n12)}

.s-eyebrow{
  font-family:var(--font-head);font-weight:500;font-size:12px;
  letter-spacing:.05em;text-transform:uppercase;color:var(--n10);
  display:flex;align-items:center;gap:12px;margin-bottom:16px;
}
.s-eyebrow::after{content:'';flex:1;height:1px;background:var(--n03)}
.s-eyebrow-dark{color:rgba(255,255,255,.4)}
.s-eyebrow-dark::after{background:rgba(255,255,255,.1)}

/* ── STATS ── */
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:56px}
.stat-card{
  background:var(--n00);border-radius:20px;padding:36px 28px;
  border-top:3px solid var(--yellow-ui);
  box-shadow:0 2px 16px rgba(0,0,0,.05);
  opacity:0;transform:translateY(24px);
  transition:opacity .6s ease,transform .6s ease;
}
.stat-card.vis{opacity:1;transform:translateY(0)}
.stat-num{
  font-family:var(--font-head);font-weight:400;
  font-size:clamp(44px,5vw,60px);
  letter-spacing:-0.05em;line-height:1em;
  color:var(--yellow-ui);margin-bottom:12px;
}
.stat-label{font-family:var(--font-body);font-weight:500;font-size:15px;letter-spacing:-0.03em;color:var(--n11);margin-bottom:8px}
.stat-desc{font-size:13px;color:var(--n10);line-height:1.5em;letter-spacing:-0.03em;margin:0}

/* ── CONTRAST ── */
.contrast-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:48px}
.c-col{border-radius:20px;padding:40px}

/* CONTRAST SVG ICONS */
.c-head{font-family:var(--font-head);font-weight:400;font-size:20px;letter-spacing:-0.04em;margin-bottom:24px;display:flex;align-items:center;gap:12px}
.c-head-icon{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.c-head-icon-red{background:#B22222}
.c-head-icon-gold{background:var(--yellow-ui)}
.c-old .c-head{color:#B22222}
.c-item{display:flex;align-items:flex-start;gap:14px;margin-bottom:16px;letter-spacing:-0.03em}
.c-text{font-size:15px;line-height:1.55em;color:#6B3030;padding-top:6px}
.c-new .c-text{color:rgba(255,255,255,.85)}
.c-item-gold .c-text{color:rgba(255,255,255,.85)!important}
.c-circ{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.c-circ-red{background:rgba(178,34,34,.1);color:#8B1414}
.c-circ-gold{background:rgba(254,205,26,.18);color:var(--yellow-ui)}
.c-svg-ico{width:36px;height:36px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:8px;padding:6px;margin-top:1px}
.c-old .c-svg-ico{background:rgba(178,34,34,.1);color:#B22222}
.c-svg-gold{background:rgba(254,205,26,.12)!important;color:var(--yellow-ui)!important}

.c-ico-img{width:38px;height:38px;flex-shrink:0;display:flex;align-items:center;justify-content:center;margin-top:2px}
.c-ico-img img{width:100%;height:100%;object-fit:contain;display:block}


.c-old{background:#FDF3F3;border:1.5px solid #F5C5C5}
.c-new{background:var(--navy);border:1.5px solid var(--navy)}
.c-head{font-family:var(--font-head);font-weight:400;font-size:22px;letter-spacing:-0.04em;margin-bottom:28px}
.c-old .c-head{color:#B22222}
.c-new .c-head{color:var(--yellow)}
.c-item{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px;font-size:15px;line-height:1.55em;letter-spacing:-0.03em}
.c-old .c-item{color:#6B3030}
.c-new .c-item{color:rgba(255,255,255,.82)}
.c-ico{flex-shrink:0;font-size:16px;margin-top:2px}

/* ── MATH ── */
.math-row{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;border-radius:20px;overflow:hidden;margin-top:48px}
.math-box{padding:52px 40px;text-align:center}
.mb-earn{background:var(--d01)}
.mb-cost{background:rgba(254,205,26,.1);border:1px solid rgba(254,205,26,.2)}
.mb-keep{background:var(--yellow)}
.mb-lbl{font-family:var(--font-head);font-weight:500;font-size:12px;letter-spacing:.05em;text-transform:uppercase;margin-bottom:14px}
.mb-earn .mb-lbl,.mb-cost .mb-lbl{color:rgba(255,255,255,.4)}
.mb-cost .mb-lbl{color:var(--yellow-ui)}
.mb-keep .mb-lbl{color:rgba(0,0,0,.5)}
.mb-num{font-family:var(--font-head);font-weight:400;font-size:clamp(44px,5vw,62px);letter-spacing:-0.05em;line-height:1em;margin-bottom:12px}
.mb-earn .mb-num,.mb-cost .mb-num{color:var(--d12)}
.mb-cost .mb-num{color:var(--yellow)}
.mb-keep .mb-num{color:var(--n12)}
.mb-desc{font-size:14px;line-height:1.55em;letter-spacing:-0.03em;margin:0}
.mb-earn .mb-desc,.mb-cost .mb-desc{color:rgba(255,255,255,.4)}
.mb-keep .mb-desc{color:rgba(0,0,0,.55)}

/* ── HOW IT WORKS ── */
.steps{display:flex;flex-direction:column;gap:80px;margin-top:64px}
.step-row{
  display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;
  opacity:0;transform:translateY(32px);
  transition:opacity .7s ease,transform .7s ease;
}
.step-row.vis{opacity:1;transform:translateY(0)}
.step-row.rev{direction:rtl}
.step-row.rev>*{direction:ltr}
.step-num{
  font-family:var(--font-head);font-weight:400;
  font-size:100px;letter-spacing:-0.05em;line-height:1em;
  color:rgba(0,0,0,.05);margin-bottom:-24px;
}
.step-img{border-radius:20px;overflow:hidden;position:relative;aspect-ratio:4/3}
.step-img img{width:100%;height:100%;object-fit:cover;display:block}
.step-img-ov{position:absolute;inset:0;background:linear-gradient(135deg,var(--ov1),transparent)}
.step-badge{
  position:absolute;bottom:16px;left:16px;
  background:var(--n00);border-radius:14px;
  padding:11px 15px;box-shadow:0 8px 28px rgba(0,0,0,.14);
  display:flex;align-items:center;gap:10px;
}
.sb-ico{font-size:18px}
.sb-lbl{font-family:var(--font-body);font-size:12px;color:var(--n10);letter-spacing:-0.03em}
.sb-val{font-family:var(--font-head);font-size:16px;font-weight:400;letter-spacing:-0.04em;color:var(--n11)}

/* GHOST CARD */
.ghost-card{
  background:var(--n00);border-radius:16px;padding:22px;
  box-shadow:0 8px 32px rgba(0,0,0,.07);margin-top:22px;
  border:1px solid var(--n03);
}
.gc-title{font-family:var(--font-body);font-weight:500;font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--n10);margin-bottom:4px}
.gc-name{font-family:var(--font-head);font-weight:400;font-size:20px;letter-spacing:-0.04em;color:var(--n11);margin-bottom:18px}
.g-row{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--n03)}
.g-row:last-child{border-bottom:none}
.g-lbl{font-family:var(--font-body);font-size:13px;font-weight:500;flex:1;letter-spacing:-0.03em;color:var(--n11)}
.g-bar{flex:2;height:7px;background:var(--n02);border-radius:4px;overflow:hidden}
.g-fill{height:100%;background:linear-gradient(90deg,var(--yellow-ui),var(--yellow));border-radius:4px;width:0;transition:width 1.4s ease}
.g-time{font-family:var(--font-body);font-size:12px;color:var(--n10);min-width:40px;text-align:right;letter-spacing:-0.03em}

/* OTP FORM MOCKUP */
.phone-mockup{
  background:var(--n11);border-radius:40px;
  padding:8px;box-shadow:0 24px 64px rgba(0,0,0,.3);
  max-width:280px;margin:0 auto;
  border:6px solid var(--n12);
}
.phone-screen{
  background:var(--n00);border-radius:34px;overflow:hidden;
  padding:24px 20px;
}
.phone-header{
  display:flex;align-items:center;justify-content:space-between;
  margin-bottom:20px;
}
.phone-logo{font-family:var(--font-head);font-size:13px;color:var(--n11);letter-spacing:-0.03em}
.phone-time{font-family:var(--font-body);font-size:12px;color:var(--n10)}
.form-title{font-family:var(--font-head);font-weight:400;font-size:18px;letter-spacing:-0.04em;color:var(--n11);margin-bottom:6px;line-height:1.2em}
.form-sub{font-size:12px;color:var(--n10);margin-bottom:18px;line-height:1.4em;letter-spacing:-0.03em}
.form-field{
  background:var(--bg01);border:1px solid var(--n03);
  border-radius:10px;padding:10px 12px;margin-bottom:8px;
  font-family:var(--font-body);font-size:13px;color:var(--n11);
  letter-spacing:-0.03em;
}
.form-field-label{font-size:10px;color:var(--n10);text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px}
.form-field-val{font-size:14px;color:var(--n11);font-weight:500}
.otp-label{font-family:var(--font-body);font-weight:500;font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--n10);margin:14px 0 8px}
.otp-boxes{display:flex;gap:6px}
.otp-box{
  flex:1;aspect-ratio:1;background:var(--bg01);
  border:1.5px solid var(--n03);border-radius:10px;
  display:flex;align-items:center;justify-content:center;
  font-family:var(--font-head);font-size:20px;color:var(--n11);
  letter-spacing:0;
}
.otp-box.filled{background:var(--yellow);border-color:var(--yellow-ui);color:var(--n12)}
.form-cta{
  width:100%;background:var(--n12);color:var(--n00);
  border:none;border-radius:100px;padding:13px;
  font-family:var(--font-body);font-weight:500;font-size:14px;
  letter-spacing:-0.03em;cursor:pointer;margin-top:14px;
  display:flex;align-items:center;justify-content:center;gap:6px;
}
.form-lock{font-size:11px;color:var(--n10);text-align:center;margin-top:8px;letter-spacing:-0.03em}

/* ARIA DASHBOARD MOCK */
.dash-mock{
  background:var(--n00);border-radius:16px;padding:20px;
  box-shadow:0 8px 32px rgba(0,0,0,.07);margin-top:22px;
  border:1px solid var(--n03);
}
.dm-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--n03)}
.dm-title{font-family:var(--font-head);font-weight:400;font-size:16px;letter-spacing:-0.04em;color:var(--n11)}
.dm-live{font-family:var(--font-body);font-size:12px;color:#22c55e;font-weight:500;display:flex;align-items:center;gap:5px;letter-spacing:-0.03em}
.dm-live::before{content:'';width:6px;height:6px;border-radius:50%;background:#22c55e;animation:pulse 1.5s infinite}
.dm-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}
.dm-stat{background:var(--bg01);border-radius:12px;padding:14px}
.dm-num{font-family:var(--font-head);font-weight:400;font-size:28px;letter-spacing:-0.05em;color:var(--n11)}
.dm-lbl{font-family:var(--font-body);font-size:11px;color:var(--n10);margin-top:2px;letter-spacing:-0.03em}
.dm-trend{font-family:var(--font-body);font-size:11px;color:#22c55e;font-weight:500;margin-top:4px;letter-spacing:-0.03em}
.dm-buyers{background:var(--bg01);border-radius:12px;padding:14px}
.dm-btitle{font-family:var(--font-body);font-weight:500;font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--n10);margin-bottom:10px}
.dm-brow{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid rgba(0,0,0,.05)}
.dm-brow:last-child{border-bottom:none}
.dm-bname{font-family:var(--font-body);font-size:13px;font-weight:500;color:var(--n11);letter-spacing:-0.03em}
.dm-baddr{font-family:var(--font-body);font-size:11px;color:var(--n10);letter-spacing:-0.03em}
.dm-score{background:var(--yellow);color:var(--n12);font-family:var(--font-body);font-size:12px;font-weight:500;padding:3px 9px;border-radius:100px;letter-spacing:-0.03em}

/* ── FEATURES (white cards on navy) ── */
.feat-sec{background:var(--navy);padding:96px 24px}
.feat-sec .s-eyebrow{color:rgba(255,255,255,.4)}
.feat-sec .s-eyebrow::after{background:rgba(255,255,255,.1)}
.feat-sec h2{color:var(--d12)}
.feat-sec p{color:var(--d09)}
.feat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:48px}
.feat-card{
  background:var(--n00);border-radius:20px;padding:32px;
  opacity:0;transform:translateY(20px);
  transition:opacity .5s ease,transform .5s ease;
  border:1px solid var(--n03);
}
.feat-card.vis{opacity:1;transform:translateY(0)}
.feat-card:hover{box-shadow:0 8px 32px rgba(0,0,0,.1);transform:translateY(-2px)}
.feat-icon-wrap{margin-bottom:16px}
.feat-icon-img{width:48px;height:48px;object-fit:contain}
.feat-badge-tag{
  font-family:var(--font-head);font-weight:500;font-size:12px;
  letter-spacing:.05em;text-transform:uppercase;
  display:inline-block;background:var(--yellow);color:var(--n12);
  padding:4px 10px;border-radius:100px;margin-bottom:12px;
}
.feat-title{font-family:var(--font-head);font-weight:400;font-size:22px;letter-spacing:-0.04em;color:var(--n11);margin-bottom:10px;line-height:1.3em}
.feat-body{font-size:14px;color:var(--n10);line-height:1.65em;letter-spacing:-0.03em;margin:0}
.feat-body strong{color:var(--yellow-ui);font-weight:500}

/* ── GUARANTEE ── */
.guar-box{
  max-width:780px;margin:0 auto;background:var(--n00);
  border-radius:24px;padding:60px;text-align:center;
  box-shadow:0 4px 40px rgba(0,0,0,.07);
  border:2px solid var(--yellow-ui);
}
.guar-icon{font-size:44px;margin-bottom:18px}
.guar-list{display:flex;flex-direction:column;gap:10px;text-align:left;max-width:420px;margin:28px auto 0}
.guar-item{display:flex;align-items:flex-start;gap:10px;font-size:15px;letter-spacing:-0.03em;color:var(--n10)}
.guar-check{color:var(--yellow-ui);font-weight:500;flex-shrink:0;font-size:16px;margin-top:1px}

/* ── PRICING ── */
.price-intro{
  background:var(--n11);border-radius:24px;
  padding:52px;margin-bottom:40px;
}
.price-intro h3{color:var(--d12);margin-bottom:20px}
.price-intro p{color:var(--d09);margin-bottom:16px}
.value-stack{margin:28px 0}
.vs-item{
  display:flex;justify-content:space-between;align-items:flex-start;
  gap:16px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.07);
  font-size:14px;letter-spacing:-0.03em;
}
.vs-item:last-child{border-bottom:none}
.vs-label{color:var(--d09);flex:1}
.vs-val{color:var(--yellow);font-weight:500;flex-shrink:0;white-space:nowrap}
.vs-total{
  display:flex;justify-content:space-between;
  padding:16px 20px;background:rgba(254,205,26,.1);
  border:1px solid rgba(254,205,26,.2);border-radius:12px;
  margin-top:16px;font-weight:500;letter-spacing:-0.03em;
}
.vs-total-lbl{color:var(--d10)}
.vs-total-val{color:var(--yellow);font-size:18px}
.price-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:820px;margin:0 auto}
.p-card{
  border-radius:20px;padding:44px 40px;
  opacity:0;transform:translateY(24px);
  transition:opacity .6s ease,transform .6s ease;
}
.p-card.vis{opacity:1;transform:translateY(0)}
.p-std{background:var(--bg01);border:1.5px solid var(--n03)}
.p-feat{background:var(--navy);border:2px solid var(--yellow-ui);position:relative}
.p-badge{
  position:absolute;top:-14px;left:50%;transform:translateX(-50%);
  background:var(--yellow);color:var(--n12);
  font-family:var(--font-head);font-weight:500;font-size:12px;
  letter-spacing:.05em;text-transform:uppercase;
  padding:5px 16px;border-radius:100px;white-space:nowrap;
}
.p-name{font-family:var(--font-body);font-weight:500;font-size:12px;letter-spacing:.04em;text-transform:uppercase;margin-bottom:18px}
.p-std .p-name{color:var(--n10)}
.p-feat .p-name{color:var(--yellow)}
.p-amt{font-family:var(--font-head);font-weight:400;font-size:64px;letter-spacing:-0.05em;line-height:1em;margin-bottom:5px}
.p-std .p-amt{color:var(--n11)}
.p-feat .p-amt{color:var(--d12)}
.p-per{font-size:15px;color:var(--n10);margin-bottom:8px;letter-spacing:-0.03em}
.p-feat .p-per{color:var(--d09)}
.p-note{font-size:13px;color:var(--n10);margin-bottom:28px;line-height:1.6em;letter-spacing:-0.03em}
.p-feat .p-note{color:rgba(255,255,255,.35)}
.p-div{height:1px;background:var(--n03);margin-bottom:24px}
.p-feat .p-div{background:rgba(255,255,255,.1)}
.p-inc-title{font-family:var(--font-body);font-weight:500;font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--n10);margin-bottom:14px}
.p-feat .p-inc-title{color:rgba(255,255,255,.35)}
.p-fi{display:flex;align-items:flex-start;gap:9px;font-size:14px;margin-bottom:10px;line-height:1.5em;letter-spacing:-0.03em}
.p-std .p-fi{color:var(--n11)}
.p-feat .p-fi{color:var(--d10)}
.pf-ck{color:var(--yellow-ui);font-weight:500;flex-shrink:0;font-size:15px}
.p-feat .pf-ck{color:var(--yellow)}
.p-cta{
  display:block;text-align:center;width:100%;
  padding:15px;border-radius:100px;font-family:var(--font-body);
  font-weight:500;font-size:15px;letter-spacing:-0.03em;
  text-decoration:none;margin-top:28px;border:none;cursor:pointer;
  transition:transform .2s,box-shadow .2s;
}
.p-cta:hover{transform:translateY(-2px)}
.p-std .p-cta{background:var(--n12);color:var(--n00)}
.p-feat .p-cta{background:var(--yellow);color:var(--n12);box-shadow:0 8px 28px rgba(254,205,26,.25)}
.p-feat .p-cta:hover{box-shadow:0 12px 36px rgba(254,205,26,.4)}

/* ── DEMO SECTION ── */
.demo-sec{background:var(--n12);padding:96px 24px;text-align:center}
.demo-sec h2{color:var(--d12)}
.demo-sec h2 em{font-style:normal;color:var(--yellow)}
.demo-sec .s-eyebrow{justify-content:center;color:var(--yellow);}
.demo-sec .s-eyebrow::after{display:none}
.demo-gate{
  max-width:480px;margin:0 auto;
  background:var(--n00);border-radius:24px;padding:40px;
  text-align:left;
}
.demo-gate-title{font-family:var(--font-head);font-weight:400;font-size:24px;letter-spacing:-0.04em;color:var(--n11);margin-bottom:8px}
.demo-gate-sub{font-size:15px;color:var(--n10);margin-bottom:28px;line-height:1.5em;letter-spacing:-0.03em}
.dg-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}
.dg-field{
  background:var(--bg01);border:1.5px solid var(--n03);
  border-radius:12px;padding:12px 14px;
  font-family:var(--font-body);font-size:15px;color:var(--n11);
  letter-spacing:-0.03em;outline:none;transition:border-color .2s;width:100%;
}
.dg-field:focus{border-color:var(--yellow-ui)}
.dg-field::placeholder{color:var(--n10)}
.dg-cta{
  width:100%;background:var(--n12);color:var(--n00);
  border:none;border-radius:100px;padding:15px;
  font-family:var(--font-body);font-weight:500;font-size:16px;
  letter-spacing:-0.03em;cursor:pointer;margin-top:16px;
  display:flex;align-items:center;justify-content:center;gap:8px;
  transition:background .2s,transform .2s;
}
.dg-cta:hover{background:var(--navy);transform:translateY(-1px)}
.demo-lock{font-size:12px;color:var(--n10);text-align:center;margin-top:12px;letter-spacing:-0.03em}
.demo-url{font-family:var(--font-head);font-weight:400;font-size:16px;letter-spacing:-0.03em;color:var(--yellow-ui);margin-top:20px;text-align:center}
.demo-url-sub{font-size:13px;color:rgba(255,255,255,.4);letter-spacing:-0.03em}

/* ── FINAL CTA ── */
.final{padding:120px 24px;text-align:center;position:relative;overflow:hidden}
.final-bg{position:absolute;inset:0;background-image:url('images/final-cta-background.jpg');background-size:cover;background-position:center;filter:brightness(.18) saturate(.5)}
.final-content{position:relative;z-index:2}
.final h2{color:var(--d12);text-align:center}
.final h2 em{font-style:normal;color:var(--yellow)}
.final-sub{font-size:18px;color:var(--d09);line-height:1.65em;max-width:520px;margin:0 auto 40px;letter-spacing:-0.03em}
.final-pills{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-bottom:36px}
.f-pill{
  background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);
  color:rgba(255,255,255,.75);font-family:var(--font-body);
  font-size:13px;font-weight:500;padding:7px 16px;border-radius:100px;
  letter-spacing:-0.03em;
}
.final-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}

/* ── FOOTER ── */
footer{background:var(--n11);padding:64px 24px 40px}
.foot-inner{max-width:1100px;margin:0 auto}
.foot-top{display:flex;align-items:flex-start;justify-content:space-between;gap:40px;margin-bottom:48px;flex-wrap:wrap}
.foot-brand-name{font-family:var(--font-head);font-weight:400;font-size:22px;letter-spacing:-0.04em;color:var(--d12);margin-bottom:8px}
.foot-brand-name b{color:var(--yellow-ui);font-weight:400}
.foot-tagline{font-size:13px;color:var(--d09);line-height:1.6em;letter-spacing:-0.03em;max-width:260px;margin:0}
.foot-links{display:flex;gap:48px;flex-wrap:wrap}
.foot-col-title{font-family:var(--font-body);font-weight:500;font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:rgba(255,255,255,.3);margin-bottom:14px}
.foot-link{display:block;font-family:var(--font-body);font-size:15px;color:rgba(255,255,255,.5);text-decoration:none;margin-bottom:10px;letter-spacing:-0.03em;transition:color .2s}
.foot-link:hover{color:var(--yellow)}
.foot-bottom{border-top:1px solid rgba(255,255,255,.07);padding-top:22px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}
.foot-legal{font-size:13px;color:rgba(255,255,255,.25);letter-spacing:-0.03em}
.foot-pow{font-size:13px;color:rgba(255,255,255,.25);letter-spacing:-0.03em}
.foot-pow b{color:var(--yellow-ui);font-weight:400}

/* ── MODAL ── */
.modal-ov{
  position:fixed;inset:0;background:var(--ov2);z-index:2000;
  display:flex;align-items:center;justify-content:center;
  padding:24px;opacity:0;pointer-events:none;transition:opacity .28s;
}
.modal-ov.on{opacity:1;pointer-events:all}
.modal-box{
  background:var(--n00);border-radius:24px;padding:44px;
  max-width:480px;width:100%;
  transform:scale(.94);transition:transform .28s ease;
}
.modal-ov.on .modal-box{transform:scale(1)}
.modal-title{font-family:var(--font-head);font-weight:400;font-size:28px;letter-spacing:-0.05em;color:var(--n11);margin-bottom:8px}
.modal-sub{font-size:15px;color:var(--n10);margin-bottom:28px;line-height:1.5em;letter-spacing:-0.03em}
.modal-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}
.modal-field{
  background:var(--bg01);border:1.5px solid var(--n03);
  border-radius:12px;padding:13px 15px;
  font-family:var(--font-body);font-size:15px;color:var(--n11);
  letter-spacing:-0.03em;outline:none;transition:border-color .2s;width:100%;
}
.modal-field:focus{border-color:var(--yellow-ui)}
.modal-field::placeholder{color:var(--n10)}
.modal-cta{
  width:100%;background:var(--n12);color:var(--n00);
  border:none;border-radius:100px;padding:15px;
  font-family:var(--font-body);font-weight:500;font-size:16px;
  letter-spacing:-0.03em;cursor:pointer;margin-top:16px;
  display:flex;align-items:center;justify-content:center;gap:8px;
  transition:background .2s;
}
.modal-cta:hover{background:var(--navy)}
.modal-lock{font-size:12px;color:var(--n10);text-align:center;margin-top:10px;letter-spacing:-0.03em}
.modal-close{
  position:absolute;top:20px;right:20px;width:32px;height:32px;
  border-radius:50%;background:var(--bg01);border:none;
  font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;
}


.feat-tile-img{border-radius:12px;overflow:hidden;margin-bottom:18px;aspect-ratio:16/10;background:var(--bg02)}
.feat-tile-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}
.feat-card:hover .feat-tile-img img{transform:scale(1.03)}

/* ── ANIMATIONS ── */

/* Extracted inline styles */
.u-style-1{color:var(--n03) !important;margin:0 4px !important}
.u-style-2{font-size:17px !important;padding:16px 32px !important}
.u-style-3{max-width:580px !important;margin-bottom:0 !important}
.u-style-4{margin-top:48px !important}
.u-style-5{color:var(--yellow-ui) !important}
.u-style-6{color:var(--d12) !important}
.u-style-7{color:var(--d09) !important;max-width:560px !important;margin-bottom:0 !important}
.u-style-8{max-width:560px !important;margin-bottom:0 !important}
.u-style-9{color:var(--n11) !important}
.u-style-10{display:flex !important;align-items:center !important;justify-content:center !important;padding:20px 0 !important}
.u-style-11{color:var(--d09) !important;max-width:580px !important;margin-bottom:0 !important}
.u-style-12{background:var(--n11) !important;border-radius:20px !important;padding:40px !important;margin-bottom:40px !important}
.u-style-13{color:var(--d09) !important;margin-bottom:12px !important}
.u-style-14{color:var(--d09) !important;margin:0 !important}
.u-style-15{margin-bottom:40px !important}
.u-style-16{color:var(--n10) !important;margin-bottom:16px !important;text-transform:uppercase !important;letter-spacing:.05em !important;font-size:12px !important}
.u-style-17{display:grid !important;grid-template-columns:repeat(3,1fr) !important;gap:10px !important}
.u-style-18{background:var(--bg01) !important;border-radius:14px !important;padding:16px 18px !important;display:flex !important;justify-content:space-between !important;align-items:center !important}
.u-style-19{font-size:14px !important;color:var(--n10) !important;letter-spacing:-0.03em !important}
.u-style-20{font-family:var(--font-head) !important;font-size:16px !important;color:var(--n11) !important;letter-spacing:-0.04em !important}
.u-style-21{font-size:12px !important;color:var(--n10) !important}
.u-style-22{background:var(--yellow) !important;border-radius:14px !important;padding:16px 18px !important;display:flex !important;justify-content:space-between !important;align-items:center !important}
.u-style-23{font-size:14px !important;font-weight:500 !important;color:var(--n12) !important;letter-spacing:-0.03em !important}
.u-style-24{font-family:var(--font-head) !important;font-size:18px !important;color:var(--n12) !important;letter-spacing:-0.04em !important;font-weight:400 !important}
.u-style-25{font-size:12px !important}
.u-style-26{display:flex !important;justify-content:space-between !important;align-items:center !important;padding:16px 20px !important;background:var(--n11) !important;border-radius:14px !important;margin-top:10px !important}
.u-style-27{font-size:14px !important;color:rgba(255,255,255,.55) !important;letter-spacing:-0.03em !important}
.u-style-28{display:flex !important;align-items:center !important;gap:16px !important}
.u-style-29{font-family:var(--font-head) !important;font-size:18px !important;color:rgba(255,255,255,.3) !important;letter-spacing:-0.04em !important;text-decoration:line-through !important}
.u-style-30{font-family:var(--font-head) !important;font-size:24px !important;color:var(--yellow-ui) !important;letter-spacing:-0.04em !important}
.u-style-31{color:var(--yellow) !important}
.u-style-32{text-align:center !important;margin-top:20px !important;font-size:14px !important;color:var(--n10) !important;letter-spacing:-0.03em !important}
.u-style-33{background:var(--n11) !important;padding:0 !important;overflow:hidden !important;position:relative !important}
.u-style-34{max-width:1100px !important;margin:0 auto !important;display:grid !important;grid-template-columns:420px 1fr !important;min-height:580px !important}
.u-style-35{position:relative !important;overflow:hidden !important;background:linear-gradient(to bottom right,#0d1f3c,#050f1e) !important}
.u-style-36{width:100% !important;height:100% !important;object-fit:cover !important;object-position:center top !important;display:block !important;opacity:.92 !important;mix-blend-mode:luminosity !important}
.u-style-37{position:absolute !important;inset:0 !important;background:linear-gradient(to right,transparent 55%,var(--n11) 100%) !important}
.u-style-38{position:absolute !important;bottom:0 !important;left:0 !important;right:0 !important;height:30% !important;background:linear-gradient(to top,var(--n11),transparent) !important}
.u-style-39{padding:72px 64px !important;display:flex !important;flex-direction:column !important;justify-content:center !important}
.u-style-40{font-family:var(--font-head) !important;font-weight:500 !important;font-size:12px !important;letter-spacing:.08em !important;text-transform:uppercase !important;color:var(--yellow-ui) !important;margin-bottom:20px !important;display:flex !important;align-items:center !important;gap:10px !important}
.u-style-41{display:inline-block !important;width:28px !important;height:1.5px !important;background:var(--yellow-ui) !important}
.u-style-42{color:var(--d12) !important;margin-bottom:24px !important;font-size:clamp(32px,4vw,48px) !important}
.u-style-43{font-size:18px !important;color:var(--d09) !important;line-height:1.7em !important;letter-spacing:-0.03em !important;margin-bottom:28px !important;max-width:480px !important}
.u-style-44{display:flex !important;align-items:center !important;gap:16px !important;margin-bottom:40px !important}
.u-style-45{width:52px !important;height:52px !important;border-radius:50% !important;object-fit:cover !important;object-position:center top !important;border:2px solid var(--yellow-ui) !important;flex-shrink:0 !important}
.u-style-46{font-family:var(--font-head) !important;font-size:17px !important;color:var(--d12) !important;letter-spacing:-0.04em !important;line-height:1.2em !important}
.u-style-47{font-size:13px !important;color:var(--d09) !important;letter-spacing:-0.03em !important;margin-top:3px !important}
.u-style-48{display:flex !important;gap:12px !important;flex-wrap:wrap !important}
.u-style-49{display:inline-flex !important;align-items:center !important;gap:8px !important;background:var(--yellow) !important;color:var(--n12) !important;padding:14px 28px !important;border-radius:100px !important;font-family:var(--font-body) !important;font-weight:500 !important;font-size:16px !important;letter-spacing:-0.03em !important;text-decoration:none !important;transition:all .2s !important;box-shadow:0 8px 28px rgba(254,205,26,.2) !important}
.u-style-50{display:inline-flex !important;align-items:center !important;gap:8px !important;background:transparent !important;color:var(--d09) !important;border:1px solid rgba(255,255,255,.2) !important;padding:14px 28px !important;border-radius:100px !important;font-family:var(--font-body) !important;font-weight:500 !important;font-size:16px !important;letter-spacing:-0.03em !important;text-decoration:none !important;transition:all .2s !important}
.u-style-51{margin-top:28px !important;display:flex !important;flex-wrap:wrap !important;gap:16px !important}
.u-style-52{display:flex !important;align-items:center !important;gap:7px !important;font-size:13px !important;color:var(--d09) !important;letter-spacing:-0.03em !important}
.u-style-53{justify-content:center !important}
.u-style-54{text-align:center !important;margin-bottom:16px !important}
.u-style-55{color:var(--d09) !important;text-align:center !important;max-width:520px !important;margin:0 auto 40px !important}
.u-style-56{width:100% !important;margin-bottom:10px !important}
.u-style-57{width:100% !important}
.u-style-58{text-align:center !important;margin-top:4px !important}
.u-style-59{margin-bottom:20px !important}
.u-style-60{font-size:17px !important;padding:17px 36px !important}
.u-style-61{color:rgba(255,255,255,.15) !important;margin:0 4px !important}
.u-style-62{position:relative !important}

@media(max-width:900px){
  .founder-grid{grid-template-columns:1fr!important;min-height:auto!important}
  .founder-grid>div:first-child{height:320px}
  .founder-grid>div:last-child{padding:40px 28px!important}
}
@media(max-width:600px){
  .founder-grid>div:first-child{height:260px}
  .founder-grid>div:last-child{padding:32px 20px!important}
}

@keyframes fadeUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes ticker{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.72)}}

/* ── RESPONSIVE ── */
@media(max-width:960px){
  .stats-grid,.feat-grid{grid-template-columns:1fr 1fr}
  .contrast-grid,.math-row,.price-grid{grid-template-columns:1fr}
  .value-stack-grid{grid-template-columns:1fr 1fr}
  .step-row,.step-row.rev{grid-template-columns:1fr;direction:ltr;gap:32px}
  nav .nav-links{display:none}
  .foot-top{flex-direction:column}
}
@media(max-width:600px){
  .stats-grid,.feat-grid{grid-template-columns:1fr}
  h1{font-size:clamp(36px,10vw,56px)}
  h2{font-size:clamp(28px,8vw,40px)}
  .hero-pills{display:none}
  .price-intro{padding:32px}
  .guar-box{padding:36px 24px}
}