:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;color:var(--text);background:var(--page);--page:#f6f5f1;--paper:#fcfcfa;--text:#1d1b16;--ink-2:#3d3a32;--muted:#585245;--faint:#9d9581;--line:#ebe4d3;--line-strong:#d8cfba;--hl:#ffe45c;--hl-edge:#d9bf35;--ease:cubic-bezier(.25, .8, .25, 1);--panel-shadow:0 1px 0 #e6dec9, 0 16px 34px #463a191f, 0 3px 8px #463a190f, inset 0 0 0 1px #463a191a;font-family:Segoe UI Variable Text,Segoe UI,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;margin:0}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--text);outline-offset:4px;border-radius:4px}.skip{background:var(--paper);z-index:10;padding:12px;position:absolute;top:-60px;left:12px}.skip:focus{top:12px}.nav,main,footer{max-width:1240px;margin:auto}.nav{justify-content:space-between;align-items:center;height:96px;padding:0 48px;display:flex}.brand{letter-spacing:-.6px;align-items:center;gap:10px;font-size:20px;font-weight:700;display:flex}.brand svg{flex-shrink:0}.nav-link{color:var(--muted);font-size:14px;font-weight:600}.nav-link:hover{color:var(--text)}.nav-link span{margin-left:8px}.hl{color:inherit;background:linear-gradient(101deg, transparent 0, var(--hl) .12em, var(--hl) calc(100% - .1em), transparent 100%) no-repeat left 62% / 100% 70%;-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:.08em .2em .1em .16em;margin:0 -.06em;padding:0 .12em;animation:.7s cubic-bezier(.3,0,.2,1) .35s both swipe}@keyframes swipe{0%{background-size:0% 70%}}.hero{padding:40px 48px 70px}.hero-copy{text-align:center;max-width:930px;margin:0 auto}h1{letter-spacing:-.035em;text-wrap:balance;margin:0 0 24px;font-size:clamp(36px,4.6vw,58px);font-weight:700;line-height:1.14}.intro{max-width:640px;color:var(--ink-2);text-wrap:balance;margin:0 auto 28px;font-size:18px;line-height:1.7}.fine{color:var(--muted);margin:16px 0 0;font-size:14px;line-height:1.7}.button{border:1px solid var(--hl-edge);background:var(--hl);color:var(--text);transition:transform .12s var(--ease), box-shadow .12s var(--ease), border-bottom-width .12s var(--ease);border-bottom-width:3px;border-radius:9px;align-items:center;gap:14px;padding:14px 22px 13px;font-size:15px;font-weight:650;display:inline-flex;box-shadow:0 6px 16px #a080002e}.button:hover{box-shadow:0 8px 22px #a0800042}.button:active{border-bottom-width:1px;transform:translateY(2px);box-shadow:0 2px 6px #a0800033}.product-demo{margin:48px 0 0}#live-demo{aspect-ratio:32/19;width:100%;box-shadow:var(--panel-shadow);background:#ecebe5;border-radius:14px;overflow:hidden}.live-animation-frame{opacity:0;width:100%;height:100%;transition:opacity .3s var(--ease);border:0;display:block}.demo-ready .live-animation-frame{opacity:1}.demo-controls{color:var(--ink-2);font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;gap:16px;padding:16px 2px 0;font-size:14px;display:flex}.demo-controls>div{gap:8px;display:flex}.demo-controls button{border:1px solid var(--line-strong);background:var(--paper);color:var(--text);border-bottom-width:2px;border-radius:7px;padding:7px 12px;font-size:13px;font-weight:600}.demo-controls button:hover{background:#fff5c2}.product-demo figcaption{text-align:center;color:var(--faint);margin-top:14px;font-size:12px;line-height:1.6}.how{padding:56px 48px 72px}.eyebrow{letter-spacing:.12em;color:var(--muted);margin:0 0 14px;font-size:12px;font-weight:700}.section-heading h2,.access h2{letter-spacing:-.03em;margin:0;font-size:32px;font-weight:700;line-height:1.2}.steps{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:32px;display:grid}.steps article{background:var(--paper);box-shadow:var(--panel-shadow);border-radius:12px;padding:24px 24px 26px;position:relative}.step-no{color:var(--faint);font-variant-numeric:tabular-nums;font-size:13px;font-weight:600;position:absolute;top:26px;right:24px}kbd{border:1px solid var(--line-strong);background:var(--paper);height:30px;color:var(--text);border-bottom-width:3px;border-radius:6px;align-items:center;padding:0 11px;font:650 13px Segoe UI Variable Text,Segoe UI,ui-sans-serif,system-ui,sans-serif;display:inline-flex}.steps h3{letter-spacing:-.02em;border-top:1px solid var(--line);margin:20px 0 8px;padding-top:18px;font-size:19px;font-weight:700}.steps p{color:var(--muted);margin:0;font-size:15px;line-height:1.7}.access{background:var(--paper);box-shadow:var(--panel-shadow);border-radius:14px;justify-content:space-between;align-items:center;gap:30px;margin:0 48px;padding:36px;display:flex}.access .eyebrow{margin-bottom:12px}.access p:not(.eyebrow){color:var(--muted);margin:12px 0 0;font-size:15px;line-height:1.7}.access .button{flex-shrink:0}footer{color:var(--muted);justify-content:space-between;align-items:center;gap:25px;padding:40px 48px;font-size:13px;display:flex}footer .brand{color:var(--text);font-size:16px}footer a:hover{color:var(--text)}@media (width<=850px){.nav{padding:0 28px}.hero{padding:30px 28px 56px}.how{padding:44px 28px 56px}.steps{grid-template-columns:1fr;gap:16px}.access{flex-direction:column;align-items:flex-start;margin:0 28px;padding:28px}footer{padding:32px 28px}}@media (width<=640px){.nav{height:76px;padding:0 22px}.brand{font-size:18px}.hero{padding:24px 22px 40px}h1{letter-spacing:-.03em;font-size:clamp(32px,8.3vw,45px)}.intro{font-size:16px}.fine{font-size:13px}.product-demo{margin-top:30px}#live-demo{border-radius:9px}.demo-controls{align-items:flex-start;font-size:12px;line-height:1.6}.demo-controls button{padding:6px 9px}.product-demo figcaption{font-size:11px}.how{padding:36px 22px 44px}.section-heading h2,.access h2{font-size:27px}.access{margin:0 22px;padding:24px 22px}.access br{display:none}footer{flex-wrap:wrap;padding:28px 22px}footer>span:nth-child(2){display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hl{animation:none}.button,.live-animation-frame{transition:none}}.picker-section{padding:0 48px 72px}.picker-intro{max-width:620px;color:var(--muted);margin:16px 0 0;font-size:17px;line-height:1.7}.picker-section .product-demo{margin-top:28px}#picker-demo{aspect-ratio:55/31;width:100%;box-shadow:var(--panel-shadow);background:#eeedef;border-radius:14px;overflow:hidden}@media (width<=850px){.picker-section{padding:0 28px 56px}}@media (width<=640px){.picker-section{padding:0 22px 44px}.picker-intro{font-size:16px}#picker-demo{border-radius:9px}}