*{margin:0; padding:0; box-sizing:border-box;}
body{font-family:Arial,sans-serif; background:#f9fafb; color:#1f2937; text-align:center; overflow-x:hidden;}
.hero{position:relative; height:60vh; display:flex; align-items:center; justify-content:center;}
.overlay{position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.2);}
.hero-content{position:relative; z-index:1; max-width:600px;}
.hero-content h1{font-size:3rem; color:#fff; margin-bottom:0.5rem;}
.hero-content p{font-size:1.2rem; color:#f3f4f6; margin-bottom:1rem;}
.btn-go{padding:0.75rem 1.5rem; background:#fff; color:#00A3FF; border:none; border-radius:25px; text-decoration:none;}
.features, .video, .reviews{padding:3rem 1rem;}
.features h2, .video h2, .reviews h2{font-size:2rem; color:#00A3FF; margin-bottom:1rem;}
.features-grid, .reviews-grid{display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:1rem; justify-items:center;}
.card, .review{background:#fff; padding:1rem; border-radius:8px; box-shadow:0 2px 6px rgba(0,0,0,0.1); text-align:left;}
.card h3, .review strong{color:#00A3FF;}
.video-wrapper{max-width:800px; margin:1rem auto; border:4px solid #00A3FF; border-radius:8px; overflow:hidden;}
.video-wrapper iframe{width:100%; height:600px; border:none;}
footer{background:#fff; padding:2rem 0;}