
            .aggregation-platform-section {
                --ap-blue: #2563eb;
                --ap-blue-dark: #173b72;
                --ap-green: #16a36a;
                --ap-ink: #17243b;
                --ap-muted: #68758a;
                --ap-line: #e4eaf2;
                padding: 5.5rem 0 0;
                background: #fff;
            }
            .aggregation-platform-section * { box-sizing: border-box; }
            .aggregation-platform-section .ap-container {
                width: min(1120px, calc(100% - 3rem));
                margin: 0 auto;
            }
            .aggregation-platform-section .ap-hero {
                display: grid;
                grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr);
                gap: 4rem;
                align-items: center;
                padding: 3rem 0 4.5rem;
            }
            .aggregation-platform-section .ap-hero-art { min-width: 0; }
            .aggregation-platform-section .ap-hero-art svg {
                display: block;
                width: 100%;
                height: auto;
                filter: drop-shadow(0 22px 35px rgba(31, 72, 128, .12));
            }
            .aggregation-platform-section .ap-eyebrow {
                display: inline-flex;
                align-items: center;
                gap: .55rem;
                margin-bottom: 1rem;
                color: var(--ap-blue);
                font-size: .8rem;
                font-weight: 700;
                letter-spacing: .08em;
                text-transform: uppercase;
            }
            .aggregation-platform-section .ap-eyebrow::before {
                width: 1.35rem;
                height: 2px;
                background: var(--ap-green);
                content: "";
            }
            .aggregation-platform-section .ap-hero h1 {
                margin: 0 0 1.25rem;
                color: var(--ap-ink);
                font-size: 3rem;
                font-weight: 700;
                line-height: 1.2;
            }
            .aggregation-platform-section .ap-hero p {
                max-width: 37rem;
                margin: 0;
                color: var(--ap-muted);
                font-size: 1.08rem;
                line-height: 1.9;
            }
            .aggregation-platform-section .ap-hero-points {
                display: flex;
                flex-wrap: wrap;
                gap: .65rem 1.15rem;
                margin-top: 1.65rem;
                color: #43536b;
                font-size: .9rem;
            }
            .aggregation-platform-section .ap-hero-points span::before {
                content: "✓";
                margin-right: .4rem;
                color: var(--ap-green);
                font-weight: 700;
            }
            .aggregation-platform-section .ap-benefits {
                padding: 4rem 0 4.5rem;
                background: #f6f9fd;
                border-top: 1px solid #edf1f6;
                border-bottom: 1px solid #edf1f6;
            }
            .aggregation-platform-section .ap-section-heading {
                max-width: 700px;
                margin: 0 auto 2.5rem;
                text-align: center;
            }
            .aggregation-platform-section .ap-section-heading h2 {
                margin: 0 0 .7rem;
                color: var(--ap-ink);
                font-size: 2rem;
                line-height: 1.3;
            }
            .aggregation-platform-section .ap-section-heading p {
                margin: 0;
                color: var(--ap-muted);
                line-height: 1.8;
            }
            .aggregation-platform-section .ap-benefit-list {
                display: grid;
                grid-template-columns: repeat(4, minmax(0, 1fr));
                gap: 1px;
                margin: 0;
                padding: 0;
                overflow: hidden;
                list-style: none;
                border: 1px solid var(--ap-line);
                border-radius: 10px;
                background: var(--ap-line);
            }
            .aggregation-platform-section .ap-benefit-list li {
                min-width: 0;
                min-height: 196px;
                padding: 1.35rem 1.25rem;
                background: #fff;
            }
            .aggregation-platform-section .ap-benefit-title {
                display: flex;
                align-items: center;
                gap: .7rem;
                margin-bottom: .65rem;
                color: var(--ap-ink);
                font-size: 1rem;
                font-weight: 700;
                line-height: 1.4;
            }
            .aggregation-platform-section .ap-benefit-title svg {
                flex: 0 0 2.1rem;
                width: 2.1rem;
                height: 2.1rem;
                padding: .48rem;
                color: var(--ap-blue);
                border-radius: 8px;
                background: #edf4ff;
            }
            .aggregation-platform-section .ap-benefit-list p {
                margin: 0;
                color: var(--ap-muted);
                font-size: .9rem;
                line-height: 1.75;
            }
            .aggregation-platform-section .ap-stories { padding: 1rem 0 3rem; }
            .aggregation-platform-section .ap-story {
                display: grid;
                grid-template-columns: minmax(0, .88fr) minmax(0, 1.12fr);
                gap: 4rem;
                align-items: center;
                padding: 4.5rem 0;
                border-bottom: 1px solid var(--ap-line);
            }
            .aggregation-platform-section .ap-story:nth-child(even) .ap-story-copy { order: 2; }
            .aggregation-platform-section .ap-story:nth-child(even) .ap-story-visual { order: 1; }
            .aggregation-platform-section .ap-story-copy h2 {
                margin: 0 0 1rem;
                color: var(--ap-ink);
                font-size: 1.85rem;
                line-height: 1.35;
            }
            .aggregation-platform-section .ap-story-copy > p {
                margin: 0 0 1.2rem;
                color: var(--ap-muted);
                font-size: 1rem;
                line-height: 1.9;
            }
            .aggregation-platform-section .ap-story-copy ul {
                display: grid;
                gap: .7rem;
                margin: 0;
                padding: 0;
                list-style: none;
            }
            .aggregation-platform-section .ap-story-copy li {
                position: relative;
                padding-left: 1.35rem;
                color: #43536b;
                line-height: 1.7;
            }
            .aggregation-platform-section .ap-story-copy li::before {
                position: absolute;
                top: .58em;
                left: 0;
                width: .48rem;
                height: .48rem;
                border-radius: 50%;
                background: var(--ap-green);
                content: "";
            }
            .aggregation-platform-section .ap-story-visual { min-width: 0; }
            .aggregation-platform-section .ap-visual-frame {
                overflow: hidden;
                border: 1px solid #dce5f0;
                border-radius: 12px;
                background: #fff;
                box-shadow: 0 18px 45px rgba(34, 62, 100, .12);
            }
            .aggregation-platform-section .ap-window-bar {
                display: flex;
                align-items: center;
                gap: .38rem;
                height: 2.6rem;
                padding: 0 1rem;
                border-bottom: 1px solid #e9eef5;
                background: #fbfcfe;
            }
            .aggregation-platform-section .ap-window-bar i {
                width: .48rem;
                height: .48rem;
                border-radius: 50%;
                background: #c4d0df;
            }
            .aggregation-platform-section .ap-window-bar span {
                margin-left: .55rem;
                color: #8290a3;
                font-size: .7rem;
            }
            .aggregation-platform-section .ap-model-canvas {
                position: relative;
                display: grid;
                grid-template-columns: 1fr auto 1fr;
                gap: .9rem;
                align-items: center;
                min-height: 282px;
                padding: 1.5rem;
                background: linear-gradient(145deg, #f5f9ff, #fff 58%, #f2faf7);
            }
            .aggregation-platform-section .ap-model-stack { display: grid; gap: .65rem; }
            .aggregation-platform-section .ap-model-node {
                padding: .8rem .7rem;
                border: 1px solid #e0e8f2;
                border-radius: 8px;
                background: #fff;
                box-shadow: 0 4px 12px rgba(39, 70, 111, .05);
                color: #52627a;
                font-size: .76rem;
                text-align: center;
            }
            .aggregation-platform-section .ap-model-node b {
                display: block;
                margin-bottom: .2rem;
                color: var(--ap-ink);
                font-size: .82rem;
            }
            .aggregation-platform-section .ap-router {
                display: grid;
                place-items: center;
                width: 6.4rem;
                height: 6.4rem;
                border: 1px solid #b7d0ff;
                border-radius: 50%;
                background: #eaf2ff;
                color: var(--ap-blue);
                font-size: .8rem;
                font-weight: 700;
                text-align: center;
                box-shadow: 0 0 0 9px rgba(37, 99, 235, .045);
            }
            .aggregation-platform-section .ap-flow {
                position: absolute;
                z-index: 0;
                top: 50%;
                left: 30%;
                width: 40%;
                height: 1px;
                background: #a8c4f4;
            }
            .aggregation-platform-section .ap-model-stack,
            .aggregation-platform-section .ap-router { z-index: 1; }
            .aggregation-platform-section .ap-dashboard { padding: 1.2rem; background: #f8fafd; }
            .aggregation-platform-section .ap-dash-top {
                display: flex;
                justify-content: space-between;
                align-items: center;
                gap: 1rem;
                margin-bottom: 1rem;
                color: var(--ap-ink);
                font-size: .85rem;
                font-weight: 700;
            }
            .aggregation-platform-section .ap-dash-top small {
                padding: .35rem .55rem;
                border: 1px solid #dfe7f1;
                border-radius: 5px;
                color: #77859a;
                background: #fff;
                font-size: .65rem;
                font-weight: 500;
            }
            .aggregation-platform-section .ap-metrics {
                display: grid;
                grid-template-columns: repeat(3, minmax(0, 1fr));
                gap: .65rem;
                margin-bottom: .75rem;
            }
            .aggregation-platform-section .ap-metric {
                padding: .75rem;
                border: 1px solid #e5ebf3;
                border-radius: 7px;
                background: #fff;
            }
            .aggregation-platform-section .ap-metric span {
                display: block;
                color: #7a889b;
                font-size: .63rem;
            }
            .aggregation-platform-section .ap-metric b {
                display: block;
                margin-top: .3rem;
                color: var(--ap-ink);
                font-size: 1.05rem;
            }
            .aggregation-platform-section .ap-chart {
                display: flex;
                align-items: end;
                justify-content: space-around;
                gap: .5rem;
                height: 135px;
                padding: 1rem 1rem .7rem;
                border: 1px solid #e5ebf3;
                border-radius: 7px;
                background: repeating-linear-gradient(to bottom, #fff 0, #fff 32px, #edf1f6 33px, #fff 34px);
            }
            .aggregation-platform-section .ap-chart i {
                width: 9%;
                max-width: 2rem;
                height: var(--bar);
                border-radius: 4px 4px 0 0;
                background: linear-gradient(180deg, #62a5ff, #2e6ee8);
            }
            .aggregation-platform-section .ap-integration {
                display: grid;
                grid-template-columns: 1.2fr .8fr;
                min-height: 275px;
                background: #f7f9fc;
            }
            .aggregation-platform-section .ap-code {
                padding: 1.4rem;
                overflow: hidden;
                background: #17243b;
                color: #dce7f6;
                font: .77rem/1.9 Consolas, Monaco, monospace;
            }
            .aggregation-platform-section .ap-code .ap-code-green { color: #93e4b0; }
            .aggregation-platform-section .ap-code .ap-code-blue { color: #94bcff; }
            .aggregation-platform-section .ap-integrate-info {
                display: flex;
                flex-direction: column;
                justify-content: center;
                gap: .8rem;
                padding: 1.1rem;
            }
            .aggregation-platform-section .ap-integrate-info div {
                padding: .8rem .7rem;
                border: 1px solid #e2e9f2;
                border-radius: 7px;
                background: #fff;
                color: #52627a;
                font-size: .72rem;
            }
            .aggregation-platform-section .ap-integrate-info b {
                display: block;
                margin-bottom: .2rem;
                color: var(--ap-ink);
                font-size: .78rem;
            }
            @media (max-width: 900px) {
                .aggregation-platform-section .ap-hero,
                .aggregation-platform-section .ap-story { gap: 2.25rem; }
                .aggregation-platform-section .ap-benefit-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
            }
            @media (max-width: 640px) {
                .aggregation-platform-section { padding-top: 5rem; }
                .aggregation-platform-section .ap-container { width: min(100% - 2rem, 520px); }
                .aggregation-platform-section .ap-hero,
                .aggregation-platform-section .ap-story { grid-template-columns: 1fr; gap: 1.5rem; }
                .aggregation-platform-section .ap-hero { padding: 1rem 0 3rem; }
                .aggregation-platform-section .ap-hero-art { order: 2; }
                .aggregation-platform-section .ap-hero-copy { order: 1; }
                .aggregation-platform-section .ap-hero h1 { font-size: 2.25rem; }
                .aggregation-platform-section .ap-benefits { padding: 3rem 0; }
                .aggregation-platform-section .ap-section-heading h2 { font-size: 1.65rem; }
                .aggregation-platform-section .ap-benefit-list { grid-template-columns: 1fr; }
                .aggregation-platform-section .ap-benefit-list li { min-height: 0; }
                .aggregation-platform-section .ap-story { padding: 3rem 0; }
                .aggregation-platform-section .ap-story-copy h2 { font-size: 1.55rem; }
                .aggregation-platform-section .ap-story:nth-child(even) .ap-story-copy,
                .aggregation-platform-section .ap-story:nth-child(even) .ap-story-visual { order: initial; }
                .aggregation-platform-section .ap-model-canvas { gap: .45rem; min-height: 245px; padding: .85rem; }
                .aggregation-platform-section .ap-model-node { padding: .65rem .35rem; font-size: .66rem; }
                .aggregation-platform-section .ap-model-node b { font-size: .72rem; }
                .aggregation-platform-section .ap-router { width: 4.8rem; height: 4.8rem; font-size: .7rem; }
                .aggregation-platform-section .ap-dashboard { padding: .75rem; }
                .aggregation-platform-section .ap-metric { padding: .55rem .45rem; }
                .aggregation-platform-section .ap-metric b { font-size: .88rem; }
                .aggregation-platform-section .ap-integration { grid-template-columns: 1fr; }
                .aggregation-platform-section .ap-integrate-info { flex-direction: row; flex-wrap: wrap; }
                .aggregation-platform-section .ap-integrate-info div { flex: 1 1 8rem; }
            }
