html{scroll-behavior:smooth}
body{font-family:'DM Sans',system-ui,sans-serif;background:#F6F9F8;color:#14231F}
.font-display{font-family:'Bricolage Grotesque','DM Sans',sans-serif;letter-spacing:-.03em}
.contours{background:
 radial-gradient(circle at 78% 30%,transparent 0 60px,rgba(207,230,232,.07) 61px 62px,transparent 63px 110px,rgba(207,230,232,.07) 111px 112px,transparent 113px 170px,rgba(207,230,232,.07) 171px 172px,transparent 173px 240px,rgba(207,230,232,.07) 241px 242px,transparent 243px),
 linear-gradient(160deg,#0A2F28,#0d4a3b 60%,#0A2F28)}
:focus-visible{outline:3px solid #F4A340;outline-offset:2px}
.tab[aria-selected=true]{background:#0A2F28;color:#fff}
.chip[aria-pressed=true]{background:#12795F;color:#fff;border-color:#12795F}
.skeleton{background:linear-gradient(90deg,#e4eceb,#f1f6f5,#e4eceb);background-size:200% 100%;animation:sk 1.4s infinite}
@keyframes sk{to{background-position:-200% 0}}
dialog::backdrop{background:rgba(10,47,40,.7);backdrop-filter:blur(4px)}
@media (prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}