.agg-page {
      --ink: #162022;
      --muted: #607073;
      --line: #dbe2df;
      --soft: #f5f7f4;
      --accent: #277063;
      --accent-dark: #173f39;
      --warm: #f0eee7;
      --steel: #eef3f2;
      color: var(--ink);
      font-family: Arial, Helvetica, sans-serif;
      line-height: 1.55;
      background: #fff;
      max-width: 100%;
      overflow-x: hidden;
    }
    .agg-page * {
      box-sizing: border-box;
    }
    .agg-page a {
      color: inherit;
      text-decoration: none;
    }
    .agg-page .shell {
      width: min(1180px, calc(100% - 40px));
      margin: 0 auto;
    }
    .agg-page .hero {
      background: linear-gradient(90deg, rgba(16, 33, 33, .94) 0%, rgba(22, 42, 41, .9) 43%, rgba(22, 42, 41, .58) 58%, rgba(22, 42, 41, .12) 100%), url("//ueeshop.ly200-cdn.com/u_file/UPBG/UPBG974/2601/09/products/8811357ca2.jpg?x-oss-process=image/quality,q_100") center right 12% / contain no-repeat, #1f3432;
      min-height: 520px;
      display: flex;
      align-items: center;
      padding: 74px 0 70px;
      border-bottom: 1px solid var(--line);
    }
    .agg-page .hero-copy {
      max-width: 610px;
      color: #fff;
    }
    .agg-page .eyebrow {
      margin: 0 0 14px;
      font-size: 13px;
      letter-spacing: .08em;
      text-transform: uppercase;
      color: #c4ded9;
      font-weight: 700;
    }
    .agg-page h1 {
      margin: 0;
      font-size: 46px;
      line-height: 1.08;
      letter-spacing: 0;
      color: #fff;
    }
    .agg-page .hero-copy p {
      margin: 22px 0 0;
      font-size: 17px;
      color: #e7f0ed;
      max-width: 570px;
    }
    .agg-page .hero-copy strong a {
      color: #fff;
      border-bottom: 1px solid rgba(255,255,255,.65);
    }
    .agg-page .hero-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 12px;
      margin-top: 28px;
    }
    .agg-page .btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 46px;
      padding: 12px 18px;
      border-radius: 4px;
      font-weight: 700;
      border: 1px solid rgba(255,255,255,.65);
      color: #fff;
    }
    .agg-page .btn.primary {
      background: #fff;
      color: var(--accent-dark);
      border-color: #fff;
    }
    .agg-page .quick {
      display: grid;
      grid: auto / repeat(4, minmax(0, 1fr));
      gap: 1px;
      background: var(--line);
      border: 1px solid var(--line);
      margin-top: -34px;
      position: relative;
      z-index: 2;
    }
    .agg-page .quick div {
      background: #fff;
      padding: 20px 22px;
      min-height: 112px;
    }
    .agg-page .quick span {
      display: block;
      color: var(--muted);
      font-size: 13px;
      margin-bottom: 7px;
    }
    .agg-page .quick b {
      display: block;
      font-size: 18px;
      line-height: 1.28;
    }
    .agg-page section {
      display: flex;
      justify-content: center;
      padding: 72px 0;
    }
    .agg-page section.tight {
      padding-top: 46px;
    }
    .agg-page h2 {
      margin: 0;
      font-size: 31px;
      line-height: 1.18;
      letter-spacing: 0;
      color: var(--ink);
    }
    .agg-page .section-intro {
      max-width: 760px;
      margin: 14px 0 30px;
      color: var(--muted);
      font-size: 16px;
    }
    .agg-page .split {
      display: grid;
      grid: auto / minmax(0, 1.05fr) minmax(360px, .95fr);
      gap: 36px;
      align-items: start;
    }
    .agg-page .media-box {
      border: 1px solid var(--line);
      background: var(--soft);
      min-height: 380px;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 22px;
    }
    .agg-page .media-box img {
      width: 100%;
      max-height: 420px;
      object-fit: contain;
      display: block;
    }
    .agg-page .note-panel {
      background: var(--steel);
      border: 1px solid var(--line);
      padding: 24px;
      margin-top: 18px;
    }
    .agg-page .note-panel h3,
    .agg-page .card h3,
    .agg-page .article h3 {
      margin: 0 0 10px;
      font-size: 19px;
      line-height: 1.28;
      color: var(--ink);
    }
    .agg-page .note-panel p,
    .agg-page .card p,
    .agg-page .article p {
      margin: 0;
      color: var(--muted);
      font-size: 15px;
    }
    .agg-page .table-wrap {
      overflow-x: auto;
      border: 1px solid var(--line);
      background: #fff;
    }
    .agg-page table {
      width: 100%;
      border-collapse: collapse;
      min-width: 640px;
      text-align: left;
    }
    .agg-page th,
    .agg-page td {
      padding: 16px 18px;
      border-bottom: 1px solid var(--line);
      vertical-align: top;
      text-align: left;
    }
    .agg-page th {
      background: var(--soft);
      font-size: 13px;
      color: var(--accent-dark);
      text-transform: uppercase;
      letter-spacing: .05em;
    }
    .agg-page td {
      color: #39484a;
      font-size: 15px;
    }
    .agg-page tr:last-child td {
      border-bottom: 0;
    }
    .agg-page .fact-grid {
      display: grid;
      grid: auto / repeat(3, minmax(0, 1fr));
      gap: 14px;
      margin-top: 20px;
    }
    .agg-page .fact {
      border: 1px solid var(--line);
      background: #fff;
      padding: 18px;
      min-height: 120px;
    }
    .agg-page .fact b {
      display: block;
      margin-bottom: 8px;
      color: var(--accent-dark);
    }
    .agg-page .fact span {
      display: block;
      color: var(--muted);
      font-size: 14px;
    }
    .agg-page .band {
      background: var(--soft);
    }
    .agg-page .cards {
      display: grid;
      grid: auto / repeat(4, minmax(0, 1fr));
      gap: 18px;
    }
    .agg-page .card,
    .agg-page .article {
      background: #fff;
      border: 1px solid var(--line);
      border-radius: 4px;
      display: flex;
      flex-direction: column;
      min-height: 100%;
    }
    .agg-page .card .pic,
    .agg-page .article .pic {
      aspect-ratio: 1 / 1;
      background: var(--soft);
      border-bottom: 1px solid var(--line);
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 14px;
    }
    .agg-page .card .pic img,
    .agg-page .article .pic img {
      width: 100%;
      height: 100%;
      object-fit: contain;
      display: block;
    }
    .agg-page .card .body,
    .agg-page .article .body {
      padding: 18px;
      display: flex;
      flex-direction: column;
      flex: 1;
    }
    .agg-page .text-link {
      display: inline-flex;
      margin-top: auto;
      padding-top: 16px;
      color: var(--accent);
      font-weight: 700;
      font-size: 14px;
    }
    .agg-page .articles {
      display: grid;
      grid: auto / repeat(3, minmax(0, 1fr));
      gap: 18px;
    }
    .agg-page .checklist {
      display: grid;
      grid: auto / repeat(3, minmax(0, 1fr));
      gap: 14px;
    }
    .agg-page .check {
      border-left: 3px solid var(--accent);
      background: #fff;
      padding: 18px 18px 18px 20px;
      min-height: 120px;
    }
    .agg-page .check b {
      display: block;
      margin-bottom: 8px;
      color: var(--ink);
    }
    .agg-page .check span {
      color: var(--muted);
      font-size: 14px;
    }
    .agg-page .faq-grid {
      display: grid;
      grid: auto / repeat(2, minmax(0, 1fr));
      gap: 14px;
    }
    .agg-page .faq-item {
      border: 1px solid var(--line);
      background: #fff;
      padding: 20px;
      border-radius: 4px;
    }
    .agg-page .faq-item h3 {
      margin: 0 0 8px;
      font-size: 17px;
      line-height: 1.3;
    }
    .agg-page .faq-item p {
      margin: 0;
      color: var(--muted);
      font-size: 15px;
    }
    .agg-page .closing {
      background: var(--warm);
      border-top: 1px solid var(--line);
    }
    .agg-page .closing .shell {
      display: grid;
      grid: auto / minmax(0, .9fr) minmax(0, 1.1fr);
      gap: 34px;
      align-items: start;
    }
    .agg-page .closing p {
      color: var(--muted);
      margin: 14px 0 0;
    }
    @media (max-width: 900px) {
      .agg-page .hero {
        background: linear-gradient(90deg, rgba(16, 33, 33, .96), rgba(16, 33, 33, .84)), url("//ueeshop.ly200-cdn.com/u_file/UPBG/UPBG974/2601/09/products/8811357ca2.jpg?x-oss-process=image/quality,q_100") center right / 54% no-repeat, #1f3432;
        min-height: 0;
      }
      .agg-page h1 {
        font-size: 36px;
      }
      .agg-page .quick,
      .agg-page .split,
      .agg-page .cards,
      .agg-page .articles,
      .agg-page .checklist,
      .agg-page .faq-grid,
      .agg-page .closing .shell {
        grid: auto / 1fr;
      }
      .agg-page .quick {
        margin-top: 0;
      }
      .agg-page .media-box {
        min-height: 280px;
      }
    }
    @media (max-width: 430px) {
      .agg-page .shell {
        width: min(100% - 24px, 1180px);
      }
      .agg-page .hero {
        padding: 44px 0 42px;
        background: linear-gradient(90deg, rgba(16, 33, 33, .97), rgba(16, 33, 33, .9)), url("//ueeshop.ly200-cdn.com/u_file/UPBG/UPBG974/2601/09/products/8811357ca2.jpg?x-oss-process=image/quality,q_100") bottom right / 58% no-repeat, #1f3432;
      }
      .agg-page h1 {
        font-size: 31px;
      }
      .agg-page h2 {
        font-size: 25px;
      }
      .agg-page .hero-copy p,
      .agg-page .section-intro {
        font-size: 15px;
      }
      .agg-page section {
        padding: 48px 0;
      }
      .agg-page .hero-actions {
        flex-direction: column;
        align-items: stretch;
      }
      .agg-page .btn {
        width: 100%;
      }
    }