.connected-visual{position:relative;width:100%;max-width:470px;height:290px;margin-top:36px;overflow:hidden;border:1px solid #333338;border-radius:16px;background:radial-gradient(ellipse at center,#242426,#121214 75%);isolation:isolate}
.connected-scene{position:absolute;inset:42px 20px;display:grid;place-items:center;opacity:0;transform:translateY(12px) scale(.96);transition:opacity .3s ease,transform .45s cubic-bezier(.2,.75,.25,1);pointer-events:none}.connected-scene.is-active{opacity:1;transform:none}
.growth-core{width:116px;height:116px;display:grid;place-items:center;border-radius:50%;background:#73db63;color:#10220e;font-size:85px;transform:rotate(-8deg)}
.growth-orbit{position:absolute;width:240px;height:136px;border:1px solid #73db6380;border-radius:50%;transform:rotate(-25deg)}.orbit-two{transform:rotate(35deg);width:220px;height:175px}.growth-dot{position:absolute;left:22%;top:22%;height:22px;width:22px;border-radius:50%;background:#ffee58}
.brand-sheet{position:absolute;display:grid;place-items:center;width:155px;height:154px;border-radius:8px;font-size:70px;letter-spacing:-.08em;font-weight:700;color:#161616}.sheet-back{background:#ff173b;transform:translate(-25px,-6px) rotate(-15deg)}.sheet-front{background:#ffee58;transform:translate(21px,8px) rotate(8deg)}.sheet-front>span{position:absolute;bottom:14px;font-size:8px;letter-spacing:.08em}.brand-spark{position:absolute;right:15%;top:12%;font-size:64px;color:#b18aff}
.digital-window{position:relative;width:240px;height:160px;border:1px solid #b18aff;border-radius:12px;background:#292033;transform:rotate(-6deg);box-shadow:12px 12px 0 #b18aff22}.window-dots{position:absolute;left:14px;top:4px;letter-spacing:5px;color:#b18aff}.window-line{position:absolute;left:22px;top:58px;width:145px;height:13px;border-radius:6px;background:#b18aff}.window-line.short{top:83px;width:100px;background:#b18aff55}.window-button{position:absolute;bottom:16px;right:20px;background:#ffee58;border-radius:50%;width:40px;height:40px;display:grid;place-items:center;font-size:26px;color:#111}.digital-pointer{position:absolute;right:17%;bottom:4%;font-size:70px;color:#73db63;transform:rotate(-10deg)}
.connected-services .service-row{transition:background-color .2s,border-color .2s;padding-inline:14px;border-radius:8px}.connected-services .service-row.is-active{background:#ffffff05;border-color:#777}.connected-services .service-row.is-active .service-arrow{color:#ffee58;transform:translate(2px,-2px)}
.service-mini{display:none}
.connected-services .services-layout{align-items:center}
.connected-services .service-row{grid-template-columns:minmax(0,1fr) 24px;gap:20px}
.connected-visual{height:auto;aspect-ratio:3/2}
.connected-scene.has-service-media{inset:0;transform:none!important}
.connected-scene.has-service-media>video,.connected-scene.has-service-media>img{object-fit:cover;border-radius:0}
.service-mini .connected-scene.has-service-media{inset:0;transform:none!important}
.connected-scene>video,.connected-scene>img{display:block;width:100%;height:100%;min-height:0;object-fit:contain;border-radius:8px}
.service-mini .connected-scene:has(video,img){transform:none!important}
@media(max-width:800px){
 .connected-services .services-layout{grid-template-columns:1fr;gap:32px}
 .connected-services .connected-visual{display:none}
 .connected-services .service-row{display:grid;grid-template-columns:minmax(0,1fr) 24px;gap:16px 12px;align-items:start;padding:24px 0;border-radius:0}
 .connected-services .service-row.is-active{background:transparent}
 .connected-services .service-row h3{margin-top:0}
 .connected-services .service-row p{margin-bottom:0}
 .service-mini{display:block;grid-column:1/-1;position:relative;aspect-ratio:3/2;overflow:hidden;border:1px solid #333338;border-radius:12px;background:#18181b}
 .service-mini .connected-scene{inset:10px;transform:scale(.8)}
 .service-mini .connected-scene.is-active{transform:scale(.8)}
}
/* Uploaded media always reaches the inner edge of the stroke on every breakpoint. */
.connected-services .has-service-media{inset:0!important;transform:none!important}
.connected-services .has-service-media>video,.connected-services .has-service-media>img{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;border-radius:0;margin:0;padding:0}
.connected-services .has-service-media[data-service-slug="web-development"]>video,.connected-services .has-service-media[data-service-slug="web-development"]>img{inset:-2%;width:104%;height:104%}
@media(prefers-reduced-motion:reduce){.connected-scene,.connected-services .service-row,.connected-services .service-arrow{transition:none!important}}
.connected-services .service-video-poster{z-index:1;opacity:1;pointer-events:none}
.connected-services .service-frame-ready>.service-video-poster{opacity:0}