:root{--sun-1: #ff8a00;--sun-2: #ff2e63;--accent: #ff5e3a;--accent-deep: #e23d2a;--accent-text: #c5331f;--ink: #3b2f26;--muted: #6f6157;--white: #ffffff;--soft: #fff6f0;--line: #f1e6da;--sunset: linear-gradient(125deg, var(--sun-1) 0%, var(--sun-2) 100%);--rose-deep: #be123c;--sunset-deep: linear-gradient(125deg, #d24317 0%, var(--rose-deep) 100%);--btn-grad: linear-gradient(120deg, #e8620f 0%, #ff2e63 100%);--hero-grad: linear-gradient(115deg, #c81e4f 0%, #d9362f 50%, #ff7a3c 74%, #ffc59a 100%);--z-nav: 100;--shadow: 0 30px 70px -24px rgba(226, 61, 42, .38);font-family:Noto Sans Thai,system-ui,-apple-system,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--white);color:var(--ink);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}:where(a,button,input):focus-visible{outline:3px solid var(--accent-deep);outline-offset:3px;border-radius:8px}h1,h2,h3,h4{font-family:Poppins,Noto Sans Thai,sans-serif}.container{width:min(1140px,92vw);margin:0 auto}.btn{display:inline-block;background:var(--btn-grad);color:#fff;font-weight:700;padding:13px 30px;border-radius:999px;border:none;cursor:pointer;font-size:1rem;box-shadow:0 14px 26px -10px #ff2e638c;transition:transform .15s ease,box-shadow .15s ease;font-family:Noto Sans Thai,sans-serif}.btn:hover{transform:translateY(-2px);box-shadow:0 20px 34px -10px #ff2e63a6}.btn:active{transform:translateY(0)}.btn-lg{padding:16px 40px;font-size:1.08rem}.btn-white{background:#fff;color:var(--accent-deep);box-shadow:0 14px 30px -12px #0000004d}.play{display:inline-flex;align-items:center;gap:12px;font-weight:700;color:var(--ink)}.play-ic{width:44px;height:44px;border-radius:50%;background:#fff;box-shadow:0 10px 22px -10px #e23d2a66;display:grid;place-items:center;color:var(--accent-text);font-size:1rem;transition:transform .15s ease}.play:hover .play-ic{transform:scale(1.08)}.hero-em{color:#ffd98a;white-space:nowrap;text-shadow:0 0 24px rgba(255,207,138,.5),0 0 52px rgba(255,140,60,.3)}.nav{position:fixed;top:0;left:0;right:0;z-index:var(--z-nav);transition:background .3s ease,box-shadow .3s ease}.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 0}.nav .brand,.nav .nav-links a{color:#fff}.nav-links{display:flex;gap:30px;font-weight:600}.nav-links a{position:relative;padding:4px 0;opacity:.92;transition:opacity .15s ease}.nav-links a:hover{opacity:1}.nav.scrolled{background:#fffffff5;box-shadow:0 8px 26px -18px #e23d2a80}.nav.scrolled .brand,.nav.scrolled .nav-links a{color:var(--ink)}.nav.scrolled .brand .dot{color:var(--accent)}.nav-burger{display:none;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;padding:10px;background:none;border:none;cursor:pointer}.nav-burger span{height:2px;border-radius:2px;background:#fff;transition:background .3s ease}.nav.scrolled .nav-burger span{background:var(--ink)}.mobile-menu{margin:0 0 0 auto;height:100dvh;width:min(86vw,360px);max-height:none;border:none;padding:24px clamp(22px,6vw,32px) 40px;background:var(--rose-deep);color:#fff}.mobile-menu::backdrop{background:#280c1480}.mm-close{display:block;margin-left:auto;width:44px;height:44px;background:#ffffff29;border:none;border-radius:12px;color:#fff;font-size:1.1rem;cursor:pointer}.mm-links{display:flex;flex-direction:column;gap:6px;margin:32px 0}.mm-links a{font-size:1.3rem;font-weight:700;font-family:Poppins,Noto Sans Thai,sans-serif;padding:12px 0}.mm-cta{width:100%;justify-content:center}.appstore-btn{display:inline-flex;align-items:center;gap:11px;background:#111;color:#fff;padding:11px 22px;border-radius:14px;box-shadow:0 16px 34px -18px #0000008c;transition:transform .15s ease,box-shadow .15s ease}.appstore-btn:hover{transform:translateY(-2px);box-shadow:0 22px 40px -18px #0009}.appstore-btn:active{transform:translateY(0) scale(.98)}.appstore-btn svg{width:22px;height:26px;fill:currentColor;flex:none}.appstore-lab{display:flex;flex-direction:column;line-height:1.04;text-align:left}.appstore-lab small{font-size:.66rem;font-weight:500;opacity:.82}.appstore-lab b{font-family:Poppins,sans-serif;font-size:1.04rem;font-weight:700}.appstore-btn.compact{padding:9px 16px;gap:8px}.appstore-btn.compact svg{width:18px;height:22px}.appstore-btn.compact .appstore-lab small{display:none}.appstore-btn.compact .appstore-lab b{font-size:.98rem}.store-lg{padding:13px 26px}.store-lg svg{width:26px;height:30px}.brand{display:inline-flex;align-items:center;gap:10px;font-family:Poppins,sans-serif;font-weight:800;font-size:1.25rem}.brand-mark{width:34px;height:34px;border-radius:10px;background:var(--btn-grad);color:#fff;display:grid;place-items:center;font-size:1.2rem;font-weight:800;box-shadow:0 8px 16px -6px #ff2e638c}.brand .dot{color:var(--accent)}.hero{position:relative;overflow:hidden;padding:132px 0 90px;background:var(--hero-grad);color:#fff}.hero-inner{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr 1fr;gap:48px;align-items:center}.hero-copy{max-width:36rem}.hero h1{font-size:clamp(2.4rem,4.8vw,3.9rem);line-height:1.1;font-weight:800;letter-spacing:-.015em}.hero .lead{font-size:1.18rem;color:#fff;margin:22px 0 32px;max-width:32em}.hero-cta{display:flex;gap:22px;align-items:center;flex-wrap:wrap}.hero .play{color:#fff}.hero-visual{position:relative;display:grid;place-items:center}.hero-visual .device{width:min(440px,88%)}@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.hero-copy h1{animation:rise .7s cubic-bezier(.22,1,.36,1) .05s backwards}.hero-copy .lead{animation:rise .7s cubic-bezier(.22,1,.36,1) .16s backwards}.hero-copy .hero-cta{animation:rise .7s cubic-bezier(.22,1,.36,1) .27s backwards}.hero-visual{animation:rise .9s cubic-bezier(.22,1,.36,1) .2s backwards}.device{position:relative;z-index:2;background:#1c1712;padding:10px;border-radius:26px;box-shadow:var(--shadow);transition:transform .35s ease}.device img{border-radius:16px}.tilt-l{transform:rotate(-3deg)}.tilt-r{transform:rotate(3deg)}.device:hover{transform:rotate(0) scale(1.01)}.hero-glow{position:absolute;z-index:0;width:115%;aspect-ratio:1;left:-5%;top:50%;transform:translateY(-50%);background:radial-gradient(circle,#ffffff4d,#fff0 62%);pointer-events:none}.gap-card{position:absolute;z-index:3;left:-7%;bottom:7%;width:222px;background:#fff;color:var(--ink);border-radius:18px;padding:16px 18px;box-shadow:0 30px 60px -28px #00000073;animation:floaty 6s ease-in-out infinite}.gap-card-head{display:flex;align-items:center;gap:9px;font-weight:700;font-size:.92rem;margin-bottom:14px}.gap-card-head:before{content:"";width:9px;height:9px;border-radius:50%;background:var(--btn-grad);flex:none}.gap-bars{list-style:none;display:grid;gap:11px}.gap-bars li{display:grid;grid-template-columns:40px 1fr;align-items:center;gap:11px;font-size:.8rem;color:var(--muted)}.gap-track{height:8px;border-radius:999px;background:var(--soft);overflow:hidden}.gap-track i{display:block;height:100%;border-radius:999px;background:var(--btn-grad)}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.confetti{position:absolute;z-index:1;pointer-events:none}.confetti.dot{width:12px;height:12px;border-radius:50%;background:#ffffff8c}.confetti.ring{width:30px;height:30px;border-radius:50%;border:2px solid rgba(255,255,255,.45)}.hero .c1{top:20%;left:46%;opacity:.7}.hero .c2{bottom:24%;right:40%;opacity:.55}.hero .c3{top:30%;right:8%;opacity:.6}.hero-wave{position:absolute;bottom:-1px;left:0;width:100%;height:110px;z-index:1;display:block}.section-head{text-align:center;max-width:40em;margin:0 auto 56px}.section-head h2{font-size:clamp(1.9rem,3.6vw,2.6rem);font-weight:800}.section-head p{color:var(--muted);font-size:1.1rem;margin-top:14px}.kicker{color:var(--accent-text);font-weight:700;font-size:.95rem;margin-bottom:10px}.services{padding:100px 0 90px}.svc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(248px,1fr));gap:40px 30px}.svc{text-align:center;max-width:22rem;margin:0 auto}.svc-art{width:168px;height:168px;margin:0 auto 26px;border-radius:50%;background:radial-gradient(circle at 50% 38%,#fff3ec,var(--soft));display:grid;place-items:center;padding:30px;transition:transform .25s cubic-bezier(.22,1,.36,1)}.svc:hover .svc-art{transform:translateY(-6px)}.svc-art img{max-height:100%;width:auto}.svc h3{font-size:1.2rem;font-weight:700;margin-bottom:10px}.svc p{color:var(--muted);font-size:1rem}.svc-more{text-align:center;margin-top:56px}.pill-link{display:inline-flex;align-items:center;gap:8px;font-weight:700;color:var(--accent-text);border:1.5px solid var(--line);padding:12px 28px;border-radius:999px;transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease}.pill-link:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 14px 28px -16px #e23d2a66}.showcase{padding:70px 0;position:relative;overflow:hidden}.showcase.alt{background:var(--soft)}.split{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}.split.reverse .split-visual{order:2}.split-visual{position:relative;display:grid;place-items:center;padding:30px}.split-copy h2{font-size:clamp(1.8rem,3.4vw,2.5rem);font-weight:800;margin-bottom:14px}.split-copy p{color:var(--muted);font-size:1.08rem}.ticks{list-style:none;margin-top:22px;display:grid;gap:12px}.ticks li{position:relative;padding-left:30px;font-weight:500}.ticks li:before{content:"✓";position:absolute;left:0;top:1px;width:20px;height:20px;border-radius:50%;background:var(--btn-grad);color:#fff;font-size:.72rem;font-weight:800;display:grid;place-items:center}.blob{position:absolute;z-index:0;background:var(--sunset);pointer-events:none}.blob-soft{width:460px;height:460px;left:-90px;top:-40px;border-radius:46% 54% 60% 40%/55% 45%;opacity:.9}.blob-soft.right{left:auto;right:-90px}.blob-cta{width:520px;height:520px;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:46% 54% 50% 50%/52% 48%;opacity:.1}.climax{padding:90px 0;background:var(--sunset-deep);color:#fff;position:relative;overflow:hidden}.climax .split{align-items:center}.climax-copy h2{font-size:clamp(1.9rem,3.6vw,2.7rem);font-weight:800;line-height:1.2;margin:8px 0 18px}.climax-copy p{font-size:1.12rem;opacity:.95;margin-bottom:28px}.climax-visual{display:grid;place-items:center}.demo{padding:100px 0}.demo .section-head{margin-bottom:44px}.demo-frame{position:relative;width:min(900px,100%);margin:0 auto;aspect-ratio:16 / 9;border-radius:24px;overflow:hidden;background:#1c1712;box-shadow:var(--shadow)}.demo-poster{width:100%;height:100%;object-fit:cover;display:block}.demo-video{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}.demo-play{position:absolute;inset:0;margin:auto;width:88px;height:88px;border-radius:50%;border:none;cursor:pointer;background:var(--btn-grad);color:#fff;display:grid;place-items:center;box-shadow:0 18px 40px -14px #ff2e63b3;transition:transform .15s ease,opacity .25s ease}.demo-play:hover{transform:scale(1.06)}.demo-play .demo-play-ic{font-size:1.5rem;margin-left:5px}.demo-frame.playing .demo-play{opacity:0;transform:scale(.6);pointer-events:none}.workspace{padding:96px 0}.ws-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:38px 48px}.ws-item{display:flex;gap:18px;align-items:flex-start}.ws-ic{flex:none;width:52px;height:52px;border-radius:14px;background:var(--btn-grad);color:#fff;display:grid;place-items:center;box-shadow:0 8px 16px -6px #ff2e638c;transition:transform .25s cubic-bezier(.22,1,.36,1)}.ws-item:hover .ws-ic{transform:translateY(-5px)}.ws-ic svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.ws-item h3{font-size:1.15rem;font-weight:700;margin-bottom:7px}.ws-item p{color:var(--muted);font-size:.98rem}.how{padding:100px 0;position:relative;overflow:hidden}.how-steps h2{font-size:clamp(1.8rem,3.4vw,2.4rem);font-weight:800;margin-bottom:30px}.step{display:flex;gap:20px;align-items:flex-start;margin-bottom:28px}.step-icon{flex:none;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;font-family:Poppins,sans-serif;font-size:1.4rem;font-weight:800;color:var(--accent-text);background:var(--soft);box-shadow:0 0 0 6px #e23d2a0f}.step h4{font-size:1.2rem;font-weight:700;margin-bottom:4px}.step p{color:var(--muted)}.how-art{position:relative;display:grid;place-items:center;padding:30px}.how-art>img{position:relative;z-index:2;max-width:80%}.objections{padding:96px 0;background:var(--soft)}.obj-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(284px,1fr));gap:36px 34px;max-width:60rem;margin:0 auto}.obj-say{width:fit-content;max-width:100%;background:#fff;border-radius:16px 16px 16px 4px;padding:14px 18px;font-weight:600;color:var(--ink);box-shadow:0 14px 30px -20px #e23d2a47}.obj-ans{margin-top:16px;padding-left:28px;position:relative;color:var(--muted);text-wrap:pretty}.obj-ans:before{content:"↳";position:absolute;left:2px;top:-1px;color:var(--accent-text);font-weight:800;font-size:1.1rem}.proof{padding:96px 0}.proof-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:28px}.proof-item{margin:0;display:flex;flex-direction:column;gap:18px;padding:28px;background:var(--soft);border-radius:20px}.proof-item:before{content:"”";font-family:Poppins,serif;font-size:3rem;line-height:.55;color:var(--accent);opacity:.55}.proof-quote{font-size:1.08rem;color:var(--ink);text-wrap:pretty}.proof-by{display:flex;align-items:center;gap:12px;margin-top:auto}.proof-avatar{flex:none;width:44px;height:44px;border-radius:50%;background:var(--btn-grad);color:#fff;display:grid;place-items:center;font-family:Poppins,sans-serif;font-weight:700}.proof-meta{display:flex;flex-direction:column;line-height:1.3}.proof-meta small{color:var(--muted);font-size:.85rem}.faq{padding:96px 0}.faq-list{max-width:46rem;margin:0 auto}.faq-item{border-bottom:1px solid var(--line)}.faq-item summary{list-style:none;cursor:pointer;position:relative;padding:22px 44px 22px 0;font-weight:700;font-size:1.08rem}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";position:absolute;right:4px;top:50%;transform:translateY(-50%);font-size:1.6rem;font-weight:400;color:var(--accent-text);transition:transform .2s ease}.faq-item[open] summary:after{content:"−"}.faq-item summary:focus-visible{outline:3px solid var(--accent-deep);outline-offset:2px;border-radius:6px}.faq-item p{color:var(--muted);padding:0 44px 24px 0;max-width:60ch}.cta{padding:100px 0;text-align:center;position:relative;overflow:hidden}.cta-inner{position:relative;z-index:2;max-width:38em;margin:0 auto}.cta h2{font-size:clamp(1.9rem,3.4vw,2.5rem);font-weight:800}.cta p{color:var(--muted);font-size:1.1rem;margin:14px 0 30px}.cta-actions{display:flex;justify-content:center}.cta-note{color:var(--muted);font-size:.95rem;margin-top:18px}.footer{background:var(--ink);color:#fff6f0;padding:50px 0}.footer-inner{text-align:center;display:grid;gap:12px;place-items:center}.footer .brand{color:#fff6f0}.footer p{opacity:.8}.footer small{opacity:.55}h1,h2,h3{text-wrap:balance}.lead,.section-head p,.split-copy p,.climax-copy p,.cta p,.step p,.footer p{text-wrap:pretty}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;transition-delay:0!important}}@media(max-width:900px){.hero{padding:112px 0 80px}.hero-inner{grid-template-columns:1fr;gap:44px;text-align:center}.hero-copy{max-width:38rem;margin:0 auto}.hero .lead{margin-left:auto;margin-right:auto}.hero-cta{justify-content:center}.hero-visual .device{width:min(420px,80%)}.gap-card{left:2%;bottom:-4%}.split,.split.reverse,.climax .split{grid-template-columns:1fr}.split.reverse .split-visual{order:0}.how-art{display:none}}@media(max-width:768px){.nav-links,.nav-cta{display:none}.nav-burger{display:flex}.nav-inner{padding:13px 0}}@media(max-width:540px){.hero-cta{gap:16px}.hero h1{font-size:clamp(2.1rem,8vw,2.8rem)}.gap-card{display:none}}