*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:#10234a;background:#eef5fc}.stage{position:relative;width:min(100vw,1920px);height:min(100vh,920px);min-height:720px;margin:auto;overflow:hidden;background:#d9eafd}.world-map{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.92}.links{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.route{fill:none;stroke-width:3}.peer{stroke:#1672f5}.vpn{stroke:#08a05b;stroke-dasharray:10 8}.endpoint{stroke:white;stroke-width:3}.endpoint.blue{fill:#1476ff}.endpoint.green{fill:#06a35c}.packet{filter:drop-shadow(0 0 5px white)}.packet-blue{fill:#e9ffff}.packet-green{fill:#e9ffff}.cloud-card{position:absolute;border:1px solid rgba(59,140,245,.45);border-radius:20px;background:rgba(255,255,255,.70);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(7px);box-shadow:0 14px 35px rgba(49,91,140,.12);padding:14px;transition:.25s ease}.cloud-card:hover,.cloud-card.active{transform:translateY(-3px);box-shadow:0 18px 44px rgba(38,93,160,.2);border-color:#2681f6}.americas{left:4.5%;top:31%;width:360px}.europe{left:46.5%;top:10%;width:365px}.asia{right:3.8%;top:52%;width:330px}.cloud-card header{display:flex;gap:11px;align-items:center;margin-bottom:10px}.hex{display:grid;place-items:center;width:43px;height:38px;background:#287af2;color:white;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);font-size:18px}.cloud-card h2{font-size:18px;margin:0}.cloud-card h2 small{font-size:15px}.cloud-card header p{margin:2px 0 0;color:#536b92}.resource-grid{display:grid;gap:9px}.resource-grid.two{grid-template-columns:1fr 1fr}.resource-grid.eu{grid-template-columns:1.2fr .9fr}.resource-grid article{min-height:155px;border:1px solid rgba(124,106,223,.13);border-radius:13px;padding:10px;background:rgba(245,241,255,.56);display:flex;flex-direction:column;align-items:flex-start}.resource-grid article span{color:#52698f;margin-top:3px}.resource-grid article i{align-self:center;font-style:normal;font-size:32px;color:white;background:#2e7ff1;padding:8px 12px;margin:14px 0 7px;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%)}.resource-grid article strong,.resource-grid article small{align-self:center;text-align:center}.resource-grid article small{color:#52698f;margin-top:3px}.stack{display:grid;gap:8px}.stack article.mini{min-height:73px;padding:7px;justify-content:center}.stack article.mini i,.resource-grid article.green i{font-size:23px;background:#11a35d;margin:3px auto}.route-label{position:absolute;border-radius:999px;padding:9px 18px;border:1px solid;background:rgba(255,255,255,.9);backdrop-filter:blur(7px);box-shadow:0 7px 20px rgba(50,90,130,.1);cursor:pointer;color:#12305f}.route-label b,.route-label span{display:block}.route-label span{font-size:12px;color:#60749a;margin-top:2px}.peer-label{left:30%;top:31%;border-color:#3b8cf6}.vpn-label{right:15%;top:36%;border-color:#28b77b;color:#076d44}.controls{position:absolute;left:28%;bottom:3.5%;width:45%;padding:14px 18px;border-radius:20px;background:rgba(255,255,255,.72);backdrop-filter:blur(8px);box-shadow:0 12px 30px rgba(47,88,135,.12)}.controls h3{margin:0 0 10px}.controls>div{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.controls button{position:relative;text-align:left;border:1px solid rgba(90,130,180,.15);border-radius:13px;background:rgba(255,255,255,.86);padding:10px 10px 10px 45px;min-height:60px;color:#11254b;cursor:pointer}.controls button:hover{transform:translateY(-1px)}.controls button b,.controls button small{display:block}.controls button small{color:#62789c;margin-top:2px}.play{position:absolute;left:10px;top:14px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;color:white;font-size:11px}.blueplay{background:#2378f5}.greenplay{background:#13a35f}.grayplay{background:#7892b7}.detail{position:absolute;left:55%;bottom:3.5%;width:32%;padding:16px 42px 16px 18px;border-radius:18px;background:rgba(255,255,255,.91);backdrop-filter:blur(10px);box-shadow:0 14px 38px rgba(31,75,130,.18);z-index:8}.detail button{position:absolute;right:13px;top:10px;border:0;background:none;font-size:25px;color:#536b8d;cursor:pointer}.detail h3{margin:0 0 7px}.detail p{margin:0;color:#3e567c;line-height:1.45}.detail #detailTags{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}.detail #detailTags span{font-size:11px;padding:4px 7px;border-radius:7px;background:#e8f1ff;color:#2364bd}@media(max-width:1050px){.stage{height:auto;min-height:1100px}.americas{left:3%;top:33%}.europe{left:45%;top:6%}.asia{right:3%;top:57%}.controls{left:8%;width:84%;bottom:2%}.route-label{display:none}}
.cloud-card h2,.cloud-card header p,.resource-grid b,.resource-grid strong,.resource-grid span,.resource-grid small{
  text-shadow:0 1px 1px rgba(255,255,255,.72);
}

/* V6 geographic region nodes */
.regional-link{fill:none;stroke-width:2.2;opacity:.72}
.node-halo{opacity:.12}
.blue-halo{fill:#1476ff}
.green-halo{fill:#06a35c}
.geo-node .endpoint{filter:drop-shadow(0 2px 4px rgba(24,73,125,.18))}
.node-label{
  font:600 11px Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  fill:#496487;
  paint-order:stroke;
  stroke:rgba(255,255,255,.9);
  stroke-width:3px;
  stroke-linejoin:round;
}

.cloud-card{cursor:pointer}
.cloud-card.is-off{display:none}
.vpc-docks{position:absolute;left:16px;top:14px;z-index:9;display:flex;gap:8px;flex-wrap:wrap}
.vpc-docks button{border:1px solid rgba(59,140,245,.4);border-radius:999px;background:rgba(255,255,255,.9);padding:7px 12px;color:#12305f;cursor:pointer;font:600 12px Inter,ui-sans-serif,system-ui,sans-serif;box-shadow:0 6px 16px rgba(49,91,140,.1)}
.vpc-docks button[aria-pressed="false"]{opacity:.5}