@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Lato:wght@300;400;700;900&family=Bai+Jamjuree:wght@400;500;600;700&display=swap";:root{--color-primary: #354cef;--color-primary-dark: #253ad3;--color-primary-light: #4f63fa;--color-black: #000000;--color-white: #ffffff;--color-yellow-accent: #ebff00;--color-gray-50: #f9fafb;--color-gray-100: #f3f4f6;--color-gray-200: #e7e7f0;--color-gray-300: #d1d5db;--color-gray-400: #d9d9d9;--color-gray-500: #b6c1f2;--color-gray-600: #4b5563;--color-gray-700: #374151;--color-gray-800: #25261d;--color-gray-900: #111827;--color-success: #00a86b;--color-warning: #ff9500;--color-error: #ff3b30;--font-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-heading: "Bai Jamjuree", "Lato", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-accent: "Bai Jamjuree", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "Roboto Mono", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.75;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1);--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease;--z-dropdown: 1000;--z-modal: 2000;--z-tooltip: 3000;--container-max: 1080px;--container-padding: var(--space-4);--wrapper-max: 1440px;--header-height: 80px}@media (prefers-color-scheme: dark){:root{--bg-primary: var(--color-gray-900);--bg-secondary: var(--color-gray-800);--text-primary: var(--color-white);--text-secondary: var(--color-gray-300)}}:root{--bg-primary: #ffffff;--bg-secondary: #f9fafb;--text-primary: #111827;--text-secondary: #6b7280}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-primary);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-primary);background-color:var(--bg-primary);min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:var(--leading-tight);color:var(--text-primary)}h1{font-size:var(--text-5xl);font-weight:900}h2{font-size:var(--text-4xl)}h3{font-size:var(--text-3xl)}h4{font-size:var(--text-2xl)}h5{font-size:var(--text-xl)}h6{font-size:var(--text-lg)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-dark);text-decoration:underline}button,.btn{font-family:var(--font-primary);font-weight:500;font-size:var(--text-base);padding:var(--space-3) var(--space-6);border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2)}.btn-primary{background-color:var(--color-primary);color:var(--color-white)}.btn-primary:hover{background-color:var(--color-primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-secondary{background-color:transparent;color:var(--color-primary);border:2px solid var(--color-primary)}.btn-secondary:hover{background-color:var(--color-primary);color:var(--color-white)}.container{max-width:var(--container-max);margin:0 auto;padding:0 var(--container-padding);width:100%}.grid{display:grid;gap:var(--space-6)}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 640px){h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:repeat(1,1fr)}}@media (min-width: 641px) and (max-width: 768px){h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}.grid-cols-3,.grid-cols-4{grid-template-columns:repeat(2,1fr)}}@media (min-width: 769px) and (max-width: 1024px){.grid-cols-4{grid-template-columns:repeat(3,1fr)}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-light{font-weight:300}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.skeleton{background:linear-gradient(90deg,var(--color-gray-200) 25%,var(--color-gray-100) 50%,var(--color-gray-200) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}:focus{outline:2px solid var(--color-primary);outline-offset:2px}::selection{background-color:var(--color-primary);color:var(--color-white)}:root{--header-height: 82px}@media (max-width: 768px){:root{--header-height: 60px}}.site-footer.svelte-jz8lnl{background:#25261d;color:var(--color-gray-400);padding:80px 0;font-size:14px;line-height:1.2;padding:var(--space-24) var(--space-4)}@media (max-width: 768px){.site-footer.svelte-jz8lnl{margin:0;padding:var(--space-12) 0}}.footer-container.svelte-jz8lnl{max-width:1080px;margin:0 auto}.footer-top.svelte-jz8lnl{margin-bottom:var(--space-8);display:flex;justify-content:space-between;align-items:start}.footer-logo.svelte-jz8lnl{font-size:32px;font-weight:700;color:#fff;text-decoration:none;font-family:var(--font-heading)}.footer-logo-image.svelte-jz8lnl{width:auto;height:24px}.footer-nav.svelte-jz8lnl{display:flex;gap:16px}.footer-nav.svelte-jz8lnl a:where(.svelte-jz8lnl){color:var(--color-gray-500);text-decoration:none;font-size:16px;font-family:var(--font-heading)}.footer-list.svelte-jz8lnl{margin:0 0 24px;padding-left:20px}.footer-list.svelte-jz8lnl li:where(.svelte-jz8lnl){margin-bottom:0}.footer-text.svelte-jz8lnl{margin-bottom:20px;color:var(--color-gray-400);font-size:13px;line-height:1.3}.footer-content.svelte-jz8lnl a:where(.svelte-jz8lnl){color:var(--color-gray-500);text-decoration:underline;font-family:var(--font-heading)}.footer-content.svelte-jz8lnl a:where(.svelte-jz8lnl):hover{text-decoration:none;opacity:.9}.copyright.svelte-jz8lnl{margin-bottom:20px;font-size:13px}.footer-address.svelte-jz8lnl{font-style:normal;font-size:13px;line-height:1.3}@media (max-width: 768px){.footer-container.svelte-jz8lnl{padding:0 20px}.footer-top.svelte-jz8lnl{flex-direction:column;align-items:flex-start;gap:var(--space-4)}.footer-nav.svelte-jz8lnl{flex-wrap:wrap;gap:20px}.footer-nav.svelte-jz8lnl a:where(.svelte-jz8lnl){font-size:14px}}.site-header.svelte-12qhfyh{position:fixed;top:0;left:0;right:0;z-index:100;color:var(--color-white)}.site-header.-page.svelte-12qhfyh{position:sticky;color:var(--color-gray-800);background:#ffffffe6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.site-header.svelte-12qhfyh .inner:where(.svelte-12qhfyh){display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr;padding:18px 16px;align-items:center;max-width:var(--wrapper-max);margin:0 auto}@media (max-width: 960px){.site-header.svelte-12qhfyh .inner:where(.svelte-12qhfyh){display:flex}}@media (max-width: 768px){.site-header.svelte-12qhfyh .inner:where(.svelte-12qhfyh){display:grid}}.logo.svelte-12qhfyh{justify-self:start;display:flex;align-items:center;text-decoration:none;margin-right:60px;color:inherit}.logo.svelte-12qhfyh:focus{outline:0}.logo-image.svelte-12qhfyh{width:110.4px;height:24px;color:inherit}.logo-text.svelte-12qhfyh{font-family:var(--font-heading);font-size:28px;font-weight:700;color:inherit}.main-nav.svelte-12qhfyh{justify-self:center;display:flex;align-items:center;gap:40px;flex:1}@media (max-width: 960px){.main-nav.svelte-12qhfyh{gap:20px}}.nav-link.svelte-12qhfyh{color:inherit;text-decoration:none;font-size:16px;font-weight:500;transition:color .2s;position:relative;font-family:var(--font-heading)}.nav-link.svelte-12qhfyh:hover,.nav-link.svelte-12qhfyh:focus{text-decoration:underline;text-underline-offset:8px;text-decoration-thickness:2px;text-decoration-color:currentColor}.nav-link.svelte-12qhfyh:focus{outline:none}.header-actions.svelte-12qhfyh{justify-self:end;display:flex;align-items:center;gap:8px}.header-actions.svelte-12qhfyh a:where(.svelte-12qhfyh):hover{text-decoration:none}.btn-signin.svelte-12qhfyh{padding:12px 16px;background:transparent;color:#fff;border:2px solid var(--color-white);font-family:"Bai Jamjuree",var(--font-heading);white-space:nowrap;word-break:keep-all;font-size:16px;font-weight:600;line-height:1.2;cursor:pointer;display:flex;align-items:center;justify-content:center}.site-header.-page.svelte-12qhfyh .btn-signin:where(.svelte-12qhfyh){background:var(--color-white);color:var(--color-primary)}.btn-signin.svelte-12qhfyh:hover{background:var(--color-yellow-accent);color:var(--color-primary);border-color:var(--color-yellow-accent)}.site-header.-page.svelte-12qhfyh .btn-signin:where(.svelte-12qhfyh):hover{background-color:var(--color-primary);color:var(--color-yellow-accent);border-color:var(--color-primary)}.btn-demo.svelte-12qhfyh{padding:12px 16px;background:var(--color-yellow-accent);color:var(--color-primary);border:none;font-family:"Bai Jamjuree",var(--font-heading);word-break:keep-all;font-size:16px;font-weight:600;line-height:1.2;cursor:pointer;display:flex;align-items:center;justify-content:center;white-space:nowrap;border:2px solid var(--color-yellow-accent)}.btn-demo.svelte-12qhfyh:hover{background-color:var(--color-primary);color:var(--color-yellow-accent);border-color:var(--color-primary)}.mobile-menu-toggle.svelte-12qhfyh{display:none;flex-direction:column;gap:4px;background:transparent;border:none;cursor:pointer;padding:0;grid-column:3 / 4;justify-self:end}.mobile-menu-toggle.svelte-12qhfyh:focus{outline:none}.mobile-menu-toggle.svelte-12qhfyh span:where(.svelte-12qhfyh){width:24px;height:2px;background:var(--color-white);transition:all .2s}.site-header.-page.svelte-12qhfyh .mobile-menu-toggle:where(.svelte-12qhfyh) span:where(.svelte-12qhfyh){background:var(--color-gray-800)}main.svelte-12qhfyh{min-height:calc(100vh - 80px)}@media (max-width: 768px){.main-nav.svelte-12qhfyh,.header-actions.svelte-12qhfyh{display:none}.mobile-menu-toggle.svelte-12qhfyh{display:flex}.logo.svelte-12qhfyh{margin-right:0}}@media (min-width: 769px){.mobile-menu-overlay.svelte-12qhfyh,.mobile-menu.svelte-12qhfyh{display:none!important}}.mobile-menu-close.svelte-12qhfyh{padding:0;background:transparent;color:var(--color-white)}.mobile-menu-overlay.svelte-12qhfyh{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--color-primary);z-index:98;padding:18px 16px;display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.mobile-menu-overlay.svelte-12qhfyh .logo-image:where(.svelte-12qhfyh){color:var(--color-white)}.mobile-menu.svelte-12qhfyh{position:fixed;top:var(--header-height);left:0;right:0;background:var(--color-primary);color:var(--color-white);padding:var(--space-4);z-index:99}.mobile-nav.svelte-12qhfyh{display:flex;flex-direction:column;gap:16;margin-bottom:32px}.mobile-nav-link.svelte-12qhfyh{color:inherit;text-decoration:none;font-size:18px;font-weight:500;border-radius:var(--radius-md);font-family:var(--font-heading);padding:var(--space-4) var(--space-4)}.mobile-nav-link.svelte-12qhfyh:hover,.mobile-nav-link.svelte-12qhfyh:focus,.mobile-nav-link.svelte-12qhfyh:active{background-color:var(--color-primary-light)}.mobile-actions.svelte-12qhfyh{display:flex;flex-direction:column;gap:16px}.mobile-actions.svelte-12qhfyh .btn-signin:where(.svelte-12qhfyh),.mobile-actions.svelte-12qhfyh .btn-demo:where(.svelte-12qhfyh){width:100%;padding:16px;font-size:16px}
