@import"https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600;700&display=swap";:root{--dark-bg: #0a0f1e;--dark-surface: #111827;--dark-border: #1e293b;--light-bg: #f8fafc;--light-surface: #ffffff;--light-border: #e2e8f0;--accent: #06b6d4;--accent-light: #22d3ee;--accent-dark: #0891b2;--accent-gradient: linear-gradient(135deg, #06b6d4, #3b82f6);--text-on-dark: #f1f5f9;--text-on-dark-muted: #94a3b8;--text-on-light: #1e293b;--text-on-light-muted: #64748b;--max-width: 1200px;--section-padding: 80px 24px;--radius: 12px;--radius-sm: 8px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Noto Sans Thai,Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6;color:var(--text-on-light);background:var(--light-bg);-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}img{max-width:100%;height:auto}.container{max-width:var(--max-width);margin:0 auto;padding:0 24px}.section-dark{background:var(--dark-bg);color:var(--text-on-dark);padding:var(--section-padding)}.section-light{background:var(--light-bg);color:var(--text-on-light);padding:var(--section-padding)}.section-title{font-size:2.25rem;font-weight:700;margin-bottom:12px;line-height:1.3}.section-subtitle{font-size:1.125rem;max-width:640px;margin:0 auto 48px;opacity:.8}.text-center{text-align:center}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;border-radius:var(--radius-sm);font-size:1rem;font-weight:600;cursor:pointer;border:none;transition:all .2s ease}.btn-primary{background:var(--accent-gradient);color:#fff}.btn-primary:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 4px 20px #06b6d44d}.btn-outline{background:transparent;color:var(--text-on-dark);border:2px solid rgba(255,255,255,.3)}.btn-outline:hover{border-color:var(--accent);color:var(--accent-light)}.card{background:var(--light-surface);border:1px solid var(--light-border);border-radius:var(--radius);padding:32px;transition:all .2s ease}.card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #00000014}.card-dark{background:var(--dark-surface);border:1px solid var(--dark-border);color:var(--text-on-dark)}.card-dark:hover{border-color:var(--accent);box-shadow:0 8px 30px #06b6d41a}.card-icon{width:48px;height:48px;border-radius:var(--radius-sm);background:var(--accent-gradient);display:flex;align-items:center;justify-content:center;margin-bottom:16px;font-size:24px}.card h3{font-size:1.25rem;font-weight:600;margin-bottom:8px}.card p{font-size:.95rem;opacity:.8;line-height:1.6}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}@media(max-width:768px){.grid-2,.grid-3{grid-template-columns:1fr}.section-title{font-size:1.75rem}:root{--section-padding: 48px 16px}}.navbar{position:fixed;top:0;left:0;right:0;z-index:100;padding:16px 24px;background:#0a0f1ee6;backdrop-filter:blur(12px);border-bottom:1px solid var(--dark-border)}.navbar .container{display:flex;align-items:center;justify-content:space-between}.navbar-logo{font-size:1.5rem;font-weight:700;color:#fff;letter-spacing:-.5px}.navbar-logo span{color:var(--accent)}.navbar-links{display:flex;align-items:center;gap:32px;list-style:none}.navbar-links a{color:var(--text-on-dark-muted);font-size:.9rem;font-weight:500;transition:color .2s}.navbar-links a:hover{color:#fff}.lang-switch{color:var(--text-on-dark-muted);font-size:.85rem;cursor:pointer;padding:4px 12px;border:1px solid var(--dark-border);border-radius:var(--radius-sm);background:transparent;transition:all .2s}.lang-switch:hover{border-color:var(--accent);color:var(--accent-light)}.navbar-mobile-toggle{display:none;background:none;border:none;color:#fff;font-size:24px;cursor:pointer}@media(max-width:768px){.navbar-links{display:none;position:absolute;top:100%;left:0;right:0;background:#0a0f1efa;flex-direction:column;padding:16px 24px;gap:16px;border-bottom:1px solid var(--dark-border)}.navbar-links.open{display:flex}.navbar-mobile-toggle{display:block}}.hero{background:linear-gradient(135deg,#0a0f1e,#111827,#0f172a);color:var(--text-on-dark);padding:140px 24px 60px;text-align:center;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 50%,rgba(6,182,212,.08) 0%,transparent 50%),radial-gradient(circle at 70% 50%,rgba(59,130,246,.06) 0%,transparent 50%);pointer-events:none}.hero-content{position:relative;z-index:1;max-width:1000px;margin:0 auto}.hero h1{font-size:3rem;font-weight:700;line-height:1.2;margin-bottom:20px}.hero p{font-size:1.2rem;color:var(--text-on-dark-muted);margin-bottom:36px;max-width:600px;margin-left:auto;margin-right:auto}.hero-buttons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-top:40px}.hero-orbit{position:relative;max-width:1000px;margin:0 auto;height:380px}.hero-orbit-item{position:absolute;border-radius:var(--radius);box-shadow:0 20px 60px #00000080,0 0 0 1px #ffffff14;overflow:hidden;transition:all 2s cubic-bezier(.25,.1,.25,1);will-change:transform,left,right,opacity,width}.hero-orbit-item img{width:100%;height:100%;object-fit:cover;display:block}.hero-orbit-item[data-pos=center]{width:580px;left:50%;top:0;transform:translate(-50%) scale(1);z-index:3;opacity:1}.hero-orbit-item[data-pos=left]{width:380px;left:0;top:50px;transform:rotate(-3deg) scale(.9);z-index:2;opacity:.85}.hero-orbit-item[data-pos=right]{width:380px;right:0;left:auto;top:50px;transform:rotate(3deg) scale(.9);z-index:2;opacity:.85}@media(max-width:1024px){.hero-orbit{height:280px}.hero-orbit-item[data-pos=center]{width:420px}.hero-orbit-item[data-pos=left],.hero-orbit-item[data-pos=right]{width:260px}}@media(max-width:768px){.hero-orbit{height:auto}.hero-orbit-item{position:static!important;width:100%!important;transform:none!important;opacity:1!important;margin-bottom:16px}.hero-orbit-item[data-pos=left],.hero-orbit-item[data-pos=right]{display:none}}@media(max-width:768px){.hero{padding:120px 16px 40px}.hero h1{font-size:2rem}.hero p{font-size:1rem}}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}@media(max-width:1024px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.features-grid{grid-template-columns:1fr}}.usecases-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}@media(max-width:640px){.usecases-grid{grid-template-columns:1fr}}.cta-section{background:linear-gradient(135deg,#0a0f1e,#111827);color:var(--text-on-dark);padding:var(--section-padding)}.cta-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}@media(max-width:768px){.cta-grid{grid-template-columns:1fr}}.cta-form{display:flex;flex-direction:column;gap:16px}.cta-form input,.cta-form textarea{padding:12px 16px;border-radius:var(--radius-sm);border:1px solid var(--dark-border);background:var(--dark-surface);color:var(--text-on-dark);font-size:.95rem;font-family:inherit}.cta-form input::placeholder,.cta-form textarea::placeholder{color:var(--text-on-dark-muted)}.cta-form textarea{min-height:100px;resize:vertical}.cta-contact-info{display:flex;flex-direction:column;gap:24px}.cta-contact-item{display:flex;align-items:center;gap:12px;font-size:1.1rem}.cta-contact-item .icon{width:40px;height:40px;border-radius:50%;background:var(--accent-gradient);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.footer{background:#060a14;color:var(--text-on-dark-muted);padding:32px 24px;text-align:center;font-size:.85rem;border-top:1px solid var(--dark-border)}.footer a{color:var(--text-on-dark-muted)}.footer a:hover{color:var(--accent-light)}.hero-static-screenshots{position:relative;max-width:1000px;margin:0 auto;height:380px}.hero-static-shot{position:absolute;border-radius:var(--radius);box-shadow:0 20px 60px #00000080,0 0 0 1px #ffffff14;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease,z-index 0s;cursor:pointer}.hero-static-shot:hover{transform:translateY(-8px) scale(1.03)!important;box-shadow:0 30px 80px #06b6d433,0 0 0 1px #ffffff26;z-index:10!important}.hero-static-shot img{width:100%;height:100%;object-fit:cover;display:block}.hero-static--center{width:580px;left:50%;top:0;transform:translate(-50%);z-index:3;filter:blur(.5px)}.hero-static--center:hover{transform:translate(-50%) translateY(-8px) scale(1.03)!important}.hero-static--left{width:380px;left:0;top:50px;transform:rotate(-3deg);z-index:2;opacity:.85;filter:blur(1.5px)}.hero-static--right{width:380px;right:0;top:50px;transform:rotate(3deg);z-index:2;opacity:.85;filter:blur(1.5px)}@media(max-width:1024px){.hero-static-screenshots{height:280px}.hero-static--center{width:420px}.hero-static--left,.hero-static--right{width:260px}}@media(max-width:768px){.hero-static-screenshots{height:auto}.hero-static-shot{position:static;width:100%!important;transform:none!important;filter:blur(.5px)!important;opacity:1!important}.hero-static--left,.hero-static--right{display:none}}