/* Landing-page rhythm, based on the home page: 72px section padding,
   56px heading-to-content gap, 20px title and 32px description gaps. */
:root{
  --landing-section-space:72px;
  --landing-heading-space:56px;
  --landing-hero-top:clamp(220px,28vh,260px);
}
body .hero{
  padding:var(--landing-hero-top) 0 var(--landing-section-space)!important;
  height:auto;min-height:0;
}
body .hero-grid{align-items:start;row-gap:32px}
body .hero-title{margin-top:0;margin-bottom:20px}
body .hero-subtitle{margin-top:0;margin-bottom:32px}
body .hero-actions{margin-top:0;margin-bottom:24px}
body .hero-badges{margin-top:0;margin-bottom:0}
body section.section-pad,body section.who-section.section-pad{
  padding-top:var(--landing-section-space)!important;
  padding-bottom:var(--landing-section-space)!important;
  margin-top:0!important;margin-bottom:0!important;
}
body section.section-pad .section-header{
  margin-top:0!important;margin-bottom:var(--landing-heading-space)!important;
}
@media(max-width:920px){
  :root{--landing-hero-top:168px;--landing-section-space:40px;--landing-heading-space:32px}
}
@media(max-width:600px){
  :root{--landing-hero-top:150px;--landing-section-space:24px;--landing-heading-space:28px}
  body .hero-photo-mobile{margin-top:0;margin-bottom:20px}
  body .hero-actions{row-gap:14px}
}

/* Removed headings leave no empty header margin; section padding sets the gap. */
body .headingless-section > .container > :first-child{margin-top:0!important}
body .headingless-section .cta-banner > p:first-of-type{margin-top:0!important}

/* Measured home content-edge gaps at 1440/390px; no stacked section padding.
   General 144/48; FAQ 70/154; reviews 157/125. */
body section.section-pad,body section.who-section.section-pad{
 padding-top:0!important;padding-bottom:0!important;margin-top:144px!important;margin-bottom:0!important;
}
body .hero + section.section-pad{margin-top:72px!important}
body section#faq.section-pad{margin-top:70px!important}
body section.section-pad:has(.reviews-grid),body section.section-pad:has(.testimonials-grid){margin-top:157px!important}
body section.scb-section{padding:36px 0!important;margin-top:108px!important;margin-bottom:0!important}
body .who-icon.who-otter{width:180px;height:120px;margin:0 auto 18px;background:none;border:0;border-radius:0;box-shadow:none;overflow:hidden;transform:none}
body .who-icon.who-otter img{width:180px;height:120px;object-fit:contain;clip-path:inset(0 6px 8px);display:block}
body .who-card:hover .who-icon.who-otter{transform:translateY(-3px)}
@media(max-width:600px){
 body section.section-pad,body section.who-section.section-pad{margin-top:48px!important}
 body .hero + section.section-pad{margin-top:24px!important}
 body section#faq.section-pad{margin-top:154px!important}
 body section.section-pad:has(.reviews-grid),body section.section-pad:has(.testimonials-grid){margin-top:125px!important}
 body section.scb-section{padding:24px 0!important;margin-top:24px!important}
}

@media(max-width:600px){body section.scb-section + section.section-pad{margin-top:24px!important}}@media(min-width:601px){body section.scb-section + section.section-pad{margin-top:108px!important}} @media(min-width:769px){body #landingPricingDots{margin-bottom:0!important}}

/* Larger mascots and aligned copy in the four trust cards. */
body .who-icon.who-otter{width:100%;height:180px;margin:0 auto 18px;display:flex;align-items:center;justify-content:center}
body .who-icon.who-otter img{width:270px;height:180px;max-width:none;flex-shrink:0;clip-path:inset(0 9px 12px)}
body .who-card:has(.who-otter) .who-title{min-height:56px;margin-bottom:12px;line-height:1.5}
body .who-card:has(.who-otter) .who-desc{margin:0;line-height:1.7;min-height:120px}
@media(max-width:560px){body .who-card:has(.who-otter) .who-title{min-height:0}body .who-card:has(.who-otter) .who-desc{min-height:0}}
body .who-card:has(.who-otter){padding-top:0!important;padding-bottom:0!important}
body .who-icon.who-otter,body .who-card:has(.who-otter) .who-title{margin-bottom:0!important}

body .who-card:has(.who-otter){padding-top:24px!important}
@media(max-width:1100px){body .who-icon.who-otter img{max-width:100%}}
/* Separate the last landing section from the footer. */
body footer.footer{margin-top:72px!important}
@media(max-width:768px){body footer.footer{margin-top:48px!important}}