:root{--ink:#14161f;--ink-2:#4a4f63;--paper:#fff;--paper-2:#f5f6fa;--line:#e3e5ee;--night:#0f1424;--night-2:#1a2138;--accent:#ffb020;--accent-ink:#1a1300;--brand:#3d6bff;--radius:14px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--paper);margin:0;font:16px/1.65 Noto Sans Thai,system-ui,-apple-system,Segoe UI,sans-serif}a{color:inherit}.wrap{width:min(1120px,100% - 32px);margin:0 auto}.nav{z-index:5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;background:#0f1424eb;position:sticky;top:0}.nav-in{justify-content:space-between;align-items:center;gap:16px;min-height:60px;display:flex}.brand{letter-spacing:.2px;font-weight:800}.nav nav{align-items:center;gap:18px;font-size:15px;display:flex}.nav nav a{opacity:.85;text-decoration:none}.nav nav a:hover{opacity:1}.btn{border:1.5px solid #0000;border-radius:999px;padding:11px 22px;font-weight:600;text-decoration:none;display:inline-block}.btn.primary{background:var(--accent);color:var(--accent-ink)}.btn.primary:hover{filter:brightness(1.06)}.btn.ghost{border-color:currentColor;padding:7px 16px;opacity:1!important}.btn.ghost.light{color:#fff;padding:11px 22px}.hero{background:radial-gradient(1200px 500px at 80% -10%, #2a3a78 0%, transparent 60%), var(--night);color:#fff;padding:72px 0 84px}.hero-in{grid-template-columns:1.05fr 1fr;align-items:center;gap:48px;display:grid}.eyebrow{color:var(--accent);margin:0 0 10px;font-weight:600}.hero h1{margin:0 0 18px;font-size:clamp(34px,5vw,54px);font-weight:800;line-height:1.2}.accent{color:var(--accent)}.lead{color:#c9cfe3;max-width:34em;margin:0 0 28px;font-size:18px}.cta{flex-wrap:wrap;gap:12px;display:flex}.langs{color:#9aa3c4;letter-spacing:.5px;margin:26px 0 0}.screen{border-radius:var(--radius);background:#05070d;border:1px solid #2a3150;margin:0;padding:0 0 14px;overflow:hidden;box-shadow:0 30px 80px #00000073}.screen-bar{background:#0c1020;gap:6px;padding:12px 14px;display:flex}.screen-bar span{background:#2b3354;border-radius:50%;width:10px;height:10px}.pane{border-top:1px solid #161c33;padding:14px 22px}.pane small{color:#7a84a8;letter-spacing:.6px;font-size:12px}.pane p{color:#fff;margin:4px 0 0;font-size:19px;line-height:1.5}.draft{color:#8b93b3;margin-left:6px;animation:3.2s ease-in-out infinite settle}@keyframes settle{0%,55%{opacity:.45}75%,to{opacity:1}}.screen figcaption{color:#7a84a8;padding:10px 22px 0;font-size:13px}.section{padding:72px 0}.section.alt{background:var(--paper-2)}.section h2{margin:0 0 12px;font-size:clamp(26px,3.4vw,34px)}.sub{color:var(--ink-2);margin:0 0 32px}.steps{counter-reset:s;grid-template-columns:repeat(3,1fr);gap:20px;margin:28px 0 0;padding:0;list-style:none;display:grid}.steps li{counter-increment:s;background:var(--paper-2);border-radius:var(--radius);padding:24px}.steps li:before{content:counter(s);background:var(--brand);color:#fff;border-radius:50%;place-items:center;width:36px;height:36px;margin-bottom:12px;font-weight:800;display:grid}.steps strong{font-size:18px}.steps p{color:var(--ink-2);margin:6px 0 0}.features{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:28px;display:grid}.features article{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:22px 24px}.features h3{margin:0 0 6px;font-size:18px}.features p{color:var(--ink-2);margin:0}.prices{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:20px;display:grid}.price{border:1.5px solid var(--line);border-radius:var(--radius);text-align:center;background:var(--paper);padding:30px 26px 26px;position:relative}.price.best{border-color:var(--brand);box-shadow:0 16px 40px #3d6bff24}.price h3{margin:0;font-size:20px}.amount{font-variant-numeric:tabular-nums;margin:10px 0 6px;font-size:38px;font-weight:800}.amount span{color:var(--ink-2);font-size:16px;font-weight:600}.per{color:var(--ink-2);margin:0;font-size:15px}.tag{background:var(--brand);color:#fff;white-space:nowrap;border-radius:999px;margin:0;padding:3px 12px;font-size:13px;font-weight:600;position:absolute;top:-13px;left:50%;transform:translate(-50%)}.vat{text-align:center;color:var(--ink-2);margin:18px 0 0;font-size:14px}.terms{max-width:760px;color:var(--ink-2);margin:28px auto 0;padding-left:20px}.terms li{margin:6px 0}.terms strong{color:var(--ink)}.contact{grid-template-columns:1.2fr 1fr;align-items:center;gap:40px;display:grid}.buy{color:var(--ink-2);padding-left:20px;font-size:17px}.buy li{margin:8px 0}.contact-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:26px 28px}.contact-card p{gap:14px;margin:0 0 12px;font-size:18px;display:flex}.contact-card .label{color:var(--ink-2);min-width:3.5em}.contact-card a:not(.btn){font-weight:600;text-decoration:none}.contact-card .btn{margin-top:8px}.faq details{border-bottom:1px solid var(--line);padding:16px 0}.faq summary{cursor:pointer;font-size:17px;font-weight:600}.faq details p{color:var(--ink-2);max-width:60em;margin:10px 0 0}.foot{background:var(--night);color:#9aa3c4;padding:26px 0;font-size:14px}.foot-in{justify-content:space-between;gap:16px;display:flex}@media (width<=860px){.hero{padding:44px 0 56px}.hero-in,.contact{grid-template-columns:1fr;gap:32px}.steps,.features,.prices{grid-template-columns:1fr}.prices{gap:26px}.nav nav a:not(.btn){display:none}.section{padding:52px 0}}@media (prefers-reduced-motion:reduce){.draft{animation:none}html{scroll-behavior:auto}}