@import"https://fonts.googleapis.com/css2?family=Bai+Jamjuree:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,400;1,600&display=swap";@import"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css";:root{color-scheme:light}body{background-color:#fff;color:#0f172a;min-height:100vh}#root{min-height:100vh}:root{--green: #10b981;--green-deep: #059669;--green-dark: #065f46;--white: #ffffff;--black: #000000;--grey: #9ca3af;--grey-dark: #374151;--grey-mid: #6b7280;--surface-1: #ffffff;--surface-2: #f0fdf4;--surface-3: #ecfdf5;--surface-4: #d1fae5;--text-primary: #0f172a;--text-secondary:#374151;--text-muted: #6b7280;--text-light: #9ca3af;--dark-1: #000000;--dark-2: #0a0a0a;--dark-3: #065f46;--border-green: rgba(16,185,129,.18);--border-subtle: rgba(0,0,0,.07);--border-mid: rgba(0,0,0,.12);--shadow-xs: 0 1px 3px rgba(0,0,0,.06);--shadow-sm: 0 2px 12px rgba(0,0,0,.08);--shadow-md: 0 8px 32px rgba(0,0,0,.1);--shadow-lg: 0 20px 64px rgba(0,0,0,.12);--shadow-green: 0 12px 40px rgba(16,185,129,.2);--grad-green: linear-gradient(135deg, #10b981 0%, #059669 100%);--grad-dark: linear-gradient(135deg, #065f46 0%, #000000 100%);--grad-surface: linear-gradient(180deg, #ffffff 0%, #f0fdf4 100%);--grad-hero: linear-gradient(135deg, #f0fdf4 0%, #ecfdf5 50%, #d1fae5 100%);--font: "Bai Jamjuree", sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font);background:var(--surface-1);color:var(--text-primary);overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font);font-weight:700;line-height:1.15;color:var(--text-primary)}p,span,a,button,input,textarea,select{font-family:var(--font)}a{text-decoration:none;color:inherit}button{cursor:pointer;border:none;background:none;font-family:var(--font)}img{max-width:100%;display:block}::selection{background:#10b98133;color:var(--green-dark)}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--surface-2)}::-webkit-scrollbar-thumb{background:var(--green);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--green-deep)}*:focus-visible{outline:2px solid var(--green);outline-offset:2px}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem}.label{font-size:.7rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--green-deep);display:flex;align-items:center;gap:.5rem}.label:before{content:"";display:inline-block;width:24px;height:2px;background:var(--grad-green);border-radius:1px;flex-shrink:0}.display{font-size:clamp(2.8rem,6vw,5.5rem);font-weight:700;line-height:1.05;letter-spacing:-.03em;color:var(--text-primary)}.heading-1{font-size:clamp(2rem,4vw,3.5rem);font-weight:700;letter-spacing:-.025em;line-height:1.1;color:var(--text-primary)}.heading-2{font-size:clamp(1.6rem,3vw,2.5rem);font-weight:700;letter-spacing:-.02em;color:var(--text-primary)}.heading-3{font-size:clamp(1.2rem,2vw,1.6rem);font-weight:700;color:var(--text-primary)}.body-lg{font-size:1.125rem;line-height:1.8;color:var(--text-muted)}.body-md{font-size:1rem;line-height:1.75;color:var(--text-muted)}.body-sm{font-size:.875rem;line-height:1.65;color:var(--text-muted)}.text-green{color:var(--green)}.text-dark{color:var(--text-primary)}.text-muted{color:var(--text-muted)}.text-white{color:var(--white)}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 2rem;border-radius:9999px;font-family:var(--font);font-size:.875rem;font-weight:700;letter-spacing:.03em;cursor:pointer;transition:all .28s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden;white-space:nowrap}.btn-primary{background:var(--grad-green);color:var(--white);border:none;box-shadow:0 4px 16px #10b98140}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-green)}.btn-outline{background:transparent;color:var(--text-primary);border:1.5px solid var(--border-mid)}.btn-outline:hover{border-color:var(--green);color:var(--green-dark);transform:translateY(-2px);background:var(--surface-3)}.btn-outline-white{background:transparent;color:var(--white);border:1.5px solid rgba(255,255,255,.35)}.btn-outline-white:hover{border-color:#ffffffb3;background:#ffffff1a;transform:translateY(-2px)}.btn-ghost{background:#10b98114;color:var(--green-deep);border:1px solid var(--border-green)}.btn-ghost:hover{background:#10b98126;transform:translateY(-2px)}.card{background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:1rem;box-shadow:var(--shadow-sm);transition:all .3s ease}.card:hover{border-color:var(--border-green);box-shadow:var(--shadow-green);transform:translateY(-3px)}.card-glass{background:#ffffffb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.5);border-radius:1rem;box-shadow:var(--shadow-md)}.section{padding:6rem 0}.section-sm{padding:4rem 0}.section-lg{padding:8rem 0}.section-white{background:var(--surface-1)}.section-mint{background:var(--surface-2)}.section-dark{background:var(--dark-1)}.section-green{background:var(--green-dark)}.divider{width:48px;height:3px;background:var(--grad-green);border-radius:2px;margin:1rem 0 1.5rem}.bg-glow{position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none}[data-reveal]{opacity:0;transition-property:opacity,transform,filter;transition-duration:.85s;transition-timing-function:cubic-bezier(.22,1,.36,1);will-change:opacity,transform}[data-reveal=up]{transform:translateY(48px)}[data-reveal=down]{transform:translateY(-32px)}[data-reveal=left]{transform:translate(-48px)}[data-reveal=right]{transform:translate(48px)}[data-reveal=scale]{transform:scale(.88)}[data-reveal=fade]{transform:none}[data-reveal=scale-title]{transform:scale(.88) translateY(16px);filter:blur(3px);transition-duration:1.1s}[data-reveal].revealed{opacity:1;transform:none;filter:none}[data-delay="100"]{transition-delay:.1s}[data-delay="150"]{transition-delay:.15s}[data-delay="200"]{transition-delay:.2s}[data-delay="300"]{transition-delay:.3s}[data-delay="400"]{transition-delay:.4s}[data-delay="500"]{transition-delay:.5s}[data-delay="600"]{transition-delay:.6s}[data-delay="700"]{transition-delay:.7s}.page-enter{animation:pageIn .55s cubic-bezier(.22,1,.36,1) both}@keyframes pageIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;transition:all .4s cubic-bezier(.22,1,.36,1);padding:0 1.5rem}.navbar:not(.scrolled){background:transparent}.navbar.scrolled{background:#ffffffeb;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid rgba(16,185,129,.1);box-shadow:0 2px 24px #0000000f}.navbar-inner{max-width:1200px;margin:0 auto;height:72px;display:flex;align-items:center;justify-content:space-between;gap:2rem}.navbar-logo{display:flex;align-items:center;gap:.6rem;flex-shrink:0;text-decoration:none}.navbar-logo-icon{width:36px;height:36px;background:var(--grad-green);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.9rem;color:var(--white);font-weight:700;box-shadow:0 4px 12px #10b9814d}.navbar-logo-text{font-size:1.25rem;font-weight:700;letter-spacing:.1em;color:var(--text-primary)}.navbar-links{display:flex;align-items:center;gap:.25rem;list-style:none}.navbar-link{padding:.5rem 1rem;border-radius:8px;font-size:.875rem;font-weight:500;color:var(--text-secondary);transition:all .2s ease;cursor:pointer;position:relative}.navbar-link:hover,.navbar-link.active{color:var(--text-primary);background:var(--surface-2)}.navbar-link.active{color:var(--green-deep)}.navbar-dropdown{position:absolute;top:calc(100% + 8px);left:0;min-width:200px;background:var(--white);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-subtle);border-radius:12px;box-shadow:var(--shadow-md);padding:.5rem;z-index:100;animation:dropIn .22s cubic-bezier(.22,1,.36,1) both}@keyframes dropIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.navbar-dropdown-link{display:block;padding:.65rem 1rem;font-size:.875rem;font-weight:500;color:var(--text-secondary);border-radius:8px;transition:all .2s ease}.navbar-dropdown-link:hover{background:var(--surface-2);color:var(--green-deep)}.navbar-mobile{position:fixed;inset:72px 0 0;background:#fffffff7;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);z-index:999;padding:2rem 1.5rem;overflow-y:auto;transform:translate(100%);transition:transform .4s cubic-bezier(.22,1,.36,1)}.navbar-mobile.open{transform:translate(0)}.mobile-link{display:block;padding:1rem 0;font-size:1.125rem;font-weight:600;color:var(--text-primary);border-bottom:1px solid var(--border-subtle);cursor:pointer;background:none;width:100%;text-align:left;transition:color .2s ease}.mobile-link:hover{color:var(--green-deep)}.mobile-sub-link{display:block;padding:.75rem 1.25rem;font-size:.9rem;font-weight:500;color:var(--text-muted);transition:color .2s ease}.mobile-sub-link:hover{color:var(--green-deep)}.hero{position:relative;min-height:100vh;display:grid;grid-template-columns:1fr 1fr;align-items:center;overflow:hidden;background:linear-gradient(135deg,#fff,#f0fdf4 40%,#ecfdf5);padding-top:72px}.hero-left{padding:6rem 3rem 6rem 0;padding-left:max(1.5rem,calc((100vw - 1200px)/2 + 1.5rem));position:relative;z-index:2}.hero-right{position:relative;height:100%;min-height:100vh;overflow:hidden}.hero-right img{width:100%;height:100%;object-fit:cover;object-position:center}.hero-right:before{content:"";position:absolute;inset:0;background:linear-gradient(to right,#f0fdf4 0%,transparent 25%);z-index:1;pointer-events:none}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem 1rem;background:#10b9811a;border:1px solid rgba(16,185,129,.2);border-radius:9999px;font-size:.75rem;font-weight:600;color:var(--green-deep);letter-spacing:.06em;margin-bottom:1.5rem}.hero-badge-dot{width:6px;height:6px;background:var(--green);border-radius:50%;animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.6}}.hero-headline{font-size:clamp(2.8rem,5vw,5rem);font-weight:700;letter-spacing:-.035em;line-height:1.06;color:var(--text-primary);margin-bottom:1.5rem}.hero-headline .accent{color:var(--green);position:relative;display:inline-block}.hero-subtext{font-size:1.1rem;line-height:1.8;color:var(--text-muted);margin-bottom:2.5rem;max-width:480px}.hero-actions{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:3.5rem}.hero-stats{display:flex;gap:0;border-top:1px solid var(--border-subtle);padding-top:2rem}.hero-stat{flex:1;padding-right:2rem;border-right:1px solid var(--border-subtle)}.hero-stat:last-child{border-right:none;padding-right:0}.hero-stat+.hero-stat{padding-left:2rem}.hero-stat-num{font-size:1.75rem;font-weight:700;color:var(--green-dark);letter-spacing:-.03em;display:block}.hero-stat-label{font-size:.8rem;color:var(--text-muted);font-weight:500;margin-top:.2rem}.scroll-indicator{position:absolute;bottom:2.5rem;left:max(1.5rem,calc((100vw - 1200px)/2 + 1.5rem));display:flex;align-items:center;gap:.75rem;z-index:3}.scroll-indicator span{font-size:.65rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted)}.scroll-arrow{width:28px;height:44px;border:1.5px solid var(--border-mid);border-radius:14px;display:flex;justify-content:center;padding-top:8px}.scroll-dot{width:4px;height:8px;background:var(--green);border-radius:2px;animation:scrollBounce 1.6s ease-in-out infinite}@keyframes scrollBounce{0%,to{transform:translateY(0);opacity:1}60%{transform:translateY(10px);opacity:.3}}.stats-strip{background:var(--grad-green);padding:3.5rem 0;position:relative;overflow:hidden}.stats-strip:before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.04'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.stat-item{text-align:center;position:relative;z-index:1}.stat-number{font-size:clamp(2rem,3.5vw,3rem);font-weight:700;color:var(--white);letter-spacing:-.03em;line-height:1;margin-bottom:.4rem}.stat-label{font-size:.8rem;color:#ffffffbf;font-weight:500;letter-spacing:.05em}.section-divider{height:1px;background:linear-gradient(90deg,transparent,var(--border-green),transparent)}.section-heading-line:after{content:"";display:block;width:40px;height:3px;background:var(--grad-green);border-radius:2px;margin-top:.75rem}.green-line-top{position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--green),transparent)}.blog-card{border-radius:1rem;overflow:hidden;background:var(--surface-1);border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);transition:all .35s ease;display:block}.blog-card:hover{border-color:var(--border-green);box-shadow:var(--shadow-green);transform:translateY(-5px)}.blog-card-img{height:220px;object-fit:cover;width:100%;transition:transform .5s ease}.blog-card:hover .blog-card-img{transform:scale(1.04)}.chip{display:inline-flex;align-items:center;gap:.375rem;padding:.3rem .875rem;border-radius:9999px;font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;border:1px solid rgba(16,185,129,.25);color:var(--green-deep);background:#10b98114}.product-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .75rem;background:#10b9811a;border:1px solid rgba(16,185,129,.2);border-radius:6px;font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--green-dark)}.input-field{width:100%;padding:.875rem 1.25rem;background:var(--surface-1);border:1.5px solid var(--border-mid);border-radius:10px;color:var(--text-primary);font-family:var(--font);font-size:.9rem;transition:border-color .2s ease,box-shadow .2s ease;outline:none}.input-field::placeholder{color:var(--text-light)}.input-field:focus{border-color:var(--green);box-shadow:0 0 0 3px #10b9811f}textarea.input-field{resize:vertical;min-height:130px}select.input-field{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236b7280'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-size:16px;padding-right:2.5rem;cursor:pointer}select.input-field option{background:var(--white);color:var(--text-primary)}.faq-item{border-bottom:1px solid var(--border-subtle)}.faq-trigger{width:100%;display:flex;justify-content:space-between;align-items:center;padding:1.5rem 0;font-size:1rem;font-weight:600;color:var(--text-primary);text-align:left;cursor:pointer;background:none;border:none;font-family:var(--font);transition:color .2s ease}.faq-trigger:hover{color:var(--green-deep)}.faq-trigger i{color:var(--green);font-size:.85rem;transition:transform .3s ease}.faq-trigger.open{color:var(--green-deep)}.faq-trigger.open i{transform:rotate(180deg)}.faq-body{overflow:hidden;max-height:0;transition:max-height .45s cubic-bezier(.22,1,.36,1),padding .3s ease}.faq-body.open{max-height:400px;padding-bottom:1.5rem}.faq-body p{color:var(--text-muted);line-height:1.8;font-size:.95rem}.logo-strip{display:flex;align-items:center;gap:3rem;overflow:hidden}.logo-strip-track{display:flex;align-items:center;gap:3rem;animation:marquee 22s linear infinite;white-space:nowrap}.logo-strip-track:hover{animation-play-state:paused}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.contact-method-card{padding:2rem;background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:1rem;box-shadow:var(--shadow-sm);transition:all .3s ease}.contact-method-card:hover{border-color:var(--border-green);box-shadow:var(--shadow-green);transform:translateY(-3px)}.footer{background:#060f09;border-top:1px solid rgba(16,185,129,.12)}.back-to-top{position:fixed;bottom:2rem;right:2rem;z-index:999;width:44px;height:44px;border-radius:50%;background:var(--green-deep);color:var(--white);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;opacity:0;pointer-events:none;border:none;box-shadow:0 4px 16px #05966959}.back-to-top.visible{opacity:1;pointer-events:all}.back-to-top:hover{background:var(--green);transform:translateY(-3px)}.cookie-banner{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);z-index:2000;width:calc(100% - 3rem);max-width:680px;background:var(--white);border:1px solid var(--border-subtle);box-shadow:var(--shadow-lg);border-radius:1rem;padding:1.25rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;animation:fadeSlideUp .5s ease both}@keyframes fadeSlideUp{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}.img-overlay-card{position:relative;border-radius:1.25rem;overflow:hidden;background:var(--surface-3);box-shadow:var(--shadow-md)}.img-overlay-card img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.img-overlay-card:hover img{transform:scale(1.04)}.img-overlay-card-badge{position:absolute;bottom:1rem;left:1rem;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-green);border-radius:8px;padding:.5rem .875rem}.step-number{width:48px;height:48px;border-radius:50%;background:var(--grad-green);color:var(--white);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;flex-shrink:0;box-shadow:0 4px 16px #10b98140}.shimmer-text{background:linear-gradient(110deg,var(--text-primary) 0%,var(--green) 40%,var(--text-primary) 60%);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.shimmer-text:hover{animation:shimmer 1.6s linear infinite}@keyframes shimmer{0%{background-position:0% center}to{background-position:200% center}}.gradient-text{background:var(--grad-green);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hr-green{border:none;height:1px;background:linear-gradient(90deg,transparent,var(--border-green),transparent);margin:0}.parallax{will-change:transform}.no-scroll{overflow:hidden}@media(max-width:1023px){.hero{grid-template-columns:1fr;min-height:auto}.hero-right{min-height:50vw;max-height:480px}.hero-right:before{background:linear-gradient(to bottom,#f0fdf4 0%,transparent 20%)}.hero-left{padding:5rem 1.5rem 3rem}.scroll-indicator{display:none}}@media(max-width:768px){.section{padding:4rem 0}.stats-strip{padding:2.5rem 0}.hero-headline{font-size:clamp(2.2rem,8vw,3.5rem)}.hero-stats{flex-wrap:wrap;gap:1.5rem}}@media(max-width:480px){.hero-actions{flex-direction:column}.btn{width:100%;justify-content:center}}