/* HM hm-redesign.css — merged */

/* v2 */
/* ==========================================================================
   HM — hm-redesign.css  (Phase 4a, iteration 2)
   Loaded AFTER css/main.css. main.css is NEVER edited.
   Strict monochrome. Iteration-2 principle: DO NOT re-layout — main.css already
   lays every homepage block out with flex; the override only recolours,
   flattens corners/shadows, and grayscales brand imagery. Provider logos stay
   in colour.
   Scope: header/footer global (new markup); body rules scoped to body.hm-home.
   ========================================================================== */

:root{
  --hm-ink:#111; --hm-paper:#fff;
  --hm-t1:#333; --hm-t2:#666; --hm-mute:#8a8a8a; --hm-mute2:#9a9a9a;
  --hm-line:#e6e6e6; --hm-line2:#ededed; --hm-line3:#d8d8d8;
  --hm-bg1:#fafafa; --hm-bg2:#f5f5f5;
  --hm-maxw:1180px;
  --hm-font:'Montserrat',-apple-system,'Helvetica Neue',Helvetica,Arial,sans-serif;
}

/* ===========================================================================
   0. GLOBAL FLATTEN — square corners + no shadows on the redesigned surfaces.
   NOTE: no `background-image:none` blanket (it wiped icon/pattern fills in v1);
   decorative fills are recoloured individually below.
   =========================================================================== */
body.hm-home, .hm-hdr, .hm-ftr{
  font-family:var(--hm-font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
  color:var(--hm-ink);background:var(--hm-paper);
}
body.hm-home *:not(.planet):not(.planet *):not(.hm-round),
.hm-hdr *:not(.hm-round), .hm-ftr *:not(.hm-round){
  border-radius:0 !important;
  box-shadow:none !important;
}
body.hm-home .hm-round, .hm-hdr .hm-round, .hm-ftr .hm-round{border-radius:50% !important}

/* ===========================================================================
   1. HEADER  (.hm-hdr) — slim mega-menu, global   [unchanged from it.1]
   =========================================================================== */
.hm-topbar{height:6px;background:var(--hm-ink)}
.hm-hdr{position:relative;border-bottom:1px solid var(--hm-line);background:#fff;z-index:200}
.hm-hdr__wrap{max-width:var(--hm-maxw);margin:0 auto;height:78px;padding:0 24px;
  display:flex;align-items:center;justify-content:space-between;gap:28px}
.hm-hdr__left{display:flex;align-items:center;gap:44px;min-width:0}
.hm-hdr__right{display:flex;align-items:center;gap:22px;flex-shrink:0}
.hm-logo{display:flex;align-items:center;gap:13px;flex-shrink:0;text-decoration:none;color:inherit}
.hm-logo__mark{width:36px;height:36px;background:var(--hm-ink);display:flex;flex-direction:column;
  justify-content:center;gap:4px;padding:0 8px;flex-shrink:0}
.hm-logo__mark i{height:1.5px;background:#fff;display:block}
.hm-logo__mark i:nth-child(2){width:64%}
.hm-logo__name{font-size:17px;font-weight:600;letter-spacing:.14em;white-space:nowrap;line-height:1}
.hm-logo__tag{display:block;font-size:8px;letter-spacing:.18em;text-transform:uppercase;
  color:var(--hm-mute2);margin-top:3px;white-space:nowrap}
.hm-nav{display:flex;align-items:center;gap:30px}
.hm-nav__link{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--hm-ink);
  text-decoration:none;cursor:pointer;background:none;border:0;font-family:inherit}
.hm-nav__link em{font-style:normal;color:var(--hm-mute)}
.hm-has-mega{position:static;height:78px;display:flex;align-items:center}
.hm-mega{position:absolute;left:0;right:0;top:78px;background:#fff;
  border-top:1px solid var(--hm-line);border-bottom:1px solid var(--hm-line);
  z-index:210;opacity:0;visibility:hidden;transition:opacity .16s ease}
.hm-has-mega:hover .hm-mega{opacity:1;visibility:visible}
.hm-mega__wrap{max-width:var(--hm-maxw);margin:0 auto;padding:46px 24px 50px;
  display:grid;grid-template-columns:repeat(5,1fr);gap:40px}
.hm-mega__title{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--hm-mute);margin-bottom:22px}
.hm-mega__col a{display:block;font-size:13.5px;color:var(--hm-ink);text-decoration:none;margin-bottom:15px;width:fit-content}
.hm-mega__col a:hover{text-decoration:underline}
.hm-hdr__util{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--hm-mute);cursor:pointer}
.hm-burger{display:none;width:32px;height:32px;flex-direction:column;justify-content:center;gap:5px;cursor:pointer;background:none;border:0;padding:0}
.hm-burger i{height:1.5px;background:var(--hm-ink);display:block}
.hm-mobile{display:none;border-top:1px solid var(--hm-line)}
.hm-mobile__row{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;
  border-bottom:1px solid var(--hm-line2);cursor:pointer;font-size:12px;letter-spacing:.12em;text-transform:uppercase}
.hm-mobile__row span{font-size:18px;font-weight:300}
.hm-mobile__sub{background:var(--hm-bg1)}
.hm-mcol__t{display:flex;justify-content:space-between;align-items:center;padding:15px 24px 15px 36px;
  border-bottom:1px solid var(--hm-line2);cursor:pointer;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--hm-mute)}
.hm-mcol__t span{font-size:16px;font-weight:300;color:var(--hm-mute)}
.hm-mcol__links{background:#fff;padding:6px 0 14px}
.hm-mcol__links a{display:block;padding:10px 24px 10px 48px;font-size:14px;color:var(--hm-ink);text-decoration:none}
.hm-mobile__utils{display:flex;gap:28px;padding:20px 24px}
.hm-mobile__utils span{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--hm-mute)}
.hm-hide{display:none !important}
@media (max-width:859px){
  .hm-nav,.hm-hdr__util{display:none}
  .hm-burger{display:flex}
  .hm-mobile.is-open{display:block}
}

/* ===========================================================================
   2. HOMEPAGE BODY — colour/typography only, NO layout overrides.
   =========================================================================== */
body.hm-home{color:var(--hm-t1)}

/* section headings */
body.hm-home .heading,
body.hm-home .heading span{color:var(--hm-ink);font-weight:300;letter-spacing:-.02em}
body.hm-home .heading span{font-size:34px;line-height:1.15}

/* links + navy/red/green text accents → ink */
body.hm-home a{color:var(--hm-ink)}
body.hm-home a:hover{color:var(--hm-t2)}
body.hm-home a.active{color:var(--hm-ink)}
body.hm-home ol li:before{color:var(--hm-ink)}

/* ---- buttons: solid black, white caps (was green / red-hover) ---- */
body.hm-home .button,
body.hm-home button,
body.hm-home input[type='button'],
body.hm-home input[type='reset'],
body.hm-home input[type='submit'],
body.hm-home .apply-selection,
body.hm-home .form_filter .button{
  background:var(--hm-ink) !important;color:#fff !important;border:0 !important;
  text-transform:uppercase;letter-spacing:.16em;font-family:inherit}
body.hm-home .button:hover,
body.hm-home button:hover,
body.hm-home input[type='submit']:hover,
body.hm-home .apply-selection:hover,
body.hm-home .form_filter .button:hover{background:#000 !important;color:#fff !important}

/* ===== HERO ===== */
body.hm-home .main_img .img{background:var(--hm-ink)}
body.hm-home .main_img .img img{filter:grayscale(1)}           /* temp: decolour banner */
body.hm-home .main_img .caption{
  background:linear-gradient(to top,rgba(0,0,0,.62),rgba(0,0,0,0) 70%);color:#fff}
body.hm-home .planet:before{background:var(--hm-ink) !important}
body.hm-home .slick-dots li.slick-active button{background:var(--hm-ink)}
body.hm-home .slick-prev:hover,body.hm-home .slick-next:hover,
body.hm-home .slick-prev:focus,body.hm-home .slick-next:focus{color:var(--hm-ink)}

/* ===== TRUST STRIP — provider logos stay in colour; only tidy captions ===== */
body.hm-home .section_trust .heading span{font-size:12px;letter-spacing:.2em;
  text-transform:uppercase;color:var(--hm-mute);font-weight:400}

/* ===== CONFIGURATOR ===== */
body.hm-home .tabs_form{border:1px solid var(--hm-line)}
/* tabs: active is ink text + ink underline (was red) */
body.hm-home .tabs > ul li a,
body.hm-home .tabs > ul li .inner{color:var(--hm-t2)}
body.hm-home .tabs > ul li.tab_active a,
body.hm-home .tabs > ul li.tab_active .inner,
body.hm-home .tabs > ul li:hover a:hover,
body.hm-home .tabs > ul li:hover .inner:hover{color:var(--hm-ink)}
body.hm-home .caption.opener-row-filter{color:var(--hm-mute)}
/* range slider → black rail/handles (base was red, hover green, range pale-yellow) */
body.hm-home .form_filter .slide-filter .ui-slider{background:var(--hm-line3)}
body.hm-home .form_filter .slide-filter .ui-slider .ui-slider-range{background:var(--hm-ink)}
body.hm-home .form_filter .slide-filter .ui-slider .ui-slider-handle,
body.hm-home .form_filter .slide-filter .ui-slider .ui-slider-handle:hover{background:var(--hm-ink);border-color:var(--hm-ink)}
/* inputs/selects/quantity → hairline squares */
body.hm-home .quantity,body.hm-home .form-control,
body.hm-home .multiselect .ellipsis,body.hm-home select,
body.hm-home .checkboxes{border:1px solid var(--hm-line3);background:#fff;color:var(--hm-t1)}
body.hm-home .quantity .quantity-button{background:#fff;color:var(--hm-mute)}
body.hm-home .quantity .quantity-button:hover{background:var(--hm-bg2);color:var(--hm-ink)}
body.hm-home .checked .ellipsis,
body.hm-home .ellipsis:hover,
body.hm-home .inner-wrap label:hover,
body.hm-home select:hover{color:var(--hm-ink)}

/* ===== WHY ===== */
body.hm-home .why_we li .inner .caption span{color:var(--hm-t1);font-weight:400}

/* ===== MAIN BRANCHES — keep main.css flex grid; recolour only ===== */
body.hm-home .branch li .inner{border:1px solid var(--hm-line);background:#fff}
body.hm-home .branch li .inner:hover{background:var(--hm-bg1)}
body.hm-home .branch li .inner .caption{color:var(--hm-ink);font-weight:600}
body.hm-home .branch li .inner .img img{filter:grayscale(1)}    /* VPS shields → mono */

/* ===== THE BEST TODAY — logos stay colour; stars → ink ===== */
body.hm-home .glyphicon-star,
body.hm-home .fa-heart,
body.hm-home .top_proj .glyphicon-star,
body.hm-home .rating .glyphicon-star{color:var(--hm-ink) !important}
body.hm-home .glyphicon-star-empty,body.hm-home .fa-heart-o{color:rgba(0,0,0,.28) !important}

/* ===== ABOUT ===== */
body.hm-home .img_logo{background:var(--hm-ink)}
body.hm-home .content p{color:var(--hm-t2)}
body.hm-home blockquote{background:var(--hm-bg1)}

/* ===== REVIEWS — keep flex; recolour borders (was 2px #e5e5e5 + red admin) ===== */
body.hm-home .reviews li .inner{border:1px solid var(--hm-line);background:#fff}
body.hm-home .reviews li.admin .inner{border-left:2px solid var(--hm-ink)}
body.hm-home .reviews li.empty .inner{background:#fff;border:1px solid var(--hm-line)}
body.hm-home .reviews .name{color:var(--hm-ink)}
body.hm-home .reviews .company{color:var(--hm-mute)}

/* ===== BLOGS — neutralise the nth-child coloured image tints ===== */
body.hm-home .blogs li .inner{border:1px solid var(--hm-line);background:#fff}
body.hm-home .blogs li .img,
body.hm-home .blogs li:nth-child(3n+1) .img,
body.hm-home .blogs li:nth-child(3n+2) .img,
body.hm-home .blogs li:nth-child(3n+3) .img{
  background:repeating-linear-gradient(45deg,#f5f5f5,#f5f5f5 9px,#ededed 9px,#ededed 18px)}
body.hm-home .blogs li .img img{filter:grayscale(1)}
body.hm-home .blogs .date{color:var(--hm-mute2)}
body.hm-home .blogs a.caption{color:var(--hm-ink)}
body.hm-home .blogs .icon{background:var(--hm-ink)}

/* ===== POPULAR COUNTRIES — shields → mono; keep flex ===== */
body.hm-home .countries li .inner .img{filter:grayscale(1)}
body.hm-home .countries li .inner .img svg [fill]{fill:var(--hm-ink)}
body.hm-home .countries li .inner .caption{color:var(--hm-ink)}

/* ===== CHOOSING BY TYPE — logos stay colour ===== */
body.hm-home .tab_caption a,body.hm-home .tab_caption .link{color:var(--hm-ink);
  text-transform:uppercase;letter-spacing:.12em;border-bottom:1px solid var(--hm-ink)}
body.hm-home .tab_ul li .inner .caption{color:var(--hm-t2)}

/* ===== FAQ ===== */
body.hm-home .faq li{border-color:var(--hm-line)}
body.hm-home .faq li .icon span,
body.hm-home .faq li.active .icon span{color:var(--hm-ink)}
body.hm-home .faq a.opener{color:var(--hm-ink)}

/* ===== OUR SERVERS (maps) ===== */
body.hm-home #map-container,body.hm-home #map-container a,
body.hm-home #map-container a:visited{color:var(--hm-ink)}
body.hm-home .st1{fill:var(--hm-line) !important}

/* progress bars / misc brand-orange (card widgets, harmless on home) */
body.hm-home progress[value]{accent-color:var(--hm-ink)}

/* ===========================================================================
   3. FOOTER  (.hm-ftr) — dark, brand block + 4 columns + bottom bar
   =========================================================================== */
.hm-ftr{background:var(--hm-ink);color:#fff;margin-top:100px;display:block}
.hm-ftr__wrap{max-width:var(--hm-maxw);margin:0 auto;padding:76px 24px 56px;
  display:flex;gap:64px;align-items:flex-start}
.hm-ftr__brand{flex:0 0 300px;max-width:300px}
.hm-ftr__cols{flex:1 1 auto;min-width:0;display:grid;grid-template-columns:repeat(4,1fr);gap:28px}

/* brand block */
.hm-ftr__logo{display:flex;align-items:center;gap:12px;text-decoration:none}
.hm-ftr__mark{width:34px;height:34px;background:#fff;display:flex;flex-direction:column;
  justify-content:center;gap:4px;padding:0 8px;flex-shrink:0}
.hm-ftr__mark i{height:1.5px;background:#111;display:block}
.hm-ftr__mark i:nth-child(2){width:64%}
.hm-ftr__id{display:flex;flex-direction:column}
.hm-ftr__word{font-size:15px;font-weight:600;letter-spacing:.14em;color:#fff !important;line-height:1;text-decoration:none}
.hm-ftr__tag{margin-top:3px;font-size:8px;letter-spacing:.16em;text-transform:uppercase;color:#8f8f8f}
.hm-ftr__blurb{margin:22px 0 0;font-size:12.5px;line-height:1.7;color:#9a9a9a;max-width:300px;font-weight:300}
.hm-ftr__since{display:flex;align-items:center;gap:9px;margin-top:22px;font-size:10px;
  letter-spacing:.16em;text-transform:uppercase;color:#bdbdbd}
.hm-ftr__dot{width:7px;height:7px;background:#fff;flex-shrink:0}
.hm-ftr__social{display:flex;gap:10px;margin-top:24px}
.hm-ftr__social a{width:34px;height:34px;border:1px solid #333;display:flex;align-items:center;justify-content:center;
  color:#ccc !important;text-decoration:none;font-size:12px;font-weight:600;letter-spacing:.02em;transition:border-color .15s ease}
.hm-ftr .hm-ftr__social a:hover{border-color:#fff;color:#fff !important}
.hm-ftr__social svg{width:15px;height:15px;display:block;fill:currentColor;stroke:currentColor}
.hm-ftr__mail{display:inline-block;margin-top:24px;font-size:12px;color:#8f8f8f !important;text-decoration:none}
.hm-ftr .hm-ftr__mail:hover{color:#fff !important}
.hm-ftr .hm-ftr__word:hover{color:#fff !important}

/* link columns */
.hm-ftr__col .t{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#6f6f6f;margin-bottom:20px}
.hm-ftr .hm-ftr__col a{display:block;font-size:13px;color:#bdbdbd !important;text-decoration:none;margin-bottom:13px;white-space:nowrap}
.hm-ftr .hm-ftr__col a:hover{color:#fff !important}

/* bottom bar */
.hm-ftr__bar{max-width:var(--hm-maxw);margin:0 auto;padding:24px;border-top:1px solid #2a2a2a;
  display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.hm-ftr__copy{font-size:12px;letter-spacing:.04em;color:#6f6f6f}
.hm-ftr__links{display:flex;gap:22px;align-items:center;flex-wrap:wrap}
.hm-ftr .hm-ftr__links a{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#bdbdbd !important;text-decoration:none}
.hm-ftr .hm-ftr__links a:hover{color:#fff !important}
.hm-ftr__lang{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#8f8f8f;cursor:pointer;
  border:1px solid #333;padding:6px 10px}
@media (max-width:900px){.hm-ftr__wrap{flex-direction:column;gap:40px}.hm-ftr__brand{flex-basis:auto;max-width:none}}
@media (max-width:620px){.hm-ftr__cols{grid-template-columns:repeat(2,1fr);gap:24px 20px}.hm-ftr .hm-ftr__col a{white-space:normal}}
@media (max-width:560px){.hm-hdr__wrap{padding:0 16px}}

/* sections.v4 */
/* ==========================================================================
   HM — hm-sections.v4.css  (Phase 4a — body re-build)
   Clean self-contained styles for RE-BUILT homepage sections (hm2- markup).
   NOT written over main.css. Monochrome per template.html; provider logos colour.
   Stage 1: hero, branches, best-today.  Stage 2 (this file): reviews, blogs.
   ========================================================================== */

.hm2{max-width:1180px;margin:0 auto;padding:0 24px}
.hm2, .hm2 *{box-sizing:border-box}
.hm2 img{max-width:100%}

.hm2-sec{padding:84px 0 0;text-align:center}
.hm2-h{margin:0 0 44px;font-size:34px;font-weight:300;letter-spacing:-.02em;color:#111;
  font-family:'Montserrat',Arial,sans-serif}
@media(max-width:640px){.hm2-h{font-size:26px}}

/* ---------- 1. HERO ---------- */
.hm2-hero{padding:40px 0 0}
.hm2-hero__stage{position:relative;height:380px;overflow:hidden;background:#111}
.hm2-hero__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(.95)}
.hm2-hero__scrim{position:absolute;inset:0;pointer-events:none;background:linear-gradient(to top,rgba(0,0,0,.62),rgba(0,0,0,0) 60%)}
.hm2-hero__arrow{position:absolute;top:50%;transform:translateY(-50%);width:38px;height:38px;border:1px solid rgba(255,255,255,.6);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:18px;user-select:none}
.hm2-hero__arrow--prev{left:20px}
.hm2-hero__arrow--next{right:20px}
.hm2-hero__title{position:absolute;left:0;bottom:0;margin:0;padding:44px;color:#fff;font-size:46px;font-weight:300;letter-spacing:-.02em;line-height:1.1;max-width:760px;font-family:'Montserrat',Arial,sans-serif}
.hm2-hero__dots{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);display:flex;gap:9px}
.hm2-hero__dots span{width:8px;height:8px;border:1px solid rgba(255,255,255,.7);background:transparent}
.hm2-hero__dots span.is-active{background:#fff}
@media(max-width:1023px){.hm2-hero__stage{height:300px}.hm2-hero__title{font-size:32px;padding:28px}}
@media(max-width:640px){.hm2-hero__stage{height:220px}.hm2-hero__title{font-size:21px;padding:20px}}

/* ---------- 2. MAIN BRANCHES ---------- */
.hm2-branches__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#e6e6e6;border:1px solid #e6e6e6}
.hm2-branches__cell{background:#fff;padding:42px 24px;display:flex;flex-direction:column;align-items:center;gap:26px;transition:background .15s ease}
.hm2-branches__cell:hover{background:#fafafa}
.hm2-branches__icon{height:64px;display:flex;align-items:center;justify-content:center}
.hm2-branches__icon svg{width:44px;height:44px;display:block}
.hm2-branches__name{font-size:15px;letter-spacing:.01em;color:#111;font-family:'Montserrat',Arial,sans-serif}
@media(max-width:1023px){.hm2-branches__grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:479px){.hm2-branches__grid{grid-template-columns:1fr}}

/* ---------- 3. THE BEST TODAY ---------- */
.hm2-best__grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1px;background:#e6e6e6;border:1px solid #e6e6e6}
.hm2-best__cell{background:#fff;padding:30px 18px;display:flex;flex-direction:column;align-items:center;gap:16px;min-height:150px;justify-content:center}
.hm2-best__logo{width:120px;height:38px;object-fit:contain;display:block}
.hm2-best__stars{font-size:13px;letter-spacing:.18em;color:#111;line-height:1}
@media(max-width:1199px){.hm2-best__grid{grid-template-columns:repeat(5,1fr)}}
@media(max-width:1023px){.hm2-best__grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:767px){.hm2-best__grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:479px){.hm2-best__grid{grid-template-columns:repeat(2,1fr)}}

/* ---------- 4. REVIEWS (clean mono cards) ---------- */
.hm2-reviews__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;text-align:left}
.hm2-review{border:1px solid #e6e6e6;background:#fff;padding:28px 24px;display:flex;
  flex-direction:column;gap:22px;min-height:280px}
.hm2-review__quote{margin:0;font-size:12px;line-height:1.7;color:#777;font-weight:300;flex:1;
  font-family:'Montserrat',Arial,sans-serif}
.hm2-review__foot{display:flex;justify-content:space-between;align-items:flex-end;gap:12px}
.hm2-review__name{font-size:12px;letter-spacing:.1em;text-transform:uppercase;font-weight:600;color:#111}
.hm2-review__role,.hm2-review__co{font-size:11px;color:#8a8a8a;margin-top:5px}
.hm2-review__badge{flex:0 0 auto;width:26px;height:30px;border:1px solid #d0d0d0;display:flex;
  align-items:center;justify-content:center;font-size:12px;color:#111;
  clip-path:polygon(50% 0,100% 20%,100% 68%,50% 100%,0 68%,0 20%)}
@media(max-width:1023px){.hm2-reviews__grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:559px){.hm2-reviews__grid{grid-template-columns:1fr}}

/* ---------- 5. BLOGS (article cards, grayscale preview) ---------- */
.hm2-blogs__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;text-align:left}
.hm2-blog{border:1px solid #e6e6e6;background:#fff}
.hm2-blog__media{position:relative;height:190px;overflow:hidden;
  background:repeating-linear-gradient(45deg,#f5f5f5,#f5f5f5 9px,#ededed 9px,#ededed 18px)}
.hm2-blog__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1)}
.hm2-blog__mark{position:absolute;left:14px;bottom:-14px;width:30px;height:30px;background:#111;
  display:flex;flex-direction:column;justify-content:center;gap:3px;padding:0 7px;z-index:1}
.hm2-blog__mark i{height:1.5px;background:#fff;display:block}
.hm2-blog__mark i:nth-child(2){width:60%}
.hm2-blog__body{padding:28px 24px 26px}
.hm2-blog__date{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#9a9a9a}
.hm2-blog__title{margin:12px 0 12px;font-size:17px;font-weight:400;line-height:1.35;letter-spacing:-.01em;color:#111}
.hm2-blog__excerpt{margin:0;font-size:13px;line-height:1.65;color:#777;font-weight:300}
@media(max-width:900px){.hm2-blogs__grid{grid-template-columns:1fr 1fr}}
@media(max-width:559px){.hm2-blogs__grid{grid-template-columns:1fr}}

/* ---------- OUR SERVERS — interactive dotted map ---------- */
.hm2-servers__tabs{display:flex;justify-content:center;gap:34px;border-bottom:1px solid #e6e6e6;margin-bottom:36px;flex-wrap:wrap}
body.hm-home .hm2-servers__tab{background:transparent !important;border:0 !important;font-family:inherit;
  position:relative;padding:0 0 16px;cursor:pointer;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#666 !important}
body.hm-home .hm2-servers__tab.is-active{color:#111 !important}
.hm2-servers__tab.is-active::after{content:"";position:absolute;left:0;bottom:-1px;width:100%;height:2px;background:#111}
.hm2-servers__map{position:relative;max-width:1000px;margin:0 auto;aspect-ratio:1000 / 392}
.hm2-servers__img{display:block;width:100%;height:auto}
/* pins */
body.hm-home .hm2-pin{position:absolute;transform:translate(-50%,-50%);width:16px;height:16px;
  border:1px solid #111 !important;background:transparent !important;padding:0;cursor:pointer;
  display:flex;align-items:center;justify-content:center;transition:width .12s,height .12s;z-index:2}
.hm2-pin__dot{width:6px;height:6px;background:#111;display:block}
body.hm-home .hm2-pin:hover,body.hm-home .hm2-pin:focus,body.hm-home .hm2-pin.is-open{
  width:24px;height:24px;outline:none;background:transparent !important;z-index:4}
.hm2-pin--hidden{display:none !important}
/* tooltip */
.hm2-tip{position:absolute;transform:translate(-50%,calc(-100% - 15px));background:#111;color:#fff;
  font-size:11px;letter-spacing:.02em;padding:6px 10px;white-space:nowrap;pointer-events:none;z-index:6}
/* badge */
.hm2-servers__badge{position:absolute;top:6%;right:3%;width:150px;height:150px;border:1px solid #ededed;
  display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(255,255,255,.82);z-index:3}
.hm2-servers__count{font-size:54px;font-weight:300;letter-spacing:-.03em;line-height:1;color:#111}
.hm2-servers__lbl{font-size:9px;letter-spacing:.22em;text-transform:uppercase;color:#8a8a8a;margin-top:8px}
@media(max-width:640px){.hm2-servers__badge{width:96px;height:96px}.hm2-servers__count{font-size:32px}.hm2-servers__lbl{font-size:8px}}

/* ---------- FAQ (hairline accordion, design-matched) ---------- */
.hm2-faq{border-top:1px solid #e6e6e6;text-align:left}
.hm2-faq__item{border-bottom:1px solid #e6e6e6}
.hm2-faq__q{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:26px 8px;cursor:pointer}
.hm2-faq__q span:first-child{font-size:17px;font-weight:400;letter-spacing:-.01em;color:#111;font-family:'Montserrat',Arial,sans-serif}
.hm2-faq__mark{font-size:20px;font-weight:300;color:#111;flex:0 0 auto;line-height:1}
.hm2-faq__a{margin:0;padding:0 8px 30px;font-size:13px;line-height:1.75;color:#777;font-weight:300;max-width:820px;display:none}
.hm2-faq__item.is-open .hm2-faq__a{display:block}

/* ---------- SEO TEXT (design tokens: 13px / 1.8 / #777 / 300) ---------- */
.hm2-seo__body{display:flex;flex-direction:column;gap:18px;text-align:left;font-size:13px;line-height:1.8;color:#777;font-weight:300;font-family:'Montserrat',Arial,sans-serif}
.hm2-seo__body p{margin:0}

/* ---------- CHOOSING BY TYPE ---------- */
.hm2-choose__tabs{display:flex;justify-content:center;gap:34px;border-bottom:1px solid #e6e6e6;margin-bottom:40px;flex-wrap:wrap}
.hm2-choose__tab{position:relative;padding-bottom:16px;cursor:pointer;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#666}
.hm2-choose__tab.is-active{color:#111}
.hm2-choose__tab.is-active::after{content:"";position:absolute;left:0;bottom:-1px;width:100%;height:2px;background:#111}
.hm2-choose__row{display:grid;grid-template-columns:180px 1fr 40px;gap:24px;align-items:stretch;margin-bottom:24px}
.hm2-choose__side{border:1px solid #e6e6e6;padding:22px;display:flex;flex-direction:column;justify-content:space-between;text-align:left}
.hm2-choose__side-ico{width:40px;height:40px;display:flex;align-items:center;justify-content:center}
.hm2-choose__side-ico svg{width:34px;height:34px}
.hm2-choose__side-label{font-size:16px;margin:14px 0;color:#111}
.hm2-choose__all{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#111 !important;border-bottom:1px solid #111;padding-bottom:3px;text-decoration:none;align-self:flex-start}
.hm2-choose__logos{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:#e6e6e6;border:1px solid #e6e6e6}
.hm2-choose__logo{background:#fff;padding:24px 12px;display:flex;flex-direction:column;align-items:center;gap:14px;justify-content:center}
.hm2-choose__logo img{width:96px;height:32px;object-fit:contain;display:block}
.hm2-choose__logo span{font-size:12px;color:#555;font-family:'Montserrat',Arial,sans-serif}
.hm2-choose__arrow{border:1px solid #e6e6e6;display:flex;align-items:center;justify-content:center;font-size:18px;color:#999;cursor:pointer}
@media(max-width:860px){.hm2-choose__row{grid-template-columns:1fr}.hm2-choose__logos{grid-template-columns:repeat(2,1fr)}.hm2-choose__arrow{display:none}}

/* ---------- TRUST ---------- */
.hm2-trust{display:flex;align-items:center;gap:44px;padding:30px 0 0}
.hm2-trust__label{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#8a8a8a;white-space:nowrap;line-height:1.35;font-family:'Montserrat',Arial,sans-serif}
.hm2-trust__line{flex:1;height:1px;background:#e6e6e6}
.hm2-trust__logos{display:flex;align-items:center;gap:34px;flex-wrap:wrap;justify-content:flex-end}
.hm2-trust__logo{height:44px;min-width:96px;display:flex;align-items:center;justify-content:center;border:1px solid #ededed;padding:0 16px;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#9a9a9a;filter:grayscale(1)}
@media(max-width:860px){.hm2-trust{flex-wrap:wrap;gap:18px}.hm2-trust__line{display:none}}
/* ---------- WHY ---------- */
.hm2-why__grid{display:grid;grid-template-columns:repeat(6,1fr);gap:28px}
.hm2-why__item{display:flex;flex-direction:column;align-items:center;gap:18px;text-align:center}
.hm2-why__icon{height:44px;display:flex;align-items:center;justify-content:center}
.hm2-why__icon svg{width:40px;height:40px;display:block}
.hm2-why__text{font-size:12px;line-height:1.5;color:#333;max-width:124px;font-family:'Montserrat',Arial,sans-serif}
@media(max-width:900px){.hm2-why__grid{grid-template-columns:repeat(3,1fr);gap:32px}}
@media(max-width:480px){.hm2-why__grid{grid-template-columns:repeat(2,1fr)}}
/* ---------- ABOUT ---------- */
.hm2-about__grid{display:grid;grid-template-columns:180px 1fr;gap:56px;align-items:start;text-align:left}
.hm2-about__mark{width:130px;height:150px;background:#111;display:flex;flex-direction:column;justify-content:center;gap:12px;padding:0 26px}
.hm2-about__mark i{height:2px;background:#fff;display:block}
.hm2-about__mark i:nth-child(2){width:72%}
.hm2-about__mark i:nth-child(4){width:54%}
.hm2-about__text{display:flex;flex-direction:column;gap:18px;font-size:14px;line-height:1.75;color:#666;font-weight:300}
.hm2-about__text p{margin:0}
@media(max-width:700px){.hm2-about__grid{grid-template-columns:1fr;gap:28px}.hm2-about__mark{width:110px;height:120px}}
/* ---------- POPULAR COUNTRIES ---------- */
.hm2-countries__list{display:flex;justify-content:center;flex-wrap:wrap;gap:20px 44px}
.hm2-country{display:flex;align-items:center;gap:12px}
.hm2-country__flag{width:18px;height:22px;border:1px solid #ccc;clip-path:polygon(50% 0,100% 20%,100% 68%,50% 100%,0 68%,0 20%)}
.hm2-country__name{font-size:13px;letter-spacing:.04em;color:#111;font-family:'Montserrat',Arial,sans-serif}
/* ---------- CONFIGURATOR polish (style-only; JS markup untouched) ---------- */
body.hm-home .tabs_form{border:1px solid #e6e6e6;padding:40px 36px;background:#fff}
body.hm-home .tabs_form .tabs_nav3{display:flex;gap:36px;border-bottom:1px solid #e6e6e6;margin:0 0 30px;padding:0;list-style:none}
body.hm-home .tabs_form .tabs_nav3 > li{padding:0;background:none}
body.hm-home .tabs_form .tabs_nav3 a{position:relative;display:block;padding:0 0 16px;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#666;background:none !important}
body.hm-home .tabs_form .tabs_nav3 li.tab_active a{color:#111 !important}
body.hm-home .tabs_form .tabs_nav3 li.tab_active a::after{content:"";position:absolute;left:0;bottom:-1px;width:100%;height:2px;background:#111}
body.hm-home .form_filter .caption.opener-row-filter{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#8a8a8a}
body.hm-home .form_filter .icon-down-chevron{color:#8a8a8a}
body.hm-home .form_filter .ui-slider{height:2px;background:#dcdcdc;border:0;margin:6px 6px 18px}
body.hm-home .form_filter .ui-slider .ui-slider-range{background:#111 !important}
body.hm-home .form_filter .ui-slider .ui-slider-handle{width:12px;height:12px;top:-5px;margin-left:-6px;background:#111 !important;border:0 !important;border-radius:0 !important;cursor:pointer}
body.hm-home .form_filter .quantity{border:1px solid #d8d8d8;background:#fff}
body.hm-home .form_filter .quantity input{color:#333}
body.hm-home .form_filter .quantity .quantity-button{background:#fff;color:#8a8a8a}
body.hm-home .form_filter .quantity .quantity-button:hover{background:#f5f5f5;color:#111}
body.hm-home .form_filter .multiselect .ellipsis,body.hm-home .form_filter .form-control,body.hm-home .form_filter select{border:1px solid #d8d8d8 !important;background:#fff !important;color:#333 !important;border-radius:0 !important}
body.hm-home .form_filter .checkboxes{border:1px solid #e6e6e6;background:#fff}
body.hm-home .form_filter .button{background:#111 !important;color:#fff !important;border:0 !important;font-size:11px;letter-spacing:.18em;text-transform:uppercase;padding:14px 40px}
body.hm-home .form_filter .button:hover{background:#000 !important;color:#fff !important}

/* ---------- FIXES (2026-07-06) ---------- */
/* [1] map tabs: no black bg on hover/focus/active (global button{bg} bleed) */
body.hm-home .hm2-servers__tab:hover,body.hm-home .hm2-servers__tab:focus,
body.hm-home .hm2-servers__tab:active,body.hm-home .hm2-servers__tab.is-active{background:transparent !important;color:#111 !important}
/* [3] configurator panel white (main.css .form_filter{background:#e6e6e6}) */
body.hm-home .form_filter{background:#fff !important}

/* ---------- CONFIGURATOR (rebuilt to design layout) ---------- */
.hm2-cfg__panel{border:1px solid #e6e6e6;padding:40px 36px;background:#fff;text-align:left}
.hm2-cfg__tabs{display:flex;gap:36px;border-bottom:1px solid #e6e6e6;margin-bottom:34px}
body.hm-home .hm2-cfg__tab{background:transparent !important;border:0 !important;position:relative;padding:0 0 16px;font-family:inherit;cursor:pointer;color:#666 !important;font-size:12px;letter-spacing:.16em;text-transform:uppercase}
body.hm-home .hm2-cfg__tab.is-active{color:#111 !important}
.hm2-cfg__tab.is-active::after{content:"";position:absolute;left:0;bottom:-1px;width:100%;height:2px;background:#111}
.hm2-cfg__row1{display:grid;grid-template-columns:repeat(4,1fr) 1.3fr;gap:28px;align-items:end}
.hm2-cfg__row2{display:grid;grid-template-columns:1fr 1fr auto;gap:28px;align-items:end;margin-top:26px}
.hm2-slider__label{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#8a8a8a;margin-bottom:16px}
.hm2-slider__track{position:relative;height:2px;background:#dcdcdc;margin:0 6px 20px}
.hm2-slider__fill{position:absolute;top:0;height:2px;background:#111}
.hm2-slider__h{position:absolute;top:-5px;width:12px;height:12px;background:#111;margin-left:-6px;cursor:pointer;touch-action:none;z-index:2}
.hm2-slider__inputs{display:flex;gap:8px;align-items:center}
.hm2-slider__box{flex:1;border:1px solid #d8d8d8;padding:7px 10px;display:flex;align-items:center}
.hm2-slider__box input{border:0;width:100%;font-size:13px;outline:none;background:transparent;color:#333;padding:0;font-family:inherit}
.hm2-slider__dash{color:#8a8a8a}
.hm2-cfg__sel .hm2-slider__label{margin-bottom:14px}
.hm2-select{border:1px solid #d8d8d8;padding:11px 12px;font-size:13px;display:flex;justify-content:space-between;align-items:center;gap:8px;color:#333;cursor:pointer;white-space:nowrap;overflow:hidden}
.hm2-select span{color:#8a8a8a;flex:0 0 auto}
body.hm-home .hm2-cfg__btn{background:#111 !important;color:#fff !important;font-size:11px;letter-spacing:.18em;text-transform:uppercase;padding:14px 40px;text-decoration:none;white-space:nowrap;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}
body.hm-home .hm2-cfg__btn:hover{background:#000 !important;color:#fff !important}
@media(max-width:900px){.hm2-cfg__row1{grid-template-columns:repeat(2,1fr)}.hm2-cfg__row2{grid-template-columns:1fr}.hm2-cfg__panel{padding:28px 20px}}

/* mono.v5 */
/* ==========================================================================
   HM — hm-mono.v5.css   (Phase 4a — exhaustive residual-colour kill)
   Loaded AFTER hm-redesign.v2.css + hm-sections.v4.css. Staging only.
   Neutralises EVERY brand-colour occurrence found in main.css by property
   (color / background / border / fill), scoped to body.hm-home, !important.
   Provider review logos in "The best today" (hm2-best) are untouched → colour.
   ========================================================================== */

/* ============================================================
   ACTIVE / HOVER TABS  — the red is a BACKGROUND, not text.
   Configurator (tabs_nav3), "Choosing hosting by type" (tabs_nav),
   "Our servers in countries" (tabs_nav2) all use `.tabs > ul li`.
   Result: no fill, black text, 2px black underline bar.
   ============================================================ */
body.hm-home .tabs > ul li a,
body.hm-home .tabs > ul li .inner{background:transparent !important}
body.hm-home .tabs > ul li.tab_active a,
body.hm-home .tabs > ul li.tab_active .inner,
body.hm-home .tabs > ul li.active a,
body.hm-home .tabs > ul li.active .inner,
body.hm-home .tabs > ul li:hover a:hover,
body.hm-home .tabs > ul li:hover .inner:hover{
  background:transparent !important;
  color:#111 !important;
  position:relative}
body.hm-home .tabs > ul li.tab_active a::after,
body.hm-home .tabs > ul li.tab_active .inner::after,
body.hm-home .tabs > ul li.active a::after{
  content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:#111}

/* ============================================================
   FAQ toggle glyph — closed "+" was green, open "−" red (both backgrounds) → ink
   ============================================================ */
body.hm-home .faq li .icon span,
body.hm-home .faq li.active .icon span{background:#111 !important;color:#111 !important}
body.hm-home .faq a.opener{color:#111 !important}

/* ============================================================
   RED  #ff0055  — every other occurrence
   ============================================================ */
body.hm-home a.active{color:#111 !important}
body.hm-home .checked .ellipsis{color:#111 !important;background:transparent !important}
body.hm-home .why_we li .inner .caption span{color:#333 !important}
body.hm-home .reviews li.admin .inner{border-left-color:#111 !important}
body.hm-home form button:hover,
body.hm-home form input[type="button"]:hover,
body.hm-home form input[type="reset"]:hover,
body.hm-home form input[type="submit"]:hover{background:#000 !important;color:#fff !important}
body.hm-home .pages li .inner.active{background:#111 !important;color:#fff !important}
body.hm-home .open-menu,body.hm-home .open-contacts,body.hm-home .open-filter{background:#111 !important}

/* ============================================================
   GREEN  #8dc540
   ============================================================ */
body.hm-home a:hover{color:#666 !important}
body.hm-home ol li:before{color:#111 !important}
body.hm-home .branch li .inner .caption{color:#111 !important}
body.hm-home .tab_caption a,body.hm-home .tab_caption .link{color:#111 !important}
body.hm-home .quantity .quantity-button:hover{background:#f5f5f5 !important;color:#111 !important}
body.hm-home .ellipsis:hover,
body.hm-home .inner-wrap label:hover{background:transparent !important;color:#111 !important}
body.hm-home select:hover{border-color:#d8d8d8 !important}
body.hm-home button,
body.hm-home input[type='button'],
body.hm-home input[type='reset'],
body.hm-home input[type='file'],
body.hm-home input[type='submit']{background:#111 !important;color:#fff !important}
body.hm-home .form_filter .slide-filter .ui-slider .ui-slider-handle:hover{background:#111 !important}
body.hm-home .slick-prev:hover,body.hm-home .slick-prev:focus,
body.hm-home .slick-next:hover,body.hm-home .slick-next:focus{background:#111 !important}
body.hm-home .planet:before{background:#111 !important}

/* ============================================================
   ORANGE  #f99b20  — rating stars
   ============================================================ */
body.hm-home .glyphicon-star,
body.hm-home .fa-heart,
body.hm-home .fa.glyphicon-star,
body.hm-home .glyphicon.glyphicon-star{color:#111 !important}
body.hm-home .glyphicon-star-empty,
body.hm-home .fa-heart-o{color:rgba(0,0,0,.28) !important}
body.hm-home progress[value]{--color:#111 !important;accent-color:#111}

/* ============================================================
   BLUE  #0066ff  — map links + map land fill
   ============================================================ */
body.hm-home #map-container,
body.hm-home #map-container a,
body.hm-home #map-container a:visited{color:#111 !important}
body.hm-home .st1{fill:#e6e6e6 !important}

/* ============================================================
   PALE YELLOW  #fff5c4  — fills → white / faint
   ============================================================ */
body.hm-home .quantity .quantity-button{background:#fff !important}
body.hm-home .form_filter .slide-filter .ui-slider .ui-slider-range{background:#111 !important}
body.hm-home .form_filter .slide-filter .ui-slider .ui-slider-handle{background:#111 !important;border-color:#111 !important}
body.hm-home .branch li .inner:hover{background:#fafafa !important}
body.hm-home .reviews li.empty .inner{background:#fff !important}
body.hm-home blockquote{background:#fafafa !important}

/* ============================================================
   NAVY  #14253f  → ink
   ============================================================ */
body.hm-home a{color:#111}
body.hm-home .heading,body.hm-home .heading span{color:#111 !important}
body.hm-home .slick-dots li.slick-active button{background:#111 !important}
body.hm-home .main_img .img{background:#111 !important}
body.hm-home .form_filter .button:hover{background:#000 !important;color:#fff !important}

/* ============================================================
   GRAYSCALE brand imagery (carried from v4)
   ============================================================ */
body.hm-home .img_logo img{filter:grayscale(1) !important}                 /* About shield */
body.hm-home .countries li .inner .img{filter:grayscale(1) !important}      /* country chips */
body.hm-home .tabs.maps .map_container{filter:grayscale(1)}                 /* map (red active → gray) */
body.hm-home .map_container .active,
body.hm-home .map_container a.active{fill:#333 !important;color:#333 !important}
body.hm-home .trust_us li .inner .img{filter:grayscale(1) !important}       /* TOP-companies trust logos */