@font-face{font-family:Anuphan;src:url('/assets/fonts/anuphan-400-700.woff2') format('woff2');font-weight:400 700;font-display:swap}
:root{--paper:#f1f4f9;--ink:#142032;--blue:#2546ec;--coral:#f47761;--lime:#d5ef71;--ease:cubic-bezier(.16,1,.3,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;position:relative;background:var(--paper);color:var(--ink);font-family:Anuphan,system-ui,sans-serif;overflow-x:clip}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid var(--blue);outline-offset:5px}img{display:block;max-width:100%}button{cursor:pointer}.skip{position:fixed;top:-100px;left:20px;z-index:20;padding:12px;background:var(--ink);color:white}.skip:focus{top:10px}.header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 4vw;min-height:90px}.logo{font-family:'Space Grotesk',Anuphan,sans-serif;font-weight:700;font-size:22px;letter-spacing:-.02em;display:flex;gap:8px;align-items:center}.logo-dot{width:9px;height:9px;border-radius:50%;background:var(--blue)}.header nav{display:flex;gap:32px;font-size:15px;font-weight:600}.header nav a{padding:12px 0;position:relative}.header nav a:after{content:'';position:absolute;bottom:5px;left:0;right:0;height:2px;background:var(--blue);transform:scaleX(0);transform-origin:left;transition:transform 240ms var(--ease)}.header nav a:hover:after,.header nav a:focus-visible:after{transform:scaleX(1)}.motion{display:flex;align-items:center;gap:9px;border:1px solid #738197;background:transparent;padding:10px 14px;border-radius:30px;font-size:13px;min-height:44px}.motion>span:first-child{font-size:18px;line-height:1}.motion:hover{background:white}.motion[aria-pressed=true]{background:var(--ink);color:white;border-color:var(--ink)}
.playground{padding:0 24px}.stage{min-height:650px;height:min(76vh,820px);position:relative;isolation:isolate;overflow:hidden;border-radius:16px 16px 0 0;background:var(--paper)}#field{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}.stage-caption{position:absolute;top:24px;left:calc(4vw - 24px);right:calc(4vw - 24px);display:flex;justify-content:space-between;z-index:4;font-size:15px;font-weight:500}.caption-right{color:#526178}.wordmark{position:absolute;top:64px;left:0;width:100%;margin:0;text-align:center;font-family:'Space Grotesk',Anuphan,sans-serif;font-size:clamp(96px,15.4vw,280px);font-weight:700;letter-spacing:-.07em;line-height:1.05;white-space:nowrap;z-index:0;pointer-events:none}.wordmark-front{display:block;animation:word-in 1000ms var(--ease) both}.wordmark-outline{position:absolute;inset:0;color:transparent;-webkit-text-stroke:1px #142032;z-index:3;display:none}.letter-k{display:inline-block;transform:rotate(-8deg);color:var(--blue)}.disc{position:absolute;width:470px;aspect-ratio:1;left:50%;top:42%;transform:translate(-50%,-35%);border-radius:50%;background:var(--blue);z-index:0;transition:background 500ms var(--ease);animation:disc-in 1100ms var(--ease) both}.disc-inner{position:absolute;inset:22%;border-radius:50%;border:1px solid rgba(255,255,255,.55);animation:disc-pulse 7s ease-in-out infinite}.orbit{position:absolute;left:50%;top:45%;border:1px solid #91a1bc;width:600px;aspect-ratio:1;border-radius:50%;transform:translate(-50%,-39%) rotate(-25deg) scaleY(.38);z-index:0}.orbit-two{width:650px;transform:translate(-50%,-35%) rotate(55deg) scaleY(.42);opacity:.6}.orbit-dot{position:absolute;left:45%;top:-8px;width:15px;height:15px;border-radius:50%;background:var(--blue);border:3px solid var(--paper);offset-path:border-box;animation:dot-orbit 16s linear infinite}.orbit-two .orbit-dot{animation-duration:22s;background:var(--coral)}.portrait-wrap{position:absolute;left:50%;bottom:24px;transform:translateX(-50%);width:540px;height:540px;z-index:2;pointer-events:none}.portrait{width:100%;height:100%;object-fit:contain;object-position:bottom;transform:translate(var(--portrait-x,0px),var(--portrait-y,0px));transition:transform 600ms var(--ease);filter:drop-shadow(0 24px 20px rgba(20,32,50,.15));animation:portrait-in 1100ms var(--ease) both}.photo-fallback{object-fit:cover;border-radius:50%;height:430px;width:430px;margin:70px auto 0;mask-image:linear-gradient(#000 75%,transparent)}.hello{position:absolute;left:4.5%;top:48%;display:flex;gap:16px;align-items:center;font-family:Mitr,Anuphan,sans-serif;font-size:26px;line-height:1.35;z-index:3;transform:rotate(-5deg);animation:label-in 1100ms var(--ease) both}.hello strong{font-size:46px;font-weight:600}.hello-star{font-size:66px;color:var(--blue);animation:star-turn 22s linear infinite}.float-note{position:absolute;z-index:3;transition:transform 600ms var(--ease),background 400ms,color 400ms;animation:note-in 1300ms var(--ease) both}.note-money{right:5%;top:42%;width:200px;height:184px;padding:18px;background:var(--lime);color:var(--ink);transform:rotate(8deg);border-radius:4px 4px 34px 4px;box-shadow:10px 10px 0 #142032}.mini-caption{font-family:'Space Grotesk',Anuphan,sans-serif;font-size:18px;font-weight:600}.note-money svg{width:100%;height:76px;overflow:visible;margin-top:5px}.chart-line{fill:none;stroke:var(--ink);stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:260;stroke-dashoffset:0;animation:chart-draw 2200ms var(--ease) both}.chart-point{fill:var(--blue);animation:point-pulse 3s ease-in-out infinite}.note-bottom{display:block;font-size:12px;font-weight:600}.note-ai{left:16%;bottom:60px;width:136px;height:132px;background:var(--blue);color:white;padding:15px;transform:rotate(-10deg);border-radius:4px;box-shadow:7px 7px 0 #d4dced}.ai-symbol{font-size:47px;line-height:1;display:inline-block;animation:star-turn 20s linear infinite}.note-ai .mini-caption{display:block;font-size:14px;margin-top:8px;line-height:1.25}.ai-cursor{position:absolute;bottom:-12px;right:-12px;font-size:48px;color:var(--ink);text-shadow:2px 2px var(--paper)}.stage-bottom{position:absolute;left:calc(4vw - 24px);right:calc(4vw - 24px);bottom:22px;z-index:4;display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:600}.scroll-cue{display:flex;align-items:center;gap:10px;min-height:44px}.scroll-dot{width:24px;height:35px;border:1px solid #65758c;border-radius:14px;position:relative}.scroll-dot:after{content:'';position:absolute;left:10px;top:8px;width:3px;height:7px;background:var(--ink);border-radius:3px;animation:scroll-dot 2s ease-in-out infinite}
.worlds{display:flex;position:relative;z-index:4;border-radius:12px;overflow:hidden;background:var(--ink);margin:0 auto;width:100%;min-height:230px}.world{flex:1;min-width:0;position:relative;padding:30px 36px;color:white;overflow:hidden;border-right:1px solid #738197;isolation:isolate;transition:color 280ms,background 280ms}.world:last-child{border:0}.world-mini{display:block;font-size:13px;font-weight:500;color:#c6d0e0;margin-bottom:16px;position:relative;z-index:2}.world-title{font-family:Mitr,Anuphan,sans-serif;font-size:34px;font-weight:500;display:block;line-height:1.35;position:relative;z-index:2}.world-title-small{font-size:23px;display:block}.world-sub{display:block;position:relative;z-index:2;font-size:14px;color:#c6d0e0;margin-top:12px}.world-arrow{position:absolute;top:26px;right:26px;z-index:3;font-size:26px;transition:transform 350ms var(--ease)}.world:after{content:'';position:absolute;width:280px;height:280px;border-radius:50%;right:-110px;bottom:-160px;background:#233657;transition:transform 550ms var(--ease),background 400ms;z-index:-1}.world-about:hover,.world-about:focus-visible{background:var(--coral);color:var(--ink)}.world-finance:hover,.world-finance:focus-visible{background:var(--blue)}.world-knowledge:hover,.world-knowledge:focus-visible{background:var(--lime);color:var(--ink)}.world:hover:after,.world:focus-visible:after{transform:scale(1.8);background:rgba(255,255,255,.15)}.world:hover .world-arrow,.world:focus-visible .world-arrow{transform:translate(4px,-4px)}.world-about:hover .world-mini,.world-about:hover .world-sub,.world-knowledge:hover .world-mini,.world-knowledge:hover .world-sub,.world-about:focus-visible .world-mini,.world-about:focus-visible .world-sub,.world-knowledge:focus-visible .world-mini,.world-knowledge:focus-visible .world-sub{color:#243247}.world-art{position:absolute;right:28px;bottom:30px;z-index:1;opacity:.85;transition:transform 550ms var(--ease),opacity 300ms}.world:hover .world-art,.world:focus-visible .world-art{transform:translateY(-5px) rotate(-6deg) scale(1.06);opacity:1}.about-art{width:80px;height:80px;transform:rotate(8deg);bottom:26px}.about-art img{width:74px;height:74px;object-fit:cover;border:6px solid #f1f4f9}.about-art span{font-family:'Space Grotesk',Anuphan;font-size:13px;background:white;color:var(--ink);position:absolute;right:-18px;bottom:-6px;padding:2px 8px;transform:rotate(-12deg)}.finance-art{display:flex;gap:6px;align-items:end;height:76px;right:24px}.finance-art i{width:9px;background:var(--lime);height:22%;transform-origin:bottom;animation:bar-breathe 5s ease-in-out infinite}.finance-art i:nth-child(2){height:40%;animation-delay:-.6s}.finance-art i:nth-child(3){height:32%;animation-delay:-1.2s}.finance-art i:nth-child(4){height:62%;animation-delay:-1.8s}.finance-art i:nth-child(5){height:55%;animation-delay:-2.4s}.finance-art i:nth-child(6){height:90%;animation-delay:-3s}.knowledge-art{font-size:102px;line-height:1;color:var(--lime);bottom:10px;right:25px;animation:star-turn 25s linear infinite}.world-knowledge:hover .knowledge-art,.world-knowledge:focus-visible .knowledge-art{color:var(--blue)}.world-finance .world-sub,.world-knowledge .world-sub{max-width:70%}.world-about .world-title,.world-knowledge .world-title{padding-right:42px}.plus{color:var(--lime)}.world-knowledge:hover .plus{color:var(--blue)}body[data-world=about] .disc{background:var(--coral)}body[data-world=knowledge] .disc{background:#bddb52}body[data-world=finance] .note-money{transform:rotate(-3deg) translateY(-10px)}body[data-world=knowledge] .note-ai{transform:rotate(2deg) translateY(-12px)}footer{padding:24px 4vw;display:flex;gap:26px;align-items:center;font-size:12px;color:#526178}footer a{margin-left:auto;min-height:44px;display:flex;align-items:center;font-size:14px;font-weight:600;color:var(--ink)}.prototype{padding-right:56px}#slime-mate{position:absolute!important;bottom:22px!important;left:auto!important;right:24px!important;transform:none!important;scale:.7}
dialog{border:0;border-radius:12px;background:var(--paper);color:var(--ink);padding:30px 38px;width:min(620px,calc(100% - 32px));max-height:calc(100dvh - 32px);overflow:auto;box-shadow:14px 14px 0 #2546ec}dialog::backdrop{background:rgba(12,21,43,.55);backdrop-filter:blur(9px)}dialog[open]{animation:dialog-in 400ms var(--ease)}.dialog-top{display:flex;justify-content:space-between;align-items:center;font-size:15px;font-weight:600}.close{border:1px solid #738197;background:transparent;width:44px;height:44px;border-radius:50%;font-size:18px}.close:hover{background:var(--ink);color:white}dialog h2{font-family:Mitr,Anuphan,sans-serif;font-size:58px;font-weight:500;line-height:1.25;margin:28px 0;position:relative}.dialog-star{position:absolute;right:8px;top:20px;color:var(--blue);font-size:100px}.knowledge-links{display:flex;flex-direction:column}.knowledge-links a{display:flex;align-items:center;gap:22px;padding:20px 0;border-top:1px solid #adb8ca;min-height:96px;transition:transform 200ms var(--ease),color 200ms}.knowledge-links a:hover{color:var(--blue);transform:translateX(6px)}.knowledge-links a>span:first-child{font-size:30px;width:34px}.knowledge-links strong{font-size:22px;font-weight:600}.knowledge-links small{display:block;font-size:15px;color:#526178;margin-top:4px}.route-arrow{margin-left:auto;font-size:28px}.paused *, .paused *:before,.paused *:after{animation-play-state:paused!important}.paused .portrait{transition:none;transform:none}.paused .float-note{transition:none}
@keyframes word-in{from{transform:translateY(-24px);opacity:.2}to{transform:translateY(0);opacity:1}}@keyframes disc-in{from{opacity:.3;scale:.6}to{opacity:1;scale:1}}@keyframes portrait-in{from{opacity:.2;translate:0 50px}to{opacity:1;translate:0 0}}@keyframes note-in{from{opacity:.2;translate:0 36px}to{opacity:1;translate:0 0}}@keyframes label-in{from{opacity:.2;translate:-20px 0}to{opacity:1;translate:0 0}}@keyframes star-turn{to{rotate:360deg}}@keyframes dot-orbit{to{offset-distance:100%}}@keyframes chart-draw{from{stroke-dashoffset:260}to{stroke-dashoffset:0}}@keyframes point-pulse{50%{r:7}}@keyframes disc-pulse{50%{scale:1.12;opacity:.3}}@keyframes bar-breathe{50%{scale:1 .8}}@keyframes scroll-dot{50%{translate:0 9px;opacity:.4}}@keyframes dialog-in{from{opacity:0;translate:0 24px;scale:.97}to{opacity:1;translate:0 0;scale:1}}
@media(min-width:1700px){.stage{height:820px}.portrait-wrap{height:610px;width:610px}.disc{width:570px}.hello{left:8%}.note-ai{left:23%;bottom:80px}.note-money{right:10%;top:40%;width:240px;height:210px}.world{padding:38px 50px}.world-title{font-size:42px}.world-title-small{font-size:29px}.worlds{min-height:265px}}
@media(max-width:1100px){.stage{min-height:590px;height:650px}.header nav{gap:20px}.header{padding-inline:28px}.wordmark{top:90px;font-size:15vw}.portrait-wrap{width:470px;height:470px;bottom:35px}.disc{width:400px;top:46%}.orbit{width:510px}.orbit-two{width:560px}.hello{left:3%;font-size:21px}.hello strong{font-size:35px}.hello-star{font-size:45px}.note-money{right:3%;width:165px;height:162px;padding:14px}.note-money svg{height:68px}.note-ai{left:8%;width:120px;height:120px}.world{padding:26px 24px}.world-title{font-size:29px}.world-title-small{font-size:21px}.world-sub{max-width:70%;font-size:13px}.about-art{right:20px;bottom:22px;width:60px;height:60px}.about-art img{width:60px;height:60px}.finance-art{right:18px;gap:4px}.finance-art i{width:7px}.knowledge-art{font-size:78px;right:18px}.world-arrow{right:20px}}
@media(max-width:720px){.header{padding:18px 20px 12px;min-height:112px;flex-wrap:wrap;gap:8px}.logo{font-size:20px}.motion{min-height:40px;padding:8px 12px;font-size:12px}.header nav{width:100%;order:3;gap:0;justify-content:space-between;font-size:12px}.header nav a{padding:12px 0;min-height:44px}.playground{padding:0 12px}.stage{height:570px;min-height:0;border-radius:0}.stage-caption{top:12px;left:8px;right:8px;font-size:12px}.caption-right{font-size:11px}.wordmark{top:63px;font-size:15.3vw;letter-spacing:-.075em}.portrait-wrap{width:340px;height:340px;bottom:58px}.disc{width:300px;top:41%}.disc-inner{inset:22%}.orbit{width:350px;top:43%}.orbit-two{width:380px;top:43%}.hello{top:auto;bottom:37px;left:12px;gap:8px;font-size:16px;line-height:1.25;transform:rotate(-5deg)}.hello strong{font-size:24px}.hello-star{font-size:38px}.note-money{width:112px;height:115px;top:170px;right:5px;padding:10px;box-shadow:5px 5px 0 var(--ink);border-radius:3px 3px 20px 3px;transform:rotate(10deg)}.note-money .mini-caption{font-size:12px}.note-money svg{height:43px;margin-top:4px}.note-bottom{font-size:9px}.note-ai{width:82px;height:85px;left:5px;bottom:170px;padding:8px;box-shadow:4px 4px 0 #d4dced;transform:rotate(-10deg)}.ai-symbol{font-size:30px}.note-ai .mini-caption{font-size:10px;margin-top:4px}.ai-cursor{font-size:30px;right:-8px;bottom:-8px}.stage-bottom{bottom:0;left:8px;right:8px;justify-content:flex-end}.stage-bottom>span{display:none}.scroll-cue{font-size:12px;gap:7px}.scroll-dot{width:20px;height:28px}.scroll-dot:after{left:8px;height:5px;top:6px}.worlds{flex-direction:column;margin-top:16px;min-height:0;border-radius:10px}.world{flex:auto;padding:22px 24px;min-height:156px;border-right:0;border-bottom:1px solid #738197}.world-mini{font-size:12px;margin-bottom:10px}.world-title{font-size:28px}.world-title-small{display:inline;font-size:21px;margin-left:8px}.world-sub{font-size:13px;margin-top:8px}.world-arrow{right:24px;top:20px;font-size:24px}.world-art{right:30px;bottom:25px}.about-art{width:62px;height:62px;bottom:25px}.about-art img{width:62px;height:62px}.world-about .world-title{padding-right:75px}.world-knowledge .world-title{padding-right:52px}.knowledge-art{font-size:80px;bottom:20px;right:29px}.finance-art{height:67px;right:28px;bottom:20px}.finance-art i{width:7px}.world:after{width:170px;height:170px;bottom:-80px;right:-70px}footer{padding:22px 22px;flex-wrap:wrap;gap:8px;font-size:11px}footer a{font-size:12px;margin-left:auto}.prototype{font-size:10px;width:100%}#slime-mate{right:18px!important;bottom:10px!important;scale:.55}dialog{padding:24px;box-shadow:6px 6px 0 var(--blue);width:calc(100% - 28px)}dialog h2{font-size:45px;margin:22px 0}.dialog-star{font-size:75px;top:15px}.dialog-top{font-size:13px}.knowledge-links a{gap:15px;padding:18px 0;min-height:94px}.knowledge-links strong{font-size:20px}.knowledge-links small{font-size:13px}.knowledge-links a>span:first-child{font-size:25px}.route-arrow{font-size:23px}}
@media(max-width:360px){.stage{height:535px}.portrait-wrap{width:300px;height:300px;bottom:60px}.disc{width:260px}.hello{font-size:14px}.hello strong{font-size:21px}.note-money{width:97px;height:110px;right:0}.note-ai{left:0}.header nav{font-size:11px}.world{padding-inline:20px}.world-title{font-size:25px}.world-title-small{font-size:18px}.world-sub{font-size:12px}.knowledge-art{font-size:67px;right:20px}.world-art{right:20px}.world-arrow{right:20px}.world-knowledge .world-sub{max-width:75%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.portrait{transform:none!important}dialog[open]{opacity:1;translate:none;scale:1}}
@media(max-width:720px){.hello{display:none}}
.world-knowledge:focus-visible .plus{color:var(--blue)}
body[data-dialog=knowledge] .stage *,body[data-dialog=knowledge] .world-art{animation-play-state:paused!important}
.paused .wordmark-front,.paused .disc,.paused .portrait,.paused .float-note,.paused .hello{animation:none!important}

/* v3: one short scroll scene, then the three real destinations. */
:root{--header-size:90px;--stage-size:clamp(650px,76vh,820px);--journey:0;--line:#738197;--muted:#526178}
html{scroll-padding-top:calc(var(--header-size) + 18px)}
.header{position:sticky;top:0;z-index:12;background:var(--paper);transition:background 280ms,border-color 280ms;border-bottom:1px solid transparent}
body.is-scrolled .header{border-color:var(--line)}
.view-controls{display:flex;gap:8px;align-items:center}
.theme-toggle{display:flex;align-items:center;gap:8px;min-height:44px;padding:10px 14px;border:1px solid var(--line);border-radius:30px;background:transparent;color:var(--ink);font-size:13px}
.theme-icon{font-size:20px;line-height:1}.theme-toggle:hover{background:var(--ink);color:var(--paper)}
.hero-track{height:calc(var(--stage-size) + 220px);position:relative}
.stage{height:var(--stage-size);min-height:0;position:sticky;top:var(--header-size);--journey:0}
.wordmark{translate:0 calc(var(--journey) * -70px);scale:calc(1 + var(--journey) * .1)}
.portrait-wrap{translate:0 calc(var(--journey) * -24px);scale:calc(1 + var(--journey) * .07);transform-origin:center bottom}
.disc{scale:calc(1 + var(--journey) * .12)}
.orbit-one{rotate:calc(var(--journey) * 28deg)}.orbit-two{rotate:calc(var(--journey) * -34deg)}
.note-money{translate:calc(var(--journey) * -55px) calc(var(--journey) * -60px);rotate:calc(var(--journey) * -10deg)}
.note-ai{translate:calc(var(--journey) * 40px) calc(var(--journey) * -55px);rotate:calc(var(--journey) * 16deg)}
.hello{translate:calc(var(--journey) * 35px) calc(var(--journey) * -35px)}
.float-note,.hello,.disc{animation:object-entry 900ms var(--ease) both}
@keyframes object-entry{from{opacity:.25}to{opacity:1}}
.worlds{overflow:visible;gap:12px;border-radius:0;background:transparent;padding-top:10px;perspective:1200px}
.world{border:0;border-radius:14px;background:#142032;min-height:245px;transition:transform 380ms var(--ease),background 240ms,color 240ms;transform:translateY(calc(var(--arrival,0) * 30px)) rotate(calc(var(--arrival,0) * var(--entry-angle,0deg)))}
.world-about{--entry-angle:-3deg}.world-finance{--entry-angle:2deg}.world-knowledge{--entry-angle:-2deg}
.world:hover,.world:focus-visible{transform:translateY(-12px) rotateX(var(--tilt-y,0deg)) rotateY(var(--tilt-x,0deg));z-index:3}
.world-arrow{width:44px;height:44px;display:grid;place-items:center;top:22px;right:22px;border:1px solid #8996ac;border-radius:50%;transition:transform 360ms var(--ease),background 200ms,color 200ms}
.world:hover .world-arrow,.world:focus-visible .world-arrow{transform:rotate(45deg);background:var(--paper);color:#142032;border-color:transparent}
.world-title{translate:0 0;transition:translate 360ms var(--ease)}
.world:hover .world-title,.world:focus-visible .world-title{translate:0 -5px}
.world:hover .world-art,.world:focus-visible .world-art{transform:translate(-16px,-8px) rotate(-12deg) scale(1.3);opacity:1}
.world:hover:after,.world:focus-visible:after{transform:scale(2.2)}
.world-about:focus-visible,.world-knowledge:focus-visible{outline-color:var(--ink)}
.world-finance:hover .world-sub,.world-finance:focus-visible .world-sub,.world-finance:hover .world-mini,.world-finance:focus-visible .world-mini{color:white}
.world-knowledge:hover .plus,.world-knowledge:focus-visible .plus{color:#2546ec}
.night-sky{position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:0;transition:opacity 300ms;background:radial-gradient(ellipse at 72% 44%,#17335599,transparent 48%),radial-gradient(ellipse at 18% 65%,#41386b55,transparent 45%)}
.northstar{position:absolute;right:12%;top:16%;font-size:36px;color:#e2c98f;animation:northstar-pulse 6s ease-in-out infinite}
.night-sky i{position:absolute;width:3px;height:3px;border-radius:50%;background:#d4e1f5;left:12%;top:18%;animation:star-shine 5s ease-in-out infinite}
.night-sky i:nth-of-type(2){left:32%;top:29%;animation-delay:-1s}.night-sky i:nth-of-type(3){left:74%;top:65%;animation-delay:-3s}.night-sky i:nth-of-type(4){left:84%;top:35%;animation-delay:-2s}.night-sky i:nth-of-type(5){left:18%;top:68%;animation-delay:-4s}.night-sky i:nth-of-type(6){left:58%;top:12%}.night-sky i:nth-of-type(7){left:90%;top:78%}
html[data-theme=dark]{color-scheme:dark;--paper:#030712;--ink:#f0f0f5;--blue:#e2c98f;--lime:#e2c98f;--line:#66748e;--muted:#becbe0}
html[data-theme=dark] .night-sky{opacity:1}
html[data-theme=dark] .caption-right,html[data-theme=dark] footer{color:var(--muted)}
html[data-theme=dark] .note-money{color:#142032;box-shadow:10px 10px 0 #394863}
html[data-theme=dark] .note-ai{background:#173355;color:white;box-shadow:7px 7px 0 #e2c98f}
html[data-theme=dark] .chart-line{stroke:#142032}html[data-theme=dark] .chart-point{fill:#2546ec}
html[data-theme=dark] .world-finance:hover,html[data-theme=dark] .world-finance:focus-visible{background:#e2c98f;color:#142032}
html[data-theme=dark] .world-finance:hover .world-sub,html[data-theme=dark] .world-finance:focus-visible .world-sub,html[data-theme=dark] .world-finance:hover .world-mini,html[data-theme=dark] .world-finance:focus-visible .world-mini{color:#243247}
html[data-theme=dark] .world-finance:hover .finance-art i,html[data-theme=dark] .world-finance:focus-visible .finance-art i{background:#2546ec}
html[data-theme=dark] .world-about:hover,html[data-theme=dark] .world-about:focus-visible,html[data-theme=dark] .world-knowledge:hover,html[data-theme=dark] .world-knowledge:focus-visible{color:#142032}
html[data-theme=dark] .world-knowledge:hover .knowledge-art,html[data-theme=dark] .world-knowledge:focus-visible .knowledge-art{color:#2546ec}
html[data-theme=dark] .motion:hover{background:#173355}html[data-theme=dark] .motion[aria-pressed=true]{background:#e2c98f;color:#142032}
html[data-theme=dark] dialog{background:#f1f4f9;color:#142032;box-shadow:12px 12px 0 #e2c98f}
html[data-theme=dark] .dialog-star{color:#2546ec}html[data-theme=dark] .knowledge-links a:hover{color:#2546ec}
.paused .world{transform:none!important;transition:none}.paused .world-art{transform:none!important}
.stage-offscreen .stage *{animation-play-state:paused!important}
.stage-offscreen .wordmark-front,.stage-offscreen .float-note,.stage-offscreen .hello,.stage-offscreen .disc,.stage-offscreen .portrait{animation:none!important}
html[data-theme=dark] dialog a:focus-visible,html[data-theme=dark] dialog button:focus-visible{outline-color:#2546ec}
html[data-theme=dark] .skip{background:#e2c98f;color:#142032}
html[data-theme=dark] .about-art span{color:#142032}
html[data-theme=dark] .world{border:1px solid #66748e}
html[data-theme=dark] .world:hover .world-arrow,html[data-theme=dark] .world:focus-visible .world-arrow{background:#f1f4f9;color:#142032}
::view-transition-old(root),::view-transition-new(root){mix-blend-mode:normal;animation-duration:380ms}
::view-transition-new(root){animation-name:theme-enter}
@keyframes theme-enter{from{clip-path:circle(0 at 96% 4%)}to{clip-path:circle(145% at 96% 4%)}}
@keyframes northstar-pulse{50%{scale:1.18;opacity:.5}}@keyframes star-shine{50%{opacity:.25}}
@media(min-width:1700px){:root{--stage-size:820px}.world{min-height:280px}}
@media(max-width:1100px){:root{--stage-size:650px}.header{gap:12px}.header nav{gap:14px;font-size:13px}.view-controls{gap:5px}.theme-toggle,.motion{padding:10px}.theme-text{display:none}.world-title{padding-top:10px}}
@media(max-width:720px){:root{--header-size:112px;--stage-size:570px}.header{padding-inline:16px}.hero-track{height:calc(var(--stage-size) + 100px)}.stage{height:var(--stage-size)}.view-controls{gap:6px}.theme-toggle{padding:8px 10px;width:42px;min-height:40px;justify-content:center}.motion{padding:8px 10px}.worlds{gap:12px;margin-top:16px;padding-top:0}.world{min-height:156px;border:0;transform:translateY(calc(var(--arrival,0) * 16px))}.world:hover,.world:focus-visible{transform:translateY(-4px)}.world-title{padding-top:0}.world-title-small{display:block;margin-left:0;font-size:19px}.world-arrow{top:14px;right:16px;width:40px;height:40px}.world-art{right:24px}.world-sub{max-width:75%}.note-money{translate:calc(var(--journey) * -8px) calc(var(--journey) * -24px)}.note-ai{translate:calc(var(--journey) * 8px) calc(var(--journey) * -30px)}.wordmark{translate:0 calc(var(--journey) * -14px);scale:calc(1 + var(--journey) * .04)}.portrait-wrap{translate:0 calc(var(--journey) * -8px);scale:calc(1 + var(--journey) * .04)}.northstar{font-size:24px;right:5%;top:20%}}
@media(max-width:360px){:root{--stage-size:535px}.logo{font-size:18px}.world-title-small{font-size:17px}.world-title{font-size:24px}}
@media(max-width:720px){.theme-toggle,.motion{min-height:44px;min-width:44px}.theme-toggle{width:44px}}
@media(prefers-reduced-motion:reduce){.hero-track{height:var(--stage-size)}.stage{position:relative;top:0}.world,.wordmark,.portrait-wrap,.disc,.note-money,.note-ai,.hello,.orbit{translate:none!important;scale:1!important;rotate:0deg!important;transform:none!important}.portrait-wrap{transform:translateX(-50%)!important}.disc{transform:translate(-50%,-35%)!important}.orbit-one{transform:translate(-50%,-39%) rotate(-25deg) scaleY(.38)!important}.orbit-two{transform:translate(-50%,-35%) rotate(55deg) scaleY(.42)!important}}


/* A paused entrance must not hide an interactive dialog. */
.paused dialog[open]{animation:none!important;opacity:1;translate:none;scale:1}