.service-scene{position:relative;width:min(100%,310px);height:242px;margin:auto;perspective:750px}.scene-world{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateX(12deg) rotateY(-17deg)}.scene-floor{position:absolute;inset:35% -10% -35%;border-radius:50%;background:linear-gradient(#8865b626 1px,transparent 0),linear-gradient(90deg,#8865b626 1px,transparent 0);background-size:24px 24px;transform:rotateX(65deg) rotate(-25deg);mask-image:radial-gradient(ellipse,#000,transparent 67%)}.scene-orbit{position:absolute;inset:16px 8px;border:1px solid color-mix(in srgb,var(--scene-accent) 24%,transparent);border-radius:50%;transform:rotate(-28deg) scaleY(.7)}.scene-orbit i{position:absolute;width:9px;height:9px;background:var(--scene-accent);border:2px solid #fff;border-radius:50%;left:16%;top:9%;box-shadow:0 0 16px #9b70e980}.scene-browser{position:absolute;width:178px;height:130px;border:1px solid #ffffff;border-radius:13px;background:linear-gradient(145deg,#ffffff,#e5edf5);box-shadow:5px 6px 0 #8696ab,12px 22px 28px #142b4b35;overflow:hidden}.scene-dots{display:flex;gap:4px;align-items:center;height:22px;padding:0 10px;border-bottom:1px solid #b6c7dc;background:#f0f4f9}.scene-dots i{width:4px;height:4px;border-radius:50%;background:#ffbd44}.scene-dots i:first-child{background:#ff625b}.scene-back{left:35px;top:30px;transform:translateZ(-30px) rotate(-9deg);opacity:1;background:linear-gradient(145deg,#263d59,#101c30)}.scene-front{left:66px;top:74px;transform:translateZ(28px) rotate(3deg)}.scene-code{display:grid;gap:9px;padding:18px}.scene-code i{width:75%;height:4px;background:#42d5be;border-radius:3px}.scene-code i:nth-child(2n){width:50%;margin-left:12px;background:#ffbf69}.scene-dashboard{display:flex;gap:10px;padding:12px}.scene-dashboard>b{width:35px;height:72px;border-radius:5px;background:linear-gradient(145deg,#2d5279,#12263f)}.scene-dashboard>div{display:grid;grid-template-columns:1fr 1fr;gap:7px;flex:1}.scene-dashboard i{border-radius:4px;background:#cceeff;box-shadow:inset 0 1px #fff,0 2px 3px #15345510}.scene-dashboard i:last-child{background:linear-gradient(135deg,#ffbd62,#ff784d)}.scene-chip{display:grid;place-items:center;position:absolute;width:43px;height:43px;border:1px solid #ffffffb0;border-radius:12px;background:linear-gradient(135deg,#fff,#dce9f5);box-shadow:4px 5px 0 #8da2b7,9px 15px 20px #142b4b35;transform:translateZ(70px) rotate(8deg)}.scene-chip-one{top:150px;left:30px}.scene-chip-two{top:38px;right:28px}.scene-cursor{width:21px;height:25px;clip-path:polygon(0 0,100% 60%,56% 65%,38% 100%);background:#2375e7;transform:rotate(-15deg)}.scene-phone{position:absolute;width:100px;height:184px;left:100px;top:22px;padding:9px;border-radius:23px;border:3px solid #354356;background:linear-gradient(160deg,#ffffff,#e6edf5);box-shadow:3px 3px 0 #bdc9d5,6px 7px 0 #18283f,16px 22px 25px #122d4b40;transform:translateZ(30px) rotate(10deg)}.scene-island{width:35px;height:7px;background:#101b2c;margin:0 auto 12px;border-radius:8px}.scene-phone-cover{height:54px;border-radius:9px;background:linear-gradient(155deg,#29b9ff,#1161dc)}.scene-phone-rows{display:grid;gap:8px;margin-top:12px}.scene-phone-rows i{height:10px;border-radius:4px;background:linear-gradient(90deg,#ffae42 0 11px,#d3deea 11px)}.scene-phone-rows i:nth-child(2){width:70%}.scene-phone-nav{display:flex;justify-content:space-around;margin-top:12px}.scene-phone-nav i{width:8px;height:8px;border-radius:3px;background:#2479e8}.scene-notification{position:absolute;display:flex;gap:9px;align-items:center;top:134px;left:31px;width:137px;height:47px;padding:10px;background:linear-gradient(135deg,#fff,#e4fff3);border:1px solid #8ad5b8;border-radius:10px;box-shadow:4px 7px 18px #143b4530;transform:translateZ(65px) rotate(-6deg)}.scene-notification>div{flex:1;display:grid;gap:6px}.scene-notification i{height:4px;background:#4c937e;border-radius:3px}.scene-notification i:last-child{width:60%}.scene-check{width:16px;height:10px;border-left:3px solid #10a875;border-bottom:3px solid #10a875;transform:rotate(-45deg) translateY(-2px)}.scene-spark{width:24px;height:26px;background:#fbb82d;clip-path:polygon(55% 0,10% 60%,45% 60%,32% 100%,95% 35%,60% 35%,76% 0)}.scene-servers{position:absolute;width:154px;left:76px;top:92px;transform:translateZ(20px) rotate(-5deg)}.scene-server{height:36px;margin-top:8px;border-radius:9px;border:1px solid #6c809b;background:linear-gradient(145deg,#50647e,#1b2c44 70%);display:flex;align-items:center;gap:5px;padding:0 13px;box-shadow:5px 5px 0 #11233e,8px 13px 20px #11233e40}.scene-server b{width:38px;height:5px;background:repeating-linear-gradient(90deg,#101d30 0 3px,#526a87 3px 5px);border-radius:4px;margin-right:auto}.scene-server span{width:4px;height:10px;background:#8b9eb5;border-radius:3px}.scene-server i{width:6px;height:6px;border-radius:50%;background:#3ef0a2;box-shadow:0 0 8px #3ef0a2}.scene-cloud{position:absolute;width:113px;height:40px;left:98px;top:45px;border-radius:30px;background:linear-gradient(135deg,#fff,#9bd5ff);box-shadow:4px 6px 0 #527ca8;transform:translateZ(50px)}.scene-cloud:after,.scene-cloud:before{content:"";position:absolute;background:inherit;border-radius:50%;width:57px;height:57px;top:-26px;left:25px}.scene-cloud:after{width:38px;height:38px;left:7px;top:-12px}.scene-node{position:absolute;width:64px;height:64px;border-radius:17px;border:1px solid #91e6db;background:linear-gradient(130deg,#42dcba,#078d8d);box-shadow:6px 7px 0 #17656b,12px 18px 20px #16324b30;display:grid;place-items:center;transform:translateZ(35px) rotate(-8deg)}.scene-node-0{left:30px;top:42px}.scene-node-1{left:159px;top:92px;background:linear-gradient(135deg,#59b5ff,#2864db)}.scene-node-1 .scene-spark{background:#fff}.scene-node-2{left:43px;top:156px}.scene-code-mark{width:23px;height:23px;border-left:5px solid #fff;border-bottom:5px solid #fff;transform:rotate(45deg)}.scene-connectors{position:absolute;top:76px;left:65px;width:135px;height:115px;border:2px dashed #418ca880;border-left:0;border-radius:0 20px 20px 0;transform:translateZ(0)}.scene-connectors i{position:absolute;width:9px;height:9px;background:#26c6a5;border-radius:50%;top:-5px;left:50%;box-shadow:0 0 13px #26c6a5}.scene-connectors i:last-child{top:auto;bottom:-5px}.scene-chart{left:57px;top:47px;height:157px;transform:translateZ(25px) rotate(-5deg)}.scene-bars{display:flex;align-items:end;gap:11px;height:106px;padding:17px;border-bottom:1px solid #bccce0}.scene-bars i{width:19px;height:30%;border-radius:5px 5px 0 0;background:linear-gradient(#65d7f5,#178cce);box-shadow:3px 2px 0 #135c9160;transform-origin:bottom}.scene-bars i:nth-child(2){height:45%}.scene-bars i:nth-child(3){height:60%}.scene-bars i:nth-child(4){height:70%}.scene-bars i:nth-child(5){height:95%;background:linear-gradient(#b58cff,#7653d7)}.scene-up{width:20px;height:20px;border-top:4px solid #f58b2f;border-right:4px solid #f58b2f;position:relative}.scene-up:after{content:"";position:absolute;width:24px;height:4px;background:#f58b2f;transform:rotate(-45deg);top:7px;right:-3px}.scene-chart-disc{width:38px;height:38px;border-radius:50%;border:8px solid #23b7bd;border-top-color:#ffb73c;position:absolute;right:36px;top:31px;transform:translateZ(65px);box-shadow:3px 4px #126d94}.scene-search{left:47px;top:32px;height:176px;transform:translateZ(20px) rotate(-6deg)}.scene-search-bar{margin:13px 12px 10px;border:1px solid #b3c3d5;border-radius:5px;height:21px;display:flex;align-items:center;gap:8px;padding:5px}.scene-search-bar i{width:9px;height:9px;border:2px solid #3d80c4;border-radius:50%}.scene-search-bar b{width:60px;height:3px;border-radius:3px;background:#96adc7}.scene-results{display:grid;gap:10px;padding:0 14px}.scene-results>div{display:flex;gap:8px}.scene-results b{width:19px;height:19px;border-radius:4px;background:#ff9256}.scene-results span{display:grid;gap:5px;flex:1}.scene-results i{height:4px;background:#d2deeb;border-radius:3px}.scene-results i:first-child{width:75%;background:#4886ce}.scene-lens{position:absolute;width:66px;height:66px;border-radius:50%;border:9px solid #2688c8;background:linear-gradient(135deg,#ffffffb0,#48c6f56b);left:171px;top:117px;box-shadow:4px 5px #15518b,inset 2px 2px 5px #fff;transform:translateZ(80px) rotate(-20deg)}.scene-lens:after{content:"";position:absolute;height:42px;width:14px;background:linear-gradient(90deg,#ffc268,#ea7a32);top:45px;left:48px;border-radius:5px;transform:rotate(-35deg)}.scene-design-sheet{position:absolute;top:31px;left:66px;width:151px;height:169px;background:#fffdf8;border:1px solid #fff;border-radius:12px;box-shadow:6px 7px #b4a78d,14px 25px 25px #483f2a30;transform:translateZ(20px) rotate(-9deg);overflow:hidden}.scene-design-grid{position:absolute;inset:0;background:linear-gradient(#9babc42b 1px,transparent 0),linear-gradient(90deg,#9babc42b 1px,transparent 0);background-size:19px 19px}.scene-design-mark{position:absolute;width:66px;height:66px;top:30px;left:42px;border-radius:20px 4px 20px 4px;background:conic-gradient(from 45deg,#ff715b,#ffc748,#27c4b2,#3389f4,#ff715b);transform:rotate(45deg);box-shadow:5px 5px #b77f4b60}.scene-design-lines{position:absolute;left:28px;right:28px;bottom:25px;display:grid;gap:8px}.scene-design-lines i{height:5px;background:#97a8b9;border-radius:3px}.scene-design-lines i:last-child{width:60%;margin:auto}.scene-swatches{position:absolute;display:flex;bottom:27px;right:24px;padding:7px;gap:5px;border:1px solid #fff;border-radius:10px;background:#fff;box-shadow:4px 6px #8c9fb5,9px 15px 15px #14304930;transform:translateZ(60px) rotate(9deg)}.scene-swatches i{width:27px;height:31px;border-radius:5px;background:#2584e9}.scene-swatches i:nth-child(2){background:#10baa1}.scene-swatches i:nth-child(3){background:#ffbd3e}.scene-swatches i:nth-child(4){background:#fc745e}.scene-pen{width:10px;height:27px;background:#ffb52e;border-radius:3px 3px 1px 1px;transform:rotate(35deg);border-bottom:6px solid #253c53}.scene-star{position:absolute;width:11px;height:11px;background:var(--scene-accent);clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%)}.scene-star-one{top:22px;right:24px}@media (max-width:767px){.service-scene{height:224px;transform:scale(.93);transform-origin:center center}}@media (prefers-reduced-motion:no-preference){.scene-world{animation:scene-turn 7s ease-in-out infinite alternate}.scene-chip,.scene-cloud,.scene-lens,.scene-notification,.scene-swatches{animation:scene-levitate 4s ease-in-out infinite alternate}.scene-cloud,.scene-notification{animation-delay:-2s}.scene-orbit{animation:scene-orbit-turn 18s linear infinite}.scene-bars i{animation:scene-bar-grow 3s ease-in-out infinite alternate}.scene-bars i:nth-child(2n){animation-delay:-1.5s}.scene-connectors i{animation:scene-data 3s ease-in-out infinite alternate}.scene-server i{animation:scene-led 2s ease-in-out infinite alternate}.scene-star{animation:scene-twinkle 3s ease-in-out infinite alternate}}@keyframes scene-turn{0%{transform:rotateX(12deg) rotateY(-17deg) translateY(3px)}to{transform:rotateX(4deg) rotateY(8deg) translateY(-6px)}}@keyframes scene-levitate{0%{translate:0 4px}to{translate:0 -10px}}@keyframes scene-orbit-turn{0%{transform:rotate(-28deg) scaleY(.7)}to{transform:rotate(332deg) scaleY(.7)}}@keyframes scene-bar-grow{0%{transform:scaleY(.65)}to{transform:scaleY(1)}}@keyframes scene-data{0%{transform:translateX(-60px)}to{transform:translateX(55px)}}@keyframes scene-led{0%{opacity:.35}to{opacity:1}}@keyframes scene-twinkle{0%{opacity:.3;scale:.7}to{opacity:1;scale:1.2}}@media print{.service-scene *{animation:none!important}.scene-world{transform:none}}@media (prefers-reduced-motion:reduce){.service-scene *{animation:none!important}}.scene-dots i:last-child{background:#2dca92}.scene-dashboard>b{position:relative}.scene-dashboard>b:after{content:"";position:absolute;inset:12px 8px;background:repeating-linear-gradient(0deg,transparent 0 9px,#9cc3e56b 9px 12px)}.scene-dashboard i{position:relative;overflow:hidden}.scene-dashboard i:first-child:after{content:"";position:absolute;inset:8px 5px 5px;background:#2a9cd8;clip-path:polygon(0 100%,0 67%,24% 67%,24% 40%,48% 40%,48% 55%,72% 55%,72% 0,100% 0,100% 100%)}.scene-dashboard i:nth-child(2){background:radial-gradient(circle,#fff 0 30%,transparent 32%),conic-gradient(#14b8a6 65%,#b4e8df 0);border:5px solid #e7f7f4}.scene-dashboard i:nth-child(3){background:linear-gradient(135deg,#ffcf68,#ff815e)}.scene-phone-cover{position:relative;overflow:hidden}.scene-phone-cover:before{content:"";position:absolute;width:20px;height:20px;top:7px;right:9px;border-radius:50%;background:#ffe297;box-shadow:0 0 12px #ffe29760}.scene-phone-cover:after{content:"";position:absolute;inset:20px -3px -2px;background:linear-gradient(145deg,#30d1b1,#0d897f);clip-path:polygon(0 100%,0 45%,25% 0,53% 65%,77% 16%,100% 62%,100% 100%)}.scene-phone-rows i:nth-child(2){background:linear-gradient(90deg,#28bfa2 0 11px,#d3deea 11px)}.scene-phone-rows i:last-child{background:linear-gradient(90deg,#549af2 0 11px,#d3deea 11px)}.scene-phone-nav i:nth-child(2){background:#fc9d32}.scene-phone-nav i:last-child{background:#16b69e}.scene-node-2{background:linear-gradient(135deg,#ffcb5b,#f48732);border-color:#ffe3a3;box-shadow:6px 7px 0 #b86628,12px 18px 20px #16324b30}.scene-node-2 .scene-check{border-color:#fff}.scene-node-1{border-color:#a8daff;box-shadow:6px 7px 0 #234e9d,12px 18px 20px #16324b30}.scene-bars i:nth-child(2){background:linear-gradient(#64e4c1,#0ba38e)}.scene-bars i:nth-child(3){background:linear-gradient(#ffe08a,#f1ab27)}.scene-bars i:nth-child(4){background:linear-gradient(#ffae88,#eb6c53)}.scene-results>div:nth-child(2) b{background:#27bcab}.scene-results>div:nth-child(3) b{background:#3e8de7}.scene-chart{background:linear-gradient(#fff,#f3f7fc)}.scene-bars{background:repeating-linear-gradient(0deg,transparent 0 22px,#dce5f080 22px 23px)}.scene-design-mark{border:1px solid #ffffff90}.scene-dashboard i:last-child:after,.scene-dashboard i:nth-child(3):after{content:"";position:absolute;inset:8px 5px;background:#ffffffd9;clip-path:polygon(0 70%,22% 45%,45% 55%,70% 10%,100% 0,100% 18%,72% 28%,47% 75%,23% 65%,0 90%)}.service-scroll-art{contain:layout paint}@media (max-width:767px) and (prefers-reduced-motion:no-preference){.scene-world{animation-name:scene-mobile-drift;transform-style:flat}}@keyframes scene-mobile-drift{0%{transform:rotateX(8deg) rotateY(-8deg) translateY(3px)}to{transform:rotateX(8deg) rotateY(-8deg) translateY(-6px)}}