/* Cloud VPS visual direction: lightweight, self-hosted illustration and CSS motion. */
.cv-visual-hero{background:radial-gradient(ellipse at 80% 35%,#dbe8ff99,transparent 56%),var(--platform-card);padding-bottom:28px}
.cv-visual-hero .cv-hero-grid{grid-template-columns:1.05fr 1fr;gap:30px;padding-top:0}
.cv-visual-hero h1{font-size:clamp(38px,4.3vw,62px);max-width:640px}
.cv-infrastructure-art{position:relative;isolation:isolate;min-width:0;aspect-ratio:680/460;display:grid;place-items:center;color:var(--platform-accent)}
.cv-infrastructure-image{display:block;width:112%;max-width:none;height:auto;position:relative;z-index:1;animation:cv-art-float 9s ease-in-out infinite}
.cv-art-halo{position:absolute;inset:12% 5%;border:1px solid var(--platform-line);border-radius:50%;transform:rotate(-18deg);opacity:.6}
.cv-art-halo:after{content:'';position:absolute;inset:15% -8%;border:1px dashed var(--platform-line);border-radius:50%;transform:rotate(35deg)}
.cv-art-chip{position:absolute;z-index:2;background:var(--platform-card);border:1px solid var(--platform-line);border-radius:12px;padding:13px 16px;box-shadow:0 16px 35px #1d4f9b0d;display:grid;grid-template-columns:25px 1fr;column-gap:9px;min-width:158px;animation:cv-art-chip 10s ease-in-out infinite}
.cv-art-chip>.icon{grid-row:1/3;align-self:center;width:22px;height:22px}.cv-art-chip>span{font-size:8px;letter-spacing:.09em;color:var(--platform-muted)}.cv-art-chip>b{font-size:12px;line-height:1.8;font-weight:500;color:var(--platform-ink)}
.cv-chip-resources{inset-inline-start:0;top:15%}.cv-chip-software{inset-inline-end:-5px;bottom:13%;animation-delay:-4s}
.cv-art-packet{position:absolute;z-index:2;width:5px;height:5px;border-radius:50%;background:#4d80eb;box-shadow:0 0 0 5px #5484ec16;animation:cv-art-packet 5s ease-in-out infinite}.cv-packet-one{left:23%;top:55%}.cv-packet-two{right:22%;top:42%;animation-delay:-2.5s}
.cv-benefit-gallery{grid-template-columns:1fr 1fr;gap:22px}.cv-benefit-gallery .cv-benefit{overflow:hidden;border-radius:18px;transition:border-color .25s,box-shadow .25s,transform .25s}
.cv-benefit-gallery .cv-benefit:hover{border-color:var(--platform-accent);box-shadow:0 18px 45px #1b4c9b0b;transform:translateY(-3px)}
.cv-benefit-gallery .cv-benefit:first-child{grid-column:1/-1;display:grid;grid-template-columns:1.15fr 1fr;align-items:center;background:linear-gradient(115deg,var(--platform-soft),var(--platform-card))}
.cv-benefit-gallery .cv-benefit:first-child .cv-benefit-art{min-height:265px;height:100%;border-bottom:0}
.cv-benefit-gallery .cv-benefit:first-child .cv-benefit-globe{width:120px;height:120px;box-shadow:0 0 0 24px #4276ed07,0 0 0 48px #4276ed05}
.cv-benefit-gallery .cv-benefit:first-child .cv-benefit-globe>.icon{width:70px;height:70px}
.cv-benefit-gallery .cv-benefit:first-child .cv-benefit-globe{inset-inline-start:calc(50% - 60px);top:calc(50% - 70px)}
.cv-benefit-gallery .cv-benefit:first-child .cv-benefit-orbit{width:190px;height:190px;inset-inline-start:calc(50% - 95px);top:calc(50% - 105px)}
.cv-benefit-gallery .cv-benefit:first-child .cv-benefit-flags{inset-inline-start:50%;top:auto;bottom:24px;transform:translateX(-50%);direction:ltr}
[dir=rtl] .cv-benefit-gallery .cv-benefit:first-child .cv-benefit-flags{transform:translateX(50%)}
.cv-benefit-gallery .cv-benefit:first-child .cv-benefit-count{inset-inline-start:auto;inset-inline-end:20px;top:18px;font-size:11px}
.cv-benefit-gallery .cv-benefit-copy{padding:28px 30px}.cv-benefit-gallery .cv-benefit-copy h3{font-size:23px;line-height:1.4}.cv-benefit-gallery .cv-benefit-copy p{font-size:14px;line-height:1.9;max-width:470px}.cv-benefit-gallery .cv-benefit-copy a{font-size:12px}
.cv-benefit-gallery .cv-software-art,.cv-benefit-gallery .cv-console-art{height:205px;background:radial-gradient(ellipse at 50% 75%,var(--platform-soft),var(--platform-card));position:relative}
.cv-benefit-gallery .cv-benefit-apps{animation:cv-art-float 9s ease-in-out infinite}.cv-benefit-gallery .cv-mini-console{transform:perspective(700px) rotateY(-7deg) rotateX(5deg);box-shadow:12px 20px 35px #2457db0c}
.cv-visual-workloads{background:var(--platform-surface);border-top:1px solid var(--platform-line)}
.cv-usecase-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.cv-usecase{display:block;border:1px solid var(--platform-line);border-radius:17px;background:var(--platform-card);overflow:hidden;transition:transform .25s,box-shadow .25s,border-color .25s;min-width:0}
.cv-usecase:hover{transform:translateY(-5px);box-shadow:0 18px 35px #2457db10;border-color:var(--platform-accent)}
.cv-usecase-art{height:145px;position:relative;display:grid;place-items:center;overflow:hidden;background:radial-gradient(ellipse at 50% 100%,#dce9ff,var(--platform-card));color:#2457db}
.cv-usecase-windows-vps{background:radial-gradient(ellipse at 50% 100%,#e3e3ff,var(--platform-card));color:#6251bc}.cv-usecase-mail-vps{background:radial-gradient(ellipse at 50% 100%,#d5f1ee,var(--platform-card));color:#17786e}
.cv-usecase-symbol{width:67px;height:67px;display:grid;place-items:center;border-radius:17px;background:var(--platform-card);border:1px solid var(--platform-line);box-shadow:0 12px 28px #2457db0a;z-index:1;transition:transform .3s}.cv-usecase-symbol>.icon{width:33px;height:33px}
.cv-usecase-line{position:absolute;width:230px;height:90px;border:1px solid currentColor;opacity:.15;border-radius:50%;transform:rotate(-16deg)}
.cv-usecase-art i{position:absolute;width:7px;height:7px;background:currentColor;opacity:.4;border-radius:2px;left:23%;top:35%;animation:cv-art-chip 7s ease-in-out infinite}.cv-usecase-art i+i{left:73%;top:62%;animation-delay:-3s}.cv-usecase-art i+i+i{left:65%;top:22%;width:4px;height:4px;animation-delay:-5s}
.cv-usecase:hover .cv-usecase-symbol{transform:translateY(-4px) rotate(-3deg)}.cv-usecase-copy{padding:24px}.cv-usecase-copy h3{font-size:19px;line-height:1.5;color:var(--platform-ink);margin:0 0 10px}.cv-usecase-copy p{font-size:13px;line-height:1.9;color:var(--platform-muted);margin:0 0 22px}.cv-usecase-copy .text-link{font-size:12px}
[data-theme=dark] .cv-visual-hero{background:radial-gradient(ellipse at 80% 35%,#243c6877,transparent 56%),var(--platform-card)}
[data-theme=dark] .cv-usecase-art{background:radial-gradient(ellipse at 50% 100%,#253d65,var(--platform-card));color:#a9c4ff}[data-theme=dark] .cv-usecase-windows-vps{color:#c5baff}[data-theme=dark] .cv-usecase-mail-vps{color:#9fddd5}
@keyframes cv-art-float{50%{transform:translateY(-9px)}}@keyframes cv-art-chip{50%{translate:0 -5px}}@keyframes cv-art-packet{0%,100%{opacity:.2;translate:0 0}50%{opacity:1;translate:22px -12px}}
@media(max-width:1000px){.cv-visual-hero .cv-hero-grid{gap:15px}.cv-art-chip{padding:10px;min-width:135px}.cv-chip-resources{inset-inline-start:-10px}.cv-usecase-grid{gap:14px}.cv-usecase-copy{padding:20px}}
@media(max-width:760px){.cv-visual-hero .cv-hero-grid{grid-template-columns:minmax(0,1fr)}.cv-infrastructure-art{width:min(100%,420px);max-height:225px;margin:10px auto 0;aspect-ratio:680/370}.cv-infrastructure-image{width:auto;height:265px;max-width:120%}.cv-art-chip{min-width:130px;padding:9px}.cv-chip-resources{top:12%;inset-inline-start:0}.cv-chip-software{bottom:4%;inset-inline-end:0}.cv-art-chip>b{font-size:11px}.cv-art-chip>span{font-size:7px}.cv-benefit-gallery{grid-template-columns:minmax(0,1fr);gap:18px}.cv-benefit-gallery .cv-benefit:first-child{display:block}.cv-benefit-gallery .cv-benefit:first-child .cv-benefit-art{min-height:200px}.cv-benefit-gallery .cv-benefit-copy{padding:23px}.cv-benefit-gallery .cv-benefit-copy h3{font-size:21px}.cv-usecase-grid{grid-template-columns:minmax(0,1fr);gap:16px}.cv-usecase{display:grid;grid-template-columns:95px minmax(0,1fr);align-items:stretch}.cv-usecase-art{height:100%;min-height:190px}.cv-usecase-symbol{width:53px;height:53px;border-radius:13px}.cv-usecase-symbol>.icon{width:27px;height:27px}.cv-usecase-line{width:140px}.cv-usecase-copy h3{font-size:17px}.cv-usecase-copy{padding:20px 17px}.cv-usecase-copy p{font-size:12px;margin-bottom:15px}}
@media(prefers-reduced-motion:reduce){.cv-infrastructure-image,.cv-art-chip,.cv-art-packet,.cv-benefit-gallery .cv-benefit-apps,.cv-usecase-art i{animation:none}.cv-benefit-gallery .cv-benefit,.cv-usecase,.cv-usecase-symbol{transition:none}.cv-usecase:hover,.cv-benefit-gallery .cv-benefit:hover,.cv-usecase:hover .cv-usecase-symbol{transform:none}}