:root{
  --bg:#ffffff;
  --accent:#06AAA4;
  --text:#0b1720;
  --muted:#546b75;
  --container:1100px;
}
*{box-sizing:border-box}
body{font-family:system-ui,-apple-system,Segoe UI,Roboto,"Helvetica Neue",Arial; margin:0; color:var(--text); background:var(--bg); line-height:1.5}
.container{max-width:var(--container); margin:0 auto; padding:20px}
.site-header{border-bottom:1px solid #eef3f4; background:linear-gradient(90deg, rgba(255,255,255,0.9), rgba(250,255,255,0.9))}
.site-header .container{display:flex; align-items:center; justify-content:space-between}
.logo{height:56px}
.nav a{margin-left:18px; color:var(--muted); text-decoration:none; font-weight:600}
.hero{position:relative; text-align:left; padding:30px 0}
.banner{width:100%; height:auto; border-radius:12px; box-shadow:0 6px 18px rgba(10,20,25,0.06)}
.hero-content{position:absolute; left:40px; top:40px; max-width:520px; background:rgba(255,255,255,0.72); padding:18px; border-radius:10px}
.lead{color:var(--muted)}
.btn{display:inline-block; padding:12px 18px; border-radius:8px; background:var(--accent); color:white; text-decoration:none; font-weight:700; margin-right:10px}
.btn.secondary{background:transparent; color:var(--accent); border:2px solid var(--accent)}
.section{padding:40px 0}
.site-footer{border-top:1px solid #eef3f4; padding:20px 0; color:var(--muted); font-size:14px; text-align:center}
@media (max-width:900px){
  .hero-content{position:static; margin-top:-80px; background:rgba(255,255,255,0.92)}
  .nav{display:none}
}