:root{--font-main: "Kanit", sans-serif;--font-heading: "Outfit", sans-serif;--color-bg: #0f172a;--color-surface: rgba(30, 41, 59, .7);--color-primary: #8b5cf6;--color-primary-hover: #7c3aed;--color-secondary: #06b6d4;--color-text: #f8fafc;--color-text-muted: #94a3b8;--color-accent: #f59e0b;--glass-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1);--glass-shadow: 0 4px 30px rgba(0, 0, 0, .1);--container-width: 1200px;--header-height: 80px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--color-bg);color:var(--color-text);line-height:1.6;overflow-x:hidden;background-image:radial-gradient(circle at 10% 20%,rgba(139,92,246,.15) 0%,transparent 20%),radial-gradient(circle at 90% 80%,rgba(6,182,212,.15) 0%,transparent 20%)}.container{max-width:var(--container-width);margin:0 auto;padding:0 20px}a{text-decoration:none;color:inherit}ul{list-style:none}.glass{background:var(--glass-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:16px}.navbar{height:var(--header-height);display:flex;align-items:center;position:fixed;top:0;left:0;right:0;z-index:1000;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f172acc;border-bottom:1px solid var(--glass-border)}.nav-container{display:flex;justify-content:space-between;align-items:center;width:100%}.logo-link{display:flex;align-items:center}.logo-img{height:60px;object-fit:contain;border-radius:8px}.social-buttons{display:flex;flex-direction:column;gap:1rem;width:100%}.line-btn{background:#06c755!important;box-shadow:0 4px 15px #06c7554d!important;text-align:center;display:block}.line-btn:hover{background:#05a044!important;box-shadow:0 6px 20px #06c75566!important}.fb-btn{background:transparent;border-color:#1877f2!important;color:#1877f2!important;text-align:center;display:block}.fb-btn:hover{background:#1877f21a!important}.nav-links{display:flex;gap:2rem}.nav-links a{font-weight:500;transition:color .3s ease}.nav-links a:hover{color:var(--color-primary)}.menu-toggle{display:none;flex-direction:column;cursor:pointer;gap:5px}.bar{width:25px;height:3px;background-color:var(--color-text);border-radius:2px}.hero{min-height:100vh;padding-top:var(--header-height);display:flex;align-items:center;position:relative}.hero-container{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.hero-content h1{font-family:var(--font-heading);font-size:3.5rem;line-height:1.1;margin-bottom:1.5rem;background:linear-gradient(to right,#fff,#94a3b8);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-content p{font-size:1.25rem;color:var(--color-text-muted);margin-bottom:2.5rem;max-width:500px}.hero-cta{display:flex;gap:1rem}.btn-primary,.btn-secondary{padding:12px 28px;border-radius:50px;font-weight:600;transition:all .3s ease;cursor:pointer;border:none;font-family:var(--font-main)}.btn-primary{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));color:#fff;box-shadow:0 4px 15px #8b5cf64d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf666}.btn-secondary{background:transparent;border:2px solid var(--glass-border);color:var(--color-text)}.btn-secondary:hover{background:var(--glass-bg);border-color:var(--color-text)}.hero-image{position:relative}.hero-img-main{width:100%;max-width:500px;height:auto;filter:drop-shadow(0 20px 40px rgba(139,92,246,.3));border-radius:20px}.floating{animation:floating 6s ease-in-out infinite}@keyframes floating{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}.services{padding:100px 0}.section-header{text-align:center;margin-bottom:4rem}.section-header h2{font-family:var(--font-heading);font-size:2.5rem;margin-bottom:1rem;color:var(--color-primary)}.section-header p{color:var(--color-text-muted);font-size:1.1rem}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.service-card{padding:2rem;background:#1e293b66;background:linear-gradient(to bottom right,#ffffff14,#ffffff05);transition:transform .3s ease}.service-card:hover{transform:translateY(-10px);background:#1e293b99}.service-card .icon{font-size:3rem;margin-bottom:1.5rem}.service-card h3{font-size:1.5rem;margin-bottom:1rem;color:var(--color-secondary)}.service-card p{color:var(--color-text-muted)}.testimonials{padding:80px 0;background:#0003}.testimonial-carousel{display:flex;gap:2rem;overflow-x:auto;padding-bottom:1rem}.testimonial-item{min-width:300px;padding:2rem;flex:1}.testimonial-item p{font-style:italic;margin-bottom:1.5rem;font-size:1.1rem}.testimonial-item .user-info{display:flex;justify-content:space-between;align-items:center;color:var(--color-primary);font-weight:600}.contact{padding:80px 0}.contact-box{display:grid;grid-template-columns:1.5fr 1fr;gap:2rem;padding:3rem;background:linear-gradient(120deg,#0f172ae6,#8b5cf61a)}.pain-points li{font-size:1.2rem;margin-bottom:.5rem;color:#f87171}.contact-action{display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.contact-action h3{margin-bottom:1rem;font-size:2rem}.btn-primary.large{font-size:1.2rem;padding:15px 40px;width:100%}.verification{margin-top:1rem;font-size:.9rem;color:#4ade80}footer{padding:2rem 0;text-align:center;color:var(--color-text-muted);border-top:1px solid var(--glass-border)}@media(max-width:768px){.nav-links{display:none}.menu-toggle{display:flex}.hero-container{grid-template-columns:1fr;text-align:center;gap:2rem}.hero-content h1{font-size:2.5rem}.hero-cta{justify-content:center}.contact-box{grid-template-columns:1fr}.nav-links.active{display:flex;flex-direction:column;position:absolute;top:var(--header-height);left:0;right:0;background:#0f172af2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:2rem;height:100vh;align-items:center;gap:2rem;font-size:1.5rem}}.animate-text,.service-card,.contact-box{opacity:0;transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out}.animate-text.visible,.service-card.visible,.contact-box.visible{opacity:1;transform:translateY(0)}.delay-1{transition-delay:.2s}.delay-2{transition-delay:.4s}