/* HQserv theme for the Hebrew folder (/he/). Generated: plan-table rules from /style.css,
   then /css/hq-site.css. Edit those two files, not this copy. */

/* ============================================================
   HQserv — dedicated servers pricing table
   Everything is scoped under .hq-rack, so nothing here can leak
   into the rest of the site or collide with Bootstrap.
   Works in both LTR (/dedicated-servers) and RTL (/he/...).
   ============================================================ */

.hq-rack{
  --hq-deep:#0B1A2D;      /* chassis navy       */
  --hq-ink:#0E2036;       /* primary text       */
  --hq-ink-2:#1C3450;
  --hq-muted:#5F718A;     /* labels             */
  --hq-steel:#EEF1F5;     /* cold-aisle grey    */
  --hq-panel:#FFFFFF;
  --hq-rule:#D3DBE5;
  --hq-amber:#F2A61C;     /* action / activity  */
  --hq-led:#3ED07F;       /* link light         */

  font-family:"IBM Plex Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  color:var(--hq-ink);
  max-width:1180px;
  margin:0 auto;
  padding:8px 0 4px;
  -webkit-font-smoothing:antialiased;
}
.hq-rack *,.hq-rack *::before,.hq-rack *::after{box-sizing:border-box;}

/* ---------- table shell ---------- */
.hq-rack table{
  width:100%;
  border-collapse:separate;
  border-spacing:0 10px;
  margin:0;
  background:none;
  border:0;
}
.hq-rack thead tr,
.hq-rack tbody tr{
  display:grid;
  grid-template-columns:minmax(230px,1.7fr) 96px 128px 92px minmax(170px,1.15fr) 108px 124px;
  align-items:center;
  column-gap:14px;
}
.hq-rack th,
.hq-rack td{
  border:0;
  padding:0;
  text-align:start;
  vertical-align:middle;
  background:none;
}

/* ---------- column headers ---------- */
.hq-rack thead tr{padding-block:0 0;padding-inline:30px 22px;}
.hq-rack thead th{
  font-family:"IBM Plex Mono",ui-monospace,monospace;
  font-size:10.5px;
  font-weight:500;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--hq-muted);
  padding-bottom:2px;
}
.hq-rack thead th:last-child{text-align:end;}

/* ---------- a row = a rack unit ---------- */
.hq-rack tbody tr{
  position:relative;
  background:var(--hq-panel);
  border:1px solid var(--hq-rule);
  border-radius:4px;
  padding-block:16px;
  padding-inline:30px 22px;
  box-shadow:0 1px 0 rgba(14,32,54,.04);
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
/* mounting rail + screws down the leading edge */
.hq-rack tbody tr::before{
  content:"";
  position:absolute;
  inset-block:-1px;
  inset-inline-start:-1px;
  width:12px;
  border-start-start-radius:4px;
  border-end-start-radius:4px;
  background:
    radial-gradient(circle at 50% 14px,#A9B6C6 1.9px,transparent 2.1px),
    radial-gradient(circle at 50% calc(100% - 14px),#A9B6C6 1.9px,transparent 2.1px),
    linear-gradient(180deg,var(--hq-steel),#DFE5EC);
  border-inline-end:1px solid var(--hq-rule);
}
/* activity light */
.hq-rack tbody tr::after{
  content:"";
  position:absolute;
  inset-inline-start:5px;
  top:50%;
  width:4px;height:4px;
  margin-top:-2px;
  border-radius:50%;
  background:var(--hq-led);
  box-shadow:0 0 0 0 rgba(62,208,127,.55);
  transition:box-shadow .18s ease;
}
.hq-rack tbody tr:hover{
  transform:translateY(-2px);
  box-shadow:0 10px 24px -14px rgba(11,26,45,.45);
  border-color:#B6C2D2;
}
.hq-rack tbody tr:hover::after{box-shadow:0 0 0 4px rgba(62,208,127,.18);}

/* ---------- identity cell ---------- */
.hq-id{display:flex;align-items:center;gap:14px;}
.hq-threads{
  font-family:"IBM Plex Mono",ui-monospace,monospace;
  font-size:20px;
  font-weight:600;
  line-height:1;
  color:var(--hq-ink);
  min-width:44px;
  padding-inline-end:14px;
  border-inline-end:1px solid var(--hq-rule);
}
.hq-threads small{
  display:block;
  font-size:9px;
  letter-spacing:.14em;
  color:var(--hq-muted);
  margin-top:5px;
  font-weight:500;
}
.hq-cpu{
  font-family:"IBM Plex Sans Condensed","IBM Plex Sans",sans-serif;
  font-size:17px;
  font-weight:600;
  line-height:1.2;
}
.hq-clock{
  font-family:"IBM Plex Mono",monospace;
  font-size:11px;
  color:var(--hq-muted);
  margin-top:3px;
}

/* ---------- spec cells ---------- */
.hq-spec{
  font-family:"IBM Plex Mono",ui-monospace,monospace;
  font-size:12.5px;
  line-height:1.45;
  color:var(--hq-ink-2);
}
.hq-spec b{font-weight:600;color:var(--hq-ink);}
.hq-spec span{display:block;color:var(--hq-muted);font-size:11px;}

/* ---------- price + action ---------- */
.hq-price{
  font-family:"IBM Plex Sans Condensed","IBM Plex Sans",sans-serif;
  font-size:27px;
  font-weight:700;
  line-height:1;
  letter-spacing:-.01em;
  white-space:nowrap;
}
.hq-price i{
  font-style:normal;
  font-size:12px;
  font-weight:500;
  color:var(--hq-muted);
  letter-spacing:0;
}
.hq-rack td:last-child{text-align:end;}
.hq-rack a.hq-buy{
  display:inline-block;
  background:var(--hq-amber);
  color:var(--hq-deep);
  font-family:"IBM Plex Sans",sans-serif;
  font-size:13px;
  font-weight:600;
  text-decoration:none;
  padding:10px 18px;
  border-radius:3px;
  border:1px solid #D8900D;
  transition:filter .15s ease, transform .15s ease;
}
.hq-rack a.hq-buy:hover,
.hq-rack a.hq-buy:focus{filter:brightness(1.07);color:var(--hq-deep);text-decoration:none;}
.hq-rack a.hq-buy:active{transform:translateY(1px);}
.hq-rack a:focus-visible{outline:2px solid var(--hq-ink);outline-offset:3px;}

/* ---------- highlighted unit ----------
   To move it: put class="hq-featured" on a different <tr> and move the
   <span class="hq-flag"> with it. Delete both to turn it off. */
.hq-rack tbody tr.hq-featured{background:var(--hq-deep);border-color:var(--hq-deep);}
.hq-featured .hq-cpu,
.hq-featured .hq-threads,
.hq-featured .hq-price,
.hq-featured .hq-spec b{color:#fff;}
.hq-featured .hq-spec{color:#C6D2E1;}
.hq-featured .hq-spec span,
.hq-featured .hq-clock,
.hq-featured .hq-price i,
.hq-featured .hq-threads small{color:#8CA0BA;}
.hq-featured .hq-threads{border-inline-end-color:#26405E;}
.hq-featured::before{
  background:
    radial-gradient(circle at 50% 14px,#3E5473 1.9px,transparent 2.1px),
    radial-gradient(circle at 50% calc(100% - 14px),#3E5473 1.9px,transparent 2.1px),
    linear-gradient(180deg,#16293F,#0F2136);
  border-inline-end-color:#26405E;
}
.hq-flag{
  position:absolute;
  top:-9px;
  inset-inline-start:30px;
  background:var(--hq-amber);
  color:var(--hq-deep);
  font-family:"IBM Plex Mono",monospace;
  font-size:9.5px;
  font-weight:600;
  letter-spacing:.14em;
  text-transform:uppercase;
  padding:3px 9px;
  border-radius:2px;
}

/* ---------- included-with-every-server line ---------- */
.hq-rack ul.hq-included{
  display:flex;
  flex-wrap:wrap;
  gap:8px 26px;
  margin:14px 0 0;
  padding-inline-start:30px;
  font-size:12.5px;
  color:var(--hq-muted);
}
.hq-rack ul.hq-included li{
  list-style:none;
  position:relative;
  padding-inline-start:16px;
}
.hq-rack ul.hq-included li::before{
  content:"";
  position:absolute;
  inset-inline-start:0;
  top:7px;
  width:5px;height:5px;
  border-radius:50%;
  background:var(--hq-led);
}

/* ---------- mobile: each unit becomes a card ---------- */
@media (max-width:900px){
  .hq-rack thead{
    position:absolute;
    width:1px;height:1px;
    overflow:hidden;
    clip:rect(0 0 0 0);
    white-space:nowrap;
  }
  .hq-rack tbody tr{
    display:block;
    padding-block:18px;
    padding-inline:26px 18px;
  }
  .hq-rack td{display:block;}
  .hq-id{padding-bottom:14px;border-bottom:1px solid var(--hq-rule);margin-bottom:12px;}
  .hq-featured .hq-id{border-bottom-color:#26405E;}
  .hq-rack td.hq-spec{
    display:flex;
    justify-content:space-between;
    align-items:baseline;
    gap:16px;
    padding:5px 0;
  }
  .hq-rack td.hq-spec::before{
    content:attr(data-label);
    font-size:10px;
    letter-spacing:.14em;
    text-transform:uppercase;
    color:var(--hq-muted);
    flex:none;
  }
  .hq-rack td.hq-spec span{display:inline;}
  .hq-rack td.hq-spec > div{text-align:end;}
  .hq-rack td:nth-child(6){margin-top:14px;}
  .hq-rack td:last-child{text-align:start;margin-top:12px;}
  .hq-rack a.hq-buy{display:block;text-align:center;padding:13px 18px;font-size:14px;}
  .hq-rack ul.hq-included{padding-inline-start:26px;}
}

@media (prefers-reduced-motion:reduce){
  .hq-rack tbody tr,
  .hq-rack a.hq-buy{transition:none;}
  .hq-rack tbody tr:hover{transform:none;}
}

/* ==========================================================================
   HQserv site theme
   Loaded last on every English page. Extends the .hq-rack pricing table in
   style.css to the whole site: chassis navy, cold-aisle steel, amber for
   anything that leads to an order, LED green for "included / online".
   Everything is scoped under body.hq-site so the old ColorHost template
   rules (style.css) can't override it.
   ========================================================================== */

.hq-site{
  --hq-deep:#0B1A2D;      /* chassis navy            */
  --hq-deep-2:#10233A;    /* raised navy panels      */
  --hq-line-dk:#26405E;   /* rules on navy           */
  --hq-ink:#0E2036;       /* primary text            */
  --hq-ink-2:#1C3450;     /* body text               */
  --hq-muted:#5F718A;     /* labels on light         */
  --hq-muted-dk:#8CA0BA;  /* labels on navy          */
  --hq-on-dark:#C6D2E1;   /* body text on navy       */
  --hq-steel:#EEF1F5;     /* page background         */
  --hq-steel-2:#DFE5EC;
  --hq-panel:#FFFFFF;
  --hq-rule:#D3DBE5;
  --hq-amber:#F2A61C;     /* order / buy actions     */
  --hq-amber-edge:#D8900D;
  --hq-led:#3ED07F;       /* included / online       */

  --hq-sans:"IBM Plex Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  --hq-cond:"IBM Plex Sans Condensed","IBM Plex Sans","Arial Narrow",sans-serif;
  --hq-mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;

  height:auto;
  background:var(--hq-steel);
  color:var(--hq-ink-2);
  font-family:var(--hq-sans);
  font-size:16px;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
.hq-site .wrapper{height:auto;}

/* ---------- base type ---------- */
.hq-site h1,.hq-site h2,.hq-site h3,.hq-site h4{
  font-family:var(--hq-cond);
  font-weight:600;
  color:var(--hq-ink);
  letter-spacing:-.005em;
  margin:0;
}
.hq-site p{margin:0 0 14px;}
.hq-site p:last-child{margin-bottom:0;}
.hq-site a{color:var(--hq-ink);text-decoration:underline;text-decoration-color:var(--hq-rule);text-underline-offset:3px;}
.hq-site a:hover,.hq-site a:focus{color:var(--hq-ink);text-decoration-color:currentColor;}
.hq-site a:focus{outline:0;}
.hq-site a:focus-visible,
.hq-site button:focus-visible,
.hq-site select:focus-visible,
.hq-site summary:focus-visible{outline:2px solid var(--hq-ink);outline-offset:3px;}
.hq-site .hq-dark a:focus-visible,
.hq-site .hq-dark button:focus-visible,
.hq-site .hq-dark summary:focus-visible{outline-color:var(--hq-amber);}
.hq-site dl,.hq-site dd{margin:0;}
.hq-site dt{font-weight:400;}
.hq-site ul,.hq-site ol{margin:0;}

.hq-site .hq-skip{
  position:absolute;left:16px;top:-60px;z-index:2000;
  background:var(--hq-amber);color:var(--hq-deep);
  padding:10px 16px;border-radius:3px;font-weight:600;text-decoration:none;
}
.hq-site .hq-skip:focus{top:12px;}

/* ---------- buttons ---------- */
.hq-site .hq-btn{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:46px;padding:12px 20px;
  font:600 15px/1.2 var(--hq-sans);
  border:1px solid transparent;border-radius:3px;
  text-decoration:none;cursor:pointer;
  transition:filter .15s ease, background-color .15s ease, border-color .15s ease, color .15s ease;
}
.hq-site .hq-btn--amber{background:var(--hq-amber);border-color:var(--hq-amber-edge);color:var(--hq-deep);}
.hq-site .hq-btn--amber:hover,.hq-site .hq-btn--amber:focus{filter:brightness(1.07);color:var(--hq-deep);}
.hq-site .hq-btn--amber:active{transform:translateY(1px);}
.hq-site .hq-btn--ghost{border-color:#3A5677;color:#fff;background:transparent;}
.hq-site .hq-btn--ghost:hover,.hq-site .hq-btn--ghost:focus{border-color:var(--hq-on-dark);color:#fff;background:rgba(198,210,225,.06);}
.hq-site .hq-btn--line{border-color:#B6C2D2;color:var(--hq-ink);background:var(--hq-panel);}
.hq-site .hq-btn--line:hover,.hq-site .hq-btn--line:focus{border-color:var(--hq-ink);color:var(--hq-ink);}
.hq-site .hq-btn--block{display:flex;width:100%;}
.hq-site .hq-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px;}

.hq-site .hq-link{font-weight:600;color:var(--hq-ink);text-decoration:underline;text-decoration-color:var(--hq-amber);text-decoration-thickness:2px;text-underline-offset:4px;}
.hq-site .hq-link:hover{text-decoration-color:var(--hq-ink);}
.hq-site .hq-dark .hq-link{color:#fff;}
.hq-site .hq-dark .hq-link:hover{text-decoration-color:#fff;}

/* ==========================================================================
   Header
   ========================================================================== */
.hq-site .hq-header{
  position:sticky;top:0;z-index:1000;
  background:var(--hq-deep);
  border-bottom:1px solid var(--hq-line-dk);
}
.hq-site .hq-navbar{margin:0;border:0;border-radius:0;min-height:64px;background:none;}
.hq-site .hq-navbar .navbar-header{display:flex;align-items:center;justify-content:space-between;}
@media (min-width:768px){.hq-site .hq-navbar .navbar-header{display:block;}}

.hq-site .hq-logo{
  display:inline-flex;align-items:center;gap:10px;
  height:64px;padding:0 15px;
  font:700 23px/1 var(--hq-cond);letter-spacing:-.01em;
  color:#fff;text-decoration:none;
}
.hq-site .hq-logo:hover,.hq-site .hq-logo:focus{color:#fff;}
.hq-site .hq-logo b{font-weight:600;color:var(--hq-on-dark);}
@media (min-width:768px){.hq-site .hq-navbar>.container .hq-logo{margin-left:-15px;float:left;}}
.hq-site .hq-logo-mark{
  position:relative;flex:none;width:24px;height:24px;
  border:2px solid var(--hq-on-dark);border-radius:3px;
  background:
    linear-gradient(var(--hq-on-dark),var(--hq-on-dark)) 3px 5px/11px 2px no-repeat,
    linear-gradient(var(--hq-on-dark),var(--hq-on-dark)) 3px 13px/11px 2px no-repeat;
}
.hq-site .hq-logo-mark::after{
  content:"";position:absolute;right:3px;top:4px;
  width:4px;height:4px;border-radius:50%;
  background:var(--hq-led);box-shadow:0 8px 0 var(--hq-amber);
}

.hq-site .hq-navbar .navbar-toggle{
  margin:0 15px 0 0;padding:10px 11px;
  border:1px solid #3A5677;border-radius:3px;background:none;
}
.hq-site .hq-navbar .navbar-toggle .icon-bar{background:var(--hq-on-dark);width:20px;}
.hq-site .hq-navbar .navbar-collapse{border-top:1px solid var(--hq-line-dk);box-shadow:none;}
@media (min-width:768px){.hq-site .hq-navbar .navbar-collapse{border-top:0;}}

.hq-site .hq-menu>li>a,
.hq-site .hq-menu-aux>li>a{
  color:var(--hq-on-dark);
  font:500 15px/20px var(--hq-sans);
  text-decoration:none;
  padding:22px 11px;
  background:none;
}
.hq-site .hq-menu>li>a:hover,.hq-site .hq-menu>li>a:focus,
.hq-site .hq-menu>.open>a,.hq-site .hq-menu>.open>a:hover,.hq-site .hq-menu>.open>a:focus,
.hq-site .hq-menu-aux>li>a:hover,.hq-site .hq-menu-aux>li>a:focus{color:#fff;background:none;}
.hq-site .hq-menu>li.active>a{color:#fff;box-shadow:inset 0 -2px 0 var(--hq-led);}
.hq-site .hq-menu .caret{margin-left:5px;opacity:.7;border-top-width:5px;}

.hq-site .hq-menu .dropdown-menu{
  min-width:240px;padding:6px;margin:0;
  background:var(--hq-panel);
  border:1px solid var(--hq-rule);border-radius:4px;
  box-shadow:0 14px 30px -14px rgba(11,26,45,.5);
}
.hq-site .hq-menu .dropdown-menu>li>a{
  padding:9px 12px;border-radius:3px;
  font:500 15px/1.35 var(--hq-sans);color:var(--hq-ink);text-decoration:none;white-space:normal;
}
.hq-site .hq-menu .dropdown-menu>li>a small{display:block;font-size:13px;font-weight:400;color:var(--hq-muted);}
.hq-site .hq-menu .dropdown-menu>li>a:hover,
.hq-site .hq-menu .dropdown-menu>li>a:focus,
.hq-site .hq-menu .dropdown-menu>li.active>a{background:var(--hq-steel);color:var(--hq-ink);}
@media (min-width:768px){
  .hq-site .hq-menu .dropdown:hover>.dropdown-menu,
  .hq-site .hq-menu .dropdown:focus-within>.dropdown-menu{display:block;}
}

.hq-site .hq-menu-aux>li>a[lang="he"]{font-size:15px;}
.hq-site .hq-menu-aux>li>a.hq-login{
  margin:13px 0 13px 6px;padding:8px 14px;
  border:1px solid #3A5677;border-radius:3px;color:#fff;
}
.hq-site .hq-menu-aux>li>a.hq-login:hover,
.hq-site .hq-menu-aux>li>a.hq-login:focus{border-color:var(--hq-on-dark);background:rgba(198,210,225,.06);}

/* tablet: keep the bar on one line */
@media (min-width:768px) and (max-width:1199px){
  .hq-site .hq-menu>li>a,.hq-site .hq-menu-aux>li>a{padding-left:8px;padding-right:8px;font-size:14px;}
  .hq-site .hq-logo{font-size:21px;}
}
.hq-site .hq-show-sm{display:none;}
@media (min-width:768px) and (max-width:991px){
  .hq-site .hq-hide-sm{display:none;}
  .hq-site .hq-show-sm{display:inline;}
  .hq-site .hq-menu-aux>li>a.hq-login{padding:8px 10px;}
}

/* phone menu */
@media (max-width:767px){
  .hq-site .hq-menu,.hq-site .hq-menu-aux{margin:6px -15px;}
  .hq-site .hq-menu>li>a,.hq-site .hq-menu-aux>li>a{padding:12px 15px;font-size:16px;}
  .hq-site .hq-menu>li.active>a{box-shadow:inset 3px 0 0 var(--hq-led);}
  .hq-site .hq-menu .open .dropdown-menu{
    position:static;float:none;width:auto;margin:0 0 6px;padding:0 0 0 12px;
    background:none;border:0;box-shadow:none;
  }
  .hq-site .hq-menu .open .dropdown-menu>li>a{color:var(--hq-on-dark);padding:10px 15px;}
  .hq-site .hq-menu .open .dropdown-menu>li>a small{color:var(--hq-muted-dk);}
  .hq-site .hq-menu .open .dropdown-menu>li>a:hover,
  .hq-site .hq-menu .open .dropdown-menu>li>a:focus{background:rgba(198,210,225,.08);color:#fff;}
  .hq-site .hq-menu-aux>li>a.hq-login{display:inline-block;margin:8px 15px 14px;}
}

/* ==========================================================================
   Hero (inner pages)
   ========================================================================== */
.hq-site .hq-hero{
  background:var(--hq-deep);
  color:var(--hq-on-dark);
  padding:40px 0 64px;
}
.hq-site .hq-hero-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:40px;align-items:end;}
@media (min-width:992px){.hq-site .hq-hero-grid{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:56px;}}

.hq-site .hq-crumbs ol{list-style:none;padding:0;margin:0 0 28px;display:flex;flex-wrap:wrap;font-size:14px;color:var(--hq-muted-dk);}
.hq-site .hq-crumbs li+li::before{content:"/";margin:0 9px;color:#3A5677;}
.hq-site .hq-crumbs a{color:var(--hq-muted-dk);text-decoration:none;}
.hq-site .hq-crumbs a:hover{color:#fff;text-decoration:underline;}
.hq-site .hq-crumbs [aria-current]{color:var(--hq-on-dark);}

.hq-site .hq-hero h1{
  color:#fff;
  font-size:56px;line-height:1.04;font-weight:600;
  letter-spacing:-.015em;
  max-width:15ch;
}
.hq-site .hq-lede{font-size:19px;line-height:1.55;color:var(--hq-on-dark);max-width:58ch;margin-top:20px;}

/* the rating plate: key facts a buyer checks first */
.hq-site .hq-plate{
  background:var(--hq-deep-2);
  border:1px solid var(--hq-line-dk);
  border-radius:4px;
  padding:6px 22px;
}
.hq-site .hq-plate>div{display:grid;grid-template-columns:132px 1fr;gap:14px;padding:13px 0;border-bottom:1px solid var(--hq-line-dk);}
.hq-site .hq-plate>div:last-child{border-bottom:0;}
.hq-site .hq-plate dt{font-size:14px;color:var(--hq-muted-dk);}
.hq-site .hq-plate dd{font-size:15px;font-weight:500;color:#fff;}
.hq-site .hq-plate dd b{font:600 15px var(--hq-mono);}

/* ==========================================================================
   Home hero: plan picker. Radio inputs drive the tabs, so it works without
   JavaScript; every panel stays in the HTML for search engines.
   ========================================================================== */
.hq-site .hq-hero--home{padding:64px 0 72px;}
.hq-site .hq-hero--home .hq-hero-grid{align-items:center;}
@media (min-width:992px){.hq-site .hq-hero--home .hq-hero-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);}}
.hq-site .hq-hero--home h1{font-size:60px;max-width:none;}
.hq-site .hq-hero-note{margin-top:28px;font-size:14px;color:var(--hq-muted-dk);}

.hq-site .hq-pick{position:relative;width:100%;max-width:500px;justify-self:end;}
@media (max-width:991px){.hq-site .hq-pick{justify-self:start;}}
.hq-site .hq-pick>input{position:absolute;top:0;left:0;width:1px;height:1px;margin:0;opacity:0;pointer-events:none;}

.hq-site .hq-pick-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;}
.hq-site .hq-pick-tabs label{
  display:block;margin:0;padding:13px 8px 14px;
  font:600 15px/1.2 var(--hq-sans);text-align:center;cursor:pointer;
  color:var(--hq-on-dark);background:var(--hq-deep-2);
  border:1px solid var(--hq-line-dk);border-bottom:0;border-radius:6px 6px 0 0;
  transition:background-color .15s ease, color .15s ease;
}
.hq-site .hq-pick-tabs label:hover{color:#fff;background:#173251;}
.hq-site #pick-ded:checked ~ .hq-pick-tabs label[for="pick-ded"],
.hq-site #pick-vps:checked ~ .hq-pick-tabs label[for="pick-vps"],
.hq-site #pick-colo:checked ~ .hq-pick-tabs label[for="pick-colo"]{
  color:var(--hq-ink);background:var(--hq-panel);border-color:var(--hq-panel);
  box-shadow:inset 0 3px 0 var(--hq-amber);
}
.hq-site #pick-ded:focus-visible ~ .hq-pick-tabs label[for="pick-ded"],
.hq-site #pick-vps:focus-visible ~ .hq-pick-tabs label[for="pick-vps"],
.hq-site #pick-colo:focus-visible ~ .hq-pick-tabs label[for="pick-colo"]{outline:2px solid var(--hq-amber);outline-offset:2px;}

/* all panels share one grid cell, so switching tabs never changes the card height */
.hq-site .hq-pick-panels{display:grid;background:var(--hq-panel);border-radius:0 0 6px 6px;box-shadow:0 24px 48px -28px rgba(0,0,0,.75);}
.hq-site .hq-pick-panel{grid-area:1 / 1;visibility:hidden;display:flex;flex-direction:column;padding:24px 26px 26px;color:var(--hq-ink-2);}
.hq-site #pick-ded:checked ~ .hq-pick-panels .hq-pick-panel--ded,
.hq-site #pick-vps:checked ~ .hq-pick-panels .hq-pick-panel--vps,
.hq-site #pick-colo:checked ~ .hq-pick-panels .hq-pick-panel--colo{visibility:visible;}

.hq-site .hq-pick-top{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;}
.hq-site .hq-pick-name{margin:0;font:600 24px/1.15 var(--hq-cond);color:var(--hq-ink);}
.hq-site .hq-pick-sub{margin:4px 0 0;font-size:14.5px;color:var(--hq-muted);}
.hq-site .hq-pick .hq-unit-price{margin:0;text-align:right;}
.hq-site .hq-pick .hq-specs{margin:18px 0 14px;flex:none;}
.hq-site .hq-pick-note{margin:0 0 20px;font-size:14.5px;line-height:1.5;color:var(--hq-muted);}
.hq-site .hq-pick-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:auto;}
@media (max-width:399px){
  .hq-site .hq-pick-actions{grid-template-columns:minmax(0,1fr);}
  .hq-site .hq-pick-panel{padding:20px 18px 22px;}
  .hq-site .hq-pick-tabs label{font-size:14px;padding-inline:4px;}
}
@media (max-width:599px){.hq-site .hq-hero--home h1{font-size:42px;}}

/* ==========================================================================
   Sections
   ========================================================================== */
.hq-site .hq-sec{padding:76px 0;}
.hq-site .hq-sec--white{background:var(--hq-panel);border-top:1px solid var(--hq-rule);border-bottom:1px solid var(--hq-rule);}
.hq-site .hq-sec--tight{padding-top:40px;}
.hq-site .hq-head{max-width:700px;margin-bottom:36px;}
.hq-site .hq-head h2{font-size:38px;line-height:1.1;}
.hq-site .hq-head p{margin-top:12px;font-size:18px;line-height:1.55;color:var(--hq-muted);}
.hq-site .hq-head--row{max-width:none;display:flex;justify-content:space-between;align-items:end;gap:24px;flex-wrap:wrap;}
.hq-site .hq-head--row>div{max-width:700px;}

.hq-site .hq-cols{display:grid;gap:32px;grid-template-columns:minmax(0,1fr);}
@media (min-width:700px){
  .hq-site .hq-cols--2,.hq-site .hq-cols--3,.hq-site .hq-cols--4{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (min-width:992px){
  .hq-site .hq-cols--3{grid-template-columns:repeat(3,minmax(0,1fr));}
  .hq-site .hq-cols--4{grid-template-columns:repeat(4,minmax(0,1fr));}
}

/* prose + aside */
.hq-site .hq-split{display:grid;grid-template-columns:minmax(0,1fr);gap:40px;}
@media (min-width:992px){.hq-site .hq-split{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:72px;}}
.hq-site .hq-prose{max-width:66ch;font-size:17px;line-height:1.7;}
.hq-site .hq-prose h2{font-size:38px;line-height:1.1;margin-bottom:20px;}
.hq-site .hq-prose ul{padding-left:20px;margin:0 0 14px;}
.hq-site .hq-prose li{margin-bottom:6px;}

/* datasheet: plain key / value rows */
.hq-site .hq-sheet{border-top:2px solid var(--hq-ink);}
.hq-site .hq-sheet>div{display:grid;grid-template-columns:minmax(120px,42%) 1fr;gap:16px;padding:12px 0;border-bottom:1px solid var(--hq-rule);font-size:15px;}
.hq-site .hq-sheet dt{color:var(--hq-muted);}
.hq-site .hq-sheet dd{color:var(--hq-ink);font-weight:500;}
.hq-site .hq-sheet-cap{font:600 18px/1.3 var(--hq-cond);color:var(--hq-ink);margin:0 0 12px;}
.hq-site .hq-sheet+.hq-link{display:inline-block;margin-top:18px;}

/* "included" list — LED dot means it comes with the plan */
.hq-site .hq-incl{list-style:none;padding:0;display:grid;gap:0 40px;grid-template-columns:minmax(0,1fr);}
@media (min-width:700px){.hq-site .hq-incl{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (min-width:992px){.hq-site .hq-incl{grid-template-columns:repeat(3,minmax(0,1fr));}}
.hq-site .hq-incl li{padding:22px 0 24px;border-top:1px solid var(--hq-rule);}
.hq-site .hq-incl h3{
  position:relative;padding-left:18px;margin-bottom:8px;
  font-size:20px;line-height:1.25;
}
.hq-site .hq-incl h3::before{
  content:"";position:absolute;left:0;top:.5em;
  width:7px;height:7px;border-radius:50%;
  background:var(--hq-led);box-shadow:0 0 0 3px rgba(62,208,127,.18);
}
.hq-site .hq-incl p{padding-left:18px;font-size:15.5px;color:var(--hq-ink-2);}

/* location switcher on dedicated pages */
.hq-site .hq-locs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 28px;padding:0;list-style:none;}
.hq-site .hq-locs a{
  display:flex;flex-direction:column;gap:2px;
  min-width:150px;padding:10px 16px 11px;
  background:var(--hq-panel);border:1px solid var(--hq-rule);border-radius:4px;
  font:600 16px/1.2 var(--hq-cond);color:var(--hq-ink);text-decoration:none;
}
.hq-site .hq-locs a small{font:400 13px/1.3 var(--hq-sans);color:var(--hq-muted);}
.hq-site .hq-locs a:hover{border-color:#9FAEBF;}
.hq-site .hq-locs a[aria-current]{border-color:var(--hq-ink);box-shadow:inset 0 -3px 0 var(--hq-led);}

.hq-site .hq-note{font-size:14px;color:var(--hq-muted);margin-top:14px;}

/* ==========================================================================
   Unit cards (colocation, private racks, VPS presets)
   ========================================================================== */
.hq-site .hq-units{display:grid;gap:20px;grid-template-columns:minmax(0,1fr);list-style:none;padding:0;}
@media (min-width:700px){.hq-site .hq-units{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (min-width:992px){.hq-site .hq-units{grid-template-columns:repeat(3,minmax(0,1fr));}}

.hq-site .hq-unit{
  position:relative;
  display:flex;flex-direction:column;
  background:var(--hq-panel);
  border:1px solid var(--hq-rule);border-radius:4px;
  padding:22px 22px 24px;
}
.hq-site .hq-unit--featured{border-color:var(--hq-ink);box-shadow:0 0 0 1px var(--hq-ink);}
.hq-site .hq-unit .hq-flag,
.hq-site .hq-rack .hq-flag{
  position:absolute;top:-10px;left:22px;
  background:var(--hq-amber);color:var(--hq-deep);
  font:600 12px/1 var(--hq-sans);letter-spacing:.02em;
  padding:5px 9px;border-radius:2px;
}
.hq-site .hq-unit h3{font-size:24px;line-height:1.15;}
.hq-site .hq-unit-sub{font-size:14.5px;color:var(--hq-muted);margin:4px 0 0;}
.hq-site .hq-unit-price{margin:16px 0 0;font:700 38px/1 var(--hq-cond);color:var(--hq-ink);letter-spacing:-.01em;}
.hq-site .hq-unit-price small{display:block;margin-bottom:6px;font:400 13px/1 var(--hq-sans);color:var(--hq-muted);letter-spacing:0;}
.hq-site .hq-unit-price i{font:500 14px var(--hq-sans);font-style:normal;color:var(--hq-muted);letter-spacing:0;}
.hq-site .hq-unit-price--quote{font-size:21px;line-height:1.2;color:var(--hq-ink-2);}

.hq-site .hq-specs{margin:18px 0 22px;border-top:1px solid var(--hq-rule);flex:1;}
.hq-site .hq-specs>div{display:flex;justify-content:space-between;align-items:baseline;gap:14px;padding:10px 0;border-bottom:1px solid var(--hq-rule);}
.hq-site .hq-specs dt{font-size:14.5px;color:var(--hq-muted);}
.hq-site .hq-specs dd{font:500 14px/1.4 var(--hq-mono);color:var(--hq-ink);text-align:right;}

/* faceplate drawn at true relative height: 1U, 2U, 4U */
.hq-site .hq-bay{height:84px;display:flex;align-items:flex-end;margin:0 0 18px;}
.hq-site .hq-face{
  --u:1;
  position:relative;width:100%;
  height:calc(var(--u) * 20px);
  border:1px solid #AEBBCB;border-radius:2px;
  background:
    radial-gradient(circle at 7px 50%,#8193A8 0 1.8px,transparent 2.3px),
    radial-gradient(circle at calc(100% - 7px) 50%,#8193A8 0 1.8px,transparent 2.3px),
    repeating-linear-gradient(90deg,#A9B6C6 0 2px,transparent 2px 6px) 50% 50%/38% calc(var(--u) * 7px) no-repeat,
    linear-gradient(90deg,transparent 14px,#BAC6D3 14px 15px,transparent 15px calc(100% - 15px),#BAC6D3 calc(100% - 15px) calc(100% - 14px),transparent calc(100% - 14px)),
    linear-gradient(180deg,#F4F7FA,#DCE3EB);
}
.hq-site .hq-face::after{
  content:"";position:absolute;right:24px;top:50%;margin-top:-3px;
  width:6px;height:6px;border-radius:50%;background:var(--hq-led);
}
.hq-site .hq-face-label{position:absolute;left:24px;top:50%;transform:translateY(-50%);font:600 11px/1 var(--hq-mono);color:var(--hq-muted);}

/* private rack: 48U cabinet with the leased share filled */
.hq-site .hq-cab{
  --fill:12;
  position:relative;flex:none;
  width:52px;height:96px;
  border:2px solid #9FAEBF;border-radius:3px;
  background:repeating-linear-gradient(180deg,#F4F7FA 0 7px,#DCE3EB 7px 8px);
}
.hq-site .hq-cab::after{
  content:"";position:absolute;left:3px;right:3px;bottom:3px;
  height:calc(var(--fill) / 48 * (100% - 6px));
  background:repeating-linear-gradient(180deg,var(--hq-ink) 0 6px,#2A4566 6px 8px);
  border-radius:1px;
}
.hq-site .hq-cab-cap{margin-left:16px;font-size:14px;line-height:1.4;color:var(--hq-muted);align-self:center;}
.hq-site .hq-cab-cap b{display:block;font:600 15px var(--hq-mono);color:var(--hq-ink);}

/* ==========================================================================
   Steps (colocation is a real sequence, so it gets numbers)
   ========================================================================== */
.hq-site .hq-steps{list-style:none;padding:0;counter-reset:step;display:grid;gap:0 32px;grid-template-columns:minmax(0,1fr);}
@media (min-width:700px){.hq-site .hq-steps{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (min-width:992px){.hq-site .hq-steps{grid-template-columns:repeat(4,minmax(0,1fr));}}
.hq-site .hq-steps li{counter-increment:step;padding:20px 0 24px;border-top:2px solid var(--hq-ink);}
.hq-site .hq-steps li::before{content:counter(step);display:block;font:700 32px/1 var(--hq-cond);color:var(--hq-ink);margin-bottom:14px;}
.hq-site .hq-steps h3{font-size:20px;margin-bottom:6px;}
.hq-site .hq-steps p{font-size:15.5px;}

/* ==========================================================================
   Services overview (home)
   ========================================================================== */
.hq-site .hq-svc{padding-top:20px;border-top:2px solid var(--hq-ink);display:flex;flex-direction:column;}
.hq-site .hq-svc h3{font-size:24px;line-height:1.15;}
.hq-site .hq-svc h3 a{color:var(--hq-ink);text-decoration:none;}
.hq-site .hq-svc h3 a:hover{text-decoration:underline;}
.hq-site .hq-svc-from{margin:6px 0 12px;font:500 14px var(--hq-mono);color:var(--hq-muted);}
.hq-site .hq-svc p{font-size:15.5px;flex:1;}
.hq-site .hq-svc .hq-link{margin-top:14px;align-self:flex-start;}

/* ==========================================================================
   Dark band, testimonials, blog
   ========================================================================== */
.hq-site .hq-band{background:var(--hq-deep);color:var(--hq-on-dark);padding:72px 0;}
.hq-site .hq-band h2{color:#fff;font-size:38px;line-height:1.1;}
.hq-site .hq-band-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:36px;align-items:center;}
@media (min-width:992px){.hq-site .hq-band-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:72px;}}
.hq-site .hq-band p{font-size:18px;margin-top:14px;}
.hq-site .hq-band .hq-sheet{border-top-color:var(--hq-on-dark);}
.hq-site .hq-band .hq-sheet>div{border-bottom-color:var(--hq-line-dk);}
.hq-site .hq-band .hq-sheet dt{color:var(--hq-muted-dk);}
.hq-site .hq-band .hq-sheet dd{color:#fff;}

.hq-site .hq-quotes{display:grid;grid-template-columns:minmax(0,1fr);gap:0;}
@media (min-width:992px){.hq-site .hq-quotes{grid-template-columns:repeat(3,minmax(0,1fr));}}
.hq-site .hq-quote{margin:0;padding:24px 28px 24px 0;border-top:1px solid var(--hq-rule);}
@media (min-width:992px){
  .hq-site .hq-quote{border-top:0;border-left:1px solid var(--hq-rule);padding:4px 32px;}
  .hq-site .hq-quote:first-child{border-left:0;padding-left:0;}
}
.hq-site .hq-quote blockquote{margin:0;padding:0;border:0;font:400 19px/1.5 var(--hq-sans);color:var(--hq-ink);}
.hq-site .hq-quote figcaption{margin-top:16px;font-size:14px;color:var(--hq-muted);}
.hq-site .hq-quote figcaption b{display:block;font-weight:600;color:var(--hq-ink);}

.hq-site .hq-posts{list-style:none;padding:0;display:grid;gap:28px;grid-template-columns:minmax(0,1fr);}
@media (min-width:700px){.hq-site .hq-posts{grid-template-columns:repeat(3,minmax(0,1fr));}}
.hq-site .hq-post img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;border:1px solid var(--hq-rule);border-radius:4px;background:var(--hq-steel-2);}
.hq-site .hq-post h3{font-size:21px;line-height:1.25;margin:16px 0 8px;}
.hq-site .hq-post h3 a{color:var(--hq-ink);text-decoration:none;}
.hq-site .hq-post h3 a:hover{text-decoration:underline;}
.hq-site .hq-post p{font-size:15px;color:var(--hq-ink-2);}

/* ==========================================================================
   FAQ (native details/summary — crawlable, no JavaScript)
   ========================================================================== */
.hq-site .hq-faq-wrap{display:grid;grid-template-columns:minmax(0,1fr);gap:32px;}
@media (min-width:992px){.hq-site .hq-faq-wrap{grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:72px;}}
.hq-site .hq-faq-wrap .hq-head{margin:0;}
.hq-site .hq-faq{border-top:1px solid var(--hq-rule);}
.hq-site .hq-faq details{border-bottom:1px solid var(--hq-rule);}
.hq-site .hq-faq summary{
  display:flex;justify-content:space-between;align-items:baseline;gap:20px;
  padding:18px 0;cursor:pointer;list-style:none;
}
.hq-site .hq-faq summary::-webkit-details-marker{display:none;}
.hq-site .hq-faq summary h3{font:600 18px/1.4 var(--hq-sans);color:var(--hq-ink);}
.hq-site .hq-faq summary::after{
  content:"+";flex:none;
  font:400 22px/1 var(--hq-mono);color:var(--hq-muted);
  transition:transform .2s ease;
}
.hq-site .hq-faq details[open] summary::after{transform:rotate(45deg);}
.hq-site .hq-faq summary:hover h3{text-decoration:underline;text-decoration-color:var(--hq-rule);text-underline-offset:4px;}
.hq-site .hq-faq-a{padding:0 40px 22px 0;max-width:70ch;font-size:16px;}

/* ==========================================================================
   Call to action
   ========================================================================== */
.hq-site .hq-cta{
  display:grid;grid-template-columns:minmax(0,1fr);gap:24px;align-items:center;
  background:var(--hq-deep);color:var(--hq-on-dark);
  border-radius:6px;padding:40px;
}
@media (min-width:992px){.hq-site .hq-cta{grid-template-columns:minmax(0,1.4fr) auto;padding:48px 56px;}}
.hq-site .hq-cta h2{color:#fff;font-size:34px;line-height:1.1;}
.hq-site .hq-cta p{margin-top:10px;font-size:17px;max-width:56ch;}
.hq-site .hq-cta .hq-actions{margin-top:0;}

/* ==========================================================================
   Network page tables
   ========================================================================== */
.hq-site .hq-table{width:100%;border-collapse:collapse;background:var(--hq-panel);border:1px solid var(--hq-rule);border-radius:4px;overflow:hidden;font-size:15px;}
.hq-site .hq-table th{text-align:left;font:500 13px var(--hq-sans);color:var(--hq-muted);padding:12px 18px;background:var(--hq-steel);border-bottom:1px solid var(--hq-rule);}
.hq-site .hq-table td{padding:13px 18px;border-bottom:1px solid var(--hq-rule);color:var(--hq-ink);vertical-align:baseline;}
.hq-site .hq-table tr:last-child td{border-bottom:0;}
.hq-site .hq-table .hq-mono{font:500 14px var(--hq-mono);color:var(--hq-ink-2);white-space:nowrap;}
.hq-site .hq-table-wrap{overflow-x:auto;}

.hq-site .hq-tools{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px;}

/* ==========================================================================
   VPS configurator (ids/names are read by /update.js — don't rename)
   ========================================================================== */
.hq-site .hq-config{
  background:var(--hq-panel);color:var(--hq-ink);
  border:1px solid var(--hq-rule);border-radius:6px;
  padding:24px;
}
.hq-site .hq-config-title{font:600 22px/1.2 var(--hq-cond);color:var(--hq-ink);margin:0 0 18px;}
.hq-site .hq-config-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px;}
@media (max-width:479px){.hq-site .hq-config-grid{grid-template-columns:minmax(0,1fr);}}
.hq-site .hq-field{display:flex;flex-direction:column;gap:6px;margin:0;font-weight:400;}
.hq-site .hq-field>span{font-size:14px;color:var(--hq-muted);}
.hq-site .hq-field--wide{grid-column:1 / -1;}
.hq-site .hq-config select,
.hq-site #cores,.hq-site #ram,.hq-site #hdd,.hq-site #ips,
.hq-site #bandwidth,.hq-site #os,.hq-site #panel,.hq-site #months{
  width:100% !important;margin:0;
  -webkit-appearance:none;appearance:none;
  height:44px;padding:0 36px 0 12px;
  font:500 15px var(--hq-sans);color:var(--hq-ink);
  background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 6 6.5 11 1.5' fill='none' stroke='%235F718A' stroke-width='1.6'/%3E%3C/svg%3E") no-repeat right 13px center;
  border:1px solid #B6C2D2;border-radius:3px;
}
.hq-site .hq-config select:hover{border-color:var(--hq-ink-2);}
.hq-site .hq-config-total{
  display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;
  margin-top:20px;padding-top:18px;border-top:1px solid var(--hq-rule);
}
.hq-site .hq-config-total>span{font-size:14px;color:var(--hq-muted);}
.hq-site .hq-config #sum,
.hq-site .hq-config #sum.vps_custom{margin:0;color:var(--hq-ink);font:700 30px/1.1 var(--hq-cond);}
.hq-site .hq-config .hq-btn{margin-top:18px;}
.hq-site .hq-config-note{margin:12px 0 0;font-size:13.5px;color:var(--hq-muted);}

/* ==========================================================================
   Footer
   ========================================================================== */
.hq-site .hq-foot{background:var(--hq-deep);color:var(--hq-on-dark);padding:60px 0 28px;font-size:15px;}
.hq-site .hq-foot-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:36px;}
@media (min-width:700px){.hq-site .hq-foot-grid{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media (min-width:992px){.hq-site .hq-foot-grid{grid-template-columns:minmax(0,1.5fr) repeat(3,minmax(0,1fr));gap:40px;}}
@media (min-width:700px) and (max-width:991px){.hq-site .hq-foot-brand{grid-column:1 / -1;}}
.hq-site .hq-foot .hq-logo{padding:0;height:auto;margin:0 0 16px;}
.hq-site .hq-foot-brand p{max-width:42ch;}
.hq-site .hq-foot-h{margin:0 0 14px;font:600 15px var(--hq-sans);color:#fff;}
.hq-site .hq-foot ul{list-style:none;padding:0;}
.hq-site .hq-foot li{margin:0 0 9px;}
.hq-site .hq-foot a{color:var(--hq-on-dark);text-decoration:none;}
.hq-site .hq-foot a:hover,.hq-site .hq-foot a:focus{color:#fff;text-decoration:underline;}
.hq-site .hq-foot-base{
  display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px 28px;
  margin-top:44px;padding-top:22px;border-top:1px solid var(--hq-line-dk);
  font-size:14px;color:var(--hq-muted-dk);
}
.hq-site .hq-foot-base ul{display:flex;flex-wrap:wrap;gap:6px 22px;}
.hq-site .hq-foot-base li{margin:0;}
.hq-site .hq-foot-base a{color:var(--hq-muted-dk);}
.hq-site .hq-foot-badge img{display:block;width:145px;height:auto;}

/* back to top (shown by main.js via body.scrolled) */
.hq-site #backToTop{right:20px;bottom:24px;}
.hq-site #backToTop a{
  display:flex;align-items:center;justify-content:center;
  width:44px;min-width:0;height:44px;padding:0;
  background:var(--hq-ink);border:1px solid var(--hq-line-dk);border-radius:3px;
  color:#fff;font-size:0;
}
.hq-site #backToTop a::before{
  content:"";width:9px;height:9px;margin-top:4px;
  border-left:2px solid #fff;border-top:2px solid #fff;transform:rotate(45deg);
}

/* ==========================================================================
   Small screens
   ========================================================================== */
@media (max-width:767px){
  .hq-site .hq-hero{padding:28px 0 48px;}
  .hq-site .hq-hero h1{font-size:40px;}
  .hq-site .hq-hero--home{padding:40px 0 52px;}
  .hq-site .hq-lede{font-size:17.5px;}
  .hq-site .hq-sec{padding:56px 0;}
  .hq-site .hq-head h2,.hq-site .hq-prose h2,.hq-site .hq-band h2{font-size:30px;}
  .hq-site .hq-cta{padding:30px 24px;}
  .hq-site .hq-cta h2{font-size:28px;}
  .hq-site .hq-plate>div{grid-template-columns:110px 1fr;}
  .hq-site .hq-locs a{min-width:0;flex:1 1 40%;}
}

@media (prefers-reduced-motion:reduce){
  .hq-site .hq-btn,.hq-site .hq-faq summary::after,.hq-site .hq-pick-tabs label{transition:none;}
}

/* Bootstrap's .container clearfix pseudo-elements would become grid items */
.hq-site .container.hq-hero-grid::before,.hq-site .container.hq-hero-grid::after,
.hq-site .container.hq-split::before,.hq-site .container.hq-split::after,
.hq-site .container.hq-faq-wrap::before,.hq-site .container.hq-faq-wrap::after,
.hq-site .container.hq-band-grid::before,.hq-site .container.hq-band-grid::after{content:none;display:none;}

/* rows are display:grid, so the table's border-spacing never applies — restore the 10px gap */
.hq-site .hq-rack tbody tr+tr{margin-top:10px;}
.hq-site .hq-rack{padding-top:14px;}

@media (max-width:900px){
  /* phone cards: keep a space between the value and its unit ("16 GB DDR3 ECC") */
  .hq-site .hq-rack td.hq-spec span{margin-inline-start:6px;}
}
@media (max-width:767px){
  .hq-site .hq-locs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));}
}

/* pricing table: style.css only switches to cards at 900px, but its fixed
   columns need ~1080px — tighten them on laptops, use cards below 992px */
@media (min-width:992px) and (max-width:1199px){
  .hq-site .hq-rack thead tr,
  .hq-site .hq-rack tbody tr{grid-template-columns:minmax(200px,1.6fr) 84px 108px 56px minmax(140px,1fr) 96px 112px;column-gap:10px;padding-inline:26px 16px;}
  .hq-site .hq-rack .hq-price{font-size:24px;}
  .hq-site .hq-rack .hq-cpu{font-size:16px;}
}
@media (min-width:901px) and (max-width:991px){
  .hq-site .hq-rack thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;}
  .hq-site .hq-rack tbody tr{display:block;padding-block:18px;padding-inline:26px 18px;}
  .hq-site .hq-rack td{display:block;}
  .hq-site .hq-rack .hq-id{padding-bottom:14px;border-bottom:1px solid var(--hq-rule);margin-bottom:12px;}
  .hq-site .hq-rack .hq-featured .hq-id{border-bottom-color:#26405E;}
  .hq-site .hq-rack td.hq-spec{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:5px 0;}
  .hq-site .hq-rack td.hq-spec::before{content:attr(data-label);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--hq-muted);flex:none;}
  .hq-site .hq-rack td.hq-spec span{display:inline;margin-inline-start:6px;}
  .hq-site .hq-rack td.hq-spec>div{text-align:end;}
  .hq-site .hq-rack td:nth-child(6){margin-top:14px;}
  .hq-site .hq-rack td:last-child{text-align:start;margin-top:12px;}
  .hq-site .hq-rack a.hq-buy{display:block;text-align:center;padding:13px 18px;font-size:14px;}
}


/* ==========================================================================
   Contact page (.contact--form / .contact--form-status are used by main.js)
   ========================================================================== */
.hq-site .hq-plate-link{color:#fff;text-decoration:underline;text-decoration-color:#3A5677;}
.hq-site .hq-plate-link:hover,.hq-site .hq-plate-link:focus{color:#fff;text-decoration-color:#fff;}
.hq-site .contact--form.hq-form{
  text-align:left;
  background:var(--hq-panel);
  border:1px solid var(--hq-rule);border-radius:6px;
  padding:28px;
}
.hq-site .hq-form-title{font-size:28px;line-height:1.15;}
.hq-site .hq-form-intro{margin:8px 0 22px;color:var(--hq-muted);font-size:16px;}
.hq-site .hq-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 18px;}
@media (max-width:599px){.hq-site .hq-form-grid{grid-template-columns:minmax(0,1fr);}.hq-site .contact--form.hq-form{padding:22px 18px;}}
.hq-site .hq-form .form-group{margin:0;}
.hq-site .hq-field>label{margin:0;font:500 14px/1.4 var(--hq-sans);color:var(--hq-ink-2);}
.hq-site .contact--form .form-control{
  height:46px;margin:0;padding:10px 12px;
  font:400 16px/1.4 var(--hq-sans);color:var(--hq-ink);
  background:#fff;border:1px solid #B6C2D2;border-radius:3px;box-shadow:none;
}
.hq-site .contact--form textarea.form-control{height:auto;min-height:160px;resize:vertical;}
.hq-site .contact--form .form-control:hover{border-color:var(--hq-ink-2);}
.hq-site .contact--form .form-control:focus{border-color:var(--hq-ink);box-shadow:0 0 0 3px rgba(14,32,54,.14);outline:0;}
.hq-site .contact--form .hq-btn{margin-top:22px;min-width:180px;}
.hq-site .contact--form-status:empty{display:none;}
.hq-site .contact--form-status{margin:0 0 18px;}
.hq-site .contact--form-status .alert{margin:0;padding:12px 16px;border-radius:3px;}
.hq-site address{font-style:normal;font-size:18px;line-height:1.6;color:var(--hq-ink);margin:0 0 18px;}
.hq-site .hq-map{border:1px solid var(--hq-rule);border-radius:6px;overflow:hidden;aspect-ratio:4/3;background:var(--hq-steel-2);}
.hq-site .hq-map iframe{display:block;width:100%;height:100%;border:0;}
.hq-site .hq-foot-contact a{font-weight:500;}
.hq-site .hq-captcha{min-height:78px;}
.hq-site .contact--form-status .text-danger{
  margin:0;padding:12px 14px;
  background:#FDF0EF;border:1px solid #F2C4C0;border-left:3px solid #B42318;border-radius:3px;
  color:#8F1D13;font-size:15px;
}

/* ==========================================================================
   FAQ hub: topic list + every question visible (no tabs, nothing hidden from search)
   ========================================================================== */
.hq-site .hq-faqhub{display:grid;grid-template-columns:minmax(0,1fr);gap:28px;}
@media (min-width:992px){.hq-site .hq-faqhub{grid-template-columns:220px minmax(0,1fr);gap:64px;}}
.hq-site .hq-faqhub::before,.hq-site .hq-faqhub::after{content:none;display:none;}
.hq-site .hq-faqnav-h{margin:0 0 10px;font:600 15px var(--hq-sans);color:var(--hq-ink);}
.hq-site .hq-faqnav ul{list-style:none;padding:0;}
.hq-site .hq-faqnav a{
  display:flex;justify-content:space-between;align-items:baseline;gap:12px;
  padding:9px 0 9px 14px;border-left:2px solid var(--hq-rule);
  color:var(--hq-ink-2);text-decoration:none;font-size:15.5px;
}
.hq-site .hq-faqnav a span{font:500 13px var(--hq-mono);color:var(--hq-muted);}
.hq-site .hq-faqnav a:hover{border-left-color:var(--hq-ink);color:var(--hq-ink);}
@media (min-width:992px){.hq-site .hq-faqnav{position:sticky;top:96px;align-self:start;}}
@media (max-width:991px){
  .hq-site .hq-faqnav ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}
  .hq-site .hq-faqnav a{border:1px solid var(--hq-rule);border-radius:4px;background:var(--hq-panel);padding:10px 12px;}
}
.hq-site .hq-faqcat{scroll-margin-top:88px;}
.hq-site .hq-faqcat+.hq-faqcat{margin-top:56px;}
.hq-site .hq-faqcat h2{font-size:30px;line-height:1.15;margin-bottom:14px;}

/* ==========================================================================
   Blog
   ========================================================================== */
.hq-site .hq-postlist{list-style:none;padding:0;border-top:1px solid var(--hq-rule);}
.hq-site .hq-postrow{display:grid;grid-template-columns:minmax(0,1fr);gap:6px 36px;padding:26px 0 28px;border-bottom:1px solid var(--hq-rule);}
@media (min-width:700px){.hq-site .hq-postrow{grid-template-columns:170px minmax(0,1fr);}}
.hq-site .hq-postrow time{font:500 13.5px/1.6 var(--hq-mono);color:var(--hq-muted);padding-top:5px;}
.hq-site .hq-postrow h2,.hq-site .hq-postrow h3{font-size:26px;line-height:1.2;}
.hq-site .hq-postrow h3{font-size:22px;}
.hq-site .hq-postrow h2 a,.hq-site .hq-postrow h3 a{color:var(--hq-ink);text-decoration:none;}
.hq-site .hq-postrow h2 a:hover,.hq-site .hq-postrow h3 a:hover{text-decoration:underline;text-decoration-color:var(--hq-amber);text-decoration-thickness:2px;text-underline-offset:4px;}
.hq-site .hq-postrow p{margin:8px 0 0;font-size:16.5px;max-width:70ch;}
.hq-site .hq-postrow .hq-read{font-size:14px;color:var(--hq-muted);margin-top:10px;}
.hq-site .hq-postrow--feature h2{font-size:36px;line-height:1.1;}
.hq-site .hq-postrow--feature p{font-size:18px;}
.hq-site .hq-postlist-h{margin:64px 0 8px;font-size:24px;}
.hq-site .hq-postlist--compact .hq-postrow h3{font-size:21px;}

/* article */
.hq-site .hq-hero--post h1{font-size:50px;line-height:1.06;max-width:22ch;}
.hq-site .hq-post-meta{display:flex;flex-wrap:wrap;gap:6px 0;margin:24px 0 0;font-size:14px;color:var(--hq-muted-dk);}
.hq-site .hq-post-meta>span{padding:0 16px;border-left:1px solid var(--hq-line-dk);}
.hq-site .hq-post-meta>span:first-child{padding-left:0;border-left:0;}
.hq-site .hq-article-wrap{display:grid;grid-template-columns:minmax(0,1fr);gap:40px;}
.hq-site .hq-article-wrap::before,.hq-site .hq-article-wrap::after{content:none;display:none;}
@media (min-width:992px){.hq-site .hq-article-wrap{grid-template-columns:minmax(0,68ch) 280px;justify-content:space-between;gap:64px;}}
.hq-site .hq-article{font-size:18px;line-height:1.75;color:var(--hq-ink-2);min-width:0;}
.hq-site .hq-article .hq-lead{font-size:21px;line-height:1.6;color:var(--hq-ink);}
.hq-site .hq-article h2{font-size:30px;line-height:1.2;margin:52px 0 14px;scroll-margin-top:90px;}
.hq-site .hq-article h3{font-size:22px;line-height:1.3;margin:32px 0 10px;}
.hq-site .hq-article p{margin:0 0 18px;}
.hq-site .hq-article ul,.hq-site .hq-article ol{padding-left:24px;margin:0 0 20px;}
.hq-site .hq-article li{margin:0 0 9px;padding-left:4px;}
.hq-site .hq-article li::marker{color:var(--hq-muted);}
.hq-site .hq-article strong{color:var(--hq-ink);font-weight:600;}
.hq-site .hq-article a{color:var(--hq-ink);text-decoration-color:var(--hq-amber);text-decoration-thickness:2px;}
.hq-site .hq-article a:hover{text-decoration-color:var(--hq-ink);}
.hq-site .hq-article .hq-table-wrap{margin:8px 0 24px;}
.hq-site .hq-article .hq-table{font-size:15px;line-height:1.45;}
.hq-site .hq-article .hq-table th[scope="row"]{font:600 14px var(--hq-sans);color:var(--hq-ink);background:var(--hq-panel);text-align:left;padding:13px 18px;border-bottom:1px solid var(--hq-rule);white-space:nowrap;}
.hq-site .hq-callout{margin:26px 0;padding:18px 22px;background:var(--hq-panel);border:1px solid var(--hq-rule);border-left:3px solid var(--hq-ink);border-radius:3px;}
.hq-site .hq-callout p{margin:0;}
.hq-site .hq-aside{display:flex;flex-direction:column;gap:28px;}
@media (min-width:992px){.hq-site .hq-aside{position:sticky;top:96px;align-self:start;}}
@media (max-width:991px){.hq-site .hq-toc{display:none;}}
.hq-site .hq-toc-h{margin:0 0 10px;font:600 15px var(--hq-sans);color:var(--hq-ink);}
.hq-site .hq-toc ol{list-style:none;padding:0;margin:0;border-left:2px solid var(--hq-rule);}
.hq-site .hq-toc a{display:block;padding:7px 0 7px 14px;margin-left:-2px;border-left:2px solid transparent;font-size:14.5px;line-height:1.4;color:var(--hq-ink-2);text-decoration:none;}
.hq-site .hq-toc a:hover{border-left-color:var(--hq-ink);color:var(--hq-ink);}
.hq-site .hq-aside-cta{background:var(--hq-deep);color:var(--hq-on-dark);border-radius:6px;padding:22px;font-size:15px;}
.hq-site .hq-aside-h{margin:0 0 8px;font:600 21px/1.2 var(--hq-cond);color:#fff;}
.hq-site .hq-aside-cta .hq-btn{margin-top:16px;}
@media (max-width:767px){
  .hq-site .hq-hero--post h1{font-size:34px;}
  .hq-site .hq-article{font-size:17px;}
  .hq-site .hq-article .hq-lead{font-size:19px;}
  .hq-site .hq-article h2{font-size:25px;margin-top:40px;}
  .hq-site .hq-postrow--feature h2{font-size:28px;}
}
.hq-site .hq-article .hq-table{min-width:560px;}
.hq-site .hq-article .hq-table th[scope="row"]{vertical-align:top;white-space:normal;}
.hq-site .hq-article .hq-table td{vertical-align:top;}

/* ==========================================================================
   10 Gbps page: bandwidth rows, bar drawn to scale against 40 Gbps
   ========================================================================== */
.hq-site .hq-bw{list-style:none;padding:0;display:grid;gap:12px;}
.hq-site .hq-bw-row{
  display:grid;grid-template-columns:200px minmax(0,1fr) 170px 150px;align-items:center;gap:28px;
  padding:20px 24px;background:var(--hq-panel);border:1px solid var(--hq-rule);border-radius:4px;
}
.hq-site .hq-bw-speed b{display:block;font:700 30px/1 var(--hq-cond);color:var(--hq-ink);}
.hq-site .hq-bw-speed span{display:block;margin-top:6px;font:500 13px var(--hq-mono);color:var(--hq-muted);}
.hq-site .hq-bw-bar{height:12px;background:var(--hq-steel);border:1px solid var(--hq-rule);border-radius:2px;overflow:hidden;}
.hq-site .hq-bw-bar span{display:block;height:100%;width:calc(var(--g) / 40 * 100%);min-width:4px;background:var(--hq-ink);}
.hq-site .hq-bw-price b{font:700 28px/1 var(--hq-cond);color:var(--hq-ink);}
.hq-site .hq-bw-price i{font:500 14px var(--hq-sans);font-style:normal;color:var(--hq-muted);}
.hq-site .hq-bw-price span{display:block;margin-top:6px;font:500 13px var(--hq-mono);color:var(--hq-muted);}
@media (max-width:991px){
  .hq-site .hq-bw-row{grid-template-columns:minmax(0,1fr) auto;gap:14px 20px;}
  .hq-site .hq-bw-bar{grid-column:1 / -1;order:3;}
  .hq-site .hq-bw-row .hq-btn{grid-column:1 / -1;order:4;}
}

/* ==========================================================================
   Client login
   ========================================================================== */
.hq-site .hq-hero--compact{padding-bottom:48px;}
.hq-site .hq-login-wrap{align-items:start;}
@media (min-width:992px){.hq-site .hq-login-wrap{grid-template-columns:minmax(0,460px) minmax(0,420px);justify-content:start;gap:96px;}}
.hq-site .hq-login-wrap::before,.hq-site .hq-login-wrap::after{content:none;display:none;}
.hq-site .hq-login-form{background:var(--hq-panel);border:1px solid var(--hq-rule);border-radius:6px;padding:28px;}
.hq-site .hq-login-form .form-group{margin:0 0 18px;}
.hq-site .hq-login-form .form-control{
  height:46px;margin:0;padding:10px 12px;
  font:400 16px/1.4 var(--hq-sans);color:var(--hq-ink);
  background:#fff;border:1px solid #B6C2D2;border-radius:3px;box-shadow:none;
}
.hq-site .hq-login-form .form-control:hover{border-color:var(--hq-ink-2);}
.hq-site .hq-login-form .form-control:focus{border-color:var(--hq-ink);box-shadow:0 0 0 3px rgba(14,32,54,.14);outline:0;}
.hq-site .hq-field-row{display:flex;justify-content:space-between;align-items:baseline;gap:12px;}
.hq-site .hq-field-row label{margin:0;font:500 14px/1.4 var(--hq-sans);color:var(--hq-ink-2);}
.hq-site .hq-field-row a{font-size:14px;}
.hq-site .hq-login-form .hq-btn{margin-top:6px;}
.hq-site .hq-login-new{margin-top:22px;font-size:15.5px;color:var(--hq-ink-2);}
@media (max-width:599px){.hq-site .hq-login-form{padding:22px 18px;}}

/* ==========================================================================
   DDoS page: attack catalogue
   ========================================================================== */
.hq-site .hq-atk{display:flex;flex-direction:column;padding-top:20px;border-top:2px solid var(--hq-ink);}
.hq-site .hq-atk-layer{margin:0 0 6px;font:500 13px var(--hq-mono);color:var(--hq-muted);}
.hq-site .hq-atk h3{font-size:24px;line-height:1.15;margin-bottom:10px;}
.hq-site .hq-atk>p:not(.hq-atk-layer){font-size:15.5px;margin-bottom:16px;}
.hq-site .hq-chips{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:8px;}
.hq-site .hq-chips li{
  padding:5px 10px;background:var(--hq-panel);border:1px solid var(--hq-rule);border-radius:3px;
  font:500 13px/1.3 var(--hq-mono);color:var(--hq-ink);
}

/* ==========================================================================
   Legal pages (privacy, SLA)
   ========================================================================== */
.hq-site .hq-legal{font-size:17px;line-height:1.7;}
.hq-site .hq-legal h2{font-size:26px;margin:44px 0 12px;}
.hq-site .hq-legal h2:first-child{margin-top:0;}
.hq-site .hq-legal address{font-size:17px;}
.hq-site .hq-sla-fig{margin:0 0 10px;font:700 46px/1 var(--hq-cond);color:var(--hq-ink);letter-spacing:-.01em;}
.hq-site .hq-sla-units .hq-specs dd{font-family:var(--hq-sans);font-size:14.5px;}
.hq-site .hq-sla-units .hq-specs{margin-bottom:0;}
.hq-site .hq-sla-example{max-width:760px;}
@media (max-width:767px){.hq-site .hq-legal h2{font-size:23px;}}

/* ==========================================================================
   Hebrew pages (/he/...): <html lang="he" dir="rtl">
   Mirrors the few rules above that use physical left/right.
   ========================================================================== */
html[dir="rtl"] .hq-site{
  --hq-sans:"IBM Plex Sans Hebrew","IBM Plex Sans",Arial,sans-serif;
  --hq-cond:"IBM Plex Sans Hebrew","IBM Plex Sans",Arial,sans-serif;
  text-align:right;
}
html[dir="rtl"] .hq-site h1,html[dir="rtl"] .hq-site h2,html[dir="rtl"] .hq-site h3,html[dir="rtl"] .hq-site h4{letter-spacing:0;}
html[dir="rtl"] .hq-site .hq-hero h1{font-size:52px;line-height:1.12;}
html[dir="rtl"] .hq-site .hq-hero--home h1{font-size:54px;}
@media (max-width:767px){
  html[dir="rtl"] .hq-site .hq-hero h1{font-size:36px;}
  html[dir="rtl"] .hq-site .hq-hero--home h1{font-size:38px;}
}

/* header */
@media (min-width:768px){
  html[dir="rtl"] .hq-site .hq-navbar .navbar-header{float:right;}
  html[dir="rtl"] .hq-site .hq-navbar>.container .hq-logo{float:right;margin-left:0;margin-right:-15px;}
  html[dir="rtl"] .hq-site .hq-navbar .navbar-nav{float:right;}
  html[dir="rtl"] .hq-site .hq-navbar .navbar-nav>li{float:right;}
  html[dir="rtl"] .hq-site .hq-navbar .navbar-right{float:left!important;margin-left:-15px;margin-right:0;}
  html[dir="rtl"] .hq-site .hq-menu .dropdown-menu{left:auto;right:0;}
}
html[dir="rtl"] .hq-site .hq-menu .dropdown-menu{text-align:right;}
html[dir="rtl"] .hq-site .hq-menu .caret{margin-left:0;margin-right:5px;}
html[dir="rtl"] .hq-site .hq-navbar .navbar-toggle{margin:0 0 0 15px;}
html[dir="rtl"] .hq-site .hq-menu-aux>li>a.hq-login{margin:13px 6px 13px 0;}
@media (max-width:767px){
  html[dir="rtl"] .hq-site .hq-menu>li.active>a{box-shadow:inset -3px 0 0 var(--hq-led);}
  html[dir="rtl"] .hq-site .hq-menu .open .dropdown-menu{padding:0 12px 0 0;}
  html[dir="rtl"] .hq-site .hq-menu-aux>li>a.hq-login{margin:8px 15px 14px;}
}

/* lists, checklists, FAQ */
html[dir="rtl"] .hq-site .hq-prose ul{padding-left:0;padding-right:20px;}
html[dir="rtl"] .hq-site .hq-article ul,html[dir="rtl"] .hq-site .hq-article ol{padding-left:0;padding-right:24px;}
html[dir="rtl"] .hq-site .hq-article li{padding-left:0;padding-right:4px;}
html[dir="rtl"] .hq-site .hq-incl h3{padding-left:0;padding-right:18px;}
html[dir="rtl"] .hq-site .hq-incl h3::before{left:auto;right:0;}
html[dir="rtl"] .hq-site .hq-incl p{padding-left:0;padding-right:18px;}
html[dir="rtl"] .hq-site .hq-faq-a{padding:0 0 22px 40px;}

/* values that sit at the end of a row */
html[dir="rtl"] .hq-site .hq-specs dd{text-align:left;}
html[dir="rtl"] .hq-site .hq-pick .hq-unit-price{text-align:left;}
html[dir="rtl"] .hq-site .hq-table th,
html[dir="rtl"] .hq-site .hq-article .hq-table th[scope="row"]{text-align:right;}

/* tags pinned to a corner */
html[dir="rtl"] .hq-site .hq-unit .hq-flag,
html[dir="rtl"] .hq-site .hq-rack .hq-flag{left:auto;right:22px;}

/* accent borders */
html[dir="rtl"] .hq-site .hq-callout{border-left:1px solid var(--hq-rule);border-right:3px solid var(--hq-ink);}
html[dir="rtl"] .hq-site .contact--form-status .text-danger{border-left:1px solid #F2C4C0;border-right:3px solid #B42318;}
html[dir="rtl"] .hq-site .hq-quote{padding:24px 0 24px 28px;}
@media (min-width:992px){
  html[dir="rtl"] .hq-site .hq-quote{border-left:0;border-right:1px solid var(--hq-rule);padding:4px 32px;}
  html[dir="rtl"] .hq-site .hq-quote:first-child{border-right:0;padding-right:0;}
  html[dir="rtl"] .hq-site .hq-faqnav a{padding:9px 14px 9px 0;border-left:0;border-right:2px solid var(--hq-rule);}
  html[dir="rtl"] .hq-site .hq-faqnav a:hover{border-right-color:var(--hq-ink);}
}
html[dir="rtl"] .hq-site .hq-post-meta>span{border-left:0;border-right:1px solid var(--hq-line-dk);}
html[dir="rtl"] .hq-site .hq-post-meta>span:first-child{padding-right:0;border-right:0;}
html[dir="rtl"] .hq-site .hq-cab-cap{margin-left:0;margin-right:16px;}

/* VPS configurator dropdown arrow */
html[dir="rtl"] .hq-site .hq-config select,
html[dir="rtl"] .hq-site #cores,html[dir="rtl"] .hq-site #ram,html[dir="rtl"] .hq-site #hdd,html[dir="rtl"] .hq-site #ips,
html[dir="rtl"] .hq-site #bandwidth,html[dir="rtl"] .hq-site #os,html[dir="rtl"] .hq-site #panel,html[dir="rtl"] .hq-site #months{
  padding:0 12px 0 36px;background-position:left 13px center;
}

/* small helpers used on the Hebrew pages */
.hq-site .hq-pick-foot{margin:10px 0 0;font-size:13px;color:var(--hq-muted-dk);}
.hq-site .hq-bay--tall{height:100px;}
html[dir="rtl"] .hq-site .hq-skip{left:auto;right:16px;}

/* Hebrew: Plex Mono has no Hebrew glyphs, so Hebrew characters fall back to Plex Sans Hebrew
   instead of a system monospace; uppercase-style tracking is dropped for Hebrew labels. */
html[dir="rtl"] .hq-site{--hq-mono:"IBM Plex Mono","IBM Plex Sans Hebrew",ui-monospace,monospace;}
html[dir="rtl"] .hq-site .hq-rack thead th,
html[dir="rtl"] .hq-site .hq-rack .hq-threads,
html[dir="rtl"] .hq-site .hq-rack .hq-clock,
html[dir="rtl"] .hq-site .hq-rack .hq-spec,
html[dir="rtl"] .hq-site .hq-rack .hq-flag,
html[dir="rtl"] .hq-site .hq-rack td.hq-spec::before{font-family:"IBM Plex Mono","IBM Plex Sans Hebrew",monospace;letter-spacing:0;}
html[dir="rtl"] .hq-site .hq-rack thead th{font-size:12.5px;}
html[dir="rtl"] .hq-site .hq-rack .hq-threads small{letter-spacing:0;font-size:11px;}
html[dir="rtl"] .hq-site .hq-rack .hq-cpu,
html[dir="rtl"] .hq-site .hq-rack .hq-price{font-family:"IBM Plex Sans Hebrew","IBM Plex Sans",sans-serif;}
html[dir="rtl"] .hq-site .hq-rack a.hq-buy,
html[dir="rtl"] .hq-site .hq-rack ul.hq-included li{font-family:var(--hq-sans);}
/* VPS configurator: options carry dir="auto" so "512 MB" keeps its order; keep them right-aligned */
html[dir="rtl"] .hq-site .hq-config select{text-align:right;}
/* phone plan cards: the space between value and unit does the separating, so the logical margin
   doesn't land on the wrong side when the whole value reads left to right ("64GB DDR4") */
html[dir="rtl"] .hq-site .hq-rack td.hq-spec span{margin-inline-start:0;}