:root{--gold:#cda349;--navy:#002e56;--blue:#104378;--text:#2f2e2e;--lav:#f0f0fd}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:'Jost','Futura','Century Gothic',sans-serif;color:var(--text);background:#fff;-webkit-font-smoothing:antialiased}
.topbar{height:54px;background:var(--gold);border-bottom:4px solid #b8b8b8aa}

/* hero */
.hero{position:relative;background:var(--navy);color:#fff;text-align:center;padding-bottom:70px;min-height:718px}
.hero-img{position:absolute;inset:0;background:url(img/hero.jpg) center/cover no-repeat;opacity:.5}
.badge{position:relative;z-index:2;display:block;width:min(416px,86vw);margin:-41px auto 0;padding:14px 8px 18px;background:var(--blue);border:6px solid var(--gold);border-radius:30px;text-decoration:none;color:#fff}
.badge .powered{position:absolute;left:0;right:0;top:12px;font-size:22px;font-weight:400}
.badge img{display:block;width:100%;height:auto;margin-top:6px}
.titleband{position:relative;z-index:1;background:rgba(16,67,120,.78);margin-top:34px;padding:22px 16px}
.titleband h1{margin:0;font-weight:300;font-size:clamp(34px,7.2vw,70px);line-height:1.1;letter-spacing:.01em}
.titleband .light{font-weight:300}.titleband b{font-weight:700}
.hero-copy{position:relative;z-index:1;max-width:940px;margin:0 auto;padding:44px 20px 0}
.hero-copy h2{margin:0 0 26px;font-weight:500;font-size:clamp(18px,2.9vw,28px);line-height:1.3}
.hero-copy p{margin:0 auto;max-width:800px;font-size:19px;line-height:1.45;font-weight:400}
.arrows{display:inline-flex;gap:30px;margin-top:34px}
.arrows i{display:block;width:0;height:0;border-left:19px solid transparent;border-right:19px solid transparent;border-top:28px solid #fff;position:relative}
.arrows i::after{content:"";position:absolute;left:-16px;top:-27px;border-left:16px solid transparent;border-right:16px solid transparent;border-top:24px solid #3a3f55}

/* prepare list */
.prepare{max-width:760px;margin:0 auto;padding:60px 24px 70px;text-align:center}
.lead{font-size:24px;line-height:1.35;margin:0 0 22px;font-weight:500}
.prepare ul{list-style:none;padding:0;margin:0 0 26px}
.prepare li{font-size:20px;font-weight:400;padding:3px 0}

/* form */
.formwrap{background:var(--lav);padding:70px 8px 60px}
.formwrap iframe{display:block;margin:0 auto;max-width:800px!important;width:100%}

/* footer */
.foot{background:var(--navy);color:#fff;text-align:center;font-size:14px;padding:19px 12px;letter-spacing:.02em}

@media(max-width:600px){
  .hero{min-height:0}
  .hero-copy p{font-size:17px}
  .lead{font-size:20px}.prepare li{font-size:18px}
  .badge .powered{font-size:18px}
}