*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;scrollbar-color:#2a3a52 #060d1a;-webkit-text-size-adjust:100%;scroll-padding-top:88px}::selection{color:#04241b;background:#00d09c}:focus-visible{outline-offset:3px;border-radius:6px;outline:2px solid #00d09c}.section-light :focus-visible{outline-color:#00785a}.nowrap{white-space:nowrap}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}img{max-width:100%;display:block}button,input,textarea{font:inherit}body{color:#fff;caret-color:#00d09c;font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;background-color:#080f1e;font-family:Inter,Noto Sans Thai,sans-serif;line-height:1.6;overflow-x:clip}a{color:inherit;text-decoration:none}.container{z-index:1;max-width:1200px;margin:0 auto;padding:0 24px;position:relative}.th{display:none}.en{display:block}.en-inline{display:inline}.th-inline,body.lang-th .en{display:none}body.lang-th .th{display:block}body.lang-th .en-inline{display:none}body.lang-th .th-inline{display:inline}body.lang-th{font-family:Noto Sans Thai,Inter,sans-serif;line-height:1.8}body.lang-th h1,body.lang-th h2,body.lang-th .section-title{letter-spacing:0;font-weight:800;line-height:1.25}body.lang-th .hero h1{letter-spacing:0;font-weight:800;line-height:1.3}body.lang-th h3{letter-spacing:0;font-weight:700}body.lang-th .hero-desc,body.lang-th .section-desc,body.lang-th .team-bio,body.lang-th .industry-card p,body.lang-th .capability-card p,body.lang-th .criteria-list li,body.lang-th .footer-brand p,body.lang-th .contact-success p{line-height:1.9}body.lang-th .card-detail-list li{line-height:1.7}body.lang-th .case-visual-note,body.lang-th .card-detail>p{line-height:1.9}body.lang-th .nav-links a{letter-spacing:.5px;text-transform:none}body.lang-th .section-label,body.lang-th .hero-tagline,body.lang-th .feature-label,body.lang-th .case-stat-sub,body.lang-th .case-visual-title,body.lang-th .contact-info-label,body.lang-th .dash-stat-label,body.lang-th .footer-col-title{text-transform:none;letter-spacing:1px}body.lang-th .hero-metric-label,body.lang-th .stat-label,body.lang-th .team-role-label{letter-spacing:.5px;text-transform:none}body.lang-th .form-group label{text-transform:none;letter-spacing:.5px}body.lang-th .contact-title{letter-spacing:0;font-weight:800;line-height:1.3}body.lang-th .contact-desc{line-height:1.9}body.lang-th .case-stat-label-text,body.lang-th .case-stat-sub{letter-spacing:.5px;text-transform:none}body.lang-th .btn,body.lang-th .btn-ghost{text-transform:none;letter-spacing:.5px}.nav{z-index:100;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#080f1ee6;border-bottom:1px solid #00d09c0f;padding:12px 0;position:fixed;top:0;left:0;right:0}.nav .container{justify-content:space-between;align-items:center;display:flex}.nav-right{flex-shrink:0;align-items:center;gap:12px;display:flex}.nav-logo{letter-spacing:-.02em;align-items:center;min-height:44px;font-size:1.5rem;font-weight:900;display:inline-flex}.nav-logo span{color:#8a94a6;font-weight:600}.nav-links{align-items:center;gap:40px;display:flex}.nav-links a{letter-spacing:1px;text-transform:uppercase;color:#c0c7d4;align-items:center;min-height:44px;font-size:.85rem;font-weight:600;transition:color .2s;display:inline-flex}.nav-links a:hover{color:#fff}.btn{letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;border:none;border-radius:50px;align-items:center;gap:10px;min-height:48px;padding:14px 32px;font-size:.85rem;font-weight:700;transition:background-color .2s,transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s;display:inline-flex}.btn-arrow{width:18px;height:18px;transition:transform .2s cubic-bezier(.16,1,.3,1)}.btn:hover .btn-arrow{transform:translate(3px)}.btn-primary{color:#04241b;background:#00d09c}.btn-primary:active{transform:translateY(0)}.btn-primary:hover{background:#00b88a;transform:translateY(-2px);box-shadow:0 8px 24px #00d09c4d}.btn-lang{color:#fff;letter-spacing:.5px;cursor:pointer;white-space:nowrap;background:#ffffff14;border:1px solid #ffffff26;border-radius:22px;align-items:center;gap:8px;min-height:44px;padding:0 16px;font-family:Noto Sans Thai,Inter,sans-serif;font-size:.8rem;font-weight:700;line-height:1.4;transition:background-color .2s,border-color .2s,color .2s;display:inline-flex}.btn-lang .icon-svg{stroke-width:1.75px;width:16px;height:16px}.btn-lang:hover{color:#00d09c;background:#00d09c26;border-color:#00d09c}.btn-ghost{color:#8a94a6;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;background:0 0;border:none;align-items:center;min-height:48px;padding:14px 0;font-size:.85rem;font-weight:600;transition:color .2s;display:inline-flex}.btn-ghost:hover{color:#fff}.hex-bg{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.hex{clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);position:absolute}.hex-1{border:2px solid #00d09c2e;width:280px;height:280px;animation:18s ease-in-out infinite hexDrift;top:-40px;right:60px}.hex-2{background:#00d09c0a;border:1.5px solid #00d09c1f;width:180px;height:180px;animation:22s ease-in-out infinite reverse hexDrift;top:120px;right:-30px}.hex-3{border:1.5px solid #00d09c24;width:220px;height:220px;animation:20s ease-in-out 2s infinite hexDrift;bottom:100px;left:-20px}.hex-4{background:#00d09c08;border:1px solid #00d09c1a;width:100px;height:100px;animation:14s ease-in-out 4s infinite hexDrift;top:60%;left:15%}.hex-5{border:1px solid #00d09c14;width:70px;height:70px;animation:16s ease-in-out 1s infinite hexDrift;top:20%;right:30%}.hex-about-1{border:2px solid #00d09c24;width:240px;height:240px;animation:20s ease-in-out infinite hexDrift;top:-30px;left:60px}.hex-about-2{background:#00d09c08;border:1.5px solid #00d09c1a;width:180px;height:180px;animation:16s ease-in-out 2s infinite reverse hexDrift;top:40px;right:-20px}.hex-about-3{border:1px solid #00d09c14;width:100px;height:100px;animation:14s ease-in-out 4s infinite hexDrift;bottom:60px;right:15%}.sparkle-about-1{animation-delay:.5s;top:6%;left:22%}.sparkle-about-2{width:4px;height:4px;animation-delay:1.2s;top:15%;right:10%}.sparkle-about-3{width:5px;height:5px;animation-delay:2s;bottom:25%;left:5%}.sparkle-about-4{width:4px;height:4px;animation-delay:.8s;bottom:10%;right:20%}.hex-6{border:2px solid #00d09c26;width:200px;height:200px;animation:16s ease-in-out infinite hexDrift;top:30px;right:80px}.hex-7{background:#00d09c08;border:1.5px solid #00d09c1a;width:140px;height:140px;animation:20s ease-in-out infinite reverse hexDrift;bottom:50px;left:40px}.hex-8{border:1px solid #00d09c14;width:80px;height:80px;animation:12s ease-in-out 3s infinite hexDrift;top:50%;right:20%}.sparkle{background:#00d09c;border-radius:50%;width:6px;height:6px;animation:3s ease-in-out infinite sparkleGlow;position:absolute;box-shadow:0 0 6px 2px #00d09c99,0 0 20px 4px #00d09c33}.sparkle-1{animation-delay:0s;top:8%;right:18%}.sparkle-2{width:4px;height:4px;animation-delay:.8s;top:25%;right:5%}.sparkle-3{animation-delay:1.5s;bottom:20%;left:8%}.sparkle-4{width:4px;height:4px;animation-delay:2.2s;top:50%;left:20%}.sparkle-5{width:5px;height:5px;animation-delay:.5s;bottom:35%;right:25%}.sparkle-6{animation-delay:.3s;top:12%;right:15%}.sparkle-7{width:4px;height:4px;animation-delay:1.8s;bottom:15%;left:12%}.sparkle-8{width:5px;height:5px;animation-delay:1s;top:40%;right:8%}@keyframes hexDrift{0%,to{transform:translateY(0)rotate(0)}25%{transform:translateY(-12px)rotate(3deg)}50%{transform:translateY(-20px)rotate(0)}75%{transform:translateY(-8px)rotate(-3deg)}}@keyframes sparkleGlow{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.5)}}.hero{text-align:center;background:radial-gradient(80% 50% at 70% 20%,#00d09c0f 0%,#0000 60%),radial-gradient(60% 40% at 20% 80%,#008cc80d 0%,#0000 50%),linear-gradient(#0a1628 0%,#0c1a30 50%,#0e1f38 100%);padding:140px 0 80px;position:relative;overflow:hidden}.hero-tagline{letter-spacing:3px;text-transform:uppercase;color:#8a94a6;margin-bottom:32px;font-size:.8rem;font-weight:600}.hero h1{letter-spacing:-.035em;text-wrap:balance;margin-bottom:28px;font-size:clamp(2.8rem,6vw,5rem);font-weight:900;line-height:1.05}.hero-desc{color:#a3adbd;max-width:680px;margin:0 auto 36px;font-size:1.1rem;line-height:1.7}.hero-buttons{flex-wrap:wrap;justify-content:center;align-items:center;gap:24px;display:flex}.hero-grid{grid-template-columns:1fr 1fr;align-items:center;gap:48px;display:grid}.hero-content{text-align:left}.hero-content .hero-desc{margin-left:0;margin-right:0}.hero-content .hero-buttons{justify-content:flex-start}.hero-visual{perspective:1000px}.hero-dashboard{background:linear-gradient(160deg,#ffffff0d 0%,#ffffff05 100%);border:1px solid #ffffff1a;border-radius:20px;padding:24px;animation:6s ease-in-out infinite dashFloat;box-shadow:0 8px 40px #0000004d,0 0 60px #00d09c0a}@keyframes dashFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.dash-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.dash-title{color:#a3adbd;letter-spacing:1px;flex-wrap:wrap;align-items:center;gap:8px;font-size:.75rem;font-weight:600;display:inline-flex}.dash-sample{letter-spacing:.5px;color:#c0c7d4;border:1px solid #ffffff2e;border-radius:4px;padding:1px 6px;font-size:.65rem;font-weight:600}.hero-dashboard{text-align:left;margin:0}.dash-live{color:#00d09c;letter-spacing:1px;text-transform:uppercase;align-items:center;gap:6px;font-size:.7rem;font-weight:700;display:flex}.dash-live-dot{background:#00d09c;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite livePulse}@keyframes livePulse{0%,to{opacity:1;box-shadow:0 0 #00d09c66}50%{opacity:.6;box-shadow:0 0 0 6px #00d09c00}}.dash-stat{margin-bottom:20px}.dash-stat-label{letter-spacing:2px;text-transform:uppercase;color:#8a94a6;margin-bottom:6px;font-size:.7rem;font-weight:700;display:block}.dash-stat-row{align-items:baseline;gap:12px;display:flex}.dash-stat-value{color:#fff;letter-spacing:-.5px;font-size:1.8rem;font-weight:900}.dash-stat-change{color:#00d09c;align-items:center;gap:2px;font-size:.85rem;font-weight:700;display:inline-flex}.dash-stat-change .icon-svg{stroke-width:2.5px;width:14px;height:14px}.dash-chart{height:80px;margin-bottom:20px}.dash-chart svg{width:100%;height:100%}.dash-chart-line{stroke-dasharray:600;stroke-dashoffset:600px;animation:2.5s ease-out forwards drawLine}.dash-chart-area{opacity:0;animation:.8s ease-out 2s forwards fadeIn}@keyframes drawLine{to{stroke-dashoffset:0}}@keyframes fadeIn{to{opacity:1}}.dash-transactions{border-top:1px solid #ffffff0f;flex-direction:column;gap:14px;padding-top:16px;display:flex}.dash-tx{align-items:center;gap:12px;display:flex}.dash-tx-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.dash-dot-green{background:#00d09c}.dash-dot-amber{background:#ffb432}.dash-tx-info{flex:1;min-width:0}.dash-tx-name{color:#d5dae3;white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;font-weight:500;display:block;overflow:hidden}.dash-tx-time{color:#8a94a6;margin-top:2px;font-size:.7rem;display:block}.dash-tx-amount{white-space:nowrap;font-size:.85rem;font-weight:700}.tx-positive{color:#00d09c}.tx-warning{color:#ffb432}.hero-metrics{border-top:1px solid #ffffff14;justify-content:center;gap:48px;margin-top:48px;padding-top:36px;display:flex}.hero-metric{text-align:center}.hero-metric-number{color:#00d09c;font-size:2.5rem;font-weight:900;line-height:1;display:block}.hero-metric-label{letter-spacing:2px;text-transform:uppercase;color:#8a94a6;margin-top:8px;font-size:.75rem;font-weight:600;display:block}.features{background:radial-gradient(60% 50%,#00d09c0a 0%,#0000 70%),linear-gradient(#0e1f38 0%,#111f36 50%,#0e1d34 100%);border-top:1px solid #00d09c0f;border-bottom:1px solid #00d09c0f;padding:60px 0}.features-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.feature-card{text-align:center;background:linear-gradient(160deg,#ffffff0a 0%,#ffffff03 100%);border:1px solid #ffffff14;border-radius:16px;padding:40px 24px;position:relative}.feature-icon{color:#00d09c;background:radial-gradient(circle,#00d09c1f 0%,#00d09c08 70%,#0000 100%);border:1px solid #00d09c26;border-radius:16px;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto 20px;font-size:1.4rem;transition:transform .3s cubic-bezier(.16,1,.3,1);display:flex}.feature-card:hover .feature-icon{transform:scale(1.06)}.feature-card h3{letter-spacing:-.02em;margin-bottom:8px;font-size:2rem;font-weight:900}.feature-label{letter-spacing:2px;text-transform:uppercase;color:#00d09c;margin-bottom:8px;font-size:.75rem;font-weight:600}.feature-card p{color:#a3adbd;font-size:.9rem}.section-light{color:#0a1628;background:#f0f2f5;padding:80px 0}.section-light#products{background:radial-gradient(50% 60% at 85% 15%,#008cd20f 0%,#0000 60%),radial-gradient(40% 40% at 10% 80%,#00d09c0a 0%,#0000 50%),linear-gradient(#f0f4f8 0%,#eaf0f6 50%,#f0f2f5 100%)}.section-light:not(#products):not(#about){background:radial-gradient(50% 40% at 70% 80%,#008cd20a 0%,#0000 50%),linear-gradient(#eff1f5 0%,#e8ecf2 100%)}.section-dark{color:#fff;background:radial-gradient(50% 50% at 80% 20%,#00d09c0a 0%,#0000 60%),linear-gradient(#0a1628 0%,#0c1a30 100%);padding:80px 0;position:relative}.section-dark#about{background:radial-gradient(60% 50% at 20% 30%,#5064c80f 0%,#0000 60%),radial-gradient(40% 40% at 85% 70%,#00d09c0d 0%,#0000 50%),linear-gradient(#0b1526 0%,#0d1830 50%,#0b1526 100%)}.section-label{letter-spacing:3px;text-transform:uppercase;color:#00d09c;text-align:center;margin-bottom:16px;font-size:.75rem;font-weight:700}.section-title{text-align:center;letter-spacing:-.03em;text-wrap:balance;margin-bottom:20px;font-size:clamp(2.2rem,4vw,3.5rem);font-weight:900;line-height:1.1}.section-desc{text-align:center;max-width:640px;margin:0 auto 48px;font-size:1rem;line-height:1.7}.section-light .section-desc{color:#4f5a6e}.section-light .section-label{color:#00785a}.section-dark .section-desc{color:#8a94a6}.industry-grid{grid-template-columns:repeat(2,1fr);gap:28px;display:grid}.industry-card{background:linear-gradient(160deg,#fff 0%,#f8fbfa 100%);border:1px solid #00503c14;border-radius:16px;padding:40px 32px;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s,border-color .3s;position:relative;box-shadow:0 4px 24px #00281e0f}.industry-card:hover{border-color:#00a07859;transform:translateY(-4px);box-shadow:0 12px 36px #00d09c1f,0 4px 12px #0000000d}.industry-icon{color:#00b88a;background:linear-gradient(135deg,#e0f8f0,#c8f0e4);border:1px solid #00d09c1f;border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:24px;font-size:1.4rem;transition:transform .3s,box-shadow .3s;display:flex;box-shadow:0 4px 12px #00d09c26}.industry-icon .icon-filled{filter:drop-shadow(0 2px 4px #00d09c26)}.industry-card:hover .industry-icon{transform:scale(1.08)rotate(-3deg);box-shadow:0 6px 20px #00d09c40}.industry-card h3{color:#0a1628;margin-bottom:16px;font-size:1.3rem;font-weight:800}.industry-card p{color:#4f5a6e;font-size:.95rem;line-height:1.7}.leader-title-highlight{color:#00d09c}.leader-stats{flex-wrap:wrap;justify-content:center;gap:32px 48px;margin-top:48px;display:flex}.stat-item{text-align:center}.stat-number{color:#0a1628;font-size:2.5rem;font-weight:900;line-height:1}.stat-label{letter-spacing:1px;text-transform:uppercase;color:#a3adbd;margin-top:8px;font-size:.75rem;font-weight:600}.team-cards{flex-direction:column;gap:36px;max-width:960px;margin:0 auto;display:flex}.team-row{cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:20px;grid-template-columns:1fr 1fr;gap:0;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s;display:grid;position:relative;overflow:hidden}.team-row:hover{transform:translateY(-4px);box-shadow:0 20px 60px #00d09c1a,0 8px 24px #0003}.team-row-reverse{direction:rtl}.team-row-reverse>*{direction:ltr}.team-photo-col{position:relative;overflow:hidden}.team-photo-frame{width:100%;height:100%;min-height:340px;position:relative}.team-photo{object-fit:cover;object-position:center 15%;width:100%;height:100%;transition:transform .6s cubic-bezier(.16,1,.3,1);position:absolute;inset:0}.team-row:hover .team-photo{transform:scale(1.05)}.team-photo-overlay{background:linear-gradient(135deg,#00d09c14 0%,#0a16284d 100%);transition:opacity .4s;position:absolute;inset:0}.team-row:hover .team-photo-overlay{opacity:.6}.team-info-col{flex-direction:column;justify-content:center;padding:40px 36px;display:flex}.team-role-label{letter-spacing:2px;text-transform:uppercase;color:#00d09c;margin-bottom:8px;font-size:.7rem;font-weight:700}.team-name{color:#fff;letter-spacing:-.5px;margin-bottom:16px;font-size:1.8rem;font-weight:900;line-height:1.2}.team-bio{color:#8a94a6;margin-top:0;font-size:.95rem;line-height:1.7}.team-detail-list{border-top-color:#ffffff14}.team-detail-list li{color:#a3adbd}.stat-number-dark{color:#fff}.capabilities-timeline{max-width:900px;margin:0 auto;padding:0;list-style:none;position:relative}.capabilities-timeline:before{content:"";background:linear-gradient(#00d09c,#00d09c1a);width:2px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.capability-item{margin-bottom:36px;display:flex;position:relative}.capability-item:nth-child(odd){justify-content:flex-start;padding-right:calc(50% + 40px)}.capability-item:nth-child(2n){justify-content:flex-end;padding-left:calc(50% + 40px)}.capability-dot{background:#00d09c;border:3px solid #f0f2f5;border-radius:50%;width:14px;height:14px;position:absolute;top:24px;left:50%;transform:translate(-50%);box-shadow:0 0 8px #00d09c4d}.capability-card{background:linear-gradient(160deg,#fff 0%,#f8fafb 100%);border:1px solid #00503c0f;border-radius:16px;width:100%;padding:36px 32px;position:relative;box-shadow:0 2px 20px #0000000a}.capability-header{align-items:center;gap:14px;margin-bottom:16px;display:flex}.capability-icon{color:#00b88a;background:linear-gradient(135deg,#e0f8f0,#c8f0e4);border:1px solid #00d09c1f;border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.1rem;display:flex;box-shadow:0 4px 12px #00d09c26}.capability-number{color:#0a1628;font-size:1.8rem;font-weight:900}.capability-card h3{color:#0a1628;margin-bottom:12px;font-size:1.2rem;font-weight:800}.capability-card p{color:#4f5a6e;font-size:.95rem;line-height:1.7}.section-dark#casestudy{background:radial-gradient(40% 40% at 10% 30%,#00d09c0d 0%,#0000 60%),radial-gradient(50% 50% at 90% 70%,#008cc80a 0%,#0000 60%),linear-gradient(#0a1628 0%,#0d1b32 50%,#0a1628 100%);overflow:hidden}.case-study-grid{grid-template-columns:1fr 1.5fr;gap:28px;margin-bottom:48px;display:grid}.case-stat-card{text-align:center;background:radial-gradient(at 50% 30%,#00d09c1f 0%,#0000 60%),linear-gradient(160deg,#00d09c0f 0%,#0a1628f2 40%,#0c1a30fa 100%);border:1px solid #00d09c33;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;padding:40px 28px;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 40px #0000004d,inset 0 1px #00d09c26}.case-stat-card:before{content:"";clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);pointer-events:none;border:1.5px solid #00d09c2e;width:120px;height:120px;animation:8s ease-in-out infinite hexDrift;position:absolute;top:-20px;right:-20px}.case-stat-card:after{content:"";clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);pointer-events:none;background:#00d09c08;border:1px solid #00d09c1f;width:80px;height:80px;animation:12s ease-in-out infinite reverse hexDrift;position:absolute;bottom:-15px;left:-10px}.case-stat-icon{color:#00d09c;margin-bottom:16px}.case-stat-svg{width:32px;height:32px}.criteria-check-icon{stroke-width:3px;width:14px;height:14px}.case-stat-number{color:#00d09c;letter-spacing:-.03em;margin-bottom:12px;font-size:4rem;font-weight:900;line-height:1;position:relative}.case-stat-number:after{content:"";background:linear-gradient(90deg,#0000,#00d09c,#0000);border-radius:2px;width:40px;height:3px;position:absolute;bottom:-4px;left:50%;transform:translate(-50%)}.case-stat-label-text{color:#fff;margin-bottom:4px;font-size:.85rem;font-weight:700}.case-stat-sub{letter-spacing:.5px;color:#a3adbd;font-size:.75rem;font-weight:600}.criteria-list{grid-template-columns:1fr 1fr;gap:12px 28px;margin:0 auto 40px;list-style:none;display:grid}.criteria-list li{color:#c0c7d4;align-items:flex-start;gap:12px;padding:10px 0;font-size:.95rem;line-height:1.6;display:flex}.criteria-check{color:#00d09c;border:2px solid #00d09c;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;margin-top:2px;font-size:.75rem;display:flex}.criteria-cta{text-align:center;margin-top:40px}.btn-large{padding:16px 40px;font-size:.85rem}.footer{background:linear-gradient(#060d1a 0%,#040a14 100%);border-top:1px solid #00d09c14;padding:60px 0 32px}.footer-grid{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1.2fr);gap:40px;margin-bottom:48px;display:grid}.footer-brand{padding-right:20px}.footer-logo{margin-bottom:14px;font-size:1.5rem;font-weight:900}.footer-logo span{color:#8a94a6;font-weight:600}.footer-desc{color:#8a94a6;margin-bottom:20px;font-size:.85rem;line-height:1.7}.footer-social{gap:10px;display:flex}.footer-social-link{color:#8a94a6;background:#ffffff0d;border:1px solid #ffffff14;border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;transition:background-color .2s,border-color .2s,color .2s,transform .2s;display:flex}.footer-social-link:hover{color:#00d09c;background:#00d09c1f;border-color:#00d09c40;transform:translateY(-2px)}.footer-col-title{letter-spacing:1.5px;text-transform:uppercase;color:#fff;margin-bottom:8px;font-size:.75rem;font-weight:700}.footer-col-title-spaced{margin-top:20px}.footer-col-list{flex-direction:column;list-style:none;display:flex}.footer-col-list a{color:#a3adbd;align-items:center;min-height:44px;font-size:.85rem;transition:color .2s;display:inline-flex}.footer-col-list a:hover{color:#00d09c}.footer-newsletter-text{color:#a3adbd;margin-bottom:14px;font-size:.85rem;line-height:1.6}.footer-newsletter{border:1px solid #ffffff1a;border-radius:10px;gap:0;transition:border-color .3s;display:flex;overflow:hidden}.footer-newsletter:focus-within{border-color:#00d09c;box-shadow:0 0 0 3px #00d09c33}.footer-newsletter :focus-visible{outline:none}.footer-newsletter-input{color:#fff;background:#ffffff0a;border:none;outline:none;flex:1;min-width:0;min-height:46px;padding:0 14px;font-family:inherit;font-size:.9rem}.footer-newsletter-input::placeholder{color:#8a94a6}.footer-newsletter.is-invalid{border-color:#ff8a8a}.footer-newsletter-form .field-error{margin-top:8px}.footer-newsletter-done{color:#00d09c;font-size:.85rem;line-height:1.6}.footer-newsletter-btn{color:#04241b;letter-spacing:.5px;cursor:pointer;white-space:nowrap;background:#00d09c;border:none;padding:10px 18px;font-family:inherit;font-size:.75rem;font-weight:700;transition:background .3s}.footer-newsletter-btn:hover{background:#00b88a}.footer-bottom{border-top:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding-top:24px;display:flex}.footer-bottom p{color:#8a94a6;font-size:.8rem}.footer-concept{text-align:center;margin-top:12px;font-size:.75rem}.footer-concept a{color:#8a94a6;text-underline-offset:3px;align-items:center;min-height:44px;padding:0 4px;-webkit-text-decoration:underline #8a94a666;text-decoration:underline #8a94a666;transition:color .2s;display:inline-flex}.footer-concept a:hover{color:#00d09c}.icon-svg{stroke:currentColor;fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px}.icon-filled{width:100%;height:100%;transition:transform .3s}.nav-toggle{cursor:pointer;color:#fff;background:0 0;border:none;width:44px;height:44px;padding:8px;display:none}.nav-toggle svg{stroke:currentColor;fill:none;stroke-width:2px;width:28px;height:28px}.section-dark#contact{background:radial-gradient(50% 50% at 30% 70%,#00d09c0f 0%,#0000 50%),linear-gradient(#0c1a30 0%,#091420 100%);border-top:1px solid #00d09c0f}.contact-header{margin-bottom:8px}.contact-label{text-align:left}.contact-title{letter-spacing:-.025em;margin-bottom:12px;font-size:clamp(1.8rem,3vw,2.5rem);font-weight:900;line-height:1.15}.contact-desc{color:#8a94a6;max-width:420px;font-size:.95rem;line-height:1.7}.contact-grid{grid-template-columns:1fr 1.2fr;align-items:start;gap:48px;display:grid}.contact-info{flex-direction:column;gap:16px;display:flex}.contact-info-card{background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;align-items:flex-start;gap:14px;padding:16px;transition:border-color .3s,background .3s;display:flex}.contact-info-icon{color:#00d09c;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.contact-info-label{letter-spacing:2px;text-transform:uppercase;color:#8a94a6;margin-bottom:4px;font-size:.7rem;font-weight:700}.contact-info-value{color:#fff;font-size:1rem;font-weight:600}.contact-info-sub{color:#8a94a6;margin-top:2px;font-size:.8rem}.contact-form-wrapper{background:linear-gradient(160deg,#ffffff0d 0%,#ffffff05 100%);border:1px solid #ffffff14;border-radius:20px;padding:40px;box-shadow:0 4px 24px #00000026}.contact-form{flex-direction:column;gap:20px;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:20px;display:grid}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{letter-spacing:1px;text-transform:uppercase;color:#8a94a6;font-size:.75rem;font-weight:700}.form-group input,.form-group textarea{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;outline:none;padding:14px 16px;font-family:Inter,Noto Sans Thai,sans-serif;font-size:.95rem;transition:border-color .3s,box-shadow .3s}.form-group input::placeholder,.form-group textarea::placeholder{color:#8a94a6}.form-group input[aria-invalid=true],.form-group textarea[aria-invalid=true]{border-color:#ff8a8a}.label-optional{text-transform:none;letter-spacing:0;font-weight:500}.field-error{color:#ff9b9b;font-size:.85rem;line-height:1.5}.contact-again{color:#00d09c;margin-top:12px}.contact-again:hover{color:#fff}.contact-success-svg{width:48px;height:48px}.form-group input:focus,.form-group textarea:focus{border-color:#00d09c;box-shadow:0 0 0 3px #00d09c26}.form-group textarea{resize:vertical;min-height:120px}.contact-form .btn{align-self:flex-start}.contact-form .btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none!important;transform:none!important}.contact-success{text-align:center;padding:60px 20px}.contact-success-icon{color:#00d09c;margin-bottom:20px}.contact-success h3{color:#fff;margin-bottom:12px;font-size:1.5rem;font-weight:800}.contact-success p{color:#8a94a6;font-size:1rem;line-height:1.7}.case-visual-card{background:linear-gradient(160deg,#ffffff0d 0%,#ffffff05 100%);border:1px solid #ffffff14;border-radius:16px;padding:32px;box-shadow:0 4px 24px #0003}.case-visual-title{letter-spacing:1.5px;text-transform:uppercase;color:#8a94a6;margin-bottom:28px;font-size:.75rem;font-weight:700}.case-bars{flex-direction:column;gap:20px;display:flex}.case-bar-track{background:#ffffff0a;border-radius:8px;height:36px;margin-bottom:8px;overflow:hidden}.case-bar{border-radius:8px;height:100%}.case-bar-before{background:#ffffff29;width:71%;animation:1.2s ease-out forwards barBefore}.case-bar-after{background:linear-gradient(90deg,#00d09c,#00b88a);width:100%;animation:1.5s ease-out forwards barAfter}@keyframes barBefore{0%{width:0}to{width:71%}}@keyframes barAfter{0%{width:0}to{width:100%}}.case-bar-meta{justify-content:space-between;align-items:center;display:flex}.case-bar-label{color:#8a94a6;font-size:.8rem}.case-bar-value{color:#fff;font-size:.85rem;font-weight:700}.case-visual-note{color:#8a94a6;border-top:1px solid #ffffff0f;margin-top:24px;padding-top:20px;font-size:.85rem;line-height:1.7}.feature-card,.industry-card,.capability-card{cursor:pointer;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s}.card-active{transform:translateY(-6px)!important;box-shadow:0 0 0 2px #00d09c,0 12px 40px #00d09c26!important}.feature-card.card-active{background:#00d09c0f;box-shadow:0 0 0 2px #00d09c,0 12px 40px #00d09c40!important}.card-detail{opacity:0;grid-template-rows:0fr;transition:grid-template-rows .4s cubic-bezier(.16,1,.3,1),opacity .3s;display:grid}.card-detail>*{min-height:0;overflow:hidden}.card-detail-open{opacity:1;grid-template-rows:1fr}.card-detail>p{color:#4f5a6e;border-top:1px solid #00000014;margin-top:16px;padding-top:16px;font-size:.85rem;line-height:1.7}.feature-card .card-detail>p{color:#c0c7d4;border-top-color:#ffffff14}.card-detail-list{border-top:1px solid #0000000f;margin:16px 0 0;padding:16px 0 0;list-style:none}.card-detail-list li{color:#4f5a6e;align-items:center;gap:10px;padding:5px 0;font-size:.85rem;line-height:1.5;display:flex}.card-detail-list li:before{content:"";background:#00d09c;border-radius:50%;flex-shrink:0;width:6px;height:6px}.card-toggle{letter-spacing:1.5px;text-transform:uppercase;color:#00d09c;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;min-height:44px;margin-top:8px;padding:0;font-size:.75rem;font-weight:700;display:inline-flex}.card-toggle:after{content:"";border-radius:16px;position:absolute;inset:0}.card-toggle:focus-visible{outline:none}.card-toggle:focus-visible:after{outline-offset:3px;outline:2px solid}.card-toggle-chevron{stroke-width:2.5px;width:16px;height:16px;transition:transform .3s cubic-bezier(.16,1,.3,1)}.card-toggle[aria-expanded=true] .card-toggle-chevron{transform:rotate(180deg)}.section-light .card-toggle{color:#00785a}body.lang-th .card-toggle{text-transform:none;letter-spacing:.5px;font-size:.85rem}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}html{scroll-behavior:auto}}@media (width<=768px){.nav-toggle{display:block}.nav-links{background:#0a1628fa;border-bottom:1px solid #ffffff0d;flex-direction:column;gap:20px;padding:24px;display:none;position:absolute;top:100%;left:0;right:0}.nav-links.active{display:flex}.hero-grid{text-align:center;grid-template-columns:1fr;gap:36px}.hero-content{text-align:center}.hero-content .hero-desc{margin:0 auto 36px}.hero-content .hero-buttons{justify-content:center}.hero-dashboard{max-width:400px;margin:0 auto}.hero-metrics{gap:24px}.hero-metric-number{font-size:2rem}.hero-metric-label{letter-spacing:1px}.features-grid,.industry-grid{grid-template-columns:1fr;max-width:400px;margin:0 auto}.team-row,.team-row-reverse{direction:ltr;grid-template-columns:1fr}.team-photo-frame{min-height:260px}.team-info-col{padding:28px 24px}.team-name{font-size:1.5rem}.capabilities-timeline:before{left:20px}.capability-item:nth-child(odd),.capability-item:nth-child(2n){justify-content:flex-start;padding-left:56px;padding-right:0}.capability-dot{left:20px}.case-study-grid,.criteria-list{grid-template-columns:1fr}.contact-grid{grid-template-columns:1fr;gap:32px}.contact-label,.contact-title{text-align:center}.contact-desc{text-align:center;max-width:100%}.form-row{grid-template-columns:1fr}.contact-form-wrapper{padding:24px}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 24px}.footer-col:last-child{grid-column:1/-1}.footer-brand{grid-column:1/-1;padding-right:0}.footer-bottom{text-align:center;flex-direction:column;gap:4px}.hero{padding:112px 0 64px}.hero h1{font-size:2.6rem}body.lang-th .hero h1{font-size:2.1rem}.hero-tagline{letter-spacing:2px;margin-bottom:20px}.hero-buttons{flex-direction:column;gap:4px}.section-title{font-size:2rem}.section-light,.section-dark{padding:64px 0}.section-desc{margin-bottom:36px}.feature-card{padding:28px 20px 16px}.feature-card h3{font-size:1.6rem}.industry-card{padding:28px 24px 16px}.capability-card{padding:24px 20px 12px}.nav-links a{min-height:48px}.leader-stats{gap:24px 32px}.stat-number{font-size:2rem}}
