:root {
      --bg: #0E1118;
      --bg-elevated: #161B26;
      --bg-light: #1C2230;
      --text: #FFFFFF;
      --text-muted: #64748B;
      --accent: #E11D48;
      --accent-hover: #BE123C;
      --border: #2A3142;
      --surface-light: #F3F4F6;
      --text-on-light: #0E1118;
    }
    * { box-sizing: border-box; margin: 0; padding: 0; }
    body {
      font-family: 'Inter', system-ui, sans-serif;
      background: var(--bg);
      color: var(--text);
      line-height: 1.6;
    }
    .wrap { max-width: 1280px; margin: 0 auto; padding: 0 24px; }

    /* Nav + Mega Menu */
    .site-header {
      position: sticky; top: 28px; z-index: 1000;
      background: rgba(14, 17, 24, 0.96);
      backdrop-filter: blur(14px);
      border-bottom: 1px solid var(--border);
    }
    .nav-bar {
      display: flex; align-items: center; justify-content: space-between;
      height: 72px; gap: 24px;
    }
    .logo {
      display: flex; align-items: center; flex-shrink: 0;
      text-decoration: none;
    }
    .logo img {
      display: block; height: 44px; width: auto;
    }
    .main-nav {
      display: flex; align-items: center; gap: 4px; flex: 1; justify-content: center;
    }
    .nav-item { position: static; }
    .nav-trigger {
      display: inline-flex; align-items: center; gap: 6px;
      padding: 10px 16px; border: none; background: transparent;
      color: rgba(255,255,255,0.78); font: 500 0.9rem/1 'Inter', sans-serif;
      cursor: pointer; border-radius: 6px; transition: color 0.2s, background 0.2s;
    }
    .nav-trigger .chev { font-size: 0.65rem; opacity: 0.7; transition: transform 0.2s; }
    .nav-item:hover .nav-trigger,
    .nav-item.is-open .nav-trigger {
      color: #fff; background: rgba(255,255,255,0.06);
    }
    .nav-item:hover .chev,
    .nav-item.is-open .chev { transform: rotate(180deg); }
    .mega-panel {
      position: absolute; left: 0; right: 0; top: calc(100% - 1px);
      background: var(--bg-elevated);
      border-bottom: 1px solid var(--border);
      box-shadow: 0 24px 48px rgba(0,0,0,0.45);
      opacity: 0; visibility: hidden; pointer-events: none;
      transform: translateY(8px);
      transition: opacity 0.22s ease, transform 0.22s ease, visibility 0.22s;
    }
    .mega-panel::before {
      content: '';
      position: absolute;
      top: -20px;
      left: 0;
      right: 0;
      height: 20px;
    }
    .nav-item:hover .mega-panel,
    .nav-item.is-open .mega-panel,
    .nav-item:focus-within .mega-panel {
      opacity: 1; visibility: visible; pointer-events: auto; transform: translateY(0);
    }
    .mega-inner { padding: 36px 0 32px; }
    .mega-grid-4 {
      display: grid; grid-template-columns: repeat(4, 1fr); gap: 32px;
    }
    .mega-grid-3 {
      display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px;
    }
    .mega-grid-2 {
      display: grid; grid-template-columns: 1fr 1fr; gap: 32px;
    }
    .mega-col-title {
      font: 600 0.6875rem/1 'Space Grotesk', sans-serif;
      letter-spacing: 0.1em; text-transform: uppercase;
      color: var(--accent); margin-bottom: 16px; padding-bottom: 10px;
      border-bottom: 1px solid var(--border);
    }
    .mega-col-title.muted { color: var(--text-muted); }
    .mega-link {
      display: block; padding: 8px 0; text-decoration: none;
      color: rgba(255,255,255,0.88); font-size: 0.875rem; line-height: 1.35;
      transition: color 0.15s, padding-left 0.15s;
    }
    .mega-link:hover { color: #fff; padding-left: 6px; }
    .mega-link small {
      display: block; font-size: 0.75rem; color: var(--text-muted);
      margin-top: 2px; font-weight: 400;
    }
    .mega-footer {
      margin-top: 28px; padding-top: 20px; border-top: 1px solid var(--border);
      display: flex; align-items: center; justify-content: space-between; gap: 16px;
    }
    .mega-footer a {
      font: 600 0.875rem/1 'Space Grotesk', sans-serif;
      color: var(--accent); text-decoration: none;
    }
    .mega-footer a:hover { text-decoration: underline; }
    .mega-footer span { font-size: 0.8125rem; color: var(--text-muted); }
    .mega-card {
      background: var(--bg-light); border: 1px solid var(--border);
      border-radius: 8px; padding: 20px; text-decoration: none;
      transition: border-color 0.2s, transform 0.2s;
    }
    .mega-card:hover {
      border-color: rgba(225, 29, 72, 0.45); transform: translateY(-2px);
    }
    .mega-card h4 {
      font: 600 0.9375rem/1.3 'Space Grotesk', sans-serif; color: #fff; margin-bottom: 8px;
    }
    .mega-card p { font-size: 0.8125rem; color: var(--text-muted); margin-bottom: 12px; }
    .mega-card span { font-size: 0.8125rem; color: var(--accent); font-weight: 600; }
    .mega-side {
      background: var(--bg-light); border: 1px solid var(--border);
      border-radius: 8px; padding: 24px;
    }
    .mega-side h4 {
      font: 600 0.8125rem/1 'Space Grotesk', sans-serif;
      letter-spacing: 0.06em; text-transform: uppercase;
      color: var(--text-muted); margin-bottom: 12px;
    }
    .mega-side p { font-size: 0.8125rem; color: var(--text-muted); margin-bottom: 16px; }
    .mega-side .btn { width: 100%; font-size: 0.8125rem; padding: 10px 16px; }
    .mega-compact { display: grid; grid-template-columns: 1fr 1fr; gap: 8px 32px; }
    .btn {
      display: inline-flex; align-items: center; justify-content: center;
      padding: 12px 24px; border-radius: 6px; font-family: 'Space Grotesk', sans-serif;
      font-weight: 600; font-size: 0.875rem; text-decoration: none;
      border: none; cursor: pointer; transition: all 0.2s; white-space: nowrap;
    }
    .btn-ruby { background: var(--accent); color: #fff; }
    .btn-ruby:hover { background: var(--accent-hover); }
    .btn-outline {
      background: transparent; color: #fff;
      border: 1px solid var(--text-muted);
    }
    .btn-outline:hover { border-color: #fff; }

    /* Hero */
    .hero {
      padding: 100px 0 0;
      background:
        radial-gradient(ellipse 80% 60% at 70% 20%, rgba(225, 29, 72, 0.08) 0%, transparent 60%),
        var(--bg);
    }
    .hero-grid {
      display: grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: center;
      padding-bottom: 8px;
    }
    .overline {
      font: 600 0.6875rem/1 'Space Grotesk', sans-serif;
      letter-spacing: 0.1em; text-transform: uppercase;
      color: var(--accent); margin-bottom: 20px;
    }
    h1 {
      font-family: 'Space Grotesk', sans-serif;
      font-size: clamp(2rem, 4.5vw, 3.25rem);
      font-weight: 700; line-height: 1.08; letter-spacing: -0.03em;
      margin-bottom: 24px;
    }
    .hero p {
      font-size: 1.125rem; color: var(--text-muted); max-width: 520px; margin-bottom: 36px;
    }
    .hero-ctas { display: flex; gap: 16px; flex-wrap: wrap; }

    /* Product showcase carousel */
    .hero-carousel {
      border: 1px solid var(--border); border-radius: 10px;
      overflow: hidden; background: #000;
      box-shadow: 0 24px 48px rgba(0,0,0,0.5);
    }
    .carousel-viewport { position: relative; aspect-ratio: 4/3; background: #05070a; }
    .carousel-slide {
      position: absolute; inset: 0; opacity: 0;
      transition: opacity 0.55s ease;
      pointer-events: none;
    }
    .carousel-slide.is-active { opacity: 1; pointer-events: auto; }
    .carousel-slide-link {
      display: block; width: 100%; height: 100%;
    }
    .carousel-slide img {
      width: 100%; height: 100%; object-fit: cover; object-position: center;
      display: block;
    }
    .carousel-btn {
      position: absolute; top: 50%; transform: translateY(-50%);
      z-index: 3; width: 40px; height: 40px; border-radius: 50%;
      border: 1px solid var(--border); background: rgba(14,17,24,0.85);
      color: #fff; font-size: 1.25rem; cursor: pointer;
      display: grid; place-items: center; transition: border-color 0.2s, background 0.2s;
    }
    .carousel-btn:hover { border-color: var(--accent); background: rgba(225,29,72,0.2); }
    .carousel-btn.prev { left: 12px; }
    .carousel-btn.next { right: 12px; }
    .carousel-counter {
      position: absolute; top: 12px; right: 12px; z-index: 3;
      font-family: 'JetBrains Mono', monospace; font-size: 0.6875rem;
      color: var(--text-muted); background: rgba(14,17,24,0.8);
      padding: 4px 10px; border-radius: 4px; border: 1px solid var(--border);
    }
    .carousel-meta {
      display: block; padding: 14px 16px; background: var(--bg-elevated);
      border-top: 1px solid var(--border);
      height: 4.75rem; box-sizing: border-box;
      text-decoration: none; color: inherit;
      transition: background 0.2s;
    }
    .carousel-meta:hover { background: var(--bg-light); }
    .carousel-meta .slide-title {
      display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;
      overflow: hidden;
      font-family: 'Space Grotesk', sans-serif;
      font-weight: 600; font-size: 0.9375rem; line-height: 1.35;
      color: #fff; margin-bottom: 4px;
    }
    .carousel-meta .slide-spec {
      display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;
      overflow: hidden;
      font-family: 'JetBrains Mono', monospace; font-size: 0.6875rem;
      line-height: 1.4; color: var(--accent); letter-spacing: 0.04em;
    }
    .carousel-thumbs {
      display: flex; gap: 8px; padding: 10px 12px 12px;
      background: var(--bg-light); border-top: 1px solid var(--border);
      overflow-x: auto; scrollbar-width: none;
    }
    .carousel-thumbs::-webkit-scrollbar { display: none; }
    .carousel-thumb {
      flex: 0 0 72px; height: 48px; border-radius: 4px;
      border: 2px solid transparent; overflow: hidden; cursor: pointer;
      opacity: 0.45; transition: opacity 0.2s, border-color 0.2s;
      padding: 0; background: none;
    }
    .carousel-thumb img { width: 100%; height: 100%; object-fit: cover; }
    .carousel-thumb.is-active, .carousel-thumb:hover {
      opacity: 1; border-color: var(--accent);
    }
    .carousel-disclaimer {
      position: absolute;
      bottom: 8px;
      right: 12px;
      left: auto;
      z-index: 3;
      margin: 0;
      font-family: 'Inter', sans-serif;
      font-size: 0.8rem;
      font-weight: 100;
      line-height: 1.3;
      color: #f8f8f8b0;
      letter-spacing: 0.03em;
      pointer-events: none;
      text-align: right;
    }

    /* Full-width hardware strip (below hero) */
    .hardware-strip {
      padding: 0 0 48px;
      background: var(--bg);
      border-bottom: 1px solid var(--border);
    }
    .hardware-strip .wrap { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 16px; }
    .hardware-strip h2 {
      font-family: 'Space Grotesk', sans-serif; font-size: 0.8125rem;
      font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase;
      color: var(--text-muted);
    }
    .hardware-strip .strip-link {
      font-size: 0.8125rem; color: var(--accent); text-decoration: none; font-weight: 600;
    }
    .hardware-strip-wrap {
      position: relative; max-width: 1280px; margin: 0 auto; padding: 0 48px;
    }
    .hardware-strip-wrap::before,
    .hardware-strip-wrap::after {
      content: ''; position: absolute; top: 0; bottom: 0; width: 48px; z-index: 2;
      pointer-events: none;
    }
    .hardware-strip-wrap::before {
      left: 0; background: linear-gradient(90deg, var(--bg) 20%, transparent);
    }
    .hardware-strip-wrap::after {
      right: 0; background: linear-gradient(270deg, var(--bg) 20%, transparent);
    }
    .strip-scroll-btn {
      position: absolute; top: 50%; transform: translateY(-50%); z-index: 3;
      width: 36px; height: 36px; border-radius: 50%;
      border: 1px solid var(--border); background: rgba(22,27,38,0.95);
      color: var(--text-muted); font-size: 1.1rem; cursor: pointer;
      display: grid; place-items: center; transition: color 0.2s, border-color 0.2s;
    }
    .strip-scroll-btn:hover { color: #fff; border-color: var(--accent); }
    .strip-scroll-btn.prev { left: 4px; }
    .strip-scroll-btn.next { right: 4px; }
    .hardware-scroll {
      display: flex; gap: 16px; overflow-x: auto; padding: 4px 0 12px;
      scroll-snap-type: x mandatory; scroll-behavior: smooth;
      scrollbar-width: none; -ms-overflow-style: none;
    }
    .hardware-scroll::-webkit-scrollbar { display: none; }
    .hardware-card {
      flex: 0 0 280px; scroll-snap-align: start;
      border: 1px solid var(--border); border-radius: 8px; overflow: hidden;
      background: var(--bg-elevated); text-decoration: none;
      transition: border-color 0.2s, transform 0.2s;
    }
    .hardware-card:hover { border-color: rgba(225,29,72,0.5); transform: translateY(-2px); }
    .hardware-card img { width: 100%; aspect-ratio: 16/10; object-fit: cover; display: block; }
    .hardware-card figcaption {
      padding: 12px 14px; font-size: 0.8125rem;
    }
    .hardware-card strong {
      display: block; font-family: 'Space Grotesk', sans-serif;
      color: #fff; font-size: 0.875rem; margin-bottom: 4px;
    }
    .hardware-card span {
      font-family: 'JetBrains Mono', monospace; font-size: 0.625rem;
      color: var(--accent);
    }

    /* Browse by category — lower hero (same surface as hero) */
    .hero-categories.category-quicklinks {
      position: relative;
      padding: 36px 0 64px;
      margin-top: 24px;
    }
    .hero-categories.category-quicklinks::before {
      display: none;
    }
    .category-quicklinks__head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 16px;
      margin-bottom: 20px;
      flex-wrap: wrap;
    }
    .category-quicklinks__head h2 {
      font-family: 'Space Grotesk', sans-serif;
      font-size: 0.8125rem;
      font-weight: 600;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      line-height: 1.2;
      color: var(--text-muted);
    }
    .category-quicklinks__all {
      font-family: 'Space Grotesk', sans-serif;
      font-size: 0.8125rem;
      font-weight: 600;
      color: var(--accent);
      text-decoration: none;
      white-space: nowrap;
      transition: color 0.2s;
    }
    .category-quicklinks__all:hover { color: #fff; }
    .category-quicklinks__grid {
      display: grid;
      grid-template-columns: repeat(5, 1fr);
      gap: 18px 14px;
    }
    .category-tile {
      display: block;
      text-decoration: none;
      color: inherit;
    }
    .category-tile__media {
      position: relative;
      width: 100%;
      aspect-ratio: 5 / 3;
      border-radius: 18px;
      overflow: hidden;
      background: #080a0f;
      display: block;
      border: 1px solid rgba(255, 255, 255, 0.08);
      box-shadow: none;
      transition: border-color 0.22s ease, box-shadow 0.22s ease, transform 0.22s ease;
    }
    .category-tile__media::after {
      content: '';
      position: absolute;
      inset: 0;
      z-index: 1;
      background: rgba(8, 10, 15, 0.68);
      transition: background 0.22s ease;
      pointer-events: none;
    }
    .category-tile:hover .category-tile__media::after {
      background: rgba(8, 10, 15, 0.52);
    }
    .category-tile:hover .category-tile__media {
      border-color: rgba(225, 29, 72, 0.7);
      box-shadow:
        0 0 0 1px rgba(225, 29, 72, 0.35),
        0 12px 36px rgba(225, 29, 72, 0.22);
      transform: translateY(-3px);
    }
    .category-tile__media img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
      transition: transform 0.22s ease, opacity 0.22s ease;
    }
    .category-tile:hover .category-tile__media img {
      transform: scale(1.04);
      opacity: 0.92;
    }
    .category-tile__label {
      position: absolute;
      inset: 0;
      z-index: 2;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 14px 16px;
      font-family: 'Space Grotesk', sans-serif;
      font-size: clamp(1rem, 1.55vw, 1.3125rem);
      font-weight: 600;
      text-align: center;
      line-height: 1.2;
      letter-spacing: -0.01em;
      color: #fff;
      background: transparent;
      transition: color 0.2s;
    }
    .category-tile:hover .category-tile__label {
      color: #fff;
    }

    /* Proof — institutional client section */
    .proof {
      padding: 80px 0;
      background:
        linear-gradient(180deg, rgba(225, 29, 72, 0.09) 0%, rgba(225, 29, 72, 0.02) 42%, transparent 100%),
        var(--bg-elevated);
      border-top: 1px solid rgba(225, 29, 72, 0.22);
      border-bottom: 1px solid rgba(225, 29, 72, 0.18);
      position: relative;
      overflow: hidden;
    }
    .proof::before {
      content: '';
      position: absolute;
      top: 0;
      left: 50%;
      transform: translateX(-50%);
      width: min(520px, 72%);
      height: 2px;
      background: linear-gradient(90deg, transparent, var(--accent), transparent);
      pointer-events: none;
    }
    .proof::after {
      content: '';
      position: absolute;
      inset: 0;
      background: radial-gradient(ellipse 90% 70% at 50% 0%, rgba(225, 29, 72, 0.08), transparent 62%);
      pointer-events: none;
    }
    .proof-inner {
      position: relative;
      z-index: 1;
      text-align: center;
    }
    .proof-overline {
      font-family: 'Space Grotesk', sans-serif;
      font-size: 0.6875rem;
      font-weight: 600;
      letter-spacing: 0.14em;
      text-transform: uppercase;
      color: var(--accent);
      margin-bottom: 12px;
    }
    .proof-label {
      font-family: 'Space Grotesk', sans-serif;
      font-size: clamp(1.125rem, 2.2vw, 1.375rem);
      font-weight: 500;
      color: #E2E8F0;
      font-style: normal;
      line-height: 1.45;
      letter-spacing: -0.01em;
      margin-bottom: 36px;
      max-width: 640px;
      margin-inline: auto;
    }
    .client-sectors {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 12px;
      max-width: 920px;
      margin-inline: auto;
    }
    .client-sector {
      display: inline-flex;
      align-items: center;
      padding: 14px 22px;
      border-radius: 999px;
      border: 1px solid rgba(225, 29, 72, 0.35);
      background: rgba(22, 27, 38, 0.85);
      box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.04) inset;
      font-family: 'Space Grotesk', sans-serif;
      font-weight: 600;
      font-size: 0.875rem;
      letter-spacing: 0.03em;
      color: #F8FAFC;
      transition: border-color 0.2s, background 0.2s, transform 0.2s;
    }
    .client-sector:hover {
      border-color: rgba(225, 29, 72, 0.7);
      background: rgba(225, 29, 72, 0.1);
      transform: translateY(-1px);
    }
    .logos {
      display: flex; justify-content: center; align-items: center;
      gap: 48px; flex-wrap: wrap; opacity: 0.45;
    }
    .logos div {
      font-family: 'Space Grotesk', sans-serif; font-weight: 600;
      font-size: 0.8rem; letter-spacing: 0.05em; color: #94A3B8;
      padding: 12px 20px; border: 1px dashed #334155; border-radius: 4px;
    }
    .logos.proof-credentials { opacity: 1; }
    .logos.proof-credentials div { border-style: solid; border-color: #334155; }
    .logos.proof-credentials--light {
      opacity: 1;
      margin-bottom: 48px;
      gap: 12px;
      padding: 20px 24px;
      border-radius: 12px;
      background: #fff;
      border: 1px solid #E2E8F0;
      box-shadow: 0 8px 24px rgba(15, 23, 42, 0.06);
    }
    .logos.proof-credentials--light div {
      border-color: #E2E8F0;
      color: #334155;
      background: #F8FAFC;
      font-size: 0.8125rem;
      font-weight: 600;
      padding: 10px 18px;
      border-radius: 999px;
    }
    .logos.proof-credentials--light div:first-child {
      border-color: rgba(225, 29, 72, 0.35);
      color: var(--accent);
      background: rgba(225, 29, 72, 0.06);
    }

    /* Legal prose */
    .legal-prose h2 { font-size: 1.125rem; margin: 2rem 0 0.75rem; }
    .legal-prose p { color: var(--text-muted); line-height: 1.7; margin-bottom: 1rem; max-width: 68ch; }

    /* Pillars */
    .pillars { padding: 96px 0; }
    .section-head { text-align: center; max-width: 720px; margin: 0 auto 56px; }
    .section-head h2 {
      font-family: 'Space Grotesk', sans-serif;
      font-size: clamp(1.5rem, 3vw, 2rem);
      font-weight: 600; line-height: 1.2; letter-spacing: -0.02em;
    }
    .pillar-grid {
      display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px;
    }
    .pillar {
      background: var(--bg-elevated); border: 1px solid var(--border);
      border-radius: 8px; padding: 32px;
      transition: border-color 0.2s;
    }
    .pillar:hover { border-color: rgba(225, 29, 72, 0.4); }
    .pillar-num {
      font-family: 'JetBrains Mono', monospace; font-size: 0.75rem;
      color: var(--text-muted); margin-bottom: 16px;
    }
    .pillar h3 {
      font-family: 'Space Grotesk', sans-serif; font-size: 1rem;
      font-weight: 600; margin-bottom: 12px; letter-spacing: 0.02em;
    }
    .pillar p { font-size: 0.875rem; color: var(--text-muted); margin-bottom: 24px; }
    .pillar--category {
      padding: 0;
      overflow: hidden;
      text-decoration: none;
      color: inherit;
      display: flex;
      flex-direction: column;
    }
    .pillar--category:hover { border-color: rgba(225, 29, 72, 0.4); }
    .pillar-media {
      aspect-ratio: 16 / 10;
      background: var(--bg-light);
      overflow: hidden;
      border-bottom: 1px solid var(--border);
    }
    .pillar-media img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
    }
    .pillar-media--empty {
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--text-muted);
      font-size: 2rem;
    }
    .pillar-body { padding: 24px 32px 32px; flex: 1; display: flex; flex-direction: column; }
    .pillar-body p { margin-bottom: 16px; flex: 1; }
    .pillar-link {
      color: var(--accent);
      font-size: 0.875rem;
      font-weight: 600;
    }
    .pillar a {
      color: #fff; font-size: 0.875rem; font-weight: 500; text-decoration: none;
      border-bottom: 1px solid var(--text-muted);
    }
    .pillar a:hover { border-color: var(--accent); color: var(--accent); }

    /* Homepage catalog pillars */
    .home-catalog {
      display: flex;
      flex-direction: column;
      gap: 20px;
    }
    .home-catalog__eyebrow {
      font-family: 'JetBrains Mono', monospace;
      font-size: 0.6875rem;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      color: var(--text-muted);
      margin-bottom: -4px;
    }
    .home-catalog__solutions {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 16px;
      align-items: start;
    }
    .home-catalog-card {
      display: block;
      padding: 22px 24px 20px;
      background: var(--bg-elevated);
      border: 1px solid var(--border);
      border-radius: 10px;
      text-decoration: none;
      color: inherit;
      transition: border-color 0.2s, transform 0.2s, background 0.2s;
    }
    .home-catalog-card:hover {
      border-color: rgba(225, 29, 72, 0.45);
      background: var(--bg-light);
      transform: translateY(-2px);
    }
    .home-catalog-card__num {
      display: inline-block;
      font-family: 'JetBrains Mono', monospace;
      font-size: 0.6875rem;
      color: var(--accent);
      letter-spacing: 0.06em;
      margin-bottom: 12px;
    }
    .home-catalog-card h3 {
      font-family: 'Space Grotesk', sans-serif;
      font-size: 1rem;
      font-weight: 600;
      margin-bottom: 10px;
      letter-spacing: -0.01em;
      line-height: 1.25;
    }
    .home-catalog-card p {
      font-size: 0.8125rem;
      color: var(--text-muted);
      line-height: 1.55;
      margin: 0 0 14px;
    }
    .home-catalog-card__cta {
      font-size: 0.8125rem;
      font-weight: 600;
      color: var(--accent);
    }
    .home-catalog-banner {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 24px;
      padding: 24px 28px;
      background: linear-gradient(135deg, rgba(225, 29, 72, 0.08) 0%, var(--bg-elevated) 55%);
      border: 1px solid rgba(225, 29, 72, 0.22);
      border-radius: 10px;
      text-decoration: none;
      color: inherit;
      transition: border-color 0.2s, transform 0.2s;
    }
    .home-catalog-banner:hover {
      border-color: rgba(225, 29, 72, 0.45);
      transform: translateY(-1px);
    }
    .home-catalog-banner__eyebrow {
      display: block;
      font-family: 'JetBrains Mono', monospace;
      font-size: 0.6875rem;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      color: var(--accent);
      margin-bottom: 8px;
    }
    .home-catalog-banner h3 {
      font-family: 'Space Grotesk', sans-serif;
      font-size: 1.125rem;
      font-weight: 600;
      margin-bottom: 8px;
      letter-spacing: -0.01em;
    }
    .home-catalog-banner p {
      font-size: 0.875rem;
      color: var(--text-muted);
      line-height: 1.55;
      margin: 0;
      max-width: 56ch;
    }
    .home-catalog-banner__cta {
      flex-shrink: 0;
      white-space: nowrap;
    }

    /* Data proof */
    .data-proof {
      padding: 88px 0;
      background: var(--surface-light);
      color: var(--text-on-light);
    }
    .quality-proof {
      display: flex;
      flex-direction: column;
      gap: 40px;
    }
    .quality-proof__intro {
      max-width: 720px;
    }
    .quality-proof__overline {
      font-family: 'JetBrains Mono', monospace;
      font-size: 0.75rem;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      color: var(--accent);
      margin-bottom: 12px;
    }
    .quality-proof h2 {
      font-family: 'Space Grotesk', sans-serif;
      font-size: clamp(1.5rem, 3vw, 2rem);
      font-weight: 600;
      margin-bottom: 14px;
      letter-spacing: -0.02em;
      line-height: 1.2;
    }
    .quality-proof__intro p {
      color: #475569;
      font-size: 1rem;
      line-height: 1.65;
      max-width: 62ch;
    }
    .credential-bar {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 16px;
      list-style: none;
      margin: 0;
      padding: 0;
    }
    .credential-badge {
      display: flex;
      flex-direction: column;
      align-items: center;
      text-align: center;
      padding: 24px 18px 22px;
      background: #fff;
      border: 1px solid #E2E8F0;
      border-radius: 12px;
      box-shadow: 0 4px 16px rgba(15, 23, 42, 0.04);
      transition: border-color 0.2s, box-shadow 0.2s, transform 0.2s;
    }
    .credential-badge:hover {
      border-color: rgba(225, 29, 72, 0.28);
      box-shadow: 0 8px 24px rgba(15, 23, 42, 0.07);
      transform: translateY(-2px);
    }
    .credential-badge__logo {
      display: block;
      width: 120px;
      height: 48px;
      margin-bottom: 14px;
      object-fit: contain;
    }
    .credential-badge h3 {
      font-family: 'Space Grotesk', sans-serif;
      font-size: 0.9375rem;
      font-weight: 600;
      color: var(--text-on-light);
      margin-bottom: 6px;
      letter-spacing: -0.01em;
    }
    .credential-badge p {
      font-size: 0.8125rem;
      color: #64748B;
      line-height: 1.45;
      margin: 0;
    }
    .quality-proof__body {
      display: grid;
      grid-template-columns: 1fr 1.1fr;
      gap: 24px;
      align-items: stretch;
    }
    .quality-commitments {
      display: grid;
      grid-template-rows: repeat(3, 1fr);
      gap: 12px;
    }
    .quality-commitment {
      display: flex;
      flex-direction: column;
      justify-content: center;
      padding: 22px 24px;
      background: #fff;
      border: 1px solid #E2E8F0;
      border-radius: 12px;
    }
    .quality-commitment h3 {
      font-family: 'Space Grotesk', sans-serif;
      font-size: 0.9375rem;
      font-weight: 600;
      color: var(--text-on-light);
      margin-bottom: 8px;
      letter-spacing: -0.01em;
    }
    .quality-commitment p {
      font-size: 0.8125rem;
      color: #64748B;
      line-height: 1.55;
      margin: 0;
    }
    .quality-record .spec-pass {
      color: #15803D;
      font-weight: 600;
    }
    .data-inner {
      display: grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: center;
    }
    .data-proof h2 {
      font-family: 'Space Grotesk', sans-serif; font-size: 1.75rem;
      font-weight: 600; margin-bottom: 16px; letter-spacing: -0.02em;
    }
    .metric {
      font-family: 'Space Grotesk', sans-serif; font-size: 2.5rem;
      font-weight: 700; color: var(--accent); margin: 24px 0 16px;
    }
    .data-proof p { color: #475569; font-size: 1rem; }
    .spec-table {
      background: #fff; border-radius: 8px; border: 1px solid #E2E8F0;
      overflow: hidden; font-family: 'JetBrains Mono', monospace; font-size: 0.8125rem;
    }
    .spec-table header {
      position: static; background: #F8FAFC; padding: 12px 16px;
      font-family: 'Space Grotesk', sans-serif; font-weight: 600;
      font-size: 0.75rem; letter-spacing: 0.06em; border-bottom: 1px solid #E2E8F0;
      color: var(--text-on-light);
    }
    .spec-row {
      display: grid; grid-template-columns: 1fr 1fr; padding: 10px 16px;
      border-bottom: 1px solid #F1F5F9;
    }
    .spec-row:last-child { border-bottom: none; }
    .spec-row span:first-child { color: #64748B; }
    .spec-row span:last-child { text-align: left; font-weight: 500; }

    /* CTA band */
    .cta-band {
      padding: 96px 0;
      background:
        radial-gradient(ellipse 60% 80% at 50% 100%, rgba(225, 29, 72, 0.12) 0%, transparent 70%),
        var(--bg);
      text-align: center;
    }
    .cta-band h2 {
      font-family: 'Space Grotesk', sans-serif;
      font-size: clamp(1.5rem, 3vw, 2.25rem);
      font-weight: 600; margin-bottom: 16px;
    }
    .cta-band p { color: var(--text-muted); max-width: 520px; margin: 0 auto 12px; }
    .cta-band .file-types {
      font-family: 'JetBrains Mono', monospace; font-size: 0.8125rem;
      color: var(--text-muted); margin-bottom: 32px;
    }
    .cta-band .hero-ctas { justify-content: center; }

    footer {
      border-top: 1px solid var(--border); padding: 48px 0 32px;
      font-size: 0.8125rem; color: var(--text-muted);
    }
    .footer-grid {
      display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 32px; margin-bottom: 32px;
    }
    .footer-brand p { margin-top: 12px; max-width: 28ch; }
    .footer-logo {
      display: inline-flex; align-items: center;
      text-decoration: none; margin-bottom: 0;
    }
    .footer-logo img {
      display: block; height: 44px; width: auto;
    }
    .footer-grid h4 {
      font-family: 'Space Grotesk', sans-serif; font-size: 0.6875rem;
      letter-spacing: 0.08em; text-transform: uppercase; color: #fff;
      margin-bottom: 12px;
    }
    .footer-grid a:not(.footer-logo) { display: block; color: var(--text-muted); text-decoration: none; margin-bottom: 8px; }
    .footer-grid a:not(.footer-logo):hover { color: var(--accent); }

    /* Mobile nav toggle — desktop hidden */
    .nav-menu-toggle {
      display: none;
      align-items: center;
      justify-content: center;
      width: 44px;
      height: 44px;
      flex-shrink: 0;
      border: 1px solid var(--border);
      border-radius: 8px;
      background: var(--bg-light);
      color: #fff;
      cursor: pointer;
      transition: border-color 0.2s, background 0.2s;
    }
    .nav-menu-toggle:hover { border-color: rgba(225, 29, 72, 0.45); }
    .nav-menu-bars {
      display: flex;
      flex-direction: column;
      justify-content: center;
      gap: 5px;
      width: 20px;
      height: 14px;
    }
    .nav-menu-bars span {
      display: block;
      height: 2px;
      width: 100%;
      background: currentColor;
      border-radius: 1px;
      transition: transform 0.22s ease, opacity 0.22s ease;
    }
    .site-header.nav-open .nav-menu-bars span:nth-child(1) {
      transform: translateY(7px) rotate(45deg);
    }
    .site-header.nav-open .nav-menu-bars span:nth-child(2) { opacity: 0; }
    .site-header.nav-open .nav-menu-bars span:nth-child(3) {
      transform: translateY(-7px) rotate(-45deg);
    }
    .mobile-nav-backdrop {
      position: fixed;
      inset: 0;
      top: 72px;
      z-index: 999;
      background: rgba(0, 0, 0, 0.55);
      backdrop-filter: blur(2px);
    }
    body.mobile-nav-lock { overflow: hidden; }

    @media (max-width: 1024px) {
      .nav-menu-toggle { display: inline-flex; }
      .main-nav {
        display: none;
        position: fixed;
        top: 64px;
        left: 0;
        right: 0;
        height: calc(100dvh - 64px);
        max-height: calc(100dvh - 64px);
        z-index: 1000;
        flex-direction: column;
        align-items: stretch;
        justify-content: flex-start;
        gap: 0;
        padding: 8px 0 32px;
        background: var(--bg-elevated);
        border-top: 1px solid var(--border);
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
      }
      .site-header.nav-open .main-nav { display: flex; }
      .main-nav .nav-item {
        border-bottom: 1px solid var(--border);
      }
      .main-nav .nav-trigger {
        width: 100%;
        justify-content: space-between;
        padding: 16px 24px;
        font-size: 1rem;
        border-radius: 0;
      }
      .main-nav .nav-item:hover .nav-trigger,
      .main-nav .nav-item.is-open .nav-trigger {
        background: transparent;
      }
      .main-nav .nav-item.is-open .nav-trigger {
        color: #fff;
      }
      .main-nav .mega-panel {
        position: static;
        opacity: 1;
        visibility: hidden;
        pointer-events: none;
        transform: none;
        max-height: 0;
        overflow: hidden;
        border: none;
        box-shadow: none;
        background: var(--bg);
        transition: max-height 0.3s ease, visibility 0.3s;
      }
      .main-nav .mega-panel::before { display: none; }
      .main-nav .nav-item:hover .mega-panel { visibility: hidden; pointer-events: none; }
      .main-nav .nav-item.is-open .mega-panel {
        visibility: visible;
        pointer-events: auto;
        max-height: 2000px;
      }
      .main-nav .mega-inner {
        padding: 0 24px 20px;
      }
      .main-nav .mega-grid-3,
      .main-nav .mega-grid-2,
      .main-nav .mega-grid-4 {
        grid-template-columns: 1fr;
        gap: 0;
      }
      .main-nav .mega-col-title {
        margin-top: 12px;
        padding-top: 12px;
      }
      .main-nav .mega-link {
        padding: 10px 0;
        font-size: 0.9375rem;
      }
      .main-nav .mega-link:hover { padding-left: 0; }
      .main-nav .mega-footer {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
        margin-top: 16px;
        padding-top: 16px;
      }
      .main-nav .mega-side {
        margin-top: 12px;
      }
      .nav-bar { height: 64px; gap: 10px; }
      .logo img { height: 36px; }
      .mobile-nav-backdrop { top: 64px; }
    }
    @media (max-width: 520px) {
      .nav-actions { gap: 6px; }
    }
    @media (max-width: 1100px) {
      .category-quicklinks__grid { grid-template-columns: repeat(3, 1fr); gap: 16px 12px; }
    }
    @media (max-width: 900px) {
      .hero-grid, .data-inner, .pillar-grid { grid-template-columns: 1fr; }
      .home-catalog__solutions { grid-template-columns: 1fr; }
      .category-quicklinks__grid { grid-template-columns: repeat(3, 1fr); }
      .home-catalog-banner {
        flex-direction: column;
        align-items: flex-start;
      }
      .home-catalog-banner__cta { width: 100%; text-align: center; }
      .footer-grid { grid-template-columns: 1fr 1fr; }
      .credential-bar { grid-template-columns: repeat(2, 1fr); }
      .quality-proof__body { grid-template-columns: 1fr; }
    }
    @media (max-width: 520px) {
      .credential-bar { grid-template-columns: 1fr; }
      .category-quicklinks__grid { grid-template-columns: repeat(2, 1fr); gap: 14px 10px; }
      .hero-categories.category-quicklinks { padding: 28px 0 44px; margin-top: 20px; }
    }
  
.site-header{top:0!important}
.page-content{padding:48px 0 80px}
.page-content h1{font-family:Space Grotesk,sans-serif;font-size:clamp(1.75rem,4vw,2.25rem);margin-bottom:16px}
.page-content .lead{color:var(--text-muted);max-width:60ch;margin-bottom:24px}
.page-content--center{text-align:center}
.hub-section-title{font-family:Space Grotesk,sans-serif;font-size:1.25rem;margin:32px 0 20px}
.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:32px}
.contact-grid h3{font-family:Space Grotesk,sans-serif;margin-bottom:12px}
.team-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:8px}
.team-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;padding:28px 32px}
.team-name{font-family:Space Grotesk,sans-serif;font-size:1.125rem;font-weight:600;margin-bottom:8px;letter-spacing:-0.01em}
.team-role{font-size:0.8125rem;font-weight:600;color:var(--accent);margin-bottom:16px}
.team-details{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}
.team-details li{font-size:0.875rem;color:var(--text-muted);padding-left:14px;position:relative;line-height:1.5}
.team-details li::before{content:"";position:absolute;left:0;top:0.55em;width:5px;height:5px;border-radius:50%;background:var(--border)}
.about-wrap{max-width:760px}
.about-prose{margin-top:8px}
.about-prose p{color:var(--text-muted);font-size:1rem;line-height:1.75;margin-bottom:1.25rem}
.about-prose p:last-child{margin-bottom:0}
.about-section-title{font-family:Space Grotesk,sans-serif;font-size:1.25rem;font-weight:600;margin:48px 0 24px;padding-top:32px;border-top:1px solid var(--border)}
.about-team{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;align-items:stretch}
.about-team-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:10px;padding:22px 20px}
.about-team-card h3{font-family:Space Grotesk,sans-serif;font-size:1rem;font-weight:600;margin-bottom:4px;letter-spacing:-0.01em;line-height:1.3}
.about-team-card p{color:var(--text-muted);font-size:0.8125rem;line-height:1.6;margin-bottom:0.875rem}
.about-team-card p.about-team-role{color:var(--accent);font-size:0.75rem;font-weight:600;margin-bottom:12px;line-height:1.35}
.about-team-card p:last-child{margin-bottom:0}
.form-placeholder{padding:32px;border:1px dashed var(--border);border-radius:8px;margin-top:24px}
@media(max-width:900px){.contact-grid{grid-template-columns:1fr}.team-grid{grid-template-columns:1fr}.about-team{grid-template-columns:1fr}}

/* Knowledge Center — bento hub */
.knowledge-hub{padding:56px 0 96px}
.knowledge-hero{text-align:center;max-width:640px;margin:0 auto 52px}
.knowledge-breadcrumb{justify-content:center;margin-bottom:20px}
.knowledge-hero h1{font-family:Space Grotesk,sans-serif;font-size:clamp(2rem,4.5vw,2.75rem);letter-spacing:-.03em;margin-bottom:14px}
.knowledge-hero .lead{color:var(--text-muted);max-width:54ch;margin:0 auto;line-height:1.65}
.knowledge-bento{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:minmax(300px,auto);gap:18px;align-items:stretch}
.bento-span-wide-left{grid-column:1 / span 2}
.bento-span-narrow-right{grid-column:3}
.bento-span-narrow-left{grid-column:1}
.bento-span-wide-right{grid-column:2 / span 2}
.bento-card{position:relative;border-radius:20px;overflow:hidden;min-height:300px;height:100%;transition:transform .25s ease,box-shadow .25s ease}
.bento-card:hover{transform:translateY(-3px);box-shadow:0 20px 48px rgba(0,0,0,.35)}
.bento-card--featured{min-height:340px}
.bento-card-link{display:flex;flex-direction:column;height:100%;min-height:inherit;text-decoration:none;color:inherit;position:relative}
.bento-card--featured .bento-card-link{justify-content:flex-end;padding:0}
.bento-card--compact .bento-card-link,.bento-tone-panel .bento-card-link,.bento-tone-deep .bento-card-link,.bento-tone-muted .bento-card-link{padding:32px 34px}
.bento-card--stacked .bento-card-link{padding:0}
.bento-card--split .bento-card-link{flex-direction:row;align-items:stretch;padding:0}
.bento-card--stacked .bento-card-media{height:150px;flex-shrink:0;background:var(--bg-light)}
.bento-card--stacked .bento-card-media img{width:100%;height:100%;object-fit:cover;display:block}
.bento-card--stacked .bento-card-body{padding:24px 28px 28px;justify-content:flex-start;height:auto}
.bento-card-media{position:relative;overflow:hidden}
.bento-card--featured .bento-card-media{position:absolute;inset:0;background:linear-gradient(145deg,#1c2438 0%,#0e1118 100%)}
.bento-card--featured .bento-card-media img{opacity:.45;transform:scale(1.04)}
.bento-card--featured .bento-card-media img,.bento-card--split .bento-card-media img{width:100%;height:100%;object-fit:cover;display:block}
.bento-card--split .bento-card-media{width:44%;min-height:220px;flex-shrink:0}
.bento-card-media-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,17,24,.15) 0%,rgba(14,17,24,.55) 45%,rgba(14,17,24,.92) 100%)}
.bento-card-body{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:flex-end;gap:0;padding:34px}
.bento-card--compact .bento-card-body{justify-content:flex-end;padding:0;height:100%}
.bento-card--split .bento-card-body{justify-content:center;padding:0;height:100%}
.bento-card--stacked .bento-card-body{justify-content:flex-start;padding:24px 28px 28px;height:auto}
.bento-card--split .bento-card-body{flex:1;padding:32px 28px 32px 34px}
.bento-card-meta{font-size:.6875rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-bottom:14px}
.bento-card--featured .bento-card-meta{color:rgba(255,255,255,.72)}
.bento-card h2{font-family:Space Grotesk,sans-serif;font-size:clamp(1.25rem,2.2vw,1.65rem);font-weight:600;line-height:1.2;letter-spacing:-.02em;margin-bottom:12px}
.bento-card--featured h2{font-size:clamp(1.5rem,2.8vw,2rem);color:#fff}
.bento-card p{font-size:.9375rem;line-height:1.65;color:var(--text-muted);margin-bottom:18px;max-width:46ch}
.bento-card--featured p{color:rgba(255,255,255,.78)}
.bento-card-cta{display:inline-flex;align-items:center;gap:6px;font-size:.8125rem;font-weight:600;color:var(--accent);margin-top:auto}
.bento-card--featured .bento-card-cta{color:#fff}
.bento-card-cta::after{content:"→";transition:transform .2s}
.bento-card:hover .bento-card-cta::after{transform:translateX(3px)}
.bento-tone-panel{background:var(--bg-elevated);border:1px solid var(--border)}
.bento-tone-deep{background:linear-gradient(165deg,#252d3d 0%,#161b26 55%,#12161f 100%);border:1px solid var(--border)}
.bento-tone-deep h2{color:#fff}
.bento-tone-deep p{color:rgba(255,255,255,.72)}
.bento-tone-deep .bento-card-meta{color:rgba(255,255,255,.55)}
.bento-tone-muted{background:var(--bg-light);border:1px solid var(--border)}
.bento-tone-ruby{background:linear-gradient(135deg,rgba(225,29,72,.22) 0%,#161b26 58%);border:1px solid rgba(225,29,72,.28)}
.bento-tone-ruby h2{color:#fff}
.bento-tone-ruby p{color:rgba(255,255,255,.72)}
.bento-tone-ruby .bento-card-cta{color:#fda4af}
@media(max-width:900px){
  .knowledge-bento{grid-template-columns:1fr}
  .bento-span-wide-left,.bento-span-narrow-right,.bento-span-narrow-left,.bento-span-wide-right{grid-column:1}
  .bento-card--featured{min-height:320px}
  .bento-card--split .bento-card-link{flex-direction:column}
  .bento-card--split .bento-card-media{width:100%;min-height:180px;order:-1}
}
.knowledge-article-header{margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid var(--border)}
.knowledge-article-meta{font-size:.8125rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:12px}
.knowledge-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.knowledge-tag{font-size:.75rem;padding:4px 10px;border-radius:999px;border:1px solid var(--border);color:var(--text-muted);text-transform:capitalize}
.knowledge-prose{color:var(--text-muted);line-height:1.75;max-width:72ch}
.knowledge-prose h2{font-family:Space Grotesk,sans-serif;font-size:1.25rem;color:var(--text);margin:2.5rem 0 1rem;font-weight:600}
.knowledge-prose h2.text-center{text-align:center}
.knowledge-prose p{margin-bottom:1rem}
.knowledge-prose blockquote{margin:1.5rem 0;padding:20px 24px;border-left:3px solid var(--accent);background:rgba(225,29,72,.04);border-radius:0 8px 8px 0}
.knowledge-prose blockquote p{margin-bottom:.5rem}
.knowledge-prose blockquote cite{display:block;font-size:.875rem;color:var(--text-muted);font-style:normal}
.knowledge-prose a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}
.knowledge-prose a:hover{opacity:.88}
.knowledge-prose strong{color:var(--text);font-weight:600}
.knowledge-prose u{text-decoration:underline;text-underline-offset:2px}
.knowledge-prose h3{font-family:Space Grotesk,sans-serif;font-size:1.1rem;color:var(--text);margin:2rem 0 .75rem;font-weight:600}
.knowledge-prose h4{font-family:Space Grotesk,sans-serif;font-size:1rem;color:var(--text);margin:1.5rem 0 .5rem;font-weight:600}
.knowledge-prose ul,.knowledge-prose ol{margin:0 0 1rem 1.25rem;padding:0}
.knowledge-prose li{margin-bottom:.35rem}
.knowledge-prose span[style],.knowledge-prose font{color:inherit}
.knowledge-prose img{max-width:100%;height:auto;border-radius:8px;margin:1.5rem 0}
.knowledge-prose table{width:100%;border-collapse:collapse;margin:1.5rem 0;font-size:.875rem}
.knowledge-prose td,.knowledge-prose th{padding:10px 14px;border:1px solid var(--border);text-align:left;vertical-align:top}
.knowledge-prose td:first-child{font-weight:600;color:var(--text);white-space:nowrap}
.knowledge-article-footer{margin-top:48px;padding-top:24px;border-top:1px solid var(--border);font-size:.875rem;color:var(--text-muted)}
.knowledge-article-footer a{color:var(--accent)}