:root{--blue:#dff5ff;--blue2:#b9e8f7;--green:#dff6e8;--green2:#69b88a;--ink:#17303a;--muted:#60717a;--line:#d7e9ee;--white:#fff;--cream:#f8fcfb;--accent:#128060;--shadow:0 14px 40px rgba(32,91,107,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,"Noto Sans Thai",Tahoma,sans-serif;color:var(--ink);background:linear-gradient(180deg,var(--blue) 0,#fff 34%,var(--cream) 100%);line-height:1.7}a{color:inherit}img{max-width:100%;height:auto;display:block}.wrap{width:min(1160px,calc(100% - 32px));margin:auto}.site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.nav{height:76px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:800;font-size:20px}.brand img{border-radius:8px}.nav-links{display:flex;align-items:center;gap:18px;font-weight:700}.nav-links a{text-decoration:none}.pill,.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:8px;padding:10px 16px;background:var(--accent);color:white;text-decoration:none;font-weight:800;border:0}.btn.secondary{background:white;color:var(--accent);border:1px solid var(--green2)}.hero{padding:48px 0 34px}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:32px;align-items:center}.eyebrow{display:inline-flex;margin:0 0 12px;padding:5px 10px;border-radius:999px;background:var(--green);color:#236849;font-weight:800;font-size:14px}h1{font-size:clamp(32px,5vw,58px);line-height:1.15;margin:0 0 18px;letter-spacing:0}h2{font-size:clamp(24px,3vw,34px);line-height:1.25;margin:0 0 16px}h3{font-size:20px;line-height:1.35;margin:0 0 10px}.lead{font-size:20px;color:#36515c;margin:0 0 22px}.answer-box,.calc,.toc,.card,.faq details,.summary-box{background:white;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow)}.answer-box{padding:22px;border-left:6px solid var(--green2);margin:22px 0}.hero-photo img,.content-photo img{border-radius:8px;border:1px solid var(--line);box-shadow:var(--shadow);aspect-ratio:4/3;object-fit:cover}.cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.section{padding:42px 0}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:28px;align-items:start}.article{background:rgba(255,255,255,.72);border:1px solid var(--line);border-radius:8px;padding:28px}.article p{margin:0 0 16px}.article ul{margin-top:0}.toc,.calc{padding:18px;position:sticky;top:96px}.toc a{display:block;text-decoration:none;padding:8px 0;border-bottom:1px solid #edf5f7;color:#284a55}.calc input,.calc select{width:100%;padding:11px;border:1px solid var(--line);border-radius:8px;margin:6px 0 12px;font:inherit}.price-result{font-size:26px;font-weight:900;color:var(--accent);padding:12px;background:var(--green);border-radius:8px;text-align:center}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{padding:18px;text-decoration:none;transition:.18s transform,.18s box-shadow}.card:hover{transform:translateY(-2px);box-shadow:0 18px 44px rgba(32,91,107,.18)}.image-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:22px 0}.image-strip a img{border-radius:8px;aspect-ratio:4/3;object-fit:cover}.faq details{padding:16px;margin:12px 0}.faq summary{cursor:pointer;font-weight:800}.breadcrumb{font-size:14px;color:var(--muted);padding-top:16px}.breadcrumb a{text-decoration:none}.reviews{background:linear-gradient(180deg,#fff,var(--green))}.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.review-img img{border-radius:8px;aspect-ratio:16/11;object-fit:cover;border:1px solid var(--line)}.footer{background:#153641;color:white;padding:36px 0}.footer a{color:white}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:24px}.footer img{border-radius:8px}.category-block{margin:22px 0}.category-block h3{padding-bottom:8px;border-bottom:2px solid var(--green2)}.mini-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.mini-list a{padding:10px 12px;background:white;border:1px solid var(--line);border-radius:8px;text-decoration:none}.summary-box{padding:18px;margin:18px 0;background:#fbffff}@media(max-width:860px){.nav{height:auto;min-height:72px;align-items:flex-start;flex-direction:column;padding:12px 0}.nav-links{width:100%;overflow:auto;gap:12px;padding-bottom:4px}.hero-grid,.content-grid,.footer-grid{grid-template-columns:1fr}.card-grid,.review-grid,.image-strip,.mini-list{grid-template-columns:1fr}.toc,.calc{position:static}h1{font-size:34px}.article{padding:20px}.lead{font-size:18px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto;transition:none!important}}

.pro-join{background:linear-gradient(135deg,#dff5ff,#dff6e8 62%,#fff)}
.pro-join-box{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center;background:#fff;border:2px solid var(--green2);border-radius:8px;padding:26px;box-shadow:0 20px 52px rgba(18,128,96,.18)}
.pro-join-box h2{margin-bottom:10px}
.pro-join-box p:last-child{margin:0;color:#36515c}
.pro-join-btn{font-size:20px;padding:16px 24px;white-space:nowrap;background:#0b7658}
@media(max-width:860px){.pro-join-box{grid-template-columns:1fr}.pro-join-btn{width:100%;font-size:18px}}