:root{--bg:#0D0D0D;--gold:#D4AF37;--text:#e7e3d5;--goldSoft:#c8ad55}
*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,sans-serif}
a{text-decoration:none}
.topbar{position:relative;display:flex;justify-content:space-between;align-items:center;padding:18px 40px}
.brand{width:160px}.nav{display:flex;gap:10px}
.btn{display:inline-block;border-radius:999px;padding:10px 22px;border:1px solid var(--gold);font-weight:600;background:var(--gold);color:#0D0D0D;transition:transform .25s, box-shadow .25s}
.btn.outline{background:transparent;color:var(--gold)}.btn.small{padding:8px 16px;font-size:.9rem}
.btn.disabled{background:#222;border-color:#444;color:#777;cursor:not-allowed}
.btn:hover:not(.disabled){transform:translateY(-2px);box-shadow:0 6px 20px rgba(212,175,55,.35)}
.container{width:min(1100px,94%);margin:0 auto}
.hero{position:relative;text-align:center;margin:56px 0 18px;padding:40px 10px;border-radius:16px;overflow:hidden}
.hero::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg, rgba(212,175,55,.08), rgba(0,0,0,0) 60%, rgba(0,0,0,.35));pointer-events:none}
.hero h1{font-size:clamp(28px,5vw,42px);margin:0;color:#fff}
.sub{color:#cfcab4;margin:8px 0 16px}
.cta{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.features{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:34px 0 56px}
.card{background:rgba(0,0,0,.5);border:1px solid rgba(212,175,55,.25);border-radius:16px;padding:20px;text-align:center;transition:transform .25s, border-color .25s, box-shadow .25s;opacity:0;transform:translateY(12px)}
.card:hover{transform:translateY(-6px);border-color:rgba(212,175,55,.6);box-shadow:0 10px 26px rgba(212,175,55,.12)}
.icon{font-size:28px;margin-bottom:8px}
.reveal{opacity:0;transform:translateY(12px);transition:opacity .8s ease, transform .8s ease}
.reveal.show{opacity:1;transform:translateY(0)}
.stagger .reveal{transition-delay:var(--d,0s)}
footer{text-align:center;padding:22px 10px;color:#cfcab4;border-top:1px solid rgba(212,175,55,.15)}
@media(max-width:900px){.features{grid-template-columns:repeat(2,1fr)}.brand{width:130px}}
@media(max-width:560px){.features{grid-template-columns:1fr}.topbar{padding:12px 18px}}