@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@300;400;500;600;700&family=Inter:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#061226;--card:#0d203c;--line:#234464;--text:#ecf7ff;--muted:#9eb6ca;--cyan:#51e9ff;--gold:#f6cf7f;font-family:'Kanit',system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);overflow-x:hidden}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:3px solid #ffe29f;outline-offset:4px}.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;z-index:100;background:white;color:black;padding:12px}.ambient{pointer-events:none;position:absolute;z-index:-1;inset:0 0 auto 0;height:940px;background:radial-gradient(ellipse 680px 550px at 81% 24%,#1248795e,transparent),radial-gradient(ellipse 650px 550px at 8% 37%,#0a426f49,transparent)}.wrap{max-width:1160px;margin:0 auto;padding:0 26px}.header{position:relative;z-index:5;border-bottom:1px solid #183149b8;background:#061226c9;backdrop-filter:blur(20px)}.nav{height:90px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:11px;font-size:20px;font-weight:600;line-height:1.1}.brand img{border-radius:14px}.brand small{display:block;font:700 10px Inter,sans-serif;letter-spacing:2px;color:#5de8ff;margin-top:7px}.navlinks{display:flex;gap:30px;color:#aabfcf;font-size:14px}.navlinks a:hover,.navlinks a:focus{color:white}.navbutton{border:1px solid #31668a;border-radius:100px;padding:12px 20px;color:#e8faff;font-size:13px;background:#112d49}.navbutton:hover{border-color:var(--cyan)}.hero{min-height:690px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px;padding-top:64px;padding-bottom:75px}.eyebrow,.kicker{font:700 11px Inter,sans-serif;letter-spacing:2.1px;color:var(--cyan)}.eyebrow{display:flex;align-items:center;gap:10px}.pulse{height:8px;width:8px;border-radius:50%;background:#5cfbd0;box-shadow:0 0 15px #5cfbd0}.hero h1{font-size:clamp(50px,5.8vw,82px);font-weight:600;line-height:1.17;margin:23px 0 22px;letter-spacing:-2.4px}.gradient-text{color:#55e3ff;background:linear-gradient(110deg,#51d9ff,#b2f8ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.gold{color:var(--gold)}.intro{max-width:500px;font-size:18px;color:var(--muted);line-height:1.95;font-weight:300}.actions{display:flex;gap:14px;flex-wrap:wrap;margin:32px 0}.btn{display:inline-flex;gap:20px;justify-content:center;align-items:center;padding:15px 24px;border-radius:12px;font-size:15px;font-weight:500;transition:transform .2s}.btn:hover{transform:translateY(-3px)}.btn-primary{background:linear-gradient(110deg,#2fc8ea,#4c8ee8);color:#031b2d;box-shadow:0 12px 40px #1478ac40}.btn-outline{border:1px solid #315775;background:#102a452a}.genre{font:600 10px Inter,sans-serif;color:#78a3bc;letter-spacing:1.4px;display:flex;align-items:center;gap:12px}.genre i{height:3px;width:3px;border-radius:50%;background:var(--gold)}.hero-art{position:relative;min-height:530px;display:flex;align-items:center;justify-content:center;isolation:isolate}.art-frame{position:relative;width:100%;max-width:455px;min-height:520px;padding:24px 22px 20px;background:linear-gradient(160deg,#112a4d,#07182f 60%,#0a1d39);border:1px solid #2d5b7b;border-radius:28px;box-shadow:0 35px 100px #0006,0 0 90px #048de01c;overflow:hidden}.art-frame:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 45% 44%,#2be2fe18,transparent 64%)}.art-eyebrow{display:flex;justify-content:space-between;gap:10px;position:relative;font:600 9px Inter,sans-serif;letter-spacing:1.5px;color:#8bdce9}.art-eyebrow span:first-child{color:#60e9da}.portal{display:block;width:100%;height:405px;filter:drop-shadow(0 0 16px #3fcaff60)}.art-caption{position:relative;border-top:1px solid #276081;padding-top:14px;display:flex;flex-direction:column;gap:3px}.art-caption span{font:600 9px Inter,sans-serif;letter-spacing:1.7px;color:var(--cyan)}.art-caption strong{font-size:22px}.art-caption small{font:400 11px Inter,sans-serif;color:var(--muted)}.orbit{position:absolute;border:1px solid #3bb9ec3d;border-radius:50%;transform:rotate(22deg);z-index:-1}.orbit-a{width:510px;height:265px}.orbit-b{width:560px;height:340px;transform:rotate(-28deg)}.float-note{position:absolute;border:1px solid #285e81;background:#0a2644bd;backdrop-filter:blur(12px);padding:12px 15px;border-radius:11px;font-size:12px;color:#bfe9fa;box-shadow:0 8px 24px #0005}.float-one{left:-40px;bottom:96px}.float-two{right:-20px;top:86px;font:700 9px Inter,sans-serif;letter-spacing:1px;color:#ffcf83}.ticker{border-top:1px solid #204565;border-bottom:1px solid #204565;background:#0d2642;overflow:hidden;white-space:nowrap;padding:18px 0;color:#8ec8e5}.ticker div{width:max-content;margin:auto;font:700 11px Inter,sans-serif;letter-spacing:3.5px}.ticker b{color:#ecc881;padding:0 24px}.section{padding-top:102px;padding-bottom:110px}.section-top{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:33px}.kicker{margin:0 0 16px}.section h2,.about h2{font-size:clamp(32px,3.6vw,47px);font-weight:600;letter-spacing:-.8px;line-height:1.36;margin:0 0 12px}.muted{color:var(--muted);font-weight:300;line-height:1.8;margin:5px 0}.side-label{border:1px solid #26516a;border-radius:50px;color:#75cce9;padding:10px 16px;white-space:nowrap;font:600 10px Inter,sans-serif;letter-spacing:1px}.story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.story-card{border:1px solid #25415e;background:linear-gradient(155deg,#122b49,#0b1e36);border-radius:20px;overflow:hidden;transition:transform .2s,border-color .2s}.story-card:hover{transform:translateY(-5px);border-color:#49c6e5}.story-art{height:195px;position:relative;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 56%,#315c93,#081832 70%)}.story-art:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#091b35bb,transparent 65%)}.story-art span{font-size:74px;filter:drop-shadow(0 10px 20px #0008)}.story-art.purple{background:radial-gradient(circle,#64508e,#15152c 75%)}.story-art.amber{background:radial-gradient(circle,#815e38,#1e1c2d 76%)}.coming{position:absolute;top:14px;left:14px;background:#06172acb;border:1px solid #35607e;border-radius:30px;padding:7px 10px;font:700 10px Inter,sans-serif;letter-spacing:.5px;color:#94e7f7;z-index:1}.story-copy{padding:22px}.story-copy small{color:var(--cyan);font:700 10px Inter,sans-serif;letter-spacing:1.3px}.story-copy h3{font-size:21px;font-weight:500;margin:10px 0}.story-copy p{font-weight:300;color:#b6c9d8;font-size:14px;line-height:1.8;min-height:48px;margin-bottom:0}.about{border:1px solid #204461;background:linear-gradient(110deg,#0d2947,#07162d 75%);border-radius:25px;display:grid;grid-template-columns:1.3fr .7fr;min-height:430px;overflow:hidden;padding:60px;gap:30px;align-items:center}.about-copy p:not(.kicker){max-width:615px;color:#aac0d0;font-weight:300;line-height:2;font-size:16px}.chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:25px}.chips span{padding:9px 14px;border:1px solid #315775;border-radius:50px;font-size:12px;color:#b6e4f6;background:#112c49}.about-visual{min-height:320px;display:flex;align-items:center;justify-content:flex-end;flex-direction:column;position:relative;text-align:center;color:#b6d5e8}.planet{height:215px;width:215px;border-radius:50%;background:radial-gradient(circle at 34% 24%,#8aeaff,#2776b8 27%,#122b5a 55%,#030a24 70%);box-shadow:0 0 80px #089ce441, inset -18px -25px 45px #0009;position:relative}.planet:after{content:"";position:absolute;top:70px;left:-20px;width:260px;height:90px;border:2px solid #eacb8e;transform:rotate(-25deg);border-radius:50%}.about-visual span{font:600 11px Inter,sans-serif;letter-spacing:1.3px;margin-top:26px;line-height:1.9}.about-visual strong{color:#eecb82}.follow{padding-top:118px}.social-grid{margin-top:33px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.social-card{padding:24px;border-radius:18px;border:1px solid #27506c;background:#0c2844;min-height:132px;display:flex;align-items:center;gap:18px;transition:border-color .2s,transform .2s}.social-card:hover{border-color:#54dfff;transform:translateY(-2px)}.social-card .social-symbol{font:800 30px Inter,sans-serif;color:#72e5ff;width:50px;text-align:center}.social-card strong{display:block;font-size:19px}.social-card small{color:#a1bdcd;font-size:12px}.social-card.disabled{opacity:.58;cursor:default}.contact-row{font-size:13px;color:#9ab6cb;margin-top:25px}.contact-row a{color:#6fe1fa}.footer{border-top:1px solid #24445b;background:#071629;padding:24px 0}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:20px}.footer-note{display:flex;flex-direction:column;text-align:right;color:#829bb1;font:400 11px Inter,sans-serif;gap:6px}@media(max-width:1050px){.hero{gap:14px}.hero h1{font-size:60px}.float-one{left:-3px}.float-two{right:0}.hero-art{min-height:500px}.art-frame{min-height:485px}.portal{height:375px}}@media(max-width:780px){.wrap{padding-left:20px;padding-right:20px}.nav{height:76px}.navlinks{display:none}.navbutton{font-size:12px;padding:9px 12px}.brand{font-size:16px}.hero{grid-template-columns:1fr;gap:20px;padding-top:57px;padding-bottom:75px}.hero h1{font-size:clamp(43px,10vw,67px)}.intro{font-size:16px}.hero-art{min-height:470px}.art-frame{max-width:380px;min-height:430px}.portal{height:323px}.float-note{display:none}.section{padding-top:70px;padding-bottom:72px}.section-top{align-items:start}.side-label{display:none}.story-grid{grid-template-columns:1fr 1fr}.about{grid-template-columns:1fr;padding:36px 24px;gap:12px}.about-visual{min-height:240px}.planet{width:155px;height:155px}.planet:after{width:185px;height:65px;left:-15px;top:50px}.social-grid{grid-template-columns:1fr}.social-card{min-height:95px}}@media(max-width:490px){.hero h1{letter-spacing:-1px}.hero-art{min-height:450px}.art-frame{width:100%;min-height:420px}.portal{height:315px}.story-grid{grid-template-columns:1fr}.story-art{height:200px}.footer-inner{align-items:flex-start;flex-direction:column}.footer-note{text-align:left}.genre{font-size:9px;gap:5px}.genre i{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn,.story-card,.social-card{transition:none}}