:root{--primary-color:#155eef;--secondary-color:#334155;--accent-color:#12b76a;--bg-primary:#f8fafc;--bg-secondary:#f1f5f9;--bg-card:#fff;--text-primary:#0f172a;--text-secondary:#64748b;--border-color:#e2e8f0;--glass-bg:#fff;--glass-border:#e2e8f0;--nav-bg:rgba(255,255,255,.96);--nav-border:#e2e8f0;--feature-bg:#fff;--feature-border:#e2e8f0}
html{scroll-behavior:smooth}body{background:#f8fafc;color:#0f172a;line-height:1.7}.aurora-background{background:#f8fafc}.aurora-background:before,.aurora-background:after,#particle-canvas{display:none!important}.glass-nav{background:rgba(255,255,255,.96);border-bottom:1px solid #e2e8f0;box-shadow:none;backdrop-filter:blur(12px)}.glass-nav .navbar-brand{color:#0f172a!important;letter-spacing:-.02em}.glass-nav .nav-link{color:#475569!important;border-radius:.55rem;padding:.55rem .75rem!important}.glass-nav .nav-link:hover,.glass-nav .nav-link.active{color:#155eef!important;background:#eff6ff}.hero-section{padding:104px 0 56px;text-align:left;overflow:visible}.hero-title{font-size:clamp(2.15rem,5vw,4.25rem);line-height:1.12;letter-spacing:-.04em;animation:none}.hero-subtitle{color:#64748b;max-width:760px;animation:none}.glass-card,.feature-card{opacity:1;transform:none;background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 1px 2px rgba(15,23,42,.04);backdrop-filter:none}.glass-card{padding:clamp(1.35rem,3vw,2.25rem)}.glass-card:before{display:none}.glass-card:hover,.feature-card:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(15,23,42,.07)}.feature-card{padding:1.6rem;text-align:left}.feature-icon{color:#155eef;background:none;-webkit-text-fill-color:currentColor;font-size:2rem}.cta-button,.btn-primary{background:#155eef!important;border-color:#155eef!important;border-radius:.7rem;box-shadow:none!important;font-weight:600}.cta-button[style*="background"]{background:#fff!important}.cta-button:hover,.btn-primary:hover{background:#004eeb!important;border-color:#004eeb!important;transform:translateY(-1px)}.cta-button[style*="background"]:hover{background:#eff6ff!important}.btn-outline-primary{border-color:#bfdbfe;color:#155eef;border-radius:.7rem}.btn-outline-primary:hover{background:#eff6ff;border-color:#93c5fd;color:#174ea6}.footer{background:#fff;border-top:1px solid #e2e8f0;color:#64748b}.footer-link{color:#475569}h1,h2,h3,h4,h5,h6{color:#0f172a;letter-spacing:-.02em}.text-secondary{color:#64748b!important}section{scroll-margin-top:90px}
.business-shell{max-width:1180px}.business-eyebrow{display:inline-flex;padding:.38rem .7rem;border:1px solid #bfdbfe;border-radius:999px;color:#174ea6;background:#eff6ff;font-size:.85rem;font-weight:600}.business-nav{display:flex;gap:.55rem;flex-wrap:wrap}.business-nav a{color:#475569;text-decoration:none;background:#fff;border:1px solid #e2e8f0;border-radius:999px;padding:.45rem .8rem;font-size:.9rem}.business-nav a:hover{color:#155eef;border-color:#93c5fd}.catalogue-section{padding:4.5rem 0;border-top:1px solid #e2e8f0}.catalogue-heading{max-width:720px;margin-bottom:2rem}.catalogue-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.plan-card{display:flex;flex-direction:column;background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:1.35rem;min-height:100%}.plan-card.featured{border-color:#84adff;box-shadow:0 0 0 3px #eff6ff}.plan-label{color:#155eef;font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.plan-price{font-size:1.8rem;font-weight:700;letter-spacing:-.03em;margin:.75rem 0 0}.plan-cycle{color:#64748b;font-size:.85rem}.plan-card ul{list-style:none;padding:0;margin:1.1rem 0 1.35rem;color:#475569;font-size:.92rem}.plan-card li{position:relative;padding-left:1.35rem;margin-bottom:.55rem}.plan-card li:before{content:'✓';position:absolute;left:0;color:#12b76a;font-weight:700}.plan-card .btn{margin-top:auto}.service-note{background:#f1f5f9;border-radius:12px;padding:1rem 1.15rem;color:#475569;font-size:.9rem}
.footer{padding:2rem 0}.footer-link{display:inline-block;margin:.3rem 1rem;text-decoration:none}.footer .copyright{font-size:.9rem}.footer-credit{display:block;margin-top:.35rem}.footer .copyright a{color:inherit}.vps-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.plan-card h3{font-size:1.15rem;margin-top:.45rem;margin-bottom:0}@media(max-width:991.98px){.glass-nav .navbar-collapse{background:#fff;margin-top:.8rem;padding:.7rem;border:1px solid #e2e8f0;border-radius:.8rem}.hero-section{padding-top:88px;text-align:center}.catalogue-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:575.98px){.catalogue-grid,.vps-grid{grid-template-columns:1fr}.catalogue-section{padding:3rem 0}.footer-link{margin:.3rem .55rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* Classic edition — ivory paper, navy ink and restrained gold details */
:root{--primary-color:#17365d;--secondary-color:#6b5b3e;--accent-color:#a77b24;--bg-primary:#f7f3e9;--bg-secondary:#efe8d8;--bg-card:#fffdf8;--text-primary:#202a36;--text-secondary:#6b675f;--border-color:#d8cfbd;--glass-bg:#fffdf8;--glass-border:#d8cfbd;--nav-bg:rgba(255,253,248,.97);--nav-border:#c8b78f;--feature-bg:#fffdf8;--feature-border:#d8cfbd}
body{background:#f7f3e9;color:#202a36}.aurora-background{background:linear-gradient(180deg,#fbf8f0 0,#f3eddf 100%)}.glass-nav{background:rgba(255,253,248,.97);border-bottom:2px solid #c8b78f;box-shadow:0 2px 10px rgba(50,41,25,.06)}.glass-nav .navbar-brand{color:#17365d!important;font-family:Georgia,"Times New Roman",serif;letter-spacing:0}.glass-nav .nav-link{color:#44413a!important;border-radius:2px}.glass-nav .nav-link:hover,.glass-nav .nav-link.active{color:#17365d!important;background:#eee5d2;border-bottom:2px solid #a77b24}.hero-section{border-bottom:1px solid #d8cfbd;background:linear-gradient(180deg,rgba(255,253,248,.85),rgba(247,243,233,.5))}.hero-title,h1,h2,h3,h4,h5,h6{color:#17365d;letter-spacing:-.01em}.hero-title{font-family:Georgia,"Times New Roman",serif;font-weight:700}.hero-subtitle,.text-secondary{color:#6b675f!important}.glass-card,.feature-card,.plan-card{background:#fffdf8;border:1px solid #d8cfbd;border-radius:6px;box-shadow:0 3px 12px rgba(60,48,30,.06)}.glass-card:hover,.feature-card:hover{transform:none;box-shadow:0 5px 16px rgba(60,48,30,.09);border-color:#bcae91}.feature-icon{color:#a77b24}.cta-button,.btn-primary{background:#17365d!important;border-color:#17365d!important;border-radius:3px;box-shadow:none!important}.cta-button:hover,.btn-primary:hover{background:#244d7d!important;border-color:#244d7d!important;transform:none}.cta-button[style*="background"]{background:#fffdf8!important;color:#17365d!important}.btn-outline-primary{background:#fffdf8;border-color:#17365d;color:#17365d;border-radius:3px}.btn-outline-primary:hover,.cta-button[style*="background"]:hover{background:#eee5d2!important;border-color:#a77b24;color:#17365d}.business-eyebrow,.business-nav a{border-radius:2px;background:#eee5d2;border-color:#c8b78f;color:#17365d}.business-nav a:hover{background:#e5d8bd;border-color:#a77b24;color:#17365d}.catalogue-section{border-top:1px solid #d8cfbd}.plan-card{border-radius:5px}.plan-card.featured{border:2px solid #a77b24;box-shadow:0 4px 16px rgba(109,82,31,.12)}.plan-label{color:#8a641c}.plan-card li:before{color:#8a641c}.service-note{background:#eee5d2;border:1px solid #d8cfbd;border-radius:3px;color:#575149}.footer{background:#17365d;border-top:4px solid #a77b24;color:#e9e1d1}.footer-link,.footer .copyright,.footer .copyright a{color:#e9e1d1!important}.footer-link:hover{color:#f5cf7a!important}.table{--bs-table-bg:transparent;--bs-table-color:#202a36}.accordion-item{border-color:#d8cfbd!important;border-radius:3px!important}.accordion-button{background:#fffdf8;color:#17365d}.accordion-button:not(.collapsed){background:#eee5d2;color:#17365d;box-shadow:none}

/* Readable type and accessible colour contrast across the public site */
body{font-size:1rem;line-height:1.75}
p,li,td,th,.accordion-body{line-height:1.75}
small,.small,.badge,.business-eyebrow,.plan-label,.plan-cycle{font-size:.875rem!important;line-height:1.45}
.footer .copyright,.footer .copyright .mt-1{font-size:.875rem!important;line-height:1.65}
.glass-nav .nav-link,.cta-button,.btn,.accordion-button{font-size:1rem}
main a:not(.btn):not(.cta-button):not(.back-btn){color:#174f91}
main a:not(.btn):not(.cta-button):not(.back-btn):hover{color:#0e3869}
.cta-button-outline{background:#fffdf8!important;color:#17365d!important;border:2px solid #17365d!important}
.cta-button-outline:hover{background:#17365d!important;color:#fff!important;border-color:#17365d!important}
.btn-info,.bg-info{background-color:#17365d!important;border-color:#17365d!important;color:#fff!important}
.btn-info:hover{background-color:#244d7d!important;border-color:#244d7d!important;color:#fff!important}
.text-info{color:#17365d!important}
.text-warning{color:#76520a!important}
.text-danger{color:#b42318!important}
.text-success{color:#146c43!important}
.badge-custom{background:#17365d!important;color:#fff!important}
.back-btn{background:#17365d!important;color:#fff!important}
.back-btn:hover{background:#244d7d!important;color:#fff!important}
[style*="color:#dc3545"],[style*="color: #dc3545"]{color:#b42318!important}
@media(max-width:575.98px){body{font-size:1rem;line-height:1.7}.hero-title{font-size:clamp(2rem,10vw,2.6rem);line-height:1.2}.section-heading{font-size:1.55rem;line-height:1.35}.glass-card,.feature-card{padding:1.25rem}}

/* Refined classic layout — compact, consistent and Thai-friendly */
body{font-family:"Prompt",Tahoma,sans-serif;background:#f5f0e5;color:#202a36}
.container{max-width:1220px}
.glass-nav{min-height:68px;background:rgba(255,253,248,.98);border-bottom:1px solid #cdbb95;box-shadow:0 4px 18px rgba(54,43,24,.05)}
.glass-nav .navbar-brand{font-family:"Prompt",Tahoma,sans-serif;font-size:1.18rem;font-weight:700}
.glass-nav .navbar-brand i{color:#a77b24!important}
.glass-nav .nav-link{font-weight:500;padding:.65rem .85rem!important;border-bottom:2px solid transparent}
.glass-nav .nav-link:hover,.glass-nav .nav-link.active{background:transparent;border-bottom-color:#a77b24}
.hero-section{padding:112px 0 64px;text-align:left;background:linear-gradient(135deg,#fffdf8 0%,#f4eddf 100%);border-bottom:1px solid #d8cfbd}
main[style*="margin-top"] .hero-section{padding-top:64px}
.hero-content{max-width:1040px;margin:0 auto;text-align:left!important}
.hero-title{max-width:1080px;margin-left:0;margin-right:auto;font-family:"Prompt",Tahoma,sans-serif;font-size:clamp(2.35rem,3.35vw,3.35rem);font-weight:700;line-height:1.22;letter-spacing:-.025em;text-wrap:balance}
.hero-title:after{content:"";display:block;width:64px;height:3px;margin-top:1.15rem;background:#a77b24}
.hero-subtitle{max-width:820px!important;margin-left:0!important;margin-right:auto!important;padding-left:0!important;padding-right:0!important;font-size:1.08rem;line-height:1.85;color:#5e5a52!important}
.hero-section .container>.d-flex,.hero-content>.d-flex{justify-content:flex-start!important;align-items:stretch!important}
.cta-button,.btn{min-height:46px;display:inline-flex;align-items:center;justify-content:center;padding:.72rem 1.25rem;border-radius:3px!important}
.glass-card{padding:clamp(1.5rem,2.4vw,2rem)}
.feature-card{padding:1.4rem}
.glass-card .feature-card{background:#faf7ef;box-shadow:none;border-color:#ded4c1}
.glass-card .feature-card:hover{box-shadow:none;border-color:#bda979}
.feature-icon{font-size:1.8rem;margin-bottom:.8rem}
.section-heading{font-size:clamp(1.55rem,2.2vw,2rem);line-height:1.35;margin-bottom:1.5rem}
#solutions{margin-top:3rem!important;margin-bottom:3rem!important}
#solutions .glass-card{min-height:0!important;padding:1.75rem;border-top-color:#a77b24!important}
#solutions .fa-3x{font-size:2.25rem}
#features{margin-top:3rem!important;margin-bottom:3rem!important}

@media(max-width:991.98px){
  .hero-section{padding:96px 0 52px;text-align:left}
  main[style*="margin-top"] .hero-section{padding-top:52px}
  .hero-content{text-align:left!important}
  .hero-section .container>.d-flex,.hero-content>.d-flex{justify-content:flex-start!important}
}
@media(max-width:575.98px){
  .hero-section,main[style*="margin-top"] .hero-section{padding:92px 0 42px}
  .hero-title{font-size:2rem;line-height:1.3;letter-spacing:-.015em}
  .hero-title:after{width:48px;margin-top:.9rem}
  .hero-subtitle{font-size:1rem;line-height:1.75}
  .hero-section .container>.d-flex,.hero-content>.d-flex{gap:.65rem}
  .cta-button,.hero-section .btn{width:100%;margin:0!important}
}

/* Andaman Heritage palette — Phang Nga sea, limestone, old town and sand */
:root{
  --primary-color:#123b46;
  --secondary-color:#17324d;
  --accent-color:#b88746;
  --bg-primary:#f6f0e4;
  --bg-secondary:#eee5d4;
  --bg-card:#fffcf5;
  --text-primary:#263238;
  --text-secondary:#625f58;
  --border-color:#d8c9ae;
  --glass-bg:#fffcf5;
  --glass-border:#d8c9ae;
  --nav-bg:rgba(255,252,245,.98);
  --nav-border:#cdb58d;
  --feature-bg:#fffcf5;
  --feature-border:#d8c9ae;
}
body{background:#f6f0e4;color:#263238}
.aurora-background{background:linear-gradient(180deg,#fbf7ee 0%,#eee5d4 100%)}
.glass-nav{background:rgba(255,252,245,.98);border-bottom-color:#cdb58d}
.glass-nav .navbar-brand,.glass-nav .nav-link:hover,.glass-nav .nav-link.active{color:#123b46!important}
.glass-nav .navbar-brand i{color:#b88746!important}
.glass-nav .nav-link{color:#454a47!important}
.glass-nav .nav-link:hover,.glass-nav .nav-link.active{border-bottom-color:#b88746}
.hero-section{background:linear-gradient(135deg,#fffcf5 0%,#f2e9d9 72%,#e8e1cf 100%);border-bottom-color:#d8c9ae}
.hero-title,h1,h2,h3,h4,h5,h6{color:#17324d}
.hero-title:after{background:#b88746}
.hero-subtitle,.text-secondary{color:#625f58!important}
.glass-card,.feature-card,.plan-card{background:#fffcf5;border-color:#d8c9ae}
.glass-card:hover,.feature-card:hover{border-color:#b9a176;box-shadow:0 6px 18px rgba(18,59,70,.08)}
.glass-card .feature-card{background:#faf5ea;border-color:#dfd0b7}
.glass-card .feature-card:hover{border-color:#b88746}
.feature-icon{color:#b88746}
.cta-button,.btn-primary,.btn-info,.bg-info,.back-btn{background:#123b46!important;border-color:#123b46!important;color:#fff!important}
.cta-button:hover,.btn-primary:hover,.btn-info:hover,.back-btn:hover{background:#1b5361!important;border-color:#1b5361!important;color:#fff!important}
.cta-button[style*="background"],.cta-button-outline,.btn-outline-primary{background:#fffcf5!important;color:#123b46!important;border-color:#123b46!important}
.cta-button[style*="background"]:hover,.cta-button-outline:hover,.btn-outline-primary:hover{background:#e7ded0!important;color:#123b46!important;border-color:#b88746!important}
.business-eyebrow,.business-nav a{background:#eee5d4;border-color:#cdb58d;color:#123b46}
.business-nav a:hover{background:#e5d7bf;border-color:#b88746;color:#123b46}
.plan-card.featured{border-color:#b88746;box-shadow:0 4px 16px rgba(184,135,70,.14)}
.plan-label,.plan-card li:before{color:#7b5729}
.service-note{background:#eee5d4;border-color:#d8c9ae;color:#514f49}
.footer{background:#123b46;border-top-color:#b88746;color:#f1e8d7}
.footer-link,.footer .copyright,.footer .copyright a{color:#f1e8d7!important}
.footer-link:hover{color:#efd29b!important}
.table{--bs-table-bg:transparent;--bs-table-color:#263238}
.accordion-item{border-color:#d8c9ae!important}
.accordion-button{background:#fffcf5;color:#17324d}
.accordion-button:not(.collapsed){background:#eee5d4;color:#123b46}
main a:not(.btn):not(.cta-button):not(.back-btn){color:#14596a}
main a:not(.btn):not(.cta-button):not(.back-btn):hover{color:#0b3f4b}
#solutions .glass-card{border-top-color:#b88746!important}

/* Blog knowledge hub */
.blog-shell{max-width:1120px}
.blog-intro{max-width:780px}
.blog-categories{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1.5rem}
.blog-categories a{display:inline-flex;align-items:center;padding:.5rem .8rem;background:#fffcf5;border:1px solid #d8c9ae;color:#123b46;text-decoration:none;border-radius:3px;font-weight:500}
.blog-categories a:hover{background:#eee5d4;border-color:#b88746;color:#123b46}
.blog-section{padding:3.25rem 0;border-bottom:1px solid #d8c9ae}
.blog-section:last-child{border-bottom:0}
.blog-section-head{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.5rem}
.blog-section-icon{display:grid;place-items:center;flex:0 0 46px;width:46px;height:46px;background:#123b46;color:#fff;border-radius:3px;font-size:1.2rem}
.blog-section-head h2{margin:0 0 .25rem;font-size:1.75rem}
.blog-section-head p{margin:0;color:#625f58}
.blog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.blog-article{background:#fffcf5;border:1px solid #d8c9ae;border-top:3px solid #b88746;border-radius:4px;padding:1.35rem}
.blog-article .article-number{display:block;color:#7b5729;font-size:.875rem;font-weight:700;letter-spacing:.04em;margin-bottom:.4rem}
.blog-article .article-category{display:inline-block;color:#7b5729;font-size:.82rem;font-weight:600;margin-bottom:.55rem}
.blog-article h3 a{color:#17324d;text-decoration:none}
.blog-article h3 a:hover{color:#14596a}
.article-read-more{display:inline-flex;align-items:center;gap:.45rem;font-weight:600;text-decoration:none;margin-top:.25rem}
.blog-article h3{font-size:1.2rem;line-height:1.45;margin-bottom:.65rem}
.blog-article>p{color:#625f58;margin-bottom:1rem}
.blog-article details{border-top:1px solid #e6dbc8;padding-top:.8rem}
.blog-article summary{color:#123b46;font-weight:600;cursor:pointer;list-style:none}
.blog-article summary::-webkit-details-marker{display:none}
.blog-article summary:after{content:'+';float:right;color:#b88746;font-size:1.2rem}
.blog-article details[open] summary:after{content:'–'}
.blog-body{padding-top:1rem;color:#3f4544}
.blog-body p{margin-bottom:.8rem}
.blog-body ul{margin-bottom:1rem;padding-left:1.2rem}
.blog-cta{margin-top:1rem;padding:.85rem 1rem;background:#f0e7d6;border-left:3px solid #b88746;color:#45423d}
.blog-cta a{font-weight:600}
@media(max-width:767.98px){.blog-grid{grid-template-columns:1fr}.blog-section{padding:2.5rem 0}.blog-section-head h2{font-size:1.5rem}}

/* Individual article pages */
.article-page{position:relative;z-index:1;margin-top:68px}
.article-shell{max-width:860px}
.article-hero{padding:4.5rem 0 3rem;background:linear-gradient(135deg,#fffcf5 0%,#f2e9d9 100%);border-bottom:1px solid #d8c9ae}
.article-back{display:inline-flex;align-items:center;gap:.45rem;margin-bottom:1.5rem;text-decoration:none;font-weight:500}
.article-hero .article-category{display:block;color:#7b5729;font-weight:600;margin-bottom:.7rem}
.article-hero h1{font-size:clamp(2rem,5vw,3.4rem);line-height:1.2;margin-bottom:1rem}
.article-lead{max-width:740px;color:#625f58;font-size:1.15rem;line-height:1.85;margin:0}
.article-main{padding:3rem 0 4.5rem}
.article-content{background:#fffcf5;border:1px solid #d8c9ae;border-top:3px solid #b88746;border-radius:4px;padding:clamp(1.4rem,4vw,3rem);font-size:1.05rem;line-height:1.95;color:#3f4544}
.article-content h2{font-size:1.55rem;margin:2.2rem 0 .9rem}
.article-content h2:first-child{margin-top:0}
.article-content ul{padding-left:1.35rem;margin:1rem 0 1.5rem}
.article-service{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;margin-top:1.5rem;padding:1.4rem 1.5rem;background:#f0e7d6;border:1px solid #d8c9ae;border-left:4px solid #b88746;border-radius:4px}
.article-service span{display:block;color:#7b5729;font-size:.8rem;font-weight:600;margin-bottom:.25rem}
.article-service h2{font-size:1.2rem;margin:0 0 .35rem}
.article-service p{max-width:620px;margin:0;color:#625f58;line-height:1.7}
.article-service .btn{flex:0 0 auto;white-space:nowrap}
.article-related{margin-top:1.5rem;padding:1.5rem;background:#eee5d4;border:1px solid #d8c9ae;border-radius:4px}
.article-related h2{font-size:1.15rem;margin-bottom:.9rem}
.article-related a{display:block;padding:.55rem 0;border-top:1px solid #d8c9ae;text-decoration:none}
.article-related a:first-of-type{border-top:0}
.article-pagination{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1.5rem}
.article-pagination a{display:flex;flex-direction:column;gap:.25rem;padding:1rem;background:#fffcf5;border:1px solid #d8c9ae;border-radius:4px;text-decoration:none}
.article-pagination span{font-size:.8rem;color:#625f58}
.article-pagination strong{font-weight:500;color:#17324d}
.article-page+.footer{display:block;position:relative;z-index:2;margin-top:0}
@media(max-width:575.98px){.article-hero{padding:3rem 0 2.25rem}.article-main{padding:1.5rem 0 3rem}.article-pagination{grid-template-columns:1fr}.article-service{align-items:flex-start;flex-direction:column}.article-service .btn{width:100%}}
