#ap-aggregate{
    --ap-ink: #12211f;
    --ap-muted: #5d6f6c;
    --ap-ocean: #0e4d5c;
    --ap-ocean-dark: #08333d;
    --ap-coral: #c9614a;
    --ap-soft: #f1f6f6;
    --ap-line: #dbe5e4;
    --ap-sand: #e9e3d6;
    color: var(--ap-ink);
    background: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1.65;
    overflow-x: hidden;
    text-align: left;
  }#ap-aggregate *{ box-sizing: border-box; }#ap-aggregate img{ display: block; max-width: 100%; height: auto; }.ap-page a{ color: inherit; }#ap-aggregate .ap-shell{ width: min(1120px, calc(100% - 40px)); margin: 0 auto; }#ap-aggregate .ap-section{ padding: 72px 0; }#ap-aggregate .ap-section-soft{ background: var(--ap-soft); }#ap-aggregate .ap-head{ max-width: 760px; margin-bottom: 34px; }#ap-aggregate .ap-head h2{ font-size: 32px; line-height: 1.22; margin: 0 0 12px; font-weight: 800; }#ap-aggregate .ap-head p{ margin: 0; color: var(--ap-muted); }#ap-aggregate h3{ font-size: 19px; line-height: 1.3; margin: 0 0 10px; font-weight: 800; }#ap-aggregate .ap-jump{ display: inline-block; margin-top: 6px; color: var(--ap-ocean); font-size: 14px; font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }#ap-aggregate .ap-jump:hover{ color: var(--ap-coral); }#ap-aggregate .ap-btn{
    display: inline-flex;
    min-height: 48px;
    align-items: center;
    justify-content: center;
    padding: 12px 22px;
    border: 1px solid transparent;
    border-radius: 6px;
    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-ocean); color: #fff !important; border-color: var(--ap-ocean); }#ap-aggregate .ap-btn-primary:hover{ background: var(--ap-ocean-dark); border-color: var(--ap-ocean-dark); }#ap-aggregate .ap-btn-ghost{ border-color: var(--ap-ink); color: var(--ap-ink) !important; }#ap-aggregate .ap-btn-ghost:hover{ background: var(--ap-ink); color: #fff !important; }#ap-aggregate .ap-btn-ghost-light{ border-color: #ffffff; color: #ffffff !important; }#ap-aggregate .ap-btn-ghost-light:hover{ background: #ffffff; color: var(--ap-ocean-dark) !important; }#ap-aggregate .ap-hero{ padding: 52px 0 60px; background: #f7fbfb; border-bottom: 1px solid var(--ap-line); }#ap-aggregate .ap-hero-grid{ display: grid; grid-template-columns: minmax(0, 1fr) minmax(320px, .82fr); align-items: center; gap: 56px; }#ap-aggregate .ap-hero-title{ font-size: 44px; line-height: 1.28; margin: 0 0 18px; font-weight: 800; letter-spacing: -0.01em; }#ap-aggregate .ap-hero-intro{ font-size: 17px; color: var(--ap-muted); margin: 0 0 26px; max-width: 640px; }#ap-aggregate .ap-hero-intro a{ color: var(--ap-ocean); text-decoration: underline; text-underline-offset: 3px; }#ap-aggregate .ap-hero-intro a:hover{ color: var(--ap-coral); }#ap-aggregate .ap-hero-actions{ display: flex; flex-wrap: wrap; gap: 12px; }#ap-aggregate .ap-hero-media{ min-width: 0; }#ap-aggregate .ap-hero-media img{ width: 100%; border-radius: 10px; box-shadow: 0 18px 44px rgba(8, 51, 61, .16); }#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: 20px; }#ap-aggregate .ap-grid-4{ display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; }#ap-aggregate .ap-card{ background: #fff; border: 1px solid var(--ap-line); border-radius: 10px; padding: 24px; min-width: 0; }#ap-aggregate .ap-quick-lede{ margin: 0 0 14px; color: var(--ap-muted); font-size: 15px; }#ap-aggregate .ap-list, #ap-aggregate .ap-variants{ list-style: none; padding: 0; margin: 0 0 14px; }#ap-aggregate .ap-list li{ padding: 8px 0; border-bottom: 1px dashed var(--ap-line); font-size: 15px; }#ap-aggregate .ap-list li:last-child{ border-bottom: 0; }#ap-aggregate .ap-list strong{ color: var(--ap-ocean); }#ap-aggregate .ap-family p{ color: var(--ap-muted); margin: 0 0 10px; }#ap-aggregate .ap-family-note{ font-size: 14px; color: var(--ap-ink) !important; padding-left: 12px; border-left: 3px solid var(--ap-sand); }#ap-aggregate .ap-table-wrap{ overflow-x: auto; background: #fff; border: 1px solid var(--ap-line); border-radius: 10px; }#ap-aggregate .ap-matrix{ width: 100%; min-width: 720px; border-collapse: collapse; }#ap-aggregate .ap-matrix-caption{ text-align: left; padding: 14px 16px 0; font-size: 13px; color: var(--ap-muted); }#ap-aggregate .ap-matrix th, #ap-aggregate .ap-matrix td{ padding: 14px 16px; border-bottom: 1px solid var(--ap-line); text-align: left; font-size: 15px; vertical-align: top; }#ap-aggregate .ap-matrix thead th{ background: var(--ap-ocean); color: #fff; font-size: 14px; }#ap-aggregate .ap-matrix tbody th{ width: 190px; background: #f8fbfb; font-weight: 700; color: var(--ap-ink); }#ap-aggregate .ap-matrix tbody tr:last-child th, #ap-aggregate .ap-matrix tbody tr:last-child td{ border-bottom: 0; }#ap-aggregate .ap-matrix a{ color: var(--ap-ocean); font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }#ap-aggregate .ap-thick{ padding: 22px 0 0; border-top: 3px solid var(--ap-ocean); min-width: 0; }#ap-aggregate .ap-thick-num{ display: block; font-size: 40px; font-weight: 800; line-height: 1.1; color: var(--ap-ocean); margin-bottom: 10px; }#ap-aggregate .ap-thick p{ margin: 0; color: var(--ap-muted); font-size: 15px; }#ap-aggregate .ap-spotlight-grid{ display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 50px; align-items: start; }#ap-aggregate .ap-shot-main img{ width: 100%; border-radius: 10px; box-shadow: 0 12px 32px rgba(8, 51, 61, .12); }#ap-aggregate .ap-shot-thumbs{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin-top: 10px; }#ap-aggregate .ap-shot-thumbs img{ width: 100%; aspect-ratio: 1 / 1; object-fit: cover; border-radius: 8px; border: 1px solid var(--ap-line); }#ap-aggregate .ap-spotlight-copy h2{ font-size: 30px; line-height: 1.22; margin: 0 0 14px; font-weight: 800; }#ap-aggregate .ap-spotlight-copy > p{ color: var(--ap-muted); margin: 0 0 20px; }#ap-aggregate .ap-kv{ list-style: none; margin: 0 0 20px; padding: 0; }#ap-aggregate .ap-kv li{ display: grid; grid-template-columns: 130px minmax(0, 1fr); gap: 12px; padding: 11px 0; border-bottom: 1px solid var(--ap-line); font-size: 15px; }#ap-aggregate .ap-kv-k{ font-weight: 700; }#ap-aggregate .ap-kv-v{ color: var(--ap-muted); }#ap-aggregate .ap-badge{ display: inline-block; margin-bottom: 20px; padding: 9px 14px; border-radius: 999px; background: #fff; border: 1px solid var(--ap-line); font-size: 14px; font-weight: 700; color: var(--ap-ocean); }#ap-aggregate .ap-actions{ display: flex; flex-wrap: wrap; gap: 12px; }#ap-aggregate .ap-fit-grid{ display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: 46px; align-items: start; }#ap-aggregate .ap-fit-media img{ width: 100%; border-radius: 10px; box-shadow: 0 12px 32px rgba(8, 51, 61, .1); }#ap-aggregate .ap-fit-copy h3{ margin-top: 22px; }#ap-aggregate .ap-fit-copy h3:first-child{ margin-top: 0; }#ap-aggregate .ap-fit-copy p{ margin: 0; color: var(--ap-muted); }#ap-aggregate .ap-variants{ display: flex; flex-wrap: wrap; gap: 8px; margin: 16px 0 0; }#ap-aggregate .ap-variant{ padding: 6px 12px; border: 1px solid var(--ap-line); border-radius: 999px; background: #fff; font-size: 13px; font-weight: 700; }#ap-aggregate .ap-scene-grid{ display: grid; grid-template-columns: minmax(0, .75fr) minmax(0, 1.25fr); gap: 46px; align-items: start; }#ap-aggregate .ap-scene-media img{ width: 100%; border-radius: 10px; box-shadow: 0 12px 32px rgba(8, 51, 61, .1); }#ap-aggregate .ap-scene{ background: #fff; border: 1px solid var(--ap-line); border-radius: 10px; padding: 20px; margin-bottom: 14px; }#ap-aggregate .ap-scene p{ margin: 0 0 8px; color: var(--ap-muted); font-size: 15px; }#ap-aggregate .ap-scene p:last-child{ margin-bottom: 0; }#ap-aggregate .ap-scene strong{ color: var(--ap-ink); }#ap-aggregate .ap-quote-band{ display: flex; flex-wrap: wrap; gap: 24px; align-items: center; justify-content: space-between; margin-top: 36px; padding: 28px; border-radius: 12px; background: #fff; border: 1px solid var(--ap-line); }#ap-aggregate .ap-quote-band h3{ margin-bottom: 6px; }#ap-aggregate .ap-quote-band p{ margin: 0; color: var(--ap-muted); max-width: 620px; }#ap-aggregate .ap-prod-grid{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }#ap-aggregate .ap-prod-card{ background: #fff; border: 1px solid var(--ap-line); border-radius: 10px; overflow: hidden; min-width: 0; }#ap-aggregate .ap-prod-card img{ width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }#ap-aggregate .ap-prod-card h3, #ap-aggregate .ap-prod-card p, #ap-aggregate .ap-prod-card a{ margin-left: 20px; margin-right: 20px; }#ap-aggregate .ap-prod-card h3{ margin-top: 18px; }#ap-aggregate .ap-prod-card p{ color: var(--ap-muted); font-size: 15px; }#ap-aggregate .ap-prod-card .ap-jump{ margin-bottom: 20px; }#ap-aggregate .ap-closing{ background: var(--ap-ocean-dark); color: #ffffff; padding: 66px 0; }#ap-aggregate .ap-closing-inner{ max-width: 780px; }#ap-aggregate .ap-closing h2{ font-size: 30px; line-height: 1.22; margin: 0 0 14px; font-weight: 800; color: #ffffff; }#ap-aggregate .ap-closing p{ margin: 0 0 24px; color: rgba(255, 255, 255, .82); }

  @media (max-width: 980px) {#ap-aggregate .ap-hero-grid{ grid-template-columns: 1fr; gap: 34px; }#ap-aggregate .ap-hero-title{ font-size: 36px; }#ap-aggregate .ap-grid-3, #ap-aggregate .ap-grid-4, #ap-aggregate .ap-prod-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }#ap-aggregate .ap-spotlight-grid, #ap-aggregate .ap-fit-grid, #ap-aggregate .ap-scene-grid{ grid-template-columns: 1fr; gap: 32px; }#ap-aggregate .ap-section{ padding: 56px 0; }
  }
  @media (max-width: 640px) {#ap-aggregate .ap-shell{ width: calc(100% - 28px); }#ap-aggregate .ap-hero{ padding: 34px 0 44px; }#ap-aggregate .ap-hero-title{ font-size: 29px; line-height: 1.3; }#ap-aggregate .ap-hero-intro{ font-size: 16px; }#ap-aggregate .ap-head h2{ font-size: 26px; }#ap-aggregate .ap-spotlight-copy h2{ font-size: 25px; }#ap-aggregate .ap-closing h2{ font-size: 25px; }#ap-aggregate .ap-grid-3, #ap-aggregate .ap-grid-4, #ap-aggregate .ap-grid-2, #ap-aggregate .ap-prod-grid{ grid-template-columns: 1fr; }#ap-aggregate .ap-kv li{ grid-template-columns: 1fr; gap: 2px; }#ap-aggregate .ap-btn{ width: 100%; }#ap-aggregate .ap-quote-band{ padding: 22px; }#ap-aggregate .ap-thick-num{ font-size: 34px; }
  }