:root{color-scheme:light;--ink:#1c1a17;--muted:#5c5852;--paper:#faf9f6;--surface:#fff;--soft:#f4efe6;--accent:#c5a880;--accent-hover:#b59870;--line:#e6e2da;--shadow:0 28px 70px rgba(28,26,23,.12);--max:1280px}html[data-theme=dark]{color-scheme:dark;--ink:#f5f5f0;--muted:#a6a29a;--paper:#0c0c0a;--surface:#121210;--soft:#2d2714;--accent:#d4af37;--accent-hover:#e5c158;--line:#2b2924;--shadow:0 30px 80px rgba(0,0,0,.48)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"IBM Plex Sans Thai",sans-serif;line-height:1.65;transition:background .35s,color .35s}button{font:inherit}a{color:inherit}img{display:block;max-width:100%}.site-header{height:76px;display:flex;align-items:center;justify-content:space-between;max-width:var(--max);margin:auto;padding:0 28px;border-bottom:1px solid var(--line);position:relative;z-index:10}.brand{font-size:23px;font-weight:700;text-decoration:none}.brand span,.hero h1 em{color:var(--accent)}.site-header nav{display:flex;gap:24px}.site-header nav a{text-decoration:none;font-size:14px;color:var(--muted)}.header-actions{display:flex;align-items:center;gap:10px}.theme-toggle{width:42px;height:42px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);cursor:pointer;display:grid;place-items:center}.theme-toggle .moon,html[data-theme=dark] .theme-toggle .sun{display:none}html[data-theme=dark] .theme-toggle .moon{display:block}.button{display:inline-flex;align-items:center;justify-content:center;background:var(--accent);color:#fff;text-decoration:none;padding:14px 22px;border-radius:8px;font-weight:600;transition:transform .25s,background .25s}.button:hover{background:var(--accent-hover);transform:translateY(-2px)}.button.small{padding:10px 18px;font-size:14px}.hero{max-width:var(--max);margin:auto;padding:72px 28px 56px;display:grid;grid-template-columns:.9fr 1.1fr;gap:62px;align-items:center;min-height:720px}.eyebrow{font-size:12px;font-weight:600;color:var(--accent);letter-spacing:1.6px;margin:0 0 18px}.hero h1,.section h2,.product-showcase h2,.services h2,.cta h2,.ai-engine h2,.answer-hub h2{font-size:clamp(42px,5vw,76px);font-weight:600;line-height:1.08;margin:0;letter-spacing:0}.hero h1 em{font-style:normal}.lead{font-size:19px;color:var(--muted);max-width:650px;margin:28px 0}.hero-actions{display:flex;align-items:center;gap:24px}.text-link{font-weight:600;text-underline-offset:5px}.quick-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:62px 0 0;padding-top:26px;border-top:1px solid var(--line)}.quick-facts dt{font-weight:700;font-size:13px}.quick-facts dd{margin:6px 0 0;color:var(--muted);font-size:13px}.hero-visual{position:relative;animation:float 7s ease-in-out infinite}.hero-visual img,.product-showcase figure img{width:100%;border:1px solid var(--line);box-shadow:var(--shadow)}.live-chip{position:absolute;left:-18px;bottom:28px;background:var(--surface);padding:11px 15px;border:1px solid var(--line);font-size:12px;font-weight:600}.live-chip i,.demo-live i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#46b66a;margin-right:7px;box-shadow:0 0 0 0 rgba(70,182,106,.5);animation:pulse 1.8s infinite}.trust-strip{border-block:1px solid var(--line);display:flex;justify-content:center;gap:58px;padding:19px;font-size:11px;font-weight:600;color:var(--muted);letter-spacing:1.4px;overflow:hidden}.section,.product-showcase,.services,.use-cases,.cta,.ai-engine,.answer-hub{max-width:var(--max);margin:auto;padding:110px 28px}.live-demo{display:grid;grid-template-columns:.65fr 1.35fr;gap:70px;align-items:center}.demo-heading>p:last-child{font-size:18px;color:var(--muted);max-width:440px}.demo-stage{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:8px;overflow:hidden}.demo-toolbar{height:54px;padding:0 18px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--line);font-size:12px}.demo-toolbar>*:last-child{text-align:right;color:var(--muted)}.demo-live{font-weight:700;color:#46a961}.demo-body{display:grid;grid-template-columns:1.1fr .9fr;min-height:470px}.speaker-panel{padding:54px 42px;background:var(--soft);display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.signal{display:flex;gap:4px;margin-bottom:25px}.signal b{width:5px;height:16px;background:var(--accent);animation:bars 1.2s ease-in-out infinite}.signal b:nth-child(2){animation-delay:.15s}.signal b:nth-child(3){animation-delay:.3s}.signal b:nth-child(4){animation-delay:.45s}.signal b:nth-child(5){animation-delay:.6s}.speaker-panel small,.phone-label{font-size:10px;letter-spacing:1.2px;color:var(--muted)}.speaker-panel h3{font-size:clamp(28px,3vw,43px);line-height:1.2;margin:26px 0}.wave{height:60px;display:flex;align-items:center;gap:5px}.wave i{display:block;width:4px;height:15px;background:var(--accent);opacity:.72;animation:wave 1.1s ease-in-out infinite}.wave i:nth-child(3n){animation-delay:.2s}.wave i:nth-child(3n+1){animation-delay:.4s}.listener-phone{background:var(--paper);padding:30px 27px;border-left:1px solid var(--line)}.phone-top{display:flex;justify-content:space-between;font-weight:700}.phone-top i{width:8px;height:8px;background:#46b66a;border-radius:50%}.phone-label{margin-top:45px}.language-switcher{display:flex;gap:5px}.language-switcher button{border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:6px;padding:7px 9px;cursor:pointer}.language-switcher button.active{background:var(--accent);border-color:var(--accent);color:#fff}.translation{padding:34px 0}.audio-ring{display:grid;place-items:center;width:72px;height:72px;border-radius:50%;color:var(--accent);font-size:34px;border:1px solid var(--accent);animation:pulse-ring 2s infinite}.translation h3{margin:22px 0 5px}.translation p,.caption-line p{color:var(--muted);margin:0}.caption-line{border-top:1px solid var(--line);padding-top:20px;display:grid;grid-template-columns:auto 1fr;gap:12px}.caption-line span{font-size:10px;font-weight:700;background:var(--soft);padding:3px 6px;height:max-content}.problem{display:grid;grid-template-columns:1fr 1fr;gap:80px}.problem h2,.product-showcase h2,.services h2,.cta h2,.ai-engine h2,.answer-hub h2{font-size:clamp(38px,4vw,60px)}.problem-copy{max-width:560px;font-size:18px;color:var(--muted)}.ai-engine{display:grid;grid-template-columns:.84fr 1.16fr;gap:70px;border-block:1px solid var(--line);background:linear-gradient(180deg,var(--surface),var(--paper));max-width:none;padding-inline:max(28px,calc((100vw - var(--max))/2 + 28px))}.ai-copy p:not(.eyebrow),.answer-intro p{font-size:18px;color:var(--muted)}.ai-note{border-left:3px solid var(--accent);padding-left:18px}.ai-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.ai-cards article{background:var(--paper);padding:34px;min-height:230px}.ai-cards span{color:var(--accent);font-size:12px;font-weight:700}.ai-cards h3{font-size:22px;margin:48px 0 10px}.ai-cards p{color:var(--muted);margin:0}.feature-grid{max-width:var(--max);margin:auto;padding:0 28px 110px;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.feature-grid article{padding:36px 30px 42px 0;border-bottom:1px solid var(--line);min-height:220px;transition:transform .25s}.feature-grid article:hover{transform:translateY(-5px)}.feature-grid article:not(:nth-child(3n)){border-right:1px solid var(--line);padding-right:30px;margin-right:30px}.feature-grid b,.audience-grid span{font-size:11px;font-weight:600;color:var(--accent)}.feature-grid h3{font-size:19px;margin:28px 0 10px}.feature-grid p,.audience-grid p,.service-list p{color:var(--muted);margin:0}.workflow{background:var(--surface);border-block:1px solid var(--line);max-width:none;padding-inline:max(28px,calc((100vw - var(--max))/2 + 28px))}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:58px;gap:36px}.workflow ol{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr)}.workflow li{padding:28px 28px 20px 0;border-top:1px solid var(--line)}.workflow li+li{padding-left:28px;border-left:1px solid var(--line)}.workflow li>span{font-size:12px;font-weight:600;color:var(--accent)}.workflow h3{font-size:20px;margin:55px 0 12px}.workflow p{color:var(--muted)}.product-showcase{display:grid;grid-template-columns:.72fr 1.28fr;gap:70px;align-items:center}.showcase-copy>p:not(.eyebrow){color:var(--muted);font-size:18px}.showcase-copy ul{padding:0;list-style:none}.showcase-copy li{padding:11px 0;border-bottom:1px solid var(--line)}.product-showcase figure,.role-screens figure{margin:0}.product-showcase figcaption,.role-screens figcaption{font-size:12px;color:var(--muted);margin-top:11px}.screen-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.screen-grid figure{min-width:0}.screen-grid img{width:100%;height:260px;object-fit:cover;object-position:top left;border:1px solid var(--line);box-shadow:var(--shadow);background:var(--surface)}.audiences{border-top:1px solid var(--line)}.audience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.audience-grid article{background:var(--paper);padding:42px;min-height:260px}.audience-grid h3{font-size:24px;margin:52px 0 14px}.services{max-width:none;background:var(--soft);display:grid;grid-template-columns:1fr 1fr;gap:90px;padding-inline:max(28px,calc((100vw - var(--max))/2 + 28px))}.service-list article{border-top:1px solid var(--line);padding:25px 0}.service-list h3{font-size:21px;margin:0 0 8px}.answer-hub{display:grid;grid-template-columns:.78fr 1.22fr;gap:70px;border-top:1px solid var(--line)}.faq-list{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.faq-list article{background:var(--surface);border:1px solid var(--line);padding:26px;min-height:220px}.faq-list h3{font-size:20px;margin:0 0 12px}.faq-list p{margin:0;color:var(--muted)}.use-cases div{display:flex;flex-wrap:wrap;gap:10px}.use-cases span{border:1px solid var(--line);padding:13px 17px;background:var(--surface)}.cta{max-width:none;background:#171613;color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:80px;padding-inline:max(28px,calc((100vw - var(--max))/2 + 28px))}.cta>div:last-child{max-width:520px;color:#c8c4bc;font-size:18px}.button.light{background:var(--accent);margin-top:20px}footer{max-width:var(--max);margin:auto;padding:38px 28px;display:flex;justify-content:space-between;color:var(--muted);font-size:13px}.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s,transform .7s}.reveal.visible{opacity:1;transform:none}@keyframes float{50%{transform:translateY(-10px)}}@keyframes pulse{70%{box-shadow:0 0 0 8px rgba(70,182,106,0)}}@keyframes bars{50%{height:30px}}@keyframes wave{50%{height:48px}}@keyframes pulse-ring{50%{box-shadow:0 0 0 10px color-mix(in srgb,var(--accent) 12%,transparent)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}@media(max-width:1100px){.site-header nav{gap:16px}.site-header nav a{font-size:13px}.screen-grid{grid-template-columns:1fr 1fr}.screen-grid figure:last-child{grid-column:1/-1}}@media(max-width:900px){.site-header nav{display:none}.hero,.live-demo,.problem,.product-showcase,.services,.cta,.ai-engine,.answer-hub{grid-template-columns:1fr}.hero{padding-top:48px;gap:42px}.quick-facts,.feature-grid,.audience-grid,.ai-cards,.faq-list{grid-template-columns:1fr}.feature-grid article{border-right:0!important;margin-right:0!important}.workflow ol{grid-template-columns:1fr 1fr}.trust-strip{justify-content:flex-start}.product-showcase figure{order:-1}}@media(max-width:650px){.site-header{padding:0 16px}.header-actions .button{display:none}.hero{min-height:0}.hero h1{font-size:42px}.quick-facts,.demo-body,.screen-grid{grid-template-columns:1fr}.listener-phone{border-left:0;border-top:1px solid var(--line)}.workflow ol{grid-template-columns:1fr}.workflow li+li{padding-left:0;border-left:0}.section,.product-showcase,.services,.use-cases,.cta,.ai-engine,.answer-hub{padding-top:76px;padding-bottom:76px}.section-heading{display:block}footer{align-items:flex-start;flex-direction:column;gap:8px}.live-chip{left:8px}.hero-actions{align-items:flex-start;flex-direction:column}.demo-toolbar{grid-template-columns:auto 1fr;gap:10px}.demo-toolbar>*:last-child{display:none}.screen-grid img{height:230px}}
@media(max-width:900px){.trust-strip{flex-wrap:wrap;gap:14px 24px;overflow:visible}}
.hero-visual img{height:500px;object-fit:cover;object-position:top}
@media(max-width:900px){.hero-visual img{height:auto}}
@media(min-width:901px){.hero{min-height:0;padding-top:32px;padding-bottom:24px}.hero h1{font-size:60px}.lead{margin:12px 0}.quick-facts{margin-top:20px;padding-top:14px}}
.breadcrumbs{max-width:var(--max);margin:0 auto;padding:18px 28px 0;font-size:13px;color:var(--muted)}.breadcrumbs ol{display:flex;gap:10px;list-style:none;margin:0;padding:0}.breadcrumbs li+li:before{content:"/";margin-right:10px;color:var(--line)}.breadcrumbs a{text-underline-offset:4px}.cta-link{display:block;margin-top:18px;color:#fff}.faq-list article{min-height:0}@media(max-width:650px){.breadcrumbs{padding-inline:16px}.breadcrumbs+ .hero{padding-top:32px}}
img{height:auto}