/* Genuine app screen captures, fixed aspect, noninteractive playback. */
.real-scene{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:100%;isolation:isolate;pointer-events:none;user-select:none;overflow:visible;padding:18px 0}.real-device{position:relative;overflow:hidden;background:#edf3f0;border:7px solid #27302e;box-shadow:0 0 0 2px #a5ada8,0 24px 48px #1235272b;flex:none;max-width:100%}.phone-device{width:300px;aspect-ratio:430/932;border-radius:39px}.phone-device:after{content:'';position:absolute;bottom:5px;left:35%;width:30%;height:3px;border-radius:8px;background:#27302e;z-index:3}.tablet-device{width:min(100%,530px);aspect-ratio:1032/1376;border-radius:26px;border-width:12px;box-shadow:0 0 0 2px #8e9792,0 30px 60px #18382c30}.watch-device{width:228px;aspect-ratio:422/514;border-radius:48px;border:10px solid #6a6c65;box-shadow:0 0 0 2px #b6b8af,0 24px 45px #0007}.watch-scene:before{content:'';position:absolute;inset:-15px auto -15px;width:132px;border-radius:38px;background:repeating-linear-gradient(0deg,#4a6152 0 12px,#415547 12px 16px);z-index:-1}.watch-scene{padding:48px 0}.real-screen{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;opacity:0;transition:opacity .65s ease;display:block;margin:0!important;max-width:none!important;transform:none!important}.real-screen.is-active{opacity:1}.real-caption{text-align:center;margin:20px auto 0;font-size:13px;font-weight:700;color:var(--muted,#69766f);min-height:24px}.dark .real-caption{color:#c3d8ce}.hero-art.live-hero{display:flex;align-items:center;justify-content:center;min-width:0;overflow:visible;background:none}.hero-art.live-hero .phone-device{width:300px}.motion-feature{overflow:visible}.motion-feature>.real-scene{width:100%}.dark .motion-feature .phone-device{width:250px}.tablet-scene,.tablet-split{min-width:0}.tablet-split>.real-scene{width:100%}.motion-features{align-items:start}.motion-feature .real-caption{font-size:12px}.dark .real-scene{margin:16px auto}.motion-feature p{max-width:32em}.hero{overflow:hidden}.live-hero:before,.live-hero:after{display:none!important}@media(max-width:700px){.hero-art.live-hero .phone-device{width:min(290px,85vw)}.hero-art.live-hero{padding:12px 0}.tablet-device{width:min(480px,84vw)}.phone-device{width:min(280px,78vw)}.dark .motion-feature .phone-device{width:min(270px,78vw)}.watch-device{width:210px}.real-caption{margin-top:16px}.tablet-split{gap:32px}.real-scene{min-width:0}.motion-feature{padding:26px 16px}}@media(prefers-reduced-motion:reduce){.real-screen{transition:none!important}}
.motion-feature{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:64px;padding:40px 0;border-bottom:1px solid #ffffff20}.motion-feature:nth-child(even) .real-scene{order:2}.motion-feature h3{font-size:30px;line-height:1.25;margin:0 0 16px}.motion-feature p{font-size:18px;line-height:1.8}.motion-feature .real-caption{display:none}.motion-features{display:block}.motion-feature:last-child{border:0}@media(max-width:700px){.motion-feature{grid-template-columns:1fr;gap:16px;padding:38px 0}.motion-feature:nth-child(even) .real-scene{order:0}.motion-feature h3{font-size:24px}.motion-feature p{font-size:16px}.motion-feature>div:not(.real-scene){text-align:center}.watch-scene:before{inset:0 auto 0}.dark .real-scene{margin:30px auto}}
.motion-feature .device-benefit h3{margin-top:0}.motion-feature .device-benefit p{margin:0}.motion-feature>p{grid-column:2}.watch-scene:before{top:0;bottom:0}.real-scene[data-kind=widgets] .phone-device .real-screen{object-fit:cover}.real-scene[data-kind=widgets] .phone-device{aspect-ratio:430/850}
/* Continuous app-runtime recordings. No image carousel, nested controls or hit targets. */
.runtime-video{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;background:#f3f6f4}
.surface-animation{background:#000}.surface-animation img{position:absolute;display:block;margin:0!important;max-width:none!important}.surface-base{inset:0;width:100%;height:100%;object-fit:fill}
.watch-header{top:0;left:0;width:100%;height:24.9%;z-index:3}.watch-task{left:0;width:100%;object-fit:fill;transform-origin:center}.watch-task-0{top:24.9%;height:46.1%;animation:watch-task-a 10s cubic-bezier(.22,.8,.2,1) infinite}.watch-task-1{top:73.5%;height:26.5%;animation:watch-task-b 10s cubic-bezier(.22,.8,.2,1) infinite}.surface-touch{position:absolute;width:24px;height:24px;border:2px solid #438f76;border-radius:50%;background:#b7efd866;box-shadow:0 0 0 6px #ffffff60;opacity:0;z-index:9}.watch-touch{left:81%;top:45%;animation:watch-touch 10s ease infinite}.watch-check{position:absolute;left:80.2%;top:45%;width:8%;aspect-ratio:1;border-radius:50%;background:#74bd9e;z-index:5;animation:watch-check 10s ease infinite}.watch-check:after,.widget-check:after{content:'';position:absolute;left:30%;top:20%;width:28%;height:45%;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.watch-strike{position:absolute;top:37%;left:16%;width:65%;height:2px;background:#a8a8a8;transform-origin:right;animation:watch-strike 10s ease infinite;z-index:5}
@keyframes watch-touch{0%,14%,46%,100%{opacity:0;transform:translate(20px,50px) scale(1)}20%,26%{opacity:1;transform:none}29%{opacity:1;transform:scale(.8)}34%{opacity:0;transform:scale(1.4)}}@keyframes watch-check{0%,28%,90%,100%{opacity:0;transform:scale(.4)}34%,80%{opacity:1;transform:scale(1)}}@keyframes watch-strike{0%,28%,90%,100%{opacity:0;transform:scaleX(0)}38%,80%{opacity:.75;transform:scaleX(1)}}@keyframes watch-task-a{0%,33%,100%{transform:none;opacity:1}45%,76%{transform:translateY(20px);opacity:.55}90%{transform:none;opacity:1}}@keyframes watch-task-b{0%,33%,100%{transform:none}45%,76%{transform:translateY(-12px)}90%{transform:none}}
.real-scene[data-kind=widgets] .phone-device{aspect-ratio:430/932}.widget-card{object-fit:fill;filter:drop-shadow(0 4px 6px #7f92a211)}.widget-card-0{left:7.6%;top:7.9%;width:84.9%;height:40.7%;animation:widget-main 12s cubic-bezier(.2,.8,.2,1) infinite}.widget-card-1{left:7.6%;top:49.7%;width:41.6%;height:21.5%;animation:widget-small-a 12s cubic-bezier(.2,.8,.2,1) infinite}.widget-card-2{left:51.5%;top:49.7%;width:41%;height:21.5%;animation:widget-small-b 12s cubic-bezier(.2,.8,.2,1) infinite}.widget-touch{left:10.5%;top:17%;animation:widget-touch 12s ease infinite}.widget-check{position:absolute;left:12%;top:17.3%;width:4.6%;aspect-ratio:1;border-radius:50%;background:#3a8169;animation:widget-done 12s ease infinite;z-index:5}.widget-strike{position:absolute;left:44%;top:18.2%;width:39%;height:1px;background:#75867e;transform-origin:right;animation:widget-strike 12s ease infinite}
@keyframes widget-main{0%,100%{transform:none}25%{transform:translateY(-3px)}45%{transform:scale(.995)}55%,80%{transform:translateY(-8px)}}@keyframes widget-small-a{0%,30%,100%{transform:none}50%,75%{transform:translateY(-8px)}}@keyframes widget-small-b{0%,35%,100%{transform:none}55%,75%{transform:translateY(-8px)}}@keyframes widget-touch{0%,20%,54%,100%{opacity:0;transform:translate(60px,100px)}28%,35%{opacity:1;transform:none}39%{opacity:1;transform:scale(.75)}46%{opacity:0;transform:scale(1.4)}}@keyframes widget-done{0%,38%,93%,100%{opacity:0;transform:scale(.5)}44%,85%{opacity:1;transform:scale(1)}}@keyframes widget-strike{0%,38%,93%,100%{opacity:0;transform:scaleX(0)}48%,85%{opacity:.75;transform:scaleX(1)}}
.notification{left:4%;width:92%;height:9.5%;object-fit:fill;border-radius:14px;filter:drop-shadow(0 9px 12px #23453622);transform-origin:top center;z-index:4;animation:notification-one 12s cubic-bezier(.2,.8,.2,1) infinite}.notification-0{top:12%}.notification-1{top:23%;animation-name:notification-two}.notification-2{top:34%;animation-name:notification-three}.notification-touch{left:66%;top:26%;animation:notification-touch 12s ease infinite}
@keyframes notification-one{0%,6%,96%,100%{opacity:0;transform:translateY(-80px) scale(.95)}14%,75%{opacity:1;transform:none}84%{opacity:0;transform:translateY(-80px) scale(.95)}}@keyframes notification-two{0%,17%,96%,100%{opacity:0;transform:translateY(-90px) scale(.95)}26%,56%{opacity:1;transform:none}61%{opacity:1;transform:scale(.97)}68%,77%{opacity:1;transform:none}86%{opacity:0;transform:translateY(-100px) scale(.95)}}@keyframes notification-three{0%,28%,96%,100%{opacity:0;transform:translateY(-100px) scale(.95)}38%,77%{opacity:1;transform:none}88%{opacity:0;transform:translateY(-130px) scale(.95)}}@keyframes notification-touch{0%,45%,75%,100%{opacity:0;transform:translate(30px,150px)}53%,58%{opacity:1;transform:none}62%{opacity:1;transform:scale(.8)}68%{opacity:0;transform:scale(1.4)}}
.real-scene:not(.is-playing) .surface-animation *{animation-play-state:paused!important}@media(prefers-reduced-motion:reduce){.surface-animation *{animation:none!important}.watch-check,.watch-strike,.widget-check,.widget-strike,.surface-touch{display:none!important}.notification{opacity:1;transform:none!important}}
/* Exact source layer boundaries; preserve card text rather than clipping it. */
.watch-task-0{top:24.9%;height:29.57%}.watch-middle{left:0;top:54.47%;width:100%;height:12.45%;z-index:3}.watch-task-1{top:66.93%;height:29.38%}.watch-check{left:81.3%;top:36.5%}.watch-touch{left:79.5%;top:36%}.watch-strike{top:33.1%;width:65%}@keyframes watch-task-a{0%,33%,100%{opacity:1;transform:none}45%,76%{opacity:.6;transform:translateY(2px)}90%{opacity:1;transform:none}}@keyframes watch-task-b{0%,33%,100%{transform:none}45%,76%{transform:translateY(-3px)}90%{transform:none}}
.widget-card-0{left:8.78%;top:7.67%;width:82.55%;height:40.01%}.widget-card-1{left:8.78%;top:49.95%;width:39.23%;height:21.1%}.widget-card-2{left:51.29%;top:49.95%;width:40.04%;height:21.1%}.widget-check{left:12.2%;top:13.1%}.widget-touch{left:10.5%;top:12.5%}.widget-strike{top:13.6%}
.notification{width:92%;height:8%;left:4%}.notification-0{top:11%;height:6.8%}.notification-1{top:19%;height:9.6%}.notification-2{top:30%;height:7.7%}.notification-touch{top:22%}
.notification{left:4%;width:92%;box-sizing:border-box;background:#e7ece9;padding:7px 8px;object-fit:contain;border:1px solid #fff8;box-shadow:0 8px 18px #26453722;filter:none;border-radius:15px}.notification-0{height:9%;top:13%}.notification-1{height:11%;top:23.5%}.notification-2{height:9%;top:36%}
.clean-notification{display:flex;gap:9px;align-items:center;padding:12px 10px;height:auto;min-height:70px;background:#f1f5f3eb;backdrop-filter:blur(14px);border:1px solid #fff9;text-align:start;color:#1c2924;line-height:1.4}.surface-animation .clean-notification img{position:static;width:31px;height:31px;border-radius:8px;flex:none}.clean-notification>div{min-width:0;flex:1}.clean-notification strong{display:block;font-size:12px;font-weight:750;margin:0 0 4px}.clean-notification span{display:block;font-size:10px;line-height:1.5}.clean-notification.notification-0{top:15%}.clean-notification.notification-1{top:30%}.notification-touch{top:34%}
.clean-notification{position:absolute}.clean-notification.notification-0{top:15%}.clean-notification.notification-1{top:31%;min-height:76px}
.widget-check{left:12.45%;top:12.75%;animation:widget-done 12s ease infinite,widget-main 12s cubic-bezier(.2,.8,.2,1) infinite}.widget-strike{top:12.8%;animation:widget-strike 12s ease infinite,widget-main 12s cubic-bezier(.2,.8,.2,1) infinite}.notification-touch{display:none}
.tablet-device{aspect-ratio:820/1180;width:min(100%,550px)}
.ios-environment{background:radial-gradient(ellipse at 20% 95%,#cab0dc 0,transparent 50%),radial-gradient(ellipse at 85% 20%,#99c9bf 0,transparent 55%),linear-gradient(135deg,#e6d7e7,#a3bdcb 62%,#bfc9e2)}
.ios-status{position:absolute;top:2%;left:9%;font-size:11px;font-weight:750;color:#182323;z-index:5}.ios-island{position:absolute;top:1.4%;left:35%;width:30%;height:3%;border-radius:20px;background:#101615;z-index:5}.ios-signals{position:absolute;top:2%;right:7%;color:#182323;font-size:10px;letter-spacing:1px}
.home-apps{position:absolute;left:7%;right:7%;top:74%;display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.home-app{text-align:center;min-width:0;color:#1a2e33;font-size:8px;line-height:1.3}.home-app span{display:flex;width:39px;height:39px;border-radius:11px;margin:auto auto 5px;align-items:center;justify-content:center;font-size:25px;color:white;box-shadow:0 2px 6px #2343}.home-app small{font-size:8px}.ios-dock{position:absolute;left:5%;right:5%;bottom:3%;height:10%;display:flex;align-items:center;justify-content:space-around;gap:8px;padding:10px;border-radius:24px;background:#eef3f155;backdrop-filter:blur(18px);border:1px solid #fff5}.surface-animation .ios-dock img{position:static;width:39px;height:39px;border-radius:11px}.dock-icon{width:39px;height:39px;border-radius:11px;display:flex;justify-content:center;align-items:center;font-size:25px;color:white;background:#4baf74}.dock-icon-2{background:#91a5b7}.dock-icon-3{background:#659fd6}
.ios-environment .widget-card-0{top:9%;height:39%}.ios-environment .widget-card-1,.ios-environment .widget-card-2{top:50%;height:21%}.ios-environment .widget-touch{top:14%}.ios-environment .widget-check{top:14.1%}.ios-environment .widget-strike{top:14.1%}
[data-kind=reminders] .ios-environment{background:radial-gradient(ellipse at 30% 10%,#7aa69d 0,transparent 50%),radial-gradient(ellipse at 90% 80%,#c2a4cb 0,transparent 50%),linear-gradient(155deg,#b8ced6,#7897b3 50%,#bdc9d9)}
.lock-date{position:absolute;top:13%;width:100%;text-align:center;font-size:13px;font-weight:600;color:#18383c}.lock-time{position:absolute;top:16%;width:100%;text-align:center;font-size:72px;font-weight:650;line-height:1.1;letter-spacing:-4px;color:#16383f}.lock-symbol{position:absolute;top:8%;left:48%;font-size:14px;color:#244c50}.clean-notification.notification-0{top:42%}.clean-notification.notification-1{top:57%}.lock-shortcut{position:absolute;bottom:7%;width:34px;height:34px;border-radius:50%;background:#173e4a55;color:white;display:grid;place-items:center;font-size:20px}.lock-shortcut-0{left:10%}.lock-shortcut-1{right:10%}
.surface-animation .ios-real-header{position:absolute;inset:0 0 auto;width:100%;height:6.75%;object-fit:fill;z-index:10}.ios-dock{height:11%;bottom:3%;gap:12px;background:#edf3f14d}.surface-animation .ios-dock img{width:41px;height:41px;border-radius:11px}.surface-animation .lock-shortcut img{position:static;width:23px;height:23px}.surface-animation .lock-symbol img{position:static;width:16px;height:16px;opacity:.8}.lock-symbol{top:9%;left:47%}.lock-date{top:14.5%;font-size:12px}.lock-time{top:18%;font-size:76px;font-weight:600}.clean-notification{min-height:65px;border-radius:19px;background:#edf2f2d9}.clean-notification.notification-0{top:47%}.clean-notification.notification-1{top:61%;min-height:65px}.lock-shortcut{bottom:7%;width:37px;height:37px;background:#1c334b55}.ios-environment .widget-card-0{top:10%;height:39%}.ios-environment .widget-card-1,.ios-environment .widget-card-2{top:51%;height:21%}.ios-environment .widget-touch{top:15%}.ios-environment .widget-check{top:15.1%}.ios-environment .widget-strike{top:15.1%}
/* Refinement pass: attach feedback to its actual card and its locale's checkbox. */
.widget-main-group{position:absolute;left:8.78%;top:10%;width:82.55%;height:39%;transform-origin:50% 17%;animation:widget-press 12s cubic-bezier(.22,.75,.18,1) infinite}
.ios-environment .widget-main-group .widget-card-0{inset:0;width:100%;height:100%;animation:none;filter:drop-shadow(0 3px 5px #485e6112)}
.widget-main-group .widget-check{left:4.55%;top:12.7%;width:6%;aspect-ratio:1;background:#2f7059;animation:polished-check 12s cubic-bezier(.2,.8,.2,1) infinite}
.widget-main-group .widget-touch{left:calc(7.5% - 12px);top:calc(15.4% - 12px);width:24px;height:24px;animation:polished-touch 12s cubic-bezier(.22,.7,.2,1) infinite}
.widget-main-group .widget-strike{left:42%;top:13.1%;width:50%;height:1px;animation:polished-strike 12s cubic-bezier(.22,.7,.2,1) infinite}
[data-screen-lang=en] .widget-main-group .widget-check,[data-screen-lang=ru] .widget-main-group .widget-check{left:89.5%}
[data-screen-lang=en] .widget-main-group .widget-touch,[data-screen-lang=ru] .widget-main-group .widget-touch{left:calc(92.5% - 12px)}
[data-screen-lang=en] .widget-main-group .widget-strike,[data-screen-lang=ru] .widget-main-group .widget-strike{left:8%;width:63%;transform-origin:left}
.ios-environment .widget-card-1{animation:widget-neighbor-a 12s cubic-bezier(.22,.75,.18,1) infinite}
.ios-environment .widget-card-2{animation:widget-neighbor-b 12s cubic-bezier(.22,.75,.18,1) infinite}
@keyframes polished-touch{0%,23%{opacity:0;transform:translate(26px,55px) scale(1.08)}30%,35%{opacity:1;transform:none}38%{opacity:1;transform:scale(.8)}43%{opacity:0;transform:scale(1.3)}44%,100%{opacity:0;transform:scale(1.3)}}
@keyframes polished-check{0%,37%{opacity:0;transform:scale(.35)}41%{opacity:1;transform:scale(1.16)}45%,83%{opacity:1;transform:scale(1)}90%,100%{opacity:0;transform:scale(.8)}}
@keyframes polished-strike{0%,38%{opacity:0;transform:scaleX(0)}46%,83%{opacity:.68;transform:scaleX(1)}90%,100%{opacity:0;transform:scaleX(1)}}
@keyframes widget-press{0%,35%{transform:none}38%{transform:scale(.987)}43%{transform:scale(1.003)}48%,100%{transform:none}}
@keyframes widget-neighbor-a{0%,38%,52%,100%{transform:none}43%{transform:translateY(-1.5px)}}
@keyframes widget-neighbor-b{0%,40%,55%,100%{transform:none}46%{transform:translateY(-1px)}}
.watch-task-group{position:absolute;left:0;top:24.9%;width:100%;height:29.57%;transform-origin:center;animation:watch-card-response 10s cubic-bezier(.22,.75,.18,1) infinite}
.watch-task-group .watch-task-0{inset:0;width:100%;height:100%;animation:none}
.watch-task-group .watch-check{left:81.3%;top:37%;width:9.5%;animation:watch-done-polish 10s cubic-bezier(.2,.8,.2,1) infinite}
.watch-task-group .watch-touch{left:calc(86% - 12px);top:calc(50% - 12px);animation:watch-touch-polish 10s cubic-bezier(.22,.7,.2,1) infinite}
.watch-task-group .watch-strike{left:12%;top:24%;width:66%;animation:watch-strike-polish 10s cubic-bezier(.22,.7,.2,1) infinite;transform-origin:right}
[data-screen-lang=en] .watch-task-group .watch-check,[data-screen-lang=ru] .watch-task-group .watch-check{left:9.2%}
[data-screen-lang=en] .watch-task-group .watch-touch,[data-screen-lang=ru] .watch-task-group .watch-touch{left:calc(14% - 12px)}
[data-screen-lang=en] .watch-task-group .watch-strike,[data-screen-lang=ru] .watch-task-group .watch-strike{left:23%;width:65%;transform-origin:left}
@keyframes watch-card-response{0%,27%{transform:none;opacity:1}30%{transform:scale(.98);opacity:1}36%{transform:scale(1.003);opacity:.72}42%,80%{transform:none;opacity:.72}91%,100%{transform:none;opacity:1}}
@keyframes watch-touch-polish{0%,12%{opacity:0;transform:translate(18px,45px)}20%,26%{opacity:1;transform:none}29%{opacity:1;transform:scale(.8)}34%,100%{opacity:0;transform:scale(1.3)}}
@keyframes watch-done-polish{0%,28%{opacity:0;transform:scale(.4)}33%{opacity:1;transform:scale(1.15)}38%,80%{opacity:1;transform:scale(1)}90%,100%{opacity:0;transform:scale(.8)}}
@keyframes watch-strike-polish{0%,29%{opacity:0;transform:scaleX(0)}39%,80%{opacity:.65;transform:scaleX(1)}90%,100%{opacity:0;transform:scaleX(1)}}
.clean-notification{animation-duration:14s;animation-timing-function:cubic-bezier(.22,.8,.2,1);will-change:transform,opacity;backface-visibility:hidden}
@keyframes notification-one{0%,6%{opacity:0;transform:translateY(24px) scale(.96)}13%{opacity:1;transform:translateY(-2px) scale(1.004)}17%,76%{opacity:1;transform:none}84%,100%{opacity:0;transform:translateY(-22px) scale(.98)}}
@keyframes notification-two{0%,19%{opacity:0;transform:translateY(28px) scale(.96)}26%{opacity:1;transform:translateY(-2px) scale(1.004)}30%,79%{opacity:1;transform:none}87%,100%{opacity:0;transform:translateY(-22px) scale(.98)}}
.real-device{backface-visibility:hidden;outline:1px solid #ffffff38;outline-offset:-2px}.runtime-video{backface-visibility:hidden}
@media(prefers-reduced-motion:reduce){.widget-main-group,.watch-task-group{animation:none!important;transform:none!important;opacity:1!important}.clean-notification{animation:none!important;opacity:1!important;transform:none!important}}
.pro-source-scene{padding:0;overflow:hidden}.pro-source-video{height:auto;aspect-ratio:394/352;object-fit:contain;background:#f1f0f6;border-radius:24px}.pro-source-scene[data-kind=watch] .pro-source-video{aspect-ratio:394/360}.pro-source-scene[data-kind=widgets] .pro-source-video{aspect-ratio:394/352}.motion-feature .pro-source-scene{max-width:490px;margin-inline:auto}.pro-demo-collection{padding-bottom:65px}.pro-demo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.pro-demo-card{background:#f1f0f6;border-radius:28px;padding:22px;min-width:0;border:1px solid #e4e0ef}.pro-demo-card .pill{background:#e4def4;color:#594a84}.pro-demo-card .pro-source-scene{margin:14px -10px 15px;max-width:calc(100% + 20px);width:calc(100% + 20px)}.pro-demo-card h3{font-size:21px;line-height:1.35;margin:8px 0 12px;letter-spacing:-.025em}.pro-demo-card p{font-size:14px;color:#626b73;line-height:1.8;margin:0}.pro-demo-card .pro-source-video{border-radius:0}.half-device-scene{height:440px;overflow:hidden;mask-image:linear-gradient(#000 0 84%,transparent 99%);-webkit-mask-image:linear-gradient(#000 0 84%,transparent 99%);justify-content:flex-start}.half-device-scene .phone-device{flex:none;width:275px}.pro-demo-card .pro-source-scene[data-kind=pro-report] .pro-source-video{aspect-ratio:394/346}.pro-demo-card .pro-source-scene[data-kind=pro-cloud] .pro-source-video{aspect-ratio:394/312}.pro-demo-card .pro-source-scene[data-kind=pro-share] .pro-source-video{aspect-ratio:394/344}
@media(max-width:900px){.pro-demo-grid{grid-template-columns:1fr;max-width:560px;margin:auto}.pro-demo-card{padding:28px}.pro-demo-card .pro-source-scene{max-width:400px;margin:15px auto 22px;width:100%}.pro-demo-card h3{font-size:24px}.pro-demo-card p{font-size:15px}}
@media(max-width:620px){.motion-feature .pro-source-scene{max-width:100%;margin:25px auto}.pro-source-video{border-radius:23px}.half-device-scene{height:430px}.pro-demo-collection{padding-bottom:42px}.pro-demo-card{padding:23px}}