:root{--turquoise:#00B9B4;--sand:#FAF6EF;--dark:#101010;--light:#FFFFFF}
*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--sand);color:var(--dark);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;line-height:1.6}
a{color:var(--dark);text-decoration:none}.ghost{border:1px solid rgba(0,0,0,.15);padding:.6rem 1rem;border-radius:999px;display:inline-block}
.cta{background:var(--turquoise);color:#fff;padding:.7rem 1.1rem;border-radius:999px;display:inline-block;box-shadow:0 8px 24px rgba(0,185,180,.22)}
.site-header{position:sticky;top:0;backdrop-filter:saturate(180%) blur(8px);background:rgba(250,246,239,.85);display:flex;gap:.8rem;align-items:center;justify-content:space-between;padding:.6rem 1rem;z-index:20;border-bottom:1px solid rgba(0,0,0,0.06)}
.brand .logo{font-family:'Space Grotesk',Inter,sans-serif;font-weight:700;letter-spacing:.3px}
.main-nav a{margin:0 .4rem}.actions{display:flex;gap:.6rem;align-items:center}
.hero{position:relative;min-height:85vh;display:grid;place-items:center;overflow:hidden;border-bottom:1px solid rgba(0,0,0,.06)}
.hero video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(106%) contrast(104%)}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(16,16,16,.05) 0%,rgba(16,16,16,.35) 70%,rgba(16,16,16,.58) 100%)}
.hero-copy{position:relative;z-index:2;max-width:980px;padding:1rem;color:#fff;text-align:center}
.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;padding:2rem 1rem;max-width:1200px;margin:0 auto}
.panel{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center;max-width:1200px;margin:0 auto;padding:3rem 1rem;opacity:0;transform:translateY(30px)}
.panel img{width:100%;height:360px;object-fit:cover;border-radius:18px}
.contact,.legal-page{max-width:960px;margin:2rem auto;padding:2rem 1rem;text-align:left;background:#fff;border-radius:16px;border:1px solid rgba(0,0,0,.06);opacity:0;transform:translateY(30px)}
.site-footer{padding:1rem;text-align:center;opacity:.85}
dialog#quizModal{border:none;border-radius:20px;max-width:720px;width:95%;padding:0;box-shadow:0 24px 80px rgba(0,0,0,.25)}
.quiz{padding:1rem 1rem 1.2rem}.steps{display:grid;gap:.8rem;margin:.6rem 0}.step{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:12px;padding:1rem}
@media (max-width: 900px){.benefits{grid-template-columns:1fr}.panel{grid-template-columns:1fr;gap:1rem}.panel img{height:220px}}