*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#0e2920;color:#eef1df;font:17px/1.7 system-ui,sans-serif}a{color:#ffe18a;text-underline-offset:4px}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #ffe18a;outline-offset:5px}main,.wrap{max-width:1040px;margin:auto;padding:24px}nav{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;border-bottom:1px solid #497461;padding-bottom:22px}nav .brand{font-weight:900;font-size:24px;margin-right:auto;text-decoration:none;color:#fff5cd}h1{font-size:clamp(34px,6vw,64px);line-height:1.08;letter-spacing:-.04em;margin:20px 0}h2{font-size:28px;line-height:1.25;margin:38px 0 14px;color:#ffe18a}h3{font-size:20px;margin:22px 0 6px}p{margin:12px 0 20px}.eyebrow{letter-spacing:.15em;text-transform:uppercase;color:#a6d5b7;font-size:13px;font-weight:800}.lede{font-size:21px;max-width:750px;color:#cbded1}.hero{padding:45px 0;display:grid;grid-template-columns:1.6fr 1fr;gap:36px;align-items:center}.hero img{width:100%;max-width:320px;justify-self:center;filter:drop-shadow(0 18px 25px #0005)}.button{display:inline-block;background:#ffe18a;color:#14362a;padding:12px 24px;border-radius:12px;text-decoration:none;font-weight:800;margin:6px 12px 6px 0}.muted{color:#afc8b9}.panel{background:#193f31;border:1px solid #50765e;border-radius:20px;padding:24px;margin:24px 0}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.grid .panel{margin:0}article{max-width:820px;padding:16px 0 40px}li{margin:10px 0}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:16px}th,td{text-align:left;padding:13px 10px;border-bottom:1px solid #50765e}th{color:#ffe18a}footer{border-top:1px solid #497461;padding:24px 0 40px;margin-top:40px;display:flex;flex-wrap:wrap;gap:14px 24px}label{display:block;margin:12px 0}input{display:block;margin-top:6px;width:100%;max-width:240px;padding:10px;background:#fff9e7;border:2px solid #91b79f;border-radius:8px;color:#123326;font:inherit}output{display:block;font-size:25px;color:#ffe18a;font-weight:800;overflow-wrap:anywhere}.lang{border-top:1px solid #50765e;margin-top:40px;padding-top:12px}details{border-bottom:1px solid #50765e;padding:14px 0}summary{font-weight:750;cursor:pointer} @media(max-width:650px){main,.wrap{padding:20px}.hero{grid-template-columns:1fr;padding:28px 0}.hero img{max-width:170px;grid-row:1}.grid{grid-template-columns:1fr}nav{gap:12px 18px}nav .brand{width:100%}.panel{padding:20px}h2{font-size:25px}}