:root{
  --ink:#263f40;--deep:#123f3d;--deep-2:#0e3332;--cream:#f4e0ad;--cream-2:#fbf2dd;
  --white:#fffdf8;--muted:#c7d2cf;--line:rgba(244,224,173,.55);--max:1180px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--deep-2);color:var(--white);font-family:"DM Sans",sans-serif;overflow-x:hidden}
.site-bg{position:fixed;inset:0;z-index:-2;background:
 radial-gradient(circle at 50% -10%,rgba(63,126,119,.5),transparent 35%),
 radial-gradient(circle at 15% 45%,rgba(27,91,86,.3),transparent 32%),
 linear-gradient(180deg,#1d5b56 0%,#123f3d 52%,#0d2f2e 100%)}
.site-bg:after{content:"";position:absolute;inset:0;opacity:.12;background-image:radial-gradient(#f4e0ad 1px,transparent 1px);background-size:34px 34px}
.container{width:min(calc(100% - 48px),var(--max));margin:auto}.section{padding:110px 0}.header{position:fixed;top:0;left:0;width:100%;z-index:10;background:rgba(9,39,37,.72);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);border-bottom:1px solid rgba(244,224,173,.16);box-shadow:0 12px 30px -18px rgba(0,0,0,.5)}.nav{height:88px;display:flex;align-items:center;justify-content:space-between}
.brand{color:var(--white);font-family:"Playfair Display",serif;font-size:1.5rem;text-decoration:none;display:flex;align-items:center;gap:9px}.brand-logo{width:34px;height:34px;flex:none}
.nav-links{display:flex;align-items:center;gap:30px}.nav-links a{color:#e8eeea;text-decoration:none;font-size:.92rem}.nav-cta{border:1px solid var(--cream);padding:11px 18px;border-radius:999px;color:var(--cream)!important}.menu-toggle{display:none;background:none;border:0;color:#fff;font-size:1.7rem}
.hero{min-height:760px;padding:150px 0 76px;display:grid;align-items:center;position:relative;overflow:hidden}.hero-glow{position:absolute;left:46%;top:50%;width:640px;height:640px;border:1px solid rgba(244,224,173,.08);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 55px rgba(244,224,173,.025),0 0 0 120px rgba(244,224,173,.015)}.hero-layout{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.78fr);gap:clamp(42px,7vw,108px);align-items:center}.hero-content{max-width:660px}.shield-icon{width:54px;height:54px;border:2px solid var(--cream);border-radius:50%;margin:0 0 22px;display:grid;place-items:center}.shield-icon span{width:24px;height:20px;border:3px solid var(--cream);border-bottom:0;border-radius:30px 30px 0 0}
.eyebrow{font-size:.76rem;letter-spacing:.16em;font-weight:700;color:var(--cream);margin:0 0 16px}.hero h1,.section-heading h2,.intro h2,.how h2,.contact h2,.cta-band h2{font-family:"Playfair Display",serif;font-size:clamp(2.7rem,6vw,5.5rem);line-height:1.02;margin:0;letter-spacing:-.04em}.hero h1 em,.section-heading h2 em,.intro h2 em,.how h2 em,.contact h2 em{font-style:normal;color:var(--cream)}
.hero-text{font-size:1.16rem;line-height:1.65;color:#d6dfdc;max-width:610px;margin:24px 0}.hero-actions{display:flex;gap:14px;margin-top:34px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:20px;border:0;border-radius:999px;padding:15px 24px;text-decoration:none;font-weight:700;cursor:pointer;font-family:inherit;font-size:.9rem;transition:.25s}.btn:hover{transform:translateY(-3px)}.btn-primary{background:var(--cream);color:var(--ink)}.btn-ghost{border:1px solid rgba(255,255,255,.4);color:#fff}.btn-dark{background:var(--ink);color:var(--cream)}.full{width:100%;margin-top:8px}.location-pill{display:inline-block;margin:35px 0 0;padding:9px 22px;border-radius:999px;background:rgba(244,224,173,.12);color:var(--cream);font-size:.7rem;letter-spacing:.18em;font-weight:700}.hero-photo{position:relative;margin:0;min-height:500px;border-radius:120px 120px 18px 120px;overflow:hidden;box-shadow:22px 24px 0 rgba(244,224,173,.1),0 24px 60px rgba(0,0,0,.27)}.hero-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,43,41,.03) 38%,rgba(10,43,41,.7) 100%)}.hero-photo img{display:block;width:100%;height:100%;min-height:500px;object-fit:cover;object-position:center}.hero-photo figcaption{position:absolute;z-index:1;left:26px;right:26px;bottom:24px;display:flex;align-items:center;gap:12px;color:#fff}.hero-photo-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--cream);color:var(--ink);font-size:1.1rem}.hero-photo figcaption strong,.hero-photo figcaption small{display:block}.hero-photo figcaption strong{font-family:"Playfair Display",serif;font-size:1.2rem;line-height:1.15}.hero-photo figcaption small{margin-top:4px;color:#e6eeea;font-size:.76rem}
.intro{background:var(--cream-2);color:var(--ink)}.intro-grid{display:grid;grid-template-columns:1fr .9fr;gap:clamp(42px,7vw,100px);align-items:center}.section-label{font-size:.74rem;letter-spacing:.14em;font-weight:700;color:#58716f;margin-bottom:22px}.intro h2{font-size:clamp(2.4rem,4.2vw,4rem)}.intro h2 em{color:#55716e}.intro-copy{font-size:1.04rem;line-height:1.75;color:#536562;max-width:600px;margin-top:27px}.intro-copy p:first-child{margin-top:0}.intro-photo{position:relative;margin:0;min-height:430px;overflow:hidden;border-radius:2px 72px 2px 72px;box-shadow:20px 22px 0 rgba(85,113,110,.16)}.intro-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 54%,rgba(18,63,61,.67))}.intro-photo img{display:block;width:100%;height:100%;min-height:430px;object-fit:cover;object-position:center}.intro-photo figcaption{position:absolute;z-index:1;right:27px;bottom:21px;color:var(--white);font-family:"Playfair Display",serif;font-size:1.18rem;font-style:italic}
.help{background:linear-gradient(180deg,#174b48,#133f3e);padding:80px 0}.help .section-heading{margin-bottom:36px}.section-heading{max-width:700px;margin-bottom:58px}.centered{text-align:center;margin-left:auto;margin-right:auto}.section-heading h2{font-size:clamp(2.5rem,5vw,4.7rem)}.section-heading>p:last-child{line-height:1.7;color:#c8d2cf;margin-top:20px}
.feature-overview{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(244,224,173,.3)}.feature-card{padding:20px 20px 4px;border-left:1px solid rgba(255,255,255,.14)}.feature-card:first-child{border-left:0}.feature-icon{display:grid;place-items:center;width:30px;height:30px;border:1px solid rgba(244,224,173,.4);border-radius:50%;font-size:.85rem;color:var(--cream);margin-bottom:10px}.feature-card h3{font-size:.92rem;margin:0 0 5px}.feature-card p{color:#bac8c4;line-height:1.45;font-size:.8rem;max-width:190px}
.plans{background:var(--cream-2);color:var(--ink)}.plan-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.plan-card{padding:45px;background:#fffdf8;border:1px solid #d7c9a8;display:flex;flex-direction:column;min-height:620px}.plan-card.featured{background:var(--cream);border-color:var(--cream)}.plan-top{display:flex;justify-content:space-between;gap:20px}.plan-tag{font-size:.7rem;letter-spacing:.13em;color:#5b716e;font-weight:700}.plan-card h3{font-family:"Playfair Display",serif;font-size:2.3rem;line-height:1.05;margin:14px 0 0}.price{text-align:right;white-space:nowrap}.price strong{font-size:1.4rem}.price span{font-size:.78rem;margin-left:3px}.plan-summary{color:#596865;line-height:1.65;margin:34px 0 22px}.plan-card ul{padding:0;margin:0;list-style:none}.plan-card li{position:relative;padding:11px 0 11px 28px;border-bottom:1px solid rgba(38,63,64,.1);font-weight:600;line-height:1.4}.plan-card li:before{content:"✓";position:absolute;left:0;color:#58716f}.plan-bottom{margin-top:auto;padding-top:28px;display:flex;justify-content:space-between;align-items:end;gap:20px}.plan-bottom p{margin:0;font-size:.88rem;color:#596865}.text-link{padding:0;background:none;border:0;font:inherit;font-weight:700;color:var(--ink);cursor:pointer;white-space:nowrap}.text-link span{color:#58716f}.billing-note{text-align:center;color:#687674;font-size:.86rem;margin-top:25px}
.how{background:#123f3d}.how-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:110px;align-items:center}.how h2{font-size:clamp(2.6rem,4.5vw,4.5rem)}.how-copy>p:not(.eyebrow){line-height:1.75;color:#c7d2cf;max-width:480px;margin:22px 0 30px}.steps{border-top:1px solid var(--line)}.step{display:grid;grid-template-columns:90px 1fr;gap:20px;padding:34px 0;border-bottom:1px solid var(--line)}.step>span{font-family:"Playfair Display";font-size:1.5rem;color:var(--cream)}.step h3{font-size:1.3rem;margin:0 0 9px}.step p{margin:0;color:#bfcbc7;line-height:1.6}
.cta-band{background:var(--cream);color:var(--ink);padding:50px 0}.cta-band .container{display:flex;justify-content:space-between;align-items:center;gap:30px}.cta-band h2{font-size:clamp(2rem,3.5vw,3.3rem)}.cta-band p:last-child{margin:8px 0 0;color:#59706d}
.contact{background:#0d302f}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}.contact h2{font-size:clamp(2.5rem,4.5vw,4.5rem)}.contact-copy>p:not(.eyebrow){line-height:1.7;color:#c5d0cd;max-width:520px;margin:24px 0 42px}.contact-details{display:grid;gap:18px}.contact-details a{text-decoration:none;color:#fff;border-bottom:1px solid rgba(244,224,173,.25);padding-bottom:18px}.contact-details span{display:block;color:var(--cream);font-size:.65rem;letter-spacing:.14em;font-weight:700;margin-bottom:6px}.contact-details strong{font-size:1.1rem}
.contact-form{background:#174442;padding:38px}.contact-form label{display:block;font-size:.8rem;color:#e7ece9;margin-bottom:18px}.contact-form small{color:#9eafaa}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}input,select,textarea{display:block;width:100%;margin-top:8px;padding:13px 0;background:transparent;border:0;border-bottom:1px solid rgba(255,255,255,.3);border-radius:0;color:#fff;font:inherit;outline:none}select option{color:#111}textarea{resize:vertical}.form-note{text-align:center;color:#aebfbb;font-size:.73rem;margin:13px 0 0}
footer{background:#092725;color:#afc0bc;padding:35px 0 25px}.footer-top{display:grid;grid-template-columns:1fr 1.4fr 1fr;align-items:center;gap:30px;padding-bottom:30px;border-bottom:1px solid rgba(255,255,255,.1)}.footer-brand{font-size:1.2rem}.footer-top p{font-size:.86rem;margin:0}.back-top{text-align:right;color:var(--cream);text-decoration:none;font-size:.85rem}.footer-bottom{display:flex;justify-content:space-between;padding-top:22px;font-size:.72rem}.footer-bottom span:last-child{font-family:"Playfair Display";font-style:italic}
.toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,120px);background:var(--cream);color:var(--ink);padding:14px 20px;border-radius:999px;font-size:.85rem;box-shadow:0 10px 40px rgba(0,0,0,.2);transition:.35s;z-index:20}.toast.show{transform:translate(-50%,0)}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:850px){.nav-links{display:none;position:absolute;top:75px;left:24px;right:24px;background:#123f3d;padding:22px;flex-direction:column;align-items:stretch}.nav-links.open{display:flex}.nav-links a{text-align:center}.menu-toggle{display:block}.hero{min-height:700px}.intro-grid,.how-layout,.contact-grid{grid-template-columns:1fr;gap:35px}.feature-overview{grid-template-columns:1fr 1fr}.plan-grid{grid-template-columns:1fr}.cta-band .container{flex-direction:column;align-items:flex-start}.footer-top{grid-template-columns:1fr}.back-top{text-align:left}.footer-bottom{gap:12px;flex-direction:column}}
@media(max-width:560px){.container{width:min(calc(100% - 30px),var(--max))}.section{padding:75px 0}.hero{padding-top:145px;min-height:650px}.hero h1{font-size:3rem}.hero-actions{flex-direction:column;align-items:center}.feature-overview{grid-template-columns:1fr}.plan-card{padding:28px;min-height:0}.plan-top{flex-direction:column}.price{text-align:left}.plan-bottom{align-items:flex-start;flex-direction:column}.form-row{grid-template-columns:1fr}.contact-form{padding:25px}.footer-bottom{font-size:.68rem}.brand-logo{width:30px;height:30px}}
@media(max-width:850px){.feature-card{border-left:0;border-top:1px solid rgba(244,224,173,.3);padding-top:18px}.feature-card:nth-child(1),.feature-card:nth-child(2){border-top:0}.feature-card p{max-width:none}}
@media(max-width:560px){.feature-overview{border-top:0}.feature-card:nth-child(2){border-top:1px solid rgba(244,224,173,.3)}}
@media(max-width:850px){.hero{padding-top:145px}.hero-layout{grid-template-columns:1fr;gap:42px}.hero-content{max-width:700px;text-align:center;margin:auto}.shield-icon{margin-left:auto;margin-right:auto}.hero-text{margin-left:auto;margin-right:auto}.hero-actions{justify-content:center}.hero-photo{width:min(100%,580px);min-height:410px;margin:auto;border-radius:92px 92px 18px 92px}.hero-photo img{min-height:410px}}
@media(max-width:560px){.hero{padding:132px 0 48px;min-height:0}.hero-photo{min-height:340px;border-radius:72px 72px 14px 72px}.hero-photo img{min-height:340px}.hero-photo figcaption{left:18px;right:18px;bottom:17px}.hero-photo figcaption strong{font-size:1.06rem}}

/* Home hero: designed as a calm, family-first introduction. */
.hero{display:block;min-height:680px;margin-top:88px;padding:0;background:#faf8f1;color:#003c33;isolation:isolate}.hero:before{content:"";position:absolute;inset:0 auto 0 0;width:220px;opacity:.42;background-image:radial-gradient(#d7d8cc 1.35px,transparent 1.35px);background-size:14px 14px;mask-image:linear-gradient(to bottom,transparent 5%,#000 13%,#000 84%,transparent 95%)}.hero-glow{display:none}.hero-layout{width:100%;max-width:none;height:680px;margin:0;display:block}.hero-layout:after{content:"";position:absolute;z-index:0;top:0;right:4px;width:61%;height:680px;background:#e8c273;clip-path:ellipse(100% 112% at 100% 50%)}.hero-content{position:relative;z-index:2;width:43%;max-width:610px;padding:72px 20px 45px max(5.6vw,44px);margin:0;text-align:left}.hero-content>.shield-icon,.hero-content>.eyebrow,.hero-actions,.location-pill{display:none}.hero-location{display:inline-flex;align-items:center;gap:9px;margin:0 0 34px;padding:11px 18px;border-radius:999px;background:#dbe7d7;color:#073c35;font-size:.83rem;font-weight:700}.hero-location span{font-size:1.2rem;line-height:.7}.hero h1{font-size:clamp(3.25rem,5vw,4.45rem);line-height:.97;letter-spacing:-.045em;color:#003c33}.hero h1 em{color:#bd9147}.hero-text{max-width:410px;margin:26px 0 20px;color:#102f2c;font-size:1.1rem;line-height:1.68}.hero-divider{display:block;width:51px;height:2px;margin:24px 0 29px;background:#c69a50}.hero-call{display:inline-flex;align-items:center;gap:13px;padding:17px 26px;border-radius:999px;background:#004137;color:#fff;text-decoration:none;font-size:1rem;font-weight:700;box-shadow:0 9px 18px rgba(0,60,51,.13);transition:transform .2s ease,background .2s ease}.hero-call:hover{transform:translateY(-2px);background:#07574b}.hero-call-icon{display:grid;place-items:center;width:30px;height:30px;border:2px solid #fff;border-radius:50%;font-size:0}.hero-call-icon:after{content:"☎";font-size:.85rem;transform:rotate(-18deg)}.hero-note{margin:14px 0 0 13px;color:#203532;font-size:.92rem}.hero-photo{position:absolute;z-index:1;top:0;right:0;width:61%;height:680px;min-height:0;margin:0;border:0;border-radius:0;clip-path:ellipse(100% 112% at 100% 50%);overflow:hidden;box-shadow:none}.hero-photo:after{background:linear-gradient(90deg,rgba(0,47,42,.1),transparent 32%)}.hero-photo img{height:100%;min-height:0;object-position:center;transform:none}.hero-photo .hero-support-card{position:absolute;z-index:2;left:auto;right:7.5%;bottom:7.6%;width:330px;padding:19px 20px;display:flex;align-items:center;gap:15px;border-radius:20px;background:rgba(255,255,255,.96);box-shadow:0 14px 28px rgba(0,31,28,.16);color:#082f2c}.hero-photo-mark{width:58px;height:58px;flex:none;border-radius:50%;background:#004137;color:#edc46e;font-size:2.2rem}.hero-photo figcaption strong{font-family:"DM Sans",sans-serif;font-size:1rem;line-height:1.2}.hero-photo figcaption small{margin-top:5px;color:#bb8c40;font-size:.9rem;line-height:1.42}
@media(max-width:850px){.hero{min-height:0}.hero:before{width:140px}.hero-layout{height:auto;display:flex;flex-direction:column}.hero-layout:after{display:none}.hero-content{width:100%;max-width:680px;padding:64px 30px 58px;text-align:center}.hero-location{margin-bottom:26px}.hero-text{margin-left:auto;margin-right:auto}.hero-divider{margin-left:auto;margin-right:auto}.hero-note{margin-left:0}.hero-photo{position:relative;top:auto;right:auto;width:100%;height:min(80vw,560px);min-height:390px;clip-path:ellipse(104% 106% at 50% 50%);border-width:2px}.hero-photo img{min-height:100%;object-position:center}.hero-photo .hero-support-card{right:7%;bottom:7%;width:min(330px,78%);text-align:left}.hero-actions{display:none}}
@media(max-width:560px){.hero-content{padding:54px 24px 46px}.hero h1{font-size:3.1rem}.hero-text{font-size:1rem;max-width:355px}.hero-call{padding:15px 20px;font-size:.9rem}.hero-photo{height:108vw;min-height:330px}.hero-photo .hero-support-card{gap:11px;padding:14px;width:84%;border-radius:16px}.hero-photo-mark{width:46px;height:46px;font-size:1.7rem}.hero-photo figcaption strong{font-size:.86rem}.hero-photo figcaption small{font-size:.76rem}.hero-note{font-size:.8rem}}

/* Match the original Kiota Care hero overlay palette. */
.hero{background:#123f3d;color:#fff}.hero:before{background-image:radial-gradient(rgba(255,255,255,.42) 1.35px,transparent 1.35px);opacity:.26}.hero h1{color:#fff}.hero-text{color:#edf3f0}.hero-note{color:#e1ebe7}.hero-location{background:#dbe7d7;color:#073c35}

/* Synchronized hero calls to action and family-photo carousel. */
.hero-call,.legacy-hero-actions{display:none!important}.hero-cta-carousel.hero-actions{position:relative;display:block!important;width:280px;height:58px;margin:0}.hero-cta-carousel .btn{position:absolute;inset:0 auto auto 0;opacity:0;pointer-events:none;transform:translateY(8px);transition:opacity .45s ease,transform .45s ease;white-space:nowrap}.hero-cta-carousel .btn.active{opacity:1;pointer-events:auto;transform:none}.hero-cta-carousel .btn-primary{background:var(--cream);color:var(--ink)}.hero-cta-carousel .btn-ghost{background:transparent;border-color:rgba(255,255,255,.7);color:#fff}.hero-image-carousel{position:absolute;inset:0;z-index:0}.hero-image-slide{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;transition:opacity .65s ease;object-fit:cover;object-position:center}.hero-image-slide.active{opacity:1}.hero-photo .hero-support-card{z-index:3}.hero-carousel-dots{position:absolute;z-index:4;left:50%;bottom:20px;display:flex;gap:8px;transform:translateX(-50%)}.hero-carousel-dot{width:8px;height:8px;padding:0;border:1px solid rgba(255,255,255,.9);border-radius:50%;background:transparent;cursor:pointer;transition:background .25s ease,transform .25s ease}.hero-carousel-dot.active{background:#fff;transform:scale(1.15)}
@media(max-width:850px){.hero-cta-carousel.hero-actions{margin-left:auto;margin-right:auto}.hero-carousel-dots{bottom:17px}}

/* Alternating section palette: white begins the page, followed by deep green. */
.hero{background:#edf7f4;color:#003c33}
.hero:before{background-image:radial-gradient(#d7d8cc 1.35px,transparent 1.35px);opacity:.42}
.hero h1{color:#003c33}.hero h1 em{color:#0f6e63}.hero-text,.hero-note{color:#274541}
.hero-location{background:#e5f0ec;color:#073c35}.hero-divider{background:#0f6e63}
.hero-cta-carousel .btn-primary{background:#0f6e63;color:#fff}.hero-cta-carousel .btn-ghost{border-color:#0f6e63;color:#0f6e63}
.hero-carousel-dot{border-color:#0f6e63}.hero-carousel-dot.active{background:#0f6e63}

.intro,.plans,.cta-band{background:#123f3d;color:#fff}
.intro .section-label,.plans .eyebrow,.cta-band .eyebrow{color:#f4e0ad}
.intro h2 em,.plans h2 em{color:#f4e0ad}.intro-copy{color:#dce8e4}
.intro-photo{box-shadow:20px 22px 0 rgba(244,224,173,.18)}
.plans .plan-card,.plans .plan-card.featured{background:#fff;color:#263f40;border-color:#d9e5e0}
.plans .plan-tag,.plans .plan-card li:before,.plans .text-link span{color:#0f6e63}
.plans .plan-summary,.plans .plan-bottom p,.plans .billing-note{color:#536562}
.plans .text-link{color:#123f3d}

.help,.how,.contact{background:#edf7f4;color:#263f40}
.help .eyebrow,.how .eyebrow,.contact .eyebrow{color:#0f6e63}
.help .section-heading h2 em,.how h2 em,.contact h2 em{color:#0f6e63}
.help .section-heading>p:last-child,.how-copy>p:not(.eyebrow),.contact-copy>p:not(.eyebrow){color:#536562}
.feature-overview{border-color:rgba(15,110,99,.25)}.feature-card{border-color:rgba(15,110,99,.2)}
.feature-icon{border-color:rgba(15,110,99,.45);color:#0f6e63}.feature-card p{color:#536562}
.steps{border-color:rgba(15,110,99,.32)}.step{border-color:rgba(15,110,99,.25)}
.step>span{color:#0f6e63}.step p{color:#536562}
.contact-details a{color:#123f3d;border-color:rgba(15,110,99,.3)}.contact-details span{color:#0f6e63}
.contact-form{background:#123f3d}.contact-form label{color:#edf5f1}.contact-form small,.form-note{color:#c8d8d3}

.cta-band h2{color:#fff}.cta-band p:last-child{color:#dce8e4}.cta-band .btn-dark{background:#fff;color:#123f3d}

/* Distinct plan cards and device-first finishing touches. */
.plans .plan-card{
  --plan-accent:#0f6e63;
  --plan-ink:#123f3d;
  --plan-surface:#edf7f4;
  position:relative;
  overflow:hidden;
  border:1px solid #b9d8d1;
  border-top:6px solid var(--plan-accent);
  border-radius:18px;
  background:var(--plan-surface);
  box-shadow:0 16px 34px rgba(4,53,48,.12);
}
.plans .plan-card.featured{
  --plan-accent:#b8791f;
  --plan-ink:#51370f;
  --plan-surface:#fff6df;
  border-color:#e7c577;
  background:var(--plan-surface);
}
.plans .plan-card:after{
  content:"";
  position:absolute;
  width:150px;
  height:150px;
  right:-66px;
  top:-72px;
  border:26px solid color-mix(in srgb, var(--plan-accent) 15%, transparent);
  border-radius:50%;
  pointer-events:none;
}
.plans .plan-tag,.plans .plan-card li:before,.plans .text-link span{color:var(--plan-accent)}
.plans .plan-card h3,.plans .price strong,.plans .text-link{color:var(--plan-ink)}
.plans .price{padding:9px 12px;border-radius:10px;background:color-mix(in srgb, var(--plan-accent) 11%, white)}
.plans .plan-card li{border-color:color-mix(in srgb, var(--plan-accent) 17%, transparent)}
.plans .text-link{min-height:44px;display:inline-flex;align-items:center;gap:6px;border-radius:6px}
.plans .text-link:focus-visible,.hero-carousel-dot:focus-visible,.menu-toggle:focus-visible{outline:3px solid var(--plan-accent);outline-offset:4px}

@media (min-width:1500px){
  .container{--max:1320px}
  .hero-layout{max-width:1320px}
}
@media (max-width:1024px){
  .section{padding:88px 0}
  .hero-content{padding-left:clamp(30px,5vw,54px)}
  .plan-card{padding:34px;min-height:590px}
  .how-layout{gap:64px}
  .contact-grid{gap:58px}
}
@media (max-width:850px){
  .nav{height:76px}
  .nav-links{top:64px;box-shadow:0 16px 28px rgba(0,0,0,.2);border:1px solid rgba(244,224,173,.2);border-radius:0 0 16px 16px}
  .plans .plan-card{min-height:0}
  .plan-grid{gap:20px}
  .plans .plan-card:after{width:125px;height:125px}
}
@media (max-width:560px){
  html{font-size:16px}
  .section{padding:64px 0}
  .header{position:sticky}
  .hero{margin-top:0}
  .hero-content{padding:45px 20px 40px}
  .hero-location{font-size:.72rem;padding:9px 13px}
  .hero h1,.section-heading h2,.intro h2,.how h2,.contact h2{letter-spacing:-.035em}
  .hero-cta-carousel.hero-actions{width:100%;height:52px}
  .hero-cta-carousel .btn{width:100%;min-height:52px}
  .hero-photo .hero-support-card{bottom:12%;width:88%}
  .hero-carousel-dots{bottom:5%}
  .section-heading{margin-bottom:38px}
  .plan-card,.plans .plan-card{padding:24px 20px;border-radius:14px}
  .plan-top{gap:12px}
  .plan-card h3{font-size:2rem}
  .price{width:max-content;max-width:100%;padding:7px 10px}
  .plan-summary{margin:24px 0 16px}
  .plan-card li{padding:10px 0 10px 25px;font-size:.92rem}
  .plan-bottom{padding-top:22px;gap:12px}
  .plans .text-link{white-space:normal;text-align:left}
  .cta-band{padding:38px 0}
  .cta-band .btn{width:100%}
  .contact-form{padding:24px 18px}
  .toast{width:calc(100% - 30px);text-align:center;border-radius:16px}
}
@media (max-width:360px){
  .container{width:calc(100% - 24px)}
  .brand{font-size:1.22rem;gap:6px}
  .hero h1{font-size:2.65rem}
  .hero-call{max-width:100%;padding:14px 16px}
  .hero-photo{min-height:300px}
  .hero-photo .hero-support-card{padding:11px;gap:8px}
  .hero-photo-mark{width:38px;height:38px;font-size:1.35rem}
  .feature-card{padding-left:4px;padding-right:4px}
  .plan-card,.plans .plan-card{padding:22px 16px}
  .plan-card h3{font-size:1.78rem}
  .footer-top{gap:20px}
}
@media (prefers-reduced-motion:reduce){
  *,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}
}

.hero-photo .hero-support-card a{color:inherit;text-decoration:none}
.hero-photo .hero-support-card a:hover strong{text-decoration:underline}
.hero-photo .hero-support-card a:focus-visible{outline:3px solid #0f6e63;outline-offset:5px;border-radius:4px}

/* Rebuilt family-first hero */
.hero{position:relative;display:flex;align-items:center;min-height:760px;margin-top:88px;padding:76px 0 92px;overflow:hidden;background:#edf7f4;color:#123f3d;isolation:isolate}
.hero:before{inset:0 auto 0 0;width:32%;opacity:.45;background-image:radial-gradient(rgba(15,110,99,.2) 1px,transparent 1px);background-size:18px 18px;mask-image:linear-gradient(90deg,#000,transparent)}
.hero-layout{position:relative;z-index:1;width:min(calc(100% - 48px),1320px);max-width:1320px;height:auto;margin:auto;display:grid;grid-template-columns:minmax(0,.88fr) minmax(440px,1.12fr);gap:clamp(44px,7vw,112px);align-items:center}
.hero-content{width:auto;max-width:610px;margin:0;padding:0;text-align:left}
.hero-location{display:inline-flex;align-items:center;gap:10px;margin:0 0 34px;padding:10px 15px;border:1px solid rgba(18,63,61,.12);border-radius:999px;background:rgba(255,255,255,.55);color:#315953;font-size:.7rem;letter-spacing:.12em;font-weight:700}
.hero-location-dot{width:8px;height:8px;border-radius:50%;background:#b8791f;box-shadow:0 0 0 4px rgba(184,121,31,.14)}
.hero-kicker{margin:0 0 17px;color:#55716e;font-size:.8rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.hero h1{max-width:640px;color:#123f3d;font-family:"DM Sans",sans-serif;font-size:clamp(3.2rem,5.35vw,5.7rem);font-weight:600;line-height:.99;letter-spacing:-.065em}
.hero h1 em{color:#0f6e63;font-style:normal}
.hero-text{max-width:500px;margin:25px 0 0;color:#536562;font-size:1.08rem;line-height:1.75}
.hero-actions{display:flex;align-items:center;gap:26px;margin-top:32px}
.hero-actions .btn-primary{position:static;display:inline-flex;align-items:center;justify-content:center;gap:18px;width:auto;height:auto;padding:17px 23px;border-radius:8px;background:#0f6e63;color:#fff;box-shadow:0 10px 24px rgba(15,110,99,.16);opacity:1;pointer-events:auto;transform:none;white-space:nowrap}
.hero-actions .btn-primary:hover{background:#0a584f;transform:translateY(-2px)}
.hero-secondary{color:#123f3d;text-decoration:none;font-weight:700;font-size:.92rem}
.hero-secondary span{margin-left:5px;color:#0f6e63}
.hero-trust{display:flex;align-items:center;gap:10px;margin-top:32px;color:#55716e;font-size:.82rem}
.hero-trust-mark{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:rgba(15,110,99,.12);color:#0f6e63;font-size:.8rem;font-weight:700}
.hero-photo{position:relative;inset:auto;width:100%;height:min(55vw,610px);min-height:480px;margin:0;border:0;border-radius:46% 46% 18px 18px;clip-path:none;overflow:hidden;background:#d9e8df;box-shadow:0 28px 65px rgba(18,63,61,.15)}
.hero-photo:after{display:none}
.hero-image-carousel{position:absolute;inset:0;z-index:0}
.hero-image-slide{z-index:0;opacity:0;transition:opacity .8s ease;object-fit:cover;object-position:center 42%}
.hero-image-slide.active{opacity:1}
.hero-photo-shade{position:absolute;z-index:1;inset:45% 0 0;background:linear-gradient(180deg,transparent,rgba(11,49,45,.44));pointer-events:none}
.hero-photo .hero-support-card{position:absolute;z-index:3;inset:auto auto 28px 28px;display:flex;width:auto;max-width:calc(100% - 56px);align-items:center;gap:13px;padding:14px 19px 14px 14px;border:1px solid rgba(255,255,255,.55);border-radius:12px;background:rgba(255,255,255,.94);box-shadow:0 12px 36px rgba(8,47,44,.16);color:#123f3d;text-align:left;backdrop-filter:blur(12px)}
.hero-photo-mark{display:grid;place-items:center;width:42px;height:42px;flex:none;border-radius:9px;background:#0f6e63;color:#fff;font-size:1.3rem}
.hero-photo figcaption a{text-decoration:none;color:inherit}
.hero-photo figcaption small{display:block;margin:0 0 4px;color:#55716e;font-size:.61rem;font-weight:700;letter-spacing:.12em}
.hero-photo figcaption strong{display:block;font-family:"DM Sans",sans-serif;font-size:.98rem;font-weight:700;line-height:1.2}
.hero-carousel-dots{z-index:4;left:auto;right:28px;bottom:48px;gap:7px}
.hero-carousel-dot{width:8px;height:8px;border-color:#fff;background:rgba(255,255,255,.3)}
.hero-carousel-dot.active{background:#fff;transform:scale(1.2)}
.hero-bottomline{position:absolute;right:max(24px,calc((100vw - 1320px)/2));bottom:23px;left:max(24px,calc((100vw - 1320px)/2));display:flex;justify-content:space-between;color:#64807b;font-size:.64rem;font-weight:700;letter-spacing:.14em}
@media(max-width:900px){.hero{min-height:0;padding:66px 0 86px}.hero-layout{grid-template-columns:1fr;gap:48px;max-width:700px}.hero-content{max-width:680px;margin:auto;text-align:center}.hero-location{margin-bottom:25px}.hero-text{margin-left:auto;margin-right:auto}.hero-actions{justify-content:center}.hero-trust{justify-content:center}.hero-photo{width:100%;height:min(88vw,590px);min-height:400px;border-radius:42% 42% 16px 16px}.hero-bottomline{font-size:.58rem}}
@media(max-width:560px){.hero{margin-top:76px;padding:48px 0 76px}.hero-layout{width:min(calc(100% - 34px),var(--max));gap:35px}.hero-location{margin-bottom:22px;font-size:.62rem}.hero-kicker{font-size:.67rem}.hero h1{font-size:clamp(2.8rem,12vw,3.65rem);line-height:1.02}.hero-text{font-size:.98rem;line-height:1.65;margin-top:19px}.hero-actions{flex-direction:column;gap:18px;margin-top:25px}.hero-actions .btn-primary{width:100%;padding:16px}.hero-trust{margin-top:24px;font-size:.72rem}.hero-photo{height:105vw;min-height:330px;max-height:470px;border-radius:43% 43% 14px 14px}.hero-photo .hero-support-card{left:15px;bottom:18px;max-width:calc(100% - 30px);padding:11px 14px 11px 11px}.hero-photo-mark{width:38px;height:38px}.hero-photo figcaption strong{font-size:.87rem}.hero-photo figcaption small{font-size:.54rem}.hero-carousel-dots{right:18px;bottom:32px}.hero-bottomline{right:17px;left:17px;bottom:15px;font-size:.48rem;letter-spacing:.08em}}

/* Rest of page: a unified editorial system for family-first support */
.section{padding:clamp(76px,9vw,124px) 0}
.intro{position:relative;background:#fff;color:#123f3d}
.intro-grid{grid-template-columns:minmax(0,.95fr) minmax(380px,1.05fr);gap:clamp(48px,8vw,120px)}
.section-label,.help .eyebrow,.plans .eyebrow,.how .eyebrow,.contact .eyebrow,.cta-band .eyebrow{display:inline-flex;align-items:center;gap:10px;margin:0 0 22px;color:#0f6e63;font-size:.69rem;letter-spacing:.15em;font-weight:700}
.section-label:before,.help .eyebrow:before,.plans .eyebrow:before,.how .eyebrow:before,.contact .eyebrow:before,.cta-band .eyebrow:before{content:"";width:23px;height:1px;background:currentColor}
.intro h2,.section-heading h2,.how h2,.contact h2{font-family:"DM Sans",sans-serif;font-size:clamp(2.5rem,4.5vw,4.35rem);font-weight:600;line-height:1.04;letter-spacing:-.055em}
.intro h2 em,.section-heading h2 em,.how h2 em,.contact h2 em{color:#0f6e63}
.intro-copy{max-width:540px;margin-top:24px;color:#536562;font-size:1rem;line-height:1.8}
.intro-copy p+p{margin-top:17px}
.intro-photo{min-height:460px;border-radius:180px 180px 14px 14px;box-shadow:22px 22px 0 #dcebe5}
.intro-photo:after{background:linear-gradient(180deg,transparent 55%,rgba(8,47,44,.68))}
.intro-photo img{min-height:460px;object-position:center 43%}
.intro-photo figcaption{right:24px;bottom:23px;left:26px;font-family:"DM Sans",sans-serif;font-size:.92rem;font-style:normal;font-weight:600}
.help{position:relative;background:#123f3d;color:#fff;padding:clamp(80px,9vw,112px) 0}
.help .section-heading{max-width:780px;margin-bottom:54px}
.help .eyebrow,.cta-band .eyebrow{color:#e6c778}
.help .section-heading h2,.plans .section-heading h2{font-family:"DM Sans",sans-serif;font-size:clamp(2.4rem,4.4vw,4.1rem);font-weight:600;letter-spacing:-.055em;line-height:1.06}
.help .section-heading h2 em{color:#e6c778}
.help .section-heading>p:last-child{max-width:590px;margin:20px auto 0;color:#c6d8d3;font-size:.98rem;line-height:1.7}
.feature-overview{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;border:0}
.feature-card,.feature-card:first-child{min-height:205px;padding:24px 21px;border:1px solid rgba(255,255,255,.13);border-radius:12px;background:rgba(255,255,255,.055);transition:transform .25s ease,background .25s ease,border-color .25s ease}
.feature-card:hover{transform:translateY(-5px);background:rgba(255,255,255,.1);border-color:rgba(230,199,120,.45)}
.feature-icon{width:38px;height:38px;margin-bottom:23px;border-color:rgba(230,199,120,.48);color:#e6c778;font-size:1rem}
.feature-card h3{margin-bottom:9px;color:#fff;font-size:1rem;font-weight:600}
.feature-card p{max-width:unset;margin:0;color:#c6d8d3;font-size:.84rem;line-height:1.6}
.plans{position:relative;background:#edf7f4;color:#123f3d}
.plans .section-heading{max-width:740px;margin-bottom:46px}
.plans .section-heading h2 em{color:#0f6e63}
.plans .section-heading .eyebrow{color:#0f6e63}
.plan-grid{gap:22px;align-items:stretch}
.plans .plan-card,.plans .plan-card.featured{min-height:570px;padding:clamp(26px,3.2vw,42px);overflow:hidden;border:1px solid #d2e3dd;border-top:4px solid #0f6e63;border-radius:14px;background:#fff;box-shadow:0 16px 44px rgba(18,63,61,.07);transition:transform .25s ease,box-shadow .25s ease}
.plans .plan-card:hover{transform:translateY(-5px);box-shadow:0 22px 52px rgba(18,63,61,.13)}
.plans .plan-card.featured{border-color:#e7d29f;border-top-color:#b8791f;background:#fff6df}
.plans .plan-card:after{width:128px;height:128px;right:-57px;top:-65px;border-width:20px;opacity:.75}
.plans .plan-tag{font-size:.65rem;letter-spacing:.14em}
.plans .plan-card h3{margin-top:12px;font-family:"DM Sans",sans-serif;font-size:clamp(1.75rem,2.5vw,2.2rem);font-weight:600;letter-spacing:-.045em;line-height:1.08}
.plans .price{padding:10px 12px;border-radius:9px;background:rgba(15,110,99,.09);color:#123f3d}
.plans .plan-card.featured .price{background:rgba(184,121,31,.11)}
.plans .price strong{font-size:1.25rem;letter-spacing:-.04em}
.plans .price span{font-size:.72rem}
.plans .plan-summary{margin:28px 0 18px;font-size:.9rem;line-height:1.65}
.plans .plan-card li{padding:12px 0 12px 27px;font-size:.9rem;font-weight:500;line-height:1.48}
.plans .plan-card li:before{font-size:.85rem}
.plans .plan-bottom{align-items:center;padding-top:23px}
.plans .plan-bottom p{font-size:.8rem;line-height:1.5}
.plans .text-link{display:inline-flex;align-items:center;gap:7px;padding:11px 14px;border-radius:7px;background:#0f6e63;color:#fff;font-size:.82rem;transition:background .2s ease}
.plans .text-link:hover{background:#0a584f}
.plans .plan-card.featured .text-link{background:#9b681c}
.plans .plan-card.featured .text-link:hover{background:#805516}
.plans .text-link span{color:inherit}
.plans .billing-note{margin-top:24px;color:#627975;font-size:.82rem}
.how{background:#fff6df;color:#123f3d}
.how-layout{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(48px,9vw,132px)}
.how .eyebrow{color:#9b681c}
.how h2 em{color:#9b681c}
.how-copy>p:not(.eyebrow){max-width:440px;margin:22px 0 28px;color:#5f6b62;font-size:.98rem;line-height:1.75}
.how-copy .btn-primary{border-radius:7px;background:#123f3d;color:#fff}
.steps{border:0;display:grid;gap:10px}
.step{grid-template-columns:56px 1fr;gap:19px;align-items:start;padding:22px 23px;border:1px solid rgba(18,63,61,.1);border-radius:10px;background:rgba(255,255,255,.62)}
.step>span{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#e5efe9;color:#0f6e63;font-family:"DM Sans",sans-serif;font-size:.78rem;font-weight:700}
.step h3{margin:2px 0 7px;color:#123f3d;font-size:1.04rem;font-weight:600}
.step p{color:#5e706b;font-size:.88rem;line-height:1.65}
.cta-band{position:relative;overflow:hidden;padding:clamp(45px,6vw,72px) 0;background:#0f6e63;color:#fff}
.cta-band:after{content:"";position:absolute;right:-100px;top:-185px;width:430px;height:430px;border:1px solid rgba(255,255,255,.15);border-radius:50%;box-shadow:0 0 0 38px rgba(255,255,255,.035),0 0 0 82px rgba(255,255,255,.025);pointer-events:none}
.cta-band .container{position:relative;z-index:1}
.cta-band h2{font-family:"DM Sans",sans-serif;font-size:clamp(1.9rem,3.5vw,3.15rem);font-weight:600;letter-spacing:-.05em}
.cta-band p:last-child{color:#d5ebe3;font-size:.94rem}
.cta-band .btn-dark{border:1px solid rgba(255,255,255,.24);border-radius:7px;background:#fff;color:#0f6e63;white-space:nowrap}
.cta-band .btn-dark:hover{background:#fff6df}
.contact{background:#edf7f4;color:#123f3d}
.contact-grid{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(48px,8vw,110px);align-items:center}
.contact h2 em{color:#0f6e63}
.contact-copy>p:not(.eyebrow){max-width:480px;margin:21px 0 34px;color:#536562;font-size:.98rem;line-height:1.75}
.contact-details{gap:0}
.contact-details a{padding:18px 0;border-color:rgba(18,63,61,.15);color:#123f3d}
.contact-details span{color:#64807b;font-size:.62rem}
.contact-details strong{font-size:1rem}
.contact-form{padding:clamp(24px,4vw,40px);border:1px solid #d6e6e0;border-radius:13px;background:#fff;box-shadow:0 18px 50px rgba(18,63,61,.08)}
.contact-form label{margin-bottom:19px;color:#315953;font-size:.78rem;font-weight:600}
.contact-form small{color:#81938f;font-weight:400}
.contact-form input,.contact-form select,.contact-form textarea{padding:12px 13px;border:1px solid #dce8e3;border-radius:6px;background:#fbfdfc;color:#123f3d;font-size:.9rem;transition:border-color .2s ease,box-shadow .2s ease}
.contact-form input::placeholder,.contact-form textarea::placeholder{color:#9aaaa6}
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:#0f6e63;box-shadow:0 0 0 3px rgba(15,110,99,.1);outline:0}
.contact-form select option{color:#123f3d}
.contact-form .btn-primary{margin-top:4px;border-radius:7px;background:#0f6e63;color:#fff}
.contact-form .form-note{margin-top:14px;color:#71847f;font-size:.74rem}
footer{padding:42px 0 25px;background:#0b302e;color:#c3d3ce}
.footer-top{grid-template-columns:1fr 1.4fr auto;gap:28px;padding-bottom:27px;border-color:rgba(255,255,255,.14)}
.footer-brand{color:#fff}
.footer-top p{max-width:420px;color:#bacdc7;line-height:1.6}
.back-top{color:#e6c778}
.footer-bottom{color:#92aaa3}
.footer-bottom span:last-child{font-family:"DM Sans",sans-serif;font-style:normal}
@media(max-width:900px){
 .intro-grid,.contact-grid{grid-template-columns:1fr;gap:42px}
 .intro-photo{width:min(100%,620px);margin:0 auto;min-height:400px}
 .intro-photo img{min-height:400px}
 .feature-overview{grid-template-columns:repeat(2,minmax(0,1fr))}
 .feature-card,.feature-card:first-child{min-height:180px}
 .how-layout{grid-template-columns:1fr;gap:40px}
 .how-copy{max-width:650px}
 .contact-grid{max-width:720px}
 .footer-top{grid-template-columns:1fr 1.4fr auto}
}
@media(max-width:600px){
 .section{padding:68px 0}
 .intro h2,.section-heading h2,.how h2,.contact h2{font-size:clamp(2.25rem,10vw,3.1rem)}
 .intro-photo,.intro-photo img{min-height:340px}
 .intro-photo{border-radius:120px 120px 12px 12px;box-shadow:12px 14px 0 #dcebe5}
 .help{padding:70px 0}
 .help .section-heading{margin-bottom:34px}
 .feature-overview{grid-template-columns:1fr;gap:9px}
 .feature-card,.feature-card:first-child{min-height:0;padding:18px;border-radius:9px}
 .feature-icon{margin-bottom:14px}
 .plan-grid{grid-template-columns:1fr;gap:14px}
 .plans .plan-card,.plans .plan-card.featured{min-height:0;padding:24px 20px}
 .plans .plan-top{flex-direction:row;align-items:flex-start}
 .plans .plan-card h3{font-size:1.8rem}
 .plans .price{width:max-content;text-align:left}
 .plans .plan-bottom{align-items:flex-start;flex-direction:column}
 .plans .text-link{min-height:42px}
 .step{grid-template-columns:45px 1fr;gap:13px;padding:17px 14px}
 .step>span{width:36px;height:36px}
 .cta-band .container{align-items:flex-start;gap:22px}
 .cta-band .btn-dark{width:100%}
 .contact-form{padding:23px 18px}
 .footer-top{grid-template-columns:1fr;gap:15px}
 .back-top{text-align:left}
}

/* Alternating light and deep-green page sections */
.help{background:#123f3d;color:#fff}
.help .eyebrow{color:#e6c778}
.help .section-heading h2{color:#fff}
.help .section-heading h2 em{color:#e6c778}
.help .section-heading>p:last-child{color:#c6d8d3}
.plans{background:#edf7f4;color:#123f3d}
.how{background:#123f3d;color:#fff}
.how .eyebrow{color:#e6c778}
.how h2,.how h2 em{color:#fff}
.how h2 em{color:#e6c778}
.how-copy>p:not(.eyebrow){color:#c6d8d3}
.how-copy .btn-primary{background:#e6c778;color:#123f3d}
.steps{gap:10px;border:0}
.step{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.055)}
.step>span{background:rgba(230,199,120,.14);color:#e6c778}
.step h3{color:#fff}
.step p{color:#c6d8d3}
.cta-band{background:#edf7f4;color:#123f3d}
.cta-band:after{border-color:rgba(15,110,99,.12);box-shadow:0 0 0 38px rgba(15,110,99,.035),0 0 0 82px rgba(15,110,99,.025)}
.cta-band .eyebrow{color:#0f6e63}
.cta-band h2{color:#123f3d}
.cta-band p:last-child{color:#536562}
.cta-band .btn-dark{background:#0f6e63;color:#fff}
.cta-band .btn-dark:hover{background:#0a584f}
.contact{background:#123f3d;color:#fff}
.contact .eyebrow{color:#e6c778}
.contact h2,.contact h2 em{color:#fff}
.contact h2 em{color:#e6c778}
.contact-copy>p:not(.eyebrow){color:#c6d8d3}
.contact-details a{border-color:rgba(255,255,255,.18);color:#fff}
.contact-details span{color:#e6c778}
.contact-form{border-color:rgba(255,255,255,.14);background:#174b48;box-shadow:0 18px 50px rgba(0,0,0,.12)}
.contact-form label{color:#f2f7f4}
.contact-form small{color:#b8cbc5}
.contact-form input,.contact-form select,.contact-form textarea{border-color:rgba(255,255,255,.22);background:rgba(255,255,255,.06);color:#fff}
.contact-form input::placeholder,.contact-form textarea::placeholder{color:#b1c2bd}
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:#e6c778;box-shadow:0 0 0 3px rgba(230,199,120,.12)}
.contact-form select option{color:#123f3d}
.contact-form .btn-primary{background:#e6c778;color:#123f3d}
.contact-form .form-note{color:#c6d8d3}

/* Original family and device illustration, inspired by Qustodio's hero composition */
.hero-visual{position:relative;isolation:isolate;width:100%;height:min(55vw,610px);min-height:480px;margin:0;border-radius:28px;background:#dcebe5;box-shadow:0 28px 65px rgba(18,63,61,.15)}
.hero-family-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 43%;border-radius:inherit;filter:saturate(.76)}
.hero-visual-wash{position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,rgba(11,49,45,.02) 43%,rgba(11,49,45,.38)),linear-gradient(90deg,rgba(237,247,244,.12),transparent 65%)}
.safety-card{position:absolute;z-index:2;display:flex;flex-direction:column;border:1px solid rgba(18,63,61,.08);border-radius:13px;background:rgba(255,255,255,.96);box-shadow:0 16px 42px rgba(18,63,61,.18);color:#123f3d;backdrop-filter:blur(12px)}
.safety-card-time{top:9%;right:-5%;width:205px;padding:19px}
.safety-card-label,.safety-card small{color:#70837e;font-size:.59rem;font-weight:700;letter-spacing:.1em}
.safety-card-time>strong{margin:9px 0 12px;font-size:2rem;letter-spacing:-.06em}
.screen-time-track{height:6px;overflow:hidden;border-radius:8px;background:#e5eee9}
.screen-time-track i{display:block;width:62%;height:100%;border-radius:inherit;background:#0f6e63}
.safety-card-time>small{margin-top:9px;font-size:.65rem;font-weight:500;letter-spacing:0}
.safety-card-app{top:42%;left:-8%;flex-direction:row;align-items:center;gap:12px;padding:13px 16px}
.app-mark,.device-mark{display:grid;place-items:center;width:37px;height:37px;flex:none;border-radius:10px;background:#e4f1ea;color:#0f6e63;font-size:1rem;font-weight:700}
.safety-card-app span:last-child,.safety-card-device span:last-child{display:grid;gap:4px}
.safety-card-app strong,.safety-card-device strong{font-size:.78rem}
.safety-card-device{right:6%;bottom:14%;flex-direction:row;align-items:center;gap:11px;padding:12px 15px}
.device-mark{background:#fff2d6;color:#9b681c}
.hero-visual-caption{position:absolute;z-index:2;bottom:24px;left:24px;color:#fff;font-size:.75rem;font-weight:600;text-shadow:0 1px 5px rgba(0,0,0,.35)}
@media(max-width:900px){
 .hero-layout{grid-template-columns:1fr;gap:44px}
 .hero-content{max-width:680px}
 .hero-visual{width:min(100%,640px);height:min(78vw,560px);min-height:420px;margin:auto}
 .safety-card-time{right:2%}
 .safety-card-app{left:2%}
 .how-layout{grid-template-columns:1fr;gap:40px}
}
@media(max-width:560px){
 .hero-visual{height:105vw;min-height:340px;max-height:470px;border-radius:20px}
 .safety-card-time{top:7%;right:3%;width:156px;padding:13px;border-radius:10px}
 .safety-card-time>strong{font-size:1.55rem;margin:7px 0 9px}
 .safety-card-label,.safety-card small{font-size:.5rem}
 .safety-card-time>small{font-size:.55rem}
 .safety-card-app{top:43%;left:2%;gap:8px;padding:10px;border-radius:10px}
 .app-mark,.device-mark{width:31px;height:31px;border-radius:8px}
 .safety-card-app strong,.safety-card-device strong{font-size:.67rem}
 .safety-card-device{right:3%;bottom:15%;gap:8px;padding:9px 11px;border-radius:10px}
 .hero-visual-caption{left:15px;bottom:16px;font-size:.66rem}
 .step{grid-template-columns:45px 1fr;gap:13px;padding:17px 14px}
}

/* Remove the legacy hero shape and align the section with the responsive header */
.hero-layout:after{content:none!important;display:none!important}
@media(max-width:850px){.hero{margin-top:76px}}
@media(max-width:560px){.hero{margin-top:0}}

/* Bring the hero content up beneath the navigation */
.hero{align-items:flex-start;padding-top:14px}
@media(max-width:850px){.hero{padding-top:18px}}
@media(max-width:560px){.hero{padding-top:14px}}

/* Fifth section: transparent portrait points into the booking call to action */
.cta-band .container{display:grid;grid-template-columns:minmax(0,1fr) 260px auto;align-items:center;gap:clamp(20px,4vw,48px)}
.cta-copy{grid-column:1;grid-row:1}
.cta-art{grid-column:2;grid-row:1;width:100%;height:180px;margin:0;overflow:visible;background:transparent}
.cta-art img{display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom;transform:translateX(44px) scaleX(-1)}
.cta-band .container>.btn-dark{grid-column:3;grid-row:1}
@media(max-width:900px){
 .cta-band .container{grid-template-columns:minmax(0,1fr) 170px auto;gap:16px}
 .cta-art{grid-column:2;grid-row:1;height:165px}
 .cta-art img{transform:translateX(24px) scaleX(-1)}
 .cta-band .container>.btn-dark{grid-column:3;grid-row:1;justify-self:stretch;white-space:normal;padding:13px}
}
@media(max-width:600px){
 .cta-band .container{grid-template-columns:minmax(0,1fr) minmax(125px,42%);gap:12px}
 .cta-copy{grid-column:1 / -1;grid-row:1}
 .cta-art{grid-column:1;grid-row:2;height:142px}
 .cta-art img{transform:translateX(14px) scaleX(-1)}
 .cta-band .container>.btn-dark{grid-column:2;grid-row:2;width:100%;justify-self:stretch;align-self:center;padding:12px 10px;font-size:.78rem;gap:8px}
}
/* Compact the second section while keeping its four features easy to scan */
.help{padding:62px 0 68px}
.help .section-heading{max-width:720px;margin-bottom:32px}
.help .section-heading .eyebrow{margin-bottom:15px}
.help .section-heading h2{font-size:clamp(2.15rem,3.7vw,3.35rem);line-height:1.04}
.help .section-heading>p:last-child{margin-top:13px;font-size:.9rem;line-height:1.55}
.feature-overview{gap:10px}
.feature-card,.feature-card:first-child{min-height:158px;padding:18px 18px 16px}
.feature-icon{width:34px;height:34px;margin-bottom:15px}
.feature-card h3{margin-bottom:6px;font-size:.93rem}
.feature-card p{font-size:.79rem;line-height:1.5}
@media(max-width:900px){.help{padding:56px 0 62px}.feature-card,.feature-card:first-child{min-height:148px}}
@media(max-width:600px){
 .help{padding:48px 0 54px}
 .help .section-heading{margin-bottom:25px}
 .help .section-heading h2{font-size:clamp(2rem,8vw,2.65rem)}
 .help .section-heading>p:last-child{font-size:.85rem}
 .feature-card,.feature-card:first-child{min-height:0;padding:16px}
 .feature-icon{margin-bottom:12px}
}

/* Tighten the transition into pricing and the space after its cards */
.help{padding-bottom:40px}
.plans.section{padding-top:58px;padding-bottom:40px}
@media(max-width:900px){.help{padding-bottom:38px}.plans.section{padding-top:50px;padding-bottom:36px}}
@media(max-width:600px){.help{padding-bottom:32px}.plans.section{padding-top:42px;padding-bottom:30px}}

/* Add a little breathing room back to section two */
.help{padding-top:70px;padding-bottom:50px}
.feature-card,.feature-card:first-child{min-height:166px}
@media(max-width:900px){.help{padding-top:64px;padding-bottom:44px}.feature-card,.feature-card:first-child{min-height:154px}}
@media(max-width:600px){.help{padding-top:56px;padding-bottom:40px}.feature-card,.feature-card:first-child{min-height:0}}

/* Let the transparent portrait meet the bottom edge of section five */
.cta-band{padding-bottom:0}
.cta-art{align-self:stretch;margin-bottom:0}

.help{padding-top:80px;padding-bottom:60px}
.feature-card,.feature-card:first-child{min-height:174px}
.cta-copy{text-align:center}
@media(max-width:900px){.help{padding-top:72px;padding-bottom:52px}.feature-card,.feature-card:first-child{min-height:162px}}
@media(max-width:600px){.help{padding-top:62px;padding-bottom:46px}.feature-card,.feature-card:first-child{min-height:0}}

/* Center the fifth section's content vertically with equal top and bottom space */
.cta-band{padding-top:clamp(45px,6vw,72px);padding-bottom:clamp(45px,6vw,72px)}
.cta-copy{text-align:left;align-self:center}

.cta-band{padding-top:clamp(30px,4vw,48px);padding-bottom:clamp(30px,4vw,48px)}

.cta-band{padding-block:clamp(16px,2.2vw,26px)}
.cta-art{height:150px}
@media(max-width:900px){.cta-art{height:138px}}
@media(max-width:600px){.cta-art{height:112px}}

/* Reduce vertical padding in section four */
.how.section{padding-block:60px}
@media(max-width:900px){.how.section{padding-block:50px}}
@media(max-width:600px){.how.section{padding-block:40px}}

/* Responsive finishing: fluid media, comfortable controls, and small-screen safeguards */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
img,svg{max-width:100%}
button,.btn,.choose-plan{min-height:44px}
:where(a,button,input,select,textarea):focus-visible{outline:3px solid #e6c778;outline-offset:3px}
.header{padding-top:env(safe-area-inset-top)}
@media(min-width:1440px){
 .section{padding-block:clamp(88px,7vw,124px)}
 .how.section{padding-block:60px}
}
@media(max-width:900px){
 .container{width:min(calc(100% - 40px),var(--max))}
 .nav-links{left:20px;right:20px}
 .menu-toggle{width:46px;height:46px;display:grid;place-items:center;flex:none}
 .plan-card,.plans .plan-card{min-height:0}
 .contact-grid{gap:34px}
 .footer-top{grid-template-columns:1fr 1.2fr auto}
}
@media(max-width:600px){
 .container{width:min(calc(100% - 32px),var(--max))}
 .section-heading{margin-bottom:32px}
 .plan-grid{gap:14px}
 .plans .plan-card,.plans .plan-card.featured{padding:22px 18px}
 .plans .plan-bottom{gap:10px}
 .contact-grid{gap:28px}
 .contact-form{width:100%;min-width:0}
 .cta-art img{transform:translateX(10px) scaleX(-1)}
}
@media(max-width:420px){
 .brand{font-size:1.18rem}
 .nav{gap:10px}
 .nav-links{left:16px;right:16px}
 .plans .plan-top{flex-direction:column;gap:10px}
 .plans .price{max-width:100%;white-space:normal}
 .plans .plan-card h3{font-size:1.7rem}
 .plans .plan-bottom .text-link{max-width:100%;white-space:normal}
 .cta-band .container{grid-template-columns:minmax(0,1fr) minmax(118px,42%);gap:9px}
 .cta-band .container>.btn-dark{padding:10px 8px;font-size:.73rem}
 .cta-art img{transform:translateX(7px) scaleX(-1)}
 .footer-bottom{line-height:1.5}
}
@media(max-height:600px) and (orientation:landscape) and (max-width:900px){
 .hero{padding-top:18px;padding-bottom:38px}
 .hero-layout{gap:28px}
 .hero-visual{height:48vw;min-height:250px;max-height:340px}
 .hero-content{padding:0 20px}
 .hero-location{margin-bottom:15px}
 .hero-trust{margin-top:18px}
}
@supports not (backdrop-filter:blur(1px)){
 .header{background:rgba(9,39,37,.96)}
}

/* Let the hero picture start directly beneath the header */
.hero{padding-top:0}
@media(max-width:850px){.hero{padding-top:0}}
@media(max-width:560px){.hero{padding-top:0}}

/* Restore more vertical room in section four */
.how.section{padding-block:84px}
@media(max-width:900px){.how.section{padding-block:66px}}
@media(max-width:600px){.how.section{padding-block:52px}}

.how.section{padding-block:104px}
@media(max-width:900px){.how.section{padding-block:82px}}
@media(max-width:600px){.how.section{padding-block:66px}}

.how.section{padding-block:124px}
@media(max-width:900px){.how.section{padding-block:100px}}
@media(max-width:600px){.how.section{padding-block:82px}}

/* Enlarge the pointing portrait while keeping her anchored at the banner baseline */
.cta-art img{transform:translateX(44px) scale(1.2) scaleX(-1);transform-origin:center bottom}
@media(max-width:900px){.cta-art img{transform:translateX(24px) scale(1.18) scaleX(-1)}}
@media(max-width:600px){.cta-art img{transform:translateX(10px) scale(1.12) scaleX(-1)}}
@media(max-width:420px){.cta-art img{transform:translateX(7px) scale(1.08) scaleX(-1)}}

/* Move only the cutout down to the section's bottom edge */
.cta-art img{transform:translate(44px,clamp(16px,2.2vw,26px)) scale(1.2) scaleX(-1)}
@media(max-width:900px){.cta-art img{transform:translate(24px,clamp(16px,2.2vw,20px)) scale(1.18) scaleX(-1)}}
@media(max-width:600px){.cta-art img{transform:translate(10px,16px) scale(1.12) scaleX(-1)}}
@media(max-width:420px){.cta-art img{transform:translate(7px,16px) scale(1.08) scaleX(-1)}}

/* Header polish: compact height, clear action, and stronger navigation states */
.header{background:rgba(9,39,37,.94);border-bottom-color:rgba(255,255,255,.1)}
.nav{height:72px}
.nav-links{gap:clamp(18px,2.4vw,30px)}
.nav-links a:not(.nav-cta){min-height:44px;display:inline-flex;align-items:center;position:relative;color:#f3f7f5;transition:color .2s ease}
.nav-links a:not(.nav-cta):after{content:"";position:absolute;right:0;bottom:5px;left:0;height:1px;background:#72d3bb;transform:scaleX(0);transform-origin:left;transition:transform .2s ease}
.nav-links a:not(.nav-cta):hover,.nav-links a:not(.nav-cta):focus-visible{color:#9ce1ce}
.nav-links a:not(.nav-cta):hover:after,.nav-links a:not(.nav-cta):focus-visible:after{transform:scaleX(1)}
.nav-cta,.nav-links .nav-cta{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 17px;border:1px solid #0f6e63;border-radius:8px;background:#0f6e63;color:#fff!important;font-weight:700;transition:background .2s ease,border-color .2s ease,transform .2s ease}
.nav-cta:hover,.nav-cta:focus-visible{border-color:#138778;background:#138778;transform:translateY(-1px)}
.menu-toggle{width:46px;height:46px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.24);border-radius:9px;color:#fff;cursor:pointer}
@media(max-width:850px){
 .nav{height:72px}
 .hero{margin-top:72px}
 .nav-links{top:calc(100% + 8px);left:20px;right:20px;gap:4px;padding:12px;border:1px solid rgba(255,255,255,.14);border-radius:13px;background:rgba(9,39,37,.98);box-shadow:0 18px 38px rgba(0,0,0,.24)}
 .nav-links a:not(.nav-cta){justify-content:flex-start;min-height:48px;padding:0 14px;border-radius:8px}
 .nav-links a:not(.nav-cta):after{display:none}
 .nav-links a:not(.nav-cta):hover,.nav-links a:not(.nav-cta):focus-visible{background:rgba(255,255,255,.08)}
 .nav-links .nav-cta{width:100%;margin-top:5px}
}
@media(max-width:560px){
 .header{position:sticky}
 .nav{height:68px}
 .hero{margin-top:0}
 .nav-links{top:calc(100% + 7px);left:16px;right:16px}
}

.hero{margin-top:72px}
@media(max-width:560px){.hero{margin-top:0}}

/* Keep the menu control mobile-only */
.menu-toggle{display:none}
@media(max-width:850px){.menu-toggle{display:grid}}

/* Fine-tune hero title scale and give section two more room */
.hero h1{font-size:clamp(2.8rem,4.6vw,5rem)}
.help{padding-top:92px;padding-bottom:72px}
.feature-card,.feature-card:first-child{min-height:180px}
@media(max-width:900px){
 .hero h1{font-size:clamp(2.6rem,7vw,4rem)}
 .help{padding-top:80px;padding-bottom:60px}
 .feature-card,.feature-card:first-child{min-height:168px}
}
@media(max-width:600px){
 .hero h1{font-size:clamp(2.4rem,10vw,3.15rem)}
 .help{padding-top:70px;padding-bottom:54px}
 .feature-card,.feature-card:first-child{min-height:0}
}

.help{padding-top:112px;padding-bottom:92px}
@media(max-width:900px){.help{padding-top:94px;padding-bottom:74px}}
@media(max-width:600px){.help{padding-top:82px;padding-bottom:66px}}

/* Subtle color and motion in the hero */
.hero{background:radial-gradient(ellipse at 82% 44%,rgba(15,110,99,.11),transparent 39%),radial-gradient(circle at 9% 20%,rgba(184,121,31,.09),transparent 19%),#edf7f4}
.hero-kicker{display:flex;align-items:center;justify-content:flex-start;gap:9px;color:#55716e}
.hero-kicker:before{content:"";width:18px;height:2px;border-radius:2px;background:#b8791f}
.hero-visual{border:1px solid rgba(15,110,99,.13);box-shadow:0 28px 65px rgba(18,63,61,.13),0 0 0 8px rgba(15,110,99,.035)}
.safety-card-time{animation:hero-card-float 6s ease-in-out infinite}
.safety-card-device{animation:hero-card-float 6s ease-in-out -2.5s infinite}
@keyframes hero-card-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@media(prefers-reduced-motion:reduce){.safety-card-time,.safety-card-device{animation:none}}
.hero-highlight{color:#b8791f}

/* Brighten the shared pale section background */
.hero{background:radial-gradient(ellipse at 82% 44%,rgba(15,110,99,.09),transparent 39%),radial-gradient(circle at 9% 20%,rgba(184,121,31,.07),transparent 19%),#f6fbf9}
.plans,.cta-band{background-color:#f6fbf9}

/* Preserve the complete transparent hero illustration without extra overlays */
.hero-visual{height:auto;min-height:0;aspect-ratio:1420 / 1086;overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none}
.hero-family-image{position:relative;inset:auto;display:block;width:100%;height:auto;object-fit:contain;object-position:center;filter:none;border-radius:0}
@media(max-width:900px){.hero-visual{height:auto;min-height:0;aspect-ratio:1420 / 1086}}
@media(max-width:560px){.hero-visual{height:auto;min-height:0;max-height:none;aspect-ratio:1420 / 1086}}

/* Centered decorative rings behind the hero illustration */
.hero:after{content:"";position:absolute;z-index:0;top:49%;left:52%;width:clamp(340px,55vw,760px);aspect-ratio:1;transform:translate(-50%,-50%);pointer-events:none;opacity:.85;background:radial-gradient(circle at 50% 50%,rgba(184,121,31,.24) 0 4px,transparent 4.5px),repeating-radial-gradient(circle at 50% 50%,transparent 0 37px,rgba(15,110,99,.17) 38px 39px,transparent 40px 68px);mask-image:radial-gradient(circle,#000 18%,transparent 72%)}
@media(max-width:900px){.hero:after{top:58%;left:53%;width:min(94vw,680px);opacity:.72}}
@media(max-width:560px){.hero:after{top:60%;left:52%;width:100vw;opacity:.58}}

.hero:after{left:42%;opacity:.96;background:radial-gradient(circle at 50% 50%,rgba(184,121,31,.3) 0 4px,transparent 4.5px),repeating-radial-gradient(circle at 50% 50%,transparent 0 37px,rgba(15,110,99,.23) 38px 39px,transparent 40px 68px);mask-image:linear-gradient(90deg,#000 0%,rgba(0,0,0,.9) 38%,transparent 100%)}
@media(max-width:900px){.hero:after{left:43%;opacity:.82}}
@media(max-width:560px){.hero:after{left:42%;opacity:.7}}

/* Restore the centered pattern position; retain only the left-to-right visibility fade */
.hero:after{left:52%}
@media(max-width:900px){.hero:after{left:53%}}
@media(max-width:560px){.hero:after{left:52%}}

/* Explicitly restore the hero pattern's original dimensions */
.hero:after{width:clamp(340px,55vw,760px);height:auto;aspect-ratio:1}
@media(max-width:900px){.hero:after{width:min(94vw,680px)}}
@media(max-width:560px){.hero:after{width:100vw}}

/* Replace the concentric rings with a soft organic dotted motif */
.hero:after{content:none!important;display:none!important}
.hero-background-art{position:absolute;z-index:0;top:50%;left:52%;width:clamp(340px,55vw,760px);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:60% 40% 53% 47% / 45% 54% 46% 55%;pointer-events:none;background:radial-gradient(ellipse at 38% 48%,rgba(15,110,99,.12),transparent 65%),radial-gradient(ellipse at 65% 32%,rgba(184,121,31,.11),transparent 38%)}
.hero-background-art:before{content:"";position:absolute;inset:12%;border-radius:inherit;background-image:radial-gradient(rgba(15,110,99,.3) 1.2px,transparent 1.8px);background-size:21px 21px;mask-image:linear-gradient(90deg,#000 0%,rgba(0,0,0,.82) 38%,transparent 100%);opacity:.78}
.hero-background-art:after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at 24% 32%,rgba(184,121,31,.62) 0 3px,transparent 3.5px),radial-gradient(circle at 39% 76%,rgba(15,110,99,.4) 0 2px,transparent 2.5px),radial-gradient(circle at 70% 57%,rgba(184,121,31,.42) 0 2px,transparent 2.5px)}
@media(max-width:900px){.hero-background-art{top:58%;left:53%;width:min(94vw,680px)}}
@media(max-width:560px){.hero-background-art{top:60%;left:52%;width:100vw}}

.hero-background-art{mask-image:linear-gradient(90deg,#000 0%,#000 34%,rgba(0,0,0,.62) 68%,rgba(0,0,0,.24) 100%)}

/* Slightly soften the dot texture on the left side */
.hero-background-art:before{opacity:.64}


.hero-background-art:before{opacity:.52}


/* Adjust vertical spacing in sections two and four */
.help{padding-top:124px;padding-bottom:104px}
.how.section{padding-block:104px}
@media(max-width:900px){.help{padding-top:106px;padding-bottom:86px}.how.section{padding-block:82px}}
@media(max-width:600px){.help{padding-top:92px;padding-bottom:78px}.how.section{padding-block:64px}}


/* Further adjust vertical spacing in sections two and four */
.help{padding-top:136px;padding-bottom:116px}
.how.section{padding-block:88px}
@media(max-width:900px){.help{padding-top:116px;padding-bottom:98px}.how.section{padding-block:70px}}
@media(max-width:600px){.help{padding-top:102px;padding-bottom:88px}.how.section{padding-block:54px}}

/* Keep content available when scripts or observer support are unavailable. */
.reveal{opacity:1;transform:none}
.has-reveal-observer .reveal{opacity:0;transform:translateY(24px)}
.has-reveal-observer .reveal.visible{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}
}


/* Keep <picture> wrappers layout-neutral */
picture{display:contents}

/* =========================================================
   Responsive polish: phones first, then tablets and desktop
   ========================================================= */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{overflow-x:clip}
img,picture,svg{max-width:100%}
h1,h2,h3{text-wrap:balance}
p{text-wrap:pretty}
a,button,input,select,textarea{-webkit-tap-highlight-color:rgba(15,110,99,.18)}
:focus-visible{outline:2px solid #e6c778;outline-offset:3px;border-radius:4px}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* Tablets and phones: clear space between the header and the first line of the hero */
@media (max-width:900px){
  .hero .hero-content{padding-top:clamp(56px,10vw,76px)}
  .hero-kicker{justify-content:center;text-align:center;text-wrap:balance;line-height:1.5}
  .nav-links{background:#0d302f}
  .nav-links a{padding:13px 8px}
  .nav-links .nav-cta{padding:14px 18px}
  .menu-toggle{min-width:46px;min-height:46px}
}

/* Phones */
@media (max-width:560px){
  .hero .hero-content{padding-top:64px;padding-bottom:30px}
  .hero-kicker{font-size:.7rem;letter-spacing:.1em;gap:0;margin-bottom:20px;padding:0 6px}
  .hero-kicker:before{display:none}
  .hero{padding-bottom:36px}
  .hero-bottomline{display:none}
  .hero h1{margin-top:0}
  .hero-text{margin-bottom:6px}
  .hero-actions{margin-top:22px}
  .hero-trust{justify-content:center;text-align:left;max-width:320px;margin-left:auto;margin-right:auto}

  .section-heading h2,.how h2,.contact h2{line-height:1.08}
  .section{padding:60px 0}

  /* Start-here banner: copy on top, photo and button side by side */
  .cta-band .container{grid-template-columns:minmax(120px,38%) minmax(0,1fr);gap:14px 14px;align-items:end}
  .cta-band .container>.cta-copy{grid-column:1/-1;grid-row:1}
  .cta-band h2{margin-bottom:8px;line-height:1.1}
  .cta-art{grid-column:1;grid-row:2;height:150px}
  .cta-band .container>.btn-dark{grid-column:2;grid-row:2;align-self:center;white-space:nowrap;font-size:.86rem;padding:14px 12px;gap:10px;width:100%}

  /* Form: 16px text stops iPhones zooming in, comfortable tap height */
  .contact-form input,.contact-form select,.contact-form textarea{font-size:16px;min-height:48px}
  .contact-form textarea{min-height:110px}
  .contact-form .btn{min-height:52px}

  /* Footer stacks cleanly */
  .footer-top{grid-template-columns:1fr;gap:14px;justify-items:start}
  .footer-brand,.footer-brand span{white-space:nowrap}
  .footer-bottom{display:flex;flex-direction:column;gap:6px;align-items:flex-start}
}

/* Very small phones (iPhone SE, older Androids) */
@media (max-width:360px){
  .hero .hero-content{padding-top:56px}
  .hero h1{font-size:2.55rem}
  .hero-kicker{font-size:.66rem}
  .plan-card h3{font-size:1.8rem}
  .cta-band .container>.btn-dark{font-size:.8rem}
}

/* Landscape phones: don't let the hero eat the whole screen */
@media (max-height:480px) and (orientation:landscape){
  .hero .hero-content{padding-top:40px}
}

/* Large screens: keep line lengths readable */
@media (min-width:1600px){
  .hero-text,.contact-copy>p{max-width:560px}
}