:root{--ink:#0f172a;--ink-2:#475569;--muted:#64748b;--line:#e2e8f0;--bg:#fff;--bg-2:#f8fafc;--accent:#0284c7;--accent-ink:#fff;--ok:#16a34a;--radius:14px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:Sarabun,IBM Plex Sans Thai,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:17px;line-height:1.6}a{color:inherit;text-decoration:none}.wrap{max-width:1080px;margin:0 auto;padding:0 20px}.nav{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:5;background:#ffffffeb;position:sticky;top:0}.nav .inner{align-items:center;gap:20px;height:64px;display:flex}.brand{letter-spacing:-.01em;font-size:19px;font-weight:800}.nav .spacer{flex:1}.nav a{color:var(--ink-2);font-size:15px}.nav a:hover{color:var(--ink)}.btn{cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;min-height:46px;padding:0 22px;font-size:16px;font-weight:700;display:inline-flex}.btn.primary{background:var(--accent);color:var(--accent-ink)}.btn.ghost{border-color:var(--line);color:var(--ink);background:#fff}.btn.block{width:100%}.btn:disabled{opacity:.5;cursor:not-allowed}.hero{padding:72px 0 56px}.badge{color:#075985;background:#e0f2fe;border-radius:999px;margin-bottom:18px;padding:5px 14px;font-size:14px;font-weight:700;display:inline-block}.hero h1{letter-spacing:-.02em;margin:0 0 16px;font-size:clamp(32px,5vw,50px);line-height:1.15}.hero p{color:var(--ink-2);max-width:620px;margin:0 0 28px;font-size:19px}.hero .ctas{flex-wrap:wrap;gap:12px;display:flex}.section{border-top:1px solid var(--line);padding:64px 0}.section h2{letter-spacing:-.01em;margin:0 0 8px;font-size:clamp(26px,3.5vw,34px)}.section .lead{color:var(--ink-2);margin:0 0 32px}.cards{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;display:grid}.card{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-2);padding:22px}.card h3{margin:0 0 8px;font-size:18px}.card p{color:var(--ink-2);margin:0;font-size:16px}.plans{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));align-items:start;gap:18px;display:grid}.plan{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:24px;position:relative}.plan.featured{border-color:var(--accent);border-width:2px}.plan .tag{background:var(--accent);color:#fff;border-radius:999px;padding:3px 12px;font-size:13px;font-weight:700;position:absolute;top:-12px;left:24px}.plan h3{margin:0 0 4px;font-size:22px}.plan ul{gap:9px;margin:18px 0 22px;padding:0;list-style:none;display:grid}.plan li{color:var(--ink-2);align-items:flex-start;gap:9px;font-size:15px;display:flex}.plan li .mark{color:var(--ok);flex-shrink:0;font-weight:800}.plan li.off{color:#94a3b8}.plan li.off .mark{color:#cbd5e1}.form-page{place-items:center;padding:56px 0 72px;display:grid}.form-card{border:1px solid var(--line);border-radius:var(--radius);width:min(440px,100%);padding:28px}.form-card h1{margin:0 0 4px;font-size:26px}.form-card .lead{color:var(--muted);margin:0 0 22px}label{gap:6px;margin-bottom:16px;font-size:15px;font-weight:600;display:grid}input{font:inherit;border:1px solid var(--line);min-height:48px;color:var(--ink);background:#fff;border-radius:10px;padding:0 14px}input:focus-visible,.btn:focus-visible{outline-offset:2px;outline:3px solid #7dd3fc}.hint{color:var(--muted);font-size:14px;font-weight:400}.error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;margin-bottom:14px;padding:10px 14px;font-size:15px}.success{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;margin-bottom:14px;padding:10px 14px;font-size:15px}.terms{color:var(--muted);text-align:center;margin-top:14px;font-size:14px}.footer{border-top:1px solid var(--line);color:var(--muted);padding:28px 0;font-size:14px}.footer .inner{flex-wrap:wrap;align-items:center;gap:16px;display:flex}