/* The server world sits behind the content; its interaction controls stay in the foreground. */
.hero-future{isolation:isolate}
.circuit-world{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:-2}
.circuit-veil{position:absolute;inset:0;pointer-events:none;z-index:-1;background:linear-gradient(180deg,#fff 0%,#ffffff00 16%,#ffffff00 85%,#fff 100%)}
.hero-future .hero-copy:before{content:'';position:absolute;inset:-45px -25px -40px -70px;background:radial-gradient(ellipse at 36% 47%,#fff 18%,#fffffff5 53%,#ffffff00 73%);filter:blur(12px);z-index:-1;pointer-events:none}
.hero-future .dimension-grid{display:none}.hero-future .scene-halo{opacity:.24}.hero-future .agent-shadow{opacity:.55}
.hero-future .hero-grid{position:relative;z-index:1}
.circuit-console{position:relative;z-index:2;display:grid;grid-template-columns:1fr auto;gap:18px 36px;align-items:center;padding:20px 24px;margin-top:8px;margin-bottom:25px;background:#ffffffdb;border:1px solid #dce4f1;border-radius:12px;box-shadow:0 12px 45px #607ea709;backdrop-filter:blur(14px)}
.circuit-heading{display:flex;align-items:center;gap:12px;color:#334768;font-size:12px;font-weight:600;letter-spacing:.1px}.circuit-heading>.icon{color:#7661c9;width:20px;height:20px}.circuit-heading small{font-size:10px;font-weight:400;color:#687993;margin-left:7px}
.circuit-route-status{margin-top:7px;font:11px/1.6 ui-monospace,Consolas,monospace;color:#687993;overflow-wrap:anywhere}
.circuit-route-buttons{display:flex;gap:7px}.circuit-route-buttons button{display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid #e2e8f2;background:#fff;color:#64738f;border-radius:6px;padding:10px 14px;font:500 11px/1.4 var(--font);min-height:40px;transition:background .2s,color .2s,border-color .2s}.circuit-route-buttons .icon{width:15px;height:15px}.circuit-route-buttons button[aria-pressed=true]{background:#eeeafa;border-color:#b6a4e7;color:#6044ab;box-shadow:0 3px 12px #7756c317}.circuit-route-buttons button:hover{border-color:#aa9bce;color:#6044ab}
.hero-future .hero-bottom{position:relative;background:#ffffffa8}
@media(min-width:1101px){.hero-future .hero-grid{min-height:740px}.hero-future .orbit-2{right:1%;top:51%}.hero-future .orbit-3{left:5%;bottom:23%}}
@media(max-width:1100px){.circuit-console{gap:16px;padding:17px 20px}.circuit-heading{font-size:11px}.circuit-heading small{display:block;margin-left:0;margin-top:3px}.circuit-route-buttons button{padding:9px 11px}}
@media(max-width:760px){.circuit-console{grid-template-columns:1fr;gap:14px;margin-top:16px;padding:17px 18px}.circuit-route-buttons{justify-content:space-between}.circuit-route-buttons button{flex:1;padding:10px 8px}.circuit-heading{font-size:12px}.circuit-heading small{display:inline;margin-left:6px;font-size:9px}.circuit-route-status{font-size:10px}.hero-future .hero-copy:before{inset:-45px -50px -35px;background:#fffffff5;filter:blur(25px)}.circuit-veil{background:linear-gradient(180deg,#fff 0%,#ffffffef 30%,#ffffff00 52%,#ffffff00 88%,#fff 100%)}.hero-future .dimension{margin-top:25px}}
@media(max-width:360px){.circuit-heading small{display:block;margin-left:0}.circuit-route-buttons button{gap:5px;padding:9px 5px}.circuit-console{padding:15px}.circuit-route-buttons{gap:5px}}
@media(prefers-reduced-motion:reduce){.circuit-route-buttons button{transition:none}}