:root{--bg:#030611;--bg2:#070b18;--panel:#060b18bd;--panel-strong:#070d1deb;--line:#f4c76b47;--line-cyan:#67e8f957;--gold:#f4c76b;--gold-soft:#ffe7ad;--cyan:#67e8f9;--wine:#7a0f2f;--text:#f8fbff;--muted:#aebbd0;--shadow:0 28px 90px #00000080}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;color:var(--text);background:var(--bg);margin:0;font-family:IBM Plex Sans Thai,system-ui,sans-serif;overflow:hidden}body:after{content:"";z-index:2;pointer-events:none;background:radial-gradient(circle at 50% 44%,#0000 0 23rem,#0000001a 34rem,#00000075 100%),linear-gradient(#00000029,#0000 30%,#00000094);position:fixed;inset:0}a{color:inherit}button,input,textarea{font:inherit}.space-bg{z-index:0;background:radial-gradient(circle at 11% 18%,#f4c76b38,#0000 16rem),radial-gradient(circle at 78% 16%,#67e8f921,#0000 18rem),radial-gradient(circle at 54% 62%,#7a0f2f4d,#0000 31rem),linear-gradient(#050711,#090d1c 52%,#02040a);position:fixed;inset:0;overflow:hidden}.starfield{opacity:.76;background-image:radial-gradient(#fff 0 1px,#0000 1.5px),radial-gradient(#67e8f9eb 0 1px,#0000 1.8px),radial-gradient(#ffe2a2d6 0 1px,#0000 1.8px);background-position:0 0,42px 74px,96px 32px;background-size:120px 120px,190px 190px,260px 260px;animation:28s linear infinite starsDrift;position:absolute;inset:0}@keyframes starsDrift{to{background-position:120px 120px,232px 264px,356px 292px}}.nebula{opacity:.72;filter:blur(34px);background:radial-gradient(at 38% 44%,#67e8f92e,#0000 28%),radial-gradient(at 66% 56%,#f4c76b1a,#0000 34%),radial-gradient(at 56% 22%,#7a0f2f33,#0000 32%);animation:22s ease-in-out infinite alternate nebulaMove;position:absolute;inset:-18%}@keyframes nebulaMove{to{transform:translate(3%,2%)scale(1.03)}}.grid-glow{opacity:.24;background:linear-gradient(#67e8f91a 1px,#0000 1px) 0 0/80px 80px,linear-gradient(90deg,#67e8f91a 1px,#0000 1px) 0 0/80px 80px,radial-gradient(at 50% 4%,#67e8f94d,#0000 48%) 0 0/100% 100%;height:44%;position:absolute;inset:auto -10% -26%;transform:perspective(520px)rotateX(62deg)}.sun{opacity:.88;background:radial-gradient(circle,#fff8d8 0 8%,#ffd06f 16%,#ff9d2e 34%,#ff9b2e2e 62%,#0000 72%);border-radius:50%;width:110px;height:110px;position:absolute;top:9.5%;left:4.8%;box-shadow:0 0 92px #ffbd52c2}.planet{opacity:.65;border-radius:50%;position:absolute;box-shadow:inset -24px -18px 38px #000000b3,0 0 40px #ffffff1f}.p-a{background:linear-gradient(135deg,#b76d38,#291915);width:90px;height:90px;top:20%;left:23%}.p-b{background:linear-gradient(135deg,#a68c6b,#272b35);width:180px;height:180px;top:24%;right:-34px}.p-c{background:linear-gradient(135deg,#8d98a9,#201f2b);width:66px;height:66px;top:13%;right:25%}.p-d{background:linear-gradient(135deg,#36506e,#0d1422);width:250px;height:250px;bottom:-80px;left:-90px}.cosmic-dust{opacity:.46;pointer-events:none;filter:drop-shadow(0 0 8px #67e8f973);background-image:radial-gradient(#ffffffbf 0 1px,#0000 1.7px),radial-gradient(#67e8f9a6 0 1px,#0000 1.7px),radial-gradient(#f4c76b8c 0 1px,#0000 1.8px);background-position:30px 10px,120px 70px,60px 160px;background-size:210px 210px,300px 300px,420px 420px;animation:34s linear infinite dustFloat;position:absolute;inset:-10%}@keyframes dustFloat{to{transform:translate(-70px,46px)}}.shooting-stars{pointer-events:none;z-index:3;position:absolute;inset:0;overflow:hidden}.shooting-star{opacity:0;background:linear-gradient(90deg,#fff0,#67e8f914 16%,#b7efffc7 64%,#fff 100%);border-radius:999px;width:clamp(160px,15vw,290px);height:2px;animation:6.8s linear infinite meteorRun;position:absolute;transform:translate(-35vw,-10vh)rotate(-24deg);box-shadow:0 0 12px #67e8f9d1,0 0 26px #f4c76b4d}.shooting-star:after{content:"";background:#fff;border-radius:50%;width:8px;height:8px;position:absolute;top:50%;right:-4px;translate:0 -50%;box-shadow:0 0 18px #fff,0 0 38px #67e8f9e6,0 0 60px #f4c76b80}.s1{animation-duration:6.2s;animation-delay:-.4s;top:12%;left:2%}.s2{animation-duration:7.4s;animation-delay:-1.9s;top:20%;left:55%;scale:.72}.s3{animation-duration:8.2s;animation-delay:-3.1s;top:34%;left:77%;scale:.58}.s4{animation-duration:7.8s;animation-delay:-4.4s;top:70%;left:18%;scale:.68}.s5{animation-duration:9.4s;animation-delay:-5.2s;top:7%;left:38%;scale:.55}.s6{animation-duration:8.7s;animation-delay:-6.3s;top:49%;left:6%;scale:.6}.s7{animation-duration:9.8s;animation-delay:-2.7s;top:66%;left:66%;scale:.52}.s8{animation-duration:10.6s;animation-delay:-7.1s;top:8%;left:82%;scale:.48}@keyframes meteorRun{0%,68%{opacity:0;transform:translate(-25vw,-12vh)rotate(-24deg)}72%{opacity:1}82%{opacity:.95}to{opacity:0;transform:translate(44vw,26vh)rotate(-24deg)}}#stage{z-index:5;pointer-events:none;opacity:1;filter:none;transition:opacity .7s,transform .8s cubic-bezier(.16,.9,.16,1),filter .7s;position:fixed;inset:0;transform:translate(0)scale(1)}#three-canvas{width:100%;height:100%;display:block}body.detail-open #stage{opacity:.14;filter:blur(2.5px)saturate(.9);transform:translate(-12vw)scale(1.08)}.landing-shell{z-index:10;min-height:100vh;position:relative;overflow:hidden}.hero-copy{z-index:20;text-align:center;pointer-events:none;width:min(860px,100vw - 48px);margin:0 auto;padding-top:clamp(34px,5.8vh,68px);transition:opacity .5s,transform .6s cubic-bezier(.16,.9,.16,1),filter .5s;position:relative}.eyebrow{color:var(--cyan);letter-spacing:.22em;text-transform:uppercase;text-shadow:0 0 22px #67e8f961;margin:0 0 12px;font-size:12px;font-weight:900}.hero-copy h1{letter-spacing:.03em;background:linear-gradient(#fff6d3 0%,#f5c76b 42%,#a96f28 100%);color:#0000;text-shadow:0 0 30px #f4c76b2e,0 10px 38px #00000085;-webkit-background-clip:text;background-clip:text;margin:0;font-family:Cinzel,serif;font-size:clamp(62px,8.1vw,116px);line-height:.86;display:inline-block;position:relative}.hero-copy h1:after{content:"";filter:drop-shadow(0 0 18px #f4c76be6);background:radial-gradient(circle,#fff 0 8%,#fff5cdeb 10%,#f4c76b6b 22%,#0000 62%);border-radius:50%;width:36px;height:36px;animation:7.2s ease-in-out infinite titleGlint;position:absolute;top:8%;left:-7%}@keyframes titleGlint{0%,28%{opacity:0;transform:translate(0)scale(.5)}38%{opacity:1;transform:translate(280px)scale(1)}48%{opacity:.18;transform:translate(650px)scale(.7)}to{opacity:0;transform:translate(650px)scale(.4)}}.lead{color:#e7eefb;text-shadow:0 8px 28px #00000080;max-width:760px;margin:18px auto 0;font-size:clamp(16px,1.45vw,21px);line-height:1.72}body.detail-open .hero-copy{opacity:0;filter:blur(7px);transform:translateY(-22px)scale(.98)}.galaxy-menu{z-index:28;pointer-events:none;transition:opacity .48s,transform .62s cubic-bezier(.16,.9,.16,1),filter .5s;position:absolute;inset:0}.orbit{filter:drop-shadow(0 0 10px #f4c76b24);pointer-events:none;border:1px solid #f4c76b2e;border-radius:50%;position:absolute;top:55%;left:50%;transform:rotate(-13deg)}.orbit-1{width:min(610px,58vw);height:250px}.orbit-2{width:min(860px,76vw);height:380px}.orbit-3{width:min(1160px,92vw);height:510px}.orbit:before,.orbit:after{content:"";background:var(--cyan);offset-path:ellipse(50% 50% at 50% 50%);border-radius:50%;width:7px;height:7px;animation:7.2s linear infinite orbitLight;position:absolute;box-shadow:0 0 18px #67e8f9d9,0 0 42px #67e8f947}.orbit:after{background:var(--gold);animation-duration:10.5s;animation-delay:-3.5s}.orbit-2:before{animation-duration:9.6s;animation-delay:-1.2s}.orbit-3:before{animation-duration:12.2s;animation-delay:-2.4s}@keyframes orbitLight{to{offset-distance:100%}}.orbit-beam{filter:blur(.3px)drop-shadow(0 0 24px #67e8f933);opacity:.62;pointer-events:none;background:linear-gradient(90deg,#0000,#67e8f929,#f4c76b2e,#67e8f929,#0000);width:min(980px,78vw);height:1px;position:absolute;top:54%;left:50%;translate:-50% -50%}.beam-a{transform:rotate(-8deg)}.beam-b{opacity:.36;transform:rotate(16deg)}.planet-node{--planet-a:#fff6d1;--planet-b:#1f93bd;--planet-c:#06121f;--glow:#67e8f973;pointer-events:auto;appearance:none;color:#fff;text-align:left;cursor:pointer;isolation:isolate;background:radial-gradient(circle at 12% 50%,var(--glow),transparent 6.5rem), linear-gradient(90deg,#ffffff26,#ffffff0b 48%,#ffffff05), linear-gradient(180deg,#0d172fd1,#030711cc);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid #ffe2a257;border-radius:48px;grid-template-columns:78px 1fr 24px;align-items:center;gap:18px;width:clamp(284px,18vw,356px);min-height:104px;padding:17px 22px 17px 17px;transition:transform .24s,border-color .24s,box-shadow .24s,background .24s,opacity .24s,filter .24s;display:grid;position:absolute;overflow:visible;transform:translateZ(0);box-shadow:0 34px 90px #00000075,0 0 42px #67e8f917,inset 0 1px #ffffff21,inset 0 -1px #f4c76b1f}.planet-node:before{content:"";border-radius:inherit;background:conic-gradient(from var(--spin,0deg),transparent 0 8%,#fffffffa,#67e8f9eb,#f4c76be6,transparent 36% 100%);-webkit-mask-composite:xor;opacity:.56;filter:drop-shadow(0 0 14px #67e8f96b);pointer-events:none;padding:1px;animation:4s linear infinite borderRun;position:absolute;inset:-3px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.planet-node:after{content:"";opacity:.82;pointer-events:none;background:linear-gradient(108deg,#0000 0 28%,#ffffff7a,#67e8f947,#0000 70%);border-radius:38px;animation:4.2s ease-in-out infinite lightSweep;position:absolute;inset:8px 12px;translate:-140%}@property --spin{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes borderRun{to{--spin:360deg}}@keyframes lightSweep{0%,48%{translate:-140%}68%,to{translate:140%}}.node-orb{z-index:1;background:radial-gradient(circle at 34% 24%,#fff 0 6%,var(--planet-a) 13%,var(--planet-b) 50%,var(--planet-c) 77%);width:76px;height:76px;box-shadow:inset -18px -16px 24px #00000080, 0 0 30px var(--glow), 0 0 68px #67e8f938;border-radius:50%;place-items:center;animation:3.8s ease-in-out infinite orbPulse;display:grid;position:relative}.node-orb:before{content:"";border:1px solid #fff4c6f0;border-color:#fff4c6f0 #f4c76ba8 #67e8f957 #67e8f957;border-radius:50%;animation:3.7s linear infinite ringSpin;position:absolute;inset:-13px;box-shadow:0 0 20px #67e8f93d,inset 0 0 18px #f4c76b17}.node-orb:after{content:"";background:#fff7d2;border-radius:50%;width:9px;height:9px;animation:2.4s linear infinite sparkOrbit;position:absolute;top:9px;right:3px;box-shadow:0 0 16px #fff7d2,-18px 45px 0 -2px #67e8f9cc,26px 28px 0 -3px #ffffffd1,-32px -10px 0 -3px #f4c76bdb,0 0 34px #f4c76bb8}@keyframes orbPulse{50%{filter:brightness(1.24);box-shadow:inset -18px -16px 24px #00000080,0 0 48px var(--glow),0 0 88px #67e8f940}}@keyframes ringSpin{to{rotate:360deg}}@keyframes sparkOrbit{to{transform:rotate(360deg)translate(16px)rotate(-360deg)}}.node-icon{z-index:1;color:#fff8dc;text-shadow:0 0 16px #000000bf,0 0 18px #ffe2a2a6;font-size:28px;font-weight:900;position:relative}.node-copy{z-index:1;min-width:0;position:relative}.node-copy b{color:#fff1b8;letter-spacing:.06em;text-shadow:0 0 24px #f4c76b47;font-family:Cinzel,IBM Plex Sans Thai,serif;font-size:clamp(18px,1.15vw,24px);line-height:1.08;display:block}.node-copy small{color:#e4edf9;opacity:.94;margin-top:8px;font-size:14px;line-height:1.42;display:block}.node-arrow{z-index:1;color:#fff0b7;text-shadow:0 0 18px #f4c76bcc;border-radius:50%;place-items:center;width:24px;height:24px;font-size:34px;line-height:1;animation:1.9s ease-in-out infinite arrowNudge;display:grid;position:relative}@keyframes arrowNudge{50%{filter:brightness(1.35);transform:translate(4px)}}.planet-node:hover,.planet-node:focus-visible,.planet-node.selected{box-shadow:0 36px 100px #00000080, 0 0 72px var(--glow), 0 0 32px #f4c76b33, inset 0 1px 0 #ffffff2e;background:radial-gradient(circle at 13%,#67e8f98c,#0000 7rem),linear-gradient(90deg,#ffffff2e,#fff1 52%,#ffffff07),linear-gradient(#111d39e6,#040915d6);border-color:#fff1b8d1;outline:none;transform:translateY(-10px)scale(1.055)}.planet-node:hover:before,.planet-node:focus-visible:before,.planet-node.selected:before{opacity:.88}.planet-node:hover .node-orb,.planet-node:focus-visible .node-orb,.planet-node.selected .node-orb{filter:brightness(1.24)saturate(1.18)}.node-plans{--planet-a:#fff0b8;--planet-b:#b98226;--planet-c:#17100a;--glow:#f4c76b7a;top:27%;right:calc(50% + 395px)}.node-feature{--planet-a:#d9fbff;--planet-b:#1e9bd1;--planet-c:#061925;--glow:#67e8f985;top:27%;left:calc(50% + 395px)}.node-contact{--planet-a:#fff0bb;--planet-b:#9d5c10;--planet-c:#190f08;--glow:#f4c76b70;top:49%;right:calc(50% + 455px)}.node-download{--planet-a:#c9fbff;--planet-b:#1681b8;--planet-c:#061925;--glow:#67e8f980;top:49%;left:calc(50% + 455px)}.node-guide{--planet-a:#dffaff;--planet-b:#117ec6;--planet-c:#051627;--glow:#67e8f970;top:73%;right:calc(50% + 350px)}.node-about{--planet-a:#fff0b8;--planet-b:#b98226;--planet-c:#17100a;--glow:#f4c76b70;top:73%;left:calc(50% + 350px)}body.detail-open .galaxy-menu{opacity:0;filter:blur(12px);pointer-events:none;transform:scale(1.12)}.detail-console{z-index:42;opacity:0;pointer-events:none;width:min(340px,26vw);transition:opacity .42s,transform .58s cubic-bezier(.16,.9,.16,1);position:fixed;top:50%;left:clamp(18px,3.2vw,56px);transform:translateY(-50%)translate(-28px)}body.detail-open .detail-console{opacity:1;pointer-events:auto;transform:translateY(-50%)translate(0)}.current-badge{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:radial-gradient(circle at 18% 18%,#67e8f92e,#0000 9rem),linear-gradient(#0b1227e0,#040812eb);border:1px solid #f4c76b52;border-radius:28px;min-height:128px;padding:22px 22px 22px 88px;position:relative;overflow:hidden;box-shadow:0 22px 62px #00000061,inset 0 1px #ffffff14}.current-badge:after{content:"";background:linear-gradient(110deg,#0000 0 28%,#ffffff2e 45%,#0000 68%);animation:6.2s ease-in-out infinite lightSweep;position:absolute;inset:0;translate:-120%}.current-badge>span{color:#fff8dc;background:radial-gradient(circle at 30% 22%,#fff4bf,#b98226 52%,#15100d 78%);border-radius:50%;place-items:center;width:50px;height:50px;font-weight:900;display:grid;position:absolute;top:22px;left:20px;box-shadow:0 0 30px #f4c76b47,inset -12px -10px 16px #00000070}.current-badge p,.current-badge h2,.current-badge small{z-index:1;position:relative}.current-badge p{color:var(--cyan);letter-spacing:.18em;margin:0 0 6px;font-size:11px;font-weight:900}.current-badge h2{color:#fff3bd;margin:0;font-family:Cinzel,IBM Plex Sans Thai,serif;font-size:26px;line-height:1.1}.current-badge small{color:#c9d6e8;margin-top:8px;line-height:1.45;display:block}.subnav{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#040812b8;border:1px solid #67e8f92e;border-radius:24px;gap:10px;margin-top:14px;padding:16px;display:grid;position:relative;box-shadow:0 22px 62px #00000047}.subnav:before{content:"SECTION MENU";color:var(--cyan);letter-spacing:.2em;margin-bottom:2px;font-size:10px;font-weight:900}.sub-btn{color:#d7e6f7;text-align:left;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:16px;min-height:46px;padding:0 12px 0 34px;transition:all .18s;position:relative}.sub-btn:before{content:"";background:#67e8f96b;border-radius:50%;width:8px;height:8px;position:absolute;top:50%;left:14px;translate:0 -50%;box-shadow:0 0 12px #67e8f95c}.sub-btn:hover,.sub-btn:focus-visible,.sub-btn.selected{color:#fff;background:#f4c76b1a;border-color:#f4c76b61;outline:none}.sub-btn.selected:before{background:var(--gold);box-shadow:0 0 16px #f4c76bb3}.back-btn{color:#ffe9ad;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);cursor:pointer;background:#050914c7;border:1px solid #f4c76b59;border-radius:16px;width:100%;min-height:48px;margin-top:14px;transition:all .22s;box-shadow:0 16px 45px #00000057}.back-btn:hover{color:#e5fbff;border-color:#67e8f99e;transform:translateY(-2px)}.info-panel{z-index:34;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);opacity:0;pointer-events:none;background:radial-gradient(circle at 14% 8%,#67e8f929,#0000 18rem),radial-gradient(circle at 95% 95%,#f4c76b1a,#0000 16rem),linear-gradient(135deg,#0c142aeb,#050914db);border:1px solid #f4c76b57;border-radius:44px;width:min(860px,60vw);min-height:min(620px,72vh);padding:clamp(28px,4vw,56px);transition:opacity .42s,transform .58s cubic-bezier(.16,.9,.16,1);position:fixed;top:50%;right:clamp(24px,5.2vw,94px);overflow:hidden;transform:translateY(-50%)translate(34px)scale(.96);box-shadow:0 38px 110px #0000008f,inset 0 1px #ffffff1a}.info-panel:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#67e8f914,#0000) 0 0/100% 100%,linear-gradient(#ffffff09 1px,#0000 1px) 0 0/58px 58px,linear-gradient(90deg,#ffffff07 1px,#0000 1px) 0 0/58px 58px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 78%);mask-image:linear-gradient(#000,#0000 78%)}.info-panel:after{content:"";border:1px solid #67e8f942;border-radius:50%;width:240px;height:240px;position:absolute;bottom:-70px;right:-70px;box-shadow:0 0 50px #67e8f914,inset 0 0 40px #f4c76b0d}body.detail-open .info-panel{opacity:1;pointer-events:auto;transform:translateY(-50%)translate(0)scale(1)}.panel-kicker,.info-panel h2,.info-panel p,.detail-list,.panel-actions{z-index:1;position:relative}.panel-kicker{color:var(--cyan);letter-spacing:.24em;margin:0 0 14px;font-size:13px;font-weight:900}.info-panel h2{color:#fff8e8;letter-spacing:-.04em;max-width:780px;margin:0;font-size:clamp(38px,4vw,66px);line-height:1.1}.info-panel p:not(.panel-kicker){color:#d9e5f6;max-width:760px;margin:22px 0 0;font-size:clamp(17px,1.4vw,21px);line-height:1.82}.detail-list{grid-template-columns:1fr 1fr;gap:12px;margin:28px 0 0;padding:0;list-style:none;display:grid}.detail-list li{color:#edf5ff;background:#ffffff0c;border:1px solid #ffffff17;border-radius:20px;align-items:center;min-height:62px;padding:13px 15px 13px 44px;line-height:1.55;display:flex;position:relative;box-shadow:inset 0 1px #ffffff0a}.detail-list li:before{content:"";background:var(--gold);border-radius:50%;width:10px;height:10px;position:absolute;top:50%;left:16px;translate:0 -50%;box-shadow:0 0 16px #f4c76bb3}.panel-actions{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.panel-actions a{border-radius:17px;justify-content:center;align-items:center;min-height:52px;padding:0 20px;font-weight:900;text-decoration:none;transition:transform .18s,border-color .18s,background .18s;display:inline-flex}.panel-actions a:hover{transform:translateY(-2px)}.action-primary{color:#17130b;background:linear-gradient(135deg,#ffe5a6,#c79537);box-shadow:0 14px 30px #f4c76b2e}.action-secondary{color:#dff8ff;background:#67e8f912;border:1px solid #67e8f952}.zoom-flash{animation:.55s cubic-bezier(.16,.9,.16,1) panelPop}@keyframes panelPop{0%{filter:brightness();transform:translateY(-50%)scale(.96)}55%{filter:brightness(1.18);transform:translateY(-50%)scale(1.012)}to{filter:brightness();transform:translateY(-50%)scale(1)}}.page-body{min-height:100vh;overflow:auto}.page-shell{z-index:10;width:min(1120px,100vw - 36px);margin:0 auto;padding:42px 0 70px;position:relative}.page-back{color:#ffe9ad;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#050914a8;border:1px solid #f4c76b4d;border-radius:16px;align-items:center;min-height:44px;padding:0 16px;text-decoration:none;display:inline-flex}.page-hero{box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:radial-gradient(circle at 20% 10%,#67e8f924,#0000 16rem),linear-gradient(#080f1fc7,#030711db);border:1px solid #f4c76b42;border-radius:36px;margin-top:38px;padding:38px}.page-kicker{color:var(--cyan);letter-spacing:.2em;margin:0 0 10px;font-size:13px;font-weight:900}.page-hero h1{color:var(--gold);margin:0;font-family:Cinzel,serif;font-size:clamp(44px,7vw,86px);line-height:.94}.page-hero p{color:#dbe8f8;max-width:780px;margin:18px 0 0;font-size:19px;line-height:1.8}.page-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:22px;display:grid}.page-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#070d1db3;border:1px solid #ffffff17;border-radius:24px;min-height:170px;padding:22px;box-shadow:0 18px 52px #00000047}.page-card b{color:#fff2bf;margin-bottom:10px;font-size:21px;display:block}.page-card span,.page-card p{color:#cbd8eb;margin:0;line-height:1.7}.page-wide{grid-column:span 2}.page-steps{counter-reset:steps;gap:14px;margin-top:22px;display:grid}.page-step{counter-increment:steps;background:#070d1db3;border:1px solid #ffffff17;border-radius:24px;grid-template-columns:64px 1fr;align-items:start;gap:16px;padding:20px;display:grid}.page-step:before{content:counter(steps);color:#10131b;background:linear-gradient(135deg,#ffe5a6,#c79537);border-radius:17px;place-items:center;width:48px;height:48px;font-weight:900;display:grid}.page-step b{color:#fff2bf;margin-bottom:6px;font-size:20px;display:block}.page-step span{color:#cbd8eb;line-height:1.7}.download-list{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:22px;display:grid}.download-card{color:#fff;background:linear-gradient(#0c142ad1,#040812e0);border:1px solid #f4c76b42;border-radius:26px;min-height:170px;padding:24px;text-decoration:none;transition:transform .18s,border-color .18s;box-shadow:0 18px 52px #00000052}.download-card:hover{border-color:#67e8f98f;transform:translateY(-4px)}.download-card b{color:#fff2bf;margin-bottom:10px;font-size:22px;display:block}.download-card span{color:#cbd8eb;line-height:1.7}.page-footer-note{color:#98a8bf;margin-top:22px;line-height:1.7}@media (width<=1320px){.planet-node{border-radius:40px;grid-template-columns:64px 1fr 18px;width:248px;min-height:92px;padding:14px 17px 14px 14px}.node-orb{width:62px;height:62px}.node-copy b{font-size:17px}.node-copy small{font-size:12px}.node-arrow{font-size:28px}.node-plans{top:28%;right:calc(50% + 290px)}.node-feature{top:28%;left:calc(50% + 290px)}.node-contact{top:49%;right:calc(50% + 330px)}.node-download{top:49%;left:calc(50% + 330px)}.node-guide{top:72%;right:calc(50% + 250px)}.node-about{top:72%;left:calc(50% + 250px)}.detail-console{width:320px}.info-panel{width:min(760px,56vw);right:28px}}@media (width<=1040px){.hero-copy{padding-top:28px}.lead{max-width:560px}.planet-node{border-radius:34px;grid-template-columns:54px 1fr 14px;width:215px;min-height:82px;padding:12px 14px 12px 12px}.node-orb{width:52px;height:52px}.node-arrow{font-size:24px}.node-copy b{font-size:14px}.node-copy small{margin-top:5px;font-size:11px}.node-plans{top:28%;right:calc(50% + 205px)}.node-feature{top:28%;left:calc(50% + 205px)}.node-contact{top:48%;right:calc(50% + 238px)}.node-download{top:48%;left:calc(50% + 238px)}.node-guide{top:69%;right:calc(50% + 170px)}.node-about{top:69%;left:calc(50% + 170px)}body.detail-open #stage{opacity:.08;transform:translate(0)scale(1.05)}.detail-console{width:auto;top:16px;left:18px;right:18px;transform:translateY(-22px)}body.detail-open .detail-console{transform:translateY(0)}.current-badge{display:none}.subnav{border-radius:20px;gap:8px;margin-top:8px;padding:10px;display:flex;overflow-x:auto}.subnav:before{display:none}.sub-btn{white-space:nowrap;flex:none;min-height:42px;padding:0 14px 0 30px}.back-btn{z-index:50;width:auto;min-width:190px;margin-top:0;position:fixed;bottom:18px;left:18px}.info-panel{width:auto;min-height:auto;max-height:calc(100vh - 226px);top:150px;left:18px;right:18px;overflow:auto;transform:translateY(24px)scale(.97)}body.detail-open .info-panel{transform:translateY(0)scale(1)}.page-grid,.download-list{grid-template-columns:1fr 1fr}}@media (width<=760px){body{overflow:auto}#stage{opacity:.82;height:560px;position:absolute}body.detail-open #stage{opacity:.04;filter:blur(2px)}.hero-copy{width:100%;padding:24px 18px 0}.hero-copy h1{font-size:46px}.eyebrow{letter-spacing:.14em;font-size:10px}.lead{font-size:15px}.galaxy-menu{grid-template-columns:1fr;gap:12px;min-height:auto;padding:290px 18px 28px;display:grid;position:relative;inset:auto}.orbit,.orbit-beam{display:none}.planet-node,.node-feature,.node-download,.node-about,.node-contact,.node-guide,.node-plans{width:100%;position:relative;top:auto;left:auto;right:auto}.planet-node{border-radius:34px;grid-template-columns:66px 1fr 20px;min-height:92px}.node-orb{width:64px;height:64px}.node-copy b{font-size:18px}.node-copy small{font-size:13px}body.detail-open .hero-copy,body.detail-open .galaxy-menu{display:none}.info-panel{border-radius:26px;max-height:calc(100vh - 224px);padding:22px;top:152px;left:12px;right:12px}.info-panel h2{font-size:30px}.info-panel p:not(.panel-kicker){font-size:16px}.detail-list{grid-template-columns:1fr}.panel-actions a{width:100%}.back-btn{justify-content:center;width:calc(100% - 24px);left:12px;right:12px}.page-shell{width:calc(100vw - 24px);padding:24px 0 48px}.page-hero{border-radius:28px;padding:24px}.page-grid,.download-list{grid-template-columns:1fr}.page-wide{grid-column:auto}.page-step{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.space-bg{background:radial-gradient(circle at 6% 13%,#ffc75a3d,#0000 15rem),radial-gradient(circle at 83% 12%,#7daaff2e,#0000 19rem),radial-gradient(at 76% 26%,#6134af42,#0000 34rem),radial-gradient(at 34% 48%,#45cbff26,#0000 31rem),radial-gradient(at 60% 66%,#7a0f2f52,#0000 35rem),linear-gradient(#02040c 0%,#06101f 46%,#02040a 100%)}.space-bg:before{content:"";pointer-events:none;opacity:.38;filter:blur(18px)saturate(1.35);background:linear-gradient(118deg,#0000 0 24%,#41a1ff29 35%,#9757ff1f 44%,#0000 58%),radial-gradient(at 72% 10%,#67e8f92e,#0000 24%),radial-gradient(at 18% 82%,#f4c76b1f,#0000 24%);animation:18s ease-in-out infinite alternate galaxyRibbon;position:absolute;inset:-20% -10%}.space-bg:after{content:"";pointer-events:none;opacity:.24;mix-blend-mode:screen;background:radial-gradient(circle at 50% 62%,#67e8f929,#0000 18rem),repeating-radial-gradient(at 50% 58%,#67e8f91a 0 1px,#0000 2px 46px);position:absolute;inset:0}@keyframes galaxyRibbon{to{opacity:.52;transform:translate(2.5%,-1.5%)scale(1.04)}}.starfield{opacity:.95;filter:drop-shadow(0 0 8px #67e8f92e);background-size:86px 86px,146px 146px,232px 232px}.nebula{opacity:.92;filter:blur(28px)saturate(1.3)}.grid-glow{opacity:.34;background-size:66px 66px,66px 66px,100% 100%;height:50%}.shooting-star{background:linear-gradient(90deg,#fff0,#67e8f91f 18%,#b7effff2 70%,#fff 100%);width:clamp(210px,20vw,390px);height:3px;animation-duration:5.8s;box-shadow:0 0 16px #67e8f9,0 0 44px #f4c76b8c}.shooting-star:after{width:10px;height:10px}.s1{animation-duration:5.3s}.s2{animation-duration:6.4s}.s3{animation-duration:7.1s}.s4{animation-duration:6.6s}.s5{animation-duration:8s}.s6{animation-duration:7.3s}.s7{animation-duration:8.7s}.s8{animation-duration:9.2s}body:not(.detail-open) .galaxy-menu{z-index:34}body:not(.detail-open) .planet-node{--planet-a:#f1cf79;--planet-b:#66dcff;--planet-c:#08111f;text-align:left;color:#fff1c5;-webkit-backdrop-filter:blur(17px)saturate(1.2);backdrop-filter:blur(17px)saturate(1.2);background:radial-gradient(circle at 0 20%,#67e8f938,#0000 11rem),linear-gradient(160deg,#0b1836e6,#040915db 58%,#01040ceb);border:1px solid #ffffff1a;border-radius:30px;grid-template-columns:1fr 58px;align-items:end;gap:18px;width:clamp(330px,21vw,430px);min-height:122px;padding:22px 22px 20px 26px;display:grid;position:absolute;overflow:hidden;box-shadow:0 24px 70px #0000006b,0 0 0 1px #f4c76b1a,inset 0 1px #ffffff24,inset 0 -1px #67e8f91a}body:not(.detail-open) .planet-node:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;opacity:.72;filter:drop-shadow(0 0 16px #67e8f947);background:linear-gradient(118deg,#f4c76bdb,#67e8f96b,#ffffff2e,#f4c76b57);padding:1px;animation:none;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}body:not(.detail-open) .planet-node:after{content:"";opacity:.72;background:linear-gradient(90deg,#0000,#ffffff61,#67e8f929,#0000);border-radius:999px;width:35%;height:170%;animation:4.4s ease-in-out infinite bannerSweep;position:absolute;top:-35%;left:-28%;translate:0;rotate:18deg}@keyframes bannerSweep{0%,48%{transform:translate(-120%)}70%,to{transform:translate(430%)}}body:not(.detail-open) .planet-node .node-tag{z-index:2;color:#c8fbff;letter-spacing:.16em;text-transform:uppercase;text-shadow:0 0 16px #67e8f98c;background:#67e8f913;border:1px solid #67e8f938;border-radius:999px;padding:6px 11px;font-size:10px;font-weight:900;line-height:1;position:absolute;top:18px;left:22px}body:not(.detail-open) .node-copy{z-index:2;min-width:0;padding-top:30px;position:relative}body:not(.detail-open) .node-copy b{color:#fff2bf;letter-spacing:.045em;text-shadow:0 0 28px #f4c76b52;font-family:Cinzel,IBM Plex Sans Thai,serif;font-size:clamp(26px,1.9vw,38px);font-weight:900;line-height:.98;display:block}body:not(.detail-open) .node-copy small{color:#cfe1ff;opacity:.96;margin-top:10px;font-size:14px;line-height:1.35;display:block}body:not(.detail-open) .node-arrow{z-index:2;color:#fff5c8;background:linear-gradient(#ffffff17,#ffffff09);border:1px solid #ffffff1a;border-radius:16px;align-self:center;place-items:center;width:50px;height:50px;font-size:27px;display:grid;position:relative;box-shadow:inset 0 1px #ffffff1f,0 0 18px #f4c76b24}body:not(.detail-open) .node-line{z-index:2;background:linear-gradient(90deg,var(--node-accent,#f4c76b),#67e8f970,transparent 76%);opacity:.72;border-radius:999px;height:2px;position:absolute;bottom:18px;left:24px;right:24px}body:not(.detail-open) .node-flare{z-index:1;filter:blur(12px);background:radial-gradient(circle,#67e8f952,#0000 68%);border-radius:50%;width:96px;height:96px;animation:3.8s ease-in-out infinite nodeFlare;position:absolute;top:12px;right:18px}@keyframes nodeFlare{50%{opacity:.9;transform:scale(1.18)}}body:not(.detail-open) .node-plans,body:not(.detail-open) .node-contact,body:not(.detail-open) .node-about{--node-accent:#f4c76b;background:radial-gradient(circle at 0 20%,#f4c76b38,#0000 11rem),linear-gradient(160deg,#24190ce0,#060a16e0 58%,#01040ceb)}body:not(.detail-open) .node-feature,body:not(.detail-open) .node-download,body:not(.detail-open) .node-guide{--node-accent:#67e8f9;background:radial-gradient(circle at 0 20%,#67e8f940,#0000 11rem),linear-gradient(160deg,#071d32e6,#050d1ce0 58%,#01040ceb)}body:not(.detail-open) .planet-node:hover,body:not(.detail-open) .planet-node:focus-visible,body:not(.detail-open) .planet-node.selected{box-shadow:0 28px 88px #00000080, 0 0 54px color-mix(in srgb,var(--node-accent,#67e8f9) 42%, transparent), inset 0 1px 0 #fff3;border-color:#fff1b8ad;transform:translateY(-8px)scale(1.035)}body:not(.detail-open) .planet-node:hover .node-arrow,body:not(.detail-open) .planet-node:focus-visible .node-arrow,body:not(.detail-open) .planet-node.selected .node-arrow{filter:brightness(1.25);transform:translate(4px)}body:not(.detail-open) .node-plans{top:25%;right:calc(50% + 405px)}body:not(.detail-open) .node-feature{top:25%;left:calc(50% + 405px)}body:not(.detail-open) .node-contact{top:48%;right:calc(50% + 500px)}body:not(.detail-open) .node-download{top:48%;left:calc(50% + 500px)}body:not(.detail-open) .node-guide{top:72%;right:calc(50% + 360px)}body:not(.detail-open) .node-about{top:72%;left:calc(50% + 360px)}@media (width<=1320px){body:not(.detail-open) .planet-node{border-radius:27px;grid-template-columns:1fr 48px;width:clamp(270px,22vw,330px);min-height:108px;padding:20px 18px 18px 22px}body:not(.detail-open) .node-copy b{font-size:24px}body:not(.detail-open) .node-copy small{font-size:12px}body:not(.detail-open) .node-tag{font-size:9px;top:16px;left:18px}body:not(.detail-open) .node-arrow{border-radius:14px;width:42px;height:42px}body:not(.detail-open) .node-plans{top:27%;right:calc(50% + 306px)}body:not(.detail-open) .node-feature{top:27%;left:calc(50% + 306px)}body:not(.detail-open) .node-contact{top:49%;right:calc(50% + 345px)}body:not(.detail-open) .node-download{top:49%;left:calc(50% + 345px)}body:not(.detail-open) .node-guide{top:72%;right:calc(50% + 250px)}body:not(.detail-open) .node-about{top:72%;left:calc(50% + 250px)}}@media (width<=1040px){body:not(.detail-open) .planet-node{border-radius:24px;grid-template-columns:1fr 38px;width:230px;min-height:96px;padding:18px 14px 16px 18px}body:not(.detail-open) .node-copy b{font-size:18px}body:not(.detail-open) .node-copy small{margin-top:7px;font-size:10.5px}body:not(.detail-open) .node-tag{letter-spacing:.12em;padding:5px 8px;font-size:8px}body:not(.detail-open) .node-arrow{border-radius:12px;width:34px;height:34px;font-size:20px}body:not(.detail-open) .node-line{bottom:14px}body:not(.detail-open) .node-plans{top:29%;right:calc(50% + 210px)}body:not(.detail-open) .node-feature{top:29%;left:calc(50% + 210px)}body:not(.detail-open) .node-contact{top:48%;right:calc(50% + 240px)}body:not(.detail-open) .node-download{top:48%;left:calc(50% + 240px)}body:not(.detail-open) .node-guide{top:68%;right:calc(50% + 170px)}body:not(.detail-open) .node-about{top:68%;left:calc(50% + 170px)}}@media (width<=760px){body:not(.detail-open) .galaxy-menu{gap:14px;padding:280px 18px 28px}body:not(.detail-open) .planet-node,body:not(.detail-open) .node-feature,body:not(.detail-open) .node-download,body:not(.detail-open) .node-about,body:not(.detail-open) .node-contact,body:not(.detail-open) .node-guide,body:not(.detail-open) .node-plans{border-radius:26px;grid-template-columns:1fr 46px;width:100%;min-height:110px;padding:20px 18px;position:relative;top:auto;left:auto;right:auto}body:not(.detail-open) .node-copy b{font-size:24px}body:not(.detail-open) .node-copy small{font-size:13px}body:not(.detail-open) .node-tag{font-size:9px}}