:root{--bg: #000;--amber: #f59e0b;--amber-2: #fbbf24;--ink: #f5f1ea;--muted: rgba(245, 241, 234, .66);--glass: rgba(14, 12, 10, .72);--line: rgba(245, 158, 11, .18)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:radial-gradient(90% 60% at 75% 10%,rgba(245,158,11,.16) 0%,transparent 60%),radial-gradient(70% 60% at 10% 90%,rgba(236,72,153,.1) 0%,transparent 60%),linear-gradient(180deg,#0b0906,#000 60%,#07050a) fixed;color:var(--ink);font-family:Noto Sans Thai,system-ui,sans-serif;line-height:1.65;overflow-x:hidden}a{color:inherit;text-decoration:none}h1,h2,h3,.eyebrow,.btn,.nav nav,.brand,.stats b,.steps b,.prices b,.flow b,.mini b,.rev{font-family:Kanit,sans-serif}#gl{position:fixed;inset:0;width:100vw;height:100vh;display:block;z-index:0}.brand{font-weight:800;font-size:24px;letter-spacing:-.5px;color:var(--amber);display:inline-flex;align-items:baseline;gap:6px}.brand span{font-weight:500;font-size:.6em;color:var(--muted);letter-spacing:2px;text-transform:uppercase}.brand.big{font-size:54px}#loader{position:fixed;inset:0;z-index:50;display:grid;place-content:center;justify-items:center;gap:22px;background:#000;color:var(--muted);font-family:Kanit,sans-serif;transition:opacity .8s ease,visibility .8s}body.ready #loader{opacity:0;visibility:hidden}.pour{width:64px;height:90px;border:3px solid rgba(255,255,255,.5);border-top:0;border-radius:0 0 12px 12px;overflow:hidden;display:flex;align-items:flex-end}.pour span{display:block;width:100%;background:linear-gradient(180deg,#fff7e2 0 14%,var(--amber-2) 14%,#b45309);animation:pour 1.6s ease-in-out infinite}@keyframes pour{0%{height:0}to{height:100%}}.nav{position:fixed;top:0;left:0;right:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:12px 5vw;background:#0000008c;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.nav nav{display:flex;gap:26px;font-size:15px;color:var(--muted)}.nav nav a{position:relative;transition:color .2s}.nav nav a:after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:2px;background:var(--amber);transform:scaleX(0);transition:transform .25s}.nav nav a:hover,.nav nav a.on{color:var(--ink)}.nav nav a:hover:after,.nav nav a.on:after{transform:scaleX(1)}.progress{position:fixed;left:0;right:0;top:0;height:3px;z-index:30}.progress span{display:block;height:100%;transform-origin:left;transform:scaleX(0);background:linear-gradient(90deg,#ec4899,var(--amber),#fde68a)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 28px;border-radius:999px;border:0;cursor:pointer;font-weight:600;font-size:17px;color:#111;background:linear-gradient(135deg,#fcd34d,var(--amber) 55%,#d97706);box-shadow:0 10px 30px -10px #f59e0bcc;transition:transform .2s,box-shadow .2s}.btn:hover{transform:translateY(-2px);box-shadow:0 16px 36px -10px #f59e0bf2}.btn-sm{padding:8px 20px;font-size:15px}.btn-ghost{background:transparent;color:var(--amber-2);box-shadow:inset 0 0 0 2px #f59e0b8c}.btn-ghost:hover{box-shadow:inset 0 0 0 2px var(--amber)}main{position:relative;z-index:10}.sec{position:relative;min-height:100vh;display:flex;align-items:center;padding:110px 5vw 70px}.sec[data-side=right]{justify-content:flex-end}.sec.tall{min-height:300vh;align-items:flex-start;padding-top:0;padding-bottom:0}.sticky{position:sticky;top:0;min-height:100vh;display:flex;align-items:center;padding:96px 0 50px}.panel{width:min(520px,100%);padding:34px 36px;border-radius:28px;background:var(--glass);border:1px solid var(--line);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 30px 80px -30px #000000e6,inset 0 1px #ffffff0f}.panel.hero{background:transparent;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;padding:0;width:min(560px,100%)}.eyebrow{font-size:14px;letter-spacing:2px;text-transform:uppercase;color:var(--amber);font-weight:500;margin-bottom:10px}h1{font-size:clamp(54px,8vw,104px);line-height:.98;font-weight:800;letter-spacing:-1px;margin-bottom:22px}h2{font-size:clamp(36px,4.4vw,56px);line-height:1.08;font-weight:800;margin-bottom:16px}h3{font-size:18px;font-weight:600;line-height:1.3}.a{background:linear-gradient(120deg,#fde68a,var(--amber) 50%,#f97316);-webkit-background-clip:text;background-clip:text;color:transparent}.mute{color:#6b7280}.lead{font-size:18px;color:var(--muted);margin-bottom:26px}.lead b,p b{color:var(--ink)}.panel p{color:var(--muted)}.note{font-size:13.5px;margin-top:16px;opacity:.85}.actions{display:flex;flex-wrap:wrap;gap:12px}.stats{list-style:none;display:flex;gap:34px;margin-top:34px}.stats li{display:flex;flex-direction:column}.stats b{font-size:38px;font-weight:800;color:var(--amber);line-height:1}.stats span{font-size:14px;color:var(--muted);margin-top:4px}.compare,.ticks{list-style:none;margin-top:22px;display:grid;gap:12px}.compare li{display:flex;gap:14px;align-items:center;padding:12px 16px;border-radius:16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06)}.compare i{font-style:normal;font-size:26px}.compare span{color:var(--muted)}.compare b{color:var(--ink)}.ticks li{padding-left:30px;position:relative;color:var(--muted)}.ticks li:before{content:"✓";position:absolute;left:0;top:0;width:22px;height:22px;border-radius:50%;background:#10b9812e;color:#34d399;font-size:13px;display:grid;place-items:center;font-weight:700;margin-top:3px}.ticks b{color:var(--ink)}.steps{list-style:none;display:grid;gap:10px;margin-top:20px}.steps li{display:flex;gap:16px;padding:14px 16px;border-radius:18px;border:1px solid rgba(255,255,255,.06);background:#ffffff08;opacity:.45;transition:all .45s}.steps li b{flex:0 0 42px;height:42px;border-radius:50%;display:grid;place-items:center;font-size:20px;background:#ffffff14;color:var(--muted);transition:all .45s}.steps li p{font-size:14.5px;margin-top:2px}.steps li.on{opacity:1;border-color:#f59e0b99;background:#f59e0b1a;transform:translate(6px)}.steps li.on b{background:var(--amber);color:#111;box-shadow:0 0 24px #f59e0bb3}.steps li.done{opacity:.8}.steps li.done b{background:#f59e0b40;color:var(--amber-2)}.games{list-style:none;display:grid;gap:6px;margin-top:14px}.games li{display:flex;gap:14px;align-items:center;padding:8px 12px;border-radius:14px;border:1px solid transparent;opacity:.5;transition:all .35s}.games li i{font-style:normal;font-size:24px;width:42px;height:42px;flex:0 0 42px;border-radius:12px;display:grid;place-items:center;background:color-mix(in srgb,var(--c) 18%,transparent)}.games li h3{font-size:16.5px}.games li h3 em{font-style:normal;font-size:11px;padding:2px 8px;border-radius:99px;background:var(--amber);color:#111;margin-left:6px;vertical-align:2px}.games li p{font-size:13px;line-height:1.4}.games li.on{opacity:1;border-color:color-mix(in srgb,var(--c) 60%,transparent);background:color-mix(in srgb,var(--c) 12%,transparent);transform:translate(6px)}.chips{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.chips li{padding:6px 14px;border-radius:99px;font-size:14px;font-family:Kanit,sans-serif;border:1px solid rgba(245,158,11,.45);color:var(--amber-2);background:#f59e0b14}.prices{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}.prices div{padding:16px 12px;border-radius:18px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);text-align:center}.prices div.hot{border-color:var(--amber);background:#f59e0b1a}.prices b{display:block;font-size:34px;font-weight:800;color:var(--amber);line-height:1.1}.prices span{font-family:Kanit,sans-serif;font-size:14px;font-weight:600;color:var(--ink)}.prices p{font-size:12.5px;line-height:1.45;margin-top:6px}.mini{list-style:none;display:grid;gap:8px;margin:16px 0}.mini li{display:flex;gap:12px;align-items:center;color:var(--muted)}.mini b{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--amber);color:#111;font-size:15px;flex:0 0 30px}.rev{width:100%;border-collapse:collapse;font-size:15px;margin-top:4px}.rev th{text-align:left;font-weight:500;font-size:13px;color:var(--muted);padding:6px 4px;border-bottom:1px solid var(--line)}.rev td{padding:7px 4px;border-bottom:1px solid rgba(255,255,255,.05);color:var(--muted)}.rev td b{color:var(--amber);font-size:17px}#partner .btn{margin-top:18px}.flow{list-style:none;display:grid;gap:9px;margin-top:16px;counter-reset:f}.flow li{display:flex;gap:12px;align-items:baseline;color:var(--muted);font-size:15px}.flow b{flex:0 0 112px;font-weight:600;color:var(--c);position:relative;padding-left:16px}.flow b:before{content:"";position:absolute;left:0;top:.55em;width:8px;height:8px;border-radius:50%;background:var(--c);box-shadow:0 0 10px var(--c)}#cta{justify-content:center;align-items:flex-end;padding-bottom:8vh}.panel.cta{text-align:center;width:min(640px,100%)}.panel.cta h2{font-size:clamp(54px,7vw,92px)}.panel.cta .actions{justify-content:center}.scroll-hint{position:absolute;left:50%;bottom:28px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--muted);font-size:13px}.scroll-hint span{width:22px;height:36px;border:2px solid rgba(245,158,11,.6);border-radius:12px;position:relative}.scroll-hint span:after{content:"";position:absolute;left:50%;top:6px;width:4px;height:8px;margin-left:-2px;border-radius:2px;background:var(--amber);animation:wheel 1.6s infinite}@keyframes wheel{0%{opacity:0;transform:translateY(0)}30%{opacity:1}to{opacity:0;transform:translateY(12px)}}.reveal{opacity:0;transform:translateY(40px);transition:opacity .9s ease,transform .9s cubic-bezier(.2,.8,.2,1)}.reveal.in{opacity:1;transform:none}@media (max-width: 900px){.nav nav{display:none}.brand{font-size:20px}.sec,.sec[data-side=right]{justify-content:center;align-items:flex-end;padding:46vh 16px 40px}.sec.tall{padding:0 16px}.sticky{align-items:flex-end;padding:40vh 0 24px}.panel{padding:22px 20px;border-radius:22px}.panel.hero{background:var(--glass);border:1px solid var(--line);padding:22px 20px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}h1{font-size:46px;margin-bottom:12px}h2{font-size:32px}.lead{font-size:15.5px;margin-bottom:18px}.stats{gap:20px;margin-top:20px}.stats b{font-size:28px}.steps li{padding:10px 12px}.steps li:not(.on) p{display:none}.games li:not(.on) p{display:none}.games li{padding:3px 10px}.games{gap:2px;margin-top:8px}.games li:not(.on) h3{font-size:14.5px}#games .sticky{padding-top:28vh}#games h2{margin-bottom:4px}.games li i{width:34px;height:34px;flex-basis:34px;font-size:19px}.prices b{font-size:26px}.flow b{flex-basis:96px}.scroll-hint{display:none}#cta{padding-bottom:30px}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.reveal{transition:none}}