:root{--cream: #fff6ec;--cream-2: #ffeedd;--ink: #121a2c;--ink-2: #4a5468;--night: #0a0f1f;--night-2: #141b33;--coral: #ff3b6b;--coral-2: #ff6a4d;--sun: #ffb23f;--mint: #2fd39a;--plum: #2a1240;--display: "Mitr", "Noto Sans Thai", system-ui, sans-serif;--body: "Noto Sans Thai", "Mitr", system-ui, sans-serif;--hand: "Itim", "Mitr", cursive;--ease: cubic-bezier(.2, .7, .2, 1)}*{box-sizing:border-box}body,.story,.final{--texture: repeating-linear-gradient(30deg, var(--grid-ink) 0 1px, transparent 1px 64px), repeating-linear-gradient(150deg, var(--grid-ink) 0 1px, transparent 1px 64px), repeating-linear-gradient(90deg, var(--grid-ink) 0 1px, transparent 1px 73.9px)}body{--grid-ink: rgba(18, 26, 44, .035)}html{overflow-x:clip;scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;background:radial-gradient(1200px 700px at 85% 20%,rgba(255,178,63,.1),transparent 60%),var(--texture),var(--cream);background-attachment:fixed;color:var(--ink);font-family:var(--body);font-size:17px;line-height:1.65;overflow-x:clip}a{color:inherit;text-decoration:none}h1,h2,h3{font-family:var(--display);font-weight:600;line-height:1.25;margin:0}h2{font-size:clamp(30px,4.4vw,52px);letter-spacing:-.01em}.container{width:min(1120px,calc(100% - 40px));margin:0 auto}.narrow{width:min(760px,calc(100% - 40px))}.hand{font-family:var(--hand);font-size:21px;margin:0 0 8px;display:inline-block;transform:rotate(-2deg);color:var(--sun)}.hand.coral{color:var(--coral)}.hand.sun{color:var(--sun)}.hand.mint{color:var(--mint)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 28px;border-radius:999px;font-family:var(--display);font-weight:500;font-size:17px;border:0;cursor:pointer;transition:transform .25s var(--ease),box-shadow .25s var(--ease),background .25s;white-space:nowrap}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0) scale(.98)}.btn-coral{background:linear-gradient(135deg,var(--coral),var(--coral-2));color:#fff;box-shadow:0 10px 30px -8px #ff3b6ba6}.btn-coral:hover{box-shadow:0 16px 36px -8px #ff3b6bbf}.btn-glass{background:#ffffff1f;color:#fff;border:1px solid rgba(255,255,255,.28);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn-ink{background:var(--ink);color:#fff}.btn-sm{padding:9px 18px;font-size:15px}.btn-lg{padding:18px 40px;font-size:20px}.nav{position:fixed;z-index:50;top:14px;left:50%;transform:translate(-50%);width:min(1080px,calc(100% - 24px));display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 12px 10px 20px;border-radius:999px;color:#fff;transition:background .35s,color .35s,box-shadow .35s}.nav.scrolled{background:#fffcf7e0;-webkit-backdrop-filter:blur(14px) saturate(1.4);backdrop-filter:blur(14px) saturate(1.4);color:var(--ink);box-shadow:0 10px 30px -14px #121a2c59}.brand{display:inline-flex;align-items:center;gap:10px;font-family:var(--display);font-weight:600;font-size:22px}.mark{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,var(--coral),var(--sun));color:#fff;font-size:19px;transform:rotate(-6deg)}.links{display:flex;gap:28px;font-size:15px}.links a{opacity:.85;transition:opacity .2s}.links a:hover{opacity:1}.nav-cta{display:flex;align-items:center;gap:14px;font-size:15px}.hero{position:relative;min-height:100svh;background:var(--night);color:#fff;text-align:center;padding:130px 0 1px;isolation:isolate;z-index:3;border-radius:0 0 clamp(32px,6vw,72px) clamp(32px,6vw,72px)}.hero-bg,.hero-glow{border-radius:inherit}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:-2}.bg-tilt{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;gap:18px;justify-content:center;opacity:.32;filter:saturate(1.15) blur(1px);transform:rotate(-8deg) scale(1.35);transform-origin:center 30%}.bg-col{display:flex;flex-direction:column;gap:18px;flex:0 0 170px;animation:col-up var(--dur, 80s) linear infinite}.bg-col.down{animation-name:col-down}.bg-shot{aspect-ratio:9 / 16;border-radius:22px;background-size:cover;background-position:center}@keyframes col-up{to{transform:translateY(-50%)}}@keyframes col-down{0%{transform:translateY(-50%)}to{transform:translateY(0)}}.hero-glow{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(700px 420px at 50% 30%,rgba(10,15,31,.92),rgba(10,15,31,.55) 60%,transparent 100%),radial-gradient(600px 500px at 15% 80%,rgba(255,59,107,.35),transparent 70%),radial-gradient(600px 500px at 85% 70%,rgba(124,77,255,.35),transparent 70%),linear-gradient(to bottom,transparent 70%,var(--night) 100%)}.hero-inner{width:min(860px,calc(100% - 40px));margin:0 auto}.hero h1{font-size:clamp(44px,7.4vw,92px);line-height:1.12;letter-spacing:-.015em;margin:6px 0 20px}.hero h1 em{font-style:normal;background:linear-gradient(100deg,var(--coral) 10%,var(--sun) 90%);-webkit-background-clip:text;background-clip:text;color:transparent}.lead{font-size:clamp(17px,1.6vw,20px);color:#ffffffd1;max-width:640px;margin:0 auto 30px}.hero-cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.chips{list-style:none;padding:0;margin:26px 0 0;display:flex;gap:10px;justify-content:center;flex-wrap:wrap;font-size:14px}.chips li{padding:6px 14px;border-radius:999px;background:#ffffff14;border:1px solid rgba(255,255,255,.14);color:#ffffffd9}.hero-phone-wrap{--p: 0;position:relative;z-index:3;width:fit-content;margin:56px auto -220px}.phone-slot{--pw: 300;width:calc(var(--pw) * 1px);aspect-ratio:9 / 19.5}.hero-slot{--pw: 320}.phone.traveler{position:fixed;left:0;top:0;z-index:30;transform-origin:center center;will-change:transform}.traveler>.screen,.traveler>.island{animation:rise 1.2s .3s var(--ease) both}@keyframes rise{0%{opacity:0;transform:translateY(120px)}}.float-card{position:absolute;z-index:2;display:flex;align-items:center;gap:12px;padding:12px 16px 12px 12px;border-radius:20px;background:#fffffff2;color:var(--ink);text-align:left;box-shadow:0 20px 40px -18px #00000080;white-space:nowrap;animation:pop-in .8s var(--ease) both,bob 5s ease-in-out infinite}.float-card b{display:block;font-family:var(--display);font-weight:500;font-size:15px;line-height:1.3}.float-card small{color:var(--ink-2);font-size:13px}.fc-ico{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;color:#fff;font-size:20px}.fc-ico.coral{background:var(--coral)}.fc-ico.sun{background:var(--sun)}.fc-left{right:calc(100% - 40px);top:120px;animation-delay:1.2s,1.2s}.fc-right{left:calc(100% - 40px);top:300px;animation-delay:1.5s,2.4s}@keyframes pop-in{0%{opacity:0;transform:scale(.7) translateY(20px)}}@keyframes bob{50%{translate:0 -10px}}.phone{--pw: 300;position:relative;width:calc(var(--pw) * 1px);aspect-ratio:9 / 19.5;padding:calc(var(--pw) * .034px);border-radius:calc(var(--pw) * .15px);background:linear-gradient(145deg,#2b2f3a,#0d0f14 40%,#1c1f27);box-shadow:inset 0 0 0 2px #ffffff14,0 50px 80px -30px #000000a6,0 0 0 1px #00000080;font-size:calc(var(--pw) * .04px)}.screen{position:relative;height:100%;border-radius:calc(var(--pw) * .118px);overflow:hidden;background:#05060a;color:#fff;text-align:left}.stage-box{position:absolute;left:0;right:0;top:50%;aspect-ratio:9 / 16;transform:translateY(-50%);background:#111 center / cover}.stage-box iframe{width:100%;height:100%;border:0;display:block;pointer-events:none}.island{position:absolute;top:calc(var(--pw) * .06px);left:50%;transform:translate(-50%);width:30%;height:calc(var(--pw) * .085px);border-radius:999px;background:#000}.live-top{position:absolute;top:3.6em;left:.8em;right:.8em;display:flex;justify-content:space-between;align-items:center;gap:.5em}.host{display:flex;align-items:center;gap:.45em;padding:.25em .3em .25em .25em;border-radius:999px;background:#00000073;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);line-height:1.15}.host b{display:block;font-size:.95em;font-weight:600}.host small{font-size:.75em;opacity:.75}.follow{margin-left:.3em;padding:.3em .75em;border-radius:999px;background:var(--coral);font-size:.8em;font-weight:600}.live-meta{display:flex;gap:.35em;align-items:center}.live{padding:.15em .55em;border-radius:.4em;background:var(--coral);font-size:.8em;font-weight:700;letter-spacing:.06em;animation:pulse 1.6s ease-in-out infinite}.sim{padding:.15em .55em;border-radius:.4em;background:#00000073;font-size:.75em}@keyframes pulse{50%{box-shadow:0 0 0 .35em #ff3b6b40}}.av{flex:0 0 auto;width:2.2em;height:2.2em;border-radius:50%;display:grid;place-items:center;font-family:var(--display);font-size:.85em;font-weight:500;color:#fff;background:var(--sun)}.host-av{width:2.5em;height:2.5em;background:linear-gradient(135deg,var(--coral),var(--sun))}.comments{position:absolute;left:.8em;bottom:4.2em;width:72%;display:flex;flex-direction:column;gap:.35em;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 30%);mask-image:linear-gradient(to bottom,transparent,#000 30%)}.cmt{display:flex;gap:.45em;align-items:flex-start;padding:.3em .6em .3em .3em;border-radius:1em;background:#00000061;width:fit-content;max-width:100%;line-height:1.3;animation:cmt-in .35s var(--ease) both}.cmt .av{width:1.9em;height:1.9em;font-size:.8em}.cmt-body b{display:block;font-size:.78em;font-weight:500;color:#ffd9a8}.cmt-body span{font-size:.9em}.cmt.sys .cmt-body span{color:#b9f5dd}@keyframes cmt-in{0%{opacity:0;transform:translateY(.8em)}}.gift-banner{position:absolute;left:.8em;top:38%;display:flex;align-items:center;gap:.5em;padding:.3em 1em .3em .3em;border-radius:999px;background:linear-gradient(90deg,#ff3b6bf2,#ffb23fe6);transform:translate(-130%);opacity:0;line-height:1.2}.gift-banner.show{animation:gift 2.8s var(--ease) both}.gb-body b{display:block;font-size:.8em}.gb-body span{font-size:.85em}.gift-banner em{font-style:italic;font-family:var(--display);font-weight:600;font-size:1.5em;color:#fff6c9}@keyframes gift{0%{transform:translate(-130%);opacity:0}12%,85%{transform:translate(0);opacity:1}to{transform:translate(-20%);opacity:0}}.hearts{position:absolute;right:1.3em;bottom:3.6em;width:2em;height:1px}.hrt{position:absolute;bottom:0;left:0;font-style:normal;font-size:1.6em;animation:heart-up 2.6s ease-out both}@keyframes heart-up{0%{opacity:0;transform:translate(0) scale(.4)}15%{opacity:1;transform:translate(calc(var(--x) * .3),-2em) scale(1.1)}to{opacity:0;transform:translate(var(--x),-12em) scale(.8)}}.live-bottom{position:absolute;left:.8em;right:.8em;bottom:1em;display:flex;gap:.5em;align-items:center}.live-bottom .input{flex:1;padding:.55em .9em;border-radius:999px;background:#ffffff24;color:#ffffffa6;font-size:.85em}.ico{width:2.4em;height:2.4em;border-radius:50%;display:grid;place-items:center;background:#ffffff24;color:var(--coral)}.gift-ico{position:relative}.gift-ico:before{content:"";width:1em;height:.8em;border-radius:.15em;background:var(--sun);box-shadow:inset .42em 0 0 -.32em #fff}.marquee{position:relative;z-index:1;overflow:hidden;padding:70px 0 0;color:var(--ink);font-family:var(--display);font-size:clamp(22px,2.6vw,34px);font-weight:500;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}.marquee span{opacity:.28;transition:opacity .3s}.marquee span:nth-of-type(3n+1){opacity:.85}.marquee-track{display:flex;align-items:center;gap:36px;width:max-content;animation:marquee 40s linear infinite}.marquee-track i{width:9px;height:9px;border-radius:3px;background:var(--coral);transform:rotate(45deg)}@keyframes marquee{to{transform:translate(-50%)}}.desk{padding:120px 0 150px;text-align:center}.desk-stage{--open: 0;position:relative;width:min(1000px,calc(100% - 40px));margin:70px auto 0;perspective:2200px;perspective-origin:50% 0%}.laptop{position:relative;transform:translateY(calc((1 - var(--open)) * 70px)) scale(calc(.88 + var(--open) * .12));transform-style:preserve-3d}.lid{position:relative;padding:1.5% 1.5% 2.2%;border-radius:24px 24px 8px 8px;background:linear-gradient(180deg,#2a2d34,#15171c);box-shadow:inset 0 0 0 1.5px #ffffff14,0 40px 80px -40px #121a2c99;transform-origin:50% 100%;transform:rotateX(calc((1 - var(--open)) * 82deg));backface-visibility:hidden}.bezel{position:relative;aspect-ratio:16 / 10;border-radius:12px;overflow:hidden;background:#000;container-type:inline-size}.cam{position:absolute;z-index:2;top:.6%;left:50%;width:8px;height:8px;margin-left:-4px;border-radius:50%;background:#23262e;box-shadow:inset 0 0 0 2px #0a0b0e}.base{position:relative;height:clamp(10px,1.8vw,20px);width:116%;margin-left:-8%;border-radius:0 0 28px 28px;background:linear-gradient(180deg,#e6e8ec,#b9bdc5 55%,#8f939b);box-shadow:0 30px 40px -20px #121a2c8c}.base span{position:absolute;left:50%;top:0;width:15%;height:40%;transform:translate(-50%);border-radius:0 0 12px 12px;background:linear-gradient(180deg,#9ea2aa,#c4c7cd)}.ls{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;font-size:1.12cqw;color:#d8dbea;text-align:left;background:#12141c}.ls-bar{display:flex;align-items:center;gap:.45em;height:2.8em;padding:0 1em;background:#1d2030;font-size:.95em;color:#9aa0ba}.ls-bar i{width:.8em;height:.8em;border-radius:50%;background:#ff5f57}.ls-bar i:nth-child(2){background:#febc2e}.ls-bar i:nth-child(3){background:#28c840;margin-right:.6em}.ls-live{margin-left:auto;display:flex;align-items:center;gap:.5em;padding:.3em .9em;border-radius:999px;background:var(--coral);color:#fff;font-weight:600}.ls-live em{width:.55em;height:.55em;border-radius:50%;background:#fff;animation:blink 1.2s steps(1) infinite}.ls-live span{font-variant-numeric:tabular-nums;font-weight:500}.ls-body{flex:1;min-height:0;display:grid;grid-template-columns:22% 1fr 27%;gap:.9em;padding:.9em}.ls h5{margin:.4em 0 .6em;font-size:.8em;font-weight:500;letter-spacing:.04em;color:#7e849f}.ls-side,.ls-chat{min-height:0;padding:.8em;border-radius:.9em;background:#191c28}.src,.scene{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:.55em;padding:.6em .7em;margin-bottom:.45em;border-radius:.6em;background:#222638;font-size:.88em}.src small{flex-basis:100%;padding-left:2em;font-size:.82em;color:#ffb1c4}.src.on{background:#ff3b6b24;box-shadow:inset 0 0 0 1.5px var(--coral);animation:src-pulse 2.4s ease-in-out infinite}@keyframes src-pulse{50%{box-shadow:inset 0 0 0 1.5px var(--coral),0 0 0 .35em #ff3b6b2e}}.scene.on{background:#2c3150;color:#fff}.src-ico{width:1.4em;height:1.4em;border-radius:.35em;background:#3a4060}.cam-ico{background:linear-gradient(135deg,#4dabf7,#1971c2)}.link-ico{background:linear-gradient(135deg,var(--coral),var(--sun))}.mic-ico{background:linear-gradient(135deg,#69db7c,#2f9e44)}.ls-preview{position:relative;min-height:0;overflow:hidden;border-radius:.9em;background:repeating-conic-gradient(#11131a 0,#11131a 25%,#151823 0,#151823 50%) 0 0 / 1.6em 1.6em}.ls-canvas{position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%);aspect-ratio:9 / 16;background:#000;box-shadow:0 0 0 1px #ffffff14}.ls-canvas iframe{width:100%;height:100%;border:0;display:block;pointer-events:none}.sel-box{position:absolute;top:0;right:0;bottom:0;left:0;border:2px dashed rgba(255,59,107,.9);animation:dash 2.4s ease-in-out infinite}.sel-box b{position:absolute;top:-.1em;left:-.1em;padding:.2em .6em;border-radius:0 0 .5em;background:var(--coral);color:#fff;font-size:.75em;font-weight:500}@keyframes dash{50%{border-color:#ffb23fe6}}.streamer{position:absolute;left:6%;bottom:12%;width:34%;aspect-ratio:1;border-radius:50%;overflow:hidden;background:radial-gradient(circle at 50% 30%,#ffe1c2,#f6b98a);box-shadow:0 0 0 .25em #fff,0 .6em 1.2em -.4em #0009}.streamer .face{position:absolute;left:30%;top:22%;width:40%;height:40%;border-radius:50%;background:#f6c49a;box-shadow:inset 0 .5em #2a1d17}.streamer .face:after{content:"";position:absolute;left:22%;top:52%;width:56%;height:22%;border-radius:0 0 1em 1em;border-bottom:.18em solid #8a4a2e}.streamer .body{position:absolute;left:15%;bottom:-18%;width:70%;height:46%;border-radius:50% 50% 0 0;background:linear-gradient(135deg,var(--coral),var(--sun))}.ls-chat{display:flex;flex-direction:column}.ls-feed{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:flex-end;gap:.5em;overflow:hidden;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 25%);mask-image:linear-gradient(to bottom,transparent,#000 25%)}.lc{display:flex;gap:.55em;align-items:flex-start;font-size:.86em;line-height:1.3;animation:cmt-in .35s var(--ease) both}.lc b{display:block;font-size:.85em;font-weight:500;color:#ffd9a8}.lc.gift span{color:var(--sun)}.lc.follow span{color:#8ff0c8}.desk-phone{position:absolute;z-index:3;right:-3%;bottom:-4%;width:15%;opacity:var(--open);transform:translate(calc((1 - var(--open)) * 80px)) rotate(7deg)}.dp-screen{position:relative;aspect-ratio:9 / 19.5;border-radius:1.4rem;border:.45rem solid #14161b;background:#000 var(--img) center / cover;box-shadow:0 30px 50px -20px #121a2c99}.dp-screen .live{position:absolute;top:8%;right:8%;font-size:11px}.dp-cam{position:absolute;left:9%;bottom:18%;width:34%;aspect-ratio:1;border-radius:50%;border:2px solid #fff;background:radial-gradient(circle at 50% 35%,#f6c49a 0 28%,#2a1d17 29% 34%,transparent 35%),linear-gradient(135deg,var(--coral),var(--sun))}.desk-phone p{margin:10px 0 0;font-family:var(--hand);color:var(--coral);font-size:17px;transform:rotate(-3deg)}.callout{position:absolute;z-index:4;display:flex;align-items:center;gap:10px;padding:10px 16px 10px 10px;border-radius:16px;background:#fff;color:var(--ink);font-family:var(--display);font-size:15px;white-space:nowrap;box-shadow:0 18px 30px -18px #121a2c8c;opacity:clamp(0,calc((var(--open) - .75) * 5),1);transform:translateY(calc((1 - var(--open)) * 30px))}.callout b{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:var(--coral);color:#fff;font-size:14px}.c1{left:-4%;top:30%}.c2{left:6%;bottom:6%}.c2 b{background:var(--sun)}.c3{right:4%;top:6%}.c3 b{background:var(--mint)}@media(max-width:980px){.callout{display:none}}@media(max-width:820px){.ls{font-size:2.1cqw}.ls-side{display:none}.ls-body{grid-template-columns:1fr 34%}.ls-preview{overflow:hidden}.desk-phone{display:none}}.why{padding:110px 0;text-align:center}.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:56px;text-align:left}.why-card{background:#fff;border-radius:30px;padding:18px 18px 28px;box-shadow:0 30px 50px -36px #121a2c59;transition:transform .35s var(--ease)}.why-card:hover{transform:translateY(-6px) rotate(-.5deg)}.why-card h3{font-size:23px;margin:22px 10px 6px}.why-card p{margin:0 10px;color:var(--ink-2)}.why-art{position:relative;height:210px;border-radius:22px;overflow:hidden;background:var(--img) center 72% / 135% auto no-repeat,#1b2340}.why-art:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(10,15,31,.35),transparent 55%);pointer-events:none}.why-card:hover .why-art{background-size:145% auto}.why-art{transition:background-size .8s var(--ease)}.pin{position:absolute;z-index:2;left:var(--x);top:var(--y);transform:translate(-50%,-100%);animation:hop 1.6s ease-in-out infinite}.pin b{display:block;padding:4px 12px;border-radius:999px;background:var(--coral);color:#fff;font-family:var(--display);font-weight:500;font-size:14px;box-shadow:0 8px 16px -6px #ff3b6bb3;white-space:nowrap}.pin b:after{content:"";position:absolute;left:50%;bottom:-5px;margin-left:-5px;border:5px solid transparent;border-bottom:0;border-top-color:var(--coral)}.pin.p2{animation-delay:.5s}.pin.p2 b{background:var(--ink)}.pin.p2 b:after{border-top-color:var(--ink)}.ring{position:absolute;z-index:1;left:var(--x);top:var(--y);width:54px;height:54px;margin:-27px 0 0 -27px;border-radius:50%;border:3px solid #fff;animation:ping 1.6s ease-out infinite}@keyframes hop{50%{transform:translate(-50%,calc(-100% - 8px))}}@keyframes ping{0%{transform:scale(.5);opacity:1}to{transform:scale(1.5);opacity:0}}.g-av{--h: 4;flex:0 0 auto;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:hsl(var(--h) 70% 55%);color:#fff;font-family:var(--display);font-size:14px}.art-gift .flash{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 60%,rgba(255,220,120,.7),transparent 60%);mix-blend-mode:screen;animation:flash 3.2s ease-in-out infinite}@keyframes flash{0%,to{opacity:0}20%,45%{opacity:1}}.gift-pill{position:absolute;z-index:2;left:14px;top:22px;display:flex;align-items:center;gap:8px;padding:5px 16px 5px 5px;border-radius:999px;background:linear-gradient(90deg,var(--coral),var(--sun));color:#fff;line-height:1.2;box-shadow:0 10px 20px -8px #00000080;animation:gift-loop 3.2s var(--ease) infinite}.gift-pill .g-av{background:#fff;color:var(--coral)}.gift-pill b{display:block;font-size:13px}.gift-pill small{font-size:13px}.gift-pill em{font-family:var(--display);font-weight:600;font-size:22px;color:#fff6c9;margin-left:4px}@keyframes gift-loop{0%{transform:translate(-120%);opacity:0}12%,80%{transform:none;opacity:1}to{transform:translate(-20%);opacity:0}}.art-chat{background-position:center 58%}.feed{position:absolute;z-index:2;left:12px;bottom:12px;display:flex;flex-direction:column;gap:6px}.feed .row{display:flex;gap:8px;align-items:center;width:fit-content;padding:4px 12px 4px 4px;border-radius:16px;background:#0a0f1f9e;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;line-height:1.2;animation:feed 6s var(--ease) infinite both}.feed .row b{display:block;font-size:11px;font-weight:500;color:#ffd9a8}.feed .row span:not(.g-av){font-size:13px}.feed .row:nth-child(2){animation-delay:.6s}.feed .row:nth-child(3){animation-delay:1.2s}.feed .row:nth-child(4){animation-delay:1.8s}@keyframes feed{0%{opacity:0;transform:translateY(14px)}8%,80%{opacity:1;transform:none}92%,to{opacity:0;transform:translateY(-6px)}}.story{position:relative;z-index:2;border-radius:0 0 clamp(32px,6vw,72px) clamp(32px,6vw,72px);--bg: var(--cream-2);--grid-ink: rgba(18, 26, 44, .04);--fg: var(--ink);--sub: var(--ink-2);background:var(--texture),var(--bg);color:var(--fg);transition:background .7s var(--ease),color .7s var(--ease)}.story[data-step="1"]{--bg: var(--night);--grid-ink: rgba(255, 255, 255, .035);--fg: #fff;--sub: rgba(255, 255, 255, .72)}.story[data-step="2"]{--bg: var(--plum);--grid-ink: rgba(255, 255, 255, .035);--fg: #fff;--sub: rgba(255, 255, 255, .75)}.story-inner{display:grid;grid-template-columns:1fr 1fr;gap:40px}.story-phone{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px}.story-tabs{display:flex;gap:6px;padding:5px;border-radius:999px;background:color-mix(in srgb,var(--fg) 8%,transparent)}.story-tabs button{border:0;background:none;color:var(--fg);font-family:var(--hand);font-size:17px;padding:6px 16px;border-radius:999px;cursor:pointer;opacity:.7;transition:background .3s,opacity .3s,transform .3s}.story-tabs button.on{background:var(--coral);color:#fff;opacity:1;transform:rotate(-2deg)}.story-step:last-child{min-height:80vh}.story-step{min-height:100vh;display:flex;flex-direction:column;justify-content:center;opacity:.25;transform:translateY(20px);transition:opacity .6s var(--ease),transform .6s var(--ease)}.story-step.on{opacity:1;transform:none}.story-step>p{color:var(--sub);max-width:460px;font-size:18px}.story-step h2{margin-bottom:16px}.mini-cmds,.tiers{list-style:none;padding:0;margin:18px 0 0;display:flex;flex-wrap:wrap;gap:10px}.mini-cmds li,.tiers li{padding:8px 14px;border-radius:14px;background:color-mix(in srgb,var(--fg) 7%,transparent);font-size:15px}.mini-cmds code{font-family:var(--display);background:var(--coral);color:#fff;padding:1px 8px;border-radius:8px;margin-right:6px}.tiers b{font-family:var(--display);color:var(--sun);margin-right:8px}.meter{margin-top:22px;width:min(420px,100%);height:14px;border-radius:999px;background:#ffffff1f;overflow:hidden}.meter span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--coral),var(--sun));transition:width .5s var(--ease)}.games{padding:120px 0 100px;text-align:center;overflow:hidden}.sub{color:var(--ink-2);max-width:620px;margin:14px auto 0}.cat-tabs{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:30px}.cat-tabs button{border:1px solid rgba(18,26,44,.14);background:#fff;color:var(--ink);font-family:var(--display);font-size:15px;padding:8px 18px;border-radius:999px;cursor:pointer;transition:all .25s var(--ease)}.cat-tabs button:hover{border-color:var(--coral)}.cat-tabs button.on{background:var(--ink);border-color:var(--ink);color:#fff}.game-rail{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;padding:40px max(20px,calc((100vw - 1120px)/2)) 30px;scroll-padding-inline:max(20px,calc((100vw - 1120px)/2));scrollbar-width:none;cursor:grab;text-align:left}.game-rail::-webkit-scrollbar{display:none}.gcard{flex:0 0 236px;scroll-snap-align:start;animation:card-in .6s var(--ease) both;animation-delay:calc(var(--i) * 60ms);-webkit-user-select:none;user-select:none}@keyframes card-in{0%{opacity:0;transform:translateY(30px) rotate(2deg)}}.gshot{position:relative;aspect-ratio:9 / 16;border-radius:26px;background-size:cover;background-position:center;box-shadow:0 30px 40px -28px #121a2c99;transition:transform .4s var(--ease),box-shadow .4s var(--ease);overflow:hidden}.gshot:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:inset 0 0 0 1px #ffffff26}.gcard:hover .gshot{transform:translateY(-8px) rotate(-1.5deg);box-shadow:0 40px 50px -28px #121a2cb3}.badge{position:absolute;top:12px;left:12px;padding:3px 11px;border-radius:999px;font-family:var(--display);font-size:13px;color:#fff;background:var(--mint)}.badge.pro{background:linear-gradient(135deg,#b8860b,var(--sun))}.play{position:absolute;left:50%;bottom:18px;transform:translate(-50%,12px);padding:8px 20px;border-radius:999px;background:#fff;color:var(--ink);font-family:var(--display);font-size:15px;opacity:0;transition:all .3s var(--ease)}.gcard:hover .play{opacity:1;transform:translate(-50%)}.gbody{padding:16px 4px 0}.gbody small{color:var(--coral);font-family:var(--hand);font-size:15px}.gbody h3{font-size:20px;margin:2px 0 4px}.gbody p{margin:0;color:var(--ink-2);font-size:14px;line-height:1.55}.game-index{margin-top:26px;text-align:left}.gi-head{margin:0 0 14px;text-align:center;font-family:var(--display);font-size:15px;color:var(--ink-2)}.gi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.gi-cat{background:#fff;border-radius:22px;padding:18px 20px;scroll-margin-top:90px}.gi-cat h3{margin:0 0 8px;font-family:var(--hand);font-weight:400;font-size:17px;color:var(--coral)}.gi-cat ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 14px}.gi-cat li{font-size:14px;color:var(--ink);scroll-margin-top:90px}.gi-tier{font-family:var(--display);font-size:11px;padding:1px 7px;border-radius:999px;color:#fff;background:var(--mint);vertical-align:1px}.gi-tier.pro{background:linear-gradient(135deg,#b8860b,var(--sun))}@media(max-width:900px){.gi-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.gi-grid{grid-template-columns:1fr}}.bento-sec{padding:40px 0 120px;text-align:center}.bento{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:230px;gap:20px;margin-top:50px;text-align:left}.tile{position:relative;border-radius:30px;padding:30px;overflow:hidden;transition:transform .4s var(--ease)}.tile:hover{transform:translateY(-5px)}.tile h3{font-size:25px;margin-bottom:8px}.tile p{margin:0;max-width:380px;opacity:.85}.t-big{grid-column:span 2;grid-row:span 2}.tile.dark{background:var(--night-2);color:#fff}.tile.coral{background:var(--coral);color:#fff}.tile.cream{background:#fff}.tile.mint{background:#c8f4e2}.tile.sun{background:#ffdca0}.tile.photo{background:var(--img) center 78% / cover;color:#fff;display:flex;align-items:flex-end}.tile.photo:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#0a0f1fe6 10%,#0a0f1f33 70%)}.tile.photo h3{position:relative}.studio{position:absolute;left:30px;right:30px;bottom:30px;border-radius:18px;background:#1f2745;box-shadow:0 30px 50px -20px #0009;overflow:hidden}.studio-bar{display:flex;align-items:center;gap:6px;padding:12px 16px;background:#283157;font-size:13px;color:#ffffffb3}.studio-bar i{width:10px;height:10px;border-radius:50%;background:#ff5f57}.studio-bar i:nth-child(2){background:#febc2e}.studio-bar i:nth-child(3){background:#28c840;margin-right:8px}.studio-body{padding:18px 20px 20px}.studio-body label{font-size:13px;color:#fff9}.studio-input{margin:6px 0 14px;padding:12px 14px;border-radius:12px;background:#121834;border:1px solid rgba(255,255,255,.12);font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:15px;min-height:48px;display:flex;align-items:center}.caret{width:2px;height:20px;background:var(--coral);margin-left:2px;animation:blink 1s steps(1) infinite}@keyframes blink{50%{opacity:0}}.studio-row{display:flex;gap:10px;font-size:14px}.studio-row span{padding:6px 12px;border-radius:10px;background:#ffffff14}.studio-row .studio-ok{margin-left:auto;background:#ffffff1f;transition:background .3s,transform .3s}.studio.done .studio-ok{background:var(--coral);transform:scale(1.06)}.steps-sec{padding:110px 0;background:#ffffff8c;border-block:1px solid rgba(18,26,44,.06);text-align:center}.steps{list-style:none;padding:0;margin:56px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:30px;position:relative}.steps:before{content:"";position:absolute;top:32px;left:16%;right:16%;border-top:2px dashed rgba(255,59,107,.35)}.steps li{position:relative}.steps .n{width:64px;height:64px;margin:0 auto 20px;border-radius:22px;display:grid;place-items:center;background:var(--coral);color:#fff;font-family:var(--display);font-size:28px;font-weight:600;transform:rotate(-6deg);box-shadow:0 14px 24px -12px #ff3b6bb3}.steps li:nth-child(2) .n{background:var(--sun);transform:rotate(5deg)}.steps li:nth-child(3) .n{background:var(--mint);transform:rotate(-3deg)}.steps h3{font-size:22px;margin-bottom:6px}.steps p{margin:0 auto;max-width:300px;color:var(--ink-2)}.pricing{padding:120px 0;text-align:center}.plans{display:grid;grid-template-columns:repeat(2,minmax(0,380px));justify-content:center;gap:24px;margin-top:50px;text-align:left}.plan{position:relative;background:#fff;border-radius:30px;padding:34px;display:flex;flex-direction:column;box-shadow:0 30px 50px -36px #121a2c66}.plan h3{font-size:22px}.price{font-family:var(--display);font-size:52px;font-weight:600;margin:6px 0 14px;line-height:1.1}.price small{font-size:18px;font-weight:400;color:var(--ink-2)}.price.soon{font-size:40px;background:linear-gradient(100deg,var(--coral),var(--sun));-webkit-background-clip:text;background-clip:text;color:transparent}.plan ul{list-style:none;padding:0;margin:0 0 28px;flex:1}.plan li{padding:8px 0 8px 30px;position:relative}.plan li:before{content:"";position:absolute;left:0;top:15px;width:18px;height:10px;border-left:3px solid var(--mint);border-bottom:3px solid var(--mint);transform:rotate(-45deg)}.plan.pro{background:var(--night-2);color:#fff}.plan.pro .price small{color:#fff9}.ribbon{position:absolute;top:26px;right:26px;padding:4px 14px;border-radius:999px;background:linear-gradient(135deg,#b8860b,var(--sun));font-family:var(--display);font-size:13px}.plans.plans-5{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));max-width:1180px;margin-left:auto;margin-right:auto}.plans-5 .plan{padding:28px}.plans-5 .price{font-size:40px}.price s{font-size:20px;font-weight:400;color:var(--ink-2);opacity:.75}.plan.pro .price s{color:#fff9}.plan-sum{margin:0 0 12px;color:var(--ink-2);font-size:15px}.plan.pro .plan-sum{color:#ffffffb8}.pricing-sub{max-width:640px;margin:14px auto 0;color:var(--ink-2)}.pricing-cta{margin-top:36px;display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:center;color:var(--ink-2)}.faq{padding:40px 0 120px;text-align:center}.faq h2{margin-bottom:34px}details{text-align:left;background:#fff;border-radius:22px;margin-bottom:12px;transition:box-shadow .3s}details[open]{box-shadow:0 20px 40px -30px #121a2c73}summary{list-style:none;cursor:pointer;padding:22px 64px 22px 26px;font-family:var(--display);font-size:18px;font-weight:500;position:relative}summary::-webkit-details-marker{display:none}summary:after{content:"+";position:absolute;right:22px;top:50%;width:32px;height:32px;margin-top:-16px;border-radius:50%;display:grid;place-items:center;background:var(--cream-2);color:var(--coral);font-size:22px;transition:transform .3s var(--ease)}details[open] summary:after{transform:rotate(45deg)}details p{margin:0;padding:0 26px 24px;color:var(--ink-2)}.final{position:relative;--grid-ink: rgba(255, 255, 255, .04);background:radial-gradient(800px 400px at 50% 100%,rgba(255,59,107,.35),transparent 70%),var(--texture),var(--night);color:#fff;text-align:center;padding:150px 0;overflow:hidden}#hearts{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.final-inner{position:relative}.final h2{font-size:clamp(36px,6vw,72px);line-height:1.2}.final h2 em{font-style:normal;color:var(--sun)}.final p{color:#ffffffbf;margin:18px 0 30px;font-size:18px}.foot{background:#060914;color:#ffffffbf;padding:70px 0 30px;font-size:15px}.foot-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:30px}.foot .brand{color:#fff}.foot h4{margin:6px 0 12px;font-family:var(--hand);font-weight:400;color:var(--coral);font-size:17px}.foot-grid a:not(.brand){display:block;padding:3px 0}.foot-grid a:hover{color:#fff}.foot-about{max-width:420px;font-size:14px;line-height:1.7}.foot-grid .foot-contact a{display:inline;padding:0;color:#fff}.foot-note{margin-top:50px;padding-top:22px;border-top:1px solid rgba(255,255,255,.08);font-size:13px;color:#ffffff80}.reveal{opacity:0;transform:translateY(28px);transition:opacity .9s var(--ease),transform .9s var(--ease)}.reveal.in{opacity:1;transform:none}.hand.reveal.in{transform:rotate(-2deg)}.d1{transition-delay:.08s}.d2{transition-delay:.16s}.d3{transition-delay:.24s}.d4{transition-delay:.32s}@media(max-width:980px){.float-card{display:none}.bento{grid-template-columns:1fr 1fr}.t-big{grid-row:span 2}}@media(max-width:820px){body{font-size:16px}.links{display:none}.hero{padding-top:110px}.hero-slot{--pw: 260}.hero-phone-wrap{margin-bottom:-180px}.marquee{padding-top:50px}.bg-col{flex-basis:120px}.why-grid,.steps,.plans{grid-template-columns:1fr}.steps:before{display:none}.story-inner{display:block}.story-phone{top:0;height:auto;margin:0 -20px;padding:76px 20px 14px;z-index:3;gap:10px;background:var(--texture),var(--bg);transition:background .7s var(--ease);box-shadow:0 18px 20px -18px #00000040}.story-slot{--pw: 180}.story-tabs button{font-size:15px;padding:4px 12px}.story-steps{position:relative;z-index:1}.story-step{min-height:62vh;justify-content:flex-start;padding:28px 0 8vh}.story-step h2{font-size:28px}.story-step>p{font-size:16px}.bento{grid-template-columns:1fr;grid-auto-rows:auto}.tile{min-height:190px}.t-big{grid-column:auto;min-height:420px}.foot-grid{grid-template-columns:1fr 1fr}.foot-grid>:first-child{grid-column:1 / -1}}@media(max-width:480px){.nav-cta .login{display:none}.hero h1{font-size:42px}.chips li{font-size:13px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}html{scroll-behavior:auto}}.rail{position:fixed;z-index:40;right:22px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:flex-end;gap:14px;padding:14px 30px 14px 16px;border-radius:18px;background:#fffcf7b8;-webkit-backdrop-filter:blur(12px) saturate(1.3);backdrop-filter:blur(12px) saturate(1.3);box-shadow:0 10px 30px -16px #121a2c66;pointer-events:none;color:var(--ink)}.rail-line{position:absolute;right:14px;top:18px;bottom:18px;width:2px;border-radius:2px;background:currentColor;opacity:.18}.rail-line i{position:absolute;left:50%;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:var(--coral);box-shadow:0 0 0 4px #ff3b6b40}.rail a{pointer-events:auto;font-family:var(--hand);font-size:15px;opacity:.45;transform-origin:right center;transition:opacity .3s,transform .3s var(--ease)}.rail a:hover{opacity:.8}.rail a.on{opacity:1;transform:scale(1.12);color:var(--coral)}@media(max-width:1180px){.rail{display:none}}.mark-mascot{width:42px;height:42px;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));transition:transform .3s var(--ease)}.brand:hover .mark-mascot{transform:rotate(-8deg) scale(1.1)}.hero-mascot{position:absolute;z-index:3;width:190px;height:auto;left:-250px;bottom:150px;filter:drop-shadow(0 18px 22px rgba(0,0,0,.45));animation:pop-in .8s 1s var(--ease) both,mascot-bounce 2.6s 1.8s ease-in-out infinite;transform-origin:50% 100%}@keyframes mascot-bounce{0%,to{transform:translateY(0) rotate(0)}30%{transform:translateY(-18px) rotate(-5deg)}55%{transform:translateY(0) rotate(0) scaleY(.94) scaleX(1.04)}}.final-mascot{display:block;width:170px;height:auto;margin:0 auto 10px;filter:drop-shadow(0 18px 24px rgba(0,0,0,.5))}.final-mascot.in{animation:mascot-bounce 2.6s ease-in-out infinite}@media(max-width:980px){.hero-mascot{width:120px;left:-130px;bottom:120px}}@media(max-width:560px){.hero-mascot{display:none}}.fc-img{width:46px;height:46px;object-fit:contain}.h3-ic{width:34px;height:34px;object-fit:contain;vertical-align:-8px;margin-right:8px}.step-kick{display:flex;align-items:center;gap:10px;margin:0 0 6px}.step-kick .hand{margin:0}.kick-ic{width:52px;height:52px;object-fit:contain;filter:drop-shadow(0 6px 8px rgba(0,0,0,.18))}.story-step.on .kick-ic{animation:mascot-bounce 2.4s ease-in-out infinite}.tile-ic{display:block;width:64px;height:64px;object-fit:contain;margin:-6px 0 10px -4px;filter:drop-shadow(0 8px 10px rgba(0,0,0,.18));transition:transform .4s var(--ease)}.tile:hover .tile-ic{transform:rotate(-8deg) scale(1.08)}.t-big .tile-ic{width:78px;height:78px}.steps .n-wrap{position:relative;display:block;width:96px;height:96px;margin:0 auto 16px}.n-ic{width:96px;height:96px;object-fit:contain;filter:drop-shadow(0 10px 12px rgba(0,0,0,.16))}.steps .n-wrap .n{position:absolute;right:-8px;top:-6px;width:34px;height:34px;margin:0;border-radius:12px;font-size:16px}.steps:before{top:48px}