/* Phase 5 final spacing and alignment refinements. */
.sy-p5{padding-top:58px;padding-bottom:58px}

/* Factory: centered section label, reduced first heading and tighter section rhythm. */
.sy-p5-factory-top{position:relative;padding-top:44px}
.sy-p5-factory-copy>.sy-p5-eyebrow{position:absolute;top:0;left:50%;width:max-content;max-width:100%;transform:translateX(-50%);text-align:center}
.sy-p5-factory-top h1{font-size:clamp(2rem,3.2vw,3.15rem)}
.sy-p5-list{margin-top:28px}
.sy-p5-list li{margin-top:14px;margin-bottom:14px}
.sy-p5-factory-top+.sy-p5{padding-top:26px;padding-bottom:32px}
.sy-p5-factory-top+.sy-p5+.sy-p5{padding-top:38px}

/* OEM: preserve a centered hero and align both product-track cards. */
.sy-p5-oem-hero{margin-top:28px;padding-top:76px;padding-bottom:76px}
.sy-p5-oem-hero h1{font-size:clamp(2.3rem,3.8vw,3.8rem)}
.sy-p5-oem-hero>.sy-p5-eyebrow,
.sy-p5-cta>.sy-p5-eyebrow{display:block;width:100%;max-width:none!important;margin-left:auto!important;margin-right:auto!important;text-align:center!important}
.sy-p5-oem-hero+.sy-p5{padding-top:50px;padding-bottom:42px}
.sy-p5-track-grid{margin-top:32px}
.sy-p5-track__intro{display:flex;box-sizing:border-box;min-height:236px;flex-direction:column;justify-content:center}
.sy-p5-track__options>div{min-height:142px}
.sy-p5:has(> .sy-p5-stats){padding-top:30px;padding-bottom:34px}

/* About: headings share one hierarchy and adjacent sections have smaller gaps. */
.sy-p5-about-hero{padding-top:78px;padding-bottom:50px}
.sy-p5-about-hero h1{max-width:1100px;font-size:clamp(2rem,3.2vw,3.15rem)}
.sy-p5-story{padding-top:52px;padding-bottom:52px}
.sy-p5-story h2{max-width:1050px;margin-left:auto;margin-right:auto}
.sy-p5-story h2.sy-p5-copy{margin-bottom:24px;color:var(--sy5-ink);font-size:clamp(2rem,3.2vw,3.15rem);line-height:1.16}
.sy-p5-story+.sy-p5{padding-top:52px;padding-bottom:52px}

/* Contact: retain the supplied compact two-column visual scale. */
.sy-p5-contact{padding-top:54px;padding-bottom:54px}
.sy-p5-contact h1{margin-bottom:16px;font-size:clamp(2rem,2.6vw,2.55rem)}
.sy-p5-contact h2{margin-top:14px;font-size:clamp(1.7rem,2.2vw,2.05rem)}
.sy-p5-contact p{font-size:1rem;line-height:1.58}

/* End CTA sections should be separated but never float in excessive whitespace. */
.sy-p5-cta{padding-top:64px;padding-bottom:70px}

@media(max-width:640px){
	.sy-p5{padding-top:46px;padding-bottom:46px}
	.sy-p5-factory-top{padding-top:40px}
	.sy-p5-factory-copy>.sy-p5-eyebrow{white-space:normal}
	.sy-p5-track__intro{min-height:auto}
}