@font-face{font-family:Fredoka;src:url('./fredoka.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:Nunito;src:url('./nunito.ttf') format('truetype');font-weight:700;font-display:swap}
:root{color-scheme:light;--cream:#fff6ec;--ink:#20242e;--soft:#596170;--green:#13784b;--line:#e6e2d8}
*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:Nunito,system-ui,sans-serif;font-size:18px;line-height:1.65}a{color:var(--green);text-underline-offset:4px}a:hover{color:#0c5534}a:focus-visible{outline:3px solid #2e90e0;outline-offset:5px;border-radius:3px}header,footer{max-width:1100px;margin:auto;padding:24px 32px}header{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font-family:Fredoka,system-ui,sans-serif;font-size:24px;color:var(--ink);text-decoration:none}.brand img{border-radius:12px}nav{display:flex;gap:24px;font-size:16px}nav a[aria-current=page]{font-weight:bold;color:var(--ink)}main{max-width:820px;margin:auto;padding:64px 32px 80px}h1,h2{font-family:Fredoka,system-ui,sans-serif;line-height:1.15;font-weight:600}h1{font-size:clamp(38px,6vw,64px);letter-spacing:-.02em;margin:16px 0 24px}h2{font-size:28px;margin:40px 0 12px}p{margin:14px 0}li{margin:10px 0}.eyebrow{text-transform:uppercase;font-size:13px;letter-spacing:.12em;color:var(--green)}.lede{font-size:22px;color:var(--soft);line-height:1.5}.card{background:white;padding:28px;border-radius:24px;border:1px solid var(--line);margin:28px 0}.card h2{margin-top:0}.button{display:inline-block;background:var(--green);color:white!important;padding:12px 22px;border-radius:14px;text-decoration:none}.actions{display:flex;flex-wrap:wrap;gap:18px;align-items:center;margin:30px 0}.hero-icon{width:128px;height:128px;border-radius:30px}.meta{font-size:15px;color:var(--soft)}footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px;border-top:1px solid var(--line);font-size:14px;color:var(--soft)}.skip{position:absolute;left:20px;top:-100px;background:white;padding:12px;z-index:2}.skip:focus{top:10px}summary{cursor:pointer;font-family:Fredoka,system-ui,sans-serif;font-size:24px;line-height:1.3}details{padding:24px 0;border-bottom:1px solid var(--line)}details p{color:var(--soft)}@media(max-width:560px){header{align-items:flex-start;flex-direction:column;padding:20px 24px}nav{gap:20px}main{padding:38px 24px 56px}.card{padding:22px}footer{padding:24px}.lede{font-size:20px}}
