[hidden]{display:none!important}
:root{color-scheme:dark;--bg:#0d1114;--text:#edf3f4;--muted:#b0bbc0;--cyan:#a6eff7;--line:#303a40}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased;line-height:1.65}a{color:inherit;text-underline-offset:5px}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible,[role=button]:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}.wrap{width:min(1180px,calc(100% - 80px));margin:auto}.skip{position:fixed;top:8px;left:8px;background:#fff;color:#000;padding:10px;z-index:10;transform:translateY(-160%)}.skip:focus{transform:none}.nav{display:flex;align-items:center;justify-content:space-between;padding:30px 0;gap:24px}.brand{display:flex;align-items:center;gap:10px;font-size:23px;font-weight:600;letter-spacing:-.7px;text-decoration:none}.beta{font-size:9px;letter-spacing:1.5px;color:var(--muted);margin-left:9px}.nav nav{display:flex;gap:32px;font-size:13px}.nav nav a{text-decoration:none}.nav-download{color:var(--cyan)}.hero{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center;padding:64px 0 90px}.eyebrow{font-size:10px;letter-spacing:2.2px;font-weight:650;color:var(--cyan);margin:0 0 22px}h1{font-size:clamp(42px,4.5vw,65px);line-height:1.09;letter-spacing:-3px;font-weight:530;margin:0 0 28px}h1 span{color:#c5d1d6}.lead{font-size:18px;color:var(--muted);max-width:440px;line-height:1.75}.actions{display:flex;align-items:center;gap:25px;margin:32px 0 22px}.button{display:inline-flex;align-items:center;justify-content:center;gap:30px;padding:14px 20px;border:1px solid #a2d9df;border-radius:12px;text-decoration:none;font-size:14px;font-weight:600;transition:background .2s,transform .2s;white-space:nowrap}.primary{color:#09252a;background:#b6edf3;box-shadow:inset 0 1px #fff8,0 5px 22px #46bbce0b}.primary:hover{background:#d2f6fa;transform:translateY(-2px)}.text-link{font-size:13px;color:var(--cyan);text-decoration:none}.small{font-size:12px;color:var(--muted);line-height:1.8}.demo{border-radius:26px;background:radial-gradient(ellipse at 50% 42%,#194b554a,transparent 65%),linear-gradient(140deg,#172026,#0e151a);border:1px solid #344148;box-shadow:inset 0 1px #bce7ee0c,0 25px 70px #0003;padding:20px}.demo-top{font-size:9px;letter-spacing:1.8px;color:var(--muted);display:flex;gap:9px;align-items:center}.demo-hint{margin-left:auto;letter-spacing:0;color:#ccd8dc;font-size:11px}.live-dot{width:5px;height:5px;background:var(--cyan);border-radius:50%}#wheel{width:100%;display:block;overflow:visible}.segment{cursor:pointer;transform-box:fill-box;transform-origin:center;transition:transform .3s cubic-bezier(.2,.8,.2,1)}.segment path{fill:url(#glass);stroke:#7a939b70;stroke-width:1;transition:fill .2s,stroke .2s}.segment:hover,.segment:focus-visible{transform:translate(var(--lift-x),var(--lift-y))}.segment:hover path,.segment:focus-visible path,.segment.active path{fill:url(#cyan);stroke:#a4edf6b3}.segment text{fill:#dce7eb;font-size:10px;font-weight:600;letter-spacing:1px;pointer-events:none}.segment .glyph{font-size:25px;font-weight:400;letter-spacing:0}.segment.departed{opacity:0;pointer-events:none}.outer-segment{animation:unfold .44s cubic-bezier(.2,.8,.2,1) both;animation-delay:var(--delay)}@keyframes unfold{from{opacity:0;transform:translate(calc(var(--lift-x) * -3),calc(var(--lift-y) * -3)) scale(.94)}to{opacity:1;transform:translate(0,0) scale(1)}}.demo-caption{min-height:114px;border-top:1px solid var(--line);padding-top:18px}.demo-caption strong{font-size:15px;font-weight:550}.demo-caption p{font-size:13px;line-height:1.6;color:var(--muted);margin:6px 0}.quiet{padding:4px 0;background:none;border:0;border-radius:3px;color:var(--cyan);cursor:pointer;font-size:12px}.preview-note{font-size:10px;color:#a1b0b7;margin:12px 0 0}.tools{display:grid;grid-template-columns:.95fr 1.05fr;gap:90px;padding:80px 0;border-top:1px solid var(--line)}h2{font-size:clamp(30px,3vw,42px);line-height:1.2;letter-spacing:-1.4px;font-weight:530;margin:0 0 20px}.section-heading>p:last-child{color:var(--muted);font-size:15px;max-width:400px}.tool-list article{display:flex;gap:20px;padding:24px 0;border-top:1px solid var(--line)}.tool-list article:first-child{padding-top:0;border:0}.number{font-size:11px;color:#79939e;padding-top:5px}h3{font-size:18px;letter-spacing:-.25px;font-weight:550;margin:0 0 9px}.tool-list p,.edge-card p{font-size:14px;color:var(--muted);margin:0}.gestures{padding:52px 0 80px}.gesture-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:30px}.edge-card{border:1px solid var(--line);border-radius:22px;padding:30px;background:linear-gradient(145deg,#1b252b60,#11171a60)}.edge-card .eyebrow{margin:26px 0 14px;font-size:10px;color:var(--cyan)}.trackpad{height:100px;width:160px;border:1px solid #738690;border-radius:13px;position:relative;margin-bottom:30px;background:linear-gradient(145deg,#3b464e42,#151d22);box-shadow:0 13px 23px #0003,inset 0 1px #ffffff15}.edge{position:absolute;width:5px;top:12px;bottom:12px;background:#90dce866;border-radius:3px;box-shadow:0 0 15px #73e0f050}.edge.right{right:8px}.edge.left{left:8px}.gesture-arrow{position:absolute;right:-29px;top:24px;color:var(--cyan);font-size:28px}.left-arrow{right:auto;left:-29px}.gesture-footer{color:var(--muted);font-size:13px;margin:20px 0}.compatibility{display:grid;grid-template-columns:1fr 1.2fr;gap:35px 80px;padding:75px 0;border-top:1px solid var(--line)}.requirements{margin:0}.requirements>div{padding:18px 0;border-bottom:1px solid var(--line)}.requirements>div:first-child{padding-top:0}dt{font-size:13px;font-weight:600;color:#dfedf1}dd{margin:6px 0 0;font-size:14px;color:var(--muted)}.download{padding:65px 0}.download-box{display:grid;grid-template-columns:1.1fr 1fr;gap:32px;align-items:center;padding:40px;border:1px solid #557780;border-radius:24px;background:radial-gradient(ellipse at 0 0,#30798930,transparent 80%),#131c21}.download-box p{color:var(--muted);font-size:14px;max-width:470px}.download-box .eyebrow{color:var(--cyan);font-size:10px}.download-action{justify-self:end}.download-action .small{font-size:12px}.notice{grid-column:1/-1;font-size:13px;color:#c1cfd5;border-top:1px solid #3f555d;padding-top:22px}.notice strong{color:#ecf3f5}.download-links{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:14px 28px;font-size:12px;color:var(--cyan)}.faq{padding:30px 0 90px}.faq details{border-bottom:1px solid var(--line);padding:21px 0}.faq summary{cursor:pointer;font-size:16px;font-weight:500}.faq details p{font-size:14px;color:var(--muted);max-width:780px}.faq a{color:var(--cyan)}footer{border-top:1px solid var(--line);padding:30px 0 36px;display:flex;align-items:center;gap:40px;flex-wrap:wrap}footer .brand{font-size:18px}footer>div{display:flex;gap:25px;font-size:12px;color:var(--muted)}footer>p{margin-left:auto;font-size:11px;color:var(--muted)}.document{width:min(760px,calc(100% - 48px));margin:55px auto 100px}.document h1{font-size:40px;letter-spacing:-1.6px}.document h2{font-size:24px;margin-top:35px;letter-spacing:-.6px}.document h3{margin-top:28px}.document p,.document li{color:#c2cdd2;font-size:15px}.document a{color:var(--cyan)}.document pre{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7;color:#c2cdd2;font-family:inherit}.document code{overflow-wrap:anywhere}.document label{display:block;font-size:14px;margin:18px 0 6px}.document input,.document textarea{width:100%;background:#172128;border:1px solid #536771;border-radius:8px;color:#edf3f4;font:inherit;padding:12px}.document textarea{min-height:130px;resize:vertical}.document button{cursor:pointer;margin-top:18px}.status{color:var(--cyan);min-height:25px}.callout{border-left:2px solid var(--cyan);background:#152127;padding:16px 20px;border-radius:0 8px 8px 0}.document ul{padding-left:24px}
@media(max-width:960px){.wrap{width:calc(100% - 48px)}.hero{gap:25px}h1{font-size:43px;letter-spacing:-2px}.actions{gap:14px;flex-wrap:wrap}.tools{gap:40px}.compatibility{gap:40px}.download-box{padding:30px}.download-action .button{white-space:normal}}
@media(max-width:720px){.nav{padding:22px 0}.nav nav{gap:20px}.nav nav>a:first-child,.nav nav>a:nth-child(2){display:none}.hero{grid-template-columns:1fr;padding:45px 0 65px;gap:40px}.hero-copy{max-width:520px}h1{font-size:clamp(40px,8.5vw,60px)}.lead{font-size:16px}.demo{width:100%;max-width:490px;justify-self:center}.tools,.compatibility{grid-template-columns:1fr;gap:25px;padding:52px 0}.gesture-grid{grid-template-columns:1fr}.edge-card{padding:28px 36px}.download-box{grid-template-columns:1fr;padding:25px;gap:25px}.download-action{justify-self:start}.download{padding:30px 0}.download .button{width:100%}.nav .beta{display:none}.download-links{gap:18px}.faq{padding-bottom:50px}footer{gap:20px}footer>p{margin:0;flex-basis:100%}.document h1{font-size:34px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}