html,body{margin:0}:root{--ink:#101214;--paper:#f5f4f0;--line:#d7d5cf;--muted:#676a6d;--dark:#17191b}*{box-sizing:border-box}.seo-main{background:var(--paper);color:var(--ink);min-height:70vh;font-family:Arial,Noto Sans Thai,sans-serif}.seo-header{z-index:20;border-bottom:1px solid var(--line);background:#fffffff5;align-items:center;gap:28px;padding:14px clamp(18px,4vw,64px);display:flex;position:sticky;top:0}.seo-brand{color:var(--ink);align-items:center;gap:12px;text-decoration:none;display:flex}.seo-brand img{object-fit:contain;width:76px;height:45px}.seo-brand span{display:grid}.seo-brand small{color:var(--muted)}.seo-header nav{gap:18px;margin-left:auto;display:flex}.seo-header nav a,.seo-footer a{color:inherit;text-decoration:none}.seo-call,.seo-actions a,.seo-cta a{background:var(--ink);color:#fff;border-radius:3px;padding:11px 16px;text-decoration:none}.seo-hero{color:#fff;background:linear-gradient(135deg,#111315,#292c2f);grid-template-columns:1.05fr .95fr;align-items:center;gap:5vw;min-height:610px;padding:70px clamp(22px,7vw,110px);display:grid}.seo-hero h1,.seo-list-head h1{margin:.2em 0;font-size:clamp(38px,6vw,78px);line-height:1.04}.seo-lead,.seo-list-head>p{max-width:820px;font-size:clamp(18px,2vw,23px);line-height:1.7}.seo-hero>img{object-fit:cover;border-radius:4px;width:100%;height:470px}.seo-eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:700}.seo-actions{gap:12px;margin-top:28px;display:flex}.seo-actions a:last-child{color:var(--ink);background:#fff}.seo-section{border-bottom:1px solid var(--line);padding:70px clamp(22px,7vw,110px)}.seo-section h2{max-width:900px;font-size:clamp(30px,4vw,52px)}.seo-two{grid-template-columns:1fr 1fr;gap:8vw;display:grid}.seo-two p,.seo-two li,.seo-card p,.seo-faq p{color:#45494c;font-size:17px;line-height:1.7}.seo-two li{border-bottom:1px solid var(--line);padding:14px 0}.seo-steps{grid-template-columns:repeat(4,1fr);gap:14px;padding:0;list-style:none;display:grid}.seo-steps li{border:1px solid var(--line);background:#fff;gap:32px;padding:26px;display:grid}.seo-steps span,.seo-card span,.seo-pillars span{letter-spacing:.12em;color:var(--muted);font-size:12px}.seo-faq{gap:12px;display:grid}.seo-faq details{border:1px solid var(--line);background:#fff;padding:20px}.seo-faq summary{cursor:pointer;font-size:20px;font-weight:700}.seo-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.seo-card{color:var(--ink);border:1px solid var(--line);background:#fff;padding-bottom:24px;text-decoration:none;display:block}.seo-card img{object-fit:cover;width:100%;height:230px}.seo-card h2,.seo-card h3,.seo-card p,.seo-card span{margin-left:22px;margin-right:22px;display:block}.seo-card span{margin-top:20px}.seo-cta{background:#d9d6ce;padding:70px clamp(22px,7vw,110px)}.seo-cta h2{max-width:900px;font-size:clamp(30px,5vw,58px)}.seo-footer{color:#fff;background:#111315;justify-content:space-between;gap:30px;padding:42px clamp(22px,7vw,110px);display:flex}.seo-footer div:last-child{gap:8px;display:grid}.seo-list-head{color:#fff;background:#17191b;padding:90px clamp(22px,7vw,110px)}.seo-pillars{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.seo-pillars article{border:1px solid var(--line);background:#fff;padding:28px}.seo-pillars h3{font-size:24px}.seo-proof{grid-template-columns:1fr 1fr;gap:12px;padding:0;list-style:none;display:grid}.seo-proof li{border:1px solid var(--line);background:#fff;padding:20px}@media (width<=900px){.seo-header nav{display:none}.seo-call{margin-left:auto}.seo-hero,.seo-two{grid-template-columns:1fr}.seo-hero{padding-top:44px}.seo-hero>img{height:320px}.seo-grid,.seo-pillars,.seo-steps{grid-template-columns:1fr 1fr}}@media (width<=620px){.seo-brand small{display:none}.seo-call{font-size:13px}.seo-grid,.seo-pillars,.seo-proof,.seo-steps{grid-template-columns:1fr}.seo-actions,.seo-footer{display:grid}}