/* Shared content rails; backgrounds remain full bleed at every window width. */
:root{--content-width:min(1280px,90%)}
main{max-width:none;width:100%}
header,footer{max-width:none;padding-inline:calc((100% - var(--content-width))/2)}
.intro{padding-inline:calc((100% - var(--content-width))/2)}
.benefit-strip{width:100%;padding-inline:calc((100% - var(--content-width))/2)}
.workspace{width:var(--content-width);max-width:none;margin-inline:auto}
.roadmap{padding-inline:0;width:var(--content-width);margin-inline:auto}
.perspective{width:var(--content-width);margin-inline:auto}
.closing{width:var(--content-width);margin-inline:auto}
@media(max-width:800px){.intro{padding-inline:calc((100% - var(--content-width))/2)}}
@media(max-width:680px){header,footer{padding-inline:calc((100% - var(--content-width))/2)}.workspace{margin-inline:auto}.roadmap{padding-inline:0}.intro{padding-inline:calc((100% - var(--content-width))/2)}}