:root{--black:#111;--ink:#202124;--muted:#667085;--soft:#f6f7f9;--white:#fff;--orange:#ff7a00;--green:#06c755;--blue:#2563eb;--border:#e5e7eb;--shadow:0 18px 50px rgba(15,23,42,.10);--radius:24px}*{box-sizing:border-box}body{margin:0;font-family:Arial,'Noto Sans Thai',sans-serif;color:var(--ink);background:#fff;line-height:1.75}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(1180px,calc(100% - 40px));margin:auto}.top-strip{background:#111;color:#fff;text-align:center;font-size:14px;padding:8px 18px}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}.nav-wrap{width:min(1180px,calc(100% - 40px));margin:auto;display:flex;align-items:center;justify-content:space-between;padding:14px 0}.brand{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:900}.brand-mark{width:40px;height:40px;border-radius:14px;background:linear-gradient(135deg,var(--orange),var(--green));box-shadow:0 10px 24px rgba(0,0,0,.13)}.main-nav{display:flex;gap:18px;align-items:center;font-weight:700}.nav-cta{background:var(--green);color:#fff;padding:10px 15px;border-radius:999px}.mobile-menu{display:none;border:0;background:#111;color:#fff;border-radius:12px;padding:8px 12px;font-size:20px}.hero-section{padding:72px 0}.dark{background:radial-gradient(circle at 85% 20%,rgba(255,122,0,.35),transparent 28%),radial-gradient(circle at 10% 90%,rgba(6,199,85,.28),transparent 30%),#111;color:#fff}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:42px;align-items:center}.eyebrow{display:inline-flex;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:7px 12px;font-size:14px;margin-bottom:16px}h1{font-size:clamp(36px,5vw,66px);line-height:1.08;margin:0 0 18px;letter-spacing:-.04em}h2{font-size:clamp(28px,3.2vw,42px);line-height:1.18;margin:0 0 16px;letter-spacing:-.025em}h3{font-size:21px;line-height:1.25;margin:0 0 10px}.hero-lead{font-size:20px;color:#f2f4f7;margin-bottom:26px}.button-row{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 18px;border-radius:999px;font-weight:900;border:2px solid transparent}.btn.primary{background:var(--orange);color:#fff}.btn.secondary{background:var(--blue);color:#fff}.btn.line{background:var(--green);color:#fff}.btn.outline{border-color:rgba(255,255,255,.42);color:#fff}.section{padding:64px 0}.soft{background:var(--soft)}.hero-image-card,.media-card{border-radius:32px;overflow:hidden;box-shadow:var(--shadow);background:#222}.hero-image-card img{width:100%;aspect-ratio:16/10;object-fit:cover}.media-card img{width:100%;aspect-ratio:4/5;object-fit:cover}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:start}.cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:24px;box-shadow:0 8px 28px rgba(15,23,42,.04)}.card.compact{padding:20px}.accent-card{border-top:6px solid var(--orange)}.answer-box{border-left:6px solid var(--orange);background:#fff7ed;padding:20px;border-radius:18px;margin:18px 0;font-weight:700}.muted{color:var(--muted)}.price-text{font-size:28px;font-weight:900;margin:16px 0;color:#111}.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.step-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:22px}.step-card span{display:grid;place-items:center;width:38px;height:38px;border-radius:13px;background:var(--orange);color:#fff;font-weight:900;margin-bottom:14px}.faq-list{display:grid;gap:12px}details{background:#fff;border:1px solid var(--border);border-radius:18px;padding:16px}summary{cursor:pointer;font-weight:900}details p{color:var(--muted)}.pill-list{display:flex;gap:10px;flex-wrap:wrap}.pill{border:1px solid var(--border);border-radius:999px;background:#fff;padding:8px 13px;font-weight:700}.cta-final{padding-top:20px}.cta-box{display:grid;grid-template-columns:1fr auto;gap:22px;align-items:center;background:#111;color:#fff;border-radius:34px;padding:34px}.footer{background:#0b0b0b;color:#ddd;padding:42px 0}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:28px}.footer a{color:#fff}.article-content{font-size:18px}.article-content p{margin:0 0 18px}.list-clean{list-style:none;margin:0;padding:0}.list-clean li{padding:9px 0;border-bottom:1px solid var(--border)}@media(max-width:860px){.mobile-menu{display:block}.main-nav{display:none}.nav-open .main-nav{display:flex;position:absolute;left:20px;right:20px;top:72px;background:#fff;border:1px solid var(--border);box-shadow:var(--shadow);border-radius:22px;padding:18px;flex-direction:column;align-items:flex-start}.hero-grid,.two-col,.cards-grid,.steps-grid,.cta-box,.footer-grid{grid-template-columns:1fr}.section,.hero-section{padding:44px 0}.container,.nav-wrap{width:min(100% - 28px,1180px)}h1{font-size:38px}.hero-lead{font-size:18px}.btn{width:100%}.button-row{width:100%}.media-card img{aspect-ratio:16/10}} 

/* CTA Button Library: 40 variants for safe business CTAs */
.btn-cta{position:relative;overflow:hidden;isolation:isolate;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;min-height:48px;gap:8px}.btn-cta:hover{transform:translateY(-2px);filter:saturate(1.08)}.btn-cta:active{transform:translateY(0)}.btn-cta::after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent,rgba(255,255,255,.32),transparent);transform:translateX(-120%);transition:transform .55s ease;z-index:-1}.btn-cta:hover::after{transform:translateX(120%)}
.cta-yellow-01{background:#ffd400;color:#111;box-shadow:0 12px 28px rgba(255,212,0,.28)}.cta-yellow-02{background:linear-gradient(135deg,#ffe66d,#ffc400);color:#111;box-shadow:0 14px 32px rgba(255,196,0,.28)}.cta-yellow-03{background:#fff;color:#8a5a00;border-color:#ffd400}.cta-yellow-04{background:#fff8cf;color:#7a5200;border-color:#ffe27a}.cta-yellow-05{background:#ffdf35;color:#111;box-shadow:0 8px 0 #b68400,0 18px 28px rgba(0,0,0,.18)}.cta-yellow-06{background:#111;color:#ffdf35;border-color:#ffdf35;box-shadow:0 0 0 4px rgba(255,223,53,.16)}.cta-yellow-07{background:linear-gradient(135deg,#fff1a6,#ffcf26);color:#111;border-radius:16px}.cta-yellow-08{background:#facc15;color:#111;border-radius:10px;letter-spacing:.02em}.cta-yellow-09{background:transparent;color:#ffd400;border-color:#ffd400}.cta-yellow-10{background:#fff3b0;color:#111;border-radius:999px;border-color:#fff3b0;box-shadow:inset 0 -3px 0 rgba(0,0,0,.10)}
.cta-green-01{background:#06c755;color:#fff;box-shadow:0 12px 28px rgba(6,199,85,.26)}.cta-green-02{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;box-shadow:0 14px 32px rgba(22,163,74,.28)}.cta-green-03{background:#fff;color:#138a43;border-color:#22c55e}.cta-green-04{background:#dcfce7;color:#166534;border-color:#86efac}.cta-green-05{background:#22c55e;color:#fff;box-shadow:0 8px 0 #15803d,0 18px 28px rgba(0,0,0,.18)}.cta-green-06{background:#052e16;color:#bbf7d0;border-color:#22c55e;box-shadow:0 0 0 4px rgba(34,197,94,.16)}.cta-green-07{background:linear-gradient(135deg,#86efac,#22c55e);color:#052e16;border-radius:16px}.cta-green-08{background:#16a34a;color:#fff;border-radius:10px;letter-spacing:.02em}.cta-green-09{background:transparent;color:#22c55e;border-color:#22c55e}.cta-green-10{background:#bbf7d0;color:#052e16;border-radius:999px;border-color:#bbf7d0;box-shadow:inset 0 -3px 0 rgba(0,0,0,.10)}
.cta-red-01{background:#ef4444;color:#fff;box-shadow:0 12px 28px rgba(239,68,68,.26)}.cta-red-02{background:linear-gradient(135deg,#ff6b6b,#dc2626);color:#fff;box-shadow:0 14px 32px rgba(220,38,38,.28)}.cta-red-03{background:#fff;color:#b91c1c;border-color:#ef4444}.cta-red-04{background:#fee2e2;color:#991b1b;border-color:#fca5a5}.cta-red-05{background:#ef4444;color:#fff;box-shadow:0 8px 0 #991b1b,0 18px 28px rgba(0,0,0,.18)}.cta-red-06{background:#450a0a;color:#fecaca;border-color:#ef4444;box-shadow:0 0 0 4px rgba(239,68,68,.16)}.cta-red-07{background:linear-gradient(135deg,#fecaca,#ef4444);color:#450a0a;border-radius:16px}.cta-red-08{background:#dc2626;color:#fff;border-radius:10px;letter-spacing:.02em}.cta-red-09{background:transparent;color:#f87171;border-color:#f87171}.cta-red-10{background:#fecaca;color:#450a0a;border-radius:999px;border-color:#fecaca;box-shadow:inset 0 -3px 0 rgba(0,0,0,.10)}
.cta-orange-01{background:#ff7a00;color:#fff;box-shadow:0 12px 28px rgba(255,122,0,.28)}.cta-orange-02{background:linear-gradient(135deg,#fb923c,#f97316);color:#fff;box-shadow:0 14px 32px rgba(249,115,22,.28)}.cta-orange-03{background:#fff;color:#c2410c;border-color:#fb923c}.cta-orange-04{background:#ffedd5;color:#9a3412;border-color:#fdba74}.cta-orange-05{background:#f97316;color:#fff;box-shadow:0 8px 0 #9a3412,0 18px 28px rgba(0,0,0,.18)}.cta-orange-06{background:#431407;color:#fed7aa;border-color:#fb923c;box-shadow:0 0 0 4px rgba(251,146,60,.16)}.cta-orange-07{background:linear-gradient(135deg,#fed7aa,#fb923c);color:#431407;border-radius:16px}.cta-orange-08{background:#ea580c;color:#fff;border-radius:10px;letter-spacing:.02em}.cta-orange-09{background:transparent;color:#fb923c;border-color:#fb923c}.cta-orange-10{background:#fed7aa;color:#431407;border-radius:999px;border-color:#fed7aa;box-shadow:inset 0 -3px 0 rgba(0,0,0,.10)}
.dark .cta-yellow-03,.dark .cta-green-03,.dark .cta-red-03,.dark .cta-orange-03{background:rgba(255,255,255,.96)}.dark .cta-yellow-09,.dark .cta-green-09,.dark .cta-red-09,.dark .cta-orange-09{background:rgba(0,0,0,.18)}@media(max-width:860px){.btn-cta{width:100%}}