.hst-hero{color:#fff;background:linear-gradient(135deg,#0f4c5c 0%,#1d809f 50%,#38bdf8 100%);padding:72px 0 80px}.hst-hero-inner{grid-template-columns:1.2fr .8fr;align-items:center;gap:48px;display:grid}.hst-hero-copy{text-align:left}.hst-hero h1{margin:0 0 16px;font-size:clamp(1.75rem,4vw,2.75rem);font-weight:700;line-height:1.25}.hst-hero-lead{opacity:.92;max-width:560px;margin:0 0 28px;font-size:1.1rem;line-height:1.65}.hst-hero-visual{text-align:center}.hst-hero-visual img{object-fit:contain;filter:drop-shadow(0 12px 32px #0003);width:160px;height:160px}.hst-notice{background:#fffbeb;border-bottom:1px solid #fde68a;padding:20px 0}.hst-notice-inner{align-items:flex-start;gap:16px;max-width:900px;margin:0 auto;display:flex}.hst-notice-icon{flex-shrink:0;margin-top:2px;font-size:1.25rem}.hst-notice strong{color:#92400e;margin-bottom:4px;font-size:.95rem;display:block}.hst-notice p{color:#78350f;margin:0;font-size:.92rem;line-height:1.6}.hst-notice a{color:#b45309;font-weight:600}.hst-notice--sunset{background:#fef2f2;border-bottom-color:#fecaca}.hst-notice--sunset strong{color:#991b1b}.hst-notice--sunset p{color:#7f1d1d}.hst-notice--sunset a{color:#b91c1c}.hst-notice-disclaimer{color:#7f1d1d;opacity:.85;margin:8px 0 0;font-size:.78rem;line-height:1.5}.hst-craftkru{padding-top:48px;padding-bottom:48px}.hst-about{text-align:center;max-width:720px;margin:0 auto}.hst-about>p{color:var(--hs-muted);margin:0 0 24px;font-size:1.05rem;line-height:1.75}.hst-about .preview-why-list{text-align:left;margin:0;display:inline-block}.hst-topics{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.hst-topic{border-radius:var(--hs-radius);background:#fff;border:1px solid #e2e8f0;padding:28px 24px;transition:box-shadow .2s,transform .2s}.hst-topic:hover{box-shadow:var(--hs-shadow);transform:translateY(-2px)}.hst-topic-icon{margin-bottom:12px;font-size:2rem;display:block}.hst-topic h4{color:#0f172a;margin:0 0 8px;font-size:1rem;font-weight:700}.hst-topic p{color:var(--hs-muted);margin:0;font-size:.9rem;line-height:1.55}.hst-pricing{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:24px;display:grid}.hst-plan{border-radius:var(--hs-radius);background:#fff;border:1px solid #e2e8f0;flex-direction:column;padding:32px 24px 28px;transition:box-shadow .2s;display:flex;position:relative}.hst-plan:hover{box-shadow:var(--hs-shadow)}.hst-plan.popular{border-color:var(--hs-primary);box-shadow:var(--hs-shadow-lg);transform:scale(1.02)}.hst-plan.popular:before{content:"ยอดนิยม";background:var(--hs-accent);color:#1e293b;white-space:nowrap;border-radius:999px;padding:4px 16px;font-size:12px;font-weight:700;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.hst-plan-version{color:var(--hs-primary);background:#1d809f1a;border-radius:999px;padding:4px 10px;font-size:.75rem;font-weight:700;position:absolute;top:16px;right:16px}.hst-plan-logo{text-align:center;margin-bottom:16px}.hst-plan-logo img{object-fit:contain;width:88px;height:88px;margin:0 auto}.hst-plan h3{text-align:center;margin:0 0 4px;font-size:1.05rem;font-weight:700}.hst-plan-subtitle{color:var(--hs-muted);text-align:center;margin:0 0 16px;font-size:.85rem}.hst-plan-price-row{text-align:center;margin-bottom:8px}.hst-plan .price{color:var(--hs-primary);font-size:2rem;font-weight:700;display:block}.hst-plan .unit{color:var(--hs-muted);font-size:.85rem}.hst-plan-note{color:#b45309;text-align:center;background:#fffbeb;border:1px solid #fde68a;border-radius:8px;margin:0 0 16px;padding:8px 12px;font-size:.82rem;line-height:1.45}.hst-plan ul{flex:1;margin:0 0 24px;padding:0;list-style:none}.hst-plan li{color:var(--hs-muted);border-bottom:1px solid #f1f5f9;padding:6px 0;font-size:.9rem}.hst-plan li:before{content:"✓ ";color:var(--hs-primary);font-weight:700}.hst-plan-actions{flex-direction:column;gap:8px;margin-top:auto;display:flex}.hst-plan-actions a{text-align:center;border-radius:999px;padding:10px 16px;font-size:.9rem;font-weight:600;text-decoration:none;transition:opacity .2s}.hst-plan-actions a:hover{opacity:.9;text-decoration:none}.hst-plan-actions .primary{background:var(--hs-primary);color:#fff}.hst-plan-actions .accent{background:var(--hs-accent);color:#1e293b}.hst-plan-actions .outline{border:2px solid var(--hs-primary);color:var(--hs-primary);background:0 0}.hst-faq-grid{grid-template-columns:repeat(2,1fr);gap:24px;max-width:960px;margin:0 auto;display:grid}.hst-faq-item{border-radius:var(--hs-radius);background:#fff;border:1px solid #e2e8f0;padding:24px}.hst-faq-item h4{color:#0f172a;margin:0 0 10px;font-size:1rem;font-weight:700}.hst-faq-item p{color:var(--hs-muted);margin:0;font-size:.92rem;line-height:1.6}.hst-cta{color:var(--hs-text,#1e293b);text-align:center;background:#f1f5f9;border-top:1px solid #e2e8f0;padding:64px 0}.hst-cta h2{color:var(--hs-primary,#0f4c5c);margin:0 0 12px;font-size:clamp(1.5rem,3vw,2rem);font-weight:700}.hst-cta>.container>p{color:var(--hs-muted,#475569);margin:0 0 28px;font-size:1.05rem}.hst-cta-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:16px;display:flex}.hst-cta-disclaimer{max-width:640px;color:var(--hs-muted,#64748b);margin:0 auto 16px;font-size:.82rem;line-height:1.55}.hst-cta-contact{color:var(--hs-muted,#64748b);margin:0;font-size:.95rem}.hst-cta-contact a{color:var(--hs-primary,#0f4c5c);font-weight:600}.hsb-hero{color:#fff;background:linear-gradient(135deg,#0f4c5c,#1d809f 60%,#38bdf8);padding:72px 0}.hsb-hero-inner{grid-template-columns:1fr 1fr;align-items:center;gap:48px;display:grid}.hsb-hero h1{margin:0 0 16px;font-size:clamp(2rem,4vw,2.75rem);font-weight:700}.hsb-hero .lead{opacity:.92;margin-bottom:24px;font-size:1.1rem}.hsb-hero-visual img{border-radius:var(--hs-radius);width:100%;max-width:320px;box-shadow:var(--hs-shadow-lg);margin:0 auto}.hsc-contact-grid{grid-template-columns:1fr 1fr;gap:40px;display:grid}.hsc-contact-card{border-radius:var(--hs-radius);background:#fff;border:1px solid #e2e8f0;padding:28px}.hsc-contact-card h3{color:var(--hs-primary);margin:0 0 16px;font-size:1.1rem;font-weight:700}.hsc-contact-card p{color:var(--hs-muted);margin:0 0 8px}.hsc-map{border-radius:var(--hs-radius);border:1px solid #e2e8f0;overflow:hidden}.hsc-map iframe{border:0;width:100%;height:350px;display:block}.hsi-courses{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.hsi-course{border-radius:var(--hs-radius);background:#fff;border:1px solid #e2e8f0;overflow:hidden}.hsi-course img{object-fit:cover;width:100%;height:180px}.hsi-course-body{padding:20px}.hsi-course h3{margin:0;font-size:1rem;font-weight:700}.article-page{max-width:1140px;margin:0 auto;padding:40px 15px}.article-intro{text-align:center;margin-bottom:40px}.article-intro h2{color:#0f172a;margin:0 0 8px;font-size:1.5rem;font-weight:700}.article-category-nav{grid-template-columns:repeat(6,1fr);gap:16px;margin-bottom:48px;display:grid}.article-category-nav-item{color:inherit;background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;align-items:center;padding:20px 12px;text-decoration:none;transition:border-color .2s,box-shadow .2s;display:flex}.article-category-nav-item:hover{border-color:var(--hs-primary);box-shadow:var(--hs-shadow);color:inherit;text-decoration:none}.article-category-nav-item .count{color:var(--hs-muted);margin-top:4px;font-size:.78rem}.article-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.article-card{color:inherit;background:#fff;border:1px solid #e2e8f0;border-radius:12px;text-decoration:none;transition:box-shadow .2s,transform .2s;display:block;overflow:hidden}.article-card:hover{box-shadow:var(--hs-shadow-lg);color:inherit;text-decoration:none;transform:translateY(-3px)}.article-card img{object-fit:cover;width:100%;height:180px}.article-card-body{padding:18px}.article-card h3{margin:0 0 8px;font-size:1rem;font-weight:700}.article-card p{color:var(--hs-muted);margin:0;font-size:.88rem}.article-pagination{justify-content:center;gap:8px;margin-top:40px;display:flex}.article-pagination a,.article-pagination span{color:var(--hs-text);border:1px solid #e2e8f0;border-radius:8px;padding:8px 14px;font-size:.9rem;text-decoration:none}.article-pagination a:hover{border-color:var(--hs-primary);color:var(--hs-primary)}.article-pagination .current{background:var(--hs-primary);color:#fff;border-color:var(--hs-primary)}.article-detail{max-width:800px;margin:0 auto;padding:40px 15px}.article-detail-header{margin-bottom:32px}.article-detail-header h1{color:#0f172a;margin:0 0 12px;font-size:clamp(1.5rem,3vw,2rem);font-weight:700}.article-detail-meta{color:var(--hs-muted);margin-bottom:24px;font-size:.9rem}.article-detail-image{border-radius:var(--hs-radius);width:100%;margin-bottom:32px}.article-detail-content{color:var(--hs-text);font-size:1.05rem;line-height:1.8}.article-detail-content p{margin-bottom:1.2em}.article-detail-content img{border-radius:8px;max-width:100%;height:auto;margin:1em 0}.article-detail-content h1,.article-detail-content h2,.article-detail-content h3{color:#0f172a;margin:1.5em 0 .75em;line-height:1.35}.article-detail-content ul,.article-detail-content ol{margin:0 0 1.2em 1.25em;padding:0}.article-detail-content li{margin-bottom:.5em}.article-detail-content a{color:var(--hs-primary);text-decoration:underline}.article-detail-content blockquote{border-left:4px solid var(--hs-primary);background:var(--hs-bg);margin:1.5em 0;padding:12px 18px}.article-related{border-top:1px solid #e2e8f0;margin-top:48px;padding-top:32px}.article-related h3{margin-bottom:24px;font-size:1.2rem;font-weight:700}@media (width<=991px){.hst-hero-inner{text-align:center;grid-template-columns:1fr}.hst-hero-copy{text-align:center}.hst-hero-lead{margin-left:auto;margin-right:auto}.hst-topics{grid-template-columns:repeat(2,1fr)}.hst-pricing{grid-template-columns:1fr}.hst-plan.popular{transform:none}.hst-faq-grid{grid-template-columns:1fr}.hsb-hero-inner{text-align:center;grid-template-columns:1fr}.hsc-contact-grid{grid-template-columns:1fr}.hsi-courses{grid-template-columns:1fr 1fr}.article-category-nav{grid-template-columns:repeat(3,1fr)}.article-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=767px){.hsi-courses{grid-template-columns:1fr}.article-category-nav{grid-template-columns:repeat(2,1fr)}.article-grid,.hs-profile-grid{grid-template-columns:1fr}.hs-profile-intro{text-align:center;grid-template-columns:1fr}.hs-profile-intro img{margin:0 auto}}.hs-profile-hero{color:#fff;text-align:center;background:linear-gradient(135deg,#0f4c5c 0%,#1d809f 55%,#38bdf8 100%);padding:56px 0 64px}.hs-profile-hero .label{letter-spacing:.1em;text-transform:uppercase;background:#ffffff26;border-radius:999px;margin-bottom:16px;padding:6px 14px;font-size:12px;font-weight:700;display:inline-block}.hs-profile-hero h1{margin:0 0 12px;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700}.hs-profile-hero .lead{opacity:.92;max-width:640px;margin:0 auto 24px;font-size:1.05rem}.hs-profile-habits{opacity:.9;flex-wrap:wrap;justify-content:center;gap:8px 12px;max-width:720px;margin:0 auto 28px;font-size:.82rem;display:flex}.hs-profile-habits span{background:#ffffff1f;border-radius:999px;padding:4px 10px}.hs-profile-section{padding:56px 0}.hs-profile-section-alt{background:var(--hs-bg)}.hs-profile-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.hs-profile-card{border-radius:var(--hs-radius);color:inherit;background:#fff;border:1px solid #e2e8f0;flex-direction:column;text-decoration:none;transition:box-shadow .2s,transform .2s;display:flex;overflow:hidden}.hs-profile-card:hover{box-shadow:var(--hs-shadow-lg);color:inherit;text-decoration:none;transform:translateY(-3px)}.hs-profile-card-accent{height:6px}.hs-profile-card-image{text-align:center;padding:24px 24px 0}.hs-profile-card-image img{object-fit:contain;width:140px;height:140px;margin:0 auto}.hs-profile-card-body{flex-direction:column;flex:1;padding:20px 24px 24px;display:flex}.hs-profile-card-code{color:var(--hs-muted);letter-spacing:.08em;font-size:.75rem;font-weight:700}.hs-profile-card-body h3{color:var(--hs-muted);letter-spacing:.06em;margin:4px 0 0;font-size:.85rem;font-weight:700}.hs-profile-card-body h4{color:#0f172a;margin:4px 0 8px;font-size:1.15rem;font-weight:700}.hs-profile-card-tagline{color:var(--hs-muted);flex:1;margin:0 0 12px;font-size:.9rem;line-height:1.55}.hs-profile-card-badge{border-radius:999px;margin-bottom:16px;padding:4px 10px;font-size:.78rem;font-weight:600;display:inline-block}.hs-profile-card-link{text-align:center;color:#fff;border-radius:999px;padding:10px 16px;font-size:.9rem;font-weight:600;display:block}.hs-profile-detail-hero{color:#fff;background:linear-gradient(135deg, var(--profile-color,#1d809f), color-mix(in srgb, var(--profile-color,#1d809f) 70%, #0f172a));padding:40px 0 48px}.hs-profile-breadcrumb{opacity:.9;flex-wrap:wrap;gap:8px;margin-bottom:16px;font-size:.88rem;display:flex}.hs-profile-breadcrumb a{color:#fff;text-decoration:underline}.hs-profile-breadcrumb span{opacity:.7}.hs-profile-detail-hero h1{margin:0 0 8px;font-size:clamp(1.75rem,4vw,2.25rem);font-weight:700}.hs-profile-detail-hero .subtitle{opacity:.9;margin:0 0 8px;font-size:.95rem}.hs-profile-detail-hero .tagline{opacity:.95;max-width:640px;margin:0;font-size:1.05rem}.hs-profile-intro{grid-template-columns:280px 1fr;align-items:start;gap:40px;display:grid}.hs-profile-intro img{border-radius:var(--hs-radius);background:var(--hs-bg);width:100%;max-width:280px;padding:16px}.hs-profile-prose{color:var(--hs-text);font-size:1.02rem;line-height:1.85}.hs-profile-prose h2{color:#0f172a;margin:0 0 16px;font-size:1.35rem;font-weight:700}.hs-profile-quote{background:var(--hs-bg);border-left:4px solid var(--profile-color,var(--hs-primary));color:#0f172a;border-radius:0 12px 12px 0;margin-bottom:20px;padding:16px 20px;font-size:1.05rem;font-weight:600}.hs-profile-block{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:16px;padding:24px}.hs-profile-block:last-child{margin-bottom:0}.hs-profile-block h3{margin:0 0 10px;font-size:1rem;font-weight:700}.hs-profile-block--good h3{color:#16a34a}.hs-profile-block--bad h3{color:#dc2626}.hs-profile-block p{color:var(--hs-text);margin:0 0 .75em;font-size:.98rem;line-height:1.8}.hs-profile-block p:last-child{margin-bottom:0}.hs-profile-talent p{margin:0 0 .75em}.hs-profile-talent p:last-child{margin-bottom:0}.hs-profile-prose p{margin:0 0 1em}.hs-profile-talents{gap:16px;display:grid}.hs-profile-talent{color:var(--hs-text);background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px 24px;font-size:.98rem;line-height:1.8}.hs-profile-mini-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.hs-profile-mini{text-align:center;color:inherit;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:16px;text-decoration:none;transition:border-color .2s,box-shadow .2s;display:block}.hs-profile-mini:hover{border-color:var(--hs-primary);box-shadow:var(--hs-shadow);color:inherit;text-decoration:none}.hs-profile-mini img{object-fit:contain;width:72px;height:72px;margin:0 auto 10px}.hs-profile-mini strong{color:#0f172a;font-size:.9rem;display:block}.hs-profile-mini span{color:var(--hs-muted);font-size:.78rem}@media (width<=991px){.hs-profile-grid,.hs-profile-mini-grid{grid-template-columns:repeat(2,1fr)}}