@font-face{font-family:Nunito;src:url('/landing/Nunito.ttf') format('truetype');font-weight:200 1000;font-display:swap}
html{scroll-padding-top:24px}
body{max-width:960px;color:#244d43;background:#fffbef}
header{padding:48px 0 24px;max-width:720px}
h1,h2,h3,.brand,.topics{font-family:Nunito,system-ui,sans-serif}
h1{font-size:clamp(2.25rem,6vw,3.5rem);letter-spacing:-.035em;line-height:1.1;margin:0 0 24px;font-weight:900;color:#244d43}
header p{font-size:1.2rem;max-width:48ch;color:#466659}
.topics{border:0;gap:8px 20px;padding:0 0 26px;font-weight:800}
nav a{min-height:44px;display:inline-flex;align-items:center}
section{max-width:72ch;padding:12px 0 20px;border-top:1px solid #cfdbd1}
h2{font-size:1.65rem;margin:20px 0 24px;color:#244d43}
h3{font-size:1.15rem;margin:30px 0 8px;color:#244d43}
p{margin:8px 0 20px}
#contact{margin-top:24px;background:#e9e3fa;padding:28px;border:0;border-radius:16px}
#contact h2{margin-top:0}
#contact p:last-child{margin-bottom:0}
.contact-link{font-weight:750}
::selection{background:#9ce5cd;color:#244d43}
@media(max-width:480px){body{padding:20px 20px 40px}header{padding-top:32px}#contact{padding:22px}.topics{gap:4px 18px}}