@import url('https://fonts.googleapis.com/css2?family=Prompt:wght@400;500;600;700&family=Sarabun:wght@400;500;600;700&display=swap');
:root{--primary-color:#087f8c;--secondary-color:#334155;--accent-color:#087f8c;--bg-primary:#f7fafc;--bg-secondary:#edf5f7;--bg-card:#fff;--text-primary:#16324f;--text-secondary:#475569;--border-color:#dce7ed;--glass-bg:#fff;--glass-border:#dce7ed;--nav-bg:#fff;--nav-border:#dce7ed;--feature-bg:#fff;--feature-border:#dce7ed}
body{background:#f7fafc!important;color:#334155;font-family:Sarabun,sans-serif;font-size:17px;line-height:1.75}h1,h2,h3,h4,h5,h6,.navbar-brand,.btn,.cta-button{font-family:Prompt,sans-serif;color:#16324f;letter-spacing:0}a{color:#087f8c}.aurora-background{background:#f7fafc!important}.glass-nav{background:#fff!important;border-color:#dce7ed!important}.glass-nav .navbar-brand{color:#16324f!important}.glass-nav .nav-link:hover,.glass-nav .nav-link.active{color:#087f8c!important;background:#edf8f8}.glass-card,.feature-card,.plan-card,.hosting-choice-card{background:#fff!important;border:1px solid #dce7ed!important;border-radius:20px!important;box-shadow:0 6px 24px #16324f05}.btn-primary,.cta-button{background:#087f8c!important;border-color:#087f8c!important;color:white!important;border-radius:12px!important}.btn-primary:hover,.cta-button:hover{background:#066773!important}.btn-outline-primary{color:#087f8c!important;border-color:#087f8c!important;border-radius:12px}.text-secondary{color:#475569!important}.section-kicker,.feature-icon{color:#087f8c!important}.hosting-choice-size{background:#16324f}.content-table thead th{background:#16324f!important}.content-table tbody th{background:#edf5f7!important}.content-table th,.content-table td{border-color:#dce7ed!important}.content-table tbody tr:nth-child(even) td{background:#f7fafc!important}.footer{background:#fff!important;color:#475569!important;border-top:1px solid #dce7ed!important}.footer-link,.footer .copyright,.footer .copyright a{color:#475569!important}.accordion-item,.accordion-body{background:#fff!important;color:#334155!important;border-color:#dce7ed!important}.accordion-button{background:#fff!important;color:#16324f!important}.accordion-button:not(.collapsed){background:#edf8f8!important;color:#087f8c!important}
.fh-wrap{max-width:1160px;margin:auto;padding:0 24px}.fh-hero{padding:136px 0 72px;display:grid;grid-template-columns:1.1fr 1fr;gap:64px;align-items:center}.fh-kicker{font:500 14px Prompt,sans-serif;color:#087f8c;display:inline-block;margin-bottom:20px}.fh-hero h1{font-size:clamp(32px,4.2vw,54px);line-height:1.3;margin-bottom:22px}.fh-hero h1 span{color:#087f8c}.fh-lead{font-size:20px;max-width:550px;color:#475569}.fh-actions{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0 18px}.fh-button{display:inline-flex;align-items:center;justify-content:center;padding:13px 22px;border-radius:12px;background:#087f8c;color:white;text-decoration:none;font:500 16px Prompt,sans-serif;border:1px solid #087f8c}.fh-button:hover{background:#066773;color:white}.fh-button.secondary{background:#fff;color:#16324f;border-color:#c7d8e2}.fh-note{font-size:15px;color:#475569}.fh-preview{position:relative;background:#e8f3f4;border-radius:32px;padding:30px}.fh-browser{background:#fff;border:1px solid #d5e3e8;border-radius:16px;overflow:hidden;box-shadow:0 20px 45px #16324f12;transform:rotate(-2deg)}.fh-browserbar{display:flex;align-items:center;gap:6px;padding:12px 16px;background:#f3f7f9;border-bottom:1px solid #e2e8f0}.fh-dot{width:7px;height:7px;background:#b5c9d4;border-radius:50%}.fh-url{margin:auto;font-size:12px;color:#526778}.fh-example{padding:28px}.fh-example small{color:#087f8c}.fh-example h2{font-size:28px;line-height:1.4;margin:12px 0}.fh-example-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}.fh-project{padding:22px 14px;border-radius:12px;background:#edf5f7;color:#16324f}.fh-project:nth-child(2){background:#fff4d6}.fh-preview-caption{display:block;text-align:center;margin-top:20px;color:#475569;font-size:13px}.fh-section{padding:56px 0}.fh-section h2{font-size:clamp(25px,3vw,34px);line-height:1.4}.fh-intro{max-width:650px;margin-bottom:28px}.fh-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.fh-card{background:#fff;border:1px solid #dce7ed;border-radius:20px;padding:32px}.fh-card.featured{border:2px solid #087f8c}.fh-card h3{font-size:23px;margin:15px 0}.fh-tag{display:inline-block;background:#edf8f8;color:#066773;padding:5px 12px;border-radius:99px;font-size:14px;font-weight:600}.fh-price{font:600 38px Prompt,sans-serif;color:#16324f;margin:16px 0 4px}.fh-price small{font:400 15px Sarabun,sans-serif;color:#475569}.fh-card ul{padding-left:20px;margin:22px 0}.fh-card li{margin:9px 0}.fh-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.fh-three .fh-card{padding:25px}.fh-step{display:flex;width:40px;height:40px;align-items:center;justify-content:center;background:#edf8f8;color:#087f8c;border-radius:12px;font-weight:700;margin-bottom:18px}.fh-notice{padding:26px 30px;background:#fff4d6;border:1px solid #eddda9;border-radius:16px;color:#614a20}.fh-notice h3{color:#614a20;font-size:21px}.fh-faq details{background:#fff;border-bottom:1px solid #dce7ed;padding:21px 24px}.fh-faq details:first-child{border-radius:16px 16px 0 0}.fh-faq details:last-child{border-radius:0 0 16px 16px}.fh-faq summary{cursor:pointer;font-weight:600;color:#16324f}.fh-faq p{margin:14px 0 0}.fh-band{background:#16324f;border-radius:24px;padding:38px;color:#dce7ed}.fh-band h2{color:white}.fh-band a{color:#fff}.fh-error{min-height:calc(100vh - 170px);display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:48px;padding:70px 0}.fh-error-number{font:700 clamp(100px,18vw,220px) Prompt,sans-serif;color:#087f8c;line-height:1.2;letter-spacing:-.07em}.fh-error-art{background:linear-gradient(145deg,#e5f3f4,#f1f6fa);border:1px solid #dce7ed;border-radius:36px;text-align:center;padding:48px 20px}.fh-error h1{font-size:36px}.fh-skip{position:fixed;left:16px;top:-100px;z-index:9999;background:#16324f;color:white;padding:12px}.fh-skip:focus{top:12px}:focus-visible{outline:3px solid #087f8c;outline-offset:4px}img{max-width:100%}
@media(max-width:767px){.fh-hero{grid-template-columns:1fr;gap:30px;padding:110px 0 32px}.fh-preview{padding:20px}.fh-section{padding:34px 0}.fh-grid,.fh-three,.fh-error{grid-template-columns:1fr}.fh-card{padding:24px}.fh-wrap{padding:0 20px}.fh-error{gap:30px;padding:36px 0}.fh-error-art{order:-1;padding:20px}.fh-error-number{font-size:120px}.fh-error h1{font-size:29px}.fh-band{padding:26px}.fh-actions .fh-button{flex:1;white-space:nowrap}.fh-lead{font-size:18px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}.fh-browser{transform:none}}

.fh-button{color:#fff!important}.fh-button.secondary{color:#16324f!important}.glass-nav .text-primary,.text-primary{color:#087f8c!important}.glass-nav .nav-link{border-bottom-color:transparent!important}.glass-nav .nav-link.active{border-bottom-color:#087f8c!important}*{box-sizing:border-box}body{margin:0}

/* Replace the ivory/gold headers inherited from the earlier theme. */
.hero-section,.article-hero{background:linear-gradient(135deg,#f7fafc 0%,#edf7f8 100%)!important;border-bottom:1px solid #dce7ed!important}
.hero-section{padding-top:112px!important}
.hero-title,.article-hero h1{color:#16324f!important}
.hero-title:after{background:#087f8c!important}
.hero-subtitle,.article-lead{color:#475569!important}
.article-back,.article-category{color:#087f8c!important}
.business-eyebrow,.business-nav a,.blog-categories a{background:#fff!important;border-color:#c6d7e0!important;color:#087f8c!important;border-radius:10px}
.business-nav a:hover,.blog-categories a:hover{background:#edf8f8!important;border-color:#087f8c!important}
.blog-article{background:#fff;border-color:#dce7ed;border-top-color:#087f8c;border-radius:16px}
.blog-article .article-number,.blog-article .article-category,.blog-article summary:after{color:#087f8c}
.blog-section-icon{background:#16324f;border-radius:10px}
@media(max-width:767px){.hero-section{padding-top:100px!important}.article-hero{padding-top:3rem}}
/* Article surfaces share the same palette as their headers. */
.article-main{background:#f7fafc}
.article-content{background:#fff!important;border-color:#dce7ed!important;border-top-color:#087f8c!important;border-radius:16px;color:#334155}
.article-service{background:#edf7f8!important;border-color:#c6dfe3!important;border-left-color:#087f8c!important;border-radius:14px}
.article-service span{color:#087f8c}.article-service p,.article-pagination span{color:#475569}
.article-related{background:#edf5f7!important;border-color:#dce7ed!important;border-radius:14px}
.article-related a{border-color:#d1e2e8!important;color:#087f8c}
.article-pagination a{background:#fff!important;border-color:#dce7ed!important;border-radius:14px}
.article-content h2,.article-related h2,.article-pagination strong{color:#16324f}

.glass-nav .navbar-nav .nav-link.active,.glass-nav .navbar-nav .nav-link[aria-current]{background:#e6f5f5!important;color:#066773!important;font-weight:600;border-bottom:3px solid #087f8c!important;border-radius:10px 10px 0 0}
/* Business navigation disclosure: native keyboard and touch support. */
.business-dropdown{position:relative}.business-menu-summary{cursor:pointer;list-style:none;display:flex!important;align-items:center;gap:6px;white-space:nowrap}.business-menu-summary::-webkit-details-marker{display:none}.business-chevron{font-size:18px;line-height:1;transition:transform .15s}.business-dropdown[open] .business-chevron{transform:rotate(180deg)}.business-dropdown-panel{position:absolute;top:calc(100% + 10px);left:0;z-index:100;min-width:270px;padding:10px;background:#fff;border:1px solid #dce7ed;border-radius:16px;box-shadow:0 15px 40px #16324f20}.business-dropdown-panel a{display:block!important;padding:10px 14px!important;color:#334155!important;text-decoration:none;border:0!important;border-radius:8px;font-size:16px;line-height:1.5}.business-dropdown-panel a:hover,.business-dropdown-panel a:focus-visible{background:#edf8f8;color:#066773!important}.business-dropdown-panel a:first-child{font-weight:600;color:#087f8c!important;border-bottom:1px solid #dce7ed!important;border-radius:0;margin-bottom:5px}.business-menu-summary.active{background:#e6f5f5!important;color:#066773!important;border-bottom:3px solid #087f8c!important;border-radius:10px 10px 0 0;font-weight:600}.registration-menu .business-menu-summary{padding:.65rem .75rem}.registration-mobile-menu .business-menu-summary{padding:.72rem .25rem}
@media(max-width:991.98px){.business-nav-item{width:100%}.business-dropdown-panel{position:static;min-width:0;margin:8px 0;box-shadow:none;background:#f4fafb}.business-menu-summary{justify-content:space-between}.navbar-nav>.nav-item{width:100%}}
/* Keep the Thai gable and cloud mark aligned beside the site name. */
.navbar-brand .brand-icon{display:inline-block;width:30px;height:30px;object-fit:contain;vertical-align:middle;flex:none}