/* Biznet Gio technology palette. #118D62 is the invariant brand anchor.
   Supporting colors are green tints, green shades and neutral surfaces only. */
:root{
 --brand-green:#118d62;--green-bright:#29ae87;--green-light:#e6f5ee;
 --green-deep:#0c4e38;--green-forest:#0b2d1f;--green-highlight:#9bdfbe;
 --action-green:#0f8059;--action-hover:#0c6848;--green-ink:#0d714e;
 --bg:#f9fbfd;--surface:#ffffff;--ink:#101d16;--text:#475d50;--muted:#576b5f;
 --p:var(--green-ink);--ph:var(--action-hover);--mint:var(--green-light);--mint2:#c4e8d6;
 --soft:#f1f8f4;--line:#d1e2d7;--lime:var(--green-light);--white:var(--surface);
 --network:#217b55;--network-surface:#e7f4ec;--network-line:#74a98b;
 --technical-ink:var(--green-deep);--art-green:#b6e4ca;
 --color-neutral-0:var(--surface);--color-neutral-100:var(--soft);--color-neutral-300:var(--line);
 --color-neutral-600:var(--muted);--color-neutral-700:var(--text);
 --color-primary-100:var(--mint);--color-primary-300:var(--mint2);--color-primary-700:var(--p);
}
html[data-theme=dark]{
 --bg:#0c1913;--surface:#152c20;--ink:#f2faf5;--text:#c7dccf;--muted:#a6c1b0;
 --p:#7bd3a8;--ph:#a8e5c6;--mint:#1a422e;--mint2:#2b6347;--soft:#14291e;--line:#355b44;
 --lime:#1a422e;--white:var(--surface);--network:#7bc9a0;--network-surface:#193b2a;
 --network-line:#4c8e67;--technical-ink:#bee8cf;--art-green:#80d3a5;
}
/* Primary actions use an accessible shade of the brand green with the exact
   brand color on borders. Bright green is reserved for graphical highlights. */
.btn-primary,.promo-copy,.cta-v4>.btn{background:var(--action-green);border-color:var(--brand-green);color:#ffffff}
.btn-primary:hover,.promo-copy:hover,.cta-v4>.btn:hover{background:var(--action-hover);border-color:var(--green-bright);color:#ffffff}
.btn-outline{color:var(--p);border-color:var(--line)}.btn-outline:hover{background:var(--mint);border-color:var(--p);color:var(--p)}
a:focus-visible,button:focus-visible{outline-color:var(--p)}
.category-nav a.active,.category-nav a:hover,.price-jump a:hover,.map-btn[aria-pressed=true]{background:var(--action-green);border-color:var(--brand-green);color:#ffffff}
.status-dot,.label-dot,.deploy-scene__state i{background:var(--green-bright)}
.scroll-progress{background:linear-gradient(90deg,var(--brand-green),var(--green-bright))}
::selection{background:#c4e8d6;color:#102319}
/* Infrastructure materials: pale green reflections, brand-green cores and
   forest-green edges. No cyan, lime, blue or purple accent materials. */
.sculpture:before,.page-promo .sculpture:before{background:radial-gradient(ellipse,#b6e4ca80 0%,#e6f5ee50 40%,transparent 68%)}
html[data-theme=dark] .sculpture:before,html[data-theme=dark] .page-promo .sculpture:before{background:radial-gradient(ellipse,#118d622e 0%,#29ae8712 40%,transparent 68%)}
.orbit,.orbit-b{border-color:#118d6238}html[data-theme=dark] .orbit,html[data-theme=dark] .orbit-b{border-color:#29ae8738}
.iso-platform,.platform-top,.page-harga .platform-top,.page-promo .platform-top{background:linear-gradient(135deg,#e6f5ee 0%,#7cd3a5 45%,#118d62 100%);border-color:var(--brand-green);box-shadow:-1px 2px 0 #118d62,-2px 4px 0 #118d62,-3px 6px 0 #118d62,-4px 8px 0 #118d62,-5px 10px 0 #0d714e,-6px 12px 0 #0d714e,-7px 14px 0 #0d714e,-8px 16px 0 #0c4e38,-14px 30px 25px #0b2d1f28}
.platform-mid{background:linear-gradient(135deg,#6acb99 0%,#118d62 50%,#0c6848 100%)}
.platform-bottom{background:linear-gradient(135deg,#29ae87 0%,#0d714e 55%,#0b2d1f 100%);border-color:#0c4e38;box-shadow:-2px 4px 0 #0c6848,-4px 8px 0 #0c4e38,-6px 12px 0 #0c4e38,-8px 16px 0 #0b2d1f,-14px 30px 25px #0b2d1f30}
.iso-platform:before{border-color:#e6f5ee85}.iso-platform>span{color:#0b2d1f}.platform-mid>span,.platform-bottom>span{color:#ffffff}
.iso-platform>i{background:#c4f1d8;box-shadow:0 0 8px #9bdfbe48}
.chip-face{background:linear-gradient(135deg,#ffffff,#e6f5ee 70%,#b6e4ca);border-color:#66b68d;box-shadow:-3px 5px 0 #118d62,0 15px 30px #118d6224}.chip-face svg{stroke:#0d714e}
.float-label{background:var(--surface);border-color:var(--line);box-shadow:0 15px 40px #118d6210}.tiny-icon{color:var(--p)}
.word-modern{color:var(--brand-green)}html[data-theme=dark] .word-modern{color:#7bd3a8}
/* Product and service surfaces stay in the same green family in both themes. */
.showcase-v4 .feature-panel:nth-child(1){background:var(--green-light)}
.showcase-v4 .feature-panel:nth-child(2){background:#f0f7f3}
.showcase-v4 .feature-panel:nth-child(3){background:#f3f9f5}
.showcase-v4 .feature-panel:nth-child(4){background:#eaf5ee}
.showcase-v4 .feature-panel:nth-child(5){background:#dff1e6}
html[data-theme=dark] .showcase-v4 .feature-panel:nth-child(1){background:#193d2b}
html[data-theme=dark] .showcase-v4 .feature-panel:nth-child(2){background:#1a3123}
html[data-theme=dark] .showcase-v4 .feature-panel:nth-child(3){background:#1b3526}
html[data-theme=dark] .showcase-v4 .feature-panel:nth-child(4){background:#1a3a28}
html[data-theme=dark] .showcase-v4 .feature-panel:nth-child(5){background:#1a3d2b}
.showcase-v4 .vps-board,.showcase-v4 .metal-unit,.host-browser{background:var(--surface)}
.showcase-v4 .metal-unit{border-left-color:var(--brand-green)}
.showcase-v4 .gpu-core{background:var(--action-green);color:#ffffff}
.showcase-v4 .gpu-traces i{background:var(--green-bright)}
/* Technical contrast comes from darker green, rather than a competing hue. */
.foundation-section{background:linear-gradient(112deg,#0b2d1f 0%,#10432e 72%,#0c3424 100%);color:#f2faf5}
.foundation-section:before{border-color:#29ae8730;box-shadow:0 0 0 80px #29ae8708,0 0 0 160px #29ae8705}
.foundation-section .eyebrow{color:#b6e4ca}.foundation-section p,.foundation-section .micro{color:#c7dccf}
.foundation-section .bullet-link{color:#e6f5ee;border-color:#4a795d}
.foundation-section .cloud-map{background:#174b32;border-color:#4a8563;box-shadow:18px 18px 0 #09291b}
.foundation-section .infra-node{background:#205b3b;color:#f2faf5;border-color:#639b77}
.foundation-section .infra-node b{color:#a2dfbc}.foundation-section .infra-stack .infra-node:nth-child(2){background:#0c3a27;border-color:#4b8c65}.foundation-section .infra-stack .infra-node:nth-child(2) b{color:#a2dfbc}
.foundation-section .map-btn{color:#e6f5ee;border-color:#699b7d}.foundation-section .map-btn[aria-pressed=true]{background:var(--action-green);border-color:var(--green-bright);color:#ffffff}
.foundation-section .cloud-map .infra-node{animation-name:brand-node}
@keyframes brand-node{0%,65%,100%{box-shadow:none}14%,30%{border-color:#7bd3a8;box-shadow:0 0 0 3px #29ae8724}}
/* Signals, topology, charts and orchestration diagrams all use green roles. */
.infra-stack .infra-node:nth-child(2) b{color:var(--network)}
.infra-connector:before{border-color:var(--network-line)}.infra-connector:after{background:var(--green-bright)}
.workflow-visual .deploy-scene__wires{stroke:var(--network-line)}
.workflow-visual .deploy-scene__wires .deploy-scene__signal{stroke:var(--green-bright)}
.workflow-visual .deploy-scene__device--network{border-color:var(--network-line);background:var(--network-surface)!important}
.workflow-visual .deploy-scene__device--network svg{stroke:var(--network)}
.workflow-visual .deploy-scene__core{border-color:var(--brand-green)}
.workflow-visual[data-stage="3"] .deploy-scene__device--network{border-color:var(--green-bright);background:var(--mint)!important}
.metric,.interface-head{background:var(--soft)}.terminal{background:var(--green-forest);color:#b6e4ca}
.mesh-link{stroke:var(--network-line)}.mesh-point{stroke:var(--p);fill:var(--surface)}
.motion-art .packet{fill:var(--green-bright)}.service-row .motion-art--network{background:var(--network-surface)}
.motion-art--network .art-labels{color:var(--technical-ink)}
.recovery-flow:before{background:var(--network-line)}.recovery-flow:after{background:var(--green-bright)}
.kube-fork{border-color:var(--network-line)}.kube-worker{border-color:var(--line);background:var(--surface)}
.shield-layer{border-color:var(--mint2)}.shield-check{color:var(--p)}
/* Green navigation, menus and supporting actions share the same tokens. */
.mega-menu .mega-category svg,.mega-menu .text-link{color:var(--p)}
.mega-menu .mega-category:hover,.mega-menu .mega-feature:hover{background:var(--mint)}
.mega-menu .mega-aside{background:var(--soft)}.mega-menu .eyebrow{color:var(--muted)}
.cta.cta-v4{background:linear-gradient(120deg,#e6f5ee,#d3eddf 75%,#bfe4ce);color:#103c27}
.cta-v4 h2{color:#103c27}.cta-v4 p{color:#405d4a}.cta-v4 .eyebrow{color:#0d714e}
.cta-v4__node-face{background:#f5fbf7;color:#0d714e;border-color:#79b995}
.cta-v4__hub{background:var(--action-green);border-color:var(--brand-green);color:#ffffff}
.cta-v4__node-label,.cta-v4__hint{color:#284f36}.cta-v4__links path{stroke:#6eb38c}
.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{background:var(--action-green);border-color:var(--brand-green);color:#ffffff}
html[data-theme=dark] .cta.cta-v4{background:linear-gradient(120deg,#193d29,#205335 75%,#235d3b);color:#e6f5ee}
html[data-theme=dark] .cta-v4 h2{color:#f2faf5}html[data-theme=dark] .cta-v4 p{color:#c7dccf}html[data-theme=dark] .cta-v4 .eyebrow{color:#a2dfbc}
html[data-theme=dark] .cta-v4__node-face{background:#214e33;color:#b6e4ca;border-color:#4d8a64}
html[data-theme=dark] .cta-v4__node-label,html[data-theme=dark] .cta-v4__hint{color:#d5ebdd}
html[data-theme=dark] .cta-v4__links path{stroke:#569b71}
html[data-theme=dark] .cta-v4__node[aria-pressed=true] .cta-v4__node-face,html[data-theme=dark] .cta-v4__node:hover .cta-v4__node-face{background:var(--action-green);color:#ffffff}
.footer{background:var(--bg);border-color:var(--line)}
.foundation-section .map-interactive[data-focus="0"] .infra-stack .infra-node:nth-child(1),
.foundation-section .map-interactive[data-focus="1"] .infra-stack .infra-node:nth-child(2),
.foundation-section .map-interactive[data-focus="2"] .infra-stack .infra-node:nth-child(3){background:var(--action-green);border-color:var(--green-bright);color:#ffffff}
.foundation-section .map-interactive[data-focus="0"] .infra-stack .infra-node:nth-child(1) b,
.foundation-section .map-interactive[data-focus="1"] .infra-stack .infra-node:nth-child(2) b,
.foundation-section .map-interactive[data-focus="2"] .infra-stack .infra-node:nth-child(3) b{color:#ffffff}
@media(max-width:600px){.foundation-section .cloud-map{box-shadow:8px 8px 0 #09291b}}