@font-face{font-family:Manrope;src:url('/manrope.ttf');font-display:swap}@font-face{font-family:Barlow;src:url('/barlow.ttf');font-weight:700;font-display:swap}*{box-sizing:border-box}body{margin:0;background:#f6f4ec;color:#20291f;font:16px/1.7 Manrope,system-ui,sans-serif}a{color:inherit;text-underline-offset:4px}header,main,footer{max-width:1080px;margin:auto;padding:28px 24px}header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d3d7ca;gap:24px}.brand{display:flex;align-items:center;gap:12px;font-weight:750;text-decoration:none}.brand img{width:48px;height:48px;border-radius:12px}nav{display:flex;gap:24px;font-size:14px}h1,h2,h3{font-family:Barlow,Impact,sans-serif;line-height:1.05}h1{font-size:clamp(48px,8vw,88px);margin:20px 0 24px;max-width:800px;letter-spacing:-1px}h2{font-size:36px;margin:44px 0 12px}h3{font-size:25px;margin:0 0 10px}.hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:64px;padding-block:42px 64px}.hero p{max-width:460px;font-size:18px}.board{width:100%;border:1px solid #d3d7ca}.eyebrow{font-size:12px;font-weight:800;letter-spacing:1.7px;text-transform:uppercase}.button{display:inline-block;background:#20291f;color:#f6f4ec;text-decoration:none;padding:13px 22px;border-radius:8px;font-weight:750;margin-top:16px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;border-top:1px solid #d3d7ca;padding-block:40px}.features p{font-size:14px}.article{max-width:800px}.article h1{font-size:60px}.article p,.article li{max-width:730px}.article details{border-bottom:1px solid #d3d7ca;padding:20px 0}.article summary{font-weight:750;cursor:pointer}.muted{color:#5a6357}.note{border-left:4px solid #397653;padding:10px 22px;background:#eaf0e3}footer{border-top:1px solid #d3d7ca;font-size:13px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}a:focus-visible,summary:focus-visible{outline:3px solid #397653;outline-offset:5px}@media(max-width:700px){header{align-items:flex-start}nav{gap:14px;padding-top:12px}.brand span{display:none}.hero{grid-template-columns:1fr;gap:28px;padding-top:12px}.hero .board{max-width:420px;margin:auto}.features{grid-template-columns:1fr;gap:16px}.article h1{font-size:48px}header,main,footer{padding-inline:20px}}