:root{--ink:#573c2d;--muted:#796353;--green:#48604b;--paper:#fffaf0;--line:#e8d7bd}*{box-sizing:border-box}body{margin:0;background:#fbf2df;color:var(--ink);font:17px/1.65 ui-rounded,"SF Pro Rounded",system-ui,-apple-system,sans-serif}a{color:var(--green);text-underline-offset:4px}a:hover{color:#2b422e}a:focus-visible{outline:3px solid #ba7134;outline-offset:5px;border-radius:4px}header,main,footer{max-width:1120px;margin:auto;padding-left:32px;padding-right:32px}header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:26px;padding-bottom:26px;border-bottom:1px solid var(--line)}.brand{display:flex;gap:13px;align-items:center;color:var(--ink);font-size:23px;font-weight:800;text-decoration:none;white-space:nowrap}.brand img{border-radius:16px}nav{display:flex;gap:26px;flex-wrap:wrap}nav a{font-size:15px;text-decoration:none;padding:8px 0}nav a[aria-current]{color:var(--ink);text-decoration:underline;font-weight:750}main{padding-top:52px;padding-bottom:68px;min-height:70vh}.eyebrow{font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--green);font-weight:750;margin:0 0 16px}h1{font-size:clamp(38px,5.4vw,64px);line-height:1.1;letter-spacing:-2px;margin:0 0 26px;max-width:820px}h2{font-size:24px;line-height:1.25;letter-spacing:-.4px;margin:0 0 14px}p{margin-top:0}.lead{font-size:21px;line-height:1.6;max-width:720px;color:var(--muted)}.hero{display:grid;grid-template-columns:1.4fr 1fr;align-items:center;gap:56px;padding:14px 0 52px}.app-icon{display:block;width:100%;height:auto;border-radius:25%;box-shadow:0 16px 38px #875d3326;transform:rotate(3deg)}.button{display:inline-flex;gap:28px;align-items:center;justify-content:center;min-height:54px;padding:12px 24px;border-radius:18px;background:var(--green);color:#fffaf0;font-weight:750;text-decoration:none;box-shadow:0 3px 0 #304a33}.button:hover{background:#354c39;color:white}.release{font-size:14px;color:var(--muted);margin:20px 0}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;border-top:1px solid var(--line);padding-top:36px}.features article{padding:0 8px 0 0}.features p{font-size:16px;color:var(--muted)}.number{display:block;color:#97673d;font-size:13px;font-weight:800;margin-bottom:14px}.note{margin-top:36px;padding:28px 32px;background:#e9edda;border-radius:24px}.note p{margin:0}.reading{max-width:780px}.reading h2{margin-top:38px}.reading p,.reading li{color:var(--muted)}.reading li{margin-bottom:8px}.updated,.contact{font-size:15px;color:var(--muted);margin-top:18px}footer{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-top:25px;padding-bottom:30px;border-top:1px solid var(--line);font-size:13px}.skip{position:absolute;left:16px;top:-100px;background:white;padding:12px;z-index:10}.skip:focus{top:10px}@media(max-width:680px){header,main,footer{padding-left:24px;padding-right:24px}header{align-items:flex-start;flex-direction:column;gap:10px;padding-top:20px;padding-bottom:16px}nav{width:100%;gap:22px;justify-content:space-between}nav a{font-size:13px}main{padding-top:32px}.hero{grid-template-columns:1fr;gap:30px;padding-bottom:36px}.hero .app-icon{width:min(62vw,270px);margin:0 auto;grid-row:1;transform:rotate(2deg)}h1{letter-spacing:-1.2px}.lead{font-size:19px}.features{grid-template-columns:1fr;gap:24px}.features article{border-bottom:1px solid var(--line);padding-bottom:12px}.features article:last-child{border:0}.note{padding:24px}footer{flex-direction:column}.reading h2{margin-top:30px}}
