:root{--green:#00d488;--navy:#30344c;--paper:#f6f7f4}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:'Figtree',system-ui,-apple-system,'Segoe UI',sans-serif;background:var(--paper);color:var(--navy);-webkit-font-smoothing:antialiased}
a{color:var(--navy);text-decoration:none}
a:hover{color:#007a52}
a:focus-visible{outline:3px solid #007a52;outline-offset:3px;border-radius:8px}
img{max-width:100%}
.page{width:100%;display:flex;flex-direction:column}
.page>header,.page>section,.page>footer{padding-left:max(80px,calc((100% - 1280px)/2))!important;padding-right:max(80px,calc((100% - 1280px)/2))!important}
.g2{grid-template-columns:repeat(2,minmax(0,1fr))}
.g3{grid-template-columns:repeat(3,minmax(0,1fr))}
.g4{grid-template-columns:repeat(4,minmax(0,1fr))}
.hero-visual{overflow:hidden}
.panel-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.panel-scroll>div{min-width:1100px}
@media (max-width:1100px){
 .g4{grid-template-columns:repeat(2,minmax(0,1fr))}
 .g3{grid-template-columns:repeat(1,minmax(0,1fr))}
 .g3 .step-card{max-width:520px}
}
@media (max-width:860px){
 .page>header,.page>section,.page>footer{padding-left:20px!important;padding-right:20px!important}
 .page>section{padding-top:72px!important;padding-bottom:72px!important}
 .g2{grid-template-columns:repeat(1,minmax(0,1fr));gap:40px!important}
 .main-nav{display:none!important}
 h1{font-size:38px!important;letter-spacing:-1px!important}
 h2{font-size:30px!important}
 .wrap-row{flex-wrap:wrap}
 .cta-band{padding:40px 28px!important;flex-direction:column;align-items:flex-start!important}
 .hero-visual{height:560px!important}
 .page>footer{flex-direction:column}
}
@media (max-width:560px){
 .g4{grid-template-columns:repeat(1,minmax(0,1fr))}
 .checks{grid-template-columns:repeat(1,minmax(0,1fr))!important}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
