/* PIXFORT HOSTING – VIETNAMESE / DEEP GREEN v3.0
   All 18 pages remain structural copies of the prior minimal build.
   Darkened brand accent; restrained neutral backgrounds and lighter typography. */
:root{
 --green:#17684d;--green-dark:#0e4838;--ink:#182f27;
 --ink-2:#334a3d;--muted:#687a6d;--line:#dce7df;
 --pale:#f4f8f5;--pale-2:#ecf4ef;
 --dark:#143b2c;--dark-2:#0d3025;--site-surface:#f4f8f5;
 --shadow:0 14px 38px rgba(11,44,29,.085);
}
body{color:var(--ink);background:#fff}
.site-header{border-bottom:1px solid #dfe8e1}
.announce{background:#eaf2ed!important;color:#294b3a!important;border-color:#d6e5da!important}
.announce a{color:#155a41!important;border-color:#a4c1ad!important}
.tiny-spark,.brand-accent{color:#17684d!important}
.brand-symbol i{background:#17684d!important}
.brand-label{background:#e6f0e9!important;color:#235e43!important}
.desktop-nav a,.more-pages>button{color:#495f52!important}
.desktop-nav a:hover,.desktop-nav a.nav-active,.more-pages>button:hover{color:#12563d!important}
.more-list a:hover,.mobile-nav a:hover{background:#edf5ef!important;color:#12563d!important}
.btn-primary{background:#17684d!important;color:#fff!important;border-color:#17684d!important}
.btn-primary:hover{background:#0e4c37!important;border-color:#0e4c37!important}
.btn-dark{background:#133d2c!important;color:white!important}
.btn-dark:hover{background:#0b2d21!important}
.btn-outline{border-color:#bcd2c2!important;color:#1d5138!important}
.btn-outline:hover{border-color:#17684d!important;background:#f0f6f1!important}
.text-green,.hero h1 em,.page-hero h1 em,.archive-intro h1 em,.help-hero h1 em,.coming h1 em{color:#17684d!important}
.hero,.page-hero,.page-hero-pale,.page-hero-white{background:#f6f9f7!important}
.kicker,.kicker-light,.micro-tag,.little-num,.news-meta{color:#285f45!important}
.kicker-line{background:#4b8b69!important}
.eyebrow{color:#1e6245!important;border-color:#c6ddce!important;background:#edf5ee!important}
.hero .lead,.page-hero .lead{color:#52695a!important}
.text-link,.card-link,.news-grid article>a:last-child{color:#155c41!important}
.info-icon,.mini-icon,.plan-symbol,.price-icon,.faq-list summary span{background:#e6f1e9!important;color:#1e684a!important}
.feature-card,.showcase-card,.info-card,.blog-card,.plan-card,.price-card,.score-card,.office-panel,.sidebar-box,.contact-form-panel{border-color:#dfe8e1!important}
.feature-card:hover,.showcase-card:hover{border-color:#b4cdbd!important}
.bg-mint,.testimonials,.testimonial,.metrics-section,.pricing-section{background:#f2f7f3!important}
.dark-band,.dark-feature-section,.metrics-showcase{background:#143d2e!important;color:#fff!important}
.dark-band p,.dark-feature-section p,.metrics-showcase p{color:#d1e1d5!important}
.dark-band .text-green,.dark-feature-section .text-green{color:#a0dcc0!important}
.stat-mini-grid strong{color:#e6f3e9!important}
.big-metric,.score-num,.plan-price,.plan-price span,.price,.amount{color:#16533e!important}
.plan-card.featured,.price-card-featured{border:1.5px solid #2c7956!important}
.popular-label,.plan-card .popular-label{background:#dfeee3!important;color:#19563e!important;border-color:#b9d8c4!important}
.billing-switch button.selected{background:#155d44!important;color:white!important}
.comparison thead th{background:#e6f0e9!important;color:#164934!important}
.cta-panel{background:#103a2b!important}
.cta-content .mint-text{color:#b7e5c8!important}
.footer-bottom a{color:#17684d!important}
.footer-social>a{color:#17684d!important}
.notfound-code{color:#17684d!important}
.site-header .nav-inner{gap:18px}
.desktop-nav{gap:clamp(10px,1.05vw,18px)}
.desktop-nav>a,.more-pages>button{font-size:11.2px!important;letter-spacing:-.01em;white-space:nowrap}
.mobile-nav a{color:#254e38!important}
/* Vietnamese diacritics are kept roomy; no heavy headings */
h1,h2,h3,h4,h5,h6{font-weight:500!important;letter-spacing:-.032em;overflow-wrap:break-word}
.btn,.micro-tag,.kicker{font-weight:500!important}
/* Existing graphic blocks remain one standalone <img> each */
.photo-slot>img[data-image-slot]{object-fit:cover}
@media(max-width:1200px){.site-header .nav-inner{gap:10px}.desktop-nav{gap:9px}}
@media(max-width:950px){.desktop-nav{display:none!important}.menu-toggle{display:flex!important}}
@media(max-width:600px){.announce{font-size:10px}.brand{font-size:22px}}