/* Source: Pixfort V3 brand-vn.css. Only green hues shifted to Hosting blue. */
/* 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:#173568;--green-dark:#0e2348;--ink:#18212f;
 --ink-2:#333c4a;--muted:#686f7a;--line:#dce0e7;
 --pale:#f4f5f8;--pale-2:#eceff4;
 --dark:#11223e;--dark-2:#0d1a30;--site-surface:#f4f5f8;
 --shadow:0 14px 38px rgba(11,44,29,.085);
}
body{color:var(--ink);background:#fff}
.site-header{border-bottom:1px solid #dfe2e8}
.announce{background:#eaedf2!important;color:#29364b!important;border-color:#d6dce5!important}
.announce a{color:#152f5a!important;border-color:#a4afc1!important}
.tiny-spark,.brand-accent{color:#173568!important}
.brand-symbol i{background:#173568!important}
.brand-label{background:#e6eaf0!important;color:#23395e!important}
.desktop-nav a,.more-pages>button{color:#49515f!important}
.desktop-nav a:hover,.desktop-nav a.nav-active,.more-pages>button:hover{color:#122b56!important}
.more-list a:hover,.mobile-nav a:hover{background:#edf0f5!important;color:#122b56!important}
.btn-primary{background:#173568!important;color:#fff!important;border-color:#173568!important}
.btn-primary:hover{background:#0e254c!important;border-color:#0e254c!important}
.btn-dark{background:#11223f!important;color:white!important}
.btn-dark:hover{background:#0b182d!important}
.btn-outline{border-color:#bcc4d2!important;color:#172f57!important}
.btn-outline:hover{border-color:#173568!important;background:#f0f2f6!important}
.text-green,.hero h1 em,.page-hero h1 em,.archive-intro h1 em,.help-hero h1 em,.coming h1 em{color:#173568!important}
.hero,.page-hero,.page-hero-pale,.page-hero-white{background:#f6f7f9!important}
.kicker,.kicker-light,.micro-tag,.little-num,.news-meta{color:#283c5f!important}
.kicker-line{background:#4b638b!important}
.eyebrow{color:#1b3665!important;border-color:#c6cfdd!important;background:#edf0f5!important}
.hero .lead,.page-hero .lead{color:#525b69!important}
.text-link,.card-link,.news-grid article>a:last-child{color:#152f5c!important}
.info-icon,.mini-icon,.plan-symbol,.price-icon,.faq-list summary span{background:#e6eaf1!important;color:#1c396a!important}
.feature-card,.showcase-card,.info-card,.blog-card,.plan-card,.price-card,.score-card,.office-panel,.sidebar-box,.contact-form-panel{border-color:#dfe2e8!important}
.feature-card:hover,.showcase-card:hover{border-color:#b4bdcd!important}
.bg-mint,.testimonials,.testimonial,.metrics-section,.pricing-section{background:#f2f4f7!important}
.dark-band,.dark-feature-section,.metrics-showcase{background:#112240!important;color:#fff!important}
.dark-band p,.dark-feature-section p,.metrics-showcase p{color:#d1d7e1!important}
.dark-band .text-green,.dark-feature-section .text-green{color:#98b4e4!important}
.stat-mini-grid strong{color:#e6ebf3!important}
.big-metric,.score-num,.plan-price,.plan-price span,.price,.amount{color:#162d53!important}
.plan-card.featured,.price-card-featured{border:1.5px solid #234682!important}
.popular-label,.plan-card .popular-label{background:#dfe5ee!important;color:#172f58!important;border-color:#b9c4d8!important}
.billing-switch button.selected{background:#15305d!important;color:white!important}
.comparison thead th{background:#e6eaf0!important;color:#14284b!important}
.cta-panel{background:#101f3a!important}
.cta-content .mint-text{color:#b2c7ea!important}
.footer-bottom a{color:#173568!important}
.footer-social>a{color:#173568!important}
.notfound-code{color:#173568!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:#25344e!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}}

/* HOSTING.COM.VN BLUE – token/color override of original Pixfort V3 CSS; DOM/grid/layout rules not rewritten. */
:root {--green:#0062fa;--green-dark:#004bef;--ink:#071b35;--ink-2:#294767;--muted:#66768a;--line:#dce6f4;--pale:#f3f7ff;--pale-2:#ebf2ff;--dark:#082a55;--dark-2:#061d3d;--site-surface:#f3f7ff;--shadow:0 14px 38px rgba(11,52,125,.08)}
body{color:#071b35}
.site-header{background:rgba(255,255,255,.98);border-bottom-color:#dce6f4}
.brand img.hosting-logo{display:block;width:194px;max-width:100%;height:auto;object-fit:contain}
.footer .brand img.hosting-logo{width:218px}
.nav-inner{gap:12px}
.desktop-nav{gap:14px}
.hosting-mega{position:relative;display:flex;align-items:center}
.hosting-mega>button{background:none;border:0;font-size:12px;font-weight:600;color:#415672;padding:12px 0;display:flex;gap:5px;align-items:center;cursor:pointer}
.hosting-mega>button:hover,.hosting-mega.is-open>button{color:#0062fa}
.hosting-mega-panel{position:absolute;left:-24px;top:100%;width:560px;padding:20px;background:#fff;border:1px solid #dce6f4;box-shadow:0 25px 65px rgba(0,30,80,.13);border-radius:14px;opacity:0;visibility:hidden;transform:translateY(8px);transition:.16s;z-index:70}
.hosting-mega:nth-of-type(5) .hosting-mega-panel{left:auto;right:-40px}
.hosting-mega:hover .hosting-mega-panel,.hosting-mega:focus-within .hosting-mega-panel,.hosting-mega.is-open .hosting-mega-panel{opacity:1;visibility:visible;transform:translateY(0)}
.hosting-mega-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e5eaf4;padding-bottom:14px;margin-bottom:12px;gap:10px}
.hosting-mega-head strong{font-weight:600;font-size:14px;color:#071b35}.hosting-mega-head span{font-size:11px;color:#7b8ca3}
.hosting-mega-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}
.hosting-mega-links>a{padding:12px;font-size:12px;color:#405776;border-radius:9px;display:flex;justify-content:space-between;gap:6px}
.hosting-mega-links>a:hover{background:#edf4ff;color:#0053d9}
.hosting-mega-links>a span{color:#0062fa}
.hosting-mobile-group{padding:0 20px;border-bottom:1px solid #edf2f8}.hosting-mobile-group>summary{padding:13px 0;list-style:none;font-weight:600;cursor:pointer}.hosting-mobile-group>summary:after{content:'+';float:right;color:#0062fa}.hosting-mobile-group[open]>summary:after{content:'−'}
.hosting-mobile-group>div{display:grid;gap:0;padding:0 0 12px 10px}.hosting-mobile-group a{padding:10px 6px!important;font-size:13px}
.hosting-mobile-group a:hover{color:#0062fa}
.logo-grid img{object-fit:cover;border-radius:8px;max-height:65px;min-height:55px;filter:none!important;opacity:1!important}
img[data-hosting-media="1"]{object-position:center}
.footer .brand{background:#fff;border-radius:9px;padding:4px 8px;display:inline-flex;max-width:230px}
@media(max-width:1250px){.desktop-nav{gap:9px}.hosting-mega>button{font-size:11px}.brand img.hosting-logo{width:172px}}
@media(max-width:990px){.hosting-mega{display:none}.brand img.hosting-logo{width:174px}}
@media(max-width:390px){.brand img.hosting-logo{width:148px}}