
:root{--gold:#d4af37;--gold2:#f7d982;--muted:#d0d0d0}
*{box-sizing:border-box}
body{margin:0;font-family:Arial,Helvetica,sans-serif;background:radial-gradient(circle at top,rgba(212,175,55,.20),transparent 34%),linear-gradient(180deg,#000,#090909,#000);color:#fff}
.wrap{width:min(1180px,92%);margin:auto}
.hero{padding:85px 0;text-align:center}
.badge{display:inline-block;border:1px solid rgba(212,175,55,.45);border-radius:999px;color:var(--gold2);padding:10px 16px;letter-spacing:.16em;font-size:12px;font-weight:900}
h1{font-size:clamp(46px,9vw,112px);line-height:.88;margin:20px 0;letter-spacing:-.07em}
h1 span{display:block;color:var(--gold)}
p,li{color:var(--muted);line-height:1.7}
.lead{font-size:21px;max-width:900px;margin:auto}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:42px}
.card{border:1px solid rgba(212,175,55,.25);border-radius:24px;padding:24px;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.02))}
.card h3{color:var(--gold2);margin-top:0}
.btn{display:inline-block;background:linear-gradient(135deg,var(--gold),var(--gold2));color:#000;text-decoration:none;font-weight:900;padding:14px 20px;border-radius:999px;margin-top:12px}
.section{padding:70px 0;border-top:1px solid rgba(255,255,255,.07)}
.kicker{color:var(--gold2);letter-spacing:.18em;font-size:12px;text-transform:uppercase;font-weight:900}
h2{font-size:clamp(34px,5vw,62px);line-height:1;margin:10px 0 20px;letter-spacing:-.04em}
.footer{text-align:center;color:#999;padding:40px 0;line-height:1.7;border-top:1px solid rgba(255,255,255,.08)}
@media(max-width:900px){.grid{grid-template-columns:1fr}}
