/* Shared finishing layer. Brand geometry and wordmark remain unchanged. */
:root{--platform-accent:#2457db;--platform-soft:#edf3ff;--platform-surface:#f6f8fc;--platform-ink:#172b4d;--platform-muted:#52627b;--platform-line:#dbe3f0;--platform-card:#fff}
[data-theme=dark]{--platform-accent:#a9c4ff;--platform-soft:#223354;--platform-surface:#111c30;--platform-ink:#edf3ff;--platform-muted:#bbc9df;--platform-line:#3a4b67;--platform-card:#19263d}
.concept-v3{--hero-accent:var(--platform-accent)}
.intro-v4 .infra-copy h1 em{color:var(--platform-accent)}
.intro-v4 .infra-primary,.concept-v3 .header-actions>a.button{background:#2457db;color:#fff;border-color:#2457db;box-shadow:0 8px 22px #2457db20}
.intro-v4 .infra-primary:hover{background:#1744bd;box-shadow:0 10px 28px #2457db30}
.intro-v4 .eyebrow,.intro-v4 .text-link,.infra-service-picker>button[aria-pressed=true]{color:var(--platform-accent)}
.intro-v4 .cloud-service .service-symbol,.intro-v4 .cloud-steps>div>span{background:var(--platform-soft);color:var(--platform-accent)}
.intro-v4 .cloud-telegram{background:var(--platform-soft);border-color:var(--platform-line)}
.intro-v4 .cloud-plans{background:var(--platform-surface);border-color:var(--platform-line)}
.intro-v4 .infra-capabilities .icon,.infra-wordmark>.icon,.topology-label>.icon{color:var(--platform-accent)}
.topology-wires .wire-flow{stroke:#5580da}.rack-chip{background:#e5efff;color:#2457db;border-color:#a8bfeb;box-shadow:6px 6px 0 #cedbf4}
[data-theme=dark] .intro-v4 .infra-copy h1 em,[data-theme=dark] .intro-v4 .text-link,[data-theme=dark] .intro-v4 .eyebrow{color:var(--platform-accent)}
[data-theme=dark] .concept-v3 .platform-product{background:var(--platform-surface);color:var(--platform-ink);border-color:var(--platform-line)}
[data-theme=dark] .concept-v3 .platform-product h1{color:var(--platform-ink)}
[data-theme=dark] .concept-v3 .platform-product .lead,[data-theme=dark] .concept-v3 .platform-product .breadcrumbs{color:var(--platform-muted)}
[data-theme=dark] .concept-v3 .eyebrow{color:var(--platform-accent)}
.concept-v3 .text-link{color:var(--platform-accent)}
.concept-v3 .button-mint,.concept-v3 .button-dark{background:#2457db;color:#fff;border-color:#2457db}
.concept-v3 .button-mint:hover,.concept-v3 .button-dark:hover{background:#1744bd;border-color:#1744bd}
.concept-v3 .region-tabs button[aria-pressed=true]{background:#2457db;border-color:#2457db;color:#fff}
.concept-v3 .cloud-trial{background:linear-gradient(115deg,#15388e,#2457db 65%,#3879e7);color:#fff}
.concept-v3 .cloud-trial :is(h2,p,small,.eyebrow){color:#fff}
.concept-v3 .cloud-trial .button{background:#fff;color:#183c93;border-color:#fff}
.concept-v3 .cloud-trial-number>div>span{color:#fff;border-color:#ffffff70}
.workload-guide{padding-block:76px 32px}
.workload-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.workload-card{position:relative;display:flex;align-items:center;gap:16px;padding:24px 20px;border:1px solid var(--platform-line);border-radius:15px;background:var(--platform-card);color:var(--platform-ink);transition:transform .2s,border-color .2s,box-shadow .2s;min-height:112px}
.workload-card:hover{transform:translateY(-4px);border-color:var(--platform-accent);box-shadow:0 14px 32px #1a4bad10}
.workload-icon{display:grid;place-items:center;width:46px;height:46px;background:var(--platform-soft);border-radius:12px;color:var(--platform-accent);flex-shrink:0}
.workload-icon .icon{width:24px;height:24px}.workload-card>span:nth-child(2){min-width:0}.workload-card strong{display:block;font-size:15px;line-height:1.5;font-weight:600}.workload-card small{display:block;font-size:12px;color:var(--platform-muted);margin-top:5px}.workload-card>.icon{width:18px;flex-shrink:0;margin-inline-start:auto;color:var(--platform-accent)}
.concept-v3 .cloud-services{padding-top:65px}.concept-v3 .cloud-service{border-radius:18px}.concept-v3 .cloud-service .text-link{font-weight:600}.concept-v3 .cloud-quick-services>a{border-radius:12px}
.console-assurance{display:grid;grid-template-columns:1.3fr 1fr;gap:24px;margin:34px 0}
.console-assurance>div{position:relative;padding:30px 32px;border:1px solid var(--platform-line);border-radius:16px;background:var(--platform-card);color:var(--platform-ink)}
.console-assurance>div>.icon{width:28px;height:28px;color:var(--platform-accent);margin-bottom:18px}.console-assurance h3{font-size:21px;line-height:1.4;margin-bottom:12px}.console-assurance p{font-size:14px;color:var(--platform-muted);line-height:1.8;max-width:540px}.console-assurance .text-link{margin-top:18px}
.platform-product{background:var(--platform-surface);color:var(--platform-ink);padding:32px 0 60px;overflow:hidden;border-bottom:1px solid var(--platform-line)}
.platform-product .breadcrumbs{margin-bottom:40px;flex-wrap:wrap;font-size:12px;line-height:1.7;color:var(--platform-muted)}
.platform-product .product-hero-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:60px;align-items:center}
.platform-product h1{font-size:clamp(2.6rem,5.1vw,4.8rem);line-height:1.09;letter-spacing:-.045em;color:var(--platform-ink);margin-bottom:23px;max-width:850px}
.platform-product .lead{font-size:18px;line-height:1.8;max-width:640px;color:var(--platform-muted);margin-bottom:28px}
.platform-product .eyebrow{color:var(--platform-accent)}
.platform-product .button-row{display:flex;gap:12px;flex-wrap:wrap}.platform-product .button-outline{background:var(--platform-card);border-color:var(--platform-line);color:var(--platform-ink)}
.product-blueprint{height:310px;position:relative;display:grid;place-items:center;border:1px solid var(--platform-line);border-radius:24px;background:radial-gradient(ellipse at 50% 50%,#2a63ee12,transparent 70%),var(--platform-card);background-size:auto;box-shadow:0 20px 65px #18387d09}
.blueprint-orbit{width:210px;height:210px;border:1px dashed var(--platform-line);border-radius:50%;position:absolute}.blueprint-orbit:after{content:"";position:absolute;inset:25px;border:1px solid var(--platform-line);border-radius:50%}
.blueprint-core{width:110px;height:110px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#2457db;color:#fff;border:7px solid #ffffff1c;border-radius:25px;box-shadow:0 15px 40px #2457db25;z-index:1}.blueprint-core .icon{width:36px;height:36px}.blueprint-core span{font-size:9px;letter-spacing:.12em}
.blueprint-node{position:absolute;display:grid;place-items:center;width:48px;height:48px;border:1px solid var(--platform-line);border-radius:13px;background:var(--platform-card);color:var(--platform-accent);box-shadow:0 6px 16px #173c7910}.node-one{top:42px;inset-inline-start:17%}.node-two{top:96px;inset-inline-end:10%}.node-three{bottom:43px;inset-inline-start:24%}.blueprint-caption{position:absolute;bottom:16px;inset-inline-end:17px;font-size:8px;letter-spacing:.1em;color:var(--platform-muted)}
.product-jumps{border-bottom:1px solid var(--platform-line);background:var(--platform-card)}.product-jumps>.shell{display:flex;gap:32px;flex-wrap:wrap;padding-block:10px}.product-jumps a{font-size:13px;font-weight:550;color:var(--platform-muted);padding-block:12px}.product-jumps a:hover{color:var(--platform-accent)}
.product-overview{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.product-overview h2,.product-environment h2{font-size:clamp(1.9rem,3vw,2.8rem);letter-spacing:-.035em;line-height:1.2;margin-bottom:20px}.product-overview p,.product-environment p{font-size:16px;line-height:1.8;color:var(--platform-muted);max-width:600px}
.product-facts{border:1px solid var(--platform-line);border-radius:16px;background:var(--platform-card);padding:9px 24px}.product-facts>div{display:flex;align-items:center;gap:15px;padding-block:19px;border-bottom:1px solid var(--platform-line);font-size:14px;line-height:1.6}.product-facts>div:last-child{border:0}.product-facts .icon{width:20px;flex-shrink:0;color:var(--platform-accent)}.product-facts strong{font-weight:500}
.concept-v3 .product-plan-section,.concept-v3 .product-conditions{background:var(--platform-surface)}
.plan-controls{display:flex;gap:18px;align-items:end;flex-wrap:wrap;margin:24px 0 30px}.plan-controls label{display:flex;flex-direction:column;gap:9px;font-size:12px;font-weight:550;color:var(--platform-muted)}.plan-controls select{appearance:auto;min-height:46px;min-width:190px;max-width:100%;border:1px solid var(--platform-line);border-radius:8px;padding:10px 34px 10px 13px;background:var(--platform-card);color:var(--platform-ink);font:inherit;font-size:14px}
.plan-region-heading{font-size:23px;margin:20px 0}.concept-v3 .plan-card{border:1px solid var(--platform-line);border-radius:15px;background:var(--platform-card);color:var(--platform-ink);box-shadow:0 5px 16px #132c5c04;transition:transform .2s,border-color .2s}.concept-v3 .plan-card:hover{transform:translateY(-3px);border-color:var(--platform-accent)}.concept-v3 .plan-card h3{font-size:17px;line-height:1.45;overflow-wrap:anywhere}.concept-v3 .plan-card .button-outline{border-color:var(--platform-line);color:var(--platform-accent);background:var(--platform-card)}.plan-console-price{font-size:14px;color:var(--platform-muted);margin:18px 0 24px}.plan-empty,.plan-fallback{padding:30px;border:1px dashed var(--platform-line);border-radius:12px;color:var(--platform-muted);background:var(--platform-card)}.plan-next{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;margin-top:28px}.plan-next .fine-print{margin:0;max-width:720px}.plan-next .text-link{flex-shrink:0}
.product-environment{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:center}.product-environment .text-link{margin-top:24px}.environment-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.environment-grid>span{min-height:100px;border:1px solid var(--platform-line);border-radius:15px;display:flex;gap:14px;align-items:center;padding:24px;background:var(--platform-card);font-weight:550;color:var(--platform-ink)}.environment-grid .icon{color:var(--platform-accent);flex-shrink:0}
.condition-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:35px}.condition-grid article{border-top:1px solid var(--platform-line);padding-top:25px}.condition-grid article>span{font-size:12px;color:var(--platform-accent);font-variant-numeric:tabular-nums}.condition-grid h3{font-size:20px;line-height:1.5;margin:17px 0 10px}.condition-grid p{font-size:14px;line-height:1.8;color:var(--platform-muted)}
[id^=product-]{scroll-margin-top:120px}.workload-card:focus-visible,.product-jumps a:focus-visible,.plan-controls select:focus-visible{outline:3px solid var(--platform-accent);outline-offset:5px}
[hidden]{display:none!important}
@media(min-width:1100px){.workload-card:hover .workload-icon{transform:rotate(-5deg)}.workload-icon{transition:transform .2s}.product-blueprint:hover .blueprint-core{transform:translateY(-5px)}.blueprint-core{transition:transform .3s}}
@media(max-width:1000px){.workload-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.platform-product .product-hero-grid{gap:30px;grid-template-columns:1.2fr .8fr}.product-overview,.product-environment{gap:35px}.product-blueprint{height:270px}.condition-grid{gap:20px}}
@media(max-width:700px){.workload-guide{padding-block:48px 12px}.workload-grid{grid-template-columns:1fr;gap:10px}.workload-card{min-height:94px;padding:18px}.workload-card strong{font-size:14px}.console-assurance{grid-template-columns:1fr;gap:15px}.console-assurance>div{padding:25px}.platform-product{padding-block:24px 38px}.platform-product .breadcrumbs{margin-bottom:27px}.platform-product .product-hero-grid{grid-template-columns:1fr;gap:32px}.platform-product h1{font-size:clamp(2.4rem,10vw,3.5rem)}.platform-product .lead{font-size:16px}.product-blueprint{height:240px;max-width:440px;width:100%;justify-self:center}.blueprint-orbit{width:180px;height:180px}.blueprint-core{width:95px;height:95px}.product-jumps>.shell{gap:8px 21px}.product-jumps a{font-size:12px}.product-overview,.product-environment{grid-template-columns:1fr;gap:28px}.condition-grid{grid-template-columns:1fr;gap:20px}.condition-grid article{display:grid;grid-template-columns:28px 1fr;gap:10px}.condition-grid h3{margin:0;font-size:19px}.condition-grid p{grid-column:2;margin:0}.condition-grid article>span{padding-top:6px}.environment-grid>span{padding:18px;min-height:85px;font-size:14px}.plan-controls{gap:14px}.plan-controls label{flex:1;min-width:0}.plan-controls select{min-width:0;width:100%}.plan-next{align-items:flex-start}.platform-product .button-row>.button{padding-inline:17px;font-size:13px}}
@media(prefers-reduced-motion:reduce){.workload-card,.workload-icon,.blueprint-core,.concept-v3 .plan-card{transition:none}.workload-card:hover,.concept-v3 .plan-card:hover,.product-blueprint:hover .blueprint-core,.workload-card:hover .workload-icon{transform:none}}

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

/* Individual packets follow the actual routes of each illustration. */
.gv-route-motion{position:absolute;inset:0 0 auto;z-index:2;pointer-events:none;overflow:visible;direction:ltr}
.gv-motion-stage{position:absolute;left:0;top:0;transform-origin:0 0}
.gv-motion-stage>i{position:absolute;left:0;top:0;margin-top:-1.5px;height:3px;border-radius:4px;box-shadow:0 0 5px currentColor;transform-origin:center}