:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial; color:#111;}
body{margin:0;background:#fff;}
.container{max-width:1040px;margin:0 auto;padding:18px;}
header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eee;}
.brand{display:flex;gap:10px;align-items:center;font-weight:700;}
.logo{font-size:22px;}
.btn{display:inline-block;padding:10px 14px;border-radius:12px;text-decoration:none;border:1px solid #ddd;color:#111}
.btn-primary{border-color:#111;background:#111;color:#fff}
.btn-light{background:#f5f5f5}
.btn-ghost{background:transparent}
.hero{display:grid;grid-template-columns:1.2fr .8fr;gap:22px;padding:26px 0}
.sub{color:#444;line-height:1.4}
.bullets{padding-left:18px;color:#222}
.video-box{border:1px solid #eee;border-radius:16px;padding:18px;min-height:220px;background:#fafafa;display:flex;align-items:center;justify-content:center;color:#666}
.block{padding:18px 0;border-top:1px solid #f0f0f0}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.card{border:1px solid #eee;border-radius:16px;padding:14px;background:#fff}
.faq details{border:1px solid #eee;border-radius:14px;padding:12px;margin:10px 0}
.footer{border-top:1px solid #eee;color:#555}
@media(max-width:860px){
  .hero{grid-template-columns:1fr}
  .cards{grid-template-columns:1fr}
}