*{box-sizing:border-box}html,body{margin:0;padding:0}
html{font-family:system-ui,-apple-system,"Segoe UI",Helvetica,Arial,sans-serif}
:root{--bg-dim:.22;--card-bg:rgba(255,255,255,.82);--card-radius:18px;--shadow:0 20px 50px rgba(0,0,0,.18);--primary:#0d6efd;--primary-dark:#0b5ed7}
.topbar{position:fixed;inset-inline:0;top:0;height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;z-index:50;background:rgba(255,255,255,.78);backdrop-filter:saturate(120%) blur(6px);border-bottom:1px solid rgba(0,0,0,.06)}
.wa{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:#111;background:#fff;border:1px solid #e6e6e6;padding:.45rem .85rem;border-radius:999px}
.wa-icon{width:22px;height:22px;border-radius:999px;background:#25D366}
.brand{display:flex;align-items:center;gap:.5rem;color:#111;font-weight:600}.brand .diamond{color:#7C9AFF}
.hero{position:relative;min-height:100svh;display:grid;place-items:end center;padding-top:76px}
.hero .bg{position:absolute;inset:0;background:url('../img/family_bg.jpg') center top/cover no-repeat fixed;filter:brightness(1.05)}
.hero::after{content:'';position:absolute;inset:0;background:linear-gradient(to bottom, rgba(0,0,0,0) 35%, rgba(0,0,0,var(--bg-dim)) 100%);pointer-events:none}
.container{position:relative;z-index:1;width:min(1200px,100%);margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:end;padding:0 16px 6rem}
.card{background:var(--card-bg);border-radius:var(--card-radius);box-shadow:var(--shadow);padding:22px 22px 20px;backdrop-filter:blur(3px)}
.form-card{max-width:520px}.info-card{max-width:640px}
.headline{font-size:clamp(28px,3vw,44px);margin:4px 0 10px}.subtitle{margin:0 0 10px 0;opacity:.9}.bullets{margin:0;padding:0 1rem;line-height:1.85}
#leadForm{display:grid;gap:.7rem}input{width:100%;padding:14px 16px;border-radius:12px;border:1px solid #dfe3ea;outline:none;font-size:16px;background:#fff}
input:focus{border-color:#b9c7ff;box-shadow:0 0 0 3px rgba(124,154,255,.25)}
.cta{padding:14px 18px;border-radius:12px;border:none;cursor:pointer;color:#fff;background:var(--primary);font-size:16px;font-weight:700}.cta:hover{background:var(--primary-dark)}
.disclaimer{font-size:12px;opacity:.7;margin:6px 0 0}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.footer{position:fixed;inset-inline:0;bottom:0;text-align:center;padding:8px 10px;background:rgba(255,255,255,.82);backdrop-filter:blur(4px);border-top:1px solid rgba(0,0,0,.06);font-size:13px;z-index:40}
@media (max-width:960px){.container{grid-template-columns:1fr;gap:16px;padding-bottom:5rem}.form-card{order:2}.info-card{order:1}.hero{place-items:end center}}

/* ===== v17 overrides (layout, clarity) ===== */
.hero { align-items: flex-end; padding-bottom: 8rem; }
.card { background: rgba(255,255,255,0.72); backdrop-filter: blur(3px); }
.hero::after { background: linear-gradient(to bottom, rgba(0,0,0,0) 60%, rgba(0,0,0,0.10) 100%); }
.container { padding-top: 3rem; }
.hero .bg { filter: brightness(1.15); }
/* ===== end v17 overrides ===== */

