:root{font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",sans-serif;color:#202027;background:#fff;font-synthesis:none;font-size:16px;--violet:#6956e8}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}header{max-width:1440px;margin:auto;padding:28px 40px;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:10px;font-size:21px;font-weight:700;letter-spacing:-.7px}.brand svg{width:29px;height:29px;fill:none;stroke:var(--violet);stroke-width:2.5;stroke-linecap:round}.nav-link{font-size:14px;font-weight:500}.nav-link span{margin-left:9px;color:#777}.hero-layout{max-width:1440px;margin:auto;display:grid;grid-template-columns:minmax(290px,.72fr) minmax(0,1.55fr);gap:48px;align-items:center;padding:42px 40px 58px}.hero{text-align:left;padding:0 0 20px}h1{font-size:clamp(74px,7.2vw,108px);letter-spacing:-.065em;line-height:.94;font-weight:700;margin:0}h1 .hero-word{display:block}h1 .accent{color:var(--violet)}.intro{font-size:clamp(17px,1.55vw,21px);line-height:1.5;color:#77747e;margin:25px 0;letter-spacing:-.3px}.fine{font-size:12px;color:#77737e;margin:17px 0 0}.compatibility{font-size:12px;color:#96929c;margin:6px 0 0}
a.download{display:inline-flex;align-items:baseline;justify-content:center;gap:10px;max-width:100%;padding:17px 34px;border:0;border-radius:999px;background:linear-gradient(180deg,#7c6bf0,#6350dd);color:#fff;white-space:nowrap;font-family:"Helvetica Neue",Helvetica,-apple-system,sans-serif;box-shadow:inset 0 1px 0 rgba(255,255,255,.32),0 1px 2px rgba(58,44,150,.35),0 10px 24px -12px rgba(78,60,210,.65);transition:transform .18s cubic-bezier(.2,.8,.3,1),box-shadow .18s ease,filter .18s ease}.download strong{font-size:19px;font-weight:600;line-height:1.3;letter-spacing:-.015em}.download-qualifier{font-size:13px;font-weight:500;color:rgba(255,255,255,.78)}a.download:hover{transform:translateY(-1px);filter:brightness(1.06);box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 2px 4px rgba(58,44,150,.3),0 16px 34px -12px rgba(78,60,210,.7)}a.download:active{transform:translateY(0) scale(.985);filter:brightness(.97)}.hero>.fine,.closing>.fine{font-size:14.5px;color:#8b8b93;margin-top:22px}
button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #a598fa;outline-offset:5px}
.demo-section{min-width:0;width:100%}.demo-top{display:flex;align-items:center;justify-content:space-between;margin:0 2px 13px;gap:10px}.demo-label{font-size:14px;font-weight:500;color:#615d6a}.demo-top button{background:none;border:0;color:#777;font-size:13px;padding:8px 0 8px 8px;white-space:nowrap}.demo-top button span{padding-left:5px}.stage{position:relative;aspect-ratio:1.6;background:#eeedf5;border-radius:23px;overflow:hidden;isolation:isolate;container-type:inline-size}.browser{position:absolute;left:6%;top:8%;width:88%;height:81%;border-radius:10px;background:white;box-shadow:0 15px 35px #29274820;overflow:hidden}.chrome{height:8%;display:flex;align-items:center;gap:4px;padding:0 2%;background:#fafafb;border-bottom:1px solid #e9e9ed}.chrome i{width:.8cqw;height:.8cqw;border-radius:50%;background:#dfdfe5}.chrome i:first-child{background:#fa8e86}.chrome i:nth-child(2){background:#f6d57b}.chrome i:nth-child(3){background:#97d8a4}.chrome span{font-size:1.25cqw;color:#96929f;flex:1;text-align:center}.chrome b{color:#b1b1bb;font-size:1.4cqw}.scene{position:relative;height:92%;overflow:hidden}.publication{height:15%;display:flex;align-items:center;justify-content:space-between;padding:0 5%;font-size:1.6cqw;font-weight:750;letter-spacing:.15cqw;border-bottom:1px solid #eeedf1}.publication span{font-size:1.2cqw;letter-spacing:0;font-weight:400;color:#8b8790}.photo-wrap{position:relative;height:85%;overflow:hidden}.photo-wrap>img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 42%}.photo-note{position:absolute;bottom:6%;left:5%;color:white;font-size:1.65cqw;text-shadow:0 1px 5px #000b}.fashion .photo-wrap{background:#dec0a2}.fashion .photo-wrap>img{object-position:50% 50%;object-fit:contain}.fashion .photo-note{color:#fff}.video-frame{position:relative;margin:2% 4% 0;height:69%;overflow:hidden;border-radius:4px;background:#19191c}.video-frame img{display:block;width:100%;height:100%;object-fit:cover}.video-controls{position:absolute;bottom:0;left:0;right:0;padding:4% 3% 2%;background:linear-gradient(transparent,#000b);display:flex;align-items:center;gap:12px;font-size:1.2cqw;color:white}.scrubber{height:2px;background:#ffffff60;flex:1}.scrubber i{display:block;background:white;width:51%;height:100%}.video-meta{padding:2% 4%;font-size:1.6cqw;font-weight:500}
.article-inner{padding:3% 6%}.category{font-size:1.05cqw;letter-spacing:.14cqw;color:#888}.article h2{font-family:Georgia,serif;font-weight:400;font-size:5cqw;letter-spacing:-.16cqw;line-height:1.03;margin:4% 0;width:max-content;max-width:64%}.article-inner>p:not(.category){font-size:1.4cqw;line-height:1.6;color:#999}.article-aside{position:absolute;right:6%;top:27%;background:#d9ef75;width:26%;height:58%;padding:4%;font-size:4.5cqw;font-weight:600;letter-spacing:-.2cqw;line-height:1}.article-aside span{display:block;margin-top:26%;font-weight:400}.map-layout{display:flex;align-items:center;height:85%;padding:4%;gap:4%}.map-note{width:27%}.map-note p{font-size:1.2cqw;letter-spacing:.1cqw;color:#999}.map-note h2{font-size:3.4cqw;letter-spacing:-.12cqw;line-height:1.1;margin:15% 0}.map-note>span{font-size:1.3cqw;color:#888}.map-canvas{width:69%;position:relative;overflow:hidden;border-radius:6px}.map-canvas svg{display:block;width:100%}.map-disclaimer{position:absolute;bottom:5px;right:5px;font-size:.9cqw;color:#99958d}.event-layout{height:85%;padding:3% 6%;display:flex;gap:8%;align-items:center}.event-poster{width:49%;height:100%;background:#ff7257;color:#492e42;padding:4% 5%;display:flex;flex-direction:column;justify-content:center}.event-poster>span{font-size:1.1cqw;letter-spacing:.2cqw;font-weight:600}.event-poster h2{font-size:5.5cqw;line-height:.91;letter-spacing:-.3cqw;margin:7% 0}.event-poster p{font-size:1.4cqw;line-height:1.5;font-weight:650;margin:5% 0}.event-poster small{font-size:1cqw}.event-aside{width:38%;color:#93868d}.event-aside>p{font-size:1.1cqw;line-height:1.5;letter-spacing:.2cqw}.event-aside h3{font-family:Georgia,serif;font-size:4.3cqw;font-weight:400;color:#634451;line-height:1.1;margin:15% 0}.event-aside>span{font-size:1.1cqw}
/* The actual crop moves into a new context, not a substitute image. */
.paste-attachment{position:relative;overflow:hidden;background:#eeebf4;border-radius:5px;flex-shrink:0}.messenger{padding:0 6%;background:#fff}.message-title{height:19%;display:flex;align-items:center;gap:2%;border-bottom:1px solid #efedf3;font-size:1.65cqw}.avatar{display:grid;place-items:center;width:4.5cqw;height:4.5cqw;border-radius:50%;background:#eee5df;color:#9a7259}.message-title>div{display:flex;flex-direction:column;gap:.4cqw}.message-title>div>span{font-size:1.15cqw;color:#999}.chat-more{margin-left:auto;color:#999}.conversation{height:68%;padding:3% 0;position:relative}.incoming{font-size:1.6cqw;background:#f2f1f5;border-radius:12px 12px 12px 3px;padding:2% 3%;width:max-content;max-width:80%;margin:0}.message-draft{position:absolute;right:0;top:24%;max-width:67%;padding:1.6%;background:#efecff;border-radius:12px 12px 3px 12px;display:flex;flex-direction:column;align-items:flex-end;gap:.8cqw}.message-draft>.paste-attachment{width:25cqw;max-height:15cqw}.message-draft p{font-size:1.65cqw;line-height:1.3;margin:.5cqw;color:#65518c}.composer{height:9%;border:1px solid #e6e3ed;border-radius:20px;display:flex;align-items:center;justify-content:space-between;padding:0 3%;font-size:1.25cqw;color:#aaa6b1}.composer b{color:#a195d9;font-size:1.8cqw}.paste-key{position:absolute;z-index:8;left:50%;bottom:5%;transform:translateX(-50%);display:flex;gap:7px;align-items:center;padding:1.2cqw 1.6cqw;background:#292431;color:white;border-radius:9px;box-shadow:0 5px 15px #2222}.paste-key kbd{font-family:inherit;font-size:1.9cqw}.paste-key>span{font-size:1.4cqw;color:#ddd6eb}.note-toolbar{height:13%;display:flex;align-items:center;justify-content:space-between;padding:0 4%;font-size:1.3cqw;color:#a498ae;background:#fcfbfd;border-bottom:1px solid #efedf2}.note-toolbar strong{font-weight:500;color:#6f657a;font-size:1.4cqw}.notebook{background:#f2eff5}.note-paper{position:absolute;inset:19% 5% 7%;background:#fff;padding:6%;display:flex;align-items:center;gap:7%;box-shadow:0 3px 10px #5240630a}.note-copy{width:48%}.note-kicker{font-size:1cqw!important;letter-spacing:.1cqw;color:#a49684!important;font-weight:500}.note-copy h2{font-family:Georgia,serif;font-size:4.1cqw;line-height:1.05;font-weight:400;letter-spacing:-.15cqw;margin:12% 0;color:#655147}.note-copy>p{font-size:1.4cqw;line-height:1.6;color:#a1948a}.note-paper>.paste-attachment{width:43%;max-height:22cqw;border-radius:2px}.scrapbook .note-paper{background:#fbf6ee}.travel .note-paper{display:block;padding:5%}.travel .note-copy{width:37%}.travel .note-paper>.paste-attachment{position:absolute;right:5%;top:20%;width:49%;max-height:22cqw;transform-origin:center}.travel .note-copy h2{color:#4f6b69}.ideas .note-copy h2{font-family:inherit;font-size:3.7cqw;font-weight:600;color:#66634b}.ideas .note-paper{background:#fcfcf6}.ideas .note-paper>.paste-attachment{border:1px solid #e6e6df}.proposal .note-paper{border-top:3px solid #a8b5a7}.proposal .note-copy h2{color:#536252}.contact-page{background:#faf9fc}.contact-body{display:flex;flex-direction:column;align-items:center;padding:4% 0}.contact-body>.paste-attachment{width:12cqw;height:12cqw;border-radius:50%;box-shadow:0 0 0 4px white}.contact-body h2{font-size:3.2cqw;letter-spacing:-.1cqw;margin:2.5% 0 .7%;font-weight:600}.contact-body>p{font-size:1.35cqw;color:#9a919f;margin:0}.contact-detail{display:flex;flex-direction:column;gap:.7cqw;border-top:1px solid #e5e0ea;padding:2% 0;width:48%;margin-top:3%;font-size:1.4cqw}.contact-detail span{font-size:1.1cqw;color:#a79bad}.contact-detail strong{font-weight:400;color:#7866b1}
.selection{position:absolute;border:1.5px solid #7565f0;box-shadow:0 0 0 2000px #15102024;opacity:0;z-index:3}.selection:before,.selection:after{content:"";position:absolute;width:7px;height:7px;background:white;box-shadow:0 0 2px #444}.selection:before{top:-4px;left:-4px}.selection:after{bottom:-4px;right:-4px}.cursor{position:absolute;width:22px;height:27px;z-index:5;filter:drop-shadow(0 2px 2px #0003);pointer-events:none}.cursor>svg{width:100%;height:100%;fill:#22232b;stroke:white;stroke-width:2;overflow:visible}.cursor>.hold-ring{width:48px;height:48px;position:absolute;top:-22px;left:-22px;filter:none;fill:none;stroke:none;overflow:visible;transform-origin:center}.ring-shadow{fill:none;stroke:#0003;stroke-width:5}.ring-track{fill:none;stroke:#ffffffe6;stroke-width:3.5}.ring-fill{fill:none;stroke:#6e5eef;stroke-width:2.5;stroke-linecap:round;stroke-dasharray:119.381;stroke-dashoffset:119.381;transform:rotate(-90deg);transform-origin:center}.hold-label{position:absolute;top:30px;left:14px;white-space:nowrap;font-size:11px;color:white;background:#26242ce8;padding:6px 9px;border-radius:7px;opacity:0}.cursor.is-ready>svg:not(.hold-ring){opacity:0}.cursor.is-ready:after{content:"";position:absolute;left:-9px;top:-9px;width:19px;height:19px;background:linear-gradient(#fff,#fff) center/3px 19px no-repeat,linear-gradient(#fff,#fff) center/19px 3px no-repeat;filter:drop-shadow(0 0 1px #000)}.capture-card{position:absolute;right:3%;top:22%;width:20%;background:#fff;border:4px solid white;border-radius:10px;overflow:hidden;box-shadow:0 12px 30px #18132130;z-index:6;opacity:0}.crop{position:relative;aspect-ratio:1.2;overflow:hidden;background:white;max-height:26cqw}.copied{font-size:12px;padding:8px 3px 5px;text-align:center}.copied span{color:var(--violet);margin-right:4px}.snapshot{margin:0}.demo-bottom{position:absolute;bottom:3.5%;left:4%;right:4%;display:flex;align-items:center;gap:10px;font-size:1.35cqw;color:#9891a3}.demo-bottom>span:first-child{font-variant-numeric:tabular-nums;white-space:nowrap}.demo-bottom>span:nth-child(2){color:#635c70}.simulated{margin-left:auto;white-space:nowrap;font-size:1.15cqw}.scene-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px 14px;margin-top:16px}.scene-tabs button{position:relative;--progress:0%;border:0;background:none;padding:12px 0 9px;text-align:left;color:#928b9c;font-size:12px;white-space:nowrap}.scene-tabs button:before,.scene-tabs button:after{content:"";position:absolute;top:0;left:0;height:2px;width:100%;background:#efedf3}.scene-tabs button:after{width:var(--progress);background:var(--violet);opacity:0}.scene-tabs button.active{color:#5b477d}.scene-tabs button.active:after{opacity:1}.scene-tabs span{font-size:10px;margin-right:4px;color:#aaa2b4;font-variant-numeric:tabular-nums}
.how{max-width:1080px;margin:35px auto 0;padding:40px 30px 65px;display:grid;grid-template-columns:1fr 1fr;gap:70px;border-bottom:1px solid #ececf0}.eyebrow{font-size:12px;font-weight:600;letter-spacing:1.4px;color:#86808e;margin:0 0 20px}.how h2,.closing h2{font-size:clamp(34px,4vw,48px);line-height:1.08;letter-spacing:-2px;margin:0}.how-copy p{font-size:16px;line-height:1.65;color:#67616e}.how-copy .muted{font-size:14px;color:#99919f}.comparison{display:flex;gap:32px;margin-bottom:24px;align-items:flex-start}.comparison-label{display:block;font-size:12px;font-weight:550;margin-bottom:13px;color:#9a93a2}.new-way .comparison-label{color:var(--violet)}.keys{display:flex;gap:5px;align-items:center;opacity:.65}.keys kbd{font-family:inherit;font-size:17px;padding:8px 10px;border-radius:7px;background:#f5f5f8;box-shadow:0 2px 0 #dedee5}.hold-gesture{display:flex;align-items:center;gap:12px;color:var(--violet);font-size:18px;font-weight:550;height:40px}.hold-gesture svg{height:34px;width:26px;fill:#f1efff;stroke:var(--violet);stroke-width:1.5}.closing{text-align:center;padding:75px 24px}.app-icon{width:65px;height:65px;margin-bottom:22px}.app-icon rect{fill:var(--violet)}.app-icon path{fill:none;stroke:white;stroke-width:3;stroke-linecap:round}.closing h2{margin-bottom:26px}.closing details{max-width:540px;margin:35px auto 0;font-size:13px;color:#777;line-height:1.6}.closing summary{cursor:pointer}.closing details>div{text-align:left;font-size:14px;padding:8px 15px}.closing details a{text-decoration:underline}footer{max-width:1360px;margin:auto;padding:28px 40px 35px;display:flex;justify-content:space-between;gap:20px;align-items:center;border-top:1px solid #efeff3;color:#92929b;font-size:12px}footer .brand{font-size:16px;color:#45454d}
@media(min-width:1001px) and (max-height:800px){header{padding-top:22px;padding-bottom:22px}.hero-layout{padding-top:20px;padding-bottom:34px}h1{font-size:clamp(70px,6.6vw,94px)}.intro{margin:22px 0}.stage{aspect-ratio:1.7}}
@media(max-width:1100px) and (min-width:901px){.hero-layout{gap:28px;padding-left:30px;padding-right:30px;grid-template-columns:280px minmax(0,1fr)}h1{font-size:76px}.scene-tabs{gap:4px 8px}.scene-tabs button{font-size:11px}.scene-tabs span{display:none}.demo-label{font-size:12px}}
@media(max-width:900px){header{padding:24px 28px}.hero-layout{grid-template-columns:1fr;gap:32px;padding:25px 28px 30px;max-width:760px}.hero{text-align:center;padding:0}h1{font-size:clamp(65px,10vw,90px);line-height:1}h1 .hero-word{display:inline-block}h1 .hero-word:first-child{margin-right:.15em}h1 .accent{display:block}.intro{font-size:19px;margin:20px 0}.stage{aspect-ratio:1.6}.how{margin-top:25px;gap:35px}.hero .compatibility{margin-top:8px}}
@media(max-width:540px){header{padding:22px}.brand{font-size:19px}.nav-link{font-size:12px}.hero-layout{padding:22px 14px 25px;gap:30px}h1{font-size:clamp(50px,12.8vw,68px);letter-spacing:-.065em}.intro{font-size:17px}.demo-label{font-size:12px}.demo-top button{font-size:12px}.stage{border-radius:15px;aspect-ratio:1.35}.browser{left:4%;width:92%;top:8%;height:81%}.scene-tabs{gap:5px 8px;margin-top:13px}.scene-tabs button{font-size:11px;line-height:1.4;padding-top:9px}.scene-tabs span{display:block;margin-bottom:2px;font-size:10px}.demo-bottom{font-size:1.65cqw;gap:6px}.simulated{font-size:1.4cqw}.copied{font-size:9px;padding:6px 2px 3px}.hold-label{font-size:10px}.how{grid-template-columns:1fr;gap:25px;padding:25px 28px 45px}.how h2 br{display:none}.closing{padding:50px 24px}footer{padding:25px;flex-wrap:wrap}footer>span:last-child{display:none}.message-draft>.paste-attachment{max-height:18cqw}.message-title{font-size:2cqw}.incoming,.message-draft p{font-size:1.9cqw}.contact-body{padding-top:7%}.contact-body>.paste-attachment{width:17cqw;height:17cqw}.contact-body h2{font-size:4cqw}.contact-body>p{font-size:1.7cqw}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}a.download:hover,a.download:active{transform:none}}
/* One quiet hold demonstration next to the old shortcut. */
.hold-gesture{height:58px;gap:10px}.hold-gesture .mouse-demo{width:58px;height:58px;overflow:visible;flex-shrink:0;fill:none;stroke:none}.mouse-shell{fill:#f2efff;stroke:#9787ee;stroke-width:1.8}.mouse-seam{fill:none;stroke:#9787ee;stroke-width:1.8}.mouse-left{fill:#725de9;opacity:0;animation:mouse-press 4.8s infinite}.mouse-body{transform-origin:32px 32px;animation:mouse-settle 4.8s infinite}.mouse-progress{transform-origin:32px 32px;animation:mouse-ring-finish 4.8s infinite;opacity:0}.mouse-track{fill:none;stroke:#e5defb;stroke-width:3.5}.mouse-arc{fill:none;stroke:#6e5eef;stroke-width:2.5;stroke-linecap:round;stroke-dasharray:169.646;stroke-dashoffset:169.646;transform:rotate(-90deg);transform-origin:32px 32px;animation:mouse-fill 4.8s infinite}
@keyframes mouse-press{0%,11%,76%,100%{opacity:0}16%,62%{opacity:1}70%{opacity:0}}
@keyframes mouse-fill{0%,22%{stroke-dashoffset:169.646}47%,73%{stroke-dashoffset:0}74%,100%{stroke-dashoffset:169.646}}
@keyframes mouse-ring-finish{0%,20%,75%,100%{opacity:0;transform:scale(1)}23%,47%{opacity:1;transform:scale(1)}51%{opacity:1;transform:scale(.88)}56%,63%{opacity:1;transform:scale(.92)}73%{opacity:0;transform:scale(1.04)}}
@keyframes mouse-settle{0%,12%,74%,100%{transform:scale(1)}17%,46%{transform:scale(.96)}51%{transform:scale(.92)}57%,65%{transform:scale(1)}}
@media(prefers-reduced-motion:reduce){.mouse-left,.mouse-body,.mouse-progress,.mouse-arc{animation:none}.mouse-left{opacity:1}.mouse-progress{opacity:1}.mouse-arc{stroke-dashoffset:0}}
/* A separate, slower installation walkthrough. */
.install-section{max-width:1120px;padding:20px 30px 75px;margin:auto}.install-heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:35px}.install-heading h2{font-size:46px;line-height:1.08;letter-spacing:-2px;margin:0}.install-heading>p{color:#827b8b;font-size:17px;line-height:1.6}.install-controls{display:flex;align-items:center;justify-content:space-between;font-size:14px;margin-bottom:13px;color:#655e70}.install-runtime{color:#a098a9;font-size:12px;margin-left:7px}.install-controls button{background:none;border:0;padding:9px;font-size:13px;color:#756c80}.install-stage{position:relative;aspect-ratio:1.75;container-type:inline-size;background:#ebeaf3;border-radius:24px;overflow:hidden;isolation:isolate}.install-world{position:absolute;inset:0 0 10%;transform-origin:50% 46%;transition:transform .5s ease}.install-world.i-focus{transform:scale(1.08)}.i-window{position:absolute;left:10%;top:10%;width:80%;height:83%;border-radius:1.3cqw;background:#27292b;color:#e9e9eb;border:1px solid #626267;box-shadow:0 2cqw 4cqw #2b26332a;overflow:hidden;font-size:1.6cqw}.i-lights{position:absolute;top:2cqw;left:1.7cqw;display:flex;gap:.65cqw;z-index:2}.i-lights b{display:block;width:1.05cqw;height:1.05cqw;border-radius:50%;background:#ff605b}.i-lights b:nth-child(2){background:#ffbd44}.i-lights b:nth-child(3){background:#00ca4e}.i-title{height:6cqw;display:flex;align-items:center;justify-content:center;font-size:1.7cqw;font-weight:600;color:#d9d9dc}.i-window aside{position:absolute;left:0;top:6cqw;bottom:0;width:26%;padding:1.3cqw;background:#303234;font-size:1.5cqw;color:#c8c8cd}.i-window aside>span{font-size:1.15cqw;color:#8c8c92;padding-left:.8cqw}.i-window aside p{padding:.8cqw;margin:.5cqw 0;border-radius:.55cqw}.i-window .selected{background:#585660;color:white}.i-files{position:absolute;top:9cqw;left:30%;right:3%;display:flex;gap:3cqw}.i-file{width:13cqw;display:flex;flex-direction:column;align-items:center;gap:1.2cqw;text-align:center;font-size:1.4cqw}.i-app-icon{display:block;width:6.5cqw;height:6.5cqw;background:#6855e9;border-radius:1.4cqw;padding:1cqw}.i-file-symbol{display:grid;place-items:center;width:6cqw;height:6.5cqw;border-radius:.8cqw;background:#e5e4ec;color:#64597a;font-size:1.5cqw;font-weight:700}.other .i-file-symbol{background:#5d80b3;color:white;font-size:3cqw}.i-drag-app{position:absolute;left:7%;top:43%;display:flex;align-items:center;gap:.8cqw;filter:drop-shadow(0 1cqw 1cqw #0008);font-size:1.3cqw;animation:install-drag 1.1s ease-out both}.i-drag-app .i-app-icon{width:4cqw;height:4cqw;padding:.5cqw;border-radius:.8cqw}@keyframes install-drag{from{transform:translate(29cqw,-9cqw)}to{transform:translate(0,0)}}
.i-alert{width:42%;height:auto;min-height:30cqw;left:29%;top:16%;padding:2.8cqw;display:flex;flex-direction:column;align-items:center;text-align:center;background:#303133}.i-alert .i-app-icon{width:5.5cqw;height:5.5cqw}.i-alert h3{font-size:1.9cqw;line-height:1.3;max-width:31cqw;margin:2cqw 0 1cqw}.i-alert p{font-size:1.35cqw;line-height:1.5;color:#bbbbc2;margin:0 0 2cqw}.i-alert-actions{width:100%;display:flex;gap:1cqw;font-size:1.3cqw;margin-top:auto}.i-alert-actions>span{flex:1;padding:.9cqw .6cqw;border-radius:.6cqw;background:#55565a}.i-primary{background:#3478f6!important;color:white!important;border-radius:.6cqw;padding:.65cqw 1.8cqw}.i-system .i-title{justify-content:flex-start;padding-left:28%;font-size:1.6cqw}.i-search{background:#414245;color:#a2a2aa;border-radius:.6cqw;padding:.7cqw;margin-bottom:1.5cqw}.i-settings-content{position:absolute;left:29%;right:3%;top:7cqw}.i-settings-content h3{font-size:1.7cqw;line-height:1.3;margin:0 0 1cqw}.i-settings-content>p{font-size:1.35cqw;line-height:1.4;color:#aaaab0;margin:0 0 1.5cqw}.i-setting-row{display:flex;gap:1cqw;align-items:center;min-height:4.5cqw;padding:.8cqw 1.1cqw;border-bottom:1px solid #55565a;font-size:1.4cqw}.i-setting-row>span:last-child{margin-left:auto}.i-setting-row strong{font-weight:450}.i-settings-content>.i-setting-row{border:1px solid #55565a;border-radius:.7cqw}.i-blocked{border:1px solid #55565a;border-radius:.7cqw;padding:1.2cqw;margin-top:2cqw;display:flex;align-items:center;gap:1.7cqw}.i-blocked p{font-size:1.3cqw;line-height:1.5;flex:1}.i-button{display:inline-block;background:#626367;color:white;padding:.35cqw .8cqw;border-radius:.45cqw;white-space:nowrap;font-size:1.25cqw}.i-app-list{border:1px solid #55565a;border-radius:.7cqw;overflow:hidden}.i-list-icon{display:grid;place-items:center;background:#4584cf;color:white;border-radius:.45cqw;width:2.5cqw;height:2.5cqw;font-size:1.5cqw;flex-shrink:0}.i-list-icon.holdshot{background:none}.i-list-icon .i-app-icon{width:2.5cqw;height:2.5cqw;border-radius:.5cqw;padding:.35cqw}.i-toggle{display:inline-flex;align-items:center;flex-shrink:0;width:3.3cqw;height:1.8cqw;border-radius:2cqw;background:#626366;padding:.16cqw}.i-toggle i{width:1.48cqw;height:1.48cqw;background:#ddd;border-radius:50%}.i-toggle.on{background:#337bf4;justify-content:flex-end}.i-list-footer{display:flex;gap:1.6cqw;padding:.6cqw 1cqw;color:#c4c4cc;font-size:2cqw}.i-list-footer span{display:block;min-width:1.5cqw;text-align:center}.i-picker{width:66%;left:17%;height:69%;top:15%}.i-picker aside{width:27%;font-size:1.4cqw}.i-picker-files{position:absolute;left:30%;right:3%;top:7cqw}.i-picker-files>div{display:flex;align-items:center;gap:1.2cqw;padding:.7cqw 1cqw;border-radius:.5cqw;margin:.4cqw 0;font-size:1.5cqw}.i-picker-files .i-app-icon{width:3cqw;height:3cqw;padding:.5cqw;border-radius:.6cqw}.i-picker-actions{position:absolute;bottom:1.5cqw;right:2cqw;display:flex;align-items:center;gap:2cqw;font-size:1.4cqw}.i-app-settings{width:47%;height:88%;left:26.5%;top:6%}.i-app-brand{display:flex;align-items:center;gap:1.5cqw;padding:1cqw 3cqw 2cqw}.i-app-brand h3{font-size:2.7cqw;letter-spacing:-.1cqw;margin:0 0 .3cqw}.i-app-brand span{font-size:1.4cqw;color:#aaaab1}.i-enable{margin:0 3cqw 2cqw;background:#343638;border-radius:1cqw;padding:1.5cqw;display:flex;align-items:center;gap:1cqw;justify-content:space-between}.i-enable strong{font-size:1.35cqw}.i-enable p{font-size:1.2cqw;color:#aaaab0;margin:.4cqw 0 0}.i-duration{margin:0 3cqw 2cqw;display:flex;flex-wrap:wrap;justify-content:space-between;font-size:1.25cqw;color:#bbb}.i-duration strong{font-weight:500}.i-duration>div{width:100%;height:.4cqw;background:#666;border-radius:2px;margin-top:1.3cqw;position:relative}.i-duration>div:after{content:"";position:absolute;left:35%;top:-.4cqw;height:1.3cqw;width:.5cqw;background:#aaa;border-radius:3px}.i-permission{margin:0 3cqw;display:flex;align-items:center;justify-content:space-between;padding:1cqw 0;font-size:1.35cqw}.i-permission b{font-size:1.1cqw;color:#76d789;font-weight:400}.i-app-foot{font-size:1.1cqw;color:#a1a1a8;margin:1.8cqw 3cqw}.i-close-target{position:absolute;top:1.7cqw;left:1.4cqw;width:1.6cqw;height:1.6cqw}.i-menu{position:absolute;top:4%;left:60%;width:21%;background:#353438f5;border:1px solid #666;border-radius:.8cqw;padding:.5cqw;box-shadow:0 1cqw 2cqw #0003;color:#ddd;font-size:1.4cqw}.i-menu span{display:block;padding:.8cqw}.i-menu span:last-child{background:#366edc;border-radius:.4cqw}.i-menu hr{border:0;border-top:1px solid #666}.i-notes{background:#faf8f2;color:#59544d}.i-notes .i-title{color:#888175;border-bottom:1px solid #e3dfd6}.i-notes-body{padding:2cqw 5cqw}.i-notes-body h3{font-size:2.5cqw;margin:0 0 2cqw}.i-practice,.i-pasted{padding:2cqw 3cqw;background:#e9e6f9;width:max-content;color:#665690;border-radius:.7cqw;font-size:3cqw;line-height:1.2}.i-practice.selecting{outline:2px solid #7565ef;box-shadow:0 0 0 100cqw #29223015}.i-notes-body>p{font-size:1.5cqw;color:#969086;margin:2cqw 0}.i-pasted{font-size:2.4cqw;box-shadow:0 .5cqw 1cqw #25203010}.i-paste-keystroke{position:absolute;right:7%;top:50%;font-size:2.2cqw;padding:1cqw 1.5cqw;background:#302a3d;color:white;border-radius:.7cqw}.install-caption{position:absolute;left:4%;right:4%;bottom:3%;display:flex;align-items:center;gap:1.6cqw;color:#706779;font-size:1.55cqw}.install-caption>span{color:#a69dae;font-size:1.2cqw;white-space:nowrap}.install-caption strong{font-weight:500}.install-pointer{position:absolute;width:2.5cqw;height:3cqw;z-index:10;filter:drop-shadow(0 2px 2px #0004);pointer-events:none;opacity:0}.install-pointer svg{width:100%;height:100%;fill:#fff;stroke:#222;stroke-width:1.2;overflow:visible}.install-pointer i{position:absolute;left:-1.4cqw;top:-1.4cqw;width:3.4cqw;height:3.4cqw;border:2px solid #8b72ff;border-radius:50%;opacity:0}.install-pointer.i-click i{animation:install-click .9s ease-out .5s both}.install-pointer.i-hold i{opacity:1;border-width:3px;border-left-color:#ded8f7;animation:install-hold 1.2s linear infinite}@keyframes install-click{0%,30%{opacity:0;transform:scale(.5)}45%{opacity:1;transform:scale(.65)}85%,100%{opacity:0;transform:scale(1.5)}}@keyframes install-hold{to{transform:rotate(360deg)}}.install-disclaimer{font-size:12px;color:#97909f;margin:14px 0 24px}.install-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:22px 25px;padding:0;list-style:none;margin:0}.install-steps li{min-width:0}.install-steps button{position:relative;border:0;border-top:2px solid #eae7ee;padding:14px 0 0;background:none;color:#837b8b;text-align:left;width:100%;font-size:15px;display:flex;gap:9px;align-items:center}.install-steps button:before{position:absolute;content:"";top:-2px;left:0;height:2px;background:#705ae6;width:var(--install-progress,0%)}.install-step-number{font-size:12px;color:#aba2b5}.install-steps button strong{font-weight:550}.install-steps button.active{color:#6c51c4}.install-steps li>p{font-size:14px;line-height:1.6;color:#8e8698;margin:10px 0 0}.install-help{font-size:14px;line-height:1.7;color:#8e8698;padding-top:24px;margin-top:28px;border-top:1px solid #efedf2}.install-help a{display:block;color:#75648f;text-decoration:underline;margin-top:7px}.install-paused *{animation-play-state:paused!important}@media(max-width:700px){.install-section{padding:10px 20px 45px}.install-heading{display:block;margin-bottom:24px}.install-heading h2{font-size:38px}.install-heading>p{font-size:16px}.install-stage{aspect-ratio:1.25;border-radius:16px}.i-window{top:17%;height:66%}.i-alert{top:22%;height:auto}.i-app-settings{height:69%;top:14%}.i-picker{height:56%;top:20%}.i-menu{top:14%}.install-caption{font-size:2cqw;bottom:4%;align-items:start}.install-caption>span{font-size:1.7cqw}.install-steps{grid-template-columns:repeat(2,1fr);gap:20px}.install-runtime{display:none}.install-controls{font-size:13px}.install-controls button{font-size:12px;padding:7px}.install-disclaimer{line-height:1.5}.install-steps li>p{font-size:14px}}@media(prefers-reduced-motion:reduce){.install-stage *{animation:none!important}.install-pointer{display:none}}
/* The old shortcut, illustrated; a more legible side-by-side comparison. */
.keyboard-gymnastics{display:block;width:100%;height:auto;margin-top:28px;mix-blend-mode:multiply}.how{align-items:center;gap:55px}.comparison{gap:32px;margin-bottom:27px}.comparison-label{font-size:15px;margin-bottom:16px}.keys kbd{font-size:23px;padding:11px 13px;border-radius:9px}.keys{gap:7px}.hold-gesture{height:74px;font-size:23px;gap:13px;white-space:nowrap}.hold-gesture .mouse-demo{width:74px;height:74px}.how-copy>p{font-size:17px}.how-copy>.muted{font-size:15px}@media(max-width:1100px) and (min-width:541px){.comparison{gap:22px;flex-wrap:wrap;row-gap:22px}.how{gap:35px}.keys kbd{font-size:21px;padding:10px 12px}.hold-gesture{font-size:22px}}@media(max-width:540px){.keyboard-gymnastics{margin-top:23px}.how{gap:30px}.comparison{gap:22px;flex-wrap:wrap;row-gap:20px}.keys kbd{font-size:20px;padding:9px 11px}.comparison-label{font-size:14px}.hold-gesture{font-size:21px;height:65px;gap:10px}.hold-gesture .mouse-demo{width:65px;height:65px}.how-copy>p{font-size:16px}}
.keyboard-gymnastics{width:350px;max-width:100%}