/** Shopify CDN: Minification failed

Line 5797:8 Expected ")" to end URL token

**/
.oxx-page-wrap {
  --oxx-accent: #ff6b00;
  --oxx-accent-dark: #e45f00;
  --oxx-text: #161616;
  --oxx-muted: #666;
  --oxx-line: #e7e7e7;
  --oxx-panel: #ffffff;
  --oxx-soft: #f6f6f6;
  --oxx-dark: #0d0d0d;
  --oxx-dark-2: #171717;
  color: var(--oxx-text);
  background: #fff;
}
.oxx-page-wrap .page-width,
.oxx-page-wrap .container {
  max-width: 1280px;
}
.oxx-page-wrap a {
  color: inherit;
}
.oxx-page-wrap img {
  max-width: 100%;
  display: block;
}
.oxx-page-wrap .oxx-page-container {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 24px;
}
.oxx-page-wrap .oxx-page-breadcrumb {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  align-items: center;
  color: #777;
  font-size: 14px;
  margin: 24px 0 14px;
}
.oxx-page-wrap .oxx-page-breadcrumb a {
  text-decoration: none;
}
.oxx-page-wrap .oxx-page-breadcrumb span:last-child {
  color: var(--oxx-accent);
}
.oxx-page-wrap .oxx-page-hero {
  position: relative;
  overflow: hidden;
  background: linear-gradient(135deg, #111 0%, #171717 60%, #222 100%);
  color: #fff;
  border-radius: 26px;
  padding: 40px 36px;
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(320px, .95fr);
  gap: 32px;
}
.oxx-page-wrap .oxx-page-hero::before {
  content: "";
  position: absolute;
  right: -140px;
  top: -90px;
  width: 420px;
  height: 420px;
  border: 28px solid rgba(255,255,255,.05);
  border-radius: 50%;
}
.oxx-page-wrap .oxx-page-hero::after {
  content: "";
  position: absolute;
  right: 70px;
  bottom: -140px;
  width: 280px;
  height: 280px;
  border: 18px solid rgba(255,107,0,.16);
  border-radius: 50%;
}
.oxx-page-wrap .oxx-page-hero > * {
  position: relative;
  z-index: 1;
}
.oxx-page-wrap .oxx-page-kicker {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: #ffb07b;
  margin-bottom: 16px;
}
.oxx-page-wrap .oxx-page-kicker::before {
  content: "";
  width: 34px;
  height: 3px;
  background: var(--oxx-accent);
  border-radius: 10px;
}
.oxx-page-wrap .oxx-page-title {
  margin: 0;
  font-size: clamp(34px, 5vw, 58px);
  line-height: 1.02;
  letter-spacing: -.03em;
}
.oxx-page-wrap .oxx-page-subtitle {
  margin: 18px 0 0;
  max-width: 690px;
  font-size: 18px;
  line-height: 1.65;
  color: rgba(255,255,255,.82);
}
.oxx-page-wrap .oxx-page-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 28px;
}
.oxx-page-wrap .oxx-btn,
.oxx-contact-page .oxx-btn,
.oxx-bulk-panel .oxx-btn-inline {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 50px;
  padding: 0 22px;
  border-radius: 14px;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .02em;
  text-decoration: none;
  border: 1px solid transparent;
  transition: .2s ease;
}
.oxx-page-wrap .oxx-btn--primary,
.oxx-contact-page .oxx-btn--primary,
.oxx-bulk-panel .oxx-btn-inline--primary {
  background: var(--oxx-accent);
  color: #fff;
}
.oxx-page-wrap .oxx-btn--primary:hover,
.oxx-contact-page .oxx-btn--primary:hover,
.oxx-bulk-panel .oxx-btn-inline--primary:hover {
  background: var(--oxx-accent-dark);
}
.oxx-page-wrap .oxx-btn--ghost,
.oxx-contact-page .oxx-btn--ghost,
.oxx-bulk-panel .oxx-btn-inline--ghost {
  border-color: rgba(255,255,255,.18);
  color: #fff;
  background: rgba(255,255,255,.02);
}
.oxx-page-wrap .oxx-btn--ghost:hover,
.oxx-contact-page .oxx-btn--ghost:hover,
.oxx-bulk-panel .oxx-btn-inline--ghost:hover {
  border-color: rgba(255,255,255,.3);
  background: rgba(255,255,255,.05);
}
.oxx-page-wrap .oxx-btn--dark {
  border-color: #222;
  background: #111;
  color: #fff;
}
.oxx-page-wrap .oxx-btn--dark:hover {
  background: #000;
}
.oxx-page-wrap .oxx-btn--light {
  border-color: var(--oxx-line);
  color: var(--oxx-text);
  background: #fff;
}
.oxx-page-wrap .oxx-btn--light:hover {
  border-color: #bbb;
}
.oxx-page-wrap .oxx-page-trust {
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 14px;
  margin-top: 28px;
}
.oxx-page-wrap .oxx-page-trust-item {
  border: 1px solid rgba(255,255,255,.1);
  background: rgba(255,255,255,.035);
  border-radius: 18px;
  padding: 16px;
}
.oxx-page-wrap .oxx-page-trust-item strong {
  display: block;
  font-size: 15px;
  color: #fff;
  margin-bottom: 6px;
}
.oxx-page-wrap .oxx-page-trust-item span {
  display: block;
  color: rgba(255,255,255,.7);
  font-size: 13px;
  line-height: 1.5;
}
.oxx-page-wrap .oxx-page-section {
  padding: 48px 0 0;
}
.oxx-page-wrap .oxx-section-title {
  margin: 0 0 12px;
  font-size: clamp(24px, 3vw, 36px);
  line-height: 1.15;
  letter-spacing: -.03em;
}
.oxx-page-wrap .oxx-section-copy {
  margin: 0;
  max-width: 760px;
  color: var(--oxx-muted);
  font-size: 16px;
  line-height: 1.7;
}
.oxx-page-wrap .oxx-grid-2 {
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(340px,.9fr);
  gap: 24px;
  align-items: start;
}
.oxx-page-wrap .oxx-grid-3 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 20px;
}
.oxx-page-wrap .oxx-grid-4 {
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 18px;
}
.oxx-page-wrap .oxx-panel,
.oxx-contact-page .oxx-panel {
  background: var(--oxx-panel);
  border: 1px solid var(--oxx-line);
  border-radius: 22px;
  box-shadow: 0 16px 40px rgba(0,0,0,.05);
}
.oxx-page-wrap .oxx-panel--padded,
.oxx-contact-page .oxx-panel--padded {
  padding: 26px;
}
.oxx-page-wrap .oxx-soft-panel {
  background: var(--oxx-soft);
  border: 1px solid var(--oxx-line);
  border-radius: 20px;
  padding: 24px;
}
.oxx-page-wrap .oxx-card {
  background: #fff;
  border: 1px solid var(--oxx-line);
  border-radius: 22px;
  padding: 24px;
  box-shadow: 0 14px 34px rgba(0,0,0,.04);
}
.oxx-page-wrap .oxx-card h3,
.oxx-contact-page .oxx-card h3 {
  margin: 0 0 10px;
  font-size: 22px;
  line-height: 1.2;
}
.oxx-page-wrap .oxx-card p,
.oxx-contact-page .oxx-card p {
  margin: 0;
  color: var(--oxx-muted);
  line-height: 1.65;
}
.oxx-page-wrap .oxx-card-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 18px;
}
.oxx-page-wrap .oxx-card-tag {
  display: inline-flex;
  align-items: center;
  border: 1px solid var(--oxx-line);
  border-radius: 999px;
  padding: 8px 12px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .02em;
  background: #fff;
}
.oxx-page-wrap .oxx-ring-visual,
.oxx-page-wrap .oxx-ring-stack,
.oxx-page-wrap .oxx-ring-colored {
  position: relative;
}
.oxx-page-wrap .oxx-ring-visual {
  width: 240px;
  height: 240px;
  margin: 0 auto;
}
.oxx-page-wrap .oxx-ring-visual::before,
.oxx-page-wrap .oxx-ring-visual::after {
  content: "";
  position: absolute;
  border-radius: 50%;
}
.oxx-page-wrap .oxx-ring-visual::before {
  inset: 0;
  background: radial-gradient(circle at 35% 35%, #2d2d2d, #0c0c0c 65%, #000 100%);
  box-shadow: inset -12px -16px 26px rgba(255,255,255,.05), inset 10px 12px 18px rgba(255,255,255,.08), 0 30px 40px rgba(0,0,0,.18);
}
.oxx-page-wrap .oxx-ring-visual::after {
  inset: 54px;
  background: #fff;
  box-shadow: 0 0 0 1px rgba(0,0,0,.04);
}
.oxx-page-wrap .oxx-ring-stack {
  min-height: 360px;
}
.oxx-page-wrap .oxx-ring-stack .ring {
  position: absolute;
  border-radius: 50%;
  box-shadow: inset -14px -20px 24px rgba(255,255,255,.06), inset 12px 14px 18px rgba(255,255,255,.08), 0 25px 35px rgba(0,0,0,.24);
}
.oxx-page-wrap .oxx-ring-stack .ring::after {
  content: "";
  position: absolute;
  inset: 26%;
  border-radius: 50%;
  background: transparent;
  box-shadow: 0 0 0 500px rgba(255,255,255,0);
}
.oxx-page-wrap .oxx-ring-stack .ring--1 { width: 235px; height: 235px; top: 70px; right: 80px; background: radial-gradient(circle at 35% 35%, #2c2c2c, #0b0b0b 66%, #000); }
.oxx-page-wrap .oxx-ring-stack .ring--2 { width: 180px; height: 180px; top: 32px; right: 190px; background: radial-gradient(circle at 35% 35%, #2b2b2b, #111 68%, #000); }
.oxx-page-wrap .oxx-ring-stack .ring--3 { width: 145px; height: 145px; top: 110px; right: 0; background: radial-gradient(circle at 35% 35%, #2c2c2c, #101010 68%, #000); }
.oxx-page-wrap .oxx-ring-stack .ring--4 { width: 110px; height: 110px; top: 210px; right: 210px; background: radial-gradient(circle at 35% 35%, #2b2b2b, #101010 68%, #000); }
.oxx-page-wrap .oxx-ring-stack .ring::before {
  content: "";
  position: absolute;
  inset: 24%;
  border-radius: 50%;
  background: transparent;
  box-shadow: 0 0 0 999px #fff;
  clip-path: circle(12% at 50% 50%);
  display: none;
}
.oxx-page-wrap .oxx-ring-stack .ring-hole {
  position: absolute;
  border-radius: 50%;
  background: transparent;
  box-shadow: 0 0 0 500px rgba(255,255,255,0);
}
.oxx-page-wrap .oxx-ring-colored {
  width: 170px;
  height: 170px;
  margin: 0 auto 18px;
  border-radius: 50%;
  box-shadow: inset -12px -18px 24px rgba(255,255,255,.12), inset 10px 14px 16px rgba(255,255,255,.12), 0 18px 30px rgba(0,0,0,.16);
}
.oxx-page-wrap .oxx-ring-colored::after {
  content: "";
  position: absolute;
  inset: 39px;
  border-radius: 50%;
  background: #fff;
}
.oxx-page-wrap .oxx-ring-colored--black { background: radial-gradient(circle at 35% 35%, #3f3f3f, #151515 65%, #000); }
.oxx-page-wrap .oxx-ring-colored--green { background: radial-gradient(circle at 35% 35%, #29a047, #14722f 62%, #0b4f20); }
.oxx-page-wrap .oxx-ring-colored--brown { background: radial-gradient(circle at 35% 35%, #945125, #6d3515 62%, #48210d); }
.oxx-page-wrap .oxx-ring-colored--red { background: radial-gradient(circle at 35% 35%, #ff7746, #d33c12 62%, #9b2507); }
.oxx-page-wrap .oxx-metric-note {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  margin-top: 18px;
  padding: 18px 20px;
  border-radius: 18px;
  background: #fff9f5;
  border: 1px solid #ffd8c3;
}
.oxx-page-wrap .oxx-metric-note strong {
  display: block;
  margin-bottom: 6px;
}
.oxx-page-wrap .oxx-icon-circle {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: rgba(255,107,0,.12);
  color: var(--oxx-accent);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  font-weight: 800;
  flex: 0 0 auto;
}
.oxx-page-wrap .oxx-size-diagram {
  background: linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.02));
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 22px;
  padding: 28px;
  min-height: 420px;
  position: relative;
}
.oxx-page-wrap .oxx-size-canvas {
  position: relative;
  height: 340px;
}
.oxx-page-wrap .oxx-size-ring-front,
.oxx-page-wrap .oxx-size-ring-side {
  position: absolute;
  border-radius: 50%;
  box-shadow: inset -12px -16px 24px rgba(255,255,255,.06), inset 10px 12px 18px rgba(255,255,255,.08), 0 24px 32px rgba(0,0,0,.26);
}
.oxx-page-wrap .oxx-size-ring-front {
  width: 220px;
  height: 220px;
  left: 50%;
  top: 34px;
  transform: translateX(-50%);
  background: radial-gradient(circle at 35% 35%, #2d2d2d, #0d0d0d 68%, #000);
}
.oxx-page-wrap .oxx-size-ring-front::after,
.oxx-page-wrap .oxx-size-ring-side::after {
  content: "";
  position: absolute;
  background: rgba(255,255,255,.96);
}
.oxx-page-wrap .oxx-size-ring-front::after {
  inset: 50px;
  border-radius: 50%;
}
.oxx-page-wrap .oxx-size-ring-side {
  width: 52px;
  height: 220px;
  right: 28px;
  top: 34px;
  background: radial-gradient(circle at 35% 35%, #2d2d2d, #0d0d0d 68%, #000);
}
.oxx-page-wrap .oxx-size-ring-side::after {
  inset: 12px;
  border-radius: 999px;
}
.oxx-page-wrap .oxx-measure {
  position: absolute;
  color: #fff;
  font-weight: 700;
  text-align: center;
  font-size: 13px;
}
.oxx-page-wrap .oxx-measure strong {
  display: block;
  color: var(--oxx-accent);
  font-size: 34px;
  line-height: 1;
  margin-bottom: 4px;
}
.oxx-page-wrap .oxx-measure--id { left: 24px; top: 90px; }
.oxx-page-wrap .oxx-measure--od { left: 50%; transform: translateX(-50%); bottom: 2px; }
.oxx-page-wrap .oxx-measure--cs { right: 0; top: 160px; }
.oxx-page-wrap .oxx-measure-line {
  position: absolute;
  border-color: rgba(255,255,255,.72);
  border-style: dashed;
}
.oxx-page-wrap .oxx-measure-line--id { left: 120px; top: 65px; height: 160px; border-left-width: 2px; }
.oxx-page-wrap .oxx-measure-line--od { left: 245px; right: 105px; bottom: 60px; border-top-width: 2px; }
.oxx-page-wrap .oxx-measure-line--cs { right: 52px; top: 122px; height: 90px; border-left-width: 2px; }
.oxx-page-wrap .oxx-measure-line--id::before,
.oxx-page-wrap .oxx-measure-line--id::after,
.oxx-page-wrap .oxx-measure-line--cs::before,
.oxx-page-wrap .oxx-measure-line--cs::after,
.oxx-page-wrap .oxx-measure-line--od::before,
.oxx-page-wrap .oxx-measure-line--od::after {
  content: "";
  position: absolute;
  background: var(--oxx-accent);
}
.oxx-page-wrap .oxx-measure-line--id::before,
.oxx-page-wrap .oxx-measure-line--id::after,
.oxx-page-wrap .oxx-measure-line--cs::before,
.oxx-page-wrap .oxx-measure-line--cs::after {
  width: 14px;
  height: 2px;
  left: -6px;
}
.oxx-page-wrap .oxx-measure-line--od::before,
.oxx-page-wrap .oxx-measure-line--od::after {
  width: 2px;
  height: 14px;
  top: -6px;
}
.oxx-page-wrap .oxx-measure-line--id::before,
.oxx-page-wrap .oxx-measure-line--cs::before { top: 0; }
.oxx-page-wrap .oxx-measure-line--id::after,
.oxx-page-wrap .oxx-measure-line--cs::after { bottom: 0; }
.oxx-page-wrap .oxx-measure-line--od::before { left: 0; }
.oxx-page-wrap .oxx-measure-line--od::after { right: 0; }
.oxx-page-wrap .oxx-step-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 18px;
  margin-top: 22px;
}
.oxx-page-wrap .oxx-step-card {
  background: #fff;
  border: 1px solid var(--oxx-line);
  border-radius: 22px;
  padding: 24px;
  box-shadow: 0 14px 34px rgba(0,0,0,.04);
}
.oxx-page-wrap .oxx-step-no {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: var(--oxx-accent);
  color: #fff;
  font-size: 16px;
  font-weight: 800;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 18px;
}
.oxx-page-wrap .oxx-step-card h3 {
  margin: 0 0 16px;
  font-size: 22px;
}
.oxx-page-wrap .oxx-step-card p {
  margin: 14px 0 0;
  color: var(--oxx-muted);
  line-height: 1.65;
}
.oxx-page-wrap .oxx-step-illustration {
  position: relative;
  height: 180px;
  background: linear-gradient(180deg,#f7f7f7,#efefef);
  border-radius: 18px;
  overflow: hidden;
}
.oxx-page-wrap .oxx-step-illustration--calc {
  display: flex;
  align-items: center;
  justify-content: center;
}
.oxx-page-wrap .oxx-caliper {
  position: absolute;
  left: 16px;
  right: 16px;
  top: 34px;
  height: 112px;
}
.oxx-page-wrap .oxx-caliper__bar {
  position: absolute;
  left: 0;
  right: 0;
  top: 44px;
  height: 14px;
  background: linear-gradient(180deg,#bdbdbd,#8f8f8f);
  border-radius: 6px;
}
.oxx-page-wrap .oxx-caliper__body {
  position: absolute;
  width: 110px;
  height: 70px;
  left: 50%;
  top: 14px;
  transform: translateX(-50%);
  background: #111;
  border-radius: 14px;
  box-shadow: 0 12px 20px rgba(0,0,0,.18);
}
.oxx-page-wrap .oxx-caliper__screen {
  width: 68px;
  height: 24px;
  background: #dceee1;
  border-radius: 6px;
  margin: 14px auto 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #111;
  font-size: 16px;
  font-weight: 800;
}
.oxx-page-wrap .oxx-caliper__jaw,
.oxx-page-wrap .oxx-caliper__jaw--fixed {
  position: absolute;
  top: 18px;
  width: 12px;
  height: 72px;
  background: linear-gradient(180deg,#bdbdbd,#8f8f8f);
  border-radius: 4px;
}
.oxx-page-wrap .oxx-caliper__jaw--fixed { left: 18px; }
.oxx-page-wrap .oxx-caliper__jaw { right: 18px; }
.oxx-page-wrap .oxx-caliper__tip,
.oxx-page-wrap .oxx-caliper__tip--fixed {
  position: absolute;
  top: 18px;
  width: 42px;
  height: 10px;
  background: linear-gradient(180deg,#c7c7c7,#9a9a9a);
  border-radius: 4px;
}
.oxx-page-wrap .oxx-caliper__tip--fixed { left: 18px; }
.oxx-page-wrap .oxx-caliper__tip { right: 18px; }
.oxx-page-wrap .oxx-caliper__tip::after,
.oxx-page-wrap .oxx-caliper__tip--fixed::after {
  content: "";
  position: absolute;
  top: 0;
  width: 10px;
  height: 42px;
  background: inherit;
  border-radius: 4px;
}
.oxx-page-wrap .oxx-caliper__tip--fixed::after { left: 0; }
.oxx-page-wrap .oxx-caliper__tip::after { right: 0; }
.oxx-page-wrap .oxx-measure-ring {
  position: absolute;
  left: 50%;
  top: 86px;
  transform: translateX(-50%);
  width: 76px;
  height: 76px;
  border-radius: 50%;
  background: radial-gradient(circle at 35% 35%, #323232, #111 68%, #000);
  box-shadow: inset -8px -12px 18px rgba(255,255,255,.06), inset 8px 10px 14px rgba(255,255,255,.08), 0 12px 18px rgba(0,0,0,.2);
}
.oxx-page-wrap .oxx-measure-ring::after {
  content: "";
  position: absolute;
  inset: 18px;
  border-radius: 50%;
  background: #f3f3f3;
}
.oxx-page-wrap .oxx-formula {
  background: #fff;
  border: 1px solid var(--oxx-line);
  border-radius: 18px;
  padding: 18px;
  font-size: 18px;
  font-weight: 800;
  letter-spacing: -.01em;
}
.oxx-page-wrap .oxx-formula small {
  display: block;
  margin-top: 6px;
  font-size: 13px;
  font-weight: 500;
  color: var(--oxx-muted);
}
.oxx-page-wrap .oxx-accordion {
  margin-top: 16px;
  display: grid;
  gap: 12px;
}
.oxx-page-wrap .oxx-accordion-item {
  border: 1px solid var(--oxx-line);
  border-radius: 18px;
  overflow: hidden;
  background: #fff;
}
.oxx-page-wrap .oxx-accordion-trigger {
  width: 100%;
  border: 0;
  background: #fff;
  text-align: left;
  padding: 20px 22px;
  font-size: 17px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  cursor: pointer;
}
.oxx-page-wrap .oxx-accordion-trigger::after {
  content: "+";
  font-size: 24px;
  color: var(--oxx-accent);
  line-height: 1;
}
.oxx-page-wrap .oxx-accordion-item.is-open .oxx-accordion-trigger::after { content: "–"; }
.oxx-page-wrap .oxx-accordion-content {
  display: none;
  padding: 0 22px 22px;
  color: var(--oxx-muted);
  line-height: 1.7;
}
.oxx-page-wrap .oxx-accordion-item.is-open .oxx-accordion-content {
  display: block;
}
.oxx-page-wrap .oxx-material-grid {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 18px;
  margin-top: 24px;
}
.oxx-page-wrap .oxx-material-card {
  background: #fff;
  border: 1px solid var(--oxx-line);
  border-top: 4px solid #111;
  border-radius: 22px;
  padding: 24px;
  box-shadow: 0 12px 30px rgba(0,0,0,.04);
}
.oxx-page-wrap .oxx-material-card--epdm { border-top-color: #2f983f; }
.oxx-page-wrap .oxx-material-card--fkm { border-top-color: #d96a23; }
.oxx-page-wrap .oxx-material-card--silicone { border-top-color: #e04c2d; }
.oxx-page-wrap .oxx-material-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 14px;
}
.oxx-page-wrap .oxx-material-head h3 {
  margin: 0;
  font-size: 32px;
  line-height: 1;
}
.oxx-page-wrap .oxx-material-head span {
  color: var(--oxx-muted);
  font-size: 14px;
}
.oxx-page-wrap .oxx-table-wrap {
  overflow-x: auto;
  margin-top: 18px;
}
.oxx-page-wrap .oxx-table {
  width: 100%;
  border-collapse: collapse;
  min-width: 760px;
}
.oxx-page-wrap .oxx-table th,
.oxx-page-wrap .oxx-table td {
  padding: 14px 16px;
  border-bottom: 1px solid var(--oxx-line);
  text-align: left;
  vertical-align: top;
}
.oxx-page-wrap .oxx-table thead th {
  font-size: 13px;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #555;
  background: #fafafa;
}
.oxx-page-wrap .oxx-rating {
  display: inline-flex;
  gap: 4px;
}
.oxx-page-wrap .oxx-rating span {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #d9d9d9;
}
.oxx-page-wrap .oxx-rating[data-fill="1"] span:nth-child(-n+1),
.oxx-page-wrap .oxx-rating[data-fill="2"] span:nth-child(-n+2),
.oxx-page-wrap .oxx-rating[data-fill="3"] span:nth-child(-n+3),
.oxx-page-wrap .oxx-rating[data-fill="4"] span:nth-child(-n+4),
.oxx-page-wrap .oxx-rating[data-fill="5"] span:nth-child(-n+5) {
  background: var(--oxx-accent);
}
.oxx-page-wrap .oxx-callout {
  background: linear-gradient(180deg,#111,#1b1b1b);
  color: #fff;
  border-radius: 24px;
  padding: 28px;
}
.oxx-page-wrap .oxx-callout h3,
.oxx-page-wrap .oxx-callout p,
.oxx-page-wrap .oxx-callout li { color: inherit; }
.oxx-page-wrap .oxx-callout ul {
  margin: 16px 0 0;
  padding-left: 18px;
}
.oxx-page-wrap .oxx-kb-search {
  margin-top: 22px;
  display: flex;
  gap: 12px;
}
.oxx-page-wrap .oxx-kb-search input {
  width: 100%;
  min-height: 56px;
  border: 1px solid var(--oxx-line);
  border-radius: 16px;
  padding: 0 18px;
  font-size: 16px;
}
.oxx-page-wrap .oxx-kb-cats {
  display: grid;
  grid-template-columns: repeat(5,minmax(0,1fr));
  gap: 16px;
  margin-top: 22px;
}
.oxx-page-wrap .oxx-kb-cat,
.oxx-page-wrap .oxx-kb-article,
.oxx-page-wrap .oxx-app-card {
  border: 1px solid var(--oxx-line);
  border-radius: 20px;
  background: #fff;
  padding: 22px;
  text-decoration: none;
  box-shadow: 0 12px 28px rgba(0,0,0,.04);
}
.oxx-page-wrap .oxx-kb-cat h3,
.oxx-page-wrap .oxx-kb-article h3,
.oxx-page-wrap .oxx-app-card h3 {
  margin: 0 0 10px;
  font-size: 20px;
}
.oxx-page-wrap .oxx-kb-cat p,
.oxx-page-wrap .oxx-kb-article p,
.oxx-page-wrap .oxx-app-card p {
  margin: 0;
  color: var(--oxx-muted);
  line-height: 1.65;
}
.oxx-page-wrap .oxx-kb-cat .oxx-link,
.oxx-page-wrap .oxx-kb-article .oxx-link,
.oxx-page-wrap .oxx-app-card .oxx-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 14px;
  color: var(--oxx-accent);
  font-weight: 700;
}
.oxx-page-wrap .oxx-kb-articles {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 18px;
  margin-top: 22px;
}
.oxx-page-wrap .oxx-kb-side {
  display: grid;
  gap: 18px;
}
.oxx-page-wrap .oxx-list-clean {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 12px;
}
.oxx-page-wrap .oxx-list-clean li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--oxx-line);
}
.oxx-page-wrap .oxx-list-clean li:last-child { border-bottom: 0; padding-bottom: 0; }
.oxx-page-wrap .oxx-list-clean small { color: var(--oxx-muted); }
.oxx-page-wrap .oxx-hero-stat-grid,
.oxx-contact-page .oxx-hero-stat-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 14px;
  margin-top: 24px;
}
.oxx-page-wrap .oxx-hero-stat,
.oxx-contact-page .oxx-hero-stat {
  border: 1px solid rgba(255,255,255,.1);
  background: rgba(255,255,255,.035);
  border-radius: 18px;
  padding: 18px;
}
.oxx-page-wrap .oxx-hero-stat strong,
.oxx-contact-page .oxx-hero-stat strong {
  display: block;
  color: #fff;
  font-size: 26px;
  line-height: 1;
  margin-bottom: 8px;
}
.oxx-page-wrap .oxx-hero-stat span,
.oxx-contact-page .oxx-hero-stat span {
  display: block;
  color: rgba(255,255,255,.72);
  font-size: 13px;
  line-height: 1.55;
}
.oxx-page-wrap .oxx-values-grid,
.oxx-page-wrap .oxx-app-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 18px;
  margin-top: 22px;
}
.oxx-page-wrap .oxx-value-card {
  border: 1px solid var(--oxx-line);
  border-radius: 20px;
  padding: 24px;
  background: #fff;
  box-shadow: 0 10px 26px rgba(0,0,0,.04);
}
.oxx-page-wrap .oxx-value-card h3 {
  margin: 14px 0 10px;
  font-size: 22px;
}
.oxx-page-wrap .oxx-process {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 18px;
  margin-top: 22px;
}
.oxx-page-wrap .oxx-process-step {
  background: #fff;
  border: 1px solid var(--oxx-line);
  border-radius: 20px;
  padding: 22px;
}
.oxx-page-wrap .oxx-process-step strong {
  display: inline-flex;
  width: 34px;
  height: 34px;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: rgba(255,107,0,.12);
  color: var(--oxx-accent);
  margin-bottom: 14px;
}
.oxx-page-wrap .oxx-process-step h3 {
  margin: 0 0 10px;
  font-size: 20px;
}
.oxx-page-wrap .oxx-cta-band {
  margin-top: 24px;
  background: linear-gradient(135deg, #0f0f0f, #1d1d1d);
  color: #fff;
  border-radius: 24px;
  padding: 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
.oxx-page-wrap .oxx-cta-band h3 {
  margin: 0 0 8px;
  font-size: 28px;
}
.oxx-page-wrap .oxx-cta-band p {
  margin: 0;
  color: rgba(255,255,255,.72);
}
.oxx-page-wrap .oxx-contact-info-grid,
.oxx-contact-page .oxx-contact-info-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 16px;
}
.oxx-page-wrap .oxx-contact-box,
.oxx-contact-page .oxx-contact-box {
  border: 1px solid var(--oxx-line);
  border-radius: 20px;
  padding: 22px;
  background: #fff;
}
.oxx-page-wrap .oxx-contact-box h3,
.oxx-contact-page .oxx-contact-box h3 {
  margin: 0 0 10px;
  font-size: 20px;
}
.oxx-page-wrap .oxx-contact-box p,
.oxx-contact-page .oxx-contact-box p,
.oxx-page-wrap .oxx-contact-box a,
.oxx-contact-page .oxx-contact-box a {
  margin: 0;
  color: var(--oxx-muted);
  line-height: 1.65;
  text-decoration: none;
}
.oxx-contact-page .oxx-contact-form {
  display: grid;
  gap: 14px;
}
.oxx-contact-page .oxx-contact-form .field,
.oxx-contact-page .oxx-contact-form .field__input,
.oxx-contact-page .oxx-contact-form input,
.oxx-contact-page .oxx-contact-form textarea,
.oxx-contact-page .oxx-contact-form select {
  width: 100%;
}
.oxx-contact-page .oxx-contact-form label {
  display: block;
  margin-bottom: 8px;
  font-size: 14px;
  font-weight: 700;
}
.oxx-contact-page .oxx-contact-form input,
.oxx-contact-page .oxx-contact-form textarea,
.oxx-contact-page .oxx-contact-form select {
  min-height: 52px;
  padding: 14px 16px;
  border-radius: 14px;
  border: 1px solid var(--oxx-line);
  background: #fff;
  font-size: 15px;
}
.oxx-contact-page .oxx-contact-form textarea { min-height: 160px; resize: vertical; }
.oxx-contact-page .oxx-contact-form .oxx-contact-grid {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 14px;
}
.oxx-page-wrap .oxx-page-divider {
  margin-top: 48px;
  height: 1px;
  background: var(--oxx-line);
}
@media (max-width: 1199px) {
  .oxx-page-wrap .oxx-grid-2,
  .oxx-page-wrap .oxx-page-hero,
  .oxx-contact-page .oxx-grid-2 { grid-template-columns: 1fr; }
  .oxx-page-wrap .oxx-material-grid,
  .oxx-page-wrap .oxx-kb-cats,
  .oxx-page-wrap .oxx-grid-4,
  .oxx-page-wrap .oxx-contact-info-grid,
  .oxx-contact-page .oxx-contact-info-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .oxx-page-wrap .oxx-kb-articles,
  .oxx-page-wrap .oxx-app-grid,
  .oxx-page-wrap .oxx-values-grid,
  .oxx-page-wrap .oxx-process,
  .oxx-page-wrap .oxx-step-grid,
  .oxx-page-wrap .oxx-grid-3 { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 767px) {
  .oxx-page-wrap .oxx-page-container,
  .oxx-contact-page .oxx-page-container { padding: 0 16px; }
  .oxx-page-wrap .oxx-page-hero,
  .oxx-contact-page .oxx-page-hero { padding: 28px 20px; border-radius: 22px; }
  .oxx-page-wrap .oxx-page-subtitle,
  .oxx-contact-page .oxx-page-subtitle { font-size: 16px; }
  .oxx-page-wrap .oxx-page-actions,
  .oxx-page-wrap .oxx-contact-info-grid,
  .oxx-contact-page .oxx-contact-info-grid,
  .oxx-page-wrap .oxx-hero-stat-grid,
  .oxx-contact-page .oxx-hero-stat-grid,
  .oxx-page-wrap .oxx-page-trust,
  .oxx-page-wrap .oxx-grid-4,
  .oxx-page-wrap .oxx-grid-3,
  .oxx-page-wrap .oxx-step-grid,
  .oxx-page-wrap .oxx-material-grid,
  .oxx-page-wrap .oxx-kb-cats,
  .oxx-page-wrap .oxx-kb-articles,
  .oxx-page-wrap .oxx-app-grid,
  .oxx-page-wrap .oxx-values-grid,
  .oxx-page-wrap .oxx-process,
  .oxx-contact-page .oxx-contact-form .oxx-contact-grid { grid-template-columns: 1fr; }
  .oxx-page-wrap .oxx-page-section { padding-top: 32px; }
  .oxx-page-wrap .oxx-size-diagram { min-height: auto; }
  .oxx-page-wrap .oxx-size-canvas { height: 300px; }
  .oxx-page-wrap .oxx-size-ring-front { width: 180px; height: 180px; top: 42px; }
  .oxx-page-wrap .oxx-size-ring-front::after { inset: 40px; }
  .oxx-page-wrap .oxx-size-ring-side { height: 180px; width: 46px; top: 42px; right: 0; }
  .oxx-page-wrap .oxx-size-ring-side::after { inset: 10px; }
  .oxx-page-wrap .oxx-measure strong { font-size: 26px; }
  .oxx-page-wrap .oxx-measure--id { left: 0; top: 98px; }
  .oxx-page-wrap .oxx-measure--od { bottom: 12px; }
  .oxx-page-wrap .oxx-measure--cs { right: -12px; top: 148px; }
  .oxx-page-wrap .oxx-measure-line--id { left: 72px; top: 74px; height: 138px; }
  .oxx-page-wrap .oxx-measure-line--od { left: 128px; right: 54px; bottom: 68px; }
  .oxx-page-wrap .oxx-measure-line--cs { right: 32px; top: 126px; height: 72px; }
  .oxx-page-wrap .oxx-ring-stack { min-height: 250px; }
  .oxx-page-wrap .oxx-ring-stack .ring--1 { width: 180px; height: 180px; right: 32px; top: 66px; }
  .oxx-page-wrap .oxx-ring-stack .ring--2 { width: 120px; height: 120px; right: 148px; top: 28px; }
  .oxx-page-wrap .oxx-ring-stack .ring--3 { width: 110px; height: 110px; right: -8px; top: 86px; }
  .oxx-page-wrap .oxx-ring-stack .ring--4 { width: 86px; height: 86px; right: 156px; top: 166px; }
  .oxx-page-wrap .oxx-cta-band { flex-direction: column; align-items: stretch; }
}

/* =========================
   Oxx page system v2
   Focus pages: size guide, knowledge base, material guide
   ========================= */

.oxx-v2-page {
  --oxx-v2-radius-xl: 30px;
  --oxx-v2-radius-lg: 24px;
  --oxx-v2-radius-md: 18px;
  --oxx-v2-shadow-soft: 0 18px 44px rgba(17, 17, 17, 0.08);
  --oxx-v2-shadow-card: 0 12px 28px rgba(17, 17, 17, 0.06);
}

.oxx-v2-page .oxx-page-container {
  padding-left: 22px;
  padding-right: 22px;
}

.oxx-v2-page .oxx-page-breadcrumb {
  margin: 28px 0 18px;
  font-size: 13px;
  letter-spacing: 0.01em;
}

.oxx-v2-page .oxx-page-title {
  font-size: clamp(42px, 5vw, 70px);
  line-height: 0.98;
  letter-spacing: -0.045em;
  font-weight: 800;
}

.oxx-v2-page .oxx-page-subtitle {
  font-size: 18px;
  line-height: 1.7;
  max-width: 720px;
}

.oxx-v2-page .oxx-v2-on-light {
  color: #4f4f4f;
}

.oxx-v2-page .oxx-page-actions {
  margin-top: 26px;
  gap: 12px;
}

.oxx-v2-page .oxx-btn {
  min-height: 52px;
  padding: 0 22px;
  border-radius: 14px;
  font-size: 14px;
  letter-spacing: 0.02em;
}

.oxx-v2-page .oxx-btn--dark {
  background: #111;
  border-color: #111;
}

.oxx-v2-page .oxx-btn--dark:hover {
  background: #000;
}

.oxx-v2-page .oxx-page-section {
  padding-top: 34px;
}

.oxx-v2-page .oxx-section-title {
  margin-bottom: 10px;
  font-size: clamp(28px, 3vw, 42px);
  font-weight: 800;
  letter-spacing: -0.04em;
}

.oxx-v2-page .oxx-section-copy {
  font-size: 16px;
  line-height: 1.75;
  color: #575757;
}

.oxx-v2-page .oxx-v2-section-head {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 22px;
}

.oxx-v2-page .oxx-v2-section-head--spread {
  flex-direction: row;
  align-items: end;
  justify-content: space-between;
  gap: 16px;
}

.oxx-v2-page .oxx-link {
  color: var(--oxx-accent);
  text-decoration: none;
  font-weight: 700;
}

/* Size guide */
.oxx-page-size-guide .oxx-v2-size-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(420px, 0.95fr);
  gap: 24px;
  align-items: stretch;
}

.oxx-page-size-guide .oxx-v2-hero-copy {
  background: #fff;
  border: 1px solid #e8e8e8;
  border-radius: var(--oxx-v2-radius-xl);
  padding: 38px 34px;
  box-shadow: var(--oxx-v2-shadow-soft);
}

.oxx-page-size-guide .oxx-v2-inline-defs {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 24px;
}

.oxx-page-size-guide .oxx-v2-inline-def {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 10px 14px;
  border: 1px solid #ececec;
  border-radius: 999px;
  background: #fafafa;
  font-size: 13px;
  color: #444;
}

.oxx-page-size-guide .oxx-v2-inline-def span,
.oxx-page-size-guide .oxx-v2-term-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 36px;
  height: 36px;
  padding: 0 8px;
  border-radius: 999px;
  background: rgba(255, 107, 0, 0.12);
  color: var(--oxx-accent);
  font-weight: 800;
  letter-spacing: 0.02em;
}

.oxx-page-size-guide .oxx-v2-diagram-panel {
  position: relative;
  overflow: hidden;
  border-radius: var(--oxx-v2-radius-xl);
  background: linear-gradient(180deg, #fbfbfb 0%, #f4f4f4 100%);
  border: 1px solid #e8e8e8;
  box-shadow: var(--oxx-v2-shadow-soft);
  min-height: 100%;
}

.oxx-page-size-guide .oxx-v2-diagram-grid {
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(17,17,17,0.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(17,17,17,0.04) 1px, transparent 1px);
  background-size: 30px 30px;
}

.oxx-page-size-guide .oxx-v2-diagram {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  min-height: 420px;
  display: block;
}

.oxx-page-size-guide .oxx-v2-term-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.oxx-page-size-guide .oxx-v2-term-card {
  background: #fff;
  border: 1px solid #ececec;
  border-radius: 22px;
  padding: 24px;
  box-shadow: var(--oxx-v2-shadow-card);
}

.oxx-page-size-guide .oxx-v2-term-card h3 {
  margin: 14px 0 10px;
  font-size: 22px;
  letter-spacing: -0.03em;
}

.oxx-page-size-guide .oxx-v2-term-card p {
  margin: 0;
  color: #5d5d5d;
  line-height: 1.75;
}

.oxx-page-size-guide .oxx-v2-step-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.oxx-page-size-guide .oxx-v2-step-card {
  background: #fff;
  border: 1px solid #eaeaea;
  border-radius: 24px;
  padding: 22px;
  box-shadow: var(--oxx-v2-shadow-card);
}

.oxx-page-size-guide .oxx-v2-step-top {
  display: flex;
  align-items: start;
  gap: 14px;
  margin-bottom: 16px;
}

.oxx-page-size-guide .oxx-v2-step-top h3 {
  margin: 2px 0 0;
  font-size: 24px;
  line-height: 1.16;
  letter-spacing: -0.03em;
}

.oxx-page-size-guide .oxx-v2-step-no {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 999px;
  background: var(--oxx-accent);
  color: #fff;
  font-weight: 800;
  flex: 0 0 auto;
}

.oxx-page-size-guide .oxx-v2-step-visual {
  border-radius: 18px;
  overflow: hidden;
  background: linear-gradient(180deg, #fbfbfb 0%, #f1f1f1 100%);
  border: 1px solid #ededed;
  padding: 10px;
  min-height: 220px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.oxx-page-size-guide .oxx-v2-step-svg {
  width: 100%;
  height: auto;
  display: block;
}

.oxx-page-size-guide .oxx-v2-formula-box {
  width: 100%;
  padding: 24px;
  border-radius: 18px;
  background: #fff;
  border: 1px solid #ececec;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.7);
}

.oxx-page-size-guide .oxx-v2-formula-main {
  font-size: clamp(28px, 4vw, 40px);
  font-weight: 800;
  letter-spacing: -0.05em;
  line-height: 1.05;
  color: #121212;
}

.oxx-page-size-guide .oxx-v2-formula-sub {
  margin-top: 10px;
  font-size: 15px;
  line-height: 1.7;
  color: #5a5a5a;
}

.oxx-page-size-guide .oxx-v2-step-card p {
  margin: 16px 0 0;
  line-height: 1.75;
  color: #5a5a5a;
}

.oxx-v2-dark-band {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
  padding: 24px 28px;
  border-radius: 24px;
  background: linear-gradient(135deg, #111 0%, #1d1d1d 100%);
  color: #fff;
  box-shadow: 0 18px 40px rgba(0,0,0,0.16);
}

.oxx-v2-dark-band__copy {
  display: flex;
  align-items: center;
  gap: 18px;
}

.oxx-v2-band-icon {
  width: 58px;
  height: 58px;
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,0.14);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background: rgba(255,255,255,0.04);
  flex: 0 0 auto;
}

.oxx-v2-band-icon svg { width: 26px; height: 26px; }

.oxx-v2-dark-band h3 {
  margin: 0 0 6px;
  color: #fff;
  font-size: 30px;
  line-height: 1.08;
  letter-spacing: -0.04em;
}

.oxx-v2-dark-band p {
  margin: 0;
  color: rgba(255,255,255,0.74);
  line-height: 1.7;
}

.oxx-v2-dark-band .oxx-btn--ghost {
  border-color: rgba(255,255,255,0.18);
}

.oxx-v2-note-row {
  display: flex;
  align-items: center;
  gap: 18px;
  border: 1px solid #ececec;
  border-radius: 22px;
  background: #fff;
  padding: 18px 22px;
  box-shadow: var(--oxx-v2-shadow-card);
}

.oxx-v2-note-icon {
  width: 56px;
  height: 56px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #f4f4f4;
  border: 1px solid #e6e6e6;
  font-weight: 800;
  letter-spacing: -0.03em;
  color: #1b1b1b;
  flex: 0 0 auto;
}

.oxx-v2-note-row strong,
.oxx-v2-trust-item strong,
.oxx-v2-feature-pill strong {
  display: block;
  font-size: 16px;
  font-weight: 800;
  letter-spacing: -0.02em;
}

.oxx-v2-note-row span,
.oxx-v2-trust-item span,
.oxx-v2-feature-pill span {
  display: block;
  margin-top: 4px;
  color: #5d5d5d;
  line-height: 1.65;
}

.oxx-v2-faq-wrap .oxx-accordion {
  border: 1px solid #ececec;
  border-radius: 22px;
  overflow: hidden;
  background: #fff;
  box-shadow: var(--oxx-v2-shadow-card);
}

.oxx-v2-faq-wrap .oxx-accordion-item + .oxx-accordion-item {
  border-top: 1px solid #ececec;
}

.oxx-v2-faq-wrap .oxx-accordion-trigger {
  width: 100%;
  text-align: left;
  border: 0;
  background: #fff;
  padding: 22px 26px;
  font-size: 18px;
  font-weight: 700;
  color: #131313;
  cursor: pointer;
  position: relative;
}

.oxx-v2-faq-wrap .oxx-accordion-trigger::after {
  content: '+';
  position: absolute;
  right: 24px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 26px;
  color: #7b7b7b;
  line-height: 1;
}

.oxx-v2-faq-wrap .oxx-accordion-item.is-open .oxx-accordion-trigger::after {
  content: '–';
}

.oxx-v2-faq-wrap .oxx-accordion-content {
  display: none;
  padding: 0 26px 22px;
  color: #5d5d5d;
  line-height: 1.78;
}

.oxx-v2-faq-wrap .oxx-accordion-item.is-open .oxx-accordion-content {
  display: block;
}

/* Knowledge base */
.oxx-page-knowledge-base .oxx-v2-kb-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 0.9fr);
  gap: 24px;
  border-radius: 30px;
  background: linear-gradient(135deg, #0f0f0f 0%, #1a1a1a 55%, #212121 100%);
  color: #fff;
  overflow: hidden;
  position: relative;
  box-shadow: 0 18px 44px rgba(0,0,0,0.18);
}

.oxx-page-knowledge-base .oxx-v2-kb-hero__copy {
  padding: 42px 36px;
  position: relative;
  z-index: 1;
}

.oxx-page-knowledge-base .oxx-v2-kb-hero__art {
  position: relative;
  min-height: 320px;
  overflow: hidden;
}

.oxx-page-knowledge-base .oxx-v2-kb-hero-grid {
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(255,255,255,0.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.06) 1px, transparent 1px);
  background-size: 34px 34px;
  opacity: .35;
}

.oxx-page-knowledge-base .oxx-v2-kb-hero-ring {
  position: absolute;
  border-radius: 50%;
  border-style: solid;
  border-color: #111;
  box-shadow: inset -12px -10px 22px rgba(255,255,255,0.06), 0 26px 34px rgba(0,0,0,0.35);
}

.oxx-page-knowledge-base .oxx-v2-kb-hero-ring--a {
  width: 240px;
  height: 240px;
  border-width: 34px;
  right: 120px;
  top: 48px;
  background: radial-gradient(circle at 30% 30%, rgba(255,255,255,0.1), transparent 50%);
}

.oxx-page-knowledge-base .oxx-v2-kb-hero-ring--b {
  width: 140px;
  height: 140px;
  border-width: 24px;
  right: 40px;
  top: 116px;
}

.oxx-page-knowledge-base .oxx-v2-kb-searchbar {
  margin-top: 28px;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 16px;
  border-radius: 16px;
  background: #fff;
  color: #171717;
  max-width: 720px;
}

.oxx-page-knowledge-base .oxx-v2-kb-searchbar svg {
  width: 22px;
  height: 22px;
  color: #7a7a7a;
  flex: 0 0 auto;
}

.oxx-page-knowledge-base .oxx-v2-kb-searchbar input {
  border: 0;
  width: 100%;
  background: transparent;
  font-size: 16px;
  line-height: 1.4;
  color: #171717;
}

.oxx-page-knowledge-base .oxx-v2-kb-searchbar input:focus {
  outline: none;
}

.oxx-page-knowledge-base .oxx-v2-kb-cats {
  display: grid;
  grid-template-columns: repeat(5, minmax(0,1fr));
  gap: 16px;
}

.oxx-page-knowledge-base .oxx-v2-kb-cat {
  display: block;
  text-decoration: none;
  background: #fff;
  border: 1px solid #ebebeb;
  border-radius: 22px;
  padding: 24px 20px;
  box-shadow: var(--oxx-v2-shadow-card);
  transition: transform .2s ease, box-shadow .2s ease;
}

.oxx-page-knowledge-base .oxx-v2-kb-cat:hover,
.oxx-page-knowledge-base .oxx-v2-kb-article:hover {
  transform: translateY(-2px);
  box-shadow: 0 18px 32px rgba(17,17,17,0.09);
}

.oxx-page-knowledge-base .oxx-v2-kb-cat__icon {
  width: 52px;
  height: 52px;
  border-radius: 16px;
  border: 1px solid #ececec;
  background: #fafafa;
  color: var(--oxx-accent);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.oxx-page-knowledge-base .oxx-v2-kb-cat__icon svg {
  width: 24px;
  height: 24px;
}

.oxx-page-knowledge-base .oxx-v2-kb-cat h3 {
  margin: 18px 0 8px;
  font-size: 24px;
  letter-spacing: -0.03em;
}

.oxx-page-knowledge-base .oxx-v2-kb-cat p,
.oxx-page-knowledge-base .oxx-v2-kb-article p {
  margin: 0;
  color: #5d5d5d;
  line-height: 1.7;
}

.oxx-page-knowledge-base .oxx-v2-kb-cat .oxx-link {
  display: inline-block;
  margin-top: 18px;
}

.oxx-page-knowledge-base .oxx-v2-kb-layout {
  display: grid;
  grid-template-columns: minmax(0,1fr) 320px;
  gap: 24px;
  align-items: start;
}

.oxx-page-knowledge-base .oxx-v2-kb-article-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 16px;
}

.oxx-page-knowledge-base .oxx-v2-kb-article {
  display: flex;
  flex-direction: column;
  text-decoration: none;
  min-height: 100%;
  background: #fff;
  border: 1px solid #ebebeb;
  border-radius: 22px;
  overflow: hidden;
  box-shadow: var(--oxx-v2-shadow-card);
}

.oxx-page-knowledge-base .oxx-v2-thumb {
  height: 170px;
  background-color: #f2f2f2;
  position: relative;
  overflow: hidden;
}

.oxx-page-knowledge-base .oxx-v2-thumb::before,
.oxx-page-knowledge-base .oxx-v2-thumb::after {
  content: '';
  position: absolute;
}

.oxx-page-knowledge-base .thumb--measure {
  background: linear-gradient(135deg, #e9e9e9, #f9f9f9);
}

.oxx-page-knowledge-base .thumb--measure::before {
  left: 22px;
  top: 74px;
  width: 120px;
  height: 14px;
  border-radius: 10px;
  background: linear-gradient(90deg, #c4c4c4, #9f9f9f);
}

.oxx-page-knowledge-base .thumb--measure::after {
  right: 26px;
  bottom: 28px;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  border: 12px solid #171717;
}

.oxx-page-knowledge-base .thumb--chart {
  background: #f7f7f7;
  background-image:
    linear-gradient(#ddd 1px, transparent 1px),
    linear-gradient(90deg, #ddd 1px, transparent 1px);
  background-size: 28px 22px;
}

.oxx-page-knowledge-base .thumb--chart::before {
  inset: 18px;
  border: 1px solid #cfcfcf;
}

.oxx-page-knowledge-base .thumb--materials {
  background: radial-gradient(circle at 40% 40%, rgba(255,255,255,.2), transparent 40%), linear-gradient(135deg, #212121, #444);
}

.oxx-page-knowledge-base .thumb--materials::before,
.oxx-page-knowledge-base .thumb--materials::after {
  border-radius: 50%;
  border: 16px solid #111;
}

.oxx-page-knowledge-base .thumb--materials::before {
  width: 88px;
  height: 88px;
  left: 24px;
  top: 42px;
  border-color: #111;
}

.oxx-page-knowledge-base .thumb--materials::after {
  width: 88px;
  height: 88px;
  left: 94px;
  top: 54px;
  border-color: #4b3625;
}

.oxx-page-knowledge-base .thumb--leak {
  background: linear-gradient(135deg, #636363, #232323);
}

.oxx-page-knowledge-base .thumb--leak::before {
  left: 40px;
  top: 76px;
  width: 160px;
  height: 28px;
  border-radius: 14px;
  background: #c3c3c3;
}

.oxx-page-knowledge-base .thumb--leak::after {
  right: 34px;
  top: 62px;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  border: 10px solid #ff6b00;
}

.oxx-page-knowledge-base .thumb--install {
  background: linear-gradient(135deg, #efefef, #d8d8d8);
}

.oxx-page-knowledge-base .thumb--install::before {
  left: 32px;
  top: 56px;
  width: 120px;
  height: 56px;
  border-radius: 999px;
  background: #d7d7d7;
  box-shadow: inset 0 0 0 12px #171717;
}

.oxx-page-knowledge-base .thumb--install::after {
  right: 28px;
  top: 52px;
  width: 92px;
  height: 68px;
  border-radius: 14px;
  background: #f7f7f7;
  box-shadow: inset 0 0 0 2px #d4d4d4;
}

.oxx-page-knowledge-base .thumb--chem {
  background: linear-gradient(135deg, #f7f7f7, #e7e7e7);
}

.oxx-page-knowledge-base .thumb--chem::before {
  left: 42px;
  bottom: 28px;
  width: 66px;
  height: 84px;
  border-radius: 20px 20px 10px 10px;
  background: linear-gradient(180deg, #ffffff 0%, #f2f2f2 58%, rgba(255,107,0,.4) 58%, rgba(255,107,0,.4) 100%);
  box-shadow: inset 0 0 0 2px #d2d2d2;
}

.oxx-page-knowledge-base .thumb--chem::after {
  right: 52px;
  bottom: 28px;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  border: 14px solid #111;
}

.oxx-page-knowledge-base .oxx-v2-label {
  margin: 18px 20px 0;
  color: #7d7d7d;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.11em;
  text-transform: uppercase;
}

.oxx-page-knowledge-base .oxx-v2-kb-article h3 {
  margin: 10px 20px 8px;
  font-size: 24px;
  line-height: 1.14;
  letter-spacing: -0.03em;
}

.oxx-page-knowledge-base .oxx-v2-kb-article p {
  margin: 0 20px;
}

.oxx-page-knowledge-base .oxx-v2-meta {
  margin: auto 20px 20px;
  padding-top: 14px;
  color: #8a8a8a;
  font-size: 13px;
  font-weight: 600;
}

.oxx-page-knowledge-base .oxx-v2-sidebar-card,
.oxx-page-knowledge-base .oxx-v2-sidebar-cta {
  background: #fff;
  border: 1px solid #ebebeb;
  border-radius: 22px;
  padding: 24px;
  box-shadow: var(--oxx-v2-shadow-card);
}

.oxx-page-knowledge-base .oxx-v2-sidebar-card + .oxx-v2-sidebar-cta {
  margin-top: 16px;
}

.oxx-page-knowledge-base .oxx-v2-sidebar-card h3,
.oxx-page-knowledge-base .oxx-v2-sidebar-cta h3 {
  margin: 0 0 14px;
  font-size: 28px;
  line-height: 1.08;
  letter-spacing: -0.04em;
}

.oxx-page-knowledge-base .oxx-v2-resource-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.oxx-page-knowledge-base .oxx-v2-resource-list li {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 12px 0;
  border-top: 1px solid #ededed;
}

.oxx-page-knowledge-base .oxx-v2-resource-list li:first-child {
  border-top: 0;
  padding-top: 0;
}

.oxx-page-knowledge-base .oxx-v2-resource-list a {
  text-decoration: none;
  font-weight: 700;
}

.oxx-page-knowledge-base .oxx-v2-resource-list span {
  font-size: 12px;
  color: #8a8a8a;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.oxx-page-knowledge-base .oxx-v2-sidebar-cta p {
  margin: 0 0 18px;
  color: #5a5a5a;
  line-height: 1.72;
}

.oxx-v2-trust-strip {
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 16px;
  border: 1px solid #ececec;
  border-radius: 24px;
  padding: 20px;
  background: #fff;
  box-shadow: var(--oxx-v2-shadow-card);
}

.oxx-v2-trust-item {
  border-radius: 18px;
  background: #fafafa;
  border: 1px solid #ededed;
  padding: 18px;
}

/* Material guide */
.oxx-page-material-guide .oxx-v2-material-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(360px, 0.92fr);
  gap: 22px;
  border-radius: 30px;
  overflow: hidden;
  background: linear-gradient(135deg, #0f0f0f 0%, #1a1a1a 55%, #252525 100%);
  color: #fff;
  box-shadow: 0 18px 44px rgba(0,0,0,0.18);
}

.oxx-page-material-guide .oxx-v2-material-hero .oxx-page-subtitle {
  max-width: 680px;
}

.oxx-page-material-guide .oxx-v2-material-hero .oxx-v2-hero-copy {
  padding: 42px 36px;
}

.oxx-page-material-guide .oxx-v2-material-hero__art {
  position: relative;
  min-height: 320px;
  overflow: hidden;
}

.oxx-page-material-guide .oxx-v2-ring-stack {
  position: absolute;
  border-radius: 50%;
  box-shadow: inset -12px -10px 22px rgba(255,255,255,.05), 0 26px 36px rgba(0,0,0,0.3);
  border-style: solid;
  border-color: #101010;
}

.oxx-page-material-guide .oxx-v2-ring-stack.ring-a {
  width: 230px;
  height: 230px;
  border-width: 32px;
  top: 56px;
  right: 148px;
}

.oxx-page-material-guide .oxx-v2-ring-stack.ring-b {
  width: 170px;
  height: 170px;
  border-width: 28px;
  top: 116px;
  right: 42px;
}

.oxx-page-material-guide .oxx-v2-ring-stack.ring-c {
  width: 140px;
  height: 140px;
  border-width: 22px;
  top: 92px;
  right: 250px;
}

.oxx-page-material-guide .oxx-v2-feature-row {
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 14px;
}

.oxx-page-material-guide .oxx-v2-feature-pill {
  border: 1px solid #ececec;
  border-radius: 18px;
  padding: 16px 18px;
  background: #fff;
  box-shadow: var(--oxx-v2-shadow-card);
}

.oxx-page-material-guide .oxx-v2-material-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 18px;
}

.oxx-page-material-guide .oxx-v2-material-card {
  background: #fff;
  border: 1px solid #eaeaea;
  border-radius: 24px;
  padding: 24px;
  box-shadow: var(--oxx-v2-shadow-card);
  position: relative;
}

.oxx-page-material-guide .oxx-v2-material-card.card--nbr { box-shadow: inset 0 3px 0 #1b1b1b, var(--oxx-v2-shadow-card); }
.oxx-page-material-guide .oxx-v2-material-card.card--epdm { box-shadow: inset 0 3px 0 #4ea34a, var(--oxx-v2-shadow-card); }
.oxx-page-material-guide .oxx-v2-material-card.card--fkm { box-shadow: inset 0 3px 0 #ff6b00, var(--oxx-v2-shadow-card); }
.oxx-page-material-guide .oxx-v2-material-card.card--silicone { box-shadow: inset 0 3px 0 #d54d43, var(--oxx-v2-shadow-card); }

.oxx-page-material-guide .oxx-v2-material-card__head h3 {
  margin: 0;
  font-size: 30px;
  letter-spacing: -0.04em;
  line-height: 1;
}

.oxx-page-material-guide .oxx-v2-material-card__head span {
  display: block;
  margin-top: 6px;
  color: #7a7a7a;
  font-size: 14px;
}

.oxx-page-material-guide .oxx-v2-colored-ring {
  width: 170px;
  height: 170px;
  border-radius: 50%;
  margin: 18px auto;
  position: relative;
}

.oxx-page-material-guide .oxx-v2-colored-ring::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: 50%;
  box-shadow: inset -14px -10px 24px rgba(255,255,255,.18), 0 20px 26px rgba(0,0,0,.08);
}

.oxx-page-material-guide .oxx-v2-colored-ring.ring--black { box-shadow: inset 0 0 0 28px #171717; }
.oxx-page-material-guide .oxx-v2-colored-ring.ring--green { box-shadow: inset 0 0 0 28px #2b8b3a; }
.oxx-page-material-guide .oxx-v2-colored-ring.ring--brown { box-shadow: inset 0 0 0 28px #68422f; }
.oxx-page-material-guide .oxx-v2-colored-ring.ring--red { box-shadow: inset 0 0 0 28px #c84c37; }

.oxx-page-material-guide .oxx-v2-material-card p {
  margin: 0;
  color: #575757;
  line-height: 1.75;
}

.oxx-page-material-guide .oxx-card-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 16px;
}

.oxx-page-material-guide .oxx-card-tag {
  border-radius: 999px;
  padding: 8px 12px;
  border: 1px solid #ececec;
  background: #fafafa;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.03em;
}

.oxx-page-material-guide .oxx-v2-material-layout {
  display: grid;
  grid-template-columns: minmax(0,1fr) 340px;
  gap: 22px;
  align-items: start;
}

.oxx-page-material-guide .oxx-v2-material-tablewrap,
.oxx-page-material-guide .oxx-v2-quote-side {
  background: #fff;
  border: 1px solid #eaeaea;
  border-radius: 24px;
  padding: 24px;
  box-shadow: var(--oxx-v2-shadow-card);
}

.oxx-page-material-guide .oxx-v2-compare-table td,
.oxx-page-material-guide .oxx-v2-compare-table th {
  vertical-align: middle;
}

.oxx-page-material-guide .oxx-v2-compare-table td:first-child,
.oxx-page-material-guide .oxx-v2-compare-table th:first-child {
  min-width: 190px;
}

.oxx-page-material-guide .oxx-rating {
  display: inline-flex;
  gap: 5px;
}

.oxx-page-material-guide .oxx-rating span {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #e3e3e3;
}

.oxx-page-material-guide .oxx-rating[data-fill="1"] span:nth-child(-n+1),
.oxx-page-material-guide .oxx-rating[data-fill="2"] span:nth-child(-n+2),
.oxx-page-material-guide .oxx-rating[data-fill="3"] span:nth-child(-n+3),
.oxx-page-material-guide .oxx-rating[data-fill="4"] span:nth-child(-n+4),
.oxx-page-material-guide .oxx-rating[data-fill="5"] span:nth-child(-n+5) {
  background: var(--oxx-accent);
}

.oxx-page-material-guide .oxx-v2-quote-side__icon {
  width: 56px;
  height: 56px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 16px;
  background: rgba(255,107,0,.08);
  color: var(--oxx-accent);
}

.oxx-page-material-guide .oxx-v2-quote-side__icon svg {
  width: 24px;
  height: 24px;
}

.oxx-page-material-guide .oxx-v2-quote-side h3 {
  margin: 18px 0 12px;
  font-size: 34px;
  line-height: 1.02;
  letter-spacing: -0.05em;
}

.oxx-page-material-guide .oxx-v2-quote-side p {
  margin: 0;
  color: #5d5d5d;
  line-height: 1.75;
}

.oxx-page-material-guide .oxx-v2-quote-side ul {
  margin: 18px 0 22px;
  padding-left: 18px;
  color: #343434;
  line-height: 1.75;
}

/* Responsive */
@media (max-width: 1199px) {
  .oxx-page-size-guide .oxx-v2-step-grid,
  .oxx-page-material-guide .oxx-v2-material-grid,
  .oxx-page-knowledge-base .oxx-v2-kb-cats,
  .oxx-v2-trust-strip,
  .oxx-page-material-guide .oxx-v2-feature-row {
    grid-template-columns: repeat(2, minmax(0,1fr));
  }

  .oxx-page-knowledge-base .oxx-v2-kb-article-grid {
    grid-template-columns: repeat(2, minmax(0,1fr));
  }
}

@media (max-width: 989px) {
  .oxx-v2-page .oxx-page-container {
    padding-left: 16px;
    padding-right: 16px;
  }

  .oxx-page-size-guide .oxx-v2-size-hero,
  .oxx-page-material-guide .oxx-v2-material-hero,
  .oxx-page-knowledge-base .oxx-v2-kb-hero,
  .oxx-page-material-guide .oxx-v2-material-layout,
  .oxx-page-knowledge-base .oxx-v2-kb-layout {
    grid-template-columns: 1fr;
  }

  .oxx-page-size-guide .oxx-v2-term-grid,
  .oxx-page-size-guide .oxx-v2-step-grid,
  .oxx-page-material-guide .oxx-v2-material-grid,
  .oxx-page-knowledge-base .oxx-v2-kb-cats,
  .oxx-page-knowledge-base .oxx-v2-kb-article-grid,
  .oxx-v2-trust-strip,
  .oxx-page-material-guide .oxx-v2-feature-row {
    grid-template-columns: 1fr;
  }

  .oxx-v2-dark-band,
  .oxx-v2-dark-band__copy,
  .oxx-v2-note-row {
    flex-direction: column;
    align-items: flex-start;
  }

  .oxx-page-size-guide .oxx-v2-diagram {
    min-height: 320px;
  }

  .oxx-page-material-guide .oxx-v2-material-hero__art,
  .oxx-page-knowledge-base .oxx-v2-kb-hero__art {
    min-height: 220px;
  }
}

@media (max-width: 749px) {
  .oxx-v2-page .oxx-page-title {
    font-size: clamp(34px, 10vw, 52px);
  }

  .oxx-v2-page .oxx-page-subtitle {
    font-size: 16px;
    line-height: 1.7;
  }

  .oxx-page-size-guide .oxx-v2-hero-copy,
  .oxx-page-material-guide .oxx-v2-material-hero .oxx-v2-hero-copy,
  .oxx-page-knowledge-base .oxx-v2-kb-hero__copy,
  .oxx-page-size-guide .oxx-v2-step-card,
  .oxx-page-size-guide .oxx-v2-term-card,
  .oxx-page-material-guide .oxx-v2-material-card,
  .oxx-page-material-guide .oxx-v2-material-tablewrap,
  .oxx-page-material-guide .oxx-v2-quote-side,
  .oxx-page-knowledge-base .oxx-v2-kb-cat,
  .oxx-page-knowledge-base .oxx-v2-sidebar-card,
  .oxx-page-knowledge-base .oxx-v2-sidebar-cta,
  .oxx-v2-trust-strip {
    padding: 18px;
  }

  .oxx-page-size-guide .oxx-v2-step-top h3,
  .oxx-page-knowledge-base .oxx-v2-kb-article h3,
  .oxx-page-material-guide .oxx-v2-material-card__head h3,
  .oxx-page-material-guide .oxx-v2-quote-side h3 {
    font-size: 24px;
  }

  .oxx-page-size-guide .oxx-v2-diagram {
    min-height: 250px;
  }

  .oxx-page-knowledge-base .oxx-v2-thumb {
    height: 150px;
  }

  .oxx-page-material-guide .oxx-v2-colored-ring {
    width: 140px;
    height: 140px;
  }
}


/* v3 refinement pass */
.oxx-v2-page .oxx-page-subtitle,
.oxx-v2-page .oxx-section-copy,
.oxx-page-knowledge-base .oxx-v2-kb-cat p,
.oxx-page-knowledge-base .oxx-v2-kb-article p,
.oxx-page-material-guide .oxx-v2-quote-side p,
.oxx-page-material-guide .oxx-v2-feature-pill span,
.oxx-page-size-guide .oxx-v2-inline-def,
.oxx-page-size-guide .oxx-v2-term-card p,
.oxx-page-size-guide .oxx-v2-step-card p,
.oxx-v2-trust-item span { color:#2f2f2f; }

.oxx-v2-page .oxx-v2-on-light { color:#2f2f2f; }
.oxx-v2-page .oxx-section-title,
.oxx-page-wrap .oxx-page-title,
.oxx-page-knowledge-base .oxx-v2-kb-cat h3,
.oxx-page-material-guide .oxx-v2-material-card__head h3,
.oxx-page-size-guide .oxx-v2-step-top h3,
.oxx-page-material-guide .oxx-v2-quote-side h3,
.oxx-page-knowledge-base .oxx-v2-sidebar-card h3 { color:#101010; }

.oxx-v3-inline-defs {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;}
.oxx-page-size-guide .oxx-v2-inline-def {justify-content:flex-start;padding:12px 16px;min-height:58px;background:#fff;box-shadow:0 8px 18px rgba(17,17,17,.04);white-space:nowrap;}
.oxx-page-size-guide .oxx-v2-inline-def strong{font-size:14px;color:#101010;}

.oxx-v3-feature-row .oxx-v2-feature-pill{display:flex;align-items:flex-start;gap:12px;background:#fff;border:1px solid #ececec;border-radius:18px;padding:16px 18px;box-shadow:var(--oxx-v2-shadow-card);}
.oxx-v3-mini-icon{width:30px;height:30px;border-radius:999px;background:rgba(255,107,0,.1);display:inline-flex;align-items:center;justify-content:center;color:var(--oxx-accent);font-weight:900;flex:0 0 auto;}

.oxx-page-wrap .oxx-card-tag{gap:8px;padding:8px 11px;white-space:nowrap;font-size:11.5px;color:#1f1f1f;}
.oxx-page-wrap .oxx-card-tag svg{width:14px;height:14px;stroke:currentColor;flex:0 0 auto;}
.oxx-card-tags{gap:8px;}

.oxx-v3-compare-wrap{overflow:auto hidden;}
.oxx-v3-compare-table{table-layout:fixed;min-width:980px;}
.oxx-v3-compare-table th,.oxx-v3-compare-table td{padding:14px 12px;border-color:#d9d9d9;font-size:13px;color:#1e1e1e;}
.oxx-v3-compare-table th{font-size:13px;font-weight:800;background:#f7f7f7;}
.oxx-v3-compare-table td:first-child,.oxx-v3-compare-table th:first-child{width:220px;font-weight:700;}
.oxx-v3-cell-stack{display:flex;flex-direction:column;gap:8px;align-items:flex-start;}
.oxx-v3-cell-stack small{font-size:11px;line-height:1.45;color:#555;font-weight:600;}
.oxx-v3-score{display:inline-flex;gap:5px;}
.oxx-v3-score::before,.oxx-v3-score::after{content:none;}
.oxx-v3-score span{display:none;}
.oxx-v3-score i{font-style:normal;}
.oxx-v3-score[data-fill] {--fill:0;}
.oxx-v3-score[data-fill="1"]{--fill:1}.oxx-v3-score[data-fill="2"]{--fill:2}.oxx-v3-score[data-fill="3"]{--fill:3}.oxx-v3-score[data-fill="4"]{--fill:4}.oxx-v3-score[data-fill="5"]{--fill:5}
.oxx-v3-score{position:relative;min-height:10px;}
.oxx-v3-score::before{content:'';display:block;width:74px;height:10px;background:radial-gradient(circle at 5px 5px,#d8d8d8 0 4px,transparent 4.4px) 0 0/15px 10px repeat-x;}
.oxx-v3-score::after{content:'';position:absolute;inset:0 auto 0 0;height:10px;width:calc(var(--fill) * 15px - 5px);background:radial-gradient(circle at 5px 5px,var(--score-color,#ff6b00) 0 4px,transparent 4.4px) 0 0/15px 10px repeat-x;}
.oxx-v3-score--black{--score-color:#111}.oxx-v3-score--green{--score-color:#5caa47}.oxx-v3-score--orange{--score-color:#ff7a00}.oxx-v3-score--red{--score-color:#e2472f}
.oxx-v3-legend{display:flex;flex-wrap:wrap;gap:18px;margin-top:14px;color:#555;font-size:12px;font-weight:600;}
.oxx-v3-legend span{display:inline-flex;align-items:center;gap:8px;}
.oxx-v3-dot{width:10px;height:10px;border-radius:999px;display:inline-block;background:#d8d8d8;}
.oxx-v3-dot--empty{background:#d8d8d8}.oxx-v3-dot--soft{background:#b8b8b8}.oxx-v3-dot--green{background:#5caa47}.oxx-v3-dot--orange{background:#ff7a00}.oxx-v3-dot--red{background:#e2472f}

.oxx-link--arrow::after{content:'→';margin-left:6px;display:inline-block;}
.oxx-page-knowledge-base .oxx-v2-kb-cat{padding:22px 20px 20px;}
.oxx-page-knowledge-base .oxx-v2-kb-cat .oxx-link{margin-top:14px;display:inline-flex;align-items:center;color:var(--oxx-accent);font-weight:700;}
.oxx-page-knowledge-base .oxx-v2-kb-article{display:flex;flex-direction:column;}
.oxx-page-knowledge-base .oxx-v2-kb-article h3{color:#101010;}
.oxx-page-knowledge-base .oxx-v2-meta{margin-top:auto;padding-top:14px;display:flex;align-items:center;justify-content:space-between;color:#555;font-size:12px;font-weight:700;}
.oxx-page-knowledge-base .oxx-v2-meta svg{width:17px;height:17px;stroke:var(--oxx-accent);}
.oxx-page-knowledge-base .oxx-v2-resource-list li{gap:8px;}
.oxx-page-knowledge-base .oxx-v2-resource-list a{display:flex;align-items:center;gap:10px;color:#111;}
.oxx-page-knowledge-base .oxx-v2-resource-list a svg{width:18px;height:18px;flex:0 0 auto;color:var(--oxx-accent);}
.oxx-page-knowledge-base .oxx-v2-resource-list li em{font-style:normal;font-size:11px;line-height:1.3;color:#777;text-transform:uppercase;letter-spacing:.08em;margin-left:28px;}

.oxx-page-material-guide .oxx-v2-material-card p,
.oxx-page-knowledge-base .oxx-v2-kb-article p,
.oxx-page-knowledge-base .oxx-v2-kb-cat p{font-size:15px;line-height:1.72;}

@media (max-width: 1199px){
  .oxx-v3-inline-defs{grid-template-columns:1fr 1fr;}
}
@media (max-width: 749px){
  .oxx-v3-inline-defs{grid-template-columns:1fr;}
  .oxx-page-wrap .oxx-card-tag{white-space:normal;}
  .oxx-v3-legend{gap:12px;}
}


/* v4 typography + layout refinement */
.oxx-v2-page,
.oxx-v2-page * {
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
.oxx-page-wrap {
  --oxx-text: #111111;
  --oxx-muted: #444444;
  --oxx-line: #e0e0e0;
}
.oxx-page-wrap .page-width,
.oxx-page-wrap .container,
.oxx-page-wrap .oxx-page-container {
  max-width: 1440px;
}
.oxx-page-wrap .oxx-page-container {
  padding: 0 34px;
}
.oxx-v2-page .oxx-page-breadcrumb {
  font-size: 15px;
  margin: 28px 0 18px;
}
.oxx-v2-page .oxx-page-kicker {
  font-size: 13px;
  letter-spacing: .12em;
  margin-bottom: 18px;
}
.oxx-v2-page .oxx-page-title {
  font-size: clamp(44px, 5vw, 74px);
  line-height: .98;
  letter-spacing: -.045em;
}
.oxx-v2-page .oxx-page-subtitle,
.oxx-v2-page .oxx-section-copy,
.oxx-v2-page .oxx-page-wrap p,
.oxx-v2-page p {
  font-size: 17px;
  line-height: 1.82;
}
.oxx-v2-page .oxx-page-subtitle {
  max-width: 760px;
  margin-top: 20px;
}
.oxx-v2-page .oxx-page-subtitle strong,
.oxx-v2-page .oxx-section-copy strong,
.oxx-v2-page p strong { color:#111; }
.oxx-v2-page .oxx-v2-on-light,
.oxx-v2-page .oxx-section-copy,
.oxx-v2-page .oxx-v2-kb-cat p,
.oxx-v2-page .oxx-v2-kb-article p,
.oxx-v2-page .oxx-v2-term-card p,
.oxx-v2-page .oxx-v2-step-card p,
.oxx-v2-page .oxx-v2-note-row span,
.oxx-v2-page .oxx-v2-feature-pill span,
.oxx-v2-page .oxx-v2-trust-item span,
.oxx-v2-page .oxx-v2-sidebar-cta p,
.oxx-v2-page .oxx-v2-quote-side p,
.oxx-v2-page .oxx-v2-formula-sub,
.oxx-v2-page .oxx-v2-kb-searchbar input {
  color: #343434;
}
.oxx-v2-page .oxx-section-title {
  font-size: clamp(30px, 3.2vw, 46px);
  line-height: 1.06;
  letter-spacing: -.04em;
  margin-bottom: 14px;
}
.oxx-v2-page .oxx-btn {
  min-height: 54px;
  padding: 0 24px;
  font-size: 15px;
  font-weight: 800;
  letter-spacing: .01em;
}
.oxx-v2-page .oxx-page-section { padding-top: 56px; }
.oxx-v2-page .oxx-v2-size-hero,
.oxx-v2-page .oxx-v2-material-hero,
.oxx-v2-page .oxx-v2-kb-hero {
  gap: 32px;
}
.oxx-page-size-guide .oxx-v2-hero-copy,
.oxx-page-material-guide .oxx-v2-material-hero .oxx-v2-hero-copy,
.oxx-page-knowledge-base .oxx-v2-kb-hero__copy {
  padding: 52px 46px;
}
.oxx-page-size-guide .oxx-v2-diagram,
.oxx-page-size-guide .oxx-v2-diagram-panel { min-height: 470px; }
.oxx-page-size-guide .oxx-v2-inline-defs {
  gap: 14px;
  margin-top: 28px;
}
.oxx-page-size-guide .oxx-v2-inline-def {
  min-height: 62px;
  padding: 12px 18px;
  font-size: 14px;
  color: #2b2b2b;
}
.oxx-page-size-guide .oxx-v2-inline-def strong { font-size: 15px; }
.oxx-page-size-guide .oxx-v2-term-grid,
.oxx-page-size-guide .oxx-v2-step-grid,
.oxx-page-material-guide .oxx-v2-material-grid,
.oxx-page-knowledge-base .oxx-v2-kb-cats,
.oxx-page-knowledge-base .oxx-v2-kb-article-grid {
  gap: 20px;
}
.oxx-page-size-guide .oxx-v2-term-card,
.oxx-page-size-guide .oxx-v2-step-card,
.oxx-page-material-guide .oxx-v2-material-card,
.oxx-page-material-guide .oxx-v2-material-tablewrap,
.oxx-page-material-guide .oxx-v2-quote-side,
.oxx-page-knowledge-base .oxx-v2-kb-cat,
.oxx-page-knowledge-base .oxx-v2-kb-article,
.oxx-page-knowledge-base .oxx-v2-sidebar-card,
.oxx-page-knowledge-base .oxx-v2-sidebar-cta,
.oxx-v2-trust-strip {
  border-radius: 24px;
}
.oxx-page-size-guide .oxx-v2-term-card,
.oxx-page-size-guide .oxx-v2-step-card,
.oxx-page-material-guide .oxx-v2-material-card,
.oxx-page-material-guide .oxx-v2-material-tablewrap,
.oxx-page-material-guide .oxx-v2-quote-side,
.oxx-page-knowledge-base .oxx-v2-kb-cat,
.oxx-page-knowledge-base .oxx-v2-kb-article,
.oxx-page-knowledge-base .oxx-v2-sidebar-card,
.oxx-page-knowledge-base .oxx-v2-sidebar-cta {
  padding: 28px;
}
.oxx-page-size-guide .oxx-v2-term-card h3,
.oxx-page-size-guide .oxx-v2-step-top h3,
.oxx-page-knowledge-base .oxx-v2-kb-cat h3,
.oxx-page-knowledge-base .oxx-v2-kb-article h3,
.oxx-page-material-guide .oxx-v2-material-card__head h3,
.oxx-page-material-guide .oxx-v2-quote-side h3,
.oxx-page-knowledge-base .oxx-v2-sidebar-card h3,
.oxx-page-knowledge-base .oxx-v2-sidebar-cta h3 {
  font-size: clamp(24px, 2.2vw, 34px);
  line-height: 1.08;
  letter-spacing: -.04em;
}
.oxx-page-size-guide .oxx-v2-step-top { gap: 16px; }
.oxx-page-size-guide .oxx-v2-step-visual { min-height: 240px; }
.oxx-v2-dark-band { padding: 28px 32px; }
.oxx-v2-dark-band h3 { font-size: 34px; }
.oxx-v2-note-row { padding: 22px 24px; }
.oxx-v2-note-row strong,
.oxx-v2-trust-item strong,
.oxx-v2-feature-pill strong { font-size: 17px; }
.oxx-v2-note-row span,
.oxx-v2-trust-item span,
.oxx-v2-feature-pill span { font-size: 15px; }
.oxx-v2-faq-wrap .oxx-accordion-trigger {
  padding: 24px 28px;
  font-size: 19px;
}
.oxx-v2-faq-wrap .oxx-accordion-content {
  padding: 0 28px 24px;
  font-size: 16px;
}

/* Material guide */
.oxx-page-material-guide .oxx-v2-feature-row { gap: 18px; }
.oxx-page-material-guide .oxx-v2-feature-pill { padding: 18px 20px; }
.oxx-page-material-guide .oxx-v2-material-card__head span {
  font-size: 16px;
  color: #555;
}
.oxx-page-wrap .oxx-card-tags { gap: 10px; }
.oxx-page-wrap .oxx-card-tag {
  padding: 9px 13px;
  font-size: 13px;
  font-weight: 700;
  color: #1f1f1f;
}
.oxx-page-wrap .oxx-card-tag svg { width: 15px; height: 15px; }
.oxx-page-material-guide .oxx-v2-colored-ring {
  width: 190px;
  height: 190px;
  margin: 0 auto 22px;
}
.oxx-page-material-guide .oxx-v2-colored-ring::after { inset: 42px; }
.oxx-page-material-guide .oxx-v2-material-card p,
.oxx-page-knowledge-base .oxx-v2-kb-article p,
.oxx-page-knowledge-base .oxx-v2-kb-cat p {
  font-size: 16px;
  line-height: 1.76;
}
.oxx-page-material-guide .oxx-v2-material-layout {
  grid-template-columns: minmax(0,1fr) 360px;
  gap: 24px;
}
.oxx-page-material-guide .oxx-v3-compare-table { min-width: 1040px; }
.oxx-page-material-guide .oxx-v3-compare-table th,
.oxx-page-material-guide .oxx-v3-compare-table td {
  padding: 15px 14px;
  font-size: 14px;
}
.oxx-page-material-guide .oxx-v3-compare-table td:first-child,
.oxx-page-material-guide .oxx-v3-compare-table th:first-child {
  width: 240px;
}
.oxx-page-material-guide .oxx-v3-cell-stack small {
  font-size: 12px;
  line-height: 1.5;
  color: #4f4f4f;
}
.oxx-page-material-guide .oxx-v3-legend {
  gap: 20px;
  font-size: 13px;
}
.oxx-page-material-guide .oxx-v2-quote-side ul { font-size: 16px; }

/* Knowledge base */
.oxx-page-knowledge-base .oxx-v2-kb-hero__art { min-height: 360px; }
.oxx-page-knowledge-base .oxx-v2-kb-searchbar {
  margin-top: 30px;
  max-width: 820px;
  padding: 16px 18px;
}
.oxx-page-knowledge-base .oxx-v2-kb-searchbar input {
  font-size: 17px;
}
.oxx-page-knowledge-base .oxx-v2-kb-layout {
  grid-template-columns: minmax(0,1fr) 350px;
  gap: 24px;
}
.oxx-page-knowledge-base .oxx-v2-kb-article-grid {
  grid-template-columns: repeat(4, minmax(0,1fr));
}
.oxx-page-knowledge-base .oxx-v2-kb-cat {
  padding: 26px 22px 22px;
}
.oxx-page-knowledge-base .oxx-v2-kb-cat__icon {
  width: 56px;
  height: 56px;
}
.oxx-page-knowledge-base .oxx-v2-kb-cat .oxx-link {
  margin-top: 16px;
  display: inline-flex;
  align-items: center;
  color: var(--oxx-accent);
  font-size: 15px;
  font-weight: 800;
}
.oxx-page-knowledge-base .oxx-v2-thumb { height: 188px; }
.oxx-page-knowledge-base .oxx-v2-label {
  margin: 20px 22px 0;
  font-size: 12px;
  color: #767676;
}
.oxx-page-knowledge-base .oxx-v2-kb-article h3 {
  margin: 12px 22px 10px;
}
.oxx-page-knowledge-base .oxx-v2-kb-article p { margin: 0 22px; }
.oxx-page-knowledge-base .oxx-v2-meta {
  margin: auto 22px 22px;
  font-size: 13px;
}
.oxx-page-knowledge-base .oxx-v2-sidebar-card h3,
.oxx-page-knowledge-base .oxx-v2-sidebar-cta h3 {
  font-size: 32px;
}
.oxx-page-knowledge-base .oxx-v2-resource-list li {
  gap: 8px;
  padding: 14px 0;
}
.oxx-page-knowledge-base .oxx-v2-resource-list a {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #111;
  text-decoration: none;
}
.oxx-page-knowledge-base .oxx-v2-resource-list a span {
  font-size: 16px;
  font-weight: 700;
  color: #111;
  text-transform: none;
  letter-spacing: normal;
}
.oxx-page-knowledge-base .oxx-v2-resource-list li em {
  font-style: normal;
  font-size: 11px;
  line-height: 1.3;
  color: #777;
  text-transform: uppercase;
  letter-spacing: .08em;
  margin-left: 29px;
}
.oxx-page-knowledge-base .oxx-v2-sidebar-cta p { font-size: 16px; }
.oxx-v2-trust-strip {
  gap: 18px;
  padding: 24px;
}
.oxx-v2-trust-item {
  padding: 22px 20px;
}

/* Mobile safety */
@media (max-width: 1199px) {
  .oxx-page-wrap .page-width,
  .oxx-page-wrap .container,
  .oxx-page-wrap .oxx-page-container { max-width: 1280px; }
  .oxx-page-knowledge-base .oxx-v2-kb-article-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 989px) {
  .oxx-page-wrap .oxx-page-container { padding: 0 18px; }
  .oxx-v2-page .oxx-page-title { font-size: clamp(38px, 8vw, 58px); }
  .oxx-page-size-guide .oxx-v2-diagram,
  .oxx-page-size-guide .oxx-v2-diagram-panel { min-height: 360px; }
  .oxx-page-material-guide .oxx-v2-material-layout,
  .oxx-page-knowledge-base .oxx-v2-kb-layout { grid-template-columns: 1fr; }
  .oxx-page-knowledge-base .oxx-v2-kb-article-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 749px) {
  .oxx-v2-page .oxx-page-title { font-size: clamp(34px, 10vw, 50px); }
  .oxx-v2-page .oxx-page-subtitle,
  .oxx-v2-page .oxx-section-copy,
  .oxx-v2-page p { font-size: 16px; line-height: 1.72; }
  .oxx-v2-page .oxx-btn { width: 100%; }
  .oxx-page-size-guide .oxx-v2-inline-defs { grid-template-columns: 1fr; }
  .oxx-page-knowledge-base .oxx-v2-kb-article-grid { grid-template-columns: 1fr; }
  .oxx-page-knowledge-base .oxx-v2-kb-searchbar { max-width: 100%; }
  .oxx-page-material-guide .oxx-v2-feature-row,
  .oxx-v2-trust-strip { grid-template-columns: 1fr; }
}


/* v5 micro-refinement: wider layout, darker type, larger desktop rhythm */
.oxx-page-wrap .page-width,
.oxx-page-wrap .container,
.oxx-page-wrap .oxx-page-container { max-width: 1560px; }
.oxx-page-wrap .oxx-page-container { padding: 0 28px; }

.oxx-v2-page .oxx-page-title {
  font-size: clamp(48px, 5.4vw, 82px);
  line-height: .96;
  color: #0a0a0a;
}
.oxx-v2-page .oxx-page-subtitle,
.oxx-v2-page .oxx-section-copy,
.oxx-v2-page p {
  font-size: 18px;
  line-height: 1.78;
  color: #242424;
}
.oxx-v2-page .oxx-section-title {
  font-size: clamp(32px, 3.1vw, 48px);
  margin-bottom: 16px;
}
.oxx-v2-page .oxx-btn {
  min-height: 56px;
  padding: 0 28px;
  font-size: 15px;
}
.oxx-v2-page .oxx-page-section { padding-top: 62px; }

.oxx-page-size-guide .oxx-v2-size-hero {
  grid-template-columns: minmax(0, .84fr) minmax(560px, 1.16fr);
  gap: 28px;
  align-items: stretch;
}
.oxx-page-size-guide .oxx-v2-hero-copy {
  padding: 48px 42px;
}
.oxx-page-size-guide .oxx-v5-inline-defs {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 14px;
  width: 100%;
}
.oxx-page-size-guide .oxx-v2-inline-def {
  width: 100%;
  min-height: 66px;
  padding: 14px 18px;
  border-color: #e3e3e3;
  background: #fff;
  box-shadow: 0 10px 22px rgba(17,17,17,.05);
}
.oxx-page-size-guide .oxx-v2-inline-def span {
  min-width: 40px;
  height: 40px;
  font-size: 13px;
}
.oxx-page-size-guide .oxx-v2-inline-def strong {
  font-size: 16px;
  font-weight: 800;
  color: #101010;
}
.oxx-page-size-guide .oxx-v5-diagram-panel {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  background: #f8f8f8;
}
.oxx-page-size-guide .oxx-v5-diagram-image {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 24px;
  box-shadow: 0 16px 34px rgba(17,17,17,.08);
}
.oxx-page-size-guide .oxx-v2-diagram-panel,
.oxx-page-size-guide .oxx-v5-diagram-panel { min-height: 560px; }
.oxx-page-size-guide .oxx-v2-term-card h3,
.oxx-page-size-guide .oxx-v2-step-top h3 { font-size: clamp(26px, 2vw, 34px); }
.oxx-page-size-guide .oxx-v2-term-card p,
.oxx-page-size-guide .oxx-v2-step-card p { font-size: 16px; line-height: 1.72; color:#2d2d2d; }
.oxx-page-size-guide .oxx-v2-term-grid,
.oxx-page-size-guide .oxx-v2-step-grid { gap: 22px; }
.oxx-page-size-guide .oxx-v2-step-visual { min-height: 250px; }
.oxx-v2-dark-band {
  padding: 30px 34px;
  gap: 28px;
}
.oxx-v2-dark-band h3 { font-size: clamp(28px, 2.4vw, 38px); }
.oxx-v2-faq-wrap .oxx-accordion-trigger { font-size: 20px; color:#111; }
.oxx-v2-faq-wrap .oxx-accordion-content p { color:#2d2d2d; }

.oxx-page-material-guide .oxx-v2-material-hero {
  grid-template-columns: minmax(0, .92fr) minmax(500px, 1.08fr);
  gap: 28px;
}
.oxx-page-material-guide .oxx-v2-material-hero .oxx-v2-hero-copy { padding: 50px 44px; }
.oxx-page-material-guide .oxx-v2-material-hero__art { min-height: 360px; }
.oxx-page-material-guide .oxx-v2-material-card__head h3 { font-size: clamp(28px, 2.2vw, 38px); }
.oxx-page-material-guide .oxx-v2-material-card p,
.oxx-page-material-guide .oxx-v2-feature-pill span,
.oxx-page-material-guide .oxx-v2-quote-side p { font-size: 16px; line-height: 1.7; color:#2d2d2d; }
.oxx-page-material-guide .oxx-v2-material-layout { grid-template-columns: minmax(0,1fr) 360px; gap: 28px; }
.oxx-page-material-guide .oxx-v2-feature-row,
.oxx-page-material-guide .oxx-v2-material-grid { gap: 22px; }
.oxx-page-material-guide .oxx-table { font-size: 14px; }
.oxx-page-material-guide .oxx-v3-compare-table th,
.oxx-page-material-guide .oxx-v3-compare-table td { padding: 14px 16px; color:#161616; }
.oxx-page-material-guide .oxx-v3-cell-stack small { font-size: 12px; color:#4e4e4e; }
.oxx-page-material-guide .oxx-card-tag {
  min-height: 38px;
  padding: 8px 12px;
  font-size: 13px;
  color: #171717;
}

.oxx-page-knowledge-base .oxx-v2-kb-hero {
  grid-template-columns: minmax(0, .94fr) minmax(460px, 1.06fr);
  gap: 28px;
}
.oxx-page-knowledge-base .oxx-v2-kb-hero__copy { padding: 50px 44px; }
.oxx-page-knowledge-base .oxx-v2-kb-hero__art { min-height: 380px; }
.oxx-page-knowledge-base .oxx-v2-kb-searchbar {
  max-width: 820px;
  min-height: 66px;
  padding: 16px 18px;
  border-radius: 18px;
}
.oxx-page-knowledge-base .oxx-v2-kb-searchbar input { font-size: 17px; }
.oxx-page-knowledge-base .oxx-v2-kb-cats { gap: 18px; }
.oxx-page-knowledge-base .oxx-v2-kb-cat h3,
.oxx-page-knowledge-base .oxx-v2-kb-article h3 { font-size: clamp(26px, 2vw, 34px); }
.oxx-page-knowledge-base .oxx-v2-kb-cat p,
.oxx-page-knowledge-base .oxx-v2-kb-article p,
.oxx-page-knowledge-base .oxx-v2-sidebar-card p,
.oxx-page-knowledge-base .oxx-v2-sidebar-cta p { font-size: 16px; line-height: 1.7; color:#2b2b2b; }
.oxx-page-knowledge-base .oxx-v2-kb-layout { grid-template-columns: minmax(0,1fr) 360px; gap: 28px; }
.oxx-page-knowledge-base .oxx-v2-kb-main { min-width: 0; }
.oxx-page-knowledge-base .oxx-v2-kb-article-grid { gap: 18px; }
.oxx-page-knowledge-base .oxx-v2-thumb { height: 196px; }
.oxx-page-knowledge-base .oxx-v2-sidebar-card h3,
.oxx-page-knowledge-base .oxx-v2-sidebar-cta h3 { font-size: 30px; }
.oxx-page-knowledge-base .oxx-v2-resource-list li { padding: 10px 0; }
.oxx-page-knowledge-base .oxx-v2-resource-list a span { font-size: 15px; font-weight: 700; color:#111; }
.oxx-page-knowledge-base .oxx-v2-resource-list li em { font-size: 11px; color:#666; }

@media (max-width: 1199px) {
  .oxx-page-wrap .page-width,
  .oxx-page-wrap .container,
  .oxx-page-wrap .oxx-page-container { max-width: 1360px; }
  .oxx-page-size-guide .oxx-v2-size-hero,
  .oxx-page-material-guide .oxx-v2-material-hero,
  .oxx-page-knowledge-base .oxx-v2-kb-hero { grid-template-columns: 1fr; }
  .oxx-page-size-guide .oxx-v2-diagram-panel,
  .oxx-page-size-guide .oxx-v5-diagram-panel { min-height: 420px; }
}
@media (max-width: 989px) {
  .oxx-page-wrap .oxx-page-container { padding: 0 18px; }
  .oxx-v2-page .oxx-page-title { font-size: clamp(40px, 8vw, 62px); }
  .oxx-v2-page .oxx-page-subtitle,
  .oxx-v2-page .oxx-section-copy,
  .oxx-v2-page p { font-size: 16px; }
  .oxx-page-size-guide .oxx-v5-inline-defs { grid-template-columns: 1fr 1fr; }
  .oxx-page-material-guide .oxx-v2-material-layout,
  .oxx-page-knowledge-base .oxx-v2-kb-layout { grid-template-columns: 1fr; }
}
@media (max-width: 749px) {
  .oxx-v2-page .oxx-page-title { font-size: clamp(34px, 10vw, 50px); }
  .oxx-page-size-guide .oxx-v5-inline-defs { grid-template-columns: 1fr; }
  .oxx-page-size-guide .oxx-v2-diagram-panel,
  .oxx-page-size-guide .oxx-v5-diagram-panel { min-height: 280px; padding: 14px; }
  .oxx-page-knowledge-base .oxx-v2-kb-searchbar { min-height: 58px; }
}


/* v5.1 size guide micro-fix */
.oxx-page-size-guide .oxx-v5-inline-defs {
  align-items: stretch;
}
.oxx-page-size-guide .oxx-v2-inline-def {
  min-width: 0;
  gap: 10px;
  justify-content: flex-start;
}
.oxx-page-size-guide .oxx-v2-inline-def strong {
  display: block;
  min-width: 0;
  font-size: 14px;
  line-height: 1.2;
  letter-spacing: -.01em;
  white-space: nowrap;
}
.oxx-page-size-guide .oxx-v5-diagram-panel {
  padding: 18px;
  background: linear-gradient(180deg, #f8f8f8 0%, #f3f3f3 100%);
}
.oxx-page-size-guide .oxx-v5-diagram-image {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 24px;
  box-shadow: 0 18px 36px rgba(17,17,17,.08);
}
@media (max-width: 989px) {
  .oxx-page-size-guide .oxx-v5-inline-defs {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 749px) {
  .oxx-page-size-guide .oxx-v2-inline-def {
    min-height: 60px;
    padding: 12px 14px;
  }
  .oxx-page-size-guide .oxx-v2-inline-def strong {
    font-size: 13px;
    white-space: normal;
  }
  .oxx-page-size-guide .oxx-v5-inline-defs {
    grid-template-columns: 1fr;
  }
}


/* v5.2 size guide targeted fixes */
.oxx-page-size-guide .oxx-v5-inline-defs {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
.oxx-page-size-guide .oxx-v2-inline-def {
  flex: 1 1 170px;
  width: auto;
  min-width: 170px;
  min-height: 64px;
  padding: 14px 18px;
  border-radius: 999px;
  white-space: normal;
}
.oxx-page-size-guide .oxx-v2-inline-def strong {
  white-space: normal;
  font-size: 14px;
  line-height: 1.25;
}
.oxx-page-size-guide .oxx-v2-size-hero {
  align-items: stretch;
}
.oxx-page-size-guide .oxx-v5-diagram-panel {
  padding: 18px;
  min-height: auto;
  align-items: stretch;
}
.oxx-page-size-guide .oxx-v5-diagram-image {
  width: 100%;
  max-width: none;
  border-radius: 18px;
}
.oxx-page-size-guide .oxx-v2-step-visual {
  min-height: 290px;
  padding: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.oxx-page-size-guide .oxx-v2-step-photo {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  display: block;
  border-radius: 16px;
}
@media (max-width: 1199px) {
  .oxx-page-size-guide .oxx-v5-diagram-panel {
    min-height: auto;
  }
}
@media (max-width: 989px) {
  .oxx-page-size-guide .oxx-v5-inline-defs {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  .oxx-page-size-guide .oxx-v2-inline-def {
    min-width: 0;
    border-radius: 18px;
  }
}
@media (max-width: 749px) {
  .oxx-page-size-guide .oxx-v5-inline-defs {
    grid-template-columns: 1fr;
  }
  .oxx-page-size-guide .oxx-v2-step-visual {
    min-height: 220px;
    padding: 10px;
  }
}


/* v5.3 size guide micro-adjust */
.oxx-page-size-guide .oxx-v5-inline-defs {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  width: 100%;
}
.oxx-page-size-guide .oxx-v2-inline-def {
  min-width: 0;
  width: 100%;
  min-height: 62px;
  padding: 12px 14px;
  border-radius: 999px;
  gap: 8px;
  align-items: center;
}
.oxx-page-size-guide .oxx-v2-inline-def span {
  min-width: 30px;
  width: 30px;
  height: 30px;
  font-size: 11px;
  flex: 0 0 30px;
}
.oxx-page-size-guide .oxx-v2-inline-def strong {
  min-width: 0;
  display: block;
  font-size: 12px;
  line-height: 1.15;
  letter-spacing: -.01em;
  white-space: normal;
}
.oxx-page-size-guide .oxx-v2-step-card:last-child p strong {
  color: #101010;
}
@media (max-width: 989px) {
  .oxx-page-size-guide .oxx-v5-inline-defs {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 749px) {
  .oxx-page-size-guide .oxx-v5-inline-defs {
    grid-template-columns: 1fr;
  }
  .oxx-page-size-guide .oxx-v2-inline-def {
    border-radius: 18px;
    padding: 12px 14px;
  }
  .oxx-page-size-guide .oxx-v2-inline-def strong {
    font-size: 13px;
  }
}


/* v5.3.1 size guide inline-pill layout fix */
.oxx-page-size-guide .oxx-v5-inline-defs {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  width: 100%;
  align-items: stretch;
}
.oxx-page-size-guide .oxx-v5-inline-defs .oxx-v2-inline-def {
  display: inline-flex !important;
  align-items: center;
  flex: 0 0 calc((100% - 24px) / 3);
  max-width: calc((100% - 24px) / 3);
  min-width: 0 !important;
  width: auto !important;
  overflow: hidden;
  box-sizing: border-box;
}
.oxx-page-size-guide .oxx-v5-inline-defs .oxx-v2-inline-def strong {
  display: inline-block !important;
  min-width: 0;
  max-width: 100%;
  white-space: nowrap !important;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 989px) {
  .oxx-page-size-guide .oxx-v5-inline-defs .oxx-v2-inline-def {
    flex-basis: calc((100% - 12px) / 2);
    max-width: calc((100% - 12px) / 2);
  }
}
@media (max-width: 749px) {
  .oxx-page-size-guide .oxx-v5-inline-defs .oxx-v2-inline-def {
    flex-basis: 100%;
    max-width: 100%;
  }
}


/* v6 size guide polish */
.oxx-page-size-guide .oxx-v6-inline-defs {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  width: 100%;
  margin-top: 26px;
}
.oxx-page-size-guide .oxx-v6-inline-defs .oxx-v2-inline-def {
  min-width: 0;
  width: 100%;
  min-height: 62px;
  padding: 14px 18px;
  border-radius: 999px;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  white-space: nowrap;
  overflow: hidden;
  border: 1px solid #e6e6e6;
  background: #fff;
  box-shadow: 0 8px 18px rgba(17,17,17,.04);
}
.oxx-page-size-guide .oxx-v6-inline-defs .oxx-v2-inline-def span {
  min-width: 34px;
  width: 34px;
  height: 34px;
  font-size: 11px;
}
.oxx-page-size-guide .oxx-v6-inline-defs .oxx-v2-inline-def strong {
  font-size: 14px;
  line-height: 1.15;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #111;
}
.oxx-page-size-guide .oxx-v6-action-row {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
}
.oxx-page-size-guide .oxx-btn--with-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.oxx-page-size-guide .oxx-btn__icon {
  width: 16px;
  height: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
}
.oxx-page-size-guide .oxx-btn__icon svg {
  width: 16px;
  height: 16px;
}
.oxx-page-size-guide .oxx-v6-diagram-panel {
  min-height: 0;
  padding: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
  display: flex;
  align-items: center;
  justify-content: center;
}
.oxx-page-size-guide .oxx-v6-diagram-image {
  width: 100%;
  height: auto;
  display: block;
  object-fit: contain;
  max-width: 640px;
  filter: none;
}
.oxx-page-size-guide .oxx-v2-dark-band h3 { color: #fff !important; }
.oxx-page-size-guide .oxx-v2-dark-band p { color: rgba(255,255,255,.86) !important; }
.oxx-page-size-guide .oxx-v2-dark-band .oxx-btn--ghost {
  color: #fff;
  border-color: rgba(255,255,255,.3);
}
.oxx-page-size-guide .oxx-v2-step-card p strong {
  color: #111;
  font-weight: 800;
}
@media (max-width: 989px) {
  .oxx-page-size-guide .oxx-v6-inline-defs {
    grid-template-columns: 1fr 1fr;
  }
  .oxx-page-size-guide .oxx-v6-diagram-image {
    max-width: 100%;
  }
}
@media (max-width: 749px) {
  .oxx-page-size-guide .oxx-v6-inline-defs {
    grid-template-columns: 1fr;
  }
  .oxx-page-size-guide .oxx-v6-action-row {
    width: 100%;
  }
}


/* v6.1 size guide hero emphasis */
.oxx-page-size-guide .oxx-v2-size-hero {
  grid-template-columns: minmax(0, .88fr) minmax(640px, 1.12fr);
  gap: 34px;
  align-items: center;
}
.oxx-page-size-guide .oxx-v2-hero-copy {
  padding: 54px 46px;
}
.oxx-page-size-guide .oxx-page-kicker {
  font-size: 14px;
  letter-spacing: .12em;
  color: #f97316;
}
.oxx-page-size-guide .oxx-page-title {
  font-size: clamp(58px, 5.8vw, 92px);
  line-height: .94;
  color: #050505;
}
.oxx-page-size-guide .oxx-page-subtitle,
.oxx-page-size-guide .oxx-v2-hero-copy p {
  font-size: 20px;
  line-height: 1.74;
  color: #171717;
}
.oxx-page-size-guide .oxx-v6-inline-defs {
  gap: 16px;
  margin-top: 30px;
}
.oxx-page-size-guide .oxx-v6-inline-defs .oxx-v2-inline-def {
  min-height: 66px;
  padding: 16px 20px;
  border-color: #dfdfdf;
  box-shadow: 0 10px 22px rgba(17,17,17,.05);
}
.oxx-page-size-guide .oxx-v6-inline-defs .oxx-v2-inline-def span {
  min-width: 36px;
  width: 36px;
  height: 36px;
  font-size: 12px;
  font-weight: 800;
}
.oxx-page-size-guide .oxx-v6-inline-defs .oxx-v2-inline-def strong {
  font-size: 15px;
  line-height: 1.2;
  color: #0c0c0c;
}
.oxx-page-size-guide .oxx-v6-action-row {
  gap: 16px;
  margin-top: 14px;
}
.oxx-page-size-guide .oxx-v6-action-row .oxx-btn {
  min-height: 60px;
  padding: 0 30px;
  font-size: 16px;
  font-weight: 800;
  letter-spacing: -.01em;
}
.oxx-page-size-guide .oxx-btn--with-icon {
  gap: 12px;
}
.oxx-page-size-guide .oxx-btn__icon {
  width: 20px;
  height: 20px;
}
.oxx-page-size-guide .oxx-btn__icon svg {
  width: 20px;
  height: 20px;
  stroke-width: 2.1;
}
.oxx-page-size-guide .oxx-v6-diagram-panel {
  justify-content: flex-start;
}
.oxx-page-size-guide .oxx-v6-diagram-image {
  width: 108%;
  max-width: 820px;
}
.oxx-page-size-guide .oxx-v2-term-card h3,
.oxx-page-size-guide .oxx-v2-step-top h3,
.oxx-page-size-guide .oxx-section-title {
  color: #070707;
}
.oxx-page-size-guide .oxx-v2-term-card p,
.oxx-page-size-guide .oxx-v2-step-card p,
.oxx-page-size-guide .oxx-v2-note-row span,
.oxx-page-size-guide .oxx-v2-note-row strong,
.oxx-page-size-guide .oxx-v2-faq-wrap .oxx-accordion-trigger,
.oxx-page-size-guide .oxx-v2-faq-wrap .oxx-accordion-content p {
  color: #1a1a1a;
}
@media (max-width: 1280px) {
  .oxx-page-size-guide .oxx-v2-size-hero {
    grid-template-columns: minmax(0, .92fr) minmax(560px, 1.08fr);
    gap: 28px;
  }
  .oxx-page-size-guide .oxx-v6-diagram-image {
    width: 104%;
    max-width: 760px;
  }
}
@media (max-width: 989px) {
  .oxx-page-size-guide .oxx-page-title { font-size: clamp(46px, 8vw, 68px); }
  .oxx-page-size-guide .oxx-page-subtitle,
  .oxx-page-size-guide .oxx-v2-hero-copy p { font-size: 18px; }
  .oxx-page-size-guide .oxx-v6-action-row .oxx-btn { font-size: 15px; min-height: 56px; }
  .oxx-page-size-guide .oxx-btn__icon,
  .oxx-page-size-guide .oxx-btn__icon svg { width: 18px; height: 18px; }
  .oxx-page-size-guide .oxx-v6-diagram-panel { justify-content: center; }
  .oxx-page-size-guide .oxx-v6-diagram-image { width: 100%; max-width: 100%; }
}
@media (max-width: 749px) {
  .oxx-page-size-guide .oxx-v2-hero-copy { padding: 34px 24px; }
  .oxx-page-size-guide .oxx-page-title { font-size: clamp(38px, 11vw, 54px); }
  .oxx-page-size-guide .oxx-page-subtitle,
  .oxx-page-size-guide .oxx-v2-hero-copy p { font-size: 17px; line-height: 1.7; }
  .oxx-page-size-guide .oxx-v6-inline-defs .oxx-v2-inline-def strong { font-size: 14px; }
  .oxx-page-size-guide .oxx-v6-action-row .oxx-btn { width: auto; flex: 1 1 auto; padding: 0 22px; }
}

/* v6.2 size guide mobile-only hero repair */
@media (max-width: 749px) {
  .oxx-page-size-guide .oxx-v2-size-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 18px !important;
    align-items: start !important;
  }

  .oxx-page-size-guide .oxx-v2-hero-copy,
  .oxx-page-size-guide .oxx-v6-diagram-panel {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box;
  }

  .oxx-page-size-guide .oxx-v2-hero-copy {
    padding: 28px 20px !important;
    border-radius: 22px;
  }

  .oxx-page-size-guide .oxx-page-kicker {
    display: inline-flex;
    flex-wrap: wrap;
    width: 100%;
    font-size: 12px;
    line-height: 1.45;
    margin-bottom: 14px;
  }

  .oxx-page-size-guide .oxx-page-title {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    font-size: clamp(40px, 12vw, 54px) !important;
    line-height: 0.96 !important;
    letter-spacing: -0.04em;
    color: #050505 !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: anywhere;
    writing-mode: horizontal-tb !important;
    text-orientation: mixed !important;
  }

  .oxx-page-size-guide .oxx-page-subtitle,
  .oxx-page-size-guide .oxx-v2-hero-copy p {
    width: 100%;
    max-width: none;
    margin-top: 16px;
    font-size: 17px !important;
    line-height: 1.7 !important;
    color: #151515 !important;
  }

  .oxx-page-size-guide .oxx-v6-inline-defs {
    grid-template-columns: 1fr !important;
    gap: 10px;
    margin-top: 22px;
  }

  .oxx-page-size-guide .oxx-v6-inline-defs .oxx-v2-inline-def {
    min-height: 58px;
    padding: 14px 16px;
    gap: 12px;
    border-radius: 18px;
    white-space: normal;
  }

  .oxx-page-size-guide .oxx-v6-inline-defs .oxx-v2-inline-def span {
    min-width: 38px;
    width: 38px;
    height: 38px;
    font-size: 12px;
  }

  .oxx-page-size-guide .oxx-v6-inline-defs .oxx-v2-inline-def strong {
    flex: 1 1 auto;
    white-space: normal;
    overflow: visible;
    text-overflow: unset;
    font-size: 15px !important;
    line-height: 1.25;
    color: #0f0f0f;
  }

  .oxx-page-size-guide .oxx-v6-action-row {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 12px;
    margin-top: 18px;
  }

  .oxx-page-size-guide .oxx-v6-action-row .oxx-btn {
    width: 100% !important;
    min-height: 56px;
    justify-content: center;
    padding: 0 20px !important;
    font-size: 16px !important;
    font-weight: 800;
    letter-spacing: -0.01em;
  }

  .oxx-page-size-guide .oxx-btn--with-icon {
    gap: 10px;
  }

  .oxx-page-size-guide .oxx-btn__icon,
  .oxx-page-size-guide .oxx-btn__icon svg {
    width: 18px !important;
    height: 18px !important;
  }

  .oxx-page-size-guide .oxx-v6-diagram-panel {
    padding: 12px;
    border-radius: 22px;
    background: linear-gradient(180deg, #fbfbfb 0%, #f3f3f3 100%);
    border: 1px solid #e7e7e7;
    box-shadow: 0 16px 36px rgba(17,17,17,.06);
    justify-content: center !important;
  }

  .oxx-page-size-guide .oxx-v6-diagram-image {
    width: 100% !important;
    max-width: none !important;
    display: block;
  }
}

/* v6.3 size guide beauty polish */
.oxx-page-size-guide {
  background:
    radial-gradient(circle at top right, rgba(255,107,0,0.035), transparent 28%),
    linear-gradient(180deg, #f7f7f7 0%, #f5f5f5 100%);
}

.oxx-page-size-guide .oxx-page-section {
  margin-top: 28px;
}

.oxx-page-size-guide .oxx-v2-section-head {
  margin-bottom: 20px;
  max-width: 820px;
}

.oxx-page-size-guide .oxx-section-title {
  font-size: clamp(34px, 3vw, 46px);
  line-height: .98;
  letter-spacing: -0.045em;
  color: #0c0c0c;
  margin: 0 0 12px;
}

.oxx-page-size-guide .oxx-section-copy {
  font-size: 17px;
  line-height: 1.8;
  color: #2e2e2e;
  max-width: 760px;
}

.oxx-page-size-guide .oxx-v2-term-card,
.oxx-page-size-guide .oxx-v2-step-card,
.oxx-page-size-guide .oxx-v2-note-row,
.oxx-page-size-guide .oxx-v2-faq-wrap .oxx-accordion {
  box-shadow: 0 14px 36px rgba(17,17,17,.055);
}

.oxx-page-size-guide .oxx-v2-term-card {
  position: relative;
  overflow: hidden;
  padding: 28px 26px;
  border: 1px solid #e6e6e6;
  background: linear-gradient(180deg, #ffffff 0%, #fcfcfc 100%);
}

.oxx-page-size-guide .oxx-v2-term-card::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 4px;
  background: linear-gradient(90deg, #ff6b00 0%, rgba(255,107,0,0.16) 72%, rgba(255,107,0,0) 100%);
}

.oxx-page-size-guide .oxx-v2-term-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 999px;
  background: rgba(255,107,0,.09);
  border: 1px solid rgba(255,107,0,.14);
  color: #ff6b00;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: -.02em;
}

.oxx-page-size-guide .oxx-v2-term-card h3 {
  margin: 18px 0 12px;
  font-size: 26px;
  line-height: 1.04;
  color: #0f0f0f;
}

.oxx-page-size-guide .oxx-v2-term-card p {
  font-size: 16px;
  line-height: 1.78;
  color: #2f2f2f;
}

.oxx-page-size-guide .oxx-v2-step-card {
  position: relative;
  overflow: hidden;
  padding: 24px;
  border: 1px solid #e4e4e4;
  background: linear-gradient(180deg, #ffffff 0%, #fbfbfb 100%);
}

.oxx-page-size-guide .oxx-v2-step-card::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 4px;
  background: linear-gradient(90deg, #ff6b00 0%, rgba(255,107,0,.16) 72%, rgba(255,107,0,0) 100%);
}

.oxx-page-size-guide .oxx-v2-step-top {
  margin-bottom: 18px;
  gap: 16px;
}

.oxx-page-size-guide .oxx-v2-step-no {
  width: 42px;
  height: 42px;
  font-size: 18px;
  box-shadow: 0 10px 20px rgba(255,107,0,.22);
}

.oxx-page-size-guide .oxx-v2-step-top h3 {
  margin: 2px 0 0;
  font-size: 26px;
  line-height: 1.08;
  color: #0f0f0f;
}

.oxx-page-size-guide .oxx-v2-step-visual {
  min-height: 240px;
  padding: 14px;
  border-radius: 20px;
  border: 1px solid #e7e7e7;
  background: linear-gradient(180deg, #fbfbfb 0%, #f4f4f4 100%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.7);
}

.oxx-page-size-guide .oxx-v2-step-photo {
  width: 100%;
  height: auto;
  display: block;
}

.oxx-page-size-guide .oxx-v2-step-card p {
  margin-top: 18px;
  font-size: 16px;
  line-height: 1.78;
  color: #2f2f2f;
}

.oxx-page-size-guide .oxx-v2-step-card p strong {
  color: #101010;
}

.oxx-page-size-guide .oxx-v2-dark-band {
  position: relative;
  overflow: hidden;
  padding: 30px 32px;
  border: 1px solid rgba(255,255,255,.06);
  background: linear-gradient(135deg, #0c0c0c 0%, #151515 46%, #202020 100%);
}

.oxx-page-size-guide .oxx-v2-dark-band::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 5px;
  background: linear-gradient(180deg, #ff6b00 0%, #ff8f3f 100%);
}

.oxx-page-size-guide .oxx-v2-band-icon {
  width: 62px;
  height: 62px;
  border-radius: 20px;
  background: rgba(255,255,255,.06);
}

.oxx-page-size-guide .oxx-v2-band-icon svg {
  width: 28px;
  height: 28px;
}

.oxx-page-size-guide .oxx-v2-dark-band h3 {
  font-size: clamp(30px, 2.7vw, 40px);
  line-height: 1.02;
  margin-bottom: 8px;
}

.oxx-page-size-guide .oxx-v2-dark-band p {
  font-size: 16px;
  line-height: 1.72;
  color: rgba(255,255,255,.82) !important;
  max-width: 680px;
}

.oxx-page-size-guide .oxx-v2-note-row {
  padding: 22px 24px;
  border: 1px solid #e6e6e6;
  background: linear-gradient(180deg, #ffffff 0%, #fbfbfb 100%);
}

.oxx-page-size-guide .oxx-v2-note-icon {
  width: 60px;
  height: 60px;
  background: rgba(255,107,0,.08);
  border-color: rgba(255,107,0,.12);
  color: #ff6b00;
  font-size: 18px;
}

.oxx-page-size-guide .oxx-v2-note-row strong {
  font-size: 18px;
  color: #111;
}

.oxx-page-size-guide .oxx-v2-note-row span {
  margin-top: 6px;
  font-size: 16px;
  line-height: 1.72;
  color: #333;
}

.oxx-page-size-guide .oxx-v2-faq-wrap .oxx-accordion {
  border-color: #e6e6e6;
  border-radius: 24px;
}

.oxx-page-size-guide .oxx-v2-faq-wrap .oxx-accordion-item + .oxx-accordion-item {
  border-top-color: #ececec;
}

.oxx-page-size-guide .oxx-v2-faq-wrap .oxx-accordion-trigger {
  padding: 24px 74px 24px 26px;
  font-size: 19px;
  font-weight: 800;
  color: #101010;
}

.oxx-page-size-guide .oxx-v2-faq-wrap .oxx-accordion-trigger::after {
  right: 22px;
  width: 34px;
  height: 34px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(255,107,0,.08);
  color: #ff6b00;
  font-size: 22px;
  font-weight: 600;
}

.oxx-page-size-guide .oxx-v2-faq-wrap .oxx-accordion-content {
  padding: 0 26px 24px;
}

.oxx-page-size-guide .oxx-v2-faq-wrap .oxx-accordion-content p {
  font-size: 16px;
  line-height: 1.78;
  color: #323232;
}

@media (max-width: 989px) {
  .oxx-page-size-guide .oxx-v2-term-grid,
  .oxx-page-size-guide .oxx-v2-step-grid {
    grid-template-columns: 1fr;
  }

  .oxx-page-size-guide .oxx-v2-dark-band {
    padding: 26px 22px;
  }
}

@media (max-width: 749px) {
  .oxx-page-size-guide .oxx-page-section {
    margin-top: 22px;
  }

  .oxx-page-size-guide .oxx-section-title {
    font-size: 30px;
  }

  .oxx-page-size-guide .oxx-section-copy,
  .oxx-page-size-guide .oxx-v2-term-card p,
  .oxx-page-size-guide .oxx-v2-step-card p,
  .oxx-page-size-guide .oxx-v2-note-row span,
  .oxx-page-size-guide .oxx-v2-faq-wrap .oxx-accordion-content p {
    font-size: 15px;
  }

  .oxx-page-size-guide .oxx-v2-term-card,
  .oxx-page-size-guide .oxx-v2-step-card {
    padding: 20px;
  }

  .oxx-page-size-guide .oxx-v2-term-card h3,
  .oxx-page-size-guide .oxx-v2-step-top h3 {
    font-size: 23px;
  }

  .oxx-page-size-guide .oxx-v2-dark-band__copy {
    align-items: flex-start;
  }

  .oxx-page-size-guide .oxx-v2-band-icon {
    width: 54px;
    height: 54px;
    border-radius: 18px;
  }

  .oxx-page-size-guide .oxx-v2-dark-band h3 {
    font-size: 28px;
  }

  .oxx-page-size-guide .oxx-v2-note-row {
    align-items: flex-start;
  }

  .oxx-page-size-guide .oxx-v2-note-icon {
    width: 52px;
    height: 52px;
    font-size: 16px;
  }

  .oxx-page-size-guide .oxx-v2-faq-wrap .oxx-accordion-trigger {
    padding: 20px 64px 20px 20px;
    font-size: 17px;
  }

  .oxx-page-size-guide .oxx-v2-faq-wrap .oxx-accordion-trigger::after {
    right: 18px;
    width: 30px;
    height: 30px;
    font-size: 20px;
  }

  .oxx-page-size-guide .oxx-v2-faq-wrap .oxx-accordion-content {
    padding: 0 20px 20px;
  }
}

/* v7 material guide beauty pass */
.oxx-page-material-guide {
  background:
    radial-gradient(circle at top right, rgba(255,107,0,.04), transparent 26%),
    linear-gradient(180deg, #f7f7f7 0%, #f4f4f4 100%);
}

.oxx-page-material-guide .oxx-v2-material-hero {
  position: relative;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 0.72fr);
  gap: 0;
  min-height: 360px;
  border: 1px solid rgba(255,255,255,.08);
  background:
    linear-gradient(90deg, rgba(8,8,8,.86) 0%, rgba(8,8,8,.72) 34%, rgba(8,8,8,.52) 56%, rgba(8,8,8,.34) 74%, rgba(8,8,8,.2) 100%),
    url('/cdn/shop/files/ef41e6b79c4cba6d70b2963bca35eb66.jpg?v=1776960403') center/cover no-repeat;
  box-shadow: 0 24px 58px rgba(0,0,0,.16);
}

.oxx-page-material-guide .oxx-v2-material-hero::after {
  content: "";
  position: absolute;
  inset: auto 0 0 0;
  height: 1px;
  background: linear-gradient(90deg, rgba(255,107,0,.55), rgba(255,255,255,.08));
}

.oxx-page-material-guide .oxx-v2-material-hero .oxx-v2-hero-copy {
  position: relative;
  z-index: 2;
  padding: 48px 42px;
  max-width: 760px;
}

.oxx-page-material-guide .oxx-v2-material-hero .oxx-page-kicker {
  color: #ffb07b;
}

.oxx-page-material-guide .oxx-v2-material-hero .oxx-page-title {
  color: #fff;
  font-size: clamp(50px, 5vw, 82px);
  line-height: .95;
  letter-spacing: -.045em;
  max-width: 720px;
}

.oxx-page-material-guide .oxx-v2-material-hero .oxx-page-subtitle {
  color: rgba(255,255,255,.9);
  font-size: 19px;
  line-height: 1.78;
  max-width: 680px;
}

.oxx-page-material-guide .oxx-v2-material-hero__art {
  min-height: 100%;
}

.oxx-page-material-guide .oxx-material-action-row {
  gap: 14px;
}

.oxx-page-material-guide .oxx-btn--with-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.oxx-page-material-guide .oxx-btn__icon {
  width: 18px;
  height: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
}

.oxx-page-material-guide .oxx-btn__icon svg {
  width: 18px;
  height: 18px;
}

.oxx-page-material-guide .oxx-material-action-row .oxx-btn {
  min-height: 56px;
  padding: 0 24px;
  font-size: 15px;
  font-weight: 800;
}

.oxx-page-material-guide .oxx-material-feature-row {
  gap: 16px;
}

.oxx-page-material-guide .oxx-v2-feature-pill {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  padding: 18px 20px;
  border-radius: 20px;
  border: 1px solid #e6e6e6;
  background: linear-gradient(180deg, #ffffff 0%, #fbfbfb 100%);
  box-shadow: 0 12px 32px rgba(17,17,17,.05);
}

.oxx-page-material-guide .oxx-material-mini-icon {
  width: 36px;
  height: 36px;
  border-radius: 999px;
  background: rgba(255,107,0,.09);
  border: 1px solid rgba(255,107,0,.14);
  color: #ff6b00;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
}

.oxx-page-material-guide .oxx-material-mini-icon svg {
  width: 18px;
  height: 18px;
}

.oxx-page-material-guide .oxx-v2-feature-pill strong {
  color: #101010;
  font-size: 16px;
}

.oxx-page-material-guide .oxx-v2-feature-pill span {
  color: #333;
  margin-top: 5px;
}

.oxx-page-material-guide .oxx-v2-material-card {
  background: linear-gradient(180deg, #ffffff 0%, #fbfbfb 100%);
  border-color: #e4e4e4;
  box-shadow: 0 16px 38px rgba(17,17,17,.055);
}

.oxx-page-material-guide .oxx-v2-material-card__head h3 {
  color: #0c0c0c;
}

.oxx-page-material-guide .oxx-v2-material-card__head span {
  color: #6c6c6c;
  font-size: 15px;
}

.oxx-page-material-guide .oxx-v2-material-card p {
  color: #2f2f2f;
  font-size: 16px;
}

.oxx-page-material-guide .oxx-card-tag {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 8px 12px;
  background: #fff;
  border-color: #e8e8e8;
  color: #1f1f1f;
}

.oxx-page-material-guide .oxx-card-tag svg {
  width: 14px;
  height: 14px;
  flex: 0 0 auto;
}

.oxx-page-material-guide .oxx-v2-material-tablewrap,
.oxx-page-material-guide .oxx-v2-quote-side {
  background: linear-gradient(180deg, #ffffff 0%, #fbfbfb 100%);
  border-color: #e5e5e5;
  box-shadow: 0 16px 38px rgba(17,17,17,.055);
}

.oxx-page-material-guide .oxx-section-title,
.oxx-page-material-guide .oxx-v2-quote-side h3 {
  color: #0d0d0d;
}

.oxx-page-material-guide .oxx-section-copy,
.oxx-page-material-guide .oxx-v2-quote-side p,
.oxx-page-material-guide .oxx-v2-quote-side ul {
  color: #303030;
}

.oxx-page-material-guide .oxx-v2-dark-band {
  position: relative;
  overflow: hidden;
  padding: 30px 32px;
  border: 1px solid rgba(255,255,255,.06);
  background: linear-gradient(135deg, #0c0c0c 0%, #151515 46%, #202020 100%);
}

.oxx-page-material-guide .oxx-v2-dark-band::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 5px;
  background: linear-gradient(180deg, #ff6b00 0%, #ff8f3f 100%);
}

.oxx-page-material-guide .oxx-v2-dark-band h3 { color: #fff; }
.oxx-page-material-guide .oxx-v2-dark-band p { color: rgba(255,255,255,.84); }
.oxx-page-material-guide .oxx-v2-dark-band .oxx-btn--ghost {
  color: #fff;
  border-color: rgba(255,255,255,.26);
}

@media (max-width: 989px) {
  .oxx-page-material-guide .oxx-v2-material-hero {
    grid-template-columns: 1fr;
    min-height: 0;
    background:
      linear-gradient(180deg, rgba(8,8,8,.78) 0%, rgba(8,8,8,.62) 40%, rgba(8,8,8,.54) 100%),
      url('/cdn/shop/files/ef41e6b79c4cba6d70b2963bca35eb66.jpg?v=1776960403') center/cover no-repeat;
  }

  .oxx-page-material-guide .oxx-v2-material-hero .oxx-v2-hero-copy {
    padding: 40px 28px;
  }

  .oxx-page-material-guide .oxx-v2-material-hero__art {
    display: none;
  }

  .oxx-page-material-guide .oxx-material-feature-row,
  .oxx-page-material-guide .oxx-v2-material-grid,
  .oxx-page-material-guide .oxx-v2-material-layout {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 749px) {
  .oxx-page-material-guide .oxx-v2-material-hero .oxx-page-title {
    font-size: clamp(38px, 11vw, 54px);
  }

  .oxx-page-material-guide .oxx-v2-material-hero .oxx-page-subtitle {
    font-size: 17px;
    line-height: 1.72;
  }

  .oxx-page-material-guide .oxx-material-action-row {
    width: 100%;
    flex-direction: column;
  }

  .oxx-page-material-guide .oxx-material-action-row .oxx-btn {
    width: 100%;
    justify-content: center;
  }

  .oxx-page-material-guide .oxx-v2-feature-pill,
  .oxx-page-material-guide .oxx-v2-material-card,
  .oxx-page-material-guide .oxx-v2-material-tablewrap,
  .oxx-page-material-guide .oxx-v2-quote-side {
    padding: 20px;
  }

  .oxx-page-material-guide .oxx-v2-material-card__head h3,
  .oxx-page-material-guide .oxx-v2-quote-side h3 {
    font-size: 28px;
  }
}

/* v7.1 material guide product image swap */
.oxx-page-material-guide .oxx-v2-material-photo-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 4px auto 20px;
  min-height: 220px;
}

.oxx-page-material-guide .oxx-v2-material-photo {
  width: min(100%, 220px);
  height: auto;
  display: block;
  object-fit: contain;
}

@media (max-width: 749px) {
  .oxx-page-material-guide .oxx-v2-material-photo-wrap {
    min-height: 190px;
    margin-bottom: 18px;
  }

  .oxx-page-material-guide .oxx-v2-material-photo {
    width: min(100%, 190px);
  }
}

/* v7.2 material guide icon polish - visual only, no layout change */
.oxx-page-material-guide .oxx-v2-feature-pill {
  position: relative;
  overflow: hidden;
  border: 1px solid #e8e4df;
  background: linear-gradient(180deg, #ffffff 0%, #fcfbfa 100%);
  box-shadow: 0 14px 34px rgba(17,17,17,.045);
}

.oxx-page-material-guide .oxx-v2-feature-pill::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 3px;
  background: linear-gradient(180deg, rgba(255,107,0,.62) 0%, rgba(255,107,0,0) 100%);
  opacity: .65;
}

.oxx-page-material-guide .oxx-material-mini-icon {
  width: 42px;
  height: 42px;
  border-radius: 999px;
  background: radial-gradient(circle at 30% 28%, #ffffff 0%, #fff7f0 44%, #ffe9db 100%);
  border: 1px solid rgba(255,107,0,.16);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.96), 0 8px 16px rgba(255,107,0,.08);
  color: #ff6b00;
}

.oxx-page-material-guide .oxx-material-mini-icon svg,
.oxx-page-material-guide .oxx-card-tag svg,
.oxx-page-material-guide .oxx-v2-quote-side__icon svg,
.oxx-page-material-guide .oxx-v2-band-icon svg {
  stroke-linecap: round;
  stroke-linejoin: round;
}

.oxx-page-material-guide .oxx-card-tags {
  gap: 10px;
}

.oxx-page-material-guide .oxx-card-tag {
  min-height: 34px;
  padding: 7px 11px;
  border-radius: 999px;
  border: 1px solid #e7e4e1;
  background: linear-gradient(180deg, #ffffff 0%, #faf8f6 100%);
  box-shadow: 0 5px 12px rgba(17,17,17,.035);
  font-weight: 700;
  letter-spacing: .01em;
}

.oxx-page-material-guide .oxx-card-tag svg {
  width: 15px;
  height: 15px;
  color: #555;
  opacity: .92;
}

.oxx-page-material-guide .oxx-v2-material-card {
  overflow: hidden;
}

.oxx-page-material-guide .oxx-v2-material-card::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 24px;
  background: linear-gradient(180deg, rgba(255,255,255,.42), rgba(255,255,255,0) 18%);
  pointer-events: none;
}

.oxx-page-material-guide .oxx-v2-quote-side__icon {
  width: 54px;
  height: 54px;
  border-radius: 18px;
  background: linear-gradient(180deg, #fff4eb 0%, #ffe9da 100%);
  border: 1px solid rgba(255,107,0,.16);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.96), 0 10px 20px rgba(255,107,0,.09);
  color: #ff6b00;
}

.oxx-page-material-guide .oxx-v2-band-icon {
  width: 56px;
  height: 56px;
  border-radius: 16px;
  background: linear-gradient(180deg, rgba(255,255,255,.12) 0%, rgba(255,255,255,.04) 100%);
  border: 1px solid rgba(255,255,255,.14);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 8px 20px rgba(0,0,0,.18);
}

@media (max-width: 749px) {
  .oxx-page-material-guide .oxx-card-tag {
    font-size: 12px;
  }
}

/* v7.3 material guide icon refinement + mobile compare fix */
.oxx-page-material-guide .oxx-material-mini-icon {
  width: 44px;
  height: 44px;
  border-radius: 14px;
  background: linear-gradient(180deg, #fff7f0 0%, #ffefdf 100%);
  border: 1px solid rgba(255,107,0,.18);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.95), 0 10px 18px rgba(255,107,0,.08);
}

.oxx-page-material-guide .oxx-material-mini-icon svg {
  width: 20px;
  height: 20px;
}

.oxx-page-material-guide .oxx-v2-feature-pill strong {
  letter-spacing: -.01em;
}

.oxx-page-material-guide .oxx-card-tag {
  min-height: 36px;
  padding: 8px 13px 8px 11px;
  gap: 8px;
  border-width: 1.5px;
  box-shadow: none;
  font-size: 12.5px;
  font-weight: 800;
  line-height: 1;
}

.oxx-page-material-guide .oxx-card-tag svg {
  width: 16px;
  height: 16px;
  opacity: 1;
}

.oxx-page-material-guide .card--nbr .oxx-card-tag {
  color: #2c2c2c;
  background: #ffffff;
  border-color: #d7d7d7;
}

.oxx-page-material-guide .card--epdm .oxx-card-tag {
  color: #4f9d4e;
  background: #f7fcf5;
  border-color: #beddba;
}

.oxx-page-material-guide .card--fkm .oxx-card-tag {
  color: #ef8423;
  background: #fff7ef;
  border-color: #f5c9a3;
}

.oxx-page-material-guide .card--silicone .oxx-card-tag {
  color: #e35a52;
  background: #fff5f4;
  border-color: #f2c4c0;
}

.oxx-page-material-guide .oxx-v2-quote-side__icon {
  width: 56px;
  height: 56px;
  border-radius: 16px;
  background: linear-gradient(180deg, #fff5eb 0%, #ffead8 100%);
  border: 1px solid rgba(255,107,0,.18);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.96), 0 12px 22px rgba(255,107,0,.09);
}

.oxx-page-material-guide .oxx-v2-band-icon {
  width: 58px;
  height: 58px;
  border-radius: 18px;
}

@media (max-width: 749px) {
  .oxx-page-material-guide .oxx-v2-material-tablewrap {
    padding-left: 0;
    padding-right: 0;
    overflow: hidden;
  }

  .oxx-page-material-guide .oxx-v2-material-tablewrap .oxx-v2-section-head {
    padding-left: 20px;
    padding-right: 20px;
  }

  .oxx-page-material-guide .oxx-v3-compare-wrap {
    margin-left: -20px;
    margin-right: -20px;
    padding: 0 20px 12px;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
  }

  .oxx-page-material-guide .oxx-v3-compare-table {
    min-width: 780px;
  }

  .oxx-page-material-guide .oxx-v3-compare-table th,
  .oxx-page-material-guide .oxx-v3-compare-table td {
    padding: 11px 10px;
    font-size: 12px;
  }

  .oxx-page-material-guide .oxx-v3-compare-table td:first-child,
  .oxx-page-material-guide .oxx-v3-compare-table th:first-child {
    width: 176px;
    min-width: 176px;
    position: sticky;
    left: 0;
    z-index: 2;
    box-shadow: 10px 0 16px rgba(17,17,17,.04);
  }

  .oxx-page-material-guide .oxx-v3-compare-table thead th:first-child {
    background: #f7f7f7;
    z-index: 3;
  }

  .oxx-page-material-guide .oxx-v3-compare-table tbody td:first-child {
    background: #fff;
  }

  .oxx-page-material-guide .oxx-v3-cell-stack {
    gap: 6px;
  }

  .oxx-page-material-guide .oxx-v3-cell-stack small {
    font-size: 10.5px;
    line-height: 1.35;
  }

  .oxx-page-material-guide .oxx-v3-legend {
    padding: 0 20px;
    gap: 12px;
    row-gap: 8px;
    flex-wrap: wrap;
    font-size: 12px;
  }

  .oxx-page-material-guide .oxx-card-tag {
    font-size: 12px;
  }
}


/* v7.8 contact conversion redesign */
.oxx-contact-page .oxx-contact-hero{
  position:relative;
  overflow:hidden;
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(340px,.9fr);
  gap:26px;
  padding:34px 34px 30px;
  border-radius:28px;
  background:
    linear-gradient(90deg, rgba(6,8,12,.96) 0%, rgba(8,11,17,.92) 36%, rgba(11,14,20,.78) 62%, rgba(12,15,21,.58) 100%),
    linear-gradient(180deg, rgba(10,10,12,.08), rgba(10,10,12,.18)),
    radial-gradient(circle at 11% 72%, rgba(255,255,255,.06) 0 14%, transparent 15%),
    radial-gradient(circle at 16% 30%, rgba(255,255,255,.045) 0 11%, transparent 12%),
    linear-gradient(135deg,#0c0e12 0%,#11141b 100%);
  box-shadow: 0 20px 46px rgba(0,0,0,.08);
}
.oxx-contact-page .oxx-contact-hero:before,
.oxx-contact-page .oxx-contact-hero:after{
  content:"";
  position:absolute;
  border-radius:50%;
  pointer-events:none;
}
.oxx-contact-page .oxx-contact-hero:before{
  right:78px; top:-26px; width:210px; height:210px;
  border:18px solid rgba(255,255,255,.06);
}
.oxx-contact-page .oxx-contact-hero:after{
  right:18px; bottom:-48px; width:146px; height:146px;
  border:14px solid rgba(255,107,0,.18);
}
.oxx-contact-page .oxx-contact-hero > *{position:relative; z-index:1;}
.oxx-contact-page .oxx-contact-hero-main{max-width:760px;}
.oxx-contact-page .oxx-contact-hero-title{
  margin:0;
  font-size:clamp(38px,4.8vw,62px);
  line-height:.95;
  letter-spacing:-.045em;
  color:#fff;
}
.oxx-contact-page .oxx-contact-hero-copy{
  margin:16px 0 0;
  max-width:720px;
  font-size:19px;
  line-height:1.6;
  color:rgba(255,255,255,.9);
}
.oxx-contact-page .oxx-contact-hero-note{
  margin:18px 0 0;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:0 12px;
  min-height:36px;
  border-radius:999px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.12);
  color:#fff;
  font-size:12px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.05em;
}
.oxx-contact-page .oxx-contact-actions{display:flex; flex-wrap:wrap; gap:12px; margin-top:22px;}
.oxx-contact-page .oxx-btn .icon-inline{width:16px;height:16px;display:inline-block;vertical-align:middle;margin-right:8px;flex:none;}
.oxx-contact-page .oxx-contact-summary{
  display:grid;
  gap:0;
  align-self:stretch;
  max-width:420px;
  justify-self:end;
  padding:8px 0;
  border-radius:24px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.12);
  backdrop-filter: blur(5px);
  box-shadow: 0 16px 44px rgba(0,0,0,.2);
}
.oxx-contact-page .oxx-contact-summary-item{
  display:grid;
  grid-template-columns:40px minmax(0,1fr);
  gap:14px;
  align-items:start;
  padding:16px 20px;
}
.oxx-contact-page .oxx-contact-summary-item + .oxx-contact-summary-item{
  border-top:1px solid rgba(255,255,255,.10);
}
.oxx-contact-page .oxx-contact-summary-icon{
  width:40px;height:40px;border-radius:12px;
  display:inline-flex;align-items:center;justify-content:center;
  color:#fff;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04);
}
.oxx-contact-page .oxx-contact-summary-icon svg{width:20px;height:20px;}
.oxx-contact-page .oxx-contact-summary-item strong{
  display:block;color:#fff;font-size:15px;line-height:1.2;margin-bottom:4px;
}
.oxx-contact-page .oxx-contact-summary-item span{
  display:block;color:rgba(255,255,255,.86);font-size:15px;line-height:1.45;
}
.oxx-contact-page .oxx-contact-quick-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}
.oxx-contact-page .oxx-contact-quick-card{
  display:flex;align-items:flex-start;gap:14px;
  padding:18px 18px 16px;
  border:1px solid var(--oxx-line);
  border-radius:20px;
  background:#fff;
  box-shadow:0 10px 24px rgba(17,17,17,.035);
}
.oxx-contact-page .oxx-contact-quick-icon{
  width:48px;height:48px;flex:none;border-radius:16px;
  background:linear-gradient(180deg,#fff7f0 0%,#ffefdf 100%);
  border:1px solid rgba(255,107,0,.15);
  display:inline-flex;align-items:center;justify-content:center;color:var(--oxx-accent);
}
.oxx-contact-page .oxx-contact-quick-icon svg{width:22px;height:22px;}
.oxx-contact-page .oxx-contact-quick-card h3{
  margin:0;font-size:20px;color:#111;letter-spacing:-.02em;line-height:1.1;
}
.oxx-contact-page .oxx-contact-quick-card p{
  margin:6px 0 0;font-size:14px;line-height:1.5;color:var(--oxx-muted);
}
.oxx-contact-page .oxx-contact-help-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:0;
  border:1px solid var(--oxx-line);
  border-radius:22px;
  background:#fff;
  box-shadow:0 10px 28px rgba(17,17,17,.035);
  overflow:hidden;
}
.oxx-contact-page .oxx-contact-help-item{
  display:flex;align-items:center;gap:10px;
  min-height:68px;
  padding:0 20px;
  border-right:1px solid var(--oxx-line);
  border-bottom:1px solid var(--oxx-line);
  font-size:15px;font-weight:600;color:#232323;
}
.oxx-contact-page .oxx-contact-help-item:nth-child(4n){border-right:0;}
.oxx-contact-page .oxx-contact-help-item:nth-last-child(-n+4){border-bottom:0;}
.oxx-contact-page .oxx-contact-check{
  width:18px;height:18px;border-radius:999px;flex:none;
  display:inline-flex;align-items:center;justify-content:center;
  color:var(--oxx-accent);background:#fff7f0;border:1px solid #ffd7ba;
}
.oxx-contact-page .oxx-contact-check svg{width:11px;height:11px;}
.oxx-contact-page .oxx-contact-split{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;
}
.oxx-contact-page .oxx-contact-split-card{
  display:grid;grid-template-columns:96px minmax(0,1fr);
  gap:18px;align-items:center;
  padding:24px;
  border:1px solid var(--oxx-line);
  border-radius:22px;
  background:#fff;
  box-shadow:0 10px 28px rgba(17,17,17,.035);
}
.oxx-contact-page .oxx-contact-split-card--bulk{
  background:#fff8f3;
  border-color:#f0d8c3;
}
.oxx-contact-page .oxx-contact-split-icon{
  width:86px;height:86px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;
  background:#f4f4f3;color:#141414;
}
.oxx-contact-page .oxx-contact-split-card--bulk .oxx-contact-split-icon{
  background:#ffe8d6;color:var(--oxx-accent);
}
.oxx-contact-page .oxx-contact-split-icon svg{width:42px;height:42px;}
.oxx-contact-page .oxx-contact-split-card h3{
  margin:0;font-size:18px;line-height:1.2;color:#111;letter-spacing:-.02em;
}
.oxx-contact-page .oxx-contact-split-card p{
  margin:8px 0 0;font-size:15px;line-height:1.6;color:var(--oxx-muted);
}
.oxx-contact-page .oxx-contact-split-actions{
  display:flex;flex-wrap:wrap;gap:12px;margin-top:16px;
}
.oxx-contact-page .oxx-contact-details{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;
  border:1px solid var(--oxx-line);border-radius:20px;background:#fff;overflow:hidden;
}
.oxx-contact-page .oxx-contact-detail{
  display:grid;grid-template-columns:44px minmax(0,1fr);
  gap:14px;align-items:start;padding:18px 20px;border-right:1px solid var(--oxx-line);
}
.oxx-contact-page .oxx-contact-detail:last-child{border-right:0;}
.oxx-contact-page .oxx-contact-detail-icon{
  width:44px;height:44px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#f4f4f3;color:#222;
}
.oxx-contact-page .oxx-contact-detail-icon svg{width:20px;height:20px;}
.oxx-contact-page .oxx-contact-detail strong{
  display:block;color:#222;font-size:14px;line-height:1.2;margin-bottom:4px;
}
.oxx-contact-page .oxx-contact-detail span,
.oxx-contact-page .oxx-contact-detail a{
  display:block;color:var(--oxx-muted);font-size:15px;line-height:1.5;text-decoration:none;
}
.oxx-contact-page .oxx-contact-detail a{color:var(--oxx-accent);font-weight:700;}
.oxx-contact-page .oxx-contact-links{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;
}
.oxx-contact-page .oxx-contact-link-card{
  display:flex;align-items:center;gap:14px;padding:18px 18px 16px;border:1px solid var(--oxx-line);border-radius:20px;background:#fff;box-shadow:0 10px 24px rgba(17,17,17,.035);text-decoration:none;
}
.oxx-contact-page .oxx-contact-link-icon{
  width:48px;height:48px;flex:none;border-radius:16px;background:#fff7f0;border:1px solid rgba(255,107,0,.15);display:inline-flex;align-items:center;justify-content:center;color:var(--oxx-accent);
}
.oxx-contact-page .oxx-contact-link-icon svg{width:22px;height:22px;}
.oxx-contact-page .oxx-contact-link-card h3{margin:0;font-size:20px;color:#111;letter-spacing:-.02em;line-height:1.1;}
.oxx-contact-page .oxx-contact-link-card p{margin:6px 0 0;font-size:14px;line-height:1.5;color:var(--oxx-muted);}
.oxx-contact-page .oxx-contact-link-arrow{margin-left:auto;color:#777;font-size:24px;line-height:1;flex:none;}

@media (max-width: 1199px){
  .oxx-contact-page .oxx-contact-hero,
  .oxx-contact-page .oxx-contact-quick-grid,
  .oxx-contact-page .oxx-contact-split,
  .oxx-contact-page .oxx-contact-links{grid-template-columns:1fr 1fr;}
  .oxx-contact-page .oxx-contact-hero{grid-template-columns:1fr; padding:30px 28px 26px;}
  .oxx-contact-page .oxx-contact-summary{max-width:none; justify-self:stretch;}
  .oxx-contact-page .oxx-contact-help-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .oxx-contact-page .oxx-contact-help-item:nth-child(4n){border-right:1px solid var(--oxx-line);}
  .oxx-contact-page .oxx-contact-help-item:nth-child(2n){border-right:0;}
  .oxx-contact-page .oxx-contact-help-item:nth-last-child(-n+4){border-bottom:1px solid var(--oxx-line);}
  .oxx-contact-page .oxx-contact-help-item:nth-last-child(-n+2){border-bottom:0;}
  .oxx-contact-page .oxx-contact-details{grid-template-columns:repeat(2,minmax(0,1fr));}
  .oxx-contact-page .oxx-contact-detail:nth-child(2n){border-right:0;}
  .oxx-contact-page .oxx-contact-detail:nth-child(-n+2){border-bottom:1px solid var(--oxx-line);}
}
@media (max-width: 749px){
  .oxx-contact-page .oxx-contact-hero,
  .oxx-contact-page .oxx-contact-quick-grid,
  .oxx-contact-page .oxx-contact-split,
  .oxx-contact-page .oxx-contact-links,
  .oxx-contact-page .oxx-contact-details,
  .oxx-contact-page .oxx-contact-help-grid{grid-template-columns:1fr;}
  .oxx-contact-page .oxx-contact-hero{padding:24px 18px 18px;border-radius:24px;}
  .oxx-contact-page .oxx-contact-hero:before{width:132px;height:132px;right:18px;top:-10px;border-width:14px;}
  .oxx-contact-page .oxx-contact-hero:after{width:88px;height:88px;right:-8px;bottom:8px;border-width:11px;}
  .oxx-contact-page .oxx-contact-hero-title{font-size:42px;}
  .oxx-contact-page .oxx-contact-hero-copy{font-size:16px;line-height:1.55;}
  .oxx-contact-page .oxx-contact-actions,
  .oxx-contact-page .oxx-contact-split-actions{display:grid;grid-template-columns:1fr;}
  .oxx-contact-page .oxx-contact-summary{border-radius:20px;}
  .oxx-contact-page .oxx-contact-quick-card,
  .oxx-contact-page .oxx-contact-link-card{padding:16px;border-radius:18px;}
  .oxx-contact-page .oxx-contact-help-grid{border-radius:20px;}
  .oxx-contact-page .oxx-contact-help-item{
    min-height:auto;padding:16px 18px;border-right:0 !important;border-bottom:1px solid var(--oxx-line) !important;
  }
  .oxx-contact-page .oxx-contact-help-item:last-child{border-bottom:0 !important;}
  .oxx-contact-page .oxx-contact-split-card{grid-template-columns:1fr;justify-items:start;padding:20px;border-radius:20px;}
  .oxx-contact-page .oxx-contact-details{border-radius:18px;}
  .oxx-contact-page .oxx-contact-detail{border-right:0 !important;border-bottom:1px solid var(--oxx-line);}
  .oxx-contact-page .oxx-contact-detail:last-child{border-bottom:0;}
}


/* v7.9 about page redesign */
.oxx-page-about .oxx-about-hero{
  position:relative;
  overflow:hidden;
  display:grid;
  grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr);
  gap:28px;
  padding:38px 36px 34px;
  border-radius:30px;
  color:#fff;
  background:
    linear-gradient(90deg, rgba(6,8,12,.97) 0%, rgba(8,11,17,.93) 34%, rgba(11,14,20,.78) 62%, rgba(12,15,21,.42) 100%),
    linear-gradient(180deg, rgba(8,10,14,.08) 0%, rgba(8,10,14,.18) 100%),
    url('/cdn/shop/files/ChatGPT_Image_Apr_24_2026_10_24_29_PM.png?v=1777040710') center right / cover no-repeat,
    linear-gradient(135deg,#090b10 0%,#12151c 100%);
  box-shadow:0 20px 46px rgba(0,0,0,.08);
}
.oxx-page-about .oxx-about-hero:before,
.oxx-page-about .oxx-about-hero:after{
  content:"";
  position:absolute;
  border-radius:50%;
  pointer-events:none;
}
.oxx-page-about .oxx-about-hero:before{
  right:96px; top:-38px; width:228px; height:228px; border:20px solid rgba(255,255,255,.06);
}
.oxx-page-about .oxx-about-hero:after{
  right:18px; bottom:-56px; width:154px; height:154px; border:15px solid rgba(255,107,0,.18);
}
.oxx-page-about .oxx-about-hero > *{position:relative;z-index:1;}
.oxx-page-about .oxx-about-hero-title{
  margin:0;
  font-size:clamp(38px,4.8vw,62px);
  line-height:.96;
  letter-spacing:-.045em;
  color:#fff;
  max-width:760px;
}
.oxx-page-about .oxx-about-hero-copy{
  margin:18px 0 0;
  max-width:740px;
  font-size:19px;
  line-height:1.6;
  color:rgba(255,255,255,.9);
}
.oxx-page-about .oxx-about-hero-note{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:38px;
  padding:0 13px;
  margin-top:18px;
  border-radius:999px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.12);
  color:#fff;
  font-size:12px;
  font-weight:800;
  letter-spacing:.05em;
  text-transform:uppercase;
}
.oxx-page-about .oxx-about-stats{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  align-self:start;
}
.oxx-page-about .oxx-about-stat{
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.04);
  border-radius:20px;
  padding:18px;
  backdrop-filter:blur(4px);
}
.oxx-page-about .oxx-about-stat strong{
  display:block;
  font-size:34px;
  line-height:1;
  color:#fff;
  margin-bottom:10px;
  letter-spacing:-.03em;
}
.oxx-page-about .oxx-about-stat span{
  display:block;
  color:rgba(255,255,255,.8);
  font-size:14px;
  line-height:1.5;
}
.oxx-page-about .oxx-about-grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;}
.oxx-page-about .oxx-about-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;}
.oxx-page-about .oxx-about-card{
  background:#fff;
  border:1px solid var(--oxx-line);
  border-radius:22px;
  padding:22px;
  box-shadow:0 12px 28px rgba(17,17,17,.035);
}
.oxx-page-about .oxx-about-card h3{
  margin:12px 0 8px;
  font-size:22px;
  line-height:1.15;
  letter-spacing:-.02em;
  color:#111;
}
.oxx-page-about .oxx-about-card p{
  margin:0;
  font-size:15px;
  line-height:1.6;
  color:var(--oxx-muted);
}
.oxx-page-about .oxx-about-icon{
  width:50px;height:50px;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;
  background:linear-gradient(180deg,#fff7f0 0%,#ffefdf 100%);
  border:1px solid rgba(255,107,0,.15);
  color:var(--oxx-accent);
}
.oxx-page-about .oxx-about-icon svg{width:24px;height:24px;}
.oxx-page-about .oxx-about-check-grid{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;
  border:1px solid var(--oxx-line);border-radius:22px;background:#fff;overflow:hidden;box-shadow:0 12px 28px rgba(17,17,17,.035);
}
.oxx-page-about .oxx-about-check-item{
  display:flex;align-items:center;gap:12px;min-height:72px;padding:0 22px;border-right:1px solid var(--oxx-line);border-bottom:1px solid var(--oxx-line);
  font-size:16px;font-weight:600;color:#212121;
}
.oxx-page-about .oxx-about-check-item:nth-child(2n){border-right:0;}
.oxx-page-about .oxx-about-check-item:nth-last-child(-n+2){border-bottom:0;}
.oxx-page-about .oxx-about-check{
  width:20px;height:20px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;flex:none;
  background:#fff7f0;border:1px solid #ffd7ba;color:var(--oxx-accent);
}
.oxx-page-about .oxx-about-check svg{width:12px;height:12px;}
.oxx-page-about .oxx-about-split{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;
}
.oxx-page-about .oxx-about-split-card{
  display:grid;grid-template-columns:96px minmax(0,1fr);gap:18px;align-items:center;
  padding:24px;border:1px solid var(--oxx-line);border-radius:24px;background:#fff;box-shadow:0 12px 28px rgba(17,17,17,.035);
}
.oxx-page-about .oxx-about-split-card--accent{background:#fff8f3;border-color:#f0d8c3;}
.oxx-page-about .oxx-about-split-icon{
  width:88px;height:88px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#f5f5f4;color:#161616;
}
.oxx-page-about .oxx-about-split-card--accent .oxx-about-split-icon{background:#ffe8d6;color:var(--oxx-accent);}
.oxx-page-about .oxx-about-split-icon svg{width:42px;height:42px;}
.oxx-page-about .oxx-about-split-card h3{margin:0;font-size:22px;line-height:1.15;letter-spacing:-.02em;color:#111;}
.oxx-page-about .oxx-about-split-card p{margin:10px 0 0;font-size:15px;line-height:1.65;color:var(--oxx-muted);}
.oxx-page-about .oxx-about-split-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px;}
.oxx-page-about .oxx-about-cta{
  position:relative;overflow:hidden;border-radius:28px;padding:32px 32px 28px;
  background:linear-gradient(135deg,#111 0%,#171717 60%,#222 100%);color:#fff;box-shadow:0 18px 40px rgba(0,0,0,.08);
}
.oxx-page-about .oxx-about-cta:after{content:"";position:absolute;right:-38px;bottom:-38px;width:130px;height:130px;border-radius:50%;border:14px solid rgba(255,107,0,.16);}
.oxx-page-about .oxx-about-cta > *{position:relative;z-index:1;}
.oxx-page-about .oxx-about-cta h2{margin:0;font-size:34px;line-height:1.02;letter-spacing:-.03em;color:#fff;}
.oxx-page-about .oxx-about-cta p{margin:12px 0 0;max-width:760px;font-size:17px;line-height:1.65;color:rgba(255,255,255,.82);}
.oxx-page-about .oxx-about-link-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;}
.oxx-page-about .oxx-about-link-card{
  display:flex;align-items:center;gap:14px;padding:18px 18px 16px;border:1px solid var(--oxx-line);border-radius:20px;background:#fff;text-decoration:none;box-shadow:0 10px 24px rgba(17,17,17,.035);
}
.oxx-page-about .oxx-about-link-card h3{margin:0;font-size:20px;line-height:1.12;letter-spacing:-.02em;color:#111;}
.oxx-page-about .oxx-about-link-card p{margin:6px 0 0;font-size:14px;line-height:1.5;color:var(--oxx-muted);}
.oxx-page-about .oxx-about-link-arrow{margin-left:auto;font-size:24px;line-height:1;color:#777;flex:none;}

@media (max-width: 1199px){
  .oxx-page-about .oxx-about-hero,
  .oxx-page-about .oxx-about-grid-4,
  .oxx-page-about .oxx-about-link-grid,
  .oxx-page-about .oxx-about-grid-3,
  .oxx-page-about .oxx-about-split{grid-template-columns:repeat(2,minmax(0,1fr));}
  .oxx-page-about .oxx-about-hero{grid-template-columns:1fr;padding:32px 28px 28px;}
  .oxx-page-about .oxx-about-stats{grid-template-columns:repeat(4,minmax(0,1fr));}
}
@media (max-width: 749px){
  .oxx-page-about .oxx-about-hero,
  .oxx-page-about .oxx-about-grid-4,
  .oxx-page-about .oxx-about-link-grid,
  .oxx-page-about .oxx-about-grid-3,
  .oxx-page-about .oxx-about-split,
  .oxx-page-about .oxx-about-check-grid,
  .oxx-page-about .oxx-about-stats{grid-template-columns:1fr;}
  .oxx-page-about .oxx-about-hero{padding:24px 18px 18px;border-radius:24px;}
  .oxx-page-about .oxx-about-hero:before{width:132px;height:132px;right:18px;top:-8px;border-width:14px;}
  .oxx-page-about .oxx-about-hero:after{width:88px;height:88px;right:-10px;bottom:8px;border-width:11px;}
  .oxx-page-about .oxx-about-hero-title{font-size:42px;}
  .oxx-page-about .oxx-about-hero-copy{font-size:16px;line-height:1.55;}
  .oxx-page-about .oxx-about-stats{gap:12px;}
  .oxx-page-about .oxx-about-stat strong{font-size:28px;}
  .oxx-page-about .oxx-about-card,
  .oxx-page-about .oxx-about-cta,
  .oxx-page-about .oxx-about-split-card,
  .oxx-page-about .oxx-about-link-card{padding:18px;border-radius:20px;}
  .oxx-page-about .oxx-about-check-item{min-height:auto;padding:16px 18px;border-right:0 !important;border-bottom:1px solid var(--oxx-line) !important;}
  .oxx-page-about .oxx-about-check-item:last-child{border-bottom:0 !important;}
  .oxx-page-about .oxx-about-split-card{grid-template-columns:1fr;justify-items:start;}
  .oxx-page-about .oxx-about-split-actions,
  .oxx-page-about .oxx-page-actions{display:grid;grid-template-columns:1fr;}
  .oxx-page-about .oxx-about-link-card{align-items:flex-start;}
}

/* v7.9.2 about hero background visibility tune */
.oxx-page-about .oxx-about-hero{
  background:
    linear-gradient(90deg, rgba(6,8,12,.92) 0%, rgba(8,11,17,.84) 28%, rgba(11,14,20,.58) 52%, rgba(12,15,21,.18) 100%),
    linear-gradient(180deg, rgba(8,10,14,.04) 0%, rgba(8,10,14,.10) 100%),
    url('/cdn/shop/files/ChatGPT_Image_Apr_24_2026_10_24_29_PM.png?v=1777040710') 94% 52% / 58% auto no-repeat,
    linear-gradient(135deg,#090b10 0%,#12151c 100%);
}
.oxx-page-about .oxx-about-hero:before{
  border-color: rgba(255,255,255,.045);
}
.oxx-page-about .oxx-about-hero:after{
  border-color: rgba(255,107,0,.14);
}
@media (max-width: 1199px){
  .oxx-page-about .oxx-about-hero{
    background:
      linear-gradient(90deg, rgba(6,8,12,.92) 0%, rgba(8,11,17,.82) 36%, rgba(11,14,20,.52) 64%, rgba(12,15,21,.16) 100%),
      linear-gradient(180deg, rgba(8,10,14,.04) 0%, rgba(8,10,14,.10) 100%),
      url('/cdn/shop/files/ChatGPT_Image_Apr_24_2026_10_24_29_PM.png?v=1777040710') 100% 52% / 62% auto no-repeat,
      linear-gradient(135deg,#090b10 0%,#12151c 100%);
  }
}
@media (max-width: 749px){
  .oxx-page-about .oxx-about-hero{
    background:
      linear-gradient(180deg, rgba(6,8,12,.88) 0%, rgba(8,11,17,.78) 44%, rgba(11,14,20,.40) 100%),
      linear-gradient(180deg, rgba(8,10,14,.04) 0%, rgba(8,10,14,.10) 100%),
      url('/cdn/shop/files/ChatGPT_Image_Apr_24_2026_10_24_29_PM.png?v=1777040710') 82% 58% / cover no-repeat,
      linear-gradient(135deg,#090b10 0%,#12151c 100%);
  }
}


/* v8.1 Knowledge Base conversion hub redesign */
.oxx-kb-pro-page,
.oxx-kb-pro-page *{
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
.oxx-kb-pro-page .oxx-page-container{max-width:1440px;}
.oxx-kb-pro-hidden{display:none !important;}

.oxx-kb-pro-hero{
  position:relative;
  overflow:hidden;
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(360px,.9fr);
  gap:28px;
  min-height:400px;
  padding:42px 40px 34px;
  border-radius:30px;
  color:#fff;
  background:
    linear-gradient(90deg, rgba(6,8,12,.96) 0%, rgba(9,12,18,.92) 34%, rgba(12,15,21,.76) 66%, rgba(14,17,23,.62) 100%),
    radial-gradient(circle at 88% 36%, rgba(255,255,255,.10) 0, rgba(255,255,255,.03) 28%, rgba(255,255,255,0) 44%),
    linear-gradient(135deg,#090b10 0%,#12151d 100%);
  box-shadow:0 24px 58px rgba(0,0,0,.16);
}
.oxx-kb-pro-hero:before,
.oxx-kb-pro-hero:after{
  content:"";
  position:absolute;
  border-radius:50%;
  pointer-events:none;
}
.oxx-kb-pro-hero:before{
  right:126px; top:18px; width:248px; height:248px;
  border:26px solid rgba(255,255,255,.05);
}
.oxx-kb-pro-hero:after{
  right:-12px; bottom:-64px; width:196px; height:196px;
  border:18px solid rgba(255,107,0,.18);
}
.oxx-kb-pro-hero__content{position:relative;z-index:2;align-self:center;max-width:820px;}
.oxx-kb-pro-hero .oxx-page-kicker{color:#ffb16f;margin-bottom:18px;}
.oxx-kb-pro-hero h1{
  margin:0;
  color:#fff;
  font-size:clamp(46px,5.2vw,74px);
  line-height:.94;
  letter-spacing:-.055em;
}
.oxx-kb-pro-hero__content>p{
  margin:18px 0 0;
  max-width:760px;
  color:rgba(255,255,255,.9);
  font-size:clamp(18px,1.7vw,22px);
  line-height:1.58;
  font-weight:500;
}
.oxx-kb-pro-search{
  margin-top:28px;
  display:flex;
  align-items:center;
  gap:13px;
  width:min(100%,760px);
  min-height:66px;
  padding:0 20px;
  border-radius:18px;
  background:#fff;
  color:#121212;
  box-shadow:0 18px 40px rgba(0,0,0,.18);
}
.oxx-kb-pro-search svg{width:24px;height:24px;color:#ff6b00;flex:none;}
.oxx-kb-pro-search input{
  width:100%;
  border:0; outline:0; background:transparent;
  color:#111; font-size:17px; line-height:1.4;
}
.oxx-kb-pro-search input::placeholder{color:#6e6e6e;}
.oxx-kb-pro-chip-row{
  display:flex; flex-wrap:wrap; gap:10px;
  margin-top:16px;
}
.oxx-kb-pro-chip-row span{
  display:inline-flex; align-items:center; min-height:34px; padding:0 12px;
  border-radius:999px; background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.12);
  color:#fff; font-size:12px; font-weight:800; letter-spacing:.05em; text-transform:uppercase;
}
.oxx-kb-pro-hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px;}

.oxx-kb-pro-hero__visual{position:relative;z-index:1;min-height:290px;align-self:stretch;}
.oxx-kb-pro-grid-plane{
  position:absolute; inset:10px 0 0 0;
  background-image:linear-gradient(rgba(255,255,255,.05) 1px, transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);
  background-size:34px 34px; opacity:.26;
  transform:perspective(600px) rotateX(58deg) translateY(54px);
  transform-origin:center bottom;
}
.oxx-kb-pro-ring{
  position:absolute; border-radius:50%; border-style:solid; border-color:#08090b;
  box-shadow:inset -18px -16px 28px rgba(255,255,255,.08), inset 10px 12px 24px rgba(0,0,0,.65), 0 34px 42px rgba(0,0,0,.42);
  background:radial-gradient(circle at 32% 28%, rgba(255,255,255,.12), rgba(255,255,255,0) 42%);
}
.oxx-kb-pro-ring--hero-a{width:248px;height:248px;border-width:38px;right:122px;top:48px;}
.oxx-kb-pro-ring--hero-b{width:132px;height:132px;border-width:24px;right:40px;top:118px;}
.oxx-kb-pro-ring--hero-c{width:84px;height:84px;border-width:16px;right:220px;bottom:24px;}
.oxx-kb-pro-ring-glow{
  position:absolute; right:70px; bottom:12px; width:188px; height:188px; border-radius:50%;
  border:12px solid rgba(255,107,0,.66);
  filter:drop-shadow(0 0 18px rgba(255,107,0,.30));
  opacity:.82;
}

.oxx-kb-pro-section-tight{margin-top:26px;}
.oxx-kb-pro-entry-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
}
.oxx-kb-pro-entry{
  position:relative;
  display:flex; flex-direction:column;
  min-height:232px;
  padding:22px 20px 20px;
  border:1px solid #e2e2e2;
  border-radius:22px;
  background:#fff;
  text-decoration:none;
  box-shadow:0 12px 30px rgba(17,17,17,.045);
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.oxx-kb-pro-entry:hover,
.oxx-kb-pro-guide:hover,
.oxx-kb-pro-side-card:hover,
.oxx-kb-pro-cta:hover{
  transform:translateY(-2px);
  box-shadow:0 20px 44px rgba(17,17,17,.08);
}
.oxx-kb-pro-entry.is-priority:before{
  content:"";
  position:absolute; left:0; right:0; top:0; height:4px;
  border-radius:22px 22px 0 0;
  background:linear-gradient(90deg,#ff6b00,#ffb06e);
}
.oxx-kb-pro-entry__icon{
  width:52px;height:52px;border-radius:16px;
  display:inline-flex;align-items:center;justify-content:center;
  background:#fff7f0;border:1px solid #ffd8bc;color:#ff6b00;
}
.oxx-kb-pro-entry__icon svg{width:25px;height:25px;}
.oxx-kb-pro-entry__label{
  margin-top:16px; color:#ff6b00; font-size:11px; line-height:1;
  letter-spacing:.12em; font-weight:900; text-transform:uppercase;
}
.oxx-kb-pro-entry h3{
  margin:10px 0 8px; color:#111;
  font-size:28px; line-height:1.08; letter-spacing:-.035em;
}
.oxx-kb-pro-entry p{
  margin:0; color:#343434; font-size:15px; line-height:1.6;
}
.oxx-kb-pro-entry__link{
  margin-top:auto; padding-top:16px;
  color:#ff6b00; font-size:14px; font-weight:900;
}
.oxx-kb-pro-entry--wide{
  grid-column:1 / -1;
  min-height:auto;
  flex-direction:row;
  align-items:center;
  gap:16px;
}
.oxx-kb-pro-entry--wide .oxx-kb-pro-entry__icon{flex:none;}
.oxx-kb-pro-entry--wide__body{min-width:0; flex:1;}

.oxx-kb-pro-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) 360px;
  gap:26px;
  align-items:start;
}
.oxx-kb-pro-head{margin-bottom:18px;}
.oxx-kb-pro-section-copy{
  margin:0; color:#464646; font-size:17px; line-height:1.55;
}

.oxx-kb-pro-guide-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}
.oxx-kb-pro-guide{
  display:grid;
  grid-template-columns:190px minmax(0,1fr);
  min-height:232px;
  overflow:hidden;
  border:1px solid #e3e3e3;
  border-radius:24px;
  background:#fff;
  text-decoration:none;
  box-shadow:0 12px 30px rgba(17,17,17,.045);
  transition:transform .18s ease, box-shadow .18s ease;
}
.oxx-kb-pro-guide--feature{
  grid-column:span 2;
  grid-template-columns:360px minmax(0,1fr);
  min-height:306px;
}
.oxx-kb-pro-guide--wide{
  grid-column:span 2;
}
.oxx-kb-pro-thumb{
  position:relative; overflow:hidden; min-height:100%; background:#f0f0ef;
}
.oxx-kb-pro-thumb:before,
.oxx-kb-pro-thumb:after{content:"";position:absolute;}
.oxx-kb-pro-thumb.thumb-size{
  background:
    linear-gradient(rgba(0,0,0,.04) 1px, transparent 1px),
    linear-gradient(90deg,rgba(0,0,0,.04) 1px, transparent 1px),
    linear-gradient(135deg,#f8f8f8,#e7e7e5);
  background-size:24px 24px,24px 24px,auto;
}
.oxx-kb-pro-thumb.thumb-size:before{left:54px;top:92px;width:190px;height:16px;border-radius:20px;background:linear-gradient(90deg,#d3d3d3,#9f9f9f);}
.oxx-kb-pro-thumb.thumb-size:after{right:54px;bottom:54px;width:104px;height:104px;border-radius:50%;border:18px solid #111;box-shadow:0 18px 28px rgba(0,0,0,.18);}
.oxx-kb-pro-thumb.thumb-material{background:linear-gradient(135deg,#171717,#3a3a3a);}
.oxx-kb-pro-thumb.thumb-material:before{width:106px;height:106px;left:34px;top:58px;border-radius:50%;border:22px solid #111;box-shadow:0 22px 32px rgba(0,0,0,.35);}
.oxx-kb-pro-thumb.thumb-material:after{width:106px;height:106px;right:34px;top:72px;border-radius:50%;border:22px solid #6a3d24;box-shadow:0 18px 28px rgba(0,0,0,.25);}
.oxx-kb-pro-thumb.thumb-chem{background:linear-gradient(135deg,#f8f8f8,#e7e7e7);}
.oxx-kb-pro-thumb.thumb-chem:before{left:44px;bottom:42px;width:72px;height:96px;border-radius:20px 20px 10px 10px;background:linear-gradient(180deg,#fff 0,#fff 55%,rgba(255,107,0,.48) 56%,rgba(255,107,0,.48) 100%);box-shadow:inset 0 0 0 2px #d3d3d3;}
.oxx-kb-pro-thumb.thumb-chem:after{right:42px;bottom:44px;width:86px;height:86px;border-radius:50%;border:18px solid #111;}
.oxx-kb-pro-thumb.thumb-faq{background:linear-gradient(135deg,#f2f2f0,#e5e5e2);}
.oxx-kb-pro-thumb.thumb-faq:before{left:50%;top:50%;width:96px;height:96px;border:16px solid #111;border-radius:50%;transform:translate(-50%,-50%);}
.oxx-kb-pro-thumb.thumb-faq:after{left:50%;top:50%;width:22px;height:22px;border-radius:50%;background:#ff6b00;transform:translate(30px,4px);box-shadow:0 42px 0 -4px #111;}
.oxx-kb-pro-thumb.thumb-quote{background:linear-gradient(135deg,#fafafa,#e8e8e8);}
.oxx-kb-pro-thumb.thumb-quote:before{left:48px;top:46px;width:98px;height:124px;border-radius:12px;background:#fff;box-shadow:inset 0 0 0 2px #d8d8d8, 0 18px 26px rgba(0,0,0,.12);}
.oxx-kb-pro-thumb.thumb-quote:after{right:44px;bottom:46px;width:72px;height:72px;border-radius:18px;background:#111;box-shadow:inset 0 -8px 0 rgba(255,107,0,.8);}

.oxx-kb-pro-guide__body{padding:24px 24px 22px;display:flex;flex-direction:column;min-width:0;}
.oxx-kb-pro-guide .oxx-v2-label{margin:0 0 10px;color:#ff6b00;font-size:12px;letter-spacing:.12em;font-weight:900;}
.oxx-kb-pro-guide h3{
  margin:0 0 10px; color:#111; font-size:32px; line-height:1.05; letter-spacing:-.04em;
}
.oxx-kb-pro-guide--compact h3{font-size:28px;}
.oxx-kb-pro-guide p{
  margin:0; color:#343434; font-size:16px; line-height:1.62;
}
.oxx-kb-pro-meta{
  margin-top:auto; padding-top:18px;
  display:flex; align-items:center; justify-content:space-between;
  color:#555; font-size:13px; font-weight:800;
}
.oxx-kb-pro-meta svg{width:18px;height:18px;color:#ff6b00;}

.oxx-kb-pro-side{display:grid;gap:18px;position:sticky;top:18px;}
.oxx-kb-pro-side-card,
.oxx-kb-pro-cta{
  border:1px solid #e3e3e3;
  border-radius:24px;
  background:#fff;
  padding:24px;
  box-shadow:0 12px 30px rgba(17,17,17,.045);
  transition:transform .18s ease, box-shadow .18s ease;
}
.oxx-kb-pro-side-card h3,
.oxx-kb-pro-cta h3{
  margin:0 0 16px; color:#111; font-size:30px; line-height:1.05; letter-spacing:-.04em;
}
.oxx-kb-pro-resources{list-style:none;margin:0;padding:0;display:grid;gap:0;}
.oxx-kb-pro-resources li{border-top:1px solid #ededed;}
.oxx-kb-pro-resources li:first-child{border-top:0;}
.oxx-kb-pro-resources a{
  display:grid; grid-template-columns:30px minmax(0,1fr);
  gap:12px; align-items:center; padding:13px 0;
  text-decoration:none; color:#111;
}
.oxx-kb-pro-resources svg{width:23px;height:23px;color:#ff6b00;}
.oxx-kb-pro-resources span{display:block;font-size:15px;font-weight:900;line-height:1.25;}
.oxx-kb-pro-resources em{display:block;margin-top:2px;font-style:normal;color:#666;font-size:12px;font-weight:700;line-height:1.25;}

.oxx-kb-pro-cta{
  background:linear-gradient(135deg,#111 0%,#191919 100%);
  color:#fff; overflow:hidden; position:relative;
}
.oxx-kb-pro-cta:after{
  content:""; position:absolute; right:-44px; bottom:-58px;
  width:180px; height:180px; border-radius:50%; border:16px solid rgba(255,107,0,.22);
}
.oxx-kb-pro-cta>*{position:relative;z-index:1;}
.oxx-kb-pro-cta__icon{
  width:54px;height:54px;border-radius:16px;
  display:inline-flex;align-items:center;justify-content:center;
  color:#ff6b00;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);margin-bottom:18px;
}
.oxx-kb-pro-cta__icon svg{width:26px;height:26px;}
.oxx-kb-pro-cta h3{color:#fff;}
.oxx-kb-pro-cta p{margin:0;color:rgba(255,255,255,.82);font-size:16px;line-height:1.62;}
.oxx-kb-pro-cta__actions{display:grid;grid-template-columns:1fr;gap:10px;margin-top:20px;}
.oxx-kb-pro-cta .oxx-btn{width:100%;}
.oxx-kb-pro-cta .oxx-btn--dark{border-color:rgba(255,255,255,.2);background:rgba(255,255,255,.04);color:#fff;}

.oxx-kb-pro-trust{
  display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px;
}
.oxx-kb-pro-trust>div{
  padding:18px 18px;
  border:1px solid #e3e3e3;
  border-radius:18px;
  background:#fff;
  box-shadow:0 10px 24px rgba(17,17,17,.035);
}
.oxx-kb-pro-trust strong{display:block;color:#111;font-size:16px;line-height:1.25;margin-bottom:6px;}
.oxx-kb-pro-trust span{display:block;color:#505050;font-size:14px;line-height:1.5;}

@media (max-width:1199px){
  .oxx-kb-pro-hero{grid-template-columns:1fr;min-height:auto;padding:36px 30px;}
  .oxx-kb-pro-hero__visual{min-height:250px;}
  .oxx-kb-pro-entry-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .oxx-kb-pro-entry--wide{grid-column:1 / -1;}
  .oxx-kb-pro-layout{grid-template-columns:1fr;}
  .oxx-kb-pro-side{position:static;grid-template-columns:1fr 1fr;}
  .oxx-kb-pro-trust{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:989px){
  .oxx-kb-pro-guide-grid{grid-template-columns:1fr;}
  .oxx-kb-pro-guide,
  .oxx-kb-pro-guide--feature,
  .oxx-kb-pro-guide--wide{
    grid-template-columns:220px minmax(0,1fr);
    grid-column:auto;
    min-height:230px;
  }
  .oxx-kb-pro-side{grid-template-columns:1fr;}
}
@media (max-width:749px){
  .oxx-kb-pro-hero{padding:26px 18px 20px;border-radius:24px;}
  .oxx-kb-pro-hero h1{font-size:44px;}
  .oxx-kb-pro-hero__content>p{font-size:16px;line-height:1.55;}
  .oxx-kb-pro-search{min-height:58px;padding:0 14px;border-radius:15px;}
  .oxx-kb-pro-search input{font-size:15px;}
  .oxx-kb-pro-chip-row{gap:8px;}
  .oxx-kb-pro-chip-row span{font-size:11px;padding:0 10px;min-height:32px;}
  .oxx-kb-pro-hero__actions{display:grid;grid-template-columns:1fr;}
  .oxx-kb-pro-hero__visual{min-height:210px;}
  .oxx-kb-pro-ring--hero-a{width:188px;height:188px;border-width:30px;right:88px;top:20px;}
  .oxx-kb-pro-ring--hero-b{width:102px;height:102px;border-width:20px;right:18px;top:86px;}
  .oxx-kb-pro-ring--hero-c{width:70px;height:70px;border-width:14px;right:180px;bottom:12px;}
  .oxx-kb-pro-ring-glow{width:132px;height:132px;right:28px;bottom:8px;border-width:10px;}
  .oxx-kb-pro-entry-grid,
  .oxx-kb-pro-trust{grid-template-columns:1fr;}
  .oxx-kb-pro-entry{min-height:auto;padding:20px;border-radius:20px;}
  .oxx-kb-pro-entry h3{font-size:25px;}
  .oxx-kb-pro-entry--wide{flex-direction:column;align-items:flex-start;}
  .oxx-kb-pro-head{display:block;}
  .oxx-kb-pro-section-copy{font-size:15px;margin-bottom:12px;}
  .oxx-kb-pro-guide,
  .oxx-kb-pro-guide--feature,
  .oxx-kb-pro-guide--wide{grid-template-columns:1fr;min-height:auto;border-radius:22px;}
  .oxx-kb-pro-thumb{min-height:190px;}
  .oxx-kb-pro-guide__body{padding:22px 20px 20px;}
  .oxx-kb-pro-guide h3{font-size:27px;}
  .oxx-kb-pro-guide p{font-size:15px;}
  .oxx-kb-pro-side-card,
  .oxx-kb-pro-cta{border-radius:22px;padding:20px;}
  .oxx-kb-pro-side-card h3,
  .oxx-kb-pro-cta h3{font-size:27px;}
}

/* v8.2 Knowledge Base 90-point layout polish: wider, stronger, more rigorous */
.oxx-kb-pro-page{
  --kb-orange:#ff6b00;
  --kb-text:#111111;
  --kb-muted:#3f3f3f;
  --kb-line:#dedede;
  --kb-soft:#f6f6f4;
}
.oxx-kb-pro-page .oxx-page-container{
  max-width:1680px !important;
  padding-left:32px;
  padding-right:32px;
}
.oxx-kb-pro-page .oxx-page-breadcrumb{
  max-width:1580px;
  margin-left:auto;
  margin-right:auto;
}
.oxx-kb-pro-hero{
  max-width:1580px;
  margin-left:auto;
  margin-right:auto;
  grid-template-columns:minmax(0,1.22fr) minmax(460px,.88fr) !important;
  min-height:470px !important;
  padding:54px 52px 46px !important;
  border-radius:32px !important;
  background:
    linear-gradient(90deg, rgba(5,7,11,.97) 0%, rgba(7,10,16,.94) 36%, rgba(10,13,19,.80) 63%, rgba(14,17,23,.58) 100%),
    radial-gradient(circle at 80% 34%, rgba(255,255,255,.12) 0, rgba(255,255,255,.045) 28%, rgba(255,255,255,0) 45%),
    linear-gradient(135deg,#090b10 0%,#131720 100%) !important;
}
.oxx-kb-pro-hero:before{right:210px !important;top:16px !important;width:300px !important;height:300px !important;border-width:30px !important;opacity:.9;}
.oxx-kb-pro-hero:after{right:36px !important;bottom:-78px !important;width:245px !important;height:245px !important;border-width:22px !important;opacity:.9;}
.oxx-kb-pro-hero__content{max-width:850px !important;}
.oxx-kb-pro-hero h1{
  max-width:780px;
  font-size:clamp(56px,5.45vw,86px) !important;
  line-height:.91 !important;
  letter-spacing:-.065em !important;
}
.oxx-kb-pro-hero__content>p{
  max-width:780px !important;
  margin-top:22px !important;
  font-size:clamp(19px,1.45vw,24px) !important;
  line-height:1.55 !important;
  color:rgba(255,255,255,.92) !important;
}
.oxx-kb-pro-search{
  width:min(100%,820px) !important;
  min-height:72px !important;
  margin-top:32px !important;
  padding:0 22px !important;
  border-radius:18px !important;
}
.oxx-kb-pro-search svg{width:26px !important;height:26px !important;}
.oxx-kb-pro-search input{font-size:18px !important;font-weight:600;}
.oxx-kb-pro-chip-row{gap:11px !important;margin-top:18px !important;}
.oxx-kb-pro-chip-row span{
  min-height:38px !important;
  padding:0 15px !important;
  font-size:12px !important;
  border-color:rgba(255,255,255,.18) !important;
  background:rgba(255,255,255,.075) !important;
}
.oxx-kb-pro-hero__actions{gap:14px !important;margin-top:28px !important;}
.oxx-kb-pro-hero__actions .oxx-btn{
  min-height:56px !important;
  padding-left:24px !important;
  padding-right:24px !important;
  font-size:15px !important;
  font-weight:900 !important;
}
.oxx-kb-pro-hero__visual{min-height:360px !important;}
.oxx-kb-pro-ring--hero-a{width:300px !important;height:300px !important;border-width:48px !important;right:150px !important;top:44px !important;}
.oxx-kb-pro-ring--hero-b{width:156px !important;height:156px !important;border-width:30px !important;right:44px !important;top:128px !important;}
.oxx-kb-pro-ring--hero-c{width:102px !important;height:102px !important;border-width:20px !important;right:260px !important;bottom:18px !important;}
.oxx-kb-pro-ring-glow{width:218px !important;height:218px !important;right:86px !important;bottom:6px !important;border-width:14px !important;opacity:.9 !important;}
.oxx-kb-pro-section-tight,
.oxx-page-section:has(.oxx-kb-pro-layout),
.oxx-page-section:has(.oxx-kb-pro-trust){
  max-width:1580px;
  margin-left:auto;
  margin-right:auto;
}
.oxx-kb-pro-section-tight{margin-top:34px !important;}
.oxx-kb-pro-entry-grid{
  gap:20px !important;
}
.oxx-kb-pro-entry{
  min-height:270px !important;
  padding:28px 26px 24px !important;
  border-radius:24px !important;
  box-shadow:0 16px 38px rgba(17,17,17,.052) !important;
}
.oxx-kb-pro-entry.is-priority:before{height:5px !important;border-radius:24px 24px 0 0 !important;}
.oxx-kb-pro-entry__icon{
  width:60px !important;height:60px !important;border-radius:17px !important;
}
.oxx-kb-pro-entry__icon svg{width:29px !important;height:29px !important;}
.oxx-kb-pro-entry__label{
  margin-top:18px !important;
  font-size:12px !important;
  color:#e75f00 !important;
}
.oxx-kb-pro-entry h3{
  margin-top:11px !important;
  margin-bottom:10px !important;
  font-size:32px !important;
  line-height:1.05 !important;
  color:#0f0f0f !important;
}
.oxx-kb-pro-entry p{
  font-size:16px !important;
  line-height:1.58 !important;
  color:#303030 !important;
}
.oxx-kb-pro-entry__link{
  font-size:15px !important;
  padding-top:18px !important;
}
.oxx-kb-pro-entry--wide{
  min-height:116px !important;
  padding:24px 28px !important;
  gap:20px !important;
}
.oxx-kb-pro-entry--wide .oxx-kb-pro-entry__label{margin-top:0 !important;}
.oxx-kb-pro-entry--wide h3{font-size:31px !important;margin:8px 0 6px !important;}
.oxx-kb-pro-entry--wide .oxx-kb-pro-entry__link{padding-top:0 !important;min-width:max-content;}
.oxx-kb-pro-layout{
  max-width:1580px;
  margin-left:auto;
  margin-right:auto;
  grid-template-columns:minmax(0,1fr) 430px !important;
  gap:32px !important;
}
.oxx-kb-pro-head{margin-bottom:22px !important;}
.oxx-kb-pro-head .oxx-section-title{
  font-size:42px !important;
  line-height:1.05 !important;
  letter-spacing:-.045em !important;
  color:#111 !important;
}
.oxx-kb-pro-section-copy{font-size:18px !important;color:#3a3a3a !important;max-width:760px;}
.oxx-kb-pro-guide-grid{
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:22px !important;
}
.oxx-kb-pro-guide{
  grid-template-columns:240px minmax(0,1fr) !important;
  min-height:258px !important;
  border-radius:26px !important;
  box-shadow:0 16px 38px rgba(17,17,17,.052) !important;
}
.oxx-kb-pro-guide--feature{
  grid-column:span 2 !important;
  grid-template-columns:430px minmax(0,1fr) !important;
  min-height:330px !important;
}
.oxx-kb-pro-guide--wide{
  grid-column:span 2 !important;
  grid-template-columns:280px minmax(0,1fr) !important;
  min-height:250px !important;
}
.oxx-kb-pro-guide__body{padding:30px 30px 26px !important;}
.oxx-kb-pro-guide .oxx-v2-label{
  font-size:12px !important;
  letter-spacing:.14em !important;
  margin-bottom:12px !important;
  color:#e75f00 !important;
}
.oxx-kb-pro-guide h3{
  font-size:38px !important;
  line-height:1.02 !important;
  letter-spacing:-.052em !important;
  max-width:760px;
}
.oxx-kb-pro-guide--compact h3{font-size:31px !important;line-height:1.06 !important;}
.oxx-kb-pro-guide p{
  font-size:17px !important;
  line-height:1.58 !important;
  color:#333 !important;
  max-width:740px;
}
.oxx-kb-pro-meta{font-size:14px !important;color:#444 !important;}
.oxx-kb-pro-meta svg{width:20px !important;height:20px !important;}
.oxx-kb-pro-thumb.thumb-size:before{left:66px !important;top:108px !important;width:230px !important;height:18px !important;}
.oxx-kb-pro-thumb.thumb-size:after{right:74px !important;bottom:62px !important;width:125px !important;height:125px !important;border-width:21px !important;}
.oxx-kb-pro-thumb.thumb-material:before{width:126px !important;height:126px !important;left:44px !important;top:66px !important;border-width:26px !important;}
.oxx-kb-pro-thumb.thumb-material:after{width:126px !important;height:126px !important;right:46px !important;top:82px !important;border-width:26px !important;}
.oxx-kb-pro-side{
  gap:22px !important;
  top:24px !important;
}
.oxx-kb-pro-side-card,
.oxx-kb-pro-cta{
  padding:30px !important;
  border-radius:26px !important;
  box-shadow:0 16px 38px rgba(17,17,17,.052) !important;
}
.oxx-kb-pro-side-card h3,
.oxx-kb-pro-cta h3{
  font-size:34px !important;
  margin-bottom:18px !important;
  color:#111 !important;
}
.oxx-kb-pro-resources a{
  grid-template-columns:42px minmax(0,1fr) !important;
  gap:14px !important;
  padding:17px 0 !important;
}
.oxx-kb-pro-resources svg{
  width:28px !important;
  height:28px !important;
}
.oxx-kb-pro-resources span{
  font-size:17px !important;
  line-height:1.18 !important;
}
.oxx-kb-pro-resources em{
  font-size:13px !important;
  line-height:1.3 !important;
  color:#565656 !important;
}
.oxx-kb-pro-cta{
  min-height:360px;
  display:flex;
  flex-direction:column;
  background:
    radial-gradient(circle at 80% 86%,rgba(255,107,0,.23),transparent 34%),
    linear-gradient(135deg,#101113 0%,#191b1f 100%) !important;
}
.oxx-kb-pro-cta:after{width:220px !important;height:220px !important;right:-52px !important;bottom:-76px !important;border-width:18px !important;}
.oxx-kb-pro-cta__icon{
  width:62px !important;
  height:62px !important;
  border-radius:18px !important;
  margin-bottom:22px !important;
}
.oxx-kb-pro-cta__icon svg{width:30px !important;height:30px !important;}
.oxx-kb-pro-cta h3{color:#fff !important;font-size:36px !important;}
.oxx-kb-pro-cta p{font-size:17px !important;line-height:1.62 !important;color:rgba(255,255,255,.86) !important;}
.oxx-kb-pro-cta__actions{margin-top:auto !important;gap:12px !important;padding-top:24px !important;}
.oxx-kb-pro-cta .oxx-btn{min-height:54px !important;font-size:15px !important;font-weight:900 !important;}
.oxx-kb-pro-trust{
  max-width:1580px;
  margin-left:auto;
  margin-right:auto;
  gap:18px !important;
}
.oxx-kb-pro-trust>div{padding:22px 22px !important;border-radius:20px !important;}
.oxx-kb-pro-trust strong{font-size:18px !important;}
.oxx-kb-pro-trust span{font-size:15px !important;color:#414141 !important;}

@media (max-width:1199px){
  .oxx-kb-pro-page .oxx-page-container{max-width:1280px !important;padding-left:24px;padding-right:24px;}
  .oxx-kb-pro-hero{grid-template-columns:1fr !important;min-height:auto !important;padding:38px 32px 32px !important;}
  .oxx-kb-pro-hero__visual{min-height:250px !important;}
  .oxx-kb-pro-entry-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
  .oxx-kb-pro-layout{grid-template-columns:1fr !important;}
  .oxx-kb-pro-side{position:static !important;grid-template-columns:1fr 1fr !important;}
}
@media (max-width:989px){
  .oxx-kb-pro-guide-grid{grid-template-columns:1fr !important;}
  .oxx-kb-pro-guide,
  .oxx-kb-pro-guide--feature,
  .oxx-kb-pro-guide--wide{
    grid-column:auto !important;
    grid-template-columns:260px minmax(0,1fr) !important;
    min-height:250px !important;
  }
  .oxx-kb-pro-guide h3{font-size:31px !important;}
  .oxx-kb-pro-side{grid-template-columns:1fr !important;}
}
@media (max-width:749px){
  .oxx-kb-pro-page .oxx-page-container{padding-left:14px !important;padding-right:14px !important;}
  .oxx-kb-pro-hero{padding:26px 18px 20px !important;border-radius:24px !important;}
  .oxx-kb-pro-hero h1{font-size:45px !important;line-height:.94 !important;}
  .oxx-kb-pro-hero__content>p{font-size:16px !important;line-height:1.55 !important;}
  .oxx-kb-pro-search{min-height:58px !important;padding:0 14px !important;border-radius:15px !important;}
  .oxx-kb-pro-search input{font-size:15px !important;}
  .oxx-kb-pro-chip-row span{font-size:11px !important;padding:0 10px !important;min-height:32px !important;}
  .oxx-kb-pro-hero__actions{display:grid !important;grid-template-columns:1fr !important;}
  .oxx-kb-pro-hero__visual{min-height:210px !important;}
  .oxx-kb-pro-entry-grid,
  .oxx-kb-pro-trust{grid-template-columns:1fr !important;}
  .oxx-kb-pro-entry{min-height:auto !important;padding:20px !important;border-radius:20px !important;}
  .oxx-kb-pro-entry h3{font-size:26px !important;}
  .oxx-kb-pro-entry--wide{flex-direction:column !important;align-items:flex-start !important;}
  .oxx-kb-pro-entry--wide .oxx-kb-pro-entry__link{min-width:0;}
  .oxx-kb-pro-head{display:block !important;}
  .oxx-kb-pro-head .oxx-section-title{font-size:32px !important;}
  .oxx-kb-pro-section-copy{font-size:15px !important;margin-bottom:12px !important;}
  .oxx-kb-pro-guide,
  .oxx-kb-pro-guide--feature,
  .oxx-kb-pro-guide--wide{grid-template-columns:1fr !important;min-height:auto !important;border-radius:22px !important;}
  .oxx-kb-pro-thumb{min-height:195px !important;}
  .oxx-kb-pro-guide__body{padding:22px 20px 20px !important;}
  .oxx-kb-pro-guide h3{font-size:27px !important;}
  .oxx-kb-pro-guide p{font-size:15px !important;}
  .oxx-kb-pro-side-card,
  .oxx-kb-pro-cta{border-radius:22px !important;padding:20px !important;}
  .oxx-kb-pro-side-card h3,
  .oxx-kb-pro-cta h3{font-size:27px !important;}
  .oxx-kb-pro-cta{min-height:auto !important;}
}


/* v8.3 Knowledge Base layout rebalance */
.oxx-kb-pro-page .oxx-page-container{max-width:1500px !important; padding-left:28px !important; padding-right:28px !important;}
.oxx-kb-pro-layout{grid-template-columns:minmax(0,1fr) 340px !important; gap:24px !important; align-items:start !important;}
.oxx-kb-pro-head{margin-bottom:16px !important;}
.oxx-kb-pro-head .oxx-section-title{font-size:30px !important; line-height:1.04 !important;}
.oxx-kb-pro-section-copy{font-size:15px !important; max-width:720px !important; line-height:1.55 !important;}
.oxx-kb-pro-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:16px !important; align-items:stretch !important;}
.oxx-kb-pro-guide,
.oxx-kb-pro-guide--compact{grid-template-columns:170px minmax(0,1fr) !important; min-height:210px !important; border-radius:22px !important;}
.oxx-kb-pro-guide--feature{grid-column:1 / -1 !important; grid-template-columns:280px minmax(0,1fr) !important; min-height:230px !important;}
.oxx-kb-pro-guide--wide{grid-column:auto !important; grid-template-columns:170px minmax(0,1fr) !important; min-height:210px !important;}
.oxx-kb-pro-guide__body{padding:22px 22px 18px !important; display:flex !important; flex-direction:column !important;}
.oxx-kb-pro-guide .oxx-v2-label{font-size:10px !important; margin-bottom:8px !important;}
.oxx-kb-pro-guide h3{font-size:24px !important; line-height:1.08 !important; letter-spacing:-.035em !important; max-width:unset !important;}
.oxx-kb-pro-guide--feature h3{font-size:27px !important;}
.oxx-kb-pro-guide p{font-size:14px !important; line-height:1.55 !important; max-width:unset !important; margin-top:8px !important; color:#434343 !important;}
.oxx-kb-pro-meta{margin-top:auto !important; padding-top:14px !important; font-size:12px !important;}
.oxx-kb-pro-meta svg{width:17px !important;height:17px !important;}
.oxx-kb-pro-thumb.thumb-size:before{left:45px !important; top:70px !important; width:150px !important; height:12px !important;}
.oxx-kb-pro-thumb.thumb-size:after{right:42px !important; bottom:35px !important; width:82px !important; height:82px !important; border-width:14px !important;}
.oxx-kb-pro-thumb.thumb-material:before{width:82px !important;height:82px !important;left:30px !important;top:56px !important;border-width:18px !important;}
.oxx-kb-pro-thumb.thumb-material:after{width:82px !important;height:82px !important;right:32px !important;top:72px !important;border-width:18px !important;}
.oxx-kb-pro-thumb.thumb-chem:before{width:64px !important;height:64px !important;right:28px !important;top:58px !important;border-width:12px !important;}
.oxx-kb-pro-thumb.thumb-chem:after{left:28px !important;bottom:26px !important;width:54px !important;height:54px !important;border-width:10px !important;}
.oxx-kb-pro-thumb.thumb-faq:before{width:74px !important;height:74px !important;left:42px !important;bottom:44px !important;border-width:12px !important;}
.oxx-kb-pro-thumb.thumb-faq:after{right:34px !important;bottom:42px !important;width:14px !important;height:14px !important;box-shadow:28px -22px 0 0 var(--oxx-accent) !important;}
.oxx-kb-pro-thumb.thumb-quote:before{left:32px !important;top:34px !important;width:58px !important;height:78px !important;}
.oxx-kb-pro-thumb.thumb-quote:after{left:74px !important;bottom:28px !important;width:50px !important;height:38px !important;}
.oxx-kb-pro-side{gap:16px !important; top:18px !important;}
.oxx-kb-pro-side-card,
.oxx-kb-pro-cta{padding:20px !important; border-radius:22px !important;}
.oxx-kb-pro-side-card h3,
.oxx-kb-pro-cta h3{font-size:20px !important; line-height:1.1 !important; margin-bottom:12px !important;}
.oxx-kb-pro-resources a{grid-template-columns:26px minmax(0,1fr) !important; gap:10px !important; padding:13px 0 !important;}
.oxx-kb-pro-resources svg{width:18px !important; height:18px !important;}
.oxx-kb-pro-resources span{font-size:14px !important;}
.oxx-kb-pro-resources em{font-size:11px !important; line-height:1.25 !important;}
.oxx-kb-pro-cta{min-height:unset !important;}
.oxx-kb-pro-cta__icon{width:48px !important; height:48px !important; border-radius:14px !important; margin-bottom:16px !important;}
.oxx-kb-pro-cta__icon svg{width:22px !important; height:22px !important;}
.oxx-kb-pro-cta p{font-size:14px !important; line-height:1.55 !important;}
.oxx-kb-pro-cta__actions{gap:10px !important; padding-top:18px !important;}
.oxx-kb-pro-cta .oxx-btn{min-height:46px !important; font-size:14px !important;}
@media (max-width: 1199px){
  .oxx-kb-pro-page .oxx-page-container{padding-left:20px !important; padding-right:20px !important;}
  .oxx-kb-pro-layout{grid-template-columns:1fr !important;}
  .oxx-kb-pro-side{grid-template-columns:1fr 1fr !important;}
  .oxx-kb-pro-guide--feature{grid-template-columns:240px minmax(0,1fr) !important;}
}
@media (max-width: 749px){
  .oxx-kb-pro-page .oxx-page-container{padding-left:14px !important; padding-right:14px !important;}
  .oxx-kb-pro-guide-grid{grid-template-columns:1fr !important;}
  .oxx-kb-pro-guide,
  .oxx-kb-pro-guide--compact,
  .oxx-kb-pro-guide--feature,
  .oxx-kb-pro-guide--wide{grid-template-columns:1fr !important; min-height:auto !important;}
  .oxx-kb-pro-guide__body{padding:18px !important;}
  .oxx-kb-pro-thumb{min-height:140px !important;}
  .oxx-kb-pro-side{grid-template-columns:1fr !important;}
}


/* v8.4 Popular resources sidebar polish */
.oxx-kb-pro-side-card{
  padding:28px !important;
  border-radius:28px !important;
  box-shadow:0 16px 38px rgba(17,17,17,.045) !important;
}
.oxx-kb-pro-side-card h3{
  font-size:32px !important;
  line-height:1.02 !important;
  margin-bottom:18px !important;
  letter-spacing:-.04em !important;
}
.oxx-kb-pro-resources{gap:0 !important;}
.oxx-kb-pro-resources li{
  border-top:1px solid #ececec !important;
}
.oxx-kb-pro-resources li:first-child{border-top:0 !important;}
.oxx-kb-pro-resources a{
  display:grid !important;
  grid-template-columns:72px minmax(0,1fr) 18px !important;
  align-items:center !important;
  gap:18px !important;
  padding:18px 0 !important;
  text-decoration:none !important;
  color:#111 !important;
}
.oxx-kb-pro-resources__icon{
  width:58px;
  height:58px;
  border-radius:999px;
  background:#f6f6f5;
  border:1px solid #efefef;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:var(--oxx-accent);
}
.oxx-kb-pro-resources__icon svg{
  width:28px !important;
  height:28px !important;
  color:var(--oxx-accent) !important;
}
.oxx-kb-pro-resources__text{
  min-width:0;
}
.oxx-kb-pro-resources__text > span{
  display:block;
  font-size:18px !important;
  line-height:1.2 !important;
  font-weight:900 !important;
  color:#101010 !important;
}
.oxx-kb-pro-resources__text em{
  display:block !important;
  margin-top:6px !important;
  font-style:normal !important;
  color:#666 !important;
  font-size:13px !important;
  line-height:1.35 !important;
  font-weight:600 !important;
  letter-spacing:0 !important;
  text-transform:none !important;
  margin-left:0 !important;
}
.oxx-kb-pro-resources__arrow{
  font-size:34px;
  line-height:1;
  color:var(--oxx-accent);
  justify-self:end;
  transform:translateY(-1px);
}
.oxx-kb-pro-resources a:hover .oxx-kb-pro-resources__arrow{
  transform:translate(2px,-1px);
}
@media (max-width:1199px){
  .oxx-kb-pro-side-card{padding:24px !important;}
  .oxx-kb-pro-side-card h3{font-size:28px !important;}
}
@media (max-width:749px){
  .oxx-kb-pro-side-card{padding:20px !important; border-radius:22px !important;}
  .oxx-kb-pro-side-card h3{font-size:27px !important; margin-bottom:14px !important;}
  .oxx-kb-pro-resources a{grid-template-columns:54px minmax(0,1fr) 14px !important; gap:14px !important; padding:15px 0 !important;}
  .oxx-kb-pro-resources__icon{width:46px; height:46px;}
  .oxx-kb-pro-resources__icon svg{width:22px !important; height:22px !important;}
  .oxx-kb-pro-resources__text > span{font-size:17px !important;}
  .oxx-kb-pro-resources__text em{font-size:12px !important; margin-top:4px !important;}
  .oxx-kb-pro-resources__arrow{font-size:28px;}
}

/* v8.5 Popular resources sidebar refinement */
.oxx-kb-pro-layout{
  grid-template-columns:minmax(0,1fr) 390px !important;
  gap:28px !important;
  align-items:start !important;
}
.oxx-kb-pro-side{
  gap:18px !important;
  top:20px !important;
}
.oxx-kb-pro-side-card,
.oxx-kb-pro-cta{
  border-radius:26px !important;
}
.oxx-kb-pro-side-card{
  padding:24px 22px !important;
  border:1px solid #dddddd !important;
  box-shadow:0 12px 28px rgba(15,15,15,.035) !important;
  background:#fff !important;
}
.oxx-kb-pro-side-card h3{
  margin:0 0 10px !important;
  font-size:24px !important;
  line-height:1.08 !important;
  letter-spacing:-.03em !important;
  color:#111 !important;
}
.oxx-kb-pro-resources{
  gap:0 !important;
}
.oxx-kb-pro-resources li{
  border-top:1px solid #e9e9e9 !important;
}
.oxx-kb-pro-resources li:first-child{
  border-top:0 !important;
}
.oxx-kb-pro-resources a{
  display:grid !important;
  grid-template-columns:58px minmax(0,1fr) 18px !important;
  gap:14px !important;
  align-items:center !important;
  min-height:94px !important;
  padding:12px 0 !important;
  text-decoration:none !important;
}
.oxx-kb-pro-resources__icon{
  width:46px !important;
  height:46px !important;
  border-radius:999px !important;
  border:1px solid #efefef !important;
  background:#f7f7f6 !important;
  color:var(--oxx-accent) !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
}
.oxx-kb-pro-resources__icon svg{
  width:20px !important;
  height:20px !important;
  stroke-width:2 !important;
}
.oxx-kb-pro-resources__text{
  min-width:0 !important;
}
.oxx-kb-pro-resources__text > span{
  display:block !important;
  font-size:16px !important;
  line-height:1.15 !important;
  font-weight:800 !important;
  letter-spacing:-.02em !important;
  color:#171717 !important;
  max-width:none !important;
}
.oxx-kb-pro-resources__text em{
  display:block !important;
  margin-top:5px !important;
  font-style:normal !important;
  font-size:12px !important;
  line-height:1.35 !important;
  color:#6a6a6a !important;
  font-weight:600 !important;
}
.oxx-kb-pro-resources__arrow{
  justify-self:end !important;
  font-size:28px !important;
  line-height:1 !important;
  color:var(--oxx-accent) !important;
  opacity:.95 !important;
}
.oxx-kb-pro-resources a:hover .oxx-kb-pro-resources__arrow{
  transform:translateX(2px) !important;
}
.oxx-kb-pro-cta{
  padding:22px 20px 20px !important;
  min-height:auto !important;
  background:
    radial-gradient(circle at 78% 88%, rgba(255,107,0,.22), transparent 30%),
    linear-gradient(135deg,#0f1013 0%,#17191f 100%) !important;
}
.oxx-kb-pro-cta__icon{
  width:44px !important;
  height:44px !important;
  border-radius:12px !important;
  margin-bottom:14px !important;
}
.oxx-kb-pro-cta__icon svg{
  width:20px !important;
  height:20px !important;
}
.oxx-kb-pro-cta h3{
  font-size:18px !important;
  line-height:1.12 !important;
  margin-bottom:10px !important;
}
.oxx-kb-pro-cta p{
  font-size:13px !important;
  line-height:1.55 !important;
}
.oxx-kb-pro-cta__actions{
  gap:10px !important;
  padding-top:16px !important;
}
.oxx-kb-pro-cta .oxx-btn{
  min-height:42px !important;
  font-size:13px !important;
  font-weight:800 !important;
}
@media (max-width: 1350px){
  .oxx-kb-pro-layout{
    grid-template-columns:minmax(0,1fr) 360px !important;
    gap:22px !important;
  }
  .oxx-kb-pro-side-card h3{font-size:22px !important;}
}
@media (max-width: 1199px){
  .oxx-kb-pro-layout{grid-template-columns:1fr !important;}
  .oxx-kb-pro-side{grid-template-columns:1fr 1fr !important;}
  .oxx-kb-pro-side-card h3{font-size:24px !important;}
}
@media (max-width: 749px){
  .oxx-kb-pro-side{grid-template-columns:1fr !important;}
  .oxx-kb-pro-side-card{
    padding:20px 18px !important;
    border-radius:22px !important;
  }
  .oxx-kb-pro-side-card h3{
    font-size:22px !important;
    margin-bottom:8px !important;
  }
  .oxx-kb-pro-resources a{
    grid-template-columns:50px minmax(0,1fr) 14px !important;
    gap:12px !important;
    min-height:82px !important;
    padding:10px 0 !important;
  }
  .oxx-kb-pro-resources__icon{
    width:40px !important;
    height:40px !important;
  }
  .oxx-kb-pro-resources__icon svg{
    width:18px !important;
    height:18px !important;
  }
  .oxx-kb-pro-resources__text > span{font-size:15px !important;}
  .oxx-kb-pro-resources__text em{font-size:11px !important;}
  .oxx-kb-pro-resources__arrow{font-size:24px !important;}
}

/* v8.6 Knowledge Base final rebuild — reference layout, clearer typography */
.oxx-kb-final-page{--kb-orange:#ff6b00;--kb-dark:#0a0c10;--kb-text:#121212;--kb-muted:#5a5a5a;--kb-line:#dddddd;background:#f5f6f7;color:var(--kb-text);font-family:inherit;}
.oxx-kb-final-page *{box-sizing:border-box;}
.oxx-kb-final-container{width:min(100%,1280px);margin:0 auto;padding-left:24px;padding-right:24px;}
.oxx-kb-final-hero{position:relative;overflow:hidden;background:
 linear-gradient(90deg,rgba(0,0,0,.86) 0%,rgba(0,0,0,.78) 38%,rgba(0,0,0,.48) 66%,rgba(0,0,0,.40) 100%),
 url({{ 'oxx-kb-hero-bg.png' | asset_url }}) center center/cover no-repeat,#111;padding:54px 0 42px;margin-top:0;color:#fff;}
.oxx-kb-final-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 10% 45%,rgba(255,255,255,.06),transparent 22%);pointer-events:none;}
.oxx-kb-final-hero__content{position:relative;z-index:1;max-width:650px;margin-left:210px;}
.oxx-kb-final-kicker{font-size:12px;line-height:1;text-transform:uppercase;letter-spacing:.14em;font-weight:900;color:#ffb071;margin-bottom:14px;display:flex;align-items:center;gap:10px;}
.oxx-kb-final-kicker:before{content:"";width:34px;height:2px;background:var(--kb-orange);display:block;}
.oxx-kb-final-hero h1{margin:0;font-size:56px;line-height:.98;letter-spacing:-.045em;color:#fff;font-weight:900;text-shadow:0 2px 18px rgba(0,0,0,.28);}
.oxx-kb-final-hero p{margin:14px 0 22px;font-size:19px;line-height:1.45;color:rgba(255,255,255,.92);font-weight:500;max-width:610px;}
.oxx-kb-final-search{width:min(100%,620px);height:56px;background:#fff;border-radius:8px;display:grid;grid-template-columns:54px 1fr;align-items:center;box-shadow:0 16px 34px rgba(0,0,0,.22);border:1px solid rgba(255,255,255,.2);}
.oxx-kb-final-search svg{width:24px;height:24px;margin-left:20px;color:#111;opacity:.75;}
.oxx-kb-final-search input{border:0;outline:0;background:transparent;font-size:16px;color:#111;font-weight:600;height:100%;padding:0 18px 0 4px;}
.oxx-kb-final-search input::placeholder{color:#777;font-weight:500;}
.oxx-kb-final-cats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;margin-top:24px;margin-bottom:26px;}
.oxx-kb-final-cat{display:flex;flex-direction:column;align-items:center;text-align:center;text-decoration:none;color:#111;background:#fff;border:1px solid #d9d9d9;border-radius:8px;padding:26px 18px 22px;min-height:215px;box-shadow:0 8px 22px rgba(0,0,0,.035);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;}
.oxx-kb-final-cat:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(0,0,0,.07);border-color:#cfcfcf;}
.oxx-kb-final-cat__icon{width:70px;height:70px;display:block;margin-bottom:16px;position:relative;color:#3f3f3f;}
.oxx-kb-final-cat h3{margin:0 0 10px;font-size:21px;line-height:1.1;font-weight:900;letter-spacing:-.025em;color:#111;}
.oxx-kb-final-cat p{margin:0;font-size:14px;line-height:1.4;color:#4b4b4b;min-height:40px;font-weight:500;}
.oxx-kb-final-cat > span:last-child{margin-top:auto;padding-top:14px;color:var(--kb-orange);font-size:14px;font-weight:900;}
.oxx-kb-final-content{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:26px;align-items:start;margin-bottom:26px;}
.oxx-kb-final-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:14px;}
.oxx-kb-final-section-head h2{font-size:30px;line-height:1.05;letter-spacing:-.035em;margin:0;color:#111;font-weight:900;}
.oxx-kb-final-section-head a{text-decoration:none;color:var(--kb-orange);font-size:15px;font-weight:900;white-space:nowrap;}
.oxx-kb-final-article-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;}
.oxx-kb-final-article{display:flex;flex-direction:column;text-decoration:none;color:#111;background:#fff;border:1px solid #d9d9d9;border-radius:8px;overflow:hidden;min-height:330px;box-shadow:0 8px 20px rgba(0,0,0,.035);transition:transform .18s ease,box-shadow .18s ease;}
.oxx-kb-final-article:hover{transform:translateY(-2px);box-shadow:0 16px 30px rgba(0,0,0,.075);}
.oxx-kb-final-thumb{height:145px;background:#e9e9e7;position:relative;overflow:hidden;}
.oxx-kb-final-article__body{display:flex;flex-direction:column;flex:1;padding:16px 17px 14px;}
.oxx-kb-final-article__body > span{font-size:11px;line-height:1;text-transform:uppercase;letter-spacing:.08em;font-weight:900;color:#777;margin-bottom:8px;}
.oxx-kb-final-article h3{margin:0;font-size:20px;line-height:1.1;letter-spacing:-.03em;font-weight:900;color:#111;}
.oxx-kb-final-article p{margin:9px 0 0;font-size:14px;line-height:1.45;color:#444;font-weight:500;}
.oxx-kb-final-article small{margin-top:auto;padding-top:16px;display:flex;align-items:center;justify-content:space-between;color:#666;font-size:13px;font-weight:700;}
.oxx-kb-final-article small i{font-style:normal;color:var(--kb-orange);font-size:24px;line-height:1;}
.oxx-kb-final-side{display:grid;gap:18px;position:sticky;top:18px;}
.oxx-kb-final-resource-card{background:#fff;border:1px solid #d9d9d9;border-radius:10px;padding:22px 22px 18px;box-shadow:0 10px 26px rgba(0,0,0,.04);}
.oxx-kb-final-resource-card h3{margin:0 0 10px;font-size:24px;line-height:1.1;font-weight:900;letter-spacing:-.025em;color:#111;border-bottom:2px solid #ffe0cb;padding-bottom:12px;}
.oxx-kb-final-resource-list{display:grid;}
.oxx-kb-final-resource-list a{display:grid;grid-template-columns:58px minmax(0,1fr) 20px;gap:14px;align-items:center;min-height:78px;padding:13px 0;text-decoration:none;color:#111;border-bottom:1px solid #e6e6e6;}
.oxx-kb-final-resource-list a:last-child{border-bottom:0;}
.res-icon{width:50px;height:50px;border-radius:999px;background:#f4f4f3;border:1px solid #e9e9e8;display:flex;align-items:center;justify-content:center;position:relative;color:var(--kb-orange);}
.res-copy strong{display:block;font-size:17px;line-height:1.16;font-weight:900;letter-spacing:-.02em;color:#111;}
.res-copy em{display:block;margin-top:5px;font-style:normal;font-size:14px;line-height:1.3;color:#555;font-weight:600;white-space:normal;}
.oxx-kb-final-resource-list a > i{justify-self:end;font-style:normal;font-size:31px;line-height:1;color:var(--kb-orange);font-weight:500;transition:transform .16s ease;}
.oxx-kb-final-resource-list a:hover > i{transform:translateX(3px);}
.oxx-kb-final-fast-card{position:relative;overflow:hidden;background:#101010;border-radius:10px;color:#fff;padding:28px 26px 24px;box-shadow:0 16px 36px rgba(0,0,0,.14);}
.oxx-kb-final-fast-card h3{position:relative;z-index:1;margin:0 0 12px;font-size:27px;line-height:1.05;font-weight:900;letter-spacing:-.035em;color:#fff;}
.oxx-kb-final-fast-card p{position:relative;z-index:1;margin:0 0 22px;font-size:15px;line-height:1.48;color:rgba(255,255,255,.88);font-weight:600;max-width:260px;}
.oxx-kb-final-fast-card .oxx-btn{position:relative;z-index:1;width:100%;margin-top:10px;min-height:50px;font-size:15px;border-radius:8px;font-weight:900;}
.oxx-kb-final-fast-card .oxx-btn--ghost{color:#fff;border:1px solid rgba(255,255,255,.36);background:rgba(255,255,255,.04);}
.oxx-kb-final-trust{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:#fff;border:1px solid #dcdcdc;border-radius:8px;margin:24px 0 34px;padding:20px 18px;box-shadow:0 8px 20px rgba(0,0,0,.03);}
.oxx-kb-final-trust div{display:grid;grid-template-columns:56px 1fr;column-gap:14px;align-items:center;padding:0 18px;border-right:1px solid #e2e2e2;}
.oxx-kb-final-trust div:last-child{border-right:0;}
.oxx-kb-final-trust span{grid-row:1 / span 2;width:46px;height:46px;color:var(--kb-orange);position:relative;display:block;}
.oxx-kb-final-trust strong{font-size:17px;line-height:1.15;color:#111;font-weight:900;}
.oxx-kb-final-trust p{margin:5px 0 0;font-size:14px;line-height:1.35;color:#555;font-weight:500;}
/* category icons */
.icon-caliper:before{content:"";position:absolute;left:6px;top:24px;width:58px;height:8px;background:#555;transform:rotate(-45deg);border-radius:3px;}.icon-caliper:after{content:"";position:absolute;right:8px;bottom:8px;width:28px;height:28px;border:5px solid var(--kb-orange);border-radius:50%;background:#fff;}
.icon-flask:before{content:"";position:absolute;left:25px;top:3px;width:20px;height:28px;border:5px solid #555;border-bottom:0;border-radius:4px 4px 0 0;}.icon-flask:after{content:"";position:absolute;left:12px;bottom:7px;width:46px;height:38px;border:5px solid #555;border-radius:0 0 12px 12px;background:linear-gradient(to top,var(--kb-orange) 0 48%,transparent 49%);}
.icon-wrench:before{content:"";position:absolute;left:27px;top:5px;width:18px;height:58px;background:#555;border-radius:10px;transform:rotate(45deg);}.icon-wrench:after{content:"";position:absolute;right:4px;bottom:9px;width:28px;height:28px;border:5px solid var(--kb-orange);border-radius:50%;background:#fff;}
.icon-faq:before{content:"?";position:absolute;left:9px;top:7px;width:52px;height:52px;border:5px solid var(--kb-orange);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--kb-orange);font-size:34px;font-weight:900;}
.icon-shield-drop:before{content:"";position:absolute;left:11px;top:4px;width:48px;height:56px;border:5px solid #555;border-radius:8px 8px 20px 20px;}.icon-shield-drop:after{content:"";position:absolute;left:28px;top:23px;width:15px;height:22px;border:4px solid var(--kb-orange);border-radius:50% 50% 55% 55%;transform:rotate(45deg);}
/* resource icons */
.res-caliper:before{content:"";width:27px;height:5px;background:var(--kb-orange);transform:rotate(-45deg);border-radius:3px;}.res-caliper:after{content:"";position:absolute;width:15px;height:15px;border:3px solid var(--kb-orange);border-radius:50%;right:9px;bottom:10px;}
.res-flask:before{content:"";position:absolute;top:10px;width:12px;height:18px;border:3px solid var(--kb-orange);border-bottom:0;border-radius:3px 3px 0 0;}.res-flask:after{content:"";position:absolute;bottom:10px;width:26px;height:22px;border:3px solid var(--kb-orange);border-radius:0 0 7px 7px;background:linear-gradient(to top,#ffb27c 0 45%,transparent 46%);}
.res-drop:before{content:"";width:20px;height:27px;border:3px solid var(--kb-orange);border-radius:50% 50% 55% 55%;transform:rotate(45deg);}.res-faq:before{content:"?";width:30px;height:30px;border:3px solid var(--kb-orange);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--kb-orange);font-weight:900;font-size:20px;}.res-doc:before{content:"";width:22px;height:29px;border:3px solid var(--kb-orange);border-radius:2px;}.res-doc:after{content:"";position:absolute;width:12px;height:3px;background:var(--kb-orange);left:19px;top:25px;box-shadow:0 7px 0 var(--kb-orange);}
/* abstract thumbnails */
.oxx-kb-final-thumb:before,.oxx-kb-final-thumb:after{content:"";position:absolute;}
.thumb-measure{background:linear-gradient(90deg,#ececeb,#fff);}.thumb-measure:before{left:30px;top:54px;width:110px;height:10px;background:#bbb;border-radius:99px;}.thumb-measure:after{right:28px;bottom:22px;width:64px;height:64px;border:14px solid #111;border-radius:50%;box-shadow:0 10px 18px rgba(0,0,0,.18);}
.thumb-chart{background:#f2f2f1;}.thumb-chart:before{inset:22px;border:2px solid #c8c8c8;background:repeating-linear-gradient(0deg,transparent 0 13px,#ddd 14px),repeating-linear-gradient(90deg,transparent 0 25px,#ddd 26px);}.thumb-chart:after{left:30px;right:30px;top:44px;height:2px;background:#9c9c9c;box-shadow:0 24px 0 #9c9c9c,0 48px 0 #9c9c9c;}
.thumb-material-rings{background:linear-gradient(135deg,#f5f5f4,#dcdedc);}.thumb-material-rings:before{left:28px;top:38px;width:76px;height:76px;border:14px solid #111;border-radius:50%;box-shadow:54px 4px 0 -2px #2d8f44,106px 8px 0 -4px #8a5134,156px 7px 0 -5px #e26a1e;}.thumb-material-rings:after{right:20px;bottom:20px;width:110px;height:16px;background:#bbb;border-radius:999px;}
.thumb-leak{background:linear-gradient(135deg,#4e4e4d,#161616);}.thumb-leak:before{left:20px;top:48px;width:150px;height:28px;background:#8b8b8b;border-radius:999px;}.thumb-leak:after{right:32px;top:54px;width:36px;height:36px;border:8px solid var(--kb-orange);border-radius:50%;}
.thumb-install{background:linear-gradient(135deg,#dcdcdc,#f7f7f7);}.thumb-install:before{left:26px;top:70px;width:160px;height:24px;background:#343434;border-radius:999px;}.thumb-install:after{left:84px;top:50px;width:58px;height:58px;border:12px solid #111;border-radius:50%;}
.thumb-lube{background:linear-gradient(135deg,#f6f6f6,#ddd);}.thumb-lube:before{left:28px;top:36px;width:115px;height:42px;background:#fff;border-radius:6px;box-shadow:0 8px 18px rgba(0,0,0,.14);}.thumb-lube:after{right:22px;bottom:18px;width:86px;height:18px;background:#111;border-radius:99px;box-shadow:-28px -2px 0 -4px #111,-54px 0 0 -7px #111;}
.thumb-chem-lab{background:linear-gradient(135deg,#f5f5f4,#cfd8dd);}.thumb-chem-lab:before{left:28px;bottom:14px;width:48px;height:82px;border:5px solid #d9d9d9;border-radius:0 0 20px 20px;background:linear-gradient(to top,#c88026 0 43%,transparent 44%);}.thumb-chem-lab:after{right:24px;bottom:16px;width:62px;height:70px;border:5px solid #d9d9d9;border-radius:4px 4px 20px 20px;background:linear-gradient(to top,#497f9d 0 50%,transparent 51%);}
.thumb-kit{background:linear-gradient(135deg,#2d2d2d,#111);}.thumb-kit:before{inset:28px;border:2px solid #555;background:repeating-linear-gradient(0deg,transparent 0 24px,#444 25px),repeating-linear-gradient(90deg,transparent 0 42px,#444 43px);}.thumb-kit:after{right:26px;bottom:20px;width:64px;height:12px;background:var(--kb-orange);border-radius:99px;}
.oxx-kb-final-fast-card__rings:before{content:"";position:absolute;right:-40px;bottom:-40px;width:190px;height:190px;border:28px solid rgba(255,107,0,.28);border-radius:50%;}.oxx-kb-final-fast-card__rings:after{content:"";position:absolute;right:20px;top:34px;width:126px;height:126px;border:22px solid rgba(255,255,255,.07);border-radius:50%;}
/* trust icons */
.trust-medal:before{content:"✓";position:absolute;inset:3px;border:3px solid var(--kb-orange);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:20px;}.trust-shield:before{content:"";position:absolute;left:8px;top:3px;width:30px;height:38px;border:3px solid #111;border-radius:6px 6px 16px 16px;}.trust-shield:after{content:"✓";position:absolute;left:17px;top:12px;color:#111;font-weight:900;}.trust-truck:before{content:"";position:absolute;left:2px;top:15px;width:28px;height:18px;border:3px solid var(--kb-orange);}.trust-truck:after{content:"";position:absolute;right:3px;top:20px;width:18px;height:13px;border:3px solid var(--kb-orange);box-shadow:-26px 17px 0 -7px var(--kb-orange),-3px 17px 0 -7px var(--kb-orange);}.trust-help:before{content:"";position:absolute;inset:6px;border:3px solid var(--kb-orange);border-radius:50%;}.trust-help:after{content:"•••";position:absolute;left:11px;top:10px;color:var(--kb-orange);font-weight:900;letter-spacing:1px;}
@media(max-width:1199px){.oxx-kb-final-hero__content{margin-left:0}.oxx-kb-final-cats{grid-template-columns:repeat(3,1fr)}.oxx-kb-final-content{grid-template-columns:1fr}.oxx-kb-final-side{position:static;grid-template-columns:1fr 1fr}.oxx-kb-final-article-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:749px){.oxx-kb-final-container{padding-left:14px;padding-right:14px}.oxx-kb-final-hero{padding:32px 0 28px}.oxx-kb-final-hero h1{font-size:42px}.oxx-kb-final-hero p{font-size:16px}.oxx-kb-final-search{height:50px}.oxx-kb-final-cats{grid-template-columns:1fr;gap:12px}.oxx-kb-final-cat{min-height:auto;padding:20px}.oxx-kb-final-article-grid,.oxx-kb-final-side,.oxx-kb-final-trust{grid-template-columns:1fr}.oxx-kb-final-article{min-height:auto}.oxx-kb-final-thumb{height:160px}.oxx-kb-final-trust div{border-right:0;border-bottom:1px solid #e2e2e2;padding:16px 4px}.oxx-kb-final-trust div:last-child{border-bottom:0}.oxx-kb-final-section-head{align-items:flex-start;flex-direction:column}}

/* v8.7 Knowledge Base hero image + clear icon system */
.oxx-kb-final-hero{
  background:
    linear-gradient(90deg,rgba(0,0,0,.82) 0%,rgba(0,0,0,.74) 40%,rgba(0,0,0,.52) 68%,rgba(0,0,0,.40) 100%),
    url('/cdn/shop/files/0.jpg?v=1777047838') center center / cover no-repeat,
    #0b0d10 !important;
  min-height:300px !important;
  display:flex !important;
  align-items:center !important;
}
.oxx-kb-final-hero:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.18));
  pointer-events:none;
}
.oxx-kb-final-hero__content{z-index:2 !important;}
.oxx-kb-final-hero h1{
  color:#fff !important;
  text-shadow:0 3px 18px rgba(0,0,0,.55),0 1px 0 rgba(0,0,0,.28) !important;
  font-weight:900 !important;
}
.oxx-kb-final-hero p{
  color:rgba(255,255,255,.95) !important;
  text-shadow:0 2px 12px rgba(0,0,0,.45) !important;
  font-weight:650 !important;
}
.oxx-kb-final-kicker{
  color:#ffba7c !important;
  text-shadow:0 2px 8px rgba(0,0,0,.48) !important;
}
.oxx-kb-final-search{
  box-shadow:0 18px 38px rgba(0,0,0,.32) !important;
  border:1px solid rgba(255,255,255,.32) !important;
}
.oxx-kb-icon,
.oxx-kb-res-icon,
.oxx-kb-trust-icon{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
}
.oxx-kb-icon svg{
  width:68px !important;
  height:68px !important;
  overflow:visible !important;
}
.oxx-kb-res-icon svg{
  width:28px !important;
  height:28px !important;
  overflow:visible !important;
}
.oxx-kb-trust-icon svg{
  width:48px !important;
  height:48px !important;
  overflow:visible !important;
}
.oxx-kb-icon svg path,
.oxx-kb-icon svg circle,
.oxx-kb-res-icon svg path,
.oxx-kb-res-icon svg circle,
.oxx-kb-trust-icon svg path,
.oxx-kb-trust-icon svg circle{
  fill:none;
  stroke:currentColor;
  stroke-width:4.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.oxx-kb-res-icon svg path,
.oxx-kb-res-icon svg circle{stroke-width:4.2;}
.oxx-kb-trust-icon svg path,
.oxx-kb-trust-icon svg circle{stroke-width:4.2;}
.oxx-kb-icon svg .accent,
.oxx-kb-res-icon svg .accent,
.oxx-kb-trust-icon svg .accent{
  stroke:var(--kb-orange) !important;
}
.oxx-kb-icon svg .accent-fill,
.oxx-kb-res-icon svg .accent-fill,
.oxx-kb-trust-icon svg .accent-fill{
  fill:#ffb174 !important;
  stroke:var(--kb-orange) !important;
}
.oxx-kb-final-cat__icon{
  color:#4d4d4d !important;
  width:76px !important;
  height:76px !important;
  margin-bottom:18px !important;
}
.res-icon{
  color:var(--kb-orange) !important;
  box-shadow:0 6px 14px rgba(0,0,0,.055) !important;
}
.oxx-kb-trust-icon{color:var(--kb-orange) !important;}
.oxx-kb-trust-icon:before,
.oxx-kb-trust-icon:after{display:none !important;content:none !important;}
.oxx-kb-final-trust span.oxx-kb-trust-icon{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
}
@media(max-width:749px){
  .oxx-kb-final-hero{
    min-height:280px !important;
    background-position:center center !important;
  }
  .oxx-kb-final-hero h1{font-size:42px !important;}
  .oxx-kb-final-hero p{font-size:16px !important;}
}


/* v8.8 Knowledge Base hero brightness + refined icon system */
.oxx-kb-final-hero{
  background:
    linear-gradient(90deg,rgba(6,10,16,.70) 0%,rgba(7,11,18,.56) 34%,rgba(8,12,18,.34) 58%,rgba(8,12,18,.16) 100%),
    url('/cdn/shop/files/0.jpg?v=1777047838') center center / cover no-repeat,
    #0b0d10 !important;
  min-height:320px !important;
}
.oxx-kb-final-hero:after{
  background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.10));
}
.oxx-kb-final-hero__content{max-width:720px !important;}
.oxx-kb-final-hero h1{
  color:#fff !important;
  text-shadow:0 4px 20px rgba(0,0,0,.40) !important;
  font-weight:900 !important;
  letter-spacing:-.04em !important;
}
.oxx-kb-final-hero p{
  color:#fff !important;
  opacity:1 !important;
  text-shadow:0 2px 14px rgba(0,0,0,.30) !important;
  font-weight:700 !important;
  font-size:18px !important;
  max-width:620px !important;
}
.oxx-kb-final-kicker{
  color:#ffb877 !important;
  text-shadow:none !important;
}
.oxx-kb-final-search{
  background:#fff !important;
  border:1px solid rgba(255,255,255,.55) !important;
  box-shadow:0 16px 34px rgba(0,0,0,.22) !important;
}
.oxx-kb-final-search input{font-size:16px !important;color:#202020 !important;}
.oxx-kb-final-search svg{color:#444 !important;}

.oxx-kb-final-cat{
  padding:30px 24px 26px !important;
}
.oxx-kb-final-cat__icon{
  width:84px !important;
  height:84px !important;
  border-radius:999px !important;
  background:#f4f4f3 !important;
  border:1px solid #e5e5e5 !important;
  box-shadow:0 4px 12px rgba(0,0,0,.03) !important;
  margin-bottom:16px !important;
  color:#444 !important;
}
.oxx-kb-icon svg{width:56px !important;height:56px !important;}
.oxx-kb-icon svg path,.oxx-kb-icon svg circle{
  stroke-width:4 !important;
}
.oxx-kb-icon svg .accent{stroke:#f57a11 !important;}
.oxx-kb-icon svg .accent-fill{fill:#ffb26e !important;stroke:#f57a11 !important;}
.oxx-kb-final-cat h3{font-size:17px !important;line-height:1.15 !important;letter-spacing:-.01em !important;}
.oxx-kb-final-cat p{font-size:14px !important;line-height:1.5 !important;color:#555 !important;max-width:180px !important;margin:10px auto 0 !important;}
.oxx-kb-final-cat span:last-child{font-size:13px !important;font-weight:800 !important;}

.oxx-kb-final-resource-card h3{font-size:19px !important;letter-spacing:-.02em !important;}
.oxx-kb-final-resource-list a{
  grid-template-columns:52px 1fr 14px !important;
  gap:14px !important;
  padding:18px 0 !important;
}
.res-icon{
  width:52px !important;height:52px !important;border-radius:999px !important;
  background:#f4f4f3 !important;border:1px solid #e6e6e6 !important;box-shadow:none !important;
  color:#4a4a4a !important;
}
.oxx-kb-res-icon svg{width:28px !important;height:28px !important;}
.oxx-kb-res-icon svg path,.oxx-kb-res-icon svg circle{stroke-width:4 !important;}
.oxx-kb-res-icon svg .accent{stroke:#f57a11 !important;}
.oxx-kb-res-icon svg .accent-fill{fill:#ffb26e !important;stroke:#f57a11 !important;}
.oxx-kb-final-resource-list strong{font-size:15px !important;line-height:1.2 !important;color:#1d1d1d !important;}
.oxx-kb-final-resource-list em{font-size:13px !important;line-height:1.35 !important;color:#666 !important;}
.oxx-kb-final-resource-list i{font-size:18px !important;color:#f57a11 !important;opacity:1 !important;}

.oxx-kb-final-fast-card h3{font-size:18px !important;line-height:1.15 !important;}
.oxx-kb-final-fast-card p{font-size:14px !important;line-height:1.5 !important;color:rgba(255,255,255,.92) !important;}
.oxx-kb-final-fast-card .oxx-btn--primary{font-size:14px !important;}
.oxx-kb-final-fast-card .oxx-btn--secondary{font-size:14px !important;}

@media(max-width:749px){
  .oxx-kb-final-hero{
    min-height:290px !important;
    background-position:64% center !important;
  }
  .oxx-kb-final-hero h1{font-size:40px !important;}
  .oxx-kb-final-hero p{font-size:16px !important;max-width:none !important;}
  .oxx-kb-final-cat__icon{width:72px !important;height:72px !important;}
  .oxx-kb-icon svg{width:48px !important;height:48px !important;}
}


/* v8.9 Knowledge Base fast card refined to match white reference card */
.oxx-kb-final-fast-card{
  position:relative;
  overflow:hidden;
  background:#fff !important;
  border:1px solid #d9d9d9 !important;
  border-radius:12px !important;
  color:#111 !important;
  padding:20px 18px 16px !important;
  box-shadow:0 10px 26px rgba(0,0,0,.04) !important;
}
.oxx-kb-final-fast-card__rings,
.oxx-kb-final-fast-card__rings:before,
.oxx-kb-final-fast-card__rings:after{display:none !important;content:none !important;}
.oxx-kb-final-fast-card h3{
  margin:0 0 10px !important;
  font-size:18px !important;
  line-height:1.15 !important;
  letter-spacing:-.02em !important;
  font-weight:900 !important;
  color:#111 !important;
}
.oxx-kb-final-fast-card p{
  margin:0 0 16px !important;
  max-width:none !important;
  font-size:14px !important;
  line-height:1.5 !important;
  font-weight:600 !important;
  color:#4c4c4c !important;
}
.oxx-kb-final-fast-card .oxx-btn--primary{
  width:100% !important;
  min-height:46px !important;
  margin-top:0 !important;
  border-radius:8px !important;
  font-size:14px !important;
  font-weight:900 !important;
  box-shadow:none !important;
}
.oxx-kb-final-fast-card .oxx-btn--primary span{margin-left:6px;}
.oxx-kb-final-fast-card__image-wrap{
  margin-top:14px;
  border:1px solid #e7e7e7;
  border-radius:10px;
  background:#f6f6f5;
  overflow:hidden;
  min-height:116px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.oxx-kb-final-fast-card__image{
  display:block;
  width:100%;
  height:116px;
  object-fit:contain;
  object-position:center bottom;
  background:#f6f6f5;
}
@media(max-width:749px){
  .oxx-kb-final-fast-card{padding:18px 16px 14px !important;}
  .oxx-kb-final-fast-card__image-wrap{min-height:104px;}
  .oxx-kb-final-fast-card__image{height:104px;}
}


/* v9.0 Knowledge Base top category icon image swap */
.oxx-kb-final-cat__icon{
  overflow:hidden;
  position:relative;
  background:#fff !important;
}
.oxx-kb-final-cat__icon{
  width:82px;
  height:82px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:16px;
  position:relative;
  color:#3f3f3f;
}
.oxx-kb-final-cat__icon img{
  display:block !important;
  width:82px;
  height:82px;
  object-fit:contain;
  object-position:center;
  filter: drop-shadow(0 2px 3px rgba(0,0,0,.06));
}
.oxx-kb-final-cat__icon--sizing,
.oxx-kb-final-cat__icon--materials,
.oxx-kb-final-cat__icon--applications,
.oxx-kb-final-cat__icon--faq,
.oxx-kb-final-cat__icon--chemical{
  background:none !important;
}
@media(max-width:749px){
  .oxx-kb-final-cat__icon--sizing,
  .oxx-kb-final-cat__icon--materials,
  .oxx-kb-final-cat__icon--applications,
  .oxx-kb-final-cat__icon--faq,
  .oxx-kb-final-cat__icon--chemical{
    background-size:170% auto;
    background-position:center 16%;
  }
}

@media(max-width: 749px){
  .oxx-kb-final-cat__icon{
    width:74px;
    height:74px;
  }
  .oxx-kb-final-cat__icon img{
    width:74px;
    height:74px;
  }
}


/* Applications page refinements */
.oxx-page-applications .oxx-app-hero {
  align-items: stretch;
}
.oxx-page-applications .oxx-app-order-panel {
  background: rgba(255,255,255,.94);
  border-color: rgba(255,255,255,.18);
  box-shadow: 0 18px 40px rgba(0,0,0,.12);
}
.oxx-page-applications .oxx-app-order-panel h3 {
  margin: 0 0 16px;
  font-size: 32px;
  line-height: 1.05;
  color: #1b1b1b;
}
.oxx-page-applications .oxx-app-order-list {
  display: grid;
  gap: 12px;
}
.oxx-page-applications .oxx-app-order-item {
  display: grid;
  grid-template-columns: 36px minmax(0,1fr);
  gap: 12px;
  align-items: start;
  padding: 10px 0;
  border-bottom: 1px solid rgba(0,0,0,.08);
}
.oxx-page-applications .oxx-app-order-item:last-child { border-bottom: 0; padding-bottom: 0; }
.oxx-page-applications .oxx-app-order-item strong {
  width: 36px; height: 36px; border-radius: 50%;
  display: inline-flex; align-items: center; justify-content: center;
  background: rgba(255,107,0,.12); color: var(--oxx-accent); font-size: 15px;
}
.oxx-page-applications .oxx-app-order-item span {
  display: block; font-weight: 800; color: #161616; margin-bottom: 4px;
}
.oxx-page-applications .oxx-app-order-item small {
  display: block; color: #666; line-height: 1.55; font-size: 14px;
}
.oxx-page-applications .oxx-app-card {
  min-height: 210px;
}
.oxx-page-applications .oxx-app-eyebrow,
.oxx-page-applications .oxx-app-path-tag {
  display: inline-flex; align-items: center;
  padding: 7px 11px; border-radius: 999px;
  background: rgba(255,107,0,.08); color: var(--oxx-accent);
  font-size: 12px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase;
  margin-bottom: 14px;
}
.oxx-page-applications .oxx-app-card h3 {
  font-size: 28px; line-height: 1.08; margin-bottom: 12px;
}
.oxx-page-applications .oxx-app-card p {
  font-size: 16px;
}
.oxx-page-applications .oxx-app-path-grid {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 18px;
}
.oxx-page-applications .oxx-app-path-card {
  min-height: 100%;
}
.oxx-page-applications .oxx-app-path-card h3 {
  font-size: 24px;
}
.oxx-page-applications .oxx-app-cta-band {
  padding: 30px 32px;
}
.oxx-page-applications .oxx-app-cta-band h3 {
  font-size: 34px;
}
@media (max-width: 989px) {
  .oxx-page-applications .oxx-app-path-grid,
  .oxx-page-wrap .oxx-app-grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
}
@media (max-width: 749px) {
  .oxx-page-applications .oxx-app-order-panel h3 { font-size: 26px; }
  .oxx-page-applications .oxx-app-path-grid,
  .oxx-page-wrap .oxx-app-grid { grid-template-columns: 1fr; }
  .oxx-page-applications .oxx-app-card h3 { font-size: 24px; }
  .oxx-page-applications .oxx-app-cta-band { padding: 22px; }
  .oxx-page-applications .oxx-app-cta-band h3 { font-size: 28px; }
}


/* OxxRing material parent collection entry links - added 2026-04-24 */
.oxx-page-material-guide .oxx-v2-material-card--link {
  display: block;
  color: inherit;
  text-decoration: none;
  cursor: pointer;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.oxx-page-material-guide .oxx-v2-material-card--link:hover {
  transform: translateY(-3px);
  border-color: rgba(255,107,0,.28);
}
.oxx-page-material-guide .oxx-v2-material-card.card--ffkm {
  box-shadow: inset 0 3px 0 #7b2cbf, var(--oxx-v2-shadow-card);
}
.oxx-page-material-guide .oxx-v2-material-card__cta {
  display: inline-flex;
  align-items: center;
  margin-top: 16px;
  color: #ff6b00;
  font-weight: 900;
  font-size: 13px;
  letter-spacing: .02em;
}
@media (min-width: 1200px) {
  .oxx-page-material-guide .oxx-v2-material-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}

/* v7b Applications hero clarity safe patch - target page only
   Goal: make the Applications hero background visibly clearer while keeping copy readable. */
.oxx-page-applications .oxx-app-hero {
  background: #070707 !important;
  min-height: 430px;
  align-items: center !important;
  isolation: isolate;
}
.oxx-page-applications .oxx-app-hero .oxx-app-hero-media {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  z-index: 0 !important;
  background-image: url("/cdn/shop/files/bf2c7f0592fbf0e47c385d31ab2266f3.png?v=1777387131") !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  filter: brightness(1.36) contrast(1.12) saturate(1.08);
  transform: scale(1.015);
  transform-origin: center center;
  pointer-events: none !important;
}
.oxx-page-applications .oxx-app-hero::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  width: auto !important;
  height: auto !important;
  border: 0 !important;
  border-radius: inherit !important;
  background:
    linear-gradient(90deg, rgba(4,4,4,.90) 0%, rgba(5,5,5,.78) 34%, rgba(7,7,7,.40) 62%, rgba(8,8,8,.12) 100%),
    radial-gradient(circle at 22% 45%, rgba(0,0,0,.38) 0%, rgba(0,0,0,.18) 30%, rgba(0,0,0,0) 58%),
    linear-gradient(180deg, rgba(0,0,0,.08) 0%, rgba(0,0,0,.12) 100%) !important;
  pointer-events: none !important;
  z-index: 1 !important;
}
.oxx-page-applications .oxx-app-hero::after {
  content: "" !important;
  position: absolute !important;
  right: -110px !important;
  bottom: -160px !important;
  width: 360px !important;
  height: 360px !important;
  border: 20px solid rgba(255,107,0,.13) !important;
  border-radius: 50% !important;
  background: transparent !important;
  pointer-events: none !important;
  z-index: 1 !important;
}
.oxx-page-applications .oxx-app-hero > * {
  position: relative !important;
  z-index: 2 !important;
}
.oxx-page-applications .oxx-app-hero .oxx-app-hero-media {
  position: absolute !important;
  z-index: 0 !important;
}
.oxx-page-applications .oxx-app-hero .oxx-page-kicker {
  color: #ffb376 !important;
  text-shadow: 0 2px 14px rgba(0,0,0,.48) !important;
}
.oxx-page-applications .oxx-app-hero .oxx-page-title {
  color: #fff !important;
  text-shadow: 0 4px 28px rgba(0,0,0,.86), 0 1px 0 rgba(0,0,0,.72) !important;
  max-width: 760px !important;
}
.oxx-page-applications .oxx-app-hero .oxx-page-subtitle {
  color: rgba(255,255,255,.95) !important;
  text-shadow: 0 3px 20px rgba(0,0,0,.78) !important;
  font-weight: 600 !important;
  max-width: 690px !important;
}
.oxx-page-applications .oxx-app-hero .oxx-btn--ghost {
  background: rgba(0,0,0,.26) !important;
  border-color: rgba(255,255,255,.34) !important;
  color: #fff !important;
  backdrop-filter: blur(2px);
}
.oxx-page-applications .oxx-app-order-panel {
  background: rgba(255,255,255,.95) !important;
  border: 1px solid rgba(255,255,255,.62) !important;
  box-shadow: 0 22px 48px rgba(0,0,0,.24) !important;
  backdrop-filter: blur(2px);
}
.oxx-page-applications .oxx-app-order-panel h3,
.oxx-page-applications .oxx-app-order-item span {
  color: #111 !important;
}
.oxx-page-applications .oxx-app-order-item small {
  color: #555 !important;
}

@media (max-width: 1199px) {
  .oxx-page-applications .oxx-app-hero {
    min-height: auto;
  }
  .oxx-page-applications .oxx-app-hero .oxx-app-hero-media {
    background-position: 58% center !important;
  }
}
@media (max-width: 767px) {
  .oxx-page-applications .oxx-app-hero {
    padding: 30px 20px !important;
  }
  .oxx-page-applications .oxx-app-hero .oxx-app-hero-media {
    background-position: 60% center !important;
    filter: brightness(1.22) contrast(1.10) saturate(1.06);
  }
  .oxx-page-applications .oxx-app-hero::before {
    background:
      linear-gradient(180deg, rgba(5,5,5,.90) 0%, rgba(7,7,7,.80) 52%, rgba(8,8,8,.66) 100%),
      radial-gradient(circle at 28% 30%, rgba(0,0,0,.42) 0%, rgba(0,0,0,.18) 38%, rgba(0,0,0,0) 66%) !important;
  }
  .oxx-page-applications .oxx-app-hero::after {
    right: -170px !important;
    bottom: -190px !important;
    opacity: .65;
  }
  .oxx-page-applications .oxx-app-hero .oxx-page-title {
    font-size: clamp(34px, 11vw, 46px) !important;
    line-height: 1.03 !important;
  }
  .oxx-page-applications .oxx-app-order-panel {
    margin-top: 6px;
  }
}

/* v10.0 Knowledge Base page hub: filled category link groups + real article routes */
.oxx-kb-final-cat{
  align-items:stretch !important;
  text-align:left !important;
  min-height:300px !important;
}
.oxx-kb-final-cat .oxx-kb-final-cat__icon{
  align-self:center !important;
}
.oxx-kb-final-cat h3{
  text-align:center !important;
}
.oxx-kb-final-cat p{
  min-height:0 !important;
  max-width:none !important;
  text-align:center !important;
}
.oxx-kb-final-cat-links{
  display:grid;
  gap:7px;
  margin:15px 0 0;
  padding:12px 0 0;
  border-top:1px solid #ededed;
}
.oxx-kb-final-cat-links a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  min-height:30px;
  padding:6px 8px;
  border-radius:8px;
  color:#222 !important;
  background:#f7f7f6;
  text-decoration:none !important;
  font-size:12px;
  line-height:1.22;
  font-weight:800;
}
.oxx-kb-final-cat-links a::after{
  content:'›';
  color:var(--kb-orange);
  font-size:16px;
  line-height:1;
  font-weight:900;
}
.oxx-kb-final-cat-links a:hover{
  background:#fff2e9;
  color:#111 !important;
}
.oxx-kb-final-cat-view{
  display:block;
  margin-top:auto;
  padding-top:13px;
  color:var(--kb-orange) !important;
  text-align:center;
  text-decoration:none !important;
  font-size:13px;
  line-height:1.2;
  font-weight:900;
}
.thumb-hardness{background:linear-gradient(135deg,#eeeeed,#d9d9d7);}
.thumb-hardness:before{left:28px;bottom:30px;width:150px;height:22px;border-radius:999px;background:#151515;box-shadow:34px -32px 0 -4px #151515,72px -46px 0 -7px #151515;}
.thumb-hardness:after{right:34px;top:28px;width:72px;height:72px;border-radius:50%;border:8px solid #d3d3d3;background:#f8f8f7;box-shadow:inset 0 0 0 2px #bcbcbc;}
.thumb-faq-buying{background:linear-gradient(135deg,#f4f4f3,#dededc);}
.thumb-faq-buying:before{left:30px;top:40px;width:95px;height:84px;border-radius:10px;background:#fff;box-shadow:0 8px 20px rgba(0,0,0,.12), 118px 0 0 -18px #fff;}
.thumb-faq-buying:after{right:36px;bottom:32px;width:54px;height:54px;border-radius:50%;border:9px solid var(--kb-orange);background:transparent;}
@media(max-width:1199px){
  .oxx-kb-final-cat{min-height:280px !important;}
}
@media(max-width:749px){
  .oxx-kb-final-cat{
    min-height:auto !important;
    text-align:left !important;
  }
  .oxx-kb-final-cat h3,
  .oxx-kb-final-cat p{
    text-align:left !important;
  }
  .oxx-kb-final-cat .oxx-kb-final-cat__icon{
    align-self:flex-start !important;
  }
  .oxx-kb-final-cat-links{
    grid-template-columns:1fr;
    gap:6px;
    margin-top:12px;
  }
  .oxx-kb-final-cat-links a{
    min-height:32px;
    font-size:12px;
  }
  .oxx-kb-final-cat-view{
    text-align:left;
  }
}


/* v10.1 Knowledge Base real Shopify CDN thumbnails for article cards */
.thumb-faq-buying,
.thumb-kit,
.thumb-material-rings,
.thumb-hardness,
.thumb-chem-lab,
.thumb-lube,
.thumb-install,
.thumb-leak{
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #e9e9e7;
}

.thumb-faq-buying:before,
.thumb-faq-buying:after,
.thumb-kit:before,
.thumb-kit:after,
.thumb-material-rings:before,
.thumb-material-rings:after,
.thumb-hardness:before,
.thumb-hardness:after,
.thumb-chem-lab:before,
.thumb-chem-lab:after,
.thumb-lube:before,
.thumb-lube:after,
.thumb-install:before,
.thumb-install:after,
.thumb-leak:before,
.thumb-leak:after{
  content: none !important;
  display: none !important;
}

/* URL order follows the Shopify backend article-image mapping provided by the user */
.thumb-faq-buying{
  background-image: url('/cdn/shop/files/1654151e-7a3e-4456-9540-643e45d02851.png?v=1777482715');
}
.thumb-kit{
  background-image: url('/cdn/shop/files/bda61780-19f2-4afe-8f2e-e4d29d8a7cd8.png?v=1777482716');
}
.thumb-material-rings{
  background-image: url('/cdn/shop/files/953d530b-54c5-4f48-a638-af0ad40c84db.png?v=1777482718');
}
.thumb-hardness{
  background-image: url('/cdn/shop/files/44520911-84b5-49c3-8be3-2c9077b50c10.png?v=1777482720');
}
.thumb-chem-lab{
  background-image: url('/cdn/shop/files/b917ecc7-5a36-406d-86d6-d42ffca727b0.png?v=1777482723');
}
.thumb-lube{
  background-image: url('/cdn/shop/files/f70c2e13-8735-4e94-913c-adc92e93bd19.png?v=1777482727');
}
.thumb-install{
  background-image: url('/cdn/shop/files/378a5b2a-c5bb-434e-86a1-d3af54d451b2.png?v=1777482730');
}
.thumb-leak{
  background-image: url('/cdn/shop/files/ee8c9b63-6675-4954-978e-8b201a9907ca.png?v=1777482732');
}


/* v10.2 trust-page closeout: cleaner links for Applications and FAQ support paths */
.oxx-page-applications .oxx-app-card,
.oxx-page-applications .oxx-app-path-card{
  text-decoration: none !important;
  color: inherit !important;
}
.oxx-page-applications .oxx-app-card h3,
.oxx-page-applications .oxx-app-card p,
.oxx-page-applications .oxx-app-path-card h3,
.oxx-page-applications .oxx-app-path-card p{
  text-decoration: none !important;
}
.oxx-page-applications .oxx-app-card:hover .oxx-link,
.oxx-page-applications .oxx-app-path-card:hover .oxx-link{
  color: #e85f00 !important;
  text-decoration: none !important;
}
.oxx-page-faq-v2 .oxx-accordion-content a{
  color: var(--faq-orange) !important;
  font-weight: 800;
  text-decoration: none;
  border-bottom: 1px solid rgba(255,107,0,.35);
}
.oxx-page-faq-v2 .oxx-accordion-content a:hover{
  border-bottom-color: var(--faq-orange);
}


/* v12 trust pages polish: contact icon alignment, email handling, FAQ chip links, and clearer hero backgrounds */
#support-details{scroll-margin-top:120px;}

.oxx-contact-page :is(.oxx-contact-summary-icon,.oxx-contact-quick-icon,.oxx-contact-split-icon,.oxx-contact-detail-icon,.oxx-contact-link-icon,.oxx-contact-check){
  display:grid !important;
  place-items:center !important;
  line-height:1 !important;
  overflow:hidden !important;
}
.oxx-contact-page :is(.oxx-contact-summary-icon,.oxx-contact-quick-icon,.oxx-contact-detail-icon,.oxx-contact-link-icon) svg{
  display:block !important;
  position:static !important;
  transform:none !important;
  margin:0 !important;
  flex:none !important;
  width:21px !important;
  height:21px !important;
  overflow:visible !important;
}
.oxx-contact-page .oxx-contact-split-icon svg{
  display:block !important;
  position:static !important;
  transform:none !important;
  margin:0 !important;
  flex:none !important;
  width:42px !important;
  height:42px !important;
}
.oxx-contact-page .oxx-contact-check svg{width:12px !important;height:12px !important;display:block !important;position:static !important;}
.oxx-contact-page .oxx-contact-email-text{display:block;color:var(--oxx-accent);font-size:15px;line-height:1.5;font-weight:800;word-break:break-word;}
.oxx-contact-page .oxx-btn[href="#support-details"]{white-space:nowrap;}

.oxx-page-faq-v2 a.faq-chip{
  text-decoration:none !important;
  cursor:pointer;
  transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease;
}
.oxx-page-faq-v2 a.faq-chip:hover{
  background:#ff6b00;
  border-color:#ff6b00;
  color:#fff;
  transform:translateY(-1px);
}
.oxx-page-faq-v2 .faq-group .oxx-accordion-content a{
  color:#ff5b00 !important;
  text-decoration:underline;
  text-decoration-thickness:1px;
  text-underline-offset:3px;
  font-weight:800;
}

.oxx-page-faq-v2 .faq-hero{
  background:
    linear-gradient(90deg, rgba(5,7,10,.88) 0%, rgba(7,10,16,.80) 30%, rgba(9,13,20,.50) 58%, rgba(9,13,20,.18) 100%),
    linear-gradient(180deg, rgba(8,10,14,.04) 0%, rgba(8,10,14,.10) 100%),
    url('/cdn/shop/files/b7060e7cabece19a35da6bb50e95750c.jpg?v=1777034857') center center / cover no-repeat,
    linear-gradient(135deg, #090a0d 0%, #10131a 100%) !important;
}
.oxx-page-about .oxx-about-hero{
  background:
    linear-gradient(90deg, rgba(6,8,12,.88) 0%, rgba(8,11,17,.76) 30%, rgba(11,14,20,.42) 58%, rgba(12,15,21,.12) 100%),
    linear-gradient(180deg, rgba(8,10,14,.03) 0%, rgba(8,10,14,.08) 100%),
    url('/cdn/shop/files/ChatGPT_Image_Apr_24_2026_10_24_29_PM.png?v=1777040710') 94% 52% / 58% auto no-repeat,
    linear-gradient(135deg,#090b10 0%,#12151c 100%) !important;
}
.oxx-page-applications .oxx-app-hero .oxx-app-hero-media{
  filter:brightness(1.46) contrast(1.12) saturate(1.08) !important;
}
.oxx-page-applications .oxx-app-hero::before{
  background:
    linear-gradient(90deg, rgba(4,4,4,.86) 0%, rgba(5,5,5,.70) 34%, rgba(7,7,7,.34) 62%, rgba(8,8,8,.08) 100%),
    radial-gradient(circle at 22% 45%, rgba(0,0,0,.34) 0%, rgba(0,0,0,.14) 30%, rgba(0,0,0,0) 58%),
    linear-gradient(180deg, rgba(0,0,0,.05) 0%, rgba(0,0,0,.08) 100%) !important;
}
.oxx-page-applications a.oxx-app-card,
.oxx-page-applications a.oxx-app-path-card{
  color:inherit !important;
  text-decoration:none !important;
}
.oxx-page-applications a.oxx-app-card h3,
.oxx-page-applications a.oxx-app-path-card h3,
.oxx-page-applications a.oxx-app-card p,
.oxx-page-applications a.oxx-app-path-card p{
  text-decoration:none !important;
}

@media (max-width: 1199px){
  .oxx-page-about .oxx-about-hero{
    background:
      linear-gradient(90deg, rgba(6,8,12,.88) 0%, rgba(8,11,17,.76) 36%, rgba(11,14,20,.46) 64%, rgba(12,15,21,.12) 100%),
      linear-gradient(180deg, rgba(8,10,14,.03) 0%, rgba(8,10,14,.08) 100%),
      url('/cdn/shop/files/ChatGPT_Image_Apr_24_2026_10_24_29_PM.png?v=1777040710') 100% 52% / 62% auto no-repeat,
      linear-gradient(135deg,#090b10 0%,#12151c 100%) !important;
  }
}
@media (max-width: 749px){
  .oxx-page-faq-v2 .faq-hero{
    background:
      linear-gradient(180deg, rgba(5,7,10,.88) 0%, rgba(7,10,16,.76) 46%, rgba(9,13,20,.56) 100%),
      url('/cdn/shop/files/b7060e7cabece19a35da6bb50e95750c.jpg?v=1777034857') 68% center / cover no-repeat,
      linear-gradient(135deg, #090a0d 0%, #10131a 100%) !important;
  }
  .oxx-page-about .oxx-about-hero{
    background:
      linear-gradient(180deg, rgba(6,8,12,.86) 0%, rgba(8,11,17,.74) 46%, rgba(11,14,20,.52) 100%),
      url('/cdn/shop/files/ChatGPT_Image_Apr_24_2026_10_24_29_PM.png?v=1777040710') 82% 58% / cover no-repeat,
      linear-gradient(135deg,#090b10 0%,#12151c 100%) !important;
  }
  .oxx-page-applications .oxx-app-hero .oxx-app-hero-media{
    filter:brightness(1.30) contrast(1.10) saturate(1.06) !important;
  }
  .oxx-page-applications .oxx-app-hero::before{
    background:
      linear-gradient(180deg, rgba(5,5,5,.88) 0%, rgba(7,7,7,.76) 52%, rgba(8,8,8,.60) 100%),
      radial-gradient(circle at 28% 30%, rgba(0,0,0,.36) 0%, rgba(0,0,0,.16) 38%, rgba(0,0,0,0) 66%) !important;
  }
}

/* v26.2 conversion tools */
.oxx-page-wrap .oxx-size-tool,
.oxx-page-wrap .oxx-material-selector {
  background: #fff;
  border: 1px solid var(--oxx-line);
  border-radius: 24px;
  box-shadow: 0 16px 40px rgba(0,0,0,.05);
  padding: 28px;
}
.oxx-page-wrap .oxx-size-tool__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 16px;
}
.oxx-page-wrap .oxx-size-tool__field,
.oxx-page-wrap .oxx-material-selector__card {
  display: grid;
  gap: 8px;
}
.oxx-page-wrap .oxx-size-tool__field span,
.oxx-page-wrap .oxx-material-selector__label {
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #6b7280;
}
.oxx-page-wrap .oxx-size-tool__field input {
  width: 100%;
  min-height: 52px;
  border: 1px solid #d7dbe2;
  border-radius: 14px;
  padding: 0 16px;
  font-size: 16px;
  color: #111;
  background: #fff;
}
.oxx-page-wrap .oxx-size-tool__field input:focus {
  outline: 0;
  border-color: #ff6b00;
  box-shadow: 0 0 0 3px rgba(255,107,0,.12);
}
.oxx-page-wrap .oxx-size-tool__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  align-items: center;
  justify-content: space-between;
  margin-top: 16px;
}
.oxx-page-wrap .oxx-size-tool__unit,
.oxx-page-wrap .oxx-size-tool__hint {
  margin: 0;
  color: #4b5563;
  font-size: 14px;
  line-height: 1.6;
}
.oxx-page-wrap .oxx-size-tool__actions,
.oxx-page-wrap .oxx-size-tool__links,
.oxx-page-wrap .oxx-material-selector__links {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 18px;
}
.oxx-page-wrap .oxx-size-tool__feedback {
  margin-top: 16px;
  padding: 14px 16px;
  border-radius: 14px;
  background: #fff4eb;
  border: 1px solid #ffd4b5;
  color: #9a3412;
  font-size: 14px;
  line-height: 1.6;
}
.oxx-page-wrap .oxx-size-tool__result {
  margin-top: 18px;
  padding: 20px;
  border-radius: 18px;
  background: #f8fafc;
  border: 1px solid #e4e8ef;
}
.oxx-page-wrap .oxx-size-tool__result-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 14px;
}
.oxx-page-wrap .oxx-size-tool__result-grid div {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 16px;
  padding: 14px 16px;
}
.oxx-page-wrap .oxx-size-tool__result-grid span {
  display: block;
  margin-bottom: 6px;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #6b7280;
}
.oxx-page-wrap .oxx-size-tool__result-grid strong {
  display: block;
  font-size: 24px;
  line-height: 1.1;
  color: #111827;
}
.oxx-page-wrap .oxx-size-tool__formula {
  margin: 16px 0 0;
  color: #374151;
  font-size: 14px;
  line-height: 1.7;
}
.oxx-page-wrap .oxx-material-selector__prompt {
  margin-bottom: 14px;
  font-size: 18px;
  color: #111827;
}
.oxx-page-wrap .oxx-material-selector__options {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.oxx-page-wrap .oxx-material-selector__option {
  appearance: none;
  border: 1px solid #d8dee7;
  background: #fff;
  color: #111827;
  min-height: 46px;
  padding: 0 16px;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
  transition: .2s ease;
}
.oxx-page-wrap .oxx-material-selector__option:hover,
.oxx-page-wrap .oxx-material-selector__option.is-active {
  border-color: #ff6b00;
  background: #ff6b00;
  color: #fff;
}
.oxx-page-wrap .oxx-material-selector__result {
  margin-top: 18px;
  display: grid;
  gap: 16px;
}
.oxx-page-wrap .oxx-material-selector__card {
  padding: 20px;
  border-radius: 18px;
  background: #f8fafc;
  border: 1px solid #e4e8ef;
}
.oxx-page-wrap .oxx-material-selector__card h3 {
  margin: 0;
  font-size: 28px;
  color: #111827;
}
.oxx-page-wrap .oxx-material-selector__card p {
  margin: 0;
  color: #374151;
  line-height: 1.7;
}
@media (max-width: 989px) {
  .oxx-page-wrap .oxx-size-tool__grid,
  .oxx-page-wrap .oxx-size-tool__result-grid {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 749px) {
  .oxx-page-wrap .oxx-size-tool,
  .oxx-page-wrap .oxx-material-selector {
    padding: 22px 18px;
    border-radius: 20px;
  }
  .oxx-page-wrap .oxx-size-tool__actions,
  .oxx-page-wrap .oxx-size-tool__links,
  .oxx-page-wrap .oxx-material-selector__links {
    flex-direction: column;
  }
  .oxx-page-wrap .oxx-material-selector__option {
    width: 100%;
    justify-content: center;
  }
}