#ap-hub{
      --ap-ink: #1c1f24;
      --ap-muted: #5f6a75;
      --ap-paper: #ffffff;
      --ap-soft: #f4f6f7;
      --ap-line: #e1e5ea;
      --ap-navy: #20303e;
      --ap-navy-dark: #16232e;
      --ap-gold: #b5893c;
      --ap-blue: #3c627f;
      font-family: Arial, Helvetica, sans-serif;
      color: var(--ap-ink);
      background: var(--ap-paper);
      line-height: 1.62;
      overflow: hidden;
    }#ap-hub *{ box-sizing: border-box; }#ap-hub img{ display: block; max-width: 100%; height: auto; }#ap-hub h2, #ap-hub h3, #ap-hub p, #ap-hub ul, #ap-hub ol, #ap-hub dl, #ap-hub dd{ margin-top: 0; }#ap-hub h2{ font-size: 32px; line-height: 1.24; font-weight: 800; margin-bottom: 14px; }#ap-hub h3{ font-size: 19px; line-height: 1.32; font-weight: 700; margin-bottom: 8px; }#ap-hub a{ color: inherit; }#ap-hub .ap-shell{ width: min(1120px, calc(100% - 40px)); margin: 0 auto; }#ap-hub .ap-hero{ padding: 54px 0 58px; background: linear-gradient(180deg, #fbfcfd 0%, #ffffff 100%); }#ap-hub .ap-hero-grid{ display: grid; grid-template-columns: minmax(0, 1fr) minmax(340px, 0.85fr); gap: 56px; align-items: center; }#ap-hub .ap-hero-title{ font-size: 42px; line-height: 1.28; font-weight: 800; margin-bottom: 18px; }#ap-hub .ap-hero-intro{ font-size: 17px; color: #39434e; max-width: 640px; margin-bottom: 0; }#ap-hub .ap-hero-intro a{ color: var(--ap-blue); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }#ap-hub .ap-hero-actions{ display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }#ap-hub .ap-hero-media img{ width: 100%; max-height: 620px; object-fit: cover; border-radius: 10px; box-shadow: 0 20px 44px rgba(28, 31, 36, 0.16); }#ap-hub .ap-btn{ display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 12px 22px; border: 1px solid transparent; border-radius: 4px; font-size: 15px; font-weight: 700; text-decoration: none; transition: background-color .2s ease, color .2s ease, border-color .2s ease; }#ap-hub .ap-btn-primary{ background: var(--ap-navy); border-color: var(--ap-navy); color: #ffffff; }#ap-hub .ap-btn-primary:hover{ background: var(--ap-navy-dark); border-color: var(--ap-navy-dark); }#ap-hub .ap-btn-outline{ border-color: var(--ap-navy); color: var(--ap-navy); }#ap-hub .ap-btn-outline:hover{ background: var(--ap-navy); color: #ffffff; }#ap-hub .ap-btn-gold{ background: var(--ap-gold); border-color: var(--ap-gold); color: #1c1f24; }#ap-hub .ap-btn-gold:hover{ background: #cda05a; border-color: #cda05a; }#ap-hub .ap-btn-ghost{ border-color: rgba(255, 255, 255, 0.55); color: #ffffff; }#ap-hub .ap-btn-ghost:hover{ background: rgba(255, 255, 255, 0.12); }#ap-hub .ap-snapshot{ background: var(--ap-navy); color: #ffffff; padding: 24px 0; }#ap-hub .ap-snapshot-list{ display: flex; flex-wrap: wrap; gap: 10px; margin: 0 0 12px; padding: 0; list-style: none; }#ap-hub .ap-chip{ display: inline-flex; align-items: center; gap: 8px; padding: 8px 14px; border: 1px solid rgba(255, 255, 255, 0.28); border-radius: 999px; background: rgba(255, 255, 255, 0.06); font-size: 13.5px; font-weight: 700; }#ap-hub .ap-chip-dot{ width: 7px; height: 7px; border-radius: 50%; background: var(--ap-gold); flex: none; }#ap-hub .ap-snapshot-note{ margin: 0; font-size: 13.5px; color: rgba(255, 255, 255, 0.78); }#ap-hub .ap-section{ padding: 74px 0; }#ap-hub .ap-section-white{ background: var(--ap-paper); }#ap-hub .ap-section-soft{ background: var(--ap-soft); }#ap-hub .ap-section-navy{ background: var(--ap-navy); color: #ffffff; }#ap-hub .ap-section-navy h2{ color: #ffffff; }#ap-hub .ap-head{ max-width: 760px; margin-bottom: 32px; }#ap-hub .ap-head p{ color: var(--ap-muted); font-size: 16.5px; margin-bottom: 0; }#ap-hub .ap-head-center{ margin-left: auto; margin-right: auto; text-align: center; }#ap-hub .ap-head-light p{ color: rgba(255, 255, 255, 0.78); }#ap-hub .ap-spotlight-grid{ display: grid; grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr); gap: 52px; align-items: start; }#ap-hub .ap-spotlight-media img{ width: 100%; max-height: 640px; object-fit: cover; border-radius: 10px; box-shadow: 0 14px 34px rgba(28, 31, 36, 0.12); }#ap-hub .ap-spotlight-copy p{ color: var(--ap-muted); font-size: 16px; }#ap-hub .ap-spotlight-list{ list-style: none; padding: 0; margin: 22px 0 24px; display: grid; gap: 10px; }#ap-hub .ap-spotlight-list li{ padding: 13px 16px; border-left: 3px solid var(--ap-gold); background: var(--ap-soft); font-size: 15px; color: #39434e; }#ap-hub .ap-spotlight-list strong{ display: block; font-size: 14px; color: var(--ap-ink); margin-bottom: 2px; }#ap-hub .ap-inline-link{ display: inline-block; font-size: 14px; font-weight: 700; color: var(--ap-blue); text-decoration: underline; text-underline-offset: 3px; }#ap-hub .ap-table-wrap{ overflow-x: auto; border: 1px solid var(--ap-line); border-radius: 8px; background: #ffffff; }#ap-hub .ap-plate-table{ width: 100%; min-width: 780px; border-collapse: collapse; font-size: 14.5px; }#ap-hub .ap-plate-table th{ text-align: left; padding: 14px 16px; background: var(--ap-navy); color: #ffffff; font-size: 13px; text-transform: uppercase; letter-spacing: .03em; font-weight: 700; }#ap-hub .ap-plate-table td{ padding: 15px 16px; border-top: 1px solid var(--ap-line); vertical-align: middle; color: #39434e; }#ap-hub .ap-plate-table tbody tr:nth-child(even){ background: #fafbfc; }#ap-hub .ap-tier{ display: flex; align-items: center; gap: 12px; font-weight: 700; color: var(--ap-ink); white-space: nowrap; }#ap-hub .ap-bar{ position: relative; display: inline-block; width: 78px; height: 8px; border-radius: 4px; background: #e6eaee; overflow: hidden; flex: none; }#ap-hub .ap-fill{ position: absolute; left: 0; top: 0; bottom: 0; border-radius: 4px; background: linear-gradient(90deg, #c9d3db, var(--ap-gold)); }#ap-hub .ap-fill-1{ width: 10%; }#ap-hub .ap-fill-2{ width: 22%; }#ap-hub .ap-fill-3{ width: 34%; }#ap-hub .ap-fill-4{ width: 48%; }#ap-hub .ap-fill-5{ width: 62%; }#ap-hub .ap-fill-6{ width: 78%; }#ap-hub .ap-fill-7{ width: 100%; }#ap-hub .ap-cost{ font-weight: 700; color: var(--ap-gold); letter-spacing: .04em; white-space: nowrap; }#ap-hub .ap-table-note{ margin: 16px 0 0; font-size: 14px; color: var(--ap-muted); max-width: 860px; }#ap-hub .ap-claim{ display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr); border: 1px solid var(--ap-line); border-radius: 8px; background: #ffffff; overflow: hidden; margin-bottom: 16px; }#ap-hub .ap-claim-side{ padding: 24px 26px; }#ap-hub .ap-claim-verify{ background: var(--ap-soft); border-left: 1px solid var(--ap-line); }#ap-hub .ap-claim-label{ font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; color: var(--ap-gold); margin-bottom: 6px; }#ap-hub .ap-claim-side p:last-child{ margin-bottom: 0; color: var(--ap-muted); font-size: 15px; }#ap-hub .ap-claim-verify p:last-child{ color: #39434e; }#ap-hub .ap-callout{ margin-top: 8px; padding: 24px 26px; border-left: 5px solid var(--ap-gold); background: #fdf7ec; border-radius: 0 8px 8px 0; }#ap-hub .ap-callout-title{ font-weight: 800; font-size: 15px; margin-bottom: 6px; color: #6b4d17; }#ap-hub .ap-callout p:last-child{ margin-bottom: 0; color: #5a4a2c; font-size: 15px; }#ap-hub .ap-tolerance-grid{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }#ap-hub .ap-tolerance-card{ padding: 24px; background: #ffffff; border: 1px solid var(--ap-line); border-top: 3px solid var(--ap-navy); border-radius: 8px; }#ap-hub .ap-tolerance-kicker{ font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; color: var(--ap-blue); margin-bottom: 6px; }#ap-hub .ap-tolerance-card p:last-child{ margin-bottom: 0; color: var(--ap-muted); font-size: 15px; }#ap-hub .ap-scenario-grid{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }#ap-hub .ap-scenario-card{ padding: 26px; background: var(--ap-soft); border-radius: 8px; border: 1px solid var(--ap-line); }#ap-hub .ap-scenario-tag{ display: inline-block; margin-bottom: 10px; padding: 4px 10px; border-radius: 999px; background: var(--ap-navy); color: #ffffff; font-size: 11.5px; font-weight: 700; text-transform: uppercase; letter-spacing: .07em; }#ap-hub .ap-scenario-spec{ font-size: 13.5px; font-weight: 700; color: var(--ap-gold); margin-bottom: 10px; }#ap-hub .ap-scenario-card p:last-child{ margin-bottom: 0; font-size: 15px; color: #39434e; }#ap-hub .ap-scenario-foot{ margin-top: 28px; }#ap-hub .ap-qc-list{ list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 26px; }#ap-hub .ap-qc-list li{ position: relative; padding: 16px 18px 16px 58px; background: rgba(255, 255, 255, 0.06); border: 1px solid rgba(255, 255, 255, 0.16); border-radius: 8px; font-size: 15px; color: rgba(255, 255, 255, 0.9); }#ap-hub .ap-qc-num{ position: absolute; left: 18px; top: 16px; font-size: 13px; font-weight: 800; color: var(--ap-gold); }#ap-hub .ap-matrix{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }#ap-hub .ap-matrix-card{ display: flex; flex-direction: column; background: #ffffff; border: 1px solid var(--ap-line); border-radius: 10px; overflow: hidden; }#ap-hub .ap-matrix-media{ display: block; background: var(--ap-soft); }#ap-hub .ap-matrix-media img{ width: 100%; aspect-ratio: 1 / 1; object-fit: cover; }#ap-hub .ap-matrix-body{ padding: 20px 20px 22px; display: flex; flex-direction: column; gap: 8px; flex: 1; }#ap-hub .ap-matrix-body h3{ font-size: 17px; margin-bottom: 0; }#ap-hub .ap-matrix-body h3 a{ text-decoration: none; }#ap-hub .ap-matrix-body h3 a:hover{ text-decoration: underline; }#ap-hub .ap-matrix-body p{ font-size: 14.5px; color: var(--ap-muted); margin-bottom: 4px; }#ap-hub .ap-matrix-body .ap-inline-link{ margin-top: auto; }#ap-hub .ap-rfq{ padding: 68px 0; background: var(--ap-navy-dark); color: #ffffff; }#ap-hub .ap-rfq h2{ color: #ffffff; }#ap-hub .ap-rfq-grid{ display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr); gap: 44px; align-items: center; }#ap-hub .ap-rfq-copy p{ color: rgba(255, 255, 255, 0.8); font-size: 16px; }#ap-hub .ap-rfq-actions{ display: flex; flex-wrap: wrap; gap: 12px; margin-top: 22px; }#ap-hub .ap-rfq-panel{ padding: 26px; border: 1px solid rgba(255, 255, 255, 0.18); border-radius: 10px; background: rgba(255, 255, 255, 0.05); }#ap-hub .ap-rfq-facts{ margin: 0; }#ap-hub .ap-rfq-facts > div{ display: flex; justify-content: space-between; gap: 16px; padding: 11px 0; border-bottom: 1px dotted rgba(255, 255, 255, 0.2); }#ap-hub .ap-rfq-facts > div:last-child{ border-bottom: 0; }#ap-hub .ap-rfq-facts dt{ font-size: 13px; text-transform: uppercase; letter-spacing: .05em; color: rgba(255, 255, 255, 0.62); margin: 0; }#ap-hub .ap-rfq-facts dd{ margin: 0; font-size: 14.5px; font-weight: 700; text-align: right; color: #ffffff; }#ap-hub .ap-faq{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }

    @media (max-width: 940px) {#ap-hub .ap-hero-grid, #ap-hub .ap-spotlight-grid, #ap-hub .ap-rfq-grid, #ap-hub .ap-tolerance-grid, #ap-hub .ap-scenario-grid, #ap-hub .ap-qc-list, #ap-hub .ap-matrix, #ap-hub .ap-faq, #ap-hub .ap-claim{ grid-template-columns: 1fr; }#ap-hub .ap-hero{ padding: 40px 0 44px; }#ap-hub .ap-hero-title{ font-size: 32px; }#ap-hub h2{ font-size: 26px; }#ap-hub .ap-section{ padding: 52px 0; }#ap-hub .ap-claim-verify{ border-left: 0; border-top: 1px solid var(--ap-line); }#ap-hub .ap-rfq-facts > div{ flex-direction: column; gap: 2px; }#ap-hub .ap-rfq-facts dd{ text-align: left; }
    }

    @media (max-width: 520px) {#ap-hub .ap-shell{ width: calc(100% - 28px); }#ap-hub .ap-hero-title{ font-size: 27px; }#ap-hub .ap-hero-intro{ font-size: 16px; }#ap-hub .ap-hero-actions .ap-btn, #ap-hub .ap-rfq-actions .ap-btn{ width: 100%; }#ap-hub .ap-chip{ font-size: 12.5px; padding: 7px 12px; }#ap-hub .ap-qc-list li{ padding: 14px 16px 14px 52px; }
    }