* { margin:0; padding:0; box-sizing:border-box; }
body { font-family: 'Segoe UI', sans-serif; background:#e8f6f3; color:#003d3a; text-align:center; overflow-x:hidden; }
.hero { position:relative; height:60vh; background:linear-gradient(135deg,#00c4a7,#005a55); 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.3); }
.hero-content { position:relative; z-index:1; max-width:700px; color:#fff; }
.hero-content h1 { font-size:3rem; margin-bottom:0.5rem; }
.hero-content p { font-size:1.2rem; margin-bottom:1rem; }
.btn-go { padding:0.75rem 1.5rem; background:#fff; color:#00c4a7; border:none; border-radius:25px; font-weight:bold; }
.features, .video, .reviews, .contact { padding:3rem 1rem; max-width:900px; margin:0 auto; }
.features h2, .video h2, .reviews h2, .contact h2 { font-size:2rem; color:#005a55; margin-bottom:1rem; }
.features-grid, .reviews-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); gap:1.5rem; justify-items:center; }
.card, .review { background:#fff; padding:1rem; border-radius:8px; box-shadow:0 2px 8px rgba(0,0,0,0.1); text-align:left; }
.card h3, .review strong { color:#00c4a7; }
.video-wrapper { max-width:800px; margin:0 auto; border:4px solid #00c4a7; border-radius:8px; overflow:hidden; box-shadow:0 0 15px rgba(0,196,167,0.3); }
.video-wrapper iframe { width:100%; height:600px; border:none; }
.contact p { font-size:1rem; }
footer { background:#e0fdf9; padding:2rem 0; }
footer nav a { color:#005a55; margin:0 0.5rem; }