@font-face{font-family:"Neue Montreal";src:url("/fonts/NeueMontreal-Regular.woff2") format("woff2"),url("/fonts/NeueMontreal-Regular.otf") format("opentype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Neue Montreal";src:url("/fonts/NeueMontreal-Medium.woff2") format("woff2"),url("/fonts/NeueMontreal-Medium.otf") format("opentype");font-weight:500;font-style:normal;font-display:swap}
:root{--paper:#f4f3ee;--ink:#141416;--grey:#65656b;--rule:rgba(20,20,22,.12);--accent:#3a5fe6}
*{box-sizing:border-box}
html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"Neue Montreal","Helvetica Neue",Helvetica,Arial,sans-serif;font-kerning:normal}
::selection{background:var(--accent);color:var(--paper)}
a{color:inherit;text-decoration:none;transition:color .15s}
a:hover,a:focus-visible{color:var(--accent)}
a:focus-visible{outline:1px solid var(--accent);outline-offset:3px}
.arrow{color:var(--accent)}
.page{min-height:100vh;min-height:100svh;padding:clamp(24px,3.2vh,40px) clamp(24px,6vw,96px);display:flex;flex-direction:column}
.wrap{max-width:1180px;width:100%;margin:0 auto;flex:1;display:flex;flex-direction:column}
header{display:flex;justify-content:space-between;align-items:center;gap:24px}
header img{height:clamp(22px,1.9vw,28px);width:auto;display:block}
.small{font-size:clamp(14px,1vw,15px);line-height:1.55}
.grey{color:var(--grey)}
main:not(.legal){flex:1;display:flex;flex-direction:column}
.hero{flex:1;display:flex;flex-direction:column;justify-content:center;gap:clamp(18px,2.8vh,32px);padding:clamp(16px,3vh,40px) 0}
h1{margin:0;font-size:clamp(36px,min(4.4vw,7vh),62px);line-height:1.04;font-weight:400;letter-spacing:-.035em;text-wrap:pretty;max-width:24ch}
h1 em{font-style:normal;color:var(--accent)}
@media (max-width:640px){.hero{padding:clamp(48px,8vh,72px) 0 clamp(24px,4vh,40px)}}
.intro{margin:0;max-width:54ch;font-size:clamp(16px,1.25vw,19px);line-height:1.6;color:var(--grey);text-wrap:pretty}
.row{display:flex;flex-wrap:wrap;gap:12px 48px;padding:clamp(16px,2.6vh,32px) 0}
.row+.row{border-top:1px solid var(--rule)}
.label{flex:0 0 160px;font-size:12.5px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;padding-top:clamp(5px,.5vw,8px)}
.body{flex:1 1 360px;max-width:64ch;display:flex;flex-direction:column;gap:16px}
.statement{margin:0;font-size:clamp(18px,1.45vw,22px);line-height:1.36;letter-spacing:-.03em;text-wrap:pretty}
.body p{margin:0}
.body>a{align-self:flex-start}
.partners a{color:var(--ink)}
.partners a:hover{color:var(--accent)}
footer{padding-top:clamp(16px,2.4vh,28px);border-top:1px solid var(--rule);display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px 30px;color:var(--grey)}
footer nav{display:flex;gap:30px}
.legal{flex:1;padding:clamp(48px,8vh,96px) 0}
.legal h1{margin-bottom:clamp(32px,5vh,56px)}
.legal h2{margin:32px 0 8px;font-size:12.5px;font-weight:500;letter-spacing:.16em;text-transform:uppercase}
.legal p{margin:0 0 12px;max-width:64ch;font-size:clamp(15px,1.05vw,17px);line-height:1.6}
