@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url('./assets/fonts/geist-variable.woff2') format('woff2')}

:root{
  --ink:#102c40;
  --muted:#526b7b;
  --blue:#155d86;
  --blue-soft:#e7f1f6;
  --surface:#f8fafb;
  --line:#d9e4e9;
  --white:#ffffff;
  --night:#07121b;
  --editorial:#0e3149;
  --process-surface:#eef1ef;
  font-family:'Geist',sans-serif;
  color:var(--ink);
  background:var(--white);
  font-synthesis:none;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0}
button,a,summary{font:inherit}
a{color:inherit;text-decoration:none}
a:focus-visible,summary:focus-visible{outline:3px solid #198bbf;outline-offset:4px}
[hidden]{display:none!important}
.skip{position:absolute;left:16px;top:-64px;z-index:30;padding:12px 16px;background:var(--ink);color:var(--white)}
.skip:focus{top:16px}
.section-wrap{width:min(1200px,calc(100% - 48px));margin-inline:auto}
h1,h2,h3,p{margin-top:0}
h1,h2,h3{font-weight:600;text-wrap:balance}
p{text-wrap:pretty}
.heading-1{font-size:60px;line-height:1;letter-spacing:-.055em}
.heading-2{font-size:48px;line-height:1;letter-spacing:-.05em}
.heading-3{font-size:36px;line-height:40px;letter-spacing:-.045em}
.heading-6{font-size:20px;line-height:28px;letter-spacing:-.025em}
.title-3{font-size:16px;line-height:24px;font-weight:500}
.title-4{font-size:14px;line-height:20px;font-weight:500}
.body-3{font-size:16px;line-height:24px;font-weight:400}
.button-md{font-size:16px;line-height:24px;font-weight:600}
.button-sm{font-size:14px;line-height:20px;font-weight:600}
.caption-2{font-size:14px;line-height:20px;font-weight:400}
.caption-3{font-size:12px;line-height:16px;font-weight:600}
.caption-5{font-size:12px;line-height:16px;font-weight:400}

.brand{display:inline-flex;align-items:center;gap:8px;color:#fff;font-size:24px;line-height:32px;font-weight:400;letter-spacing:-.03em;white-space:nowrap}
.button{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:48px;padding:8px 12px;border-radius:8px;text-align:center;transition:transform 500ms cubic-bezier(.22,1,.36,1),background-color 300ms cubic-bezier(.22,1,.36,1)}
.button:hover{transform:translateY(-2px)}
.button:active{transform:scale(.98)}
.button.primary{background:var(--blue);color:#fff}
.button.primary:hover{background:#0e486a}
.button.secondary{border:1px solid #a8c2ce;color:var(--ink);background:#fff}
.button.secondary:hover{background:var(--blue-soft)}
.benefits{padding-top:96px;padding-bottom:96px}
.section-heading{margin-bottom:48px}
.section-heading h2{max-width:800px;margin-bottom:0}
.benefit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.benefit-grid article{padding:32px;border:1px solid var(--line);border-radius:12px;background:#fff}
.benefit-grid h3{margin-bottom:12px}
.benefit-grid p{color:var(--muted);margin-bottom:0}

.areas{padding-top:96px;padding-bottom:96px}
.areas-grid{display:grid;grid-template-columns:1fr 1fr;gap:96px}
.areas-grid h2{max-width:540px}
.areas-grid>div>p.body-3{max-width:500px;color:var(--muted);margin-bottom:32px}
.area-list{display:grid;grid-template-columns:1fr 1fr;gap:8px;list-style:none;padding:0;margin:0}
.area-list li{padding:12px 16px;border-radius:8px;background:#edf4f7;font-size:14px;line-height:20px;font-weight:500}

.faq{padding:96px 0;background:var(--surface)}
.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:96px}
.faq h2{max-width:480px}
.faq-list{border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{position:relative;cursor:pointer;list-style:none;padding:24px 40px 24px 0}
.faq summary::-webkit-details-marker{display:none}
.faq-answer{display:flow-root;overflow:hidden}
.faq details p{color:var(--muted);max-width:530px;margin:0 0 24px}

.final-cta{padding:80px 0;background:#0e3149;color:#fff}
.final-grid{display:grid;grid-template-columns:1fr auto;gap:64px;align-items:end}
.final-cta h2{max-width:650px;margin-bottom:24px}
.final-cta p.body-3{max-width:550px;color:#c2d6df;margin-bottom:0}
.final-actions{display:flex;flex-direction:column;align-items:stretch;gap:12px}
.final-actions .button.primary{background:#fff;color:#0e3149}
.final-actions .button.primary:hover{background:#e2f3fa}
.final-actions .button.secondary{background:transparent;color:#fff;border-color:#9bb9c8}
footer{background:#0a1622;color:#bdd3dd}
.footer-grid{min-height:96px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.footer-grid .brand{color:#fff;font-size:20px;line-height:28px}
.footer-grid p{margin:0}
.footer-grid>a:last-child:hover{color:#fff}


.media-note{margin-block:0;padding-bottom:24px}
@media(max-width:1050px){.areas-grid,.faq-grid{gap:48px}}
@media(max-width:800px){
  .benefit-grid{grid-template-columns:1fr}
  .benefit-grid article{padding:24px}
  .areas-grid,.faq-grid,.final-grid{grid-template-columns:1fr;gap:32px}
}
@media(max-width:480px){
  .section-wrap{width:calc(100% - 32px)}
  .brand{font-size:20px;line-height:28px}
  .heading-2{font-size:36px;line-height:40px}
  .heading-3{font-size:30px;line-height:36px}
  .benefits,.areas,.faq{padding-top:64px;padding-bottom:64px}
  .final-cta{padding:64px 0}
  .footer-grid{flex-wrap:wrap;padding:24px 0}
  .footer-grid p{order:3;width:100%}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

.icon{display:inline-block;flex:none;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.footer-return{display:inline-flex;align-items:center;gap:8px}
.faq .faq-icon{position:absolute;right:8px;top:24px;width:24px;height:24px;color:var(--blue);transition:opacity 200ms cubic-bezier(.22,1,.36,1)}
.faq-icon-plus{opacity:1}
.faq-icon-minus{opacity:0}
.faq details[open]:not(.is-closing) .faq-icon-plus{opacity:0}
.faq details[open]:not(.is-closing) .faq-icon-minus{opacity:1}
@media(prefers-reduced-motion:reduce){.faq .faq-icon{transition:none}}