:root{--gold:#d4af37;--near:#0b0b0c;--card:#151517;--muted:#a9a9a9}
*{box-sizing:border-box} html,body{margin:0;padding:0}
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--near);color:#e7e7e7;line-height:1.6}
a{color:#dcdcdc;text-decoration:none}
img{max-width:100%;display:block;border-radius:12px}
.container{max-width:1180px;margin:0 auto;padding:0 20px}
.btn{display:inline-flex;align-items:center;gap:8px;background:var(--gold);color:#0b0b0c;padding:12px 18px;border-radius:14px;font-weight:800;transition:transform .15s ease, filter .2s ease}
.btn:hover{filter:brightness(1.1);transform:translateY(-1px)}
.btn.outline{background:transparent;border:1px solid #2a2a2a;color:#fff}
.header{position:sticky;top:0;z-index:50;background:rgba(0,0,0,.65);backdrop-filter:blur(8px);border-bottom:1px solid #1a1a1a}
.nav{display:flex;align-items:center;justify-content:space-between;height:68px}
.brand{display:flex;align-items:center;gap:12px}
.brand img{height:42px;width:auto}
.title-wrap .title{font-weight:900;color:#fff}
.title-wrap .tag{font-size:11px;color:#aaa;margin-top:-4px}
.menu{display:none;gap:18px}
.menu a{font-size:14px;color:#cfcfcf;transition:color .15s}
.menu a:hover{color:#fff}
.cta{display:none}
@media(min-width:900px){.menu{display:flex}.cta{display:inline-flex}}
.section{padding:68px 0}
.h1{font-size:44px;font-weight:900;line-height:1.1}
.h2{font-size:34px;font-weight:800;margin:0 0 10px}
.h3{font-size:20px;font-weight:700;margin:0 0 6px}
.lead{color:#d4d4d4;font-size:18px}
.grid{display:grid;gap:20px}
.cards-3{grid-template-columns:repeat(1,1fr)}
.cards-4{grid-template-columns:repeat(2,1fr)}
@media(min-width:700px){.cards-3{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1000px){.cards-3{grid-template-columns:repeat(3,1fr)}.cards-4{grid-template-columns:repeat(4,1fr)}}
.card{background:var(--card);border:1px solid #232323;border-radius:18px;padding:18px}
.badge{display:inline-block;background:rgba(255,255,255,.06);border:1px solid #232323;border-radius:14px;padding:10px 14px;text-align:center}
.muted{color:var(--muted);font-size:14px}
.footer{border-top:1px solid #1a1a1a;padding:36px 0;color:#9a9a9a}
.footer .grid{grid-template-columns:1fr}
@media(min-width:900px){.footer .grid{grid-template-columns:1.2fr 1fr 1fr}}
.page-transition{position:fixed;inset:0;background:#000;opacity:0;pointer-events:none;transition:opacity .35s ease}
.page-transition.active{opacity:.5;pointer-events:auto}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease, transform .6s ease}
.reveal.visible{opacity:1;transform:none}
.table{width:100%;border-collapse:collapse;font-size:14px}
.table th,.table td{border-bottom:1px solid #242424;padding:10px 8px;text-align:left}
.totalwrap{display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between;margin-top:16px}
.totalwrap .num{font-weight:900;font-size:22px;color:#fff}
.hero{position:relative;min-height:70vh;display:flex;align-items:center;overflow:hidden}
.hero .bg{position:absolute;inset:0;background-size:cover;background-position:center;transform:scale(1.1);filter:brightness(.7)}
.hero .overlay{position:absolute;inset:0;background:linear-gradient(180deg, rgba(0,0,0,.25), rgba(0,0,0,.75))}
.hero .content{position:relative;z-index:2;padding:80px 0}
.parallax{will-change:transform}
.counters{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
@media(min-width:800px){.counters{grid-template-columns:repeat(4,1fr)}}
.counter{text-align:center;background:rgba(255,255,255,.04);border:1px solid #242424;border-radius:16px;padding:16px}
.counter .num{font-size:32px;font-weight:900;color:#fff}
.slider{position:relative;overflow:hidden;border-radius:16px;border:1px solid #232323}
.slide-track{display:flex;transition:transform .5s ease}
.slide{min-width:100%;padding:20px;background:#121213}
.slider .dots{display:flex;justify-content:center;gap:8px;margin-top:10px}
.dot{width:8px;height:8px;border-radius:50%;background:#3a3a3a;cursor:pointer}
.dot.active{background:var(--gold)}