/* ── RESET & BASE ── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  background:#0d0d12;
  color:#e0e0e8;
  line-height:1.6;
  overflow-x:hidden;
}
img{max-width:100%;height:auto;display:block}
a{text-decoration:none;color:inherit}
button{font:inherit;cursor:pointer;border:none;background:none;color:inherit}

/* ── ACCENT COLORS ── */
:root{
  --accent:#00e5a0;
  --accent-glow:0 0 20px rgba(0,229,160,.35);
  --bg-card:#16161f;
  --bg-surface:#111118;
  --border-card:#22222e;
  --text-primary:#e8e8f0;
  --text-muted:#9a9ab0;
  --red-accent:#ff3b5c;
}

/* ── BUTTONS ── */
@keyframes cta-pulse{
  0%{box-shadow:0 0 0 0 rgba(255,214,0,.5)}
  70%{box-shadow:0 0 0 18px rgba(255,214,0,0)}
  100%{box-shadow:0 0 0 0 rgba(255,214,0,0)}
}
@keyframes cta-bounce{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-6px)}
}
@keyframes cta-shimmer{
  0%{background-position:200% center}
  100%{background-position:-200% center}
}
.btn{
  display:inline-block;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.04em;
  border-radius:6px;
  background:linear-gradient(110deg,#ffd600 40%,#fff7a0 50%,#ffd600 60%);
  background-size:200% 100%;
  color:#0d0d12;
  transition:transform .15s,box-shadow .15s,background .15s;
  text-align:center;
  white-space:nowrap;
  animation:cta-pulse 2s infinite, cta-bounce 1.5s ease-in-out infinite, cta-shimmer 3s linear infinite;
}
.btn:hover,.btn:focus-visible{
  transform:translateY(-4px) scale(1.05);
  box-shadow:0 0 30px rgba(255,214,0,.6), 0 0 60px rgba(255,214,0,.2);
  background:linear-gradient(110deg,#ffe040 40%,#fffac0 50%,#ffe040 60%);
  background-size:200% 100%;
  animation:cta-shimmer 1.5s linear infinite;
}
.btn:focus-visible{outline:2px solid #ffd600;outline-offset:3px}
.btn:active{transform:translateY(0) scale(1)}
.btn-sm{padding:8px 20px;font-size:.85rem}
.btn-lg{padding:16px 40px;font-size:1.1rem;border-radius:8px}

/* ── TOPBAR ── */
.topbar{
  position:sticky;top:0;z-index:100;
  background:rgba(13,13,18,.92);
  backdrop-filter:blur(12px);
  border-bottom:1px solid var(--border-card);
}
.topbar-inner{
  max-width:1100px;margin:auto;
  display:flex;align-items:center;justify-content:space-between;
  padding:10px 20px;
}
.logo-link img{height:28px;width:auto}

/* ── HERO ── */
.hero{
  position:relative;
  min-height:85vh;
  display:flex;align-items:flex-start;justify-content:center;
  overflow:hidden;
}
.hero-bg{position:absolute;inset:0}
.hero-bg img,.hero-bg video{width:100%;height:100%;object-fit:cover}
.hero-overlay{
  position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(13,13,18,.65) 0%,rgba(13,13,18,.92) 100%);
}
.hero-content{
  position:relative;z-index:2;
  max-width:680px;padding:20px 24px 20px;
  text-align:center;
}
h1{
  font-size:clamp(1.6rem,5vw,2.6rem);
  font-weight:800;
  line-height:1.2;
  margin-bottom:16px;
}
.brand{color:#ffd600}
.subtitle{
  font-size:1.05rem;
  color:var(--text-muted);
  margin-bottom:28px;
}
.subtitle strong{color:var(--accent)}
.bullets{
  list-style:none;
  text-align:left;
  display:inline-block;
  margin-bottom:0;
}
.bullets li{
  padding:6px 0;
  font-size:.95rem;
}
.credibility{
  font-size:.82rem;
  color:var(--text-muted);
  opacity:.8;
  margin-bottom:16px;
}
.hero-cta{margin-top:124px}




/* ── FOOTER ── */
.footer{
  text-align:center;
  padding:0 24px 40px;
  border-top:1px solid var(--border-card);
  background:var(--bg-surface);
}
.footer .btn-lg{margin-bottom:28px}
.footer-links{margin-bottom:20px;font-size:.85rem;color:var(--text-muted)}
.footer-links .link-btn{
  color:var(--text-muted);
  text-decoration:underline;
  font-size:.85rem;
}
.footer-links .link-btn:hover{color:var(--accent)}
.footer-links .link-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.sep{margin:0 8px;opacity:.4}
.disclaimer{
  max-width:600px;margin:auto;
  font-size:.72rem;
  color:var(--text-muted);
  opacity:.6;
  line-height:1.5;
}

/* ── MODAL ── */
.modal-overlay{
  position:fixed;inset:0;z-index:200;
  background:rgba(0,0,0,.7);
  display:flex;align-items:center;justify-content:center;
  padding:24px;
}
.modal-overlay[hidden]{display:none}
.modal{
  background:var(--bg-card);
  border:1px solid var(--border-card);
  border-radius:12px;
  max-width:540px;width:100%;
  padding:32px;
  position:relative;
  max-height:80vh;overflow-y:auto;
}
.modal-close{
  position:absolute;top:12px;right:16px;
  font-size:1.5rem;color:var(--text-muted);
  line-height:1;
}
.modal-close:hover{color:var(--accent)}
.modal-close:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.modal h2{margin-bottom:16px;font-size:1.2rem;font-weight:700}
.modal p,.modal div{font-size:.88rem;color:var(--text-muted);line-height:1.7}

/* ── RESPONSIVE ── */
@media(max-width:600px){
  .hero{min-height:75vh}
  .hero-content{padding:16px 16px 60px}
  .btn-lg{padding:14px 28px;font-size:1rem;width:100%}
  .cards{grid-template-columns:1fr}
}