:root{
  --bg:#ffffff;
  --accent:#111112;
  --muted:#6c6c70;
  --accent-2:#0a84ff;
}
*{box-sizing:border-box}
html,body{height:100%;font-family:'Inter',system-ui,-apple-system,Helvetica,Arial,sans-serif;color:var(--accent);background:var(--bg)}

.hero{height:100vh;min-height:640px;background-image:var(--hero-image);background-size:cover;background-position:center;position:relative;display:flex}
.hero .overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0.45),rgba(0,0,0,0.35))}
.hero .container{z-index:2}
.hero-title{font-weight:800;letter-spacing:-0.02em}
.hero-sub{opacity:0.95}
.hero-strap{font-size:1.25rem;margin-top:0.5rem}

/* content spacing */
main{padding-top:80px}

section h2, section h3, section h4{color:var(--accent)}

.btn-outline-light{border-color:rgba(255,255,255,0.85);color:#fff}
.btn-outline-light:hover{background:rgba(255,255,255,0.08)}

/* pricing */
#pricing .text-decoration-line-through{opacity:0.6}

/* simple responsive tweaks */
@media (max-width:767px){
  .hero{min-height:560px;padding-top:4rem}
  .hero-title{font-size:1.6rem}
}

/* footer */
footer a{color:var(--muted);text-decoration:none}
#contact a{color:inherit}