#ap-root, #ap-root *, #ap-root *::before, #ap-root *::after{ box-sizing: border-box; }#ap-root{
      --ap-ink: #16202b;
      --ap-muted: #5b6b7a;
      --ap-line: #e1e6eb;
      --ap-soft: #f5f7f9;
      --ap-slate: #24384a;
      --ap-slate-dark: #16232f;
      --ap-copper: #b9691c;
      --ap-copper-soft: #fdf3e7;
      --ap-green: #2f6b52;
      width: 100%;
      overflow: hidden;
      background: #ffffff;
      color: var(--ap-ink);
      font-family: Arial, Helvetica, sans-serif;
      line-height: 1.62;
      -webkit-font-smoothing: antialiased;
    }#ap-root p, #ap-root h2, #ap-root h3, #ap-root h4{ margin-top: 0; }#ap-root a{ color: inherit; text-decoration-thickness: 1px; text-underline-offset: 3px; }#ap-root img{ display: block; max-width: 100%; }#ap-root .ap-shell{ width: min(1140px, calc(100% - 40px)); margin: 0 auto; }#ap-root .ap-hero-title{ font-size: 44px; line-height: 1.28; letter-spacing: -0.01em; margin: 0 0 20px; }#ap-root h2{ font-size: 32px; line-height: 1.24; margin-bottom: 14px; letter-spacing: -0.005em; }#ap-root h3{ font-size: 20px; line-height: 1.32; margin-bottom: 8px; }#ap-root .ap-section{ padding: 74px 0; }#ap-root .ap-section-soft{ background: var(--ap-soft); border-top: 1px solid var(--ap-line); border-bottom: 1px solid var(--ap-line); }#ap-root .ap-head{ max-width: 760px; margin-bottom: 34px; }#ap-root .ap-head-center{ margin-left: auto; margin-right: auto; text-align: center; }#ap-root .ap-sub{ color: var(--ap-muted); font-size: 17px; margin-bottom: 0; }#ap-root .ap-hero{ background: linear-gradient(180deg, #ffffff 0%, #f5f7f9 100%); padding: 60px 0 66px; border-bottom: 1px solid var(--ap-line); }#ap-root .ap-hero-grid{ display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(340px, 0.85fr); gap: 56px; align-items: center; }#ap-root .ap-hero-intro{ font-size: 18px; color: #33414f; max-width: 620px; margin-bottom: 0; }#ap-root .ap-hero-intro a{ color: var(--ap-copper); text-decoration: underline; }#ap-root .ap-hero-actions{ display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }#ap-root .ap-btn{ display: inline-flex; min-height: 48px; align-items: center; justify-content: center; padding: 12px 22px; border: 1px solid var(--ap-slate); 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-root .ap-btn-primary{ background: var(--ap-slate); border-color: var(--ap-slate); color: #ffffff; }#ap-root .ap-btn-primary:hover{ background: var(--ap-slate-dark); border-color: var(--ap-slate-dark); }#ap-root .ap-btn-secondary{ background: transparent; color: var(--ap-slate); }#ap-root .ap-btn-secondary:hover{ background: var(--ap-slate); color: #ffffff; }#ap-root .ap-hero-facts{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px 22px; margin-top: 36px; }#ap-root .ap-fact{ padding: 12px 0; border-top: 2px solid var(--ap-ink); }#ap-root .ap-fact span{ display: block; font-size: 12px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; color: var(--ap-copper); margin-bottom: 4px; }#ap-root .ap-fact strong{ display: block; font-size: 15px; line-height: 1.35; }#ap-root .ap-hero-media{ position: relative; }#ap-root .ap-hero-media::after{ content: ""; position: absolute; right: -12px; bottom: -12px; width: 38%; height: 38%; border-right: 6px solid #e8c48f; border-bottom: 6px solid #e8c48f; }#ap-root .ap-hero-media img{ position: relative; z-index: 1; width: 100%; height: auto; max-height: 560px; object-fit: cover; border-radius: 6px; box-shadow: 0 20px 46px rgba(22, 32, 43, .16); }#ap-root .ap-table-wrap{ overflow-x: auto; border: 1px solid var(--ap-line); border-radius: 6px; background: #ffffff; }#ap-root .ap-matrix{ width: 100%; min-width: 860px; border-collapse: collapse; font-size: 15px; }#ap-root .ap-matrix th{ background: var(--ap-slate); color: #ffffff; text-align: left; padding: 15px 18px; font-size: 13px; letter-spacing: .05em; text-transform: uppercase; }#ap-root .ap-matrix td{ padding: 18px; border-top: 1px solid var(--ap-line); vertical-align: top; color: #35424f; }#ap-root .ap-matrix tbody tr:nth-child(even){ background: #fafbfc; }#ap-root .ap-matrix td:first-child{ font-weight: 700; color: var(--ap-ink); width: 20%; }#ap-root .ap-badge{ display: inline-block; padding: 4px 10px; border-radius: 100px; font-size: 12px; font-weight: 700; line-height: 1.4; }#ap-root .ap-badge-core{ background: #e6f0eb; color: var(--ap-green); }#ap-root .ap-badge-ask{ background: var(--ap-copper-soft); color: var(--ap-copper); }#ap-root .ap-badge-partner{ background: #eef1f4; color: #566573; }#ap-root .ap-table-note{ margin: 16px 0 0; font-size: 14px; color: var(--ap-muted); }#ap-root .ap-deep{ display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 52px; align-items: center; }#ap-root .ap-deep-media img{ width: 100%; height: auto; max-height: 520px; object-fit: cover; border-radius: 6px; box-shadow: 0 16px 38px rgba(22, 32, 43, .14); }#ap-root .ap-callouts{ list-style: none; padding: 0; margin: 22px 0 0; display: grid; gap: 14px; }#ap-root .ap-callouts li{ display: grid; grid-template-columns: 36px minmax(0, 1fr); gap: 14px; padding: 14px 16px; background: #ffffff; border: 1px solid var(--ap-line); border-left: 3px solid var(--ap-copper); border-radius: 4px; }#ap-root .ap-callout-num{ display: flex; width: 30px; height: 30px; align-items: center; justify-content: center; border-radius: 50%; background: var(--ap-ink); color: #ffffff; font-size: 14px; font-weight: 700; }#ap-root .ap-callouts strong{ display: block; font-size: 15px; line-height: 1.35; margin-bottom: 2px; }#ap-root .ap-callouts p{ margin: 0; font-size: 14px; color: var(--ap-muted); }#ap-root .ap-inline-link{ display: inline-flex; align-items: center; gap: 8px; margin-top: 24px; font-size: 15px; font-weight: 700; color: var(--ap-copper); }#ap-root .ap-inline-link:hover{ color: var(--ap-slate); }#ap-root .ap-card-grid{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }#ap-root .ap-card{ background: #ffffff; border: 1px solid var(--ap-line); border-radius: 6px; padding: 24px; }#ap-root .ap-card h3{ font-size: 17px; }#ap-root .ap-card p{ margin-bottom: 0; font-size: 15px; color: var(--ap-muted); }#ap-root .ap-decision{ margin-top: 26px; padding: 20px 22px; border-left: 4px solid var(--ap-copper); background: #ffffff; border-radius: 0 4px 4px 0; }#ap-root .ap-decision p{ margin: 0; font-size: 15px; }#ap-root .ap-decision span{ display: block; font-size: 12px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; color: var(--ap-copper); margin-bottom: 6px; }#ap-root .ap-venue-grid{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }#ap-root .ap-venue{ background: #ffffff; border: 1px solid var(--ap-line); border-radius: 6px; padding: 24px; }#ap-root .ap-venue h3{ display: flex; align-items: center; gap: 10px; }#ap-root .ap-venue h3::before{ content: ""; width: 10px; height: 10px; background: var(--ap-copper); border-radius: 2px; flex: 0 0 auto; }#ap-root .ap-venue p{ font-size: 15px; color: var(--ap-muted); }#ap-root .ap-venue dl{ margin: 14px 0 0; padding-top: 14px; border-top: 1px dashed var(--ap-line); font-size: 14px; }#ap-root .ap-venue dt{ font-weight: 700; color: var(--ap-ink); margin-bottom: 2px; }#ap-root .ap-venue dd{ margin: 0 0 10px; color: var(--ap-muted); }#ap-root .ap-venue dd:last-child{ margin-bottom: 0; }#ap-root .ap-scenario{ width: 100%; border-collapse: collapse; font-size: 15px; background: #ffffff; }#ap-root .ap-scenario th{ background: var(--ap-slate); color: #ffffff; text-align: left; padding: 14px 18px; font-size: 13px; letter-spacing: .05em; text-transform: uppercase; }#ap-root .ap-scenario td{ padding: 18px; border-top: 1px solid var(--ap-line); vertical-align: top; color: #35424f; }#ap-root .ap-scenario td:first-child{ font-weight: 700; color: var(--ap-ink); }#ap-root .ap-scenario tbody tr:nth-child(even){ background: #fafbfc; }#ap-root .ap-product-grid{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }#ap-root .ap-product-card{ display: flex; flex-direction: column; background: #ffffff; border: 1px solid var(--ap-line); border-radius: 6px; overflow: hidden; text-decoration: none; transition: box-shadow .2s ease, transform .2s ease; }#ap-root .ap-product-card:hover{ box-shadow: 0 16px 34px rgba(22, 32, 43, .13); transform: translateY(-2px); }#ap-root .ap-product-card img{ width: 100%; aspect-ratio: 4 / 3; object-fit: cover; background: var(--ap-soft); }#ap-root .ap-product-body{ padding: 20px 22px 24px; display: flex; flex-direction: column; flex: 1 1 auto; }#ap-root .ap-product-body h3{ font-size: 17px; }#ap-root .ap-product-body p{ flex: 1 1 auto; margin-bottom: 14px; font-size: 14px; color: var(--ap-muted); }#ap-root .ap-product-body span{ font-size: 13px; font-weight: 700; color: var(--ap-copper); }#ap-root .ap-rfq{ display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 50px; align-items: start; }#ap-root .ap-checklist{ list-style: none; padding: 0; margin: 0; display: grid; gap: 12px; }#ap-root .ap-checklist li{ padding: 14px 16px 14px 46px; position: relative; background: #ffffff; border: 1px solid var(--ap-line); border-radius: 4px; font-size: 15px; }#ap-root .ap-checklist li::before{ content: "✓"; position: absolute; left: 16px; top: 13px; color: var(--ap-copper); font-weight: 700; }#ap-root .ap-cta-panel{ background: var(--ap-slate); color: #ffffff; border-radius: 6px; padding: 34px; }#ap-root .ap-cta-panel h3{ color: #ffffff; font-size: 22px; }#ap-root .ap-cta-panel p{ color: #cdd8e2; font-size: 15px; }#ap-root .ap-cta-actions{ display: flex; flex-wrap: wrap; gap: 12px; margin-top: 22px; }#ap-root .ap-cta-panel .ap-btn-primary{ background: #ffffff; border-color: #ffffff; color: var(--ap-slate); }#ap-root .ap-cta-panel .ap-btn-primary:hover{ background: #e8eef3; border-color: #e8eef3; }#ap-root .ap-cta-panel .ap-btn-secondary{ color: #ffffff; border-color: #ffffff; }#ap-root .ap-cta-panel .ap-btn-secondary:hover{ background: #ffffff; color: var(--ap-slate); }#ap-root .ap-faq{ max-width: 860px; margin: 0 auto; }

    @media (max-width: 980px) {#ap-root .ap-hero-grid, #ap-root .ap-deep, #ap-root .ap-rfq{ grid-template-columns: minmax(0, 1fr); gap: 34px; }#ap-root .ap-card-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }#ap-root .ap-product-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }#ap-root .ap-hero-title{ font-size: 36px; }#ap-root h2{ font-size: 28px; }
    }
    @media (max-width: 640px) {#ap-root .ap-section{ padding: 54px 0; }#ap-root .ap-hero{ padding: 44px 0 50px; }#ap-root .ap-hero-title{ font-size: 30px; }#ap-root h2{ font-size: 24px; }#ap-root .ap-hero-facts{ grid-template-columns: repeat(2, minmax(0, 1fr)); }#ap-root .ap-card-grid, #ap-root .ap-product-grid, #ap-root .ap-venue-grid{ grid-template-columns: minmax(0, 1fr); }#ap-root .ap-hero-media::after{ right: -8px; bottom: -8px; border-width: 5px; }#ap-root .ap-cta-panel{ padding: 26px; }#ap-root .ap-btn{ width: 100%; }
    }