:root{color-scheme:dark;--navy:#040d20;--gold:#f2cf7a;--planet-size:clamp(150px,16.6vw,260px);--sun-size:clamp(210px,22vw,350px)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--navy);color:#fff2d4;font-family:Georgia,'Times New Roman',serif;min-height:100svh;isolation:isolate}body::before{content:'';position:fixed;inset:0;z-index:-2;background:url('assets/galaxy-background.png') center bottom/cover no-repeat;pointer-events:none}body::after{content:'';position:fixed;inset:0;z-index:-1;background:linear-gradient(#030a1720,transparent 65%,#02081720);pointer-events:none}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit;text-decoration:none}button{color:inherit}a:focus-visible,button:focus-visible{outline:3px solid #fff2c4;outline-offset:7px}.skip{position:fixed;top:-100px;left:20px;padding:14px;background:var(--navy);z-index:100}.skip:focus{top:20px}.masthead{position:relative;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:25px 3.2vw 16px;gap:20px}.wordmark{display:flex;align-items:center;gap:20px;letter-spacing:.23em;font:500 17px/1.4 Arial,sans-serif;color:var(--gold)}.wordmark span{height:1px;width:48px;background:var(--gold)}nav{display:flex;align-items:center;gap:30px;font-size:18px}nav a{border-bottom:1px solid #c99742;padding:7px 0}#motion{font:14px/1.3 Arial,sans-serif;border:1px solid #d6ac5c80;background:#071328bb;border-radius:24px;padding:11px 18px;cursor:pointer}#motion:hover{background:#19304b}h1{font-weight:400;text-align:center;font-size:clamp(28px,3.4vw,55px);line-height:1.15;color:#f9dfa0;margin:8px 18px 4px;text-shadow:0 2px 3px #291803,0 0 25px #d39c3633}.heading-line{height:24px;display:flex;justify-content:center;align-items:center}.heading-line span{width:200px;height:1px;background:linear-gradient(90deg,transparent,#f1cb70,transparent);position:relative}.heading-line span::after{content:'';position:absolute;left:49%;top:-3px;width:7px;height:7px;background:#ffebae;border-radius:50%;box-shadow:0 0 15px 5px #ffcc5c80}.cosmos{width:min(1600px,100%);height:clamp(560px,55vw,850px);position:relative;margin:0 auto;overflow:visible}.sun{position:absolute;top:50%;left:50%;width:var(--sun-size);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:#fff;z-index:5;border:3px solid #ffe6a1;box-shadow:0 0 8px #fff4ce,0 0 30px #f6b52b80,0 0 85px #e6971c40;overflow:hidden}.sun img{width:100%;height:100%;object-fit:contain;display:block}.orbit{position:absolute;top:50%;left:50%;border:1px solid #ddb35b70;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;box-shadow:0 0 5px #c7962925}.orbit-one{width:72%;height:78%}.orbit-two{width:76%;height:54%;transform:translate(-50%,-50%) rotate(-14deg);border-color:#e4b05a55}.orbit-three{width:71%;height:64%;transform:translate(-50%,-50%) rotate(15deg);border-color:#dfb87444}.planet{--glow:#30cec8;position:absolute;left:50%;top:50%;width:var(--planet-size);height:var(--planet-size);padding:0;border:0;background:transparent;cursor:pointer;isolation:isolate;transform:translate(-50%,-50%);will-change:transform;touch-action:manipulation}.globe{display:block;position:absolute;inset:0;background-image:url('assets/planet-atlas.png');background-size:300% 200%;background-position:0 0;border-radius:50%;filter:drop-shadow(0 0 15px color-mix(in srgb,var(--glow) 45%,transparent));transition:filter .25s}.planet:hover .globe,.planet:focus-visible .globe{filter:drop-shadow(0 0 23px var(--glow)) brightness(1.12)}.legacy{--glow:#ffb944}.legacy .globe{background-position:50% 0}.assist{--glow:#56b4ff}.assist .globe{background-position:100% 0}.shop{--glow:#23d98c}.shop .globe{background-position:0 100%}.amazone{--glow:#d686ff}.amazone .globe{background-position:50% 100%}.experiences{--glow:#ff885f}.experiences .globe{background-position:100% 100%}.ring-back{position:absolute;width:118%;height:35%;left:-9%;top:34%;border:3px solid #d7ac54;border-radius:50%;transform:rotate(-7deg);z-index:-1;box-shadow:0 0 10px #d7ac5480}.belt{position:absolute;left:-7%;top:53%;width:114%;min-height:24%;padding:8px 5px 11px;display:flex;justify-content:center;align-items:center;background:linear-gradient(105deg,#745625 0%,#15253e 7%,#091327 25%,#172b45 48%,#081124 76%,#78612f 100%);border-top:3px solid #f5d882;border-bottom:4px solid #c99a3f;border-radius:28% 28% 42% 42% / 20% 20% 40% 40%;transform:rotate(-6deg);box-shadow:0 7px 8px #0008,inset 0 2px 2px #ffedbc90,inset 0 -3px 3px #3e2c13;z-index:2}.belt::before,.belt::after{content:'';position:absolute;top:35%;width:7px;height:15px;border-radius:50%;background:linear-gradient(100deg,#886326,#fff3b2,#ba842b);box-shadow:1px 2px 2px #0008}.belt::before{left:3px}.belt::after{right:3px}.belt>span{font-weight:700;font-size:clamp(19px,2.05vw,33px);line-height:1.12;letter-spacing:-.04em;color:#ffdf91;text-align:center;text-shadow:0 -1px 0 #fff4bf,1px 1px 0 #9e6a21,2px 2px 0 #95601f,3px 3px 0 #613e19,4px 5px 3px #000;white-space:nowrap}.shop .belt>span{font-size:clamp(18px,1.68vw,27px)}.amazone .belt>span{font-size:clamp(17px,1.68vw,27px)}.experiences .belt{top:49%;padding:7px 4px 10px}.experiences .belt>span{font-size:clamp(17px,1.65vw,26px)}.unity{transform:translate(-50%,-50%) translate(-25vw,-19vw)}.legacy{transform:translate(-50%,-50%) translate(-35vw,0)}.assist{transform:translate(-50%,-50%) translate(-25vw,19vw)}.shop{transform:translate(-50%,-50%) translate(25vw,-19vw)}.amazone{transform:translate(-50%,-50%) translate(35vw,0)}.experiences{transform:translate(-50%,-50%) translate(25vw,19vw)}footer{display:flex;justify-content:center;align-items:center;gap:24px;padding:15px 20px 30px;position:relative;z-index:20}footer p{font-size:clamp(18px,1.8vw,28px);font-style:italic;letter-spacing:.25em;color:#f6d37b;margin:0}footer>span{width:65px;height:1px;background:#cda653}dialog{width:min(580px,calc(100% - 32px));padding:34px 38px 38px;border:1px solid #e7c16e;border-radius:16px;background:linear-gradient(145deg,#10203b,#030b1a);color:#f8ecd7;box-shadow:0 0 65px #d0a34a25;max-height:88svh;overflow:auto}dialog::backdrop{background:#020611b8;backdrop-filter:blur(7px)}.close{position:absolute;top:14px;right:17px;border:1px solid #b6945360;background:#0c1729;border-radius:50%;font:30px/1 Arial,sans-serif;width:40px;height:40px;cursor:pointer}.detail-emblem{width:130px;height:130px;margin:0 auto 16px;background-image:url('assets/planet-atlas.png');background-size:300% 200%;border-radius:50%}.detail-brand{text-align:center;letter-spacing:.25em;color:var(--gold);font:12px/1.4 Arial,sans-serif}dialog h2{text-align:center;font-weight:400;font-size:32px;color:var(--gold);margin:14px 0 20px}#detail-description{font:17px/1.7 Arial,sans-serif}#detail-topics{padding-left:22px;font:16px/1.8 Arial,sans-serif}#detail-topics li::marker{color:var(--gold)}.no-script{max-width:700px;margin:30px auto;padding:20px;font:16px/1.6 Arial,sans-serif}
@media(min-width:1700px){:root{--planet-size:275px;--sun-size:360px}.cosmos{height:900px}}
@media(max-width:760px){:root{--planet-size:clamp(140px,34vw,225px);--sun-size:clamp(210px,50vw,290px)}.masthead{padding:20px 18px;align-items:flex-start}.wordmark{font-size:13px;letter-spacing:.14em}.wordmark span{display:none}nav{gap:14px;font-size:15px;align-items:center}#motion{font-size:12px;padding:9px 12px}h1{font-size:30px;max-width:500px;margin:20px auto 5px;padding:0 20px}.cosmos{height:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:45px 10px;padding:28px 16px 38px}.sun{position:relative;top:auto;left:auto;transform:none;grid-column:1/-1;margin:0 auto 30px}.planet{position:relative;left:auto;top:auto;transform:none;justify-self:center;will-change:auto}.orbit{display:none}.belt>span{font-size:clamp(18px,4.3vw,27px)}.shop .belt>span,.amazone .belt>span{font-size:clamp(16px,3.4vw,23px)}.experiences .belt>span{font-size:clamp(16px,3.4vw,23px)}footer{gap:12px;padding-top:15px}footer p{letter-spacing:.12em;font-size:19px}footer>span{width:32px}dialog{padding:30px 24px}dialog h2{font-size:28px}}
@media(max-width:360px){.masthead{padding:16px 12px;gap:12px;flex-direction:column}nav{width:100%;justify-content:space-between}:root{--planet-size:135px}.cosmos{padding-inline:10px}.belt>span{font-size:18px}.shop .belt>span,.amazone .belt>span,.experiences .belt>span{font-size:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}
/* Composition fitted to the actual available screen height. */
html{height:100%}body{height:100vh;height:100dvh;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto}
.masthead{padding:clamp(8px,2vh,20px) 3vw;gap:12px}main{min-height:0;display:grid;grid-template-rows:auto auto minmax(0,1fr)}h1{margin:0 16px;font-size:clamp(22px,min(3.4vw,5.6vh),55px)}.heading-line{height:clamp(10px,2.4vh,22px)}.cosmos{height:100%;min-height:0;width:min(1600px,100%);padding:0;display:block}.sun{width:var(--sun-size)}.planet{width:var(--planet-size);height:var(--planet-size)}.belt{padding:calc(var(--planet-size)*.027) 5px calc(var(--planet-size)*.037)}.belt>span{font-size:calc(var(--planet-size)*.14)}.shop .belt>span,.amazone .belt>span{font-size:calc(var(--planet-size)*.115)}.experiences .belt>span{font-size:calc(var(--planet-size)*.112)}.experiences .belt{padding:calc(var(--planet-size)*.02) 4px calc(var(--planet-size)*.025)}footer{padding:8px 16px 12px;gap:20px}footer p{font-size:clamp(15px,2.8vh,24px)}
@media(max-width:760px){.masthead{padding:10px 16px;flex-direction:row;align-items:center}.wordmark{font-size:12px}nav{width:auto;gap:12px;font-size:14px}h1{font-size:clamp(20px,min(5.8vw,4.2vh),30px);padding:0 14px;margin:0 auto}.cosmos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:1.2fr repeat(3,1fr);align-items:center;gap:0 10px;padding:0 12px}.sun{grid-column:1/-1;position:relative;top:auto;left:auto;transform:none;margin:0 auto}.planet{position:relative;left:auto;top:auto;transform:none;justify-self:center}.orbit{display:none}footer{padding:6px 12px 10px;gap:12px}footer p{font-size:clamp(14px,2.3vh,19px);letter-spacing:.12em}footer>span{width:28px}}
.compact-landscape .cosmos{display:grid;grid-template-columns:1.25fr repeat(3,1fr);grid-template-rows:repeat(2,minmax(0,1fr));align-items:center;gap:0;padding:0 15px}.compact-landscape .sun{position:relative;top:auto;left:auto;transform:none;grid-column:1;grid-row:1/3;margin:auto}.compact-landscape .planet{position:relative;left:auto;top:auto;transform:none;justify-self:center}.compact-landscape .orbit{display:none}.compact-landscape .unity{grid-column:2;grid-row:1}.compact-landscape .legacy{grid-column:3;grid-row:1}.compact-landscape .assist{grid-column:4;grid-row:1}.compact-landscape .shop{grid-column:2;grid-row:2}.compact-landscape .amazone{grid-column:3;grid-row:2}.compact-landscape .experiences{grid-column:4;grid-row:2}.compact-landscape .masthead{padding:7px 20px}.compact-landscape h1{font-size:clamp(20px,4.8vh,28px)}.compact-landscape footer{padding:4px 16px 6px}.compact-landscape footer p{font-size:14px}
/* Orbit mode is available on every screen; belts have clean ends. */
.belt::before,.belt::after{display:none}
@media(max-width:760px){.masthead{gap:8px;padding:9px 12px}.wordmark{font-size:11px;letter-spacing:.08em}nav{gap:8px}nav a{display:none}#motion{font-size:11px;padding:8px 10px}.cosmos{display:block;padding:0}.sun{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin:0}.planet{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);will-change:transform}.planet.unity,.planet.legacy,.planet.assist,.planet.shop,.planet.amazone,.planet.experiences{transform:translate(-50%,-50%)}.orbit{display:block}.orbit-one{width:64%;height:68%}.orbit-two{width:67%;height:61%;transform:translate(-50%,-50%) rotate(-8deg)}.orbit-three{width:65%;height:63%;transform:translate(-50%,-50%) rotate(8deg)}.belt>span{font-size:max(12px,calc(var(--planet-size)*.14))}.shop .belt>span,.amazone .belt>span,.experiences .belt>span{font-size:max(11px,calc(var(--planet-size)*.115))}.amazone .belt>span{white-space:normal}.belt{border-top-width:2px;border-bottom-width:2px}}