@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css");:root{--primary-color:#00B900;--primary-hover:#009900;--secondary-color:#333333;--accent-color:#FF6B00;--light-color:#F8F9FA;--dark-color:#212529;--text-color:#444444;--text-light:#6C757D;--footer-text:#BBBBBB;--footer-link-hover:#FFFFFF;--box-shadow:0 4px 6px rgba(0,0,0,0.1);--transition:all 0.3s ease}.landing-page-wrapper{font-family:Kanit,sans-serif;color:var(--text-color);line-height:1.6;min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden}.landing-page-wrapper *{box-sizing:border-box;margin:0;padding:0}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}header{background-color:white;box-shadow:var(--box-shadow);position:fixed;width:100%;top:0;z-index:1000;transition:var(--transition)}nav{justify-content:space-between;padding:15px 0;height:80px}.logo-container,nav{display:flex;align-items:center}.logo-container{gap:15px}.logo{font-size:24px;font-weight:700;color:var(--primary-color);transition:var(--transition)}.logo span{color:var(--secondary-color)}.slogan{font-size:14px;color:var(--text-light);font-weight:300}.mobile-menu-btn{display:none;background:none;border:none;font-size:24px;color:var(--text-color);cursor:pointer;z-index:1001}.nav-links{display:flex;list-style:none;gap:30px;align-items:center}.nav-links,.nav-links a{transition:var(--transition)}.nav-links a{text-decoration:none;color:var(--text-color);font-weight:500;position:relative}.nav-links a:hover{color:var(--primary-color)}.nav-links a:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background-color:var(--primary-color);transition:var(--transition)}.nav-links a:hover:after{width:100%}.nav-cta{background-color:var(--primary-color);color:white!important;padding:8px 20px;border-radius:5px;transition:var(--transition)}.nav-cta:hover{background-color:var(--primary-hover);transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,185,0,.2)}.hero{background:linear-gradient(135deg,#E3F2FD,#F5F5F5);padding:180px 0 80px;margin-top:80px}.hero-content{display:flex;align-items:center;gap:50px}.hero-text{flex:1}.hero-image{flex:1;display:flex;justify-content:center;align-items:center}.hero-slogan{color:var(--primary-color);font-weight:600;margin-bottom:15px;font-size:18px}.hero h1{font-size:48px;font-weight:700;line-height:1.2;margin-bottom:20px}.hero h1 span{color:var(--primary-color)}.hero p{font-size:18px;margin-bottom:30px;color:var(--text-color);max-width:600px}.cta-buttons{display:flex;gap:20px}.btn{padding:12px 30px;border-radius:5px;text-decoration:none;font-weight:500;transition:var(--transition);display:inline-flex;align-items:center;justify-content:center;text-align:center}.btn-primary{background-color:var(--primary-color);color:white}.btn-primary:hover{background-color:var(--primary-hover);transform:translateY(-3px);box-shadow:0 5px 15px rgba(0,185,0,.3)}.btn-secondary{background-color:white;color:var(--primary-color);border:1px solid var(--primary-color)}.btn-secondary:hover{background-color:var(--light-color);transform:translateY(-3px)}.features{padding:100px 0;background-color:white}.section-title{text-align:center;margin-bottom:60px}.section-title h2{font-size:36px;font-weight:700;margin-bottom:15px;color:var(--secondary-color);position:relative;display:inline-block}.section-title h2:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:80px;height:3px;background-color:var(--primary-color)}.section-title p{font-size:18px;color:var(--text-light);max-width:700px;margin:0 auto}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.feature-card{background-color:var(--light-color);padding:30px;border-radius:10px;text-align:center;transition:var(--transition);border:1px solid rgba(0,0,0,.05)}.feature-card:hover{transform:translateY(-10px);box-shadow:0 10px 25px rgba(0,0,0,.1);border-color:var(--primary-color)}.feature-icon{margin-bottom:20px;font-size:2rem}.feature-card h3{font-size:22px;margin-bottom:15px;color:var(--secondary-color)}.feature-card p{color:var(--text-light)}@media (max-width:992px){.hero-content{flex-direction:column;text-align:center}.hero-text{margin-bottom:40px}.hero p{margin-left:auto;margin-right:auto}.cta-buttons{justify-content:center}.hero-image{order:-1}}@media (max-width:768px){.mobile-menu-btn{display:block}.nav-links{position:fixed;top:80px;left:0;width:100%;background-color:white;flex-direction:column;padding:20px 0;gap:15px;box-shadow:0 5px 10px rgba(0,0,0,.1);transform:translateY(-150%);transition:transform .3s ease-in-out}.nav-links.active{transform:translateY(0)}.hero h1{font-size:36px}.section-title h2{font-size:30px}#chat-popup{width:90%;right:5%}}@media (max-width:576px){.cta-buttons{flex-direction:column;gap:15px}.btn{width:100%}.logo-container{flex-direction:column;align-items:flex-start;gap:5px}.slogan{font-size:12px}.hero{padding:150px 0 60px}.features-grid,.pricing-grid{grid-template-columns:1fr}.testimonial-slider{padding:20px}}body.no-scroll{overflow:hidden}section{scroll-margin-top:96px}header.scrolled{background:rgba(255,255,255,.85);backdrop-filter:saturate(180%) blur(8px);box-shadow:var(--box-shadow)}.hero-image video,.logo-img{width:100%;max-width:360px;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.08)}.pricing{padding:100px 0;background:linear-gradient(180deg,#fff,#f8fafb)}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px}.pricing-card{position:relative;background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:14px;padding:28px;box-shadow:0 8px 24px rgba(0,0,0,.06);transition:var(--transition)}.pricing-card:hover{transform:translateY(-6px);box-shadow:0 16px 36px rgba(0,0,0,.08)}.popular-badge{position:absolute;top:14px;right:14px;background:var(--primary-color);color:#fff;font-size:12px;padding:6px 10px;border-radius:999px}.price{font-size:42px;font-weight:700;color:var(--secondary-color);margin:8px 0 10px}.price span{font-size:14px;font-weight:400;color:var(--text-light)}.pricing-description{color:var(--text-light);margin-bottom:18px}.pricing-features{list-style:none;display:grid;gap:10px;margin:0 0 20px;padding:0}.pricing-features li{display:flex;align-items:center;gap:10px;color:var(--secondary-color)}.pricing-features i{color:var(--primary-color)}.pricing-btn{display:block;text-align:center;background:var(--primary-color);color:#fff;padding:12px 18px;border-radius:10px;text-decoration:none;font-weight:600;transition:var(--transition)}.pricing-btn:hover{background:var(--primary-hover);transform:translateY(-2px)}.testimonials{padding:100px 0;background:#fff}.testimonial-slider{position:relative;max-width:780px;margin:0 auto}.testimonial{display:none;text-align:center}.testimonial.active{display:block}.testimonial img{width:72px;height:72px;-o-object-fit:cover;object-fit:cover;border-radius:50%;margin:0 auto 16px}.testimonial-text{font-size:18px;color:var(--secondary-color);margin-bottom:10px}.testimonial-author{font-weight:600}.testimonial-company{font-size:14px;color:var(--text-light)}.slider-controls{display:flex;justify-content:center;gap:8px;margin-top:16px}.slider-dot{width:10px;height:10px;border-radius:50%;background:#ddd;cursor:pointer;transition:var(--transition)}.slider-dot.active,.slider-dot:hover{background:var(--primary-color);transform:scale(1.1)}.clients{padding:80px 0;background:#f8fafb}.clients h2,.clients p{text-align:center}.clients p{color:var(--text-light);margin-bottom:24px}.client-logos{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:16px;align-items:center}.client-item{background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:12px;padding:16px;text-align:center;box-shadow:0 4px 12px rgba(0,0,0,.04)}.faq{padding:100px 0;background:#fff}.faq-container{max-width:880px;margin:0 auto;display:grid;gap:12px}.faq-item{border:1px solid rgba(0,0,0,.06);border-radius:12px;background:#fff;overflow:hidden}.faq-question{padding:16px 18px;font-weight:600;cursor:pointer;position:relative}.faq-answer{display:none;padding:0 18px 18px;color:var(--text-light)}.faq-item.open .faq-answer{display:block}.faq-item.open .faq-question{color:var(--primary-color)}.cta{padding:90px 0;text-align:center;background:linear-gradient(135deg,#e7ffe7,#ffffff)}.cta h2{font-size:32px;margin-bottom:8px}.cta p{color:var(--text-light);margin-bottom:18px}footer{background:#0a0f0a;color:var(--footer-text);padding:60px 0 24px}.footer-content{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:24px}.footer-column h3{color:#fff;margin-bottom:10px}.footer-column ul{list-style:none;padding:0;display:grid;gap:8px}.footer-column a{color:var(--footer-text);text-decoration:none}.footer-column a:hover{color:var(--footer-link-hover)}.social-links a{display:inline-flex;width:36px;height:36px;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.1);border-radius:10px;margin-right:8px;color:#fff}.footer-bottom{text-align:center;border-top:1px solid rgba(255,255,255,.1);margin-top:24px;padding-top:16px;font-size:14px}#chat-button{position:fixed;right:20px;bottom:20px;width:56px;height:56px;border-radius:50%;background:var(--primary-color);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 20px rgba(0,185,0,.25);cursor:pointer;z-index:1200;transition:var(--transition)}#chat-button:hover{transform:translateY(-2px);background:var(--primary-hover)}#chat-popup{position:fixed;right:20px;bottom:88px;width:380px;height:520px;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:16px;box-shadow:0 20px 50px rgba(0,0,0,.18);overflow:hidden;transform:translateY(20px);opacity:0;pointer-events:none;transition:var(--transition);z-index:1200}#chat-popup.open{transform:translateY(0);opacity:1;pointer-events:all}@media (max-width:992px){.footer-content{grid-template-columns:1fr 1fr}}@media (max-width:576px){#chat-popup{width:92vw;height:70vh;right:4vw;bottom:90px}.footer-content{grid-template-columns:1fr}.price{font-size:36px}}