#ap-aggregate{
      --ap-ink: #111a24;
      --ap-muted: #5b6672;
      --ap-line: #e1e6ea;
      --ap-soft: #f4f7f9;
      --ap-deep: #0d1a25;
      --ap-accent: #d4442c;
      --ap-accent-dark: #b33722;
      color: var(--ap-ink);
      background: #ffffff;
      font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
      font-size: 16px;
      line-height: 1.65;
      overflow-x: 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 h2, #ap-aggregate h3{ margin: 0 0 12px; letter-spacing: -0.01em; }#ap-aggregate h2{ font-size: 34px; line-height: 1.22; font-weight: 800; }#ap-aggregate h3{ font-size: 20px; line-height: 1.30; font-weight: 700; }#ap-aggregate a{ color: inherit; }#ap-aggregate .ap-shell{ width: min(1120px, calc(100% - 40px)); margin: 0 auto; }#ap-aggregate .ap-head{ max-width: 760px; margin-bottom: 32px; }#ap-aggregate .ap-lead{ color: var(--ap-muted); font-size: 17px; margin-bottom: 0; }#ap-aggregate .ap-note{ color: var(--ap-muted); font-size: 14px; }#ap-aggregate .ap-legend{ margin-top: 14px; color: var(--ap-muted); font-size: 14px; }#ap-aggregate .ap-btn{
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 48px;
      padding: 12px 22px;
      border: 1px solid transparent;
      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{ background: var(--ap-accent); color: #ffffff !important; }#ap-aggregate .ap-btn-primary:hover{ background: var(--ap-accent-dark); }#ap-aggregate .ap-btn-line{ border-color: #c7d0d7; background: #ffffff; color: var(--ap-ink) !important; }#ap-aggregate .ap-btn-line:hover{ background: var(--ap-deep); border-color: var(--ap-deep); color: #ffffff !important; }#ap-aggregate .ap-btn-light{ background: #ffffff; color: var(--ap-deep) !important; }#ap-aggregate .ap-btn-light:hover{ background: #dfe8ee; }#ap-aggregate .ap-btn-small{ min-height: 44px; padding: 10px 18px; font-size: 14px; }#ap-aggregate .ap-hero{
      padding: 56px 0 64px;
      background: linear-gradient(180deg, #ffffff 0%, #f1f5f8 100%);
      border-bottom: 1px solid var(--ap-line);
    }#ap-aggregate .ap-hero-grid{
      display: grid;
      grid-template-columns: minmax(0, 1fr) minmax(0, .88fr);
      gap: 56px;
      align-items: center;
    }#ap-aggregate .ap-hero-title{
      font-size: 46px;
      line-height: 1.28;
      font-weight: 800;
      letter-spacing: -0.02em;
      margin-bottom: 18px;
    }#ap-aggregate .ap-hero-intro{ font-size: 17px; color: #3b4753; max-width: 610px; }#ap-aggregate .ap-hero-intro a{ color: var(--ap-accent); text-decoration: underline; text-underline-offset: 3px; }#ap-aggregate .ap-hero-actions{ display: flex; flex-wrap: wrap; gap: 12px; margin-top: 26px; }#ap-aggregate .ap-hero-media{ margin: 0; }#ap-aggregate .ap-hero-media img{
      width: 100%;
      border-radius: 12px;
      box-shadow: 0 24px 56px rgba(13, 26, 37, .18);
      object-fit: cover;
    }#ap-aggregate .ap-section{ padding: 72px 0; }#ap-aggregate .ap-section-soft{ background: var(--ap-soft); }#ap-aggregate .ap-section-dark{ background: var(--ap-deep); color: #e8eef3; }#ap-aggregate .ap-head-dark h2{ color: #ffffff; }#ap-aggregate .ap-lead-light{ color: #b6c4d0; }#ap-aggregate .ap-section-dark h3{ color: #ffffff; }#ap-aggregate .ap-table-wrap{
      overflow-x: auto;
      border: 1px solid var(--ap-line);
      border-radius: 12px;
      background: #ffffff;
    }#ap-aggregate .ap-table{ width: 100%; min-width: 760px; border-collapse: collapse; font-size: 15px; }#ap-aggregate .ap-table th{
      background: #eef2f5;
      padding: 14px 16px;
      text-align: left;
      font-size: 12px;
      font-weight: 700;
      letter-spacing: .06em;
      text-transform: uppercase;
      color: #42505d;
      white-space: nowrap;
    }#ap-aggregate .ap-table td{ padding: 14px 16px; border-top: 1px solid var(--ap-line); vertical-align: top; }#ap-aggregate .ap-table tbody tr:hover td{ background: #fafcfd; }#ap-aggregate .ap-table a{ color: var(--ap-accent); font-weight: 700; text-decoration: none; }#ap-aggregate .ap-table a:hover{ text-decoration: underline; }#ap-aggregate .ap-class-grid{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }#ap-aggregate .ap-class-card{
      display: flex;
      flex-direction: column;
      border: 1px solid var(--ap-line);
      border-radius: 12px;
      overflow: hidden;
      background: #ffffff;
    }#ap-aggregate .ap-class-card > img{ width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }#ap-aggregate .ap-class-body{ padding: 22px; display: flex; flex-direction: column; flex: 1; }#ap-aggregate .ap-tag{
      display: inline-block;
      margin-bottom: 10px;
      font-size: 11px;
      font-weight: 700;
      letter-spacing: .08em;
      text-transform: uppercase;
      color: var(--ap-accent);
    }#ap-aggregate .ap-tag-light{ color: #ff9d86; }#ap-aggregate .ap-fact-list{ list-style: none; padding: 0; margin: 4px 0 18px; font-size: 14px; color: var(--ap-muted); }#ap-aggregate .ap-fact-list li{ position: relative; padding-left: 16px; margin-bottom: 6px; }#ap-aggregate .ap-fact-list li::before{ content: "\25AA"; position: absolute; left: 0; color: var(--ap-accent); }#ap-aggregate .ap-fact-list-light{ color: #b6c4d0; }#ap-aggregate .ap-text-link{ margin-top: auto; font-size: 15px; font-weight: 700; color: var(--ap-accent); text-decoration: none; }#ap-aggregate .ap-text-link:hover{ text-decoration: underline; }#ap-aggregate .ap-class-card-dark{
      background: linear-gradient(160deg, #0d1a25 0%, #1d3c53 100%);
      border-color: #1d3c53;
      color: #e8eef3;
    }#ap-aggregate .ap-class-card-dark .ap-class-body{ padding: 26px 24px; }#ap-aggregate .ap-class-card-dark p{ color: #c2d0da; font-size: 15px; }#ap-aggregate .ap-class-card-dark .ap-btn{ margin-top: auto; align-self: flex-start; }#ap-aggregate .ap-spot-grid{ display: grid; grid-template-columns: minmax(0, 1.12fr) minmax(0, .88fr); gap: 36px; align-items: start; }#ap-aggregate .ap-spot-images{ display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }#ap-aggregate .ap-spot-images figure{ margin: 0; }#ap-aggregate .ap-spot-images img{ width: 100%; border-radius: 10px; object-fit: cover; }#ap-aggregate .ap-spot-main{ grid-column: 1 / -1; }#ap-aggregate .ap-spot-main img{ aspect-ratio: 16 / 10; }#ap-aggregate .ap-spot-images figure:not(.ap-spot-main) img{ aspect-ratio: 1 / 1; }#ap-aggregate .ap-spot-panel{ background: #ffffff; border: 1px solid var(--ap-line); border-radius: 12px; padding: 26px; }#ap-aggregate .ap-chips{ display: flex; flex-wrap: wrap; gap: 8px; margin: 16px 0 18px; }#ap-aggregate .ap-chip{
      padding: 7px 12px;
      border: 1px solid var(--ap-line);
      border-radius: 999px;
      background: var(--ap-soft);
      font-size: 13px;
      font-weight: 600;
    }#ap-aggregate .ap-spot-actions{ display: flex; flex-wrap: wrap; gap: 10px; margin-top: 18px; }#ap-aggregate .ap-motion-grid{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }#ap-aggregate .ap-motion-card{
      padding: 26px 22px;
      border: 1px solid #1d3c53;
      border-radius: 12px;
      background: rgba(255, 255, 255, .04);
    }#ap-aggregate .ap-motion-card p{ color: #b6c4d0; font-size: 15px; margin-bottom: 0; }#ap-aggregate .ap-num{
      display: inline-block;
      margin-bottom: 12px;
      font-size: 13px;
      font-weight: 800;
      letter-spacing: .1em;
      color: #ff9d86;
    }#ap-aggregate .ap-check-grid{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }#ap-aggregate .ap-check{
      padding: 20px 22px;
      background: #ffffff;
      border-left: 4px solid var(--ap-accent);
      border-radius: 8px;
      box-shadow: 0 6px 18px rgba(17, 26, 36, .05);
    }#ap-aggregate .ap-check h3{ font-size: 17px; }#ap-aggregate .ap-check p{ margin-bottom: 0; color: var(--ap-muted); font-size: 15px; }#ap-aggregate .ap-mistake-grid{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }#ap-aggregate .ap-mistake{
      padding: 22px;
      background: #ffffff;
      border: 1px solid var(--ap-line);
      border-radius: 10px;
    }#ap-aggregate .ap-mistake h3{ font-size: 18px; }#ap-aggregate .ap-mistake p{ margin-bottom: 0; color: var(--ap-muted); font-size: 15px; }#ap-aggregate .ap-cta{
      display: grid;
      grid-template-columns: minmax(0, 1.35fr) minmax(0, .65fr);
      gap: 32px;
      align-items: center;
      padding: 44px;
      border-radius: 16px;
      background: linear-gradient(135deg, #0d1a25 0%, #1d3c53 100%);
      color: #e8eef3;
    }#ap-aggregate .ap-cta h2{ color: #ffffff; font-size: 30px; }#ap-aggregate .ap-cta p{ color: #b6c4d0; margin-bottom: 0; }#ap-aggregate .ap-cta-actions{ display: flex; flex-direction: column; gap: 12px; }#ap-aggregate .ap-faq{ display: grid; gap: 14px; }

    @media (max-width: 980px) {#ap-aggregate .ap-hero-grid{ grid-template-columns: 1fr; gap: 34px; }#ap-aggregate .ap-hero-title{ font-size: 36px; }#ap-aggregate .ap-spot-grid{ grid-template-columns: 1fr; }#ap-aggregate .ap-class-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }#ap-aggregate .ap-motion-grid{ grid-template-columns: 1fr; }#ap-aggregate .ap-cta{ grid-template-columns: 1fr; padding: 34px; }#ap-aggregate .ap-cta-actions{ flex-direction: row; flex-wrap: wrap; }
    }
    @media (max-width: 700px) {#ap-aggregate .ap-shell{ width: calc(100% - 32px); }#ap-aggregate .ap-section{ padding: 52px 0; }#ap-aggregate .ap-hero{ padding: 38px 0 46px; }#ap-aggregate .ap-hero-title{ font-size: 29px; }#ap-aggregate .ap-hero-intro{ font-size: 16px; }#ap-aggregate h2{ font-size: 25px; }#ap-aggregate h3{ font-size: 18px; }#ap-aggregate .ap-class-grid{ grid-template-columns: 1fr; }#ap-aggregate .ap-check-grid{ grid-template-columns: 1fr; }#ap-aggregate .ap-mistake-grid{ grid-template-columns: 1fr; }#ap-aggregate .ap-cta{ padding: 26px; }#ap-aggregate .ap-cta h2{ font-size: 24px; }#ap-aggregate .ap-btn{ width: 100%; }#ap-aggregate .ap-cta-actions{ flex-direction: column; }#ap-aggregate .ap-hero-actions .ap-btn{ width: auto; }
    }