/* Change 18: align the Home text and all About sections to the same viewport gutter.
   Do not centre max-width inner wrappers: that caused the apparent drift in v17. */
:root{--shield-gutter:clamp(24px,7vw,120px)}
body[data-page="home"] .v69-asset-protection,
body[data-page="home"] .v61-weather,
body[data-page="home"] .v61-process,
body[data-page="home"] .v33-commercial-band,
body[data-page="home"] .v61-faq,
body[data-page="about"] .v21-values,
body[data-page="about"] .v70-about-scaffold,
body[data-page="about"] .v21-cta{
  padding-left:var(--shield-gutter)!important;
  padding-right:var(--shield-gutter)!important;
}
body[data-page="home"] .v69-asset-inner,
body[data-page="home"] .v61-weather-inner,
body[data-page="home"] .v61-process-inner,
body[data-page="home"] .v33-commercial-inner,
body[data-page="home"] .v61-faq-inner,
body[data-page="about"] .v70-about-scaffold-inner,
body[data-page="about"] .v21-cta>div{
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
  box-sizing:border-box!important;
}
body[data-page="about"] .v21-intro-copy{
  padding-left:var(--shield-gutter)!important;
  padding-right:var(--shield-gutter)!important;
}
body[data-page="home"] .v69-asset-protection .v75-asset-copy{
  margin-left:0!important;
  padding-left:0!important;
  text-align:left!important;
}
body[data-page="about"] .v21-values .v21-value-copy,
body[data-page="about"] .v21-values .v21-values-heading{
  margin-left:0!important;
  padding-left:0!important;
  text-align:left!important;
}
@media(max-width:780px){
  body[data-page="home"] .v69-asset-protection .v75-asset-copy{width:100%!important;max-width:none!important}
}