:root{--navy:#155d66;--blue:#2f8f98;--sky:#bfe3e3;--pale:#f3fbfb;--gold:#d0ad57}
body{background:#f6fbfb}
.hero{
  background:linear-gradient(120deg,#1e6670 0%,#438f97 58%,#a9d9d9 100%)!important;
  height:auto!important;min-height:0!important;overflow:visible!important;
}
.hero-inner{
  width:min(100%,1100px)!important;max-width:100%!important;
  padding:34px 18px 38px!important;box-sizing:border-box!important;
}
.hero .eyebrow{white-space:normal!important;overflow-wrap:anywhere!important;max-width:100%!important}
.hero h1{
  white-space:normal!important;overflow-wrap:break-word!important;max-width:100%!important;
  font-size:clamp(34px,8vw,62px)!important;line-height:1.03!important;
}
.hero .tagline{white-space:normal!important;max-width:100%!important}
.gist-intro{background:#f7fcfc}
.gist-intro h2,.gist-intro strong{color:#155d66}
.intro-icon{background:#155d66;color:white}
.step{border-top:4px solid #2f8f98}
.kicker{color:#277b83}
.option:has(input:checked){border-color:#2f8f98;background:#edfafa}
.btn.next{background:linear-gradient(120deg,#155d66,#2f8f98)}
.note{border-left-color:#2f8f98}
.note.warn{border-left-color:#d0ad57;background:#fffaf0}
footer{background:#155d66}
html,body{max-width:100%;overflow-x:hidden}
@media(max-width:480px){
 .hero-inner{padding:28px 16px 32px!important}
 .hero h1{font-size:clamp(30px,8.5vw,44px)!important}
 .options{grid-template-columns:minmax(0,1fr)!important}
 select,textarea,input,button{max-width:100%!important;box-sizing:border-box!important}
}