body{font-family:system-ui,-apple-system,Segoe UI,Roboto;margin:0;color:#0b0b0b;background:#fff}
*{box-sizing:border-box}

/* Layout */
.container{width:min(1100px,100% - 32px);margin:0 auto}

/* Nav */
.nav{position:relative;padding:12px 0}
.nav a{margin-right:16px;color:#333;text-decoration:none;opacity:.85}
.nav a:hover{opacity:1}

/* Hero */
.hero{position:relative;min-height:80vh;display:grid;place-items:center;padding:80px 0;background:#0b0b0b}
.hero::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.35),rgba(0,0,0,.65)),var(--hero-image) center/cover no-repeat;z-index:0}
.hero .content{position:relative;z-index:1;text-align:center;color:#fff;padding:0 12px}
.hero h1{font-size:clamp(26px,4vw+1rem,48px);line-height:1.15;margin:0 0 12px}
.hero p{max-width:820px;margin:0 auto;color:#e9e9e9;font-size:clamp(15px,1.5vw+0.5rem,19px)}

/* Buttons */
.cta{margin-top:24px}
a.button{display:inline-block;padding:14px 22px;background:#111;color:#fff;border-radius:12px;text-decoration:none;font-weight:600;border:1px solid rgba(255,255,255,.12)}
a.button:hover{background:#000}

.disclosure{margin-top:12px;font-size:12px;color:#dcdcdc}

/* Footer */
.footer{position:relative;padding:12px}
.footer a{margin-right:12px;color:#666;text-decoration:none;font-size:12px}