/* ----- RESET & BASE (scoped) ----- */
        #ap-aggregate-page *{ box-sizing: border-box; margin: 0; padding: 0; }#ap-aggregate-page{ font-family: Arial, Helvetica, sans-serif; color: #1f2722; background: #ffffff; line-height: 1.6; width: 100%; overflow: hidden; }#ap-aggregate-page a{ color: inherit; text-decoration-thickness: 1px; text-underline-offset: 3px; transition: color .2s; }#ap-aggregate-page a:hover{ color: #4d5a43; }#ap-aggregate-page img{ display: block; max-width: 100%; height: auto; }#ap-aggregate-page h1, #ap-aggregate-page h2, #ap-aggregate-page h3, #ap-aggregate-page p{ margin-top: 0; }#ap-aggregate-page h1{ line-height: 1.28; }#ap-aggregate-page h2{ line-height: 1.22; }#ap-aggregate-page h3{ line-height: 1.30; }#ap-aggregate-page ul{ list-style: none; padding: 0; margin: 0; }#ap-aggregate /* ----- SHELL ----- */
        .ap-shell{ width: min(1180px, calc(100% - 40px)); margin: 0 auto; }#ap-aggregate /* ----- SECTIONS ----- */
        .ap-section{ padding: 72px 0; }#ap-aggregate .ap-section-soft{ background: #f4f5f1; }#ap-aggregate /* ----- CENTER HEAD ----- */
        .ap-center-head{ max-width: 720px; margin: 0 auto 44px; text-align: center; }#ap-aggregate .ap-center-head h2{ font-size: 34px; margin-bottom: 12px; }#ap-aggregate .ap-lede{ color: #667069; font-size: 18px; max-width: 640px; margin: 0 auto; line-height: 1.5; }#ap-aggregate /* ----- BUTTONS ----- */
        .ap-btn{ display: inline-flex; min-height: 48px; align-items: center; justify-content: center; padding: 12px 24px; border: 1px solid #1f2722; border-radius: 4px; font-size: 15px; font-weight: 700; text-decoration: none; transition: background-color .2s, color .2s, border-color .2s; cursor: pointer; }#ap-aggregate .ap-btn-primary{ color: #fff !important; background: #4d5a43; border-color: #4d5a43; }#ap-aggregate .ap-btn-primary:hover{ background: #35402f; border-color: #35402f; color: #fff !important; }#ap-aggregate .ap-btn-secondary{ color: #1f2722 !important; background: transparent; border-color: #1f2722; }#ap-aggregate .ap-btn-secondary:hover{ background: #1f2722; color: #fff !important; }#ap-aggregate .ap-btn-outline{ color: #1f2722 !important; background: transparent; border-color: #1f2722; font-size: 14px; padding: 10px 20px; min-height: 42px; }#ap-aggregate .ap-btn-outline:hover{ background: #1f2722; color: #fff !important; }#ap-aggregate /* ===== HERO ===== */
        .ap-hero{ position: relative; padding: 56px 0 60px; background: #ffffff; overflow: hidden; }#ap-aggregate .ap-hero-bg{ position: absolute; inset: 0; background: linear-gradient(135deg, #f9faf8 0%, #edefe9 100%); z-index: 0; }#ap-aggregate .ap-hero-inner{ position: relative; z-index: 1; width: min(1180px, calc(100% - 40px)); margin: 0 auto; }#ap-aggregate .ap-hero-grid{ display: grid; grid-template-columns: minmax(0, 1fr) minmax(340px, .78fr); gap: 56px; align-items: center; }#ap-aggregate .ap-hero-title{ font-size: 42px; margin-bottom: 20px; letter-spacing: -0.01em; }#ap-aggregate .ap-hero-intro{ font-size: 17px; color: #4a554d; line-height: 1.65; margin-bottom: 0; }#ap-aggregate .ap-hero-intro a{ color: #4d5a43; font-weight: 700; text-decoration: underline; text-underline-offset: 2px; }#ap-aggregate .ap-hero-intro a:hover{ color: #35402f; }#ap-aggregate .ap-hero-actions{ display: flex; flex-wrap: wrap; gap: 14px; margin-top: 28px; }#ap-aggregate .ap-hero-badges{ display: flex; flex-wrap: wrap; gap: 12px; margin-top: 30px; }#ap-aggregate .ap-hero-badge{ display: flex; align-items: center; gap: 8px; padding: 8px 16px; background: #ffffff; border: 1px solid #dfe3dc; border-radius: 6px; font-size: 14px; box-shadow: 0 2px 8px rgba(31,39,34,.06); }#ap-aggregate .ap-hero-badge strong{ font-weight: 700; color: #1f2722; }#ap-aggregate .ap-badge-icon{ width: 20px; height: 20px; display: inline-block; background: #4d5a43; border-radius: 50%; position: relative; }#ap-aggregate .ap-badge-players::after{ content: "3"; color: #fff; font-size: 11px; font-weight: 700; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; }#ap-aggregate .ap-badge-prizes::after{ content: "30"; color: #fff; font-size: 10px; font-weight: 700; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; }#ap-aggregate .ap-badge-model::after{ content: "JX"; color: #fff; font-size: 9px; font-weight: 700; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; }#ap-aggregate .ap-hero-media{ position: relative; }#ap-aggregate .ap-hero-media::after{ content: ""; position: absolute; right: -12px; bottom: -12px; width: 30%; height: 30%; border-right: 6px solid #e7d899; border-bottom: 6px solid #e7d899; z-index: 0; border-radius: 0 0 4px 0; }#ap-aggregate .ap-hero-img{ position: relative; z-index: 1; width: 100%; height: auto; max-height: 580px; object-fit: cover; border-radius: 8px; box-shadow: 0 18px 44px rgba(31,39,34,.14); }#ap-aggregate /* ===== SNAPSHOT ===== */
        .ap-snapshot-grid{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }#ap-aggregate .ap-snapshot-card{ padding: 28px 24px; background: #ffffff; border-radius: 8px; border: 1px solid #dfe3dc; box-shadow: 0 2px 10px rgba(31,39,34,.04); transition: box-shadow .2s; }#ap-aggregate .ap-snapshot-card:hover{ box-shadow: 0 8px 24px rgba(31,39,34,.08); }#ap-aggregate .ap-snapshot-icon{ width: 40px; height: 40px; margin-bottom: 16px; border-radius: 8px; background: #edefe9; position: relative; }#ap-aggregate .ap-icon-players::after{ content: "👥"; font-size: 20px; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; }#ap-aggregate .ap-icon-gift::after{ content: "🎁"; font-size: 20px; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; }#ap-aggregate .ap-icon-modes::after{ content: "🔄"; font-size: 20px; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; }#ap-aggregate .ap-icon-power::after{ content: "⚡"; font-size: 20px; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; }#ap-aggregate .ap-icon-size::after{ content: "📐"; font-size: 20px; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; }#ap-aggregate .ap-icon-oem::after{ content: "🖌️"; font-size: 20px; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; }#ap-aggregate .ap-snapshot-card h3{ font-size: 18px; margin-bottom: 8px; }#ap-aggregate .ap-snapshot-card p{ color: #667069; font-size: 14px; line-height: 1.5; margin-bottom: 0; }#ap-aggregate /* ===== SPECTRUM ===== */
        .ap-spectrum-grid{ display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }#ap-aggregate .ap-spectrum-card{ background: #ffffff; border-radius: 8px; border: 1px solid #dfe3dc; overflow: hidden; transition: box-shadow .2s, transform .2s; }#ap-aggregate .ap-spectrum-card:hover{ box-shadow: 0 8px 24px rgba(31,39,34,.08); transform: translateY(-2px); }#ap-aggregate .ap-spectrum-card-featured{ border-color: #4d5a43; box-shadow: 0 0 0 1px #4d5a43; }#ap-aggregate .ap-spectrum-img-wrap{ height: 180px; overflow: hidden; background: #f4f5f1; }#ap-aggregate .ap-spectrum-img{ width: 100%; height: 100%; object-fit: cover; }#ap-aggregate .ap-spectrum-body{ padding: 20px; }#ap-aggregate .ap-spectrum-level{ display: inline-block; font-size: 11px; font-weight: 700; text-transform: uppercase; color: #4d5a43; letter-spacing: 0.05em; margin-bottom: 6px; }#ap-aggregate .ap-spectrum-body h3{ font-size: 16px; margin-bottom: 10px; }#ap-aggregate .ap-spectrum-body ul li{ position: relative; padding-left: 16px; font-size: 13px; color: #4a554d; line-height: 1.5; margin-bottom: 4px; }#ap-aggregate .ap-spectrum-body ul li::before{ content: "—"; position: absolute; left: 0; color: #4d5a43; }#ap-aggregate /* ===== OEM ===== */
        .ap-oem-grid{ display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, .7fr); gap: 52px; align-items: start; }#ap-aggregate .ap-oem-content h2{ font-size: 34px; margin-bottom: 14px; }#ap-aggregate .ap-oem-content .ap-lede{ font-size: 17px; color: #667069; margin-bottom: 32px; max-width: 100%; }#ap-aggregate .ap-oem-benefits{ display: grid; gap: 24px; margin-bottom: 32px; }#ap-aggregate .ap-oem-benefit{ display: flex; gap: 16px; }#ap-aggregate .ap-oem-num{ font-size: 28px; font-weight: 800; color: #4d5a43; line-height: 1; min-width: 44px; }#ap-aggregate .ap-oem-benefit h3{ font-size: 18px; margin-bottom: 4px; }#ap-aggregate .ap-oem-benefit p{ color: #667069; font-size: 14px; line-height: 1.5; margin-bottom: 0; }#ap-aggregate .ap-oem-visual{ display: flex; align-items: center; justify-content: center; }#ap-aggregate .ap-oem-card{ background: #ffffff; border-radius: 12px; padding: 36px 28px; border: 1px solid #dfe3dc; box-shadow: 0 8px 28px rgba(31,39,34,.06); width: 100%; display: grid; gap: 28px; }#ap-aggregate .ap-oem-stat{ text-align: center; }#ap-aggregate .ap-oem-stat-num{ display: block; font-size: 40px; font-weight: 800; color: #4d5a43; line-height: 1.1; }#ap-aggregate .ap-oem-stat-label{ display: block; font-size: 13px; color: #667069; margin-top: 4px; }#ap-aggregate /* ===== MATRIX ===== */
        .ap-matrix-grid{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }#ap-aggregate .ap-matrix-card{ background: #ffffff; border-radius: 8px; border: 1px solid #dfe3dc; overflow: hidden; transition: box-shadow .2s; }#ap-aggregate .ap-matrix-card:hover{ box-shadow: 0 8px 24px rgba(31,39,34,.08); }#ap-aggregate .ap-matrix-img{ width: 100%; height: 200px; object-fit: cover; border-bottom: 1px solid #dfe3dc; }#ap-aggregate .ap-matrix-body{ padding: 20px; }#ap-aggregate .ap-matrix-body h3{ font-size: 17px; margin-bottom: 6px; }#ap-aggregate .ap-matrix-body p{ color: #667069; font-size: 14px; line-height: 1.5; margin-bottom: 16px; }#ap-aggregate /* ===== SPECS TABLE ===== */
        .ap-specs-table-wrap{ max-width: 780px; margin: 0 auto; background: #ffffff; border-radius: 8px; border: 1px solid #dfe3dc; overflow: hidden; }#ap-aggregate .ap-specs-table{ width: 100%; border-collapse: collapse; }#ap-aggregate .ap-specs-table tr{ border-bottom: 1px solid #edefe9; }#ap-aggregate .ap-specs-table tr:last-child{ border-bottom: none; }#ap-aggregate .ap-specs-label{ padding: 14px 20px; font-weight: 700; font-size: 14px; color: #1f2722; width: 40%; background: #fafbf9; }#ap-aggregate .ap-specs-value{ padding: 14px 20px; font-size: 14px; color: #4a554d; }#ap-aggregate /* ===== DECISION ===== */
        .ap-decision-grid{ display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; }#ap-aggregate .ap-decision-card{ background: #ffffff; border-radius: 8px; padding: 28px 24px; border: 1px solid #dfe3dc; transition: box-shadow .2s; }#ap-aggregate .ap-decision-card:hover{ box-shadow: 0 8px 24px rgba(31,39,34,.06); }#ap-aggregate .ap-decision-icon{ width: 44px; height: 44px; margin-bottom: 14px; border-radius: 10px; background: #edefe9; position: relative; }#ap-aggregate .ap-icon-fec::after{ content: "🏢"; font-size: 22px; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; }#ap-aggregate .ap-icon-mall::after{ content: "🛍️"; font-size: 22px; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; }#ap-aggregate .ap-icon-branded::after{ content: "🎯"; font-size: 22px; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; }#ap-aggregate .ap-icon-event::after{ content: "📅"; font-size: 22px; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; }#ap-aggregate .ap-decision-card h3{ font-size: 18px; margin-bottom: 10px; }#ap-aggregate .ap-decision-fact{ font-size: 14px; color: #4d5a43; margin-bottom: 8px; padding: 6px 10px; background: #edefe9; border-radius: 4px; }#ap-aggregate .ap-decision-fact strong{ font-weight: 700; }#ap-aggregate .ap-decision-action{ font-size: 14px; color: #4a554d; line-height: 1.5; margin-bottom: 0; }#ap-aggregate .ap-decision-action strong{ font-weight: 700; color: #1f2722; }#ap-aggregate .ap-decision-cta{ text-align: center; margin-top: 36px; padding: 28px; background: #edefe9; border-radius: 8px; }#ap-aggregate .ap-decision-cta p{ font-size: 16px; color: #1f2722; margin-bottom: 16px; }#ap-aggregate /* ===== FAQ ===== */
        .ap-faq-list{ max-width: 780px; margin: 0 auto; display: grid; gap: 12px; }#ap-aggregate .ap-faq-item{ background: #ffffff; border-radius: 6px; padding: 20px 24px; border: 1px solid #dfe3dc; }#ap-aggregate .ap-faq-q{ font-size: 16px; font-weight: 700; margin-bottom: 6px; cursor: default; }#ap-aggregate .ap-faq-a{ font-size: 14px; color: #4a554d; line-height: 1.6; margin-bottom: 0; }

        /* ===== RESPONSIVE ===== */
        @media (max-width: 1024px) {#ap-aggregate .ap-hero-grid{ grid-template-columns: 1fr; gap: 36px; }#ap-aggregate .ap-hero-title{ font-size: 34px; }#ap-aggregate .ap-hero-media{ max-width: 560px; margin: 0 auto; }#ap-aggregate .ap-snapshot-grid{ grid-template-columns: repeat(2, 1fr); }#ap-aggregate .ap-spectrum-grid{ grid-template-columns: repeat(2, 1fr); }#ap-aggregate .ap-oem-grid{ grid-template-columns: 1fr; gap: 36px; }#ap-aggregate .ap-matrix-grid{ grid-template-columns: repeat(2, 1fr); }#ap-aggregate .ap-decision-grid{ grid-template-columns: 1fr; }
        }
        @media (max-width: 640px) {#ap-aggregate .ap-hero{ padding: 36px 0 40px; }#ap-aggregate .ap-hero-title{ font-size: 27px; }#ap-aggregate .ap-hero-intro{ font-size: 15px; }#ap-aggregate .ap-hero-actions{ flex-direction: column; }#ap-aggregate .ap-hero-actions .ap-btn{ width: 100%; }#ap-aggregate .ap-hero-badges{ flex-wrap: wrap; }#ap-aggregate .ap-section{ padding: 48px 0; }#ap-aggregate .ap-center-head h2{ font-size: 26px; }#ap-aggregate .ap-snapshot-grid{ grid-template-columns: 1fr; }#ap-aggregate .ap-spectrum-grid{ grid-template-columns: 1fr; }#ap-aggregate .ap-matrix-grid{ grid-template-columns: 1fr; }#ap-aggregate .ap-specs-table-wrap{ overflow-x: auto; }#ap-aggregate .ap-decision-card{ padding: 20px; }#ap-aggregate .ap-faq-item{ padding: 16px; }#ap-aggregate .ap-oem-card{ padding: 24px; }#ap-aggregate .ap-oem-stat-num{ font-size: 32px; }
        }
        @media (max-width: 390px) {#ap-aggregate .ap-hero-title{ font-size: 22px; }#ap-aggregate .ap-hero-intro{ font-size: 14px; }#ap-aggregate .ap-shell{ width: calc(100% - 24px); }#ap-aggregate .ap-spectrum-img-wrap{ height: 140px; }#ap-aggregate .ap-matrix-img{ height: 160px; }
        }