:root{--wonder-navy:#0F113A;--wonder-blue:#0198E4;--color-bg:#0F113A;--color-bg-deep:#0F113A;--color-section:#0F113A;--color-surface:#1a1c4d;--color-text:#fff;--color-accent:#0198E4;--color-accent-100:#d5effc;--color-accent-200:#7ccbf2;--color-accent-300:#37aeea;--color-divider:rgba(255,255,255,.15);--paper:#ededf0;--ink:#0F113A;--font-body:"Inter","IBM Plex Sans Thai",sans-serif;--radius-md:8px;--radius-lg:16px;--gutter:24px;--nav-height:88px}*,:before,:after{box-sizing:border-box}html{margin:0;background:var(--wonder-navy);scroll-padding-top:130px}body{margin:0;font:400 16px/1.6 var(--font-body);-webkit-font-smoothing:antialiased;color:var(--ink);overflow-x:hidden}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}img,video{display:block;max-width:100%}button{color:inherit}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{font-weight:400;letter-spacing:-.025em}h1,h2,h3{text-wrap:balance}button{border:0}img{object-fit:cover}::selection{background:var(--wonder-blue);color:#fff}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--wonder-blue);outline-offset:5px}a,button{touch-action:manipulation}[data-root]{position:relative;overflow:clip;background:#fff}main{display:block}.eyebrow{font:400 11px/1.5 Courier New,IBM Plex Sans Thai,monospace;letter-spacing:.025em;text-transform:uppercase}.line-mask{display:block;overflow:hidden;padding:.17em 0;margin:-.17em 0}.line-mask>span{display:block;will-change:transform}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:42px;padding:10px 16px;border:1px solid transparent;border-radius:8px;font-size:14px;line-height:1.4;white-space:nowrap;transition:background .2s,color .2s,border-color .2s}.button>span{display:inline-block;transition:transform .25s}.button:hover>span{transform:translate(3px)}.button-dark{background:var(--wonder-navy);color:#fff}.button-dark:hover{background:var(--wonder-blue)}.button-blue{background:var(--wonder-blue);color:#fff}.button-blue:hover{background:#087bb6}.button-white{background:#fff;color:var(--ink)}.button-white:hover{background:#d5effc}.button-outline{border-color:#0f113a2e;color:var(--ink);background:transparent}.button-outline:hover{background:#0f113a0f;border-color:var(--ink)}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid currentColor;border-radius:5px;background:transparent;font-size:24px;transition:background .2s,color .2s}.icon-button:hover{background:var(--wonder-navy);color:#fff}.icon-button:disabled{opacity:.28;cursor:default;background:transparent;color:inherit}.skip-link{position:fixed;z-index:150;top:10px;left:10px;padding:12px;background:#fff;transform:translateY(-200%)}.skip-link:focus{transform:none}.nav-shell{position:fixed;z-index:80;top:0;left:0;width:100%;background:#fff;color:var(--ink);will-change:transform}.announcement{position:relative;height:39px;background:var(--wonder-navy);color:#fff;display:flex;align-items:center;justify-content:center;gap:12px;font-size:12px;padding:0 45px}.announcement a{color:#fff;opacity:.75}.announcement a:hover{opacity:1}.announcement-logo{display:flex;align-items:center;flex-shrink:0}.announcement-logo .brand-logo{filter:brightness(0) invert(1)}.brand-spark{color:var(--wonder-blue);font-size:20px}.announcement-close{position:absolute;right:16px;top:4px;background:transparent;color:#fff;font-size:22px;width:30px;height:30px;opacity:.6}.announcement-close:hover{opacity:1}.nav-header{height:88px;padding:24px;display:flex;align-items:center;gap:26px;position:relative;z-index:2;background:#fff}.brand-logo{object-fit:contain;flex-shrink:0}.desktop-nav{display:flex;gap:28px;align-items:center}.desktop-nav button{padding:8px 0;background:none;font-size:14px;transition:opacity .2s}.desktop-nav:has(.active) button:not(.active){opacity:.4}.nav-actions{margin-left:auto;display:flex;gap:12px}.nav-actions .button{min-height:40px;padding:10px 15px}.nav-actions .button-outline{color:#777887}.nav-cta{position:relative}.nav-cta:has(.nav-cta-menu[data-open=true]):after{content:"";position:absolute;left:0;right:0;top:100%;height:22px}.nav-cta-button{gap:10px}.nav-cta-caret{width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translate(-2px,-2px);transition:transform .22s}.nav-cta-button[aria-expanded=true] .nav-cta-caret{transform:rotate(-135deg) translate(-2px,-2px)}.nav-cta-menu{position:absolute;z-index:5;top:calc(100% + 10px);right:0;min-width:210px;display:flex;flex-direction:column;gap:2px;padding:8px;background:#fff;border:1px solid rgba(15,17,58,.09);border-radius:12px;box-shadow:0 20px 44px #0f113a29;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .18s,transform .22s,visibility .18s}.nav-cta-menu[data-open=true]{opacity:1;visibility:visible;transform:none}.nav-cta-menu a{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:11px 14px;border-radius:8px;font-size:14px;line-height:1.4;color:var(--ink);white-space:nowrap;transition:background .2s,color .2s}.nav-cta-menu a:hover,.nav-cta-menu a:focus-visible{background:var(--paper);color:var(--wonder-blue)}.nav-cta-menu a>span{opacity:.4}.nav-panel{position:absolute;left:0;right:0;top:100%;padding:42px max(24px,9.7vw) 48px;background:#fffffff5;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);display:flex;gap:clamp(32px,6vw,96px);min-height:340px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity .2s,transform .3s,visibility .2s;box-shadow:0 18px 30px #0f113a0a}.nav-panel[data-open=true]{visibility:visible;opacity:1;transform:none}.nav-panel-groups{display:flex;flex:1;min-width:0;gap:clamp(48px,10vw,180px)}.nav-panel-media{position:relative;flex:0 0 52%;max-width:640px;align-self:stretch;border-radius:12px;overflow:hidden;background:#e6e7ec}.nav-panel-media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .4s cubic-bezier(0,0,.2,1)}.nav-panel-media img[data-current=true]{opacity:1}.nav-panel .eyebrow{color:#888997;font-family:var(--font-body);font-size:13px;margin-bottom:16px}.nav-panel a{display:flex;gap:24px;justify-content:space-between;font-size:20px;margin:8px 0;line-height:1.65}.nav-panel a>span{opacity:0;transition:opacity .2s}.nav-panel a:hover{color:var(--wonder-blue)}.nav-panel a:hover>span{opacity:1}.mobile-nav,.mobile-menu{display:none}@media (max-width:1100px){.desktop-nav{gap:18px}.nav-header{gap:22px}}@media (max-width:1100px){.nav-panel-media{flex-basis:44%}}@media (max-width:899px){.desktop-nav,.nav-actions,.desktop-panels{display:none}.mobile-nav{display:flex;gap:12px;margin-left:auto}.nav-header{height:76px;padding:18px 20px}.menu-toggle{border:0;width:36px;font-size:24px}.menu-toggle:hover{background:transparent;color:var(--ink)}.mobile-menu{display:flex;flex-direction:column;gap:12px;height:calc(100svh - 115px);overflow-y:auto;overscroll-behavior:contain;padding:24px;position:absolute;top:100%;left:0;right:0;background:#fff;opacity:0;visibility:hidden;transition:.22s}.mobile-menu[data-open=true]{opacity:1;visibility:visible}.mobile-group{border-bottom:1px solid #e5e5eb}.mobile-group>button{display:flex;justify-content:space-between;width:100%;background:none;padding:14px 0;text-align:left;font-size:25px}.mobile-submenu{padding:8px 0 20px}.mobile-submenu a{display:block;font-size:16px;padding:7px 0;color:#686a7b}.mobile-submenu a:hover{color:var(--wonder-blue)}.mobile-menu>.button{margin-top:24px}}@media (max-width:767px){:root{--gutter:16px}.announcement{font-size:10px;gap:8px;height:36px;padding:0 32px 0 12px}.announcement-close{right:2px;top:2px}.announcement .brand-spark{display:none}.nav-header{padding:16px;height:72px}.nav-header .brand-logo{height:30px!important}.mobile-nav{gap:6px}.nav-header .button{font-size:12px;min-height:36px;padding:8px 12px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}:root{--text-on-dark-muted:#a9abc2;--text-on-dark-eyebrow:#9294aa;--text-on-light-muted:#5c5e70;--surface-raised:rgba(255,255,255,.07);--tile-dark:rgba(255,255,255,.05);--band-card:rgba(255,255,255,.18);--paper-2:#f2f2f4;--check-off:#dcdde3;--x-mark:#8b8c99;--divider-light:rgba(15,17,58,.13);--chip-dark-bg:rgba(1,152,228,.18);--radius-sm:4px;--radius-card:12px;--ease-scale:cubic-bezier(0,0,.2,1);--font-mono:"Courier New","IBM Plex Sans Thai",monospace;--nav-h:127px;--nav-offset:var(--nav-h);--space-section-xl:128px;--space-section-lg:112px;--space-section-md:80px;--space-section-sm:64px;--space-footer-top:160px;--gap-grid:8px;--pad-card-lg:48px;--pad-card-md:32px;--pad-tile:20px}@media (max-width:767px){:root{--space-section-xl:64px;--space-section-lg:64px;--space-section-md:40px;--space-section-sm:48px;--space-footer-top:32px;--pad-card-lg:32px;--pad-card-md:24px;--pad-tile:16px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}:is(main,.site-footer) :is(a,button,[tabindex]):focus-visible{outline:2px solid var(--wonder-blue);outline-offset:2px}main>section,.site-footer{position:relative}:where(main,.site-footer) :where(ul,ol,dl){list-style:none;margin:0;padding:0}:lang(th){word-break:normal;line-break:loose}.phrase{display:inline-block;max-width:100%}.heading-sub{text-wrap:balance}.js-motion [data-reveal]:not([data-split]){visibility:hidden}.reveal-lines{display:block}.grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap-grid);padding:0 24px}.grid--flush{padding:0}@media (max-width:767px){.grid{grid-template-columns:repeat(8,minmax(0,1fr))}}.bg-navy{background:var(--wonder-navy);color:#fff}.bg-white{background:#fff;color:var(--ink)}.bg-blue{background:var(--wonder-blue);color:var(--ink)}.bg-sky{background:var(--color-accent-100);color:var(--ink)}.t-display{font-size:116px;line-height:1;letter-spacing:-.01em}.t-h1{font-size:64px;line-height:1.05;letter-spacing:-.01em}.t-h2{font-size:40px;line-height:1.1;letter-spacing:-.01em}.t-h3{font-size:32px;line-height:1.125;letter-spacing:-.03em}.t-quote{font-size:40px;line-height:1.2;letter-spacing:-.03em}.t-card-l{font-size:24px;line-height:1.5;letter-spacing:-.01em}.t-card-m{font-size:21px;line-height:1.15;letter-spacing:-.01em}.t-tile{font-size:16px;line-height:1.375;font-weight:500}.t-sub{font-size:20px;line-height:1.4}.t-body{font-size:16px;line-height:1.5}.t-body-s{font-size:14px;line-height:1.5}.mono{font-family:var(--font-mono);font-size:13px;line-height:1.2;letter-spacing:.05em;text-transform:uppercase;font-weight:400}:is(.t-display,.t-h1,.t-h2,.t-h3,.t-quote,.t-card-l,.t-card-m,.t-sub):lang(th){letter-spacing:0}.t-display:lang(th){font-size:88px;line-height:1.25}.t-h1:lang(th){font-size:52px;line-height:1.3}.t-h2:lang(th){font-size:36px;line-height:1.35}.t-h3:lang(th){font-size:28px;line-height:1.4}.t-quote:lang(th){font-size:32px;line-height:1.45}.t-card-l:lang(th){font-size:22px;line-height:1.5}.t-card-m:lang(th){font-size:20px;line-height:1.4}.t-sub:lang(th){line-height:1.5}.t-tile:lang(th){line-height:1.6}.t-body:lang(th){line-height:1.75}.t-body-s:lang(th){line-height:1.7}.mono:lang(th){letter-spacing:0;text-transform:none}@media (max-width:1023px){.t-display{font-size:72px}.t-display:lang(th){font-size:60px}.t-h1{font-size:52px}.t-h1:lang(th){font-size:44px}}@media (max-width:767px){.t-display{font-size:56px}.t-display:lang(th){font-size:40px;line-height:1.3}.t-h1{font-size:40px}.t-h1:lang(th){font-size:32px;line-height:1.3}.t-h2{font-size:24px;line-height:1.05}.t-h2:lang(th){font-size:24px;line-height:1.4}.t-h3{font-size:24px;line-height:1}.t-h3:lang(th){font-size:22px;line-height:1.4}.t-quote{font-size:24px;line-height:1.3}.t-quote:lang(th){font-size:22px;line-height:1.5}.t-card-l{font-size:18px;line-height:1.35}.t-card-l:lang(th){font-size:18px;line-height:1.5}.t-card-m,.t-card-m:lang(th){font-size:20px}.t-sub{font-size:17px}.mono{font-size:12px}}.heading-pair{display:flex;flex-direction:column;gap:12px}.heading-sub{color:var(--text-on-light-muted)}.bg-navy .heading-sub{color:var(--text-on-dark-muted)}.bg-blue .heading-sub,.bg-sky .heading-sub{color:var(--ink)}.eyebrow-light{color:var(--text-on-light-muted)}.chip{display:inline-flex;align-items:center;gap:8px;width:fit-content;padding:6px 10px;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:13px;line-height:1.2;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}.chip--dark{background:var(--chip-dark-bg);color:var(--color-accent-200)}.chip--white{background:#fff;color:var(--ink)}.chip--navy{background:var(--wonder-navy);color:#fff}.chip--tile{background:#ffffff1a;color:var(--text-on-dark-muted)}.marker{display:block;flex-shrink:0}@media (max-width:767px){.chip{font-size:12px}}.arrow-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;padding:0;transition:background .25s,color .25s,border-color .25s,opacity .25s}.arrow-btn:disabled{cursor:default}.arrow-btn--dark{width:40px;height:40px;border-radius:var(--radius-md);background:var(--color-surface);color:#fff}.arrow-btn--dark:not(:disabled):hover{background:var(--wonder-blue)}.arrow-btn--dark:disabled{opacity:.35}.arrow-btn--light{width:48px;height:48px;border-radius:var(--radius-sm);background:var(--wonder-navy);color:#fff}.arrow-btn--light:not(:disabled):hover{background:var(--wonder-blue)}.arrow-btn--light:disabled{background:var(--x-mark)}.arrow-btn--outline{width:50px;height:50px;border-radius:6px;border:1px solid var(--wonder-navy);background:transparent;color:var(--ink)}.arrow-btn--outline:not(:disabled):hover{background:var(--wonder-navy);color:#fff}.arrow-btn--outline:disabled{opacity:.35}.cta{position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;gap:20px;width:fit-content;height:48px;padding:0 8px 0 20px;border-radius:var(--radius-sm);background:#fff;color:var(--ink);font-size:16px}.cta:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--color-accent-100);transform:scaleX(0);transform-origin:0 50%;transition:transform .5s var(--ease-scale)}.cta:hover:before{transform:scaleX(1)}.cta-box{display:grid;place-items:center;width:32px;height:32px;border-radius:var(--radius-sm);background:var(--wonder-navy);color:#fff;transition:background .5s var(--ease-scale)}.cta-box svg{transition:transform .5s var(--ease-scale)}.cta:hover .cta-box{background:var(--wonder-blue)}.cta:hover .cta-box svg{transform:translate(3px)}.btn-outline{display:inline-flex;align-items:center;width:fit-content;padding:10px 20px;border:1px solid var(--wonder-navy);border-radius:var(--radius-sm);font-size:16px;line-height:1.4;transition:background .5s var(--ease-scale),color .5s var(--ease-scale)}.btn-outline:hover{background:var(--wonder-navy);color:#fff}.media{position:relative;overflow:hidden}.media img{width:100%;height:100%;object-fit:cover}.media-slot{display:grid;place-items:center;padding:16px;text-align:center}.media-slot-label{font-family:var(--font-mono);font-size:13px;letter-spacing:.05em}.media-slot--dark{background:var(--color-surface);color:var(--text-on-dark-eyebrow);border:1px dashed rgba(255,255,255,.22)}.media-slot--light{background:var(--paper);color:var(--text-on-light-muted);border:1px dashed rgba(15,17,58,.22)}.media-slot--clear{background:transparent;color:var(--text-on-dark-eyebrow);border:1px dashed rgba(255,255,255,.3)}.art{display:block;width:100%;height:auto;overflow:visible}.art :is(path,line,rect,circle,polygon){vector-effect:non-scaling-stroke}.art :is(.ln,.ln-soft,.ln-conn,.ln-accent,.ln-stage,.ln-ink){fill:none;stroke-width:1}.art--dark .ln{stroke:#fffc}.art--dark .ln-soft{stroke:#fff6}.art--dark .ln-conn{stroke:#ffffff8c;stroke-dasharray:2 4}.art--dark .ln-accent{stroke:var(--color-accent-200)}.art--dark .ln-stage{stroke:#ffffff40}.art--light .ln{stroke:var(--ink)}.art--light .ln-soft{stroke:#0f113a73}.art .ln-ink{stroke:var(--ink)}.art .cone{fill:#0198e424;stroke:#7ccbf273}.art .fill-accent{fill:var(--wonder-blue);stroke:none}.art .fill-accent-2{fill:var(--color-accent-300);stroke:none}.art .fill-ink{fill:var(--ink);stroke:none}.art .fill-line{fill:#fffc}.art .fill-surface{fill:var(--color-surface)}.art .fill-paper{fill:var(--paper)}.hero{min-height:max(100svh,640px);padding-top:var(--nav-h);display:flex;flex-direction:column;overflow:hidden}.hero-inner{flex:1;align-items:center;padding-top:24px;padding-bottom:88px}.hero-art{grid-column:1/8;align-self:center}.hero-art .art{height:calc((max(100svh,640px) - var(--nav-h)) * .78)}.hero-copy{grid-column:8/12}.hero-body{margin-top:24px;color:var(--text-on-dark-muted)}.hero-cue{position:absolute;right:56px;bottom:32px;display:inline-flex;align-items:center;gap:16px;padding:0;background:none;color:#fff;font-size:14px}.hero-cue-box{display:grid;place-items:center;width:44px;height:44px;border:1px solid rgba(255,255,255,.4);border-radius:var(--radius-sm);transition:background .3s,color .3s,border-color .3s}.hero-cue:hover .hero-cue-box{background:#fff;color:var(--ink);border-color:#fff}@media (max-width:1279px){.hero-inner{align-content:center;row-gap:32px}.hero-art{grid-column:1/-1}.hero-art .art{height:50svh}.hero-copy{grid-column:2/12}}@media (max-width:767px){.hero-inner{padding-bottom:48px}.hero-art .art{height:45svh}.hero-copy{grid-column:1/-1}.hero-cue{display:none}}.platform{height:100svh;overflow:hidden}.platform-art{position:absolute;top:calc(var(--nav-h) + 16px);bottom:112px;left:43%;right:-2%;pointer-events:none}.platform-art .art{width:100%;height:100%}.platform-ui{position:relative;height:100%;grid-template-rows:minmax(0,1fr) auto;padding-top:128px;padding-bottom:32px}.platform-text{grid-column:2/6;grid-row:1;display:grid;align-content:start}.step-text{grid-area:1/1;display:flex;flex-direction:column;align-items:flex-start;gap:24px;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}.step-text[data-active=true]{opacity:1;visibility:visible}.step-title{margin-top:-8px}.step-body{color:var(--text-on-dark-muted);max-width:40em}.step-media{display:none}.platform-bottom{grid-column:2/12;grid-row:2;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"controls cue" "progress progress";align-items:end;row-gap:40px}.platform-controls{grid-area:controls;display:flex;gap:8px}.platform-cue{grid-area:cue;justify-self:end;color:var(--text-on-dark-eyebrow)}.platform-progress{grid-area:progress;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.progress-seg{display:block;height:2px;background:#ffffff26;overflow:hidden}.progress-fill{display:block;height:100%;background:var(--wonder-blue);transform:scaleX(0);transform-origin:0 50%}.plat-plane{opacity:.25;transform-box:fill-box;transform-origin:50% 50%;transition:opacity .4s var(--ease-scale),transform .6s var(--ease-scale)}.platform[data-step="-1"] .plat-plane{opacity:.6}.plat-plane[data-active=true]{opacity:1;transform:translateY(-14px) scale(1.04)}.plane-bg{fill:#0f113a99}.plane-frame{fill:none;stroke:#ffffff59}.plane-media{transition:opacity .4s}.platform[data-step="-1"] .plane-media{opacity:.15}.plane-pending{fill:var(--text-on-dark-eyebrow);font:14px var(--font-mono);letter-spacing:.05em}.plane-label{fill:#fff9;font:11px var(--font-mono);letter-spacing:.08em}.plat-node{opacity:.55;transition:opacity .3s}.plat-node rect{fill:var(--node);transition:fill .3s}.plat-node[data-active=true]{opacity:1}.plat-node[data-active=true] rect{fill:var(--wonder-blue)}@media (max-width:1279px){.platform-text{grid-column:2/7}.platform-art{left:50%}}@media (max-width:767px){.platform-art{top:var(--nav-h);bottom:auto;height:42svh;left:-12%;right:-12%}.platform-ui{padding-top:calc(var(--nav-h) + 42svh + 8px);padding-bottom:20px}.platform-text{grid-column:1/-1}.step-text{gap:14px}.step-title{margin-top:0}.platform-bottom{grid-column:1/-1;grid-template-areas:"controls progress";column-gap:16px;align-items:center;row-gap:0}.platform-cue{display:none}}.solutions{padding:24px 0 28px}.sol-panel{margin:0 24px;padding:48px 40px;min-height:720px;border-radius:var(--radius-lg);background:var(--color-surface);display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:auto minmax(0,1fr);column-gap:8px}.sol-copy{grid-column:1/5;grid-row:1;position:relative;z-index:1}.sol-copy .t-h2{line-height:1.25}.sol-body{margin-top:24px;color:var(--text-on-dark-muted)}.sol-art{grid-column:4/9;grid-row:1/3;align-self:stretch;min-height:0}.sol-art .art{height:100%}.sol-cards{grid-column:9/13;grid-row:1/3;display:flex;flex-direction:column;gap:8px}.sol-card{flex:1;min-height:211px;padding:32px;border-radius:var(--radius-card);background:var(--surface-raised);display:flex;flex-direction:column;justify-content:space-between;gap:24px;transition:background .3s var(--ease-scale)}.sol-card:hover{background:#ffffff1c}.sol-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.sol-card-body{color:var(--text-on-dark-muted);line-height:1.6}.marker--insight{color:var(--wonder-blue)}.marker--care{color:var(--color-accent-300)}.marker--agent{color:var(--color-accent-200)}.flow{transition:opacity .3s}.flow-line{fill:none;stroke:#ffffffb3;transition:stroke .3s}.flow-arrow,.flow-node{fill:#ffffffb3;transition:fill .3s}.solutions:has(.sol-card:hover) .flow{opacity:.3}.solutions:has([data-sol-card][data-solution=insight]:hover) .flow[data-solution=insight],.solutions:has([data-sol-card][data-solution=care]:hover) .flow[data-solution=care],.solutions:has([data-sol-card][data-solution=agent]:hover) .flow[data-solution=agent]{opacity:1}.solutions:has([data-sol-card][data-solution=insight]:hover) .flow[data-solution=insight] .flow-line,.solutions:has([data-sol-card][data-solution=care]:hover) .flow[data-solution=care] .flow-line,.solutions:has([data-sol-card][data-solution=agent]:hover) .flow[data-solution=agent] .flow-line{stroke:var(--wonder-blue)}.solutions:has([data-sol-card][data-solution=insight]:hover) .flow[data-solution=insight] :is(.flow-arrow,.flow-node),.solutions:has([data-sol-card][data-solution=care]:hover) .flow[data-solution=care] :is(.flow-arrow,.flow-node),.solutions:has([data-sol-card][data-solution=agent]:hover) .flow[data-solution=agent] :is(.flow-arrow,.flow-node){fill:var(--wonder-blue)}@media (max-width:1279px){.sol-panel{min-height:0}.sol-copy{grid-column:1/-1}.sol-art{grid-column:1/7;grid-row:2;margin-top:40px}.sol-cards{grid-column:7/13;grid-row:2;margin-top:40px}}@media (max-width:767px){.sol-panel{margin:0 16px;padding:32px 20px;grid-template-columns:minmax(0,1fr)}.sol-copy,.sol-art,.sol-cards{grid-column:1/-1;grid-row:auto}.sol-art{margin:24px 0}.sol-art .art{height:auto}.sol-cards{margin-top:0}}.agent{padding:var(--space-section-xl) 24px}.agent-head{grid-column:2/12;display:flex;flex-direction:column;align-items:center;text-align:center}.agent-head .t-h2{line-height:1.25}.agent-head .heading-pair{align-items:center;gap:16px}.agent-cards{grid-column:2/12;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:80px}.agent-card{min-height:260px;padding:40px;border-radius:var(--radius-lg);background:var(--band-card);display:flex;flex-direction:column;justify-content:space-between;gap:40px}@media (max-width:1023px){.agent-cards{grid-template-columns:minmax(0,1fr)}.agent-card{min-height:0}}@media (max-width:767px){.agent-head,.agent-cards{grid-column:1/-1}.agent-cards{margin-top:40px}.agent-card{min-height:0;padding:24px;gap:24px;border-radius:var(--radius-md)}}.benefits{padding:var(--space-section-xl) 0 var(--space-section-sm)}.ben-copy{grid-column:2/6;display:flex;flex-direction:column;gap:24px}.ben-intro{color:var(--text-on-light-muted)}.ben-list{margin-top:16px}.ben-item{display:grid;grid-template-columns:40px minmax(0,1fr);gap:16px;padding:20px 0;border-top:1px solid var(--divider-light);transition:border-color .3s}.ben-item:last-child{border-bottom:1px solid var(--divider-light)}.ben-item:is(:hover,:focus-visible){border-top-color:var(--ink)}.ben-num{padding-top:4px;color:var(--text-on-light-muted);transition:color .3s}.ben-item:is(:hover,:focus-visible) .ben-num{color:var(--ink)}.ben-item-title{margin-bottom:8px;font-size:18px;line-height:1.4;letter-spacing:-.01em}.ben-item-title:lang(th){line-height:1.5;letter-spacing:0}.ben-item-body{color:var(--text-on-light-muted)}.ben-graph{grid-column:7/12;align-self:start;position:sticky;top:calc(var(--nav-offset) + 24px);min-height:520px;padding:24px;border-radius:var(--radius-lg);background:var(--paper);display:flex;flex-direction:column;justify-content:space-between;gap:24px;transition:top .35s var(--ease-scale)}.curve-node-mark{transform-box:fill-box;transform-origin:center;transition:transform .4s var(--ease-scale)}.curve-node-mark rect{fill:var(--node);transition:fill .3s}.curve-node-glyph{fill:var(--ink)}[data-node="3"] .curve-node-glyph{fill:#fff}.curve-node line{opacity:0;transition:opacity .3s}.art .ln-guide{fill:none;stroke:#0f113a14}.benefits:has([data-benefit="1"]:is(:hover,:focus-visible)) [data-node="1"] .curve-node-mark,.benefits:has([data-benefit="2"]:is(:hover,:focus-visible)) [data-node="2"] .curve-node-mark,.benefits:has([data-benefit="3"]:is(:hover,:focus-visible)) [data-node="3"] .curve-node-mark{transform:scale(1.6)}.benefits:has([data-benefit="1"]:is(:hover,:focus-visible)) [data-node="1"] rect,.benefits:has([data-benefit="2"]:is(:hover,:focus-visible)) [data-node="2"] rect,.benefits:has([data-benefit="3"]:is(:hover,:focus-visible)) [data-node="3"] rect{fill:var(--wonder-blue)}.benefits:has([data-benefit="1"]:is(:hover,:focus-visible)) [data-node="1"] line,.benefits:has([data-benefit="2"]:is(:hover,:focus-visible)) [data-node="2"] line,.benefits:has([data-benefit="3"]:is(:hover,:focus-visible)) [data-node="3"] line{opacity:1}@media (max-width:1279px){.ben-copy{grid-column:1/7}.ben-graph{grid-column:7/13}}@media (max-width:767px){.ben-copy,.ben-graph{grid-column:1/-1}.ben-graph{position:static;min-height:0;margin-top:40px}}.benefits-b{height:100svh;display:flex;align-items:center;padding:96px 0}.benefits-b>.grid{width:100%}.benb-card{grid-column:2/12;height:min(708px,calc(100svh - 192px));padding:var(--pad-card-lg);border-radius:var(--radius-lg);background:var(--paper);display:grid;grid-template-rows:auto minmax(0,1fr) auto;row-gap:24px;overflow:hidden}.benb-top{display:flex;justify-content:space-between;align-items:center;gap:16px}.benb-slides{display:grid;min-height:0}.benb-slide{grid-area:1/1;min-height:0;display:grid;grid-template-columns:36% minmax(0,1fr);column-gap:48px;align-items:center;visibility:hidden;transition:visibility .4s}.benb-slide[data-active=true]{visibility:visible}.benb-slide-text{display:flex;flex-direction:column;gap:16px;opacity:0;transform:translateY(12px);transition:opacity .4s var(--ease-scale),transform .4s var(--ease-scale)}.benb-slide[data-active=true] .benb-slide-text{opacity:1;transform:none}.benb-slide-art{height:100%;min-height:0;opacity:0;transition:opacity .4s}.benb-slide[data-active=true] .benb-slide-art{opacity:1}.benb-slide-art .art{height:100%}.benb-sub{display:flex;align-items:center;gap:10px;color:var(--text-on-light-muted)}.benb-sub .marker{color:var(--wonder-blue)}.benb-desc{color:var(--text-on-light-muted)}.benb-controls{display:flex;gap:8px}@media (max-width:1279px){.benefits-b{padding:48px 0}.benb-card{height:calc(100svh - 96px)}.benb-slide{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,55%) auto;row-gap:24px;align-items:start;height:100%}.benb-slide-art{order:-1}}@media (max-width:767px){.benefits-b{padding:24px 0}.benb-card{grid-column:1/-1;height:calc(100svh - 48px)}}.cloud{padding:var(--space-section-sm) 24px}.cloud-card{grid-column:2/12;position:relative;height:min(900px,100svh);border-radius:var(--radius-lg);background:var(--paper);overflow:hidden}.cloud-copy{position:relative;z-index:1;width:36%;padding:48px;display:flex;flex-direction:column;align-items:flex-start;gap:24px}.cloud-body{color:var(--text-on-light-muted)}.cloud-art{position:absolute;top:0;right:0;bottom:0;left:31%;padding:32px}.cloud-art .art{height:100%}.store-node{fill:var(--color-accent-300)}@media (max-width:1279px){.cloud-copy{width:44%}.cloud-art{left:38%}}@media (max-width:767px){.cloud-card{grid-column:1/-1;height:auto;background:none;overflow:visible}.cloud-copy{width:auto;padding:0 0 32px}.cloud-art{position:relative;inset:auto;height:70svh;padding:16px;border-radius:var(--radius-lg);background:var(--paper)}}.intel{padding-top:96px}.intel-head{grid-column:2/7}.intel-title{line-height:1.15}.intel-body{grid-column:8/12;color:var(--text-on-light-muted)}.intel-body:lang(en){line-height:1.75}@media (max-width:767px){.intel{padding-top:64px}.intel-head,.intel-body{grid-column:1/-1}.intel-body{margin-top:24px}}.compare{padding:var(--space-section-md) 0}.compare-title{grid-column:8/12}.compare-wrap{margin-top:80px}.compare-table{width:100%;border-collapse:collapse;table-layout:fixed}.compare-col-cap{width:58.33%}.compare-col-val{width:10.1%}.compare-col-val:last-child{width:11.3%}.compare-table thead th{position:sticky;top:var(--nav-offset);z-index:2;padding:16px 8px 16px 0;background:#fff;font-weight:400;transition:top .35s var(--ease-scale)}.compare-table thead th:last-child,.compare-table td:last-child{padding-right:24px}.compare-table .compare-cap-head{padding-left:32px;text-align:left;font-size:16px}.compare-pill{display:flex;align-items:center;justify-content:center;height:48px;padding:0 8px;border-radius:var(--radius-sm);background:var(--paper);color:var(--ink);font-size:16px;white-space:nowrap}.compare-pill--own{background:var(--wonder-navy);color:#fff}.compare-table tbody tr{height:112px;border-top:1px solid var(--divider-light);background:#fff}.compare-table tbody tr:nth-child(2n){background:var(--paper-2)}.compare-table tbody th{padding:16px 32px;text-align:left;font-weight:400;background:inherit}.compare-en{display:block;font-size:22px;line-height:1.3;letter-spacing:-.01em}.compare-th{display:block;margin-top:6px;font-size:14px;line-height:1.6;color:var(--text-on-light-muted)}.compare-table td{padding:0 8px 0 0;text-align:center}.mark{display:inline-grid;place-items:center;vertical-align:middle}.mark--own{width:32px;height:32px;border-radius:var(--radius-sm);background:var(--wonder-blue);color:#fff}.mark--yes{width:32px;height:32px;border-radius:var(--radius-sm);background:var(--check-off);color:var(--ink)}.mark--no{color:var(--x-mark)}@media (max-width:1279px){.compare-en{font-size:18px}.compare-pill{font-size:14px}.compare-title{grid-column:6/12}}@media (max-width:767px){.compare-title{grid-column:1/-1}.compare-wrap{margin-top:40px;overflow-x:auto;overscroll-behavior-x:contain}.compare-table{min-width:560px}.compare-col-cap{width:160px}.compare-col-val{width:96px}.compare-col-val:last-child{width:112px}.compare-table thead th{position:static}.compare-table :is(thead,tbody) th:first-child{position:sticky;left:0;z-index:1}.compare-table .compare-cap-head{padding-left:16px;background:#fff}.compare-table tbody th{padding:12px 16px}.compare-table tbody tr{height:96px}.compare-en{font-size:16px}.compare-th{font-size:13px}.compare-pill{height:40px;font-size:12px;line-height:1.2;white-space:normal;text-align:center}}.cctv{padding:var(--space-section-lg) 0 var(--space-section-sm)}.cctv-copy{grid-column:5/9;display:flex;flex-direction:column;align-items:flex-start;gap:24px}.cctv-body{color:#0f113acc}.cctv-badges{grid-column:10/12;align-self:start;display:flex;flex-direction:column;align-items:flex-start;gap:8px}.cctv-badges li{padding:4px 12px;border:1px solid var(--ink);border-radius:var(--radius-md);font-size:14px}.cctv-media{grid-column:1/-1;height:clamp(320px,48vw,640px);margin-top:64px;border-radius:var(--radius-lg);overflow:hidden}.cctv-media-inner{height:100%}@media (max-width:1023px){.cctv-copy{grid-column:3/11}}@media (max-width:767px){.cctv-copy{grid-column:1/-1}.cctv-media{height:56vw;margin-top:40px}}.feedback{padding:var(--space-section-md) 0}.fb-card{margin:0 24px;padding:112px 0 96px;border-radius:var(--radius-lg);background:var(--color-accent-200);color:var(--ink);display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:8px}.fb-side{grid-column:2/4;display:flex;flex-direction:column;gap:48px}.fb-eyebrow{max-width:11ch}.fb-tiles-viewport{position:relative;height:343px;overflow:clip}.fb-tiles{display:flex;flex-direction:column;gap:8px;transform:translateY(calc(var(--start) * -117px));transition:transform .5s var(--ease-scale)}.fb-tile{flex:0 0 109px;width:109px;height:109px;border:1px solid var(--ink);border-radius:var(--radius-md);background:transparent;color:var(--ink);font-size:40px;line-height:1;transition:background .2s,color .2s}.fb-tile:hover{background:#0f113a14}.fb-tile[aria-pressed=true]{background:var(--wonder-navy);color:#fff}.fb-controls{display:flex;gap:8px}.fb-quotes{grid-column:5/12;display:grid}.fb-quote{grid-area:1/1;margin:0;display:flex;flex-direction:column;justify-content:space-between;gap:48px;opacity:0;visibility:hidden;transition:opacity .5s var(--ease-scale),visibility .5s}.fb-quote[data-active=true]{opacity:1;visibility:visible}.fb-quote[data-active=true] .t-quote{animation:quote-in .5s var(--ease-scale)}.fb-quote blockquote{margin:0}.fb-quote .t-quote{text-indent:28%}.fb-store{align-self:flex-end;font-size:20px;line-height:1.4}@media (min-width:768px) and (max-height:800px){.fb-card{padding:72px 0 56px}.fb-side{gap:32px}}@keyframes quote-in{0%{transform:translateY(16px);clip-path:inset(0 0 100% 0)}to{transform:none;clip-path:inset(0 0 0 0)}}@media (max-width:1023px){.fb-side{grid-column:1/5;padding-left:32px}.fb-quotes{grid-column:5/13;padding-right:32px}}@media (max-width:767px){.fb-card{margin:0 16px;padding:40px 20px;grid-template-columns:minmax(0,1fr);row-gap:32px}.fb-side{display:contents}.fb-eyebrow{order:1;max-width:none}.fb-tiles-viewport{order:2;height:auto;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.fb-tiles{flex-direction:row;transform:none}.fb-tile{flex:0 0 72px;width:72px;height:72px;font-size:28px}.fb-quotes{order:3;grid-column:1/-1}.fb-quote .t-quote{text-indent:0}.fb-controls{order:4}}.robot{min-height:100svh;display:flex;align-items:center;overflow:hidden}.robot-grid{width:100%;align-items:center}.robot-copy{grid-column:2/6;position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:24px}.robot-body{color:var(--text-on-dark-muted)}.robot-copy .cta{margin-top:16px}.robot-stage{grid-column:6/13;position:relative;height:80svh;margin-right:-24px}.robot-stage-art{position:absolute;top:0;right:0;bottom:0;left:0;height:100%}.robot-bot{position:absolute;bottom:6%;left:38%;height:70%;aspect-ratio:3/5}.robot-bot .media{width:100%;height:100%;border-radius:var(--radius-card)}.robot-bot img{object-fit:contain}@media (max-width:767px){.robot{padding:96px 0 0;align-items:stretch}.robot-copy,.robot-stage{grid-column:1/-1}.robot-stage{height:60svh;margin:32px -24px 0}.robot-bot{left:30%}}.faq{padding:0 24px var(--space-section-sm)}.faq-card{padding:24px 24px 64px;border-radius:var(--radius-lg);background:var(--paper-2);color:var(--ink)}.faq-title{margin-bottom:48px}.faq-item{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));column-gap:8px;padding:24px 0;border-top:1px solid var(--divider-light)}.faq-q{grid-column:1/6;display:grid;grid-template-columns:subgrid;margin:0;font-size:inherit;letter-spacing:0}.faq-q button{grid-column:1/-1;display:grid;grid-template-columns:subgrid;align-items:start;padding:0;background:none;color:inherit;text-align:left}.faq-icon{grid-column:1;display:flex;justify-content:center;padding-top:4px}.faq-q-text{grid-column:3/6;font-size:24px;line-height:1.35;letter-spacing:-.01em}.faq-q-text:lang(th){line-height:1.5;letter-spacing:0}.faq-a{grid-column:6/9;align-self:start;display:grid;grid-template-rows:0fr;visibility:hidden;transition:grid-template-rows .4s var(--ease-scale),visibility .4s}.faq-item[data-open=true] .faq-a{grid-template-rows:1fr;visibility:visible}.faq-a-inner{min-height:0;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;gap:24px}.faq-a .btn-outline:focus-visible{outline-offset:-4px}@media (max-width:767px){.faq{padding:0 0 var(--space-section-sm) 16px}.faq-card{padding:24px 16px 48px;border-radius:var(--radius-md) 0 0 var(--radius-md)}.faq-title{margin-bottom:48px}.faq-item{grid-template-columns:24px minmax(0,1fr);column-gap:16px}.faq-q{grid-column:1/-1}.faq-q-text{grid-column:2;font-size:18px}.faq-a{grid-column:2}.faq-a-inner>:first-child{margin-top:16px}}.usecases{padding:var(--space-section-sm) 0 var(--space-section-xl)}.usecases-title{grid-column:2/12;margin-bottom:96px;text-align:center}.bento{grid-column:2/12;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.bento-col{display:flex;flex-direction:column;gap:8px;min-width:0}.tile{position:relative;display:flex;flex-direction:column;gap:24px;padding:var(--pad-tile);border-radius:var(--radius-lg);overflow:hidden}.tile-copy{display:flex;flex-direction:column;gap:16px}.tile-body{color:var(--text-on-dark-muted)}.tile--text{min-height:304px;justify-content:space-between;background:var(--tile-dark)}.tile-title-l{line-height:1.25}.tile--framed{flex:1;min-height:407px;background:var(--color-surface)}.tile-media{flex:1;min-height:200px;border-radius:var(--radius-card)}.tile--image{min-height:468px;padding:0;background:var(--color-surface)}.tile-bg{position:absolute;top:0;right:0;bottom:0;left:0}.tile-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(15,17,58,.85),transparent 55%);pointer-events:none}.tile-overlay{position:relative;z-index:1;flex:1;padding:var(--pad-tile);display:flex;flex-direction:column;justify-content:space-between;gap:24px}.tile :is(.tile-media,.tile-bg) img{transition:transform .6s var(--ease-scale)}.tile:hover :is(.tile-media,.tile-bg) img{transform:scale(1.03)}.tile-pair{flex:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.tile--small{min-height:243px;gap:16px;background:var(--tile-dark)}.tile-actions{display:flex;flex-direction:column;gap:10px;font-size:14px;line-height:1.6;color:var(--text-on-dark-muted)}.tile-actions li{display:flex;gap:10px}.tile-actions li:before{content:"";flex:0 0 6px;height:6px;margin-top:.62em;background:var(--color-accent-200)}.stats{display:flex;flex-direction:column;gap:10px;margin-top:auto}.stat{display:flex;flex-direction:column-reverse;gap:2px}.stat dd{margin:0;font-size:28px;line-height:1.1;letter-spacing:-.02em;white-space:nowrap;color:var(--color-accent-200);font-variant-numeric:tabular-nums}.stat dt{font-size:13px;line-height:1.4;color:var(--text-on-dark-muted)}@media (max-width:1023px){.tile-pair{grid-template-columns:minmax(0,1fr)}}@media (max-width:767px){.usecases-title{grid-column:1/-1;margin-bottom:48px}.bento{grid-column:1/-1;display:flex;flex-direction:column}.bento-col{display:contents}.tile--text{order:1;min-height:115px}.tile--image{order:2;min-height:280px}.tile--framed{order:3;min-height:280px}.tile-pair{order:4}}.site-footer{padding:var(--space-footer-top) 0 24px;display:flex;flex-direction:column;gap:128px}.footer-top{align-items:start;row-gap:48px}.footer-logo{grid-column:1/2;width:fit-content}.footer-columns{grid-column:2/8;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.footer-contact{grid-column:9/12}.footer-col-title{margin-bottom:16px;font-size:14px;color:var(--text-on-dark-eyebrow)}.footer-col a{display:inline-block;padding:3px 0;font-size:16px;line-height:1.35;transition:color .2s}.footer-col a:hover{color:var(--color-accent-200)}.footer-contact-label{margin-bottom:4px;color:var(--text-on-dark-muted)}.footer-statement{padding:0 24px}.footer-line{display:block}.footer-display:lang(th){font-size:72px;line-height:1.3}.footer-sub{max-width:calc(50% - 4px);margin-top:40px;color:var(--text-on-dark-muted)}.footer-sub:lang(th){line-height:1.7}@media (max-width:1279px){.footer-display:lang(th){font-size:60px}}@media (max-width:1023px){.footer-display:lang(th){font-size:48px}.footer-sub{max-width:75%}}.footer-bottom{display:flex;justify-content:flex-end;padding:0 24px;color:var(--text-on-dark-eyebrow)}@media (max-width:1023px){.footer-logo{grid-column:1/-1}.footer-columns{grid-column:1/9}.footer-contact{grid-column:9/13}}@media (max-width:767px){.site-footer{gap:48px}.footer-columns{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));row-gap:32px}.footer-contact{grid-column:1/-1}.footer-display:lang(th){font-size:34px;line-height:1.4}.footer-sub{max-width:none;margin-top:24px;font-size:17px}.footer-bottom{justify-content:flex-start}}@media (prefers-reduced-motion:reduce){.platform{height:auto;overflow:visible}.platform-art,.platform-bottom{display:none}.platform-ui{height:auto;grid-template-rows:auto;padding:calc(var(--nav-h) + 64px) 24px 96px}.platform-text{grid-column:2/12;gap:96px}.step-text{grid-area:auto;opacity:1;visibility:visible}.step-media{display:grid;width:100%;max-width:880px;aspect-ratio:16/10;border-radius:var(--radius-card)}.benefits-b{height:auto;padding:0 0 var(--space-section-sm)}.benb-card{height:auto}.benb-slides{gap:64px}.benb-slide{grid-area:auto;visibility:visible}.benb-slide-text,.benb-slide-art{opacity:1;transform:none}.benb-slide-art{height:360px}.benb-controls,.benb-counter{display:none}}@media (prefers-reduced-motion:reduce) and (max-width:767px){.platform-text{grid-column:1/-1}}