.vr-service-block .vr-service-image{aspect-ratio:1;border-radius:24px;isolation:isolate;overflow:hidden;container-type:inline-size;background:radial-gradient(ellipse at 25% 10%,#ffffff45,transparent 65%),var(--scene);box-shadow:0 24px 60px #0003}
.vr-service-image:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:3;opacity:.13;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.5' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}
.vr-scene-social{--scene:#6843a4}.vr-scene-website{--scene:#c96b30}.vr-scene-seo{--scene:#124d3c}.vr-scene-ads{--scene:#123c86}.vr-scene-brand{--scene:#8b929c}.vr-scene-video{--scene:#252032}
.vr-service-image .vr-device{position:absolute;inset:9% 6% 15%;width:88%;height:76%;object-fit:contain;filter:drop-shadow(0 22px 18px #0005);transition:transform .3s cubic-bezier(.22,1,.36,1)}
.vr-service-image .vr-chip{position:absolute;z-index:4;bottom:7%;left:7%;display:flex;align-items:center;gap:8px;padding:11px 15px;max-width:88%;border:1px solid #ffffff80;border-radius:999px;background:#fffffff0;color:#17212c;box-shadow:0 8px 24px #0002;backdrop-filter:blur(14px);font:500 clamp(10px,2.7cqw,14px)/1.2 Suisse,Arial,sans-serif;transition:transform .3s cubic-bezier(.22,1,.36,1)}
.vr-chip:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--scene);flex-shrink:0}.vr-chip.vr-chip-second{bottom:auto;left:auto;right:6%;top:7%}.vr-chip svg{width:20px;height:20px}
.vr-service-image:hover .vr-device{transform:scale(1.035)}.vr-service-image:hover .vr-chip{transform:translateY(-5px)}
.vr-service-image .vr-coded{font-family:Arial,sans-serif;color:#243348;font-size:2.8cqw;line-height:1.4;display:block;filter:drop-shadow(0 20px 18px #0005)}
.vr-phone-search{position:absolute;inset:8% 24% 17%;padding:4%;border:7px solid #1b2229;border-radius:28px;background:#fafbfd;transform:rotate(-9deg);overflow:hidden;box-shadow:inset 0 0 0 1px #8c999e}
.vr-phone-search:before{content:"";display:block;width:36%;height:7px;background:#1b2229;border-radius:10px;margin:-5px auto 15px}.vr-searchbar{border-radius:20px;background:#edf0f4;padding:8px;font-size:2.5cqw}.vr-search-title{font-size:4cqw;display:block;margin:12px 0;color:#234539}.vr-map{height:100px;height:23cqw;margin:12px -4px;background:repeating-linear-gradient(25deg,transparent 0 24px,#fff 25px 31px,transparent 32px 50px),repeating-linear-gradient(110deg,#d6e5dc 0 35px,#f5faf6 36px 44px);position:relative;overflow:hidden;border-radius:8px}.vr-map i{position:absolute;left:40%;top:25%;width:18px;height:18px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:#257757;border:3px solid white}.vr-listing{padding:9px 7px;border:1px solid #dce5e0;border-radius:8px;margin-top:8px;font-size:2.4cqw}.vr-listing strong{display:block;color:#1f6552;font-size:3cqw}.vr-listing-highlight{background:#e4f6ec;border-color:#60a888}.vr-map-pin{position:absolute;right:15%;top:22%;width:12%;height:12%;border-radius:50% 50% 50% 0;background:#d6ffe8;border:5px solid #ffffffa0;transform:rotate(-45deg);box-shadow:0 15px 25px #0004}.vr-map-pin:after{content:"";position:absolute;inset:28%;border-radius:50%;background:#21805a}
.vr-laptop{position:absolute;inset:20% 8% 27%;background:#edf3fb;border:7px solid #1e283a;border-radius:12px;transform:perspective(850px) rotateY(-12deg) rotateZ(-6deg);padding:5%;box-shadow:0 18px 30px #0004}.vr-laptop:after{content:"";position:absolute;left:-8%;right:-8%;bottom:-18px;height:13px;border-radius:0 0 50% 50%;background:linear-gradient(#bdc7d7,#697890)}.vr-dash-title{font-weight:700;font-size:3.6cqw}.vr-dash-note{font-size:2.3cqw;color:#63718a}.vr-charts{display:flex;gap:9%;height:63%;margin-top:6%;align-items:end}.vr-bars{display:flex;align-items:end;gap:12%;width:43%;height:100%;border-bottom:1px solid #aabbd2}.vr-bars i{width:20%;background:linear-gradient(#63a4f8,#4460ca);border-radius:4px 4px 0 0}.vr-line-chart{width:48%;height:100%;background:repeating-linear-gradient(0deg,transparent 0 19px,#d7e2ef 20px 21px)}.vr-line-chart svg{width:100%;height:100%}.vr-sponsored{position:absolute;right:8%;bottom:21%;width:45%;padding:4%;background:#fffffff2;border:1px solid #fff;border-radius:12px;box-shadow:0 12px 24px #0003;transform:rotate(5deg);font-size:2.6cqw}.vr-sponsored strong{display:block;font-size:3.3cqw}.vr-sponsored small{font-size:2.2cqw;color:#657089}
@media(max-width:767px){.vr-service-block{grid-template-columns:1fr;gap:24px}.vr-service-block .vr-service-image{order:-1;width:100%;max-height:none}.vr-service-block .vr-service-copy{min-width:0}
/* real image blocks: show the full picture at its natural proportions, no crop or squeeze */
.vr-service-block .vr-service-image:has(> img.vr-device){aspect-ratio:auto;height:auto;max-height:none}
.vr-service-block .vr-service-image:has(> img.vr-device) .vr-device{position:static;inset:auto;width:100%;height:auto;object-fit:contain;filter:none;display:block}}
@media(prefers-reduced-motion:reduce){.vr-service-image,.vr-service-image *{animation:none!important;transition:none!important}.vr-service-image[data-reveal]{transform:none!important;opacity:1!important}.vr-service-image:hover .vr-device,.vr-service-image:hover .vr-chip{transform:none}}
.vr-phone-search{bottom:3%;padding:3%}.vr-map{height:18cqw;margin-block:8px}.vr-listing{padding:6px;margin-top:5px}.vr-search-title{margin:8px 0}