/* Casper's product theater. Decorative interfaces are isolated from real controls. */
.hero-grid{grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr);gap:48px;min-height:750px}.hero h1{font-size:clamp(47px,5.45vw,78px);letter-spacing:-4.2px}.hero-copy{padding-top:35px;padding-bottom:45px}.product-showcase{--progress:0;container-type:inline-size;position:relative;min-width:0;align-self:center;width:100%;margin:36px 0 40px;border:1px solid #ffffff21;border-radius:22px;background:linear-gradient(145deg,#202020,#131313 55%,#171717);box-shadow:0 24px 80px #0005,0 1px 0 #ffffff0a inset;overflow:hidden;isolation:isolate}.product-showcase:focus-visible{outline:2px solid #efeee9;outline-offset:7px}.showcase-heading{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:23px 25px 5px}.showcase-overline{display:flex;align-items:center;gap:8px;font-size:8px;line-height:1.5;letter-spacing:1.7px;color:#a1a19c}.showcase-overline i{width:5px;height:5px;border:1px solid #bcbcb6;border-radius:50%;box-shadow:0 0 10px #fff2}.showcase-counter{font-size:9px;letter-spacing:1px;color:#71716d;font-variant-numeric:tabular-nums}.motion-scene{margin:0}.motion-scene[hidden],.showcase-controls[hidden]{display:none}.demo-stage{--pane-opacity:1;--opacity:100;--cursor-x:82%;--cursor-y:76%;height:clamp(265px,77cqi,430px);position:relative;overflow:hidden;font-size:clamp(7px,1.8cqi,11px);line-height:1.4;background:radial-gradient(ellipse at 48% 52%,#ffffff0e,transparent 70%);user-select:none}.desktop-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff05 1px,transparent 1px),linear-gradient(90deg,#ffffff05 1px,transparent 1px);background-size:38px 38px;mask-image:radial-gradient(ellipse,#0008,transparent 75%);opacity:.3}.demo-stage:after{content:'';position:absolute;inset:auto 15% 7%;height:1px;background:linear-gradient(90deg,transparent,#ffffff15,transparent);z-index:-1}.motion-scene figcaption{padding:6px 26px 24px;min-height:122px}.scene-eyebrow{display:block;font-size:7px;letter-spacing:1.6px;color:#83837e;line-height:1.6}.motion-scene figcaption h2{font-size:clamp(22px,4.9cqi,29px);line-height:1.12;letter-spacing:-1px;font-weight:450;margin:10px 0 9px;color:#f0efe9}.motion-scene figcaption p{max-width:440px;font-size:11px;line-height:1.7;margin:0;color:#91918c}.demo-document,.sample-browser{position:absolute;border:1px solid #d9d8d1;border-radius:11px;background:#eae9e2;color:#30302b;box-shadow:0 19px 35px #0004;overflow:hidden}.demo-document{left:5.6%;top:12%;width:77%;height:69%;transform:rotate(-4deg)}.document-bar{height:8.3cqi;max-height:39px;min-height:25px;display:flex;align-items:center;justify-content:space-between;gap:5px;padding:0 3.5%;border-bottom:1px solid #00000012;background:#f2f1eb;color:#77766e;font-size:1.55cqi;line-height:1}.demo-dots{font-size:1.4cqi;letter-spacing:.2cqi;color:#aca99e;white-space:nowrap}.document-content{padding:7% 9%}.document-eyebrow{display:block;font-size:1.3cqi;letter-spacing:.14em;color:#77766c;font-weight:600}.document-content h3{font-size:4.2cqi;line-height:1.05;letter-spacing:-.15cqi;margin:5% 0;color:#282822;font-weight:550}.document-content p{font-size:2.05cqi;line-height:1.7;color:#656357;max-width:87%;margin:0 0 6%}.document-lines{display:grid;gap:1.5cqi;margin-bottom:5%}.document-lines i{height:.7cqi;border-radius:5px;background:#d1cfc3}.document-lines i:nth-child(2){width:91%}.document-lines i:nth-child(3){width:74%}.document-tag{font-size:1.4cqi;display:inline-block;padding:1% 3%;border:1px solid #cbc8b9;border-radius:3px;color:#797563}.workspace-window{position:absolute;top:22%;left:24%;width:69%;height:61%;border:1px solid #ffffff53;border-radius:11px;background:#161617;opacity:var(--pane-opacity);box-shadow:0 22px 44px #0005,0 1px 0 #ffffff10 inset;color:#f0efea;overflow:hidden}.workspace-title{display:flex;align-items:center;justify-content:space-between;height:8.2cqi;max-height:38px;padding:0 4%;font-size:1.55cqi;letter-spacing:.01em;border-bottom:1px solid #ffffff16;color:#c0c0ba}.workspace-title>span:first-child{display:flex;align-items:center;gap:1.5cqi}.workspace-title img{width:2.7cqi;height:3.2cqi;object-fit:contain}.workspace-title>span:last-child{font-size:2cqi;color:#777772}.chat-body{height:calc(100% - 8.2cqi);position:relative;padding:4% 5.5%}.chat-brand{font-size:2.1cqi;letter-spacing:-.05cqi;font-weight:600;display:flex;gap:1.7cqi;align-items:center}.chat-brand>span{font-size:2.1cqi;color:#777772}.chat-user{background:#ffffff13;border:1px solid #ffffff0a;border-radius:10px 10px 3px 10px;padding:3% 4%;font-size:1.65cqi;max-width:91%;margin:6% 0 0 auto;opacity:0;transform:translateY(5px);transition:opacity .25s,transform .35s}.chat-answer{display:flex;gap:2cqi;margin-top:5%;opacity:0;transform:translateY(5px);transition:opacity .25s,transform .35s}.chat-answer .ai-spark{font-size:3cqi;line-height:1;flex:0 0 2cqi;color:#f0eee6}.chat-answer p{margin:0;font-size:1.74cqi;line-height:1.6;max-width:93%;text-shadow:0 1px 2px #0007}.chat-composer{position:absolute;bottom:5%;left:5.5%;right:5.5%;display:flex;align-items:center;justify-content:space-between;border:1px solid #ffffff22;border-radius:8px;height:8cqi;max-height:40px;padding:0 4%;font-size:1.7cqi;background:#1a1a1a68;color:#b6b6b1}.chat-composer>span:last-child{display:grid;place-items:center;width:4cqi;height:4cqi;background:#e8e7df;color:#292927;border-radius:50%;font-size:2.4cqi}.stage-workspace[data-prompt-visible="true"] .chat-user,.stage-workspace[data-answer-visible="true"] .chat-answer{opacity:1;transform:translateY(0)}.opacity-chip{position:absolute;left:8%;top:5%;z-index:4;display:flex;align-items:center;gap:2cqi;padding:2.3% 3.3%;background:#242424ed;border:1px solid #ffffff27;border-radius:8px;box-shadow:0 7px 19px #0003;color:#c7c7c0;font-size:1.5cqi}.opacity-chip>strong{font-size:1.5cqi;font-weight:500;font-variant-numeric:tabular-nums;min-width:5.5cqi;color:#f1f0e8}.opacity-demo-track{width:13cqi;height:.6cqi;position:relative;background:#555550;border-radius:3px}.opacity-demo-track i{position:absolute;inset:0 auto 0 0;width:calc(var(--opacity) * 1%);background:#e0e0d7;border-radius:3px}.opacity-demo-track b{position:absolute;left:calc(var(--opacity) * 1%);top:50%;width:1.6cqi;height:1.6cqi;background:#fffef5;border-radius:50%;transform:translate(-50%,-50%)}.demo-pointer{position:absolute;z-index:8;left:var(--cursor-x);top:var(--cursor-y);font-size:4.3cqi;line-height:1;color:#fff;filter:drop-shadow(0 2px 1px #000b);transform:translate(-10%,-20%);transition:none;pointer-events:none}.demo-status{position:absolute;left:50%;bottom:2%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;gap:1.4cqi;max-width:92%;white-space:nowrap;padding:2% 3.2%;border:1px solid #ffffff10;border-radius:20px;background:#151515d9;color:#b9b9b2;font-size:1.55cqi;box-shadow:0 5px 15px #0002}.demo-status-dot{width:.8cqi;height:.8cqi;border-radius:50%;background:#b6b6a9;box-shadow:0 0 7px #ddd3}.mini-app{position:absolute;left:6%;top:9%;width:88%;height:77%;border:1px solid #ffffff24;border-radius:10px;overflow:hidden;background:#f3f2ec;color:#242422;box-shadow:0 23px 40px #0005}.mini-title{height:7cqi;max-height:35px;display:flex;align-items:center;justify-content:space-between;padding:0 3%;font-size:1.55cqi;color:#77776e;background:#e9e8e2;border-bottom:1px solid #cecdc5}.mini-title>span:last-child{min-width:10%;text-align:right}.mini-app-content{height:calc(100% - 7cqi);display:grid;grid-template-columns:29% 71%}.mini-sidebar{display:flex;flex-direction:column;align-items:center;background:#171717;color:#a0a09b;padding:8% 6%;position:relative}.mini-sidebar>img{width:21%;height:auto;object-fit:contain;margin:1% 0 8%}.mini-sidebar>strong{font-size:3.1cqi;color:#f4f3eb;letter-spacing:-.15cqi;margin-bottom:17%}.mini-sidebar>span{width:100%;padding:10% 8%;border-radius:5px;white-space:nowrap;font-size:1.55cqi;margin-bottom:2%;letter-spacing:-.02em}.mini-sidebar>span.active{color:#f2f1e9;background:#ffffff18}.mini-sidebar>small{position:absolute;bottom:7%;font-size:.94cqi;letter-spacing:.05em;color:#777771;text-align:center}.mini-settings{padding:6% 7%;overflow:hidden}.mini-settings h3{margin:0 0 2.5%;font-size:3.9cqi;font-weight:650;letter-spacing:-.14cqi;line-height:1.1}.mini-settings>p{font-size:1.5cqi;color:#818077;margin:0 0 7%;line-height:1.4}.mini-settings h4{font-size:2.4cqi;letter-spacing:-.06cqi;margin:0 0 5%;line-height:1.1}.mini-setting-card{padding:4% 5%;border:1px solid #ddddd4;border-radius:5px;background:#fcfbf6;margin-bottom:4%}.mini-setting-card>b{display:block;font-size:1.5cqi;font-weight:600;color:#45453c;margin-bottom:4%}.mini-setting-card>p{font-size:1.4cqi;color:#8b8a7f;line-height:1.4;margin:0 0 5%}.mini-choices{display:flex;gap:3%;font-size:1.4cqi}.mini-choices>span{display:grid;place-items:center;min-height:4.7cqi;border-radius:3px;flex:1;border:1px solid #ddddd4;color:#818173}.mini-choices>span.active{background:#252523;border-color:#252523;color:#f4f4ea}.mini-slider{display:flex;align-items:center;gap:4%;height:3.2cqi}.mini-slider>i{position:relative;height:.65cqi;flex:1;background:linear-gradient(90deg,#383832 0 calc(var(--opacity) * 1%),#d7d7cc calc(var(--opacity) * 1%));border-radius:4px}.mini-slider>i:after{content:'';position:absolute;left:calc(var(--opacity) * 1%);top:50%;width:1.7cqi;height:1.7cqi;border:1px solid #c6c6ba;border-radius:50%;background:#fff;transform:translate(-50%,-50%);box-shadow:0 1px 2px #0002}.mini-slider>strong{font-size:1.5cqi;font-weight:500;color:#727265;min-width:5cqi;font-variant-numeric:tabular-nums}.mini-keybind>span{display:flex;justify-content:space-between;align-items:center;color:#87877b;font-size:1.4cqi}.mini-keybind kbd{padding:2% 4%;border-radius:3px;border:1px solid #d4d4c9;background:#efefe6;color:#535347;font-size:1.45cqi}.mini-primary,.mini-secondary{display:flex;align-items:center;justify-content:center;width:100%;min-height:5.5cqi;padding:2% 3%;background:#232321;color:#f6f5ed;border:1px solid #232321;border-radius:4px;font-size:1.5cqi;white-space:nowrap}.open-workspace-demo{margin-top:5%}.mac-preview-chat{position:absolute;left:49%;top:48%;width:43%;padding:4% 4% 3%;z-index:5;color:#f1f0e6;border:1px solid #ffffff3a;border-radius:9px;background:rgb(27 27 27 / var(--pane-opacity,.88));box-shadow:0 14px 35px #0006;opacity:0;transform:translate(5px,10px) scale(.96);transition:opacity .4s,transform .5s}.mac-preview-chat>div{display:flex;justify-content:space-between;font-size:1.8cqi;font-weight:600}.mac-preview-chat>div>span{color:#a4a49a}.mac-preview-chat>p{font-size:2.5cqi;line-height:1.3;letter-spacing:-.06cqi;margin:10% 0 13%;font-weight:450}.mac-preview-chat>span{display:flex;justify-content:space-between;border:1px solid #ffffff26;border-radius:5px;padding:6% 8%;font-size:1.3cqi;color:#b5b5a7;background:#20202066}.stage-mac[data-step="2"] .mac-preview-chat,.stage-mac[data-step="3"] .mac-preview-chat{opacity:1;transform:translate(0,0) scale(1)}.stage-mac[data-step="1"] .mini-choices>span.active{box-shadow:0 0 0 3px #2525230d}.stage-mac[data-step="2"] .open-workspace-demo,.stage-mac[data-step="3"] .open-workspace-demo{background:#41413b}.windows-app{border-radius:7px;top:8%;height:79%}.windows-app .mini-title{background:#ededeb}.windows-app .mini-sidebar{background:#1b1b1b}.windows-app .mini-settings{padding:5% 7%}.windows-app .mini-settings>p{margin-bottom:7%}.windows-app .mini-setting-card{padding:4% 5%;margin-bottom:5%;border-radius:4px}.windows-app .mini-setting-card .mini-primary{font-size:1.4cqi;min-height:5.4cqi}.win-connected{display:none}.stage-windows[data-step="1"] .win-disconnected,.stage-windows[data-step="2"] .win-disconnected,.stage-windows[data-step="3"] .win-disconnected{display:none}.stage-windows[data-step="1"] .win-connected,.stage-windows[data-step="2"] .win-connected,.stage-windows[data-step="3"] .win-connected{display:inline}.mini-toggle{display:flex;gap:3%;align-items:center;font-size:1.35cqi;color:#76766c;margin:5% 0 7%}.mini-toggle>i{display:block;position:relative;width:5cqi;height:2.6cqi;border-radius:10px;background:#d3d3c9;transition:background .3s}.mini-toggle>i:after{content:'';position:absolute;top:.4cqi;left:.4cqi;width:1.8cqi;height:1.8cqi;background:#fff;border-radius:50%;box-shadow:0 1px 2px #0002;transition:transform .3s}.mini-secondary{font-size:1.3cqi;min-height:4.7cqi;border-color:#d1d1c7;background:#f3f3eb;color:#626256}.mini-ready{display:flex;align-items:center;gap:4%;font-size:1.4cqi;color:#59594f;opacity:0;transform:translateY(4px);transition:opacity .3s,transform .3s}.mini-ready>i{width:.8cqi;height:.8cqi;background:#8b8b7c;border-radius:50%}.stage-windows[data-step="2"] .mini-toggle>i,.stage-windows[data-step="3"] .mini-toggle>i{background:#242422}.stage-windows[data-step="2"] .mini-toggle>i:after,.stage-windows[data-step="3"] .mini-toggle>i:after{transform:translateX(2.4cqi)}.stage-windows[data-step="2"] .mini-ready,.stage-windows[data-step="3"] .mini-ready{opacity:1;transform:translateY(0)}.connection-toast{position:absolute;z-index:6;right:3%;bottom:14%;width:55%;padding:3% 4%;border:1px solid #ffffff2f;border-radius:9px;background:#202020f0;color:#edede4;box-shadow:0 10px 25px #0005;display:flex;gap:4%;align-items:center;opacity:0;transform:translateY(12px);transition:opacity .4s,transform .4s}.connection-toast>span{display:grid;place-items:center;width:4.3cqi;height:4.3cqi;flex:none;border:1px solid #74746b;border-radius:50%;color:#e4e4d9;font-size:2.2cqi}.connection-toast strong{display:block;font-size:1.8cqi;letter-spacing:-.03cqi;margin-bottom:.6cqi;font-weight:500}.connection-toast small{display:block;font-size:1.4cqi;color:#aaa99d}.stage-windows[data-step="3"] .connection-toast{opacity:1;transform:translateY(0)}.sample-browser{left:4%;top:7%;width:70%;height:81%;border-color:#65655d;background:#faf9f4;transform:rotate(-1.7deg);box-shadow:0 18px 38px #0005}.sample-browser .document-bar{height:7cqi;background:#f0efe9}.sample-browser .document-bar>span:nth-child(2){font-size:1.5cqi}.sample-form{padding:6% 7%}.sample-form h3{font-size:2.95cqi;letter-spacing:-.1cqi;line-height:1.15;color:#2b2b25;margin:5% 0 7%;font-weight:600}.sample-question{padding:6% 0;border-top:1px solid #dfdfd4}.sample-question>b{display:block;font-weight:550;line-height:1.6;font-size:1.65cqi;max-width:75%;color:#49493f;margin-bottom:5%}.demo-radio{display:flex;align-items:center;gap:4%;font-size:1.6cqi;color:#75756a;padding:2% 3%;border:1px solid transparent;border-radius:4px;margin:1% 0;width:60%;transition:background .3s,border-color .3s,color .3s}.demo-radio>i{display:block;width:1.65cqi;height:1.65cqi;flex:none;border:1px solid #bdbdae;border-radius:50%;position:relative}.demo-radio>i:after{content:'';position:absolute;inset:3px;border-radius:50%;background:#34342c;opacity:0;transition:opacity .3s}.sample-text-answer{width:67%;height:5.2cqi;border-bottom:1px solid #cbcbbe;position:relative;display:flex;align-items:center;font-size:1.7cqi;color:#4c4c40;transition:border-color .3s}.sample-text-answer>span{opacity:0;transition:opacity .3s}.sample-text-answer>i{display:block;position:absolute;bottom:-1px;left:0;height:1px;background:#44443a;width:0;transition:width .4s}.form-review-note{font-size:1.2cqi;color:#8e8d80;line-height:1.5;display:block;margin-top:4%}.extension-popover{position:absolute;right:4%;top:19%;z-index:5;width:44%;padding:4%;background:linear-gradient(135deg,#262626,#191919);border:1px solid #ffffff36;border-radius:11px;box-shadow:0 19px 35px #0007;color:#eeede6}.extension-brand{display:flex;align-items:center;gap:7%;padding-bottom:9%;border-bottom:1px solid #ffffff12}.extension-brand img{width:4cqi;height:4.6cqi;object-fit:contain}.extension-brand>div{flex:1}.extension-brand strong{display:block;line-height:1.1;font-size:2.8cqi;letter-spacing:-.11cqi;font-weight:600}.extension-brand small{display:block;font-size:.95cqi;color:#89897e;margin-top:1.1cqi;letter-spacing:.07em;white-space:nowrap}.extension-brand>span{font-size:1.2cqi;color:#9f9f91}.extension-question-count{display:flex;flex-direction:column;margin:10% 0 9%}.extension-question-count>span{font-size:1cqi;letter-spacing:.1em;color:#88887c}.extension-question-count>strong{font-size:1.9cqi;font-weight:500;letter-spacing:-.04cqi;margin:4% 0}.extension-question-count>small{font-size:1.5cqi;color:#89897f}.solve-demo-button{display:flex;align-items:center;justify-content:space-between;gap:2%;width:100%;min-height:6.5cqi;padding:3% 6%;border-radius:5px;background:#eeede4;color:#292923;font-size:1.65cqi;font-weight:600;box-shadow:0 3px 10px #0002;transition:background .3s}.solve-demo-button>span:first-child{font-size:2.3cqi;font-weight:400}.solve-demo-button>span:last-child{font-size:2cqi;font-weight:400}.extension-steps{display:flex;gap:5%;margin:10% 0 0;color:#6f6f64}.extension-steps>span{display:flex;align-items:center;justify-content:space-between;width:30%;font-size:1.3cqi;border-bottom:1px solid #ffffff13;padding-bottom:7%;transition:color .3s,border-color .3s}.extension-steps i{font-style:normal;font-size:1.1cqi;opacity:0;transition:opacity .3s}.extension-result{margin:8% 0 0;padding:8% 6%;border:1px solid #ffffff1f;background:#ffffff05;border-radius:5px;opacity:0;transform:translateY(3px);transition:opacity .3s,transform .3s}.extension-result>b{display:block;font-size:1.6cqi;color:#dfdfd3;letter-spacing:-.02cqi;font-weight:500}.extension-result>span{display:block;font-size:1.2cqi;color:#939387;margin-top:5%;line-height:1.5}.extension-bottom-note{display:block;text-align:center;font-size:1.08cqi;color:#77776c;margin-top:10%;white-space:nowrap}.stage-chrome[data-step="1"] .extension-steps>span:first-child,.stage-chrome[data-step="2"] .extension-steps>span:nth-child(-n+2),.stage-chrome[data-step="3"] .extension-steps>span{color:#d0d0c3;border-color:#9e9e8d}.stage-chrome[data-step="1"] .extension-steps>span:first-child i,.stage-chrome[data-step="2"] .extension-steps>span:nth-child(-n+2) i,.stage-chrome[data-step="3"] .extension-steps>span i{opacity:1}.stage-chrome[data-choice-filled="true"] .correct-choice{border-color:#cfcec0;background:#e8e7db;color:#37372d}.stage-chrome[data-choice-filled="true"] .correct-choice>i{border-color:#666657}.stage-chrome[data-choice-filled="true"] .correct-choice>i:after{opacity:1}.stage-chrome[data-text-filling="true"] .sample-text-answer>span{opacity:1}.stage-chrome[data-text-filling="true"] .sample-text-answer>i{width:100%}.stage-chrome[data-step="3"] .extension-result{opacity:1;transform:translateY(0)}.stage-chrome[data-step="3"] .solve-demo-button{background:#d6d6c9}.showcase-controls{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:11px 14px 11px 17px;border-top:1px solid #ffffff10;background:#ffffff02}.showcase-tabs,.showcase-playback{display:flex;align-items:center;gap:2px}.showcase-tabs{flex:1}.showcase-controls button{display:grid;place-items:center;position:relative;border:0;background:transparent;color:#82827b;border-radius:6px;min-width:38px;min-height:44px;padding:0 9px;line-height:1;font-size:10px;white-space:nowrap;transition:background .18s,color .18s}.showcase-controls button:hover{background:#ffffff0b;color:#edede6}.showcase-controls button:focus-visible{outline:2px solid #e7e7df;outline-offset:2px}.showcase-tabs button[aria-pressed="true"]{background:#eeeede;color:#25251f}.showcase-playback{flex:none;gap:0}.showcase-playback button{font-size:18px;min-width:36px;padding:0 6px;color:#a3a399}.showcase-playback button[data-showcase-pause]{font-size:15px}.scene-progress{display:flex;gap:4px;height:2px;background:#101010;margin:0 22px;overflow:hidden}.scene-progress>i{display:block;position:relative;flex:1;height:100%;background:#ffffff16;overflow:hidden}.scene-progress>i:after{content:'';display:block;height:100%;width:0;background:#dbdbcf;transform-origin:left}.scene-progress>i.current:after{width:calc(var(--progress) * 100%)}.scene-progress>i.complete:after{width:100%}.showcase-disclosure{font-size:7px;color:#66665f;letter-spacing:.4px;line-height:1.5;text-align:center;margin:12px 18px 15px}.demo-stage.is-clicking .demo-pointer{filter:drop-shadow(0 2px 1px #000b) brightness(1.25);transform:translate(-10%,-20%) scale(.88)}.is-paused .demo-stage *{animation-play-state:paused!important}
@media(min-width:1550px){.hero-grid{min-height:790px;gap:55px}.hero h1{font-size:85px}.product-showcase{margin-top:45px;margin-bottom:50px}}
@media(max-width:1100px) and (min-width:761px){.hero-grid{grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr);gap:28px;min-height:690px}.hero h1{font-size:clamp(44px,5.4vw,62px);letter-spacing:-3.2px}.product-showcase{border-radius:17px}.showcase-heading{padding:20px 19px 5px}.motion-scene figcaption{padding-left:21px;padding-right:21px;min-height:130px}.motion-scene figcaption p{font-size:10px}.showcase-controls{flex-wrap:wrap;padding:9px 12px;gap:3px}.showcase-tabs{justify-content:center;flex:1}.showcase-playback{justify-content:center;margin:auto}.showcase-controls button{padding:0 8px;min-width:39px;font-size:10px}.showcase-playback button{min-width:38px;font-size:18px}}
@media(max-width:760px){.hero-grid{display:block;min-height:0;gap:0}.hero h1{font-size:clamp(38px,8.7vw,62px);letter-spacing:-2.4px}.hero-copy{padding-top:29px;padding-bottom:12px}.product-showcase{max-width:560px;margin:23px auto 31px;border-radius:17px}.showcase-heading{padding:20px 20px 4px}.showcase-overline{font-size:7px;letter-spacing:1.5px}.showcase-counter{font-size:8px}.demo-stage{height:clamp(265px,80cqi,430px)}.motion-scene figcaption{padding:7px 21px 23px;min-height:128px}.motion-scene figcaption h2{font-size:clamp(23px,5.2cqi,29px);letter-spacing:-.8px}.motion-scene figcaption p{font-size:11px;line-height:1.7}.scene-eyebrow{font-size:7px;letter-spacing:1.3px}.showcase-controls{display:flex;flex-wrap:wrap;justify-content:center;padding:8px 12px 9px;gap:2px}.showcase-tabs{width:100%;flex:auto;justify-content:center;gap:3px}.showcase-tabs button{flex:1;min-width:0;font-size:11px;padding:0 8px}.showcase-playback{width:100%;justify-content:center;gap:3px}.showcase-playback button{width:48px;min-height:44px;font-size:20px}.showcase-playback button[data-showcase-pause]{font-size:16px}.scene-progress{margin-left:20px;margin-right:20px}.showcase-disclosure{font-size:7px;margin-bottom:13px}.chat-composer{border-radius:6px}.workspace-window,.extension-popover{border-radius:9px}.demo-radio>i:after{inset:2px}}
@media(prefers-reduced-motion:reduce){.product-showcase *,.product-showcase *:before,.product-showcase *:after{transition:none!important;animation:none!important}.demo-pointer{opacity:0!important}.scene-progress>i:after{transition:none!important}}
/* Keep every demonstrated control visible within the miniature app. */
.mini-app-content{height:calc(100% - min(7cqi,35px))}.mini-settings,.windows-app .mini-settings{padding:2.2cqi 2.8cqi}.mini-settings h3{margin-bottom:.6cqi}.mini-settings>p,.windows-app .mini-settings>p{margin-bottom:1.2cqi}.mini-settings h4{margin-bottom:1.3cqi}.mini-setting-card,.windows-app .mini-setting-card{padding:1cqi 1.2cqi;margin-bottom:1cqi}.mini-setting-card>b{margin-bottom:.65cqi}.mini-setting-card>p{margin-bottom:.8cqi}.mini-choices>span{min-height:4.1cqi}.mini-slider{height:2.8cqi}.mini-primary,.windows-app .mini-setting-card .mini-primary{min-height:4.2cqi;padding:.7cqi 1cqi}.mini-secondary{min-height:3.9cqi;padding:.7cqi 1cqi}.mini-keybind kbd{padding:.3cqi .6cqi}.open-workspace-demo{margin-top:1cqi}.mini-toggle{margin:.8cqi 0 1cqi}
.sample-form{padding:2.4cqi 3cqi}.sample-form h3{margin:1.1cqi 0 1.5cqi}.sample-question{padding:1.3cqi 0}.sample-question>b{margin-bottom:.8cqi;font-size:1.55cqi}.demo-radio{padding:.4cqi .8cqi;margin:.3cqi 0}.form-review-note{margin-top:.8cqi}
.extension-popover{top:15%;padding:3.2%}.extension-brand{padding-bottom:6%}.extension-question-count{margin:7% 0}.extension-steps{margin-top:7%}.extension-result{margin-top:6%;padding:6% 5%}.extension-bottom-note{margin-top:7%}

/* The timeline owns position and opacity, so pausing holds an exact frame. */
.demo-pointer{width:3.8cqi;height:4.7cqi;font-size:0;transform:translate(-8%,-7%)}.demo-pointer svg{display:block;width:100%;height:100%;overflow:visible}.demo-stage.is-clicking .demo-pointer{transform:translate(-8%,-7%) scale(.88)}
.chat-composer>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:1.2cqi}.chat-composer>span:last-child{flex-shrink:0}

/* Preserve the transparent effect without competing layers of body text. */
.workspace-window{opacity:1;background:rgb(22 22 23 / var(--pane-opacity));backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.demo-document .document-content h3{max-width:24%;font-size:3.25cqi;line-height:1.2}.demo-document .document-content p{max-width:24%;font-size:1.65cqi;line-height:1.7}.demo-document .document-lines{opacity:.32}
.mac-preview-chat{backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}

/* Native AppKit NSArrowCursor artwork, at its original logical size. */
.demo-pointer,.demo-stage.is-clicking .demo-pointer{width:16px;height:16px;filter:none;transform:translate(-1px,-1px);transform-origin:1px 1px}.demo-pointer img{display:block;width:16px;height:16px;max-width:none}

/* One click starts the Chrome demo; the completed fields appear together. */
.stage-chrome[data-cursor-hidden="true"] .demo-pointer{opacity:0;visibility:hidden}
.stage-chrome .correct-choice,.stage-chrome .correct-choice>i:after,.stage-chrome .sample-text-answer,.stage-chrome .sample-text-answer>span,.stage-chrome .sample-text-answer>i{transition:none}