body{margin:0;font-family:Arial,sans-serif;background:#0f172a;color:#fff}
a{color:inherit}.container{width:min(1080px,92%);margin:auto}
header{border-bottom:1px solid rgba(255,255,255,.12);background:#0f172a}
.nav{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{font-weight:700;text-decoration:none;font-size:20px}
nav{display:flex;gap:24px;flex-wrap:wrap}
nav a{text-decoration:none;color:#cbd5e1}
nav a.active,nav a:hover{color:#fff}
.hero{min-height:calc(100vh - 145px);display:flex;align-items:center;text-align:center}
.hero-inner{max-width:800px;margin:auto;padding:72px 0}
.hero-title{font-size:clamp(38px,5.5vw,58px);margin:0 0 18px;letter-spacing:-1px}
.tagline{font-size:clamp(26px,3.4vw,38px);color:#cbd5e1;margin:0 0 24px}
.meta{color:#94a3b8;font-size:17px;margin:0}
.meta a{color:#7dd3fc;text-decoration:none}
main.page{padding:72px 0 90px}
.page-title{font-size:42px;margin:0 0 24px}
.lead{font-size:20px;line-height:1.7;color:#cbd5e1;max-width:820px}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:36px}
.card,.contact-box{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:26px}
.card{display:flex;align-items:center;justify-content:center;min-height:150px;text-align:center}
.card h2{font-size:20px;font-weight:700;line-height:1.4;margin:0;color:#fff}
.contact-box p{color:#cbd5e1;line-height:1.65}
.email{color:#7dd3fc;text-decoration:none}
footer{border-top:1px solid rgba(255,255,255,.12);color:#94a3b8;text-align:center;padding:24px 0;font-size:14px}
@media(max-width:760px){
  .nav{flex-direction:column;padding:16px 0}
  nav{justify-content:center}
  .grid{grid-template-columns:1fr}
  .hero{min-height:auto}
  .hero-inner{padding:84px 0}
  .meta{line-height:1.8}
}