.universe{background:radial-gradient(ellipse at 70% 45%,#124e60 0,#0a273c 38%,#061421 78%);color:#fff;padding:70px max(5vw,20px) 36px;position:relative;overflow:hidden}.universe *{box-sizing:border-box}.universe-head{display:flex;justify-content:space-between;align-items:start;gap:24px}.universe .eyebrow{color:#79e5dd}.universe h1{font-size:clamp(32px,4vw,62px);line-height:1.07;letter-spacing:-2px;margin:18px 0}.universe p{color:#b7cbd6;line-height:1.6}.universe-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(270px,.7fr);align-items:center;gap:50px;max-width:1280px;margin:auto}.orbit-scene{position:relative;width:100%;max-width:650px;aspect-ratio:1;margin:auto}.orbit-ring{position:absolute;border:1px solid #8af5e534;border-radius:50%;inset:16%;box-shadow:0 0 55px #4dd9d008}.orbit-ring.outer{inset:5%;border-style:dashed;opacity:.55}.orbit-sun{position:absolute;inset:34%;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:radial-gradient(circle at 35% 25%,#2d7890,#12354e 66%);border:1px solid #9bf3ee70;box-shadow:0 0 70px #1bc6ce35,0 0 0 14px #65eadd06;z-index:2}.orbit-sun img{width:82%;height:auto}.orbit-sun small{font-size:9px;letter-spacing:2px;color:#abeee9}.orbit-track{position:absolute;inset:16%;animation:mbx-orbit 85s linear infinite;pointer-events:none}.orbit-node{position:absolute;width:146px;left:50%;top:0;transform:translate(-50%,-50%);pointer-events:auto}.orbit-track:nth-of-type(4){animation-delay:-21.25s}.orbit-track:nth-of-type(5){animation-delay:-42.5s}.orbit-track:nth-of-type(6){animation-delay:-63.75s}.orbit-node button{animation:mbx-upright 85s linear infinite;animation-delay:inherit;width:146px;border:1px solid #8ccedd55;border-radius:20px;background:#0c283bec;color:white;padding:13px 8px;display:grid;justify-items:center;gap:8px;box-shadow:0 14px 30px #0005;cursor:pointer}.orbit-track:nth-of-type(4) button{animation-delay:-21.25s}.orbit-track:nth-of-type(5) button{animation-delay:-42.5s}.orbit-track:nth-of-type(6) button{animation-delay:-63.75s}.orbit-node img{width:56px;height:56px;object-fit:contain;border-radius:13px}.orbit-node span{font-size:12px;font-weight:700}.orbit-node button[aria-pressed=true]{border-color:#73e7d7;box-shadow:0 0 28px #4bead52b}.orbit-scene:hover .orbit-track,.orbit-scene:focus-within .orbit-track,.orbit-scene:hover button,.orbit-scene:focus-within button,.universe.paused .orbit-track,.universe.paused .orbit-node button{animation-play-state:paused}.universe button:focus-visible,.universe a:focus-visible{outline:3px solid #fff;outline-offset:5px}.universe button,.universe a{touch-action:manipulation}.universe-info{border-left:1px solid #86cbd33d;padding-left:32px}.universe-info h2{font-size:32px;color:#fff;margin:15px 0}.universe-info .app-number{color:#79e5dd;font-size:12px;letter-spacing:2px}.universe-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.universe .u-button,.portal-dialog .u-button{border:1px solid #7bb7c666;background:#123e51;color:white;padding:13px 18px;border-radius:10px;font:inherit;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:10px}.universe .u-primary,.portal-dialog .u-primary{background:#77ead4;color:#082c38;border-color:#77ead4;font-weight:700}.universe .u-button:disabled{opacity:.45;cursor:not-allowed}.universe-foot{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #aacddb25;padding-top:20px;gap:20px}.universe-foot p{font-size:13px;margin:0}.universe .u-note{font-size:12px;color:#adbfca;margin-top:16px}.portal-dialog{width:min(560px,92vw);max-height:90vh;border:1px solid #b8d7df;border-radius:22px;padding:28px;color:#123044;background:#f8fcfd}.portal-dialog::backdrop{background:#031321bf;backdrop-filter:blur(6px)}.portal-dialog h2{font-size:27px}.portal-dialog p{line-height:1.6}.portal-dialog .u-close{float:right;border:0;background:transparent;font-size:26px;cursor:pointer}.portal-dialog .portal-status{padding:16px;background:#e5f2f5;border-radius:12px;font-size:14px}.portal-workspace{position:fixed;inset:0;background:#f5fafc;z-index:9999;display:flex;flex-direction:column}.portal-workspace[hidden]{display:none}.portal-workspace-bar{padding:12px 20px;display:flex;align-items:center;gap:18px;background:#09283c;color:white;flex-wrap:wrap}.portal-workspace-bar strong{margin-right:auto}.portal-workspace-bar button,.portal-workspace-bar a{color:white;background:#204a5a;border:1px solid #7594a1;padding:9px 14px;border-radius:8px;cursor:pointer;text-decoration:none}.portal-workspace iframe{width:100%;flex:1;border:0;background:white}.portal-workspace small{color:#a8dbdf}@keyframes mbx-orbit{to{transform:rotate(360deg)}}@keyframes mbx-upright{to{transform:rotate(-360deg)}}@media(prefers-reduced-motion:reduce){.orbit-track,.orbit-node button{animation-play-state:paused!important}}@media(max-width:800px){.universe-layout{grid-template-columns:1fr;gap:5px}.universe-info{border:0;padding:20px 0}.orbit-scene{max-width:500px}.universe-head{flex-wrap:wrap}.universe-foot{flex-wrap:wrap}.orbit-node,.orbit-node button{width:116px}.orbit-node img{width:42px;height:42px}.orbit-node span{font-size:10px}.orbit-sun small{display:none}.universe{padding-top:35px}.universe h1{letter-spacing:-1px}.orbit-ring,.orbit-track{inset:19%}}
.orbit-sun .universe-brand{width:95%;height:55%;background:url('/assets/mbx-logo.png') center 49%/135% auto no-repeat;border-radius:12px}.orbit-scene{max-width:540px}.universe-layout{gap:35px}.universe-head{max-width:1280px;margin:auto}.universe h1{font-size:clamp(32px,3.5vw,50px)}

.orbit-sun .universe-brand{background-size:115% auto}

.orbit-sun .universe-brand{width:80%;height:42%;background:url('/assets/mbx-letters-transparent.png') center/contain no-repeat;border-radius:0}.orbit-sun{gap:8px}.orbit-node span{font-size:14px}@media(max-width:800px){.orbit-node span{font-size:12px}}

@media(prefers-reduced-motion:reduce){.orbit-track,.orbit-node button{animation:none!important}.orbit-track:nth-of-type(4){transform:rotate(90deg)}.orbit-track:nth-of-type(4) button{transform:rotate(-90deg)}.orbit-track:nth-of-type(5){transform:rotate(180deg)}.orbit-track:nth-of-type(5) button{transform:rotate(-180deg)}.orbit-track:nth-of-type(6){transform:rotate(270deg)}.orbit-track:nth-of-type(6) button{transform:rotate(-270deg)}}
/* Keep the complete orbit in the first desktop viewport. */
@media(min-width:801px){
 .universe{padding-top:26px;padding-bottom:20px}
 .universe h1{font-size:clamp(30px,3vw,44px);margin:10px 0}
 .universe-head>div>p:last-child{margin-bottom:0}
 .universe-layout{margin-top:-24px}
 .orbit-scene{max-width:clamp(340px,calc(100svh - 285px),490px)}
 .universe-foot{padding-top:12px}
}