/* Only categories already using the soft background bleed to the viewport edges.
   Paint extends outside the content box without changing content alignment. */
.product-category:nth-child(even){padding-block:64px;box-shadow:0 0 0 100vmax var(--soft);clip-path:inset(0 -100vmax)}
@media(max-width:600px){.product-category:nth-child(even){padding-block:40px}}
.service-row .service-viz .motion-art{border-radius:12px}
/* Inner-page illustration series. The homepage sculpture is deliberately untouched. */
.hero-series{--series-top:#c4e8d6;--series-side:#118d62;--series-edge:#0c4e38;--series-stroke:#429b70;--series-sheet:#effaf3;--series-glass:#b6e4ca80;--series-detail:#0c6848;--series-caption:#103c27}
html[data-theme=dark] .hero-series{--series-top:#83d4a5;--series-side:#118d62;--series-edge:#0b2d1f;--series-stroke:#51b585;--series-sheet:#183e2a;--series-glass:#29ae8748;--series-detail:#b6e4ca;--series-caption:#e6f5ee}
.hero-series .series-art{position:absolute;inset:18px -20px 8px;transform:rotateX(var(--scene-x)) rotateY(var(--scene-y));transition:transform 1s var(--ease)}
.series-svg{height:100%;width:100%;display:block;overflow:visible}
.series-shadow{fill:#0b2d1f16;filter:blur(12px)}
.series-top{fill:var(--series-top);stroke:var(--series-stroke);stroke-width:1;stroke-linejoin:round}
.series-side-left{fill:var(--series-side);stroke:var(--series-side);stroke-width:1;stroke-linejoin:round}
.series-side-right{fill:var(--series-edge);stroke:var(--series-edge);stroke-width:1;stroke-linejoin:round}
.series-base .series-top{fill:#118d621c;stroke:#118d6240}.series-base .series-side-left{fill:#118d6240;stroke:#118d6230}.series-base .series-side-right{fill:#0c4e3840;stroke:#0c4e3830}
.series-glyph{fill:none;stroke:#0c6848;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.series-wire{fill:none;stroke:#118d6266;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.series-trace{fill:none;stroke:#118d625c;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.series-signal{stroke:var(--green-bright);stroke-dasharray:8 15;animation:series-flow 5s linear infinite}
.series-slot{stroke:#b6e4ca;stroke-width:3;stroke-linecap:round;opacity:.8}
.series-board .series-top{fill:#e6f5ee}.series-processor .series-top{fill:#9bdfbe}.series-memory .series-top{fill:#29ae87}
.series-chip-label{font-size:12px;line-height:20px;font-weight:600;fill:#0c6848;text-anchor:middle;letter-spacing:.04em}
.series-glass{fill:var(--series-glass);stroke:var(--series-stroke);stroke-width:2;stroke-linejoin:round}.series-glass-edge{fill:#0c6848;stroke:#0c6848;stroke-linejoin:round}
.series-shield{fill:#e6f5ee;stroke:#118d62;stroke-width:2;stroke-linejoin:round}.series-check{fill:none;stroke:#118d62;stroke-width:4;stroke-linecap:round}
.series-card-edge,.series-ticket-edge{fill:#118d62;stroke:#0c6848;stroke-width:1;stroke-linejoin:round}
.series-plan-face{fill:var(--series-sheet);stroke:var(--series-stroke);stroke-width:1;stroke-linejoin:round}
.series-plan-name{font-size:12px;line-height:20px;font-weight:600;fill:var(--series-caption)}.series-plan-value{font-size:16px;line-height:24px;font-weight:600;fill:var(--series-detail);letter-spacing:-.01em}
.series-plan-rule{fill:none;stroke:#74a98b;stroke-width:3;stroke-linecap:round}.series-mini-check{fill:none;stroke:var(--series-detail);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.series-ticket{fill:var(--series-top);stroke:var(--series-stroke);stroke-width:1}.series-ticket-front{fill:var(--series-sheet);stroke:var(--series-stroke);stroke-width:1.5}.series-ticket-line{fill:none;stroke:#74a98b;stroke-width:1.5;stroke-dasharray:4 5}
.series-ticket-title{font-size:28px;line-height:36px;font-weight:600;fill:var(--series-caption);letter-spacing:-.02em}.series-ticket-caption{font-size:12px;line-height:20px;fill:var(--series-detail);letter-spacing:.04em}.series-percent{font-size:40px;line-height:48px;fill:var(--series-detail);font-weight:600}.series-ticket-small{font-size:24px;line-height:32px;fill:#0c6848}.series-ticket-emboss{fill:none;stroke:#118d62;stroke-width:5;stroke-linecap:round;opacity:.4}
.series-rise{animation:series-hover 7s ease-in-out infinite;animation-delay:var(--delay,0s)}
.hero-series .label-compute{top:40px;right:0}.hero-series .label-storage{bottom:70px;left:0}.hero-series .art-caption{bottom:5px}
.hero-series--pricing .label-compute{top:20px}.hero-series--promo .label-compute{top:45px}
@keyframes series-hover{0%,100%{translate:0 0}50%{translate:0 -8px}}@keyframes series-flow{to{stroke-dashoffset:-46}}
@media(max-width:900px){.hero-series .series-art{inset:15px -30px 0}.hero-series .label-compute{right:-15px}.hero-series .label-storage{left:-15px}}
@media(max-width:600px){.hero-series .series-art{inset:-5px -60px 0}.hero-series .label-compute{top:-15px;right:-15px}.hero-series .label-storage{bottom:30px;left:-15px}.hero-series .art-caption{bottom:-15px}}
@media(prefers-reduced-motion:reduce){.hero-series .series-art,.hero-series .series-rise,.hero-series .series-signal{animation:none!important;transition:none!important}}
/* Rounded bevels and controlled material gradients match the home sculpture. */
.series-svg .material-reflection{stop-color:#e6f5ee}.series-svg .material-top{stop-color:var(--series-top)}
.series-svg .material-sheet{stop-color:var(--series-sheet)}.series-svg .material-sheet-end{stop-color:var(--mint)}
.series-block .series-top,.series-processor .series-top{fill:url(#series-top-material)}
.series-block .series-side-left{fill:url(#series-side-material)}.series-block .series-side-right{fill:url(#series-edge-material)}
.series-base .series-top{fill:#118d621c}.series-base .series-side-left{fill:#118d6240}.series-base .series-side-right{fill:#0c4e3840}
.series-board .series-top{fill:url(#series-sheet-material)}
.series-plan-face,.series-ticket-front{fill:url(#series-sheet-material)}
.series-ticket{fill:url(#series-top-material)}
.series-rise{filter:drop-shadow(0 6px 5px #0b2d1f15)}

/* Supplied partner artwork: transparent single ink, with generous optical spacing. */
.logo-band .shell{display:grid;grid-template-columns:160px repeat(8,minmax(0,1fr));gap:24px;align-items:center}
.logo-band .eyebrow{width:auto;text-align:left}
.logo-band img{width:100%;height:24px;max-width:110px;object-fit:contain;justify-self:center;filter:none;opacity:1;background:transparent;border:0;border-radius:0;padding:0}
html[data-theme=dark] .logo-band img{filter:brightness(0) invert(1);opacity:1;background:transparent;border-radius:0;padding:0}
@media(max-width:1200px){.logo-band .shell{grid-template-columns:repeat(8,minmax(0,1fr));gap:24px}.logo-band .eyebrow{grid-column:1/-1;text-align:center}}
@media(max-width:900px){.logo-band .shell{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 24px}}
@media(max-width:600px){.logo-band .shell{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 24px}.logo-band img{height:24px;max-width:104px}}

/* Hide only the native pricing scrollbar; keep the rail and its controls scrollable. */
#pricing-cards.pricing-v5{scrollbar-width:none;-ms-overflow-style:none}
#pricing-cards.pricing-v5::-webkit-scrollbar{display:none;width:0;height:0}
/* The outline action's gentle lift, with card-scale soft elevation. */
.showcase.showcase-v4 .feature-panel{box-shadow:none;transition:opacity .7s var(--ease),transform .35s var(--ease),box-shadow .35s var(--ease),border-color .3s,background .3s}
.showcase.showcase-v4 .feature-panel:focus-within{transform:translateY(-2px);box-shadow:0 12px 28px #0b2d1f10,0 4px 8px #0b2d1f08}
@media(hover:hover) and (pointer:fine){.showcase.showcase-v4 .feature-panel:hover{transform:translateY(-2px);box-shadow:0 12px 28px #0b2d1f10,0 4px 8px #0b2d1f08}}
html[data-theme=dark] .showcase.showcase-v4 .feature-panel:focus-within{box-shadow:0 12px 28px #0000002e,0 4px 8px #0000001a}
@media(hover:hover) and (pointer:fine){html[data-theme=dark] .showcase.showcase-v4 .feature-panel:hover{box-shadow:0 12px 28px #0000002e,0 4px 8px #0000001a}}
@media(prefers-reduced-motion:reduce){.showcase.showcase-v4 .feature-panel,.showcase.showcase-v4 .feature-panel:hover,.showcase.showcase-v4 .feature-panel:focus-within{transform:none;transition:none}}

/* Center the pricing rail's native arrow glyphs in both axes. */
.pricing-v5__controls .pricing-v5__arrow{display:inline-flex;align-items:center;justify-content:center;padding:0;text-align:center;line-height:1}

/* Benefit entries use the catalog's open product-item layout and stable hover state. */
.product-list.benefit-v5{padding:0}
.benefit-v5__top{display:flex;align-items:center;justify-content:space-between;gap:16px}
.benefit-v5__top .index{margin:0;color:var(--muted)}
.benefit-v5 .product-icon svg{width:22px;height:22px}
.pricing-v5__arrow{font-size:16px}

/* Product artwork family, sampled directly from the unchanged .art-vps master:
   upright faces, 1px green edges, 8px corners and an 8px mint depth offset.
   Selectors apply exclusively to the other four showcase illustrations. */
.showcase.showcase-v4 :is(.art-metal,.art-lite,.art-host,.art-gpu) .product-art-scene{position:relative;display:grid;place-items:center;width:190px;height:144px;isolation:isolate}
.showcase.showcase-v4 :is(.art-metal,.art-lite,.art-host,.art-gpu) .product-art-face{position:relative;z-index:1;background:var(--surface);border:1px solid var(--p);border-radius:8px;box-shadow:8px 8px 0 var(--mint2);box-sizing:border-box}
.showcase.showcase-v4 .art-metal .product-art-guide{position:absolute;width:152px;height:116px;border:1px dashed var(--line);border-radius:8px}
.showcase.showcase-v4 .art-metal .metal-rack{position:relative;width:130px;display:grid;gap:8px;transform:none}
.showcase.showcase-v4 .art-metal .metal-unit{height:26px;padding:0 12px;gap:8px;border-left-width:1px}
.showcase.showcase-v4 .art-metal .metal-unit i{width:7px;height:7px;flex-shrink:0;animation-duration:2.4s}
.showcase.showcase-v4 .art-metal .metal-unit span{width:28px;height:4px;background:var(--mint2);border-radius:3px}
.showcase.showcase-v4 .art-lite .lite-v47-board{display:block;width:130px;height:94px;padding:12px}
.showcase.showcase-v4 .art-lite .lite-v47-processor{position:absolute;left:12px;top:16px;width:32px;height:32px;border-radius:4px}
.showcase.showcase-v4 .art-lite .lite-v47-processor:before{background:var(--surface)}
.showcase.showcase-v4 .art-lite .lite-v47-resources{position:absolute;left:60px;top:16px;display:grid;gap:6px;width:48px;justify-content:start}
.showcase.showcase-v4 .art-lite .lite-v47-resources span{width:44px;height:8px}
.showcase.showcase-v4 .art-lite .lite-v47-resources span:nth-child(2){width:32px}
.showcase.showcase-v4 .art-lite .lite-v47-flow{position:absolute;left:12px;bottom:12px}
.showcase.showcase-v4 .art-host .host-browser{position:absolute;left:20px;top:8px;width:144px;height:94px}
.showcase.showcase-v4 .art-host .host-bar{height:20px;padding:0 8px;background:var(--surface);border-color:var(--line)}
.showcase.showcase-v4 .art-host .host-bar i{width:4px;height:4px;border-color:var(--p);flex-shrink:0}
.showcase.showcase-v4 .art-host .host-bar span{margin-left:4px;font-size:12px;line-height:16px;color:var(--p)}
.showcase.showcase-v4 .art-host .host-content{padding:8px 12px;gap:6px}
.showcase.showcase-v4 .art-host .host-content b{height:8px;background:var(--mint2);border:1px solid var(--line);border-radius:3px}
.showcase.showcase-v4 .art-host .host-content span{height:4px;background:var(--mint2);border-radius:3px}
.showcase.showcase-v4 .art-host .host-button{height:8px;width:44px;background:var(--mint2);border-color:var(--line)}
.showcase.showcase-v4 .art-host .host-connection{position:absolute;left:148px;top:100px;height:20px;border-left:1px dashed var(--p)}
.showcase.showcase-v4 .art-host .host-domain{position:absolute;left:36px;right:auto;top:108px;bottom:auto;width:138px;height:28px;display:flex;align-items:center;justify-content:center;padding:4px 8px;font-size:12px;line-height:16px;color:var(--p);white-space:nowrap}
.showcase.showcase-v4 .art-gpu .gpu-board{width:130px;height:94px;transform:none;background:var(--surface)}
.showcase.showcase-v4 .art-gpu .gpu-core{width:56px;height:48px;border:1px solid var(--p);border-radius:4px;box-shadow:4px 4px 0 var(--mint2);background:var(--mint2);color:var(--p)}
.showcase.showcase-v4 .art-gpu .gpu-core span,.showcase.showcase-v4 .art-gpu .gpu-core small{font-size:12px;line-height:16px;letter-spacing:.01em}
.showcase.showcase-v4 .art-gpu .gpu-traces i{width:36px;top:34%;height:2px;animation-duration:2.4s}
.showcase.showcase-v4 .art-gpu .gpu-traces i:nth-child(2){top:66%}
.showcase.showcase-v4 .art-gpu .gpu-traces i:nth-child(3){width:2px;height:24px;left:66%;top:0}
.showcase.showcase-v4 .art-gpu .gpu-traces i:nth-child(4){width:2px;height:24px;left:34%;top:auto;bottom:0}
@media(prefers-reduced-motion:reduce){.showcase.showcase-v4 :is(.art-metal,.art-lite,.art-host,.art-gpu) .product-art-scene *{animation:none!important;transition:none!important}}

/* Forest-green topology materials for dark mode; light mode stays unchanged. */
html[data-theme=dark] .cloud-map{--map-node:#1b3e2c;--map-edge:#477e5f;--map-ink:#effaf3;--map-signal:#9bdfbe;background:linear-gradient(145deg,#163b2a,#0d241a);border-color:#3e7658;box-shadow:inset 0 1px 0 #c4e8d60d,0 12px 28px #061c1233}
html[data-theme=dark] .cloud-map .infra-node,
html[data-theme=dark] .foundation-section .cloud-map .infra-node{background:var(--map-node);border-color:var(--map-edge);color:var(--map-ink);box-shadow:inset 0 1px 0 #c4e8d60d,0 4px 12px #061c1233}
html[data-theme=dark] .cloud-map .infra-node b,
html[data-theme=dark] .foundation-section .cloud-map .infra-node b{color:var(--map-signal)}
html[data-theme=dark] .cloud-map>.infra-node,
html[data-theme=dark] .foundation-section .cloud-map>.infra-node{background:#24583e;border-color:#69ae86;color:#f2faf5}
html[data-theme=dark] .cloud-map>.infra-node b,
html[data-theme=dark] .foundation-section .cloud-map>.infra-node b{color:#c3efda}
html[data-theme=dark] .cloud-map .infra-connector:before{border-color:#5ba27b}
html[data-theme=dark] .cloud-map .infra-connector:after{background:var(--map-signal);box-shadow:0 0 0 3px #29ae871c}
html[data-theme=dark] .foundation-section .cloud-map{box-shadow:18px 18px 0 #071f14,inset 0 1px 0 #c4e8d60d}
html[data-theme=dark] .cloud-map.map-interactive[data-focus="0"] .infra-stack .infra-node:nth-child(1),
html[data-theme=dark] .cloud-map.map-interactive[data-focus="1"] .infra-stack .infra-node:nth-child(2),
html[data-theme=dark] .cloud-map.map-interactive[data-focus="2"] .infra-stack .infra-node:nth-child(3){background:#0d714e;border-color:#59cc99;color:#f2faf5;box-shadow:inset 0 1px 0 #c4e8d61a,0 0 0 3px #29ae871c,0 8px 18px #061c1266}
html[data-theme=dark] .cloud-map.map-interactive[data-focus="0"] .infra-stack .infra-node:nth-child(1) b,
html[data-theme=dark] .cloud-map.map-interactive[data-focus="1"] .infra-stack .infra-node:nth-child(2) b,
html[data-theme=dark] .cloud-map.map-interactive[data-focus="2"] .infra-stack .infra-node:nth-child(3) b{color:#f2faf5}
html[data-theme=dark] .cloud-map:not([data-map-autoplay]).motion-active .infra-node{animation-name:map-dark-node}
@keyframes map-dark-node{0%,65%,100%{border-color:var(--map-edge);box-shadow:inset 0 1px 0 #c4e8d60d,0 4px 12px #061c1233}14%,30%{border-color:var(--map-signal);box-shadow:inset 0 1px 0 #c4e8d60d,0 0 0 3px #29ae871c,0 4px 12px #061c1233}}
@media(max-width:600px){html[data-theme=dark] .foundation-section .cloud-map{box-shadow:8px 8px 0 #071f14,inset 0 1px 0 #c4e8d60d}}