/* Every work scene fills the viewport; original app captures retain their proportions. */
.use-cases-section{padding:40px 0 0;background:#fff}.use-cases-intro{text-align:center;padding:20px 0 90px}.use-cases-intro h2{font-size:54px;line-height:1.32;letter-spacing:-.055em}.use-cases-intro>p:not(.eyebrow){font-size:20px;color:#6b7684;line-height:1.8;margin-top:26px}.use-case-links{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;margin:35px auto 0}.use-case-links a{display:block;font-size:14px;color:#4e5968;padding:10px 17px;border-radius:8px;background:#f2f4f6;transition:background .2s}.use-case-links a:hover{background:#e5e8eb}.use-chapter{padding:100px 0 0;scroll-margin-top:64px}.use-heading{display:grid;grid-template-columns:1.25fr 1fr;gap:80px;align-items:end;padding-bottom:55px}.use-heading .eyebrow{font-size:16px;margin-bottom:20px}.use-heading .eyebrow span{display:inline-block;color:#b0b8c1;font-size:13px;margin-right:16px;font-variant-numeric:tabular-nums}.use-heading h3{font-size:clamp(34px,3.5vw,48px);line-height:1.32;letter-spacing:-.055em;font-weight:700;color:#191f28}.use-heading-detail{padding-bottom:3px}.use-heading-detail>p{font-size:18px;line-height:1.85;color:#6b7684;max-width:410px}.use-heading-detail .text-button{margin-top:23px;font-size:15px}.use-sequence{height:190svh;width:100%;margin:0;position:relative}.use-stage{position:sticky;top:64px;height:calc(100svh - 64px);overflow:hidden;background:#f7f8fa;isolation:isolate;border:0;border-radius:0}.use-photo-plane{position:absolute;left:0;top:0;width:1536px;height:1024px;transform-origin:0 0;will-change:transform,opacity}.use-photo,.use-foreground{position:absolute;inset:0;width:1536px;height:1024px;max-width:none;pointer-events:none}.use-photo-screen{position:absolute;left:0;top:0;transform-origin:0 0;overflow:hidden;background:#fafafa;pointer-events:none}.use-photo-screen.phone{border-radius:66px}.use-photo-screen.screen-dark{background:#000}.use-photo-screen>img{display:block;width:100%;height:100%;object-fit:contain;max-width:none}.use-expanded{position:absolute;inset:35px 24px 92px;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transform:translateY(32px) scale(.92);will-change:opacity,transform}.use-expanded-device{width:min(340px,calc((100svh - 205px)*.466));filter:drop-shadow(0 24px 22px #25394a13)}.use-stage-actions{position:absolute;bottom:28px;right:4%;display:flex;gap:9px;z-index:5}.use-stage-actions button{display:flex;align-items:center;justify-content:center;gap:17px;padding:12px 18px;border-radius:8px;background:#fffffff2;color:#333d4b;backdrop-filter:blur(12px);font-size:13px}.use-stage-actions button:hover{background:#e9ecef}.use-stage-actions button:last-child{display:none;background:#20252b;color:#fff}.use-stage.is-expanded .use-stage-actions button:last-child{display:flex}.use-stage-actions button span{font-size:17px;line-height:1}.use-stage.manual-expanded .use-photo-plane{opacity:0!important}.use-stage.manual-expanded .use-expanded{opacity:1!important;transform:none!important}.motion-off .use-sequence{height:auto}.motion-off .use-stage{position:relative;top:0}
@media(max-width:1100px){.use-heading{gap:45px;grid-template-columns:1.15fr 1fr}.use-heading h3{font-size:39px}.use-heading-detail>p{font-size:17px}}
@media(max-width:800px){.use-cases-intro{padding-bottom:30px}.use-cases-intro h2{font-size:43px}.use-cases-intro>p:not(.eyebrow){font-size:18px}.use-case-links{gap:8px;max-width:500px}.use-case-links a{font-size:13px;padding:9px 14px}.use-chapter{padding-top:80px}.use-heading{grid-template-columns:1fr;gap:25px;padding-bottom:40px}.use-heading h3{font-size:39px}.use-heading-detail>p{font-size:17px;max-width:580px}.use-heading-detail .text-button{margin-top:19px}.use-sequence{height:180svh}.use-stage-actions{right:25px;bottom:25px;gap:8px}.use-stage-actions button{font-size:12px;gap:10px}}
@media(max-width:560px){.use-cases-section{padding-top:0}.use-cases-intro{padding:0 0 10px}.use-cases-intro h2{font-size:34px}.use-cases-intro .eyebrow{font-size:14px}.use-cases-intro>p:not(.eyebrow){font-size:16px;margin-top:20px}.use-case-links{gap:7px;margin-top:26px}.use-case-links a{font-size:12px;padding:9px 13px}.use-chapter{padding-top:65px}.use-heading{gap:22px;padding-bottom:32px}.use-heading .eyebrow{font-size:14px;margin-bottom:18px}.use-heading .eyebrow span{font-size:12px;margin-right:12px}.use-heading h3{font-size:31px;line-height:1.35}.use-heading-detail>p{font-size:16px;line-height:1.8}.use-heading-detail .text-button{font-size:14px;margin-top:19px}.use-stage-actions{right:20px;left:20px;bottom:24px;justify-content:center}.use-stage-actions button{padding:12px 17px;font-size:12px}.use-expanded{inset:28px 20px 85px}.use-expanded-device{width:min(300px,calc((100svh - 190px)*.466))}}
@media(prefers-reduced-motion:reduce){.use-photo-plane,.use-expanded{will-change:auto}}

/* The photographed laptops and their enlarged views share the actual web capture. */
.use-desktop .use-photo-screen{background:#fff}.use-desktop .use-expanded-device{width:min(1140px,100%,calc((100svh - 190px)*1.4562));filter:drop-shadow(0 18px 36px #25394a12)}.desktop-capture{display:block;width:100%;height:auto;max-width:none;object-fit:contain;border-radius:0}.use-desktop .use-expanded{inset:30px 5% 90px}.use-desktop .use-expanded-device{overflow:hidden;border-radius:8px;background:white}
dialog.desktop-screen-dialog{width:min(1420px,calc(100% - 32px));max-width:calc(100% - 32px)}.desktop-screen-dialog .modal-heading{padding:42px 40px 22px}.desktop-screen-dialog .modal-heading h2{font-size:30px}.desktop-screen-dialog .modal-heading .eyebrow{font-size:14px;margin-bottom:9px}.desktop-modal-body{padding:0 40px 35px}.web-screen-tabs{display:flex;gap:6px;flex-wrap:wrap}.web-screen-tabs button{font-size:14px;padding:10px 16px;border-radius:8px;background:#f2f4f6;color:#6b7684}.web-screen-tabs button[aria-selected=true]{background:#e5e8eb;color:#191f28;font-weight:600}.web-screen-tools{display:flex;justify-content:flex-end;margin:16px 0 12px}.web-screen-tools button{font-size:13px;color:#4e5968;padding:7px 10px;border-radius:8px;background:#f2f4f6}.web-screen-panel{max-height:calc(100dvh - 290px);overflow:auto;overscroll-behavior:contain;border-radius:8px;background:#fafafa;scrollbar-width:thin}.web-screen-panel>.desktop-capture{width:100%;max-width:none;height:auto;min-width:0}.web-screen-panel.at-original-size>.desktop-capture{width:1363px;min-width:1363px;max-width:none}.web-screen-panel:focus-visible{outline:2px solid #6b7684;outline-offset:3px}
@media(max-width:700px){.use-desktop .use-expanded{inset:20px 14px 85px}.use-desktop .use-expanded-device{width:100%;filter:none}.desktop-screen-dialog .modal-heading{padding:48px 20px 20px}.desktop-screen-dialog .modal-heading h2{font-size:26px}.desktop-modal-body{padding:0 20px 24px}.web-screen-tabs{gap:5px}.web-screen-tabs button{font-size:13px;padding:9px 12px}.web-screen-panel{max-height:calc(100dvh - 280px)}.web-screen-tools{margin-top:13px}.web-screen-tools button{font-size:12px}}