:root{font-family:Arial,Helvetica,sans-serif;color:#18304e;background:#fff;font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:inherit}header{max-width:1340px;margin:auto;padding:34px 5%;display:flex;justify-content:space-between;align-items:center}.brand{text-decoration:none;font-size:14px;font-weight:800;letter-spacing:2px}.brand span{color:#89a8c4}.brand-dot{font-size:8px;vertical-align:super;margin-left:3px}.header-note{font-size:11px;color:#718297;letter-spacing:.4px}main{max-width:1120px;margin:auto;text-align:center}.intro{margin:38px 20px 0}.eyebrow{font-size:10px!important;font-weight:700;letter-spacing:3px;color:#7e96af!important}h1{font-weight:400;letter-spacing:-1.3px;font-size:clamp(25px,3vw,38px);margin:16px 0}.intro>p{font-size:13px;color:#8390a0}.launcher{position:relative;width:min(100%,850px);height:565px;margin:0 auto;outline-offset:-5px;touch-action:pan-y}.launcher[hidden]{display:none}.orb{position:absolute;top:16px;left:50%;width:425px;height:406px;transform:translateX(-50%);animation:float 7s ease-in-out infinite}.sphere{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 24px 17px #20436a1c);pointer-events:none;user-select:none}.orbit{position:absolute;inset:0}.app{position:absolute;left:50%;top:45%;width:76px;height:76px;margin:-38px;border-radius:18px;display:block;transition:transform .65s cubic-bezier(.2,.7,.2,1),opacity .6s,filter .6s;box-shadow:0 10px 22px #0c254834;background:white;will-change:transform;text-decoration:none}.app img{width:100%;height:100%;object-fit:cover;border-radius:inherit;pointer-events:none}.app.selected{box-shadow:0 18px 30px #07274e60,0 0 0 4px #ffffff9c}.app:hover{filter:brightness(1.06)}.nav{position:absolute;top:200px;width:42px;height:42px;border:1px solid #dce5ed;background:#ffffffed;color:#355b82;border-radius:50%;cursor:pointer;font-size:23px;opacity:0;transition:opacity .2s,background .2s}.prev{left:10%}.next{right:10%}.launcher:hover .nav,.launcher:focus-within .nav{opacity:1}.nav:hover{background:#eef5fc}.selection{position:absolute;top:447px;width:100%;padding:0 25px;pointer-events:none}.platform{text-transform:uppercase;letter-spacing:2px;font-size:9px;color:#8194a9}.selection h2{font-size:22px;font-weight:400;margin:10px 0;letter-spacing:-.4px}.selection p{font-size:11px;color:#6a86a3;margin:0}.selection p span{margin-left:5px}.launcher:focus-within .orb,.launcher:hover .orb,.launcher.interacting .orb{animation-play-state:paused}details{margin:8px auto 70px;padding:0 24px;max-width:1000px}summary{display:inline-block;cursor:pointer;font-size:12px;color:#53718e;padding:12px 0;border-bottom:1px solid #dce5ed;list-style:none}summary::-webkit-details-marker{display:none}summary span{margin-left:15px}details[open] summary span{display:inline-block;transform:rotate(45deg)}.list-note{font-size:12px;color:#8190a0;margin:28px 0}.app-list{list-style:none;text-align:left;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.app-list a{display:flex;align-items:center;gap:12px;text-decoration:none;padding:13px;border:1px solid #edf1f5;border-radius:12px;font-size:12px;height:100%}.app-list a:hover{background:#f5f9fd}.app-list img{border-radius:10px;flex-shrink:0;object-fit:cover}.app-list small{display:block;color:#8797a8;margin-top:5px;font-size:10px}footer{border-top:1px solid #edf1f4;max-width:1220px;margin:auto;padding:24px 5%;display:flex;gap:25px;color:#8b98a6;font-size:10px}footer span{margin-right:auto}footer a{text-decoration:none}:focus-visible{outline:3px solid #286ab2;outline-offset:5px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes float{0%,100%{translate:0 0}50%{translate:0 -8px}}@media(hover:none){.nav{opacity:1}}@media(max-width:600px){header{padding:25px 22px}.brand{font-size:11px}.header-note{display:none}.intro{margin-top:32px}h1{letter-spacing:-.7px}.launcher{height:480px}.orb{top:30px;width: min(78vw,350px);height: min(74.5vw,334px)}.app{width:60px;height:60px;margin:-30px;border-radius:14px}.nav{top:180px;width:36px;height:36px;opacity:1}.prev{left:4%}.next{right:4%}.selection{top:380px}.selection h2{font-size:19px}.app-list{grid-template-columns:1fr}details{margin-bottom:48px}footer{flex-wrap:wrap;gap:16px;padding:24px}footer span{width:100%}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}