@font-face {
  font-family: "AlibabaLocal";
  src: url("./alibaba.woff2") format("woff2");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}

body { font-family: "AlibabaLocal", Tahoma, "Segoe UI", sans-serif; }
.hero h1, .card h2, .section-title h2, .concept h3, .challenge h2, .kit-copy h2 { letter-spacing: -.65px; }
.metrics { grid-template-columns: repeat(4, 1fr); }
.metric.light b { color: var(--green); }
.metric.light { background: rgba(120,230,167,.07); }
.instrument.active { box-shadow: 0 0 0 2px rgba(255,212,103,.15) inset; transform: translateY(-1px); }
.parallel-guide { color: var(--muted); }
.safety-section .section-title { max-width: 700px; }
.safety-layout { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: 16px; align-items: stretch; }
.safety-image-card { overflow: hidden; padding: 0; }
.safety-image-card img { width: 100%; height: 100%; min-height: 300px; display: block; object-fit: cover; }
.safety-image-caption { color: #d8e7fb; padding: 11px 15px 13px; font-size: 13px; background: rgba(4,16,37,.65); }
.safety-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.safety-card { padding: 18px; }
.safety-icon { display: grid; place-items: center; width: 43px; height: 43px; border-radius: 14px; background: rgba(120,230,167,.12); font-size: 22px; margin-bottom: 10px; }
.safety-card h3 { margin: 0 0 4px; font-size: 16px; }
.safety-card p { color: var(--muted); font-size: 13px; line-height: 1.75; margin: 0; }
.kit-layout { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); align-items: center; overflow: hidden; padding: 0; background: linear-gradient(110deg, rgba(29,69,111,.64), rgba(70,46,134,.52)); }
.kit-copy { padding: 28px; }
.kit-copy h2 { font-size: 28px; margin: 7px 0; }
.kit-copy p { color: #c9d7ec; font-size: 14px; margin-bottom: 15px; }
.kit-copy small { display: block; color: #9eb4d7; margin-top: 9px; font-size: 11px; }
.buy-kit { display: inline-flex; align-items: center; justify-content: center; border-radius: 13px; padding: 12px 15px; background: var(--yellow); color: #182541; font-size: 13px; font-weight: 900; text-decoration: none; box-shadow: 0 10px 22px rgba(255,212,103,.15); }
.buy-kit:hover { filter: brightness(1.06); transform: translateY(-1px); }
.kit-layout > img { display: block; width: 100%; height: 100%; min-height: 290px; object-fit: cover; }
@media (max-width: 850px) {
  .safety-layout, .kit-layout { grid-template-columns: 1fr; }
  .safety-image-card img { height: 300px; }
  .kit-copy { order: 2; }
  .kit-layout > img { order: 1; min-height: 230px; }
}
@media (max-width: 620px) {
  .metrics { grid-template-columns: repeat(2, 1fr); }
  .safety-grid { grid-template-columns: 1fr; }
  .safety-image-card img { min-height: 220px; }
  .kit-copy { padding: 21px; }
}