.bpa-about{--ink:#14243e;--muted:#4e6078;--line:#dce5ef;--accent:#1762b4;color:var(--ink);background:#fff;font-family:inherit;line-height:1.75;overflow-wrap:anywhere}
.bpa-about *{box-sizing:border-box}
.bpa-wrap{width:min(100% - 40px,1060px);margin-inline:auto}
.bpa-hero{background:linear-gradient(125deg,#0d2346,#174b80);color:#fff;padding:clamp(55px,8vw,100px) 0}
.bpa-hero h1{font-size:clamp(2rem,4vw,3.35rem);line-height:1.16;letter-spacing:-.035em;max-width:900px;margin:0 0 24px}
.bpa-hero p{max-width:850px;color:#edf4ff;font-size:1.08rem;margin:0 0 17px}
.bpa-hero p:first-of-type{font-size:1.3rem;color:#fff}
.bpa-section{padding:clamp(44px,6vw,72px) 0;border-bottom:1px solid var(--line)}
.bpa-section:nth-of-type(2n+1){background:#f6f9fd}
.bpa-section h2{font-size:clamp(1.65rem,3vw,2.25rem);line-height:1.25;letter-spacing:-.02em;margin:0 0 22px}
.bpa-section h3{font-size:1.15rem;line-height:1.4;margin:26px 0 8px;color:#174b80}
.bpa-section p{max-width:900px;margin:0 0 16px;color:var(--muted)}
.bpa-section strong{color:var(--ink)}
.bpa-section ul{padding-left:1.4rem;margin:12px 0 22px;max-width:920px}
.bpa-section li{padding-left:.3rem;margin:8px 0}
.bpa-faqs{background:#f4f7fc!important}
.bpa-faq{background:#fff;border:1px solid var(--line);border-radius:12px;margin:10px 0;box-shadow:0 2px 10px rgba(20,36,62,.035)}
.bpa-faq summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 22px;font-weight:700;line-height:1.45}
.bpa-faq summary::-webkit-details-marker{display:none}
.bpa-faq summary:after{content:'+';font-size:1.5rem;color:var(--accent);font-weight:400;flex-shrink:0}
.bpa-faq[open] summary:after{content:'−'}
.bpa-faq p{padding:0 22px 20px;margin:0}
.bpa-faq summary:focus-visible{outline:3px solid #75b7fa;outline-offset:2px}
@media(max-width:640px){.bpa-wrap{width:min(100% - 32px,1060px)}.bpa-hero{padding:48px 0}.bpa-section{padding:42px 0}.bpa-faq summary{padding:16px}.bpa-faq p{padding:0 16px 16px}}

/* BPA PREMIUM DESIGN START */
.about-page {
  --premium-navy:#14274d;
  --premium-blue:#315ec7;
  --premium-gold:#d4b77d;
  --premium-ink:#20314d;
  --premium-muted:#5d6d83;
  --premium-border:#e4eaf3;
  color:var(--premium-ink);
  background:#f4f7fc;
  font-family:inherit;
  line-height:1.8;
  -webkit-font-smoothing:antialiased;
}

.about-page *,
.about-page *::before,
.about-page *::after {
  box-sizing:border-box;
}

.about-page .bpa-wrap {
  width:calc(100% - 40px);
  max-width:1050px;
  margin-left:auto;
  margin-right:auto;
}

.about-page .bpa-hero {
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:95px 0 88px;
  background:linear-gradient(125deg,#101e3b 0%,#1b376c 60%,#315b9a 100%);
  color:#fff;
}

.about-page .bpa-hero::before {
  content:"";
  position:absolute;
  z-index:-1;
  width:430px;
  height:430px;
  right:-130px;
  top:-190px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.17);
  box-shadow:0 0 0 75px rgba(255,255,255,.025),
             0 0 0 150px rgba(255,255,255,.02);
}

.about-page .bpa-hero::after {
  content:"";
  display:block;
  width:76px;
  height:4px;
  margin:34px auto 0;
  border-radius:10px;
  background:var(--premium-gold);
}

.about-page .bpa-hero .bpa-wrap {
  max-width:920px;
  text-align:center;
}

.about-page h1 {
  max-width:900px;
  margin:0 auto 26px;
  color:#fff;
  font-size:clamp(2.1rem,4.6vw,3.6rem);
  font-weight:750;
  line-height:1.18;
  letter-spacing:-.04em;
}

.about-page .bpa-hero p {
  max-width:810px;
  margin:0 auto 17px;
  color:#dce7fb;
  font-size:1.05rem;
  line-height:1.85;
}

.about-page .bpa-hero p:first-of-type {
  color:#fff;
  font-size:clamp(1.12rem,2vw,1.38rem);
  font-weight:600;
  line-height:1.6;
}

.about-page .bpa-section {
  padding:24px 0 0;
}

.about-page .bpa-section:first-of-type {
  padding-top:38px;
}

.about-page .bpa-section > .bpa-wrap {
  padding:clamp(27px,4.5vw,52px);
  border:1px solid var(--premium-border);
  border-radius:20px;
  background:#fff;
  box-shadow:0 9px 36px rgba(24,47,88,.045);
}

.about-page h2 {
  position:relative;
  margin:0 0 28px;
  padding-bottom:18px;
  color:var(--premium-navy);
  font-size:clamp(1.5rem,2.8vw,2.12rem);
  font-weight:750;
  line-height:1.35;
  letter-spacing:-.025em;
}

.about-page h2::after {
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:53px;
  height:3px;
  border-radius:10px;
  background:var(--premium-blue);
}

.about-page h3 {
  margin:30px 0 10px;
  color:#244678;
  font-size:1.17rem;
  font-weight:700;
  line-height:1.45;
}

.about-page p {
  margin:0 0 19px;
  color:var(--premium-muted);
  font-size:1.02rem;
  line-height:1.85;
}

.about-page strong {
  color:var(--premium-ink);
  font-weight:700;
}

.about-page .bpa-hero strong {
  color:#fff;
}

.about-page ul {
  margin:12px 0 26px;
  padding-left:24px;
  color:var(--premium-muted);
}

.about-page li {
  margin:10px 0;
  padding-left:5px;
  line-height:1.75;
}

.about-page li::marker {
  color:var(--premium-blue);
}

.about-page .bpa-faqs .bpa-wrap {
  background:#fff;
}

.about-page .bpa-faq {
  margin:12px 0;
  overflow:hidden;
  border:1px solid #e1e8f3;
  border-radius:13px;
  background:#fff;
  transition:border-color .2s ease,box-shadow .2s ease;
}

.about-page .bpa-faq:hover {
  border-color:#b9cae8;
}

.about-page .bpa-faq[open] {
  border-color:#a9bfe8;
  background:#fbfcff;
  box-shadow:0 5px 18px rgba(27,60,120,.05);
}

.about-page .bpa-faq summary {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:19px 22px;
  color:var(--premium-navy);
  font-weight:650;
  line-height:1.5;
  cursor:pointer;
  list-style:none;
}

.about-page .bpa-faq summary::-webkit-details-marker {
  display:none;
}

.about-page .bpa-faq summary::after {
  content:"+";
  flex-shrink:0;
  display:grid;
  place-items:center;
  width:30px;
  height:30px;
  border-radius:50%;
  background:#edf2fc;
  color:var(--premium-blue);
  font-size:1.3rem;
  font-weight:500;
}

.about-page .bpa-faq[open] summary::after {
  content:"−";
  background:var(--premium-blue);
  color:#fff;
}

.about-page .bpa-faq p {
  margin:0;
  padding:0 22px 22px;
  line-height:1.8;
}

.about-page .bpa-section:last-child {
  padding-bottom:72px;
}

.about-page .bpa-section:last-child > .bpa-wrap {
  border-color:#d3def1;
  background:linear-gradient(135deg,#fff 0%,#edf3ff 100%);
}

.about-page a:focus-visible,
.about-page summary:focus-visible {
  outline:3px solid #739bff;
  outline-offset:4px;
}

@media(max-width:700px) {
  .about-page .bpa-wrap {
    width:calc(100% - 28px);
  }

  .about-page .bpa-hero {
    padding:62px 0 58px;
  }

  .about-page h1 {
    font-size:clamp(2rem,8vw,2.7rem);
  }

  .about-page .bpa-section {
    padding-top:17px;
  }

  .about-page .bpa-section > .bpa-wrap {
    padding:27px 21px;
    border-radius:15px;
  }

  .about-page h2 {
    font-size:1.55rem;
  }

  .about-page p,
  .about-page li {
    font-size:1rem;
  }

  .about-page .bpa-faq summary {
    padding:16px;
  }

  .about-page .bpa-faq p {
    padding:0 16px 17px;
  }

  .about-page .bpa-section:last-child {
    padding-bottom:40px;
  }
}

@media(prefers-reduced-motion:reduce) {
  .about-page *,
  .about-page *::before,
  .about-page *::after {
    transition:none!important;
    animation:none!important;
  }
}
/* BPA PREMIUM DESIGN END */
