:root{--p:#118d62;--ph:#379f7b;--mint:#ebedef;--mint2:#dbede7;--ink:#101211;--text:#5f6161;--muted:#898b8b;--line:#e1e3e5;--soft:#f9fbfd;--white:#f9fbfd;--r:12px;--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f9fbfd;color:var(--ink);font:400 16px/24px "Geist",sans-serif;letter-spacing:0;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}img{max-width:100%} .shell{max-width:1280px;margin:auto;padding-inline:80px}.site-header{height:72px;position:sticky;top:0;background:rgba(249,251,253,.97);z-index:100;border-bottom:1px solid var(--line)}.header-inner{height:100%;display:flex;align-items:center;gap:32px}.brand img{height:32px;width:auto;display:block}.nav{display:flex;align-items:center;gap:28px;margin-left:auto}.nav a,.menu-toggle{font-size:16px;line-height:24px;letter-spacing:0;font-weight:600;color:var(--text)}.nav a:hover,.nav a[aria-current]{color:var(--p)}.header-actions{display:flex;gap:12px;align-items:center}.btn{border-radius:8px;border:1.5px solid var(--p);padding:8px 20px;min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600;font-size:16px;line-height:24px;letter-spacing:0;transition:background .15s,color .15s,transform .18s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--p);color:#f9fbfd}.btn-primary:hover{background:var(--ph)}.btn-outline{background:#f9fbfd;color:var(--p)}.btn-outline:hover{background:transparent;border-color:var(--ph);color:var(--ph)}.menu-toggle{display:none;background:#f9fbfd;border:1px solid var(--line);border-radius:8px;padding:12px}.eyebrow{font-size:12px;line-height:16px;letter-spacing:.01em;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--p)}h1,h2,h3,p{margin-top:0}h1{font-weight:600;font-size:48px;line-height:56px;letter-spacing:-.025em;line-height:1.15;letter-spacing:-.035em}h2{font-weight:600;font-size:40px;line-height:48px;letter-spacing:-.025em;line-height:1.2;letter-spacing:-.025em}h3{font-size:20px;line-height:28px;letter-spacing:0;line-height:1.4;font-weight:600}p{color:var(--text)}.lead{font-size:20px;line-height:28px;letter-spacing:0;line-height:1.55;max-width:590px}.accent{color:var(--p)}.hero{padding:96px 0 80px}.hero-layout{display:grid;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);gap:48px;align-items:center}.hero-copy h1{max-width:640px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.trustline{display:flex;align-items:center;gap:12px;margin-top:32px;font-size:16px;line-height:24px;letter-spacing:0;color:var(--text)}.status-dot{height:8px;width:8px;border-radius:50%;background:var(--p);display:inline-block;box-shadow:0 0 0 5px var(--mint)}.interface{border:1px solid var(--line);border-radius:16px;background:#f9fbfd;box-shadow:0 8px 24px rgba(16,18,17,.08);overflow:hidden}.interface-head{display:flex;align-items:center;gap:8px;padding:16px 20px;border-bottom:1px solid var(--line);background:var(--soft);font-size:12px;line-height:16px;letter-spacing:.01em;color:var(--muted)}.dots{display:flex;gap:5px;margin-right:8px}.dots i{width:7px;height:7px;border:1px solid var(--line);border-radius:50%}.interface-body{padding:24px}.interface-title{font-size:16px;line-height:24px;letter-spacing:0;font-weight:600;display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.status{color:var(--p);font-size:12px;line-height:16px;letter-spacing:.01em;font-weight:600;background:var(--mint);padding:4px 8px;border-radius:4px}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:20px}.metric{padding:16px 12px;border:1px solid var(--line);border-radius:8px;min-width:0}.metric small{display:block;font-size:12px;line-height:16px;letter-spacing:.01em;color:var(--muted);margin-bottom:8px}.metric strong{font-size:20px;line-height:28px;letter-spacing:0}.plot{height:128px;border:1px solid var(--line);border-radius:8px;position:relative;overflow:hidden;background:repeating-linear-gradient(0deg,transparent,transparent 31px,#eff1f3 32px)}.plot svg{width:100%;height:100%;display:block}.terminal{margin-top:12px;border-radius:8px;background:#101211;color:#dbede7;padding:20px;font:400 12px/16px "Geist",sans-serif;letter-spacing:.01em;min-height:145px}.terminal .terminal-line{opacity:0;transform:translateY(5px);animation:terminalIn .45s forwards}.terminal .terminal-line:nth-child(2){animation-delay:.5s}.terminal .terminal-line:nth-child(3){animation-delay:1s}.terminal .terminal-line:nth-child(4){animation-delay:1.5s}@keyframes terminalIn{to{opacity:1;transform:none}}.micro{font-size:12px;line-height:16px;letter-spacing:.01em;color:var(--muted)}.logo-band{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:28px 0}.logo-band .shell{display:flex;gap:32px;align-items:center;flex-wrap:wrap}.logo-band img{height:28px;max-width:110px;width:auto;object-fit:contain;filter:grayscale(1);opacity:.75}.logo-band .eyebrow{color:var(--muted);margin:0}.section{padding-block:80px}.section-tint{background:var(--soft)}.section-intro{max-width:730px;margin-bottom:40px}.section-intro p{font-size:20px;line-height:28px;letter-spacing:0}.editorial{display:grid;grid-template-columns:.85fr 1.15fr;gap:64px;align-items:center}.editorial.reverse{grid-template-columns:1.15fr .85fr}.editorial.reverse .editorial-visual{order:-1}.bullet-link{display:block;padding:20px 0;border-bottom:1px solid var(--line);font-weight:600}.bullet-link:hover{color:var(--p)}.showcase{display:grid;grid-template-columns:1.2fr .8fr;gap:20px}.feature-panel{padding:32px;border:1px solid var(--line);border-radius:12px;background:#f9fbfd;display:flex;flex-direction:column;justify-content:space-between;min-height:260px;transition:transform .18s,border-color .18s}.feature-panel:hover{transform:translateY(-2px);border-color:var(--p)}.feature-panel.primary{background:var(--mint);border-color:var(--mint2);grid-row:span 2}.feature-panel .index{font:400 12px/16px "Geist",sans-serif;letter-spacing:.01em;color:var(--p)}.feature-panel p{font-size:16px;line-height:24px;letter-spacing:0}.feature-panel a{font-weight:600;font-size:16px;line-height:24px;letter-spacing:0;color:var(--p)}.workflow{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}.workflow-visual{position:sticky;top:104px}.steps{border-left:1px solid var(--line)}.step{padding:36px 32px;border-left:3px solid transparent;margin-left:-4px;opacity:.6;transition:opacity .3s,border-color .3s}.step.active{opacity:1;border-left-color:var(--p)}.step small{font:400 12px/16px "Geist",sans-serif;letter-spacing:.01em;color:var(--p)}.step p{margin-bottom:0}.cloud-map{padding:32px;background:var(--soft);border-radius:12px;border:1px solid var(--line)}.infra-stack{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.infra-node{text-align:center;padding:20px 8px;border:1px solid var(--line);border-radius:8px;background:#f9fbfd;font-size:12px;line-height:16px;letter-spacing:.01em;font-weight:600}.infra-node b{display:block;font-size:24px;line-height:32px;letter-spacing:-.01em;color:var(--p);margin-bottom:8px}.infra-connector{height:46px;display:flex;justify-content:center;align-items:center}.infra-connector:before{content:'';height:100%;border-left:2px dashed var(--p)}.category-nav{position:sticky;top:72px;z-index:30;background:#f9fbfd;border-bottom:1px solid var(--line);overflow-x:auto}.category-nav .shell{display:flex;gap:24px;white-space:nowrap}.category-nav a{padding:20px 0;display:block;font-size:16px;line-height:24px;letter-spacing:0;font-weight:600;color:var(--text);border-bottom:2px solid transparent}.category-nav a:hover,.category-nav a.active{color:var(--p);border-bottom-color:var(--p)}.product-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.product-item{padding:24px;border:1px solid var(--line);border-radius:12px;display:flex;flex-direction:column;min-height:215px;transition:transform .18s,border-color .18s}.product-item:hover{border-color:var(--p);transform:translateY(-2px)}.product-item h3{margin:12px 0 8px}.product-item p{font-size:16px;line-height:24px;letter-spacing:0}.product-item a{margin-top:auto;font-size:16px;line-height:24px;letter-spacing:0;color:var(--p);font-weight:600}.product-icon{width:36px;height:36px;border-radius:8px;display:grid;place-items:center;background:var(--mint);color:var(--p)}.product-category{scroll-margin-top:155px;margin-bottom:72px}.pricing{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.pricing-card{border:1px solid var(--line);border-radius:12px;padding:24px;display:flex;flex-direction:column}.pricing-card h3{margin-bottom:12px}.pricing-card .spec{padding:12px 0;border-bottom:1px solid var(--line);color:var(--text);font-size:16px;line-height:24px;letter-spacing:0}.pricing-card .btn{margin-top:24px}.service-row{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:64px;border-bottom:1px solid var(--line);padding-block:64px}.service-row:nth-child(even) .service-viz{order:-1}.service-viz{background:var(--soft);border-radius:12px;padding:32px;border:1px solid var(--line)}.service-viz .interface{box-shadow:none}.faq details{border-bottom:1px solid var(--line);padding:20px 0}.faq summary{font-weight:600;cursor:pointer}.cta{background:var(--ink);color:#f9fbfd;border-radius:16px;padding:64px;display:flex;align-items:center;justify-content:space-between;gap:32px}.cta h2{max-width:670px}.cta p{color:#e1e3e5}.cta .btn-primary{background:#f9fbfd;border-color:#f9fbfd;color:var(--ink)}.footer{background:var(--soft);padding:64px 0 32px;border-top:1px solid var(--line)}.footer-grid{display:grid;grid-template-columns:2fr repeat(4,1fr);gap:32px}.footer h3{font-size:16px;line-height:24px;letter-spacing:0}.footer a{display:block;color:var(--text);font-size:12px;line-height:16px;letter-spacing:.01em;margin-bottom:12px}.footer a:hover{color:var(--p)}.footer small{color:var(--muted)}.footer-bottom{border-top:1px solid var(--line);padding-top:24px;margin-top:40px;font-size:12px;line-height:16px;letter-spacing:.01em;color:var(--muted)}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s var(--ease),transform .7s var(--ease)}.reveal.is-visible{opacity:1;transform:none}:focus-visible{outline:2px solid var(--p);outline-offset:3px}
@media(max-width:1100px){.shell{padding-inline:40px}.hero-layout,.editorial,.editorial.reverse{gap:32px}h1{font-size:40px;line-height:48px;letter-spacing:-.025em}h2{font-size:32px;line-height:40px;letter-spacing:-.01em}.footer-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:800px){.shell{padding-inline:20px}.menu-toggle{display:block;margin-left:auto}.nav{display:none;position:absolute;top:72px;left:0;right:0;background:#f9fbfd;padding:20px;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:20px}.nav.open{display:flex}.header-actions{display:none}.hero{padding:64px 0}.hero-layout,.editorial,.editorial.reverse,.workflow,.service-row,.showcase{grid-template-columns:1fr}.editorial.reverse .editorial-visual,.service-row:nth-child(even) .service-viz{order:initial}.workflow-visual{position:static}.product-list,.pricing{grid-template-columns:repeat(2,minmax(0,1fr))}.section{padding-block:64px}.cta{padding:32px;display:block}.footer-grid{grid-template-columns:repeat(2,1fr)}h1{font-size:40px;line-height:48px;letter-spacing:-.025em}}
@media(max-width:540px){h1{font-size:36px;line-height:44px;letter-spacing:-.025em}h2{font-size:28px;line-height:36px;letter-spacing:-.01em}.product-list,.pricing{grid-template-columns:1fr}.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.metric{padding:8px}.metric strong{font-size:16px;line-height:24px;letter-spacing:0}.interface-body{padding:12px}.cta{border-radius:12px}.footer-grid{grid-template-columns:1fr}.logo-band img{height:22px}.hero{padding:48px 0}.section{padding-block:48px}.service-row{padding-block:40px}.actions .btn{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

/* v2 — motion-enhanced authored interface illustrations */
.interface,.cloud-map,.feature-panel,.service-viz{isolation:isolate}
.interface .plot{background:repeating-linear-gradient(0deg,transparent 0 31px,var(--line) 32px),repeating-linear-gradient(90deg,transparent 0 63px,var(--soft) 64px)}
.plot svg path{stroke-dasharray:750;stroke-dashoffset:750;transition:stroke-dashoffset 1.8s cubic-bezier(.22,1,.36,1)}
.interface.motion-active .plot svg path{stroke-dashoffset:0}
.plot .scan-beam{position:absolute;inset:0 auto 0 0;width:24%;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(17,141,98,.07),transparent);opacity:0;transform:translateX(-100%)}
.interface.motion-active .scan-beam{animation:bgn-scan 7s ease-in-out 1.2s infinite;opacity:1}
@keyframes bgn-scan{0%,12%{transform:translateX(-100%)}75%,100%{transform:translateX(520%)}}
.plot .plot-point{position:absolute;width:8px;height:8px;background:var(--p);border:2px solid white;border-radius:50%;box-shadow:0 0 0 3px var(--mint);top:18%;left:90%;opacity:0;transform:scale(.5);transition:opacity .3s 1.6s,transform .3s 1.6s}
.interface.motion-active .plot-point{opacity:1;transform:scale(1)}
.interface .metric{position:relative;overflow:hidden;transition:border-color .4s,background .4s}
.interface.motion-active .metric{animation:bgn-metric 6s ease-in-out infinite}
.interface.motion-active .metric:nth-child(2){animation-delay:.5s}.interface.motion-active .metric:nth-child(3){animation-delay:1s}
@keyframes bgn-metric{0%,80%,100%{border-color:var(--line);background:#f9fbfd}9%,24%{border-color:var(--p);background:var(--mint)}}
.terminal{position:relative;overflow:hidden}.terminal:after{content:'';position:absolute;right:20px;bottom:17px;width:6px;height:13px;background:var(--color-primary-400,#a3d2c2);opacity:0}
.interface.motion-active .terminal:after{animation:bgn-cursor 1s step-end 4 1.8s}
@keyframes bgn-cursor{50%{opacity:1}}
.terminal .terminal-line{animation:none;opacity:0;transform:translateY(7px);transition:opacity .4s,transform .4s}
.interface.motion-active .terminal .terminal-line{opacity:1;transform:none}
.interface.motion-active .terminal .terminal-line:nth-child(1){transition-delay:.1s}.interface.motion-active .terminal .terminal-line:nth-child(2){transition-delay:.55s}.interface.motion-active .terminal .terminal-line:nth-child(3){transition-delay:1s}.interface.motion-active .terminal .terminal-line:nth-child(4){transition-delay:1.45s}
.cloud-map{position:relative;overflow:hidden}.cloud-map .infra-node{position:relative;z-index:2;transition:border-color .35s,transform .35s,box-shadow .35s}.cloud-map.motion-active .infra-node{animation:bgn-node 6s ease-in-out infinite}.cloud-map.motion-active .infra-node:nth-child(2){animation-delay:.8s}.cloud-map.motion-active .infra-node:nth-child(3){animation-delay:1.6s}
@keyframes bgn-node{0%,65%,100%{border-color:var(--line);box-shadow:none}14%,30%{border-color:var(--p);box-shadow:0 0 0 3px var(--mint)}}
.cloud-map .infra-connector:before{border-left-style:solid;transform:scaleY(0);transform-origin:top;transition:transform .9s cubic-bezier(.22,1,.36,1)}.cloud-map.motion-active .infra-connector:before{transform:scaleY(1)}
.cloud-map .infra-connector{position:relative}.cloud-map .infra-connector:after{content:'';position:absolute;top:0;left:calc(50% - 3px);width:6px;height:6px;border-radius:50%;background:var(--p);opacity:0}.cloud-map.motion-active .infra-connector:after{opacity:1;animation:bgn-packet 2.8s linear infinite}
@keyframes bgn-packet{0%{top:0;opacity:0}20%{opacity:1}85%{opacity:1}100%{top:90%;opacity:0}}
.workflow-visual .interface{transition:border-color .35s}.workflow-visual[data-stage="1"] .metric:nth-child(1),.workflow-visual[data-stage="2"] .metric:nth-child(2),.workflow-visual[data-stage="3"] .metric:nth-child(3){border-color:var(--p);background:var(--mint)}
.feature-panel{position:relative;overflow:hidden}.feature-panel:before{content:'';position:absolute;right:28px;top:28px;width:40px;height:40px;border:1px solid var(--line);border-radius:8px;opacity:.55;pointer-events:none;background:linear-gradient(90deg,transparent 47%,var(--line) 48% 52%,transparent 53%),linear-gradient(transparent 47%,var(--line) 48% 52%,transparent 53%);transition:transform .6s,opacity .6s}.feature-panel:hover:before{transform:rotate(90deg);opacity:1}
@media(prefers-reduced-motion:reduce){.plot svg path{stroke-dashoffset:0!important;transition:none!important}.scan-beam,.infra-connector:after,.terminal:after{display:none!important}.interface.motion-active .metric,.cloud-map.motion-active .infra-node{animation:none!important}.terminal .terminal-line{opacity:1!important;transform:none!important;transition:none!important}.infra-connector:before{transform:scaleY(1)!important;transition:none!important}.feature-panel:before{transition:none!important}}


/* v3: purpose-built motion graphics, illustration families and accessible interactions */
.motion-art{--art-line:var(--color-neutral-300,#e1e3e5);position:relative;min-height:280px;padding:20px 24px;border:1px solid var(--art-line);border-radius:var(--radius-card,12px);background:var(--color-neutral-0,#f9fbfd);overflow:hidden;isolation:isolate}
.art-top{display:flex;justify-content:space-between;gap:12px;color:var(--color-neutral-600,#898b8b);font:600 12px/16px "Geist",sans-serif;letter-spacing:.01em;letter-spacing:.025em}.art-top span:last-child{color:var(--color-primary-700,#118d62)}
.art-note{position:absolute;bottom:16px;left:24px;right:24px;font:400 12px/16px "Geist",sans-serif;letter-spacing:.01em;color:var(--color-neutral-600,#898b8b);text-align:center}
.mesh-svg{display:block;width:100%;height:208px;margin:4px auto 0;overflow:visible}.mesh-link{fill:none;stroke:var(--color-neutral-300,#e1e3e5);stroke-width:2;stroke-dasharray:450;stroke-dashoffset:450}.motion-active .mesh-link{animation:mesh-build 1.8s cubic-bezier(.22,1,.36,1) forwards}.motion-active .l2{animation-delay:.35s}.motion-active .l3{animation-delay:.7s}.motion-active .l4{animation-delay:1.05s}.mesh-point{fill:var(--color-neutral-0,#f9fbfd);stroke:var(--color-primary-700,#118d62);stroke-width:3;transform-box:fill-box;transform-origin:center}.motion-active .mesh-point{animation:mesh-breathe 3s ease-in-out infinite alternate}.motion-art .packet{fill:var(--color-primary-700,#118d62)}.art-labels{position:absolute;top:57%;left:12%;right:12%;display:flex;justify-content:space-between;color:var(--color-neutral-700,#5f6161);font:600 12px/16px "Geist",sans-serif;letter-spacing:.01em}
@keyframes mesh-build{to{stroke-dashoffset:0}}@keyframes mesh-breathe{to{transform:scale(1.25)}}
.server-scene{height:210px;display:flex;flex-direction:column;justify-content:center;gap:9px;max-width:285px;margin:auto;perspective:900px}.server-unit{display:flex;align-items:center;gap:14px;border:1px solid var(--art-line);border-radius:8px;background:var(--color-neutral-100,#f9fbfd);height:31px;padding:4px 12px;transform:translateX(-50px) rotateY(-12deg);opacity:0}.motion-active .server-unit{animation:rack-in .7s cubic-bezier(.22,1,.36,1) forwards;animation-delay:calc(var(--i)*.17s)}.server-glyph{color:var(--color-primary-700,#118d62)}.server-bars{display:flex;gap:4px;flex:1}.server-bars i{display:block;height:4px;width:20%;background:var(--color-neutral-300,#e1e3e5);border-radius:4px}.server-led{width:7px;height:7px;border-radius:50%;background:var(--color-primary-700,#118d62)}.motion-active .server-led{animation:mesh-breathe 2s infinite alternate}@keyframes rack-in{to{opacity:1;transform:none}}
.shield-scene{position:relative;height:218px;display:grid;place-items:center}.shield-layer{position:absolute;width:145px;height:145px;border:1px solid var(--color-primary-300,#cde6dd);border-radius:25%;transform:rotate(45deg) scale(.5);opacity:0}.layer-two{width:185px;height:185px}.layer-three{width:225px;height:225px}.motion-active .shield-layer{animation:shield-on 1s cubic-bezier(.22,1,.36,1) forwards}.motion-active .layer-two{animation-delay:.3s}.motion-active .layer-three{animation-delay:.6s}.shield-core{position:relative;width:74px;height:82px}.shield-core svg{width:100%;height:100%;fill:var(--color-primary-100,#ebedef);stroke:var(--color-primary-700,#118d62);stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.shield-check{fill:none;stroke-dasharray:70;stroke-dashoffset:70}.motion-active .shield-check{animation:mesh-build .8s 1s forwards}@keyframes shield-on{to{opacity:1;transform:rotate(45deg) scale(1)}}
.recovery-scene{height:210px;display:flex;align-items:center;justify-content:center;gap:8px}.recovery-volume{width:105px;height:112px;border:1px solid var(--art-line);border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:var(--color-neutral-100,#f9fbfd)}.recovery-volume span{font:600 12px/16px "Geist",sans-serif;letter-spacing:.01em;color:var(--color-neutral-600,#898b8b)}.recovery-volume b{font-size:36px;line-height:44px;letter-spacing:-.025em;color:var(--color-primary-700,#118d62)}.volume-target{opacity:.35;transition:opacity 1s 1.4s}.motion-active .volume-target{opacity:1}.recovery-flow{position:relative;max-width:125px;flex:1}.recovery-flow svg{width:100%;fill:none;stroke:var(--art-line);stroke-width:2}.flow-dot{position:absolute;left:0;top:11px;width:8px;height:8px;border-radius:50%;background:var(--color-primary-700,#118d62);opacity:0}.motion-active .flow-dot{animation:flow-move 2.4s linear infinite}.motion-active .flow-dot:nth-child(2){animation-delay:.8s}.motion-active .flow-dot:nth-child(3){animation-delay:1.6s}@keyframes flow-move{0%{left:0;opacity:0}12%{opacity:1}88%{opacity:1}100%{left:calc(100% - 8px);opacity:0}}
.support-scene{margin:24px auto 0;max-width:330px}.support-row{display:flex;align-items:center;gap:16px;border-bottom:1px solid var(--art-line);padding:12px 0;color:var(--color-neutral-700,#5f6161);opacity:.35;transition:opacity .5s}.support-row i{font:600 12px/16px "Geist",sans-serif;letter-spacing:.01em;color:var(--color-primary-700,#118d62)}.support-row span{flex:1;font-size:12px;line-height:16px;letter-spacing:.01em}.support-row b{font:600 12px/16px "Geist",sans-serif;letter-spacing:.01em}.motion-active .support-row{animation:row-active 4.5s infinite}.motion-active .support-row:nth-child(2){animation-delay:1.5s}.motion-active .support-row:nth-child(3){animation-delay:3s}@keyframes row-active{0%,75%,100%{opacity:.4}15%,35%{opacity:1}}.support-progress{height:3px;background:var(--art-line);margin-top:16px}.support-progress span{display:block;height:100%;width:0;background:var(--color-primary-700,#118d62)}.motion-active .support-progress span{animation:progress 4.5s linear infinite}@keyframes progress{to{width:100%}}
.kube-scene{height:216px;display:flex;align-items:center;justify-content:center;flex-direction:column}.kube-master{padding:12px 20px;color:var(--color-primary-700,#118d62);font:600 12px/16px "Geist",sans-serif;letter-spacing:.01em;border:1px solid var(--color-primary-700,#118d62);border-radius:8px}.kube-fork{height:40px;border-left:2px dashed var(--color-neutral-300,#e1e3e5);transition:border-color .5s}.motion-active .kube-fork{border-color:var(--color-primary-700,#118d62)}.kube-workers{display:flex;gap:12px}.kube-worker{border:1px solid var(--art-line);border-radius:8px;width:90px;min-height:70px;display:flex;align-items:center;justify-content:center;gap:5px;flex-wrap:wrap;padding:8px;opacity:.35;transform:translateY(18px)}.motion-active .kube-worker{animation:worker-in .7s forwards}.motion-active .kube-worker:nth-child(2){animation-delay:.35s}.motion-active .kube-worker:nth-child(3){animation-delay:.7s}.kube-worker i{height:17px;width:17px;background:var(--color-primary-200,#dbede7);border:1px solid var(--color-primary-700,#118d62);border-radius:3px}.kube-worker span{font:600 12px/16px "Geist",sans-serif;letter-spacing:.01em;width:100%;text-align:center;color:var(--color-neutral-700,#5f6161)}@keyframes worker-in{to{opacity:1;transform:none}}
.gpu-scene{height:215px;display:flex;align-items:center;justify-content:center;gap:14px}.gpu-input,.gpu-output{font:600 12px/16px "Geist",sans-serif;letter-spacing:.01em;color:var(--color-neutral-700,#5f6161)}.gpu-array{display:grid;grid-template-columns:repeat(6,24px);gap:6px;padding:16px;border:1px solid var(--art-line);border-radius:12px}.gpu-cell{height:24px;border-radius:4px;background:var(--color-neutral-200,#eff1f3);border:1px solid var(--art-line)}.motion-active .gpu-cell{animation:gpu-activity 2.6s calc(var(--i)*.11s) infinite}@keyframes gpu-activity{0%,75%,100%{background:var(--color-neutral-200,#eff1f3)}30%,50%{background:var(--color-primary-300,#cde6dd);border-color:var(--color-primary-700,#118d62)}}
.map-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:16px}.map-btn{font:600 12px/16px "Geist",sans-serif;letter-spacing:.01em;padding:8px 12px;color:var(--color-neutral-700,#5f6161);background:var(--color-neutral-0,#f9fbfd);border:1px solid var(--color-neutral-300,#e1e3e5);border-radius:8px;cursor:pointer}.map-btn:hover,.map-btn[aria-pressed=true]{border-color:var(--color-primary-700,#118d62);color:var(--color-primary-700,#118d62);background:var(--color-primary-100,#ebedef)}.map-btn:focus-visible{outline:2px solid var(--color-primary-700,#118d62);outline-offset:3px}.map-interactive[data-focus="0"] .infra-stack .infra-node:nth-child(1),.map-interactive[data-focus="1"] .infra-stack .infra-node:nth-child(2),.map-interactive[data-focus="2"] .infra-stack .infra-node:nth-child(3){background:var(--color-primary-100,#ebedef);border-color:var(--color-primary-700,#118d62);transform:translateY(-4px)}
.panel-art{display:flex;gap:8px;align-items:center;position:absolute;right:18px;bottom:22px;opacity:.5;pointer-events:none}.panel-art--compute i{width:9px;height:14px;border-radius:3px;background:var(--color-primary-300,#cde6dd);border:1px solid var(--color-primary-700,#118d62)}.panel-art--metal{flex-direction:column;gap:3px}.panel-art--metal i{width:48px;height:7px;border:1px solid var(--color-neutral-400,#aed8c9);border-radius:3px}.panel-art--gpu{display:grid;grid-template-columns:repeat(4,7px);gap:3px}.panel-art--gpu i{height:7px;background:var(--color-primary-200,#dbede7)}.feature-panel:hover .panel-art--compute i{animation:mesh-breathe 1s alternate infinite}.feature-panel:hover .panel-art--gpu i{animation:gpu-activity 1s calc(var(--i)*.06s) infinite}.feature-panel:hover .panel-art--metal i{animation:server-flash 1.5s infinite alternate}@keyframes server-flash{to{border-color:var(--color-primary-700,#118d62)}}
.card-signal{display:flex;gap:4px;position:absolute;top:14px;right:16px;opacity:.35;pointer-events:none}.card-signal i{width:4px;height:12px;border-radius:4px;background:var(--color-primary-700,#118d62);transform-origin:bottom}.product-card:hover .card-signal i{animation:signal-bars .75s ease-in-out infinite alternate}.product-card:hover .card-signal i:nth-child(2){animation-delay:.2s}.product-card:hover .card-signal i:nth-child(3){animation-delay:.4s}@keyframes signal-bars{to{transform:scaleY(.3)}}
@media(max-width:600px){.motion-art{min-height:260px;padding:16px}.art-note{left:12px;right:12px}.kube-worker{width:72px}.gpu-array{grid-template-columns:repeat(6,18px);gap:4px}.gpu-cell{height:18px}.recovery-volume{width:85px}.art-top{font-size:12px;line-height:16px;letter-spacing:.01em}}
@media(prefers-reduced-motion:reduce){.motion-art *, .motion-art *::before,.motion-art *::after,.panel-art *, .card-signal *{animation:none!important;transition:none!important}.mesh-link{stroke-dashoffset:0!important}.shield-layer{opacity:1!important;transform:rotate(45deg) scale(1)!important}.shield-check{stroke-dashoffset:0!important}.server-unit,.kube-worker{opacity:1!important;transform:none!important}.support-row,.volume-target{opacity:1!important}.support-progress span{width:100%!important}.flow-dot,.packet{display:none!important}}

/* v4 targeted homepage illustration additions. No shared selectors are overridden. */
.workflow-visual .deploy-scene{position:relative;height:250px;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:linear-gradient(180deg,var(--soft),#f9fbfd)}
.workflow-visual .deploy-scene__top{position:absolute;inset:12px 16px auto;display:flex;justify-content:space-between;gap:8px;font:400 12px/16px "Geist",sans-serif;letter-spacing:.01em;color:var(--muted)}
.workflow-visual .deploy-scene__state{color:var(--p)}.workflow-visual .deploy-scene__state i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--p);margin-right:4px}
.workflow-visual .deploy-scene__wires{position:absolute;inset:24px 0 0;width:100%;height:220px;fill:none;stroke:var(--line);stroke-width:2;vector-effect:non-scaling-stroke}
.workflow-visual .deploy-scene__wires .deploy-scene__signal{stroke:var(--p);stroke-dasharray:8 110;stroke-dashoffset:118;animation:v4-wire 4s linear infinite}.workflow-visual .deploy-scene__wires .signal-two{animation-delay:-1.3s}.workflow-visual .deploy-scene__wires .signal-three{animation-delay:-2.5s}
@keyframes v4-wire{to{stroke-dashoffset:-150}}
.workflow-visual .deploy-scene__core{position:absolute;top:60px;left:50%;transform:translateX(-50%);width:130px;padding:12px 8px;text-align:center;border:1px solid var(--p);border-radius:8px;background:var(--mint);font-size:12px;line-height:16px;letter-spacing:.01em;font-weight:600;z-index:1;box-shadow:0 8px 24px rgba(16,18,17,.04)}
.workflow-visual .deploy-scene__core-icon{display:block;color:var(--p);font-size:24px;line-height:32px;letter-spacing:-.01em;line-height:1}
.workflow-visual .deploy-scene__device{position:absolute;bottom:12px;width:27%;max-width:120px;min-width:0;background:#f9fbfd;border:1px solid var(--line);border-radius:8px;padding:12px 8px;text-align:center;display:grid;justify-items:center;z-index:1;animation:v4-device-arrive 1s both}
.workflow-visual .deploy-scene__device--compute{left:4%;animation-delay:.12s}.workflow-visual .deploy-scene__device--network{right:4%;animation-delay:.32s}.workflow-visual .deploy-scene__device--storage{left:50%;transform:translateX(-50%);animation:v4-device-center 1s .52s both}
.workflow-visual .deploy-scene__device svg{width:32px;height:32px;stroke:var(--p);fill:none;stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round}
.workflow-visual .deploy-scene__device b{font-size:12px;line-height:16px;letter-spacing:.01em;margin-top:4px}.workflow-visual .deploy-scene__device small{font-size:12px;line-height:16px;letter-spacing:.01em;color:var(--muted)}
@keyframes v4-device-arrive{from{opacity:0;translate:0 16px}to{opacity:1;translate:0 0}}@keyframes v4-device-center{from{opacity:0;translate:0 16px}to{opacity:1;translate:0 0}}
.workflow-visual[data-stage="1"] .deploy-scene__device--compute,.workflow-visual[data-stage="2"] .deploy-scene__device--storage,.workflow-visual[data-stage="3"] .deploy-scene__device--network{border-color:var(--p);background:var(--mint)}
.showcase-v4{grid-template-columns:repeat(6,minmax(0,1fr));gap:20px}.showcase-v4>.feature-panel{grid-column:span 2;grid-row:auto;min-height:390px;padding:24px;justify-content:flex-start;isolation:isolate}.showcase-v4>.feature-panel:nth-child(n+4){grid-column:span 3}
.showcase-v4>.feature-panel.primary{grid-row:auto;background:var(--mint);border-color:var(--mint2)}.showcase-v4>.feature-panel p{margin-bottom:12px}.showcase-v4>.feature-panel a{position:relative;z-index:2}.showcase-v4>.feature-panel:before{display:none}
.showcase-v4 .panel-art-v4{position:relative;flex:1;min-height:140px;margin-top:20px;display:grid;place-items:center;overflow:hidden;pointer-events:none;border-radius:8px;background:var(--soft)}.showcase-v4 .primary .panel-art-v4{background:rgba(249,251,253,.65)}
.showcase-v4 .vps-board{position:relative;z-index:1;width:130px;height:94px;background:#f9fbfd;border:1px solid var(--p);border-radius:8px;box-shadow:8px 8px 0 var(--mint2);padding:12px;display:grid;grid-template-columns:1fr 1fr;gap:7px;animation:v4-build .9s both}.showcase-v4 .vps-chip{font:600 12px/16px "Geist",sans-serif;letter-spacing:.01em;color:var(--p);grid-column:span 2}.showcase-v4 .vps-slot{height:12px;border:1px solid var(--line);border-radius:3px;background:var(--mint2);animation:v4-signal 2.4s infinite alternate}.showcase-v4 .vps-slot:nth-of-type(3){animation-delay:.6s}.showcase-v4 .vps-ready{font:400 12px/16px "Geist",sans-serif;letter-spacing:.01em;color:var(--p);white-space:nowrap;grid-column:span 2}.showcase-v4 .vps-orbit{position:absolute;width:190px;height:120px;border:1px dashed var(--line);border-radius:50%;animation:v4-orbit 14s linear infinite}.showcase-v4 .vps-orbit i{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--p)}.showcase-v4 .vps-orbit i:nth-child(1){left:10%;top:15%}.showcase-v4 .vps-orbit i:nth-child(2){right:10%;top:20%}.showcase-v4 .vps-orbit i:nth-child(3){left:40%;bottom:0}
@keyframes v4-build{from{opacity:0;transform:translateY(16px) scale(.94)}to{opacity:1;transform:none}}@keyframes v4-orbit{to{transform:rotate(360deg)}}@keyframes v4-signal{to{background:var(--p);opacity:.7}}
.showcase-v4 .metal-rack{width:140px;display:grid;gap:7px;transform:skewY(-6deg);z-index:1}.showcase-v4 .metal-unit{height:29px;background:#f9fbfd;border:1px solid var(--line);border-left:5px solid var(--p);border-radius:4px;display:flex;align-items:center;padding:0 12px;gap:8px;box-shadow:7px 6px 0 var(--mint2);animation:v4-rack .75s both}.showcase-v4 .metal-unit:nth-child(2){animation-delay:.16s}.showcase-v4 .metal-unit:nth-child(3){animation-delay:.32s}.showcase-v4 .metal-unit i{background:var(--p);width:7px;height:7px;border-radius:50%;animation:v4-signal 1.8s infinite alternate}.showcase-v4 .metal-unit span{width:27px;height:4px;border-radius:2px;background:var(--line)}.showcase-v4 .metal-depth{position:absolute;width:130px;height:22px;background:var(--mint2);transform:translate(12px,65px) skewX(35deg);z-index:0}@keyframes v4-rack{from{opacity:0;transform:translateX(28px)}to{opacity:1;transform:none}}
.showcase-v4 .lite-cloud{position:relative;width:180px;height:120px;display:grid;place-items:center}.showcase-v4 .lite-cloud svg{position:absolute;inset:0;width:100%;height:100%;fill:var(--mint2);stroke:var(--p);stroke-width:2;animation:v4-cloud 4s ease-in-out infinite alternate}.showcase-v4 .lite-cube{font:600 16px/24px "Geist",sans-serif;letter-spacing:0;color:var(--p);z-index:1;background:#f9fbfd;border:1px solid var(--p);padding:12px 16px;border-radius:4px;animation:v4-cube 3s ease-in-out infinite alternate}.showcase-v4 .lite-ray{position:absolute;bottom:5px;width:2px;height:30px;background:var(--p);animation:v4-ray 2s infinite}@keyframes v4-cloud{to{transform:translateY(-7px)}}@keyframes v4-cube{to{transform:translateY(-4px)}}@keyframes v4-ray{50%{opacity:.1;transform:scaleY(.45)}}
.showcase-v4 .host-browser{width:min(200px,90%);height:112px;background:#f9fbfd;border:1px solid var(--line);border-radius:8px;overflow:hidden;box-shadow:7px 8px 0 var(--mint2);animation:v4-build 1s both}.showcase-v4 .host-bar{height:24px;border-bottom:1px solid var(--line);background:var(--soft);display:flex;align-items:center;gap:4px;padding:0 8px}.showcase-v4 .host-bar i{width:5px;height:5px;border:1px solid var(--muted);border-radius:50%}.showcase-v4 .host-bar span{font-size:12px;line-height:16px;letter-spacing:.01em;color:var(--muted);margin-left:8px}.showcase-v4 .host-content{padding:12px 20px;display:grid;gap:6px}.showcase-v4 .host-content b{height:12px;width:65%;background:var(--p);border-radius:2px}.showcase-v4 .host-content span{height:5px;background:var(--line);border-radius:2px}.showcase-v4 .host-content span:nth-of-type(2){width:75%}.showcase-v4 .host-button{height:12px;width:54px;background:var(--mint2);border:1px solid var(--p);border-radius:3px;animation:v4-signal 3s infinite alternate}.showcase-v4 .host-domain{position:absolute;bottom:8px;right:12px;font:400 12px/16px "Geist",sans-serif;letter-spacing:.01em;color:var(--p);background:#f9fbfd;padding:4px 8px;border:1px solid var(--line);border-radius:4px;animation:v4-domain 3s infinite alternate}@keyframes v4-domain{50%{transform:translateY(-5px)}}
.showcase-v4 .gpu-board{width:150px;height:125px;position:relative;display:grid;place-items:center;background:repeating-linear-gradient(90deg,transparent 0 19px,var(--mint2) 19px 20px),repeating-linear-gradient(0deg,transparent 0 19px,var(--mint2) 19px 20px);border:1px solid var(--line);border-radius:8px;transform:rotate(-6deg)}.showcase-v4 .gpu-core{width:74px;height:74px;border:7px solid var(--mint2);background:var(--p);color:#f9fbfd;display:grid;place-content:center;text-align:center;z-index:1;border-radius:8px;animation:v4-gpu 2.5s infinite alternate}.showcase-v4 .gpu-core span{font-size:20px;line-height:28px;letter-spacing:0;font-weight:600}.showcase-v4 .gpu-core small{font:400 12px/16px "Geist",sans-serif;letter-spacing:.01em}.showcase-v4 .gpu-traces{position:absolute;inset:0}.showcase-v4 .gpu-traces i{position:absolute;background:var(--p);height:2px;width:35px;left:0;top:25%;animation:v4-trace 1.9s infinite alternate}.showcase-v4 .gpu-traces i:nth-child(2){left:auto;right:0;top:75%;animation-delay:.5s}.showcase-v4 .gpu-traces i:nth-child(3){width:2px;height:30px;top:0;left:75%;animation-delay:.9s}.showcase-v4 .gpu-traces i:nth-child(4){width:2px;height:30px;top:auto;bottom:0;left:25%;animation-delay:1.3s}@keyframes v4-gpu{to{transform:scale(.94)}}@keyframes v4-trace{to{opacity:.15}}
.cta-v4{position:relative;min-height:340px;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.85fr);gap:24px}.cta-v4__copy{position:relative;z-index:2}.cta-v4>.btn{justify-self:start;align-self:end;grid-column:1;grid-row:2;z-index:3}.cta-v4__art{position:relative;grid-column:2;grid-row:1 / span 2;min-height:260px;align-self:stretch;isolation:isolate}.cta-v4__links{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:var(--mint2);stroke-width:1.3;stroke-dasharray:5 9;opacity:.7;animation:v4-wire 17s linear infinite}.cta-v4__hub{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid var(--mint2);border-radius:12px;padding:16px;color:#f9fbfd;font:600 12px/16px "Geist",sans-serif;letter-spacing:.01em;letter-spacing:.12em;background:var(--ink)}
.cta-v4__node{position:absolute;background:transparent;border:0;color:#f9fbfd;display:flex;flex-direction:column;align-items:center;gap:4px;min-width:76px;cursor:pointer;animation:v4-node-float 5s ease-in-out infinite alternate;transition:filter .18s;z-index:2}.cta-v4__node-face{display:grid;place-items:center;width:48px;height:48px;border:1px solid #898b8b;border-radius:12px;background:#116145;color:var(--mint2);font-size:24px;line-height:32px;letter-spacing:-.01em;line-height:1;transition:transform .18s,border-color .18s,background .18s}.cta-v4__node-label{font-size:12px;line-height:16px;letter-spacing:.01em;color:#f9fbfd}.cta-v4__node:hover .cta-v4__node-face,.cta-v4__node:focus-visible .cta-v4__node-face,.cta-v4__node[aria-pressed="true"] .cta-v4__node-face{transform:translateY(-5px);border-color:var(--mint2);background:var(--p)}.cta-v4__node--1{left:3%;top:2%}.cta-v4__node--2{left:42%;top:0;animation-delay:-2s}.cta-v4__node--3{right:0;top:3%;animation-delay:-1s}.cta-v4__node--4{left:3%;bottom:6%;animation-delay:-3s}.cta-v4__node--5{left:42%;bottom:0;animation-delay:-1.5s}.cta-v4__node--6{right:0;bottom:6%;animation-delay:-4s}.cta-v4__hint{position:absolute;bottom:-2px;left:0;font-size:12px;line-height:16px;letter-spacing:.01em;color:var(--line);opacity:0;pointer-events:none}.cta-v4__art:focus-within .cta-v4__hint{opacity:1}@keyframes v4-node-float{to{transform:translateY(-7px)}}
@media(max-width:1024px){.showcase-v4{grid-template-columns:repeat(2,minmax(0,1fr))}.showcase-v4>.feature-panel,.showcase-v4>.feature-panel:nth-child(n+4){grid-column:span 1}.showcase-v4>.feature-panel:last-child{grid-column:span 2}.cta-v4{padding:32px;grid-template-columns:1fr}.cta-v4__art{grid-column:1;grid-row:3;min-height:260px}.cta-v4>.btn{grid-column:1;grid-row:2}}
@media(max-width:600px){.showcase-v4{grid-template-columns:1fr}.showcase-v4>.feature-panel,.showcase-v4>.feature-panel:nth-child(n+4),.showcase-v4>.feature-panel:last-child{grid-column:span 1;min-height:350px}.showcase-v4 .panel-art-v4{min-height:135px}.cta-v4__art{min-height:260px}.cta-v4__node-face{width:40px;height:40px;font-size:20px;line-height:28px;letter-spacing:0}.cta-v4__node{min-width:60px}.cta-v4__node-label{font-size:12px;line-height:16px;letter-spacing:.01em}.workflow-visual .deploy-scene{height:245px}.workflow-visual .deploy-scene__device{padding:8px 4px}}
@media(prefers-reduced-motion:reduce){.workflow-visual .deploy-scene *, .showcase-v4 .panel-art-v4 *, .cta-v4__art *{animation:none!important;transition:none!important}.cta-v4__node:hover .cta-v4__node-face,.cta-v4__node:focus-visible .cta-v4__node-face{transform:none}}

/* v5 strictly targeted enhancements */
.hero-v5-home .hero-v5__orchestration{display:grid;grid-template-columns:1fr 30px 1fr 30px 1fr;align-items:center;gap:4px;margin-bottom:20px}.hero-v5__rail{min-height:92px;border:1px solid var(--line);border-radius:8px;padding:12px 8px;background:var(--soft);display:flex;flex-direction:column;gap:5px}.hero-v5__rail span{font:600 12px/16px "Geist",sans-serif;letter-spacing:.01em;color:var(--p)}.hero-v5__rail i{height:5px;border-radius:4px;background:var(--mint2);transform-origin:left;animation:v5-bar 2.8s ease-in-out infinite alternate}.hero-v5__rail i:nth-of-type(2){animation-delay:-.7s}.hero-v5__rail i:nth-of-type(3){animation-delay:-1.6s}.hero-v5__bridge{display:flex;gap:3px}.hero-v5__bridge i{width:6px;height:6px;background:var(--p);border-radius:50%;animation:v5-signal 1.5s ease-in-out infinite}.hero-v5__bridge i:nth-child(2){animation-delay:.25s}.hero-v5__bridge i:nth-child(3){animation-delay:.5s}@keyframes v5-bar{from{transform:scaleX(.35)}to{transform:scaleX(1)}}@keyframes v5-signal{50%{opacity:.15;transform:scale(.65)}}
.hero-v5-catalog .hero-v5-catalog__signals{position:relative;height:22px;display:flex;justify-content:space-evenly}.hero-v5-catalog__signals i{height:22px;width:2px;background:var(--p);transform-origin:top;animation:v5-catalog-signal 2s ease-in-out infinite}.hero-v5-catalog__signals i:nth-child(2){animation-delay:.45s}.hero-v5-catalog__signals i:nth-child(3){animation-delay:.9s}@keyframes v5-catalog-signal{50%{transform:scaleY(.25);opacity:.25}}
.hero-v5-vps .hero-v5-vps__assembly{display:grid;grid-template-columns:1fr 64px 1fr;align-items:center;gap:8px;margin-bottom:20px}.hero-v5-vps__module{min-width:0;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--soft);display:grid;gap:8px;animation:v5-module 4s ease-in-out infinite alternate}.hero-v5-vps__module:last-child{animation-delay:-2s}.hero-v5-vps__module b{font:600 12px/16px "Geist",sans-serif;letter-spacing:.01em;color:var(--p)}.hero-v5-vps__module i{height:6px;background:var(--mint2);border-radius:4px}.hero-v5-vps__bus{display:flex;justify-content:space-between}.hero-v5-vps__bus span{height:2px;flex:1;background:var(--p);animation:v5-bus 1.4s linear infinite}.hero-v5-vps__bus span:nth-child(2){animation-delay:-.45s}.hero-v5-vps__bus span:nth-child(3){animation-delay:-.9s}@keyframes v5-module{to{transform:translateY(-5px);border-color:var(--p)}}@keyframes v5-bus{50%{opacity:.15}}
.hero-v5-managed .hero-v5-managed__checkpoints{display:flex;justify-content:space-around;margin:8px 0}.hero-v5-managed__checkpoints span{height:30px;width:30px;display:grid;place-items:center;border:1px solid var(--p);border-radius:50%;color:var(--p);background:#f9fbfd;font:600 12px/16px "Geist",sans-serif;letter-spacing:.01em;animation:v5-check 4.5s ease-in-out infinite}.hero-v5-managed__checkpoints span:nth-child(2){animation-delay:1.5s}.hero-v5-managed__checkpoints span:nth-child(3){animation-delay:3s}@keyframes v5-check{20%{background:var(--mint2);transform:scale(1.1)}40%{background:#f9fbfd;transform:none}}
.showcase-v4 .panel-art-v4.art-lite{display:grid;place-items:center;min-height:174px;overflow:hidden}.showcase-v4 .art-lite .lite-cloud{width:min(100%,180px);height:140px;overflow:visible}.showcase-v4 .art-lite .lite-cloud svg{inset:10px 0 0;height:110px}.showcase-v4 .art-lite .lite-ray{bottom:14px}.showcase-v4 .art-lite .lite-cube{transform:translateY(0)}
.pricing-v5__frame{min-width:0;position:relative}.pricing-v5__controls{display:flex;gap:8px;justify-content:flex-end;margin-bottom:16px}.pricing-v5__arrow{width:40px;height:40px;border:1px solid var(--line);background:#f9fbfd;color:var(--p);border-radius:8px;font-size:24px;line-height:32px;letter-spacing:-.01em}.pricing-v5__arrow:disabled{opacity:.4;cursor:not-allowed}.pricing.pricing-v5{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:4px;padding:4px 4px 16px;scrollbar-width:thin}.pricing-v5 .pricing-card{flex:0 0 clamp(260px,31%,350px);scroll-snap-align:start;min-height:370px;border-color:var(--line);box-shadow:none}.pricing-v5 .pricing-card h3{font-size:24px;line-height:32px;letter-spacing:-.01em}.pricing-v5 .pricing-card .eyebrow{margin-bottom:12px}.pricing-v5 .pricing-card .btn{margin-top:auto}.pricing-v5__specs{list-style:none;padding:0;margin:8px 0 20px}.pricing-v5__specs li{padding:8px 0;border-bottom:1px solid var(--line);font-size:16px;line-height:24px;letter-spacing:0;color:var(--ink)}.pricing-v5__specs li:before{content:'✓';color:var(--p);margin-right:8px}.pricing-v5__promo{font-size:12px;line-height:16px;letter-spacing:.01em;color:var(--text)}.pricing-v5__terms{font-size:16px;line-height:24px;letter-spacing:0;line-height:1.7;color:var(--text);margin-bottom:24px}
.benefit-v5 .feature-panel>div{position:relative;padding-left:52px}.benefit-v5 .feature-panel>div:before{content:none!important;display:none!important}.benefit-v5 .benefit-v5__icon{position:absolute;left:0;top:0;width:40px;height:40px;display:grid;place-items:center;background:var(--mint);border-radius:8px;color:var(--p)}.benefit-v5 .benefit-v5__icon svg{width:24px;height:24px}.benefit-v5 .feature-panel .index{display:block;margin-bottom:8px}
@media(max-width:800px){.pricing-v5 .pricing-card{flex-basis:min(82vw,340px)}.hero-v5-vps .hero-v5-vps__assembly{grid-template-columns:1fr 28px 1fr}.hero-v5-home .hero-v5__orchestration{grid-template-columns:1fr 18px 1fr 18px 1fr}}
@media(prefers-reduced-motion:reduce){.hero-v5-home .hero-v5__orchestration *, .hero-v5-catalog .hero-v5-catalog__signals *, .hero-v5-vps .hero-v5-vps__assembly *, .hero-v5-managed .hero-v5-managed__checkpoints *{animation:none!important}}

/* v6: homepage hero illustration only; no shared style modifications. */
.hero .hero-v6-cloud{position:relative;background:none;border:none;box-shadow:none}
.hero .hero-v6-stage{height:440px;position:relative;isolation:isolate;overflow:hidden;background:none}

.hero .hero-v6-links{position:absolute;inset:0;width:100%;height:100%;overflow:visible;z-index:1}
.hero .hero-v6-link{fill:none;stroke:var(--p);stroke-width:2;stroke-dasharray:5 9;opacity:.45;stroke-linecap:round}
.hero .hero-v6-packet{fill:var(--p);stroke:var(--mint2);stroke-width:3}
.hero .hero-v6-halo--back{position:absolute;width:245px;height:245px;border:1px solid var(--mint2);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 28px rgba(219,237,233,.32),0 0 0 58px rgba(219,237,233,.16);z-index:0}
.hero .hero-v6-node{position:absolute;width:94px;height:94px;display:grid;place-items:center;z-index:3;animation:hero-v6-drift 5.2s ease-in-out infinite}
.hero .hero-v6-node--compute{left:12%;top:13%}.hero .hero-v6-node--network{right:12%;top:13%;animation-delay:-1.8s}.hero .hero-v6-node--storage{left:50%;bottom:6%;transform:translateX(-50%);animation-name:hero-v6-drift-centered;animation-delay:-3s}
.hero .hero-v6-node__face{width:76px;height:76px;background:#f9fbfd;border:1px solid var(--line);border-radius:16px;display:grid;place-items:center;box-shadow:var(--shadow-sm,0 8px 24px rgba(16,18,17,.04));transform:rotate(-7deg);position:relative;z-index:2}
.hero .hero-v6-node--network .hero-v6-node__face{transform:rotate(7deg)}
.hero .hero-v6-node__face svg{width:42px;height:42px;fill:none;stroke:var(--p);stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round}
.hero .hero-v6-node__pulse{position:absolute;width:90px;height:90px;border:1px solid var(--mint2);border-radius:18px;animation:hero-v6-breathe 3.4s ease-in-out infinite}
.hero .hero-v6-node--network .hero-v6-node__pulse{animation-delay:-1s}.hero .hero-v6-node--storage .hero-v6-node__pulse{animation-delay:-2s}
.hero .hero-v6-core{position:absolute;left:50%;top:49%;width:180px;height:180px;transform:translate(-50%,-50%);z-index:4;animation:hero-v6-core-rise 5s ease-in-out infinite}
.hero .hero-v6-core__shadow{position:absolute;inset:95px 12px 18px;border-radius:50%;background:rgba(17,141,98,.12);filter:blur(12px)}
.hero .hero-v6-core__layer{position:absolute;left:22px;right:22px;height:82px;border:2px solid var(--p);border-radius:20px;transform:rotate(-30deg) skew(14deg,14deg);box-shadow:0 7px 0 var(--mint2),0 10px 18px rgba(16,18,17,.08);display:flex;align-items:center;justify-content:center;gap:10px;transition:transform .4s ease}
.hero .hero-v6-core__layer i{width:10px;height:10px;background:var(--p);border-radius:3px;opacity:.5;animation:hero-v6-indicator 2.2s ease-in-out infinite}
.hero .hero-v6-core__layer i:nth-child(2){animation-delay:-.7s}.hero .hero-v6-core__layer i:nth-child(3){animation-delay:-1.4s}
.hero .hero-v6-core__layer--bottom{top:79px;background:#dbede7;opacity:.8}.hero .hero-v6-core__layer--middle{top:54px;background:#ebedef}.hero .hero-v6-core__layer--top{top:29px;background:#f9fbfd}
.hero .hero-v6-core__glyph{position:absolute;top:46px;left:57px;width:66px;height:66px;display:grid;place-items:center;pointer-events:none}
.hero .hero-v6-core__glyph svg{width:100%;height:100%;fill:var(--mint);stroke:var(--p);stroke-width:2.4;stroke-linejoin:round}
.hero .hero-v6-core__beacon{position:absolute;top:7px;left:50%;width:8px;height:8px;transform:translateX(-50%);background:var(--p);border-radius:50%;box-shadow:0 0 0 7px var(--mint2);animation:hero-v6-indicator 2s infinite}
.hero .hero-v6-dots{position:absolute;left:14%;bottom:14%;display:flex;gap:7px;z-index:2}.hero .hero-v6-dots i{height:6px;width:6px;border-radius:50%;background:var(--p);opacity:.35;animation:hero-v6-indicator 1.8s infinite}.hero .hero-v6-dots i:nth-child(2){animation-delay:.3s}.hero .hero-v6-dots i:nth-child(3){animation-delay:.6s}.hero .hero-v6-dots i:nth-child(4){animation-delay:.9s}


.hero .hero-v6-cloud:hover .hero-v6-core__layer--top{transform:translateY(-8px) rotate(-30deg) skew(14deg,14deg)}
@keyframes hero-v6-drift{50%{translate:0 -8px}}@keyframes hero-v6-drift-centered{50%{translate:0 -8px}}@keyframes hero-v6-core-rise{50%{translate:0 -6px}}@keyframes hero-v6-breathe{50%{opacity:.3;scale:1.15}}@keyframes hero-v6-indicator{50%{opacity:1}}
@media(max-width:540px){.hero .hero-v6-stage{height:340px}.hero .hero-v6-node{scale:.74}.hero .hero-v6-node--compute{left:3%;top:8%}.hero .hero-v6-node--network{right:3%;top:8%}.hero .hero-v6-node--storage{bottom:2%}.hero .hero-v6-core{scale:.82}.hero .hero-v6-halo--back{scale:.8}}
@media(prefers-reduced-motion:reduce){.hero .hero-v6-cloud *, .hero .hero-v6-cloud *:before,.hero .hero-v6-cloud *:after{animation:none!important;transition:none!important}.hero .hero-v6-packet{display:none}}

/* NEO Lite Pro benefits only: suppress decorative feature-panel pseudo-element. */
.product-list.benefit-v5 > .feature-panel::before { content: none; display: none; }

/* v11: All Products hero infrastructure illustration only */
.hero .hero-v11-catalog{padding:0;overflow:hidden;isolation:isolate;background:none;border:0}
.hero-v11-catalog .hero-v11-stage{position:relative;height:400px;overflow:hidden;background:none}
.hero-v11-catalog .hero-v11-orbit{position:absolute;left:50%;top:51%;border:1px solid var(--mint2);border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}
.hero-v11-catalog .hero-v11-orbit--outer{width:290px;height:290px;opacity:.5}.hero-v11-catalog .hero-v11-orbit--inner{width:210px;height:210px;opacity:.75}
.hero-v11-catalog .hero-v11-wires{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:var(--p);stroke-width:2;stroke-dasharray:5 9;opacity:.7}
.hero-v11-catalog .hero-v11-wires circle{fill:var(--p);stroke:var(--mint2);stroke-width:3;stroke-dasharray:none}
.hero-v11-catalog .hero-v11-device{position:absolute;z-index:3;display:flex;flex-direction:column;align-items:center;gap:5px;width:94px;padding:12px 8px;border:1px solid var(--line);border-radius:12px;background:#f9fbfd;box-shadow:0 8px 24px rgba(16,18,17,.04);font-size:12px;line-height:16px;letter-spacing:.01em;font-weight:600;animation:v11-float 5s ease-in-out infinite alternate}
.hero-v11-catalog .hero-v11-device svg{height:42px;width:42px;fill:none;stroke:var(--p);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.hero-v11-catalog .hero-v11-device--compute{top:12%;left:11%}.hero-v11-catalog .hero-v11-device--network{top:12%;right:11%;animation-delay:-2s}.hero-v11-catalog .hero-v11-device--storage{bottom:5%;left:50%;transform:translateX(-50%);animation-name:v11-float-centered;animation-delay:-3s}
.hero-v11-catalog .hero-v11-center{position:absolute;left:50%;top:49%;width:170px;height:160px;transform:translate(-50%,-50%);z-index:4;animation:v11-center 5s ease-in-out infinite alternate}
.hero-v11-catalog .hero-v11-center__plate{position:absolute;left:20px;right:20px;height:78px;border:2px solid var(--p);border-radius:16px;transform:rotate(-30deg) skew(14deg,14deg);display:flex;align-items:center;justify-content:center;gap:12px;box-shadow:0 8px 0 var(--mint2),0 12px 20px rgba(16,18,17,.05)}
.hero-v11-catalog .hero-v11-center__plate--base{top:76px;background:var(--mint2)}.hero-v11-catalog .hero-v11-center__plate--middle{top:51px;background:var(--mint)}.hero-v11-catalog .hero-v11-center__plate--top{top:26px;background:#f9fbfd}
.hero-v11-catalog .hero-v11-center__plate i{width:10px;height:10px;border-radius:3px;background:var(--p);animation:v11-indicator 2s infinite alternate}.hero-v11-catalog .hero-v11-center__plate i:nth-child(2){animation-delay:-.7s}.hero-v11-catalog .hero-v11-center__plate i:nth-child(3){animation-delay:-1.4s}
.hero-v11-catalog .hero-v11-center__plate svg{width:45px;height:45px;stroke:var(--p);stroke-width:3;fill:none;transform:rotate(30deg) skew(-14deg,-14deg)}
.hero-v11-catalog .hero-v11-caption{padding:12px 16px;margin:0;text-align:center;background:#f9fbfd;border-top:1px solid var(--line);font-size:12px;line-height:16px;letter-spacing:.01em;color:var(--muted)}
@keyframes v11-float{to{translate:0 -8px}}@keyframes v11-float-centered{to{translate:0 -8px}}@keyframes v11-center{to{translate:0 -7px}}@keyframes v11-indicator{to{opacity:.2}}
@media(max-width:600px){.hero-v11-catalog .hero-v11-stage{height:340px}.hero-v11-catalog .hero-v11-device{scale:.8}.hero-v11-catalog .hero-v11-device--compute{left:1%;top:9%}.hero-v11-catalog .hero-v11-device--network{right:1%;top:9%}.hero-v11-catalog .hero-v11-device--storage{bottom:1%}.hero-v11-catalog .hero-v11-center{scale:.8}.hero-v11-catalog .hero-v11-orbit--outer{scale:.75}}
@media(prefers-reduced-motion:reduce){.hero-v11-catalog *, .hero-v11-catalog *::before,.hero-v11-catalog *::after{animation:none!important;transition:none!important}.hero-v11-catalog .hero-v11-wires circle{display:none}}

/* v12 – scoped All Products catalog hero art refinement only. */
.hero-v11-catalog .hero-v12-stage{isolation:isolate;background:transparent}
.hero-v11-catalog .hero-v12-stage .hero-v11-orbit--outer{border-style:dashed;animation:v12-orbit-breathe 9s ease-in-out infinite alternate}
.hero-v11-catalog .hero-v12-stage .hero-v11-orbit--inner{animation:v12-orbit-breathe 7s ease-in-out -3s infinite alternate}
.hero-v11-catalog .hero-v12-stage .hero-v11-device{padding:0;border:0;box-shadow:none;background:transparent;gap:6px}
.hero-v11-catalog .hero-v12-stage .hero-v12-node-face{display:grid;place-items:center;width:76px;height:76px;position:relative;z-index:2;border:1px solid var(--line);border-radius:16px;background:#f9fbfd;box-shadow:var(--shadow-sm,0 8px 24px rgba(16,18,17,.04));transform:rotate(-7deg);transition:transform .18s ease,border-color .18s ease}
.hero-v11-catalog .hero-v12-stage .hero-v11-device--network .hero-v12-node-face{transform:rotate(7deg)}
.hero-v11-catalog .hero-v12-stage .hero-v12-node-face svg{width:42px;height:42px}
.hero-v11-catalog .hero-v12-stage .hero-v12-node-halo{position:absolute;top:0;width:90px;height:90px;border:1px solid var(--mint2);border-radius:18px;animation:v12-halo 3.8s ease-in-out infinite;pointer-events:none}
.hero-v11-catalog .hero-v12-stage .hero-v11-device--network .hero-v12-node-halo{animation-delay:-1.2s}.hero-v11-catalog .hero-v12-stage .hero-v11-device--storage .hero-v12-node-halo{animation-delay:-2.4s}
.hero-v11-catalog .hero-v12-stage .hero-v11-device:hover .hero-v12-node-face{border-color:var(--p);transform:translateY(-3px) rotate(0)}
.hero-v11-catalog .hero-v12-stage .hero-v12-core-guide{position:absolute;left:50%;top:50%;width:230px;height:230px;transform:translate(-50%,-50%);border-radius:50%;border:1px solid var(--mint2);pointer-events:none;z-index:0}
.hero-v11-catalog .hero-v12-stage .hero-v12-core-guide span{position:absolute;left:50%;top:0;width:6px;height:6px;border-radius:50%;background:var(--p);transform:translateX(-50%);opacity:.65;animation:v12-guide 5s ease-in-out infinite alternate}
.hero-v11-catalog .hero-v12-stage .hero-v12-core-guide span:nth-child(2){left:100%;top:50%;animation-delay:-1.5s}.hero-v11-catalog .hero-v12-stage .hero-v12-core-guide span:nth-child(3){left:0;top:50%;animation-delay:-3s}
.hero-v11-catalog .hero-v12-stage .hero-v11-center__plate--top{animation:v12-plate 5s ease-in-out infinite alternate}
@keyframes v12-halo{50%{opacity:.3;scale:1.1}}@keyframes v12-orbit-breathe{to{opacity:.3;scale:1.04}}@keyframes v12-guide{to{opacity:.2;scale:.65}}@keyframes v12-plate{to{translate:0 -6px}}
@media(max-width:600px){.hero-v11-catalog .hero-v12-stage .hero-v12-core-guide{scale:.8}}
@media(prefers-reduced-motion:reduce){.hero-v11-catalog .hero-v12-stage *, .hero-v11-catalog .hero-v12-stage *::before,.hero-v11-catalog .hero-v12-stage *::after{animation:none!important;transition:none!important}}

/* v15: All Products hero — service catalog lanes converging into one cloud core. */
.hero-v11-catalog .hero-v15-stage .hero-v11-orbit{left:73%;top:50%}
.hero-v11-catalog .hero-v15-stage .hero-v12-core-guide{left:73%;top:50%}
.hero-v11-catalog .hero-v15-stage .hero-v11-center{left:73%;top:50%}
.hero-v11-catalog .hero-v15-stage .hero-v11-device--compute{left:6%;top:7%}
.hero-v11-catalog .hero-v15-stage .hero-v11-device--network{left:6%;right:auto;top:37%}
.hero-v11-catalog .hero-v15-stage .hero-v11-device--storage{left:6%;bottom:7%;transform:none;animation-name:v11-float}
.hero-v11-catalog .hero-v15-stage .hero-v11-wires{stroke-dasharray:6 8;opacity:.65}
@media(max-width:600px){.hero-v11-catalog .hero-v15-stage .hero-v11-device--compute{left:2%;top:8%}.hero-v11-catalog .hero-v15-stage .hero-v11-device--network{left:2%;top:37%}.hero-v11-catalog .hero-v15-stage .hero-v11-device--storage{left:2%;bottom:3%}.hero-v11-catalog .hero-v15-stage .hero-v11-center,.hero-v11-catalog .hero-v15-stage .hero-v11-orbit,.hero-v11-catalog .hero-v15-stage .hero-v12-core-guide{left:73%}}

/* v16: catalog hero service nodes only — reuse Homepage hero-v6 node treatment. */
.hero-v11-catalog .hero-v15-stage .hero-v16-device{position:absolute;width:94px;min-height:110px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;display:flex;flex-direction:column;align-items:center;gap:5px;isolation:isolate}
.hero-v11-catalog .hero-v15-stage .hero-v16-device .hero-v6-node__face{position:relative;z-index:2;display:grid;place-items:center;width:76px;height:76px;border:1px solid var(--line);border-radius:16px;background:#f9fbfd;box-shadow:var(--shadow-sm,0 8px 24px rgba(16,18,17,.04));transform:rotate(-7deg);transition:transform .18s ease,border-color .18s ease}
.hero-v11-catalog .hero-v15-stage .hero-v16-device--network .hero-v6-node__face{transform:rotate(7deg)}
.hero-v11-catalog .hero-v15-stage .hero-v16-device .hero-v6-node__face svg{width:42px;height:42px;fill:none;stroke:var(--p);stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round}
.hero-v11-catalog .hero-v15-stage .hero-v16-device .hero-v6-node__pulse{position:absolute;z-index:1;top:0;left:50%;width:90px;height:90px;transform:translateX(-50%);border:1px solid var(--mint2);border-radius:18px;animation:v16-node-pulse 3.4s ease-in-out infinite;pointer-events:none}
.hero-v11-catalog .hero-v15-stage .hero-v16-device--network .hero-v6-node__pulse{animation-delay:-1s}.hero-v11-catalog .hero-v15-stage .hero-v16-device--storage .hero-v6-node__pulse{animation-delay:-2s}
.hero-v11-catalog .hero-v15-stage .hero-v16-device:hover .hero-v6-node__face{border-color:var(--p);transform:translateY(-3px) rotate(0)}
@keyframes v16-node-pulse{50%{opacity:.3;scale:1.15}}
@media(prefers-reduced-motion:reduce){.hero-v11-catalog .hero-v15-stage .hero-v16-device .hero-v6-node__pulse{animation:none!important}}

/* v18: center the three All Products hero service icons within their nodes. */
.hero-v11-catalog .hero-v15-stage .hero-v16-device{justify-content:center;align-items:center;text-align:center}
.hero-v11-catalog .hero-v15-stage .hero-v16-device .hero-v6-node__face{margin-inline:auto}
.hero-v11-catalog .hero-v15-stage .hero-v16-device .hero-v6-node__pulse{top:50%;left:50%;transform:translate(-50%,-50%)}

/* v19: catalog-specific centerpiece; retains existing plates, stage and routing */
.hero-v11-catalog .hero-v19-center .hero-v19-catalog-mark{width:54px;height:54px;stroke:var(--p);stroke-width:2.2;fill:none;stroke-linecap:round;stroke-linejoin:round;transform:rotate(30deg) skew(-14deg,-14deg)}
.hero-v11-catalog .hero-v19-center .hero-v19-catalog-mark>rect:first-child{fill:var(--mint);stroke:var(--p)}
.hero-v11-catalog .hero-v19-center .hero-v19-center__signal{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--p);border:2px solid white;z-index:3;animation:v19-catalog-signal 2.8s ease-in-out infinite}
.hero-v11-catalog .hero-v19-center .hero-v19-center__signal--a{left:18px;top:24px}.hero-v11-catalog .hero-v19-center .hero-v19-center__signal--b{right:16px;bottom:37px;animation-delay:-1.4s}
@keyframes v19-catalog-signal{0%,100%{opacity:.35;transform:scale(.75)}45%{opacity:1;transform:scale(1.2)}}
@media(prefers-reduced-motion:reduce){.hero-v11-catalog .hero-v19-center .hero-v19-center__signal{animation:none!important}}

/* v21 All Products hero only: connected eight-service catalog composition. */
.hero-v11-catalog .catalog-v21{position:relative;height:400px;overflow:hidden;isolation:isolate;background:transparent;border:0;box-shadow:none}
.hero-v11-catalog .catalog-v21__ring{position:absolute;left:50%;top:50%;width:66%;aspect-ratio:1;border:1px solid var(--mint2);border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;opacity:.65}
.hero-v11-catalog .catalog-v21__ring--inner{width:39%;opacity:.85}
.hero-v11-catalog .catalog-v21__connections{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;pointer-events:none;fill:none;stroke:var(--line);stroke-width:1.7}
.hero-v11-catalog .catalog-v21__wire{stroke-dasharray:6 7;opacity:.85}
.hero-v11-catalog .catalog-v21__packet{fill:var(--p);stroke:var(--mint2);stroke-width:2;stroke-dasharray:none}
.hero-v11-catalog .catalog-v21__service{position:absolute;left:var(--x);top:var(--y);width:78px;display:flex;flex-direction:column;align-items:center;gap:5px;transform:translate(-50%,-50%);z-index:3;animation:catalog-v21-float 4.5s ease-in-out infinite alternate;animation-delay:calc(var(--i)*-.42s)}
.hero-v11-catalog .catalog-v21__service-face{width:54px;height:54px;display:grid;place-items:center;background:#f9fbfd;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow-sm,0 8px 24px rgba(16,18,17,.04))}
.hero-v11-catalog .catalog-v21__service svg{width:31px;height:31px;fill:none;stroke:var(--p);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.hero-v11-catalog .catalog-v21__service span{font:600 12px/16px "Geist",sans-serif;letter-spacing:.01em;color:var(--ink);white-space:nowrap;text-align:center}
.hero-v11-catalog .catalog-v21__core{position:absolute;left:50%;top:50%;width:122px;height:122px;transform:translate(-50%,-50%);z-index:4;animation:catalog-v21-float-center 5s ease-in-out infinite alternate}
.hero-v11-catalog .catalog-v21__core-base,.hero-v11-catalog .catalog-v21__core-middle,.hero-v11-catalog .catalog-v21__core-front{position:absolute;left:12px;right:12px;height:68px;border:2px solid var(--p);border-radius:14px;transform:rotate(-30deg) skew(14deg,14deg);box-shadow:0 7px 0 var(--mint2)}
.hero-v11-catalog .catalog-v21__core-base{top:44px;background:var(--mint2)}.hero-v11-catalog .catalog-v21__core-middle{top:27px;background:var(--mint)}.hero-v11-catalog .catalog-v21__core-front{top:10px;background:#f9fbfd;display:grid;place-items:center}
.hero-v11-catalog .catalog-v21__core-front svg{width:44px;height:44px;fill:none;stroke:var(--p);stroke-width:2.5;transform:rotate(30deg) skew(-14deg,-14deg)}
.hero-v11-catalog .catalog-v21__core-title{position:absolute;bottom:-6px;left:50%;transform:translateX(-50%);font:600 12px/16px "Geist",sans-serif;letter-spacing:.01em;color:var(--p);letter-spacing:.08em}
@keyframes catalog-v21-float{to{translate:0 -6px}}@keyframes catalog-v21-float-center{to{translate:0 -5px}}
@media(max-width:800px){.hero-v11-catalog .catalog-v21{height:355px}.hero-v11-catalog .catalog-v21__service{width:70px}.hero-v11-catalog .catalog-v21__service-face{width:46px;height:46px}.hero-v11-catalog .catalog-v21__service svg{width:27px;height:27px}.hero-v11-catalog .catalog-v21__service span{font-size:12px;line-height:16px;letter-spacing:.01em}.hero-v11-catalog .catalog-v21__core{scale:.85}}
@media(max-width:540px){.hero-v11-catalog .catalog-v21{height:310px}.hero-v11-catalog .catalog-v21__service-face{width:40px;height:40px}.hero-v11-catalog .catalog-v21__service svg{width:24px;height:24px}.hero-v11-catalog .catalog-v21__service span{font-size:12px;line-height:16px;letter-spacing:.01em}.hero-v11-catalog .catalog-v21__core{scale:.7}.hero-v11-catalog .catalog-v21__ring--outer{width:78%}}
@media(prefers-reduced-motion:reduce){.hero-v11-catalog .catalog-v21__service,.hero-v11-catalog .catalog-v21__core{animation:none!important}.hero-v11-catalog .catalog-v21__packet{display:none}}

/* v23: matching three-indicator top plate, scoped exclusively to All Products core. */
.hero-v11-catalog .catalog-v21__core-front.hero-v6-core__layer--top{top:10px;left:12px;right:12px;height:68px;display:flex;align-items:center;justify-content:center;gap:10px;background:#f9fbfd}
.hero-v11-catalog .catalog-v21__core-front.hero-v6-core__layer--top i{width:10px;height:10px;background:var(--p);border-radius:3px;opacity:.5;animation:hero-v6-indicator 2.2s ease-in-out infinite}
.hero-v11-catalog .catalog-v21__core-front.hero-v6-core__layer--top i:nth-child(2){animation-delay:-.7s}
.hero-v11-catalog .catalog-v21__core-front.hero-v6-core__layer--top i:nth-child(3){animation-delay:-1.4s}
@media(prefers-reduced-motion:reduce){.hero-v11-catalog .catalog-v21__core-front.hero-v6-core__layer--top i{animation:none}}

/* v24 — NEO Lite Pro hero illustration; all rules scoped to this instance. */
.hero .hero-v24-infra{position:relative;background:transparent;border:0;box-shadow:none;overflow:hidden}
.hero .hero-v24-scene{position:relative;height:440px;overflow:hidden;isolation:isolate;background:transparent;border:0;box-shadow:none}
.hero .hero-v24-wires{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:var(--p);stroke-width:2;stroke-dasharray:5 9;opacity:.75}
.hero .hero-v24-wires circle{fill:var(--p);stroke:var(--mint2);stroke-width:3}
.hero .hero-v24-node{position:absolute;width:78px;height:78px;display:grid;place-items:center;border:1px solid var(--line);border-radius:16px;background:#f9fbfd;box-shadow:0 8px 24px rgba(16,18,17,.04);z-index:2;animation:hero-v24-float 5s ease-in-out infinite alternate}
.hero .hero-v24-node--cpu{left:12%;top:15%}.hero .hero-v24-node--nvme{right:12%;top:15%;animation-delay:-1.5s}.hero .hero-v24-node--net{left:calc(50% - 39px);bottom:9%;animation-delay:-3s}
.hero .hero-v24-node svg{width:46px;height:46px;fill:none;stroke:var(--p);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.hero .hero-v24-node__ring{position:absolute;inset:-9px;border-radius:22px;border:1px solid var(--mint2);animation:hero-v24-ring 3s ease-in-out infinite alternate}
.hero .hero-v24-core{position:absolute;width:180px;height:165px;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3;animation:hero-v24-hub 6s ease-in-out infinite alternate}
.hero .hero-v24-layer{position:absolute;left:22px;right:22px;height:82px;border:2px solid var(--p);border-radius:20px;transform:rotate(-30deg) skew(14deg,14deg);display:flex;justify-content:center;align-items:center;gap:10px;box-shadow:0 7px 0 var(--mint2),0 8px 24px rgba(16,18,17,.04)}
.hero .hero-v24-layer--bottom{top:80px;background:var(--mint2)}.hero .hero-v24-layer--middle{top:54px;background:var(--mint)}.hero .hero-v24-layer--top{top:28px;background:#f9fbfd}
.hero .hero-v24-layer i{height:10px;width:10px;border-radius:3px;background:var(--p);animation:hero-v24-light 2.4s ease-in-out infinite alternate}.hero .hero-v24-layer i:nth-child(2){animation-delay:-.8s}.hero .hero-v24-layer i:nth-child(3){animation-delay:-1.6s}
.hero .hero-v24-note{display:block;text-align:center;padding:12px;color:var(--muted);font-size:12px;line-height:16px;letter-spacing:.01em;background:#f9fbfd;border-top:1px solid var(--line)}
@keyframes hero-v24-float{to{translate:0 -9px}}@keyframes hero-v24-ring{to{opacity:.3;scale:1.08}}@keyframes hero-v24-hub{to{translate:0 -7px}}@keyframes hero-v24-light{to{opacity:.3}}
@media(max-width:540px){.hero .hero-v24-scene{height:340px}.hero .hero-v24-core{scale:.78}.hero .hero-v24-node{scale:.78}.hero .hero-v24-node--cpu{left:3%;top:9%}.hero .hero-v24-node--nvme{right:3%;top:9%}.hero .hero-v24-node--net{bottom:3%}}
@media(prefers-reduced-motion:reduce){.hero .hero-v24-infra *, .hero .hero-v24-infra *::before,.hero .hero-v24-infra *::after{animation:none!important;transition:none!important}.hero .hero-v24-wires circle{display:none}}

/* v27 — NEO Lite Pro: high-performance server, dedicated CPU/RAM/NVMe and purposeful data flow. */
.hero .hero-v27-scene{height:440px;background:none;border:0;box-shadow:none;isolation:isolate}
.hero .hero-v27-flow{position:absolute;inset:0;width:100%;height:100%;overflow:visible;fill:none;z-index:1;pointer-events:none}
.hero .hero-v27-route{stroke:#379f7b;stroke-width:2;stroke-linecap:round;stroke-dasharray:5 9;opacity:.68}
.hero .hero-v27-route--return{opacity:.4}
.hero .hero-v27-packet{fill:#379f7b;stroke:#dbede7;stroke-width:2}
.hero .hero-v27-component{position:absolute;width:78px;height:78px;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:#f9fbfd;border:1px solid #e1e3e5;border-radius:14px;box-shadow:0 8px 20px rgba(16,18,17,.05);animation:v27-float 5s ease-in-out infinite alternate}
.hero .hero-v27-component svg{width:39px;height:39px;fill:none;stroke:#118d62;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.hero .hero-v27-component--cpu{left:11%;top:16%}.hero .hero-v27-component--ram{right:10%;top:17%;animation-delay:-1.5s}.hero .hero-v27-component--nvme{right:10%;bottom:13%;animation-delay:-2.8s}.hero .hero-v27-component--bus{left:11%;bottom:12%;animation-delay:-3.4s}
.hero .hero-v27-server{position:absolute;left:50%;top:51%;width:162px;height:220px;transform:translate(-50%,-50%);z-index:4;filter:drop-shadow(0 18px 12px rgba(17,141,98,.1));animation:v27-server-float 5.8s ease-in-out infinite alternate}
.hero .hero-v27-server__back{position:absolute;inset:4px -11px 20px 19px;border:2px solid #118d62;border-radius:15px;background:#dbede7;transform:skewY(-8deg)}
.hero .hero-v27-server__frame{position:absolute;inset:0 12px 15px 0;display:flex;flex-direction:column;gap:9px;padding:12px 12px;border:2px solid #118d62;border-radius:15px;background:#f9fbfd;box-shadow:5px 7px 0 #dbede7}
.hero .hero-v27-server__header{height:16px;display:flex;align-items:center;gap:5px;border-bottom:1px solid #dbede7;padding-bottom:8px}
.hero .hero-v27-server__status{width:6px;height:6px;border-radius:50%;background:#379f7b;animation:hero-v24-light 2.5s ease-in-out infinite alternate}.hero .hero-v27-server__status:nth-child(2){animation-delay:-.7s}.hero .hero-v27-server__status:nth-child(3){animation-delay:-1.5s}
.hero .hero-v27-server__unit{position:relative;flex:1;min-height:0;display:flex;align-items:center;justify-content:center;gap:5px;border:1px solid #dbede7;border-radius:7px;background:#f9fbfd}
.hero .hero-v27-server__chip{height:28px;width:28px;border:3px solid #118d62;border-radius:5px;background:#dbede7;box-shadow:inset 0 0 0 5px #f9fbfd}
.hero .hero-v27-server__trace{width:39px;height:26px;background:repeating-linear-gradient(0deg,transparent 0 5px,#379f7b 5px 7px,transparent 7px 11px);opacity:.7}
.hero .hero-v27-server__memory{height:28px;width:17px;border:2px solid #118d62;border-radius:3px;background:#dbede7}
.hero .hero-v27-server__drive{height:24px;width:48px;border:2px solid #118d62;border-radius:4px;background:linear-gradient(90deg,#dbede7 15%,#f9fbfd 15% 75%,#dbede7 75%)}
.hero .hero-v27-server__footer{height:10px;display:flex;align-items:center;gap:5px}.hero .hero-v27-server__footer i{width:5px;height:5px;border-radius:50%;background:#379f7b}.hero .hero-v27-server__footer span{height:4px;width:38px;margin-left:auto;border-radius:2px;background:#dbede7}
.hero .hero-v27-server__base{position:absolute;bottom:4px;left:17px;right:0;height:11px;background:#dbede7;border:1px solid #118d62;border-radius:3px;transform:skewX(-20deg)}
@keyframes v27-float{from{transform:translateY(-4px)}to{transform:translateY(5px)}}@keyframes v27-server-float{from{transform:translate(-50%,-51%)}to{transform:translate(-50%,-49%)}}
@media(max-width:540px){.hero .hero-v27-scene{height:340px}.hero .hero-v27-component{width:57px;height:57px;gap:1px}.hero .hero-v27-component svg{width:28px;height:28px}.hero .hero-v27-component--cpu{left:5%;top:14%}.hero .hero-v27-component--ram{right:5%;top:15%}.hero .hero-v27-component--nvme{right:5%;bottom:12%}.hero .hero-v27-component--bus{left:5%;bottom:12%}.hero .hero-v27-server{scale:.77}}
@media(prefers-reduced-motion:reduce){.hero .hero-v27-scene *, .hero .hero-v27-scene *::before,.hero .hero-v27-scene *::after{animation:none!important;transition:none!important}.hero .hero-v27-packet{display:none}}

/* v29 — abstract accelerated computing core, scoped exclusively to NEO Lite Pro hero. */
.hero .hero-v29-scene{height:440px;position:relative;overflow:hidden;background:transparent;border:0;box-shadow:none;isolation:isolate}
.hero .hero-v29-streams{position:absolute;inset:0;width:100%;height:100%;z-index:3;fill:none;pointer-events:none}
.hero .hero-v29-trail{stroke:#379f7b;stroke-width:2;stroke-linecap:round;stroke-dasharray:7 10;opacity:.76;animation:v29-stream 8s linear infinite}
.hero .hero-v29-trail--reverse{opacity:.54;animation-direction:reverse}.hero .hero-v29-trail--inner{stroke-width:1.6;opacity:.37}
.hero .hero-v29-packet{fill:#379f7b;stroke:#dbede7;stroke-width:3;filter:drop-shadow(0 0 4px #379f7b)}
.hero .hero-v29-halo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-24deg);border:1px solid #dbede7;border-radius:32%;pointer-events:none}
.hero .hero-v29-halo--outer{height:340px;width:340px;opacity:.75}.hero .hero-v29-halo--inner{height:270px;width:270px;opacity:.55;animation:v29-breathe 5s ease-in-out infinite alternate}
.hero .hero-v29-core{position:absolute;left:50%;top:49%;width:206px;height:196px;transform:translate(-50%,-50%);z-index:5;filter:drop-shadow(0 18px 12px rgba(17,141,98,.12));animation:v29-hover 5.2s ease-in-out infinite alternate}
.hero .hero-v29-core__back,.hero .hero-v29-core__middle,.hero .hero-v29-core__top{position:absolute;left:25px;width:156px;height:116px;border:2px solid #118d62;border-radius:21px;transform:rotate(-30deg) skew(10deg,10deg)}
.hero .hero-v29-core__back{top:74px;background:#379f7b;box-shadow:0 10px 0 #dbede7}.hero .hero-v29-core__middle{top:49px;background:#dbede7;box-shadow:0 7px 0 #379f7b}.hero .hero-v29-core__top{top:20px;background:#f9fbfd;display:grid;place-items:center;overflow:hidden;box-shadow:0 8px 0 #dbede7}
.hero .hero-v29-core__processor{width:66px;height:66px;position:relative;border:4px solid #118d62;border-radius:12px;background:#dbede7;box-shadow:inset 0 0 0 9px white,0 0 0 5px #dbede7;display:grid;place-items:center;z-index:2}
.hero .hero-v29-core__processor::after{content:"";width:19px;height:19px;border-radius:4px;background:#379f7b;animation:v29-light 2.3s ease-in-out infinite alternate}
.hero .hero-v29-core__processor i{position:absolute;width:5px;height:12px;background:#118d62;border-radius:2px;top:-16px;left:16px}.hero .hero-v29-core__processor i:nth-child(2){left:41px}.hero .hero-v29-core__processor i:nth-child(3){top:auto;bottom:-16px;left:16px}.hero .hero-v29-core__processor i:nth-child(4){top:auto;bottom:-16px;left:41px}
.hero .hero-v29-core__circuit{position:absolute;width:135px;height:1px;background:#379f7b;opacity:.7;transform:rotate(35deg)}.hero .hero-v29-core__circuit--b{transform:rotate(-35deg)}
.hero .hero-v29-core__pins{position:absolute;inset:14px;border:1px dashed #379f7b;border-radius:14px;opacity:.55}
.hero .hero-v29-core__glow{position:absolute;left:40%;top:42%;width:28px;height:28px;border-radius:50%;background:#379f7b;filter:blur(25px);opacity:.32;pointer-events:none}
.hero .hero-v29-memory,.hero .hero-v29-storage{position:absolute;display:flex;align-items:center;justify-content:center;z-index:4;border:2px solid #118d62;background:#f9fbfd;box-shadow:5px 7px 0 #dbede7;animation:v29-hover 5s ease-in-out infinite alternate}
.hero .hero-v29-memory{left:9%;top:19%;width:115px;height:53px;border-radius:11px;gap:7px;transform:rotate(-16deg)}
.hero .hero-v29-memory span{height:24px;width:13px;border:2px solid #379f7b;border-radius:3px;background:#dbede7}.hero .hero-v29-memory i{position:absolute;width:70%;height:3px;bottom:7px;left:15%;background:#379f7b}
.hero .hero-v29-storage{right:9%;bottom:18%;width:119px;height:77px;border-radius:12px;flex-direction:column;gap:6px;animation-delay:-2s;transform:rotate(12deg)}
.hero .hero-v29-storage span{height:13px;width:79px;border:2px solid #118d62;background:#dbede7;border-radius:5px;position:relative}.hero .hero-v29-storage span::after{content:"";position:absolute;right:5px;top:3px;width:4px;height:4px;background:#379f7b;border-radius:50%}
.hero .hero-v29-storage i{position:absolute;left:15px;top:12px;height:51px;width:3px;background:#379f7b;opacity:.5}
.hero .hero-v29-signal{position:absolute;border:1px solid #379f7b;border-radius:50%;width:10px;height:10px;z-index:5;animation:v29-breathe 2.6s ease-in-out infinite alternate}.hero .hero-v29-signal--one{top:17%;right:18%}.hero .hero-v29-signal--two{left:16%;bottom:15%;animation-delay:-1s}
@keyframes v29-hover{to{translate:0 -7px}}@keyframes v29-breathe{to{opacity:.22;scale:1.07}}@keyframes v29-stream{to{stroke-dashoffset:-68}}@keyframes v29-light{to{opacity:.42}}
@media(max-width:540px){.hero .hero-v29-scene{height:340px}.hero .hero-v29-core{scale:.78}.hero .hero-v29-halo--outer{width:260px;height:260px}.hero .hero-v29-halo--inner{width:210px;height:210px}.hero .hero-v29-memory{left:3%;top:17%;scale:.8}.hero .hero-v29-storage{right:3%;bottom:17%;scale:.8}}
@media(prefers-reduced-motion:reduce){.hero .hero-v29-scene *,.hero .hero-v29-scene *::before,.hero .hero-v29-scene *::after{animation:none!important;transition:none!important}.hero .hero-v29-packet{display:none}}

/* v30: illustrated high-throughput AMD EPYC/NVMe/RAM data paths; scoped to NEO Lite Pro hero. */
.hero .hero-v30-streams{overflow:visible}
.hero .hero-v30-streams .hero-v30-bus{stroke:#379f7b;stroke-width:2.2;stroke-dasharray:4 8;opacity:.73;animation-duration:5.8s}
.hero .hero-v30-streams .hero-v30-bus--io{stroke-width:1.6;opacity:.52;stroke-dasharray:3 9}
.hero .hero-v30-streams .hero-v30-bus--loop{opacity:.35;stroke-width:1.5}
.hero .hero-v30-streams .hero-v30-bus--memory,.hero .hero-v30-streams .hero-v30-bus--nvme{stroke-width:2.8;opacity:.9}
.hero .hero-v30-streams .hero-v30-lane{stroke:#dbede7;stroke-width:4;fill:none;stroke-linecap:round;opacity:.85}
.hero .hero-v30-streams .hero-v30-packet{fill:#379f7b;stroke:#dbede7;stroke-width:2;filter:drop-shadow(0 0 3px #379f7b)}
@media(prefers-reduced-motion:reduce){.hero .hero-v30-streams .hero-v30-packet{display:none}}

/* v31: NEO Lite Pro data-flow styling mirrors the restrained Homepage v6 SVG links. */
.hero .hero-v30-streams .hero-v30-bus,
.hero .hero-v30-streams .hero-v30-bus--io,
.hero .hero-v30-streams .hero-v30-bus--loop,
.hero .hero-v30-streams .hero-v30-bus--memory,
.hero .hero-v30-streams .hero-v30-bus--nvme{fill:none;stroke:var(--p);stroke-width:2;stroke-dasharray:5 9;stroke-linecap:round;opacity:.45;animation:none;filter:none}
.hero .hero-v30-streams .hero-v30-lane{display:none}
.hero .hero-v30-streams .hero-v30-packet{fill:var(--p);stroke:var(--mint2);stroke-width:3;filter:none}

/* v32 — dedicated server architecture with integrated processor, memory and NVMe. */
.hero .hero-v32-scene{position:relative;background:transparent;border:0;box-shadow:none;isolation:isolate}
.hero .hero-v32-wires{position:absolute;inset:0;width:100%;height:100%;overflow:visible;fill:none;z-index:1;pointer-events:none}
.hero .hero-v32-wires path{stroke:var(--p,#379f7b);stroke-width:2;stroke-dasharray:5 9;stroke-linecap:round;opacity:.48}
.hero .hero-v32-wires circle{fill:var(--p,#379f7b);stroke:var(--mint2,#dbede7);stroke-width:3}
.hero .hero-v32-server{position:absolute;left:50%;top:51%;width:208px;height:214px;transform:translate(-50%,-50%);z-index:4;filter:drop-shadow(0 12px 10px rgba(17,141,98,.12));animation:v29-hover 5s ease-in-out infinite alternate}
.hero .hero-v32-server__roof{position:absolute;top:2px;left:12px;width:184px;height:44px;border:2px solid #118d62;border-radius:14px 14px 5px 5px;background:#dbede7;transform:skewY(-7deg);display:flex;align-items:center;justify-content:center;gap:12px}
.hero .hero-v32-server__roof i{width:26px;height:6px;border-radius:4px;background:#379f7b}
.hero .hero-v32-server__shelf{position:absolute;left:6px;width:196px;height:55px;border:2px solid #118d62;border-radius:9px;background:#f9fbfd;display:flex;gap:8px;align-items:center;padding:0 16px;box-shadow:0 6px 0 #dbede7}
.hero .hero-v32-server__shelf--top{top:48px}.hero .hero-v32-server__shelf--mid{top:102px}.hero .hero-v32-server__shelf--low{top:156px}
.hero .hero-v32-server__shelf span{width:21px;height:22px;border:2px solid #379f7b;border-radius:4px;background:#ebedef}.hero .hero-v32-server__shelf i{width:12px;height:12px;border-radius:50%;background:#379f7b;margin-left:auto;animation:v29-light 2s ease-in-out infinite alternate}
.hero .hero-v32-server__shelf--mid i{animation-delay:-.8s}.hero .hero-v32-server__shelf--low i{animation-delay:-1.5s}
.hero .hero-v32-server__feet{position:absolute;left:30px;right:30px;bottom:-10px;height:8px;border-radius:4px;background:#118d62}
.hero .hero-v32-chip,.hero .hero-v32-memory,.hero .hero-v32-nvme{position:absolute;z-index:5;border:2px solid #118d62;background:#f9fbfd;box-shadow:5px 7px 0 #dbede7;animation:v29-hover 5.2s ease-in-out infinite alternate}
.hero .hero-v32-chip{left:10%;top:15%;width:85px;height:85px;border-radius:13px;display:grid;place-items:center;transform:rotate(-10deg)}
.hero .hero-v32-chip__inner{width:50px;height:50px;border:4px solid #379f7b;border-radius:9px;background:#dbede7;display:grid;place-items:center;box-shadow:inset 0 0 0 6px #f9fbfd}
.hero .hero-v32-chip__inner i{width:17px;height:17px;border-radius:3px;background:#118d62}
.hero .hero-v32-memory{right:9%;top:17%;width:116px;height:58px;border-radius:11px;display:flex;align-items:center;justify-content:center;gap:8px;transform:rotate(10deg);animation-delay:-1.3s}
.hero .hero-v32-memory i{height:29px;width:15px;border:2px solid #379f7b;border-radius:3px;background:#dbede7}
.hero .hero-v32-nvme{right:10%;bottom:13%;width:130px;height:80px;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;transform:rotate(-8deg);animation-delay:-2.3s}
.hero .hero-v32-nvme span{height:14px;width:96px;border:2px solid #118d62;background:#dbede7;border-radius:4px;position:relative}.hero .hero-v32-nvme span::after{content:"";position:absolute;right:6px;top:3px;width:4px;height:4px;border-radius:50%;background:#379f7b}
@media(max-width:540px){.hero .hero-v32-server{scale:.8}.hero .hero-v32-chip{left:2%;top:17%;scale:.75}.hero .hero-v32-memory{right:1%;top:18%;scale:.75}.hero .hero-v32-nvme{right:1%;bottom:13%;scale:.78}}
@media(prefers-reduced-motion:reduce){.hero .hero-v32-scene *,.hero .hero-v32-scene *::before,.hero .hero-v32-scene *::after{animation:none!important}.hero .hero-v32-wires circle{display:none}}

/* v33: NEO Lite Pro hero adopts the circular product-ecosystem visual language; no text labels. */
.hero .hero-v33-scene{position:relative;isolation:isolate;background:transparent;border:0;box-shadow:none}
.hero .hero-v33-ring{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px dashed var(--mint2,#dbede7);border-radius:50%;pointer-events:none}
.hero .hero-v33-ring--outer{width:78%;aspect-ratio:1.16;opacity:.72}
.hero .hero-v33-ring--inner{width:47%;aspect-ratio:1;opacity:.78}
.hero .hero-v33-wires{position:absolute;inset:0;width:100%;height:100%;overflow:visible;fill:none;pointer-events:none;z-index:1}
.hero .hero-v33-wires path{stroke:var(--p,#379f7b);stroke-width:2;stroke-dasharray:5 9;stroke-linecap:round;opacity:.48}
.hero .hero-v33-wires circle{fill:var(--p,#379f7b);stroke:var(--mint2,#dbede7);stroke-width:2.5}
.hero .hero-v33-core{position:absolute;left:50%;top:50%;height:124px;width:124px;transform:translate(-50%,-50%);z-index:4;animation:catalog-v21-float-center 5s ease-in-out infinite alternate}
.hero .hero-v33-core__base,.hero .hero-v33-core__middle,.hero .hero-v33-core__top{position:absolute;left:12px;right:12px;height:68px;border:2px solid var(--p,#379f7b);border-radius:14px;transform:rotate(-30deg) skew(14deg,14deg);box-shadow:0 7px 0 var(--mint2,#dbede7)}
.hero .hero-v33-core__base{top:44px;background:var(--mint2,#dbede7)}
.hero .hero-v33-core__middle{top:27px;background:var(--mint,#ebedef)}
.hero .hero-v33-core__top{top:10px;background:#f9fbfd;display:flex;align-items:center;justify-content:center;gap:10px}
.hero .hero-v33-core__top i{display:block;width:10px;height:10px;border-radius:3px;background:var(--p,#379f7b);animation:hero-v6-indicator 2.2s ease-in-out infinite}
.hero .hero-v33-core__top i:nth-child(2){animation-delay:-.7s}.hero .hero-v33-core__top i:nth-child(3){animation-delay:-1.4s}
.hero .hero-v33-node{position:absolute;width:64px;height:64px;z-index:3;transform:translate(-50%,-50%);animation:catalog-v21-float 4.6s ease-in-out infinite alternate}
.hero .hero-v33-node--cpu{left:24.23%;top:24.09%}
.hero .hero-v33-node--memory{left:75.77%;top:24.09%;animation-delay:-1.2s}
.hero .hero-v33-node--nvme{left:78.85%;top:74.32%;animation-delay:-2.2s}
.hero .hero-v33-node--server{left:21.15%;top:74.32%;animation-delay:-3.1s}
.hero .hero-v33-node__face{width:100%;height:100%;display:grid;place-items:center;border:1px solid var(--line,#e1e3e5);border-radius:13px;background:#f9fbfd;box-shadow:0 8px 24px rgba(16,18,17,.05)}
.hero .hero-v33-node svg{width:37px;height:37px;fill:none;stroke:var(--p,#379f7b);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:540px){.hero .hero-v33-node{width:49px;height:49px}.hero .hero-v33-node svg{width:29px;height:29px}.hero .hero-v33-core{scale:.8}.hero .hero-v33-ring--outer{width:86%}}
@media(prefers-reduced-motion:reduce){.hero .hero-v33-scene .hero-v33-node,.hero .hero-v33-scene .hero-v33-core,.hero .hero-v33-scene .hero-v33-core__top i{animation:none!important}.hero .hero-v33-wires circle{display:none}}

/* v39 — accessible All Products mega navigation */
.site-header{isolation:isolate}
.nav .mega-trigger{border:0;background:transparent;padding:12px 0;display:inline-flex;align-items:center;gap:7px;font-size:16px;line-height:24px;letter-spacing:0;font-weight:600;color:var(--text);white-space:nowrap}
.nav .mega-trigger:hover,.nav .mega-trigger[aria-expanded="true"]{color:var(--p)}
.mega-chevron{font-size:16px;line-height:24px;letter-spacing:0;transition:transform .2s ease}
.mega-trigger[aria-expanded="true"] .mega-chevron{transform:rotate(180deg)}
.products-mega{position:absolute;top:100%;left:0;right:0;background:#f9fbfd;border-bottom:1px solid var(--line);box-shadow:0 18px 36px rgba(16,18,17,.12);z-index:110;max-height:min(76vh,660px);overflow:auto}
.products-mega[hidden],.mega-products-panel[hidden]{display:none!important}
.products-mega__inner{display:grid;grid-template-columns:240px minmax(0,1fr);padding-top:24px;padding-bottom:24px;gap:32px;min-height:310px}
.products-mega__categories{border-right:1px solid var(--line);padding-right:16px}
.mega-eyebrow{font-size:12px;line-height:16px;letter-spacing:.01em;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:600;margin-bottom:16px}
.mega-category{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:8px 12px;text-align:left;background:transparent;border:0;border-radius:8px;color:var(--text);font-size:16px;line-height:24px;letter-spacing:0;font-weight:600}
.mega-category:hover,.mega-category.is-active{background:var(--mint);color:var(--p)}
.mega-products-panel h3{font-size:20px;line-height:28px;letter-spacing:0;margin:0 0 16px}
.mega-products-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px}
.mega-product{display:flex;flex-direction:column;gap:4px;border-radius:8px;padding:12px;color:var(--ink)}
.mega-product:hover,.mega-product:focus-visible{background:var(--soft)}
.mega-product strong{font-size:16px;line-height:24px;letter-spacing:0;font-weight:600}
.mega-product span{font-size:12px;line-height:16px;letter-spacing:.01em;line-height:1.5;color:var(--text)}
.products-mega__footer{padding-top:16px;padding-bottom:20px;border-top:1px solid var(--line);display:flex;justify-content:center}
@media(max-width:800px){.nav .mega-trigger{width:100%;justify-content:space-between}.products-mega{top:72px;max-height:calc(100dvh - 72px)}.products-mega__inner{grid-template-columns:1fr;gap:16px;padding-top:16px;padding-bottom:12px;min-height:0}.products-mega__categories{border-right:0;border-bottom:1px solid var(--line);padding-right:0;padding-bottom:16px;display:flex;gap:6px;flex-wrap:wrap}.mega-eyebrow{flex-basis:100%;margin-bottom:4px}.mega-category{width:auto;padding:8px 12px;font-size:12px;line-height:16px;letter-spacing:.01em}.mega-category span{display:none}.products-mega__footer{padding-bottom:16px}.mega-products-grid{grid-template-columns:1fr}}
@media(max-width:540px){.products-mega__categories{max-height:145px;overflow:auto;align-content:flex-start}.mega-products-panel h3{font-size:20px;line-height:28px;letter-spacing:0}.mega-product{padding:12px}}
@media(prefers-reduced-motion:reduce){.mega-chevron{transition:none}}

/* v40 — center mega-menu chevron alongside navigation label. */
.nav .mega-chevron{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;line-height:1;vertical-align:middle;flex:0 0 18px}

/* v42 — mega-menu View All Products as an inline text link, not a button. */
.products-mega__footer .mega-view-all{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none;color:var(--p);font-size:16px;line-height:24px;letter-spacing:0;font-weight:600;line-height:1.5;text-decoration:none}
.products-mega__footer .mega-view-all__label{text-decoration:none;text-underline-offset:3px;text-decoration-thickness:1px}
.products-mega__footer .mega-view-all:hover{color:var(--text)}
.products-mega__footer .mega-view-all:hover .mega-view-all__label{text-decoration:underline;text-decoration-thickness:2px}
.products-mega__footer .mega-view-all:focus-visible{outline:2px solid var(--p);outline-offset:4px;border-radius:2px}

/* v47: NEO Lite — compact, practical virtual-server board in the existing illustration family. */
.showcase-v4 .art-lite .lite-v47-board{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:12px 16px;box-sizing:border-box}
.showcase-v4 .art-lite .lite-v47-processor{position:relative;width:34px;height:34px;border:1px solid var(--p);border-radius:6px;background:var(--mint2);display:grid;place-items:center}
.showcase-v4 .art-lite .lite-v47-processor::before{content:"";width:16px;height:16px;border:1px solid var(--p);border-radius:3px;background:#f9fbfd}
.showcase-v4 .art-lite .lite-v47-processor i{position:absolute;width:5px;height:1px;background:var(--p)}
.showcase-v4 .art-lite .lite-v47-processor i:nth-child(1){left:-6px;top:11px}.showcase-v4 .art-lite .lite-v47-processor i:nth-child(2){left:-6px;bottom:11px}.showcase-v4 .art-lite .lite-v47-processor i:nth-child(3){right:-6px;top:11px}.showcase-v4 .art-lite .lite-v47-processor i:nth-child(4){right:-6px;bottom:11px}
.showcase-v4 .art-lite .lite-v47-resources{display:flex;gap:6px;width:100%;justify-content:center}
.showcase-v4 .art-lite .lite-v47-resources span{width:25px;height:11px;border:1px solid var(--line);border-radius:3px;background:var(--mint2);animation:v4-signal 2.4s infinite alternate}
.showcase-v4 .art-lite .lite-v47-resources span:nth-child(2){animation-delay:.5s}.showcase-v4 .art-lite .lite-v47-resources span:nth-child(3){animation-delay:1s}
.showcase-v4 .art-lite .lite-v47-flow{display:flex;gap:5px;justify-content:center;align-items:center}
.showcase-v4 .art-lite .lite-v47-flow i{width:6px;height:6px;border-radius:50%;background:var(--p);opacity:.65;animation:v4-signal 2.4s infinite alternate}
.showcase-v4 .art-lite .lite-v47-flow i:nth-child(2){animation-delay:.5s}.showcase-v4 .art-lite .lite-v47-flow i:nth-child(3){animation-delay:1s}

/* v51: Harga and Promo pages; local styles only */
.pricing-hero{padding-block:80px 64px;background:var(--color-neutral-100,#f9fbfd)}.pricing-hero .shell{max-width:1100px}.pricing-hero h1{font-size:64px;line-height:76px;letter-spacing:-.025em;margin:8px 0 16px}.pricing-hero .lead{max-width:780px}.pricing-hero .btn{margin-top:20px}.price-disclaimer{font-size:12px;line-height:16px;letter-spacing:.01em;color:#5f6161;max-width:810px;margin-top:20px}.pricing-content{padding-block:40px 88px}.price-jump{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:40px}.price-jump a{border:1px solid #e1e3e5;background:#f9fbfd;color:#101211;border-radius:100px;padding:12px 16px;font-size:16px;line-height:24px;letter-spacing:0;text-decoration:none}.price-jump a:hover,.price-jump a:focus-visible{border-color:#379f7b;color:#118d62}.price-section{scroll-margin-top:130px;margin:0 0 56px}.price-heading{display:flex;gap:20px;justify-content:space-between;align-items:end;margin-bottom:20px}.price-heading h2,.price-end h2{font-size:36px;line-height:44px;letter-spacing:-.025em;margin-bottom:8px}.price-heading p{max-width:720px;color:#5f6161}.price-official,.promo-detail{color:#118d62;text-decoration:none;font-weight:600;white-space:nowrap}.price-official:hover,.promo-detail:hover{text-decoration:underline}.price-table-scroll{overflow-x:auto;border:1px solid #e1e3e5;border-radius:12px}.price-table-scroll table{border-collapse:collapse;width:100%;min-width:670px;text-align:left}.price-table-scroll th{background:#ebedef;font-weight:600}.price-table-scroll th,.price-table-scroll td{padding:16px;border-bottom:1px solid #e1e3e5;font-size:16px;line-height:24px;letter-spacing:0}.price-table-scroll tr:last-child td{border-bottom:0}.price-table-scroll a{color:#118d62}.price-end{padding:32px;background:#f9fbfd;border-radius:12px}.price-end p{margin-bottom:20px}.promo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.promo-card{border:1px solid #e1e3e5;border-radius:12px;padding:24px;display:flex;flex-direction:column;align-items:flex-start;gap:12px;min-height:255px}.promo-card h3{font-size:20px;line-height:28px;letter-spacing:0;margin:0}.promo-card p{font-size:16px;line-height:24px;letter-spacing:0;color:#5f6161;flex:1}.promo-code{font-size:12px;line-height:16px;letter-spacing:.01em;display:flex;flex-wrap:wrap;align-items:center;gap:8px}.promo-copy{font:inherit;background:#f9fbfd;color:var(--p);border:1px solid var(--p);border-radius:8px;padding:4px 8px;cursor:pointer;transition:background .15s,color .15s,border-color .15s,transform .18s}.promo-copy:hover{background:transparent;border-color:var(--ph);color:var(--ph);transform:translateY(-2px)}.promo-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:24px 0}@media(max-width:800px){.promo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.price-heading{align-items:flex-start;flex-direction:column}.promo-steps{grid-template-columns:1fr}}@media(max-width:520px){.promo-grid{grid-template-columns:1fr}.pricing-hero{padding-block:52px}.pricing-content{padding-block:28px 64px}}

/* v52: Harga and Promo heroes share the All Products editorial composition. */
.pricing-hero--editorial{background:transparent;padding-block:80px 64px}
.pricing-hero--editorial .shell{max-width:var(--container,1280px)}
.pricing-hero--editorial .editorial{display:grid;grid-template-columns:.85fr 1.15fr;gap:64px;align-items:center}
.pricing-hero--editorial h1{margin:8px 0 16px}
.pricing-hero--editorial .lead{max-width:unset}
.pricing-hero--editorial .actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.pricing-hero--editorial .btn{margin-top:0}
.pricing-hero--editorial .price-disclaimer{max-width:580px;margin-top:20px}
@media(max-width:900px){.pricing-hero--editorial .editorial{grid-template-columns:1fr;gap:32px}}

/* v53: Promo hero heading, matching the NEO Lite Pro 48px reference. */
.pricing-hero--promo h1{font-size:48px;line-height:56px;letter-spacing:-.025em}

/* v54 — Harga hero heading only; reference NEO Lite Pro. */
.pricing-hero--harga h1{font-size:48px;line-height:56px;letter-spacing:-.025em}

/* v59: Promo-only centerpiece: a verified cloud-service offer rather than generic hardware. */
.pricing-hero--promo .catalog-v21__core-front.promo-v59__offer svg{width:48px;height:48px;fill:none;stroke:var(--p);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;transform:rotate(30deg) skew(-14deg,-14deg)}

/* v62: Promo-only stacked digital vouchers replace the generic three-layer cloud core. */
.pricing-hero--promo .promo-v62__vouchers{width:150px;height:136px;left:50%;top:50%}
.pricing-hero--promo .catalog-v21__core .promo-v62__voucher{position:absolute;display:grid;place-items:center;left:12px;right:12px;height:88px;border:2px solid var(--p);border-radius:12px;box-shadow:0 7px 0 var(--mint2);transform:rotate(-9deg) skew(0deg,0deg);overflow:hidden}
.pricing-hero--promo .promo-v62__voucher--back{top:36px;background:var(--mint2);transform:translate(-11px,9px) rotate(-16deg)!important}
.pricing-hero--promo .promo-v62__voucher--middle{top:21px;background:var(--mint);transform:translate(10px,-2px) rotate(7deg)!important}
.pricing-hero--promo .promo-v62__voucher--front{top:8px;background:#f9fbfd;transform:rotate(-8deg)!important}
.pricing-hero--promo .promo-v62__voucher svg{width:100%;height:100%;fill:none;stroke:var(--p);stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round;transform:none!important}
.pricing-hero--promo .promo-v62__voucher--back svg,.pricing-hero--promo .promo-v62__voucher--middle svg{opacity:.65}
@media(prefers-reduced-motion:reduce){.pricing-hero--promo .promo-v62__vouchers{animation:none!important}}

/* v63 — Promo-only balanced service constellation and compact voucher foreground. */
.pricing-hero--promo .promo-v63-stage .promo-v62__voucher--front{left:26px;right:26px;height:68px;top:17px;border-radius:10px}
.pricing-hero--promo .promo-v63-stage .catalog-v21__ring--outer{width:75%;aspect-ratio:1.15}
.pricing-hero--promo .promo-v63-stage .catalog-v21__ring--inner{width:43%;aspect-ratio:1.15}
@media(max-width:540px){.pricing-hero--promo .promo-v63-stage .promo-v62__voucher--front{left:28px;right:28px;height:66px}}

/* v64: Harga hero — configurable cloud plan options and comparison, scoped to this illustration only. */
.pricing-hero--harga .pricing-v64 .catalog-v21__ring--outer{width:310px;height:310px}
.pricing-hero--harga .pricing-v64 .catalog-v21__ring--inner{width:225px;height:225px}
.pricing-hero--harga .pricing-v64 .pricing-v64__plans{width:188px;height:150px;display:flex;align-items:center;justify-content:center;gap:6px;animation:catalog-v21-float-center 5s ease-in-out infinite alternate}
.pricing-hero--harga .pricing-v64__plan{position:relative;box-sizing:border-box;width:51px;height:108px;border:2px solid var(--p);border-radius:11px;background:#f9fbfd;box-shadow:0 7px 0 var(--mint2);display:flex;flex-direction:column;align-items:stretch;padding:12px 8px;gap:8px;transform:translateY(5px)}
.pricing-hero--harga .pricing-v64__plan--featured{height:132px;width:62px;background:var(--mint);transform:translateY(-4px);z-index:2}
.pricing-hero--harga .pricing-v64__plan--right{background:var(--mint2)}
.pricing-hero--harga .pricing-v64__plan i{display:block;width:21px;height:8px;border:2px solid var(--p);border-radius:3px;flex:none}
.pricing-hero--harga .pricing-v64__plan span{display:block;height:3px;background:var(--p);opacity:.55;border-radius:3px;flex:none}
.pricing-hero--harga .pricing-v64__plan span:nth-of-type(2){width:75%}
.pricing-hero--harga .pricing-v64__plan span:nth-of-type(3){width:88%}
.pricing-hero--harga .pricing-v64__plan b{display:block;margin-top:auto;width:17px;height:9px;border-left:2px solid var(--p);border-bottom:2px solid var(--p);transform:rotate(-45deg);align-self:center}
@media(max-width:600px){.pricing-hero--harga .pricing-v64 .pricing-v64__plans{width:160px;height:134px;gap:4px}.pricing-hero--harga .pricing-v64__plan{width:43px;height:93px;padding:12px 8px;gap:6px}.pricing-hero--harga .pricing-v64__plan--featured{width:52px;height:114px}}

/* v65: Harga-only radial service layout around three comparison cards. */
.pricing-hero--harga .pricing-v64 .catalog-v21__ring--outer{width:340px;height:340px}
.pricing-hero--harga .pricing-v64 .catalog-v21__ring--inner{width:205px;height:205px}

/* v66: Harga-only balanced upper/lower service tiers, preserving the original catalog illustration vocabulary. */
.pricing-hero--harga .pricing-v66 .catalog-v21__ring--outer{width:380px;height:268px;border-radius:50%}
.pricing-hero--harga .pricing-v66 .catalog-v21__ring--inner{width:258px;height:180px;border-radius:50%}