* {margin:0; padding:0; box-sizing:border-box;}
body {font-family:Arial,sans-serif; background:#f5f5f5; color:#222; 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.3);}
.hero-content {position:relative; z-index:1; max-width:700px;}
.hero-content h1 {font-size:3rem; color:#fff; margin-bottom:0.5rem;}
.hero-content p {font-size:1.2rem; color:#f0f0f0; margin-bottom:1rem;}
.btn-go {padding:0.75rem 1.5rem; background:#fff; color:#B00020; border:none; border-radius:25px; text-decoration:none;}
.features, .video, .reviews {padding:3rem 1rem; max-width:900px; margin:0 auto;}
.features h2, .video h2, .reviews h2 {font-size:2rem; color:#B00020; margin-bottom:1rem;}
.features-grid, .reviews-grid {display:grid; grid-template-columns:repeat(auto-fit,minmax(225px,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:#B00020;}
.video-wrapper {max-width:800px; margin:1rem auto; border:4px solid #B00020; border-radius:8px; overflow:hidden; box-shadow:0 0 15px rgba(0,0,0,0.1);}
.video-wrapper iframe {width:100%; height:600px; border:none;}
footer {background:#fff; padding:2rem 0;}
footer nav a {color:#B00020; margin:0 0.5rem;}