:root{--primary-color:#1A73E8;--primary-gradient:linear-gradient(135deg, #1A73E8 0%, #4285F4 100%);--card-bg:rgba(255, 255, 255, 0.95);--text-primary:#2d3748;--text-secondary:#718096}*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Noto Sans Thai',sans-serif;line-height:1.6;color:var(--text-primary);overflow-x:hidden}a.btn{border-radius:10px!important}.btn-primary{background-color:var(--primary-color)!important;border-color:var(--primary-color)!important;border-radius:10px}.btn-primary:hover{background-color:#1557b0!important;border-color:#1557b0!important}.text-primary{color:var(--primary-color)!important}.bg-primary{background-color:var(--primary-color)!important}.border-primary{border-color:var(--primary-color)!important}.glass{background:rgba(255,255,255,.25);backdrop-filter:blur(10px);border-radius:20px;border:1px solid rgba(255,255,255,.18)}.hero-alt{min-height:100vh;position:relative;display:flex;align-items:center;overflow:hidden;background:linear-gradient(135deg,rgba(66,133,244,.9) 0,rgba(66,133,244,.6) 100%),url('/assets/images/hero-bg.jpg');background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed}.hero-content{position:relative;z-index:2}.hero-alt h1{font-size:4rem;font-weight:800;color:#fff;margin-bottom:1.5rem}.hero-alt p{font-size:1.3rem;color:rgba(255,255,255,.9);margin-bottom:2rem}.dashboard-container{position:relative;width:100%;height:500px}.dashboard-combined{position:relative;width:100%}.dashboard-combined-image{width:100%;height:auto;max-width:100%;object-fit:contain;transition:all .3s ease}.dashboard-combined-image:hover{transform:translateY(-5px)}.desktop-image{display:block}.mobile-image{display:none}.features-info{position:relative;z-index:3}.info-card{background:rgba(255,255,255,.9);backdrop-filter:blur(15px);border-radius:15px;padding:20px;max-width:280px;border:1px solid rgba(255,255,255,.3);transition:all .3s ease}.info-card:hover{background:rgba(255,255,255,.95);transform:translateY(-2px)}.info h5{color:#fff;font-weight:700;margin-bottom:10px;font-size:25px}.info p{color:#fff;font-size:20px;margin:0}.btn-primary-custom{display:inline-block;background:linear-gradient(#1a73e8,#1e69cd)!important;border:none;padding:15px 35px;font-size:1.1rem;font-weight:600;border-radius:10px;color:#fff;text-decoration:none;transition:all .3s ease;box-shadow:0 8px 25px rgba(0,0,0,.3)}.btn-primary-custom:hover{transform:translateY(-3px);box-shadow:0 12px 35px rgba(0,0,0,.4);color:#fff}.btn-primary-custom.bg-white-custom{background:#fff!important;color:var(--primary-color)}.btn-outline-custom{border:2px solid #fff;color:#fff;padding:15px 35px;font-size:1.1rem;font-weight:600;border-radius:10px;text-decoration:none;display:inline-block;transition:all .3s ease;margin-left:1rem}.btn-outline-custom:hover{background:#fff;color:var(--text-primary);transform:translateY(-3px)}.feature-card{background:var(--card-bg);border-radius:20px;padding:2.5rem;margin-bottom:2rem;transition:all .3s ease;border:none;box-shadow:0 10px 40px rgba(0,0,0,.1);position:relative;overflow:hidden;min-height:320px}.feature-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:var(--primary-gradient)}.feature-card:hover{transform:translateY(-10px);box-shadow:0 20px 60px rgba(0,0,0,.15)}.feature-icon{width:80px;height:80px;border-radius:20px;background:var(--primary-gradient);display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;font-size:2rem;color:#fff}.testimonial-card-modern{background:#fff;border-radius:20px;padding:0;box-shadow:0 5px 20px rgba(0,0,0,.08);text-align:center;transition:all .4s ease;overflow:hidden;position:relative;border:1px solid rgba(26,115,232,.1);height:280px;cursor:pointer;display:flex;flex-direction:column}.testimonial-card-modern:hover{transform:translateY(-8px);box-shadow:0 15px 40px rgba(26,115,232,.15);border-color:rgba(26,115,232,.3)}.card-header-gradient{height:4px;background:linear-gradient(135deg,#1a73e8 0,#4285f4 50%,#87b2f7 100%);width:100%;flex-shrink:0}.testimonial-content{padding:2rem 1.5rem 1rem 1.5rem;display:flex;flex-direction:column;justify-content:center;align-items:center;flex-grow:1;background:rgba(26,115,232,.35)}.testimonial-logo-wrapper{width:100%;height:60px;display:flex;align-items:center;justify-content:center;padding:10px;transition:all .3s ease;margin-bottom:1rem}.testimonial-card-modern:hover .testimonial-logo-wrapper{transform:scale(1.05)}.testimonial-logo-wrapper img{max-width:150px;max-height:100px;object-fit:contain}.testimonial-action{padding:0 1.5rem 1.5rem 1.5rem;flex-shrink:0;margin-top:auto}.testimonial-action p{color:#6c757d;font-size:.85rem;margin-bottom:.5rem}.trust-indicator{display:flex;align-items:center;justify-content:center}.trust-stars{display:flex;gap:2px}.trust-stars i{font-size:.8rem;opacity:.8;color:#ffc107;transition:all .3s ease}@keyframes sparkle{0%,100%{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.testimonial-card-modern:hover .trust-stars i{animation:sparkle 1.5s ease-in-out infinite}.testimonial-card-modern:hover .trust-stars i:first-child{animation-delay:0s}.testimonial-card-modern:hover .trust-stars i:nth-child(2){animation-delay:.1s}.testimonial-card-modern:hover .trust-stars i:nth-child(3){animation-delay:.2s}.testimonial-card-modern:hover .trust-stars i:nth-child(4){animation-delay:.3s}.testimonial-card-modern:hover .trust-stars i:nth-child(5){animation-delay:.4s}.testimonial-card-modern:active{transform:translateY(-4px) scale(.98);transition:all .1s ease}.testimonial-card-modern::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(26,115,232,.02),rgba(66,133,244,.02));opacity:0;transition:all .4s ease;pointer-events:none}.testimonial-card-modern:hover::before{opacity:1}.animate-ready{opacity:0;transform:translateY(20px);transition:all .6s ease}.animate-in{opacity:1!important;transform:translateY(0)!important}.feature-card:hover,.testimonial-card-modern:hover{transform:translateY(-5px)!important;transition:all .3s ease!important}.keyboard-navigation .btn:focus{outline:2px solid var(--primary-color);outline-offset:2px}.cta-section{background:var(--primary-gradient);position:relative;overflow:hidden;min-height:400px}.wave{background:rgba(255,255,255,.25);border-radius:1000% 1000% 0 0;position:absolute;width:200%;height:7.5em;animation:wave 10s -3s linear infinite;transform:translate3d(0,0,0);opacity:.8;bottom:0;left:0;pointer-events:none}.wave:nth-of-type(2){bottom:-1.25em;animation:wave 18s linear reverse infinite;opacity:.6}.wave:nth-of-type(3){bottom:-2.5em;animation:wave 20s -1s reverse infinite;opacity:.4}@keyframes wave{0%{transform:translateX(0)}25%{transform:translateX(-25%)}50%{transform:translateX(-50%)}75%{transform:translateX(-25%)}100%{transform:translateX(0)}}.navbar-custom{background:rgba(255,255,255,.95);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.18);transition:all .3s ease;height:85px}.navbar-brand{font-weight:900!important;font-size:1.5rem!important;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-logo{width:150px}.right-border{border-right:2px dashed gray}html{scroll-behavior:smooth}.section-padding{padding:100px 0}@media (max-width:991.98px){.navbar-custom{height:70px;padding:.5rem 0}.nav-logo{width:120px}.hero-alt{min-height:100vh;text-align:left;padding:0;background-attachment:scroll;display:flex;flex-direction:column}.hero-alt .container{flex:1;display:flex;flex-direction:column;padding:0;max-width:100%}.hero-alt .row{flex-direction:column;margin:0;flex:1;align-items:stretch}.hero-alt .col-lg-6:last-child{order:1;margin:0;padding:10px 15px;flex:0 0 auto;min-height:340px;display:flex;align-items:flex-start;justify-content:center}.hero-alt .col-lg-6:first-child{order:2;margin:0;padding:40px 20px 20px 20px;flex:1;display:flex}.hero-content{padding:0;margin:2rem auto 0 auto;width:90%}.hero-alt h1{font-size:2.2rem;margin-bottom:1.5rem;line-height:1.3;padding:0;text-align:center}.hero-alt p{font-size:1rem;margin-bottom:2rem;padding:0;line-height:1.6;text-align:center;opacity:.9}.hero-alt .hero-content .animate__animated.animate__fadeInUp.animate__delay-2s{display:flex;flex-direction:column;align-items:center}.btn-primary-custom{display:inline-block;width:180px;margin:.5rem 0 2rem 0;padding:20px 24px!important;font-size:.95rem;font-weight:600;border-radius:11px;text-align:center;height:58px;line-height:1.2;margin-right:0;background:linear-gradient(#1a73e8,#1e69cd)!important}.btn-outline-custom{display:inline-block;width:180px;margin:.5rem 0;padding:20px 24px!important;font-size:.95rem;font-weight:600;text-align:center;border-radius:11px;border-width:2px;height:58px;line-height:1.2;margin-left:0}.dashboard-container{height:320px;margin:0 15px;position:relative;display:block;width:calc(100% - 30px);padding-top:10px}.dashboard-combined{width:100%}.dashboard-combined-image{width:100%;height:auto;max-height:300px;object-fit:scale-down}.desktop-image{display:none}.mobile-image{display:block}.features-info{position:relative;z-index:3}.info{padding:15px;display:flex;flex-direction:column;justify-content:center;align-items:center}.info h5{font-size:1.5rem;margin-bottom:8px;line-height:1.3;color:#fff;font-weight:600;text-align:center}.info p{font-size:1rem;line-height:1.4;color:#fff;margin:0}.feature-card{padding:2rem 1.5rem;margin-bottom:1.5rem;min-height:auto;text-align:center;border-radius:15px}.feature-icon{width:70px;height:70px;font-size:1.8rem;margin:0 auto 1.5rem auto;border-radius:15px}.feature-card h4{font-size:1.2rem;margin-bottom:1rem;line-height:1.4}.feature-card p{font-size:.95rem;line-height:1.6}.section-padding{padding:60px 0}.display-4{font-size:1.8rem!important;line-height:1.3!important;margin-bottom:1.5rem!important}.lead{font-size:1rem!important;line-height:1.6!important}.right-border{border-right:none;border-bottom:2px dashed rgba(108,117,125,.3);padding-bottom:2rem;margin-bottom:2rem}.testimonial-card-modern{height:220px;margin-bottom:1.5rem;border-radius:15px}.testimonial-content{padding:1.5rem 1rem .5rem 1rem}.testimonial-action{padding:0 1rem 1.5rem 1rem}.testimonial-logo-wrapper{height:50px;margin-bottom:1rem}.testimonial-logo-wrapper img{max-width:120px;max-height:40px}.cta-section{padding:80px 0;text-align:center}.cta-section h2{font-size:1.8rem!important;margin-bottom:1.5rem!important;padding:0 15px;line-height:1.3}.cta-section p{font-size:1rem!important;margin-bottom:2rem!important;padding:0 20px;line-height:1.6}.container,.container-fluid{padding-left:15px;padding-right:15px}.list-unstyled li{font-size:.95rem;line-height:1.5;margin-bottom:.75rem!important;padding-left:5px}.list-unstyled li i{margin-right:10px!important;font-size:.9rem}}@media (max-width:575.98px){.hero-alt h1{font-size:1.8rem}.hero-alt p{font-size:.95rem}}@media (min-width:992px) and (max-width:1199.98px){.hero-alt h1{font-size:3rem}.hero-alt p{font-size:1.2rem}.btn-outline-custom{margin-left:.5rem}.feature-card{padding:2rem;min-height:280px}.dashboard-container{height:400px}.dashboard-combined-image{max-height:380px}.desktop-image{display:block}.mobile-image{display:none}.testimonial-card-modern{height:260px}}@media (min-width:1200px){.hero-alt h1{font-size:3.5rem}.hero-alt p{font-size:1rem}.desktop-image{display:block}.mobile-image{display:none}}@media (hover:none) and (pointer:coarse){.btn,.btn-outline-custom,.btn-primary-custom{font-size:1rem}.feature-card,.testimonial-card-modern{transition:none}.feature-card:hover,.testimonial-card-modern:hover{transform:none}}@media (max-width:991px){*{-webkit-transform:translateZ(0);transform:translateZ(0)}.hero-alt{background-attachment:scroll}.animate-in,.animate-ready{opacity:1!important;transform:none!important;transition:none!important}.wave{animation-duration:15s}}@media (max-height:500px) and (orientation:landscape){.hero-alt{min-height:100vh;padding:10px 0}.hero-alt h1{font-size:1.8rem;margin-bottom:.5rem}.hero-alt p{font-size:.95rem;margin-bottom:1rem}.section-padding{padding:30px 0}.dashboard-container{height:150px;margin:1rem 0}.dashboard-combined-image{max-height:130px}.btn-outline-custom,.btn-primary-custom{padding:10px 20px;font-size:.9rem}}@media (max-width:359px){.hero-alt h1{font-size:1.7rem}.hero-alt p{font-size:.95rem;padding:0 10px}.btn-outline-custom,.btn-primary-custom{width:calc(100% - 20px);font-size:.95rem;padding:14px 20px}.feature-card{margin:0 10px 1rem 10px;padding:1.5rem 1rem}.display-4{font-size:1.6rem!important}.container,.container-fluid{padding-left:10px;padding-right:10px}}@media (prefers-reduced-motion:reduce){*{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important}.wave{animation:none!important}}@media (prefers-contrast:high){.btn-primary-custom{border:2px solid #000}.btn-outline-custom{border-width:3px}.feature-card{border:2px solid var(--text-primary)}}