/* Compact browse surface for the Bare-Metal catalog. */
body:has(#server-filters) .service-hero{grid-template-columns:minmax(0,1fr) 200px;gap:28px;padding-top:115px;padding-bottom:24px;min-height:0}
body:has(#server-filters) .service-hero h1{font-size:clamp(2rem,3vw,3.2rem);margin:8px 0}
body:has(#server-filters) .service-hero .lead{font-size:16px;line-height:1.5;max-width:750px;margin:0 0 12px}
body:has(#server-filters) .service-hero .bread{margin:0 0 10px}
body:has(#server-filters) .service-hero .eyebrow,body:has(#server-filters) .service-hero .service-offer{display:none}
body:has(#server-filters) .service-hero .service-art{height:145px}
body:has(#server-filters) .service-hero .service-art img{height:145px;min-height:0;object-fit:cover;padding:0}
body:has(#server-filters) .service-hero .service-art figcaption{display:none}
.bare-catalog{padding-top:28px;padding-bottom:68px;background:#f3f6f8}
.bare-heading h2{margin:0 0 6px;font-size:clamp(25px,3vw,36px)}
.bare-heading p:last-child{font-size:15px;line-height:1.5;max-width:850px;margin:0 0 20px;color:#43576b}
.bare-filters{background:#fff;border:1px solid #cbd9e3;padding:18px;box-shadow:0 12px 36px #102e4610}
.bare-filter-row{display:grid;grid-template-columns:1.1fr 1fr 1fr 1fr auto;gap:12px;align-items:end}
.bare-filters label{display:flex;flex-direction:column;gap:5px;color:#19374b;font-size:14px;font-weight:700;line-height:1.35;min-width:0}
.bare-filters select,.bare-filters input[type=number]{width:100%;min-height:42px;padding:8px 10px;border:1px solid #99adbd;border-radius:2px;background:#fff;color:#132e42;font-size:15px}
.bare-filters select:focus-visible,.bare-filters input:focus-visible,.bare-card select:focus-visible,.bare-card summary:focus-visible{outline:3px solid #006b9c;outline-offset:2px}
.bare-stock{display:flex!important;flex-direction:row!important;align-items:center;gap:8px!important;min-height:42px;white-space:nowrap}
.bare-stock input{width:18px;height:18px;accent-color:#006fa7}
.bare-capacity{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;border:0;border-top:1px solid #d7e2e9;margin:16px 0 0;padding:12px 0 0;min-width:0}
.bare-capacity legend{padding:0 8px 0 0;font-size:14px;font-weight:800;color:#19374b}
.bare-capacity label span{font-size:12px;color:#536b7c;font-weight:500}
.bare-filter-actions{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-top:12px}
.bare-filter-actions p{margin:0;font-size:13px;color:#43576b;line-height:1.4}
.bare-filter-actions button{flex:none;padding:8px 12px;background:#e4edf3;border:1px solid #93aabc;color:#16394f;cursor:pointer;font-size:14px;font-weight:700}
.bare-catalog #inventory-status{margin:14px 0 2px;color:#455f72;font-size:13px}
.bare-catalog #server-count{margin:8px 0 14px;font-size:15px;font-weight:800;color:#123246}
.bare-catalog #server-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.bare-card{min-width:0;background:#fff;border:1px solid #cbd9e3;border-top:3px solid #007bbd;padding:18px;box-shadow:0 6px 25px #102e460c}
.bare-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}
.bare-card .eyebrow{color:#345c75;font-size:12px;letter-spacing:.04em;margin:0 0 4px}
.bare-card h3{font:700 clamp(18px,2vw,23px)/1.22 'Space Grotesk',sans-serif;color:#102f42;margin:0}
.bare-availability{flex:none;padding:5px 8px;border:1px solid #bdccd6;color:#526677;background:#eef2f5;font-size:12px;font-weight:700}
.bare-availability.is-stock{border-color:#a0c9b4;background:#e9f7ef;color:#165b35}
.bare-processor{font-size:14px;color:#344f62;margin:10px 0}
.bare-processor span{color:#5a7080;margin-left:4px}
.bare-chips{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}
.bare-chips span{border:1px solid #d5e1e9;background:#f4f8fa;padding:5px 8px;font-size:12px;color:#24485e;line-height:1.3}
.bare-location-picker{margin:14px 0 4px}
.bare-location-picker p{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 9px;margin:0 0 8px;color:#24465a;font-size:14px;font-weight:800}
.bare-gpu-picker{margin:14px 0 4px}
.bare-gpu-picker p{margin:0 0 8px;color:#24465a;font-size:14px;font-weight:800}
.bare-gpu-list{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0;padding:0}
.bare-gpu-list li{display:flex;flex-wrap:wrap;gap:4px 8px;align-items:baseline;min-width:0;padding:9px 10px;border:1px solid #b8cbdc;border-radius:4px;background:#f7faff;color:#16466e;font-size:12px;line-height:1.4;overflow-wrap:anywhere}
.bare-gpu-status{color:#215e3a;font-weight:800}
.bare-location-picker small{color:#61778a;font-size:12px;font-weight:500}
.bare-location-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
.bare-location{min-width:0;min-height:46px;padding:6px 4px;border:1px solid #b8cbdc;border-radius:4px;background:#f7faff;color:#16466e;font:700 12px/1.2 Manrope,sans-serif;text-align:center;cursor:pointer}
.bare-location:hover:not(:disabled){border-color:#1575bb;background:#edf5ff}
.bare-location.is-selected{border-color:#126eaf;background:#e7f1fb;color:#0b497a;box-shadow:inset 0 0 0 1px #126eaf}
.bare-location:disabled{border-color:#dce3e8;background:#f1f3f5;color:#72808c;cursor:not-allowed}
.bare-location:focus-visible{outline:3px solid #126eaf;outline-offset:2px}
.bare-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0 0;margin-top:12px;border-top:1px solid #d7e3ea}
.bare-card-bottom strong{display:block;font:700 23px/1.1 'Space Grotesk',sans-serif;color:#102f42}
.bare-card-bottom small{display:block;margin-top:4px;color:#526b7d;font-size:12px}
.bare-card-bottom .button{flex:none;font-size:14px;padding:10px 14px;white-space:nowrap}
.bare-unavailable{color:#526b7d;font-size:14px}
.bare-card details{border-top:1px solid #d7e3ea;margin-top:14px;padding-top:10px;font-size:14px;color:#344f62}
.bare-card summary{cursor:pointer;color:#0069a4;font-weight:800}
.bare-card details p{margin:10px 0;line-height:1.5}
.bare-card details h4{font-size:14px;margin:14px 0 6px;color:#163a50}
.bare-upgrades{margin:0}
.bare-upgrades div{display:flex;justify-content:space-between;gap:10px;padding:6px 0;border-bottom:1px solid #e0e9ee}
.bare-upgrades dd{margin:0;white-space:nowrap;font-weight:700}
.bare-catalog .no-results{grid-column:1/-1;background:#fff;padding:30px;border:1px solid #d3dfe7}
@media(max-width:1000px){.bare-filter-row{grid-template-columns:repeat(2,minmax(0,1fr))}.bare-capacity{grid-template-columns:repeat(3,minmax(0,1fr))}.bare-stock{align-self:end}}
@media(max-width:700px){body:has(#server-filters) .service-hero{display:block;padding:108px 22px 18px}body:has(#server-filters) .service-hero .service-art{display:none}.bare-catalog{padding:24px 18px 50px}.bare-filter-row,.bare-capacity,.bare-catalog #server-results{grid-template-columns:1fr}.bare-filter-actions{align-items:flex-start;flex-direction:column}.bare-card-head{flex-wrap:wrap}.bare-card-bottom{align-items:flex-start;flex-direction:column}.bare-card-bottom .button{width:100%;text-align:center}.bare-filters{padding:14px}.bare-location-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* Let the cable travel out of the navy surface and into the foreground. */
.ten-gig-bare{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  grid-template-columns:minmax(160px,.7fr) minmax(320px,1.45fr) minmax(310px,1fr);
  gap:clamp(22px,3vw,42px);
  background:linear-gradient(105deg,#0b2037 0%,#112e4b 68%,#123754 100%);
}
.ten-gig-bare .ten-gig-visual{
  position:absolute;
  z-index:0;
  top:0;
  right:0;
  bottom:0;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  width:min(36vw,540px);
  pointer-events:none;
}
.ten-gig-bare .ten-gig-visual img{
  display:block;
  width:100%;
  max-width:none;
  height:auto;
  opacity:.2;
  transform:translateX(5%);
  filter:drop-shadow(0 18px 24px #020c1980);
}
.ten-gig-bare .ten-gig-number,.ten-gig-bare .ten-gig-copy{position:relative;z-index:1}
.bare-filter-actions{justify-content:flex-end}
.bare-card .bare-chips .bare-chip-drive{background:#edf5fa;border-color:#bed3e0;color:#163a52}
.bare-upgrade-details{display:grid;gap:0;margin:12px 0 2px}
.bare-upgrade-details>div{display:grid;grid-template-columns:74px minmax(0,1fr);gap:12px;padding:9px 0;border-bottom:1px solid #e3ebf1}
.bare-upgrade-details>div:last-child{border-bottom:0}
.bare-upgrade-details dt{color:#183e55;font-weight:800}
.bare-upgrade-details dd{margin:0;min-width:0}
.bare-upgrade-details ul{margin:0;padding-left:17px}
.bare-upgrade-details li+li{margin-top:4px}
/* Keep the included facts compact and scan-friendly inside each offer. */
.bare-card .bare-included{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  margin:14px 0 18px;
  padding:0;
  background:transparent;
  border:0;
  border-radius:0;
}
.bare-card .bare-included>div,
.bare-card .bare-included>div:last-child{
  display:block;
  grid-column:auto;
  min-width:0;
  padding:9px 0 0;
  border:0;
  border-top:2px solid #d7e4ef;
}
.bare-card .bare-included>div:last-child{border-top-color:#caa65f}
.bare-card .bare-included dt{font-size:12px;font-weight:600;letter-spacing:0;margin:0 0 3px}
.bare-card .bare-included dd{font-size:15px;line-height:1.35;white-space:nowrap}
@media(max-width:1000px){
  .ten-gig-bare{grid-template-columns:minmax(135px,.75fr) minmax(0,2fr)}
  .ten-gig-bare .ten-gig-copy{position:relative;z-index:1;padding-right:clamp(260px,39vw,390px)}
  .ten-gig-bare .ten-gig-visual{right:-20px;width:min(53vw,510px)}
  .ten-gig-bare .ten-gig-visual img{width:100%;transform:translateX(6%)}
  .bare-card .bare-included{gap:8px}
  .bare-card .bare-included dd{font-size:14px}
}
@media(max-width:700px){
  .ten-gig-bare{grid-template-columns:1fr}
  .ten-gig-bare .ten-gig-copy{padding-right:0}
  .ten-gig-bare .ten-gig-visual{position:relative;right:auto;top:auto;bottom:auto;grid-column:1;width:min(100%,460px);margin:-10px -12px 0 auto}
  .ten-gig-bare .ten-gig-visual img{width:100%;transform:none}
  .bare-upgrade-details>div{grid-template-columns:63px minmax(0,1fr);gap:9px}
  .bare-card .bare-included{grid-template-columns:1fr;gap:0;margin:12px 0 16px}
  .bare-card .bare-included>div,.bare-card .bare-included>div:last-child{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:9px 0;border-top:1px solid #d7e4ef}
  .bare-card .bare-included dt{margin:0}
  .bare-card .bare-included dd{font-size:14px}
}

/* Bare-Metal section rhythm and a quieter component overview. */
body:has(#server-filters) .infra-lead,
body:has(#server-filters) .infra-section{padding-block:clamp(38px,4.5vw,60px)}
body:has(#server-filters) .sales-story{padding-block:clamp(40px,5vw,56px)}
body:has(#server-filters) .human-close{padding-block:40px}
body:has(#server-filters) .ten-gig-bare{padding-block:26px}
body:has(#server-filters) .bare-catalog{padding-bottom:42px}
body:has(#server-filters) .sales-hardware .sales-moments{align-self:center}
body:has(#server-filters) .delivery-band{position:relative;isolation:isolate;overflow:hidden}
body:has(#server-filters) .delivery-band::before{
  content:"";
  position:absolute;
  right:8%;
  top:-55%;
  width:min(39vw,500px);
  aspect-ratio:1;
  background:url('/assets/sharktech-fin.svg') center/contain no-repeat;
  filter:brightness(0);
  opacity:.09;
  pointer-events:none;
}
body:has(#server-filters) .delivery-band>*{position:relative;z-index:1}
body:has(#server-filters) .bare-custom{
  position:relative;
  isolation:isolate;
  gap:clamp(36px,5vw,72px);
  background:radial-gradient(ellipse at 84% 30%,#1846665c,transparent 51%),
    repeating-linear-gradient(90deg,transparent 0 51px,#6085a108 51px 52px),
    linear-gradient(135deg,#091723,#0b1b2a);
}
.bare-custom::before{
  content:"";
  position:absolute;
  right:-5%;
  top:-14%;
  width:min(45vw,580px);
  aspect-ratio:1;
  background:url('/assets/sharktech-fin.svg') center/contain no-repeat;
  opacity:.035;
  pointer-events:none;
}
.bare-custom>.infra-copy,.bare-custom>.server-blueprint{position:relative;z-index:1}
.bare-custom .infra-copy h2{font-size:clamp(38px,4.3vw,58px);line-height:1.06;margin:14px 0 20px}
.bare-custom .infra-copy>p:not(.eyebrow){line-height:1.65;max-width:640px}
.bare-custom .text-action{display:inline-block;margin-top:20px}
.bare-custom .server-blueprint{
  min-width:0;
  padding:24px 34px;
  border:0;
  border-left:2px solid #bd9853;
  background:linear-gradient(130deg,#173248b8,#091b2acc);
  box-shadow:none;
}
.bare-custom .blueprint-overline{margin:0;color:#d8b979;font-size:12px;font-weight:700;letter-spacing:.12em}
.bare-custom .component-grid{display:block;margin:17px 0 0;padding:0;background:none}
.bare-custom .component-grid>div{display:grid;grid-template-columns:minmax(110px,.7fr) minmax(0,1.3fr);align-items:baseline;gap:18px;padding:11px 0;border-top:1px solid #69809552}
.bare-custom .component-grid dt{color:#f2f7fc;font:600 16px/1.4 'Space Grotesk',sans-serif}
.bare-custom .component-grid dd{margin:0;color:#b6c9d7;font-size:14px;line-height:1.55}
@media(max-width:900px){body:has(#server-filters) .bare-custom{gap:30px}.bare-custom .server-blueprint{max-width:680px;width:100%}body:has(#server-filters) .sales-hardware .sales-moments{align-self:stretch}}
@media(max-width:700px){
  body:has(#server-filters) .infra-lead,
  body:has(#server-filters) .infra-section,
  body:has(#server-filters) .sales-story,
  body:has(#server-filters) .human-close{padding-block:36px}
  body:has(#server-filters) .ten-gig-bare{padding-block:22px}
  body:has(#server-filters) .bare-catalog{padding-bottom:34px}
  body:has(#server-filters) .delivery-band::before{right:-18%;top:-15%;width:85vw;opacity:.07}
  .bare-custom::before{width:88vw;right:-22%;top:20%;opacity:.025}
  .bare-custom .server-blueprint{padding:22px 24px}
  .bare-custom .infra-copy h2{font-size:clamp(36px,8vw,46px)}
}
@media(max-width:420px){.bare-custom .component-grid>div{grid-template-columns:1fr;gap:3px;padding:9px 0}}

/* A single fin crosses the gold-to-white section break in two quiet tones. */
body:has(#server-filters) .delivery-band::before{
  right:4%;top:auto;bottom:-260px;width:min(44vw,620px);aspect-ratio:155/170;opacity:.08
}
body:has(#server-filters) .delivery-band + .use-grid{position:relative;isolation:isolate;overflow:hidden}
body:has(#server-filters) .delivery-band + .use-grid::before{
  content:"";position:absolute;right:4%;top:0;transform:translateY(calc(-100% + 260px));
  width:min(44vw,620px);aspect-ratio:155/170;
  background:url('/assets/sharktech-fin.svg') center/contain no-repeat;
  filter:brightness(0);opacity:.045;pointer-events:none
}
body:has(#server-filters) .delivery-band + .use-grid>*{position:relative;z-index:1}
@media(max-width:700px){
  body:has(#server-filters) .delivery-band::before{right:-18%;width:85vw;bottom:-34vw}
  body:has(#server-filters) .delivery-band + .use-grid::before{right:-18%;width:85vw;transform:translateY(calc(-100% + 34vw))}
}