/* generated by render-qck-site.ts — do not hand-edit (gitignored output) */
*{box-sizing:border-box;margin:0}
:root{--radius:0.25rem}
html{scroll-behavior:smooth}
body{background:#F4F7F8;color:#111D24;font-family:'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;line-height:1.65;font-size:1.0625rem;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{font-family:'Barlow Semi Condensed', 'Arial Narrow', Arial, sans-serif;line-height:1.2;color:#111D24}
a{color:#00658A}
a:hover{opacity:.85}
img{max-width:100%}
code{background:#E7EDF0;padding:.1em .35em;border-radius:4px;font-size:.9em}
.sgaw{position:absolute;left:-9999px;top:0;background:#00658A;color:#FFFFFF;padding:.5rem 1rem;z-index:9}
.sgaw:focus{left:0}
.nwax{max-width:72rem;margin:0 auto;padding:0 1.5rem}
.ofxi{font-family:'Barlow Semi Condensed', 'Arial Narrow', Arial, sans-serif;font-weight:700;font-size:1.25rem;text-decoration:none;color:inherit}
.wvel{color:#40515B;font-size:.85rem}
.nzgw{display:flex;flex-wrap:wrap;gap:1.1rem}
.bvau{text-decoration:none;color:inherit;font-size:.95rem}
.bvau:hover{color:#00658A;opacity:1}
.jwof{display:none;background:none;border:1px solid currentColor;border-radius:6px;color:inherit;width:2.6rem;height:2.3rem;padding:.45rem .55rem;cursor:pointer;flex-direction:column;justify-content:space-between}
.jwof span{display:block;height:2px;background:currentColor;border-radius:2px}
.jwof[aria-expanded="true"] span:nth-child(2){opacity:0}
.vwcj{border-bottom:3px double #CBD5DA;background:#F4F7F8} .vwcj .nwax{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:end;gap:1.5rem;padding:1.1rem 1.5rem} .vwcj .nzgw{justify-content:flex-end}
.gtbd{background:linear-gradient(160deg, #FFFFFF, #e0edf1)} .gtbd .nwax{max-width:52rem;text-align:center;padding:3.2rem 1.5rem} .cnwu{justify-content:center}
.pzhp{text-transform:uppercase;letter-spacing:.12em;font-size:.8rem;color:#00658A;font-weight:600;margin-bottom:.8rem}
.aenh{font-size:clamp(1.9rem,4.5vw,3rem);margin-bottom:1rem}
.kgzz{font-size:1.15rem;color:#40515B;max-width:44rem;margin:0 auto}
.cnwu{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;padding:0;margin-top:1.4rem}
.tpco{border:1px solid #CBD5DA;background:#FFFFFF;border-radius:999px;padding:.3rem .85rem;font-size:.85rem}
.hgnn{padding:2.08rem 0}
/* the measure fix: prose column CENTERED in the container, never pinned left */
.schg,.xcyu,.wdso{max-width:46rem;margin-left:auto;margin-right:auto}
.schg{padding:1.1199999999999999rem 0}
.schg h2{font-size:1.6rem;margin-bottom:.8rem}
.schg h3{font-size:1.2rem;margin:.9rem 0 .5rem}
.schg p,.schg li,.xcyu p{margin-bottom:.85rem}
.schg ul,.schg ol{padding-left:1.4rem}
.xcyu{font-size:1.12rem}
.wdso{background:#FFFFFF;border:1px solid #CBD5DA;border-radius:var(--radius);padding:1.2rem 1.4rem;margin-bottom:1.2800000000000002rem}
.duye{overflow-x:auto;margin:1rem 0}
table{border-collapse:collapse;width:100%;font-size:.95rem}
th,td{border:1px solid #CBD5DA;padding:.55rem .7rem;text-align:left;vertical-align:top}
th{background:#FFFFFF}
blockquote{border-left:4px solid #00658A;padding:.2rem 0 .2rem 1rem;color:#40515B;margin:1rem 0}
.khmd{max-width:46rem;margin:1.4400000000000002rem auto;background:#f0f6f8;border:1px solid #CBD5DA;border-radius:var(--radius);padding:1.4rem 1.6rem}
.chdd{font-size:1.25rem;margin-bottom:.7rem}
.bqze{list-style:none;padding:0;margin-top:.8rem;display:grid;gap:.45rem}
.faaa{padding-left:1.1rem;position:relative;font-size:.95rem}
.faaa::before{content:"";position:absolute;left:0;top:.55em;width:.45em;height:.45em;border-radius:50%;background:#00658A}
.uibt{max-width:46rem;margin:1.4400000000000002rem auto;padding:0;list-style:none;counter-reset:src}
.hmtl{border-top:1px solid #CBD5DA;padding:.9rem 0 .9rem 2.2rem;position:relative;counter-increment:src}
.hmtl::before{content:counter(src);position:absolute;left:0;top:.95rem;font-family:'Barlow Semi Condensed', 'Arial Narrow', Arial, sans-serif;font-weight:700;color:#00658A}
.hcgo{margin-bottom:.3rem}
.uhji{font-size:.88rem;color:#40515B}
.qbfb{max-width:46rem;margin:0 auto}
.mgdq{border-bottom:1px solid #CBD5DA;padding:0.8800000000000001rem 0}
.tmir{font-size:1.15rem;margin-bottom:.5rem}
.jvvu{color:#111D24}
.teee{background:#eff2e6;border-top:1px solid #CBD5DA;border-bottom:1px solid #CBD5DA;margin:1.6rem 0 0}
.gaos{max-width:46rem;margin:0 auto;padding:1.7600000000000002rem 1.5rem;text-align:center}
.gaos h2{margin-bottom:.7rem}
.gaos p{margin-bottom:1.1rem}
.sahm{display:inline-block;background:#00658A;color:#FFFFFF;text-decoration:none;font-weight:600;padding:.8rem 1.8rem;border-radius:var(--radius)}
.sahm:hover{opacity:.9}

.okhp{font-size:1.45rem;margin-bottom:.45rem}
.chng p{margin-bottom:.55rem}
.chng p:last-child{margin-bottom:0}
.wmmz{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:.35rem .95rem;margin:.6rem 0 0;font-size:.92rem}
.jwhz{display:inline-block;font-weight:700;font-size:1.05rem;padding:1rem 2rem;border-radius:var(--radius);text-decoration:none;white-space:nowrap}
.jwhz:hover{opacity:.92}
.pdhs{padding:0 1.5rem;margin-top:-1.5rem;position:relative;z-index:2}
.anvx{max-width:64rem;margin:0 auto;background:#F4F7F8;border-top:6px solid #00658A;border-radius:var(--radius);box-shadow:0 18px 40px -18px rgba(0,0,0,.35),0 2px 8px rgba(0,0,0,.08);padding:1.6rem 2rem;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1.2rem 2.5rem;align-items:center}
.oaiw{display:inline-block;background:#00658A;color:#FFFFFF;font-size:.76rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:.3rem .7rem;border-radius:999px;margin-bottom:.6rem}
.wmmz{color:#626363}
.spbm::before{content:"\2713\00a0";color:#00658A}
.jwhz{background:#00658A;color:#FFFFFF;box-shadow:0 10px 22px -12px #00658A}
@media (max-width:720px){.anvx{display:block} .oaiw{transform:none;max-width:none;margin-bottom:.6rem} .jwhz{display:block;text-align:center;margin-top:1rem}}
.bima{background:#F4F7F8;border-top:3px double #CBD5DA}
.bima .nwax{padding:1.7600000000000002rem 1.5rem}
.jecb{display:grid;grid-template-columns:2fr 1fr;gap:2rem;margin-bottom:1.4rem}
.yloa{font-style:italic;margin-bottom:.8rem}
.htfk{font-size:.9rem;margin-bottom:.8rem}
.sxwd{font-size:.85rem;color:#40515B}
.bima .sxwd{opacity:.85}
.tkho{color:#40515B;font-size:.92rem}
@media(max-width:760px){
  .gtbd .nwax{grid-template-columns:1fr;gap:1.5rem}
  .jecb{grid-template-columns:1fr}
  .vwcj .nwax{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.6rem;padding:.9rem 1.5rem;text-align:left}
  .vwcj .nzgw{border-top:0;padding-top:0}
  .vwcj .jwof{display:flex}
  .vwcj .nzgw{display:none;flex-basis:100%;flex-direction:column;gap:0;border-top:1px solid #CBD5DA;padding-top:.4rem;margin-top:.4rem}
  .vwcj .nzgw[data-open="true"]{display:flex}
  .vwcj .bvau{display:block;padding:.6rem 0;font-size:1.05rem}
}

/* ---- per-site theme layer ---- */
:root {
  --metric-ink: #111D24;
  --metric-copy: #40515B;
  --metric-blue: #00658A;
  --metric-lime: #627900;
  --metric-canvas: #F4F7F8;
  --metric-panel: #FFFFFF;
  --metric-soft: #E7EDF0;
  --metric-line: #CBD5DA;
  --metric-hero-copy: #D9E2E6;
  --icon-pulse: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M3 12h4l2-7 4 14 2-7h6%22/%3E%3C/svg%3E");
  --icon-pin: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M20 10c0 5-8 12-8 12S4 15 4 10a8 8 0 1 1 16 0Z%22/%3E%3Ccircle cx=%2212%22 cy=%2210%22 r=%222.5%22/%3E%3C/svg%3E");
  --icon-check: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%229%22/%3E%3Cpath d=%22m8 12 2.6 2.6L16.8 8.5%22/%3E%3C/svg%3E");
  --icon-question: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%229%22/%3E%3Cpath d=%22M9.7 9a2.5 2.5 0 1 1 3.5 2.3c-.8.4-1.2 1-1.2 1.7%22/%3E%3Cpath d=%22M12 17h.01%22/%3E%3C/svg%3E");
  --icon-arrow: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M5 12h14M13 6l6 6-6 6%22/%3E%3C/svg%3E");
}

html {
  background: var(--metric-canvas);
}

body {
  background: var(--metric-canvas);
  color: var(--metric-ink);
  font-size: 1.025rem;
  letter-spacing: -.006em;
}

a {
  text-decoration-thickness: .08em;
  text-underline-offset: .18em;
}
.vwcj {
  border: 0;
  border-top: 4px solid var(--metric-blue);
  border-bottom: 1px solid var(--metric-line);
  background: var(--metric-panel);
  box-shadow: 0 1px 8px rgba(17, 29, 36, .06);
}

.vwcj .nwax {
  max-width: 78rem;
  align-items: center;
  gap: 1.5rem;
  padding-top: .75rem;
  padding-bottom: .75rem;
}

.ofxi {
  position: relative;
  display: inline-flex;
  align-items: center;
  min-height: 2.7rem;
  padding-left: 3.35rem;
  color: var(--metric-ink);
  font-size: 1.04rem;
  font-weight: 800;
  letter-spacing: .035em;
  line-height: 1.02;
  text-transform: uppercase;
}

.ofxi::before {
  content: "PJ";
  position: absolute;
  left: 0;
  top: 0;
  display: grid;
  width: 2.7rem;
  height: 2.7rem;
  place-items: center;
  border: 2px solid var(--metric-blue);
  border-radius: 50%;
  background:
    conic-gradient(var(--metric-blue) 0 72%, var(--metric-soft) 72% 100%);
  color: #FFFFFF;
  font-size: .78rem;
  font-weight: 800;
  letter-spacing: .06em;
  box-shadow: inset 0 0 0 5px var(--metric-panel);
}

.ofxi::after {
  content: "METRICS";
  margin-left: .42rem;
  color: var(--metric-blue);
  font-size: .66em;
  letter-spacing: .14em;
}

.vwcj .wvel {
  margin: -.38rem 0 0 3.35rem;
  color: var(--metric-copy);
  font-size: .67rem;
  font-weight: 600;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.nzgw {
  gap: .18rem;
  align-items: center;
}

.bvau {
  position: relative;
  padding: .48rem .57rem .42rem;
  border-radius: .25rem;
  color: var(--metric-ink);
  font-size: .74rem;
  font-weight: 700;
  letter-spacing: .025em;
  line-height: 1.15;
  text-transform: uppercase;
}

.bvau:hover {
  background: var(--metric-soft);
  color: var(--metric-blue);
}
.gtbd {
  position: relative;
  overflow: hidden;
  border: 0;
  background: #111D24;
  color: #FFFFFF;
}

.gtbd::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(217, 226, 230, .07) 1px, transparent 1px),
    linear-gradient(rgba(217, 226, 230, .07) 1px, transparent 1px);
  background-size: 42px 42px;
  -webkit-mask-image: linear-gradient(90deg, transparent 0, black 46%, black 100%);
  mask-image: linear-gradient(90deg, transparent 0, black 46%, black 100%);
}

.gtbd::after {
  content: "";
  position: absolute;
  right: -8rem;
  bottom: -15rem;
  width: 36rem;
  height: 36rem;
  border: 1px solid rgba(217, 226, 230, .2);
  border-radius: 50%;
  box-shadow:
    0 0 0 3.4rem rgba(0, 101, 138, .16),
    0 0 0 7.8rem rgba(98, 121, 0, .09);
}

.gtbd .nwax {
  position: relative;
  z-index: 1;
  max-width: 72rem;
  padding: clamp(3.4rem, 7vw, 6rem) 1.5rem clamp(5rem, 9vw, 7rem);
  text-align: left;
}

.pxou {
  position: relative;
  max-width: 51rem;
  min-height: 18rem;
  padding: 1.7rem clamp(1rem, 3vw, 2.2rem) 1.8rem 2rem;
  border-left: 5px solid var(--metric-blue);
}

.pxou::before {
  content: "JOINT / 04";
  position: absolute;
  top: -1.45rem;
  right: -11.5rem;
  display: grid;
  width: 9.5rem;
  height: 9.5rem;
  place-items: center;
  border: 1px solid rgba(217, 226, 230, .45);
  border-radius: 50%;
  background:
    radial-gradient(circle, var(--metric-ink) 54%, transparent 55%),
    conic-gradient(var(--metric-blue) 0 70%, var(--metric-lime) 70% 83%, rgba(217, 226, 230, .2) 83% 100%);
  color: #FFFFFF;
  font-family: 'Barlow Semi Condensed', 'Arial Narrow', Arial, sans-serif;
  font-size: .76rem;
  font-weight: 700;
  letter-spacing: .16em;
}

.pxou::after {
  content: "KNEE  HIP  SHOULDER  SPINE";
  position: absolute;
  right: -13.5rem;
  bottom: 1rem;
  width: 13rem;
  padding-top: .65rem;
  border-top: 1px solid rgba(217, 226, 230, .45);
  color: var(--metric-hero-copy);
  font-size: .66rem;
  font-weight: 600;
  letter-spacing: .11em;
  line-height: 1.55;
  text-align: center;
}

.pxou:not(:has(.kgzz)) {
  min-height: 10rem;
  max-width: 48rem;
}

.pxou:not(:has(.kgzz))::before {
  width: 7rem;
  height: 7rem;
  right: -9rem;
  content: "DATA";
}

.pxou:not(:has(.kgzz))::after {
  display: none;
}

.pzhp {
  display: inline-flex;
  align-items: center;
  gap: .55rem;
  margin-bottom: 1.15rem;
  color: #D9E2E6;
  font-size: .7rem;
  font-weight: 700;
  letter-spacing: .18em;
}

.pzhp::before {
  content: "";
  width: 1rem;
  height: 1rem;
  background: #FFFFFF;
  -webkit-mask: var(--icon-pulse) center / contain no-repeat;
  mask: var(--icon-pulse) center / contain no-repeat;
}

.gtbd .aenh {
  max-width: 16ch;
  margin-bottom: 1.25rem;
  color: #FFFFFF;
  font-size: clamp(2.55rem, 6vw, 5rem);
  font-weight: 700;
  letter-spacing: -.045em;
  line-height: .96;
  text-wrap: balance;
}

.pxou:not(:has(.kgzz)) .aenh {
  max-width: 18ch;
  font-size: clamp(2.2rem, 5vw, 4.1rem);
}

.gtbd .kgzz {
  max-width: 42rem;
  margin: 0;
  color: #D9E2E6;
  font-size: 1.08rem;
  line-height: 1.62;
}

.gtbd .cnwu {
  justify-content: flex-start;
  margin-top: 1.8rem;
  gap: .45rem;
}

.gtbd .tpco {
  display: inline-flex;
  align-items: center;
  border: 1px solid rgba(217, 226, 230, .45);
  border-radius: 2px;
  background: rgba(255, 255, 255, .06);
  padding: .42rem .68rem;
  color: #FFFFFF;
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .045em;
  text-transform: uppercase;
}

.gtbd .tpco::before {
  content: "";
  width: .8rem;
  height: .8rem;
  margin-right: .38rem;
  background: #FFFFFF;
  -webkit-mask: var(--icon-check) center / contain no-repeat;
  mask: var(--icon-check) center / contain no-repeat;
}

.pdhs {
  z-index: 3;
  margin: -2.45rem 0 0;
  padding: 0 1.5rem;
  background: transparent;
}

.anvx {
  max-width: 66rem;
  padding: 1.55rem 1.7rem;
  border: 1px solid var(--metric-line);
  border-top: 5px solid var(--metric-blue);
  border-radius: .25rem;
  background: #FFFFFF;
  color: #111D24;
  box-shadow: 0 16px 36px -22px rgba(17, 29, 36, .62);
  grid-template-columns: minmax(0, 1fr) auto;
}

.gavv {
  padding-left: 1.25rem;
  border-left: 1px solid var(--metric-line);
}

.oaiw {
  margin-bottom: .45rem;
  border-radius: 2px;
  background: #00658A;
  color: #FFFFFF;
  font-size: .66rem;
  letter-spacing: .16em;
}

.okhp {
  max-width: 38rem;
  color: var(--metric-ink);
  font-size: clamp(1.35rem, 2.4vw, 1.8rem);
  letter-spacing: -.02em;
  line-height: 1.08;
}

.chng p {
  color: var(--metric-copy);
  font-size: .92rem;
  line-height: 1.55;
}

.wmmz {
  color: var(--metric-ink);
  font-size: .78rem;
  font-weight: 650;
  letter-spacing: .01em;
}

.spbm {
  display: inline-flex;
  align-items: center;
}

.spbm::before {
  content: "";
  width: .92rem;
  height: .92rem;
  margin-right: .35rem;
  background: var(--metric-blue);
  -webkit-mask: var(--icon-check) center / contain no-repeat;
  mask: var(--icon-check) center / contain no-repeat;
}

.jwhz,
.sahm {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .55rem;
  border-radius: 2px;
  font-size: .86rem;
  letter-spacing: .02em;
}

.jwhz::after,
.sahm::after {
  content: "";
  width: 1rem;
  height: 1rem;
  background: currentColor;
  -webkit-mask: var(--icon-arrow) center / contain no-repeat;
  mask: var(--icon-arrow) center / contain no-repeat;
}

.hgnn {
  padding: 3.7rem 0 2rem;
}

.xcyu {
  position: relative;
  max-width: 50rem;
  margin-bottom: 2.1rem;
  padding: 1.5rem 1.7rem 1.3rem 4.8rem;
  border: 1px solid var(--metric-line);
  border-radius: .25rem;
  background: var(--metric-panel);
  box-shadow: 5px 5px 0 var(--metric-soft);
  font-size: 1.08rem;
}

.xcyu::before {
  content: "01";
  position: absolute;
  top: 1.55rem;
  left: 1.45rem;
  color: var(--metric-blue);
  font-family: 'Barlow Semi Condensed', 'Arial Narrow', Arial, sans-serif;
  font-size: 1.7rem;
  font-weight: 700;
  letter-spacing: -.04em;
}

.xcyu h2 {
  margin-bottom: .7rem;
  color: var(--metric-ink);
  font-size: clamp(1.45rem, 3vw, 2rem);
  letter-spacing: -.025em;
}

.schg {
  position: relative;
  max-width: 50rem;
  padding: 2.3rem 0 2.1rem 3.3rem;
  border-top: 1px solid var(--metric-line);
}

.schg::before {
  content: "";
  position: absolute;
  top: 2.55rem;
  left: .25rem;
  width: 1.25rem;
  height: 1.25rem;
  background: var(--metric-blue);
  -webkit-mask: var(--icon-pulse) center / contain no-repeat;
  mask: var(--icon-pulse) center / contain no-repeat;
}

.schg::after {
  content: "";
  position: absolute;
  top: 4.25rem;
  bottom: 2rem;
  left: .86rem;
  width: 1px;
  background: linear-gradient(var(--metric-line), transparent);
}

.schg h2 {
  margin-bottom: 1rem;
  color: var(--metric-ink);
  font-size: clamp(1.45rem, 3vw, 1.9rem);
  font-weight: 700;
  letter-spacing: -.025em;
  line-height: 1.08;
  text-wrap: balance;
}

.schg h3 {
  color: var(--metric-blue);
  font-size: 1.08rem;
  letter-spacing: .01em;
}

.schg p,
.schg li,
.xcyu p,
.jvvu {
  color: var(--metric-ink);
}

.schg strong {
  font-weight: 700;
}

.duye {
  border: 1px solid var(--metric-line);
  border-radius: .25rem;
  background: var(--metric-panel);
  box-shadow: 4px 4px 0 var(--metric-soft);
}

table { font-size: .87rem; }

th,
td {
  border: 0;
  border-bottom: 1px solid var(--metric-line);
  padding: .72rem .8rem;
}

th {
  background: var(--metric-soft);
  color: var(--metric-ink);
  font-family: 'Barlow Semi Condensed', 'Arial Narrow', Arial, sans-serif;
  font-size: .76rem;
  font-weight: 700;
  letter-spacing: .07em;
  text-transform: uppercase;
}

blockquote {
  border: 0;
  border-left: 4px solid var(--metric-lime);
  background: var(--metric-soft);
  padding: 1rem 1.2rem;
  color: var(--metric-copy);
}

.khmd {
  position: relative;
  max-width: 50rem;
  margin: 2.4rem auto;
  overflow: hidden;
  border: 1px solid var(--metric-line);
  border-radius: .25rem;
  background: var(--metric-soft);
  padding: 2rem 2rem 1.8rem;
  box-shadow: 7px 7px 0 var(--metric-line);
}

.chdd {
  display: flex;
  align-items: center;
  gap: .65rem;
  max-width: 27rem;
  margin-bottom: 1rem;
  color: var(--metric-ink);
  font-size: 1.55rem;
  letter-spacing: -.02em;
}

.chdd::before {
  content: "";
  flex: 0 0 auto;
  width: 1.45rem;
  height: 1.45rem;
  background: var(--metric-blue);
  -webkit-mask: var(--icon-pin) center / contain no-repeat;
  mask: var(--icon-pin) center / contain no-repeat;
}

.khmd p {
  color: var(--metric-ink);
}

.bqze {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .65rem;
  margin-top: 1.15rem;
}

.faaa {
  min-height: 3.1rem;
  border: 1px solid var(--metric-line);
  background: var(--metric-panel);
  padding: .68rem .75rem .62rem 2.15rem;
  color: var(--metric-ink);
  font-size: .76rem;
  font-weight: 650;
  line-height: 1.35;
}

.faaa::before {
  top: .82rem;
  left: .72rem;
  width: .95rem;
  height: .95rem;
  border-radius: 0;
  background: var(--metric-blue);
  -webkit-mask: var(--icon-pin) center / contain no-repeat;
  mask: var(--icon-pin) center / contain no-repeat;
}

.qbfb {
  max-width: 50rem;
  counter-reset: faqmetric;
}

.mgdq {
  position: relative;
  margin-bottom: .7rem;
  border: 1px solid var(--metric-line);
  border-left: 4px solid var(--metric-blue);
  border-radius: .25rem;
  background: var(--metric-panel);
  padding: 1.25rem 1.35rem 1.25rem 4.2rem;
  counter-increment: faqmetric;
}

.mgdq::before {
  content: counter(faqmetric, decimal-leading-zero);
  position: absolute;
  top: 1.22rem;
  left: 1rem;
  color: var(--metric-blue);
  font-family: 'Barlow Semi Condensed', 'Arial Narrow', Arial, sans-serif;
  font-size: 1.15rem;
  font-weight: 700;
}

.tmir {
  position: relative;
  margin-bottom: .65rem;
  color: var(--metric-ink);
  font-size: 1.15rem;
  letter-spacing: -.01em;
}

.tmir::after {
  content: "";
  display: inline-block;
  width: 1rem;
  height: 1rem;
  margin-left: .45rem;
  background: var(--metric-blue);
  vertical-align: -.15rem;
  -webkit-mask: var(--icon-question) center / contain no-repeat;
  mask: var(--icon-question) center / contain no-repeat;
}

.jvvu {
  font-size: .96rem;
  line-height: 1.65;
}

.uibt {
  max-width: none;
  margin-top: 1.15rem;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .65rem;
}

.hmtl {
  min-width: 0;
  border: 1px solid var(--metric-line);
  border-top: 3px solid var(--metric-blue);
  border-radius: .2rem;
  background: var(--metric-panel);
  padding: 1rem 1rem 1rem 3rem;
}

.hmtl::before {
  top: 1rem;
  left: .8rem;
  display: grid;
  width: 1.55rem;
  height: 1.55rem;
  place-items: center;
  border-radius: 50%;
  background: var(--metric-soft);
  color: var(--metric-blue);
  font-size: .72rem;
}

.hcgo {
  color: var(--metric-ink);
  font-size: .85rem;
  font-weight: 650;
  line-height: 1.45;
}

.uhji {
  overflow-wrap: anywhere;
  color: var(--metric-copy);
  font-size: .73rem;
  line-height: 1.45;
}

.teee {
  position: relative;
  overflow: hidden;
  margin-top: 1rem;
  border: 0;
  background: #111D24;
  color: #FFFFFF;
}

.teee::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 5px;
  background: linear-gradient(90deg, var(--metric-blue) 0 67%, var(--metric-lime) 67% 84%, var(--metric-soft) 84% 100%);
}

.teee::after {
  content: "";
  position: absolute;
  right: -7rem;
  bottom: -10rem;
  width: 24rem;
  height: 24rem;
  border: 1px solid rgba(217, 226, 230, .22);
  border-radius: 50%;
  box-shadow: 0 0 0 3rem rgba(0, 101, 138, .13);
}

.gaos {
  position: relative;
  z-index: 1;
  max-width: 50rem;
  padding-top: 3rem;
  padding-bottom: 3rem;
  text-align: left;
}

.gaos h2 {
  max-width: 18ch;
  color: #FFFFFF;
  font-size: clamp(1.8rem, 4vw, 2.7rem);
  letter-spacing: -.035em;
  line-height: 1;
}

.gaos p {
  max-width: 42rem;
  color: #D9E2E6;
}

.sahm {
  margin-top: .25rem;
  background: #F4F7F8;
  color: #00658A;
  font-weight: 750;
  box-shadow: 5px 5px 0 var(--metric-lime);
}

.bima {
  border: 0;
  border-top: 1px solid var(--metric-line);
  background: var(--metric-soft);
}

.bima .nwax {
  max-width: 72rem;
  padding-top: 2.4rem;
  padding-bottom: 1.6rem;
}

.jecb {
  grid-template-columns: minmax(0, 1.7fr) minmax(15rem, .8fr);
  gap: 3rem;
}

.bima .wvel {
  color: var(--metric-blue);
  font-size: .68rem;
  font-weight: 750;
  letter-spacing: .13em;
  text-transform: uppercase;
}

.bima .tkho,
.htfk,
.yloa,
.sxwd {
  color: var(--metric-copy);
}

.yloa {
  max-width: 50rem;
  padding-left: 1rem;
  border-left: 3px solid var(--metric-blue);
  font-style: normal;
  font-weight: 650;
}

.htfk {
  font-size: .82rem;
}

.bima .bvau {
  padding: .35rem 0;
  color: var(--metric-ink);
  font-size: .7rem;
}

.sxwd {
  padding-top: .9rem;
  border-top: 1px solid var(--metric-line);
}

@media (max-width: 900px) {
  .pxou {
    max-width: calc(100% - 10rem);
  }

  .pxou::before {
    right: -10.5rem;
  }

  .pxou::after {
    right: -11rem;
    width: 10rem;
  }

  .vwcj .bvau {
    padding-right: .38rem;
    padding-left: .38rem;
    font-size: .68rem;
  }
}

@media (max-width: 760px) {
  .vwcj .nwax {
    padding-top: .7rem;
    padding-bottom: .7rem;
  }

  .vwcj .bvau {
    padding: .72rem .25rem;
    font-size: .78rem;
  }

  .ofxi {
    font-size: .88rem;
  }

  .gtbd .nwax {
    padding-top: 2.7rem;
    padding-bottom: 4.4rem;
  }

  .pxou,
  .pxou:not(:has(.kgzz)) {
    max-width: none;
    min-height: 0;
    padding: 1rem 0 1rem 1.15rem;
  }

  .pxou::before,
  .pxou::after,
  .pxou:not(:has(.kgzz))::before {
    display: none;
  }

  .gtbd .aenh,
  .pxou:not(:has(.kgzz)) .aenh {
    max-width: 18ch;
    font-size: clamp(2.25rem, 12vw, 3.45rem);
  }

  .pdhs {
    margin-top: -2.1rem;
    padding: 0 1rem;
  }

  .anvx {
    padding: 1.25rem;
  }

  .gavv {
    padding-left: .9rem;
  }

  .hgnn {
    padding-top: 2.7rem;
  }

  .xcyu {
    padding: 1.25rem;
  }

  .xcyu::before {
    position: static;
    display: block;
    margin-bottom: .45rem;
  }

  .schg {
    padding: 1.8rem 0;
  }

  .schg::before,
  .schg::after {
    display: none;
  }

  .khmd {
    padding: 1.35rem 1.2rem;
    box-shadow: 4px 4px 0 var(--metric-line);
  }

  .bqze,
  .uibt {
    grid-template-columns: 1fr;
  }

  .mgdq {
    padding: 1.1rem 1rem 1.1rem 3.5rem;
  }

  .gaos {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  .jecb {
    gap: 1.5rem;
  }

}