@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(assets/font-1.ttf) format('truetype');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(assets/font-2.ttf) format('truetype');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(assets/font-3.ttf) format('truetype');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(assets/font-4.ttf) format('truetype');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(assets/font-5.ttf) format('truetype');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(assets/font-6.ttf) format('truetype');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(assets/font-7.ttf) format('truetype');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(assets/font-8.ttf) format('truetype');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(assets/font-9.ttf) format('truetype');
}


:root{--ink:#0a3153;--navy:#104f7c;--cyan:#7dd3fa;--teal:#126fa5;--muted:#697a8b;--paper:#f3f6f8;--line:#d5dee6;--font:'DM Sans',Arial,sans-serif;--heading:'Manrope',Arial,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:86px}
body{margin:0;font-family:var(--font);color:var(--ink);background:var(--paper);font-size:17px;line-height:1.6}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
button{cursor:pointer}
button,a{-webkit-tap-highlight-color:transparent}
button:focus-visible,a:focus-visible{outline:3px solid #198dc6;outline-offset:6px}
::selection{background:var(--cyan);color:var(--ink)}
.brand{font-family:var(--heading);font-size:31px;font-weight:800;letter-spacing:-1.5px;line-height:1}
.brand span{display:block;font-family:var(--font);font-size:9px;letter-spacing:2.8px;font-weight:600;margin-top:7px}
h1,h2,h3,p{margin-top:0}
h1{font-family:var(--heading);font-size:clamp(48px,6.2vw,91px);font-weight:550;line-height:1.1;letter-spacing:-4.5px;margin-bottom:30px}
h2{font-family:var(--heading);font-weight:550;font-size:clamp(34px,4.2vw,62px);line-height:1.15;letter-spacing:-2.4px;margin-bottom:30px}
h3{font-family:var(--heading);font-weight:550;line-height:1.22;letter-spacing:-1.2px;font-size:32px}
dialog{border:0;padding:0;border-radius:10px;width:min(1050px,92vw);max-height:92svh;background:#fff;color:var(--ink);box-shadow:0 30px 100px #0005}
dialog::backdrop{background:#000e1dd9;backdrop-filter:blur(12px)}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}