@keyframes popIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}:root{--bg:#06060E;--bg-elevated:#0C0C18;--glass:rgba(255,255,255,.03);--glass-border:rgba(255,255,255,.06);--glass-hover:rgba(255,255,255,.06);--primary:#7C5CFC;--primary-light:#9B82FE;--primary-glow:rgba(124,92,252,.25);--accent:#00D4AA;--accent-glow:rgba(0,212,170,.2);--gold:#F5C842;--text:#C8C2D8;--text-muted:#7A7394;--text-bright:#F0ECF6;--white:#FFFFFF;--radius:20px;--radius-sm:12px;--gradient-main:linear-gradient(135deg,#7C5CFC 0%,#00D4AA 100%);--gradient-warm:linear-gradient(135deg,#F5C842 0%,#FF8A5C 100%);--gradient-premium:linear-gradient(135deg,#7C5CFC 0%,#C084FC 50%,#00D4AA 100%)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{font-family:Noto Sans Thai,Space Grotesk,sans-serif;background:var(--bg);color:var(--text);line-height:1.75;overflow-x:hidden}.grid-bg{position:fixed;inset:0;background-image:linear-gradient(rgba(124,92,252,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(124,92,252,.03) 1px,transparent 1px);background-size:60px 60px;pointer-events:none;z-index:0}.navbar{position:fixed;top:0;width:100%;z-index:1000;padding:18px 0;transition:all .4s}.navbar.scrolled{background:#06060ed9;backdrop-filter:blur(24px);border-bottom:1px solid var(--glass-border);padding:12px 0}.nav-container{max-width:1240px;margin:0 auto;padding:0 28px;display:flex;justify-content:space-between;align-items:center}.nav-logo{display:flex;align-items:center;gap:10px;text-decoration:none}.nav-logo-icon{width:36px;height:36px;background:var(--gradient-main);border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:800;color:#fff;font-size:.85rem;font-family:Space Grotesk,sans-serif}.nav-logo-text{font-size:1.35rem;font-weight:700;color:var(--white);font-family:Space Grotesk,sans-serif}.nav-links{display:flex;gap:8px;list-style:none;align-items:center}.nav-links a{color:var(--text-muted);text-decoration:none;font-size:.88rem;font-weight:500;padding:8px 16px;border-radius:10px;transition:all .3s}.nav-links a:hover{color:var(--text-bright);background:var(--glass)}.nav-cta{background:var(--primary)!important;color:var(--white)!important;padding:10px 22px!important;border-radius:10px!important;font-weight:600!important}.nav-cta:hover{background:var(--primary-light)!important;transform:translateY(-1px);box-shadow:0 8px 24px var(--primary-glow)}.nav-toggle{display:none;background:none;border:none;color:var(--text);font-size:1.4rem;cursor:pointer;padding:8px}.btn{display:inline-flex;align-items:center;gap:10px;padding:14px 30px;border-radius:12px;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .35s;cursor:pointer;border:none;font-family:inherit}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 4px 24px var(--primary-glow)}.btn-primary:hover{background:var(--primary-light);transform:translateY(-2px);box-shadow:0 12px 36px var(--primary-glow)}.btn-glass{background:var(--glass);color:var(--text-bright);border:1px solid var(--glass-border)}.btn-glass:hover{background:var(--glass-hover);border-color:#ffffff1f;transform:translateY(-2px)}.btn-accent{background:var(--accent);color:#000;font-weight:700;box-shadow:0 4px 24px var(--accent-glow)}.btn-accent:hover{background:#00e8bb;transform:translateY(-2px)}.btn-line{background:#06c755;color:#fff}.btn-line:hover{background:#07d85e;transform:translateY(-2px);box-shadow:0 8px 24px #06c7554d}.btn-messenger{background:#0084ff;color:#fff}.btn-messenger:hover{background:#1a93ff;transform:translateY(-2px)}.section{padding:100px 28px;position:relative;z-index:1}.container{max-width:1240px;margin:0 auto}.section-header{text-align:center;margin-bottom:64px}.section-tag{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:1.5px;color:var(--primary-light);margin-bottom:16px}.section-tag:before,.section-tag:after{content:"";width:24px;height:1px;background:var(--primary);opacity:.4}.section-header h2{font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800;color:var(--white);margin-bottom:16px}.section-header p{color:var(--text-muted);max-width:520px;margin:0 auto;font-size:1.02rem}.footer{border-top:1px solid var(--glass-border);padding:56px 28px 32px;background:var(--bg-elevated)}.footer-grid{max-width:1240px;margin:0 auto 32px;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;padding-bottom:40px;border-bottom:1px solid var(--glass-border)}.footer-brand p{color:var(--text-muted);font-size:.88rem;margin-top:16px;max-width:300px}.footer-col h5{font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--text-bright);margin-bottom:18px}.footer-col a{display:block;color:var(--text-muted);text-decoration:none;font-size:.88rem;padding:5px 0;transition:color .3s}.footer-col a:hover{color:var(--text-bright)}.footer-bottom{max-width:1240px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.footer-copy{color:var(--text-muted);font-size:.8rem}.footer-socials{display:flex;gap:12px}.footer-socials a{width:36px;height:36px;border-radius:10px;background:var(--glass);border:1px solid var(--glass-border);display:flex;align-items:center;justify-content:center;color:var(--text-muted);text-decoration:none;transition:all .3s}.footer-socials a:hover{color:var(--white);border-color:#ffffff26}.line-float{position:fixed;bottom:28px;right:28px;z-index:999}.line-float-btn{width:60px;height:60px;border-radius:16px;background:#06c755;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.6rem;text-decoration:none;box-shadow:0 4px 24px #06c75559;transition:all .3s;position:relative}.line-float-btn:hover{transform:scale(1.08)}.line-float-pulse{position:absolute;inset:-4px;border-radius:20px;border:2px solid #06C755;animation:ringPulse 2.5s ease-out infinite}@keyframes ringPulse{0%{transform:scale(1);opacity:.6}to{transform:scale(1.3);opacity:0}}.reveal{opacity:0;transform:translateY(32px);transition:all .7s cubic-bezier(.4,0,.2,1)}.reveal.visible{opacity:1;transform:translateY(0)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.page-hero{padding:160px 28px 80px;text-align:center;position:relative;z-index:1}.page-hero h1{font-size:clamp(2rem,4vw,3rem);font-weight:900;color:var(--white);margin-bottom:16px}.page-hero p{color:var(--text-muted);font-size:1.05rem;max-width:560px;margin:0 auto}.page-content{max-width:800px;margin:0 auto;padding:0 28px 100px;position:relative;z-index:1}.page-content h2{font-size:1.4rem;font-weight:700;color:var(--white);margin:48px 0 16px}.page-content h2:first-child{margin-top:0}.page-content p{margin-bottom:16px;line-height:1.9}.page-content ul,.page-content ol{margin:0 0 16px 24px}.page-content li{margin-bottom:8px;line-height:1.8}.page-content a{color:var(--primary-light);text-decoration:none}.page-content a:hover{text-decoration:underline}.page-content .last-updated{color:var(--text-muted);font-size:.85rem;margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid var(--glass-border)}.breadcrumb{max-width:1240px;margin:0 auto;padding:100px 28px 0;position:relative;z-index:1;font-size:.82rem}.breadcrumb a{color:var(--text-muted);text-decoration:none}.breadcrumb a:hover{color:var(--primary-light)}.breadcrumb span{color:var(--text-muted);margin:0 8px}.breadcrumb .current{color:var(--text-bright)}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1060px;margin:0 auto}.price-card{background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius);padding:40px 32px;position:relative;transition:all .4s}.price-card.featured{background:linear-gradient(180deg,rgba(124,92,252,.06) 0%,var(--glass) 100%);border-color:#7c5cfc40;transform:scale(1.03)}.price-card.featured:before{content:"";position:absolute;top:-1px;left:20%;right:20%;height:2px;background:var(--gradient-main);border-radius:2px}.price-badge{position:absolute;top:-13px;left:50%;transform:translate(-50%);background:var(--gradient-warm);color:#000;padding:5px 18px;border-radius:50px;font-size:.72rem;font-weight:700}.price-card:hover{transform:translateY(-4px);box-shadow:0 20px 60px #0000004d}.price-card.featured:hover{transform:scale(1.03) translateY(-4px)}.price-tier{font-size:.82rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);margin-bottom:4px}.price-name{font-size:1.3rem;font-weight:700;color:var(--white);margin-bottom:20px}.price-amount{display:flex;align-items:baseline;gap:4px;margin-bottom:6px}.price-currency{font-size:1.2rem;font-weight:600;color:var(--text-muted)}.price-value{font-size:3.2rem;font-weight:900;color:var(--white);font-family:Space Grotesk,sans-serif;line-height:1}.price-period{font-size:.88rem;color:var(--text-muted);margin-bottom:28px}.price-divider{height:1px;background:var(--glass-border);margin:24px 0}.price-features{list-style:none;margin-bottom:32px}.price-features li{padding:7px 0;font-size:.9rem;color:var(--text);display:flex;align-items:center;gap:10px}.price-features li .check{width:18px;height:18px;border-radius:50%;background:#00d4aa1a;display:flex;align-items:center;justify-content:center;flex-shrink:0}.price-features li .check i{font-size:.6rem;color:var(--accent)}.price-card .btn{width:100%;justify-content:center}.faq-list{max-width:760px;margin:0 auto}.faq-item{border:1px solid var(--glass-border);border-radius:var(--radius-sm);margin-bottom:12px;overflow:hidden;background:var(--glass)}.faq-question{width:100%;background:none;border:none;color:var(--text-bright);font-size:.95rem;font-weight:600;padding:20px 24px;text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-family:inherit}.faq-question:hover{color:var(--primary-light)}.faq-question i{font-size:.8rem;color:var(--text-muted);transition:transform .3s}.faq-item.active .faq-question i{transform:rotate(180deg);color:var(--primary-light)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .4s}.faq-item.active .faq-answer{max-height:300px}.faq-answer-inner{padding:0 24px 20px;color:var(--text-muted);font-size:.9rem;line-height:1.8}.review-card{background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius);padding:32px;transition:all .3s}.review-card:hover{background:var(--glass-hover);transform:translateY(-3px)}.review-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.review-stars{color:var(--gold);font-size:.85rem;display:flex;gap:2px}.review-platform{font-size:.75rem;color:var(--text-muted);background:var(--glass);padding:4px 10px;border-radius:6px}.review-card blockquote{color:var(--text);font-size:.92rem;margin-bottom:20px;font-style:normal;line-height:1.7}.review-author{display:flex;align-items:center;gap:12px}.review-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.85rem}.review-name{font-weight:600;color:var(--text-bright);font-size:.88rem}.review-role{color:var(--text-muted);font-size:.78rem}@media (max-width:1024px){.pricing-grid{grid-template-columns:1fr;max-width:420px}.price-card.featured{transform:none}.price-card.featured:hover{transform:translateY(-4px)}.footer-grid{grid-template-columns:1fr 1fr}}@media (max-width:768px){.nav-links{display:none}.nav-toggle{display:block}.nav-links.active{display:flex;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:#06060ef7;backdrop-filter:blur(24px);padding:20px 28px;gap:4px;border-bottom:1px solid var(--glass-border)}.footer-grid{grid-template-columns:1fr;gap:32px}.footer-bottom{flex-direction:column;gap:16px;text-align:center}}