*{box-sizing:border-box}
:root{
  --black:#000;
  --charcoal:#121212;
  --charcoal-2:#1c1c1c;
  --cream:#fff8ef;
  --soft:#d8d1c7;
  --green:#183437;
  --green-2:#2a5a60;
  --mint:#8fb2ab;
  --orange:#e54d01;
  --orange-light:#fe800f;
  --gold:#fca404;
  --font:'Century Gothic',Arial,Helvetica,sans-serif;
}
html,body{margin:0;min-height:100%;font-family:var(--font);background:#000;color:var(--cream);-webkit-font-smoothing:antialiased;overflow-x:hidden}
body{background:
  radial-gradient(circle at 84% 12%,rgba(229,77,1,.20),transparent 31%),
  radial-gradient(circle at 16% 64%,rgba(143,178,171,.11),transparent 34%),
  linear-gradient(180deg,#000 0%,#121212 58%,#1c1c1c 100%);
}
.container{width:min(100%,1120px);margin:0 auto;padding:0 18px}
a{text-decoration:none;color:inherit}
.dark-header{
  position:fixed;top:0;left:0;right:0;z-index:5000;
  min-height:76px;padding:12px 18px;
  display:flex;align-items:center;gap:14px;
  background:rgba(0,0,0,.82);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
  border-bottom:1px solid rgba(255,248,239,.10);
}
.dark-brand{display:flex;align-items:center;flex:0 0 auto}
.dark-brand img{height:54px;width:auto;max-width:160px;object-fit:contain}
.dark-nav{margin-left:auto;display:flex;align-items:center;gap:14px}
.dark-nav a{font-size:.88rem;font-weight:900;color:rgba(255,248,239,.82)}
.dark-nav .btn-orange,.dark-nav .btn-green{color:#fff;padding:12px 16px;border-radius:999px}
.btn-orange,.btn-primary{background:linear-gradient(135deg,var(--orange),var(--orange-light));box-shadow:0 14px 28px rgba(229,77,1,.22)}
.btn-green{background:linear-gradient(135deg,var(--green),var(--green-2),var(--mint));box-shadow:0 14px 28px rgba(24,52,55,.26)}
.dark-menu-toggle{display:none;border:0;background:var(--cream);width:38px;height:38px;border-radius:999px;place-content:center;gap:4px}
.dark-menu-toggle span{display:block;width:17px;height:2px;background:#000;border-radius:2px}
.dark-hero{min-height:100vh;display:flex;align-items:center;padding:126px 0 70px;position:relative}
.dark-logo-lockup{display:flex;justify-content:center;margin-bottom:18px}
.dark-logo-lockup img{width:min(240px,62vw);height:auto}
.eyebrow{display:inline-flex;color:var(--orange-light);font-size:13px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;margin-bottom:14px}
.dark-hero h1{max-width:900px;margin:0 auto;color:var(--cream);font-size:clamp(2.55rem,10vw,5.8rem);line-height:.94;letter-spacing:-.06em;text-align:center}
.dark-hero p.lead{max-width:720px;margin:22px auto 0;color:var(--soft);font-size:1.05rem;line-height:1.65;text-align:center}
.dark-grid{display:grid;gap:18px;margin-top:38px}
.dark-card{
  position:relative;overflow:hidden;
  padding:26px;border-radius:30px;
  background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.045));
  border:1px solid rgba(255,248,239,.11);
  box-shadow:0 26px 65px rgba(0,0,0,.38);
}
.dark-card h2,.dark-card h3{margin:8px 0 0;color:var(--cream);font-size:1.55rem;line-height:1.1}
.dark-card p{margin:12px 0 0;color:var(--soft);line-height:1.58}
.dark-card ul{margin:16px 0 0;padding-left:20px;color:var(--soft);line-height:1.7;font-weight:700}
.card-kicker{display:inline-flex;color:var(--orange-light);font-size:.75rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;margin-top:22px;padding:13px 20px;border-radius:999px;text-decoration:none;font-weight:900;border:0;color:#fff}
.btn-secondary{background:rgba(143,178,171,.15);border:1px solid rgba(255,248,239,.18);color:var(--cream)}
.dark-section{padding:74px 0}
.dark-section h2{margin:0;color:var(--cream);font-size:clamp(2rem,8vw,4.2rem);line-height:1;letter-spacing:-.055em}
.dark-section p.section-lead{max-width:760px;color:var(--soft);line-height:1.65}
.offer-grid{display:grid;gap:18px;margin-top:28px}
.offer-card{padding:0;border-radius:30px;overflow:hidden;background:rgba(255,255,255,.065);border:1px solid rgba(255,255,255,.10)}
.offer-img{height:230px;background-size:cover;background-position:center;background-color:#1b1b1b}
.offer-body{padding:24px}
.badge-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.mini-badge{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;background:rgba(255,248,239,.10);color:var(--cream);font-size:.78rem;font-weight:900}
.dark-footer{padding:62px 0 86px;background:#050505;border-top:1px solid rgba(255,248,239,.10)}
.dark-footer-grid{display:grid;gap:28px;align-items:start}
.dark-footer-logo{width:150px;height:auto;margin-bottom:14px}
.dark-footer h3{margin:0 0 12px;color:var(--cream)}
.dark-footer p,.dark-footer a{color:var(--soft);line-height:1.6}
.dark-footer a{display:block;margin:0 0 8px;font-weight:700}
.dark-footer-form{padding:22px;border-radius:24px;background:rgba(255,248,239,.08);border:1px solid rgba(255,248,239,.12)}
.dark-footer-form input,.dark-footer-form select{width:100%;min-height:48px;margin-bottom:10px;padding:12px 14px;border:1px solid rgba(255,248,239,.13);border-radius:14px;background:rgba(255,255,255,.10);color:var(--cream);outline:none}
.dark-footer-form option{color:#111}
.dark-footer-form button{width:100%;min-height:48px;border:0;border-radius:999px;color:#fff;font-weight:900;background:linear-gradient(135deg,var(--orange),var(--orange-light))}
.whatsapp-float{position:fixed;right:18px;bottom:18px;z-index:4500;display:inline-flex;align-items:center;gap:8px;padding:11px 15px;border-radius:999px;color:#fff;background:#25d366;text-decoration:none;font-size:.88rem;font-weight:900;box-shadow:0 14px 32px rgba(37,211,102,.28)}
@media(min-width:760px){.dark-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.offer-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dark-footer-grid{grid-template-columns:1.1fr 1fr 1fr 1fr 1.2fr}.dark-card{padding:34px}}
@media(max-width:979px){
  .dark-header{min-height:64px;height:64px;padding:7px 8px;gap:6px}
  .dark-brand img{height:42px;max-width:92px}
  .dark-nav{display:none;position:fixed;top:72px;left:9px;right:9px;z-index:6000;flex-direction:column;align-items:stretch;gap:9px;padding:12px;border-radius:20px;background:rgba(20,20,20,.98);box-shadow:0 22px 55px rgba(0,0,0,.36);border:1px solid rgba(255,248,239,.11)}
  .dark-nav.open{display:flex}
  .dark-nav a{display:flex;align-items:center;justify-content:center;height:42px;border-radius:999px;background:rgba(255,248,239,.08);font-size:.88rem}
  .dark-nav .btn-orange,.dark-nav .btn-green{padding:0}
  .dark-menu-toggle{display:grid;margin-left:auto}
  .dark-hero{padding-top:104px}
  .dark-logo-lockup img{width:min(190px,55vw)}
}
@media(max-width:420px){.dark-logo-lockup img{width:165px}.dark-hero h1{font-size:2.35rem}}
