.ap-page{ margin: 0; background: #f7f9fa; color: #17212b; font-family: Arial, Helvetica, sans-serif; font-size: 16px; line-height: 1.6; }.ap-page *, .ap-page *::before, .ap-page *::after{ box-sizing: border-box; }#ap-aggregate .ap-shell{ width: min(1180px, calc(100% - 40px)); max-width: 100%; margin-left: auto; margin-right: auto; }#ap-aggregate .ap-hero{ background: linear-gradient(135deg, #eef6f6 0%, #f8fbfb 55%, #ffffff 100%); padding: 56px 0; border-bottom: 1px solid #dbe6ea; }#ap-aggregate .ap-hero-grid{ display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr); gap: 40px; align-items: center; }#ap-aggregate .ap-hero-copy{ min-width: 0; }#ap-aggregate .ap-hero-title{ margin: 0 0 18px; color: #10242e; font-size: clamp(32px, 4vw, 48px); line-height: 1.28; font-weight: 800; letter-spacing: -0.02em; }#ap-aggregate .ap-hero-intro{ margin: 0 0 24px; max-width: 65ch; color: #3d4f5b; font-size: 18px; line-height: 1.65; }#ap-aggregate .ap-hero-intro a{ color: #0e6b6d; text-decoration: underline; text-underline-offset: 3px; }#ap-aggregate .ap-hero-actions, #ap-aggregate .ap-cta-actions{ display: flex; flex-wrap: wrap; gap: 12px; }#ap-aggregate .ap-btn{ display: inline-flex; align-items: center; justify-content: center; min-height: 46px; padding: 13px 22px; border: 1px solid transparent; border-radius: 6px; font-size: 15px; line-height: 1.2; font-weight: 700; text-decoration: none; transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease; }#ap-aggregate .ap-btn-primary{ background: #0e6b6d; color: #ffffff; }#ap-aggregate .ap-btn-primary:hover{ background: #0a5557; }#ap-aggregate .ap-btn-secondary{ background: #ffffff; color: #0e6b6d; border-color: #0e6b6d; }#ap-aggregate .ap-btn-secondary:hover{ background: #e9f4f4; }#ap-aggregate .ap-hero-figure{ margin: 0; padding: 12px; border: 1px solid #d7e3e8; border-radius: 12px; background: #ffffff; box-shadow: 0 10px 30px rgba(15, 45, 55, 0.06); }#ap-aggregate .ap-hero-image{ display: block; width: 100%; height: auto; max-height: 560px; object-fit: contain; border-radius: 8px; }#ap-aggregate .ap-hero-figure figcaption{ margin-top: 10px; color: #5a6a75; font-size: 13px; line-height: 1.45; text-align: center; }#ap-aggregate .ap-section{ padding: 54px 0; }#ap-aggregate .ap-section-soft{ background: #ffffff; }#ap-aggregate .ap-section-head{ max-width: 780px; margin: 0 auto 28px; text-align: center; }#ap-aggregate .ap-section-head h2{ margin: 0 0 10px; color: #10242e; font-size: 30px; line-height: 1.25; font-weight: 800; letter-spacing: -0.01em; }#ap-aggregate .ap-section-head p{ margin: 0; color: #4b5b66; font-size: 16px; line-height: 1.65; }#ap-aggregate .ap-copy-block{ max-width: 860px; margin: 0 auto; color: #3d4f5b; }#ap-aggregate .ap-copy-block p{ margin: 0 0 16px; line-height: 1.65; }#ap-aggregate .ap-copy-block p:last-child{ margin-bottom: 0; }#ap-aggregate .ap-spec-layout{ display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr); gap: 24px; align-items: start; }#ap-aggregate .ap-table-wrap{ width: 100%; overflow-x: auto; border: 1px solid #d7e3e8; border-radius: 10px; background: #ffffff; }#ap-aggregate .ap-spec-table{ width: 100%; min-width: 520px; border-collapse: collapse; }#ap-aggregate .ap-spec-table th, #ap-aggregate .ap-spec-table td{ padding: 12px 14px; border-bottom: 1px solid #e4ebef; text-align: left; vertical-align: top; font-size: 14px; line-height: 1.55; }#ap-aggregate .ap-spec-table th{ width: 38%; background: #f1f7f8; color: #17212b; font-weight: 700; }#ap-aggregate .ap-spec-table tr:last-child th, #ap-aggregate .ap-spec-table tr:last-child td{ border-bottom: 0; }#ap-aggregate .ap-spec-note{ padding: 22px; border: 1px solid #d7e3e8; border-radius: 10px; background: #f7fafb; }#ap-aggregate .ap-spec-note h3{ margin: 0 0 10px; color: #10242e; font-size: 20px; line-height: 1.35; font-weight: 700; }#ap-aggregate .ap-spec-note p, #ap-aggregate .ap-spec-note li{ color: #3d4f5b; font-size: 14.5px; line-height: 1.65; }#ap-aggregate .ap-spec-note p{ margin: 0 0 12px; }#ap-aggregate .ap-spec-note ul{ margin: 0; padding-left: 20px; }#ap-aggregate .ap-spec-note li{ margin-bottom: 8px; }#ap-aggregate .ap-decision-grid, #ap-aggregate .ap-use-case-grid{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }#ap-aggregate .ap-decision-card, #ap-aggregate .ap-use-case-card{ min-width: 0; padding: 22px; border: 1px solid #d7e3e8; border-radius: 10px; background: #ffffff; }#ap-aggregate .ap-decision-card h3, #ap-aggregate .ap-use-case-card h3{ margin: 0 0 8px; color: #10242e; font-size: 19px; line-height: 1.35; font-weight: 700; }#ap-aggregate .ap-decision-card p, #ap-aggregate .ap-use-case-card p{ margin: 0; color: #3d4f5b; font-size: 14.5px; line-height: 1.65; }#ap-aggregate .ap-inline-cta{ display: flex; justify-content: center; margin-top: 26px; }#ap-aggregate .ap-check-list{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; max-width: 1000px; margin: 0 auto; }#ap-aggregate .ap-check-item{ padding: 16px; border: 1px solid #d7e3e8; border-radius: 8px; background: #ffffff; }#ap-aggregate .ap-check-item h3{ margin: 0 0 6px; color: #10242e; font-size: 16px; line-height: 1.35; font-weight: 700; }#ap-aggregate .ap-check-item p{ margin: 0; color: #3d4f5b; font-size: 14px; line-height: 1.6; }#ap-aggregate .ap-product-card{ display: flex; flex-direction: column; min-width: 0; height: 100%; overflow: hidden; border: 1px solid #d7e3e8; border-radius: 10px; background: #ffffff; }#ap-aggregate .ap-cta-section{ background: #0e6b6d; }#ap-aggregate .ap-cta-panel{ max-width: 900px; margin: 0 auto; padding: 36px 28px; border: 1px solid rgba(255, 255, 255, 0.35); border-radius: 12px; text-align: center; background: rgba(255, 255, 255, 0.06); }#ap-aggregate .ap-cta-panel h2{ margin: 0 0 10px; color: #ffffff; font-size: 28px; line-height: 1.25; font-weight: 800; }#ap-aggregate .ap-cta-panel p{ max-width: 700px; margin: 0 auto 22px; color: #e9f5f5; font-size: 16px; line-height: 1.65; }#ap-aggregate .ap-cta-actions{ justify-content: center; }#ap-aggregate .ap-cta-section .ap-btn-secondary{ background: #ffffff; color: #0e6b6d; border-color: #ffffff; }#ap-aggregate .ap-cta-section .ap-btn-primary{ background: #10242e; color: #ffffff; border-color: #10242e; }
@media (max-width: 900px) {#ap-aggregate .ap-hero-grid, #ap-aggregate .ap-spec-layout{ grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 640px) {#ap-aggregate .ap-hero{ padding: 40px 0; }#ap-aggregate .ap-hero-title{ font-size: 32px; }#ap-aggregate .ap-section{ padding: 38px 0; }#ap-aggregate .ap-section-head h2{ font-size: 25px; }#ap-aggregate .ap-cta-panel{ padding: 28px 18px; }
}