:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-base:#0a0a0e;--bg-surface:#14141b;--bg-elevated:#1c1c25;--bg-elev-2:#232330;--border-subtle:#2a2a35;--border-strong:#3a3a4a;--accent-yellow:#fcee0a;--accent-cyan:#00ffe5;--accent-magenta:#ff2a6d;--state-success:#00ff9d;--state-warn:#fa0;--text-primary:#f5f5f5;--text-secondary:#aeaebd;--text-dim:#7d7d8d;--text-on-accent:#0a0a0e;--shadow-deep:0 24px 60px #0000008c;--shadow-glow-cyan:0 0 0 1px #00ffe573, 0 0 24px #00ffe52e;--shadow-glow-yellow:0 0 0 1px #fcee0a8c, 0 0 28px #fcee0a38;--display:"Orbitron", "Sarabun", system-ui, sans-serif;--mono:"IBM Plex Mono", "IBM Plex Sans Thai", Menlo, Consolas, monospace;--sans:"IBM Plex Sans", "IBM Plex Sans Thai", Inter, system-ui, -apple-system, sans-serif;--gutter:clamp(16px, 4vw, 48px);--content-max:1280px}[lang=th]{--display:"Sarabun", "IBM Plex Sans Thai", system-ui, sans-serif;--sans:"IBM Plex Sans Thai", "Sarabun", system-ui, sans-serif}:lang(th) h1,:lang(th) h2,:lang(th) h3,:lang(th) .display-text{letter-spacing:0}*,:before,:after{box-sizing:border-box}html{background:var(--bg-base);scroll-behavior:smooth;scroll-padding-top:110px}body{background: linear-gradient(#fcee0a05 1px, transparent 1px), linear-gradient(90deg, #00ffe504 1px, transparent 1px), radial-gradient(ellipse 80% 60% at 50% 0%, #00ffe50a, transparent 60%), var(--bg-base);color:var(--text-primary);font-family:var(--sans);-webkit-font-smoothing:antialiased;background-size:32px 32px,32px 32px,100% 100%,100% 100%;margin:0;font-size:16px;line-height:1.55;overflow-x:clip}#app{min-height:100%}body:before{content:"";pointer-events:none;mix-blend-mode:overlay;z-index:1;background:repeating-linear-gradient(#ffffff05,#ffffff05 1px,#0000 1px 3px);position:fixed;inset:0}::selection{background:var(--accent-yellow);color:var(--text-on-accent)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{font:inherit;cursor:pointer}.top-hud{z-index:100;-webkit-backdrop-filter:blur(14px)saturate(120%);border-bottom:1px solid var(--border-subtle);background:#0a0a0ed9;width:100vw;max-width:100vw;position:sticky;top:0;overflow:hidden}.top-hud-inner{padding:12px var(--gutter);max-width:var(--content-max);grid-template-columns:auto 1fr auto;align-items:center;gap:24px;margin:0 auto;display:grid}.brand{font-family:var(--mono);text-transform:uppercase;letter-spacing:1.2px;color:var(--text-primary);align-items:baseline;gap:4px;font-size:14px;font-weight:700;display:inline-flex}.brand-bracket,.brand-mark{color:var(--accent-yellow);font-weight:800}.brand-meta{color:var(--text-dim);letter-spacing:1px;margin-left:6px;font-size:11px}.top-nav{font-family:var(--mono);text-transform:uppercase;letter-spacing:1px;justify-content:center;align-items:center;gap:22px;font-size:12px;font-weight:600;display:flex}.top-nav a{color:var(--text-secondary);padding:6px 0;transition:color .12s;position:relative}.top-nav a:after{content:"";background:var(--accent-cyan);height:1px;transition:right .2s cubic-bezier(.2,.9,.3,1);position:absolute;bottom:0;left:0;right:100%}.top-nav a:hover,.top-nav a:focus-visible{color:var(--accent-cyan);outline:none}.top-nav a:hover:after,.top-nav a:focus-visible:after{right:0}.top-nav .hud-cta{color:var(--accent-yellow);border:1px solid var(--accent-yellow);padding:6px 12px}.top-nav .hud-cta:after{display:none}.top-nav .hud-cta:hover{background:var(--accent-yellow);color:var(--text-on-accent)}.lang-toggle{font-family:var(--mono);letter-spacing:1px;align-items:center;gap:6px;font-size:12px;font-weight:700;display:inline-flex}.lang-toggle button{border:1px solid var(--border-strong);color:var(--text-secondary);background:0 0;min-width:44px;min-height:36px;padding:8px 12px;transition:all .15s}.lang-toggle button:hover{color:var(--text-primary);border-color:var(--text-secondary)}.lang-toggle button.active{color:var(--text-on-accent);background:var(--accent-yellow);border-color:var(--accent-yellow)}.lang-sep{color:var(--text-dim)}.ticker{border-top:1px solid var(--border-subtle);background:var(--bg-surface);white-space:nowrap;padding:6px 0;overflow:hidden}.ticker-track{font-family:var(--mono);text-transform:uppercase;letter-spacing:1.2px;color:var(--text-secondary);will-change:transform;gap:32px;padding-right:32px;font-size:11px;font-weight:600;animation:80s linear infinite ticker-scroll;display:inline-flex}.ticker-item{align-items:center;gap:6px;display:inline-flex}.ticker-item:nth-child(3n){color:var(--accent-cyan)}.ticker-item:nth-child(5n){color:var(--accent-yellow)}@keyframes ticker-scroll{to{transform:translate(-50%)}}.hero{isolation:isolate;min-height:clamp(560px,88vh,880px);margin:var(--gutter);border:1px solid var(--border-subtle);align-items:flex-end;margin-bottom:96px;display:flex;position:relative;overflow:hidden}.hero-bg{z-index:-2;will-change:transform;background:-webkit-linear-gradient(270deg,#0a0a0e59,#0a0a0ef2),-webkit-linear-gradient(330deg,#fcee0a1f,#0000 36%),-webkit-linear-gradient(150deg,#00ffe51a,#0000 42%),-webkit-image-set(url(/images/hero.avif) 1x type("image/avif"),url(/images/hero.png) 1x type("image/png")) 50%/cover no-repeat,-webkit-radial-gradient(circle at 30% 40%,#1a1428 0%,#0a0a0e 70%);background:linear-gradient(#0a0a0e59,#0a0a0ef2),linear-gradient(120deg,#fcee0a1f,#0000 36%),linear-gradient(300deg,#00ffe51a,#0000 42%),image-set("/images/hero.avif" 1x type("image/avif"),"/images/hero.png" 1x type("image/png")) 50%/cover no-repeat,radial-gradient(circle at 30% 40%,#1a1428 0%,#0a0a0e 70%);transition:transform .4s cubic-bezier(.2,.9,.3,1);position:absolute;inset:0}.hero:before{content:"";z-index:-3;filter:blur(60px);will-change:transform;background:radial-gradient(circle at 20% 30%,#00ffe526,#0000 35%),radial-gradient(circle at 80% 70%,#fcee0a1a,#0000 40%),radial-gradient(circle,#ff2a6d14,#0000 50%);animation:28s ease-in-out infinite alternate aurora-drift;position:absolute;inset:-20%}@keyframes aurora-drift{to{transform:translate(-3%,2%)rotate(8deg)}}.hero-scan{pointer-events:none;z-index:-1;opacity:.45;background:repeating-linear-gradient(#ffffff0a,#ffffff0a 1px,#0000 1px 4px);position:absolute;inset:0}.hero-webgl{z-index:-1;pointer-events:none;mix-blend-mode:screen;opacity:.78;width:100%;height:100%;position:absolute;inset:0}.hero-grid{pointer-events:none;z-index:-1;background-color:#0000;background-image:linear-gradient(#00ffe50a 1px,#0000 1px),linear-gradient(90deg,#00ffe50a 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:64px 64px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 60% at 50% 90%,#000 0%,#0000 90%);mask-image:radial-gradient(80% 60% at 50% 90%,#000 0%,#0000 90%)}.hero-corner{border-color:var(--accent-yellow);z-index:3;border-style:solid;border-width:0;width:28px;height:28px;position:absolute}.hero-corner--tl{border-top-width:2px;border-left-width:2px;top:-1px;left:-1px}.hero-corner--tr{border-top-width:2px;border-right-width:2px;top:-1px;right:-1px}.hero-corner--bl{border-bottom-width:2px;border-left-width:2px;border-color:var(--accent-cyan);bottom:-1px;left:-1px}.hero-corner--br{border-bottom-width:2px;border-right-width:2px;border-color:var(--accent-cyan);bottom:-1px;right:-1px}.hero-content{z-index:2;max-width:980px;padding:clamp(28px,5vw,56px);position:relative}.eyebrow{font-family:var(--mono);letter-spacing:1.4px;text-transform:uppercase;color:var(--accent-cyan);background:#00ffe50a;border:1px solid #00ffe540;align-items:center;gap:10px;padding:6px 12px;font-size:12px;font-weight:700;display:inline-flex}.eyebrow-dot{background:var(--text-dim);width:6px;height:6px;display:inline-block}.status-pulse{background:var(--state-success);width:8px;height:8px;animation:1.6s ease-out infinite pulse;display:inline-block;position:relative;box-shadow:0 0 #00ff9db3}.status-pulse--green{background:var(--state-success)}@keyframes pulse{to{box-shadow:0 0 0 14px #00ff9d00}}.hero-title{font-family:var(--display);text-transform:uppercase;letter-spacing:1.5px;color:var(--text-primary);margin:18px 0 0;font-size:clamp(44px,9.5vw,128px);font-weight:900;line-height:.92}.hero-title-line{display:block;position:relative}.hero-title-line--accent{color:var(--accent-yellow);text-shadow:0 0 1px #fcee0a66,0 4px 32px #fcee0a1f}.hero-title-line--accent:before,.hero-title-line--accent:after{content:attr(data-text);pointer-events:none;opacity:0;transition:opacity .2s;position:absolute;inset:0}.hero-title-line--accent:before{color:var(--accent-magenta);mix-blend-mode:screen;transform:translate(-2px)}.hero-title-line--accent:after{color:var(--accent-cyan);mix-blend-mode:screen;transform:translate(2px)}.hero-title:hover .hero-title-line--accent:before,.hero-title:hover .hero-title-line--accent:after{opacity:.8;animation:.6s steps(8,end) infinite rgb-jitter}@keyframes rgb-jitter{0%,to{transform:translate(-2px)}20%{transform:translate(-3px,1px)}40%{transform:translate(2px,-1px)}60%{transform:translate(-1px,2px)}80%{transform:translate(3px)}}.hero-lede{max-width:680px;color:var(--text-primary);margin:22px 0 0;font-size:clamp(17px,1.6vw,21px);line-height:1.45}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.hero-hudrow{flex-wrap:wrap;gap:10px;margin-top:26px;display:flex}.hero-readout{font-family:var(--mono);text-transform:uppercase;letter-spacing:1.2px;color:var(--text-secondary);-webkit-backdrop-filter:blur(8px);border:1px solid var(--accent-cyan);z-index:5;background:#0a0a0ee0;border-color:#00ffe580;gap:6px;min-width:220px;padding:14px 16px;font-size:10px;display:grid;position:absolute;top:36px;right:24px;box-shadow:0 0 24px #00000080}.hero-readout:before,.hero-readout:after{content:"";pointer-events:none;width:10px;height:10px;position:absolute}.hero-readout:before{border-top:2px solid var(--accent-cyan);border-left:2px solid var(--accent-cyan);top:-1px;left:-1px}.hero-readout:after{border-bottom:2px solid var(--accent-cyan);border-right:2px solid var(--accent-cyan);bottom:-1px;right:-1px}.readout-row{justify-content:space-between;gap:14px;display:flex}.readout-k{color:var(--accent-cyan)}.readout-v{color:var(--text-secondary)}.section{margin:0 var(--gutter);max-width:var(--content-max);margin-bottom:clamp(72px,10vw,128px)}.section.section--problem,.section.section--solution,.section.section--product,.section.section--audience,.section.section--examples,.section.section--shops,.section.section--trust,.section.section--beta{padding-left:var(--gutter);padding-right:var(--gutter);box-sizing:border-box;width:100%;margin-left:auto;margin-right:auto}.section-head{grid-template-columns:60px 1fr;align-items:start;gap:24px 36px;margin-bottom:40px;display:grid}.section-num{font-family:var(--mono);text-transform:uppercase;letter-spacing:1.4px;color:var(--accent-cyan);border-top:2px solid var(--accent-cyan);padding-top:8px;font-size:12px;font-weight:800}.section-title{font-family:var(--display);text-transform:uppercase;letter-spacing:1.2px;color:var(--text-primary);grid-column:2;margin:0;font-size:clamp(28px,4.4vw,56px);font-weight:900;line-height:1}.section-sub{max-width:720px;color:var(--text-secondary);grid-column:2;margin:18px 0 0;font-size:clamp(15px,1.4vw,18px)}.hud{font-family:var(--mono);text-transform:uppercase;letter-spacing:1.2px;color:var(--text-secondary);align-items:center;padding:4px 0;font-size:11px;font-weight:700;display:inline-flex}.hud:before{content:"[ ";font-weight:800}.hud:after{content:" ]";font-weight:800}.hud--yellow{color:var(--accent-yellow)}.hud--cyan{color:var(--accent-cyan)}.hud--magenta{color:var(--accent-magenta)}.hud--green{color:var(--state-success)}.btn{min-height:48px;font-family:var(--mono);text-transform:uppercase;letter-spacing:1.4px;will-change:transform;background:0 0;border:1px solid;justify-content:center;align-items:center;gap:8px;padding:0 22px;font-size:13px;font-weight:800;transition:background .16s,color .16s,transform .2s cubic-bezier(.2,.9,.3,1),box-shadow .2s;display:inline-flex;position:relative}.btn:before,.btn:after{content:"";pointer-events:none;width:8px;height:8px;transition:all .2s;position:absolute}.btn:before{border-top:2px solid var(--accent-cyan);border-left:2px solid var(--accent-cyan);top:-1px;left:-1px}.btn:after{border-bottom:2px solid var(--accent-cyan);border-right:2px solid var(--accent-cyan);bottom:-1px;right:-1px}.btn:hover:before,.btn:hover:after{width:14px;height:14px}.btn--primary{background:var(--accent-yellow);border-color:var(--accent-yellow);color:var(--text-on-accent)}.btn--primary:before,.btn--primary:after{border-color:var(--accent-magenta)}.btn--primary:hover{box-shadow:var(--shadow-glow-yellow)}.btn--ghost{color:var(--accent-cyan)}.btn--ghost:hover{box-shadow:var(--shadow-glow-cyan);background:#00ffe514}.btn--full{width:100%}.btn-arrow{transition:transform .18s cubic-bezier(.2,.9,.3,1)}.btn:hover .btn-arrow{transform:translate(4px)}.metrics{margin:-64px var(--gutter) 96px;border:1px solid var(--border-subtle);z-index:5;max-width:var(--content-max);background:linear-gradient(#14141bf2,#1c1c25f2);grid-template-columns:repeat(4,1fr);gap:0;margin-left:auto;margin-right:auto;display:grid;position:relative}.metric{border-right:1px solid var(--border-subtle);grid-template-columns:auto auto 1fr;align-items:baseline;gap:4px 0;padding:28px 24px;display:grid;position:relative}.metric:last-child{border-right:0}.metric-num{font-family:var(--display);color:var(--accent-yellow);text-shadow:0 0 24px #fcee0a2e;font-size:clamp(40px,5vw,64px);font-weight:900;line-height:1}.metric-suffix{font-family:var(--display);color:var(--accent-cyan);margin-left:4px;font-size:clamp(24px,3vw,36px);font-weight:900}.metric-label{font-family:var(--mono);text-transform:uppercase;letter-spacing:1.2px;color:var(--text-secondary);grid-column:1/-1;margin-top:8px;font-size:11px;font-weight:600}.problem-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.problem-card{border:1px solid var(--border-subtle);background:var(--bg-surface);padding:28px 24px;transition:border-color .2s,transform .2s cubic-bezier(.2,.9,.3,1),box-shadow .2s;position:relative}.problem-card:before,.problem-card:after{content:"";pointer-events:none;width:14px;height:14px;position:absolute}.problem-card:before{border-top:2px solid var(--accent-magenta);border-left:2px solid var(--accent-magenta);top:-1px;left:-1px}.problem-card:after{border-bottom:2px solid var(--accent-magenta);border-right:2px solid var(--accent-magenta);bottom:-1px;right:-1px}.problem-card:hover{border-color:var(--accent-magenta);transform:translateY(-2px);box-shadow:0 12px 32px #ff2a6d26}.problem-card-num{font-family:var(--mono);letter-spacing:1.4px;color:var(--accent-magenta);margin-bottom:12px;font-size:12px;font-weight:800}.problem-card-title{font-family:var(--display);text-transform:uppercase;letter-spacing:.8px;color:var(--text-primary);margin:0 0 12px;font-size:clamp(18px,1.6vw,22px);font-weight:900;line-height:1.15}.problem-card-text{color:var(--text-secondary);margin:0;font-size:15px;line-height:1.55}.flow-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.flow-step{flex-direction:column;gap:18px;display:flex}.flow-step-frame{aspect-ratio:4/5;background:var(--bg-elevated);border:1px solid var(--border-subtle);position:relative;overflow:hidden}.flow-step-frame picture,.example-img-wrap picture{width:100%;height:100%;display:block}.flow-step-frame img{object-fit:cover;filter:contrast(1.05)saturate(1.05);width:100%;height:100%;transition:transform .6s cubic-bezier(.2,.9,.3,1)}.flow-step:hover .flow-step-frame img{transform:scale(1.04)}.flow-step-corner{pointer-events:none;z-index:2;width:18px;height:18px;position:absolute}.flow-step-corner--tl{border-top:2px solid var(--accent-yellow);border-left:2px solid var(--accent-yellow);top:-1px;left:-1px}.flow-step-corner--tr{border-top:2px solid var(--accent-yellow);border-right:2px solid var(--accent-yellow);top:-1px;right:-1px}.flow-step-corner--bl{border-bottom:2px solid var(--accent-cyan);border-left:2px solid var(--accent-cyan);bottom:-1px;left:-1px}.flow-step-corner--br{border-bottom:2px solid var(--accent-cyan);border-right:2px solid var(--accent-cyan);bottom:-1px;right:-1px}.flow-step-overlay{font-family:var(--mono);letter-spacing:1.2px;color:var(--text-primary);text-shadow:0 1px 4px #000c;z-index:2;justify-content:space-between;font-size:10px;font-weight:700;display:flex;position:absolute;top:12px;left:12px;right:12px}.flow-step-tag{border:1px solid var(--border-subtle);background:#0a0a0eb3;padding:4px 8px}.flow-step-tag--right{color:var(--accent-cyan)}.flow-step-body h3{font-family:var(--display);text-transform:uppercase;letter-spacing:1px;color:var(--text-primary);margin:8px 0 6px;font-size:clamp(20px,1.8vw,26px);font-weight:900}.flow-step-body p{color:var(--text-secondary);margin:0;font-size:15px;line-height:1.5}.phone-gallery{grid-template-columns:repeat(3,1fr);align-items:end;gap:32px;display:grid}.phone{justify-items:center;gap:16px;display:grid;position:relative}.phone[data-phone="1"]{transform:translateY(0)}.phone[data-phone="2"]{transform:translateY(-24px)}.phone[data-phone="3"]{transform:translateY(0)}.phone-shell{aspect-ratio:9/19;border:1px solid var(--border-strong);background:#000;border-radius:28px;width:100%;max-width:280px;padding:8px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff0a,0 28px 60px #000000a6,0 0 60px #00ffe50f}.phone-shell:after{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff0a,#0000 40%);border-radius:28px;position:absolute;inset:0}.phone-shell img{object-fit:cover;background:#14141b;border-radius:22px;width:100%;height:100%;display:block}.phone-notch{z-index:2;background:#000;border-radius:12px;width:90px;height:22px;position:absolute;top:14px;left:50%;transform:translate(-50%)}.phone-caption{text-align:center;justify-items:center;gap:4px;display:grid}.phone-caption p{color:var(--text-primary);margin:0;font-size:14px}.audience-grid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.audience-card{background:var(--bg-surface);border:1px solid var(--border-subtle);flex-direction:column;gap:24px;padding:36px 32px;display:flex;position:relative}.audience-card:before{content:"";background:var(--accent-yellow);width:64px;height:4px;position:absolute;top:0;left:0}.audience-card--buyer:before{background:var(--accent-cyan)}.audience-card-head h2{font-family:var(--display);text-transform:uppercase;letter-spacing:1px;color:var(--text-primary);margin:12px 0 0;font-size:clamp(24px,2.6vw,34px);font-weight:900;line-height:1.05}.audience-list{gap:14px;margin:0;padding:0;list-style:none;display:grid}.audience-list li{border-bottom:1px solid var(--border-subtle);grid-template-columns:90px 1fr;gap:6px 14px;padding-bottom:14px;display:grid}.audience-list li:last-child{border-bottom:0;padding-bottom:0}.audience-list-tag{font-family:var(--mono);letter-spacing:1.2px;color:var(--accent-yellow);grid-row:1/3;align-self:start;padding-top:2px;font-size:10px;font-weight:800}.audience-list-tag--cyan{color:var(--accent-cyan)}.audience-list strong{color:var(--text-primary);font-size:15px}.audience-list span:not(.audience-list-tag){color:var(--text-secondary);font-size:14px;line-height:1.45}.audience-card .btn{align-self:flex-start}.example-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.example-card{background:var(--bg-surface);border:1px solid var(--border-subtle);flex-direction:column;transition:transform .25s cubic-bezier(.2,.9,.3,1),border-color .25s,box-shadow .25s;display:flex;position:relative}.example-card:hover{border-color:var(--accent-cyan);transform:translateY(-4px);box-shadow:0 18px 36px #00000073,0 0 24px #00ffe51a}.example-img-wrap{aspect-ratio:1;background:var(--bg-elev-2);position:relative;overflow:hidden}.example-img-wrap img{object-fit:cover;width:100%;height:100%;transition:transform .5s cubic-bezier(.2,.9,.3,1)}.example-card:hover .example-img-wrap img{transform:scale(1.06)}.example-corner{pointer-events:none;z-index:2;width:12px;height:12px;position:absolute}.example-corner--tl{border-top:2px solid var(--accent-yellow);border-left:2px solid var(--accent-yellow);top:0;left:0}.example-corner--tr{border-top:2px solid var(--accent-yellow);border-right:2px solid var(--accent-yellow);top:0;right:0}.example-corner--bl{border-bottom:2px solid var(--accent-yellow);border-left:2px solid var(--accent-yellow);bottom:0;left:0}.example-corner--br{border-bottom:2px solid var(--accent-yellow);border-right:2px solid var(--accent-yellow);bottom:0;right:0}.example-body{gap:8px;padding:16px;display:grid}.example-sku{font-family:var(--mono);text-transform:uppercase;letter-spacing:1.2px;color:var(--accent-yellow);font-size:10px;font-weight:700}.example-body h3{font-family:var(--sans);text-transform:none;letter-spacing:0;color:var(--text-primary);margin:0;font-size:15px;font-weight:700;line-height:1.3}.example-meta{flex-wrap:wrap;gap:6px 10px;font-size:10px;display:flex}.example-price{font-family:var(--mono);letter-spacing:.5px;color:var(--accent-yellow);margin-top:4px;font-size:22px;font-weight:800}.shops-band{border:1px solid var(--border-subtle);isolation:isolate;position:relative;overflow:hidden}.shops-band-img{z-index:-1;background:linear-gradient(135deg, #0a0a0eb8, #0a0a0ef0), radial-gradient(circle at 70% 40%, #00ffe514, transparent 50%), radial-gradient(circle at 30% 70%, #fcee0a0d, transparent 60%), var(--bg-base);filter:contrast(1.1);background:linear-gradient(135deg, #0a0a0ec7, #0a0a0ef0), image-set(url(/images/shops-band.avif) type("image/avif"), url(/images/shops-band.png) type("image/png")) center / cover no-repeat, var(--bg-base);position:absolute;inset:0}.shops-band-overlay{gap:18px;max-width:920px;padding:clamp(36px,6vw,80px) clamp(28px,4vw,64px);display:grid}.shops-band-overlay h2{font-family:var(--display);text-transform:uppercase;letter-spacing:1px;color:var(--text-primary);margin:6px 0 0;font-size:clamp(28px,4vw,48px);font-weight:900;line-height:1}.shops-band-overlay p{max-width:660px;color:var(--text-primary);margin:0;font-size:17px;line-height:1.5}.shops-locations{border-top:1px solid var(--border-subtle);grid-template-columns:repeat(3,1fr);gap:16px;margin-top:18px;padding-top:24px;display:grid}.shops-location{gap:6px;display:grid}.shops-location strong{font-family:var(--mono);letter-spacing:1.2px;color:var(--accent-yellow);font-size:13px;font-weight:800}.shops-location span{color:var(--text-secondary);font-size:13px}.trust-card{background:linear-gradient(135deg,#ff2a6d0f,#14141bf2);border:1px solid #ff2a6d4d;border-left-width:3px;gap:14px;max-width:880px;padding:clamp(28px,4vw,48px);display:grid;position:relative}.trust-card h2{font-family:var(--display);text-transform:uppercase;letter-spacing:1px;color:var(--text-primary);margin:0;font-size:clamp(22px,2.6vw,32px);font-weight:900;line-height:1.05}.trust-card p{color:var(--text-primary);margin:0;font-size:16px;line-height:1.55}.section--beta{margin-bottom:64px}.beta-wrap{grid-template-columns:1fr 1fr;align-items:start;gap:48px;display:grid}.beta-copy h2{font-family:var(--display);text-transform:uppercase;letter-spacing:1px;color:var(--accent-yellow);margin:14px 0 18px;font-size:clamp(32px,4.4vw,56px);font-weight:900;line-height:1}.beta-copy p{color:var(--text-primary);margin:0 0 24px;font-size:17px;line-height:1.5}.beta-meta{background:var(--bg-surface);border:1px solid var(--border-subtle);gap:10px;padding:18px 20px;display:grid}.beta-meta-row{font-family:var(--mono);text-transform:uppercase;letter-spacing:1px;grid-template-columns:100px 1fr;align-items:baseline;gap:12px;font-size:12px;display:grid}.beta-meta-k{color:var(--accent-cyan);font-weight:800}.beta-meta-v{color:var(--text-primary);font-weight:600}.beta-form{background:var(--bg-surface);border:1px solid var(--accent-yellow);gap:16px;padding:32px;display:grid;position:relative}.beta-form:before,.beta-form:after{content:"";pointer-events:none;width:18px;height:18px;position:absolute}.beta-form:before{border-top:3px solid var(--accent-yellow);border-left:3px solid var(--accent-yellow);top:-1px;left:-1px}.beta-form:after{border-bottom:3px solid var(--accent-yellow);border-right:3px solid var(--accent-yellow);bottom:-1px;right:-1px}.beta-form-head{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.field{gap:6px;display:grid}.field--hp{display:none}.field-label{font-family:var(--mono);letter-spacing:1.2px;text-transform:uppercase;color:var(--accent-cyan);font-size:11px;font-weight:700}.field input,.field select{font:inherit;font-family:var(--mono);color:var(--text-primary);background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:0;padding:12px 14px;font-size:14px;transition:border-color .15s,background .15s}.field input:focus,.field select:focus{border-color:var(--accent-yellow);background:var(--bg-elev-2);outline:none}.field-foot{color:var(--text-dim);margin:4px 0 0;font-size:11px}.beta-form-error{color:var(--accent-magenta);margin:0}.small-mono{font-family:var(--mono);text-transform:uppercase;letter-spacing:1px}.beta-form-success{background:#00ff9d0f;border:1px solid #00ff9d66;gap:10px;padding:16px;display:grid}.beta-form-success p{color:var(--text-primary);margin:0}.footer{margin:64px var(--gutter) 32px;border-top:1px solid var(--border-subtle);max-width:var(--content-max);padding-top:32px;padding-left:var(--gutter);padding-right:var(--gutter);margin-left:auto;margin-right:auto}.footer-inner{grid-template-columns:280px 1fr;gap:48px;display:grid}.footer-brand{align-items:baseline;gap:6px;display:flex}.footer-cols{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.footer-col{gap:8px;display:grid}.footer-col h4{font-family:var(--mono);letter-spacing:1.4px;text-transform:uppercase;color:var(--text-dim);margin:0 0 6px;font-size:11px;font-weight:800}.footer-col a{color:var(--text-secondary);font-size:13px;transition:color .15s}.footer-col a:hover{color:var(--accent-cyan)}.footer-bottom{border-top:1px solid var(--border-subtle);font-family:var(--mono);color:var(--text-dim);text-transform:uppercase;letter-spacing:1px;justify-content:space-between;align-items:center;margin-top:32px;padding-top:16px;font-size:11px;display:flex}.footer-status{color:var(--state-success);align-items:center;gap:8px;display:inline-flex}.reveal{opacity:1;transform:none}@media (prefers-reduced-motion:no-preference){.reveal-armed{opacity:0;transition:opacity .7s cubic-bezier(.2,.9,.3,1),transform .7s cubic-bezier(.2,.9,.3,1);transform:translateY(20px)}.reveal-armed.is-visible{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.reveal{opacity:1!important;transform:none!important}.ticker-track,.hero:before{animation:none!important}}@media (width<=1100px){.example-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=960px){.top-hud-inner{grid-template-columns:1fr auto}.top-nav,.hero-readout{display:none}.metrics{grid-template-columns:repeat(2,1fr)}.metric:nth-child(2){border-right:0}.metric:first-child,.metric:nth-child(2){border-bottom:1px solid var(--border-subtle)}.problem-grid,.flow-grid{grid-template-columns:1fr}.phone-gallery{grid-template-columns:1fr;gap:36px}.phone[data-phone="2"]{transform:none}.audience-grid,.shops-locations{grid-template-columns:1fr}.beta-wrap{grid-template-columns:1fr;gap:32px}.footer-inner{grid-template-columns:1fr;gap:24px}.footer-cols{grid-template-columns:1fr 1fr}.section-head{grid-template-columns:1fr;gap:12px}.section-num{grid-column:1;width:max-content}.section-title,.section-sub{grid-column:1}}@media (width<=560px){.top-hud-inner{justify-content:space-between;align-items:center;gap:10px;width:100%;max-width:none;min-height:54px;padding:10px 112px 10px 12px;display:flex;position:relative}.brand{letter-spacing:.8px;min-width:0;font-size:12px}.lang-toggle{font-size:11px;position:absolute;top:10px;right:12px}.lang-toggle button{min-width:38px;min-height:34px;padding:7px 9px}.hero{margin:12px 12px 80px}.hero-content{width:100%;max-width:100%;padding:28px}.hero-title{overflow-wrap:anywhere;word-break:break-word;max-width:100%;font-size:clamp(36px,12.5vw,48px);line-height:1}:lang(th) .hero-title{font-size:clamp(34px,11.5vw,42px);line-height:1.08}.metrics{margin-left:12px;margin-right:12px}.example-grid{grid-template-columns:1fr}.footer-bottom{text-align:center;flex-direction:column;gap:8px}.brand-meta{display:none}}