*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#f8f9fb}body{font-family:'Inter','Noto Sans Thai',sans-serif;color:#343434;-webkit-font-smoothing:antialiased}.page{min-height:100svh;display:flex;flex-direction:column;padding:32px 24px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 24% 38%,#fce4d594,transparent 47%),radial-gradient(ellipse at 82% 70%,#e8e9f48c,transparent 44%)}.page:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#c6c8ce20 1px,transparent 1px),linear-gradient(90deg,#c6c8ce20 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(ellipse at center,#000,transparent 74%);pointer-events:none}main{flex:1;display:flex;align-items:center;justify-content:center;text-align:center;position:relative;padding:40px 0}.content{position:relative;width:100%;max-width:760px;padding:20px 40px 28px}.fox-scene{position:relative;width:260px;margin:0 auto 0;padding-bottom:0}.fox-scene:before{content:'';position:absolute;inset:15px -35px 30px;border-radius:50%;background:#f4c5a4;filter:blur(50px);opacity:.4;animation:glow 4s ease-in-out infinite}.fox{position:relative;display:block;width:100%;height:auto;overflow:hidden;transform-origin:50% 65%;animation:fox-float 4s ease-in-out infinite;filter:drop-shadow(0 14px 16px #b6633320)}.fox-shadow{position:absolute;bottom:0;left:23%;width:54%;height:12px;border-radius:50%;background:#b47c5330;filter:blur(7px);animation:shadow-breathe 4s ease-in-out infinite}.wordmark{display:block;width:350px;max-width:95%;height:auto;overflow:hidden;margin:0 auto 17px}.status{margin-bottom:22px}@keyframes fox-float{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-22px) rotate(3deg)}}@keyframes shadow-breathe{0%,100%{transform:scaleX(1);opacity:.65}50%{transform:scaleX(.68);opacity:.3}}h1{font-family:'Manrope','Inter',sans-serif;font-size:clamp(46px,6.5vw,76px);line-height:1.12;font-weight:600;letter-spacing:-3.4px;margin:0 0 24px}h1 span{color:#cc744d}.description{font-size:13px;line-height:1.9;font-weight:400;color:#86858a;margin:0}.status{display:inline-flex;align-items:center;gap:8px;color:#a86b4b;background:transparent;padding:7px 12px;font-size:11px;font-weight:500;letter-spacing:.3px}.dot{width:5px;height:5px;border-radius:50%;background:#cf6b3e;box-shadow:0 0 0 3px #cf6b3e13;animation:pulse 3s ease-in-out infinite}.divider{height:1px;background:linear-gradient(90deg,transparent,#dedee5,transparent);margin:32px 0 23px}.steps{display:flex;justify-content:center;gap:27px;align-items:center;font-size:11px;color:#8b8991}.steps span{display:flex;align-items:center;gap:7px}.steps svg{width:15px;height:15px;stroke:#b58264;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.soon{font-size:12px;color:#a29da0;margin:16px 0 0}footer{position:relative;text-align:center;font-size:11px;line-height:1.6;color:#a8a6ad;padding:12px 0 0}@keyframes arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{50%{opacity:.4}}@keyframes glow{50%{opacity:.55;transform:scale(1.1)}}@media(max-width:600px){.page{padding:24px 18px}main{padding:20px 0}.content{padding:16px 0 27px}.fox-scene{width:210px;margin-bottom:0}.wordmark{width:300px}h1{font-size:clamp(42px,10vw,56px);letter-spacing:-2px}.description{font-size:12px}.steps{gap:15px;font-size:10px}.steps span{gap:5px}.steps svg{width:13px;height:13px}.divider{margin-top:28px}.soon{font-size:11px}}@media(prefers-reduced-motion:reduce){*{animation:none!important}}