.agg-page {
      --ink: #17212b;
      --muted: #5b6876;
      --line: #d9e1e8;
      --soft: #f4f8f7;
      --panel: #ffffff;
      --accent: #0b706d;
      --accent-2: #b27b1d;
      --deep: #19363b;
      font-family: Arial, Helvetica, sans-serif;
      color: var(--ink);
      background: #ffffff;
      line-height: 1.55;
    }

    .agg-page * {
      box-sizing: border-box;
    }

    .agg-page a {
      color: inherit;
      text-decoration: none;
    }

    .agg-page img {
      max-width: 100%;
      height: auto;
      display: block;
    }

    .agg-page .agg-shell {
      width: min(1180px, calc(100% - 36px));
      margin: 0 auto;
    }

    .agg-page .agg-hero {
      padding: 34px 0 30px;
      background: #eef6f4;
      border-bottom: 1px solid var(--line);
    }

    .agg-page .agg-hero-grid {
      display: grid;
      grid-template-columns: minmax(0, 1.05fr) minmax(320px, .95fr);
      gap: 28px;
      align-items: center;
    }

    .agg-page .agg-eyebrow {
      margin: 0 0 12px;
      color: var(--accent);
      font-size: 13px;
      font-weight: 700;
      letter-spacing: 0;
      text-transform: uppercase;
    }

    .agg-page h1,
    .agg-page h2,
    .agg-page h3,
    .agg-page p {
      margin-top: 0;
    }

    .agg-page h1 {
      margin-bottom: 16px;
      max-width: 760px;
      font-size: 42px;
      line-height: 1.12;
      letter-spacing: 0;
      color: var(--deep);
    }

    .agg-page .agg-hero-copy {
      margin-bottom: 18px;
      max-width: 720px;
      color: #33414c;
      font-size: 17px;
    }

    .agg-page .agg-hero-copy strong a {
      color: var(--accent);
      border-bottom: 1px solid rgba(11, 112, 109, .35);
    }

    .agg-page .agg-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 12px;
      align-items: center;
      margin-top: 22px;
    }

    .agg-page .agg-button {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 44px;
      padding: 12px 18px;
      border: 1px solid var(--accent);
      border-radius: 6px;
      font-weight: 700;
      color: var(--accent);
      background: #ffffff;
    }

    .agg-page .agg-button-primary {
      color: #ffffff;
      background: var(--accent);
    }

    .agg-page .agg-media-frame {
      overflow: hidden;
      border: 1px solid var(--line);
      border-radius: 8px;
      background: #ffffff;
    }

    .agg-page .agg-hero .agg-media-frame {
      padding: 18px;
    }

    .agg-page .agg-hero .agg-media-frame img,
    .agg-page .agg-fact-media img,
    .agg-page .agg-product-card img,
    .agg-page .agg-article-card img {
      width: 100%;
      aspect-ratio: 1 / 1;
      object-fit: contain;
      object-position: center;
      background: #ffffff;
    }

    .agg-page .agg-section {
      padding: 48px 0;
      border-bottom: 1px solid var(--line);
    }

    .agg-page .agg-section-soft {
      background: var(--soft);
    }

    .agg-page .agg-section-head {
      max-width: 760px;
      margin-bottom: 22px;
    }

    .agg-page h2 {
      margin-bottom: 12px;
      color: var(--deep);
      font-size: 28px;
      line-height: 1.22;
      letter-spacing: 0;
    }

    .agg-page h3 {
      margin-bottom: 10px;
      color: var(--ink);
      font-size: 18px;
      line-height: 1.28;
      letter-spacing: 0;
    }

    .agg-page .agg-muted {
      color: var(--muted);
    }

    .agg-page .agg-grid-3 {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 16px;
    }

    .agg-page .agg-grid-4 {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 16px;
    }

    .agg-page .agg-card {
      border: 1px solid var(--line);
      border-radius: 8px;
      background: var(--panel);
      padding: 18px;
    }

    .agg-page .agg-card p:last-child,
    .agg-page .agg-section-head p:last-child {
      margin-bottom: 0;
    }

    .agg-page .agg-signal {
      display: inline-flex;
      margin-bottom: 12px;
      padding: 4px 8px;
      border-radius: 4px;
      background: #e5f1ef;
      color: var(--accent);
      font-size: 12px;
      font-weight: 700;
    }

    .agg-page .agg-fact-grid {
      display: grid;
      grid-template-columns: minmax(300px, .9fr) minmax(0, 1.1fr);
      gap: 22px;
      align-items: start;
    }

    .agg-page .agg-hero-grid > *,
    .agg-page .agg-fact-grid > *,
    .agg-page .agg-checklist > *,
    .agg-page .agg-rfq-band > * {
      min-width: 0;
    }

    .agg-page .agg-fact-media {
      padding: 14px;
      border: 1px solid var(--line);
      border-radius: 8px;
      background: #ffffff;
    }

    .agg-page .agg-table-wrap {
      overflow-x: auto;
      border: 1px solid var(--line);
      border-radius: 8px;
      background: #ffffff;
    }

    .agg-page .agg-table {
      width: 100%;
      min-width: 560px;
      border-collapse: collapse;
      text-align: left;
    }

    .agg-page .agg-table th,
    .agg-page .agg-table td {
      padding: 13px 14px;
      border-bottom: 1px solid var(--line);
      vertical-align: top;
    }

    .agg-page .agg-table tr:last-child th,
    .agg-page .agg-table tr:last-child td {
      border-bottom: 0;
    }

    .agg-page .agg-table th {
      width: 34%;
      color: var(--deep);
      background: #f6faf9;
      font-weight: 700;
    }

    .agg-page .agg-checklist {
      display: grid;
      grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
      gap: 16px;
      align-items: start;
    }

    .agg-page .agg-list {
      margin: 0;
      padding-left: 18px;
      color: var(--muted);
    }

    .agg-page .agg-list li + li {
      margin-top: 8px;
    }

    .agg-page .agg-product-card,
    .agg-page .agg-article-card {
      display: flex;
      min-height: 100%;
      flex-direction: column;
      overflow: hidden;
      border: 1px solid var(--line);
      border-radius: 8px;
      background: #ffffff;
    }

    .agg-page .agg-product-card .agg-product-body,
    .agg-page .agg-article-card .agg-article-body {
      display: flex;
      flex: 1;
      flex-direction: column;
      padding: 16px;
    }

    .agg-page .agg-product-card p,
    .agg-page .agg-article-card p {
      color: var(--muted);
    }

    .agg-page .agg-text-link {
      margin-top: auto;
      color: var(--accent);
      font-weight: 700;
      border-bottom: 1px solid rgba(11, 112, 109, .35);
      width: fit-content;
    }

    .agg-page .agg-rfq-band {
      display: grid;
      grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);
      gap: 20px;
      align-items: start;
      padding: 24px;
      border: 1px solid var(--line);
      border-radius: 8px;
      background: #ffffff;
    }

    .agg-page .agg-faq {
      display: grid;
      gap: 12px;
    }

    .agg-page .agg-faq-item {
      padding: 18px;
      border: 1px solid var(--line);
      border-radius: 8px;
      background: #ffffff;
    }

    .agg-page .agg-faq-item h3 {
      margin-bottom: 8px;
      font-size: 17px;
    }

    .agg-page .agg-note {
      margin-top: 18px;
      color: var(--muted);
      font-size: 14px;
    }

    @media (max-width: 900px) {
      .agg-page .agg-hero-grid,
      .agg-page .agg-fact-grid,
      .agg-page .agg-rfq-band,
      .agg-page .agg-checklist {
        grid-template-columns: 1fr;
      }

      .agg-page .agg-grid-4,
      .agg-page .agg-grid-3 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      .agg-page h1 {
        font-size: 34px;
      }
    }

    @media (max-width: 560px) {
      .agg-page .agg-shell {
        width: min(100% - 24px, 1180px);
      }

      .agg-page .agg-hero {
        padding: 26px 0 24px;
      }

      .agg-page h1 {
        font-size: 29px;
        line-height: 1.16;
      }

      .agg-page h2 {
        font-size: 23px;
      }

      .agg-page .agg-grid-4,
      .agg-page .agg-grid-3 {
        grid-template-columns: 1fr;
      }

      .agg-page .agg-actions {
        align-items: stretch;
        flex-direction: column;
      }

      .agg-page .agg-button {
        width: 100%;
      }

      .agg-page .agg-section {
        padding: 36px 0;
      }
    }