@import "https://fonts.googleapis.com/css2?family=Noto+Serif+Lao:wght@500;700&family=Manrope:wght@400&family=JetBrains+Mono:wght@400;500&display=swap";:root{--color-bg:#fafafa;--color-bg-surface:#f1f3f2;--color-bg-elevated:#eaebeb;--color-border-subtle:#e9eae9;--color-border-default:#dfe0df;--color-border-strong:#cfcfcf;--color-text:#0b0b0b;--color-text-muted:#545555;--color-text-subtle:#6f6f6f;--color-primary:#0c835c;--color-primary-on:#fff;--color-primary-container:#d9f5e6;--color-primary-on-container:#007c56;--color-primary-hover:#007652;--color-primary-active:#006c4b;--color-primary-border:#1b513b;--color-primary-text:#017f59;--color-primary-shadow:#0c835c40;--color-secondary:#3b82f6;--color-secondary-on:#000;--color-secondary-container:#e3eeff;--color-secondary-on-container:#1f67d8;--color-secondary-hover:#2e75e8;--color-secondary-active:#256cde;--color-secondary-border:#335a9a;--color-secondary-text:#236adc;--color-success:#16a34a;--color-success-on:#000;--color-success-container:#ddf4e0;--color-success-on-container:#007d35;--color-success-text:#008639;--color-warning:#d97706;--color-warning-on:#000;--color-warning-container:#ffe8d7;--color-warning-on-container:#a35800;--color-warning-text:#af5f00;--color-error:#dc2626;--color-error-on:#fff;--color-error-container:#ffe6e3;--color-error-on-container:#d3191e;--color-error-text:#dc2626;--font-heading:"Noto Serif Lao", serif;--font-body:"Manrope", sans-serif;--font-mono:"JetBrains Mono", monospace;--font-weight-heading:500;--font-weight-body:400;--text-display:56px;--text-display-line-height:1.1;--text-display-letter-spacing:0em;--text-h1:40px;--text-h1-line-height:1.1;--text-h1-letter-spacing:0em;--text-h2:28px;--text-h2-line-height:1.1;--text-h2-letter-spacing:0em;--text-h3:20px;--text-h3-line-height:1.1;--text-h3-letter-spacing:0em;--text-body:16px;--text-body-line-height:1.5;--text-body-letter-spacing:0em;--text-small:14px;--text-small-line-height:1.5;--text-small-letter-spacing:0em;--text-label:14px;--text-label-line-height:1.4;--text-label-letter-spacing:.08em;--text-caption:12px;--text-caption-line-height:1.4;--text-caption-letter-spacing:.08em;--radius-xs:4px;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-full:9999px;--spacing-1:3px;--spacing-2:5px;--spacing-3:8px;--spacing-4:10px;--spacing-6:15px;--spacing-8:20px;--spacing-12:30px;--spacing-16:40px;--spacing-24:60px;--spacing-32:80px;--shadow-color:#0b0b0b;--shadow-sm:0 1px 3px #0b0b0b14, 0 1px 2px -1px #0b0b0b0d;--shadow-md:0 4px 6px -1px #0b0b0b1a, 0 2px 4px -2px #0b0b0b0f;--shadow-lg:0 10px 25px -3px #0b0b0b24, 0 4px 10px -4px #0b0b0b14;--shadow-xl:0 20px 60px #0b0b0b33, 0 8px 20px #0b0b0b1f;--dur-instant:80ms;--dur-fast:.15s;--dur-normal:.25s;--dur-slow:.35s;--ease-standard:cubic-bezier(.2, 0, 0, 1);--ease-decelerate:cubic-bezier(0, 0, .2, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1)}.dark{--color-bg:#0b0b0b;--color-bg-surface:#1c1d1c;--color-bg-elevated:#2f3030;--color-border-subtle:#3f403f;--color-border-default:#4c4d4d;--color-border-strong:#5d5e5d;--color-text:#e7e8e8;--color-text-muted:#8e8f8f;--color-text-subtle:#848484;--color-primary:#0c835c;--color-primary-on:#fff;--color-primary-container:#031e13;--color-primary-on-container:#27926a;--color-primary-hover:#238f67;--color-primary-active:#309870;--color-primary-border:#74a990;--color-primary-text:#2b956c;--color-primary-shadow:#0c835c40;--color-secondary:#3b82f6;--color-secondary-on:#1e1e1e;--color-secondary-container:#0d182a;--color-secondary-on-container:#3b82f6;--color-secondary-hover:#4c90ff;--color-secondary-active:#5d9aff;--color-secondary-border:#749fe4;--color-secondary-text:#3b82f6;--color-success:#16a34a;--color-success-on:#000;--color-success-container:#091d0e;--color-success-on-container:#16a34a;--color-success-text:#16a34a;--color-warning:#d97706;--color-warning-on:#000;--color-warning-container:#261305;--color-warning-on-container:#d97706;--color-warning-text:#d97706;--color-error:#dc2626;--color-error-on:#fff;--color-error-container:#28100e;--color-error-on-container:#ed3b35;--color-error-text:#e5312e;--shadow-color:#000;--shadow-sm:0 1px 3px #0003, 0 1px 2px -1px #00000021;--shadow-md:0 4px 6px -1px #00000040, 0 2px 4px -2px #00000026;--shadow-lg:0 10px 25px -3px #00000059, 0 4px 10px -4px #0003;--shadow-xl:0 20px 60px #0000008c, 0 8px 20px #0000004d}*{box-sizing:border-box;margin:0;padding:0}[style*=--font-heading]{letter-spacing:0!important}.ct{transition:background .15s cubic-bezier(.2,0,0,1)}@media (hover:hover){.ct:hover{background:#0000000a}.dark .ct:hover{background:#ffffff0d}}.bp{transition:background .15s cubic-bezier(.2,0,0,1),transform 80ms ease-out;position:relative}@media (hover:hover){.bp:hover{background:#0000000d}.dark .bp:hover{background:#ffffff0f}}.bp:active{transform:scale(.97)}@keyframes popIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.pop-enter{transform-origin:top;animation:.15s cubic-bezier(0,0,.2,1) both popIn}@keyframes modalIn{0%{opacity:0;transform:scale(.97)translateY(4px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-enter{animation:.2s cubic-bezier(0,0,.2,1) both modalIn}.dot{transition:all .3s}.fi{animation:.5s cubic-bezier(.16,1,.3,1) both fup}@keyframes fup{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.tr{border-radius:8px;padding:8px 10px;transition:background .15s}@media (hover:hover){.tr:hover{background:var(--color-bg-elevated)}}.xb{transition:background .15s cubic-bezier(.4,0,.2,1)}@media (hover:hover){.xb:hover{background:#0000000a}.dark .xb:hover{background:#ffffff0d}}.entrance{animation:.5s cubic-bezier(.16,1,.3,1) both entrance}@keyframes entrance{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}.reveal{transition:opacity .4s ease-out}@keyframes glowPulse{0%,to{box-shadow:0 0 0 2px #0c835c4d,0 0 20px #0c835c24}50%{box-shadow:0 0 0 2px #0c835c73,0 0 32px #0c835c38}}@keyframes scrollLeft{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes scrollRight{0%{transform:translate(-50%)}to{transform:translate(0)}}@keyframes kickerPulse{0%{box-shadow:0 0 #0c835c73}70%{box-shadow:0 0 0 8px #0c835c00}to{box-shadow:0 0 #0c835c00}}.tab-dark[data-state=active]{color:#0c1a14!important;background:#fff!important}.tab-dark[data-state=active] .fav{background:linear-gradient(135deg,#0c835c,#1b513b)!important}.faq-toggle[data-state=open]{background:var(--color-primary)!important;color:#fff!important;border-color:var(--color-primary)!important}.faq-toggle[data-state=open] .faq-plus-v{display:none}.faq-content[data-state=open]{animation:.25s ease-out accordionDown}.faq-content[data-state=closed]{animation:.2s ease-in accordionUp}@keyframes accordionDown{0%{opacity:0;height:0}to{height:var(--radix-accordion-content-height);opacity:1}}@keyframes accordionUp{0%{height:var(--radix-accordion-content-height);opacity:1}to{opacity:0;height:0}}@media (prefers-reduced-motion:reduce){.ct,.bp,.fi,.xb,.entrance,.reveal,.pop-enter,.modal-enter{transition:none!important;animation:none!important}.carousel-track{animation:none!important}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes skeleton-pulse{0%,to{opacity:.5}50%{opacity:.25}}*{scrollbar-width:thin;scrollbar-color:var(--color-border-default) var(--color-bg-surface)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-surface)}::-webkit-scrollbar-thumb{background:var(--color-border-default);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-border-strong)}.no-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.no-scrollbar::-webkit-scrollbar{display:none}input:focus-visible,textarea:focus-visible{box-shadow:0 0 0 2px var(--color-primary-shadow);border-radius:8px;outline:none}input[type=range]:focus-visible{outline-offset:2px}input[type=range]{appearance:none;height:6px;accent-color:var(--color-primary);background:#9090c040;border-radius:3px;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--color-primary);cursor:pointer;border:2px solid var(--color-border-subtle);border-radius:50%;width:18px;height:18px}input[type=range]::-moz-range-thumb{background:var(--color-primary);cursor:pointer;border:2px solid var(--color-border-subtle);border-radius:50%;width:18px;height:18px}input[type=range]::-moz-range-track{background:#9090c040;border-radius:3px;height:6px}input[type=color]{cursor:pointer;-webkit-appearance:none;background:0 0;border:none;border-radius:8px;width:36px;height:36px;padding:0;overflow:hidden}select{appearance:none}button{-webkit-tap-highlight-color:transparent}.kompo-color-picker .react-colorful{background:0 0!important;border:none!important;border-radius:0!important;width:100%!important;height:auto!important}.kompo-color-picker .react-colorful__saturation{border-bottom:none!important;border-radius:6px!important;height:160px!important}@media (width<=699px){.kompo-color-picker .react-colorful__saturation{border-radius:10px!important;height:160px!important}.kompo-color-picker .react-colorful__hue,.kompo-color-picker .react-colorful__alpha,.kompo-color-picker .react-colorful__lightness{border-radius:8px!important;height:16px!important}.kompo-color-picker .react-colorful__pointer,.kompo-color-picker .react-colorful__saturation-pointer{width:22px!important;height:22px!important}}.kompo-color-picker .react-colorful__hue{border-radius:6px!important;height:12px!important;margin-top:10px!important}.kompo-color-picker .react-colorful__pointer{border:2px solid #fff!important;width:14px!important;height:14px!important;box-shadow:0 1px 4px #0006!important}.kompo-color-picker .react-colorful__saturation-pointer{width:14px!important;height:14px!important}.kompo-color-picker .react-colorful__alpha,.kompo-color-picker .react-colorful__lightness{border-radius:6px!important;height:12px!important;margin-top:6px!important}