.service-scene { position: relative; margin:0; min-width:0; height:440px; perspective:1000px; border:1px solid var(--line); border-radius:var(--radius-lg); background:radial-gradient(ellipse at 55% 45%,#12376066,transparent 65%); }
.scene-world { position:absolute; inset:0; transform-style:preserve-3d; }
.scene-plane { position:absolute; border:1px solid var(--line-bright); border-radius:17px; padding:22px; background:linear-gradient(135deg,#102f56,#06152c); box-shadow:4px 5px 0 #041026,5px 6px 0 #234367,0 20px 36px #0005; transform:rotateY(-12deg) rotateX(6deg); }
.scene-plane strong { display:block; color:var(--ink); font:600 20px/1.35 var(--display); }.scene-plane p,.scene-plane small { font-size:11px; color:var(--muted-bright); }.scene-label{display:block;color:var(--blue-bright);font-size:9px;font-weight:800;letter-spacing:.1em;margin-bottom:17px}.service-scene figcaption{position:absolute;bottom:13px;left:0;right:0;text-align:center;font-size:10px;color:var(--muted);padding:0 15px}
.scene-bars{height:80px;display:flex;align-items:flex-end;gap:10px;margin:15px 0}.scene-bars i{width:16px;height:35%;border-radius:3px 3px 0 0;background:linear-gradient(var(--blue-bright),var(--blue));transform-origin:bottom;animation:sceneGrow 5s ease-in-out infinite}.scene-bars i:nth-child(2){height:48%;animation-delay:.15s}.scene-bars i:nth-child(3){height:61%;animation-delay:.3s}.scene-bars i:nth-child(4){height:70%;animation-delay:.45s}.scene-bars i:nth-child(5){height:93%;background:var(--gold);animation-delay:.6s}
.scene-lines{display:grid;gap:10px;margin-top:20px}.scene-lines i{height:5px;border-radius:3px;background:#426387}.scene-lines i:nth-child(2){width:80%}.scene-lines i:nth-child(3){width:60%}.scene-float{animation:sceneFloat 7s ease-in-out infinite}
.search-window{left:6%;top:50px;width:72%;height:248px}.search-field{display:flex;gap:12px;border:1px solid var(--line-bright);padding:10px;border-radius:7px;color:var(--gold);font-size:13px}.search-field span{color:var(--muted-bright)}.rank-result{display:flex;gap:12px;align-items:center;margin:13px 0;font-size:11px}.rank-result b{color:var(--gold)}.rank-result small{display:block;font-size:9px}.rank-result:first-of-type{animation:rankRise 6s ease infinite}.keywords{right:5%;top:19px;width:55%;padding:15px;z-index:2}.keywords strong{font-size:14px}.keywords p{margin:8px 0 0}.keywords .scene-label{margin-bottom:8px}.traffic-card{right:6%;bottom:48px;width:46%;height:165px;transform:rotateY(-14deg) rotateZ(4deg)}.traffic-card .scene-bars{height:60px;margin:6px 0}
.campaign-window{left:8%;top:50px;width:83%;height:255px}.ad-preview{padding:12px;background:#030b1c88;border-radius:10px}.ad-preview strong{font-size:17px}.ad-preview small{color:var(--gold)}.metric-grid{display:flex;justify-content:space-between;gap:15px;margin-top:20px;font-size:13px;color:var(--gold)}.metric-grid small{display:block;font-size:8px;margin-top:3px}.budget-flow{position:absolute;left:10%;right:10%;top:330px;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--muted-bright)}.budget-flow i{width:6px;height:6px;border-radius:50%;background:var(--gold);animation:flowSignal 3s infinite}.budget-flow i:nth-child(2){animation-delay:.4s}.budget-flow i:nth-child(3){animation-delay:.8s}.bid-card{right:4%;top:286px;padding:13px;font-size:10px;animation:sceneFloat 7s infinite}
.audience-web{position:absolute;left:5%;top:50px;width:39%;height:200px}.audience-web span{position:absolute;padding:10px;border:1px solid var(--line-bright);border-radius:50%;font-size:10px;background:var(--navy-800);animation:nodePulse 6s infinite}.audience-web span:nth-child(2){top:90px;left:15px;animation-delay:1s}.audience-web span:nth-child(3){top:180px;left:0;animation-delay:2s}.audience-web i{position:absolute;left:80px;top:50px;width:90px;height:1px;background:var(--line-bright);transform:rotate(35deg)}.audience-web i:last-child{top:150px;transform:rotate(-30deg)}.social-post{width:48%;height:245px;right:9%;top:40px}.post-art{padding:24px 15px;background:#153d63;border-radius:8px;font:600 25px/1.2 var(--display);margin-bottom:16px}.post-art em{color:var(--gold);font-style:normal}.engagement-dots{display:flex;gap:10px}.engagement-dots i{width:6px;height:6px;border-radius:50%;background:var(--green);animation:nodePulse 3s infinite}.funnel-layer{position:absolute;right:12%;width:42%;text-align:center;border:1px solid var(--line-bright);background:var(--navy-800);padding:6px;font-size:10px;transform:rotateY(-12deg)}.f1{top:292px}.f2{top:327px;right:16%;width:34%}.f3{top:362px;right:20%;width:26%;color:var(--gold)}
.calendar-window{width:84%;left:7%;top:40px;height:165px}.calendar-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}.calendar-grid span{font-size:9px;padding:8px 3px;text-align:center;background:#030b1c66;border-radius:4px}.calendar-grid span:nth-child(n+6){border-bottom:2px solid var(--gold);animation:contentCue 8s infinite}.editorial-card{left:8%;top:202px;width:53%;height:175px;transform:rotateY(-12deg) rotateZ(-5deg)}.editorial-card strong{font-size:22px;margin-top:8px}.content-video{right:8%;top:221px;width:31%;height:144px;display:grid;place-items:center;animation:sceneFloat 8s infinite}.play-mark{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--gold);border-radius:50%;color:var(--gold)}
.profile-card{top:62px;left:8%;width:48%;height:220px}.profile-avatar{display:grid;place-items:center;background:#123760;color:var(--gold);border:1px solid var(--line-bright);width:48px;height:48px;border-radius:12px;font-weight:800;margin-bottom:14px}.profile-card strong{font-size:17px}.profile-card .scene-label{margin-bottom:8px}.connection-card{right:5%;top:125px;width:40%;height:115px;animation:sceneFloat 6s infinite}.connection-card strong{font-size:15px}.connection-card span{font-size:10px;color:var(--muted);display:block;margin-top:14px}.pipeline-card{left:13%;right:7%;bottom:55px;height:108px}.pipeline{display:flex;justify-content:space-between;font-size:11px;position:relative}.pipeline i{position:absolute;bottom:-16px;left:0;width:12px;height:4px;background:var(--gold);animation:pipelineLead 5s ease infinite}.network-links i{position:absolute;left:45%;top:40%;width:40%;height:1px;background:var(--line-bright)}
.store-window{top:45px;left:6%;width:87%;height:220px}.store-product{display:flex;align-items:center;gap:23px}.product-box{width:80px;height:95px;flex-shrink:0;background:linear-gradient(130deg,#2f8dff,#123760);border:1px solid #59bdff;border-radius:7px;transform:rotateY(-20deg) rotateZ(-6deg);box-shadow:7px 4px 0 #0d2544}.store-product strong{font-size:19px}.store-product span{display:block;font-size:10px;color:var(--muted);margin:9px 0}.store-product button{border:1px solid var(--line-bright);border-radius:6px;background:#030b1c;color:var(--gold);font-size:10px;padding:7px}.checkout-card{left:6%;bottom:58px;width:55%;padding:16px}.checkout-card strong{font-size:14px}.checkout-card p{font-size:10px;margin-bottom:0}.revenue-card{right:5%;bottom:45px;width:32%;height:165px;padding:17px}.revenue-card .scene-bars{gap:7px;height:80px}.revenue-card .scene-bars i{width:11px}
.catalog-window{left:6%;right:6%;top:58px;height:236px}.catalog-head,.catalog-row{display:grid;grid-template-columns:1.7fr .7fr .7fr;gap:8px;font-size:10px}.catalog-head{color:var(--gold);margin-bottom:8px}.catalog-row{align-items:center;padding:13px 0;border-top:1px solid var(--line)}.catalog-row span:first-child{display:flex;align-items:center;gap:7px}.catalog-row b{color:var(--green);font-size:9px}.catalog-item{display:inline-block;width:15px;height:19px;border-radius:3px;background:#2f8dff}.item-1{background:var(--gold)}.item-2{background:var(--cyan)}.attribute-card{bottom:50px;left:14%;right:6%;padding:18px;font-size:11px}.attribute-card strong{font-size:15px}.attribute-card p{margin:8px 0}.sync-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);animation:nodePulse 4s infinite}
.analytics-window{top:90px;left:12%;width:80%;height:240px}.analytics-window strong{font-size:24px}.event-stream{position:absolute;top:31px;left:9%;right:8%;display:flex;justify-content:space-between;font-size:10px;color:var(--blue-bright)}.event-stream span{border:1px solid var(--line-bright);padding:9px;border-radius:6px;animation:dataPacket 5s infinite}.event-stream span:nth-child(2){animation-delay:.4s}.event-stream span:nth-child(3){animation-delay:.8s}.event-chart{position:relative}.event-chart .scene-bars{height:72px;margin:12px 0}.chart-track{position:absolute;left:0;right:0;top:30px;border-top:1px solid var(--line)}.event-card{bottom:50px;left:5%;padding:15px;font-size:12px}
.scan-window{left:9%;right:8%;top:60px;height:250px;overflow:hidden}.scan-window strong{font-size:23px}.scan-grid{display:grid;gap:10px;margin-top:20px}.scan-grid span{display:flex;justify-content:space-between;font-size:12px;border-bottom:1px solid var(--line);padding-bottom:5px}.scan-grid b{font-size:10px;color:var(--gold);animation:resolveFinding 7s infinite}.scan-beam{position:absolute;left:0;right:0;top:45px;height:2px;background:var(--blue-bright);box-shadow:0 5px 20px #59bdff44;animation:scanWebsite 7s ease-in-out infinite}.fix-card{bottom:45px;right:6%;width:68%;padding:17px}.fix-card strong{font-size:17px;margin-top:10px}.fix-card span{font-size:10px;color:var(--gold)}
.build-browser{left:7%;right:10%;top:52px;height:262px}.browser-dots{display:flex;gap:5px;position:absolute;top:22px;right:20px}.browser-dots i{width:5px;height:5px;border-radius:50%;background:var(--gold)}.hero-block{padding:24px 16px;background:#123760;border:1px solid var(--line-bright);border-radius:8px;font:600 21px var(--display);animation:assembleUI 7s infinite}.components{display:flex;gap:10px;margin-top:16px;animation:assembleUI 7s .4s infinite}.components span{height:51px;flex:1;border:1px solid var(--line-bright);border-radius:5px;background:#091a35}.browser-footer{height:6px;margin-top:13px;background:#426387;animation:assembleUI 7s .8s infinite}.code-card{left:4%;bottom:46px;width:53%;padding:16px;font:12px/1.6 monospace;color:var(--blue-bright)}.responsive-phone{right:6%;bottom:54px;width:78px;height:136px;padding:17px 9px;transform:rotateY(-16deg) rotateZ(5deg)}.responsive-phone i{display:block;height:37px;background:#123760;border-radius:4px}.responsive-phone span{display:block;height:16px;border:1px solid var(--line-bright);margin-top:9px}
.app-phone{left:16%;top:25px;width:45%;height:350px;border-radius:30px;border:5px solid #426387;transform:rotateY(-15deg) rotateZ(-4deg);padding:40px 19px 20px;overflow:hidden}.app-notch{position:absolute;top:10px;left:30%;right:30%;height:12px;border-radius:10px;background:#020716}.app-phone>small{font-size:8px}.app-screens{display:flex;gap:35px;width:calc(200% + 35px);margin-top:24px;animation:appTransition 9s ease infinite}.app-screens>div{flex:1;min-width:0}.app-screens strong{font-size:23px}.app-screens span{display:block;padding:12px 9px;background:#123760;border-radius:9px;margin-top:15px;font-size:10px}.api-node{right:5%;top:118px;width:31%;padding:17px;animation:sceneFloat 6s infinite}.api-node strong{color:var(--gold)}.api-node p{font-size:9px}.app-state{right:5%;bottom:66px;font-size:10px;padding:14px}
.design-stages{position:absolute;inset:0;perspective:1200px}.design-stage{width:46%;height:230px;top:75px;padding:20px;transform:rotateY(-20deg)}.design-stage small{font-size:8px;color:var(--blue-bright)}.wireframe{left:4%;z-index:1}.wireframe>div:not(.scene-lines){height:65px;border:1px dashed #9dadc4;margin-top:20px}.prototype{left:26%;top:111px;z-index:2;animation:prototypeLift 8s infinite}.prototype>div:not(.scene-lines){height:65px;background:#123760;border:1px solid var(--line-bright);margin-top:20px}.polished{right:3%;top:147px;z-index:3}.polished strong{font-size:25px;margin-top:24px}.polished>div{width:80%;height:21px;background:var(--gold);border-radius:6px;margin-top:23px}.design-connector{position:absolute;left:5%;top:32px;font-size:11px;color:var(--muted)}
.type-board{left:6%;top:40px;width:49%;height:240px;transform:rotateY(-15deg) rotateZ(-6deg)}.type-board>strong{font-size:94px;line-height:1.2;color:var(--gold)}.type-board>span{font-size:10px;color:var(--muted)}.type-board>small,.brand-board>small{font-size:8px}.brand-board{right:5%;top:65px;width:37%;height:170px;transform:rotateY(-12deg) rotateZ(6deg);animation:sceneFloat 8s infinite}.brand-shapes{position:relative;height:90px;margin-top:17px}.brand-shapes i{position:absolute;width:44px;height:44px;border:2px solid var(--gold);transform:rotate(45deg);top:15px;left:5px}.brand-shapes i:nth-child(2){left:35px;border-color:var(--blue-bright);border-radius:50%}.brand-shapes i:nth-child(3){left:55px;top:45px;width:17px;height:17px;border-color:var(--cyan)}.swatch-board{left:8%;bottom:60px;display:flex;gap:7px;padding:15px}.swatch-board span{width:25px;height:40px;background:var(--gold);border-radius:4px}.swatch-board span:nth-child(2){background:var(--blue)}.swatch-board span:nth-child(3){background:var(--navy-900);border:1px solid var(--line-bright)}.swatch-board span:nth-child(4){background:var(--ink)}.creative-board{right:5%;bottom:48px;width:44%;padding:18px}.creative-board strong{font-size:17px}
.video-monitor{left:10%;right:9%;top:40px;height:225px}.video-frame{display:grid;place-items:center;height:150px;background:#123760;border-radius:8px}.video-frame strong{font-size:17px}.edit-timeline{left:5%;right:5%;top:266px;height:116px;padding:14px;overflow:hidden;transform:rotateX(15deg) rotateY(-12deg)}.edit-timeline>small{font-size:8px}.video-track{display:flex;gap:4px;margin-top:8px}.video-track i{flex:1;background:#174d85;border-radius:4px;padding:6px;font-size:8px;font-style:normal}.video-track i:nth-child(2){background:#234367}.video-track i:nth-child(3){color:var(--gold)}.audio-track{display:flex;align-items:center;gap:4px;height:30px;overflow:hidden}.audio-track i{flex:1;min-width:3px;height:var(--wave);background:var(--green);opacity:.7}.playhead{position:absolute;left:20%;top:30px;bottom:4px;width:1px;background:var(--gold);animation:timelinePlay 8s linear infinite}.export-chip{right:5%;top:237px;font-size:9px;padding:10px;z-index:3}
@keyframes sceneGrow{0%,100%{scale:1 .8}50%{scale:1 1}}@keyframes sceneFloat{50%{translate:0 -8px}}@keyframes rankRise{50%{translate:0 -3px}}@keyframes flowSignal{0%,100%{opacity:.3}50%{opacity:1;translate:10px 0}}@keyframes nodePulse{50%{border-color:var(--gold);opacity:.6}}@keyframes contentCue{50%{border-color:var(--blue-bright)}}@keyframes pipelineLead{0%{left:0}80%,100%{left:94%}}@keyframes dataPacket{50%{translate:0 7px;border-color:var(--gold)}}@keyframes scanWebsite{0%,100%{translate:0 0}50%{translate:0 210px}}@keyframes resolveFinding{50%{color:var(--green)}}@keyframes assembleUI{0%,12%{translate:0 8px;opacity:.35}30%,100%{translate:0 0;opacity:1}}@keyframes appTransition{0%,35%,100%{translate:0 0}50%,85%{translate:calc(-50% - 17px) 0}}@keyframes prototypeLift{50%{translate:0 -10px}}@keyframes timelinePlay{from{left:8%}to{left:94%}}
@media(max-width:680px){.service-scene{height:370px}.scene-world{transform:scale(.84);transform-origin:top left;width:119%;height:440px}.service-scene figcaption{font-size:9px;bottom:10px}.scene-plane strong{overflow-wrap:normal}.store-product{gap:13px}.product-box{width:55px}.scene-label{font-size:8px}.metric-grid{gap:8px}.catalog-row,.catalog-head{font-size:9px}.brand-shapes i{width:32px;height:32px}.brand-shapes i:nth-child(2){left:25px}.brand-shapes i:nth-child(3){left:43px}.type-board>strong{font-size:78px}}
.scene-seo .search-window{top:112px;left:5%;width:62%;height:242px;padding:18px;z-index:1}
.scene-seo .keywords{top:24px;right:5%;width:72%;height:76px;padding:12px 18px;z-index:3}
.scene-seo .keywords p{font-size:10px;margin-top:4px}.scene-seo .keywords .scene-label{margin-bottom:4px}
.scene-seo .traffic-card{right:4%;bottom:47px;width:31%;height:185px;padding:17px;z-index:2}
.scene-seo .traffic-card .scene-bars{gap:5px;height:73px}.scene-seo .traffic-card .scene-bars i{width:12px}
@media(prefers-reduced-motion:reduce){.scene-world *{animation:none!important}.app-screens{translate:0 0}.scan-beam{display:none}}