@font-face{font-family:"Rubik";src:url("/fonts/rubik-latin.woff2") format("woff2");font-weight:300 900;font-display:swap}
@font-face{font-family:"Atkinson Hyperlegible Next";src:url("/fonts/atkinson-latin.woff2") format("woff2");font-weight:200 800;font-display:swap}
:root{--ink:#13303d;--soft:#3b5563;--cyan:#21bfdc;--deep:#076e8a;--mist:#eef8fb;--line:#cfe4eb}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:"Atkinson Hyperlegible Next",ui-sans-serif,system-ui,sans-serif;font-size:1.125rem;line-height:1.6;color:var(--ink);background:#fff}
img,picture{display:block;max-width:100%;height:auto}
a{color:var(--deep);text-decoration-thickness:1.5px;text-underline-offset:.18em}
a:hover{color:var(--ink)}
:focus-visible{outline:3px solid var(--deep);outline-offset:3px;border-radius:6px}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.wrap{max-width:68rem;margin:0 auto;padding:clamp(1.5rem,4vw,2.5rem) clamp(1rem,4vw,2.5rem) 2rem}
.logo{width:auto;height:28px}
.hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(2rem,6vw,4.5rem);align-items:center;padding-block:clamp(2.5rem,7vw,5rem) clamp(2rem,4vw,3rem)}
h1,h2{font-family:"Rubik",ui-sans-serif,system-ui,sans-serif;font-weight:600;margin:0 0 .5em;text-wrap:balance}
h1{font-size:clamp(2.3rem,1.5rem + 3.2vw,3.8rem);line-height:1.06;letter-spacing:-.025em}
h2{font-size:1.4rem;letter-spacing:-.01em}
.lead{font-size:clamp(1.15rem,1.05rem + .4vw,1.3rem);line-height:1.5;color:var(--soft);max-width:32em;margin:0 0 .8em}
.actions{margin:1.8rem 0 0}
.btn{display:inline-flex;align-items:center;min-height:3.25rem;padding:.75rem 1.6rem;border-radius:999px;background:var(--cyan);color:var(--ink);font-family:"Rubik",sans-serif;font-weight:500;text-decoration:none}
.btn:hover{background:#4fcde5;color:var(--ink)}
.media{display:flex;justify-content:center;padding:1rem}
.capsule{position:relative;width:min(100%,22rem);aspect-ratio:4/5}
.capsule picture,.capsule img{width:100%;height:100%}
.capsule img{object-fit:cover;object-position:56% 50%;border-radius:999px}
.coat{position:absolute;inset:-12px;border-radius:999px;border:3px solid var(--cyan);pointer-events:none}
@media (prefers-reduced-motion:no-preference){.coat{animation:coat 1.5s cubic-bezier(.2,.75,.2,1) .25s both}
@keyframes coat{from{transform:scale(1.14);opacity:0;border-width:1px}60%{opacity:1}to{transform:scale(1);opacity:1;border-width:3px}}}
.about{background:var(--mist);border-radius:28px;padding:clamp(1.25rem,3vw,2rem) clamp(1.25rem,3vw,2.25rem)}
.about p{margin:0;max-width:44em}
.markets{padding-block:clamp(2.5rem,5vw,3.5rem)}
.markets ul{list-style:none;margin:0;padding:0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;column-gap:2.5rem}
.markets li{border-bottom:1px solid var(--line)}
.markets a{display:flex;align-items:baseline;gap:1rem;padding:.9rem .2rem;text-decoration:none;color:var(--ink)}
.markets .c{font-family:"Rubik",sans-serif;font-weight:600;font-size:1.2rem;min-width:6.5rem}
.markets .h{color:var(--deep);text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:.18em}
.markets .ext{margin-left:auto;align-self:center;color:var(--deep);flex:none}
.foot{border-top:1px solid var(--line);padding-top:1.5rem;font-size:.98rem;color:var(--soft)}
.foot p{margin:0 0 .4rem}
@media (max-width:820px){.hero{grid-template-columns:1fr}.media{order:-1;padding:.5rem 0 0}.capsule{width:min(70%,17rem)}.markets ul{grid-template-columns:1fr}}