#ap-aggregate{
      --ap-ink: #152229;
      --ap-body: #33454e;
      --ap-muted: #5f7480;
      --ap-paper: #ffffff;
      --ap-soft: #f1f6f8;
      --ap-soft-2: #e8f1f4;
      --ap-line: #dbe6ea;
      --ap-teal: #0f5c69;
      --ap-teal-dark: #093f49;
      --ap-ice: #2f8fa8;
      --ap-sand: #f0e4c8;
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
      color: var(--ap-ink);
      background: var(--ap-paper);
      line-height: 1.65;
      overflow: hidden;
      width: 100%;
    }#ap-aggregate *{ box-sizing: border-box; }#ap-aggregate p, #ap-aggregate h2, #ap-aggregate h3, #ap-aggregate h4{ margin-top: 0; }#ap-aggregate img{ display: block; max-width: 100%; height: auto; }#ap-aggregate a{ color: var(--ap-teal); }#ap-aggregate .ap-shell{ width: min(1120px, calc(100% - 40px)); margin: 0 auto; }#ap-aggregate .ap-section{ padding: 74px 0; }#ap-aggregate .ap-soft{ background: var(--ap-soft); }#ap-aggregate .ap-band{ background: linear-gradient(180deg, #0d3f4a 0%, #0f5c69 100%); color: #eef6f8; }#ap-aggregate .ap-hero{ padding: 56px 0 64px; background: linear-gradient(180deg, #eef5f7 0%, #ffffff 100%); }#ap-aggregate .ap-hero-grid{
      display: grid;
      grid-template-columns: minmax(0, 1.05fr) minmax(300px, .85fr);
      gap: 56px;
      align-items: center;
    }#ap-aggregate .ap-hero-title{
      font-size: 44px;
      line-height: 1.28;
      letter-spacing: -.012em;
      margin: 0 0 20px;
      color: var(--ap-ink);
      font-weight: 800;
    }#ap-aggregate .ap-hero-intro{ font-size: 17px; color: var(--ap-body); margin: 0 0 28px; max-width: 620px; }#ap-aggregate .ap-hero-intro a{ color: var(--ap-teal); text-decoration: underline; text-underline-offset: 3px; }#ap-aggregate .ap-hero-actions{ display: flex; flex-wrap: wrap; gap: 12px; }#ap-aggregate .ap-hero-media img{
      width: 100%;
      border-radius: 16px;
      box-shadow: 0 22px 46px rgba(9, 63, 73, .18);
    }#ap-aggregate .ap-btn{
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 48px;
      padding: 12px 24px;
      border-radius: 6px;
      border: 1px solid var(--ap-teal);
      font-size: 15px;
      font-weight: 700;
      text-decoration: none;
      transition: background-color .2s ease, color .2s ease, border-color .2s ease;
    }#ap-aggregate .ap-btn-primary{ background: var(--ap-teal); color: #ffffff; border-color: var(--ap-teal); }#ap-aggregate .ap-btn-primary:hover{ background: var(--ap-teal-dark); border-color: var(--ap-teal-dark); color: #ffffff; }#ap-aggregate .ap-btn-ghost{ background: #ffffff; color: var(--ap-teal); }#ap-aggregate .ap-btn-ghost:hover{ background: var(--ap-ink); border-color: var(--ap-ink); color: #ffffff; }#ap-aggregate .ap-btn-light{ background: #ffffff; color: var(--ap-teal-dark); border-color: #ffffff; }#ap-aggregate .ap-btn-light:hover{ background: var(--ap-sand); border-color: var(--ap-sand); color: var(--ap-ink); }#ap-aggregate .ap-head{ max-width: 780px; margin-bottom: 38px; }#ap-aggregate .ap-head-center{ margin-left: auto; margin-right: auto; text-align: center; }#ap-aggregate .ap-h2{ font-size: 33px; line-height: 1.24; margin: 0 0 14px; font-weight: 800; letter-spacing: -.01em; }#ap-aggregate .ap-h3{ font-size: 19px; line-height: 1.32; margin: 0 0 10px; font-weight: 700; }#ap-aggregate .ap-lead{ font-size: 17px; color: var(--ap-muted); margin: 0; }#ap-aggregate .ap-band .ap-h2{ color: #ffffff; }#ap-aggregate .ap-band .ap-lead{ color: #c9e2e8; }#ap-aggregate .ap-grid-4{ display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; }#ap-aggregate .ap-grid-3{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }#ap-aggregate .ap-grid-2{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; }#ap-aggregate .ap-def-card{ background: #ffffff; border: 1px solid var(--ap-line); border-radius: 12px; padding: 22px 20px; }#ap-aggregate .ap-def-num{
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 34px;
      height: 34px;
      margin-bottom: 14px;
      border-radius: 50%;
      background: var(--ap-soft-2);
      color: var(--ap-teal);
      font-weight: 800;
      font-size: 14px;
    }#ap-aggregate .ap-def-card h3{ font-size: 17px; line-height: 1.32; margin: 0 0 8px; }#ap-aggregate .ap-def-card p{ margin: 0; font-size: 14.5px; color: var(--ap-muted); }#ap-aggregate .ap-table-wrap{ overflow-x: auto; border: 1px solid var(--ap-line); border-radius: 12px; background: #ffffff; }#ap-aggregate .ap-table{ width: 100%; min-width: 700px; border-collapse: collapse; font-size: 15px; }#ap-aggregate .ap-table thead th{
      position: sticky;
      top: 0;
      background: var(--ap-teal-dark);
      color: #ffffff;
      text-align: left;
      padding: 16px 18px;
      font-size: 14px;
      letter-spacing: .02em;
      text-transform: uppercase;
      font-weight: 700;
    }#ap-aggregate .ap-table thead th:first-child{ background: #082f37; width: 20%; }#ap-aggregate .ap-table tbody th{
      text-align: left;
      padding: 15px 18px;
      background: var(--ap-soft);
      font-weight: 700;
      font-size: 14px;
      color: var(--ap-ink);
      vertical-align: top;
      border-top: 1px solid var(--ap-line);
    }#ap-aggregate .ap-table tbody td{
      padding: 15px 18px;
      border-top: 1px solid var(--ap-line);
      vertical-align: top;
      color: var(--ap-body);
    }#ap-aggregate .ap-gap{ color: #9a5a11; font-weight: 700; }#ap-aggregate .ap-footnote{ margin: 16px 0 0; font-size: 13.5px; color: var(--ap-muted); }#ap-aggregate .ap-tier{ background: #ffffff; border: 1px solid var(--ap-line); border-radius: 14px; padding: 26px 22px; display: flex; flex-direction: column; }#ap-aggregate .ap-tier-top{ display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 14px; }#ap-aggregate .ap-tier-label{ font-size: 13px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: var(--ap-muted); }#ap-aggregate .ap-badge{ display: inline-block; padding: 4px 11px; border-radius: 999px; font-size: 11.5px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; white-space: nowrap; }#ap-aggregate .ap-badge-stock{ background: #dcf2e4; color: #1b6b3c; }#ap-aggregate .ap-badge-sample{ background: #fdf0d3; color: #8a5a00; }#ap-aggregate .ap-badge-request{ background: #e0edff; color: #1e4f8f; }#ap-aggregate .ap-tier h3{ font-size: 20px; line-height: 1.32; margin: 0 0 10px; }#ap-aggregate .ap-tier p{ font-size: 14.5px; color: var(--ap-muted); margin: 0 0 16px; }#ap-aggregate .ap-tier-action{ margin-top: auto; padding-top: 14px; border-top: 1px dashed var(--ap-line); font-size: 14px; font-weight: 700; color: var(--ap-teal); }#ap-aggregate .ap-tier-action a{ color: var(--ap-teal); }#ap-aggregate .ap-split{ display: grid; grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr); gap: 44px; align-items: center; }#ap-aggregate .ap-split-img img{ width: 100%; border-radius: 14px; box-shadow: 0 16px 36px rgba(9, 63, 73, .14); }#ap-aggregate .ap-layer-list{ list-style: none; padding: 0; margin: 0; display: grid; gap: 14px; }#ap-aggregate .ap-layer-list li{ padding: 14px 16px; border-left: 3px solid var(--ap-ice); background: #ffffff; border-radius: 0 10px 10px 0; }#ap-aggregate .ap-layer-list strong{ display: block; font-size: 15px; margin-bottom: 2px; }#ap-aggregate .ap-layer-list span{ font-size: 14px; color: var(--ap-muted); }#ap-aggregate .ap-thumbs{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin-top: 34px; }#ap-aggregate .ap-thumb{ background: #ffffff; border: 1px solid var(--ap-line); border-radius: 12px; overflow: hidden; }#ap-aggregate .ap-thumb img{ width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }#ap-aggregate .ap-thumb figcaption{ padding: 13px 15px; font-size: 13.5px; color: var(--ap-muted); }#ap-aggregate .ap-size-row{ display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-top: 18px; }#ap-aggregate .ap-size-chip{ background: #ffffff; border: 1px solid var(--ap-line); border-radius: 10px; padding: 14px 12px; text-align: center; }#ap-aggregate .ap-size-chip b{ display: block; font-size: 17px; color: var(--ap-teal); }#ap-aggregate .ap-size-chip span{ font-size: 13px; color: var(--ap-muted); }#ap-aggregate .ap-colour-row{ display: flex; flex-wrap: wrap; gap: 10px; margin-top: 16px; }#ap-aggregate .ap-colour{ padding: 7px 16px; border: 1px solid var(--ap-line); border-radius: 999px; background: #ffffff; font-size: 14px; font-weight: 700; }#ap-aggregate .ap-scenario{ background: #ffffff; border: 1px solid var(--ap-line); border-radius: 14px; padding: 24px 22px; }#ap-aggregate .ap-scenario h3{ font-size: 18px; line-height: 1.32; margin: 0 0 12px; }#ap-aggregate .ap-scenario p{ font-size: 14.5px; color: var(--ap-muted); margin: 0 0 14px; }#ap-aggregate .ap-decision{ border-top: 2px solid var(--ap-sand); padding-top: 12px; font-size: 14px; color: var(--ap-ink); }#ap-aggregate .ap-decision b{ color: var(--ap-teal); text-transform: uppercase; letter-spacing: .05em; font-size: 12px; display: block; margin-bottom: 4px; }#ap-aggregate .ap-product-card{ display: flex; flex-direction: column; background: #ffffff; border: 1px solid var(--ap-line); border-radius: 14px; overflow: hidden; }#ap-aggregate .ap-product-card img{ width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }#ap-aggregate .ap-product-body{ padding: 20px; display: flex; flex-direction: column; flex: 1; }#ap-aggregate .ap-product-body h3{ font-size: 17px; line-height: 1.34; margin: 0 0 8px; }#ap-aggregate .ap-product-body p{ font-size: 14px; color: var(--ap-muted); margin: 0 0 16px; }#ap-aggregate .ap-product-link{ margin-top: auto; font-size: 14px; font-weight: 700; text-decoration: none; color: var(--ap-teal); }#ap-aggregate .ap-product-link:hover{ text-decoration: underline; }#ap-aggregate .ap-rfq{ display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, .8fr); gap: 44px; align-items: center; }#ap-aggregate .ap-rfq-list{ list-style: none; padding: 0; margin: 0 0 26px; display: grid; gap: 10px; }#ap-aggregate .ap-rfq-list li{ display: flex; gap: 12px; font-size: 15px; color: var(--ap-body); }#ap-aggregate .ap-rfq-list li::before{ content: ""; flex: 0 0 auto; width: 8px; height: 8px; margin-top: 9px; border-radius: 50%; background: var(--ap-ice); }#ap-aggregate .ap-rfq-media img{ width: 100%; border-radius: 14px; box-shadow: 0 18px 40px rgba(9, 63, 73, .16); }#ap-aggregate .ap-faq{ display: grid; gap: 14px; max-width: 900px; margin: 0 auto; }#ap-aggregate .ap-faq details{ background: #ffffff; border: 1px solid var(--ap-line); border-radius: 12px; padding: 18px 22px; }#ap-aggregate .ap-faq summary{ cursor: pointer; font-size: 16.5px; font-weight: 700; line-height: 1.4; color: var(--ap-ink); }#ap-aggregate .ap-faq summary::marker{ color: var(--ap-teal); }#ap-aggregate .ap-faq p{ margin: 12px 0 0; font-size: 15px; color: var(--ap-muted); }#ap-aggregate .ap-final-cta{ text-align: center; }#ap-aggregate .ap-final-actions{ display: flex; flex-wrap: wrap; gap: 12px; justify-content: center; margin-top: 26px; }

    @media (max-width: 960px) {#ap-aggregate .ap-hero-grid, #ap-aggregate .ap-split, #ap-aggregate .ap-rfq{ grid-template-columns: 1fr; gap: 34px; }#ap-aggregate .ap-grid-4{ grid-template-columns: repeat(2, minmax(0, 1fr)); }#ap-aggregate .ap-grid-3{ grid-template-columns: repeat(2, minmax(0, 1fr)); }#ap-aggregate .ap-hero-title{ font-size: 36px; }#ap-aggregate .ap-h2{ font-size: 28px; }
    }
    @media (max-width: 640px) {#ap-aggregate .ap-shell{ width: calc(100% - 32px); }#ap-aggregate .ap-section{ padding: 52px 0; }#ap-aggregate .ap-hero{ padding: 38px 0 46px; }#ap-aggregate .ap-hero-title{ font-size: 29px; line-height: 1.3; }#ap-aggregate .ap-h2{ font-size: 24px; }#ap-aggregate .ap-grid-4, #ap-aggregate .ap-grid-3, #ap-aggregate .ap-grid-2, #ap-aggregate .ap-thumbs, #ap-aggregate .ap-size-row{ grid-template-columns: 1fr; }#ap-aggregate .ap-btn{ width: 100%; }#ap-aggregate .ap-size-row{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
    }