@import url('./fonts.css');
:root{--mock-font:'Prompt';--mock-size:16px;--ink:#17162a;--muted:#66637c;--line:#dedbea;--soft-line:#ece9f3;--surface:#fff;--page:#fbfaff;--soft:#f3f1fb;--violet:#6256d9;--violet-dark:#473da8;--violet-soft:#e9e6ff;--coral:#ff8f73;--mint:#5bc8a8;color-scheme:light}
*{box-sizing:border-box}html{font-size:var(--mock-size);scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--page);color:var(--ink);font-family:var(--mock-font),'Noto Sans Thai',sans-serif;line-height:1.8}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}img{max-width:100%}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2.1rem,4.4vw,3.6rem);line-height:1.4;letter-spacing:-.045em;font-weight:800}h2{font-size:clamp(1.65rem,3vw,2.35rem);line-height:1.5;letter-spacing:-.035em}h3{font-size:1.08rem;line-height:1.6}p{color:var(--muted)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--violet);outline-offset:4px}[hidden]{display:none!important}.shell{width:100%;max-width:1248px;margin-inline:auto;padding-inline:24px}.section{padding-block:90px}.kicker{color:var(--violet);font-size:.8rem;font-weight:600;display:block;margin-bottom:14px}.section-heading{max-width:680px;margin-bottom:36px}.section-heading p{margin-bottom:0}.section-heading.center{margin-inline:auto;text-align:center}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:12px 21px;border:1px solid transparent;border-radius:12px;font-size:.9rem;font-weight:600;line-height:1.6;transition:transform .16s,background .16s}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--violet);color:var(--surface);box-shadow:0 6px 16px color-mix(in srgb,var(--violet) 16%,transparent)}.button-primary:hover{background:var(--violet-dark)}.button-secondary{border-color:var(--line);background:var(--surface);color:var(--ink)}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.text-link{color:var(--violet);font-weight:500;font-size:.9rem}.soft-section{background:var(--soft)}.fine-print{font-size:.76rem;line-height:1.8;color:var(--muted)}.accent{color:var(--violet)}
/* Exact current public identity; content font experiments do not alter wordmark. */
.site-header{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--surface) 94%,transparent);backdrop-filter:blur(14px);border-bottom:1px solid var(--soft-line)}.header-inner{min-height:76px;display:flex;align-items:center;gap:24px}.brand{display:inline-flex!important;align-items:center!important;gap:10px!important;color:var(--ink)!important;font-family:'Prompt',sans-serif!important;font-size:21px!important;font-weight:800!important;letter-spacing:-.045em!important;text-decoration:none!important;white-space:nowrap}.brand-mark{position:relative!important;width:34px!important;height:34px!important;flex:0 0 34px!important;display:inline-grid!important;place-items:center!important;border-radius:11px!important;overflow:hidden!important;background:linear-gradient(145deg,#8176ed,#5147ba)!important;box-shadow:0 9px 22px rgba(82,71,186,.24)!important}.brand-moon{width:16px!important;height:16px!important;border-radius:50%!important;background:white!important;box-shadow:5px -3px 0 0 #665bd3!important;transform:translateX(-1px)!important}.brand-orbit{position:absolute!important;width:4px!important;height:4px!important;top:8px!important;right:7px!important;border-radius:50%!important;background:#d8d4ff!important}.primary-nav{display:flex;align-items:center;gap:19px;margin-left:auto}.primary-nav a{font-size:.78rem;line-height:1.5;color:var(--muted);white-space:nowrap;padding:12px 0}.primary-nav a:hover,.primary-nav a[aria-current=page]{color:var(--violet)}.primary-nav a[aria-current=page]{box-shadow:inset 0 -2px var(--violet)}.header-cta{font-size:.8rem;min-height:43px;padding:10px 16px;white-space:nowrap}.menu-button{display:none;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--ink);padding:7px 12px}.skip-link{position:absolute;top:-70px;left:20px;z-index:100;background:var(--violet);color:white;padding:10px}.skip-link:focus{top:8px}
.site-footer{background:var(--surface);border-top:1px solid var(--soft-line);padding:58px 0 25px}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:60px}.footer-grid p{font-size:.85rem;max-width:320px;margin-top:20px}.footer-grid nav{display:grid;align-content:start;gap:8px;font-size:.8rem;color:var(--muted)}.footer-grid nav b{color:var(--ink);margin-bottom:8px}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--soft-line);padding-top:20px;margin-top:35px;font-size:.72rem;color:var(--muted)}.footer-bottom a{margin-left:20px}
/* Common product demo uses synthetic data and local interactions only. */
.product-demo{container-type:inline-size;background:var(--surface);border:1px solid var(--line);border-radius:20px;box-shadow:0 22px 65px rgba(71,61,168,.1);overflow:hidden;text-align:left;color:var(--ink)}.product-demo button{font-family:inherit}.product-top{padding:17px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--soft-line);gap:14px;font-size:12px}.product-top .brand{transform:scale(.72);transform-origin:left center;margin-right:-35px}.demo-label{font-size:10px;color:var(--muted);white-space:nowrap}.product-tabs{display:flex;gap:6px;overflow:auto;padding:12px 16px;background:var(--page);border-bottom:1px solid var(--soft-line)}.product-tabs button{white-space:nowrap;border:0;border-radius:7px;padding:7px 12px;font-size:11px;color:var(--muted);background:transparent}.product-tabs button[aria-selected=true]{color:var(--violet-dark);background:var(--violet-soft);font-weight:600}.product-panel{padding:19px;min-height:300px}.product-panel h3{font-size:13px;letter-spacing:0;margin:0}.product-panel p{font-size:11px;line-height:1.7;margin:6px 0 14px}.demo-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:17px}.demo-panel-heading span{font-size:10px;color:var(--muted)}.mini-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:18px}.mini-stat{padding:10px 12px;background:var(--soft);border-radius:10px}.mini-stat small{display:block;font-size:9px;color:var(--muted)}.mini-stat strong{font-size:17px;line-height:1.5}.calendar{display:grid;grid-template-columns:58px repeat(4,minmax(0,1fr));gap:5px;font-size:9px}.calendar>*{min-width:0}.calendar .time{text-align:center;background:var(--page);padding:5px 0;color:var(--muted)}.resource{display:flex;align-items:center;color:var(--muted);line-height:1.6}.slot{min-height:46px;border-radius:6px;padding:7px 6px;background:var(--violet-soft);color:var(--violet-dark);border-left:2px solid var(--violet);line-height:1.65}.slot small{display:block;font-size:8px}.slot.mint{background:color-mix(in srgb,var(--mint) 20%,var(--surface));border-color:var(--mint);color:var(--ink)}.slot.coral{background:color-mix(in srgb,var(--coral) 20%,var(--surface));border-color:var(--coral);color:var(--ink)}.empty-cell{background:var(--page);border-radius:5px}.product-bottom{border-top:1px solid var(--soft-line);padding:11px 20px;display:flex;gap:15px;justify-content:space-between;font-size:9px;color:var(--muted)}.pill{display:inline-block;padding:4px 8px;border-radius:6px;background:var(--violet-soft);color:var(--violet-dark);font-size:10px;white-space:nowrap}.pill.mint{background:color-mix(in srgb,var(--mint) 20%,var(--surface));color:var(--ink)}.demo-rows{display:grid;gap:8px}.demo-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid var(--soft-line);border-radius:8px;font-size:11px;line-height:1.7}.demo-row small{display:block;font-size:9px;color:var(--muted)}.mini-avatar{height:35px;width:35px;flex:0 0 35px;display:grid;place-items:center;background:var(--violet-soft);border-radius:50%;color:var(--violet)}.customer-top{display:flex;gap:12px;align-items:center;margin-bottom:18px;font-size:12px}.customer-top small{display:block;color:var(--muted);font-size:10px}.chat-bubble{padding:11px 13px;max-width:84%;border-radius:10px;background:var(--soft);font-size:11px;line-height:1.8;margin-bottom:12px}.chat-bubble.reply{margin-left:auto;background:var(--violet-soft);color:var(--violet-dark)}.chat-meta{font-size:9px;color:var(--muted);margin-bottom:13px}.demo-total{padding:13px;background:var(--soft);display:flex;justify-content:space-between;border-radius:8px;font-size:12px;margin-top:14px}.demo-total b{color:var(--violet)}
/* Full capability inventory */
.capability-browser{background:var(--surface);border:1px solid var(--line);border-radius:18px;overflow:hidden;text-align:left}.capability-tools{display:flex;gap:16px;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--soft-line)}.capability-tools strong{font-size:.85rem}.capability-search{width:260px;max-width:100%;font-size:.8rem;padding:10px 13px;border:1px solid var(--line);border-radius:8px;background:var(--page)}.capability-tabs{display:flex;gap:4px;flex-wrap:wrap;padding:14px 18px;background:var(--page);border-bottom:1px solid var(--soft-line)}.capability-tabs button{border:0;background:transparent;color:var(--muted);border-radius:8px;font-size:.78rem;padding:9px 12px}.capability-tabs button[aria-pressed=true]{background:var(--violet);color:var(--surface)}.capability-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding:8px 12px}.capability-item{padding:22px 18px;border-bottom:1px solid var(--soft-line);min-width:0}.capability-item h3{font-size:.96rem;margin-bottom:9px}.capability-item p{font-size:.83rem;margin:0;line-height:1.9}.feature-num{display:block;color:var(--violet);font-size:.7rem;margin-bottom:10px}.capability-empty{padding:30px}.capability-note{padding:14px 24px;margin:0;font-size:.7rem;line-height:1.9;border-top:1px solid var(--soft-line)}
/* Shared business-page structure, with concept CSS layered alongside it. */
.business-hero{padding:42px 0 74px;background:radial-gradient(ellipse at 85% 20%,var(--violet-soft),transparent 58%)}.breadcrumbs{display:flex;gap:10px;font-size:.75rem;color:var(--muted);margin-bottom:45px}.breadcrumbs a{color:var(--violet)}.business-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:66px;align-items:center}.business-hero h1{font-size:clamp(2rem,3.7vw,3.05rem);margin-bottom:20px}.business-hero .business-intro{font-size:1.02rem;max-width:580px}.business-focus{list-style:none;margin:22px 0;padding:0;display:grid;gap:8px;font-size:.82rem;color:var(--muted)}.business-focus li::before{content:'✓';color:var(--violet);margin-right:10px}.business-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px}.business-step{border-top:2px solid var(--violet-soft);padding-top:24px}.business-step .number{font-size:.75rem;color:var(--violet);display:block;margin-bottom:16px}.business-step h3{font-size:1.12rem}.business-step p{font-size:.9rem}.business-related{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.business-feature{background:var(--surface);padding:28px;border:1px solid var(--soft-line);border-radius:15px}.business-feature h3{font-size:1.12rem}.business-feature p{font-size:.86rem;margin-bottom:14px}.business-feature ul{margin:0;padding-left:20px;font-size:.82rem;color:var(--muted)}.business-links{display:flex;flex-wrap:wrap;gap:10px}.business-links a{display:flex;gap:18px;justify-content:space-between;align-items:center;padding:16px 20px;background:var(--surface);border:1px solid var(--line);border-radius:12px;flex:1;min-width:190px;font-size:.87rem}.business-links a:hover{border-color:var(--violet);color:var(--violet)}.faq-grid{display:grid;grid-template-columns:.85fr 1.2fr;gap:80px}.faq-grid details{border-bottom:1px solid var(--line);padding:21px 0;font-size:.9rem}.faq-grid summary{cursor:pointer;font-weight:500;line-height:1.8}.faq-grid details p{margin:14px 0 0;font-size:.86rem}.demo-cta{padding:70px 0;background:var(--violet-soft);border-top:1px solid var(--line)}.demo-cta .shell{display:flex;justify-content:space-between;align-items:center;gap:42px}.demo-cta h2{margin-bottom:12px}.demo-cta p{margin:0}.demo-cta .actions{margin:0;flex-shrink:0}
/* Review controls and local Demo form */
.demo-dialog{margin:auto;border:1px solid var(--line);border-radius:22px;width:min(580px,calc(100vw - 28px));max-height:calc(100dvh - 30px);overflow:auto;padding:34px;background:var(--surface);color:var(--ink);box-shadow:0 24px 90px rgba(23,22,42,.24);font-family:var(--mock-font),sans-serif}.demo-dialog::backdrop{background:rgba(23,22,42,.48);backdrop-filter:blur(3px)}.demo-dialog h2{font-size:1.7rem;margin:0 30px 12px 0;line-height:1.5}.demo-dialog p{font-size:.87rem;line-height:1.9}.demo-close{position:absolute;right:20px;top:16px;width:34px;height:34px;border:0;border-radius:50%;background:var(--soft);color:var(--ink);font-size:23px}.demo-modes{display:flex;gap:10px;margin:24px 0}.demo-modes button{flex:1;border:1px solid var(--line);background:var(--surface);color:var(--ink);padding:11px 10px;border-radius:10px;font-size:.85rem}.demo-modes button[aria-pressed=true]{background:var(--violet-soft);color:var(--violet-dark);border-color:var(--violet)}.demo-dialog label{font-size:.85rem;display:block;margin:15px 0 7px}.demo-dialog input,.demo-dialog select{width:100%;background:var(--page);color:var(--ink);border:1px solid var(--line);border-radius:9px;padding:11px 13px;font-size:.85rem}.demo-dialog .button{width:100%;margin-top:22px}.demo-notice{font-size:.72rem!important;background:var(--soft);padding:12px;border-radius:9px}.demo-result{background:color-mix(in srgb,var(--mint) 16%,var(--surface));padding:16px;border-radius:10px;font-size:.85rem;line-height:1.9}.standalone-tools{position:fixed;right:16px;bottom:16px;z-index:90;display:flex;align-items:center;gap:9px;padding:10px 14px;background:var(--surface);border:1px solid var(--line);border-radius:10px;box-shadow:0 6px 26px rgba(23,22,42,.12);font:12px 'Prompt',sans-serif;color:var(--muted)}.standalone-tools select{max-width:175px;font-size:12px;border:1px solid var(--line);border-radius:6px;padding:5px;background:var(--surface);color:var(--ink)}
@media(max-width:1160px){.primary-nav{gap:12px}.primary-nav a{font-size:.7rem}.header-inner{gap:18px}}
@media(max-width:1020px){.menu-button{display:block;margin-left:auto}.primary-nav{display:none;position:absolute;left:0;right:0;top:76px;background:var(--surface);padding:18px 24px;border-bottom:1px solid var(--line);box-shadow:0 12px 20px rgba(23,22,42,.04)}.primary-nav.is-open{display:grid;grid-template-columns:1fr 1fr;gap:6px 20px}.primary-nav a{font-size:.86rem;padding:10px}.business-hero-grid{gap:30px}.demo-cta .shell{align-items:flex-start;flex-direction:column}.capability-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.shell{padding-inline:20px}.section{padding-block:60px}.header-inner{gap:10px}.header-cta{font-size:.72rem;padding:9px 12px;min-height:40px}.menu-button{padding:6px 9px;font-size:12px}.primary-nav.is-open{grid-template-columns:1fr}.business-hero{padding-top:25px}.breadcrumbs{margin-bottom:30px}.business-hero-grid{grid-template-columns:1fr;gap:38px}.business-hero h1{font-size:2rem}.business-steps,.business-related,.faq-grid{grid-template-columns:1fr;gap:28px}.business-step{padding-top:20px}.business-feature{padding:23px}.business-links a{min-width:calc(50% - 10px);font-size:.75rem;padding:13px}.capability-tools{flex-direction:column;align-items:stretch;padding:18px}.capability-search{width:100%}.capability-tabs{padding:10px}.capability-tabs button{padding:8px;font-size:.71rem}.capability-list{grid-template-columns:1fr;padding-inline:5px}.capability-item{padding:22px 18px}.capability-note{padding:14px 18px}.product-panel{padding:15px}.product-top{padding:14px}.product-tabs{padding:10px}.product-bottom{padding:10px 14px;gap:10px}.footer-grid{grid-template-columns:1fr 1fr;gap:30px}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:14px}.footer-bottom a{margin:0 15px 0 0}.demo-cta{padding:50px 0}.demo-cta .actions{flex-shrink:1}.demo-dialog{padding:26px 22px}.demo-modes{gap:7px}.standalone-tools{right:10px;bottom:10px;font-size:10px;padding:8px 10px}.standalone-tools select{max-width:155px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}