:root{
  --navy-dark:#001d3d; --navy-mid:#00224f; --navy-light:#0d2c54;
  --neon-yellow:#dfff00; --neon-green:#76ff03;
  --text:#eaeaea; --muted:#c8c8c8;
}
*{box-sizing:border-box}
body{margin:0;font-family:Inter,system-ui,-apple-system,Arial,sans-serif;background:var(--navy-dark);color:var(--text);line-height:1.55}
.container{max-width:1100px;margin:0 auto;padding:0 16px}
header.hero{padding:4rem 0 3rem;background-image:linear-gradient(135deg, rgba(0,29,61,.72), rgba(0,34,79,.62)), url('assets/hero.webp');background-size:cover;background-position:center;text-align:center}
.logo{height:56px;display:block;margin:0 auto .5rem;filter:drop-shadow(0 2px 6px rgba(0,0,0,.5))}
.slogan{margin-top:.15rem;text-align:center}
.slogan-accent{display:inline-block;text-transform:uppercase;letter-spacing:1.8px;font-weight:800;background:linear-gradient(90deg,#dfff00,#76ff03);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 1px 0 rgba(0,0,0,.25)}
h1{font-size:clamp(2rem,6vw,3rem);letter-spacing:-.5px;margin:.2rem 0 0}
.subhead{margin-top:10px;font-size:1.05rem;color:var(--muted)}
.micro-proof{margin:.5rem auto 1rem;text-align:center;font-size:.95rem;opacity:.9}
.trust{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap;margin:1rem 0 1.6rem}
.trust span{background:var(--navy-light);color:var(--neon-yellow);padding:.4rem .8rem;border-radius:999px;font-size:.9rem}
.ctas{display:flex;gap:.75rem;justify-content:center;margin-top:.6rem;flex-wrap:wrap}
.btn{padding:1rem 1.1rem;border-radius:10px;text-decoration:none;font-weight:800;display:inline-block}
.btn.primary{background:var(--neon-yellow);color:var(--navy-dark);box-shadow:0 8px 18px rgba(0,0,0,.35);transition:.2s transform,.2s box-shadow}
.btn.primary:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(0,0,0,.4)}
.btn.secondary{border:2px solid var(--neon-yellow);color:var(--neon-yellow)}
.reply-time{text-align:center;font-size:.9rem;opacity:.85;margin-top:.4rem}
section{padding:4rem 0;background:var(--navy-mid)}
section.alt{background:var(--navy-dark)}
section h2{text-align:center;margin:0 0 1.4rem;color:var(--neon-yellow)}
.grid3{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.2rem}
.card{background:var(--navy-light);border-radius:14px;padding:1.3rem;border:1px solid rgba(255,255,255,.08)}
.card h3{margin:.8rem 0 0;color:var(--neon-yellow)}
.card p{margin:.5rem 0 0}
.card-img{width:100%;height:200px;object-fit:cover;border-radius:10px;margin-bottom:1rem}
.journey-img{width:100%;max-width:860px;border-radius:14px;display:block;margin:0 auto 1.5rem;box-shadow:0 8px 24px rgba(0,0,0,.35)}
.note{text-align:center;color:var(--muted);margin-top:1rem}
.final-cta{text-align:center}
.proof-strip{display:flex;gap:.6rem;justify-content:center;flex-wrap:wrap}
.proof-strip span{background:var(--navy-light);color:var(--neon-yellow);padding:.4rem .8rem;border-radius:999px;font-size:.9rem}
.faq details{background:var(--navy-light);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:.9rem 1rem;margin:.6rem 0}
.faq summary{cursor:pointer;font-weight:700;color:var(--neon-yellow)}
.faq p{margin:.6rem 0 0}
footer{background:var(--navy-dark);padding:1.5rem 0;text-align:center;color:var(--muted)}
a{color:var(--neon-yellow)}
/* textures + mobile safe */
body, section, footer {
  background-image:
    repeating-linear-gradient(135deg, rgba(255,255,255,0.03) 0, rgba(255,255,255,0.03) 2px, transparent 2px, transparent 8px),
    url('assets/noise.png');
  background-blend-mode: overlay;
}
html, body {max-width:100vw; overflow-x:hidden}
img, video {max-width:100%; height:auto; display:block}