:root{--navy:#06142f;--blue:#4aa3ff;--cyan:#72c9ff;--green:#19b982;--ink:#10213f;--muted:#60708b;--line:#d9e5f4;--pale:#f2f7fd;--white:#fff}
*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth}body{margin:0;background:var(--pale);color:var(--ink);font:16px/1.55 "DM Sans",sans-serif}a{text-decoration:none}img{max-width:100%}
.family-nav{min-height:78px;padding:14px clamp(20px,6vw,90px);display:flex;align-items:center;justify-content:space-between;background:rgba(6,20,47,.98);border-bottom:1px solid rgba(255,255,255,.1)}.family-nav img{width:210px;display:block}.back-link{color:#d9e8fa;font-weight:700}
.family-hero{padding:70px clamp(22px,7vw,110px) 54px;color:#fff;background:radial-gradient(circle at 78% 20%,rgba(52,153,255,.34),transparent 28%),linear-gradient(130deg,#041027,#0a2a60)}.eyebrow{margin:0 0 12px;color:var(--cyan);font-size:.78rem;font-weight:800;letter-spacing:.18em}.family-hero h1{max-width:900px;margin:0;font:800 clamp(2.6rem,5.6vw,5.4rem)/1.02 Manrope,sans-serif;letter-spacing:-.055em}.family-hero .quote-here{display:inline-flex;align-items:center;gap:12px;margin:26px 0 0;padding:15px 22px;border:2px solid #fff;border-radius:12px;background:linear-gradient(135deg,#49a9ff,#1c82ec);box-shadow:0 12px 30px rgba(15,126,225,.35);color:#fff;font-weight:900;letter-spacing:.12em;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.family-hero .quote-here::after{content:"↓";font-size:1.25rem;line-height:1}.family-hero .quote-here:hover,.family-hero .quote-here:focus-visible{transform:translateY(-2px);background:linear-gradient(135deg,#63b7ff,#238bf2);box-shadow:0 16px 36px rgba(15,126,225,.45)}.family-hero .quote-here:focus-visible{outline:3px solid #fff;outline-offset:4px}
.family-rule{margin:28px auto 0;width:min(1180px,calc(100% - 44px));padding:15px 18px;border-left:5px solid var(--green);background:#e6fbf4;color:#0b513b;border-radius:0 12px 12px 0}
.quote-layout{width:min(1180px,calc(100% - 44px));margin:28px auto 80px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr);gap:24px;align-items:start}.embed-card,.total-card{background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:0 22px 60px rgba(18,53,101,.1);overflow:hidden}.embed-card{scroll-margin-top:20px}.card-heading{padding:28px 30px 8px}.card-heading span,.total-head span{color:#2386ed;font-size:.72rem;font-weight:900;letter-spacing:.16em}.card-heading h2,.total-head h2{margin:4px 0 6px;font:800 1.8rem Manrope;letter-spacing:-.035em}.card-heading p{margin:0;color:var(--muted)}iframe{display:block;width:100%;height:780px;border:0;background:#fff}
.total-card{position:sticky;top:20px;padding:30px}.total-head{padding-bottom:18px;border-bottom:1px solid var(--line)}.quote-state{min-height:190px;display:grid;place-content:center;text-align:center;color:var(--muted)}.spinner{width:34px;height:34px;margin:auto;border:4px solid #dce9f7;border-top-color:#2386ed;border-radius:50%;animation:spin .8s linear infinite}.quote-state.error{display:block;min-height:auto;margin:22px 0;padding:18px;text-align:left;background:#fff3f3;color:#812828;border-radius:12px}.quote-state.error p{margin:6px 0 0}.grand-total{margin:22px 0 12px;padding:24px;border-radius:16px;color:#fff;background:linear-gradient(145deg,var(--navy),#1264b5)}.grand-total span{display:block;color:#bcd2ea;font-weight:900;letter-spacing:.08em}.grand-total strong{display:block;margin-top:8px;font:800 clamp(2.7rem,5vw,4.2rem)/1 Manrope;letter-spacing:-.06em}.group-summary{color:var(--muted);font-size:.9rem}.whatsapp-grid{display:grid;gap:10px;margin-top:18px}.whatsapp-cta{display:grid;justify-items:center;align-content:center;min-height:66px;padding:10px 16px;border-radius:12px;background:#25d366;color:#06361d;text-align:center}.whatsapp-cta strong{font-weight:900}.whatsapp-cta span{font-size:.85rem}.whatsapp-cta:hover{background:#49e184}.whatsapp-cta.secondary{background:#e9fff1;box-shadow:inset 0 0 0 2px #25d366}.legal-note{margin:24px 0 0;padding:15px 16px;border-left:4px solid #2386ed;border-radius:0 10px 10px 0;background:#edf6ff;color:#0b356b;font-size:.82rem;font-weight:800}
footer{padding:30px clamp(22px,7vw,110px);display:flex;justify-content:space-between;align-items:center;background:#030a18;color:#8193ac;font-size:.75rem}footer img{width:180px}
@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:900px){.quote-layout{grid-template-columns:1fr}.total-card{position:static}.quote-layout{margin-bottom:50px}}
@media(max-width:600px){.family-nav{min-height:70px;padding:12px 18px}.family-nav img{width:165px}.back-link{font-size:.85rem}.family-hero{padding:52px 22px 42px}.family-hero h1{font-size:2.8rem}.family-rule,.quote-layout{width:calc(100% - 28px)}.card-heading,.total-card{padding:22px 18px}.embed-card{border-radius:18px}.card-heading{padding-bottom:6px}iframe{height:720px}.grand-total strong{font-size:3rem}footer{display:grid;gap:12px;text-align:center}footer img{margin:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.spinner{animation:none}}