/* Spacing audit: explicit distances, independent of historical token names. */
body.home.landing {
    --section-gap:144px;
    --section-half:72px;
    --section-label-gap:48px;
}
/* Adjacent section padding sums to 144px, rather than 160–232px. */
body.home.landing .b-build { padding-bottom:64px; }
body.home.landing .controls { padding-top:80px; padding-bottom:72px; }
body.home.landing .b-ops { padding-top:72px; padding-bottom:64px; }
body.home.landing .b-cta { padding-top:80px; }
body.home.landing .ops-rail { padding-bottom:0; }
/* Labels share one clearance; their line boxes are not padded into extra gaps. */
body.home.landing .controls .section-head { min-height:0; margin-bottom:var(--section-label-gap); }
body.home.landing .b-build .container-main { row-gap:var(--section-label-gap); }
body.home.landing .b-ops .container-main { margin-bottom:var(--section-label-gap); }
/* Text within workflow cards: 8px metadata gap, 12px title-to-copy gap. */
body.home.landing .ops-card-copy { padding:24px 24px 32px; gap:8px; }
body.home.landing .ops-card-body { margin-top:4px; }
body.home.landing .fig { padding-bottom:64px; }
body.home.landing .controls .control-tab { padding-block:24px; }
body.home.landing .controls .control-desc { padding-top:16px; padding-bottom:0; }
/* The footer supplies its own top spacing. */
body.home.about-page .about-audience { padding-bottom:80px; }
@media(min-width:851px) {
 body.home.landing { --section-gap:130px; --section-half:65px; --section-label-gap:43px; }
 body.home.landing .b-build { padding-bottom:58px; }
 body.home.landing .controls { padding-top:72px; padding-bottom:65px; }
 body.home.landing .b-ops { padding-top:65px; padding-bottom:58px; }
 body.home.landing .b-cta { padding-top:72px; }
 body.home.landing .ops-card-copy { padding:22px 22px 29px; }
 body.home.landing .fig { padding-bottom:58px; }
 body.home.landing .controls .control-tab { padding-block:22px; }
}
@media(max-width:850px) {
 body.home.landing { --section-gap:112px; --section-half:56px; --section-label-gap:32px; }
 body.home.landing .b-build { padding-bottom:48px; }
 body.home.landing .controls { padding-top:64px; padding-bottom:56px; }
 body.home.landing .b-ops { padding-top:56px; padding-bottom:48px; }
 body.home.landing .b-cta { padding-top:64px; }
}
@media(max-width:600px) {
 body.home.landing .fig { padding-bottom:48px; }
 body.home.landing .ops-card-copy { padding:20px 20px 28px; }
 body.home.landing .controls .control-tab { padding-block:20px; }
 body.home.about-page .about-audience { padding-bottom:64px; }
}

/* Keep the hero's top offset consistent at every viewport size. */
body.home.landing .b-hero{padding-top:36px}
body.home.contact-page .b-hero,
body.home.writing-index-page .b-writing,
body.home.privacy .b-company-letter{padding-top:36px}

/* One compact desktop composition; type scales fluidly without a 1025px jump. */
@media(min-width:851px){
 body.home{
    --gutter:20px;
    --g-gap:12px;
    --btn-h:44px;
    --logo-h:24px;
 }
 body.home .navbar-row{
    padding-block:8px;
    margin-bottom:28px;
 }
 body.home .navbar-row .nav-link,
 body.home.landing .b-hero :is(.b-btn,.b-text-link){font-size:14px}
 body.home.landing .b-hero{padding-top:52px}
 body.home.landing .b-hero-actions{margin-top:18px}
 body.home.landing .b-hero .b-btn{height:44px;padding-inline:16px}
 body.home.landing .b-hero .curve-pattern{
    --curve-h:136px;
    height:136px;
    margin-top:40px;
 }
}
@media(min-width:1025px){
 body.home.about-page .about-intro{padding-top:84px}
}

@media(max-width:850px){
 body.home{
    --compact-gutter:clamp(22px,6vw,28px);
    --gutter:var(--compact-gutter);
 }
 body.home .container-main,
 body.home .footer .gutter-1500,
 body.home .mobile-menu-header,
 body.home .mobile-menu-links{
    padding-left:var(--compact-gutter);
    padding-right:var(--compact-gutter);
 }
 body.home.contact-page .b-hero,
 body.home.writing-index-page .b-writing,
 body.home.privacy .b-company-letter{padding-top:24px}
}

body.home:is(.writing-index-page,.privacy){
 min-height:100vh;
 min-height:100dvh;
 display:flex;
 flex-direction:column;
}
body.home:is(.writing-index-page,.privacy) > :is(.navbar,.b-writing,.b-company-letter,.footer){width:100%}
body.home:is(.writing-index-page,.privacy) > :is(.b-writing,.b-company-letter){flex:1 0 auto}
body.home:is(.writing-index-page,.privacy) > .footer{margin-top:auto}