*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,sans-serif;color:#17324d;background:#fff}img{max-width:100%;height:auto}.top{background:#effaff}.top nav,.hero,.benefits,.problem,.showcase,.demo,.inside,.faq{width:min(1120px,calc(100% - 40px));margin:auto}.top nav{height:72px;display:flex;align-items:center;justify-content:space-between}.brand{font-weight:900;color:#f59e0b;text-decoration:none;letter-spacing:.5px}.brand span{color:#17466f}.navcta,.cta{display:inline-block;background:#2fbb6a;color:#fff;text-decoration:none;font-weight:900;border-radius:14px;padding:17px 22px;text-align:center}.navcta{background:#17466f;padding:13px 18px;font-size:12px}.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:45px;align-items:center;padding:60px 0 70px}.eyebrow{color:#ef5b58;font-size:13px;font-weight:900;letter-spacing:1.4px}.hero h1{font-size:52px;line-height:1.02;margin:12px 0 24px;color:#17466f}.hero h1 mark{background:none;color:#f59e0b}.lead{font-size:19px;line-height:1.55}.chips{display:flex;gap:8px;flex-wrap:wrap;margin:25px 0}.chips span{border:1px solid #d6e3e8;border-radius:999px;padding:9px 12px;background:#fff;font-size:12px;font-weight:700}.micro{font-size:12px;color:#687f8d}.hero-art img{filter:drop-shadow(0 18px 20px #17324d22)}.benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:28px 0}.benefits article{background:#fff8df;border-radius:16px;padding:18px}.benefits b,.benefits span{display:block}.benefits span{font-size:12px;margin-top:5px}.problem{display:grid;grid-template-columns:1fr 1fr;gap:22px;padding:70px 0}.problem article{background:#f3fafd;border-radius:24px;padding:32px}.problem .solution{background:#fff7dc}.problem h2,.showcase h2,.demo h2,.inside h2,.faq h2,.offer h2{font-size:34px;line-height:1.1;color:#17466f}.parents{height:160px;display:flex;align-items:center;justify-content:center;gap:15px}.dad,.mom{width:88px;height:88px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:900}.dad{background:#3e805d}.mom{background:#dc6f63}.bubble{font-size:52px;color:#f59e0b}.solution img{height:190px;object-fit:contain}.showcase{text-align:center;padding:60px 0}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:28px}.cards article{min-height:135px;padding:26px 18px;border-radius:20px;background:linear-gradient(145deg,#e8f8ff,#fff5d6);display:flex;flex-direction:column;justify-content:center}.cards b{color:#17466f}.cards span{font-size:13px;margin-top:8px}.demo{display:grid;grid-template-columns:1fr 380px;align-items:center;gap:60px;padding:70px 0;background:#fff}.demo ol{font-size:18px;line-height:2}.phone{border:10px solid #17466f;border-radius:38px;padding:26px;background:#edf8fd;box-shadow:0 20px 40px #17324d22}.phone>span{display:inline-block;background:#f59e0b;color:#fff;font-size:11px;font-weight:900;padding:7px 10px;border-radius:999px}.phone h3{color:#17466f}.phone p{font-size:12px;background:#fff;padding:10px;border-radius:10px}.inside{display:grid;grid-template-columns:1fr 360px;gap:60px;align-items:center;padding:70px 0}.quote{background:#17466f;color:#fff;padding:20px;border-radius:16px;font-weight:700;line-height:1.5}.cover{background:linear-gradient(150deg,#69cff2,#fff1a8);border-radius:18px;padding:32px;text-align:center;box-shadow:12px 18px 30px #17324d22}.cover small,.cover strong,.cover b,.cover span{display:block}.cover strong{font-size:32px;color:#f59e0b}.cover b{font-size:25px;margin-top:18px}.cover img{margin-top:18px;border-radius:14px}.offer{background:linear-gradient(145deg,#fff7d9,#e9f9ff);padding:70px 20px}.offerbox{max-width:650px;margin:auto;text-align:center;background:#fff;border-radius:28px;padding:42px;box-shadow:0 18px 45px #17324d18}.price{font-size:72px;font-weight:900;color:#2fbb6a;margin:15px 0}.price small{font-size:22px}.price sup{font-size:30px}.buy{width:100%;font-size:17px}.faq{padding:70px 0}.faq details{border-bottom:1px solid #dce5e8;padding:18px 0}.faq summary{font-weight:800;cursor:pointer}.faq details p{line-height:1.5}footer{background:#17466f;color:#fff;text-align:center;padding:32px 20px}footer p{font-size:11px}
@media(max-width:760px){.top nav,.hero,.benefits,.problem,.showcase,.demo,.inside,.faq{width:min(100% - 32px,680px)}.top nav{height:64px}.brand{font-size:13px}.navcta{font-size:10px;padding:11px 12px}.hero{grid-template-columns:1fr;padding:38px 0 50px;gap:25px}.hero h1{font-size:40px}.lead{font-size:17px}.cta{width:100%;padding:17px 14px;font-size:13px}.hero-art{order:2}.benefits{grid-template-columns:1fr 1fr}.problem,.demo,.inside{grid-template-columns:1fr}.problem{padding:45px 0}.problem h2,.showcase h2,.demo h2,.inside h2,.faq h2,.offer h2{font-size:29px}.cards{grid-template-columns:1fr 1fr}.demo{gap:30px;padding:45px 0}.phone{width:100%;max-width:390px;margin:auto}.inside{gap:30px;padding:50px 0}.cover{width:100%;max-width:350px;margin:auto}.offer{padding:50px 16px}.offerbox{padding:30px 18px}.price{font-size:62px}.faq{padding:50px 0}}
@media(max-width:390px){.hero h1{font-size:36px}.cards{grid-template-columns:1fr}.benefits{grid-template-columns:1fr}.chips span{font-size:11px}.problem article{padding:24px}.phone{padding:20px;border-width:8px}.navcta{max-width:125px}.price{font-size:56px}}
/* QA MOBILE / SAFE AREA */
html,body{max-width:100%;overflow-x:hidden}
body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}
a,summary{touch-action:manipulation}
.navcta,.cta{min-height:48px;display:inline-flex;align-items:center;justify-content:center;white-space:normal;line-height:1.2}
.hero-art,.solution,.phone,.cover{min-width:0}
.hero-art img,.solution img,.phone img,.cover img{display:block;width:100%;max-width:100%}
.phone p,.problem p,.inside p,.faq p,.lead{overflow-wrap:anywhere}
@media(max-width:430px){
 .top nav,.hero,.benefits,.problem,.showcase,.demo,.inside,.faq{width:calc(100% - 28px)}
 .hero{padding-top:30px}
 .hero h1{font-size:38px}
 .lead{font-size:16px}
 .chips{gap:7px}
 .chips span{padding:8px 10px}
 .problem article{padding:24px}
 .parents{height:130px}
 .dad,.mom{width:74px;height:74px;font-size:12px}
 .phone{max-width:100%}
 .offerbox{max-width:100%}
}
@media(max-width:360px){
 .brand{font-size:12px}
 .navcta{font-size:9px;max-width:116px;padding:10px}
 .hero h1{font-size:34px}
 .eyebrow{font-size:11px}
 .cards{grid-template-columns:1fr}
 .benefits{grid-template-columns:1fr}
 .price{font-size:52px}
 .buy{font-size:12px}
}