/* ==========================================================
   BIPOFY ABOUT — EDITORIAL COMPANY V001
   ========================================================== */

:root {
  --ba-green:#0daf7a;
  --ba-green-dark:#07845d;
  --ba-navy:#061b35;

  --ba-text:#38515f;
  --ba-muted:#70818b;

  --ba-line:#dfe8e5;
  --ba-line-dark:#bdccc7;

  --ba-soft:#f6faf8;
  --ba-soft-green:#edf8f4;

  --ba-white:#ffffff;
}


#bipofyAboutV001,
#bipofyAboutV001 * {
  box-sizing:border-box;
}


#bipofyAboutV001 {
  width:100%;

  margin:0;

  background:#fff;

  color:var(--ba-navy);

  font-family:inherit;
}


#bipofyAboutV001 .ba-wrap {
  width:min(
    1160px,
    calc(100% - 40px)
  );

  margin-left:auto;
  margin-right:auto;
}


/* ==========================================================
   TYPOGRAPHY
   ========================================================== */

#bipofyAboutV001 h1,
#bipofyAboutV001 h2,
#bipofyAboutV001 h3,
#bipofyAboutV001 p {
  margin-top:0;
}


#bipofyAboutV001 .ba-eyebrow {
  display:block;

  margin-bottom:13px;

  color:var(--ba-green-dark);

  font-size:11px;

  line-height:1.25;

  font-weight:800;

  letter-spacing:.05em;

  text-transform:uppercase;
}


#bipofyAboutV001 .ba-section-title {
  max-width:750px;

  margin-bottom:17px;

  color:var(--ba-navy);

  font-size:40px;

  line-height:1.08;

  font-weight:850;

  letter-spacing:-.04em;
}


#bipofyAboutV001 .ba-section-lead {
  max-width:720px;

  margin-bottom:0;

  color:var(--ba-text);

  font-size:16px;

  line-height:1.72;
}


/* ==========================================================
   HERO
   ========================================================== */

#bipofyAboutV001 .ba-hero {
  padding:
    72px
    0
    67px;

  border-bottom:
    1px solid
    var(--ba-line);

  background:#fff;
}


#bipofyAboutV001 .ba-hero-copy {
  max-width:930px;
}


#bipofyAboutV001 .ba-hero h1 {
  max-width:900px;

  margin:
    0
    0
    22px;

  color:var(--ba-navy);

  font-size:
    clamp(
      48px,
      6vw,
      70px
    );

  line-height:1.01;

  font-weight:850;

  letter-spacing:-.055em;

  text-wrap:balance;
}


#bipofyAboutV001 .ba-hero-lead {
  max-width:770px;

  margin:0;

  color:#4b6675;

  font-size:19px;

  line-height:1.68;
}


/* ==========================================================
   STORY
   ========================================================== */

#bipofyAboutV001 .ba-story {
  padding:
    78px
    0;
}


#bipofyAboutV001 .ba-story-grid {
  display:grid;

  grid-template-columns:
    330px
    minmax(0,680px);

  justify-content:space-between;

  gap:70px;
}


#bipofyAboutV001 .ba-story-label {
  padding-top:3px;
}


#bipofyAboutV001 .ba-story-label h2 {
  margin:0;

  color:var(--ba-navy);

  font-size:34px;

  line-height:1.12;

  font-weight:840;

  letter-spacing:-.035em;
}


#bipofyAboutV001 .ba-story-copy {
  color:var(--ba-text);

  font-size:17px;

  line-height:1.82;
}


#bipofyAboutV001 .ba-story-copy p {
  margin-bottom:22px;
}


#bipofyAboutV001 .ba-story-copy p:last-child {
  margin-bottom:0;
}


#bipofyAboutV001 .ba-story-statement {
  margin-top:35px;

  padding:
    25px
    0
    0;

  border-top:
    1px solid
    var(--ba-navy);

  color:var(--ba-navy);

  font-size:25px;

  line-height:1.38;

  font-weight:760;

  letter-spacing:-.025em;
}


/* ==========================================================
   JOURNEY
   ========================================================== */

#bipofyAboutV001 .ba-journey {
  padding:
    72px
    0
    76px;

  border-top:
    1px solid
    var(--ba-line);

  border-bottom:
    1px solid
    var(--ba-line);

  background:var(--ba-soft);
}


#bipofyAboutV001 .ba-journey-head {
  max-width:740px;

  margin-bottom:43px;
}


#bipofyAboutV001 .ba-journey-list {
  display:grid;

  grid-template-columns:
    repeat(
      5,
      minmax(0,1fr)
    );

  border-top:
    1px solid
    var(--ba-navy);
}


#bipofyAboutV001 .ba-step {
  position:relative;

  min-width:0;

  padding:
    26px
    24px
    6px
    0;

  border-right:
    1px solid
    var(--ba-line-dark);
}


#bipofyAboutV001 .ba-step:not(:first-child) {
  padding-left:24px;
}


#bipofyAboutV001 .ba-step:last-child {
  border-right:0;

  padding-right:0;
}


#bipofyAboutV001 .ba-step-no {
  display:block;

  margin-bottom:28px;

  color:var(--ba-green-dark);

  font-size:11px;

  font-weight:800;

  letter-spacing:.05em;
}


#bipofyAboutV001 .ba-step h3 {
  margin:
    0
    0
    9px;

  color:var(--ba-navy);

  font-size:21px;

  line-height:1.18;

  font-weight:820;

  letter-spacing:-.025em;
}


#bipofyAboutV001 .ba-step p {
  margin:0;

  color:#637783;

  font-size:13px;

  line-height:1.62;
}


/* ==========================================================
   PRODUCT STORIES
   ========================================================== */

#bipofyAboutV001 .ba-products {
  padding:
    85px
    0
    25px;
}


#bipofyAboutV001 .ba-product {
  display:grid;

  grid-template-columns:
    minmax(0,1fr)
    minmax(0,1.07fr);

  align-items:center;

  gap:76px;

  padding:
    0
    0
    82px;
}


#bipofyAboutV001 .ba-product:nth-child(even) {
  grid-template-columns:
    minmax(0,1.07fr)
    minmax(0,1fr);
}


#bipofyAboutV001 .ba-product:nth-child(even)
.ba-product-copy {
  order:2;
}


#bipofyAboutV001 .ba-product:nth-child(even)
.ba-product-media {
  order:1;
}


#bipofyAboutV001 .ba-product-copy h2 {
  max-width:500px;

  margin:
    0
    0
    15px;

  color:var(--ba-navy);

  font-size:37px;

  line-height:1.08;

  font-weight:850;

  letter-spacing:-.04em;
}


#bipofyAboutV001 .ba-product-copy p {
  max-width:540px;

  margin:
    0
    0
    18px;

  color:var(--ba-text);

  font-size:15.5px;

  line-height:1.75;
}


#bipofyAboutV001 .ba-product-copy p:last-child {
  margin-bottom:0;
}


#bipofyAboutV001 .ba-product-media {
  overflow:hidden;

  border:
    1px solid
    var(--ba-line);

  border-radius:4px;

  background:#fff;

  box-shadow:
    0 16px 46px
    rgba(6,27,53,.07);
}


#bipofyAboutV001 .ba-product-media img {
  display:block;

  width:100%;

  height:auto;
}


/* ==========================================================
   PRINCIPLES
   ========================================================== */

#bipofyAboutV001 .ba-principles {
  padding:
    75px
    0;

  border-top:
    1px solid
    var(--ba-line);

  background:#fff;
}


#bipofyAboutV001 .ba-principles-head {
  margin-bottom:38px;
}


#bipofyAboutV001 .ba-principle-list {
  border-top:
    1px solid
    var(--ba-navy);
}


#bipofyAboutV001 .ba-principle {
  display:grid;

  grid-template-columns:
    60px
    300px
    minmax(0,1fr);

  gap:22px;

  align-items:start;

  padding:
    25px
    0;

  border-bottom:
    1px solid
    var(--ba-line);
}


#bipofyAboutV001 .ba-principle-no {
  color:var(--ba-green-dark);

  font-size:12px;

  line-height:1.5;

  font-weight:800;
}


#bipofyAboutV001 .ba-principle h3 {
  margin:0;

  color:var(--ba-navy);

  font-size:19px;

  line-height:1.4;

  font-weight:800;

  letter-spacing:-.018em;
}


#bipofyAboutV001 .ba-principle p {
  max-width:650px;

  margin:0;

  color:#607581;

  font-size:14px;

  line-height:1.67;
}


/* ==========================================================
   MISSION
   ========================================================== */

#bipofyAboutV001 .ba-mission {
  padding:
    77px
    0;

  background:var(--ba-navy);

  color:#fff;
}


#bipofyAboutV001 .ba-mission-grid {
  display:grid;

  grid-template-columns:
    minmax(0,1fr)
    minmax(0,1fr);

  gap:80px;
}


#bipofyAboutV001 .ba-mission-block + .ba-mission-block {
  padding-left:70px;

  border-left:
    1px solid
    rgba(255,255,255,.18);
}


#bipofyAboutV001 .ba-mission .ba-eyebrow {
  color:#70d8b8;
}


#bipofyAboutV001 .ba-mission h2 {
  max-width:500px;

  margin:
    0
    0
    17px;

  color:#fff;

  font-size:35px;

  line-height:1.1;

  font-weight:840;

  letter-spacing:-.035em;
}


#bipofyAboutV001 .ba-mission p {
  max-width:540px;

  margin:0;

  color:#bfd0d8;

  font-size:15px;

  line-height:1.75;
}


/* ==========================================================
   CTA
   ========================================================== */

#bipofyAboutV001 .ba-cta {
  padding:
    73px
    0
    78px;

  background:
    linear-gradient(
      180deg,
      #f0faf6 0%,
      #ffffff 100%
    );
}


#bipofyAboutV001 .ba-cta-inner {
  display:flex;

  align-items:flex-end;

  justify-content:space-between;

  gap:45px;

  padding-top:3px;
}


#bipofyAboutV001 .ba-cta-copy {
  max-width:670px;
}


#bipofyAboutV001 .ba-cta h2 {
  margin:
    0
    0
    13px;

  color:var(--ba-navy);

  font-size:40px;

  line-height:1.07;

  font-weight:850;

  letter-spacing:-.04em;
}


#bipofyAboutV001 .ba-cta p {
  margin:0;

  color:#526c7a;

  font-size:15px;

  line-height:1.7;
}


#bipofyAboutV001 .ba-cta-actions {
  flex:
    0
    0
    auto;

  display:flex;

  gap:10px;
}


#bipofyAboutV001 .ba-btn {
  min-height:43px;

  display:inline-flex;

  align-items:center;

  justify-content:center;

  padding:
    0
    18px;

  border:
    1px solid
    var(--ba-green-dark);

  border-radius:4px;

  background:
    var(--ba-green);

  color:#fff;

  font-size:13px;

  font-weight:800;

  text-decoration:none;
}


#bipofyAboutV001 .ba-btn-secondary {
  border-color:
    #cbd8d4;

  background:#fff;

  color:var(--ba-navy);
}


#bipofyAboutV001 .ba-btn:hover {
  filter:brightness(.97);
}


/* ==========================================================
   TABLET
   ========================================================== */

@media(max-width:960px) {

  #bipofyAboutV001 .ba-story-grid {
    grid-template-columns:
      270px
      minmax(0,1fr);

    gap:45px;
  }


  #bipofyAboutV001 .ba-product {
    gap:45px;
  }


  #bipofyAboutV001 .ba-principle {
    grid-template-columns:
      45px
      240px
      minmax(0,1fr);
  }


  #bipofyAboutV001 .ba-mission-grid {
    gap:45px;
  }


  #bipofyAboutV001 .ba-mission-block + .ba-mission-block {
    padding-left:45px;
  }

}


/* ==========================================================
   MOBILE
   ========================================================== */

@media(max-width:760px) {

  #bipofyAboutV001 .ba-wrap {
    width:
      calc(100% - 24px);
  }


  #bipofyAboutV001 .ba-hero {
    padding:
      43px
      0
      39px;
  }


  #bipofyAboutV001 .ba-hero h1 {
    margin-bottom:16px;

    font-size:37px;

    line-height:1.04;

    letter-spacing:-.04em;

    text-wrap:pretty;
  }


  #bipofyAboutV001 .ba-hero-lead {
    font-size:15px;

    line-height:1.65;
  }


  #bipofyAboutV001 .ba-section-title {
    font-size:31px;
  }


  /* story */

  #bipofyAboutV001 .ba-story {
    padding:
      49px
      0;
  }


  #bipofyAboutV001 .ba-story-grid {
    display:block;
  }


  #bipofyAboutV001 .ba-story-label {
    margin-bottom:24px;
  }


  #bipofyAboutV001 .ba-story-label h2 {
    font-size:29px;
  }


  #bipofyAboutV001 .ba-story-copy {
    font-size:15px;

    line-height:1.75;
  }


  #bipofyAboutV001 .ba-story-statement {
    margin-top:27px;

    padding-top:20px;

    font-size:21px;
  }


  /* journey */

  #bipofyAboutV001 .ba-journey {
    padding:
      49px
      0;
  }


  #bipofyAboutV001 .ba-journey-head {
    margin-bottom:29px;
  }


  #bipofyAboutV001 .ba-journey-list {
    display:block;
  }


  #bipofyAboutV001 .ba-step,
  #bipofyAboutV001 .ba-step:not(:first-child) {
    padding:
      20px
      0;

    border-right:0;

    border-bottom:
      1px solid
      var(--ba-line);
  }


  #bipofyAboutV001 .ba-step:last-child {
    border-bottom:0;
  }


  #bipofyAboutV001 .ba-step-no {
    margin-bottom:8px;
  }


  /* products */

  #bipofyAboutV001 .ba-products {
    padding:
      54px
      0
      5px;
  }


  #bipofyAboutV001 .ba-product,
  #bipofyAboutV001 .ba-product:nth-child(even) {
    display:flex;

    flex-direction:column;

    gap:25px;

    padding-bottom:54px;
  }


  #bipofyAboutV001 .ba-product-copy,
  #bipofyAboutV001 .ba-product:nth-child(even)
  .ba-product-copy {
    order:1;
  }


  #bipofyAboutV001 .ba-product-media,
  #bipofyAboutV001 .ba-product:nth-child(even)
  .ba-product-media {
    order:2;
  }


  #bipofyAboutV001 .ba-product-copy h2 {
    font-size:30px;
  }


  #bipofyAboutV001 .ba-product-copy p {
    font-size:14.5px;
  }


  #bipofyAboutV001 .ba-product-media {
    width:100%;

    box-shadow:
      0 9px 28px
      rgba(6,27,53,.06);
  }


  /* principles */

  #bipofyAboutV001 .ba-principles {
    padding:
      51px
      0;
  }


  #bipofyAboutV001 .ba-principle {
    display:grid;

    grid-template-columns:
      32px
      minmax(0,1fr);

    gap:
      4px
      10px;

    padding:
      20px
      0;
  }


  #bipofyAboutV001 .ba-principle-no {
    grid-row:
      1 / 3;
  }


  #bipofyAboutV001 .ba-principle h3 {
    font-size:17px;
  }


  #bipofyAboutV001 .ba-principle p {
    grid-column:2;

    font-size:13.5px;
  }


  /* mission */

  #bipofyAboutV001 .ba-mission {
    padding:
      52px
      0;
  }


  #bipofyAboutV001 .ba-mission-grid {
    display:block;
  }


  #bipofyAboutV001 .ba-mission-block + .ba-mission-block {
    margin-top:35px;

    padding:
      34px
      0
      0;

    border-left:0;

    border-top:
      1px solid
      rgba(255,255,255,.18);
  }


  #bipofyAboutV001 .ba-mission h2 {
    font-size:29px;
  }


  /* CTA */

  #bipofyAboutV001 .ba-cta {
    padding:
      50px
      0
      54px;
  }


  #bipofyAboutV001 .ba-cta-inner {
    display:block;
  }


  #bipofyAboutV001 .ba-cta h2 {
    font-size:31px;
  }


  #bipofyAboutV001 .ba-cta-actions {
    margin-top:23px;
  }


  #bipofyAboutV001 .ba-btn {
    flex:1;

    padding:
      0
      12px;
  }

}


/*
============================================================
 BIPOFY_ABOUT_PAGE_V017A_R1
 Exact .ba-* DOM visual polish.
 CSS only. No DOM restructure.
============================================================
*/


/* ========================================================
   BASE
======================================================== */

#bipofyAboutV001{
  --bp17-ink:#0d2030;
  --bp17-text:#617069;
  --bp17-green:#078b62;
  --bp17-mint:#effaf6;
  --bp17-mint-soft:#f6fbf9;
  --bp17-border:#dce6e1;

  background:#fff !important;
  color:var(--bp17-ink) !important;

  font-family:inherit !important;
}


#bipofyAboutV001 *,
#bipofyAboutV001 *::before,
#bipofyAboutV001 *::after{
  box-sizing:border-box;
}


#bipofyAboutV001 .ba-wrap{
  width:min(1180px,calc(100% - 56px)) !important;
  max-width:1180px !important;

  margin-left:auto !important;
  margin-right:auto !important;
}


/* ========================================================
   SHARED TYPOGRAPHY
======================================================== */

#bipofyAboutV001 h1,
#bipofyAboutV001 h2,
#bipofyAboutV001 h3{
  font-family:inherit !important;
  color:var(--bp17-ink) !important;
}


#bipofyAboutV001 p{
  font-family:inherit !important;
  color:var(--bp17-text) !important;
}


#bipofyAboutV001 .ba-eyebrow,
#bipofyAboutV001 .ba-story-label{
  display:inline-flex !important;
  align-items:center !important;

  width:max-content !important;
  min-height:25px !important;

  margin:0 0 15px !important;
  padding:0 9px !important;

  background:#eff9f4 !important;

  border:1px solid #d5ece1 !important;
  border-radius:5px !important;

  color:#07875f !important;

  font-family:inherit !important;
  font-size:10.5px !important;
  line-height:1 !important;
  font-weight:600 !important;

  letter-spacing:.07em !important;
  text-transform:uppercase !important;
}


/* ========================================================
   HERO
======================================================== */

#bipofyAboutV001 .ba-hero{
  padding:84px 0 80px !important;

  background:
    linear-gradient(
      180deg,
      #f3fbf7 0%,
      #ffffff 100%
    ) !important;

  border-bottom:1px solid #e2ebe6 !important;
}


#bipofyAboutV001 .ba-hero-copy{
  max-width:850px !important;
}


#bipofyAboutV001 .ba-hero h1{
  max-width:850px !important;

  margin:0 !important;

  font-size:clamp(44px,4.65vw,60px) !important;
  line-height:1.05 !important;

  font-weight:600 !important;

  letter-spacing:-.048em !important;
}


#bipofyAboutV001 .ba-hero-lead{
  max-width:800px !important;

  margin:20px 0 0 !important;

  font-size:15px !important;
  line-height:1.75 !important;

  font-weight:400 !important;
}


/* ========================================================
   WHY WE EXIST / STORY
======================================================== */

#bipofyAboutV001 .ba-story{
  padding:82px 0 88px !important;

  background:#fff !important;
}


#bipofyAboutV001 .ba-story-grid{
  display:grid !important;

  grid-template-columns:
    minmax(0,.82fr)
    minmax(0,1.18fr) !important;

  gap:82px !important;

  align-items:start !important;
}


#bipofyAboutV001 .ba-story-copy h2{
  margin:0 !important;

  font-size:34px !important;
  line-height:1.1 !important;

  font-weight:600 !important;

  letter-spacing:-.037em !important;
}


#bipofyAboutV001 .ba-story-copy p{
  margin:16px 0 0 !important;

  font-size:14px !important;
  line-height:1.72 !important;
}


#bipofyAboutV001 .ba-story-statement{
  position:relative !important;

  padding:27px 28px 27px 30px !important;

  background:#f7fbf9 !important;

  border:1px solid #ddeae4 !important;
  border-radius:12px !important;

  color:#102332 !important;

  font-family:inherit !important;

  font-size:18px !important;
  line-height:1.55 !important;

  font-weight:500 !important;

  letter-spacing:-.018em !important;
}


#bipofyAboutV001 .ba-story-statement::before{
  content:"" !important;

  position:absolute !important;

  top:26px !important;
  bottom:26px !important;
  left:0 !important;

  width:3px !important;

  background:#0a9b6e !important;

  border-radius:0 3px 3px 0 !important;
}


/* ========================================================
   JOURNEY
======================================================== */

#bipofyAboutV001 .ba-journey{
  padding:74px 0 80px !important;

  background:#eef9f5 !important;

  border-top:1px solid #dce9e3 !important;
  border-bottom:1px solid #dce9e3 !important;
}


#bipofyAboutV001 .ba-journey-head{
  max-width:760px !important;

  margin-bottom:30px !important;
}


#bipofyAboutV001 .ba-section-title{
  margin:0 !important;

  font-size:36px !important;
  line-height:1.08 !important;

  font-weight:600 !important;

  letter-spacing:-.04em !important;
}


#bipofyAboutV001 .ba-section-lead{
  max-width:670px !important;

  margin:13px 0 0 !important;

  font-size:14px !important;
  line-height:1.7 !important;
}


#bipofyAboutV001 .ba-journey-list{
  display:grid !important;

  grid-template-columns:
    repeat(5,minmax(0,1fr)) !important;

  gap:12px !important;
}


#bipofyAboutV001 .ba-step{
  position:relative !important;

  min-width:0 !important;

  padding:21px 18px 19px !important;

  background:rgba(255,255,255,.82) !important;

  border:1px solid #d5e7de !important;
  border-radius:10px !important;
}


#bipofyAboutV001 .ba-step-no{
  display:flex !important;

  align-items:center !important;
  justify-content:center !important;

  width:33px !important;
  height:33px !important;

  margin:0 0 13px !important;

  background:#e6f6ef !important;

  border:1px solid #cae8db !important;
  border-radius:7px !important;

  color:#07875f !important;

  font-family:inherit !important;

  font-size:11px !important;
  line-height:1 !important;
  font-weight:600 !important;
}


#bipofyAboutV001 .ba-step h3{
  margin:0 0 7px !important;

  font-size:15px !important;
  line-height:1.35 !important;

  font-weight:600 !important;

  letter-spacing:-.018em !important;
}


#bipofyAboutV001 .ba-step p{
  margin:0 !important;

  font-size:12px !important;
  line-height:1.62 !important;
}


/* ========================================================
   PRODUCT STORY
======================================================== */

#bipofyAboutV001 .ba-products{
  padding:22px 0 !important;

  background:#fff !important;
}


#bipofyAboutV001 .ba-product{
  display:grid !important;

  grid-template-columns:
    minmax(0,.88fr)
    minmax(0,1.12fr) !important;

  gap:72px !important;

  align-items:center !important;

  padding:68px 0 !important;

  border-bottom:1px solid #e4ece8 !important;
}


#bipofyAboutV001 .ba-product:last-child{
  border-bottom:0 !important;
}


#bipofyAboutV001 .ba-product:nth-child(even) .ba-product-copy{
  order:2 !important;
}


#bipofyAboutV001 .ba-product:nth-child(even) .ba-product-media{
  order:1 !important;
}


#bipofyAboutV001 .ba-product-copy h2{
  max-width:560px !important;

  margin:0 !important;

  font-size:32px !important;
  line-height:1.12 !important;

  font-weight:600 !important;

  letter-spacing:-.036em !important;
}


#bipofyAboutV001 .ba-product-copy p{
  max-width:590px !important;

  margin:14px 0 0 !important;

  font-size:14px !important;
  line-height:1.72 !important;
}


#bipofyAboutV001 .ba-product-media{
  min-height:270px !important;

  overflow:hidden !important;

  background:
    linear-gradient(
      145deg,
      #eff8f4,
      #f9fcfb
    ) !important;

  border:1px solid #dae7e1 !important;
  border-radius:14px !important;

  box-shadow:
    0
    14px
    36px
    rgba(20,44,32,.05) !important;
}


#bipofyAboutV001 .ba-product-media img{
  display:block !important;

  width:100% !important;
  max-width:100% !important;
  height:auto !important;

  border:0 !important;
}


/* ========================================================
   PRINCIPLES
======================================================== */

#bipofyAboutV001 .ba-principles{
  padding:82px 0 90px !important;

  background:#f9fcfb !important;

  border-top:1px solid #e2ebe6 !important;
}


#bipofyAboutV001 .ba-principles-head{
  max-width:720px !important;

  margin-bottom:30px !important;
}


#bipofyAboutV001 .ba-principle-list{
  display:grid !important;

  grid-template-columns:
    repeat(2,minmax(0,1fr)) !important;

  gap:0 46px !important;
}


#bipofyAboutV001 .ba-principle{
  display:grid !important;

  grid-template-columns:
    42px
    minmax(0,1fr) !important;

  column-gap:14px !important;

  align-items:start !important;

  padding:22px 0 !important;

  border-top:1px solid #dfe8e3 !important;
}


#bipofyAboutV001 .ba-principle-no{
  display:flex !important;

  align-items:center !important;
  justify-content:center !important;

  width:36px !important;
  height:36px !important;

  background:#fff !important;

  border:1px solid #cee5da !important;
  border-radius:7px !important;

  color:#07875f !important;

  font-family:inherit !important;

  font-size:11px !important;
  line-height:1 !important;

  font-weight:600 !important;
}


#bipofyAboutV001 .ba-principle h3{
  margin:0 0 5px !important;

  font-size:15px !important;
  line-height:1.4 !important;

  font-weight:600 !important;
}


#bipofyAboutV001 .ba-principle p{
  margin:0 !important;

  font-size:12.5px !important;
  line-height:1.65 !important;
}


/* ========================================================
   MISSION
======================================================== */

#bipofyAboutV001 .ba-mission{
  padding:0 !important;

  background:#0b2233 !important;
}


#bipofyAboutV001 .ba-mission-grid{
  display:grid !important;

  grid-template-columns:
    repeat(2,minmax(0,1fr)) !important;

  gap:0 !important;

  padding-top:58px !important;
  padding-bottom:58px !important;
}


#bipofyAboutV001 .ba-mission-block{
  padding:10px 46px 10px 0 !important;
}


#bipofyAboutV001 .ba-mission-block + .ba-mission-block{
  padding-left:46px !important;
  padding-right:0 !important;

  border-left:1px solid rgba(255,255,255,.13) !important;
}


#bipofyAboutV001 .ba-mission .ba-eyebrow{
  background:rgba(255,255,255,.07) !important;

  border-color:rgba(255,255,255,.15) !important;

  color:#66d7b1 !important;
}


#bipofyAboutV001 .ba-mission h2{
  margin:0 !important;

  color:#fff !important;

  font-size:29px !important;
  line-height:1.14 !important;

  font-weight:600 !important;

  letter-spacing:-.036em !important;
}


#bipofyAboutV001 .ba-mission p{
  margin:13px 0 0 !important;

  color:#c5d3ce !important;

  font-size:13.5px !important;
  line-height:1.7 !important;
}


/* ========================================================
   FINAL CTA — EXACT FULL WIDTH
======================================================== */

#bipofyAboutV001 .ba-cta{
  width:100% !important;
  max-width:none !important;

  margin:0 !important;
  padding:0 !important;

  background:#e9f8f3 !important;

  border-top:1px solid #d4e8de !important;
}


#bipofyAboutV001 .ba-cta .ba-wrap.ba-cta-inner{
  display:grid !important;

  grid-template-columns:
    minmax(0,1fr)
    auto !important;

  column-gap:48px !important;

  align-items:center !important;

  box-sizing:border-box !important;

  width:100% !important;
  max-width:none !important;

  margin:0 !important;

  padding-top:34px !important;
  padding-bottom:34px !important;

  padding-left:
    max(
      32px,
      calc((100% - 1180px)/2 + 32px)
    ) !important;

  padding-right:
    max(
      32px,
      calc((100% - 1180px)/2 + 32px)
    ) !important;
}


#bipofyAboutV001 .ba-cta-copy{
  max-width:700px !important;
}


#bipofyAboutV001 .ba-cta h2{
  margin:0 !important;

  font-size:24px !important;
  line-height:1.13 !important;

  font-weight:600 !important;

  letter-spacing:-.03em !important;
}


#bipofyAboutV001 .ba-cta p{
  margin:9px 0 0 !important;

  font-size:13.5px !important;
  line-height:1.62 !important;
}


#bipofyAboutV001 .ba-cta-actions{
  display:flex !important;

  align-items:center !important;
  justify-content:flex-end !important;

  gap:12px !important;

  margin:0 !important;
}


#bipofyAboutV001 .ba-btn{
  display:inline-flex !important;

  align-items:center !important;
  justify-content:center !important;

  min-height:42px !important;

  padding:0 18px !important;

  border-radius:6px !important;

  font-family:inherit !important;

  font-size:12px !important;
  line-height:1 !important;

  font-weight:600 !important;

  letter-spacing:0 !important;

  text-decoration:none !important;
}


#bipofyAboutV001 .ba-btn:not(.ba-btn-secondary){
  background:#07966b !important;

  border:1px solid #07966b !important;

  color:#fff !important;
}


#bipofyAboutV001 .ba-btn-secondary{
  background:#fff !important;

  border:1px solid #cddbd4 !important;

  color:#087d59 !important;
}


/* ========================================================
   CTA TO FOOTER ZERO GAP
======================================================== */

#bipofyAboutV001 .ba-cta{
  margin-bottom:0 !important;
}


#bipofyAboutV001 + footer,
#bipofyAboutV001 ~ footer{
  margin-top:0 !important;
}


/* ========================================================
   TABLET
======================================================== */

@media(max-width:920px){

  #bipofyAboutV001 .ba-journey-list{
    grid-template-columns:
      repeat(3,minmax(0,1fr)) !important;
  }


  #bipofyAboutV001 .ba-product{
    gap:42px !important;
  }

}


/* ========================================================
   MOBILE
======================================================== */

@media(max-width:760px){

  #bipofyAboutV001 .ba-wrap{
    width:calc(100% - 34px) !important;
  }


  #bipofyAboutV001 .ba-hero{
    padding:60px 0 54px !important;
  }


  #bipofyAboutV001 .ba-hero h1{
    font-size:36px !important;
    line-height:1.08 !important;
  }


  #bipofyAboutV001 .ba-story{
    padding:60px 0 64px !important;
  }


  #bipofyAboutV001 .ba-story-grid{
    grid-template-columns:1fr !important;

    gap:30px !important;
  }


  #bipofyAboutV001 .ba-story-copy h2,
  #bipofyAboutV001 .ba-section-title{
    font-size:31px !important;
  }


  #bipofyAboutV001 .ba-journey{
    padding:58px 0 64px !important;
  }


  #bipofyAboutV001 .ba-journey-list{
    grid-template-columns:1fr !important;

    gap:10px !important;
  }


  #bipofyAboutV001 .ba-step{
    min-height:0 !important;
  }


  #bipofyAboutV001 .ba-products{
    padding:10px 0 !important;
  }


  #bipofyAboutV001 .ba-product{
    grid-template-columns:1fr !important;

    gap:28px !important;

    padding:54px 0 !important;
  }


  #bipofyAboutV001 .ba-product:nth-child(even) .ba-product-copy,
  #bipofyAboutV001 .ba-product:nth-child(even) .ba-product-media{
    order:initial !important;
  }


  #bipofyAboutV001 .ba-product-copy h2{
    font-size:28px !important;
  }


  #bipofyAboutV001 .ba-product-media{
    min-height:210px !important;
  }


  #bipofyAboutV001 .ba-principles{
    padding:60px 0 66px !important;
  }


  #bipofyAboutV001 .ba-principle-list{
    grid-template-columns:1fr !important;
  }


  #bipofyAboutV001 .ba-mission-grid{
    grid-template-columns:1fr !important;

    padding-top:42px !important;
    padding-bottom:42px !important;
  }


  #bipofyAboutV001 .ba-mission-block{
    padding:0 0 28px !important;
  }


  #bipofyAboutV001 .ba-mission-block + .ba-mission-block{
    padding:
      28px
      0
      0 !important;

    border-left:0 !important;
    border-top:1px solid rgba(255,255,255,.13) !important;
  }


  #bipofyAboutV001 .ba-mission h2{
    font-size:25px !important;
  }


  #bipofyAboutV001 .ba-cta .ba-wrap.ba-cta-inner{
    grid-template-columns:1fr !important;

    row-gap:20px !important;

    padding:28px 20px !important;
  }


  #bipofyAboutV001 .ba-cta-actions{
    justify-content:flex-start !important;
    flex-wrap:wrap !important;
  }

}


/*
============================================================
 BIPOFY ABOUT V017A-R2 EXACT FIXES
============================================================
*/


/* ---------------------------------------------------------
   USE HOME / PRICING / CONTACT TYPOGRAPHY
--------------------------------------------------------- */

#bipofyAboutV001,
#bipofyAboutV001 h1,
#bipofyAboutV001 h2,
#bipofyAboutV001 h3,
#bipofyAboutV001 p,
#bipofyAboutV001 span,
#bipofyAboutV001 a,
#bipofyAboutV001 div{
  font-family:
    Inter,
    ui-sans-serif,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif !important;
}


/* ---------------------------------------------------------
   HERO
--------------------------------------------------------- */

#bipofyAboutV001 .ba-hero h1{
  max-width:820px !important;

  color:#102332 !important;

  font-size:
    clamp(44px,4.5vw,58px) !important;

  line-height:1.06 !important;

  font-weight:600 !important;

  letter-spacing:-.045em !important;

  text-transform:none !important;

  white-space:normal !important;
  word-break:normal !important;
  overflow-wrap:normal !important;
}


#bipofyAboutV001 .ba-hero-lead{
  max-width:790px !important;

  font-size:15px !important;
  line-height:1.72 !important;

  font-weight:400 !important;

  letter-spacing:0 !important;

  text-transform:none !important;
}


/* ---------------------------------------------------------
   WHY WE EXIST

   ACTUAL DOM:
   .ba-story-label
      .ba-eyebrow
      h2
--------------------------------------------------------- */

#bipofyAboutV001 .ba-story-label{
  display:block !important;

  width:auto !important;
  max-width:none !important;

  min-width:0 !important;
  min-height:0 !important;

  margin:0 !important;
  padding:0 !important;

  background:none !important;

  border:0 !important;
  border-radius:0 !important;

  color:inherit !important;

  letter-spacing:0 !important;

  text-transform:none !important;

  white-space:normal !important;
}


#bipofyAboutV001
.ba-story-label
.ba-eyebrow{
  display:inline-flex !important;

  width:max-content !important;

  margin:0 0 15px !important;

  white-space:nowrap !important;
}


#bipofyAboutV001
.ba-story-label
h2{
  display:block !important;

  width:auto !important;
  max-width:430px !important;

  margin:0 !important;
  padding:0 !important;

  color:#102332 !important;

  font-size:34px !important;
  line-height:1.12 !important;

  font-weight:600 !important;

  letter-spacing:-.038em !important;

  text-align:left !important;

  text-transform:none !important;

  white-space:normal !important;

  word-break:normal !important;
  overflow-wrap:normal !important;
}


#bipofyAboutV001
.ba-story-copy{
  min-width:0 !important;
}


#bipofyAboutV001
.ba-story-copy
p{
  display:block !important;

  width:auto !important;
  max-width:680px !important;

  color:#617169 !important;

  font-size:14px !important;
  line-height:1.72 !important;

  font-weight:400 !important;

  letter-spacing:0 !important;

  text-transform:none !important;

  white-space:normal !important;

  word-break:normal !important;
  overflow-wrap:break-word !important;
}


#bipofyAboutV001
.ba-story-statement{
  width:100% !important;
  max-width:680px !important;

  font-size:15px !important;
  line-height:1.55 !important;

  font-weight:600 !important;

  text-transform:none !important;

  white-space:normal !important;
  word-break:normal !important;
}


/* ---------------------------------------------------------
   JOURNEY TYPOGRAPHY
--------------------------------------------------------- */

#bipofyAboutV001
.ba-section-title{
  color:#102332 !important;

  font-size:34px !important;
  line-height:1.11 !important;

  font-weight:600 !important;

  letter-spacing:-.038em !important;

  text-transform:none !important;

  white-space:normal !important;
  word-break:normal !important;
}


#bipofyAboutV001
.ba-step h3{
  font-weight:600 !important;

  text-transform:none !important;

  word-break:normal !important;
}


#bipofyAboutV001
.ba-step p{
  white-space:normal !important;

  word-break:normal !important;
  overflow-wrap:break-word !important;
}


/* ---------------------------------------------------------
   PRODUCT IMAGES
--------------------------------------------------------- */

#bipofyAboutV001
.ba-product-media{
  position:relative !important;

  display:flex !important;

  align-items:center !important;
  justify-content:center !important;

  width:100% !important;

  min-width:0 !important;
  min-height:290px !important;

  aspect-ratio:16 / 10 !important;

  margin:0 !important;
  padding:0 !important;

  overflow:hidden !important;

  background:#f4faf7 !important;

  border:1px solid #d9e7e0 !important;
  border-radius:13px !important;
}


#bipofyAboutV001
.ba-product-media::before,
#bipofyAboutV001
.ba-product-media::after{
  pointer-events:none !important;
}


#bipofyAboutV001
.ba-product-media img{
  position:relative !important;

  inset:auto !important;

  display:block !important;

  width:100% !important;
  height:100% !important;

  min-width:0 !important;
  max-width:none !important;

  margin:0 !important;
  padding:0 !important;

  object-fit:cover !important;
  object-position:center !important;

  opacity:1 !important;
  visibility:visible !important;

  transform:none !important;
  filter:none !important;

  clip:auto !important;

  border:0 !important;
  border-radius:0 !important;
}


/* BipoMart + Store Console are UI screenshots */

#bipofyAboutV001
.ba-product:nth-of-type(2)
.ba-product-media img,

#bipofyAboutV001
.ba-product:nth-of-type(3)
.ba-product-media img{
  object-fit:contain !important;

  padding:14px !important;

  background:#fff !important;
}


/* ---------------------------------------------------------
   PRODUCT COPY
--------------------------------------------------------- */

#bipofyAboutV001
.ba-product-copy h2{
  color:#102332 !important;

  font-size:31px !important;
  line-height:1.13 !important;

  font-weight:600 !important;

  letter-spacing:-.034em !important;

  text-transform:none !important;

  word-break:normal !important;
}


#bipofyAboutV001
.ba-product-copy p{
  white-space:normal !important;

  word-break:normal !important;
  overflow-wrap:break-word !important;
}


/* ---------------------------------------------------------
   PRINCIPLES

   ACTUAL CHILDREN:
   span.ba-principle-no
   h3
   p
--------------------------------------------------------- */

#bipofyAboutV001
.ba-principle-list{
  display:grid !important;

  grid-template-columns:
    repeat(2,minmax(0,1fr)) !important;

  gap:14px !important;
}


#bipofyAboutV001
.ba-principle{
  display:grid !important;

  grid-template-columns:
    40px
    minmax(0,1fr) !important;

  grid-template-rows:
    auto
    auto !important;

  column-gap:14px !important;
  row-gap:7px !important;

  align-items:start !important;
  align-content:start !important;

  min-width:0 !important;
  min-height:150px !important;

  margin:0 !important;

  padding:20px !important;

  background:#fff !important;

  border:1px solid #dce7e1 !important;
  border-radius:9px !important;
}


#bipofyAboutV001
.ba-principle-no{
  grid-column:1 !important;
  grid-row:1 / span 2 !important;

  align-self:start !important;
}


#bipofyAboutV001
.ba-principle h3{
  grid-column:2 !important;
  grid-row:1 !important;

  display:block !important;

  width:auto !important;
  min-width:0 !important;
  max-width:none !important;

  margin:0 !important;
  padding:0 !important;

  color:#102332 !important;

  font-size:15px !important;
  line-height:1.4 !important;

  font-weight:600 !important;

  letter-spacing:-.012em !important;

  text-transform:none !important;

  white-space:normal !important;

  word-break:normal !important;
  overflow-wrap:normal !important;
}


#bipofyAboutV001
.ba-principle p{
  grid-column:2 !important;
  grid-row:2 !important;

  display:block !important;

  width:auto !important;
  min-width:0 !important;
  max-width:none !important;

  margin:0 !important;
  padding:0 !important;

  color:#617169 !important;

  font-size:12.5px !important;
  line-height:1.62 !important;

  font-weight:400 !important;

  letter-spacing:0 !important;

  text-transform:none !important;

  white-space:normal !important;

  word-break:normal !important;
  overflow-wrap:break-word !important;
}


/* ---------------------------------------------------------
   MISSION
--------------------------------------------------------- */

#bipofyAboutV001
.ba-mission h2{
  color:#fff !important;

  font-size:28px !important;
  line-height:1.15 !important;

  font-weight:600 !important;

  letter-spacing:-.032em !important;

  text-transform:none !important;

  word-break:normal !important;
}


#bipofyAboutV001
.ba-mission p{
  white-space:normal !important;

  word-break:normal !important;
  overflow-wrap:break-word !important;
}


/* ---------------------------------------------------------
   FINAL CTA
--------------------------------------------------------- */

#bipofyAboutV001
.ba-cta{
  width:100% !important;
  max-width:none !important;

  margin:0 !important;
  padding:0 !important;
}


#bipofyAboutV001
.ba-cta h2{
  color:#102332 !important;

  font-size:24px !important;
  line-height:1.14 !important;

  font-weight:600 !important;

  letter-spacing:-.028em !important;

  text-transform:none !important;
}


/* ---------------------------------------------------------
   MOBILE
--------------------------------------------------------- */

@media(max-width:760px){

  #bipofyAboutV001
  .ba-story-label h2{
    max-width:none !important;

    font-size:29px !important;
  }


  #bipofyAboutV001
  .ba-principle-list{
    grid-template-columns:1fr !important;
  }


  #bipofyAboutV001
  .ba-principle{
    min-height:0 !important;
  }


  #bipofyAboutV001
  .ba-product-media{
    min-height:220px !important;
  }

}