#ap-page{ --ap-ink: #1d1b24; --ap-muted: #6c6878; --ap-paper: #ffffff; --ap-soft: #f7f5f9; --ap-line: #e5e1ea; --ap-berry: #b8215a; --ap-berry-dark: #8e1746; --ap-mint: #2f8f7c; --ap-gold: #dfa53c; color: var(--ap-ink); background: var(--ap-paper); font-family: Arial, Helvetica, sans-serif; line-height: 1.65; overflow: hidden; }#ap-page *, #ap-page *::before, #ap-page *::after{ box-sizing: border-box; letter-spacing: 0; }#ap-page img{ display: block; max-width: 100%; height: auto; }#ap-page h1, #ap-page h2, #ap-page h3, #ap-page p{ margin-top: 0; }#ap-page h1{ font-size: 44px; line-height: 1.28; margin-bottom: 20px; }#ap-page h2{ font-size: 32px; line-height: 1.24; margin-bottom: 14px; }#ap-page h3{ font-size: 20px; line-height: 1.32; margin-bottom: 8px; }#ap-page a{ color: inherit; }#ap-aggregate .ap-shell{ width: min(1100px, calc(100% - 40px)); margin: 0 auto; }#ap-aggregate .ap-btn{ display: inline-flex; min-height: 48px; align-items: center; justify-content: center; padding: 12px 22px; border: 1px solid var(--ap-ink); 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{ color: #fff !important; background: var(--ap-berry); border-color: var(--ap-berry); }#ap-aggregate .ap-btn-primary:hover{ background: var(--ap-berry-dark); border-color: var(--ap-berry-dark); }#ap-aggregate .ap-btn-secondary{ background: #fff; }#ap-aggregate .ap-btn-secondary:hover{ color: #fff !important; background: var(--ap-ink); }#ap-aggregate .ap-hero{ padding: 54px 0 62px; background: linear-gradient(180deg, #fdf6f9 0%, #ffffff 100%); border-bottom: 1px solid var(--ap-line); }#ap-aggregate .ap-hero-grid{ display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(320px, .85fr); align-items: center; gap: 56px; }#ap-aggregate .ap-hero-intro{ max-width: 650px; margin-bottom: 0; color: #454250; font-size: 17px; }#ap-aggregate .ap-hero-intro a{ color: var(--ap-berry); 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-hero-facts{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin-top: 34px; }#ap-aggregate .ap-fact{ padding: 14px 0 0; border-top: 2px solid var(--ap-ink); }#ap-aggregate .ap-fact strong{ display: block; font-size: 15px; }#ap-aggregate .ap-fact span{ color: var(--ap-muted); font-size: 13px; line-height: 1.5; }#ap-aggregate .ap-hero-media{ position: relative; }#ap-aggregate .ap-hero-media::after{ content: ""; position: absolute; right: -13px; bottom: -13px; width: 36%; height: 36%; border-right: 7px solid var(--ap-gold); border-bottom: 7px solid var(--ap-gold); z-index: 0; }#ap-aggregate .ap-hero-media img{ position: relative; z-index: 1; width: 100%; max-height: 620px; object-fit: cover; border-radius: 10px; box-shadow: 0 18px 44px rgba(29,27,36,.16); }#ap-aggregate .ap-section{ padding: 72px 0; }#ap-aggregate .ap-section-soft{ background: var(--ap-soft); }#ap-aggregate .ap-section-line{ border-top: 1px solid var(--ap-line); }#ap-aggregate .ap-sec-head{ max-width: 760px; margin-bottom: 34px; }#ap-aggregate .ap-sec-head p{ margin-bottom: 0; color: var(--ap-muted); font-size: 16px; }#ap-aggregate .ap-notice{ padding: 70px 0 0; }#ap-aggregate .ap-notice-box{ display: grid; grid-template-columns: minmax(0, .32fr) minmax(0, 1fr); gap: 28px; align-items: start; padding: 26px 28px; border-left: 5px solid var(--ap-berry); border-radius: 8px; background: #fff; box-shadow: 0 10px 28px rgba(29,27,36,.07); }#ap-aggregate .ap-notice-box h2{ font-size: 22px; margin-bottom: 0; }#ap-aggregate .ap-notice-box p{ margin-bottom: 0; color: var(--ap-muted); font-size: 15px; }#ap-aggregate .ap-family-grid{ display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 14px; }#ap-aggregate .ap-family{ display: flex; flex-direction: column; min-height: 200px; padding: 20px 18px; border: 1px solid var(--ap-line); border-radius: 10px; background: #fff; }#ap-aggregate .ap-family-dot{ width: 26px; height: 26px; margin-bottom: 14px; border-radius: 50%; }#ap-aggregate .ap-family h3{ font-size: 17px; margin-bottom: 6px; }#ap-aggregate .ap-family p{ margin-bottom: 12px; color: var(--ap-muted); font-size: 14px; }#ap-aggregate .ap-family span{ margin-top: auto; color: var(--ap-ink); font-size: 12.5px; font-weight: 700; text-transform: uppercase; }#ap-aggregate .ap-dot-berry{ background: #b8215a; }#ap-aggregate .ap-dot-tropical{ background: #dfa53c; }#ap-aggregate .ap-dot-citrus{ background: #7fae3c; }#ap-aggregate .ap-dot-candy{ background: #8a5ec2; }#ap-aggregate .ap-dot-ice{ background: #4aa8b8; }#ap-aggregate .ap-spot-grid{ display: grid; grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr); gap: 52px; align-items: center; }#ap-aggregate .ap-spot-media img{ width: 100%; max-height: 620px; object-fit: cover; border-radius: 10px; box-shadow: 0 14px 36px rgba(29,27,36,.13); }#ap-aggregate .ap-caption{ margin-top: 12px; color: var(--ap-muted); font-size: 13px; }#ap-aggregate .ap-notes{ display: grid; gap: 12px; margin: 24px 0 26px; }#ap-aggregate .ap-note{ padding: 16px 18px; border-left: 3px solid var(--ap-mint); background: #fff; border-radius: 0 8px 8px 0; }#ap-aggregate .ap-note strong{ display: block; margin-bottom: 3px; font-size: 14px; }#ap-aggregate .ap-note p{ margin-bottom: 0; color: var(--ap-muted); font-size: 14.5px; }#ap-aggregate .ap-inline-link{ color: var(--ap-berry); font-weight: 700; text-decoration-thickness: 1px; text-underline-offset: 3px; }#ap-aggregate .ap-spec-wrap{ overflow-x: auto; border: 1px solid var(--ap-line); border-radius: 10px; background: #fff; }#ap-page .ap-spec-table{ width: 100%; min-width: 560px; border-collapse: collapse; }#ap-page .ap-spec-table th, #ap-page .ap-spec-table td{ padding: 14px 18px; text-align: left; font-size: 15px; border-bottom: 1px solid var(--ap-line); vertical-align: top; }#ap-page .ap-spec-table thead th{ background: #faf8fb; font-size: 13px; text-transform: uppercase; }#ap-page .ap-spec-table tbody tr:last-child th, #ap-page .ap-spec-table tbody tr:last-child td{ border-bottom: none; }#ap-page .ap-spec-table tbody th{ width: 34%; font-weight: 700; color: var(--ap-ink); }#ap-page .ap-spec-table tbody td{ color: var(--ap-muted); }#ap-aggregate .ap-spec-side{ display: grid; gap: 14px; margin-top: 22px; }#ap-aggregate .ap-signal{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }#ap-aggregate .ap-signal-card{ padding: 18px; border-radius: 10px; background: #fff; border: 1px solid var(--ap-line); }#ap-aggregate .ap-signal-card strong{ display: block; font-size: 22px; line-height: 1.2; color: var(--ap-berry); }#ap-aggregate .ap-signal-card span{ color: var(--ap-muted); font-size: 13px; }#ap-aggregate .ap-guard{ padding: 18px 20px; border-radius: 10px; background: #fff8e8; border: 1px solid #f0dcb0; color: #6a5322; font-size: 14.5px; }#ap-aggregate .ap-scenario-grid{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }#ap-aggregate .ap-scenario{ display: flex; flex-direction: column; padding: 24px 22px; border: 1px solid var(--ap-line); border-top: 4px solid var(--ap-berry); border-radius: 10px; background: #fff; }#ap-aggregate .ap-scenario h3{ font-size: 18px; }#ap-aggregate .ap-scenario .ap-scenario-spec{ margin: 12px 0 0; padding: 12px 14px; border-radius: 8px; background: var(--ap-soft); font-size: 14px; color: var(--ap-ink); }#ap-aggregate .ap-scenario p{ margin-bottom: 0; color: var(--ap-muted); font-size: 14.5px; }#ap-aggregate .ap-scenario .ap-scenario-decision{ margin-top: 14px; color: var(--ap-ink); font-size: 14.5px; }#ap-aggregate .ap-label{ display: inline-block; margin-bottom: 10px; color: var(--ap-mint); font-size: 12px; font-weight: 700; text-transform: uppercase; }#ap-aggregate .ap-matrix{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }#ap-aggregate .ap-card{ display: flex; flex-direction: column; border: 1px solid var(--ap-line); border-radius: 12px; overflow: hidden; background: #fff; transition: box-shadow .2s ease, transform .2s ease; }#ap-aggregate .ap-card:hover{ box-shadow: 0 16px 34px rgba(29,27,36,.12); transform: translateY(-2px); }#ap-aggregate .ap-card img{ width: 100%; height: 250px; object-fit: contain; padding: 16px; background: #faf8fb; border-bottom: 1px solid var(--ap-line); }#ap-aggregate .ap-card-body{ display: flex; flex-direction: column; flex: 1; padding: 20px; }#ap-aggregate .ap-card-body h3{ font-size: 17px; }#ap-aggregate .ap-card-body p{ margin-bottom: 16px; color: var(--ap-muted); font-size: 14px; }#ap-aggregate .ap-matrix-note{ margin-top: 20px; color: var(--ap-muted); font-size: 13.5px; }#ap-aggregate .ap-enquiry{ display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); gap: 44px; align-items: center; padding: 40px; border-radius: 14px; background: #1d1b24; color: #fff; }#ap-aggregate .ap-enquiry h2{ color: #fff; }#ap-aggregate .ap-enquiry p{ color: #ccc9d4; font-size: 15.5px; }#ap-aggregate .ap-enquiry-list{ display: grid; gap: 10px; margin: 0 0 0; padding: 0; list-style: none; }#ap-aggregate .ap-enquiry-list li{ padding: 12px 14px; border-radius: 8px; background: rgba(255,255,255,.08); font-size: 14.5px; }#ap-aggregate .ap-enquiry .ap-btn-primary{ color: #fff !important; }#ap-aggregate .ap-faq{ display: grid; gap: 14px; }#ap-aggregate .ap-footer-note{ padding: 0 0 68px; }#ap-aggregate .ap-footer-note p{ margin-bottom: 0; color: var(--ap-muted); font-size: 13.5px; }
    @media (max-width: 1000px) {#ap-aggregate .ap-hero-grid, #ap-aggregate .ap-spot-grid, #ap-aggregate .ap-enquiry{ grid-template-columns: minmax(0, 1fr); }#ap-aggregate .ap-hero-grid, #ap-aggregate .ap-spot-grid{ gap: 38px; }#ap-aggregate .ap-family-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }#ap-aggregate .ap-matrix{ grid-template-columns: repeat(2, minmax(0, 1fr)); }#ap-aggregate .ap-notice-box{ grid-template-columns: minmax(0, 1fr); gap: 12px; }#ap-page h1{ font-size: 38px; }
    }
    @media (max-width: 720px) {#ap-aggregate .ap-shell{ width: calc(100% - 28px); }#ap-aggregate .ap-section{ padding: 54px 0; }#ap-aggregate .ap-hero{ padding: 36px 0 46px; }#ap-aggregate .ap-hero-facts, #ap-aggregate .ap-signal, #ap-aggregate .ap-scenario-grid, #ap-aggregate .ap-matrix{ grid-template-columns: minmax(0, 1fr); }#ap-aggregate .ap-family-grid{ grid-template-columns: minmax(0, 1fr); }#ap-page h1{ font-size: 30px; line-height: 1.28; }#ap-page h2{ font-size: 25px; line-height: 1.26; }#ap-aggregate .ap-enquiry{ padding: 26px 20px; }#ap-aggregate .ap-hero-media::after{ display: none; }#ap-aggregate .ap-card img{ height: 210px; }
    }