:root{
  --bg:#121214;           /* charcoal */
  --bg-soft:#181a1f;
  --text:#e8e9ef;
  --muted:#a9afbf;
  --gold:#cdaa5a;         /* logo gold */
  --gold-strong:#f3d07a;
  --emerald:#20c2a0;      /* emerald accents */
  --emerald-d:#16a182;
  --red-glow:#e64545;     /* soft red glow */
  --card:#1c2026;
  --border:#2a2f39;
  --shadow:0 10px 30px rgba(0,0,0,.35);
}

*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:Inter,system-ui,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.6}
img{max-width:100%;height:auto;display:block}
a{color:var(--gold);text-decoration:none}
a:hover{color:var(--gold-strong)}

.container{width:min(1100px,92%);margin-inline:auto}

.nav{position:sticky;top:0;z-index:50;background:linear-gradient(to bottom,rgba(18,18,20,.95),rgba(18,18,20,.75));backdrop-filter:saturate(1.3) blur(4px);border-bottom:1px solid var(--border)}
.nav-inner{display:flex;align-items:center;justify-content:space-between;padding:.9rem 0}
.brand{display:flex;align-items:center;gap:.6rem}
.logo-img{width:40px;height:40px;object-fit:contain}
.brand-name{font-weight:800;letter-spacing:.08em;color:var(--gold)}
.menu{display:flex;gap:1rem;align-items:center}
.menu a{padding:.4rem .6rem;border-radius:10px;position:relative}
.menu a::after{content:"";position:absolute;left:.6rem;right:.6rem;bottom:.2rem;height:2px;background:linear-gradient(90deg,var(--emerald),var(--gold));opacity:0;transition:.25s ease}
.menu a:hover::after{opacity:1;transform:translateY(1px)}
.nav-toggle{display:none;background:none;border:none;color:var(--text);font-size:1.3rem}

.btn{background:linear-gradient(135deg,var(--gold),var(--gold-strong));color:#111;padding:.8rem 1.1rem;border-radius:12px;font-weight:700;box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.06)}
.btn:hover{filter:brightness(1.05)}
.btn-ghost{background:transparent;color:var(--gold);border:1px solid var(--gold);box-shadow:none}
.btn-outline{background:transparent;border:1px solid var(--emerald);color:var(--emerald)}
.btn-small{padding:.55rem .8rem;font-size:.95rem}

.hero{position:relative;overflow:hidden;border-bottom:1px solid var(--border)}
.hero-inner{display:grid;grid-template-columns:1.2fr .8fr;gap:2rem;align-items:center;padding:4.5rem 0}
.hero-text h1{font-size:clamp(1.9rem,2.5vw,2.6rem);line-height:1.2;margin:.3rem 0 1rem}
.hero-text p{color:var(--muted)}
.trust-bullets{display:flex;gap:1rem;padding:0;margin:1rem 0 0;list-style:none;color:var(--muted)}
.hero-card{position:relative;min-height:300px;border-radius:16px;background:radial-gradient(1200px 300px at 120% -10%, rgba(230,69,69,.35), transparent 35%),linear-gradient(180deg,#15171b,#0f1217);border:1px solid var(--border);box-shadow:var(--shadow)}
.radial{position:absolute;inset:auto -10% 10% -10%;height:140px;filter:blur(40px);background:radial-gradient(120px 60px at 80% 30%, rgba(230,69,69,.45), transparent 60%)}

.section{padding:3.25rem 0;border-top:1px solid var(--border)}
.section.alt{background:var(--bg-soft)}
.grid.two{display:grid;grid-template-columns:1.1fr .9fr;gap:2rem}
.grid.three{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem}

.card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:1.2rem}
.shadow{box-shadow:var(--shadow)}
.stats{list-style:none;padding:0;margin:0}
.stats li{padding:.5rem 0;border-bottom:1px dashed #2b2f36}
.stats li:last-child{border-bottom:none}
.stats span{display:inline-block;color:var(--emerald);font-weight:800;margin-right:.55rem}
.badge-row{display:flex;gap:.5rem;margin-top:.9rem;flex-wrap:wrap}
.badge{font-size:.8rem;border-radius:999px;border:1px solid var(--emerald);color:var(--emerald);padding:.35rem .6rem;background:rgba(32,194,160,.06)}

.checks{list-style:none;margin:1rem 0 0;padding:0}
.checks li{padding-left:1.6rem;margin:.4rem 0;position:relative}
.checks li::before{content:"✔";position:absolute;left:.2rem;top:.05rem;color:var(--emerald)}

.notice{margin-top:1rem;padding:.9rem;border:1px dashed #344; border-radius:12px;background:rgba(32,194,160,.05)}

.cards .product h3{margin-top:0}
.cards .product .btn-small{margin-top:.7rem}

.pay-cta{text-align:center;margin-top:2rem}
.hint{color:var(--muted);font-size:.9rem;margin-top:.6rem}

.disclaimer{margin-top:1rem;color:var(--muted);font-size:.95rem}

.faq-item{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:1rem;margin:.7rem 0}
.faq-item summary{cursor:pointer;font-weight:700;color:var(--gold)}
.faq-item[open]{border-color:#3a4130}

.contact-form input,.contact-form textarea{width:100%;padding:.8rem;border-radius:10px;border:1px solid var(--border);background:#0f1216;color:var(--text)}
.contact-form textarea{resize:vertical}
.form-hint{color:var(--muted);margin-top:.7rem}
.hidden{display:none}

.business-box{margin-top:1.6rem;border:1px solid var(--border);border-radius:12px;background:var(--card);padding:1rem}

.footer{border-top:1px solid var(--border);background:#0f1115}
.footer-inner{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between;padding:1rem 0}
.footer nav{display:flex;gap:.8rem;flex-wrap:wrap}
.footer nav a{padding:.2rem .4rem;border-radius:10px;position:relative}
.footer nav a::after{content:"";position:absolute;left:.4rem;right:.4rem;bottom:0;height:2px;background:linear-gradient(90deg,var(--emerald),var(--gold));opacity:0;transition:.25s ease}
.footer nav a:hover::after{opacity:1}

@media (max-width:940px){
  .grid.two{grid-template-columns:1fr}
  .hero-inner{grid-template-columns:1fr;gap:1rem}
  .menu{display:none;flex-direction:column;background:var(--bg);position:absolute;right:1rem;top:64px;border:1px solid var(--border);padding:.8rem;border-radius:12px}
  .nav-toggle{display:block}
  .grid.three{grid-template-columns:1fr}
}