.vv-visual{
    --vv-cyan:#93EBF3;
    --vv-purple:#FF00F9;
    --vv-dark:#12171A;
    --vv-light:#F3F6F6;
    --vv-height:360px;
    --vv-radius:28px;
    --vv-duration:5.6s;
    --vv-float:4px;
    width:100%;
    min-width:0;
}
.vv-stage{
    position:relative;
    width:100%;
    height:var(--vv-height);
    overflow:visible;
    border-radius:var(--vv-radius);
    background:transparent;
    perspective:1400px;
    isolation:isolate;
}
.vv-stage::before,.vv-stage::after{
    content:"";
    position:absolute;
    width:30%;
    height:46%;
    border-radius:50%;
    filter:blur(58px);
    opacity:.12;
    pointer-events:none;
    z-index:-1;
}
.vv-stage::before{left:4%;bottom:3%;background:var(--vv-cyan)}
.vv-stage::after{right:3%;top:4%;background:var(--vv-purple);opacity:.08}
.vv-object{position:absolute;inset:8% 5%;transition:transform .7s cubic-bezier(.2,.7,.2,1),opacity .7s ease;transform-origin:center}
.vv-perspective .vv-object{transform:rotateX(1.6deg) rotateY(-1.2deg)}
.vv-animated:not(.is-visible) .vv-object{opacity:.001;transform:translateY(22px) scale(.985)}
.vv-animated.is-visible .vv-object{opacity:1}
.vv-animated.is-visible .vv-browser,.vv-animated.is-visible .vv-brand-scene,.vv-animated.is-visible .vv-plugin-scene,.vv-animated.is-visible .vv-performance-scene,.vv-animated.is-visible .vv-mobile-scene{animation:vv-float var(--vv-duration) ease-in-out infinite}
@keyframes vv-float{0%,100%{translate:0 0}50%{translate:0 calc(var(--vv-float) * -1)}}
.vv-browser{inset:8% 5% 7%;border-radius:24px;background:var(--vv-dark);box-shadow:0 20px 48px rgba(0,0,0,.22);border:1px solid color-mix(in srgb,var(--vv-cyan) 55%,transparent);overflow:hidden}
.vv-mobile-status{display:none}
.vv-browser-chrome{height:18%;min-height:42px;background:#0d1113;display:flex;align-items:center;gap:9px;padding:0 18px}
.vv-browser-chrome>span{width:10px;height:10px;border-radius:50%;background:#30383c}
.vv-browser-chrome>span:first-child{background:var(--vv-purple)}
.vv-browser-chrome>span:nth-child(2){background:var(--vv-cyan)}
.vv-browser-address{height:44%;flex:1;margin-left:12px;border-radius:999px;background:#20272a;position:relative}
.vv-browser-address i{position:absolute;width:10px;height:10px;border:1.5px solid #7a878c;border-radius:50%;left:16px;top:50%;transform:translateY(-50%)}
.vv-browser-address i::after{content:"";position:absolute;width:6px;height:1.5px;background:#7a878c;right:-5px;bottom:-2px;rotate:45deg;border-radius:2px}
.vv-browser-accent{width:13%;height:42%;border-radius:999px;background:linear-gradient(90deg,var(--vv-cyan),var(--vv-purple))}
.vv-browser-content{height:82%;background:linear-gradient(160deg,#fff,var(--vv-light));color:var(--vv-dark)}
.vv-search-scene{display:flex;align-items:center;gap:4.5%;padding:4% 6%}
.vv-search-logo{width:13%;aspect-ratio:1;border-radius:22px;background:#fff;border:1px solid #dce2e2;display:grid;place-items:center;box-shadow:0 12px 30px rgba(18,23,26,.06);flex:none}
.vv-search-logo img{width:68%;height:68%;object-fit:contain}
.vv-search-main{flex:1;min-width:0}
.vv-overline{font:700 clamp(9px,1vw,13px)/1.2 Arial,sans-serif;letter-spacing:.18em;color:#3f494d;margin-bottom:13px}
.vv-search-box{height:64px;max-width:850px;border:2px solid #ccd4d4;background:#fff;border-radius:999px;display:flex;align-items:center;padding:0 15px 0 22px;gap:16px;box-shadow:0 12px 30px rgba(18,23,26,.06)}
.vv-search-icon{width:18px;height:18px;border:2px solid #738085;border-radius:50%;position:relative;flex:none}
.vv-search-icon::after{content:"";position:absolute;width:8px;height:2px;background:#738085;right:-6px;bottom:-3px;rotate:45deg;border-radius:2px}
.vv-type-text{font:600 clamp(16px,2vw,24px)/1.2 Arial,sans-serif;color:var(--vv-dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.vv-caret{width:3px;height:27px;background:var(--vv-purple);border-radius:3px;box-shadow:0 0 12px color-mix(in srgb,var(--vv-purple) 55%,transparent);flex:none;animation:vv-caret 1s steps(1,end) infinite}
@keyframes vv-caret{0%,45%{opacity:1}46%,85%{opacity:0}86%,100%{opacity:1}}
.vv-go{margin-left:auto;width:42px;height:42px;border-radius:50%;background:var(--vv-dark);color:var(--vv-cyan);display:grid;place-items:center;font:700 20px/1 Arial,sans-serif;flex:none}
.vv-result-lines{display:grid;grid-template-columns:1.2fr .95fr .65fr .55fr;gap:10px;margin-top:20px;max-width:820px}
.vv-result-lines i{display:block;height:9px;border-radius:999px;background:#d3dada}.vv-result-lines i:nth-child(3){background:color-mix(in srgb,var(--vv-purple) 35%,#d3dada)}.vv-result-lines i:nth-child(4){background:color-mix(in srgb,var(--vv-cyan) 52%,#d3dada)}
/* SEO */
.vv-serp-scene{padding:3% 5%;position:relative}.vv-serp-top{display:flex;align-items:center;gap:20px}.vv-serp-top img{width:46px;height:46px;object-fit:contain}.vv-serp-query{height:52px;border:1.5px solid #cbd3d3;background:#fff;border-radius:999px;display:flex;align-items:center;padding:0 22px;min-width:42%;gap:8px}.vv-serp-query .vv-type-text{font-size:17px}.vv-serp-query .vv-caret{height:22px}.vv-serp-list{display:grid;gap:12px;margin-top:18px;width:72%}.vv-serp-card{display:flex;gap:12px;background:#fff;border:1px solid #dfe4e4;border-radius:14px;padding:12px 15px;box-shadow:0 8px 20px rgba(18,23,26,.04)}.vv-serp-card>div{flex:1;display:grid;gap:6px}.vv-serp-dot{width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,var(--vv-cyan),var(--vv-purple));margin-top:2px}.vv-serp-card i{display:block;border-radius:999px}.vv-serp-url{width:34%;height:5px;background:#cdd6d6}.vv-serp-title{width:58%;height:8px;background:var(--vv-dark)}.vv-serp-copy{width:92%;height:5px;background:#d9dede}.vv-serp-copy.short{width:68%}.vv-serp-rank{position:absolute;right:7%;top:30%;width:17%;aspect-ratio:1;border-radius:50%;background:conic-gradient(var(--vv-cyan) 0 64%,var(--vv-purple) 64% 83%,#d7dddd 83%);box-shadow:0 18px 38px rgba(18,23,26,.1);animation:vv-spinIn 1.2s ease both paused}.is-visible .vv-serp-rank{animation-play-state:running}.vv-serp-rank::after{content:"";position:absolute;inset:17%;border-radius:50%;background:var(--vv-light)}@keyframes vv-spinIn{from{rotate:-70deg;scale:.8;opacity:0}to{rotate:0;scale:1;opacity:1}}
/* Branding */
.vv-brand-scene{inset:7% 4%;border-radius:26px;background:linear-gradient(120deg,#eef2f2,#fff);border:1px solid #dbe1e1;box-shadow:0 20px 48px rgba(18,23,26,.11);display:grid;grid-template-columns:1fr 1.1fr 1.4fr;align-items:center;gap:5%;padding:4% 6%;overflow:hidden}.vv-brand-logo{aspect-ratio:1;border-radius:26px;background:var(--vv-dark);display:grid;place-items:center;box-shadow:0 20px 36px rgba(18,23,26,.18);z-index:2}.vv-brand-logo img{width:62%;height:62%;object-fit:contain}.vv-brand-swatches{display:grid;grid-template-columns:1fr 1fr;gap:13px;z-index:2}.vv-brand-swatches span{display:block;aspect-ratio:1.55;border-radius:14px;background:var(--vv-dark)}.vv-brand-swatches span:nth-child(2){background:var(--vv-cyan)}.vv-brand-swatches span:nth-child(3){background:var(--vv-purple)}.vv-brand-swatches span:nth-child(4){background:#fff;border:1px solid #dfe4e4}.vv-brand-type{z-index:2}.vv-brand-type strong{display:block;font:800 clamp(28px,4.2vw,62px)/.95 Arial,sans-serif;color:var(--vv-dark);margin:10px 0 22px}.vv-brand-type i{display:block;width:88%;height:9px;background:#ced6d6;border-radius:999px;margin:9px 0}.vv-brand-type i.short{width:58%}.vv-brand-shape{position:absolute;border-radius:50%;filter:blur(1px);opacity:.14}.vv-brand-shape.one{width:230px;height:230px;background:var(--vv-cyan);right:-40px;top:-80px}.vv-brand-shape.two{width:160px;height:160px;background:var(--vv-purple);left:34%;bottom:-90px}.vv-brand-grid{position:absolute;inset:0;background-image:linear-gradient(#12171a08 1px,transparent 1px),linear-gradient(90deg,#12171a08 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(90deg,transparent,#000 28%,#000 72%,transparent)}
/* Plugin UI */
.vv-plugin-scene{inset:7% 4%;border-radius:26px;background:var(--vv-dark);box-shadow:0 20px 48px rgba(0,0,0,.21);display:grid;grid-template-columns:16% 1fr;overflow:hidden;border:1px solid color-mix(in srgb,var(--vv-cyan) 50%,transparent)}.vv-plugin-sidebar{background:#0d1113;padding:24px 18px;display:flex;flex-direction:column;gap:13px}.vv-plugin-sidebar img{width:48px;height:48px;object-fit:contain;margin-bottom:14px}.vv-plugin-sidebar i{display:block;height:8px;border-radius:999px;background:#283034}.vv-plugin-sidebar i:nth-of-type(2){background:var(--vv-purple)}.vv-plugin-main{padding:22px 28px}.vv-plugin-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.vv-plugin-head strong{color:#fff;font:700 clamp(20px,2.4vw,34px)/1.1 Arial,sans-serif}.vv-plugin-head span{width:90px;height:30px;border-radius:999px;background:linear-gradient(90deg,var(--vv-cyan),var(--vv-purple))}.vv-plugin-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px}.vv-plugin-card{background:#192024;border:1px solid #2c373b;border-radius:16px;padding:16px;display:flex;align-items:center;gap:13px}.vv-plugin-icon{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,var(--vv-cyan),var(--vv-purple));flex:none}.vv-plugin-card>div{flex:1}.vv-plugin-card i{display:block;height:7px;border-radius:999px;background:#d9e0e0;width:74%;margin:6px 0}.vv-plugin-card i.short{width:48%;background:#647176}.vv-plugin-card b{width:38px;height:20px;border-radius:999px;background:#303b3f;position:relative}.vv-plugin-card b::after{content:"";position:absolute;width:14px;height:14px;border-radius:50%;background:var(--vv-cyan);top:3px;left:20px}.vv-plugin-lines{display:grid;grid-template-columns:1fr .7fr .45fr;gap:10px;margin-top:18px}.vv-plugin-lines i{height:8px;border-radius:999px;background:#2d383c}
/* Performance */
.vv-performance-scene{inset:7% 4%;border-radius:26px;background:linear-gradient(135deg,#0b0d0f,#182025);border:1px solid color-mix(in srgb,var(--vv-cyan) 48%,transparent);box-shadow:0 20px 48px rgba(0,0,0,.22);display:grid;grid-template-columns:.8fr 1.3fr .9fr;align-items:center;gap:5%;padding:4% 6%;overflow:hidden}.vv-speed-ring{width:min(190px,20vw);aspect-ratio:1;border-radius:50%;background:conic-gradient(var(--vv-cyan) 0 64%,var(--vv-purple) 64% 82%,#2a3438 82%);display:grid;place-items:center;box-shadow:0 0 60px color-mix(in srgb,var(--vv-cyan) 12%,transparent)}.vv-speed-ring>div{width:74%;height:74%;border-radius:50%;background:var(--vv-dark);display:grid;place-items:center}.vv-speed-ring img{width:58%;height:58%;object-fit:contain}.vv-speed-bars .vv-overline{color:#a8b4b8}.vv-speed-bars i{display:block;width:0;height:12px;border-radius:999px;background:linear-gradient(90deg,var(--vv-cyan),var(--vv-purple));margin:15px 0;transition:width 1s cubic-bezier(.2,.8,.2,1)}.is-visible .vv-speed-bars i{width:var(--w)}.vv-speed-wave{height:150px;display:flex;align-items:end;gap:10px}.vv-speed-wave span{flex:1;min-width:8px;border-radius:10px 10px 3px 3px;background:linear-gradient(180deg,var(--vv-purple),var(--vv-cyan));height:30%;animation:vv-bars calc(var(--vv-duration)*.7) ease-in-out infinite alternate}.vv-speed-wave span:nth-child(2){height:58%;animation-delay:.15s}.vv-speed-wave span:nth-child(3){height:84%;animation-delay:.3s}.vv-speed-wave span:nth-child(4){height:66%;animation-delay:.45s}.vv-speed-wave span:nth-child(5){height:92%;animation-delay:.6s}.vv-speed-wave span:nth-child(6){height:48%;animation-delay:.75s}@keyframes vv-bars{to{scale:1 1.12;filter:brightness(1.15)}}
/* Mobile */
.vv-mobile-scene{inset:6% 5%;display:flex;align-items:center;justify-content:center;gap:4%;overflow:visible}.vv-phone{height:88%;aspect-ratio:.49;background:#101417;border:2px solid #2c3438;border-radius:28px;padding:9px;box-shadow:0 18px 40px rgba(0,0,0,.18);position:relative;transition:transform .8s ease}.vv-phone-1{transform:translateY(8%) rotate(-5deg)}.vv-phone-2{transform:translateY(-2%) scale(1.06);z-index:2}.vv-phone-3{transform:translateY(8%) rotate(5deg)}.vv-phone-notch{position:absolute;top:14px;left:50%;transform:translateX(-50%);width:34%;height:10px;border-radius:999px;background:#060809;z-index:3}.vv-phone-screen{height:100%;border-radius:20px;background:linear-gradient(160deg,#fff,var(--vv-light));padding:28px 12px 12px;overflow:hidden}.vv-phone-screen img{width:32px;height:32px;object-fit:contain;display:block;margin-bottom:12px}.vv-phone-screen i{display:block;height:7px;border-radius:999px;background:#d1d8d8;margin:7px 0}.vv-phone-screen i.hero{height:34%;border-radius:12px;background:linear-gradient(135deg,var(--vv-dark),#263136);margin:0 0 12px}.vv-phone-screen i.short{width:60%}.vv-phone-card{height:25%;border-radius:12px;background:linear-gradient(135deg,color-mix(in srgb,var(--vv-cyan) 45%,#fff),color-mix(in srgb,var(--vv-purple) 25%,#fff));margin-top:13px}.vv-mobile-line{position:absolute;width:70%;height:2px;background:linear-gradient(90deg,transparent,var(--vv-cyan),var(--vv-purple),transparent);bottom:4%;filter:blur(.2px)}.is-visible .vv-phone-1{animation:vv-phone1 var(--vv-duration) ease-in-out infinite}.is-visible .vv-phone-3{animation:vv-phone3 var(--vv-duration) ease-in-out infinite}@keyframes vv-phone1{50%{transform:translateY(5%) rotate(-3deg)}}@keyframes vv-phone3{50%{transform:translateY(5%) rotate(3deg)}}
@media (max-width:767px){
    /* Browser based visuals become an intentionally cropped smartphone scene on touch layouts. */
    .vv-scene-browser_search .vv-browser,
    .vv-scene-seo_results .vv-browser{
        inset:0 5% 0;
        border:6px solid #0d1113;
        border-radius:36px;
        background:#0d1113;
        box-shadow:0 24px 48px rgba(0,0,0,.24),inset 0 0 0 1px #313a3e;
        overflow:hidden;
        -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 78%,rgba(0,0,0,.96) 84%,rgba(0,0,0,.62) 92%,transparent 100%);
        mask-image:linear-gradient(to bottom,#000 0%,#000 78%,rgba(0,0,0,.96) 84%,rgba(0,0,0,.62) 92%,transparent 100%);
    }
    .vv-scene-browser_search .vv-browser-chrome,
    .vv-scene-seo_results .vv-browser-chrome{display:none}
    .vv-scene-browser_search .vv-mobile-status,
    .vv-scene-seo_results .vv-mobile-status{
        display:flex;
        position:absolute;
        z-index:8;
        top:0;
        left:0;
        right:0;
        height:42px;
        padding:10px 15px 0;
        align-items:flex-start;
        justify-content:space-between;
        color:var(--vv-dark);
        pointer-events:none;
        font:700 10px/1 Arial,sans-serif;
        letter-spacing:.01em;
    }
    .vv-mobile-icons{display:flex;align-items:center;gap:7px;height:12px}
    .vv-mobile-signal{display:flex;align-items:flex-end;gap:1.5px;height:10px}
    .vv-mobile-signal i{display:block;width:2px;border-radius:2px;background:var(--vv-dark)}
    .vv-mobile-signal i:nth-child(1){height:4px}.vv-mobile-signal i:nth-child(2){height:6px}.vv-mobile-signal i:nth-child(3){height:8px}.vv-mobile-signal i:nth-child(4){height:10px}
    .vv-mobile-wifi{position:relative;width:14px;height:9px;overflow:hidden}
    .vv-mobile-wifi::before,.vv-mobile-wifi::after{content:"";position:absolute;left:50%;transform:translateX(-50%);border:1.6px solid var(--vv-dark);border-color:var(--vv-dark) transparent transparent transparent;border-radius:50%}
    .vv-mobile-wifi::before{width:14px;height:14px;top:0}.vv-mobile-wifi::after{width:8px;height:8px;top:4px}
    .vv-mobile-battery{position:relative;width:18px;height:9px;border:1.4px solid var(--vv-dark);border-radius:2.5px;margin-left:1px}
    .vv-mobile-battery::after{content:"";position:absolute;right:-3px;top:2px;width:2px;height:4px;border-radius:0 2px 2px 0;background:var(--vv-dark);opacity:.75}
    .vv-mobile-battery i{display:block;position:absolute;left:1.5px;top:1.5px;bottom:1.5px;width:72%;border-radius:1px;background:linear-gradient(90deg,var(--vv-cyan),var(--vv-purple))}

    .vv-scene-browser_search .vv-browser-content,
    .vv-scene-seo_results .vv-browser-content{
        position:absolute;
        inset:0;
        height:auto;
        border-radius:29px;
        overflow:hidden;
        background:linear-gradient(165deg,#fff 0%,var(--vv-light) 100%);
    }
    .vv-scene-browser_search .vv-search-scene{
        display:flex;
        flex-direction:column;
        align-items:stretch;
        justify-content:flex-start;
        gap:0;
        padding:52px 16px 18px;
    }
    .vv-scene-browser_search .vv-search-logo{
        width:48px;
        height:48px;
        aspect-ratio:auto;
        align-self:center;
        border-radius:14px;
        margin:3px 0 12px;
        box-shadow:0 8px 18px rgba(18,23,26,.08);
    }
    .vv-scene-browser_search .vv-search-main{width:100%;min-width:0}
    .vv-scene-browser_search .vv-overline{text-align:center;font-size:8px;letter-spacing:.17em;margin-bottom:11px}
    .vv-scene-browser_search .vv-search-box{height:50px;width:100%;max-width:none;padding:0 9px 0 14px;gap:9px;border-width:1.5px;box-shadow:0 9px 24px rgba(18,23,26,.07)}
    .vv-scene-browser_search .vv-search-icon{width:15px;height:15px;border-width:1.7px}
    .vv-scene-browser_search .vv-type-text{font-size:14px}
    .vv-scene-browser_search .vv-caret{height:20px;width:2px}
    .vv-scene-browser_search .vv-go{width:32px;height:32px;font-size:15px}
    .vv-scene-browser_search .vv-result-lines{display:grid;grid-template-columns:1fr;margin:17px 9px 0;gap:9px}
    .vv-scene-browser_search .vv-result-lines i{display:block!important;height:7px}
    .vv-scene-browser_search .vv-result-lines i:nth-child(1){width:88%}
    .vv-scene-browser_search .vv-result-lines i:nth-child(2){width:68%}
    .vv-scene-browser_search .vv-result-lines i:nth-child(3){width:78%}
    .vv-scene-browser_search .vv-result-lines i:nth-child(4){width:51%}

    .vv-scene-seo_results .vv-serp-scene{padding:52px 14px 18px}
    .vv-scene-seo_results .vv-serp-top{gap:9px;align-items:center}.vv-scene-seo_results .vv-serp-top img{width:32px;height:32px}
    .vv-scene-seo_results .vv-serp-query{height:42px;padding:0 13px;min-width:0;flex:1}.vv-scene-seo_results .vv-serp-query .vv-type-text{font-size:13px}.vv-scene-seo_results .vv-serp-query .vv-caret{height:18px}
    .vv-scene-seo_results .vv-serp-list{width:100%;gap:9px;margin-top:15px}.vv-scene-seo_results .vv-serp-card{padding:10px;border-radius:12px}.vv-scene-seo_results .vv-serp-card:nth-child(3){opacity:.5}
    .vv-scene-seo_results .vv-serp-rank{display:none}

    /* Other visual types retain their composition but scale more deliberately on small screens. */
    .vv-brand-scene{inset:5% 2%;grid-template-columns:.75fr 1fr;padding:5%;gap:5%}.vv-brand-type{grid-column:1/-1}.vv-brand-type strong{font-size:28px;margin:5px 0 10px}.vv-brand-type i{height:6px;margin:5px 0}
    .vv-plugin-scene{inset:5% 2%;grid-template-columns:21% 1fr}.vv-plugin-sidebar{padding:18px 10px}.vv-plugin-main{padding:18px 14px}.vv-plugin-cards{grid-template-columns:1fr}.vv-plugin-card:nth-child(n+3){display:none}
    .vv-performance-scene{inset:5% 2%;grid-template-columns:.8fr 1.2fr;padding:5%}.vv-speed-wave{display:none}.vv-speed-ring{width:120px}
    .vv-mobile-scene{gap:2%}.vv-phone{height:78%;padding:6px;border-radius:22px}.vv-phone-1,.vv-phone-3{height:67%}
}
@media (prefers-reduced-motion:reduce){.vv-visual *{animation:none!important;transition:none!important}.vv-animated:not(.is-visible) .vv-object{opacity:1;transform:none}.vv-speed-bars i{width:var(--w)!important}.vv-caret{opacity:1!important}}

/* 1.1.0 extended visual library */
.vv-animated.is-visible .vv-object{animation:vv-float var(--vv-duration) ease-in-out infinite}

/* Webdesign: site structure */
.vv-structure-scene{inset:6% 4%;display:grid;grid-template-columns:13% 1fr 22%;gap:18px;border-radius:26px;background:linear-gradient(135deg,#0c1012,#172024);border:1px solid color-mix(in srgb,var(--vv-cyan) 48%,transparent);box-shadow:0 22px 52px rgba(0,0,0,.2);padding:18px;overflow:hidden}
.vv-structure-side{border-radius:18px;background:#0a0d0f;padding:16px 12px;display:flex;flex-direction:column;gap:12px}
.vv-structure-side img{width:42px;height:42px;object-fit:contain;margin-bottom:7px}.vv-structure-side i{height:7px;border-radius:999px;background:#283136}.vv-structure-side i:nth-of-type(2){background:var(--vv-purple)}.vv-structure-side i:nth-of-type(4){background:color-mix(in srgb,var(--vv-cyan) 55%,#283136)}
.vv-structure-canvas{min-width:0;border-radius:18px;background:linear-gradient(160deg,#fff,var(--vv-light));padding:16px;overflow:hidden}.vv-structure-top{display:flex;gap:7px;margin-bottom:12px}.vv-structure-top span{width:8px;height:8px;border-radius:50%;background:#ccd4d5}.vv-structure-top span:first-child{background:var(--vv-purple)}.vv-structure-top span:nth-child(2){background:var(--vv-cyan)}
.vv-structure-hero{height:30%;min-height:62px;border-radius:14px;background:linear-gradient(120deg,var(--vv-dark),#263136);padding:14px}.vv-structure-hero b{display:block;width:36%;height:10px;border-radius:999px;background:#fff}.vv-structure-hero i{display:block;width:58%;height:6px;border-radius:999px;background:#89969b;margin-top:10px}.vv-structure-hero i:last-child{width:42%}
.vv-structure-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:10px}.vv-structure-card{border:1px solid #dce3e3;border-radius:12px;background:#fff;padding:11px;transform:translateY(10px);opacity:.65;transition:transform .75s ease,opacity .75s ease}.is-visible .vv-structure-card{transform:none;opacity:1}.vv-structure-card:nth-child(2){transition-delay:.08s}.vv-structure-card:nth-child(3){transition-delay:.16s}.vv-structure-card:nth-child(4){transition-delay:.24s}.vv-structure-card:nth-child(5){transition-delay:.32s}.vv-structure-card:nth-child(6){transition-delay:.4s}.vv-structure-card span{display:block;width:22px;height:22px;border-radius:7px;background:linear-gradient(135deg,var(--vv-cyan),var(--vv-purple));margin-bottom:9px}.vv-structure-card i{display:block;height:5px;border-radius:99px;background:#cfd7d8;margin-top:5px}.vv-structure-card i:last-child{width:62%}
.vv-structure-map{position:relative;border-radius:18px;background:#10171a;overflow:hidden}.vv-structure-map::before{content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:22px 22px}.vv-structure-node{position:absolute;width:24px;height:24px;border-radius:50%;background:#fff;border:5px solid var(--vv-cyan);box-shadow:0 0 22px color-mix(in srgb,var(--vv-cyan) 32%,transparent);z-index:2}.vv-structure-node.n1{left:18%;top:20%}.vv-structure-node.n2{right:18%;top:29%;border-color:var(--vv-purple)}.vv-structure-node.n3{left:28%;bottom:20%;border-color:var(--vv-purple)}.vv-structure-node.n4{right:21%;bottom:17%}.vv-structure-map>i{position:absolute;height:2px;transform-origin:left center;background:linear-gradient(90deg,var(--vv-cyan),var(--vv-purple));opacity:.7}.vv-structure-map .l1{left:27%;top:28%;width:48%;rotate:10deg}.vv-structure-map .l2{left:29%;top:64%;width:49%;rotate:-42deg}.vv-structure-map .l3{left:37%;top:70%;width:40%;rotate:5deg}.is-visible .vv-structure-node{animation:vv-node-pulse 2.7s ease-in-out infinite}.vv-structure-node.n2{animation-delay:.4s!important}.vv-structure-node.n3{animation-delay:.8s!important}.vv-structure-node.n4{animation-delay:1.2s!important}@keyframes vv-node-pulse{50%{scale:1.12;filter:brightness(1.12)}}

/* Webdesign: responsive layouts */
.vv-responsive-scene{inset:4% 3%;display:flex;align-items:center;justify-content:center;gap:3.2%;overflow:visible}.vv-device{position:relative;background:#0d1113;border:2px solid #303a3e;box-shadow:0 20px 46px rgba(0,0,0,.2)}.vv-device-screen{height:100%;background:linear-gradient(160deg,#fff,var(--vv-light));overflow:hidden}.vv-device-desktop{width:48%;height:72%;border-radius:18px;padding:8px;margin-top:-1%}.vv-device-desktop .vv-device-screen{border-radius:12px;padding:12px}.vv-device-base{position:absolute;left:50%;transform:translateX(-50%);bottom:-24px;width:36%;height:24px;background:linear-gradient(#293236,#0d1113);clip-path:polygon(34% 0,66% 0,78% 72%,100% 78%,100% 100%,0 100%,0 78%,22% 72%)}.vv-device-tablet{width:24%;height:80%;border-radius:28px;padding:8px;transform:translateY(4%)}.vv-device-tablet .vv-device-screen{border-radius:20px;padding:12px}.vv-device-phone{width:12%;height:88%;min-width:82px;border-radius:30px;padding:7px;transform:translateY(8%)}.vv-device-phone .vv-device-screen{border-radius:23px;padding:24px 9px 10px}.vv-device-notch{position:absolute;top:12px;left:50%;transform:translateX(-50%);width:34%;height:8px;border-radius:999px;background:#060809;z-index:2}.vv-device-head{height:14%;display:flex;align-items:center;gap:10px}.vv-device-head img{width:26px;height:26px;object-fit:contain}.vv-device-head i{height:5px;flex:1;border-radius:999px;background:#d3dada}.vv-device-hero{height:44%;border-radius:10px;background:linear-gradient(130deg,var(--vv-dark),#263236);position:relative;overflow:hidden}.vv-device-hero::after{content:"";position:absolute;inset:auto -20% -55% 25%;height:110%;background:var(--vv-cyan);opacity:.22;rotate:-12deg}.vv-device-row{display:flex;gap:7px;margin-top:9px}.vv-device-row i{height:28px;flex:1;border-radius:8px;background:#dce3e3}.vv-device-row i:nth-child(2){background:color-mix(in srgb,var(--vv-purple) 18%,#dce3e3)}.vv-device-line{display:block;height:5px;border-radius:99px;background:#d0d8d8;margin-top:8px}.vv-device-line.short{width:62%}.vv-responsive-beam{position:absolute;left:14%;right:9%;bottom:2%;height:2px;background:linear-gradient(90deg,transparent,var(--vv-cyan),var(--vv-purple),transparent);filter:drop-shadow(0 0 8px var(--vv-cyan))}.is-visible .vv-device-desktop{animation:vv-responsive-desk var(--vv-duration) ease-in-out infinite}.is-visible .vv-device-tablet{animation:vv-responsive-tab var(--vv-duration) ease-in-out infinite}.is-visible .vv-device-phone{animation:vv-responsive-phone var(--vv-duration) ease-in-out infinite}@keyframes vv-responsive-desk{50%{transform:translateY(-4px)}}@keyframes vv-responsive-tab{50%{transform:translateY(calc(4% - 8px)) rotate(.6deg)}}@keyframes vv-responsive-phone{50%{transform:translateY(calc(8% - 12px)) rotate(-1deg)}}

/* Webdesign: relaunch */
.vv-relaunch-scene{inset:6% 4%;border-radius:26px;background:#0d1113;border:1px solid #303a3e;box-shadow:0 22px 52px rgba(0,0,0,.2);overflow:hidden;position:absolute}.vv-relaunch-panel{position:absolute;inset:0;padding:20px 7%;overflow:hidden}.vv-relaunch-panel.old{background:#d9dddd;color:#626b70}.vv-relaunch-panel.new{background:linear-gradient(155deg,#fff,var(--vv-light));clip-path:inset(0 0 0 52%)}.vv-relaunch-head{height:22px;display:flex;gap:7px}.vv-relaunch-head span{width:8px;height:8px;border-radius:50%;background:#aeb7ba}.vv-relaunch-panel.new .vv-relaunch-head span:first-child{background:var(--vv-purple)}.vv-relaunch-panel.new .vv-relaunch-head span:nth-child(2){background:var(--vv-cyan)}.vv-old-logo{width:84px;height:38px;background:#9ca5a8;border-radius:7px;margin:24px 0}.vv-relaunch-panel.old>i{display:block;height:11px;border-radius:99px;background:#b3bbbd;width:38%;margin:10px 0}.vv-relaunch-panel.old>i:nth-of-type(2){width:28%}.vv-old-blocks{display:flex;gap:12px;margin-top:22px}.vv-old-blocks b{width:24%;height:84px;background:#c4cacc;border-radius:8px}.vv-relaunch-panel.new>img{position:absolute;left:58%;top:52px;width:64px;height:64px;object-fit:contain}.vv-new-hero{position:absolute;left:58%;right:7%;top:132px;height:86px;border-radius:16px;background:linear-gradient(135deg,var(--vv-dark),#273237)}.vv-new-lines{position:absolute;left:58%;right:10%;top:235px}.vv-new-lines i{display:block;height:8px;border-radius:99px;background:#cbd4d4;margin:9px 0}.vv-new-lines i:nth-child(2){width:78%}.vv-new-lines i:nth-child(3){width:48%;background:linear-gradient(90deg,var(--vv-cyan),var(--vv-purple))}.vv-relaunch-divider{position:absolute;z-index:5;top:0;bottom:0;left:52%;width:2px;background:linear-gradient(var(--vv-cyan),var(--vv-purple));box-shadow:0 0 16px color-mix(in srgb,var(--vv-purple) 35%,transparent)}.vv-relaunch-divider span{position:absolute;top:50%;left:50%;translate:-50% -50%;width:44px;height:44px;border-radius:50%;background:var(--vv-dark);border:1px solid var(--vv-cyan);color:#fff;display:grid;place-items:center;font:700 20px/1 Arial}.is-visible .vv-relaunch-panel.new{animation:vv-relaunch-clip calc(var(--vv-duration)*1.25) ease-in-out infinite alternate}.is-visible .vv-relaunch-divider{animation:vv-relaunch-slide calc(var(--vv-duration)*1.25) ease-in-out infinite alternate}@keyframes vv-relaunch-clip{to{clip-path:inset(0 0 0 42%)}}@keyframes vv-relaunch-slide{to{left:42%}}

/* Webdesign: content building blocks */
.vv-blocks-scene{inset:5% 4%;display:grid;place-items:center}.vv-blocks-board{position:relative;width:100%;height:100%;border-radius:26px;background:linear-gradient(135deg,#101518,#1c2529);border:1px solid color-mix(in srgb,var(--vv-cyan) 42%,transparent);box-shadow:0 22px 52px rgba(0,0,0,.2);overflow:hidden}.vv-blocks-board::before{content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:28px 28px}.vv-blocks-mark{position:absolute;left:4%;top:8%;width:56px;height:56px;border-radius:16px;background:#fff;display:grid;place-items:center;z-index:2}.vv-blocks-mark img{width:68%;height:68%;object-fit:contain}.vv-build-block{position:absolute;border-radius:15px;border:1px solid #344045;padding:13px;box-shadow:0 14px 30px rgba(0,0,0,.12);transform:translateY(20px) scale(.97);opacity:.25;transition:transform .85s cubic-bezier(.2,.8,.2,1),opacity .85s}.is-visible .vv-build-block{transform:none;opacity:1}.vv-build-block.wide{width:37%;height:25%}.vv-build-block.medium{width:25%;height:31%}.vv-build-block.small{width:19%;height:22%}.vv-build-block.dark{background:#172025}.vv-build-block.light{background:#f5f7f7}.vv-build-block.cyan{background:color-mix(in srgb,var(--vv-cyan) 64%,#fff)}.vv-build-block.purple{background:color-mix(in srgb,var(--vv-purple) 30%,#fff)}.vv-build-block span{display:block;width:30px;height:30px;border-radius:9px;background:linear-gradient(135deg,var(--vv-cyan),var(--vv-purple));margin-bottom:10px}.vv-build-block i{display:block;width:72%;height:6px;border-radius:99px;background:#7b888d;margin:6px 0}.vv-build-block.light i,.vv-build-block.cyan i,.vv-build-block.purple i{background:#aab4b7}.vv-build-block i:last-child{width:46%}.vv-build-block.b1{left:15%;top:8%;transition-delay:.05s}.vv-build-block.b2{left:56%;top:10%;transition-delay:.13s}.vv-build-block.b3{right:4%;top:8%;transition-delay:.2s}.vv-build-block.b4{left:7%;bottom:11%;transition-delay:.28s}.vv-build-block.b5{left:31%;bottom:8%;transition-delay:.36s}.vv-build-block.b6{right:5%;bottom:7%;transition-delay:.44s}.vv-blocks-guides i{position:absolute;background:linear-gradient(90deg,var(--vv-cyan),var(--vv-purple));height:1px;opacity:.4}.vv-blocks-guides i:nth-child(1){left:10%;right:8%;top:50%}.vv-blocks-guides i:nth-child(2){top:10%;bottom:8%;left:52%;width:1px;height:auto}.vv-blocks-guides i:nth-child(3){top:16%;bottom:12%;right:29%;width:1px;height:auto}

/* SEO: crawl and links */
.vv-crawl-scene{inset:6% 4%;border-radius:26px;background:linear-gradient(135deg,#0d1113,#182126);border:1px solid color-mix(in srgb,var(--vv-cyan) 48%,transparent);box-shadow:0 22px 52px rgba(0,0,0,.2);overflow:hidden}.vv-crawl-lines{position:absolute;inset:8% 6%;width:88%;height:84%;fill:none;stroke:url(#none);stroke:color-mix(in srgb,var(--vv-cyan) 62%,var(--vv-purple));stroke-width:2;stroke-dasharray:9 11;opacity:.7}.is-visible .vv-crawl-lines path{animation:vv-dash 2.4s linear infinite}@keyframes vv-dash{to{stroke-dashoffset:-40}}.vv-crawl-lines circle{fill:var(--vv-purple);stroke:none}.vv-crawl-core{position:absolute;left:50%;top:50%;translate:-50% -50%;width:112px;height:112px;border-radius:30px;background:#fff;border:1px solid #dce3e3;display:grid;place-items:center;box-shadow:0 16px 36px rgba(0,0,0,.2);z-index:3}.vv-crawl-core img{width:62%;height:62%;object-fit:contain}.vv-crawl-node{position:absolute;width:150px;height:74px;border-radius:16px;background:#192226;border:1px solid #314047;padding:14px}.vv-crawl-node span{display:block;width:25px;height:25px;border-radius:7px;background:linear-gradient(135deg,var(--vv-cyan),var(--vv-purple));margin-bottom:9px}.vv-crawl-node i{display:block;height:5px;border-radius:99px;background:#5f6c71;margin:5px 0}.vv-crawl-node i:last-child{width:62%}.vv-crawl-node.c1{left:8%;top:10%}.vv-crawl-node.c2{left:6%;bottom:9%}.vv-crawl-node.c3{right:7%;top:9%}.vv-crawl-node.c4{right:5%;bottom:8%}.vv-crawl-node.c5{left:50%;top:2%;translate:-50% 0;width:132px}.vv-crawl-pulse{position:absolute;width:9px;height:9px;border-radius:50%;background:var(--vv-purple);box-shadow:0 0 14px var(--vv-purple);z-index:4}.vv-crawl-pulse.p1{left:50%;top:48%}.vv-crawl-pulse.p2{left:49%;top:48%;background:var(--vv-cyan);box-shadow:0 0 14px var(--vv-cyan)}.vv-crawl-pulse.p3{left:49%;top:48%}.is-visible .vv-crawl-pulse.p1{animation:vv-crawl-p1 3s ease-in-out infinite}.is-visible .vv-crawl-pulse.p2{animation:vv-crawl-p2 3.4s ease-in-out infinite .35s}.is-visible .vv-crawl-pulse.p3{animation:vv-crawl-p3 3.2s ease-in-out infinite .7s}@keyframes vv-crawl-p1{60%,100%{translate:300px -95px;opacity:.2}}@keyframes vv-crawl-p2{60%,100%{translate:-300px 100px;opacity:.2}}@keyframes vv-crawl-p3{60%,100%{translate:260px 105px;opacity:.2}}

/* SEO: keyword cluster */
.vv-keyword-scene{inset:5% 4%;border-radius:26px;background:linear-gradient(145deg,#f7f9f9,#e8eded);border:1px solid #d7dfdf;box-shadow:0 22px 52px rgba(18,23,26,.12);overflow:hidden}.vv-keyword-lines{position:absolute;inset:8% 5%;width:90%;height:84%;fill:none;stroke:#aebbbc;stroke-width:1.4;stroke-dasharray:7 8}.vv-keyword-core{position:absolute;left:50%;top:50%;translate:-50% -50%;width:230px;height:92px;border-radius:46px;background:var(--vv-dark);display:flex;align-items:center;gap:15px;padding:0 26px;box-shadow:0 18px 36px rgba(18,23,26,.24);z-index:3}.vv-keyword-core img{width:46px;height:46px;object-fit:contain}.vv-keyword-core strong{font:800 clamp(16px,2vw,24px)/1 Arial,sans-serif;color:#fff;white-space:nowrap}.vv-keyword-pill{position:absolute;min-width:122px;padding:14px 18px;border-radius:999px;background:#fff;border:1px solid #d8e0e0;box-shadow:0 10px 24px rgba(18,23,26,.08);font:700 12px/1 Arial,sans-serif;color:var(--vv-dark);text-align:center}.vv-keyword-pill.k1{left:12%;top:12%}.vv-keyword-pill.k2{left:6%;top:48%}.vv-keyword-pill.k3{left:18%;bottom:10%}.vv-keyword-pill.k4{right:12%;top:12%}.vv-keyword-pill.k5{right:6%;top:48%}.vv-keyword-pill.k6{right:18%;bottom:10%}.is-visible .vv-keyword-pill{animation:vv-key-pulse calc(var(--vv-duration)*.82) ease-in-out infinite}.vv-keyword-pill.k2,.vv-keyword-pill.k5{animation-delay:.45s!important}.vv-keyword-pill.k3,.vv-keyword-pill.k6{animation-delay:.9s!important}@keyframes vv-key-pulse{50%{translate:0 -5px;border-color:color-mix(in srgb,var(--vv-cyan) 55%,#d8e0e0);box-shadow:0 14px 30px color-mix(in srgb,var(--vv-cyan) 13%,transparent)}}

/* SEO: ranking growth */
.vv-ranking-scene{inset:6% 4%;border-radius:26px;background:linear-gradient(135deg,#101518,#1b2428);border:1px solid color-mix(in srgb,var(--vv-cyan) 45%,transparent);box-shadow:0 22px 52px rgba(0,0,0,.21);display:grid;grid-template-columns:1.5fr .65fr;gap:5%;padding:4% 6%;overflow:hidden}.vv-ranking-left{position:relative;min-width:0}.vv-ranking-left .vv-overline{color:#9dabad}.vv-ranking-bars{position:absolute;left:0;right:0;bottom:4px;height:68%;display:flex;align-items:flex-end;gap:10px}.vv-ranking-bars i{flex:1;height:var(--h);border-radius:10px 10px 3px 3px;background:linear-gradient(180deg,var(--vv-purple),var(--vv-cyan));transform-origin:bottom;transform:scaleY(.12);opacity:.45}.is-visible .vv-ranking-bars i{animation:vv-rank-bar .9s cubic-bezier(.2,.8,.2,1) forwards var(--d)}@keyframes vv-rank-bar{to{transform:scaleY(1);opacity:1}}.vv-ranking-line{position:absolute;left:0;right:0;bottom:4px;width:100%;height:68%;overflow:visible}.vv-ranking-line path{fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-dasharray:700;stroke-dashoffset:700;filter:drop-shadow(0 0 5px color-mix(in srgb,var(--vv-cyan) 40%,transparent))}.is-visible .vv-ranking-line path{animation:vv-rank-line 1.45s ease forwards .2s}@keyframes vv-rank-line{to{stroke-dashoffset:0}}.vv-ranking-card{align-self:center;border-radius:20px;background:#f7f9f9;padding:22px;box-shadow:0 18px 40px rgba(0,0,0,.18);position:relative}.vv-ranking-card img{width:48px;height:48px;object-fit:contain}.vv-rank-number{position:absolute;right:20px;top:20px;font:900 32px/1 Arial;color:var(--vv-purple)}.vv-ranking-card i{display:block;height:7px;border-radius:99px;background:#cbd4d4;margin-top:12px}.vv-ranking-card i.short{width:55%}.vv-ranking-card b{display:block;margin-top:18px;width:100%;height:44px;border-radius:999px;background:linear-gradient(90deg,var(--vv-cyan),var(--vv-purple));opacity:.88}

/* Branding: rebranding */
.vv-rebrand-scene{inset:6% 4%;display:grid;grid-template-columns:1fr .42fr 1fr;align-items:center;gap:4%;border-radius:26px;background:linear-gradient(145deg,#edf1f1,#fff);border:1px solid #dbe2e2;box-shadow:0 22px 52px rgba(18,23,26,.12);padding:5% 8%;overflow:hidden}.vv-rebrand-old,.vv-rebrand-new{height:78%;border-radius:22px;padding:22px;box-shadow:0 16px 34px rgba(18,23,26,.1)}.vv-rebrand-old{background:#d7dcdc;filter:grayscale(1)}.vv-rebrand-oldmark{width:72px;height:72px;border-radius:18px;background:#9da7aa;margin-bottom:18px}.vv-rebrand-old i{display:block;height:8px;border-radius:99px;background:#aeb7ba;margin:9px 0}.vv-rebrand-old i:nth-child(2){width:72%}.vv-rebrand-old i:nth-child(3){width:48%}.vv-rebrand-new{background:var(--vv-dark);color:#fff;position:relative}.vv-rebrand-new img{width:72px;height:72px;object-fit:contain}.vv-rebrand-new strong{display:block;font:800 clamp(20px,2.6vw,38px)/1 Arial;margin-top:18px}.vv-rebrand-swatches{display:flex;gap:8px;position:absolute;right:18px;top:18px}.vv-rebrand-swatches i{width:22px;height:22px;border-radius:7px;background:var(--vv-cyan)}.vv-rebrand-swatches i:nth-child(2){background:var(--vv-purple)}.vv-rebrand-swatches i:nth-child(3){background:#fff}.vv-rebrand-flow{display:flex;align-items:center;justify-content:center;gap:7px}.vv-rebrand-flow span{width:8px;height:8px;border-radius:50%;background:#bfc8ca}.vv-rebrand-flow span:nth-child(2){background:var(--vv-cyan)}.vv-rebrand-flow span:nth-child(3){background:var(--vv-purple)}.vv-rebrand-flow b{margin-left:6px;font:700 28px/1 Arial;color:var(--vv-dark)}.is-visible .vv-rebrand-flow span{animation:vv-flow-dot 1.5s ease-in-out infinite}.vv-rebrand-flow span:nth-child(2){animation-delay:.2s!important}.vv-rebrand-flow span:nth-child(3){animation-delay:.4s!important}@keyframes vv-flow-dot{50%{scale:1.45;filter:brightness(1.15)}}

/* Plugins: automation */
.vv-automation-scene{inset:7% 4%;border-radius:26px;background:linear-gradient(135deg,#0c1012,#172126);border:1px solid color-mix(in srgb,var(--vv-cyan) 48%,transparent);box-shadow:0 22px 52px rgba(0,0,0,.2);display:flex;align-items:center;justify-content:center;gap:5%;padding:5% 7%;overflow:hidden}.vv-auto-node{width:21%;height:48%;border-radius:20px;background:#1b2529;border:1px solid #344147;padding:20px}.vv-auto-node span{display:block;width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,var(--vv-cyan),var(--vv-purple));margin-bottom:14px}.vv-auto-node i{display:block;height:7px;border-radius:99px;background:#647277;margin:8px 0}.vv-auto-node i:last-child{width:62%}.vv-auto-core{width:130px;height:130px;border-radius:36px;background:#fff;display:grid;place-items:center;position:relative;box-shadow:0 18px 40px rgba(0,0,0,.22);z-index:3}.vv-auto-core img{width:58%;height:58%;object-fit:contain}.vv-auto-core i{position:absolute;inset:-12px;border:2px dashed color-mix(in srgb,var(--vv-purple) 55%,transparent);border-radius:42px}.is-visible .vv-auto-core i{animation:vv-rotate 12s linear infinite}@keyframes vv-rotate{to{rotate:360deg}}.vv-auto-track{width:10%;height:2px;background:linear-gradient(90deg,var(--vv-cyan),var(--vv-purple));position:relative}.vv-auto-track b{position:absolute;top:50%;translate:0 -50%;width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:0 0 12px var(--vv-cyan)}.vv-auto-track b:first-child{left:0}.vv-auto-track b:last-child{left:60%}.is-visible .vv-auto-track b{animation:vv-auto-dot 1.8s linear infinite}.vv-auto-track b:last-child{animation-delay:.8s!important}@keyframes vv-auto-dot{to{left:100%;opacity:0}}.vv-auto-node.small{position:absolute;width:48px;height:48px;border-radius:14px;padding:0;background:linear-gradient(135deg,var(--vv-cyan),var(--vv-purple))}.vv-auto-node.small.s1{top:10%;left:46%}.vv-auto-node.small.s2{bottom:9%;right:42%}

/* Betreuung: maintenance */
.vv-maintenance-scene{inset:5% 4%;border-radius:26px;background:linear-gradient(145deg,#f7f9f9,#e9eeee);border:1px solid #d8e0e0;box-shadow:0 22px 52px rgba(18,23,26,.12);display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:8%;padding:4% 8%;overflow:hidden}.vv-maintenance-ring{width:min(250px,24vw);aspect-ratio:1;border-radius:50%;border:2px dashed #b7c3c5;position:relative;justify-self:center}.vv-maintenance-ring::after{content:"";position:absolute;inset:11%;border-radius:50%;border:1px solid #d5dddd}.vv-maintenance-core{position:absolute;left:50%;top:50%;translate:-50% -50%;width:42%;aspect-ratio:1;border-radius:28px;background:var(--vv-dark);display:grid;place-items:center;box-shadow:0 16px 34px rgba(18,23,26,.22);z-index:3}.vv-maintenance-core img{width:62%;height:62%;object-fit:contain}.vv-maint-node{position:absolute;width:54px;height:54px;border-radius:16px;background:#fff;border:1px solid #d7dfdf;box-shadow:0 10px 22px rgba(18,23,26,.09);display:grid;place-items:center;z-index:4}.vv-maint-node.m1{left:50%;top:-8%;translate:-50% 0}.vv-maint-node.m2{right:-8%;top:50%;translate:0 -50%}.vv-maint-node.m3{left:50%;bottom:-8%;translate:-50% 0}.vv-maint-node.m4{left:-8%;top:50%;translate:0 -50%}.vv-maint-node span{width:22px;height:22px;display:block;position:relative}.vv-maint-node .gear{border:4px dotted var(--vv-purple);border-radius:50%}.vv-maint-node .shield{background:var(--vv-cyan);clip-path:polygon(50% 0,90% 16%,82% 67%,50% 100%,18% 67%,10% 16%)}.vv-maint-node .backup{border:3px solid var(--vv-dark);border-radius:50%}.vv-maint-node .backup::after{content:"";position:absolute;width:8px;height:3px;background:var(--vv-purple);right:-2px;top:1px;rotate:35deg}.vv-maint-node .pulse::before{content:"";position:absolute;left:0;right:0;top:10px;height:3px;background:linear-gradient(90deg,var(--vv-cyan) 0 23%,transparent 23% 30%,var(--vv-purple) 30% 45%,transparent 45% 53%,var(--vv-cyan) 53%)}.is-visible .vv-maintenance-ring{animation:vv-maint-ring calc(var(--vv-duration)*2) linear infinite}@keyframes vv-maint-ring{to{rotate:360deg}}.vv-maintenance-core,.vv-maint-node{animation:vv-maint-counter calc(var(--vv-duration)*2) linear infinite reverse}@keyframes vv-maint-counter{to{rotate:360deg}}.vv-maintenance-copy strong{display:block;font:800 clamp(25px,4vw,56px)/.98 Arial;color:var(--vv-dark);margin:8px 0 20px}.vv-maintenance-copy i{display:block;height:8px;border-radius:99px;background:#c8d1d2;width:88%;margin:9px 0}.vv-maintenance-copy i.short{width:58%;background:linear-gradient(90deg,var(--vv-cyan),var(--vv-purple))}

/* Betreuung: backup */
.vv-backup-scene{inset:6% 4%;border-radius:26px;background:linear-gradient(135deg,#101518,#1b2529);border:1px solid color-mix(in srgb,var(--vv-cyan) 45%,transparent);box-shadow:0 22px 52px rgba(0,0,0,.2);display:grid;grid-template-columns:1fr .5fr 1fr;align-items:center;gap:5%;padding:5% 8%;overflow:hidden}.vv-backup-source,.vv-backup-target{height:76%;border-radius:22px;background:#f7f9f9;padding:22px;box-shadow:0 16px 34px rgba(0,0,0,.13)}.vv-backup-source img{width:54px;height:54px;object-fit:contain}.vv-db-stack{margin-top:18px}.vv-db-stack i{display:block;height:34px;border-radius:50%;background:linear-gradient(#e1e7e7,#cbd4d4);border:1px solid #b9c5c7;margin-top:-10px;box-shadow:inset 0 5px 0 rgba(255,255,255,.7)}.vv-db-stack i:first-child{background:linear-gradient(color-mix(in srgb,var(--vv-cyan) 50%,#fff),#d5dddd)}.vv-backup-flow{display:flex;align-items:center;justify-content:center;gap:8px;color:#fff}.vv-backup-flow span{width:8px;height:8px;border-radius:50%;background:var(--vv-cyan)}.vv-backup-flow span:nth-child(2){background:#fff}.vv-backup-flow span:nth-child(3){background:var(--vv-purple)}.vv-backup-flow b{font:700 28px/1 Arial}.is-visible .vv-backup-flow span{animation:vv-flow-dot 1.5s ease-in-out infinite}.vv-backup-flow span:nth-child(2){animation-delay:.22s!important}.vv-backup-flow span:nth-child(3){animation-delay:.44s!important}.vv-restore-ring{width:88px;height:88px;border-radius:50%;border:8px solid #dce3e3;border-top-color:var(--vv-purple);border-right-color:var(--vv-cyan);position:relative}.vv-restore-ring i{position:absolute;width:12px;height:12px;border-left:3px solid var(--vv-dark);border-bottom:3px solid var(--vv-dark);right:-1px;top:7px;rotate:135deg}.is-visible .vv-restore-ring{animation:vv-rotate 4s linear infinite}.vv-backup-files{display:flex;gap:7px;margin-top:18px}.vv-backup-files span{width:32px;height:42px;border-radius:7px;background:#dce3e3;border:1px solid #c9d2d3}.vv-backup-files span:nth-child(2){background:color-mix(in srgb,var(--vv-cyan) 28%,#fff)}.vv-backup-files span:nth-child(3){background:color-mix(in srgb,var(--vv-purple) 17%,#fff)}

/* Betreuung: monitoring */
.vv-monitor-scene{inset:6% 4%;border-radius:26px;background:linear-gradient(135deg,#0b0e10,#182126);border:1px solid color-mix(in srgb,var(--vv-cyan) 45%,transparent);box-shadow:0 22px 52px rgba(0,0,0,.22);padding:22px 28px;overflow:hidden}.vv-monitor-head{display:flex;align-items:center;justify-content:space-between}.vv-monitor-head img{width:48px;height:48px;object-fit:contain}.vv-status-dot{width:14px;height:14px;border-radius:50%;background:var(--vv-cyan);box-shadow:0 0 18px var(--vv-cyan)}.is-visible .vv-status-dot{animation:vv-status 1.6s ease-in-out infinite}@keyframes vv-status{50%{opacity:.35;scale:.75}}.vv-monitor-main{position:relative;height:54%;margin-top:7px}.vv-monitor-metric{position:absolute;left:0;top:8px;z-index:2}.vv-monitor-metric strong{display:block;font:900 clamp(34px,5vw,72px)/.9 Arial;color:#fff}.vv-monitor-metric small{font:700 10px/1 Arial;letter-spacing:.2em;color:#718085}.vv-heart-line{position:absolute;left:15%;right:0;bottom:0;width:85%;height:100%}.vv-heart-line path{fill:none;stroke:url(#x);stroke:var(--vv-cyan);stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1300;stroke-dashoffset:1300;filter:drop-shadow(0 0 5px color-mix(in srgb,var(--vv-cyan) 48%,transparent))}.is-visible .vv-heart-line path{animation:vv-heart 2s ease forwards}@keyframes vv-heart{to{stroke-dashoffset:0}}.vv-monitor-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:10px}.vv-monitor-cards i{height:44px;border-radius:12px;background:#1c272b;border:1px solid #2e3c42;position:relative}.vv-monitor-cards i::after{content:"";position:absolute;left:10px;right:30%;top:50%;height:5px;translate:0 -50%;border-radius:99px;background:#5c6b70}.vv-monitor-cards i:nth-child(2)::after{background:var(--vv-cyan)}.vv-monitor-cards i:nth-child(4)::after{background:var(--vv-purple)}

/* Betreuung: remote support */
.vv-support-scene{inset:5% 4%;display:grid;grid-template-columns:1fr .38fr 1fr;align-items:center;gap:4%;border-radius:26px;background:linear-gradient(145deg,#edf1f1,#fff);border:1px solid #d9e1e1;box-shadow:0 22px 52px rgba(18,23,26,.12);padding:5% 7%;overflow:hidden}.vv-support-device{position:relative;height:70%}.vv-support-screen{height:100%;border:7px solid #111619;border-radius:18px;background:linear-gradient(160deg,#fff,var(--vv-light));padding:14px;box-shadow:0 14px 30px rgba(18,23,26,.15);overflow:hidden}.vv-support-device.left .vv-support-screen img{width:48px;height:48px;object-fit:contain}.vv-support-screen>i{display:block;height:7px;border-radius:99px;background:#d2dada;margin:10px 0}.vv-support-screen>i:nth-of-type(1){width:64%;background:linear-gradient(90deg,var(--vv-cyan),var(--vv-purple))}.vv-support-screen>i:nth-of-type(3){width:46%}.vv-support-base{position:absolute;left:15%;right:15%;height:10px;bottom:-14px;border-radius:2px 2px 10px 10px;background:#20282c}.vv-support-link{position:relative;display:flex;align-items:center;justify-content:center;gap:7px}.vv-support-link>span{width:8px;height:8px;border-radius:50%;background:var(--vv-cyan)}.vv-support-link>span:nth-child(2){background:#9ca9ad}.vv-support-link>span:nth-child(3){background:var(--vv-purple)}.is-visible .vv-support-link>span{animation:vv-flow-dot 1.5s ease-in-out infinite}.vv-support-link>span:nth-child(2){animation-delay:.22s!important}.vv-support-link>span:nth-child(3){animation-delay:.44s!important}.vv-support-shield{position:absolute;top:calc(50% + 26px);left:50%;translate:-50% 0;width:44px;height:50px;background:var(--vv-dark);clip-path:polygon(50% 0,92% 17%,84% 69%,50% 100%,16% 69%,8% 17%);display:grid;place-items:center}.vv-support-shield i{width:14px;height:8px;border-left:3px solid var(--vv-cyan);border-bottom:3px solid var(--vv-cyan);rotate:-45deg;margin-top:-3px}.vv-support-window{height:100%;border-radius:12px;background:#182125;padding:14px}.vv-support-window b{display:block;width:54px;height:24px;border-radius:999px;background:linear-gradient(90deg,var(--vv-cyan),var(--vv-purple));margin-bottom:16px}.vv-support-window i{display:block;height:8px;border-radius:99px;background:#526066;margin:10px 0}.vv-support-window i:nth-of-type(2){width:76%}.vv-support-window i:nth-of-type(3){width:48%;background:var(--vv-cyan)}

/* Vigitals: service mix */
.vv-mix-scene{inset:5% 4%;border-radius:26px;background:linear-gradient(140deg,#f7f9f9,#e8eeee);border:1px solid #d8dfdf;box-shadow:0 22px 52px rgba(18,23,26,.12);overflow:hidden}.vv-mix-lines{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#acb9bb;stroke-width:1.4;stroke-dasharray:7 9}.is-visible .vv-mix-lines path{animation:vv-dash 2.8s linear infinite}.vv-mix-core{position:absolute;left:50%;top:50%;translate:-50% -50%;width:124px;height:124px;border-radius:32px;background:var(--vv-dark);display:grid;place-items:center;box-shadow:0 18px 38px rgba(18,23,26,.23);z-index:3}.vv-mix-core img{width:64%;height:64%;object-fit:contain}.vv-mix-card{position:absolute;width:190px;height:84px;border-radius:18px;background:#fff;border:1px solid #d8e0e0;box-shadow:0 12px 28px rgba(18,23,26,.09);padding:15px 18px}.vv-mix-card span{float:left;width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,var(--vv-cyan),var(--vv-purple));margin-right:12px}.vv-mix-card strong{font:800 13px/34px Arial;color:var(--vv-dark)}.vv-mix-card i{display:block;clear:both;width:66%;height:6px;border-radius:99px;background:#d0d8d8;margin-top:10px}.vv-mix-card.a1{left:8%;top:10%}.vv-mix-card.a2{right:8%;top:10%}.vv-mix-card.a3{left:8%;bottom:10%}.vv-mix-card.a4{right:8%;bottom:10%}.is-visible .vv-mix-card{animation:vv-mix-card calc(var(--vv-duration)*.9) ease-in-out infinite}.vv-mix-card.a2,.vv-mix-card.a3{animation-delay:.5s!important}@keyframes vv-mix-card{50%{translate:0 -5px}}

/* Vigitals: workflow */
.vv-workflow-scene{inset:6% 4%;border-radius:26px;background:linear-gradient(135deg,#101518,#1b2529);border:1px solid color-mix(in srgb,var(--vv-cyan) 45%,transparent);box-shadow:0 22px 52px rgba(0,0,0,.2);padding:5% 7%;overflow:hidden}.vv-workflow-logo{position:absolute;left:6%;top:8%;width:54px;height:54px;border-radius:15px;background:#fff;display:grid;place-items:center}.vv-workflow-logo img{width:66%;height:66%;object-fit:contain}.vv-workflow-track{position:absolute;left:12%;right:8%;top:51%;height:3px;background:#313d42;border-radius:99px}.vv-workflow-track span{display:block;width:0;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--vv-cyan),var(--vv-purple));box-shadow:0 0 13px color-mix(in srgb,var(--vv-cyan) 35%,transparent)}.is-visible .vv-workflow-track span{animation:vv-progress 2s cubic-bezier(.2,.8,.2,1) forwards}@keyframes vv-progress{to{width:100%}}.vv-workflow-steps{position:absolute;left:10%;right:7%;top:38%;display:grid;grid-template-columns:repeat(4,1fr);gap:7%}.vv-workflow-step{position:relative;border-radius:17px;background:#f5f7f7;padding:18px;box-shadow:0 14px 28px rgba(0,0,0,.15);transform:translateY(15px);opacity:.35;transition:transform .7s ease,opacity .7s}.is-visible .vv-workflow-step{transform:none;opacity:1}.vv-workflow-step.w2{transition-delay:.2s}.vv-workflow-step.w3{transition-delay:.4s}.vv-workflow-step.w4{transition-delay:.6s}.vv-workflow-step b{display:block;font:900 22px/1 Arial;color:var(--vv-purple);margin-bottom:12px}.vv-workflow-step i{display:block;height:6px;border-radius:99px;background:#c9d2d3;margin:7px 0}.vv-workflow-step i.short{width:58%}

/* Regions */
.vv-region-scene{inset:5% 4%;border-radius:26px;background:linear-gradient(135deg,#0d1113,#192327);border:1px solid color-mix(in srgb,var(--vv-cyan) 45%,transparent);box-shadow:0 22px 52px rgba(0,0,0,.21);display:grid;grid-template-columns:1.3fr .7fr;align-items:center;gap:5%;padding:4% 7%;overflow:hidden}.vv-region-globe{height:88%;position:relative;border-radius:50%;background:radial-gradient(circle at 45% 45%,#263338 0,#172125 48%,#0e1315 72%);border:1px solid #334148;overflow:hidden}.vv-region-ring{position:absolute;inset:12%;border:1px solid #ffffff14;border-radius:50%}.vv-region-ring.r2{inset:28% -5%;border-radius:50%}.vv-region-ring.r3{inset:-8% 38%;border-radius:50%}.vv-region-globe svg{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:var(--vv-cyan);stroke-width:2;stroke-dasharray:7 9;opacity:.65}.is-visible .vv-region-globe svg path{animation:vv-dash 2.6s linear infinite}.vv-pin{position:absolute;width:16px;height:16px;border-radius:50% 50% 50% 0;background:var(--vv-purple);rotate:-45deg;box-shadow:0 0 16px color-mix(in srgb,var(--vv-purple) 48%,transparent);z-index:3}.vv-pin::after{content:"";position:absolute;inset:5px;border-radius:50%;background:#fff}.vv-pin.p1{left:17%;bottom:25%}.vv-pin.p2{left:48%;top:28%;background:var(--vv-cyan)}.vv-pin.p3{right:18%;top:18%}.vv-pin.p4{right:24%;bottom:25%;background:var(--vv-cyan)}.is-visible .vv-pin{animation:vv-pin-pulse 2s ease-in-out infinite}.vv-pin.p2{animation-delay:.3s!important}.vv-pin.p3{animation-delay:.6s!important}.vv-pin.p4{animation-delay:.9s!important}@keyframes vv-pin-pulse{50%{scale:1.25;filter:brightness(1.15)}}.vv-region-card{border-radius:22px;background:#f5f7f7;padding:24px;box-shadow:0 16px 34px rgba(0,0,0,.18)}.vv-region-card img{width:52px;height:52px;object-fit:contain}.vv-region-card .vv-overline{margin:16px 0 8px}.vv-region-card strong{display:block;font:800 clamp(22px,3vw,42px)/1 Arial;color:var(--vv-dark);margin-bottom:18px}.vv-region-card i{display:block;height:7px;border-radius:99px;background:#cbd4d4;margin:8px 0}.vv-region-card i.short{width:58%;background:linear-gradient(90deg,var(--vv-cyan),var(--vv-purple))}

@media (max-width:767px){
    .vv-structure-scene{inset:2% 3%;grid-template-columns:18% 1fr;padding:10px;gap:9px}.vv-structure-map{display:none}.vv-structure-side{padding:11px 8px}.vv-structure-side img{width:32px;height:32px}.vv-structure-side i:nth-of-type(n+4){display:none}.vv-structure-canvas{padding:10px}.vv-structure-grid{grid-template-columns:1fr 1fr}.vv-structure-card:nth-child(n+5){display:none}.vv-structure-hero{height:34%}
    .vv-responsive-scene{inset:2% 2%;gap:3%}.vv-device-desktop{width:50%;height:58%;padding:5px;border-radius:12px}.vv-device-tablet{width:28%;height:69%;padding:5px;border-radius:20px}.vv-device-phone{width:17%;min-width:54px;height:76%;padding:4px;border-radius:20px}.vv-device-desktop .vv-device-screen{padding:7px}.vv-device-tablet .vv-device-screen{padding:7px;border-radius:14px}.vv-device-phone .vv-device-screen{padding:18px 5px 6px;border-radius:15px}.vv-device-head img{width:18px;height:18px}.vv-device-row i:nth-child(3){display:none}.vv-device-base{bottom:-14px;height:14px}
    .vv-relaunch-scene{inset:2% 3%}.vv-relaunch-panel{padding:14px}.vv-relaunch-panel.new{clip-path:inset(0 0 0 55%)}.vv-relaunch-divider{left:55%}.vv-old-logo{width:54px;height:28px;margin:16px 0}.vv-old-blocks b{height:56px}.vv-relaunch-panel.new>img{left:62%;top:45px;width:44px;height:44px}.vv-new-hero{left:62%;right:6%;top:106px;height:68px}.vv-new-lines{left:62%;right:8%;top:188px}.is-visible .vv-relaunch-panel.new{animation-name:vv-relaunch-clip-mobile}.is-visible .vv-relaunch-divider{animation-name:vv-relaunch-slide-mobile}@keyframes vv-relaunch-clip-mobile{to{clip-path:inset(0 0 0 45%)}}@keyframes vv-relaunch-slide-mobile{to{left:45%}}
    .vv-blocks-scene{inset:2% 3%}.vv-build-block.b1{left:18%;top:8%;width:45%}.vv-build-block.b2{left:67%;top:10%;width:26%}.vv-build-block.b3{display:none}.vv-build-block.b4{left:7%;bottom:10%;width:24%}.vv-build-block.b5{left:35%;bottom:8%;width:30%}.vv-build-block.b6{right:5%;bottom:7%;width:27%}.vv-blocks-mark{width:38px;height:38px;left:5%;top:7%}
    .vv-crawl-scene{inset:2% 3%}.vv-crawl-core{width:76px;height:76px;border-radius:20px}.vv-crawl-node{width:92px;height:60px;padding:9px}.vv-crawl-node span{width:19px;height:19px;margin-bottom:6px}.vv-crawl-node.c1{left:4%;top:9%}.vv-crawl-node.c2{left:3%;bottom:8%}.vv-crawl-node.c3{right:3%;top:8%}.vv-crawl-node.c4{right:3%;bottom:8%}.vv-crawl-node.c5{width:84px;top:3%}.vv-crawl-node i{height:4px;margin:4px 0}.vv-crawl-pulse{display:none}
    .vv-keyword-scene{inset:2% 3%}.vv-keyword-core{width:150px;height:68px;padding:0 16px;gap:9px}.vv-keyword-core img{width:34px;height:34px}.vv-keyword-core strong{font-size:13px}.vv-keyword-pill{min-width:76px;padding:10px 9px;font-size:9px}.vv-keyword-pill.k1{left:5%;top:10%}.vv-keyword-pill.k2{left:2%;top:46%}.vv-keyword-pill.k3{left:8%;bottom:9%}.vv-keyword-pill.k4{right:5%;top:10%}.vv-keyword-pill.k5{right:2%;top:46%}.vv-keyword-pill.k6{right:8%;bottom:9%}
    .vv-ranking-scene{inset:2% 3%;grid-template-columns:1.35fr .75fr;padding:5%}.vv-ranking-card{padding:13px}.vv-ranking-card img{width:32px;height:32px}.vv-rank-number{font-size:22px;right:12px;top:13px}.vv-ranking-card b{height:30px}.vv-ranking-bars{gap:5px}
    .vv-rebrand-scene{inset:2% 3%;padding:4%;grid-template-columns:1fr .3fr 1fr;gap:2%}.vv-rebrand-old,.vv-rebrand-new{height:68%;padding:12px;border-radius:15px}.vv-rebrand-oldmark,.vv-rebrand-new img{width:42px;height:42px}.vv-rebrand-new strong{font-size:15px}.vv-rebrand-swatches{right:9px;top:9px;gap:4px}.vv-rebrand-swatches i{width:13px;height:13px}.vv-rebrand-flow{gap:4px}.vv-rebrand-flow span{width:5px;height:5px}.vv-rebrand-flow b{font-size:18px}
    .vv-automation-scene{inset:2% 3%;padding:4%;gap:3%}.vv-auto-node{width:25%;height:43%;padding:10px;border-radius:14px}.vv-auto-node span{width:26px;height:26px}.vv-auto-core{width:78px;height:78px;border-radius:22px}.vv-auto-track{width:8%}.vv-auto-node.small{width:30px;height:30px;border-radius:9px}
    .vv-maintenance-scene{inset:2% 3%;grid-template-columns:1fr .9fr;padding:4%;gap:4%}.vv-maintenance-ring{width:150px}.vv-maint-node{width:38px;height:38px;border-radius:11px}.vv-maint-node span{scale:.72}.vv-maintenance-copy strong{font-size:25px}.vv-maintenance-copy i{height:6px}
    .vv-backup-scene{inset:2% 3%;padding:4%;gap:2%}.vv-backup-source,.vv-backup-target{height:65%;padding:12px}.vv-backup-source img{width:38px;height:38px}.vv-db-stack{margin-top:12px}.vv-db-stack i{height:24px}.vv-backup-flow{gap:4px}.vv-backup-flow span{width:5px;height:5px}.vv-backup-flow b{font-size:18px}.vv-restore-ring{width:58px;height:58px;border-width:6px}.vv-backup-files span{width:20px;height:28px}
    .vv-monitor-scene{inset:2% 3%;padding:15px}.vv-monitor-head img{width:34px;height:34px}.vv-monitor-metric strong{font-size:36px}.vv-heart-line{left:24%;width:76%}.vv-monitor-cards{grid-template-columns:1fr 1fr}.vv-monitor-cards i:nth-child(n+3){display:none}
    .vv-support-scene{inset:2% 3%;padding:4%;grid-template-columns:1fr .28fr 1fr;gap:2%}.vv-support-device{height:52%}.vv-support-screen{padding:8px;border-width:5px;border-radius:12px}.vv-support-device.left .vv-support-screen img{width:30px;height:30px}.vv-support-link{gap:3px}.vv-support-link>span{width:5px;height:5px}.vv-support-shield{width:30px;height:35px;top:calc(50% + 17px)}.vv-support-window{padding:8px}.vv-support-window b{width:34px;height:16px}
    .vv-mix-scene{inset:2% 3%}.vv-mix-core{width:80px;height:80px;border-radius:22px}.vv-mix-card{width:105px;height:62px;padding:10px}.vv-mix-card span{width:24px;height:24px;border-radius:7px;margin-right:6px}.vv-mix-card strong{font-size:9px;line-height:24px}.vv-mix-card i{height:4px;margin-top:6px}.vv-mix-card.a1{left:3%;top:8%}.vv-mix-card.a2{right:3%;top:8%}.vv-mix-card.a3{left:3%;bottom:8%}.vv-mix-card.a4{right:3%;bottom:8%}
    .vv-workflow-scene{inset:2% 3%;padding:4%}.vv-workflow-logo{width:38px;height:38px}.vv-workflow-steps{left:5%;right:4%;gap:2%;top:39%}.vv-workflow-step{padding:10px;border-radius:12px}.vv-workflow-step b{font-size:16px;margin-bottom:7px}.vv-workflow-step i{height:4px;margin:5px 0}.vv-workflow-track{left:8%;right:5%}
    .vv-region-scene{inset:2% 3%;grid-template-columns:1.25fr .75fr;padding:4%;gap:3%}.vv-region-globe{height:72%}.vv-region-card{padding:13px}.vv-region-card img{width:34px;height:34px}.vv-region-card strong{font-size:20px}.vv-region-card .vv-overline{font-size:7px;margin:9px 0 5px}.vv-region-card i{height:5px}
}

@media (prefers-reduced-motion:reduce){
    .vv-ranking-bars i{transform:scaleY(1)!important;opacity:1!important}.vv-ranking-line path,.vv-heart-line path{stroke-dashoffset:0!important}.vv-workflow-track span{width:100%!important}.vv-build-block,.vv-structure-card,.vv-workflow-step{transform:none!important;opacity:1!important}
}

/* 1.1.1 device specific presentation */
@media (min-width:768px) and (max-width:1024px){
    /* Browser scenes deliberately become a landscape tablet instead of a compressed desktop browser. */
    .vv-scene-browser_search .vv-browser,
    .vv-scene-seo_results .vv-browser{
        inset:3% 6% 5%;
        border:8px solid #0d1113;
        border-radius:32px;
        background:#0d1113;
        box-shadow:0 24px 52px rgba(0,0,0,.22),inset 0 0 0 1px #313a3e;
        overflow:hidden;
    }
    .vv-scene-browser_search .vv-browser::before,
    .vv-scene-seo_results .vv-browser::before{
        content:"";
        position:absolute;
        z-index:12;
        top:9px;
        left:50%;
        width:5px;
        height:5px;
        border-radius:50%;
        background:#394246;
        box-shadow:0 0 0 1px rgba(0,0,0,.38),inset 0 0 2px rgba(255,255,255,.18);
        transform:translateX(-50%);
        pointer-events:none;
    }
    .vv-scene-browser_search .vv-browser-chrome,
    .vv-scene-seo_results .vv-browser-chrome{display:none}
    .vv-scene-browser_search .vv-mobile-status,
    .vv-scene-seo_results .vv-mobile-status{
        display:flex;
        position:absolute;
        z-index:11;
        top:0;
        left:0;
        right:0;
        height:38px;
        padding:10px 18px 0;
        align-items:flex-start;
        justify-content:space-between;
        color:var(--vv-dark);
        pointer-events:none;
        font:700 9px/1 Arial,sans-serif;
    }
    .vv-scene-browser_search .vv-browser-content,
    .vv-scene-seo_results .vv-browser-content{
        position:absolute;
        inset:0;
        height:auto;
        border-radius:24px;
        overflow:hidden;
        background:linear-gradient(165deg,#fff 0%,var(--vv-light) 100%);
    }
    .vv-scene-browser_search .vv-search-scene{
        display:grid;
        grid-template-columns:15% 1fr;
        align-items:center;
        gap:4%;
        padding:42px 5% 4%;
    }
    .vv-scene-browser_search .vv-search-logo{
        width:100%;
        max-width:92px;
        border-radius:20px;
        justify-self:center;
    }
    .vv-scene-browser_search .vv-overline{margin-bottom:10px}
    .vv-scene-browser_search .vv-search-box{height:58px;max-width:none}
    .vv-scene-browser_search .vv-result-lines{margin-top:16px}
    .vv-scene-seo_results .vv-serp-scene{padding:42px 5% 4%}
    .vv-scene-seo_results .vv-serp-list{width:70%}
    .vv-scene-seo_results .vv-serp-rank{right:6%;top:34%;width:18%}
}

@media (max-width:767px){
    /* The phone deliberately has no visible lower device edge. The whole visual fades away instead. */
    .vv-scene-browser_search .vv-browser,
    .vv-scene-seo_results .vv-browser{
        border-bottom:0;
        border-radius:36px 36px 0 0;
        box-shadow:0 16px 30px rgba(0,0,0,.18),inset 0 0 0 1px #313a3e;
        -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 64%,rgba(0,0,0,.98) 72%,rgba(0,0,0,.78) 84%,rgba(0,0,0,.34) 94%,transparent 100%);
        mask-image:linear-gradient(to bottom,#000 0%,#000 64%,rgba(0,0,0,.98) 72%,rgba(0,0,0,.78) 84%,rgba(0,0,0,.34) 94%,transparent 100%);
    }
    .vv-scene-browser_search .vv-browser-content,
    .vv-scene-seo_results .vv-browser-content{
        border-radius:29px 29px 0 0;
    }
}

/* 1.1.2 Fernwartung: echte Monitorproportionen */
.vv-support-scene{
    grid-template-columns:minmax(0,1fr) .24fr minmax(0,1fr);
    gap:5%;
    padding:5.5% 8%;
}
.vv-support-device{
    position:relative;
    width:100%;
    max-width:430px;
    height:auto;
    aspect-ratio:16 / 10.2;
    justify-self:center;
    align-self:center;
    display:flex;
    align-items:flex-start;
    justify-content:center;
    padding-bottom:18%;
}
.vv-support-screen{
    position:relative;
    width:100%;
    height:auto;
    aspect-ratio:16 / 9;
    box-sizing:border-box;
    border:6px solid #111619;
    border-radius:14px;
    background:linear-gradient(160deg,#fff,var(--vv-light));
    padding:16px;
    box-shadow:0 18px 34px rgba(18,23,26,.16);
    overflow:hidden;
}
.vv-support-device::after{
    content:"";
    position:absolute;
    left:50%;
    bottom:10%;
    translate:-50% 0;
    width:11%;
    height:14%;
    border-radius:0 0 5px 5px;
    background:linear-gradient(90deg,#242c30,#111619 45%,#30393d);
    box-shadow:0 5px 8px rgba(18,23,26,.12);
}
.vv-support-base{
    position:absolute;
    left:25%;
    right:25%;
    bottom:5%;
    height:5.5%;
    min-height:8px;
    border-radius:999px 999px 6px 6px;
    background:linear-gradient(180deg,#313a3e,#171d20);
    box-shadow:0 7px 14px rgba(18,23,26,.16);
    z-index:2;
}
.vv-support-device.left .vv-support-screen img{
    width:44px;
    height:44px;
}
.vv-support-window{
    height:100%;
    box-sizing:border-box;
    border-radius:8px;
    padding:14px;
}
.vv-support-link{
    align-self:center;
}
.vv-support-shield{
    top:calc(50% + 24px);
}

@media (min-width:768px) and (max-width:1024px){
    .vv-support-scene{grid-template-columns:minmax(0,1fr) .2fr minmax(0,1fr);gap:3%;padding:5% 6%}
    .vv-support-device{height:auto;aspect-ratio:16 / 10.4;padding-bottom:18%}
    .vv-support-screen{height:auto;aspect-ratio:16 / 9;border-width:5px;border-radius:12px;padding:10px}
    .vv-support-device.left .vv-support-screen img{width:34px;height:34px}
    .vv-support-base{bottom:5%;height:5%}
    .vv-support-device::after{bottom:10%;height:14%}
    .vv-support-shield{top:calc(50% + 18px)}
}

@media (max-width:767px){
    .vv-support-scene{grid-template-columns:minmax(0,1fr) .17fr minmax(0,1fr);gap:2%;padding:5% 4%}
    .vv-support-device{height:auto;aspect-ratio:16 / 10.8;padding-bottom:20%}
    .vv-support-screen{height:auto;aspect-ratio:16 / 9;border-width:4px;border-radius:9px;padding:7px}
    .vv-support-device.left .vv-support-screen img{width:24px;height:24px}
    .vv-support-base{left:23%;right:23%;bottom:4%;height:5%;min-height:5px}
    .vv-support-device::after{bottom:9%;width:12%;height:15%}
    .vv-support-link{gap:2px}
    .vv-support-link>span{width:4px;height:4px}
    .vv-support-shield{width:24px;height:29px;top:calc(50% + 13px)}
    .vv-support-window{padding:7px}
    .vv-support-window b{width:28px;height:12px;margin-bottom:8px}
    .vv-support-window i{height:4px;margin:5px 0}
}

/* 1.1.3 Fernwartung: Monitore kompakter innerhalb der Visualflaeche */
.vv-support-scene{
    padding:7% 8%;
}
.vv-support-device{
    width:78%;
    max-width:330px;
}
.vv-support-screen{
    border-width:5px;
    border-radius:13px;
    padding:13px;
}
.vv-support-device.left .vv-support-screen img{
    width:38px;
    height:38px;
}
.vv-support-base{
    left:24%;
    right:24%;
    min-height:6px;
}
.vv-support-device::after{
    width:10%;
    height:13%;
}
.vv-support-shield{
    top:calc(50% + 18px);
}

@media (min-width:768px) and (max-width:1024px){
    .vv-support-scene{padding:7% 6%}
    .vv-support-device{width:80%;max-width:280px}
    .vv-support-screen{border-width:4px;padding:9px}
    .vv-support-device.left .vv-support-screen img{width:30px;height:30px}
}

@media (max-width:767px){
    .vv-support-scene{padding:7% 4%}
    .vv-support-device{width:88%;max-width:210px}
    .vv-support-screen{border-width:3px;padding:6px}
    .vv-support-device.left .vv-support-screen img{width:22px;height:22px}
    .vv-support-base{min-height:4px}
}


/* 1.1.4 SEO Suchergebnisse: alle Treffer gleich gross in jedem Viewport */
.vv-scene-seo_results .vv-serp-list{
    align-items:stretch;
}
.vv-scene-seo_results .vv-serp-card{
    width:100%;
    min-width:0;
    height:64px;
    box-sizing:border-box;
    opacity:1;
    align-items:center;
}
.vv-scene-seo_results .vv-serp-card:nth-child(3){
    opacity:1;
}
.vv-scene-seo_results .vv-serp-card>div{
    min-width:0;
}

@media (min-width:768px) and (max-width:1024px){
    .vv-scene-seo_results .vv-serp-card{
        height:64px;
        padding:12px 15px;
        border-radius:14px;
    }
}

@media (max-width:767px){
    .vv-scene-seo_results .vv-serp-list{
        gap:9px;
    }
    .vv-scene-seo_results .vv-serp-card{
        height:64px;
        padding:10px 12px;
        border-radius:12px;
    }
}


/* 1.1.5 SEO Suchergebnisse: kompakte, einheitliche Treffer in allen Viewports */
.vv-scene-seo_results .vv-serp-list{gap:7px}
.vv-scene-seo_results .vv-serp-card{
    height:48px;
    min-height:48px;
    padding:7px 10px;
    border-radius:10px;
    gap:9px;
    opacity:1;
    align-items:center;
    box-sizing:border-box;
}
.vv-scene-seo_results .vv-serp-card:nth-child(3){opacity:1}
.vv-scene-seo_results .vv-serp-dot{
    width:14px;
    height:14px;
    margin-top:0;
    flex:0 0 14px;
}
.vv-scene-seo_results .vv-serp-card>div{gap:4px;min-width:0}
.vv-scene-seo_results .vv-serp-url{height:4px}
.vv-scene-seo_results .vv-serp-title{height:6px}
.vv-scene-seo_results .vv-serp-copy{height:4px}
@media (min-width:768px) and (max-width:1024px){
    .vv-scene-seo_results .vv-serp-list{gap:7px}
    .vv-scene-seo_results .vv-serp-card{height:48px;min-height:48px;padding:7px 10px;border-radius:10px;gap:9px}
}
@media (max-width:767px){
    .vv-scene-seo_results .vv-serp-list{gap:7px}
    .vv-scene-seo_results .vv-serp-card{height:48px;min-height:48px;padding:7px 10px;border-radius:10px;gap:9px}
}

/* 1.1.6 Responsive Geraete: PC, iPad und iPhone behalten in allen Viewports dieselben Proportionen */
.vv-responsive-scene{
    inset:6% 4% 8%;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:3%;
    overflow:visible;
}
.vv-responsive-scene .vv-device{
    flex:0 0 auto;
    height:auto;
    min-width:0;
    margin:0;
    box-sizing:border-box;
    transform:none;
}

/* Desktop PC: breites 16:9 Display mit Hals und Standfuss */
.vv-responsive-scene .vv-device-desktop{
    width:46%;
    aspect-ratio:16 / 9;
    padding:clamp(4px,.65vw,8px);
    border-radius:clamp(8px,1.2vw,18px);
}
.vv-responsive-scene .vv-device-desktop .vv-device-screen{
    width:100%;
    height:100%;
    border-radius:clamp(5px,.8vw,12px);
    padding:clamp(5px,.85vw,12px);
}
.vv-responsive-scene .vv-device-desktop::after{
    content:"";
    position:absolute;
    left:50%;
    top:100%;
    width:8%;
    height:10%;
    min-height:5px;
    transform:translateX(-50%);
    background:linear-gradient(90deg,#252e32,#0d1113 50%,#252e32);
    border-radius:0 0 3px 3px;
}
.vv-responsive-scene .vv-device-desktop .vv-device-base{
    left:31%;
    right:31%;
    width:auto;
    height:5%;
    min-height:5px;
    bottom:-15%;
    transform:none;
    clip-path:none;
    border-radius:999px 999px 5px 5px;
    background:linear-gradient(180deg,#30393d,#111619);
}

/* iPad: klassisches 3:4 Hochformat */
.vv-responsive-scene .vv-device-tablet{
    width:24%;
    aspect-ratio:3 / 4;
    padding:clamp(4px,.65vw,8px);
    border-radius:clamp(10px,1.8vw,28px);
}
.vv-responsive-scene .vv-device-tablet::before{
    content:"";
    position:absolute;
    z-index:3;
    top:clamp(4px,.55vw,8px);
    left:50%;
    width:clamp(2px,.28vw,4px);
    aspect-ratio:1;
    border-radius:50%;
    background:#596368;
    transform:translateX(-50%);
}
.vv-responsive-scene .vv-device-tablet .vv-device-screen{
    width:100%;
    height:100%;
    border-radius:clamp(7px,1.25vw,20px);
    padding:clamp(5px,.85vw,12px);
}

/* iPhone: schmal und deutlich hoeher als breit */
.vv-responsive-scene .vv-device-phone{
    width:11%;
    aspect-ratio:9 / 19.5;
    padding:clamp(3px,.55vw,7px);
    border-radius:clamp(10px,2vw,30px);
}
.vv-responsive-scene .vv-device-phone .vv-device-screen{
    width:100%;
    height:100%;
    border-radius:clamp(7px,1.55vw,23px);
    padding:clamp(12px,2vw,24px) clamp(3px,.65vw,9px) clamp(4px,.7vw,10px);
}
.vv-responsive-scene .vv-device-phone .vv-device-notch{
    top:clamp(5px,.75vw,12px);
    width:36%;
    height:clamp(3px,.5vw,8px);
}

/* Innenleben skaliert mit der Geraetegruppe, ohne die Silhouetten zu veraendern */
.vv-responsive-scene .vv-device-head{
    height:14%;
    gap:clamp(3px,.7vw,10px);
}
.vv-responsive-scene .vv-device-head img{
    width:clamp(11px,1.8vw,26px);
    height:clamp(11px,1.8vw,26px);
}
.vv-responsive-scene .vv-device-head i{
    height:clamp(2px,.34vw,5px);
}
.vv-responsive-scene .vv-device-hero{
    height:44%;
    border-radius:clamp(4px,.7vw,10px);
}
.vv-responsive-scene .vv-device-row{
    gap:clamp(2px,.48vw,7px);
    margin-top:clamp(3px,.62vw,9px);
}
.vv-responsive-scene .vv-device-row i{
    display:block;
    height:clamp(8px,1.8vw,28px);
    border-radius:clamp(3px,.55vw,8px);
}
.vv-responsive-scene .vv-device-line{
    height:clamp(2px,.34vw,5px);
    margin-top:clamp(3px,.55vw,8px);
}
.vv-responsive-scene .vv-responsive-beam{
    left:10%;
    right:10%;
    bottom:0;
}

/* Alle drei Geraete bewegen sich als dieselbe Komposition. Keine Viewport-spezifische Verformung. */
.is-visible .vv-responsive-scene .vv-device-desktop{animation:vv-responsive-pc-116 var(--vv-duration) ease-in-out infinite}
.is-visible .vv-responsive-scene .vv-device-tablet{animation:vv-responsive-ipad-116 var(--vv-duration) ease-in-out infinite}
.is-visible .vv-responsive-scene .vv-device-phone{animation:vv-responsive-iphone-116 var(--vv-duration) ease-in-out infinite}
@keyframes vv-responsive-pc-116{50%{transform:translateY(-3px)}}
@keyframes vv-responsive-ipad-116{50%{transform:translateY(-5px)}}
@keyframes vv-responsive-iphone-116{50%{transform:translateY(-7px)}}

@media (max-width:1024px){
    .vv-responsive-scene{
        inset:6% 3% 8%;
        gap:3%;
    }
    .vv-responsive-scene .vv-device-desktop{width:46%;height:auto;padding:clamp(3px,.65vw,7px);border-radius:clamp(7px,1.2vw,16px)}
    .vv-responsive-scene .vv-device-tablet{width:24%;height:auto;padding:clamp(3px,.65vw,7px);border-radius:clamp(9px,1.8vw,24px)}
    .vv-responsive-scene .vv-device-phone{width:11%;height:auto;min-width:0;padding:clamp(2px,.55vw,6px);border-radius:clamp(9px,2vw,26px)}
    .vv-responsive-scene .vv-device-row i:nth-child(3){display:block}
}

@media (max-width:767px){
    .vv-responsive-scene{
        inset:8% 1.5% 10%;
        gap:3%;
    }
    .vv-responsive-scene .vv-device-desktop{width:46%;height:auto;padding:3px;border-radius:8px}
    .vv-responsive-scene .vv-device-tablet{width:24%;height:auto;padding:3px;border-radius:10px}
    .vv-responsive-scene .vv-device-phone{width:11%;height:auto;min-width:0;padding:2px;border-radius:10px}
    .vv-responsive-scene .vv-device-desktop .vv-device-screen{padding:4px;border-radius:5px}
    .vv-responsive-scene .vv-device-tablet .vv-device-screen{padding:4px;border-radius:7px}
    .vv-responsive-scene .vv-device-phone .vv-device-screen{padding:9px 2px 3px;border-radius:7px}
    .vv-responsive-scene .vv-device-head img{width:10px;height:10px}
    .vv-responsive-scene .vv-device-row i:nth-child(3){display:block}
}