/* dark-a13: breathing room for sections 01-07 (hero untouched).
   Breakpoints follow the site's existing tablet break (1080px): desktop >=1081, tablet 768-1080, mobile <768. */
.whatido,.ba,.cost,.how,.about,.faq,.book{padding-top:160px!important;padding-bottom:160px!important}
@media (max-width:1080px){.whatido,.ba,.cost,.how,.about,.faq,.book{padding-top:120px!important;padding-bottom:120px!important}}
@media (max-width:767.98px){.whatido,.ba,.cost,.how,.about,.faq,.book{padding-top:88px!important;padding-bottom:88px!important}}

/* header group: label -> H2 16px, H2 -> sub 20px */
.calc-l .kick,.book .kick{margin-bottom:0!important}
.sec-head .h2,.calc-l .h2,.about .ab-h,.faq .faq-head .h2,.book h2{margin-top:16px!important}
.sec-head .lede,.calc-l .lede,.book .lede{margin-top:20px!important}

/* header -> main content: 64px desktop/tablet, 40px mobile */
.wid-cards,.ba-table,.tl{margin-top:64px!important}
.book .wrap,.faq .wrap{row-gap:64px}
/* 05: H2 -> quote text 64px, divider kept in the middle */
.about blockquote{margin-top:32px!important;padding-top:32px!important}
/* 03: header sits inside the calculator panel; lede -> sliders 40px (32 mobile) */
.calc-l{gap:40px}
@media (max-width:767.98px){
  .wid-cards,.ba-table,.tl{margin-top:40px!important}
  .book .wrap,.faq .wrap{row-gap:40px}
  .about blockquote{margin-top:20px!important;padding-top:20px!important}
  .calc-l{gap:32px}
}

/* 01 cards */
.wid-cards{gap:24px!important;align-items:stretch;grid-auto-rows:1fr}
.wid-card{padding:40px!important}
.wid-card h3{font-size:24px!important}
.wid-card p{font-size:18px!important;line-height:1.6!important}
@media (max-width:767.98px){.wid-card{padding:28px!important}}

/* 04 timeline: stronger steps */
.tl-top{gap:14px}
.tl-n{font:500 13px/1 var(--body)!important;letter-spacing:.12em;text-transform:uppercase;color:var(--ac)}
.tl-card h3{text-wrap:balance;margin-top:14px!important;font-size:34px!important;line-height:1.15!important;color:#F5F1E8}
.tl-card h3+p{margin-top:12px!important}
.tl-card p{font-size:18px!important;color:var(--tx2)}
.tl-ck li{font-size:17px!important}
@media (max-width:767.98px){.tl-card h3{font-size:26px!important;line-height:1.2!important}}
/* side labels next to the dots (desktop >=1200 only; decorative, aria-hidden) */
.tl-side{display:none}
@media (min-width:1200px){
  .tl{left:128px}
  .tl-side{display:block;position:absolute;right:calc(100% + 20px);top:27px;width:236px;text-align:right;
    font:500 16px/24px var(--body)!important;color:rgba(245,241,232,.66);transition:color .25s,font-size .25s}
  .tl-step.is-active .tl-side{color:#F5F1E8;font-size:18px!important;font-weight:600!important}
}
@media (prefers-reduced-motion:reduce){.tl-side{transition:none}}
/* no one-word last lines in the timeline at narrow widths */
.tl-step:first-child .tl-card p,.tl-ck span{text-wrap:balance}
@media (max-width:374px){.tl-act .btn{padding-left:14px;padding-right:14px}}
#tg-book-form button{text-wrap:balance}