@font-face{font-family:Anton;src:url('fonts/anton.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Roboto;src:url('fonts/roboto-regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Roboto;src:url('fonts/roboto-bold.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}
:root{color-scheme:light;--navy:#001569;--red:#f00427;--slate:#52617d;--cream:#faf2ea;--wrap:1200px}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:20px}
body{margin:0;background:#fff;color:var(--navy);font-family:Roboto,Arial,sans-serif;font-size:16px;line-height:1.3}
button,a,summary{-webkit-tap-highlight-color:transparent}
button{font:inherit}
img{max-width:100%;display:block}
h1,h2,h3,p{margin:0}
h2{font-size:28px;line-height:1.2;font-weight:700;letter-spacing:-.7px;text-align:center}
h3{font-size:18px;font-weight:700;line-height:1.1}
.wrap{width:100%;max-width:var(--wrap);margin-inline:auto;padding-inline:28px}
.skip-link{position:fixed;top:-100px;left:16px;padding:12px;background:#fff;color:var(--navy);z-index:100}
.skip-link:focus{top:10px}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #f2b44e;outline-offset:4px}
.masthead{background:#fff}
.masthead__inner{display:flex;align-items:center;gap:34px;height:64px;padding-inline:50px}
.brand{display:block;flex:none}
.brand img{width:96px;height:56px}
.masthead__tag{border-left:1px solid #dbe0e7;padding-left:35px;font-size:12px;color:var(--slate);line-height:1.25}
.masthead__claim{margin-left:auto;font-size:12px;color:var(--slate);line-height:1.25;text-align:right}
.mobile-menu{display:none}
.hero{position:relative;isolation:isolate;overflow:hidden;background:#253356;color:#fff}
.hero__art{position:absolute;inset:0;z-index:-2}
.hero__art img{width:100%;height:100%;object-fit:cover;object-position:center}
.hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(17,10,28,.38),rgba(20,7,25,.18) 48%,transparent 72%)}
.hero__inner{padding:38px 74px 28px;min-height:410px}
h1{font-family:Anton,Impact,'Arial Narrow',sans-serif;font-size:58px;font-weight:400;line-height:1.035;letter-spacing:-.7px;text-transform:uppercase;text-shadow:0 2px 3px #160b1f44}
h1 span{display:block}
.mobile-break{display:none}
h1 em{font-style:normal;color:var(--red)}
.hero__lede{font-size:19px;line-height:1.15;margin-top:10px;max-width:520px;text-shadow:0 1px 3px #160b1f99}
.cta{border:0;border-radius:999px;display:inline-flex;justify-content:center;align-items:center;gap:15px;background:var(--red);color:#fff;font-size:21px;font-weight:700;line-height:1;padding:16px 36px;min-height:55px;cursor:pointer;transition:background-color .16s,transform .16s;box-shadow:0 2px 6px #610e1b18}
.cta:hover{background:#d90022}
.cta:active{transform:translateY(1px)}
.cta__arrow{width:25px;height:25px;flex:none}
.hero .cta{margin-top:12px;min-width:298px}
.mic-note{display:flex;align-items:center;gap:12px;color:#fff;font-size:12px;line-height:1.35;margin-top:10px}
.mic-note>svg{width:24px;height:29px;flex:none}
.eyebrow{color:#e50020;text-transform:uppercase;font-size:12px;line-height:1.2;letter-spacing:1.65px;font-weight:700;text-align:center;margin-bottom:4px}
.steps-band{padding:18px 0 11px;background:#fff}
.steps{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:8px 0 0;padding:0}
.step{position:relative;text-align:center;padding:0 20px}
.step+.step::before{content:"";position:absolute;left:0;top:31px;bottom:4px;width:1px;background:#dce1e8}
.step__icon{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;margin:0 auto 5px;background:#f0f4f6;color:var(--navy)}
.step__icon svg{width:31px;height:31px}
.step__icon svg[viewBox="0 0 24 28"]{width:27px}
.step__num{position:absolute;left:calc(50% - 72px);top:10px;width:27px;height:27px;border-radius:50%;background:var(--red);color:#fff;display:grid;place-items:center;font-size:15px;font-weight:700}
.step p{font-size:15px;line-height:1.2;color:var(--slate);max-width:22ch;margin:3px auto 0}
.reasons-band{background:linear-gradient(110deg,#faf2e9,#fcf5ef);border-radius:10px 10px 0 0;padding:14px 0 15px}
.reasons-band .eyebrow{letter-spacing:1.3px;margin-bottom:3px}
.reasons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:5px}
.reason{display:grid;grid-template-columns:64px minmax(0,1fr);column-gap:19px;align-items:start;padding:12px 20px;background:#fff;border-radius:8px;box-shadow:0 3px 10px #34251b04}
.reason__icon{display:grid;place-items:center;width:62px;height:62px;border-radius:50%;background:#faf2eb;color:#ec0025}
.reason__icon svg{width:38px;height:38px}
.reason h3{font-size:16px;line-height:1.05;margin:3px 0 6px}
.reason p{font-size:13px;line-height:1.15;color:var(--slate)}
.closer{position:relative;isolation:isolate;overflow:hidden;border-radius:10px 10px 0 0;text-align:center;background:#253660 url('img/arizona-sunset-panorama.webp') center/100% 100% no-repeat;color:#fff;padding:8px 0 5px}
.closer::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#00164d66,#0613403d);z-index:-1}
.closer h2{font-size:21px;letter-spacing:-.2px;line-height:1.15}
.closer .cta{min-height:37px;margin-top:6px;padding:8px 29px;font-size:16px;gap:13px}
.closer .cta__arrow{width:20px;height:20px}
.closer .mic-note{justify-content:center;text-align:left;margin:4px auto 0;font-size:10px;gap:9px;line-height:1.2}
.closer .mic-note>svg{width:20px;height:26px}
.foot{background:linear-gradient(105deg,#002054,#00144f);color:#fff}
.foot__inner{min-height:50px;display:flex;align-items:center;gap:22px;padding-inline:40px}
.foot__logo{width:78px;height:46px;object-fit:contain}
.foot__tag{font-size:11px;font-weight:700;border-left:1px solid #ffffff80;padding-left:23px;line-height:1.3}
.foot__links{margin-left:auto;display:flex;align-items:center;gap:19px;white-space:nowrap;font-size:10px}
.foot__links p{padding-left:19px;border-left:1px solid #ffffff90}
/* The existing voice survey owns this container and both named CTA triggers. */
#polyengage-voice-survey:empty{display:none}
#polyengage-voice-survey:not(:empty){position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:20px;background:rgba(12,22,32,.74);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);max-width:none;animation:pe-overlay-in 300ms ease-out both}
#polyengage-voice-survey>*{width:100%;max-width:380px}
#polyengage-voice-survey.pe-entering>*{animation:pe-card-in 340ms cubic-bezier(.2,.8,.25,1) 60ms both}
@keyframes pe-overlay-in{from{opacity:0}to{opacity:1}}
@keyframes pe-card-in{from{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:none}}
@media(min-width:1200px){.hero__inner{padding-block:46px;min-height:470px}h1{font-size:68px}.steps-band{padding-block:24px}.reasons-band{padding-block:20px}.reasons{margin-top:12px}.reason{padding:20px}.closer{padding-block:14px}.foot__inner{min-height:62px}}
@media(min-width:761px) and (max-width:900px){.hero__inner{padding-left:48px}.masthead__inner{padding-inline:32px}.reason{grid-template-columns:48px minmax(0,1fr);gap:12px;padding:12px}.reason__icon{width:48px;height:48px}.reason h3{font-size:15px}.foot__inner{padding-inline:24px;gap:16px}.foot__tag{padding-left:16px;font-size:10px}.foot__links{gap:12px}.foot__links p{padding-left:12px}}
@media(max-width:760px){
  html{scroll-padding-top:12px}
  .wrap{padding-inline:23px}
  h2{font-size:18px;letter-spacing:-.35px}
  .masthead__inner{height:62px;padding:5px 26px;justify-content:space-between;gap:0}
  .brand img{width:85px;height:51px}
  .masthead__tag,.masthead__claim{display:none}
  .mobile-menu{display:block;position:relative;z-index:10}
  .mobile-menu summary{list-style:none;display:grid;place-items:center;width:32px;height:40px;cursor:pointer}
  .mobile-menu summary::-webkit-details-marker{display:none}
  .mobile-menu summary svg{width:24px;height:24px}
  .mobile-menu nav{position:absolute;top:46px;right:-10px;width:250px;background:#fff;border-radius:8px;padding:8px;box-shadow:0 8px 30px #00164b33}
  .mobile-menu nav a{display:block;padding:12px;color:var(--navy);font-size:14px;text-decoration:none;border-radius:4px}
  .mobile-menu nav a:hover{background:#f0f4f6}
  .hero__inner{min-height:234px;padding:15px 23px 10px}
  .hero__art img{object-position:75% center}
  .hero::after{background:linear-gradient(90deg,#130d2861,transparent 95%)}
  h1{font-size:27px;line-height:1.01;letter-spacing:-.2px}
  .hero__lede{max-width:315px;font-size:14px;line-height:1.15;margin-top:7px}
  .desktop-break{display:none}
  .mobile-break{display:initial}
  .hero .cta{font-size:17px;min-width:245px;min-height:41px;padding:9px 26px;margin-top:8px;gap:11px}
  .cta__arrow{width:23px;height:23px}
  .mic-note{font-size:11px;line-height:1.25;gap:10px;margin-top:7px}
  .mic-note>svg{width:20px;height:27px}
  .steps-band{padding:12px 0 16px}
  .steps-band .wrap{padding-inline:19px}
  .eyebrow{font-size:11px;letter-spacing:1.8px;margin-bottom:3px}
  .steps{grid-template-columns:1fr;gap:8px;margin-top:10px}
  .step{display:grid;grid-template-columns:23px 42px minmax(0,1fr);gap:9px;align-items:center;text-align:left;padding:0;min-height:40px}
  .step+.step::before{display:none}
  .step__num{position:static;width:24px;height:24px;font-size:13px}
  .step__icon{width:42px;height:42px;margin:0}
  .step__icon svg{width:26px;height:26px}
  .step__icon svg[viewBox="0 0 24 28"]{width:21px;height:26px}
  .step__copy{padding-left:9px}
  .step h3{font-size:14px;line-height:1.15}
  .step p{font-size:11px;line-height:1.2;max-width:none;margin-top:1px}
  .reasons-band{padding:11px 0 9px;border-radius:6px 6px 0 0}
  .reasons-band .wrap{padding-inline:10px}
  .reasons-band .eyebrow{font-size:11px;letter-spacing:1.25px;margin-bottom:3px}
  .reasons-band h2{font-size:18px}
  .reasons{grid-template-columns:1fr;gap:6px;margin-top:8px}
  .reason{grid-template-columns:52px minmax(0,1fr);gap:19px;padding:6px 17px;min-height:60px;border-radius:7px;align-items:center}
  .reason__icon{width:49px;height:49px}
  .reason__icon svg{width:31px;height:31px}
  .reason h3{font-size:13px;line-height:1.12;margin:0 0 3px}
  .reason p{font-size:11.5px;line-height:1.2;max-width:35ch}
  .closer{padding:6px 0 7px;border-radius:7px 7px 0 0;background-size:cover;background-position:72% center}
  .closer .wrap{padding-inline:22px}
  .closer h2{font-size:18px;line-height:1.03;max-width:340px;margin:auto}
  .closer .cta{font-size:16px;padding:8px 27px;min-height:37px;margin-top:7px;gap:9px}
  .closer .mic-note{font-size:10px;line-height:1.3;gap:8px;margin-top:6px}
  .closer .mic-note>svg{width:19px;height:27px}
  .foot__inner{display:grid;grid-template-columns:79px minmax(0,1fr);column-gap:15px;row-gap:3px;padding:7px 23px 8px;min-height:76px}
  .foot__logo{width:73px;height:43px}
  .foot__tag{padding-left:19px;font-size:10px;line-height:1.4;font-weight:400}
  .foot__tag-break{display:block}
  .foot__links{grid-column:1/-1;justify-content:center;font-size:10px;gap:12px;margin-left:0}
  .foot__links p{padding-left:12px}
}
@media(max-width:350px){.hero__inner{padding-inline:18px}h1{font-size:25px}.hero__lede{font-size:13px}.steps-band .wrap{padding-inline:15px}.step__copy{padding-left:3px}.reason{gap:12px;padding-inline:12px}.reason h3{font-size:12px}.reason p{font-size:11px}.foot__inner{padding-inline:15px}.foot__links{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
