:root{--bg:#fff8ee;--surface:#fff;--sand:#f3e9da;--sand-2:#eadfcd;--line:#e6d9c6;--line-soft:#efe4d3;--ink:#1e1b3a;--ink-2:#2f2a57;--muted:#5e5a72;--accent:#c94a1b;--accent-ink:#b8431a;--accent-dark:#8f3210;--accent-soft:#ffe3d3;--indigo:#3b3486;--indigo-soft:#eae7f7;--green:#1b5e45;--shadow-sm:0 1px 2px #1e1b3a0f, 0 1px 1px #1e1b3a08;--shadow-md:0 10px 24px #1e1b3a14, 0 2px 4px #1e1b3a0a;--shadow-lg:0 30px 70px #1e1b3a2e;--ease:cubic-bezier(.2, .7, .2, 1);--font-body:"IBM Plex Sans Thai", system-ui, -apple-system, "Segoe UI", sans-serif;--font-display:"Prompt", "IBM Plex Sans Thai", system-ui, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;font-size:17px;line-height:1.6}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.02em;margin:0;line-height:1.15}p{margin:0}a{color:var(--accent-ink)}a:hover{color:var(--accent-dark)}img,svg{max-width:100%}:focus-visible{outline-offset:3px;border-radius:6px;outline:3px solid #c94a1b80}.wrap{width:100%;max-width:1200px;margin:0 auto;padding:0 28px}.wrap.narrow{max-width:880px}[hidden]{display:none!important}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip{z-index:100;background:var(--ink);color:#fff;border-radius:10px;padding:10px 16px;position:absolute;top:-60px;left:16px}.skip:focus{color:#fff;top:12px}.btn{height:46px;font:600 16px/1 var(--font-body);cursor:pointer;white-space:nowrap;border:1.5px solid #0000;border-radius:14px;justify-content:center;align-items:center;gap:10px;padding:0 20px;text-decoration:none;transition:background .15s,border-color .15s,box-shadow .2s,transform 80ms;display:inline-flex}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--accent);color:#fff;box-shadow:inset 0 1px #ffffff2e,0 8px 18px #c94a1b47}.btn-primary:hover{color:#fff;background:#b23f15;box-shadow:inset 0 1px #ffffff2e,0 10px 24px #c94a1b5c}.btn-secondary{background:var(--surface);border-color:var(--line);color:var(--ink);box-shadow:var(--shadow-sm)}.btn-secondary:hover{color:var(--ink);border-color:#d5c6ae}.btn-ghost{color:var(--ink);background:0 0}.btn-ghost:hover{background:var(--sand);color:var(--ink)}.btn-light{color:var(--accent-dark);background:#fff}.btn-light:hover{color:var(--accent-dark);background:#fff3ea}.btn-xl{border-radius:16px;height:58px;padding:0 28px;font-size:17px}.btn-block{width:100%}.site-header{z-index:50;-webkit-backdrop-filter:blur(12px);background:#fff8eee0;border-bottom:1px solid #0000;transition:border-color .2s,box-shadow .2s;position:sticky;top:0}.site-header.scrolled{border-bottom-color:var(--line-soft);box-shadow:0 6px 18px #1e1b3a0d}.header-inner{align-items:center;gap:28px;height:72px;display:flex}.brand{color:var(--ink);font:700 22px/1 var(--font-display);letter-spacing:-.01em;align-items:center;gap:10px;text-decoration:none;display:inline-flex}.brand:hover{color:var(--ink)}.main-nav{gap:4px;display:flex}.main-nav a{color:var(--muted);border-radius:10px;padding:8px 12px;font-size:15px;font-weight:500;text-decoration:none}.main-nav a:hover{color:var(--ink);background:var(--sand)}.header-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.lang{border:1px solid var(--line);color:var(--ink);border-radius:8px;padding:6px 10px;font-size:14px;font-weight:600;text-decoration:none}.menu-toggle{border:1px solid var(--line);background:var(--surface);width:44px;height:44px;color:var(--ink);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;display:none}.hero{padding:56px 0 40px;overflow:hidden}.hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:56px;display:grid}.eyebrow{background:var(--surface);border:1px solid var(--line-soft);box-shadow:var(--shadow-sm);color:var(--ink-2);border-radius:999px;align-items:center;gap:10px;padding:7px 14px;font-size:14px;font-weight:600;display:inline-flex}.eyebrow .dot{background:var(--accent);width:8px;height:8px;box-shadow:0 0 0 4px var(--accent-soft);border-radius:999px}.hero h1{letter-spacing:-.035em;margin-top:22px;font-size:clamp(40px,5.4vw,64px);font-weight:800}.hl{color:var(--accent);white-space:nowrap;position:relative}.hl:after{content:"";background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 12' preserveAspectRatio='none'%3E%3Cpath d='M2 8 Q 50 2 100 7 T 198 5' stroke='%23C94A1B' stroke-width='4' fill='none' stroke-linecap='round' opacity='.45'/%3E%3C/svg%3E") 50%/100% 100% no-repeat;height:12px;position:absolute;bottom:-6px;left:0;right:0}.hero-thai{font:600 20px/1.5 var(--font-display);color:var(--accent-ink);margin-top:18px}.lead{color:var(--muted);max-width:560px;margin-top:14px;font-size:19px}.cta-row{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.trust{color:var(--muted);flex-wrap:wrap;gap:8px 22px;margin:22px 0 0;padding:0;font-size:15px;list-style:none;display:flex}.trust li{align-items:center;gap:6px;display:inline-flex}.trust svg{color:var(--green)}.hero-visual{padding:40px 10px 40px 30px;position:relative}.video-card{aspect-ratio:16/9;box-shadow:var(--shadow-lg);background:#fff;border-radius:24px;position:relative;overflow:hidden;transform:rotate(-1.2deg);container-type:inline-size}.vc-slide{flex-direction:column;gap:1.6cqw;padding:7cqw;display:flex;position:absolute;inset:0}.vc-kicker{font:600 2.2cqw/1 var(--font-body);color:var(--accent-ink);text-transform:uppercase;letter-spacing:.08em}.vc-title{font:700 5.2cqw/1.15 var(--font-display);color:var(--ink);max-width:62%}.vc-bars{flex-direction:column;gap:1.6cqw;width:50%;margin-top:2.5cqw;display:flex}.vc-bars i{background:var(--sand-2);border-radius:1cqw;height:1.5cqw;display:block}.vc-chart{align-items:flex-end;gap:2.2cqw;height:22cqw;display:flex;position:absolute;bottom:12cqw;left:52%}.vc-chart i{background:var(--indigo);border-radius:1cqw 1cqw 0 0;width:5cqw;display:block}.vc-chart i:last-child{background:var(--accent)}.vc-presenter{border:.7cqw solid #fff;border-radius:999px;width:23cqw;height:23cqw;position:absolute;bottom:9cqw;right:3.5cqw;overflow:hidden;box-shadow:0 1cqw 3cqw #1e1b3a40}.vc-presenter svg{width:100%;height:100%;display:block}.mouth{transform-box:fill-box;transform-origin:50%;animation:.22s ease-in-out infinite alternate talk}@keyframes talk{0%{transform:scaleY(.35)}to{transform:scaleY(1.15)}}.vc-badge{color:#fff;background:#1e1b3ad6;border-radius:999px;padding:.6cqw 1.6cqw;font-size:1.8cqw;font-weight:500;position:absolute;top:2cqw;left:2cqw}.vc-caption{color:#fff;text-align:center;white-space:nowrap;text-overflow:ellipsis;background:#1e1b3adb;padding:1.6cqw 3cqw;font-size:2.5cqw;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.bubble{box-shadow:var(--shadow-md);font:600 20px/1 var(--font-display);background:#fff;border-radius:20px 20px 4px;align-items:center;gap:12px;padding:12px 18px;animation:5s ease-in-out infinite floaty;display:flex;position:absolute;top:4px;right:36px}.wave{align-items:center;gap:3px;height:20px;display:inline-flex}.wave i{background:var(--accent);border-radius:2px;width:3px;height:6px;animation:1s ease-in-out infinite wave}.wave i:nth-child(2){animation-delay:.1s}.wave i:nth-child(3){animation-delay:.2s}.wave i:nth-child(4){animation-delay:.3s}.wave i:nth-child(5){animation-delay:.4s}@keyframes wave{50%{height:18px}}.chip{box-shadow:var(--shadow-md);background:#fff;border-radius:999px;align-items:center;gap:8px;padding:10px 16px;font-size:15px;font-weight:600;animation:6s ease-in-out infinite floaty;display:inline-flex;position:absolute}.chip svg{color:var(--accent-ink)}.chip.c1{animation-delay:.8s;top:46%;left:0}.chip.c2{animation-delay:1.6s;bottom:6px;right:-6px}.chip.c3{animation-delay:2.4s;bottom:-2px;left:14%}@keyframes floaty{50%{transform:translateY(-7px)}}.made-for{flex-wrap:wrap;align-items:center;gap:20px;margin-top:56px;display:flex}.made-for p{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:14px;font-weight:600}.made-for ul{flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none;display:flex}.made-for li{background:var(--surface);border:1px solid var(--line-soft);border-radius:999px;padding:8px 16px;font-size:15px;font-weight:500}.section{padding:96px 0}.section.alt{background:var(--surface);border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft)}.section-head{text-align:center;flex-direction:column;align-items:center;gap:14px;max-width:720px;margin:0 auto 52px;display:flex}.kicker{letter-spacing:.1em;text-transform:uppercase;color:var(--accent-ink);font-size:14px;font-weight:700}.section-head h2,.trust-grid h2{font-size:clamp(32px,3.8vw,46px);font-weight:700}.sub{color:var(--muted);font-size:18px}.sub.left{text-align:left;margin-top:14px}.steps{counter-reset:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0;padding:0;list-style:none;display:grid}.step{background:var(--surface);border:1px solid var(--line-soft);box-shadow:var(--shadow-sm);transition:transform .2s var(--ease), box-shadow .2s var(--ease);border-radius:24px;flex-direction:column;gap:12px;padding:28px;display:flex;position:relative}.step:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.step h3{font-size:22px}.step p{color:var(--muted);font-size:16px}.step-num{font:800 44px/1 var(--font-display);color:var(--sand-2);position:absolute;top:20px;right:22px}.step-art{background:var(--bg);border-radius:18px;justify-content:center;align-items:center;height:140px;margin-bottom:8px;display:flex;position:relative;overflow:hidden}.art-words{flex-direction:column;justify-content:center;align-items:flex-start;gap:12px;padding:0 28px}.art-line{background:var(--sand-2);border-radius:6px;height:10px;display:block}.art-pill{background:var(--accent-soft);color:var(--accent-dark);border-radius:999px;padding:6px 12px;font-size:13px;font-weight:600;position:absolute;bottom:14px;right:16px}.art-faces{gap:14px}.face{background:var(--sand-2);border-radius:18px;width:70px;height:70px;position:relative}.face:before{content:"";background:#e8b08e;border-radius:999px;width:34%;height:34%;position:absolute;top:22%;left:50%;transform:translate(-50%)}.face:after{content:"";background:#fff;border-radius:40px 40px 0 0;height:30%;position:absolute;bottom:0;left:22%;right:22%}.face.f1{background:#d8e4f5}.face.f3{background:#e3f0df}.face.on{outline:3px solid var(--accent);outline-offset:3px;background:#ffd9c2;transform:scale(1.08)}.art-formats{align-items:center;gap:16px}.fmt{border:3px solid var(--ink-2);background:#fff;border-radius:8px;display:block}.fmt.w{width:96px;height:56px}.fmt.t{border-color:var(--accent);width:44px;height:78px}.fmt.s{width:60px;height:60px}.band{background:var(--ink);color:#fff;padding:96px 0}.band-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:56px;display:grid}.band h2{letter-spacing:-.03em;font-size:clamp(38px,4.8vw,60px);font-weight:800}.band h2 span{color:#ff9e73}.band-list{flex-direction:column;gap:22px;margin:0;padding:0;list-style:none;display:flex}.band-list li{color:#d6d3e8;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:20px;padding:22px 24px;font-size:17px}.band-list strong{color:#fff;font-family:var(--font-display);margin-bottom:4px;font-size:19px;display:block}.tabs{background:var(--sand);border-radius:18px;justify-content:center;gap:6px;width:max-content;max-width:100%;margin:0 auto 32px;padding:6px;display:flex;overflow-x:auto}.tabs button{height:46px;color:var(--muted);font:600 16px/1 var(--font-body);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:13px;padding:0 22px}.tabs button:focus-visible{outline-offset:-2px}.tabs button[aria-selected=true]{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-sm)}.panel{background:var(--surface);border:1px solid var(--line-soft);box-shadow:var(--shadow-sm);border-radius:28px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:48px;padding:40px;display:grid}.no-js .panel+.panel{margin-top:20px}.panel h3{font-size:30px}.js .panel:not([hidden]){animation:panelIn .3s var(--ease)}@keyframes panelIn{0%{opacity:0;transform:translateY(6px)}}.panel-copy{flex-direction:column;gap:16px;display:flex}.panel-copy>p{color:var(--muted);font-size:18px}.ticks{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.ticks li{padding-left:30px;position:relative}.ticks li:before{content:"";background:var(--green) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center / 12px no-repeat;border-radius:999px;width:18px;height:18px;position:absolute;top:5px;left:0}.ticks.small{gap:8px;font-size:15px}.ticks.small li:before{top:4px}.link-arrow{align-self:flex-start;font-weight:700;text-decoration:none}.link-arrow:after{content:" →";transition:margin .2s}.link-arrow:hover:after{margin-left:4px}.panel-media{justify-content:center;display:flex}.mini-card{aspect-ratio:16/9;width:100%;max-width:460px;box-shadow:var(--shadow-md);border-radius:22px;padding:28px;position:relative;overflow:hidden}.mini-card.tall{aspect-ratio:9/16;max-width:220px}.mc-title{z-index:1;font:700 26px/1.2 var(--font-display);max-width:70%;display:block;position:relative}.mini-card.tall .mc-title{max-width:100%;font-size:20px}.mc-face{aspect-ratio:1;width:34%;box-shadow:var(--shadow-md);background:#ffd9c2;border:5px solid #fff;border-radius:999px;position:absolute;bottom:20px;right:20px}.mc-face:before{content:"";background:#e8b08e;border-radius:999px;width:40%;height:40%;position:absolute;top:24%;left:50%;transform:translate(-50%)}.mc-face:after{content:"";background:#fff;border-radius:60px 60px 0 0;height:28%;position:absolute;bottom:0;left:18%;right:18%}.mc-face.big{width:76%;bottom:10%;right:12%}.theme-ink{background:var(--ink);color:#fff}.theme-peach{background:var(--accent-soft);color:var(--ink)}.theme-mint{color:var(--ink);background:#e3f0df}.theme-indigo{background:var(--indigo-soft);color:var(--ink)}.features{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:0;padding:0;list-style:none;display:grid}.feature{background:var(--bg);border:1px solid var(--line-soft);transition:transform .2s var(--ease), box-shadow .2s var(--ease), background .2s;border-radius:22px;flex-direction:column;gap:10px;padding:28px;display:flex}.feature:hover{box-shadow:var(--shadow-md);background:#fff;transform:translateY(-3px)}.feature h3{font-size:20px}.feature p{color:var(--muted);font-size:16px}.f-icon{background:var(--accent-soft);width:48px;height:48px;color:var(--accent-ink);border-radius:14px;justify-content:center;align-items:center;margin-bottom:6px;display:flex}.table-wrap{border:1px solid var(--line-soft);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:22px;overflow-x:auto}.cmp{border-collapse:collapse;width:100%;font-size:16px}.cmp th,.cmp td{text-align:left;border-bottom:1px solid var(--line-soft);padding:18px 22px}.cmp tbody tr:last-child th,.cmp tbody tr:last-child td{border-bottom:none}.cmp thead th{font:700 17px/1.2 var(--font-display);background:var(--bg)}.cmp tbody th{width:32%;font-weight:600}.cmp td{color:var(--muted)}.cmp .us{color:var(--ink);background:#fff6ef;font-weight:600}.cmp thead .us{background:var(--accent);color:#fff}.billing{background:var(--sand);border-radius:16px;gap:4px;margin-top:6px;padding:5px;display:inline-flex}.billing button{height:42px;color:var(--muted);font:600 15px/1 var(--font-body);cursor:pointer;background:0 0;border:none;border-radius:12px;padding:0 18px}.billing button.on{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-sm)}.save{color:var(--green);background:#e1f2ea;border-radius:999px;margin-left:6px;padding:3px 8px;font-size:12px}.plans{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:18px;margin:0;padding:0;list-style:none;display:grid}.plan{background:var(--bg);border:1px solid var(--line-soft);border-radius:24px;flex-direction:column;gap:14px;padding:28px 24px;display:flex;position:relative}.plan.popular{border:2.5px solid var(--accent);background:#fff;box-shadow:0 18px 40px #c94a1b29}.ribbon{background:var(--accent);color:#fff;border-radius:999px;padding:5px 12px;font-size:13px;font-weight:700;position:absolute;top:-14px;left:24px}.plan h3{font-size:22px}.price{flex-wrap:wrap;align-items:baseline;gap:6px;display:flex}.amt{font:800 40px/1 var(--font-display);letter-spacing:-.03em;font-variant-numeric:tabular-nums}.per{color:var(--muted);font-size:14px}.credits{color:var(--accent-ink);font-size:15px;font-weight:700}.plan .btn{margin-top:auto}.pay-note{text-align:center;color:var(--muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:28px;font-size:15px;display:flex}.pay-note span{background:var(--bg);border:1px solid var(--line-soft);color:var(--ink);border-radius:8px;padding:5px 12px;font-size:14px;font-weight:600}.trust-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:56px;display:grid}.trust-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:0;padding:0;list-style:none;display:grid}.trust-list li{background:var(--surface);border:1px solid var(--line-soft);box-shadow:var(--shadow-sm);color:var(--muted);border-radius:20px;padding:22px;font-size:16px}.trust-list strong{color:var(--ink);font-family:var(--font-display);margin-bottom:6px;font-size:18px;display:block}.faq{flex-direction:column;gap:12px;display:flex}.faq details{background:var(--bg);border:1px solid var(--line-soft);border-radius:18px;padding:4px 22px;transition:background .2s}.faq details[open]{box-shadow:var(--shadow-sm);background:#fff}.faq summary{cursor:pointer;font:600 18px/1.4 var(--font-display);justify-content:space-between;align-items:center;gap:16px;padding:16px 0;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";background:var(--accent-soft);width:30px;height:30px;color:var(--accent-dark);font:600 20px/1 var(--font-body);transition:transform .2s var(--ease);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.faq details[open] summary:after{transform:rotate(45deg)}.faq details p{color:var(--muted);padding:0 0 18px}.final-cta{background:var(--accent);color:#fff;text-align:center;padding:88px 0}.final-inner{flex-direction:column;align-items:center;gap:16px;display:flex}.final-cta h2{letter-spacing:-.03em;max-width:780px;font-size:clamp(32px,4.4vw,52px);font-weight:800}.final-cta p{font:600 20px/1.5 var(--font-display);color:#ffe3d3;margin-bottom:10px}.site-footer{background:var(--ink);color:#c9c5dd;padding:64px 0 28px;font-size:15px}.footer-grid{grid-template-columns:1.4fr repeat(3,minmax(0,1fr));gap:32px;display:grid}.site-footer .brand{color:#fff}.footer-brand{flex-direction:column;gap:12px;display:flex}.site-footer h3{color:#fff;letter-spacing:.06em;text-transform:uppercase;margin-bottom:12px;font-size:14px}.site-footer nav{flex-direction:column;gap:8px;display:flex}.site-footer a{color:#c9c5dd;text-decoration:none}.site-footer a:hover{color:#fff}.footer-bottom{border-top:1px solid #ffffff1f;flex-wrap:wrap;justify-content:space-between;gap:16px;margin-top:48px;padding-top:22px;font-size:14px;display:flex}.examples{padding-top:64px}.showcase{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,.62fr);align-items:start;gap:22px;display:grid}.player{flex-direction:column;gap:12px;margin:0;display:flex}.screen{box-shadow:var(--shadow-md);border:1px solid var(--line-soft);cursor:pointer;background:#fff;border-radius:22px;position:relative;overflow:hidden;container-type:inline-size}.screen.sw{aspect-ratio:16/9}.screen.st{aspect-ratio:9/16;background:#2a2550}.player:not(.playing) .mouth{animation:none}.ai{z-index:5;color:#fff;background:#1e1b3ad1;border-radius:999px;padding:.9cqw 2.4cqw;font-size:2.8cqw;font-weight:500;position:absolute;top:3cqw;left:3cqw}.st .ai{font-size:4.2cqw;top:6cqw}.cap{z-index:4;color:#fff;text-align:center;background:#1e1b3adb;min-height:1.35em;padding:2.2cqw 4cqw;font-size:3.6cqw;line-height:1.35;position:absolute;bottom:0;left:0;right:0}.sl{opacity:0;transition:opacity .45s var(--ease);flex-direction:column;gap:2.4cqw;padding:9cqw 8cqw;display:flex;position:absolute;inset:0}.sl.on{opacity:1}.sl[data-slide="0"]{background:var(--ink);color:#fff;justify-content:center}.sl-k{letter-spacing:.08em;text-transform:uppercase;color:#ffb38f;font-size:3cqw;font-weight:600}.sl-t{font:700 6.6cqw/1.2 var(--font-display);max-width:70%}.sl-s{color:#d6d3e8;font-size:3.8cqw}.sl-bars{flex-direction:column;gap:2.2cqw;width:58%;margin-top:2cqw;display:flex}.sl-bars i{background:var(--sand-2);border-radius:1cqw;height:2cqw;display:block}.sl-chart{align-items:flex-end;gap:3cqw;width:50%;height:30cqw;margin-top:1cqw;display:flex}.sl-chart i{background:var(--indigo);border-radius:1.2cqw 1.2cqw 0 0;width:7cqw;display:block}.sl-chart i:last-child{background:var(--accent)}.face-dot{z-index:3;border:.9cqw solid #fff;border-radius:999px;width:25cqw;height:25cqw;position:absolute;bottom:14cqw;right:4cqw;overflow:hidden;box-shadow:0 1.2cqw 3cqw #1e1b3a47}.face-dot svg,.full-av svg,.tt-av svg{width:100%;height:100%;display:block}.full-av{position:absolute;inset:0}.lower{z-index:3;border-left:1cqw solid var(--accent);box-shadow:var(--shadow-sm);background:#fffffff2;border-radius:1.8cqw;flex-direction:column;padding:1.8cqw 3cqw;display:flex;position:absolute;bottom:15cqw;left:4cqw}.lower strong{font:700 4.2cqw/1.2 var(--font-display)}.lower span{color:var(--muted);font-size:2.8cqw}.tt-bar{z-index:5;background:#ffffff4d;border-radius:1cqw;height:1cqw;position:absolute;top:3cqw;left:4cqw;right:4cqw;overflow:hidden}.tt-bar i{background:#fff;width:0;height:100%;display:block}.tt-av{height:74%;position:absolute;bottom:0;left:0;right:0}.tt-hook{z-index:4;font:800 9.5cqw/1.12 var(--font-display);color:#fff;text-shadow:0 .6cqw 2cqw #00000059;position:absolute;top:15cqw;left:6cqw;right:6cqw}.tt-side{z-index:4;flex-direction:column;gap:4cqw;display:flex;position:absolute;bottom:40cqw;right:4cqw}.tt-side i{background:#ffffffd9;border-radius:999px;width:10cqw;height:10cqw;display:block}.tt-cap{z-index:4;font:800 8.4cqw/1.25 var(--font-display);color:#fff;text-shadow:0 .5cqw #00000073,0 0 2cqw #00000059;position:absolute;bottom:16cqw;left:5cqw;right:16cqw}.tt-cap b{font-weight:800;transition:color .12s}.tt-cap b.now{color:#ffd43b}.tt-cap b.said{color:#fff}.pctl{align-items:center;gap:10px;display:flex}.pp{background:var(--ink);color:#fff;cursor:pointer;border:none;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex}.pp .i-pause,.playing .pp .i-play{display:none}.playing .pp .i-pause{display:block}.pbar{background:var(--sand-2);border-radius:3px;flex:1;height:6px;overflow:hidden}.pbar i{background:var(--accent);width:0;height:100%;display:block}.ptime{color:var(--muted);font-variant-numeric:tabular-nums;text-align:right;min-width:78px;font-size:13px}.player figcaption{flex-direction:column;gap:4px;display:flex}.player figcaption strong{font:700 20px/1.3 var(--font-display)}.player figcaption>span:last-child{color:var(--muted);font-size:15px}.tag{background:var(--accent-soft);color:var(--accent-dark);border-radius:999px;align-self:flex-start;padding:3px 10px;font-size:12.5px;font-weight:700}.ex-note{text-align:center;color:var(--muted);margin-top:26px;font-size:14px}@media (width<=1060px){.showcase{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.tall-player{grid-column:1/-1;justify-self:center;width:100%;max-width:340px}.hero-grid,.band-grid,.trust-grid{grid-template-columns:minmax(0,1fr)}.hero-visual{max-width:640px}.plans,.features,.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=860px){.main-nav{background:var(--bg);border-bottom:1px solid var(--line-soft);box-shadow:var(--shadow-md);flex-direction:column;padding:12px 20px 20px;display:none;position:absolute;top:72px;left:0;right:0}.main-nav.open{display:flex}.main-nav a{padding:12px;font-size:17px}.menu-toggle{display:inline-flex}.hide-sm{display:none}.steps,.panel,.trust-list{grid-template-columns:minmax(0,1fr)}.panel{gap:28px;padding:28px}.section,.band{padding:72px 0}}@media (width<=560px){.showcase{grid-template-columns:minmax(0,1fr)}.wrap{padding:0 18px}.hero{padding-top:32px}.plans,.features{grid-template-columns:minmax(0,1fr)}.chip.c1{display:none}.bubble{font-size:17px;right:8px}.cta-row .btn{width:100%}.lang{display:none}.header-actions .btn-primary{height:40px;padding:0 14px;font-size:15px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}html{scroll-behavior:auto}}.credits .mins{color:var(--muted);font-size:13.5px;font-weight:500;display:block}.nav-extra,.m-cta,.dots,.i-close{display:none}@media (width<=860px){.header-inner{gap:12px;height:62px}.brand{font-size:20px}.lang,.menu-toggle .i-close,.menu-toggle[aria-expanded=true] .i-menu{display:none}.menu-toggle[aria-expanded=true] .i-close{display:block}.menu-open .site-header{-webkit-backdrop-filter:none;background:var(--bg)}.main-nav{height:calc(100dvh - 62px);padding:16px 20px calc(24px + env(safe-area-inset-bottom));background:var(--bg);border-top:1px solid var(--line-soft);box-shadow:none;flex-direction:column;gap:2px;display:none;position:fixed;inset:62px 0 auto;overflow-y:auto}.main-nav.open{animation:sheetIn .22s var(--ease);display:flex}.main-nav>a{font:600 22px/1.2 var(--font-display);color:var(--ink);border-bottom:1px solid var(--line-soft);border-radius:0;padding:14px 6px}.main-nav>a:hover{background:0 0}.nav-extra{flex-direction:column;gap:10px;margin-top:auto;padding-top:24px;display:flex}.nav-lang{color:var(--muted);align-self:center;padding:10px;font-weight:600;text-decoration:none}.menu-open,.menu-open body{overflow:hidden}@keyframes sheetIn{0%{opacity:0;transform:translateY(-8px)}}}@media (width<=760px){body{font-size:16px}.wrap{padding:0 18px}html{scroll-padding-top:72px}.hero{padding:22px 0 8px}.eyebrow{padding:6px 12px;font-size:13px}.hero h1{margin-top:16px;font-size:clamp(34px,9.4vw,44px)}.hl{white-space:normal}.hero-thai{margin-top:12px;font-size:17px}.lead{font-size:17px}.cta-row{margin-top:22px}.cta-row .btn{width:100%;height:56px}.trust{gap:8px;margin-top:16px}.trust li{background:var(--surface);border:1px solid var(--line-soft);color:var(--ink);border-radius:999px;padding:6px 12px;font-size:13.5px}.hero-visual{max-width:none;padding:34px 2px 30px}.video-card{border-radius:18px;transform:none}.bubble{padding:9px 13px;font-size:16px;top:0;right:6px}.chip{padding:8px 12px;font-size:13px}.chip.c1{display:none}.chip.c2{bottom:0;right:4px}.chip.c3{bottom:0;left:4px}.made-for{margin-top:22px;display:block}.made-for p{margin-bottom:10px;font-size:12.5px}.made-for ul,.tabs{scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;overflow-x:auto}.made-for ul::-webkit-scrollbar{display:none}.tabs::-webkit-scrollbar{display:none}[data-carousel]::-webkit-scrollbar{display:none}.made-for ul{margin:0 -18px;padding:0 18px 4px}.made-for li{white-space:nowrap;font-size:14px}.section,.band{padding:60px 0}.examples{padding-top:44px}.section-head{gap:10px;margin-bottom:28px}.section-head h2,.trust-grid h2{font-size:30px}.sub{font-size:16px}.kicker{font-size:12.5px}[data-carousel]{scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:14px;margin:0 -18px;padding:6px 18px 10px;display:flex;overflow-x:auto}.showcase .player{scroll-snap-align:center;flex:0 0 86%}.showcase .tall-player{flex:0 0 62%;grid-column:auto;justify-self:auto;max-width:none}.plans{padding-top:22px}.plans .plan{scroll-snap-align:center;flex:0 0 82%}.dots{justify-content:center;gap:7px;margin-top:12px;display:flex}.dots i{background:var(--sand-2);width:7px;height:7px;transition:width .2s var(--ease), background .2s;border-radius:999px}.dots i.on{background:var(--accent);width:22px}.ex-note{margin-top:14px;font-size:13px}.pay-note{font-size:14px}.billing{width:100%}.billing button{flex:1;padding:0 10px}.steps{gap:14px}.step{padding:20px}.step-art{height:104px}.step h3{font-size:20px}.step-num{font-size:36px;top:16px;right:18px}.band h2{font-size:40px}.band-grid{gap:28px}.band-list li{padding:18px;font-size:16px}.tabs{background:0 0;border-radius:0;justify-content:flex-start;gap:8px;width:auto;margin:0 -18px 18px;padding:6px 18px}.tabs button{background:var(--sand);border-radius:999px;height:44px;padding:0 18px;font-size:15px}.tabs button[aria-selected=true]{background:var(--ink);color:#fff}.panel{border-radius:22px;gap:20px;padding:20px}.panel h3{font-size:24px}.panel-copy>p{font-size:16px}.panel-media{order:-1}.mini-card{border-radius:16px;padding:20px}.mini-card.tall{max-width:180px}.mc-title{font-size:20px}.features{gap:12px}.feature{grid-template-columns:44px minmax(0,1fr);gap:4px 14px;padding:18px;display:grid}.f-icon{grid-row:span 2;width:44px;height:44px;margin:0}.feature h3{font-size:17px}.feature p{font-size:15px}.table-wrap{box-shadow:none;background:0 0;border:none;overflow:visible}.cmp thead{display:none}.cmp,.cmp tbody,.cmp tr,.cmp th,.cmp td{width:100%;display:block}.cmp tbody{flex-direction:column;gap:10px;display:flex}.cmp tr{background:var(--surface);border:1px solid var(--line-soft);box-shadow:var(--shadow-sm);border-radius:18px;padding:16px 18px}.cmp tbody th{width:100%;font:700 17px/1.3 var(--font-display);border:none;padding:0 0 8px}.cmp td{border:none;gap:12px;padding:5px 0;font-size:15px;display:flex}.cmp td:before{content:attr(data-label);color:var(--muted);flex:0 0 112px;padding-top:1px;font-size:13px;font-weight:600}.cmp td.us{background:0 0}.cmp td.us:before{color:var(--accent-ink)}.plan{padding:22px 20px}.amt{font-size:36px}.trust-grid{gap:24px}.trust-list li{padding:18px;font-size:15px}.faq details{padding:2px 18px}.faq summary{padding:14px 0;font-size:16px}.final-cta{padding:60px 0}.final-cta h2{font-size:32px}.final-cta .btn{width:100%}.site-footer{padding:44px 0 calc(110px + env(safe-area-inset-bottom))}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px}.footer-brand{grid-column:1/-1}.site-footer nav a{padding:4px 0}.footer-bottom{flex-direction:column;margin-top:28px}.m-cta{z-index:60;padding:10px 16px calc(10px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(10px);border-top:1px solid var(--line-soft);transition:transform .25s var(--ease);background:#fff8eef5;flex-direction:column;align-items:center;gap:4px;display:flex;position:fixed;bottom:0;left:0;right:0;transform:translateY(110%);box-shadow:0 -8px 24px #1e1b3a14}.m-cta.show{transform:none}.m-cta .btn{height:52px}.m-cta span{color:var(--muted);font-size:12.5px}.menu-open .m-cta{display:none}}:lang(th) h1,:lang(th) h2,:lang(th) h3,:lang(th) .amt,:lang(th) .band h2,:lang(th) .final-cta h2{letter-spacing:0;line-height:1.35}:lang(th) .hero h1{font-weight:700}:lang(th) .lead,:lang(th) .sub,:lang(th) p{line-height:1.75}:lang(th) .main-nav>a,:lang(th) .faq summary{line-height:1.5}:lang(th) .hl{white-space:normal}