.infra-hero{position:relative;isolation:isolate;overflow:hidden;background:var(--hero-bg);color:var(--hero-ink);border-bottom:1px solid var(--hero-line)}.infra-grid-bg{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 80% 40%,#d8e3ff88,transparent 50%),linear-gradient(130deg,#fff 20%,#f5f7fd 75%)}.infra-grid-bg:after{content:'';position:absolute;inset:0;background-image:radial-gradient(#97a5c43d .8px,transparent .8px);background-size:22px 22px;mask-image:linear-gradient(90deg,transparent 20%,#000)}.infra-layout{display:grid;grid-template-columns:1fr 1.08fr;gap:65px;align-items:center;padding-block:65px 48px}.infra-trial{display:inline-flex;align-items:center;gap:11px;font-size:11px;color:var(--hero-accent);border:1px solid var(--hero-line);border-radius:30px;background:var(--hero-card);padding:8px 12px;margin-bottom:32px;box-shadow:0 4px 15px #3b4d7e04;transition:transform .2s}.infra-trial:hover{transform:translateY(-2px)}.infra-trial>span{font-size:8px;font-weight:650;letter-spacing:.08em;border-inline-end:1px solid var(--hero-line);padding-inline-end:10px}.infra-trial>.icon{width:14px;height:14px}.infra-copy .eyebrow{font-size:9px;letter-spacing:.13em;margin-bottom:18px}.infra-copy h1{font-size:clamp(3rem,4.25vw,4.35rem);line-height:1.08;letter-spacing:-.055em;font-weight:650;color:var(--hero-ink);margin-bottom:26px;text-wrap:balance}.infra-copy h1 em{font-style:normal;color:#5c4ac7}.infra-description{font-size:15px;line-height:1.9;max-width:495px;color:var(--hero-muted);margin-bottom:29px}.intro-v4 .infra-primary,.intro-v4 .infra-secondary{font-size:13px;border-radius:9px;min-height:51px;padding:14px 20px;gap:20px;transition:transform .2s,box-shadow .2s}.intro-v4 .infra-primary{background:#6540ca;color:#fff;border:1px solid #6540ca;box-shadow:0 8px 22px #6540ca22}.intro-v4 .infra-primary:hover{background:#5631b8;transform:translateY(-3px);box-shadow:0 10px 28px #6540ca33}.intro-v4 .infra-secondary{background:var(--hero-card);border:1px solid var(--hero-line);color:var(--hero-ink)}.intro-v4 .infra-secondary:hover{background:var(--hero-soft);transform:translateY(-3px)}.infra-capabilities{display:flex;gap:19px;align-items:center;flex-wrap:wrap;margin-top:30px;font-size:10px;color:var(--hero-muted)}.infra-capabilities>span{display:flex;align-items:center;gap:7px}.infra-capabilities .icon{width:15px;height:15px;color:#7868a9}.infra-explorer{min-width:0;background:var(--hero-card);border:1px solid var(--hero-line);border-radius:19px;box-shadow:0 30px 75px #34487012,0 3px 10px #34487005;overflow:hidden;position:relative}.infra-explorer-top{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:19px 22px;border-bottom:1px solid var(--hero-line);font-family:Consolas,monospace;font-size:9px;color:var(--hero-muted)}.infra-wordmark{display:flex;align-items:center;gap:8px;letter-spacing:.04em;font-weight:600}.infra-wordmark>.icon{width:16px;height:16px;color:#7b69b4}.infra-wordmark>span{font-weight:400;opacity:.8;font-size:8px}.infra-version{font-size:8px;color:#7b71a0}.infra-topology{height:330px;position:relative;overflow:hidden;background:radial-gradient(ellipse at center,#e5e8f68c,transparent 70%),linear-gradient(#fbfcff,#f6f8fe);isolation:isolate;direction:ltr}.topology-orbit{position:absolute;inset:25px 90px;border:1px solid #d8dfef;border-radius:50%;transform:rotate(-30deg);z-index:-1}.orbit-two{inset:65px 50px;transform:rotate(30deg);border-style:dashed;opacity:.65}.topology-wires{position:absolute;inset:0;width:100%;height:100%;color:#c4cce0}.topology-wires .wire-flow{stroke:#8a73c4;stroke-dasharray:5 28;animation:infra-flow 13s linear infinite}.topology-label{position:absolute;width:104px;padding:11px 10px 10px;border:1px solid #dce2ef;background:#ffffffed;border-radius:10px;color:#29385a;box-shadow:0 8px 20px #3e4b6e09;z-index:3;transition:transform .35s,border-color .35s,box-shadow .35s}.topology-label>.icon{width:19px;height:19px;color:#8a79b4;margin-bottom:5px}.topology-label>span{font-family:Consolas,monospace;font-size:6px;letter-spacing:.035em;color:#65728d;display:block;line-height:1.5}.topology-label>b{display:block;font-size:11px;font-weight:600;margin-top:3px}.node-cloud{left:20px;top:35px}.node-gpu{right:20px;top:35px}.node-storage{left:20px;bottom:30px}.node-network{right:20px;bottom:30px}.rack-scene{position:absolute;left:50%;top:50%;width:205px;height:250px;transform:translate(-50%,-43%);z-index:2}.rack-shadow{position:absolute;bottom:-3px;left:-30px;width:260px;height:50px;background:radial-gradient(ellipse,#55628735,transparent 68%);transform:rotate(-8deg)}.rack-tower{position:absolute;border:1px solid #4c536f;border-radius:5px 5px 8px 8px;background:linear-gradient(100deg,#26314c,#172138);padding:11px 9px 5px;box-shadow:12px 9px 0 #a4aecb,13px 9px 0 1px #8794b4;transform:perspective(800px) rotateY(-22deg) rotateX(6deg);transition:transform .6s,box-shadow .6s}.tower-front{width:132px;left:0;top:36px;z-index:2}.tower-back{width:115px;right:0;top:0;z-index:1;opacity:.85}.rack-top{height:7px;margin-bottom:8px;background:repeating-linear-gradient(90deg,#46516d 0 2px,transparent 2px 5px);width:40px;margin-inline:auto;opacity:.7}.rack-bay{height:25px;background:linear-gradient(#35415c,#29354e);border:1px solid #4c5971;border-radius:3px;margin-bottom:5px;display:flex;align-items:center;gap:4px;padding-inline:6px;box-shadow:0 2px 3px #0002}.rack-bay>span{height:10px;width:60%;background:repeating-linear-gradient(90deg,#18233b 0 1px,transparent 1px 3px);border-radius:2px;margin-right:auto}.rack-bay>i{width:3px;height:3px;border-radius:50%;background:#6ed0bd;box-shadow:0 0 4px #6ed0bd44;animation:infra-led 4s ease-in-out infinite}.rack-bay:nth-child(2n)>i{animation-delay:-1.7s}.rack-bay>i:last-child{background:#8c9ed1;animation-delay:-2.5s}.rack-foot{font-family:Consolas,monospace;font-size:4px;letter-spacing:.06em;text-align:center;color:#a6b1cc;padding-block:7px 2px;white-space:nowrap}.rack-chip{position:absolute;bottom:20px;right:-7px;z-index:4;width:56px;height:56px;display:grid;place-content:center;text-align:center;background:#eee8fb;border:1px solid #bcace1;border-radius:10px;box-shadow:6px 6px 0 #d8cbed;transform:rotate(-8deg);color:#7858b6;transition:transform .5s,box-shadow .5s}.rack-chip>.icon{width:26px;height:26px}.rack-chip>span{font-family:Consolas,monospace;font-size:7px;margin-top:1px}.infra-topology[data-infra-service=cloud-vps] .node-cloud,.infra-topology[data-infra-service=gpu-cloud] .node-gpu{border-color:#a38bcf;box-shadow:0 8px 24px #8061b522;transform:translateY(-4px)}.infra-topology[data-infra-service=dedicated-servers] .tower-front{box-shadow:12px 9px 0 #9e8cc7,13px 9px 0 1px #8572ad;transform:perspective(800px) rotateY(-15deg) rotateX(4deg) translateY(-5px)}.infra-topology[data-infra-service=gpu-cloud] .rack-chip{transform:rotate(0deg) translateY(-9px);box-shadow:6px 10px 0 #d8cbed,0 0 25px #9b78d940}.infra-service-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding:13px 16px;border-block:1px solid var(--hero-line);background:var(--hero-bg)}.infra-service-picker>button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:9px 7px;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--hero-muted);font-size:10px;line-height:1.5;transition:background .2s,box-shadow .2s}.infra-service-picker>button>.icon{width:16px;height:16px}.infra-service-picker>button[aria-pressed=true]{color:var(--hero-accent);background:var(--hero-card);border-color:var(--hero-line);box-shadow:0 3px 7px #34446e08}.infra-service-picker>button:hover{background:var(--hero-card)}.infra-detail-area{min-height:139px;padding:21px 22px}.infra-detail{display:flex;align-items:center;gap:19px;animation:infra-detail-in .25s ease}.infra-detail>div{flex:1;min-width:0}.infra-detail h2{font-size:15px;letter-spacing:-.02em;line-height:1.4;margin-bottom:7px;color:var(--hero-ink)}.infra-detail p{font-size:11px;line-height:1.8;color:var(--hero-muted);margin:0}.infra-detail>a{display:grid;place-items:center;width:37px;height:37px;flex-shrink:0;border:1px solid var(--hero-line);background:var(--hero-soft);color:var(--hero-accent);border-radius:50%;transition:transform .2s}.infra-detail>a:hover{transform:translateX(3px)}.infra-detail>a>.icon{width:17px;height:17px}.infra-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--hero-line);padding-block:17px;color:var(--hero-muted);font-size:10px}.infra-motion{font-size:10px;padding:9px 12px;min-height:36px;background:var(--hero-card);border:1px solid var(--hero-line);border-radius:30px;color:var(--hero-muted)}.infra-motion:hover{background:var(--hero-soft)}.infra-hero[data-motion=paused] *,.infra-hero[data-visible=false] *,.infra-hero[data-background=true] *{animation-play-state:paused!important}.infra-hero[data-motion=paused] .rack-tower,.infra-hero[data-motion=paused] .rack-chip,.infra-hero[data-motion=paused] .topology-label{transition:none}.infra-hero[data-motion=paused] .infra-detail{animation:none}
@keyframes infra-flow{to{stroke-dashoffset:-330}}@keyframes infra-led{0%,60%,100%{opacity:.9}70%,80%{opacity:.25}}@keyframes infra-detail-in{from{opacity:.4;translate:0 5px}to{opacity:1;translate:0 0}}
[data-theme=dark] .infra-grid-bg{background:radial-gradient(ellipse at 80% 40%,#38436d55,transparent 50%),linear-gradient(130deg,#141a2b,#111729)}[data-theme=dark] .infra-topology{background:radial-gradient(ellipse,#323e5c66,transparent 70%),#181f33}[data-theme=dark] .topology-label{background:#252e46;border-color:#495574;color:#edf1ff}[data-theme=dark] .topology-label>span{color:#bbc6dc}[data-theme=dark] .topology-label>.icon{color:#c1a8ed}[data-theme=dark] .topology-wires{color:#495574}[data-theme=dark] .topology-orbit{border-color:#394460}[data-theme=dark] .infra-copy h1 em{color:#c6a6ff}[data-theme=dark] .infra-wordmark>.icon,[data-theme=dark] .infra-version{color:#baabd5}
[dir=rtl] .infra-copy h1{letter-spacing:0;line-height:1.3;font-size:clamp(2.8rem,4vw,4.1rem)}[dir=rtl] .infra-detail>a>.icon{transform:scaleX(-1)}
@media(max-width:1150px){.infra-layout{gap:35px}.infra-copy h1{font-size:4.5vw}.infra-description{font-size:14px}.infra-capabilities{gap:12px;font-size:9px}.infra-wordmark>span{display:none}.infra-topology{height:310px}.topology-label{width:90px;padding:10px 8px}.node-cloud,.node-storage{left:12px}.node-gpu,.node-network{right:12px}.topology-label>b{font-size:10px}.topology-label>span{font-size:5px}.rack-scene{scale:.9;transform-origin:0 0}.infra-service-picker{padding-inline:12px;gap:3px}.infra-service-picker>button{font-size:9px;gap:5px}.infra-detail-area{min-height:158px;padding:20px}.infra-explorer-top{padding-inline:19px}.infra-copy .button-row{gap:9px}.intro-v4 .infra-primary,.intro-v4 .infra-secondary{padding-inline:15px;gap:13px;font-size:12px}}
@media(max-width:920px){.infra-layout{grid-template-columns:1fr;gap:40px;padding-block:40px}.infra-copy{max-width:670px}.infra-copy h1{font-size:clamp(3.1rem,6.5vw,4.3rem);max-width:650px}.infra-description{max-width:600px}.infra-trial{margin-bottom:26px}.infra-explorer{width:100%;max-width:650px;justify-self:center}.infra-topology{height:350px}.topology-label{width:115px;padding:13px}.node-cloud,.node-storage{left:35px}.node-gpu,.node-network{right:35px}.topology-label>b{font-size:12px}.topology-label>span{font-size:6px}.rack-scene{scale:1}.infra-detail-area{min-height:125px}.infra-service-picker>button{font-size:11px}.infra-capabilities{font-size:10px;gap:20px}.infra-wordmark>span{display:inline}.infra-explorer-top{padding:18px 22px}.infra-bottom{font-size:9px}.infra-layout .button{font-size:13px;padding-inline:20px}[dir=rtl] .infra-copy h1{font-size:3.4rem}}
@media(max-width:640px){.infra-layout{gap:31px;padding-block:31px 27px}.infra-copy h1{font-size:clamp(2.55rem,10vw,3.7rem);line-height:1.14;letter-spacing:-.055em;margin-bottom:21px}.infra-copy .eyebrow{font-size:7px;margin-bottom:16px}.infra-description{font-size:13px;line-height:1.85;margin-bottom:23px}.infra-trial{font-size:10px;padding:7px 10px;gap:9px;margin-bottom:25px}.infra-trial>span{font-size:7px}.infra-capabilities{font-size:8px;gap:14px;margin-top:23px}.infra-capabilities .icon{width:13px;height:13px}.infra-layout .button{font-size:11px;gap:15px;padding:12px 16px;min-height:47px}.infra-explorer{border-radius:13px}.infra-explorer-top{padding:15px 13px;font-size:8px}.infra-wordmark>span{font-size:6px}.infra-version{font-size:7px}.infra-topology{height:295px}.rack-scene{scale:.8;top:52%}.topology-label{width:79px;padding:10px 8px}.topology-label>.icon{width:15px;height:15px}.topology-label>b{font-size:9px}.topology-label>span{font-size:4.5px;letter-spacing:0}.node-cloud,.node-storage{left:10px}.node-gpu,.node-network{right:10px}.node-cloud,.node-gpu{top:27px}.node-storage,.node-network{bottom:22px}.topology-orbit{inset:30px 40px}.orbit-two{inset:70px 20px}.infra-service-picker{padding:10px 8px;gap:3px}.infra-service-picker>button{font-size:8px;gap:4px;padding:8px 4px;min-height:44px}.infra-service-picker>button>.icon{width:13px;height:13px}.infra-detail-area{min-height:161px;padding:17px 14px}.infra-detail{gap:12px}.infra-detail h2{font-size:14px}.infra-detail p{font-size:10px;line-height:1.85}.infra-detail>a{width:32px;height:32px}.infra-bottom{font-size:8px;gap:16px;padding-block:15px}.infra-motion{font-size:9px;white-space:nowrap}[dir=rtl] .infra-copy h1{font-size:2.55rem;line-height:1.35}.infra-copy .button-row{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.infra-hero *{animation:none!important;transition:none!important}}

.concept-v3 .skip-link{top:10px;transform:translateY(-200%);max-width:calc(100vw - 32px);background:#5631b8;color:#fff}.concept-v3 .skip-link:focus{transform:translateY(0)}