#ap-page{
    --ap-ink: #152331;
    --ap-muted: #5b6b7b;
    --ap-paper: #ffffff;
    --ap-soft: #f2f6f9;
    --ap-line: #dbe4ec;
    --ap-navy: #13395c;
    --ap-navy-2: #0d2a43;
    --ap-amber: #b8781a;
    --ap-amber-soft: #fdf4e3;
    --ap-teal: #0e6060;
    color: var(--ap-ink);
    background: var(--ap-paper);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, Helvetica, sans-serif;
    line-height: 1.68;
    overflow: hidden;
  }#ap-page *{ box-sizing: border-box; }#ap-page img{ display: block; max-width: 100%; height: auto; }#ap-page h1, #ap-page h2, #ap-page h3, #ap-page h4, #ap-page p, #ap-page ul, #ap-page li{ margin-top: 0; }#ap-page h1, #ap-page h2, #ap-page h3, #ap-page h4{ color: var(--ap-ink); }#ap-page h1{ font-size: clamp(30px, 4.4vw, 48px); line-height: 1.28; margin-bottom: 20px; letter-spacing: -0.4px; }#ap-page h2{ font-size: clamp(24px, 3vw, 34px); line-height: 1.24; margin-bottom: 14px; letter-spacing: -0.3px; }#ap-page h3{ font-size: clamp(17px, 1.8vw, 20px); line-height: 1.32; margin-bottom: 10px; }#ap-page p{ margin-bottom: 14px; }#ap-page a{ color: var(--ap-navy); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }#ap-page a.ap-btn{ text-decoration: none; }#ap-page .ap-shell{ width: min(1140px, calc(100% - 40px)); margin: 0 auto; }#ap-page .ap-section{ padding: 68px 0; }#ap-page .ap-section-soft{ background: var(--ap-soft); }#ap-page .ap-section-dark{ background: var(--ap-navy-2); color: #eaf2f8; }#ap-page .ap-section-dark h2, #ap-page .ap-section-dark h3{ color: #ffffff; }#ap-page .ap-section-dark p{ color: #c3d4e2; }#ap-page .ap-head{ max-width: 780px; margin-bottom: 34px; }#ap-page .ap-head-center{ max-width: 780px; margin: 0 auto 36px; text-align: center; }#ap-page .ap-kicker{ color: var(--ap-amber); font-size: 13px; font-weight: 800; text-transform: uppercase; letter-spacing: 1.2px; margin-bottom: 10px; }/* Buttons */
  #ap-page .ap-actions{ display: flex; flex-wrap: wrap; gap: 12px; margin-top: 26px; }#ap-page .ap-btn{ display: inline-flex; min-height: 48px; align-items: center; justify-content: center; padding: 12px 22px; border-radius: 6px; border: 1px solid var(--ap-navy); font-size: 15px; font-weight: 700; transition: background-color .2s ease, color .2s ease, border-color .2s ease; }#ap-page .ap-btn-primary{ background: var(--ap-navy); color: #ffffff !important; border-color: var(--ap-navy); }#ap-page .ap-btn-primary:hover{ background: var(--ap-navy-2); border-color: var(--ap-navy-2); }#ap-page .ap-btn-secondary{ background: transparent; color: var(--ap-navy); }#ap-page .ap-btn-secondary:hover{ background: var(--ap-navy); color: #ffffff !important; }#ap-page .ap-btn-light{ background: #ffffff; color: var(--ap-navy-2) !important; border-color: #ffffff; }#ap-page .ap-btn-light:hover{ background: var(--ap-amber); border-color: var(--ap-amber); }/* Hero */
  #ap-page .ap-hero{ padding: 56px 0 0; background: linear-gradient(180deg, #ffffff 0%, #f7fafc 100%); }#ap-page .ap-hero-grid{ display: grid; grid-template-columns: minmax(0, 1.06fr) minmax(320px, .84fr); gap: 56px; align-items: center; }#ap-page .ap-hero-intro{ font-size: 17px; color: #33475a; max-width: 660px; }#ap-page .ap-hero-intro a{ color: var(--ap-navy); font-weight: 700; }#ap-page .ap-hero-media{ position: relative; }#ap-page .ap-hero-media img{ width: 100%; border-radius: 12px; box-shadow: 0 20px 46px rgba(13,42,67,.18); }#ap-page .ap-hero-media::after{ content: ""; position: absolute; left: -14px; bottom: -14px; width: 36%; height: 36%; border-left: 6px solid var(--ap-amber); border-bottom: 6px solid var(--ap-amber); border-radius: 0 0 0 8px; z-index: -1; }#ap-page .ap-facts{ display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0; margin-top: 48px; border-top: 1px solid var(--ap-line); border-bottom: 1px solid var(--ap-line); }#ap-page .ap-fact{ padding: 22px 18px; border-left: 1px solid var(--ap-line); }#ap-page .ap-fact:first-child{ border-left: 0; padding-left: 0; }#ap-page .ap-fact strong{ display: block; font-size: 18px; color: var(--ap-navy); }#ap-page .ap-fact span{ display: block; font-size: 12.5px; color: var(--ap-muted); text-transform: uppercase; letter-spacing: .8px; font-weight: 700; margin-bottom: 4px; }/* Cards & grids */
  #ap-page .ap-grid-3{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }#ap-page .ap-grid-2{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; }#ap-page .ap-card{ background: #fff; border: 1px solid var(--ap-line); border-radius: 10px; padding: 24px; }#ap-page .ap-card-accent{ border-top: 4px solid var(--ap-navy); }#ap-page .ap-card p:last-child{ margin-bottom: 0; }#ap-page .ap-card-tag{ display: inline-block; margin-bottom: 10px; padding: 3px 10px; border-radius: 999px; background: var(--ap-amber-soft); color: #8a5a10; font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: .6px; }#ap-page .ap-card ul, #ap-page .ap-list{ padding: 0; margin: 0; list-style: none; }#ap-page .ap-card ul li{ position: relative; padding-left: 20px; margin-bottom: 9px; color: #3c4c5d; font-size: 15px; }#ap-page .ap-card ul li::before{ content: ""; position: absolute; left: 0; top: 9px; width: 7px; height: 7px; border-radius: 2px; background: var(--ap-amber); }#ap-page .ap-card ul li:last-child{ margin-bottom: 0; }/* Split media layouts */
  #ap-page .ap-split{ display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: 48px; align-items: start; }#ap-page .ap-split-rev{ grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); }#ap-page .ap-media img{ width: 100%; border-radius: 12px; box-shadow: 0 14px 34px rgba(13,42,67,.12); }#ap-page .ap-media-note{ margin-top: 16px; padding: 18px 20px; border-left: 4px solid var(--ap-amber); background: #fff; border-radius: 0 8px 8px 0; }#ap-page .ap-media-note h3{ font-size: 16px; margin-bottom: 6px; }#ap-page .ap-media-note p{ margin-bottom: 0; color: var(--ap-muted); font-size: 15px; }/* Tables */
  #ap-page .ap-table-wrap{ overflow-x: auto; border: 1px solid var(--ap-line); border-radius: 10px; background: #fff; }#ap-page table.ap-table{ width: 100%; min-width: 620px; border-collapse: collapse; font-size: 15px; }#ap-page table.ap-table th{ background: var(--ap-navy-2); color: #ffffff; text-align: left; padding: 14px 16px; font-size: 13.5px; text-transform: uppercase; letter-spacing: .6px; }#ap-page table.ap-table td{ padding: 14px 16px; border-bottom: 1px solid var(--ap-line); vertical-align: top; color: #3c4c5d; }#ap-page table.ap-table tr:last-child td{ border-bottom: 0; }#ap-page table.ap-table td.ap-cell-strong{ font-weight: 700; color: var(--ap-ink); }#ap-page table.ap-table tbody tr:nth-child(even){ background: #fafcfe; }/* Process flow */
  #ap-page .ap-flow{ display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 16px; margin-top: 34px; }#ap-page .ap-flow-step{ background: #fff; border: 1px solid var(--ap-line); border-radius: 10px; padding: 20px 18px; }#ap-page .ap-flow-num{ display: inline-flex; width: 30px; height: 30px; align-items: center; justify-content: center; border-radius: 50%; background: var(--ap-navy); color: #fff; font-size: 14px; font-weight: 800; margin-bottom: 12px; }#ap-page .ap-flow-step h3{ font-size: 16px; margin-bottom: 6px; }#ap-page .ap-flow-step p{ font-size: 14px; color: var(--ap-muted); margin-bottom: 0; }/* Checklist */
  #ap-page .ap-check{ padding: 0; margin: 0; list-style: none; }#ap-page .ap-check li{ position: relative; padding: 14px 16px 14px 44px; background: #fff; border: 1px solid var(--ap-line); border-radius: 8px; margin-bottom: 10px; font-size: 15px; color: #3c4c5d; }#ap-page .ap-check li::before{ content: "\2713"; position: absolute; left: 16px; top: 14px; color: var(--ap-teal); font-weight: 800; }#ap-page .ap-check li strong{ display: block; color: var(--ap-ink); }/* Doc chips */
  #ap-page .ap-docs{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin-bottom: 26px; }#ap-page .ap-doc{ background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.18); border-radius: 10px; padding: 20px; }#ap-page .ap-doc h3{ font-size: 16px; margin-bottom: 6px; }#ap-page .ap-doc p{ font-size: 14px; margin-bottom: 0; color: #c3d4e2; }#ap-page .ap-rfq-list{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 26px; padding: 0; margin: 0 0 8px; list-style: none; }#ap-page .ap-rfq-list li{ color: #c3d4e2; font-size: 15px; padding-left: 18px; position: relative; }#ap-page .ap-rfq-list li::before{ content: ""; position: absolute; left: 0; top: 10px; width: 6px; height: 6px; border-radius: 50%; background: var(--ap-amber); }/* Product matrix */
  #ap-page .ap-matrix{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }#ap-page .ap-matrix-card{ display: flex; flex-direction: column; background: #fff; border: 1px solid var(--ap-line); border-radius: 10px; overflow: hidden; }#ap-page .ap-matrix-card img{ width: 100%; aspect-ratio: 4 / 3; object-fit: cover; background: var(--ap-soft); }#ap-page .ap-matrix-body{ padding: 20px; display: flex; flex-direction: column; flex: 1; }#ap-page .ap-matrix-body h3{ font-size: 17px; margin-bottom: 8px; }#ap-page .ap-matrix-body p{ font-size: 14.5px; color: var(--ap-muted); }#ap-page .ap-matrix-body a.ap-btn{ margin-top: auto; width: 100%; }/* FAQ */
  #ap-page .ap-faq{ display: grid; gap: 14px; max-width: 900px; margin: 0 auto; }/* Contact strip */
  #ap-page .ap-contact-strip{ display: flex; flex-wrap: wrap; gap: 14px 34px; justify-content: center; margin-top: 26px; font-size: 15px; color: #c3d4e2; }#ap-page .ap-contact-strip a{ color: #ffffff; font-weight: 700; }

  @media (max-width: 980px) {#ap-page .ap-hero-grid{ grid-template-columns: 1fr; gap: 34px; }#ap-page .ap-facts{ grid-template-columns: repeat(2, minmax(0, 1fr)); }#ap-page .ap-fact:nth-child(3){ border-left: 0; padding-left: 0; }#ap-page .ap-fact:nth-child(1), #ap-page .ap-fact:nth-child(2){ border-bottom: 1px solid var(--ap-line); }#ap-page .ap-grid-3, #ap-page .ap-matrix, #ap-page .ap-docs{ grid-template-columns: repeat(2, minmax(0, 1fr)); }#ap-page .ap-flow{ grid-template-columns: repeat(2, minmax(0, 1fr)); }#ap-page .ap-split, #ap-page .ap-split-rev{ grid-template-columns: 1fr; gap: 30px; }
  }
  @media (max-width: 640px) {#ap-page .ap-shell{ width: calc(100% - 32px); }#ap-page .ap-section{ padding: 48px 0; }#ap-page .ap-grid-3, #ap-page .ap-grid-2, #ap-page .ap-matrix, #ap-page .ap-docs, #ap-page .ap-flow, #ap-page .ap-rfq-list{ grid-template-columns: 1fr; }#ap-page .ap-facts{ grid-template-columns: 1fr; }#ap-page .ap-fact{ border-left: 0; padding-left: 0; border-bottom: 1px solid var(--ap-line); }#ap-page .ap-fact:last-child{ border-bottom: 0; }#ap-page .ap-btn{ width: 100%; }#ap-page .ap-hero-media::after{ display: none; }
  }
