/* ==========================================================================
   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: the rack is the product menu
   ========================================================================== */
.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,1fr) minmax(0,1.05fr);}}
.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-frame{
  --ru:50px;
  list-style:none;margin:0;
  position:relative;
  padding:12px 30px;
  background:#0E1F33;
  border:1px solid var(--hq-line-dk);
  border-radius:6px;
}
/* rails with square cage-nut holes, three per U */
.hq-site .hq-frame::before,
.hq-site .hq-frame::after{
  content:"";position:absolute;top:12px;bottom:12px;width:14px;
  background:
    repeating-linear-gradient(180deg,transparent 0 6px,#06101C 6px 10px,transparent 10px calc(var(--ru) / 3)) center top/6px 100% no-repeat,
    #1A3049;
  border-radius:2px;
}
.hq-site .hq-frame::before{left:8px;}
.hq-site .hq-frame::after{right:8px;}
.hq-site .hq-frame li{margin:0;}

.hq-site .hq-ru{
  --u:1;
  position:relative;
  display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;column-gap:16px;
  height:calc(var(--u) * var(--ru) - 4px);
  margin:2px 0;
  padding:0 30px;
  color:var(--hq-ink);text-decoration:none;
  border:1px solid #AEBBCB;border-radius:3px;
  background:
    radial-gradient(circle at 9px 50%,#8193A8 0 2.2px,transparent 2.8px),
    radial-gradient(circle at calc(100% - 9px) 50%,#8193A8 0 2.2px,transparent 2.8px),
    linear-gradient(90deg,transparent 18px,#BAC6D3 18px 19px,transparent 19px calc(100% - 19px),#BAC6D3 calc(100% - 19px) calc(100% - 18px),transparent calc(100% - 18px)),
    linear-gradient(180deg,#F4F7FA,#DCE3EB);
  transition:transform .22s ease, box-shadow .22s ease;
}
.hq-site .hq-ru:hover,.hq-site .hq-ru:focus-visible{
  transform:translateX(8px);
  box-shadow:-8px 0 0 -4px rgba(242,166,28,.0), 0 10px 22px -14px rgba(0,0,0,.8);
  color:var(--hq-ink);
}
.hq-site .hq-ru-txt{display:flex;flex-direction:column;min-width:0;}
.hq-site .hq-ru-name{font:600 18px/1.15 var(--hq-cond);}
.hq-site .hq-ru-spec{font-size:13px;line-height:1.4;color:var(--hq-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.hq-site .hq-ru-price{font:500 13px/1 var(--hq-mono);color:var(--hq-ink-2);white-space:nowrap;}
.hq-site .hq-ru-led{
  width:7px;height:7px;border-radius:50%;
  background:#2C3E34;
  animation:hq-led-on .01s linear forwards;
  animation-delay:calc(var(--i, 0) * 140ms + 350ms);
}
.hq-site .hq-ru:hover .hq-ru-led,.hq-site .hq-ru:focus-visible .hq-ru-led{box-shadow:0 0 0 4px rgba(62,208,127,.22);}
@keyframes hq-led-on{to{background:var(--hq-led);}}

/* 2U server: drive bays */
.hq-site .hq-ru--2{
  background:
    radial-gradient(circle at 9px 28%,#8193A8 0 2.2px,transparent 2.8px),
    radial-gradient(circle at 9px 72%,#8193A8 0 2.2px,transparent 2.8px),
    radial-gradient(circle at calc(100% - 9px) 28%,#8193A8 0 2.2px,transparent 2.8px),
    radial-gradient(circle at calc(100% - 9px) 72%,#8193A8 0 2.2px,transparent 2.8px),
    linear-gradient(90deg,transparent 18px,#BAC6D3 18px 19px,transparent 19px calc(100% - 19px),#BAC6D3 calc(100% - 19px) calc(100% - 18px),transparent calc(100% - 18px)),
    linear-gradient(180deg,#F4F7FA,#DCE3EB);
  grid-template-columns:minmax(0,1fr) auto auto auto;
}
.hq-site .hq-ru-bays{
  width:96px;height:56px;border-radius:2px;
  background:
    repeating-linear-gradient(90deg,#C9D2DD 0 13px,#9FAEBF 13px 15px) 0 0/100% 100%,
    #C9D2DD;
  box-shadow:inset 0 0 0 1px #9FAEBF;
}
/* 1U switch: dark, with ports */
.hq-site .hq-ru--switch{
  color:#fff;border-color:#2C4868;
  background:
    radial-gradient(circle at 9px 50%,#4A6385 0 2.2px,transparent 2.8px),
    radial-gradient(circle at calc(100% - 9px) 50%,#4A6385 0 2.2px,transparent 2.8px),
    linear-gradient(90deg,transparent 18px,#2C4868 18px 19px,transparent 19px calc(100% - 19px),#2C4868 calc(100% - 19px) calc(100% - 18px),transparent calc(100% - 18px)),
    linear-gradient(180deg,#183049,#11253B);
  grid-template-columns:minmax(0,1fr) auto auto auto;
}
.hq-site .hq-ru--switch:hover,.hq-site .hq-ru--switch:focus-visible{color:#fff;}
.hq-site .hq-ru--switch .hq-ru-spec{color:var(--hq-muted-dk);}
.hq-site .hq-ru--switch .hq-ru-price{color:var(--hq-on-dark);}
.hq-site .hq-ru-ports{
  width:96px;height:22px;
  background:
    repeating-linear-gradient(90deg,#06101C 0 8px,transparent 8px 10px) 0 0/100% 9px no-repeat,
    repeating-linear-gradient(90deg,#06101C 0 8px,transparent 8px 10px) 0 13px/100% 9px no-repeat;
}

@media (max-width:991px){.hq-site .hq-rackview{max-width:620px;}}
@media (max-width:599px){
  .hq-site .hq-frame{--ru:54px;padding:10px 24px;}
  .hq-site .hq-frame::before{left:5px;width:11px;}
  .hq-site .hq-frame::after{right:5px;width:11px;}
  .hq-site .hq-ru{padding:0 26px;column-gap:10px;}
  .hq-site .hq-ru-bays,.hq-site .hq-ru-ports{display:none;}
  .hq-site .hq-ru--2,.hq-site .hq-ru--switch{grid-template-columns:minmax(0,1fr) auto auto;}
  .hq-site .hq-ru-spec{white-space:normal;}
  .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-ru,.hq-site .hq-btn,.hq-site .hq-faq summary::after{transition:none;}
  .hq-site .hq-ru:hover,.hq-site .hq-ru:focus-visible{transform:none;}
  .hq-site .hq-ru-led{animation:none;background:var(--hq-led);}
}

/* 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:599px){
  /* let faceplates grow when text wraps on narrow screens */
  .hq-site .hq-ru{height:auto;min-height:calc(var(--u) * var(--ru) - 4px);padding-top:9px;padding-bottom:9px;}
  .hq-site .hq-ru-name{font-size:17px;}
}
@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;}
}

/* rack column is narrow on small laptops: drop the drive-bay and port graphics */
@media (min-width:992px) and (max-width:1199px){
  .hq-site .hq-ru-bays,.hq-site .hq-ru-ports{display:none;}
  .hq-site .hq-ru--2,.hq-site .hq-ru--switch{grid-template-columns:minmax(0,1fr) auto auto;}
}

/* ==========================================================================
   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;}}