.sc-scene{position:relative;height:560px;min-width:0;isolation:isolate}.sc-scene-grid{position:absolute;inset:20px -30px;background-image:linear-gradient(var(--sc-line) 1px,transparent 1px),linear-gradient(90deg,var(--sc-line) 1px,transparent 1px);background-size:48px 48px;opacity:.3;mask-image:radial-gradient(ellipse,#000 20%,transparent 70%)}.sc-scene:before{content:"";position:absolute;inset:70px -30px 20px;background:radial-gradient(ellipse,#f5a6230d,transparent 68%);pointer-events:none}.sc-scene-label{position:absolute;top:24px;left:25px;display:flex;align-items:center;gap:8px;font:8px monospace;letter-spacing:1px;color:var(--sc-muted)}.sc-scene-perspective{position:absolute;inset:0;perspective:1200px}.sc-scene-rig{position:absolute;width:540px;height:500px;left:50%;top:40px;margin-left:-270px;transform-style:preserve-3d;transform:rotateX(var(--sc-rx, 0deg)) rotateY(var(--sc-ry, 0deg));transition:transform .45s cubic-bezier(.2,.65,.3,1)}.sc-orbit{position:absolute;border:1px solid var(--sc-line);border-radius:50%;transform:translateZ(-220px) rotateX(65deg) rotate(-25deg);pointer-events:none}.sc-orbit-outer{width:490px;height:430px;left:30px;top:125px}.sc-orbit-inner{width:350px;height:310px;left:100px;top:183px;border-style:dashed;opacity:.55}.sc-keyboard{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateX(38deg) rotate(-25deg);transition:transform .7s cubic-bezier(.2,.7,.2,1),opacity .5s}.sc-key-float{position:absolute;width:var(--key-width, 142px);height:142px;transform-style:preserve-3d;animation:sc-float 6s ease-in-out infinite;animation-delay:var(--key-delay, 0s)}.sc-key-command{left:90px;top:90px;--key-top: #f5b646;--key-low: #9c540f;--key-side: #ce7c15;--key-ink: #493009;--key-edge: #ffdb80}.sc-key-shift{left:255px;top:70px;--key-delay: -2s}.sc-key-space{left:139px;top:267px;--key-width: 264px;--key-delay: -4s}.sc-key{position:relative;width:100%;height:100%;transform-style:preserve-3d;--key-depth: 24px}.sc-key-float:not(.sc-key-command){--key-top: #d5d3cc;--key-low: #86857f;--key-side: #aba9a1;--key-ink: #51514d;--key-edge: #f7f5ed}.dark .sc-key-float:not(.sc-key-command){--key-top: #36393e;--key-low: #141618;--key-side: #23262a;--key-ink: #c3c3c0;--key-edge: #575c63}.sc-key-face{position:absolute;inset:0;border-radius:19px;background:linear-gradient(145deg,color-mix(in srgb,var(--key-top) 88%,white),var(--key-top) 65%);transform:translateZ(var(--key-depth));border:1px solid var(--key-edge);box-shadow:inset 0 0 0 7px #ffffff05,inset 0 -3px 3px #0002;display:flex;flex-direction:column;padding:14px 19px;justify-content:space-between;color:var(--key-ink)}.sc-key-face>span{font-family:Helvetica Neue,sans-serif;font-size:63px;line-height:1.05;font-weight:400;text-shadow:0 1px 1px #fff2}.sc-key-face small{font:11px monospace;letter-spacing:.4px}.sc-key-space .sc-key-face>span{font-size:60px;align-self:center}.sc-key-space .sc-key-face small{align-self:center}.sc-key-bottom{position:absolute;inset:0;background:var(--key-low);border-radius:19px;box-shadow:-13px 32px 32px #0005,-2px 8px 10px #0003}.sc-key-front{position:absolute;bottom:0;left:16px;right:16px;height:var(--key-depth);transform-origin:bottom;transform:rotateX(-90deg);background:var(--key-low)}.sc-key-side{position:absolute;top:16px;bottom:16px;right:0;width:var(--key-depth);transform-origin:right;transform:rotateY(90deg);background:var(--key-side)}.sc-floating-tag{position:absolute;display:flex;align-items:center;gap:12px;padding:13px 17px;background:var(--sc-surface);border:1px solid var(--sc-line);border-radius:9px;color:var(--sc-muted);font:9px monospace;letter-spacing:.7px;box-shadow:0 14px 25px var(--sc-shadow);animation:sc-tag-float 7s ease-in-out infinite}.sc-tag-local{top:35px;right:22px;transform:rotate(-6deg)}.sc-tag-shortcut{bottom:25px;left:15px;transform:rotate(6deg);animation-delay:-3s}.sc-tag-shortcut>span{font-size:25px;color:var(--sc-accent)}.sc-scene-controls{position:absolute;bottom:0;left:25px;right:0;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px;color:var(--sc-muted)}.sc-scene-controls button{border:1px solid var(--sc-line);padding:6px 12px;min-height:44px;border-radius:24px}.sc-scene-controls button:hover{color:var(--sc-text);background:var(--sc-surface)}.sc-demo-panel{position:absolute;top:120px;left:50px;width:440px;border-radius:17px;background:var(--sc-surface);border:1px solid var(--sc-line);padding:18px;box-shadow:0 35px 80px var(--sc-shadow),0 0 0 6px #f5a62308;transform:translateZ(85px) rotate(-3deg);animation:sc-panel-in .55s cubic-bezier(.2,.7,.2,1) both}.sc-demo-panel[hidden]{display:none}.sc-demo-heading{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:550}.sc-demo-heading small{margin-left:auto;color:var(--sc-muted);font-size:9px;font-weight:400}.sc-demo-search{border:1px solid var(--sc-line);padding:11px;margin:16px 0 9px;border-radius:7px;display:flex;align-items:center;gap:8px;color:var(--sc-muted);font-size:12px}.sc-demo-caret{height:14px;width:1px;background:var(--sc-accent)}.sc-demo-row{padding:12px;display:flex;align-items:center;justify-content:space-between;font-size:12px}.sc-demo-row:nth-of-type(3){background:#f5a62313;border-radius:6px;color:var(--sc-accent)}.sc-demo-row kbd{border:1px solid var(--sc-line);padding:2px 7px;border-radius:4px;color:var(--sc-text)}.sc-demo-foot{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--sc-line);margin-top:8px;padding-top:8px;font-size:10px;color:var(--sc-muted)}.sc-demo-foot button{min-height:44px;padding:5px;border-radius:4px}.sc-demo-foot kbd{margin-left:6px}.sc-scene[data-open=true] .sc-keyboard{transform:translateZ(-180px) rotateX(42deg) rotate(-25deg) translateY(-70px) scale(.85);opacity:.28}.sc-scene[data-open=true] .sc-floating-tag{opacity:.3}.sc-scene:not([data-active=true]) :is(.sc-key-float,.sc-floating-tag),.sc-scene[data-paused=true] :is(.sc-key-float,.sc-floating-tag){animation-play-state:paused}.sc-scene[data-paused=true] .sc-scene-rig{transform:none}@keyframes sc-float{0%,to{transform:translateZ(0)}50%{transform:translateZ(23px)}}@keyframes sc-tag-float{0%,to{translate:0 0}50%{translate:0 -12px}}@keyframes sc-panel-in{0%{opacity:0;transform:translateZ(20px) rotate(-8deg) translateY(30px)}to{opacity:1;transform:translateZ(85px) rotate(-3deg)}}@media(max-width:1150px)and (min-width:781px){.sc-scene-perspective{scale:.8}.sc-scene-label{left:0;font-size:7px}.sc-scene-controls{left:0}}@media(max-width:780px){.sc-scene{height:460px;margin-top:24px}.sc-scene-perspective{scale:.85}.sc-scene-label{top:0;left:0}.sc-scene-rig{top:0}.sc-scene-controls{left:0}}@media(max-width:480px){.sc-scene{height:390px;margin-top:36px}.sc-scene-perspective{scale:.65}.sc-scene-rig{top:-60px}.sc-scene-label{font-size:7px;letter-spacing:.5px}}@media(max-width:360px){.sc-scene-perspective{scale:.56}.sc-scene{height:330px}}@media(max-width:780px){.sc-scene[data-open=true] .sc-scene-perspective{scale:1}.sc-scene[data-open=true] .sc-scene-rig{width:100%;left:0;top:0;margin:0;transform:none}.sc-scene[data-open=true] :is(.sc-keyboard,.sc-floating-tag,.sc-orbit){visibility:hidden}.sc-scene[data-open=true] .sc-demo-panel{left:0;top:40px;width:100%;transform:none;animation:none;padding:14px}}@media(hover:none),(pointer:coarse){.sc-pointer-hint{font-size:0}.sc-pointer-hint:after{content:"⌘ + ⇧ + Space";font-size:10px}}@media(prefers-reduced-motion:reduce){.sc-scene-rig{transform:none!important}.sc-pointer-hint{visibility:hidden}}.sc-document{background:#f3f1ec;scroll-padding-top:90px}.sc-document.dark{background:#101112}.sc-document body{background:none}.sc-page{--sc-bg: #f3f1ec;--sc-surface: #e9e6df;--sc-text: #242528;--sc-muted: #686762;--sc-line: #d6d2c9;--sc-accent: #a95109;--sc-orange: #f5a623;--sc-shadow: #5c4a3324;color:var(--sc-text);background:var(--sc-bg);font-family:Avenir Next,PingFang SC,Helvetica Neue,sans-serif;padding-inline:clamp(24px,3vw,64px);overflow:clip}.dark .sc-page{--sc-bg: #101112;--sc-surface: #191b1d;--sc-text: #eeeae3;--sc-muted: #a3a09a;--sc-line: #303134;--sc-accent: #f5b54c;--sc-shadow: #0008}.sc-page a{text-decoration:none}.sc-page button{font:inherit;cursor:pointer}.sc-page p{text-wrap:pretty}.sc-page :is(a,button):focus-visible{outline:2px solid var(--sc-accent);outline-offset:5px}.sc-page :is(a,button){-webkit-tap-highlight-color:transparent}.sc-nav{display:flex;justify-content:space-between;align-items:center;min-height:94px;border-bottom:1px solid var(--sc-line);gap:20px}.sc-brand{display:inline-flex;align-items:center;gap:11px;font-size:18px;font-weight:650;letter-spacing:-.6px}.sc-brand img{border-radius:9px}.sc-nav nav{display:flex;align-items:center;gap:30px;font-size:13px}.sc-nav nav a{min-height:44px;display:inline-flex;align-items:center;gap:12px}.sc-theme{min-height:44px;display:inline-flex;gap:8px;align-items:center;border:1px solid var(--sc-line);border-radius:30px;padding:6px 14px}.sc-theme>span:first-child{font-size:22px}.sc-theme:hover,.sc-button-secondary:hover{background:var(--sc-surface)}.sc-hero{position:relative;min-height:730px;display:grid;grid-template-columns:.92fr 1.08fr;align-items:center;padding:50px 0 94px}.sc-hero-copy{position:relative;z-index:2;padding-bottom:5px}.sc-eyebrow{display:flex;align-items:center;gap:10px;font:500 10px SFMono-Regular,Consolas,monospace;letter-spacing:2px;color:var(--sc-accent)}.sc-status-dot{display:inline-block;width:5px;height:5px;flex-shrink:0;border-radius:50%;background:var(--sc-accent)}.sc-hero h1{margin:27px 0 24px;font-size:clamp(42px,4.7vw,65px);line-height:1.22;letter-spacing:-3px;font-weight:650}.sc-hero h1 span{color:var(--sc-accent)}.sc-intro{font-size:22px;line-height:1.6;letter-spacing:.6px;margin:0 0 20px}.sc-description{color:var(--sc-muted);font-size:15px;line-height:2;margin:0}.sc-page kbd{font-family:SFMono-Regular,Consolas,monospace;font-size:.9em}.sc-description kbd{display:inline-block;line-height:1.6;padding:0 5px;background:var(--sc-surface);border:1px solid var(--sc-line);border-radius:4px;color:var(--sc-text)}.sc-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.sc-button{display:inline-flex;align-items:center;justify-content:center;gap:25px;min-height:48px;padding:0 19px;border-radius:8px;font-size:14px;font-weight:600;transition:transform .18s,background .18s}.sc-button:hover{transform:translateY(-2px)}.sc-button:active{transform:translateY(1px)}.sc-button-primary{background:var(--sc-orange);color:#201c13;border:1px solid var(--sc-orange);box-shadow:0 5px 22px #f5a62315}.sc-button-primary:hover{background:#ffbb48}.sc-button-secondary{border:1px solid var(--sc-line)}.sc-availability{color:var(--sc-muted);font-size:11px;display:flex;align-items:center;gap:8px;margin-top:21px}.sc-availability .sc-status-dot{background:var(--sc-muted)}.sc-hero-bottom{position:absolute;bottom:27px;width:100%;display:flex;justify-content:space-between;color:var(--sc-muted);font:10px SFMono-Regular,Consolas,monospace;letter-spacing:1px}.sc-hero-bottom a{display:flex;align-items:center;gap:18px;min-height:44px}.sc-hero-bottom>span{align-self:center}.sc-features{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--sc-line)}.sc-feature{padding:32px 28px 38px}.sc-feature:first-child{padding-left:0}.sc-feature+.sc-feature{border-left:1px solid var(--sc-line)}.sc-feature-top{display:flex;align-items:center;gap:18px;font:10px SFMono-Regular,Consolas,monospace;letter-spacing:1px;color:var(--sc-muted)}.sc-feature-top>span:first-child{color:var(--sc-accent)}.sc-feature h2{font-size:19px;font-weight:550;margin:26px 0 12px}.sc-feature p{color:var(--sc-muted);font-size:14px;line-height:1.9;margin:0;max-width:33ch}.sc-product{padding:110px 0;display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.sc-product h2{font-size:43px;line-height:1.3;letter-spacing:-1.8px;font-weight:550;margin:24px 0}.sc-product-copy>p:not(.sc-eyebrow){color:var(--sc-muted);font-size:15px;line-height:1.9;max-width:35ch}.sc-steps{list-style:none;padding:15px 0 0;margin:0}.sc-steps li{display:flex;align-items:center;gap:18px;padding:20px 0;border-bottom:1px solid var(--sc-line)}.sc-steps li>span{color:var(--sc-accent);font:11px monospace}.sc-steps h3{font-size:15px;font-weight:550}.sc-steps p{font-size:12px;color:var(--sc-muted);margin:6px 0 0}.sc-steps kbd{margin-left:auto;white-space:nowrap;color:var(--sc-muted);font-size:10px}.sc-real-window{margin:0;padding:12px;border:1px solid var(--sc-line);border-radius:18px;background:var(--sc-surface);box-shadow:0 25px 60px var(--sc-shadow)}.sc-real-window img{width:100%;height:auto;display:block;border-radius:9px}.sc-window-caption{display:flex;align-items:center;gap:9px;font:9px monospace;color:var(--sc-muted);padding:6px 0 16px;letter-spacing:.5px}.sc-window-caption>span:last-child{margin-left:auto}.sc-real-window figcaption{color:var(--sc-muted);text-align:center;font-size:11px;margin-top:12px}.sc-footer{border-top:1px solid var(--sc-line);display:grid;grid-template-columns:1fr auto;gap:32px;padding:35px 0}.sc-footer p{color:var(--sc-muted);font-size:12px;margin-top:12px}.sc-footer nav{display:flex;align-items:flex-start;gap:25px;font-size:12px}.sc-footer nav a{display:inline-flex;align-items:center;min-height:44px}.sc-footer small{color:var(--sc-muted);font:9px monospace;letter-spacing:1px;grid-column:1 / -1}.sc-skip{position:absolute;top:-100px;left:24px;z-index:10;padding:10px 20px;background:var(--sc-orange);color:#201c13}.sc-skip:focus{top:10px}@media(min-width:1450px){.sc-hero{min-height:780px}}@media(min-width:1450px){.sc-hero{grid-template-columns:minmax(520px,.92fr) minmax(680px,1.08fr)}.sc-scene{height:650px}.sc-scene-rig{scale:1.12}}@media(max-width:1050px){.sc-product{gap:45px}.sc-hero{grid-template-columns:1fr 1fr}.sc-button{gap:12px;padding-inline:14px}}@media(max-width:780px){.sc-nav{min-height:80px}.sc-nav nav{gap:12px}.sc-nav .sc-brand{font-size:14px;gap:7px}.sc-nav .sc-brand img{width:30px;height:30px}.sc-theme{padding-inline:10px}[data-sc-theme-label]{display:none}.sc-hero{grid-template-columns:1fr;padding:48px 0 72px;min-height:auto}.sc-hero h1{font-size:52px}.sc-hero-copy{max-width:500px}.sc-description{font-size:14px}.sc-features{grid-template-columns:1fr}.sc-feature{padding:28px 0}.sc-feature+.sc-feature{border-left:none;border-top:1px solid var(--sc-line)}.sc-feature p{max-width:none}.sc-feature h2{margin-top:16px}.sc-product{grid-template-columns:1fr;padding:65px 0;gap:40px}.sc-product h2{font-size:37px}.sc-footer{grid-template-columns:1fr;gap:20px}.sc-footer nav{flex-wrap:wrap;gap:20px}}@media(max-width:390px){.sc-page{padding-inline:18px}.sc-nav .sc-brand{font-size:12px}.sc-nav nav{font-size:11px;gap:8px}.sc-hero-bottom{font-size:8px}}@media(prefers-reduced-motion:reduce){.sc-page *,.sc-page *:before,.sc-page *:after{animation:none!important;transition:none!important}.sc-button:hover{transform:none}}