/* ============================================================
   JELLLY-BOOST.COM — css/style.css
   Theme:  Midnight Navy #0A0F1E + Electric Blue #1D6EFA + White #F0F6FF + Gold #F5C518
           Dark #060A14 + Navy-Mid #111828 — drawn from product label
   Fonts:  Barlow Condensed (bold athletic condensed display) +
           Rubik (rounded versatile humanist) — NEVER used together before
   Hero:   FULL-BLEED DARK POWER HERO — midnight navy/black full-screen gradient,
           massive "JELLY BOOST" background type at low opacity,
           three diagonal animated light-streak lines across BG,
           product image centred with electric blue glow ring,
           four floating chip labels at corners,
           bold condensed H1 with blue accent word,
           proof bar row + CTAs
           BRAND NEW — not in any of 22 previous sites
   Benefits: 2×3 NUMBERED FEATURE CARD GRID — alternating dark/blue styling
   Reviews: 2×2 with one blue card
   Sections: Dark navy / Electric blue / Dark / Navy-mid alternating
   ── DISTINCT FROM ALL 22 PREVIOUS SITES ─────────────────────
   ALL PREVIOUS FONTS USED (cannot reuse): Sora, Lato, DM Serif Display, Inter,
   Playfair Display, Nunito Sans, Fraunces, Plus Jakarta Sans, Outfit, Lora,
   Space Grotesk, Libre Baskerville, Bebas Neue, Mulish, Urbanist, DM Serif Text,
   Manrope, Yeseva One, Bitter, IBM Plex Sans, Exo 2, Crimson Pro, Raleway,
   Cormorant Garamond, Poppins, Spectral, Montserrat, Merriweather, Barlow,
   Source Serif 4, Anton, Figtree, Work Sans, Zilla Slab, Josefin Sans,
   Newsreader, DM Sans, Libre Caslon Text, Syne, Nunito, Bricolage Grotesque,
   Readex Pro, Gloock, Instrument Sans
   S23: Barlow Condensed + Rubik — NEVER used in any previous site ✓
   ============================================================ */

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

:root{
  --navy:      #0A0F1E;
  --navy-mid:  #111828;
  --navy-lt:   #1A2540;
  --navy-pal:  #1E2D50;
  --blue:      #1D6EFA;
  --blue-dk:   #1050CC;
  --blue-lt:   #4D90FC;
  --blue-pal:  #0A1E4A;
  --gold:      #F5C518;
  --gold-dk:   #D4A010;
  --gold-lt:   #FFD740;
  --white:     #F0F6FF;
  --white-p:   #FFFFFF;
  --text-lt:   #C8D8F0;
  --gray-lt:   #7A90B8;
  --border:    rgba(29,110,250,.20);
  --border-lt: rgba(240,246,255,.10);

  --fh: 'Barlow Condensed', system-ui, sans-serif;
  --fb: 'Rubik', system-ui, sans-serif;

  --sh-blue:   0 6px 28px rgba(29,110,250,.35);
  --sh-gold:   0 6px 24px rgba(245,197,24,.30);
  --sh-sm:     0 2px 12px rgba(10,15,30,.40);
  --sh-md:     0 6px 28px rgba(10,15,30,.50);
  --sh-lg:     0 16px 48px rgba(10,15,30,.60);

  --r-xs: 4px;
  --r-sm: 8px;
  --r-md: 14px;
  --r-lg: 22px;
  --r-xl: 32px;
  --r-p:  999px;
}

html{scroll-behavior:smooth}
body{font-family:var(--fb);font-size:17px;color:var(--text-lt);background:var(--navy);overflow-x:hidden;line-height:1.72}
h1,h2,h3,h4{font-family:var(--fh);font-weight:700;line-height:1.12;color:var(--white)}
em{font-style:italic}strong{font-weight:600}

/* ── BUTTONS ──────────────────────── */
.btn-blue{
  display:inline-block;background:var(--blue);color:var(--white-p);
  font-family:var(--fh);font-weight:800;font-size:.96rem;
  padding:15px 40px;border-radius:var(--r-sm);text-decoration:none;
  letter-spacing:.8px;text-transform:uppercase;box-shadow:var(--sh-blue);
  transition:background .2s,transform .2s,box-shadow .2s;
}
.btn-blue:hover{background:var(--blue-lt);transform:translateY(-2px);box-shadow:0 10px 36px rgba(29,110,250,.50)}
.btn-gold{
  display:inline-block;background:var(--gold);color:var(--navy);
  font-family:var(--fh);font-weight:800;font-size:.96rem;
  padding:15px 40px;border-radius:var(--r-sm);text-decoration:none;
  letter-spacing:.8px;text-transform:uppercase;box-shadow:var(--sh-gold);
  transition:filter .2s,transform .2s;
}
.btn-gold:hover{filter:brightness(1.10);transform:translateY(-2px)}
.btn-ghost{
  display:inline-block;background:transparent;color:var(--blue-lt);
  font-family:var(--fh);font-weight:700;font-size:.86rem;
  padding:14px 28px;border-radius:var(--r-sm);text-decoration:none;
  border:1.5px solid rgba(29,110,250,.40);letter-spacing:.8px;text-transform:uppercase;
  transition:all .2s;
}
.btn-ghost:hover{border-color:var(--blue-lt);background:rgba(29,110,250,.10);color:var(--white)}
.btn-xl{font-size:1.05rem;padding:17px 48px}

/* ── NAV ─────────────────────────── */
nav{
  position:sticky;top:0;z-index:1000;
  background:rgba(10,15,30,.95);
  border-bottom:1px solid var(--border);
  box-shadow:0 2px 20px rgba(10,15,30,.60);
  backdrop-filter:blur(12px);
  padding:0 32px;height:68px;
}
.nav-inner{max-width:1280px;margin:0 auto;height:100%;display:flex;align-items:center;justify-content:space-between;gap:20px}
.nav-logo{text-decoration:none;display:flex;align-items:baseline;gap:2px}
.nl-jelly{font-family:var(--fh);font-size:1.8rem;font-weight:800;color:var(--white);letter-spacing:-1px;text-transform:uppercase}
.nl-boost{font-family:var(--fh);font-size:1.8rem;font-weight:800;color:var(--blue-lt);letter-spacing:-1px;text-transform:uppercase}
.nav-links{display:flex;align-items:center;gap:4px;list-style:none}
.nav-links a{color:var(--gray-lt);text-decoration:none;font-family:var(--fb);font-size:.80rem;font-weight:500;padding:7px 12px;border-radius:var(--r-sm);transition:all .2s}
.nav-links a:hover{color:var(--blue-lt);background:rgba(29,110,250,.10)}
.nav-cta{background:var(--blue)!important;color:var(--white-p)!important;font-weight:700!important;padding:9px 18px!important;border-radius:var(--r-sm)!important;font-family:var(--fh)!important;letter-spacing:.5px!important;text-transform:uppercase!important}
.nav-cta:hover{background:var(--blue-lt)!important}
.nav-ham{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:4px;background:none;border:none}
.nav-ham span{width:24px;height:2px;background:var(--blue-lt);display:block;border-radius:2px}
.mob-panel{position:fixed;top:0;right:-100%;width:min(300px,90vw);height:100%;background:var(--navy-mid);z-index:2000;padding:28px 24px;display:flex;flex-direction:column;gap:12px;transition:right .3s ease;box-shadow:-8px 0 40px rgba(10,15,30,.80);border-left:1px solid var(--border)}
.mob-panel.open{right:0}
.mob-x{background:none;border:none;color:var(--gray-lt);font-size:1.4rem;cursor:pointer;align-self:flex-end;padding:4px;margin-bottom:6px}
.mob-panel a{color:var(--text-lt);text-decoration:none;font-family:var(--fb);font-size:1.0rem;font-weight:600;padding:10px 0;border-bottom:1px solid var(--border-lt);display:block}
.mob-cta{background:var(--blue)!important;color:var(--white-p)!important;text-align:center;padding:14px!important;border-radius:var(--r-sm)!important;font-family:var(--fh)!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:.5px!important;margin-top:10px;border:none!important}
.mob-mask{position:fixed;inset:0;background:rgba(10,15,30,.70);z-index:1999;display:none}
.mob-mask.show{display:block}

/* ══════════════════════════════════════════
   HERO — Full-Bleed Dark Power Hero
   Midnight navy/black gradient full-screen
   Massive "JELLY BOOST" background type at 4% opacity
   Three diagonal animated light-streak lines
   Product image centred with electric blue glow ring
   Four floating chip labels at corners of product zone
   Bold Barlow Condensed H1 with blue accent word
   Proof bar + dual CTAs
   BRAND NEW — not in any of 22 previous sites
══════════════════════════════════════════ */
.hero{
  background:linear-gradient(175deg,#020408 0%,var(--navy) 40%,#0A1530 100%);
  min-height:100vh;position:relative;overflow:hidden;
  display:flex;align-items:center;justify-content:center;
}
/* Animated diagonal light streaks */
.hero-bg-lines{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.hbl{position:absolute;width:1px;background:linear-gradient(to bottom,transparent,rgba(29,110,250,.25),transparent);animation:streak 8s ease-in-out infinite}
.hbl-1{height:60%;top:10%;left:25%;transform:rotate(15deg);animation-delay:0s}
.hbl-2{height:80%;top:5%;left:60%;transform:rotate(15deg);animation-delay:2.5s;opacity:.6}
.hbl-3{height:50%;top:20%;left:80%;transform:rotate(15deg);animation-delay:5s;opacity:.4}
@keyframes streak{0%,100%{opacity:0}50%{opacity:1}}

.hero-wrap{max-width:1200px;margin:0 auto;width:100%;padding:0 40px;position:relative;z-index:1}
/* Background type */
.hero-bg-type{
  position:absolute;
  font-family:var(--fh);font-size:clamp(60px,11vw,180px);font-weight:900;
  color:var(--white-p);opacity:.035;letter-spacing:-3px;line-height:1;
  top:50%;left:50%;transform:translate(-50%,-50%);
  white-space:nowrap;pointer-events:none;user-select:none;
  text-transform:uppercase;
}
.hero-content{display:flex;flex-direction:column;align-items:center;gap:24px;text-align:center}
.hero-eyebrow{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.he-tag{
  background:rgba(29,110,250,.12);border:1px solid rgba(29,110,250,.25);
  color:var(--blue-lt);font-family:var(--fb);font-size:.72rem;font-weight:600;
  padding:5px 14px;border-radius:var(--r-p);letter-spacing:.5px;
}
/* H1 */
.hero-h1{display:flex;flex-direction:column;align-items:center;gap:4px}
.h1-small{font-family:var(--fb);font-size:.86rem;font-weight:500;color:var(--gray-lt);letter-spacing:3px;text-transform:uppercase}
.h1-big{font-family:var(--fh);font-size:clamp(3.5rem,9vw,8rem);font-weight:900;line-height:.95;letter-spacing:-2px;text-transform:uppercase;color:var(--white)}
.h1-blue{color:var(--blue-lt)}
.h1-sub{font-family:var(--fb);font-size:clamp(1.0rem,2vw,1.3rem);font-weight:400;color:var(--text-lt);letter-spacing:.5px;line-height:1.5;margin-top:8px}

/* Product zone */
.hero-product-zone{
  position:relative;display:flex;align-items:center;justify-content:center;
  width:100%;max-width:520px;
}
.hpz-chip{
  position:absolute;z-index:3;
  background:rgba(10,15,30,.80);backdrop-filter:blur(8px);
  border:1px solid rgba(29,110,250,.30);border-radius:var(--r-sm);
  font-family:var(--fb);font-size:.72rem;font-weight:700;
  color:var(--text-lt);padding:7px 14px;white-space:nowrap;
}
.hpz-tl{top:8%;left:-5%}
.hpz-tr{top:8%;right:-5%}
.hpz-bl{bottom:18%;left:-5%}
.hpz-br{bottom:18%;right:-5%}
/* Blue glow ring */
.hero-glow-ring{
  position:absolute;width:400px;height:400px;border-radius:50%;
  background:radial-gradient(circle,rgba(29,110,250,.16) 0%,transparent 70%);
  pointer-events:none;z-index:0;
  animation:pulse-glow 3s ease-in-out infinite;
}
@keyframes pulse-glow{0%,100%{transform:scale(1);opacity:.8}50%{transform:scale(1.15);opacity:1}}
.hero-img-link{position:relative;z-index:2;display:block}
.hero-img{
  width:100%;max-width:360px;height:auto;object-fit:contain;display:block;margin:0 auto;
  filter:drop-shadow(0 24px 48px rgba(29,110,250,.30)) drop-shadow(0 0 40px rgba(29,110,250,.18));
  transition:transform .5s;
}
.hero-img-link:hover .hero-img{transform:scale(1.06) translateY(-10px)}

/* Hero para */
.hero-p{font-family:var(--fb);font-size:.96rem;color:var(--text-lt);line-height:1.74;max-width:600px}
.hero-p strong{color:var(--white);font-weight:700}
.hero-ctas{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
/* Proof bar */
.hero-proof{display:flex;align-items:center;flex-wrap:wrap;justify-content:center;background:rgba(29,110,250,.08);border:1px solid var(--border);border-radius:var(--r-md)}
.hpr{text-align:center;padding:12px 20px}
.hpr-sep{width:1px;background:var(--border);align-self:stretch}
.hpr-n{display:block;font-family:var(--fh);font-size:1.5rem;color:var(--blue-lt);line-height:1;font-weight:800}
.hpr-l{display:block;font-family:var(--fb);font-size:.58rem;font-weight:700;color:var(--gray-lt);text-transform:uppercase;letter-spacing:.8px;margin-top:3px}

/* ── TRUST STRIP ───────────────────── */
.trust-strip{background:var(--blue);padding:10px 24px}
.ts-inner{max-width:1280px;margin:0 auto;display:flex;align-items:center;justify-content:center;flex-wrap:wrap}
.tsi{display:flex;align-items:center;gap:8px;padding:5px 18px;border-right:1px solid rgba(240,246,255,.20)}
.tsi:last-child{border-right:none}
.tsi span:first-child{font-size:1rem}
.tsi span:last-child{font-family:var(--fh);font-size:.82rem;font-weight:700;color:var(--white-p);text-transform:uppercase;letter-spacing:.5px}

/* ── SECTION COMMON ────────────────── */
.wrap{max-width:1200px;margin:0 auto;padding:96px 40px;position:relative}
.s-dark{background:var(--navy)}
.s-blue{background:var(--blue)}
.s-navy{background:var(--navy-mid)}

.sec-tag{
  display:table;font-family:var(--fh);font-size:.60rem;font-weight:700;
  letter-spacing:3px;text-transform:uppercase;
  background:rgba(29,110,250,.15);color:var(--blue-lt);
  padding:6px 18px;border-radius:var(--r-p);
  border:1px solid rgba(29,110,250,.25);
  margin:0 auto 14px;
}
.sec-tag-lt{
  display:table;font-family:var(--fh);font-size:.60rem;font-weight:700;
  letter-spacing:3px;text-transform:uppercase;
  background:rgba(255,255,255,.12);color:rgba(255,255,255,.60);
  padding:6px 18px;border-radius:var(--r-p);
  border:1px solid rgba(255,255,255,.18);
  margin:0 auto 14px;
}
.s-h2{font-family:var(--fh);font-size:2.8rem;color:var(--white);line-height:1.12;margin-bottom:10px;text-align:center;text-transform:uppercase;letter-spacing:-1px}
.s-h2 em{color:var(--blue-lt);font-style:italic;text-transform:none;letter-spacing:0;font-weight:400}
.s-h2-lt{font-family:var(--fh);font-size:2.8rem;color:var(--white-p);line-height:1.12;margin-bottom:10px;text-align:center;text-transform:uppercase;letter-spacing:-1px}
.s-h2-lt em{color:rgba(255,255,255,.65);font-style:italic;text-transform:none;letter-spacing:0;font-weight:400}
.s-sub-lt{font-family:var(--fb);font-size:.94rem;color:rgba(255,255,255,.45);max-width:660px;text-align:center;margin:0 auto}

/* ── ABOUT ────────────────────────── */
.about-layout{display:grid;grid-template-columns:1.35fr 1fr;gap:72px;align-items:start;margin-top:28px}
.about-body{display:flex;flex-direction:column;gap:16px}
.about-body p{font-family:var(--fb);font-size:.94rem;color:var(--text-lt);line-height:1.76}
.about-body strong{color:var(--white);font-weight:700}
.about-pillars{display:flex;flex-direction:column;gap:10px;margin:8px 0}
.ap-card{background:var(--navy-lt);border:1px solid var(--border);border-radius:var(--r-md);padding:16px;display:flex;flex-direction:column;gap:8px;transition:border-color .2s,box-shadow .2s}
.ap-card:hover{border-color:rgba(29,110,250,.50);box-shadow:var(--sh-blue)}
.apc-icon{font-size:1.4rem}
.ap-card h3{font-family:var(--fh);font-size:.96rem;font-weight:700;color:var(--white);text-transform:uppercase;letter-spacing:.3px}
.ap-card p{font-family:var(--fb);font-size:.84rem;color:var(--text-lt);line-height:1.66}
.about-aside{display:flex;flex-direction:column;gap:14px}
.aside-img{width:100%;height:auto;border-radius:var(--r-lg);display:block;box-shadow:var(--sh-lg)}
.aside-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.ast{background:var(--navy-lt);border:1px solid var(--border);border-radius:var(--r-md);padding:14px;text-align:center}
.ast-blue{background:var(--blue);border-color:var(--blue-lt)}
.astn{display:block;font-family:var(--fh);font-size:1.7rem;color:var(--blue-lt);line-height:1;font-weight:800}
.ast-blue .astn{color:var(--white-p)}
.astl{display:block;font-family:var(--fb);font-size:.60rem;font-weight:700;color:var(--gray-lt);text-transform:uppercase;letter-spacing:.4px;margin-top:4px}
.ast-blue .astl{color:rgba(255,255,255,.55)}

/* ── PRICING ──────────────────────── */
.price-wrap{margin:36px 0 28px;text-align:center}
.price-img{width:100%;max-width:960px;height:auto;border-radius:var(--r-lg);display:block;margin:0 auto;box-shadow:0 12px 40px rgba(255,255,255,.15);transition:transform .3s}
.price-wrap a:hover .price-img{transform:scale(1.01)}
.price-cta{display:flex;flex-direction:column;align-items:center;gap:12px}
.fine-lt{font-family:var(--fb);font-size:.70rem;color:rgba(255,255,255,.32)}

/* ── FEAT GRID — 2x3 numbered cards ── */
.feat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:28px}
.feat-card{background:var(--navy-lt);border:1px solid var(--border);border-radius:var(--r-lg);padding:24px;display:flex;flex-direction:column;gap:12px;transition:border-color .2s,box-shadow .2s}
.feat-card:hover{border-color:rgba(29,110,250,.40);box-shadow:var(--sh-md)}
.fc-blue{background:rgba(29,110,250,.10);border-color:rgba(29,110,250,.30)}
.fc-num{font-family:var(--fh);font-size:.60rem;font-weight:800;color:var(--blue-lt);letter-spacing:3px;text-transform:uppercase}
.fc-num-lt{color:rgba(255,255,255,.40)}
.fc-icon{font-size:1.6rem}
.feat-card h3{font-family:var(--fh);font-size:1.0rem;font-weight:800;color:var(--white);line-height:1.22;text-transform:uppercase;letter-spacing:.3px}
.feat-text{font-family:var(--fb);font-size:.86rem;color:var(--text-lt);line-height:1.74}

/* ── GUARANTEE ───────────────────── */
.guar-layout{display:grid;grid-template-columns:240px 1fr;gap:64px;align-items:center}
.guar-img{width:100%;max-width:220px;height:auto;object-fit:contain;display:block;margin:0 auto;filter:drop-shadow(0 8px 24px rgba(29,110,250,.20))}
.guar-text{display:flex;flex-direction:column;gap:14px}
.guar-text p{font-family:var(--fb);font-size:.94rem;color:var(--text-lt);line-height:1.76}
.guar-pts{display:flex;flex-direction:column;gap:9px;margin:4px 0}
.gp{display:flex;align-items:center;gap:10px}
.gp-ok{color:var(--blue-lt);font-size:1rem;font-weight:700;flex-shrink:0}
.gp span:last-child{font-family:var(--fb);font-size:.90rem;font-weight:600;color:var(--text-lt)}

/* ── REVIEWS ──────────────────────── */
.rv-bar{display:flex;align-items:center;flex-wrap:wrap;background:var(--navy-lt);border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden;margin:28px 0 36px}
.rvb{flex:1;text-align:center;padding:16px 10px}
.rvb-sep{width:1px;background:var(--border);align-self:stretch}
.rvb-n{display:block;font-family:var(--fh);font-size:1.8rem;color:var(--blue-lt);line-height:1;font-weight:800}
.rvb-l{display:block;font-family:var(--fb);font-size:.60rem;font-weight:700;color:var(--gray-lt);text-transform:uppercase;letter-spacing:.4px;margin-top:4px}
.rv-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.rv-card{background:var(--navy-lt);border:1px solid var(--border);border-top:3px solid var(--gold);border-radius:var(--r-md);padding:22px;display:flex;flex-direction:column;gap:12px;transition:transform .25s,box-shadow .25s}
.rv-card:hover{transform:translateY(-3px);box-shadow:var(--sh-md)}
.rv-blue{background:var(--blue);border-color:var(--blue-lt);border-top-color:var(--gold)}
.rv-stars{color:var(--gold);font-size:.90rem;letter-spacing:1.5px}
.rv-stars-lt{color:var(--gold-lt)}
.rv-card blockquote{font-family:var(--fb);font-size:.94rem;font-style:italic;line-height:1.66;color:var(--text-lt);flex:1}
.bq-lt{color:rgba(255,255,255,.82)!important}
.rv-person{display:flex;align-items:center;gap:12px}
.rv-av{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid var(--border);flex-shrink:0}
.rv-av-lt{border-color:rgba(255,255,255,.25)}
.rv-person strong{font-family:var(--fh);font-size:.96rem;font-weight:700;color:var(--white);text-transform:uppercase;letter-spacing:.3px;display:block}
.rv-p-lt strong{color:var(--white-p)}
.rv-role{font-family:var(--fb);font-size:.68rem;color:var(--gray-lt);display:block}
.rv-role-lt{color:rgba(255,255,255,.45)!important}

/* ── PAYMENT ──────────────────────── */
.pay-wrap{margin-top:28px;text-align:center}
.pay-img{width:100%;max-width:900px;height:auto;border-radius:var(--r-lg);display:block;margin:0 auto;box-shadow:0 12px 40px rgba(255,255,255,.12);transition:transform .3s}
.pay-wrap a:hover .pay-img{transform:scale(1.01)}
.pay-cta{text-align:center;margin-top:24px}

/* ── HOW TO ───────────────────────── */
.ht-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:16px}
.htc{background:var(--navy-lt);border:1px solid var(--border);border-radius:var(--r-lg);padding:28px 22px;display:flex;flex-direction:column;gap:12px}
.htc-n{font-family:var(--fh);font-size:3rem;color:rgba(29,110,250,.25);line-height:1;font-weight:900;text-transform:uppercase}
.htc h3{font-family:var(--fh);font-size:1.0rem;font-weight:800;color:var(--white);text-transform:uppercase;letter-spacing:.3px;line-height:1.22}
.htc p{font-family:var(--fb);font-size:.88rem;color:var(--text-lt);line-height:1.74}
.htc-note{font-size:.80rem;color:var(--gray-lt);font-style:italic}
.ht-cta{text-align:center;margin-top:36px}

/* ── FAQ ──────────────────────────── */
.faq-list{display:flex;flex-direction:column;gap:8px;margin-top:28px}
.faq-item{background:var(--navy-lt);border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden}
.faq-q{width:100%;background:none;border:none;text-align:left;padding:18px 22px;font-family:var(--fb);font-size:.96rem;font-weight:600;color:var(--text-lt);cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:14px;transition:background .2s;line-height:1.40}
.faq-q:hover{background:rgba(29,110,250,.08);color:var(--white)}
.fq-i{width:28px;height:28px;border-radius:var(--r-sm);background:var(--blue);color:var(--white-p);display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0;font-family:var(--fh);font-weight:800;transition:transform .3s,background .2s;line-height:1}
.faq-body{display:none;padding:0 22px 18px;border-top:1px solid var(--border-lt)}
.faq-answer{display:block;font-family:var(--fb);font-size:.90rem;background:rgba(29,110,250,.06);border-left:3px solid var(--blue-lt);padding:12px 16px;border-radius:0 var(--r-sm) var(--r-sm) 0;line-height:1.74;color:var(--text-lt);margin-top:12px}
.faq-item.open .faq-body{display:block}
.faq-item.open .fq-i{transform:rotate(45deg);background:var(--gold);color:var(--navy)}
.faq-item.open .faq-q{color:var(--white);background:rgba(29,110,250,.06)}

/* ── FINAL CTA ────────────────────── */
.s-final{background:linear-gradient(155deg,#020408 0%,var(--navy) 50%,#0A1530 100%);border-top:2px solid var(--blue)}
.final-wrap{max-width:1200px;margin:0 auto;padding:80px 40px;display:flex;align-items:center;gap:56px}
.final-text{flex:1;display:flex;flex-direction:column;gap:16px}
.final-h2{font-family:var(--fh);font-size:clamp(2.2rem,4vw,3.8rem);color:var(--white);line-height:1.06;font-weight:900;text-transform:uppercase;letter-spacing:-1px}
.final-h2 em{color:var(--blue-lt);font-style:italic;text-transform:none;font-size:65%;display:block;font-weight:400;font-family:var(--fb);letter-spacing:0;line-height:1.5;margin-top:8px}
.final-sub{font-family:var(--fb);font-size:.82rem;color:var(--gray-lt)}
.final-trust{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px}
.final-trust span{font-family:var(--fb);font-size:.70rem;font-weight:500;color:var(--gray-lt)}
.ftd{color:rgba(122,144,184,.30)!important}
.final-img-col{flex:0 0 260px;text-align:center}
.final-img{width:100%;max-width:240px;height:auto;filter:drop-shadow(0 16px 40px rgba(29,110,250,.30));transition:transform .4s;display:block;margin:0 auto}
.final-img-col:hover .final-img{transform:scale(1.06) translateY(-8px)}

/* ── FOOTER ───────────────────────── */
footer{background:var(--navy-mid);border-top:1px solid var(--border)}
.foot-top{padding:52px 40px;border-bottom:1px solid var(--border-lt)}
.foot-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1.2fr;gap:40px;align-items:start}
.foot-logo{text-decoration:none;display:flex;align-items:baseline;margin-bottom:8px}
.fg-desc{font-family:var(--fb);font-size:.80rem;line-height:1.68;color:var(--gray-lt);margin-bottom:14px}
.fg-chips{display:flex;flex-wrap:wrap;gap:6px}
.fg-chips span{background:rgba(29,110,250,.10);border:1px solid rgba(29,110,250,.20);color:var(--gray-lt);font-family:var(--fb);font-size:.60rem;font-weight:600;padding:3px 9px;border-radius:var(--r-xs)}
.fg-nav h5{font-family:var(--fh);font-size:.60rem;font-weight:800;letter-spacing:2.5px;text-transform:uppercase;color:var(--blue-lt);margin-bottom:12px;padding-bottom:6px;border-bottom:1px solid var(--border)}
.fg-nav ul{list-style:none;display:flex;flex-direction:column;gap:9px;margin-bottom:16px}
.fg-nav ul li a{color:var(--gray-lt);text-decoration:none;font-family:var(--fb);font-size:.88rem;transition:color .2s}
.fg-nav ul li a:hover{color:var(--blue-lt)}
.fg-cta{display:inline-block;background:var(--blue);color:var(--white-p);font-family:var(--fh);font-weight:800;font-size:.86rem;padding:10px 18px;border-radius:var(--r-sm);text-decoration:none;text-transform:uppercase;letter-spacing:.5px;transition:filter .2s}
.fg-cta:hover{filter:brightness(1.15)}
.fgg{background:rgba(245,197,24,.08);border:1px solid rgba(245,197,24,.18);border-radius:var(--r-md);padding:20px;text-align:center}
.fgg-n{font-family:var(--fh);font-size:3rem;color:var(--gold);line-height:1;display:block;margin-bottom:4px;font-weight:900}
.fgg strong{font-family:var(--fh);font-size:1.0rem;font-weight:800;color:var(--white);display:block;margin-bottom:6px;text-transform:uppercase}
.fgg p{font-family:var(--fb);font-size:.80rem;color:var(--gray-lt);line-height:1.60}
.foot-legal{max-width:1200px;margin:0 auto;padding:14px 40px 24px}
.foot-legal p{font-family:var(--fb);font-size:.74rem;color:var(--gray-lt);opacity:.55;line-height:1.65;margin-bottom:8px}
.foot-copy{font-size:.72rem;opacity:.35;margin-top:8px;padding-top:8px;border-top:1px solid var(--border-lt)}
.foot-copy a{color:var(--text-lt);text-decoration:none}
.foot-copy a:hover{color:var(--blue-lt);text-decoration:underline}

/* ── ANIMATIONS ───────────────────── */
.reveal{opacity:0;transform:translateY(22px);transition:opacity .65s ease,transform .65s ease}
.reveal.visible{opacity:1;transform:translateY(0)}

/* ── RESPONSIVE ───────────────────── */
@media(max-width:1100px){
  .hero-wrap{padding:0 28px}
  .hpz-chip{display:none}
  .about-layout{grid-template-columns:1fr;gap:40px}
  .foot-grid{grid-template-columns:1fr 1fr}
  .fg-brand{grid-column:1/-1}
  .fg-guar{grid-column:1/-1}
  .final-wrap{gap:40px;flex-wrap:wrap;justify-content:center;text-align:center}
  .final-trust{justify-content:center}
}
@media(max-width:900px){
  .rv-grid{grid-template-columns:1fr}
  .ht-grid{grid-template-columns:1fr}
  .feat-grid{grid-template-columns:1fr}
  .guar-layout{grid-template-columns:1fr;text-align:center}
  .guar-img{max-width:180px}
  .rv-bar{flex-direction:column}
  .rvb-sep{width:80%;height:1px;align-self:center}
  .wrap{padding:72px 28px}
}
@media(max-width:768px){
  .s-h2,.s-h2-lt,.final-h2{font-size:2.2rem}
  .hero-bg-type{display:none}
}
@media(max-width:640px){
  nav{padding:0 16px}
  .nav-links{display:none}
  .nav-ham{display:flex}
  .hero-wrap{padding:0 20px}
  .s-h2,.s-h2-lt{font-size:1.9rem}
  .final-h2{font-size:2.0rem}
  .wrap{padding:60px 20px}
  .foot-top,.foot-legal{padding:28px 20px}
  .foot-grid{grid-template-columns:1fr;gap:22px}
  .final-wrap{padding:60px 20px;flex-direction:column;align-items:center}
  .ts-inner{flex-direction:column;align-items:flex-start}
  .tsi{border-right:none;border-bottom:1px solid rgba(255,255,255,.12);width:100%;padding:6px 0}
  .hero-proof{flex-direction:column}
  .hpr-sep{width:80%;height:1px;align-self:center}
}