.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.service-body .expertise-play-hint{margin-top:22px;font-size:8px;letter-spacing:1px;color:#7e99ad}
.expertise-demos{display:flex;gap:7px;position:relative;isolation:isolate;height:44px;margin:12px 0 22px;transition:height .4s cubic-bezier(.2,.8,.2,1)}
.expertise-play{position:relative;flex:1;min-width:0;display:flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:8px 10px;border:1px solid #bedfff33;border-radius:40px;color:#b7cbd9;font-size:9px;line-height:1.35;text-align:center;transition:background .25s,border-color .25s,color .25s;transform-origin:top left}
.expertise-play:hover{background:#b9e3ff0e;border-color:#b9e3ff88;color:#f0f8ff}
.expertise-button-cue{font-size:14px;line-height:1;color:#7f9fb8}
.expertise-demos.has-demo{height:228px}
.expertise-demos.has-demo .expertise-play:not(.is-playing){visibility:hidden}
.expertise-play.is-playing{position:absolute;inset:0;width:100%;height:228px;border-radius:18px;border-color:#97c3df66;background:radial-gradient(ellipse at 80% 0%,#24435a,#10202d 70%);padding:0;color:#e7f3fa;overflow:hidden;z-index:3}
.expertise-play.is-playing>.expertise-button-label,.expertise-play.is-playing>.expertise-button-cue{visibility:hidden}
.expertise-scene{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;animation:xp-scene-in .5s .22s both}
.xp-visual{height:170px;width:100%;position:relative;display:grid;place-items:center}
.xp-scene-caption{font-size:10px;line-height:1.5;color:#b4cbdc;position:absolute;bottom:23px;left:16px;right:16px;text-align:center}
.xp-timer{position:absolute;bottom:0;left:0;height:2px;width:100%;background:#b9e5ff;transform-origin:left;animation:xp-timer 5.9s linear both;opacity:.65}
.xp-bird{display:block;width:64px;height:48px;overflow:visible;fill:none}
.xp-platforms{display:flex;align-items:center;justify-content:center;gap:22px;width:100%;padding-bottom:20px}
.xp-platform{display:flex;flex-direction:column;align-items:center;gap:14px;width:90px;animation:xp-rise .65s .35s both}
.xp-platform svg{width:39px;height:45px;fill:currentColor}
.xp-platform.android{color:#bcebcf;animation-delay:.55s}.xp-platform.android svg{width:54px}
.xp-platform b{font-size:12px;font-weight:500;letter-spacing:.5px}
.xp-platform-link{display:flex;gap:6px}.xp-platform-link i{width:3px;height:3px;border-radius:50%;background:#9bd6ff;animation:xp-connect-dot 1s .7s 3 both}.xp-platform-link i:nth-child(2){animation-delay:.85s}.xp-platform-link i:nth-child(3){animation-delay:1s}
.xp-product{position:absolute;width:86%;max-width:325px;height:133px;left:50%;top:5px;transform:translateX(-50%);display:flex;background:#f0eee7;border-radius:12px;color:#172b39;overflow:hidden;box-shadow:0 12px 30px #0002;animation:xp-product-away .6s 2.75s both}
.xp-product-photo{width:35%;background:#cedde2;display:grid;place-items:center;flex-shrink:0}
.xp-cup{position:relative;width:52px;height:59px;background:linear-gradient(100deg,#96b4bf,#cfe1e6 25%,#a8c4ce 65%,#6a93a4);border-radius:5px 5px 22px 22px;box-shadow:3px 9px 13px #2b4b5933;transform:rotate(-8deg)}
.xp-cup:before{content:'';position:absolute;top:2px;right:-15px;width:25px;height:35px;border:7px solid #a8c4ce;border-radius:50%;z-index:-1}.xp-cup:after{content:'';position:absolute;top:-3px;left:0;width:52px;height:9px;border-radius:50%;background:#567887;border:3px solid #c4dae0}
.xp-product-copy{padding:17px 12px;display:flex;flex-direction:column;text-align:left;gap:7px;flex:1;min-width:0}.xp-product-copy>small{font-size:5px;letter-spacing:1px}.xp-product-copy>b{font-size:17px;letter-spacing:-.7px;font-weight:600;white-space:nowrap}.xp-product-copy>span{font-size:7px;color:#617781}.xp-product-copy>strong{font-size:15px;display:flex;justify-content:space-between;align-items:center;margin-top:9px}.xp-product-copy strong i{font-size:7px;font-style:normal;background:#173648;color:#e9f5fc;padding:8px;border-radius:20px;animation:xp-tap .4s 2.25s both}
.xp-cursor{position:absolute;width:22px;height:28px;fill:#e7f6ff;stroke:#1b344a;stroke-width:1.5;filter:drop-shadow(0 3px 3px #0005);right:16%;bottom:10px;opacity:0;animation:xp-cursor-tap 2s .5s both}
.xp-order{display:flex;flex-direction:column;align-items:center;gap:10px;position:absolute;inset:0;padding-top:4px;animation:xp-rise .6s 3.1s both}.xp-check{width:47px;height:47px;fill:none;stroke:#bbecda;stroke-width:1.6}.xp-check path{stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.xp-order>b{font-size:23px;letter-spacing:-.9px;font-weight:500}.xp-order>small{font-size:9px;color:#a8c3d5}
.xp-app-icon{position:absolute;top:14px;width:88px;height:88px;display:grid;place-items:center;background:linear-gradient(145deg,#e2f5ff,#8ab8cf);border-radius:24px;box-shadow:4px 6px 0 #527d95,10px 18px 30px #0003;animation:xp-icon-open 1s 1.8s both}.xp-app-icon .xp-bird{width:64px;height:50px}.xp-app-scene .xp-cursor{right:31%;bottom:35px;animation-delay:.1s}
.xp-app-window{position:absolute;width:208px;top:-1px;bottom:18px;background:#eaf1f0;border-radius:13px;overflow:hidden;box-shadow:0 12px 35px #0003;color:#152b3d;animation:xp-app-open .7s 2.2s both}
.xp-app-header{display:flex;align-items:center;gap:8px;padding:8px 13px}.xp-app-header .xp-bird{width:25px;height:20px}.xp-app-header b{font-size:9px;flex:1;text-align:left}.xp-app-header i{font-size:10px;color:#769daf}.xp-app-feature{display:flex;position:relative;flex-direction:column;align-items:flex-start;margin:0 10px;padding:12px 13px;border-radius:8px;background:#1b3f59;color:#eaf6ff;text-align:left}.xp-app-feature small{font-size:5px;letter-spacing:1px;color:#a6cbdd}.xp-app-feature strong{font-size:23px;font-weight:500;line-height:1.05;letter-spacing:-1px;margin:7px 0}.xp-app-feature i{position:absolute;right:12px;bottom:12px;font-size:6px;font-style:normal}.xp-app-nav{display:flex;justify-content:center;gap:20px;font-size:11px;padding:6px}.xp-app-nav i{height:7px;width:1px;background:#b9cbd2}
.xp-browser{position:absolute;left:10%;right:12%;top:-5px;height:150px;background:#e9eeec;border:1px solid #d0e7f2;border-radius:8px;color:#192f40;overflow:hidden;box-shadow:7px 10px 30px #0003;animation:xp-browser-in .8s .3s both}
.xp-window-bar{height:16px;background:#d5e0e2;display:flex;align-items:center;gap:3px;padding:0 7px}.xp-window-bar i{width:3px;height:3px;border-radius:50%;background:#7f959f}.xp-window-bar small{font-size:5px;flex:1;color:#5c7685}
.xp-web-nav{display:flex;align-items:center;padding:10px 15px;gap:9px;animation:xp-rise .6s .65s both}.xp-web-nav b{font-size:7px;letter-spacing:1.5px;text-align:left;flex:1}.xp-web-nav i{width:18px;height:2px;background:#7692a1}
.xp-web-main{display:flex;text-align:left;justify-content:space-between;padding:5px 17px;animation:xp-rise .65s 1s both}.xp-web-main>span{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.xp-web-main small{font-size:4px;letter-spacing:.8px}.xp-web-main strong{font-size:25px;line-height:1.01;letter-spacing:-1px;font-weight:500}.xp-web-main b{font-size:5px;margin-top:4px;background:#183e58;border-radius:12px;padding:4px 9px;color:white}.xp-web-orbit{width:59px;height:59px;border:9px solid #4d86a7;border-radius:50%;transform:rotate(-32deg) scaleX(.7);box-shadow:8px 1px 0 #264d68,inset 5px 1px 0 #a8c9da}
.xp-web-tiles{display:flex;gap:5px;margin:8px 17px;animation:xp-rise .6s 1.4s both}.xp-web-tiles i{height:10px;flex:1;border-top:1px solid #b6c6cc;background:#d3dfe1}
.xp-web-phone{position:absolute;right:6%;top:46px;width:52px;height:104px;background:#d7e8ed;border:3px solid #56829b;border-radius:12px;display:flex;flex-direction:column;align-items:center;gap:12px;box-shadow:5px 9px 20px #0004;animation:xp-rise .7s 2s both}.xp-web-phone>i{width:20px;height:4px;border-radius:4px;background:#34576d;margin-top:4px}.xp-web-phone>b{font-size:10px;letter-spacing:-.5px;line-height:1.1;color:#183b53}.xp-web-phone>span{width:23px;height:24px;border:5px solid #5389a7;border-radius:50%}
.xp-code{position:absolute;left:7%;right:7%;top:-7px;background:#0b1621;border:1px solid #6489a54d;border-radius:9px;overflow:hidden;text-align:left;padding-bottom:8px;box-shadow:0 12px 25px #0002}.xp-code-tab{display:flex;gap:8px;align-items:center;border-bottom:1px solid #ffffff15;padding:10px 13px;font:8px monospace;color:#b4c8d6}.xp-code-tab>i{width:5px;height:5px;background:#addac9;border-radius:50%}.xp-code-tab small{margin-left:auto;font-size:6px;color:#55768f}.xp-code-line{display:flex;gap:12px;padding:5px 13px;font:10px/1.4 monospace;white-space:nowrap}.xp-code-line>small{font:inherit;font-size:8px;color:#456075}.xp-code-line code{display:block;overflow:hidden;max-width:max-content;width:100%;animation:xp-type 1s .4s steps(24) both}.xp-code-line em{font-style:normal;color:#8dc3ec}.xp-code-line b{font-weight:400;color:#bcddcd}.xp-code-line.line-two code{animation-delay:1.5s}.xp-code-line.line-three code{animation-delay:2.6s}.xp-build{display:flex;gap:7px;align-items:center;margin:5px 13px 0;padding-top:8px;border-top:1px solid #ffffff15;font-size:8px;color:#b3decb;animation:xp-rise .45s 3.8s both}.xp-build>small{margin-left:auto;font-size:6px;color:#8098a9}
.xp-direction{position:absolute;top:0;left:10%;right:10%;display:flex;gap:8px;height:140px}.xp-type{background:#e9e9df;color:#1c3748;display:flex;flex-direction:column;align-items:flex-start;flex:1;text-align:left;padding:12px 16px;border-radius:8px;animation:xp-rise .6s .3s both}.xp-type>small{font-size:6px;letter-spacing:1px}.xp-type>b{font-family:Georgia,serif;font-size:63px;line-height:1.2;font-weight:400}.xp-type>i{font-style:normal;font-size:8px}.xp-swatches{display:flex;width:47%;gap:4px;align-items:stretch}.xp-swatches>i{display:flex;align-items:flex-end;justify-content:center;flex:1;border-radius:5px;background:#1b3850;transform:rotate(5deg);animation:xp-swatch .7s .6s both}.xp-swatches>i:nth-child(2){background:#b6def0;animation-delay:.8s}.xp-swatches>i:nth-child(3){background:#ebede4;animation-delay:1s}.xp-swatches>i:nth-child(4){background:#7f959e;animation-delay:1.2s}.xp-swatches small{font-style:normal;font-size:5px;letter-spacing:.7px;writing-mode:vertical-rl;margin-bottom:11px;color:#203746}.xp-swatches>i:first-child small{color:#b6cddd}
.xp-logo{position:absolute;inset:-6px 0 0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.xp-logo-grid{position:absolute;top:0;width:260px;height:140px;fill:none;stroke:#7192a8;stroke-width:.6;stroke-dasharray:380;animation:xp-grid-draw 4s .2s both;opacity:.6}.xp-logo>.xp-bird{width:108px;height:80px;margin-top:14px;animation:xp-rise .8s 1.1s both}.xp-logo>b{font-size:15px;letter-spacing:3px;margin-top:8px;animation:xp-rise .6s 1.8s both}.xp-logo>span{font-size:5px;letter-spacing:1.4px;color:#9bb6c9;margin-top:12px;animation:xp-rise .6s 2.2s both}
.xp-system{position:absolute;left:10%;right:10%;top:0;bottom:20px;perspective:800px}.xp-system-paper{position:absolute;left:10%;top:-3px;width:107px;height:142px;padding:12px;background:#dbe8eb;color:#1a3c53;transform:rotate(-8deg);display:flex;flex-direction:column;text-align:left;gap:12px;animation:xp-rise .6s .3s both}.xp-system-paper>small{font-size:5px;letter-spacing:1px}.xp-system-paper>b{font-size:19px;line-height:1.1;letter-spacing:-.6px}.xp-system-paper .xp-bird{width:30px;height:24px;margin-top:auto}.xp-brand-card{position:absolute;left:33%;top:54px;width:147px;height:86px;background:#284e68;border:1px solid #5685a2;border-radius:3px;box-shadow:5px 8px 18px #0003;display:flex;align-items:center;justify-content:center;gap:12px;transform:rotate(6deg);animation:xp-rise .7s .7s both}.xp-brand-card .xp-bird{width:42px;height:33px}.xp-brand-card>b{font-size:10px;letter-spacing:2px}.xp-system-icon{position:absolute;right:5%;top:2px;width:57px;height:57px;border-radius:15px;background:linear-gradient(145deg,#e0f2fb,#a0c6d9);display:grid;place-items:center;box-shadow:3px 4px 0 #527b92;animation:xp-rise .6s 1.2s both}.xp-system-icon .xp-bird{width:41px;height:32px}
.xp-connected{position:absolute;inset:0 7% 20px;display:flex;justify-content:center;align-items:center;gap:18px}.xp-connected>span:not(.xp-connect-line){position:relative;z-index:1;border:1px solid #7199b4;background:#24475f;border-radius:7px;display:flex;flex-direction:column;align-items:center;justify-content:center;animation:xp-rise .7s .3s both}.xp-connected>span>small{position:absolute;bottom:-22px;font-size:6px;letter-spacing:1px;color:#a8c8dd}.xp-connected-phone{width:52px;height:100px;flex-shrink:0}.xp-connected-phone .xp-bird{width:31px;height:26px}.xp-connected-phone>i{height:3px;background:#7ea5bd;width:26px;margin-top:7px}.xp-connected .xp-connected-web{width:132px;height:87px;animation-delay:.7s;justify-content:flex-start;overflow:visible}.xp-connected-web .xp-window-bar{align-self:stretch;border-radius:5px 5px 0 0}.xp-connected-web .xp-bird{width:47px;height:35px;margin-top:9px}.xp-connected-web>i{width:50px;height:3px;background:#8bb4cd;margin-top:6px}.xp-connected .xp-connected-mark{width:54px;height:54px;border-radius:14px;background:#b5d4e6;animation-delay:1.1s}.xp-connected-mark .xp-bird{width:40px;height:32px}.xp-connect-line{position:absolute;height:1px;left:6%;right:6%;background:#aeddf6;transform-origin:left;animation:xp-connect-line 1.3s 1.8s both;box-shadow:0 0 10px #7fbce988}
.xp-creative{position:absolute;inset:-4px 12% 20px;background:#e5e9e0;border-radius:3px;overflow:hidden;color:#234052}.xp-creative-word{position:absolute;left:17px;top:18px;font-size:32px;line-height:.95;letter-spacing:-1.6px;text-align:left;animation:xp-compose-word 1.1s .4s both}.xp-creative-word em{font-style:normal;color:#557c94}.xp-creative-art{position:absolute;right:20px;top:22px;width:80px;height:80px;animation:xp-compose-art 1.1s .5s both}.xp-creative-art>i{position:absolute;inset:12px 0;border:8px solid #407b9c;border-radius:50%;transform:rotate(60deg)}.xp-creative-art>i:nth-child(2){transform:rotate(-60deg);border-color:#789eb2}.xp-creative-art>i:nth-child(3){border-color:#274d67;transform:rotate(0)}.xp-creative-mark{position:absolute;left:18px;bottom:13px;display:flex;align-items:center;gap:7px;animation:xp-rise .7s 1.4s both}.xp-creative-mark .xp-bird{width:22px;height:19px}.xp-creative-mark b{font-size:5px;letter-spacing:1.5px}.xp-creative-rule{position:absolute;bottom:39px;left:18px;right:18px;height:1px;background:#9eb1b8;transform-origin:left;animation:xp-connect-line .7s 1.1s both}
.xp-countdown{position:absolute;inset:0;display:grid;place-items:center;padding-bottom:25px}.xp-countdown>b{position:absolute;font-size:83px;font-weight:400;letter-spacing:-5px;opacity:0;animation:xp-count .8s .3s both}.xp-countdown>b:nth-child(2){animation-delay:1.1s}.xp-countdown>b:nth-child(3){animation-delay:1.9s}.xp-launch{display:flex;flex-direction:column;align-items:center;position:absolute;inset:-2px 0 0;gap:11px;animation:xp-rise .8s 2.7s both}.xp-launch-orbit{position:relative;width:88px;height:85px;display:grid;place-items:center}.xp-launch-orbit i{position:absolute;inset:0;border:1px solid #85b5d0;border-radius:50%;transform:rotateX(62deg) rotateZ(-28deg)}.xp-launch-orbit i:nth-child(2){transform:rotateY(58deg) rotateZ(22deg)}.xp-launch-orbit .xp-bird{width:50px;height:40px}.xp-launch strong{display:flex;align-items:center;gap:9px;font-size:22px;font-weight:500;letter-spacing:-.7px}.xp-launch strong>i{width:6px;height:6px;background:#b4ead1;border-radius:50%;box-shadow:0 0 12px #9de9cc80}.xp-launch>small{font-size:6px;letter-spacing:1.6px;color:#a1bccc}
@keyframes xp-scene-in{from{opacity:0}to{opacity:1}}@keyframes xp-timer{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes xp-rise{from{opacity:0;translate:0 16px}to{opacity:1;translate:0 0}}@keyframes xp-connect-dot{0%,100%{opacity:.2;scale:.7}50%{opacity:1;scale:1.4}}@keyframes xp-tap{50%{scale:.94;background:#4b7793}}@keyframes xp-cursor-tap{0%{opacity:0;translate:35px 30px}30%,70%{opacity:1;translate:0 0;scale:1}80%{opacity:1;scale:.8}100%{opacity:0;translate:0 0;scale:1}}
@keyframes xp-product-away{to{opacity:0;translate:0 -15px;scale:.9}}@keyframes xp-icon-open{0%{scale:1}20%{scale:.86}40%{scale:1.1}100%{scale:1.5;opacity:0}}@keyframes xp-app-open{from{opacity:0;scale:.45;translate:0 10px}to{opacity:1;scale:1;translate:0 0}}@keyframes xp-browser-in{from{opacity:0;transform:perspective(600px) rotateX(35deg) scale(.8)}to{opacity:1;transform:none}}@keyframes xp-type{from{width:0}to{width:100%}}@keyframes xp-swatch{from{opacity:0;translate:0 40px;rotate:-15deg}to{opacity:1;translate:0 0;rotate:0deg}}@keyframes xp-grid-draw{0%{stroke-dashoffset:380;opacity:0}35%{stroke-dashoffset:0;opacity:.65}80%,100%{stroke-dashoffset:0;opacity:.16}}@keyframes xp-connect-line{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes xp-compose-word{from{translate:-35px 0;rotate:-8deg;opacity:0}to{translate:0 0;rotate:0deg;opacity:1}}@keyframes xp-compose-art{from{translate:45px -20px;rotate:50deg;opacity:0}to{translate:0 0;rotate:0deg;opacity:1}}@keyframes xp-count{0%{opacity:0;translate:0 16px;scale:.8}25%,70%{opacity:1;translate:0 0;scale:1}100%{opacity:0;translate:0 -18px;scale:1.1}}
.is-still .expertise-scene,.is-still .expertise-scene *{animation:none!important;opacity:1;translate:none}.is-still .xp-product,.is-still .xp-app-icon,.is-still .xp-cursor,.is-still .xp-countdown{display:none}.is-still .xp-timer{display:none}.is-still .xp-code-line code{width:100%}.is-still .xp-logo-grid{opacity:.18}
@media(max-width:1000px){.expertise-play{font-size:8px;padding:7px;gap:4px}.xp-connected{gap:12px}.xp-connected-web{max-width:115px}.xp-product-copy>b{font-size:15px}.xp-code-line{font-size:9px;gap:9px}.xp-code-tab small{font-size:5px}}
@media(max-width:700px){.expertise .service-body{padding-left:0}.expertise .service-body>p:not(.expertise-play-hint),.expertise .service-body>.text-link{margin-left:42px}.expertise-play{font-size:9px;min-height:44px}.expertise-demos{gap:6px}.service-body .expertise-play-hint{font-size:7px;margin-top:19px}.expertise-art .sculpture{height:275px}.expertise-art .art-caption{font-size:6px;letter-spacing:1.4px}.xp-scene-caption{font-size:9px}.xp-connected{gap:16px}.xp-code-line{font-size:10px}}
@media(prefers-reduced-motion:reduce){.expertise-demos,.expertise-play{transition:none}}
/* A gesture with weight: lift, drag, magnetic settling, confirmation. */
.xp-interaction{position:absolute;inset:0 8% 12px;--snap-travel:164px;display:grid;justify-items:center}
.xp-interaction-label{position:absolute;top:3px;font-size:6px;letter-spacing:1.8px;color:#90adc2}
.xp-snap-rail{position:absolute;top:43px;width:226px;height:59px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #79a3bd33}
.xp-snap-rail>i{height:53px;width:58px;border:1px solid #91bad13b;border-radius:15px;background:#aacfe506}
.xp-snap-rail>i:last-child{border-style:dashed;animation:xp-dock-glow 5.9s both}
.xp-snap-tile{position:absolute;left:calc(50% - 113px);top:41px;width:58px;height:58px;border-radius:16px;background:linear-gradient(135deg,#e3f4fc,#89bbd7 60%,#4b7c9b);border:1px solid #dcf4ff;box-shadow:2px 4px 0 #3c6681,0 8px 16px #0003;display:grid;place-items:center;animation:xp-magnetic-drag 5.9s cubic-bezier(.3,0,.2,1) both}
.xp-snap-tile>span{width:26px;height:26px;border:4px solid #255779;border-radius:50%;transform:rotateX(40deg) rotateZ(-25deg);box-shadow:2px 2px 0 #a2c8dc}
.xp-snap-tile>i{position:absolute;inset:0;border-radius:inherit;background:linear-gradient(110deg,transparent 15%,#fff9 48%,transparent 70%);opacity:0;animation:xp-tile-sheen 5.9s both}
.xp-interaction .xp-cursor{top:83px;left:calc(50% - 82px);right:auto;bottom:auto;animation:xp-drag-cursor 5.9s cubic-bezier(.3,0,.2,1) both}
.xp-snap-confirm{position:absolute;bottom:3px;display:flex;align-items:center;gap:7px;animation:xp-rise .55s 3.65s both}.xp-snap-confirm .xp-check{width:18px;height:18px}.xp-snap-confirm b{font-size:9px;font-weight:400;color:#c0dfeb}
@keyframes xp-magnetic-drag{0%,17%{transform:translate(0,0) rotate(0)}25%{transform:translate(0,-10px) rotate(-6deg);box-shadow:4px 14px 22px #0005}45%{transform:translate(127px,-17px) rotate(5deg)}57%{transform:translate(168px,1px) rotate(-1deg)}66%,100%{transform:translate(168px,0) rotate(0)}}
@keyframes xp-drag-cursor{0%{opacity:0;transform:translate(30px,28px)}12%,17%{opacity:1;transform:translate(0,0)}25%{opacity:1;transform:translate(0,-10px) scale(.9)}45%{opacity:1;transform:translate(127px,-17px) scale(.9)}57%{opacity:1;transform:translate(168px,1px)}66%,100%{opacity:0;transform:translate(190px,18px)}}
@keyframes xp-dock-glow{0%,45%{background:#aacfe506;border-color:#91bad13b}60%,85%{background:#a8dcf51c;border-color:#b6e3fb}100%{background:#aacfe506;border-color:#91bad13b}}
@keyframes xp-tile-sheen{0%,65%,100%{opacity:0;translate:-20px 0}76%{opacity:.7;translate:0 0}87%{opacity:0;translate:20px 0}}
.is-still .xp-snap-tile{transform:translateX(168px)}.is-still .xp-snap-tile>i{display:none}
/* Slight depth and a softer arrival keep the miniature demonstrations cohesive. */
.expertise-play.is-playing{box-shadow:inset 0 1px 0 #d9efff0c,0 12px 35px #0000000a}
.xp-platform.apple svg{filter:drop-shadow(0 5px 12px #b4d9ef22)}
.xp-platform.android svg{filter:drop-shadow(0 5px 12px #9bd5b522)}