:root{ --bg:#0D0D0D; --panel:#1A1A1A; --fg:#fff; --gold:#CFAF6B; --muted:#bdbdbd }
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--fg);font-family:Roboto,system-ui,Segoe UI,Arial}
.container{width:min(1100px,92%);margin:0 auto}
/* Header */
.site-header{position:sticky;top:0;z-index:50;background:rgba(13,13,13,.75);backdrop-filter:blur(6px);border-bottom:1px solid rgba(255,255,255,.06)}
.header__inner{display:flex;align-items:center;justify-content:space-between;padding:12px 0}
.brand a{font-family:Montserrat,Arial;font-weight:800;color:#fff;text-decoration:none;letter-spacing:.2px}
.nav__list{display:flex;gap:14px;list-style:none;margin:0;padding:0}
.nav__list a{color:#fff;text-decoration:none;padding:8px 12px;border-radius:999px;border:1px solid transparent}
.nav__list a:hover{border-color:rgba(255,255,255,.25)}
/* Hero */
.hero{position:relative;min-height:66vh;background:no-repeat center/cover var(--hero)}
.hero__overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.45),rgba(0,0,0,.55))}
.hero__overlay.is-dark{background:linear-gradient(180deg,rgba(0,0,0,.65),rgba(0,0,0,.75))}
.hero__content{position:relative;padding:14vh 0 10vh}
.hero h1{font-family:Montserrat,Arial;font-size:clamp(32px,6vw,56px);margin:0 0 10px}
.hero .sub{color:var(--muted);font-size:clamp(14px,2.6vw,18px);margin:0 0 22px}
.cta{display:flex;gap:12px;flex-wrap:wrap}
.btn{display:inline-block;padding:11px 18px;border-radius:999px;text-decoration:none;border:1px solid transparent;font-weight:800}
.btn--gold{background:var(--gold);color:#111}
.btn--ghost{border-color:rgba(255,255,255,.25);color:#fff}
/* Sections */
.features{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:36px 0}
.feature{background:var(--panel);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:20px}
.feature .icon{font-size:22px;margin-bottom:6px}
/* Content */
.card{background:var(--panel);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:20px}
.page-title{font-family:Montserrat,Arial;margin-top:0}
.page-content{color:#e7e7e7}
/* Footer */
.site-footer{border-top:1px solid rgba(255,255,255,.06);padding:18px 0;margin-top:26px}
.footer__inner{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;color:#d7d7d7}
.footer__links a{color:#fff;text-decoration:none}
.footer__links a:hover{color:#CFAF6B}
@media(max-width:860px){.features{grid-template-columns:1fr}}