:root { --ink:#25344e; --navy:#273b5d; --cream:#fffaf1; --peach:#fcd6b1; --yellow:#ffd76a; --sage:#a9d6c3; --white:#fff; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--cream); font-family:"Noto Sans SC",system-ui,sans-serif; }
.hero { min-height:500px; display:grid; grid-template-columns:1.06fr .94fr; overflow:hidden; background:var(--navy); color:white; }
.hero__content { max-width:660px; padding:42px clamp(30px,7vw,108px) 64px; position:relative; z-index:2; }
.brand { display:inline-flex; align-items:center; gap:9px; color:white; text-decoration:none; font:800 18px Nunito,sans-serif; letter-spacing:.2px; }
.brand__mark { display:grid; place-items:center; width:29px; height:29px; border-radius:50% 50% 50% 9px; background:var(--yellow); color:var(--navy); transform:rotate(-18deg); }
.eyebrow { margin:70px 0 11px; color:var(--yellow); font:800 12px Nunito,sans-serif; letter-spacing:2px; }
h1,h2,p { margin-top:0; } h1 { margin-bottom:18px; font-size:clamp(39px,5vw,66px); line-height:1.18; letter-spacing:-2px; }
.hero__text { max-width:500px; margin-bottom:30px; color:#dbe4f3; font-size:16px; line-height:1.85; }
.button { display:inline-flex; align-items:center; gap:28px; padding:14px 22px; border-radius:99px; text-decoration:none; font-weight:700; transition:transform .2s ease,box-shadow .2s ease; }.button:hover { transform:translateY(-2px); box-shadow:0 8px 18px #16233b55; }.button--light { background:white; color:var(--navy); }.button span { font-size:20px; }
.hero__illustration { position:relative; min-height:500px; background:linear-gradient(145deg,#d6ede5 0 65%,#b8dec8 65%); }.sun { position:absolute; width:106px; height:106px; border-radius:50%; top:61px; right:17%; background:#ffcf62; box-shadow:0 0 0 14px #ffe49877; }.cloud { position:absolute; width:126px; height:39px; border-radius:35px; background:#fffdf5; }.cloud:before,.cloud:after { content:""; position:absolute; bottom:0; background:#fffdf5; border-radius:50%; }.cloud:before { width:53px; height:53px; left:24px; }.cloud:after { width:68px; height:68px; right:16px; }.cloud--one { top:84px; left:12%; transform:scale(.62); }.cloud--two { top:179px; right:-23px; transform:scale(.82); }.rainbow { position:absolute; top:151px; left:15%; width:170px; height:85px; overflow:hidden; }.rainbow i { position:absolute; border:11px solid; border-bottom:0; border-radius:180px 180px 0 0; }.rainbow i:nth-child(1) { inset:0; border-color:#f4a66b; }.rainbow i:nth-child(2) { inset:12px; border-color:#f5d25d; }.rainbow i:nth-child(3) { inset:24px; border-color:#9dcdb7; }.rainbow i:nth-child(4) { inset:36px; border-color:#fff9ed; }.hill { position:absolute; bottom:-62px; border-radius:50% 50% 0 0; }.hill--back { left:-16%; width:86%; height:240px; background:#86bd9e; }.hill--front { right:-17%; width:90%; height:290px; background:#6eaa8d; }.star { position:absolute; color:#fffef8; font-size:32px; }.star--one { top:47px; left:43%; }.star--two { top:239px; right:15%; font-size:21px; }
.reassurance { max-width:1080px; margin:-32px auto 0; padding:24px 36px; display:grid; grid-template-columns:repeat(3,1fr); gap:20px; position:relative; z-index:3; background:white; border-radius:18px; box-shadow:0 12px 30px #34455b1d; }.reassurance article { display:flex; align-items:center; justify-content:center; gap:12px; }.icon { display:grid; flex:0 0 auto; place-items:center; width:42px; height:42px; border-radius:14px; background:#edf8f2; color:#5aa57f; font-size:21px; font-weight:800; }.reassurance strong { font-size:14px; }.reassurance p { margin:2px 0 0; color:#6e7888; font-size:12px; }
.form-section { max-width:980px; margin:0 auto; padding:84px 25px 80px; }.section-heading { text-align:center; }.section-heading .eyebrow { margin:0 0 9px; color:#d28a51; }.section-heading h2 { margin-bottom:9px; font-size:clamp(28px,3vw,40px); letter-spacing:-1px; }.section-heading > p:last-child { color:#6d7786; }.form-card { margin-top:32px; padding:7px; overflow:hidden; background:white; border:1px solid #eee6d9; border-radius:18px; box-shadow:0 12px 38px #34455b12; } iframe { display:block; width:100%; min-height:920px; border:0; border-radius:12px; } .form-fallback { margin:0; padding:10px 16px 14px; color:#707b8c; font-size:13px; text-align:center; }.form-fallback a { color:#42688d; font-weight:700; }
footer { padding:28px; background:#ecf4ee; color:#667367; font-size:12px; text-align:center; }
@media (max-width:720px) { .hero { grid-template-columns:1fr; }.hero__content { min-height:462px; padding:28px 28px 48px; }.eyebrow { margin-top:55px; }.hero__illustration { min-height:275px; }.sun { top:35px; right:18%; transform:scale(.72); }.rainbow { top:62px; left:11%; transform:scale(.75); transform-origin:left top; }.cloud--two { top:83px; }.hill--back { height:175px; }.hill--front { height:195px; }.star--one { top:21px; }.star--two { top:154px; }.reassurance { grid-template-columns:1fr; gap:16px; margin:-18px 20px 0; padding:22px; }.reassurance article { justify-content:flex-start; }.form-section { padding:67px 16px; } iframe { min-height:1050px; } }