@font-face{font-family:"Inter";src:url("/assets/fonts/inter-latin-var.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"Bricolage Grotesque";src:url("/assets/fonts/bricolage-grotesque-latin-var.woff2") format("woff2");font-weight:200 800;font-style:normal;font-display:swap}
:root{--paper:#f7f5f0;--navy:#10233a;--body:#41536a;--mute:#5b6979;--cyan:#1aa3d9;--cyan-ink:#0a6f9f;color-scheme:light}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--body);font:400 1.0625rem/1.65 "Inter",-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;padding:0 max(24px,env(safe-area-inset-left,0px)) 64px}
:focus-visible{outline:3px solid var(--cyan-ink);outline-offset:3px;border-radius:6px}
.top,main{max-width:720px;margin:0 auto}
.top{height:70px;display:flex;align-items:center}
.wm{display:inline-flex;align-items:center;gap:.32em;font-size:23px;letter-spacing:-.02em;line-height:1;white-space:nowrap;color:var(--navy);text-decoration:none}
.wm .mk{width:1.2em;height:1.2em;overflow:visible}
.wm .t{font-weight:400}.wm .t b{font-weight:700}
.wm .di{position:relative;display:inline-block}
.wm .di::after{content:"";position:absolute;left:50%;top:.04em;width:.18em;height:.18em;margin-left:-.09em;border-radius:50%;background:var(--cyan)}
.mk .o{fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round}
.mk .d{fill:var(--cyan)}
h1,h2{font-family:"Bricolage Grotesque","Inter",-apple-system,"Segoe UI",sans-serif;color:var(--navy);letter-spacing:-.03em;line-height:1.1}
h1{font-size:clamp(2.4rem,6vw,3.6rem);font-weight:800;margin:32px 0 20px}
h2{font-size:1.4rem;font-weight:800;margin:32px 0 8px}
p{margin:0 0 12px;max-width:68ch}
a{color:var(--cyan-ink);font-weight:600;word-break:break-word}
.upd{margin-top:32px;font-size:.88rem;color:var(--mute)}
