#ap-aggregate{
      --ap-ink: #1d1a18;
      --ap-body: #4a423d;
      --ap-muted: #7a6f68;
      --ap-paper: #ffffff;
      --ap-soft: #f7f3ef;
      --ap-line: #e6ddd6;
      --ap-coral: #c04a32;
      --ap-coral-dark: #9b3623;
      --ap-sand: #f2e8e1;
      font-family: Arial, Helvetica, sans-serif;
      color: var(--ap-ink);
      background: var(--ap-paper);
      line-height: 1.68;
      overflow: hidden;
    }#ap-aggregate *{ box-sizing: border-box; }#ap-aggregate img{ display: block; max-width: 100%; height: auto; }#ap-aggregate p{ margin: 0 0 14px; }#ap-aggregate a{ color: inherit; }#ap-aggregate .ap-shell{ width: min(1120px, calc(100% - 40px)); margin: 0 auto; }#ap-aggregate .ap-h2{ font-size: 32px; line-height: 1.24; font-weight: 800; margin: 0 0 14px; letter-spacing: -0.3px; }#ap-aggregate .ap-h3{ font-size: 19px; line-height: 1.34; font-weight: 700; margin: 0 0 8px; }#ap-aggregate .ap-lead{ color: var(--ap-body); font-size: 17px; max-width: 760px; margin-bottom: 26px; }#ap-aggregate .ap-hero{ padding: 56px 0 60px; background: linear-gradient(180deg, #fdfaf8 0%, #f7f1ec 100%); border-bottom: 1px solid var(--ap-line); }#ap-aggregate .ap-hero-grid{ display: grid; grid-template-columns: minmax(0, 1.02fr) minmax(0, 0.98fr); gap: 54px; align-items: center; }#ap-aggregate .ap-hero-title{ font-size: 44px; line-height: 1.28; font-weight: 800; margin: 0 0 20px; letter-spacing: -0.6px; }#ap-aggregate .ap-hero-intro{ font-size: 17px; color: var(--ap-body); max-width: 590px; margin-bottom: 0; }#ap-aggregate .ap-hero-intro a{ color: var(--ap-coral); text-decoration-thickness: 1px; text-underline-offset: 3px; }#ap-aggregate .ap-hero-actions{ display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }#ap-aggregate .ap-btn{ display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 12px 24px; border-radius: 4px; border: 1px solid var(--ap-ink); 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-coral); border-color: var(--ap-coral); color: #fff; }#ap-aggregate .ap-btn-primary:hover{ background: var(--ap-coral-dark); border-color: var(--ap-coral-dark); }#ap-aggregate .ap-btn-ghost{ background: transparent; color: var(--ap-ink); }#ap-aggregate .ap-btn-ghost:hover{ background: var(--ap-ink); color: #fff; }#ap-aggregate .ap-hero-media{ position: relative; }#ap-aggregate .ap-hero-media img{ width: 100%; border-radius: 10px; box-shadow: 0 22px 48px rgba(29, 26, 24, .16); }#ap-aggregate .ap-hero-media::after{ content: ""; position: absolute; left: -14px; bottom: -14px; width: 34%; height: 34%; border-left: 7px solid var(--ap-sand); border-bottom: 7px solid var(--ap-sand); z-index: 0; }#ap-aggregate .ap-hero-media img{ position: relative; z-index: 1; }#ap-aggregate .ap-section{ padding: 72px 0; }#ap-aggregate .ap-section-soft{ background: var(--ap-soft); }#ap-aggregate .ap-facts{ display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }#ap-aggregate .ap-fact{ background: #fff; border-top: 3px solid var(--ap-coral); border-radius: 0 0 6px 6px; padding: 18px 18px 20px; box-shadow: 0 6px 18px rgba(29, 26, 24, .05); }#ap-aggregate .ap-fact b{ display: block; font-size: 20px; line-height: 1.3; margin-bottom: 4px; }#ap-aggregate .ap-fact span{ display: block; font-size: 13.5px; color: var(--ap-muted); line-height: 1.5; }#ap-aggregate .ap-table-wrap{ overflow-x: auto; border: 1px solid var(--ap-line); border-radius: 8px; background: #fff; }#ap-aggregate .ap-table{ width: 100%; border-collapse: collapse; font-size: 15px; min-width: 640px; }#ap-aggregate .ap-table th, #ap-aggregate .ap-table td{ padding: 13px 18px; text-align: left; vertical-align: top; border-bottom: 1px solid var(--ap-line); }#ap-aggregate .ap-table thead th{ background: #f3ebe5; font-size: 13px; text-transform: uppercase; letter-spacing: .06em; color: #5c514a; border-bottom: 2px solid var(--ap-line); }#ap-aggregate .ap-table tbody th{ width: 220px; font-weight: 700; color: var(--ap-ink); background: #fbf8f6; }#ap-aggregate .ap-table tbody tr:last-child th, #ap-aggregate .ap-table tbody tr:last-child td{ border-bottom: none; }#ap-aggregate .ap-table-note{ margin: 14px 0 0; font-size: 14px; color: var(--ap-muted); }#ap-aggregate .ap-split{ display: grid; grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr); gap: 46px; align-items: start; }#ap-aggregate .ap-split-rev{ grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr); }#ap-aggregate .ap-shot img{ width: 100%; border-radius: 8px; box-shadow: 0 14px 34px rgba(29, 26, 24, .12); }#ap-aggregate .ap-shot figcaption{ margin-top: 10px; font-size: 13px; color: var(--ap-muted); line-height: 1.5; }#ap-aggregate .ap-callouts{ list-style: none; padding: 0; margin: 22px 0 0; display: grid; gap: 12px; }#ap-aggregate .ap-callouts li{ position: relative; padding: 14px 18px 14px 46px; background: #fff; border: 1px solid var(--ap-line); border-radius: 6px; }#ap-aggregate .ap-callouts li::before{ content: attr(data-n); position: absolute; left: 14px; top: 13px; width: 22px; height: 22px; border-radius: 50%; background: var(--ap-coral); color: #fff; font-size: 12px; font-weight: 700; display: flex; align-items: center; justify-content: center; }#ap-aggregate .ap-callouts b{ display: block; font-size: 15px; margin-bottom: 2px; }#ap-aggregate .ap-callouts span{ font-size: 14px; color: var(--ap-body); }#ap-aggregate .ap-card-grid{ display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }#ap-aggregate .ap-card{ background: #fff; border: 1px solid var(--ap-line); border-radius: 8px; padding: 20px 18px; }#ap-aggregate .ap-card .ap-tag{ display: inline-block; font-size: 11.5px; font-weight: 700; letter-spacing: .07em; text-transform: uppercase; color: var(--ap-coral); margin-bottom: 8px; }#ap-aggregate .ap-card p{ font-size: 14px; color: var(--ap-body); margin-bottom: 0; }#ap-aggregate .ap-layouts{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin-top: 26px; }#ap-aggregate .ap-layout{ background: #fff; border: 1px solid var(--ap-line); border-radius: 8px; padding: 18px; text-align: center; }#ap-aggregate .ap-layout b{ display: block; font-size: 15px; margin-bottom: 10px; }#ap-aggregate .ap-cavities{ display: flex; justify-content: center; gap: 7px; margin-bottom: 10px; }#ap-aggregate .ap-cav{ width: 15px; height: 34px; border-radius: 8px; background: var(--ap-sand); border: 1px solid #d8c7bb; }#ap-aggregate .ap-layout span{ font-size: 13px; color: var(--ap-muted); }#ap-aggregate .ap-scenario-grid{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }#ap-aggregate .ap-scenario{ background: #fff; border: 1px solid var(--ap-line); border-left: 4px solid var(--ap-coral); border-radius: 6px; padding: 20px 22px; }#ap-aggregate .ap-scenario dl{ margin: 0; font-size: 14px; }#ap-aggregate .ap-scenario dt{ font-weight: 700; color: var(--ap-ink); margin-top: 10px; }#ap-aggregate .ap-scenario dt:first-child{ margin-top: 0; }#ap-aggregate .ap-scenario dd{ margin: 2px 0 0; color: var(--ap-body); }#ap-aggregate .ap-matrix{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }#ap-aggregate .ap-prod{ display: block; background: #fff; border: 1px solid var(--ap-line); border-radius: 8px; overflow: hidden; text-decoration: none; transition: box-shadow .2s ease, transform .2s ease; }#ap-aggregate .ap-prod:hover{ box-shadow: 0 14px 30px rgba(29, 26, 24, .12); transform: translateY(-2px); }#ap-aggregate .ap-prod img{ width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }#ap-aggregate .ap-prod-body{ padding: 16px 18px 20px; }#ap-aggregate .ap-prod-body b{ display: block; font-size: 16px; line-height: 1.34; margin-bottom: 6px; }#ap-aggregate .ap-prod-body span{ font-size: 13.5px; color: var(--ap-muted); }#ap-aggregate .ap-cta{ background: #241f1c; color: #fff; padding: 58px 0; }#ap-aggregate .ap-cta-grid{ display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 0.62fr); gap: 46px; align-items: center; }#ap-aggregate .ap-cta .ap-h2{ color: #fff; }#ap-aggregate .ap-cta p{ color: #d9cfc9; margin-bottom: 0; max-width: 620px; }#ap-aggregate .ap-cta-actions{ display: flex; flex-wrap: wrap; gap: 12px; margin-top: 26px; }#ap-aggregate .ap-cta .ap-btn-primary{ background: var(--ap-coral); border-color: var(--ap-coral); }#ap-aggregate .ap-cta .ap-btn-primary:hover{ background: #d25b41; border-color: #d25b41; }#ap-aggregate .ap-cta .ap-btn-ghost{ color: #fff; border-color: #6f625b; }#ap-aggregate .ap-cta .ap-btn-ghost:hover{ background: #fff; color: var(--ap-ink); border-color: #fff; }#ap-aggregate .ap-cta img{ width: 100%; border-radius: 8px; }#ap-aggregate .ap-faq{ display: grid; gap: 12px; max-width: 880px; }#ap-aggregate .ap-faq details{ background: #fff; border: 1px solid var(--ap-line); border-radius: 8px; padding: 4px 20px; }#ap-aggregate .ap-faq summary{ cursor: pointer; list-style: none; padding: 16px 0; font-size: 16px; font-weight: 700; line-height: 1.34; display: flex; justify-content: space-between; gap: 16px; align-items: center; }#ap-aggregate .ap-faq summary::-webkit-details-marker{ display: none; }#ap-aggregate .ap-faq summary::after{ content: "+"; color: var(--ap-coral); font-size: 22px; font-weight: 400; line-height: 1; }#ap-aggregate .ap-faq details[open] summary::after{ content: "–"; }#ap-aggregate .ap-faq p{ font-size: 15px; color: var(--ap-body); padding-bottom: 14px; margin: 0; }

    @media (max-width: 980px) {#ap-aggregate .ap-hero-grid, #ap-aggregate .ap-split, #ap-aggregate .ap-split-rev, #ap-aggregate .ap-cta-grid{ grid-template-columns: minmax(0, 1fr); gap: 34px; }#ap-aggregate .ap-facts{ grid-template-columns: repeat(2, minmax(0, 1fr)); }#ap-aggregate .ap-card-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }#ap-aggregate .ap-matrix{ 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-hero{ padding: 40px 0 44px; }#ap-aggregate .ap-hero-title{ font-size: 29px; }#ap-aggregate .ap-hero-intro{ font-size: 16px; }#ap-aggregate .ap-hero-media::after{ display: none; }#ap-aggregate .ap-section{ padding: 52px 0; }#ap-aggregate .ap-h2{ font-size: 24px; }#ap-aggregate .ap-facts, #ap-aggregate .ap-card-grid, #ap-aggregate .ap-matrix, #ap-aggregate .ap-scenario-grid, #ap-aggregate .ap-layouts{ grid-template-columns: minmax(0, 1fr); }#ap-aggregate .ap-btn{ width: 100%; }#ap-aggregate .ap-table tbody th{ width: 150px; }
    }