:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#f1f5f2;background:#202624;font-synthesis:none;--mint:#67ddbb;--muted:#b9c8c0;--paper:#f3f5ef}*{box-sizing:border-box}body{margin:0}html{scroll-behavior:smooth;scroll-padding-top:24px}a{color:inherit;text-underline-offset:5px}a:hover{color:var(--mint)}:focus-visible{outline:3px solid #45c6a4;outline-offset:6px}.shell{width:min(1200px,calc(100% - 80px));margin-inline:auto}nav{min-height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff20;gap:24px}.brand{display:flex;align-items:center;gap:12px;font-size:23px;font-weight:650;text-decoration:none;letter-spacing:-.6px}.brand img{border-radius:10px}.nav-links{display:flex;gap:32px;font-size:14px}.nav-links a{text-decoration:none}.hero{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;padding-block:100px 108px}.eyebrow{font:600 11px/1.6 ui-monospace,monospace;letter-spacing:2px;text-transform:uppercase;color:var(--mint);margin:0 0 26px}h1{font-size:clamp(48px,5.2vw,74px);letter-spacing:-3.5px;line-height:1.04;margin:0 0 28px}h1 span{color:var(--mint)}p{line-height:1.7;color:var(--muted)}.lead{font-size:19px;max-width:510px}.actions{display:flex;flex-wrap:wrap;gap:24px;align-items:center;margin-top:32px}.button{display:inline-flex;justify-content:space-between;gap:32px;background:var(--mint);color:#152a23;padding:17px 22px;border-radius:5px;font-size:14px;font-weight:650;text-decoration:none}.button:hover{color:#152a23;background:#9ce8cf}.release{font-size:12px;color:#d1dcd5}.release i{display:inline-block;width:6px;height:6px;background:var(--mint);border-radius:50%;margin-right:6px}.fine{font-size:12px;line-height:1.7}.example{margin:0;background:#2b3731;border:1px solid #61766b;border-radius:10px;padding:23px;box-shadow:0 30px 70px #091c1533;transform:rotate(-2deg)}.example-top{display:flex;align-items:center;justify-content:space-between;color:var(--mint);gap:10px}.example-top .eyebrow{font-size:9px;letter-spacing:1px;margin:0 0 18px}.canvas{position:relative;aspect-ratio:440/300;background:#f3f5ef;color:#202624;padding:7%;border-radius:3px;overflow:hidden}.sample-label{font:9px ui-monospace,monospace;letter-spacing:1px;color:#59675f}.canvas h2{font-size:clamp(22px,2.5vw,35px);letter-spacing:-1.5px;line-height:1.12;margin:21px 0}.sample-lines span{display:block;height:6px;background:#d0d9cf;width:78%;margin-bottom:8px}.sample-lines span+span{width:60%}.sample-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:32px;gap:20px}.sample-cta{background:#293e34;color:white;padding:10px 17px;font-size:12px;display:flex;gap:28px}.annotation{font-size:12px;font-weight:650;color:#1a7057;transform:rotate(3deg)}.markup{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;fill:none;stroke:#168766;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.step-badge{position:absolute;top:16%;right:10%;background:#168766;color:#fff;border-radius:50%;width:25px;height:25px;display:grid;place-items:center;font-size:12px}figcaption{display:flex;justify-content:space-between;gap:12px;margin-top:18px;font-size:10px;color:#c2d1c8}.strip{border-block:1px solid #ffffff20}.strip .shell{display:flex;justify-content:space-between;gap:24px;padding-block:22px;font:11px ui-monospace,monospace;color:#d6e2d9}.light{background:var(--paper);color:#202624}.light p{color:#56665d}.light .eyebrow{color:#167358}.light a:hover{color:#17634e}.section{padding-block:90px}h2{font-size:clamp(32px,4vw,50px);line-height:1.12;letter-spacing:-2px;margin:0}h3{font-size:23px;letter-spacing:-.7px;line-height:1.25}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px}.section-heading>p{max-width:340px;font-size:16px}.features{display:grid;grid-template-columns:repeat(3,1fr);margin-top:60px;gap:32px}.features article{border-top:1px solid #c8d1c5;padding-top:24px}.number{font:11px ui-monospace,monospace;color:#1e755b}.features p{font-size:15px}.keycaps{display:flex;align-items:center;gap:6px;margin-top:27px}.keycaps span{font-size:11px;margin-left:6px;color:#59675f}kbd{display:inline-block;padding:4px 9px;border:1px solid #b7c9bd;border-radius:5px;background:#e1e9df;color:#234c3b;box-shadow:0 2px 0 #becbbc}.tool-sample{display:flex;gap:9px;margin-top:25px}.tool-sample span{border:1px solid #b7c9bd;border-radius:5px;width:36px;height:34px;display:grid;place-items:center;color:#23674f}.tool-sample span:first-child{background:#235e4c;color:white}.text-link{display:inline-block;font-size:14px;margin-top:16px;font-weight:600}.local,.purchase{display:grid;grid-template-columns:1fr 1fr;gap:100px}.local-copy>.lead{margin-top:0;color:#edf5ee}.note{border-left:2px solid var(--mint);padding:4px 0 4px 22px;margin:30px 0}.note strong{font-size:15px}.note p{font-size:14px;margin-bottom:0}.purchase>div>p{max-width:440px}.purchase-details{padding:32px;border:1px solid #b7c9bd;border-radius:8px}.purchase-title{font-size:22px!important;color:#202624!important;font-weight:600;margin:0}.purchase-details ul{padding-left:20px;line-height:2.2;font-size:14px}.purchase-details>p{font-size:14px}.availability{display:inline-block;font-size:13px;font-weight:600;border-top:1px solid #c8d1c5;padding-top:24px;margin-top:12px;width:100%}.faq{max-width:840px}.faq h2{margin-bottom:36px}details{border-bottom:1px solid #ffffff25;padding:23px 0}summary{cursor:pointer;font-size:17px;padding-right:10px}details p{font-size:15px;max-width:700px}footer{border-top:1px solid #ffffff25;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;padding-block:35px}footer .brand{font-size:20px}.byline{font-size:11px;font-weight:400;letter-spacing:0;color:var(--muted)}footer>div{display:flex;gap:24px;font-size:13px}footer>p{font-size:11px}.document{max-width:820px;padding-block:75px 100px}.document h1{font-size:clamp(40px,5vw,64px)}.document h2{font-size:27px;letter-spacing:-.7px;margin-top:42px}.document p{font-size:17px}.document code{overflow-wrap:anywhere}.document small{color:var(--muted)}.skip{position:absolute;top:10px;left:10px;background:var(--mint);color:#202624;padding:10px;transform:translateY(-180%);z-index:10}.skip:focus{transform:none}@media(max-width:1000px){.hero{gap:32px;grid-template-columns:1fr;padding-block:70px}.hero-copy{max-width:700px}.example{max-width:610px;width:100%;justify-self:center;transform:none}.canvas h2{font-size:38px}.sample-bottom{margin-top:45px}.local,.purchase{gap:40px}.features{gap:24px}}@media(max-width:640px){.shell{width:calc(100% - 40px)}nav{min-height:84px;gap:16px}.brand{font-size:20px}.nav-links{gap:16px;font-size:12px}.brand img{width:32px;height:32px}h1{font-size:47px;letter-spacing:-2.5px}.hero{padding-block:55px}.lead{font-size:17px}.example{padding:14px}.example-top .eyebrow{font-size:8px}.canvas h2{font-size:28px;margin:15px 0}.sample-label{font-size:8px}.sample-bottom{margin-top:24px;gap:10px}.sample-cta{font-size:10px;padding:8px 10px;gap:14px}.annotation{font-size:10px}.sample-lines span{height:4px}.step-badge{width:20px;height:20px;font-size:10px}figcaption{font-size:9px;flex-direction:column;gap:6px}.strip .shell{display:grid;grid-template-columns:1fr 1fr;gap:18px;font-size:10px}.section{padding-block:60px}.section-heading{display:block}.features,.local,.purchase{grid-template-columns:1fr;gap:32px}.features{margin-top:32px}.section-heading>p{margin-top:24px}.purchase-details{padding:24px}.document{padding-block:55px}.document h1{font-size:43px}.document p{font-size:16px}footer{gap:25px}footer .brand{width:100%}.faq summary{font-size:16px}}@media(max-width:360px){h1{font-size:41px}.canvas h2{font-size:23px}.sample-bottom{margin-top:16px}.annotation{font-size:8px}.nav-links{gap:12px}nav .brand{gap:6px;font-size:18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Keep the illustrative callout aligned with its target at every size. */
.sample-bottom{position:absolute;left:7%;right:7%;top:75%;margin-top:0}.annotation{transform:translateY(-35px) rotate(3deg)}