:root{
  --bg:#09111f;
  --panel:#111b2e;
  --panel-2:#16233a;
  --text:#f5f7fb;
  --muted:#b7c2d8;
  --line:#263650;
  --primary:#f4b400;
  --accent:#19c37d;
  --shadow:0 20px 40px rgba(0,0,0,.22);
  --radius:18px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Arial,Helvetica,sans-serif;
  background:linear-gradient(180deg,#08101c,#101b2f 35%,#0c1524);
  color:var(--text);
  line-height:1.6;
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
.container{width:min(1180px,92%);margin:auto}
.section{padding:72px 0}
.site-header{
  position:sticky;top:0;z-index:50;
  background:rgba(8,16,28,.92);
  backdrop-filter:blur(10px);
  border-bottom:1px solid rgba(255,255,255,.06);
}
.header-wrap{display:flex;align-items:center;justify-content:space-between;padding:16px 0;gap:16px}
.brand{display:flex;align-items:center;gap:12px;font-weight:700}
.logo-box{
  width:48px;height:48px;border-radius:12px;display:grid;place-items:center;
  background:linear-gradient(135deg,var(--primary),#ffdc73);color:#111;font-weight:700
}
.main-nav ul{display:flex;gap:18px;list-style:none;margin:0;padding:0;flex-wrap:wrap}
.main-nav a{color:var(--muted);font-size:.95rem}
.main-nav a:hover{color:#fff}
.menu-toggle{display:none;background:none;border:none;color:#fff;font-size:28px}
.hero-grid,.page-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:38px;align-items:center}
.hero h1,.page-hero h1{font-size:clamp(2.3rem,4vw,4.25rem);line-height:1.08;margin:.25rem 0 1rem}
.eyebrow{
  display:inline-block;margin-bottom:10px;padding:8px 12px;border:1px solid rgba(255,255,255,.08);
  border-radius:999px;background:rgba(255,255,255,.03);color:var(--primary);font-size:.9rem;font-weight:700
}
.hero p,.page-hero p,.section-head p,.content-card p,.faq-card p,.cta p,.disclaimer p{color:var(--muted)}
.hero-media,.content-card,.site-card,.stat-card,.faq-card,.disclaimer-box,.contact-form{
  background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02));
  border:1px solid rgba(255,255,255,.08);
  border-radius:var(--radius);
  box-shadow:var(--shadow)
}
.hero-media{padding:18px}
.hero-actions,.cta-actions{display:flex;gap:14px;flex-wrap:wrap;margin:22px 0}
.btn{
  display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border-radius:12px;font-weight:700;
  border:1px solid transparent;transition:.2s ease
}
.btn-primary{background:var(--primary);color:#0c1017}
.btn-primary:hover{transform:translateY(-2px)}
.btn-secondary{background:transparent;color:#fff;border-color:rgba(255,255,255,.18)}
.btn-secondary:hover{border-color:rgba(255,255,255,.4)}
.hero-points,.check-list{padding-left:18px;color:var(--muted)}
.section-head{max-width:750px;margin-bottom:28px}
.site-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.site-card,.content-card,.faq-card,.stat-card{padding:24px}
.site-logo{
  width:72px;height:72px;border-radius:16px;background:rgba(255,255,255,.05);
  display:grid;place-items:center;margin-bottom:18px;overflow:hidden
}
.site-card h3,.content-card h2,.faq-card h3,.cta h2,.disclaimer h2{margin-top:0}
.text-link{color:var(--primary);font-weight:700}
.stats-grid,.faq-grid,.contact-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.stat-card strong{display:block;font-size:2rem;margin-bottom:4px}
.stat-card span{color:var(--muted)}
.two-col{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.cta-wrap{
  display:flex;justify-content:space-between;gap:20px;align-items:center;
  padding:30px;border-radius:var(--radius);background:linear-gradient(135deg,rgba(25,195,125,.14),rgba(244,180,0,.14));
  border:1px solid rgba(255,255,255,.08)
}
.disclaimer-box{padding:26px}
.contact-form{padding:24px;display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.field{display:flex;flex-direction:column;gap:8px}
.field input,.field textarea{
  width:100%;padding:14px 16px;border-radius:12px;border:1px solid var(--line);
  background:#0d1627;color:#fff;outline:none
}
.field.full{grid-column:1/-1}
.site-footer{padding:50px 0 20px;border-top:1px solid rgba(255,255,255,.06);background:#08101b}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:20px}
.footer-grid ul{list-style:none;padding:0;margin:0}
.footer-grid li{margin:10px 0;color:var(--muted)}
.footer-bottom{padding-top:12px;color:var(--muted)}
.floating-whatsapp{
  position:fixed;right:18px;bottom:18px;z-index:60;background:var(--accent);color:#04110b;
  font-weight:700;padding:14px 18px;border-radius:999px;box-shadow:var(--shadow)
}
@media (max-width:960px){
  .hero-grid,.page-hero-grid,.two-col,.footer-grid,.cta-wrap{grid-template-columns:1fr;display:grid}
  .site-grid{grid-template-columns:repeat(2,1fr)}
  .stats-grid,.faq-grid,.contact-grid,.contact-form{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:720px){
  .menu-toggle{display:block}
  .main-nav{display:none;position:absolute;top:80px;left:4%;right:4%;background:#0d1627;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:16px}
  .main-nav.open{display:block}
  .main-nav ul{flex-direction:column;gap:10px}
  .site-grid,.stats-grid,.faq-grid,.contact-grid,.contact-form{grid-template-columns:1fr}
  .hero h1,.page-hero h1{font-size:2rem}
}