.cloud-hero-visual{position:relative;padding:2.5rem;border-radius:1.5rem;background:linear-gradient(150deg,#061228f2,#0f2546e6);border:1px solid rgba(83,253,202,.25);overflow:hidden;box-shadow:0 25px 60px #00000073}.cloud-hero-visual:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(10,141,159,.2) 1px,transparent 1px),linear-gradient(90deg,rgba(10,141,159,.2) 1px,transparent 1px);background-size:30px 30px;opacity:.5;pointer-events:none;z-index:1}.cloud-hero-visual:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at top,rgba(83,253,202,.3),transparent 55%);pointer-events:none;z-index:1}.cloud-hero-graphic{position:relative;isolation:isolate;aspect-ratio:1 / 1;max-width:420px;margin:0 auto;border-radius:1.5rem;border:1px solid rgba(83,253,202,.25);background:radial-gradient(circle at 30% 20%,rgba(83,253,202,.25),transparent 55%),linear-gradient(140deg,#040f1ff2,#091a34d9);box-shadow:0 25px 60px #00000073;overflow:hidden}.cloud-hero-ring{position:absolute;inset:14%;border-radius:999px;border:1px solid rgba(83,253,202,.25);opacity:.6}.cloud-hero-ring.ring-middle{inset:24%;opacity:.4;border-style:dashed}.cloud-hero-ring.ring-inner{inset:36%;opacity:.35}.cloud-hero-core{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;padding:1.5rem;border-radius:1.25rem;background:#061429d9;border:1px solid rgba(83,253,202,.35);box-shadow:0 15px 40px #00000073}.core-label{text-transform:uppercase;letter-spacing:.35em;font-size:.65rem;color:#53fdcae6;margin-bottom:.25rem}.core-value{font-size:1.1rem;font-weight:600;color:#f0f6ff;text-transform:uppercase;letter-spacing:.15em}.cloud-hero-node{position:absolute;display:flex;align-items:center;gap:.85rem;padding:.85rem 1rem;border-radius:1rem;border:1px solid rgba(83,253,202,.35);background:#030c1be6;box-shadow:0 20px 40px #00000059;width:260px}.cloud-hero-node-icon{width:40px;height:40px;border-radius:.9rem;background:#53fdca1f;display:grid;place-items:center;color:#53fdca}.cloud-hero-node-icon svg{stroke:currentColor}.node-label{font-weight:600;font-size:.9rem;color:#f8fbff}.node-caption{font-size:.8rem;color:#f0f6ffb3}.node-compute{top:12%;right:10%}.node-storage{bottom:12%;left:5%}.node-gpu{bottom:8%;right:3%}.cloud-hero-stat{padding:1rem;border-radius:1rem;border:1px solid rgba(83,253,202,.2);background:#061228a6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.cloud-hero-stat .stat-label{text-transform:uppercase;letter-spacing:.3em;font-size:.65rem;color:#53fdcabf}.cloud-hero-stat .stat-value{font-size:1.4rem;font-weight:700;color:#f8fbff}.cloud-hero-stat .stat-meta{font-size:.8rem;color:#f0f6ffb3}.cloud-hero-kicker{text-transform:uppercase;letter-spacing:.4em;color:#53fdcacc;font-size:.85rem;margin-bottom:1.25rem}.cloud-hero-bullets{list-style:none;margin:0;padding:0}.cloud-hero-bullets li{position:relative;padding-left:2.5rem;font-size:1rem;line-height:1.5}.cloud-hero-bullets li:before{content:"";position:absolute;left:0;top:.5rem;width:1.25rem;height:1.25rem;border-radius:.4rem;background:linear-gradient(135deg,#53fdcae6,#00d8c5b3);box-shadow:0 0 15px #53fdca80}.cloud-hero-bullets li:after{content:"";position:absolute;left:.45rem;top:.85rem;width:.4rem;height:.2rem;border-left:2px solid #0a1628;border-bottom:2px solid #0a1628;transform:rotate(-45deg)}@media(max-width:768px){.cloud-hero-visual{padding:2rem 1.25rem}.cloud-hero-graphic{aspect-ratio:auto;padding:2rem 1.5rem 3rem}.cloud-hero-ring{display:none}.cloud-hero-core{position:relative;top:auto;left:auto;transform:none;margin:0 auto;max-width:260px}.cloud-hero-node{position:relative;width:100%;margin-top:1rem;inset:auto}.node-compute,.node-storage,.node-gpu{inset:auto}}.motherboard-container{position:relative;width:100%;height:600px;border-radius:.5rem;background-color:#061429;background-image:linear-gradient(rgba(10,141,159,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(10,141,159,.08) 1px,transparent 1px);background-size:40px 40px;overflow:hidden}#motherboard-canvas{display:block;width:100%;height:100%;cursor:pointer}#motherboard-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background-color:var(--color-navy-900, #0f1f3a);z-index:10}#motherboard-tooltip{position:fixed;z-index:9999;max-width:320px;pointer-events:none;transition:opacity .2s ease,transform .2s ease}#motherboard-tooltip.hidden{opacity:0;visibility:hidden}@media(max-width:768px){.motherboard-container{display:none}}@media(min-width:768px)and (max-width:1024px){.motherboard-container{height:500px}}@media(min-width:1024px){.motherboard-container{height:600px}}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}
