@supports (view-transition-name: none){@view-transition{navigation: auto}::view-transition-old(root),::view-transition-new(root){animation-duration: 0.22s;animation-timing-function: cubic-bezier(0.22,1,0.36,1)}::view-transition-old(root){animation-name: meetangFadeOut}::view-transition-new(root){animation-name: meetangFadeIn}}@keyframes meetangFadeIn{from{opacity: 0;transform: translateY(10px)}to{opacity: 1;transform: translateY(0)}}@keyframes meetangFadeOut{from{opacity: 1;transform: translateY(0)}to{opacity: 0;transform: translateY(-8px)}}html{background: #0a0e1a}*{font-family: 'Noto Sans Thai','Inter',sans-serif}body{background: #0a0e1a;color: #ffffff;overflow-x: hidden;min-height: 100vh;text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased}.gradient-primary{background: linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.gradient-premium{background: linear-gradient(135deg,#f093fb 0%,#f5576c 100%)}.gradient-success{background: linear-gradient(135deg,#11998e 0%,#38ef7d 100%)}.gradient-blue{background: linear-gradient(135deg,#4facfe 0%,#00f2fe 100%)}.gradient-orange{background: linear-gradient(135deg,#f093fb 0%,#f5576c 50%,#fa709a 100%)}.gradient-text{background: linear-gradient(135deg,#667eea 0%,#764ba2 50%,#f093fb 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text}.card-glass{background: rgba(255,255,255,0.05);backdrop-filter: blur(10px);border: 1px solid rgba(255,255,255,0.1);transition: all 0.3s ease}.card-glass:hover{border-color: rgba(102,126,234,0.5);transform: translateY(-5px);box-shadow: 0 20px 40px rgba(102,126,234,0.2)}.card-premium{background: linear-gradient(135deg,rgba(240,147,251,0.15),rgba(245,87,108,0.15));border: 2px solid rgba(245,87,108,0.4);box-shadow: 0 0 50px rgba(245,87,108,0.3);transition: all 0.3s ease}.card-premium:hover{transform: translateY(-5px);box-shadow: 0 25px 50px rgba(245,87,108,0.4)}.btn-primary{background: linear-gradient(135deg,#667eea 0%,#764ba2 100%);transition: all 0.3s ease;position: relative;overflow: hidden}.btn-primary::before{content: '';position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background: linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent);transition: left 0.5s}.btn-primary:hover::before{left: 100%}.btn-primary:hover{transform: translateY(-2px);box-shadow: 0 15px 35px rgba(102,126,234,0.4)}.btn-premium{background: linear-gradient(135deg,#f093fb 0%,#f5576c 100%);transition: all 0.3s ease;position: relative;overflow: hidden}.btn-premium:hover{transform: translateY(-2px);box-shadow: 0 15px 35px rgba(245,87,108,0.4)}.btn-success{background: linear-gradient(135deg,#11998e 0%,#38ef7d 100%);transition: all 0.3s ease}.btn-success:hover{transform: translateY(-2px);box-shadow: 0 15px 35px rgba(17,153,142,0.4)}.animate-float{animation: float 6s ease-in-out infinite}@keyframes float{0%,100%{transform: translateY(0px) rotate(0deg)}50%{transform: translateY(-20px) rotate(5deg)}}.animate-fade-in{animation: fadeIn 0.55s cubic-bezier(0.22,1,0.36,1) forwards}@keyframes fadeIn{from{opacity: 0;transform: translateY(18px)}to{opacity: 1;transform: translateY(0)}}.animate-scale-in{animation: scaleIn 0.5s cubic-bezier(0.22,1,0.36,1) forwards}@keyframes scaleIn{from{opacity: 0;transform: scale(0.975)}to{opacity: 1;transform: scale(1)}}.animate-slide-in-left{animation: slideInLeft 0.6s cubic-bezier(0.22,1,0.36,1) forwards}@keyframes slideInLeft{from{opacity: 0;transform: translateX(-20px)}to{opacity: 1;transform: translateX(0)}}.animate-slide-in-right{animation: slideInRight 0.6s cubic-bezier(0.22,1,0.36,1) forwards}@keyframes slideInRight{from{opacity: 0;transform: translateX(20px)}to{opacity: 1;transform: translateX(0)}}.animate-pulse-glow{animation: pulseGlow 3.2s ease-in-out infinite}@keyframes pulseGlow{0%,100%{box-shadow: 0 0 20px rgba(102,126,234,0.3)}50%{box-shadow: 0 0 40px rgba(102,126,234,0.6)}}.animate-bounce-slow{animation: bounceSlow 3s ease-in-out infinite}@keyframes bounceSlow{0%,100%{transform: translateY(0)}50%{transform: translateY(-10px)}}.price-table{position: relative}.price-table::before{content: '';position: absolute;top: 0;left: 0;right: 0;height: 300px;background: radial-gradient(ellipse at top,rgba(102,126,234,0.15),transparent 70%);pointer-events: none}::-webkit-scrollbar{width: 10px}::-webkit-scrollbar-track{background: #0a0e1a}::-webkit-scrollbar-thumb{background: linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius: 5px}@media (max-width: 640px){h1{font-size: 2rem !important;line-height: 1.2 !important}h2{font-size: 1.75rem !important;line-height: 1.3 !important}h3{font-size: 1.3rem !important}.hero-title{font-size: 1.8rem !important}.hero-subtitle{font-size: 1rem !important}}@media (min-width: 641px) and (max-width: 768px){h1{font-size: 2.5rem !important}h2{font-size: 2rem !important}}@media (max-width: 1024px){.pricing-card{max-width: 100%}}.text-shadow{text-shadow: 0 2px 10px rgba(0,0,0,0.3)}.glass-effect{background: rgba(255,255,255,0.05);backdrop-filter: blur(10px);border: 1px solid rgba(255,255,255,0.1)}.shimmer{background: linear-gradient(90deg,transparent,rgba(255,255,255,0.1),transparent);background-size: 200% 100%;animation: shimmer 2s infinite}@keyframes shimmer{0%{background-position: -200% 0}100%{background-position: 200% 0}}.feature-icon{transition: all 0.3s ease}.card-glass:hover .feature-icon{transform: scale(1.1) rotate(5deg)}.comparison-table{border-collapse: separate;border-spacing: 0}.comparison-table th,.comparison-table td{padding: 1rem;text-align: center}.comparison-table thead th{background: linear-gradient(135deg,rgba(102,126,234,0.2),rgba(118,75,162,0.2));border-bottom: 2px solid rgba(102,126,234,0.5)}.comparison-table tbody tr:nth-child(even){background: rgba(255,255,255,0.02)}.comparison-table tbody tr:hover{background: rgba(102,126,234,0.1)}.sticky-header{transition: all 0.3s ease}.sticky-header.scrolled{background: rgba(10,14,26,0.95) !important;box-shadow: 0 4px 20px rgba(0,0,0,0.3)}@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation: none !important;transition: none !important;scroll-behavior: auto !important}}.stat-number{background: linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text}.ledger-showcase{background: linear-gradient(135deg,rgba(15,23,42,0.88),rgba(30,41,59,0.58)),repeating-linear-gradient(90deg,rgba(148,163,184,0.06) 0,rgba(148,163,184,0.06) 1px,transparent 1px,transparent 72px);border: 1px solid rgba(148,163,184,0.16)}.ledger-pill{display: inline-flex;align-items: center;gap: .45rem;padding: .45rem .75rem;border-radius: 999px;border: 1px solid rgba(148,163,184,0.22);background: rgba(15,23,42,0.7);color: #cbd5e1;font-size: .82rem;font-weight: 700}.ledger-feature-card{min-height: 100%;background: rgba(15,23,42,0.72);border: 1px solid rgba(148,163,184,0.14);border-radius: 1rem;padding: 1.25rem;transition: border-color .25s ease,transform .25s ease,background .25s ease}.ledger-feature-card:hover{transform: translateY(-3px);border-color: rgba(129,140,248,0.42);background: rgba(30,41,59,0.78)}.ledger-flow-line{display: grid;grid-template-columns: repeat(4,minmax(0,1fr));gap: .75rem}.ledger-flow-step{border-radius: .9rem;padding: 1rem;background: rgba(255,255,255,0.045);border: 1px solid rgba(255,255,255,0.08)}.comparison-table a,footer a{display: inline-flex;min-width: 44px;min-height: 44px;align-items: center;touch-action: manipulation}@media (min-width: 769px) and (max-width: 900px){.ledger-flow-line{grid-template-columns: repeat(2,minmax(0,1fr))}}@media (max-width: 768px){.ledger-flow-line{grid-template-columns: 1fr}}