:root{--bg:#04110b;--bg2:#092017;--panel:#10281c;--panel2:#153523;--text:#f6f7f9;--muted:#aab2bf;--line:rgba(255,255,255,.1);--gold:#ff8a1f;--gold2:#ffb52e;--cyan:#43e081;--danger:#ff5252;--radius:22px;--shadow:0 24px 70px rgba(0,0,0,.38);--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;background:radial-gradient(circle at 80% 8%,rgba(67,224,129,.10),transparent 24%),linear-gradient(180deg,#03100a,#071b12 44%,#03100a);color:var(--text);font-family:Tahoma,"Noto Sans Thai",Arial,sans-serif;font-size:17px;line-height:1.85;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.16;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,#000,transparent 70%);z-index:-1}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;object-fit:contain}button,input{font:inherit}.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;left:12px;top:-80px;background:#fff;color:#000;padding:10px 16px;z-index:9999}.skip-link:focus{top:12px}.site-header{position:sticky;top:0;z-index:1000;background:rgba(5,7,10,.88);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.header-shell{max-width:1400px;margin:auto;min-height:78px;padding:0 24px;display:flex;align-items:center;gap:22px}.brand{display:inline-flex;align-items:center;flex:0 0 auto}.brand img{display:block;width:132px;height:auto}.primary-navigation{flex:1;min-width:0}.nav-list{display:flex;align-items:center;justify-content:center;gap:4px;list-style:none;padding:0;margin:0}.nav-list a{display:block;color:#d6dbe2;font-size:14px;line-height:1.3;padding:12px 9px;border-radius:11px;white-space:nowrap}.nav-list a:hover,.nav-list .is-current a{color:#080a0d;background:var(--gold)}.header-actions{display:flex;gap:8px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;border:1px solid transparent;border-radius:13px;font-weight:800;line-height:1.25;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.btn:hover{transform:translateY(-2px)}.btn-gold{color:#0b0d11;background:linear-gradient(135deg,#fff26b 0%,var(--gold) 45%,var(--gold2) 100%);box-shadow:0 10px 30px rgba(255,138,31,.25)}.btn-ghost,.btn-glass{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.18);color:#fff}.btn-lg{min-height:52px;padding:14px 24px}.btn-wide{width:100%}.menu-toggle{display:none;width:45px;height:45px;background:transparent;border:1px solid var(--line);border-radius:12px;padding:11px}.menu-toggle span{display:block;height:2px;background:#fff;margin:5px 0}.hero{position:relative;min-height:clamp(560px,64vw,760px);overflow:hidden;display:grid;align-items:end}.hero-media,.hero-overlay{position:absolute;inset:0}.hero-media img{width:100%;height:100%;object-fit:contain;object-position:center top;background:#000}.hero-overlay{background:linear-gradient(90deg,rgba(0,0,0,.92) 0%,rgba(0,0,0,.65) 35%,rgba(0,0,0,.08) 70%),linear-gradient(0deg,#04110b 0%,transparent 32%)}.hero-content{position:relative;z-index:2;width:min(var(--max),calc(100% - 48px));margin:0 auto;padding:90px 0 74px}.eyebrow,.section-kicker{display:inline-flex;align-items:center;gap:8px;color:var(--gold);font-size:13px;font-weight:900;letter-spacing:.15em;text-transform:uppercase}.eyebrow:before,.section-kicker:before{content:"";width:28px;height:2px;background:linear-gradient(90deg,var(--gold),var(--cyan))}.hero h1,.page-hero h1{max-width:850px;margin:12px 0 14px;font-size:clamp(38px,5vw,72px);line-height:1.08;letter-spacing:-.035em;background:linear-gradient(110deg,#fff 0%,#fff6a0 48%,#ffc21a 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-content>p{max-width:700px;color:#d5dae1;font-size:clamp(18px,2vw,22px);line-height:1.65}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.hero-points{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}.hero-points span{padding:6px 11px;border:1px solid rgba(255,138,31,.38);border-radius:999px;background:rgba(7,10,15,.62);color:#e8ebef;font-size:13px}.app-command{max-width:var(--max);margin:0 auto;padding:72px 24px 90px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:70px}.command-copy h2,.section-heading h2,.related-links h2{font-size:clamp(30px,4vw,50px);line-height:1.22;margin:12px 0 18px;color:#fff}.command-copy p{color:var(--muted);font-size:18px}.command-actions{display:grid;gap:12px;margin-top:26px}.command-actions a{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;border-bottom:1px solid var(--line);font-weight:800}.command-actions a:hover{color:var(--gold);padding-left:24px}.phone-stage{min-height:530px;display:grid;place-items:center;position:relative}.phone-stage:before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(255,213,31,.25),rgba(63,228,255,.07) 46%,transparent 70%);filter:blur(3px)}.phone{position:relative;width:280px;padding:11px;border-radius:42px;background:linear-gradient(140deg,#3a3f47,#050608 45%,#2d333b);box-shadow:0 40px 90px rgba(0,0,0,.65),0 0 0 1px rgba(255,255,255,.16);transform:rotate(4deg)}.phone-top{position:absolute;z-index:2;top:18px;left:50%;width:86px;height:19px;border-radius:15px;background:#020304;transform:translateX(-50%)}.phone-screen{min-height:500px;padding:78px 18px 22px;border-radius:33px;background:radial-gradient(circle at 50% 12%,rgba(255,213,31,.18),transparent 28%),linear-gradient(180deg,#0e131b,#07090d);text-align:center}.phone-screen img{width:150px}.phone-screen>span{display:block;color:var(--gold);font-size:13px;font-weight:900;letter-spacing:.13em}.mini-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:24px 0}.mini-grid i{font-style:normal;background:linear-gradient(145deg,#171e29,#0b0f15);border:1px solid var(--line);border-radius:13px;padding:13px 5px;font-size:12px}.phone-screen>a{display:block;padding:11px;border-radius:12px;background:var(--gold);color:#080a0d;font-weight:900}.lobby-strip{padding:85px max(24px,calc((100vw - var(--max))/2));background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,213,31,.035));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.section-heading{max-width:760px;margin-bottom:36px}.lobby-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.lobby-grid a{min-height:235px;padding:28px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(145deg,rgba(255,255,255,.025),transparent);position:relative;overflow:hidden}.lobby-grid a:after{content:"";position:absolute;right:-30px;bottom:-55px;width:160px;height:160px;border:1px solid rgba(255,213,31,.15);border-radius:50%;transition:.25s}.lobby-grid a:hover:after{transform:scale(1.2);background:rgba(255,213,31,.05)}.lobby-grid b{color:var(--gold);font-size:13px}.lobby-grid h3{font-size:27px;margin:20px 0 6px}.lobby-grid p{color:var(--muted);font-size:15px;margin:0}.content-shell{width:min(100% - 48px,var(--max));margin:0 auto;padding:80px 0}.content-home{padding-top:95px}.prose,.content-home{font-size:18px;color:#d7dce3}.prose>h2,.content-home>h2{font-size:clamp(29px,3.4vw,45px);line-height:1.28;margin:88px 0 22px;color:#fff;position:relative;padding-left:23px}.prose>h2:before,.content-home>h2:before{content:"";position:absolute;left:0;top:.18em;width:6px;height:1.15em;border-radius:6px;background:linear-gradient(var(--gold),var(--gold2));box-shadow:0 0 22px rgba(255,213,31,.4)}.prose h3,.content-home h3{font-size:24px;line-height:1.4;margin:42px 0 14px;color:#ffe36e}.prose p,.content-home p{margin:0 0 22px}.prose ul,.prose ol,.content-home ul,.content-home ol{margin:20px 0 30px;padding-left:24px}.prose li,.content-home li{margin:9px 0}.prose a,.content-home a{color:#ffe36e;text-decoration:underline;text-decoration-color:rgba(255,227,110,.35);text-underline-offset:4px}.prose blockquote,.content-home blockquote{margin:36px 0;padding:24px 28px;border:1px solid rgba(255,213,31,.2);border-left:5px solid var(--gold);background:linear-gradient(90deg,rgba(255,213,31,.075),rgba(255,255,255,.02));border-radius:0 18px 18px 0;color:#f1f2f4}.prose .steps,.content-home .steps{counter-reset:item;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:0;list-style:none}.prose .steps li,.content-home .steps li{counter-increment:item;padding:24px;border:1px solid var(--line);border-radius:18px;background:var(--panel)}.prose .steps li:before,.content-home .steps li:before{content:counter(item,decimal-leading-zero);display:block;color:var(--gold);font-weight:900;margin-bottom:12px}.prose .faq,.content-home .faq{border-top:1px solid var(--line);margin-top:28px}.prose details,.content-home details{border-bottom:1px solid var(--line);padding:18px 0}.prose summary,.content-home summary{cursor:pointer;font-weight:900;color:#fff}.prose details p,.content-home details p{padding-top:12px;color:var(--muted)}.keyword{color:#ffe36e;font-weight:850;text-shadow:0 0 18px rgba(255,213,31,.15)}.inline-cta{display:flex;justify-content:space-between;align-items:center;gap:25px;margin:52px 0;padding:28px 32px;border-radius:22px;background:linear-gradient(120deg,rgba(255,213,31,.14),rgba(63,228,255,.07));border:1px solid rgba(255,213,31,.24)}.inline-cta h3{margin:0 0 4px}.inline-cta p{margin:0;color:var(--muted)}.page-hero{position:relative;min-height:460px;display:grid;align-items:end;overflow:hidden;border-bottom:1px solid var(--line)}.page-hero-bg{position:absolute;inset:0;background:radial-gradient(circle at 74% 45%,rgba(255,213,31,.18),transparent 25%),linear-gradient(115deg,#03100a 0%,#101824 63%,#080a0e 100%)}.page-hero-bg:after{content:"WE88";position:absolute;right:-1vw;bottom:-12vw;font-size:min(30vw,420px);font-weight:900;line-height:1;color:rgba(255,255,255,.025);letter-spacing:-.08em}.page-hero-inner{position:relative;z-index:2;width:min(100% - 48px,var(--max));margin:auto;padding:95px 0 55px}.page-hero h1{font-size:clamp(38px,5vw,64px)}.page-hero p{max-width:760px;color:#cbd1d9;font-size:19px}.breadcrumbs{display:flex;gap:10px;color:#8e98a6;font-size:13px;margin-bottom:28px}.breadcrumbs a{color:var(--gold)}.page-feature{margin:0 0 55px;border-radius:22px;overflow:hidden;background:#030405;box-shadow:var(--shadow);border:1px solid var(--line)}.page-feature{display:grid;place-items:center}.page-feature img{display:block;width:min(100%,var(--media-natural-width,1920px));max-width:100%;height:auto;max-height:620px;margin:0 auto;object-fit:contain}.related-links{width:min(100% - 48px,var(--max));margin:20px auto 100px;padding-top:45px;border-top:1px solid var(--line)}.related-links h2{font-size:30px}.related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.related-grid a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:18px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.025);font-weight:800}.related-grid a b{color:var(--gold)}.related-grid a:hover{border-color:rgba(255,213,31,.5);background:rgba(255,213,31,.06)}.site-footer{position:relative;border-top:1px solid var(--line);background:#030507;padding:75px 24px 100px;overflow:hidden}.footer-glow{position:absolute;left:50%;top:-280px;width:800px;height:450px;transform:translateX(-50%);background:radial-gradient(circle,rgba(255,213,31,.13),transparent 68%)}.footer-shell{position:relative;max-width:var(--max);margin:auto;display:grid;grid-template-columns:1.45fr .8fr .9fr 1fr;gap:44px}.footer-brand .brand img{width:150px}.footer-brand p,.footer-cta p{color:var(--muted);font-size:15px}.site-footer h2{font-size:17px;margin:0 0 16px;color:#fff}.site-footer ul{list-style:none;padding:0;margin:0}.site-footer li{margin:10px 0}.site-footer li a{color:#aeb7c3;font-size:14px}.site-footer li a:hover{color:var(--gold)}.footer-bottom{position:relative;max-width:var(--max);margin:50px auto 0;padding-top:20px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;color:#727c8a;font-size:12px}.mobile-dock{display:none}.error-page{min-height:70vh;display:grid;place-items:center;text-align:center;padding:60px 24px}.error-page>div{max-width:600px}.error-code{font-size:120px;font-weight:900;color:var(--gold);line-height:1}.error-page h1{font-size:42px;margin:0}.error-page p{color:var(--muted)}
@media(max-width:1160px){.header-actions .btn-ghost{display:none}.nav-list a{padding:12px 6px;font-size:13px}.header-shell{padding:0 16px;gap:12px}.brand img{width:110px}.related-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:920px){body{font-size:16px;padding-bottom:72px}.site-header{position:sticky}.header-shell{min-height:68px}.brand img{width:108px}.menu-toggle{display:block;margin-left:auto}.primary-navigation{position:fixed;left:0;right:0;top:68px;max-height:calc(100vh - 68px);overflow:auto;padding:12px 18px 24px;background:rgba(5,7,10,.98);border-bottom:1px solid var(--line);transform:translateY(-120%);opacity:0;visibility:hidden;transition:.22s}.primary-navigation.is-open{transform:none;opacity:1;visibility:visible}.nav-list{display:grid;justify-content:stretch;gap:3px}.nav-list a{font-size:16px;padding:13px}.header-actions{display:none}.hero{min-height:620px;align-items:end}.hero-media img{height:auto;min-height:0;object-fit:contain;object-position:center top}.hero-overlay{background:linear-gradient(0deg,#04110b 0%,rgba(0,0,0,.9) 48%,rgba(0,0,0,.12) 100%)}.hero-content{width:min(100% - 32px,var(--max));padding:270px 0 45px}.hero h1{font-size:42px}.hero-content>p{font-size:17px}.app-command{grid-template-columns:1fr;padding:65px 20px;gap:35px}.phone-stage{min-height:500px}.lobby-strip{padding:70px 20px}.lobby-grid{grid-template-columns:repeat(2,1fr)}.content-shell{width:min(100% - 32px,var(--max));padding:65px 0}.prose,.content-home{font-size:17px}.prose>h2,.content-home>h2{margin-top:66px}.prose .steps,.content-home .steps{grid-template-columns:1fr}.page-hero{min-height:410px}.page-hero-inner{width:calc(100% - 32px);padding:80px 0 44px}.page-feature{border-radius:14px}.footer-shell{grid-template-columns:repeat(2,1fr)}.mobile-dock{position:fixed;z-index:1100;left:0;right:0;bottom:0;height:70px;display:grid;grid-template-columns:repeat(5,1fr);align-items:center;background:rgba(5,7,10,.97);border-top:1px solid rgba(255,255,255,.12);backdrop-filter:blur(16px);padding-bottom:env(safe-area-inset-bottom)}.mobile-dock a{height:100%;display:grid;place-content:center;text-align:center;color:#aeb6c2;font-size:11px;line-height:1.2}.mobile-dock a span{display:block;color:#fff;font-size:18px;margin-bottom:3px}.mobile-dock .dock-main{height:62px;margin-top:-22px;border-radius:20px 20px 8px 8px;background:linear-gradient(150deg,#fff26b,var(--gold2));color:#090b0f;font-weight:900;box-shadow:0 10px 28px rgba(255,185,0,.3)}.mobile-dock .dock-main span{color:#090b0f}.site-footer{padding-bottom:120px}}
@media(max-width:600px){.hero{min-height:570px}.hero-content{padding-top:220px}.hero h1{font-size:36px}.hero-actions .btn{width:100%}.hero-points{gap:6px}.app-command{padding-top:50px}.command-copy h2,.section-heading h2{font-size:31px}.phone{width:255px}.phone-screen{min-height:455px}.lobby-grid{grid-template-columns:1fr}.lobby-grid a{min-height:175px}.inline-cta{align-items:stretch;flex-direction:column;padding:23px}.inline-cta .btn{width:100%}.related-grid{grid-template-columns:1fr}.footer-shell{grid-template-columns:1fr}.footer-bottom{display:block}.page-hero h1{font-size:35px}.page-hero p{font-size:16px}.prose h3,.content-home h3{font-size:21px}.prose>h2,.content-home>h2{font-size:29px;padding-left:18px}.content-shell{width:calc(100% - 30px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}

/* WE88 final responsive header and overflow safeguards */
@media (min-width:921px) and (max-width:1350px){
  .header-shell{min-height:78px;padding:0 20px;gap:16px}
  .brand img{width:120px}
  .menu-toggle{display:block;margin-left:auto;flex:0 0 auto}
  .primary-navigation{position:fixed;left:0;right:0;top:78px;max-height:calc(100vh - 78px);overflow:auto;padding:14px 24px 28px;background:rgba(5,7,10,.985);border-bottom:1px solid var(--line);box-shadow:0 20px 45px rgba(0,0,0,.45);transform:translateY(-125%);opacity:0;visibility:hidden;pointer-events:none;transition:transform .22s ease,opacity .22s ease,visibility .22s ease}
  .primary-navigation.is-open{transform:none;opacity:1;visibility:visible;pointer-events:auto}
  .nav-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));justify-content:stretch;gap:6px;max-width:980px;margin:0 auto}
  .nav-list a{font-size:15px;padding:13px 15px;text-align:center;white-space:normal}
  .header-actions{display:none}
}
.site-footer{overflow:hidden;overflow:clip}
.footer-glow{max-width:100%;pointer-events:none}
.phone-stage:before{width:min(420px,100%);max-width:100%}
@media (max-width:600px){
  .footer-glow{width:100%;left:0;transform:none}
}





/* WE88 APP VIP orange-green identity */
.hero h1,.page-hero h1{background:linear-gradient(110deg,#ffffff 0%,#ffd39a 42%,#ff8a1f 68%,#54e58f 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.command-copy h2,.section-heading h2,.related-links h2,.prose h2,.content-home h2{color:#ff9b35}
.prose h3,.content-home h3,.footer-shell h2{color:#58e293}
.site-header{background:rgba(3,16,10,.91);border-bottom-color:rgba(67,224,129,.18)}
.btn-gold{background:linear-gradient(135deg,#ffbf54 0%,#ff8a1f 54%,#43e081 100%);color:#07140d;box-shadow:0 12px 34px rgba(255,138,31,.24)}
.nav-list a:hover,.nav-list .is-current a{background:linear-gradient(135deg,#ff9b35,#43e081);color:#06130c}
.hero-overlay{background:linear-gradient(90deg,rgba(2,14,9,.94) 0%,rgba(3,19,12,.72) 38%,rgba(3,15,10,.08) 72%),linear-gradient(0deg,#04110b 0%,transparent 34%)}
.phone,.lobby-grid a,.related-grid a,.page-feature{border-color:rgba(67,224,129,.22)}
.lobby-grid a:hover,.related-grid a:hover{border-color:#ff9b35;box-shadow:0 16px 40px rgba(67,224,129,.12)}
.mobile-dock{background:rgba(3,19,12,.97);border-top-color:rgba(255,138,31,.28)}
.mobile-dock .dock-main{background:linear-gradient(135deg,#ff8a1f,#43e081);color:#06130c}
@media(max-width:680px){.hero h1,.page-hero h1{font-size:clamp(34px,10vw,48px);line-height:1.13}.hero{min-height:auto;padding-bottom:12px}.hero-content{padding-top:42px}.header-actions .btn-ghost{display:none}.header-actions .btn-gold{min-height:40px;padding:8px 12px;font-size:13px}}

/* WE88 desktop header collision fix - 2026-09-15 */
.header-shell{width:100%;max-width:1880px}
@media (min-width:1761px){
  .header-shell{padding-inline:24px;gap:14px}
  .brand img{width:126px}
  .nav-list{gap:2px}
  .nav-list a{padding:12px 7px;font-size:13px}
  .header-actions{flex:0 0 auto;gap:6px}
  .header-actions .btn{min-height:42px;padding:9px 14px;font-size:14px;white-space:nowrap}
}
@media (min-width:921px) and (max-width:1760px){
  .header-shell{min-height:78px;padding:0 20px;gap:16px}
  .brand img{width:120px}
  .menu-toggle{display:block;margin-left:auto;flex:0 0 auto}
  .primary-navigation{position:fixed;left:0;right:0;top:78px;max-height:calc(100vh - 78px);overflow:auto;padding:14px 24px 28px;background:rgba(5,7,10,.985);border-bottom:1px solid var(--line);box-shadow:0 20px 45px rgba(0,0,0,.45);transform:translateY(-125%);opacity:0;visibility:hidden;pointer-events:none;transition:transform .22s ease,opacity .22s ease,visibility .22s ease}
  .primary-navigation.is-open{transform:none;opacity:1;visibility:visible;pointer-events:auto}
  .nav-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));justify-content:stretch;gap:6px;max-width:980px;margin:0 auto}
  .nav-list a{font-size:15px;padding:13px 15px;text-align:center;white-space:normal}
  .header-actions{display:none}
}

/* Keep conversion buttons visible beside the compact desktop menu */
@media (min-width:921px) and (max-width:1760px){
  .header-actions{display:flex;flex:0 0 auto;gap:6px}
  .header-actions .btn{min-height:42px;padding:9px 14px;font-size:14px;white-space:nowrap}
  .header-actions .btn-ghost{display:inline-flex}
}

/* Mobile header promotion button - 2026-09-15 */
@media (max-width:920px){
  .header-shell{gap:10px}
  .brand{order:1}
  .primary-navigation{order:4}
  .header-actions{display:flex;order:2;margin-left:auto;flex:0 0 auto;gap:0}
  .header-actions .btn-ghost{display:none}
  .header-actions .btn-gold{display:inline-flex;min-height:40px;padding:8px 12px;border-radius:11px;font-size:13px;line-height:1;white-space:nowrap}
  .menu-toggle{order:3;margin-left:0;flex:0 0 auto}
}
@media (max-width:400px){
  .header-shell{padding-inline:12px;gap:7px}
  .brand img{width:96px}
  .header-actions .btn-gold{min-height:38px;padding:7px 9px;font-size:12px}
  .menu-toggle{width:42px;height:42px;padding:9px}
}