/* Official brand surfaces, arranged as a screen rather than simulated hardware. */
:root{--ease-out:cubic-bezier(.23,1,.32,1);--ease-in-out:cubic-bezier(.77,0,.175,1)}
.v3 .mac-screen{padding:0;aspect-ratio:auto;border:0;border-radius:16px;background:#e7edf9;box-shadow:0 45px 80px -30px #000b,0 12px 25px -14px #0009;overflow:hidden}
.screen-chrome{height:30px;display:flex;align-items:center;gap:5px;padding:0 14px;background:#e9eef8;color:#485c7c}.screen-chrome i{width:5px;height:5px;border-radius:50%;background:#7891be}.screen-chrome i:nth-child(2){background:#2e6bff}.screen-chrome i:nth-child(3){background:#8b3dff}.screen-chrome span{font-size:8px;margin:auto}
.v3 .connect-desktop{border-radius:0;min-height:370px}.v3 .desktop-top{height:53px}.v3 .desktop-top>img{width:165px}.v3 .desktop-layout{grid-template-columns:120px 1fr}.v3 .desktop-main{padding:24px}.v3 .desktop-title h3{font-size:22px}.v3 .desktop-main>p{font-size:9px}.v3 .desktop-solutions{gap:12px;margin-top:24px}.v3 .desktop-solutions a{min-height:120px;padding:16px 12px}.v3 .desktop-solutions strong{font-size:11px}.v3 .desktop-solutions span{font-size:8px}.v3 .desktop-project{margin-top:25px;padding-top:20px}.v3 .desktop-project h4{font-size:23px}.v3 .desktop-project li,.v3 .desktop-project p{font-size:8px}.v3 .desktop-sidebar>span{font-size:8px}.v3 .desktop-title>span{display:none}.v3 .mac-shadow{display:none}
.v3 .mac-screen::after{display:none}.v3 .mac-scene{height:680px;scroll-margin-top:130px}.v3 .mac-composition{top:65px;transform-origin:50% 35%;transform-style:preserve-3d}.v3 .mac-device{width:66%;left:17%;top:15px;transform:translateZ(0)}
.v3 .satellite{border:0;border-radius:12px;box-shadow:0 30px 50px -25px #000a;transition:transform 240ms var(--ease-out),background 180ms ease}.v3 .satellite-ai{left:-1%;top:0;transform:translateZ(55px) rotate(-2deg)}.v3 .satellite-ads{right:-1%;top:35px;transform:translateZ(80px) rotate(2deg)}.v3 .satellite-system{left:1%;top:300px;transform:translateZ(75px) rotate(1deg)}.v3 .satellite-brand{right:0;top:325px;transform:translateZ(100px) rotate(-2deg)}
.v3 .v2-ecosystem,.v3 .process,.v3 .contact{position:relative;isolation:isolate}.v3 .ecosystem-stage{box-shadow:0 35px 65px -35px #152b6b66}.v3 .creative-grid{box-shadow:0 40px 75px -35px #0b153099}.v3 .service-panels{box-shadow:0 35px 65px -30px #0b153077}.v3 .traffic-explorer{box-shadow:0 35px 65px -30px #0b153077}
.v3 .process-track{position:relative}.v3 .process-track::after{content:'';position:absolute;left:0;right:0;top:27px;height:2px;background:linear-gradient(90deg,var(--blue),var(--violet));transform:scaleX(0);transform-origin:left;z-index:-1}.v3 .process.motion-seen .process-track::after{transform:scaleX(1);transition:transform 1200ms var(--ease-in-out)}
.v3 .ecosystem-ring::after{content:'';position:absolute;top:18%;left:10%;width:7px;height:7px;border-radius:50%;background:var(--blue);box-shadow:0 3px 9px #2e6bff66}.v3 .motion-inview .ring-inner{animation:connection-orbit 22s linear infinite}.v3 .motion-inview .ecosystem-core{animation:connection-breathe 6s ease-in-out infinite}.v3 .project-builder{position:relative;isolation:isolate;overflow:hidden}.v3 .project-builder::before{content:'';position:absolute;width:520px;height:520px;right:-230px;top:-150px;border:1px solid #739dff24;border-radius:50%;box-shadow:0 0 0 70px #739dff06,0 0 0 140px #739dff04;pointer-events:none;z-index:-1}.v3 .project-builder.motion-inview::before{animation:project-orbit 18s ease-in-out infinite alternate}
@keyframes connection-orbit{from{transform:rotateX(38deg) rotate(-20deg)}to{transform:rotateX(38deg) rotate(340deg)}}
@keyframes connection-breathe{50%{transform:translateZ(50px) translateY(-7px)}}
@keyframes project-orbit{to{transform:translate(-70px,80px)}}
@media(hover:hover) and (pointer:fine){.v3 .satellite:hover{transform:translateZ(110px) translateY(-7px) rotate(0)}.v3 .desktop-solutions a:hover{transform:translateY(-4px)}.v3 .desktop-solutions a{transition:transform 200ms var(--ease-out),background 180ms ease}.v3 .process-track li:hover .step-number{transform:translateY(-5px);background:#e3ecff}.v3 .step-number{transition:transform 200ms var(--ease-out),background 180ms ease}}
.v3 .motion-toggle{position:fixed;right:25px;bottom:82px;z-index:35;background:#0b1530;color:#dbe6ff;border:1px solid #849bce44;box-shadow:0 10px 25px -15px #0008;font-size:10px;min-height:35px;padding:8px 13px}
.v3.motion-paused .motion-inview *,.v3.chat-engaged .motion-inview *,.v3.page-hidden .motion-inview *{animation-play-state:paused!important}.v3.motion-paused .project-builder::before,.v3.chat-engaged .project-builder::before,.v3.page-hidden .project-builder::before{animation-play-state:paused!important}.v3.motion-paused .process-track::after,.v3.chat-engaged .process-track::after{transition:none}
@media(max-width:1100px) and (min-width:761px){.v3 .connect-desktop{min-height:320px}.v3 .desktop-main{padding:16px}.v3 .desktop-layout{grid-template-columns:90px 1fr}.v3 .desktop-title h3{font-size:17px}.v3 .desktop-solutions a{min-height:100px;padding:10px 7px}.v3 .desktop-solutions strong{font-size:8px}.v3 .desktop-solutions span{font-size:6px}.v3 .desktop-project h4{font-size:18px}.v3 .mac-scene{height:600px}.v3 .satellite-system{top:270px}.v3 .satellite-brand{top:290px}}
@media(max-width:760px){.v3 .mac-scene{height:auto;scroll-margin-top:100px}.v3 .mac-composition{top:auto;transform-style:flat;gap:14px}.v3 .mac-device{left:auto;top:auto;width:100%;margin:0 0 12px;transform:none}.v3 .connect-desktop{min-height:0}.screen-chrome{height:25px}.screen-chrome span{font-size:7px}.v3 .desktop-top{height:42px;padding:0 12px}.v3 .desktop-top>img{width:125px}.v3 .desktop-top>span:not(.desktop-avatar){font-size:6px}.v3 .desktop-layout{grid-template-columns:1fr}.v3 .desktop-sidebar{display:none}.v3 .desktop-main{padding:20px 14px}.v3 .desktop-title h3{font-size:20px}.v3 .desktop-main>p{font-size:9px;line-height:1.7;margin-top:8px}.v3 .desktop-solutions{margin:18px 0 0;gap:7px}.v3 .desktop-solutions a{padding:12px 8px;min-height:105px}.v3 .desktop-solutions strong{font-size:9px}.v3 .desktop-solutions span{font-size:7px;line-height:1.6}.v3 .desktop-solutions .icon{width:20px;height:20px;margin-bottom:10px}.v3 .satellite{left:auto;right:auto;top:auto;transform:none}.v3 .satellite-bar{font-size:9px}.v3 .satellite-content>p{font-size:9px}.v3 .satellite-content>strong{font-size:13px}.v3 .motion-toggle{right:14px;bottom:74px;font-size:9px;min-height:32px}.v3 .process-track::after{display:none}}
@media(prefers-reduced-motion:reduce){.v3 .motion-inview *,.v3 .project-builder::before{animation:none!important}.v3 .mac-composition,.v3 .satellite{transform:none!important}.v3 .process-track::after{transition:none!important}.v3 .satellite,.v3 .desktop-solutions a,.v3 .step-number{transition:none!important}}
@media(min-width:761px){.v3 .mac-scene{height:730px}.v3 .satellite-ai{top:125px}.v3 .satellite-ads{top:135px}.v3 .satellite-system{top:365px}.v3 .satellite-brand{top:375px}.v3 .mac-device{top:15px}.v3 .mac-composition{top:55px}}