.service-universe{width:680px;max-width:100%;margin-top:31px;scroll-margin-top:28px;animation:intro .9s 1.4s both}.service-universe h2{margin:0;color:#839caf;font-size:8px;font-weight:500;letter-spacing:2.6px}.orbit-scene{width:100%;height:340px;position:relative;isolation:isolate;margin:7px 0 0;overflow:clip}.orbit-nebula{position:absolute;inset:4% 0;background:radial-gradient(ellipse at center,#64b5f514,transparent 65%);pointer-events:none}.orbit-stars{position:absolute;inset:10px;background:radial-gradient(circle at 16% 24%,#aed7f75c 1px,transparent 1.5px),radial-gradient(circle at 74% 17%,#abd0ee65 1px,transparent 1.5px),radial-gradient(circle at 93% 55%,#abd0ee55 1px,transparent 1.5px),radial-gradient(circle at 28% 78%,#9fc8e866 1px,transparent 1.5px),radial-gradient(circle at 67% 80%,#c1d8ea55 1px,transparent 1.5px),radial-gradient(circle at 46% 14%,#9fc8e844 .7px,transparent 1.5px);pointer-events:none}.orbit-ring{position:absolute;left:50%;top:50%;border:1px solid #97c9f01c;border-radius:50%;z-index:0;pointer-events:none}.orbit-ring:nth-of-type(5){border-color:#94c3e81a;border-style:dashed}.planets{list-style:none;margin:0;padding:0;position:absolute;inset:0;pointer-events:none}.planet-position{position:absolute;left:50%;top:50%;width:44px;height:44px;margin-left:-22px;margin-top:-22px;will-change:transform;pointer-events:none}.planet{display:block;position:relative;width:100%;height:100%;padding:0;border:0;border-radius:50%;background:#15242f;pointer-events:auto;box-shadow:0 0 18px color-mix(in srgb,var(--planet-color) 12%,transparent),0 5px 15px #00000066;transition:box-shadow .2s;isolation:isolate}.planet img{position:absolute;inset:0;width:100%;height:100%;border-radius:50%;object-fit:cover;filter:saturate(.85) brightness(.94);pointer-events:none}.planet::after{content:'';position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 27% 22%,#ffffff24,transparent 40%,#020b1138 85%);box-shadow:inset 0 0 0 1px #ffffff24,inset -3px -4px 8px #020b1138;pointer-events:none}.planet:hover,.planet:focus-visible,.planet[aria-pressed=true]{box-shadow:0 0 0 2px #afd5f377,0 0 28px color-mix(in srgb,var(--planet-color) 32%,transparent),0 6px 18px #00000077}.planet:focus-visible{outline:2px solid #cbe8ff;outline-offset:4px}.planet__label{position:absolute;left:50%;top:calc(100% + 9px);transform:translateX(-50%) translateY(-3px);color:#d6e7f5;background:#0e1d28ed;border:1px solid #87bfec24;backdrop-filter:blur(12px);border-radius:6px;padding:5px 8px;font-size:9px;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .15s,transform .15s;z-index:1}.planet:hover .planet__label,.planet:focus-visible .planet__label{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}.orbit-scene .mascot{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:245px;height:245px;margin:0;z-index:4;pointer-events:none}.orbit-scene .mascot-glow{left:50%;bottom:auto;top:72%;transform:translateX(-50%);width:220px;height:34px;z-index:1}.scene-controls{position:absolute;right:22px;bottom:4px;display:flex;gap:8px;z-index:10}.scene-control{display:inline-flex;gap:5px;align-items:center;padding:5px 7px;border-radius:20px;border:1px solid #90bddf17;background:#0c151d91;backdrop-filter:blur(10px);font-size:8px;line-height:1;color:#6d8293;transition:color .2s,border-color .2s}.scene-control span{font-size:8px}.scene-control:hover{color:#bed9ef;border-color:#90bddf44}.scene-control[aria-pressed=true]{color:#aacbe6}.service-readout{font-size:10px;letter-spacing:.1px;color:#8aa2b6;min-height:14px;margin:8px 0 19px}.service-universe .hero__action{margin-top:0;animation:none}.service-universe .hero__action .primary-button{min-width:222px}.service-universe .hero__action p{color:#697d8e;margin-top:11px}.service-universe .primary-button{gap:24px}.ambient__horizon{top:850px}
@media(min-width:701px) and (max-height:800px){.service-universe{margin-top:24px;width:590px}.orbit-scene{height:290px;margin-top:4px}.orbit-scene .mascot{width:205px;height:205px}.planet-position{width:38px;height:38px;margin-left:-19px;margin-top:-19px}.service-readout{margin:3px 0 15px}.scene-controls{right:14px;bottom:0}.ambient__horizon{top:700px}}
@media(max-width:700px){.service-universe{margin-top:27px}.service-universe h2{font-size:8px;letter-spacing:2px}.orbit-scene{height:330px;margin-top:10px}.orbit-scene .mascot{width:185px;height:185px}.planet-position{width:37px;height:37px;margin-left:-18.5px;margin-top:-18.5px}.planet__label{font-size:8px;padding:4px 6px}.orbit-scene .mascot-glow{top:67%;width:170px}.scene-controls{right:10px;bottom:0;gap:6px}.scene-control{font-size:7px;padding:5px 6px}.service-readout{font-size:9px;margin:11px 0 18px}.service-universe .hero__action p{font-size:8px}.ambient__horizon{top:920px}}
@media(max-width:360px){.orbit-scene{height:300px}.orbit-scene .mascot{width:160px;height:160px}.planet-position{width:33px;height:33px;margin-left:-16.5px;margin-top:-16.5px}.scene-controls{right:2px}}
@media(prefers-reduced-motion:reduce){.service-universe{animation:none}.planet-position{will-change:auto}.planet,.planet__label,.scene-control{transition:none}}
/* Original symbols for the activities that make up a school day. */
.planet{background:radial-gradient(circle at 30% 22%,#244b68,#112a40 58%,#091725);border:1px solid color-mix(in srgb,var(--planet-color) 35%,transparent);display:grid;place-items:center}
.planet>svg{width:23px;height:23px;color:var(--planet-color);stroke-width:1.4;position:relative;z-index:1;pointer-events:none;filter:drop-shadow(0 0 5px color-mix(in srgb,var(--planet-color) 20%,transparent))}
.planet-position{width:48px;height:48px;margin-left:-24px;margin-top:-24px}
.service-readout{min-height:36px;max-width:440px;margin:8px auto 15px;line-height:1.7;text-wrap:balance}
@media(max-width:700px){.planet-position{width:44px;height:44px;margin-left:-22px;margin-top:-22px}.planet>svg{width:21px;height:21px}.service-readout{min-height:46px;max-width:300px;font-size:10px}.service-universe .hero__action p{max-width:280px;line-height:1.7;margin:12px auto 0}}
@media(max-width:360px){.planet-position{width:39px;height:39px;margin-left:-19.5px;margin-top:-19.5px}.planet>svg{width:19px;height:19px}}