:root{ --bg:#0b0b0b; --text:#f5f5f5; --muted:#b3b3b3; --line:#1f2937; --brand:#9BEA6A; --brand-600:#7ac545; --surface:#111214; --surface-2:#16181b; --inverse:#ffffff }
body{background:var(--bg); color:var(--text)}
a{color:var(--inverse)} a:hover{opacity:.9}
.site-header{background:rgba(0,0,0,.7); border-bottom:1px solid var(--line)}
.nav__link{color:var(--inverse)} .nav__link.is-active{background:transparent; outline:1px solid var(--line)}
.card{background:var(--surface); border-color:var(--line); color:var(--text)}
.hero{background:#0b0b0b; border-bottom:1px solid var(--line); padding:48px 0 28px}
.hero__title{color:var(--inverse)}
.button{background:var(--brand); color:#0b0b0b} .button:hover{background:var(--brand-600)}
.button--light{background:#fff; color:#0b0b0b}
.button--ghost{background:transparent; border:1px solid var(--line); color:var(--inverse)}
.band{padding:60px 0}
.band--charcoal{background:var(--surface-2); border-top:1px solid var(--line); border-bottom:1px solid var(--line)}
.band--white{background:#fff; color:#111}
.band--white .muted{color:#4b5563}
.filterbar{display:flex; gap:10px; align-items:center; background:var(--surface); border:1px solid var(--line); border-radius:12px; padding:10px}
.select, .input{background:#0d0f12; color:var(--inverse); border:1px solid var(--line); border-radius:10px; padding:10px 12px}
.icon-btn{background:#0d0f12; border:1px solid var(--line); border-radius:10px; padding:10px; color:#fff; cursor:pointer}
.divider{height:1px; background:var(--line); width:100%; margin:40px 0}
.slider-dots{display:flex; gap:8px; align-items:center}
.slider-dots span{width:26px; height:2px; background:var(--line); display:inline-block}
.slider-dots span.is-active{background:var(--inverse)}
.kicker{letter-spacing:.4em}
.site-footer{background: var(--surface-2); color: var(--text); border-top: 1px solid var(--line)}
.site-footer a{ color: var(--inverse); text-decoration: none } .site-footer a:hover{ opacity: .9 }
.footer__tagline{ color: var(--muted) }
.footer__copy{ background: #0b0b0b; color: var(--muted); border-top: 1px solid var(--line) }
.footer__cols h4{ letter-spacing: .12em; text-transform: uppercase; font-weight: 300; color: var(--inverse) }