:root{--bg:#f4f5f7;--text:#1e1f24;--muted:#6c6f7b;--line:#e6e8ef;--card:#fff;--soft:#f8f9fd;--brand-a:#6d8cff;--brand-b:#ca60d3;--brand-c:#ff6f4a;--font-display:"SF Pro Display", "Segoe UI", "Noto Sans Thai", "Sarabun", system-ui, sans-serif;--font-body:"Noto Sans Thai", "Noto Sans Thai UI", "Sarabun", "IBM Plex Sans Thai", "Segoe UI", system-ui, sans-serif}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0;overflow-x:hidden}body{min-height:100dvh;font-family:var(--font-body), sans-serif;color:var(--text);background:radial-gradient(circle at 10% -5%, #6d8cff26, transparent 45%), radial-gradient(circle at 95% 8%, #ff6f4a24, transparent 40%), var(--bg)}h1,h2,h3{font-family:var(--font-display), sans-serif;text-wrap:balance;margin:0}p{color:var(--muted);margin:0}a{color:inherit;-webkit-tap-highlight-color:#6d8cff33;touch-action:manipulation}a:focus-visible{outline-offset:2px;border-radius:10px;outline:2px solid #6d8cff}.skip-link{z-index:100;border:1px solid var(--line);background:#fff;border-radius:10px;padding:.5rem .75rem;font-size:13px;font-weight:600;position:absolute;top:.75rem;left:.75rem;transform:translateY(-200%)}.skip-link:focus-visible{transform:translateY(0)}.wrap{width:min(1120px,100% - 2rem);margin-inline:auto}.ribbon{color:#fff;background:linear-gradient(90deg,#5a88ff,#cd5cd5,#ff6a4d);justify-content:center;align-items:center;min-height:38px;font-size:13px;font-weight:700;display:flex}.nav{z-index:30;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);justify-content:space-between;align-items:center;gap:12px;padding:18px 0;display:flex;position:sticky;top:0}.logo{font-family:var(--font-display), sans-serif;letter-spacing:.02em;font-size:clamp(1.1rem,1.5vw,1.4rem);font-weight:700}.menu{color:#434654;align-items:center;gap:16px;font-size:14px;display:flex}.mobile-menu{display:none;position:relative}.mobile-menu summary{border:1px solid var(--line);cursor:pointer;background:#ffffffeb;border-radius:14px;gap:4px;padding:10px;list-style:none;display:grid}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu summary span{background:#313444;border-radius:999px;width:18px;height:2px}.mobile-menu-panel{border:1px solid var(--line);background:#fffffffa;border-radius:18px;gap:6px;width:min(260px,100vw - 1rem);padding:12px;display:grid;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 18px 60px #1416221f}.mobile-menu-panel a{border-radius:12px;padding:10px 12px;text-decoration:none}.mobile-menu-panel a:hover{background:#f4f6fb}.button-gradient{background:linear-gradient(var(--card), var(--card)) padding-box, linear-gradient(90deg, var(--brand-a), var(--brand-b), var(--brand-c)) border-box;border:1px solid #0000;border-radius:999px;padding:10px 16px;font-size:14px;font-weight:700;text-decoration:none;transition:box-shadow .18s,transform .18s}.hero{gap:18px;padding:24px 0 14px;display:grid}.hero-shell{border:1px solid var(--line);background:var(--card);border-radius:28px;grid-template-columns:1.15fr .95fr;gap:24px;padding:30px;display:grid}.hero-title{font-size:clamp(2rem,4vw,3.5rem);line-height:1.05}.hero-kicker{border:1px solid var(--line);color:#4a4f65;background:#ffffffe6;border-radius:999px;align-items:center;min-height:34px;padding:8px 12px;font-size:13px;font-weight:700;display:inline-flex}.hero-copy{max-width:56ch;margin-top:12px;font-size:1rem}.hero-actions{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.button-primary{color:#fff;background:linear-gradient(90deg,#6c63ff,#ff5e62);border:none;border-radius:999px;justify-content:center;align-items:center;padding:12px 18px;font-weight:700;text-decoration:none;transition:opacity .18s,transform .18s;display:inline-flex}.button-ghost{border:1px solid var(--line);color:#313444;background:#fff;border-radius:999px;justify-content:center;align-items:center;padding:11px 17px;font-weight:600;text-decoration:none;transition:background-color .18s,border-color .18s;display:inline-flex}.button-gradient:hover,.button-primary:hover{transform:translateY(-1px)}.button-gradient:focus-visible,.button-primary:focus-visible,.button-ghost:focus-visible{box-shadow:0 0 0 3px #6d8cff52}.use-cases{border:1px solid var(--line);background:var(--soft);border-radius:22px;padding:16px}.use-cases h3{font-size:1.05rem}.use-list{gap:10px;margin-top:12px;display:grid}.use-item{color:#303240;background:#fff;border:1px solid #e6e8ef;border-radius:14px;align-items:center;gap:10px;padding:9px 10px;font-size:14px;display:flex}.dot{background:linear-gradient(135deg, var(--brand-a), var(--brand-c));border:1px solid #686e862e;border-radius:999px;width:20px;height:20px;box-shadow:inset 0 0 0 4px #fff}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:6px;display:grid}.stat{border:1px solid var(--line);background:#fff;border-radius:16px;padding:16px 14px}.stat strong{font-family:var(--font-display), sans-serif;background:linear-gradient(90deg,#e55b68,#c05dcc);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:2rem;line-height:1}.stat span{color:#5c6072;margin-top:8px;font-size:13px;display:block}.section{border:1px solid var(--line);background:#fff;border-radius:24px;margin-top:18px;padding:24px}.section-title{font-size:clamp(1.35rem,2vw,1.8rem)}.section-intro{grid-template-columns:1.15fr .85fr;align-items:end;gap:14px;display:grid}.kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px;display:grid}.proof-strip{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.proof-pill{border:1px solid var(--line);color:#3b4053;background:#ffffffd1;border-radius:999px;align-items:center;min-height:34px;padding:8px 12px;font-size:13px;display:inline-flex}.kpi{border:1px solid var(--line);background:linear-gradient(#fff,#f8f9fd);border-radius:16px;padding:14px}.kpi h3{margin-bottom:4px;font-size:14px}.kpi p{font-size:13px}.steps{gap:10px;margin-top:14px;display:grid}.step{border:1px solid var(--line);border-radius:16px;grid-template-columns:28px 1fr;gap:12px;padding:14px;display:grid}.step-index{color:#fff;background:linear-gradient(90deg,#6c63ff,#ff5e62);border-radius:999px;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:700;display:flex}.agent-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}.agent{border:1px solid var(--line);background:#fff;border-radius:16px;padding:14px}.agent h3{font-size:14px}.agent p{margin-top:6px;font-size:12px}.bottom-cta{color:#fff;background:linear-gradient(135deg,#0d1222,#1a1f32 58%,#2f2054);border-radius:24px;margin:20px 0 32px;padding:24px}.bottom-cta p{color:#c8ccdc}.pricing-section{background:radial-gradient(circle at 100% 0,#6d8cff1f,#0000 26%),linear-gradient(#fff,#f8f9fd)}.pricing-head{grid-template-columns:1.2fr .8fr;align-items:end;gap:16px;display:grid}.pricing-note{border:1px solid var(--line);color:#53586a;background:#ffffffe6;border-radius:18px;padding:14px;font-size:14px}.pricing-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px;display:grid}.pricing-card{border:1px solid var(--line);background:#fff;border-radius:24px;align-content:start;gap:14px;padding:18px;display:grid;box-shadow:0 14px 40px #1217260d}.pricing-card-featured{background:linear-gradient(#6d8cff14,#fff 22%);border-color:#6d8cff4d}.pricing-card-top{gap:8px;display:grid}.pricing-card h3{font-size:1.25rem}.pricing-badge{color:#4353bf;background:#6d8cff1a;border-radius:999px;align-items:center;width:fit-content;min-height:30px;padding:6px 10px;font-size:12px;font-weight:700;display:inline-flex}.pricing-price{font-family:var(--font-display), sans-serif;color:#151826;font-size:2rem;line-height:1}.pricing-best-for{color:#4b5164;font-size:13px}.pricing-features{color:#313548;gap:8px;margin:0;padding-left:18px;font-size:14px;display:grid}.pricing-button{width:100%}.mobile-sticky-cta{display:none}.follow-section{margin-bottom:24px}.follow-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px;display:grid}.follow-card{border:1px solid var(--line);background:linear-gradient(#fff,#f8f9fd);border-radius:16px;gap:6px;padding:14px;text-decoration:none;transition:transform .18s,box-shadow .18s,border-color .18s;display:grid}.follow-card:hover{border-color:#6d8cff5c;transform:translateY(-1px);box-shadow:0 12px 30px #181e3614}.services-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px;display:grid}.surface-grid,.compare-grid,.footer-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.surface-card,.compare-card{border:1px solid var(--line);background:linear-gradient(#fff,#f8f9fd);border-radius:18px;gap:10px;padding:16px;display:grid}.surface-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.surface-url,.compare-kicker,.footer-title{letter-spacing:.02em;color:#4555c2;font-size:12px;font-weight:700}.surface-status{color:#52586c;background:#181b270f;border-radius:999px;align-items:center;min-height:28px;padding:6px 10px;font-size:12px;font-weight:700;display:inline-flex}.surface-live{color:#4c46b7;background:#6c63ff1a}.compare-angle{color:#41485d;font-size:14px}.service-card,.service-panel{border:1px solid var(--line);background:linear-gradient(#fff,#f8f9fd);border-radius:16px;padding:14px}.service-card h2,.service-card h3,.service-panel h2{font-size:1rem}.service-plan-hint{color:#4555c2;font-size:12px;font-weight:700}.service-pain{color:#434a5f;margin-top:10px;font-size:14px}.service-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px;display:grid}.follow-platform{color:#242838;font-size:14px;font-weight:700}.follow-handle{color:#5e6376;font-size:13px}.footer-shell{gap:20px;margin-bottom:28px;padding-bottom:16px;display:grid}.footer-brand{border:1px solid var(--line);background:#ffffffd6;border-radius:20px;padding:18px}.footer-logo{font-family:var(--font-display), sans-serif;color:#161a27;font-size:1.4rem;font-weight:700}.footer-links{gap:8px;margin-top:10px;display:grid}.footer-links a{color:#464d63;text-decoration:none}.footer-links a:hover{color:#252a3c}@media (max-width:980px){.menu{display:none}.mobile-menu{display:block}.hero-shell{grid-template-columns:1fr;padding:20px}.kpi-grid,.agent-grid{grid-template-columns:1fr 1fr}.pricing-head,.section-intro,.pricing-grid,.follow-grid,.surface-grid,.compare-grid,.footer-grid,.services-grid,.service-detail-grid{grid-template-columns:1fr}}@media (max-width:640px){.wrap{width:min(1120px,100% - 1rem)}.ribbon{text-align:center;min-height:34px;padding-inline:8px;font-size:12px}.button-gradient{display:none}.hero{padding-top:14px}.hero-shell,.section,.bottom-cta{border-radius:18px}.hero-actions{grid-template-columns:1fr;display:grid}.stats,.kpi-grid,.agent-grid,.follow-grid{grid-template-columns:1fr}.pricing-card{border-radius:20px}.mobile-sticky-cta{z-index:40;padding:.75rem 1rem calc(.75rem + env(safe-area-inset-bottom));background:linear-gradient(#f4f5f700,#f4f5f7f0 35%);justify-content:center;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-sticky-cta .button-primary{width:min(480px,100%)}.bottom-cta{margin-bottom:88px}}