:root{color-scheme:dark;--bg:#101917;--ink:#f1f4df;--muted:#b2c3b7;--accent:#d0fa73;--line:#36483f}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 'Chakra Petch',sans-serif}a{color:inherit;text-underline-offset:5px}a:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:6px}header,main,footer{max-width:1240px;margin:auto;padding-inline:48px}header{height:112px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{font:800 22px Syne,sans-serif;text-decoration:none;letter-spacing:-.6px}.wordmark span{display:block;font:500 10px 'Chakra Petch',sans-serif;letter-spacing:3px;margin-top:5px;color:var(--muted)}.nav-link{font-size:14px;min-height:44px;display:flex;align-items:center}.hero{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:50px;padding-block:72px 96px}.eyebrow{color:var(--accent);font-size:11px;font-weight:700;letter-spacing:2.5px}.hero h1{font:700 clamp(48px,5.4vw,76px)/1.04 Syne,sans-serif;letter-spacing:-3px;margin:26px 0}.hero h1 em{font-style:normal;color:var(--accent)}.intro{max-width:480px;color:var(--muted);font-size:18px;line-height:1.7}.actions{display:grid;justify-items:start;gap:16px;margin-top:30px}.cta{display:inline-flex;gap:20px;align-items:center;justify-content:center;background:var(--accent);color:#15221b;text-decoration:none;font-weight:700;font-size:16px;min-height:56px;padding:14px 22px;border-radius:6px}.try{font-size:15px;min-height:44px;display:inline-flex;align-items:center}.note{color:var(--muted);font-size:12px;margin-top:16px}.genres{display:flex;flex-wrap:wrap;gap:7px;margin-top:36px}.genres span{font-size:10px;letter-spacing:1px;padding:7px 10px;border:1px solid var(--line);border-radius:30px}.app-figure{margin:0;position:relative;isolation:isolate;text-align:center}.app-figure img{display:block;width:100%;max-width:330px;height:auto;border:8px solid #27332c;border-radius:32px;margin:auto;box-shadow:0 30px 70px #0006}.app-figure figcaption{font-size:10px;letter-spacing:2px;color:var(--muted);margin-top:20px}.record{position:absolute;z-index:-1;top:12%;right:-28px;width:120%;aspect-ratio:1;border-radius:50%;background:repeating-radial-gradient(circle,#253529 0 2px,#15251d 3px 12px);border:1px solid var(--line)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;border-top:1px solid var(--line);padding-block:50px 64px}.number{font-size:11px;letter-spacing:2px;color:var(--accent)}h2{font:700 30px/1.2 Syne,sans-serif;letter-spacing:-.8px}.steps p,.more>p:not(.eyebrow),.faq p{color:var(--muted);max-width:630px}.more{border-block:1px solid var(--line);padding-block:48px}.more h2{font-size:42px;max-width:660px}.faq{padding-block:45px}.faq details{border-bottom:1px solid var(--line);padding:10px 0}.faq summary{cursor:pointer;min-height:48px;display:list-item;padding-block:12px}.closing{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-block:40px 64px}.closing h2{font-size:48px}footer{padding-block:30px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:24px;font-size:11px;color:var(--muted)}footer nav{display:flex;gap:22px}.skip{position:fixed;top:-100px;left:16px;padding:12px;background:var(--accent);color:#10231e;z-index:10}.skip:focus{top:12px}@media(max-width:800px){header,main,footer{padding-inline:24px}.hero{grid-template-columns:1fr;gap:48px;padding-block:42px 64px}.hero h1{font-size:clamp(44px,9vw,68px)}.app-figure{max-width:360px;margin:auto;width:100%}.record{right:-4px;width:100%}.steps{grid-template-columns:1fr;gap:28px}.steps h2 br{display:none}.steps h2{margin-bottom:12px}.closing{align-items:flex-start;flex-direction:column}.closing h2{font-size:38px}footer{flex-direction:column}.wordmark{font-size:19px}.nav-link{font-size:12px}.more h2{font-size:34px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}