/* XTPB merged addon css */

/* addon: pbi_about_hero */

/* file: frontend.css */
/* pbi-about-hero: layout, responsive styling and motion; scoped to this module. */
.bc-about:where(.bc-about--hero){--about-line: #e4eaf1; --about-muted: #5b6472; padding: 100px 0px; color: rgb(21, 23, 26); overflow: clip;}
.bc-about-bg--white:where(.bc-about--hero){background: rgb(255, 255, 255);}
.bc-about-bg--soft:where(.bc-about--hero){background: rgb(245, 248, 252);}
.bc-about-bg--blue:where(.bc-about--hero){background: rgb(8, 124, 241); color: rgb(255, 255, 255);}
.bc-about:where(.bc-about--hero) .bc-about-layout{display: grid; grid-template-columns: minmax(0px, 1fr); gap: 42px;}
.bc-about:where(.bc-about--hero) .bc-about-copy{min-width: 0px;}
.bc-about:where(.bc-about--hero) .bc-about-eyebrow{display: inline-flex; align-items: center; gap: 9px; font-size: 13px; font-weight: 600; color: rgb(83, 97, 112); letter-spacing: 0.035em; margin-bottom: 22px;}
:where(.bc-about--hero) .bc-about-eyebrow > span{display: block; width: 7px; height: 7px; border-radius: 50%; background: rgb(0, 123, 255); box-shadow: rgb(231, 241, 255) 0px 0px 0px 4px;}
.bc-about:where(.bc-about--hero) .bc-about-title{font-size: clamp(30px, 3vw, 44px); line-height: 1.35; font-weight: 750; letter-spacing: -1px; color: inherit; margin: 0px; text-wrap: balance;}
.bc-about:where(.bc-about--hero) .bc-about-desc{font-size: 16px; line-height: 1.95; color: var(--about-muted); margin: 24px 0px 0px; max-width: 760px;}
.bc-about:where(.bc-about--hero) .bc-about-quote{font-size: 17px; line-height: 1.9; font-weight: 600; color: rgb(37, 52, 74); margin: 24px 0px 0px;}
.bc-about:where(.bc-about--hero) .bc-about-actions{margin-top: 32px; gap: 12px;}
.bc-about:where(.bc-about--hero) .bc-about-actions .theme-btn{font-size: 15px;}
.bc-about:where(.bc-about--hero) .bc-about-note{font-size: 13px; line-height: 1.9; color: rgb(119, 131, 146); margin: 0px; padding-top: 24px; border-top: 1px solid var(--about-line); grid-column: 1 / -1;}
.bc-about:where(.bc-about--hero) .bc-about-items{display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 24px; min-width: 0px;}
.bc-about:where(.bc-about--hero) .bc-about-item{min-width: 0px; padding: 32px; border: 1px solid var(--about-line); border-radius: 18px; background: rgb(255, 255, 255);}
.bc-about:where(.bc-about--hero) .bc-about-item-top{display: flex; align-items: center; justify-content: space-between; margin-bottom: 26px;}
.bc-about:where(.bc-about--hero) .bc-about-number{font-size: 12px; font-family: "IBM Plex Sans", sans-serif; letter-spacing: 0.06em; color: rgb(138, 150, 165);}
.bc-about:where(.bc-about--hero) .bc-about-item-top i{font-size: 25px; color: rgb(0, 123, 255); line-height: 1;}
.bc-about:where(.bc-about--hero) .bc-about-item h3{font-size: 21px; line-height: 1.5; color: rgb(21, 23, 26); margin: 0px 0px 13px; font-weight: 650;}
.bc-about:where(.bc-about--hero) .bc-about-item p{font-size: 15px; line-height: 1.95; color: var(--about-muted); margin: 0px;}
.bc-about:where(.bc-about--hero) .bc-about-visual{min-width: 0px;}
.bc-about:where(.bc-about--hero) .bc-about-visual img{width: 100%; height: auto;}
.bc-about:where(.bc-about--hero) .bc-about-visual-label{font-size: 11px; letter-spacing: 0.14em; color: rgb(88, 113, 143);}
.bc-about:where(.bc-about--hero) .bc-about-visual-title{font-size: 22px; line-height: 1.5; font-weight: 650; color: rgb(23, 45, 74); margin: 8px 0px 20px;}
.bc-about:where(.bc-about--hero) .bc-about-visual-desc{font-size: 13px; line-height: 1.85; color: rgb(98, 115, 137); margin: 20px 0px 0px;}
.bc-about--hero{padding-top: 175px; padding-bottom: 48px; position: relative; background: radial-gradient(at 80% 30%, rgb(222, 237, 255) 0%, transparent 53%), linear-gradient(rgb(242, 247, 255), rgb(255, 255, 255));}
.bc-about--hero .bc-about-layout{grid-template-columns: minmax(0px, 1.04fr) minmax(0px, 1fr); gap: 56px; align-items: center;}
.bc-about--hero .bc-about-title{font-size: clamp(42px, 4.5vw, 66px); line-height: 1.2; letter-spacing: -2px;}
.bc-about--hero .bc-about-desc{max-width: 540px;}
.bc-about--hero .bc-about-eyebrow{padding: 7px 15px; background: rgba(255, 255, 255, 0.74); border: 2px solid rgb(255, 255, 255); border-radius: 50px; box-shadow: rgba(20, 42, 72, 0.063) 0px 2px 3px; color: rgb(39, 56, 77);}
.bc-about--hero .bc-about-visual{isolation: isolate; position: relative; border: 1px solid rgb(255, 255, 255); border-radius: 26px; background: linear-gradient(145deg, rgba(255, 255, 255, 0.87), rgb(232, 242, 255)); padding: 44px 32px 28px; box-shadow: rgba(34, 81, 139, 0.07) 0px 25px 65px; overflow: hidden;}
.bc-about--hero .bc-about-visual::before{content: ""; position: absolute; z-index: -1; right: -60px; top: -115px; width: 330px; height: 330px; border: 1px solid rgb(188, 215, 247); border-radius: 50%; box-shadow: rgba(197, 221, 244, 0.18) 0px 0px 0px 42px, rgba(197, 221, 244, 0.16) 0px 0px 0px 84px;}
.bc-about--hero .bc-about-visual-title{font-size: clamp(38px, 4vw, 58px); letter-spacing: -2px; color: rgb(8, 124, 241); margin: 38px 0px 4px;}
.bc-about--hero .bc-about-visual-desc{font-size: 16px; margin: 0px 0px 32px; color: rgb(56, 78, 105);}
.bc-about--hero .bc-about-visual img{border-radius: 12px; margin: 20px 0px;}
.bc-about:where(.bc-about--hero) .bc-about-pillars{display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 10px; border-top: 1px solid rgb(214, 228, 242); padding-top: 26px;}
:where(.bc-about--hero) .bc-about-pillars > div{display: flex; flex-direction: column; align-items: flex-start; gap: 8px; min-width: 0px;}
:where(.bc-about--hero) .bc-about-pillars i{font-size: 23px; color: rgb(8, 124, 241);}
:where(.bc-about--hero) .bc-about-pillars strong{font-size: 16px; font-weight: 650; color: rgb(36, 55, 80);}
:where(.bc-about--hero) .bc-about-pillars span{font-size: 12px; color: rgb(107, 125, 146); line-height: 1.8;}
.bc-about--hero .bc-about-note{padding-top: 28px;}
.bc-about-bg--blue:where(.bc-about--hero) .bc-about-desc,
.bc-about-bg--blue:where(.bc-about--hero) .bc-about-eyebrow,
.bc-about-bg--blue:where(.bc-about--hero) .bc-about-note{color: rgb(224, 237, 255);}
.bc-about-bg--blue:where(.bc-about--hero) .bc-about-eyebrow > span{background: rgb(255, 255, 255); box-shadow: rgba(255, 255, 255, 0.145) 0px 0px 0px 4px;}
.bc-about-bg--blue:where(.bc-about--hero) .bc-about-note{border-color: rgba(255, 255, 255, 0.19);}
.bc-about-bg--blue:where(.bc-about--hero) .bc-about-actions .theme-btn{background: rgb(255, 255, 255); color: rgb(20, 110, 198);}
.bc-about-bg--blue:where(.bc-about--hero) .bc-about-actions .pbi-btn-alt .theme-btn{background: rgba(255, 255, 255, 0.125); color: rgb(255, 255, 255);}
.bc-about:where(.bc-about--hero) .bc-about-actions a:focus-visible{outline: rgb(18, 61, 112) solid 3px; outline-offset: 6px;}
@media (min-width: 1600px) {
.bc-about--hero{padding-top: 195px; padding-bottom: 60px;}
}
@media (max-width: 1199px) {
.bc-about:where(.bc-about--hero){padding: 80px 0px;}
.bc-about--hero{padding-top: 150px; padding-bottom: 40px;}
.bc-about--hero .bc-about-layout{gap: 35px;}
.bc-about--hero .bc-about-visual{padding: 32px 24px 24px;}
.bc-about:where(.bc-about--hero) .bc-about-actions .theme-btn{font-size: 14px;}
}
@media (max-width: 900px) {
.bc-about--hero .bc-about-layout{grid-template-columns: 1fr;}
.bc-about--hero .bc-about-copy{max-width: 660px;}
.bc-about--hero .bc-about-desc{max-width: 660px;}
.bc-about--hero .bc-about-visual{max-width: none;}
}
@media (max-width: 575px) {
.bc-about:where(.bc-about--hero){padding: 60px 0px;}
.bc-about:where(.bc-about--hero) .pbi-wrap{padding-left: 20px; padding-right: 20px;}
.bc-about:where(.bc-about--hero) .bc-about-layout{gap: 30px;}
.bc-about:where(.bc-about--hero) .bc-about-title{font-size: 30px; letter-spacing: -0.5px; line-height: 1.4;}
.bc-about:where(.bc-about--hero) .bc-about-desc{font-size: 15px; margin-top: 20px;}
.bc-about:where(.bc-about--hero) .bc-about-eyebrow{margin-bottom: 18px;}
.bc-about:where(.bc-about--hero) .bc-about-items{grid-template-columns: 1fr; gap: 18px;}
.bc-about:where(.bc-about--hero) .bc-about-item{padding: 24px;}
.bc-about--hero{padding-top: 125px; padding-bottom: 32px;}
.bc-about--hero .bc-about-title{font-size: 46px; line-height: 1.23; letter-spacing: -1.5px;}
.bc-about--hero .bc-about-visual{padding: 28px 22px 24px; border-radius: 20px;}
.bc-about--hero .bc-about-visual-title{font-size: 46px; margin-top: 28px;}
.bc-about:where(.bc-about--hero) .bc-about-pillars{gap: 12px;}
:where(.bc-about--hero) .bc-about-pillars span{font-size: 11px;}
.bc-about:where(.bc-about--hero) .bc-about-actions{gap: 12px;}
}
@media (prefers-reduced-motion: reduce) {
.bc-about:where(.bc-about--hero) *{animation: auto ease 0s 1 normal none running none !important; transition: none !important; scroll-behavior: auto !important;}
}
.bc-about:where(.bc-about--hero){scroll-margin-top: 100px;}
.bc-about--hero.bc-about-bg--white{background: rgb(255, 255, 255);}
.bc-about--hero.bc-about-bg--blue{background: linear-gradient(120deg, rgb(20, 126, 232), rgb(0, 107, 222));}
.bc-about:where(.bc-about--hero).bc-about-bg--blue .pbi-hl{background: none; color: rgb(255, 255, 255);}
.bc-about:where(.bc-about--hero).bc-about-bg--blue .bc-about-actions .theme-btn-main.style-2{background: rgb(255, 255, 255);}
.bc-about:where(.bc-about--hero).bc-about-bg--blue .bc-about-actions .theme-btn-main.style-2 .theme-btn,
.bc-about:where(.bc-about--hero).bc-about-bg--blue .bc-about-actions .theme-btn-main.style-2:hover .theme-btn{background: transparent; color: rgb(7, 83, 161);}
.bc-about:where(.bc-about--hero).bc-about-bg--blue .bc-about-actions .theme-btn-main.style-2.pbi-btn-alt{background: rgba(255, 255, 255, 0.13); box-shadow: rgba(255, 255, 255, 0.48) 0px 0px 0px 1px inset;}
.bc-about:where(.bc-about--hero).bc-about-bg--blue .bc-about-actions .theme-btn-main.style-2.pbi-btn-alt .theme-btn,
.bc-about:where(.bc-about--hero).bc-about-bg--blue .bc-about-actions .theme-btn-main.style-2.pbi-btn-alt:hover .theme-btn{background: transparent; color: rgb(255, 255, 255);}
.bc-about:where(.bc-about--hero) .bc-home-word{max-width: 100%; overflow-wrap: anywhere; white-space: normal !important;}
.bc-about:where(.bc-about--hero) .bc-home-char{display: inline-block;}
.bc-about:where(.bc-about--hero) .bc-home-enter{animation-duration: 1s; animation-fill-mode: both; animation-delay: var(--bc-home-delay,0s);}
.bc-about:where(.bc-about--hero) .bc-home-fade{animation-name: bcHomeFadeInUp_hero;}
.bc-about:where(.bc-about--hero) .bc-home-bounce{animation-name: bcHomeBounceInUp_hero;}
@keyframes bcHomeFadeInUp_hero { 
  0% { opacity: 0; transform: translate3d(0px, 100%, 0px); }
  100% { opacity: 1; transform: none; }
}
@keyframes bcHomeBounceInUp_hero { 
  0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; transform: translate3d(0px, 3000px, 0px); }
  60% { opacity: 1; transform: translate3d(0px, -20px, 0px); }
  75% { transform: translate3d(0px, 10px, 0px); }
  90% { transform: translate3d(0px, -5px, 0px); }
  100% { transform: translate3d(0px, 0px, 0px); }
}
.bc-about:where(.bc-about--hero) .bc-about-item{position: relative; isolation: isolate; transition: box-shadow 0.35s, border-color 0.35s, background-color 0.35s;}
.bc-about:where(.bc-about--hero) .bc-about-item h3,
.bc-about:where(.bc-about--hero) .bc-about-item p,
.bc-about:where(.bc-about--hero) .bc-about-item i,
.bc-about:where(.bc-about--hero) .bc-about-number{transition: color 0.5s;}
.bc-about:where(.bc-about--hero) .bc-about-actions a:focus-visible{box-shadow: rgba(128, 186, 255, 0.27) 0px 0px 0px 5px;}
.bc-about:where(.bc-about--hero):focus{outline: none;}
@media (prefers-reduced-motion: reduce) {
.bc-about:where(.bc-about--hero) .bc-home-enter{animation: auto ease 0s 1 normal none running none !important;}
.bc-about:where(.bc-about--hero) .bc-about-item::before{transition: none !important;}
}
.bc-about:where(.bc-about--hero) .bc-home-pending{visibility: hidden;}
@media (prefers-reduced-motion: reduce) {
.bc-about:where(.bc-about--hero) .bc-home-pending{visibility: visible;}
}



/* addon: pbi_about_story */

/* file: frontend.css */
/* pbi-about-story: layout, responsive styling and motion; scoped to this module. */
.bc-about:where(.bc-about--story){--about-line: #e4eaf1; --about-muted: #5b6472; padding: 100px 0px; color: rgb(21, 23, 26); overflow: clip;}
.bc-about-bg--white:where(.bc-about--story){background: rgb(255, 255, 255);}
.bc-about-bg--soft:where(.bc-about--story){background: rgb(245, 248, 252);}
.bc-about-bg--blue:where(.bc-about--story){background: rgb(8, 124, 241); color: rgb(255, 255, 255);}
.bc-about:where(.bc-about--story) .bc-about-layout{display: grid; grid-template-columns: minmax(0px, 1fr); gap: 42px;}
.bc-about:where(.bc-about--story) .bc-about-copy{min-width: 0px;}
.bc-about:where(.bc-about--story) .bc-about-eyebrow{display: inline-flex; align-items: center; gap: 9px; font-size: 13px; font-weight: 600; color: rgb(83, 97, 112); letter-spacing: 0.035em; margin-bottom: 22px;}
:where(.bc-about--story) .bc-about-eyebrow > span{display: block; width: 7px; height: 7px; border-radius: 50%; background: rgb(0, 123, 255); box-shadow: rgb(231, 241, 255) 0px 0px 0px 4px;}
.bc-about:where(.bc-about--story) .bc-about-title{font-size: clamp(30px, 3vw, 44px); line-height: 1.35; font-weight: 750; letter-spacing: -1px; color: inherit; margin: 0px; text-wrap: balance;}
.bc-about:where(.bc-about--story) .bc-about-desc{font-size: 16px; line-height: 1.95; color: var(--about-muted); margin: 24px 0px 0px; max-width: 760px;}
.bc-about:where(.bc-about--story) .bc-about-quote{font-size: 17px; line-height: 1.9; font-weight: 600; color: rgb(37, 52, 74); margin: 24px 0px 0px;}
.bc-about:where(.bc-about--story) .bc-about-actions{margin-top: 32px; gap: 12px;}
.bc-about:where(.bc-about--story) .bc-about-actions .theme-btn{font-size: 15px;}
.bc-about:where(.bc-about--story) .bc-about-note{font-size: 13px; line-height: 1.9; color: rgb(119, 131, 146); margin: 0px; padding-top: 24px; border-top: 1px solid var(--about-line); grid-column: 1 / -1;}
.bc-about:where(.bc-about--story) .bc-about-items{display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 24px; min-width: 0px;}
.bc-about:where(.bc-about--story) .bc-about-item{min-width: 0px; padding: 32px; border: 1px solid var(--about-line); border-radius: 18px; background: rgb(255, 255, 255);}
.bc-about:where(.bc-about--story) .bc-about-item-top{display: flex; align-items: center; justify-content: space-between; margin-bottom: 26px;}
.bc-about:where(.bc-about--story) .bc-about-number{font-size: 12px; font-family: "IBM Plex Sans", sans-serif; letter-spacing: 0.06em; color: rgb(138, 150, 165);}
.bc-about:where(.bc-about--story) .bc-about-item-top i{font-size: 25px; color: rgb(0, 123, 255); line-height: 1;}
.bc-about:where(.bc-about--story) .bc-about-item h3{font-size: 21px; line-height: 1.5; color: rgb(21, 23, 26); margin: 0px 0px 13px; font-weight: 650;}
.bc-about:where(.bc-about--story) .bc-about-item p{font-size: 15px; line-height: 1.95; color: var(--about-muted); margin: 0px;}
.bc-about:where(.bc-about--story) .bc-about-visual{min-width: 0px;}
.bc-about:where(.bc-about--story) .bc-about-visual img{width: 100%; height: auto;}
.bc-about:where(.bc-about--story) .bc-about-visual-label{font-size: 11px; letter-spacing: 0.14em; color: rgb(88, 113, 143);}
.bc-about:where(.bc-about--story) .bc-about-visual-title{font-size: 22px; line-height: 1.5; font-weight: 650; color: rgb(23, 45, 74); margin: 8px 0px 20px;}
.bc-about:where(.bc-about--story) .bc-about-visual-desc{font-size: 13px; line-height: 1.85; color: rgb(98, 115, 137); margin: 20px 0px 0px;}
.bc-about:where(.bc-about--story) .bc-about-pillars{display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 10px; border-top: 1px solid rgb(214, 228, 242); padding-top: 26px;}
:where(.bc-about--story) .bc-about-pillars > div{display: flex; flex-direction: column; align-items: flex-start; gap: 8px; min-width: 0px;}
:where(.bc-about--story) .bc-about-pillars i{font-size: 23px; color: rgb(8, 124, 241);}
:where(.bc-about--story) .bc-about-pillars strong{font-size: 16px; font-weight: 650; color: rgb(36, 55, 80);}
:where(.bc-about--story) .bc-about-pillars span{font-size: 12px; color: rgb(107, 125, 146); line-height: 1.8;}
.bc-about--story .bc-about-layout{grid-template-columns: minmax(0px, 1fr) minmax(0px, 1fr); gap: 48px 80px; align-items: start;}
.bc-about--story .bc-about-items{grid-template-columns: 1fr; gap: 0px;}
.bc-about--story .bc-about-item{padding: 4px 0px 28px; border-top: 0px; border-right: 0px; border-left: 0px; border-image: none; border-bottom: 1px solid var(--about-line); border-radius: 0px;}
.bc-about--story .bc-about-item + .bc-about-item{padding-top: 28px; padding-bottom: 0px; border-bottom: 0px;}
.bc-about--story .bc-about-item-top{margin-bottom: 12px;}
.bc-about--story .bc-about-quote{padding-left: 18px; border-left: 3px solid rgb(0, 123, 255); font-size: 16px; font-weight: 500;}
.bc-about-bg--blue:where(.bc-about--story) .bc-about-desc,
.bc-about-bg--blue:where(.bc-about--story) .bc-about-eyebrow,
.bc-about-bg--blue:where(.bc-about--story) .bc-about-note{color: rgb(224, 237, 255);}
.bc-about-bg--blue:where(.bc-about--story) .bc-about-eyebrow > span{background: rgb(255, 255, 255); box-shadow: rgba(255, 255, 255, 0.145) 0px 0px 0px 4px;}
.bc-about-bg--blue:where(.bc-about--story) .bc-about-note{border-color: rgba(255, 255, 255, 0.19);}
.bc-about-bg--blue:where(.bc-about--story) .bc-about-actions .theme-btn{background: rgb(255, 255, 255); color: rgb(20, 110, 198);}
.bc-about-bg--blue:where(.bc-about--story) .bc-about-actions .pbi-btn-alt .theme-btn{background: rgba(255, 255, 255, 0.125); color: rgb(255, 255, 255);}
.bc-about:where(.bc-about--story) .bc-about-actions a:focus-visible{outline: rgb(18, 61, 112) solid 3px; outline-offset: 6px;}
@media (max-width: 1199px) {
.bc-about:where(.bc-about--story){padding: 80px 0px;}
.bc-about--story .bc-about-layout{gap: 40px;}
.bc-about:where(.bc-about--story) .bc-about-actions .theme-btn{font-size: 14px;}
}
@media (max-width: 900px) {
.bc-about--story .bc-about-layout{grid-template-columns: 1fr;}
}
@media (max-width: 575px) {
.bc-about:where(.bc-about--story){padding: 60px 0px;}
.bc-about:where(.bc-about--story) .pbi-wrap{padding-left: 20px; padding-right: 20px;}
.bc-about:where(.bc-about--story) .bc-about-layout{gap: 30px;}
.bc-about:where(.bc-about--story) .bc-about-title{font-size: 30px; letter-spacing: -0.5px; line-height: 1.4;}
.bc-about:where(.bc-about--story) .bc-about-desc{font-size: 15px; margin-top: 20px;}
.bc-about:where(.bc-about--story) .bc-about-eyebrow{margin-bottom: 18px;}
.bc-about:where(.bc-about--story) .bc-about-items{grid-template-columns: 1fr; gap: 18px;}
.bc-about:where(.bc-about--story) .bc-about-item{padding: 24px;}
.bc-about:where(.bc-about--story) .bc-about-pillars{gap: 12px;}
:where(.bc-about--story) .bc-about-pillars span{font-size: 11px;}
.bc-about:where(.bc-about--story) .bc-about-actions{gap: 12px;}
.bc-about--story .bc-about-item{padding: 0px 0px 24px;}
.bc-about--story .bc-about-item + .bc-about-item{padding: 8px 0px 0px;}
}
@media (prefers-reduced-motion: reduce) {
.bc-about:where(.bc-about--story) *{animation: auto ease 0s 1 normal none running none !important; transition: none !important; scroll-behavior: auto !important;}
}
.bc-about:where(.bc-about--story){scroll-margin-top: 100px;}
.bc-about:where(.bc-about--story).bc-about-bg--blue .pbi-hl{background: none; color: rgb(255, 255, 255);}
.bc-about:where(.bc-about--story).bc-about-bg--blue .bc-about-actions .theme-btn-main.style-2{background: rgb(255, 255, 255);}
.bc-about:where(.bc-about--story).bc-about-bg--blue .bc-about-actions .theme-btn-main.style-2 .theme-btn,
.bc-about:where(.bc-about--story).bc-about-bg--blue .bc-about-actions .theme-btn-main.style-2:hover .theme-btn{background: transparent; color: rgb(7, 83, 161);}
.bc-about:where(.bc-about--story).bc-about-bg--blue .bc-about-actions .theme-btn-main.style-2.pbi-btn-alt{background: rgba(255, 255, 255, 0.13); box-shadow: rgba(255, 255, 255, 0.48) 0px 0px 0px 1px inset;}
.bc-about:where(.bc-about--story).bc-about-bg--blue .bc-about-actions .theme-btn-main.style-2.pbi-btn-alt .theme-btn,
.bc-about:where(.bc-about--story).bc-about-bg--blue .bc-about-actions .theme-btn-main.style-2.pbi-btn-alt:hover .theme-btn{background: transparent; color: rgb(255, 255, 255);}
.bc-about:where(.bc-about--story) .bc-home-word{max-width: 100%; overflow-wrap: anywhere; white-space: normal !important;}
.bc-about:where(.bc-about--story) .bc-home-char{display: inline-block;}
.bc-about:where(.bc-about--story) .bc-home-enter{animation-duration: 1s; animation-fill-mode: both; animation-delay: var(--bc-home-delay,0s);}
.bc-about:where(.bc-about--story) .bc-home-fade{animation-name: bcHomeFadeInUp_story;}
.bc-about:where(.bc-about--story) .bc-home-bounce{animation-name: bcHomeBounceInUp_story;}
@keyframes bcHomeFadeInUp_story { 
  0% { opacity: 0; transform: translate3d(0px, 100%, 0px); }
  100% { opacity: 1; transform: none; }
}
@keyframes bcHomeBounceInUp_story { 
  0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; transform: translate3d(0px, 3000px, 0px); }
  60% { opacity: 1; transform: translate3d(0px, -20px, 0px); }
  75% { transform: translate3d(0px, 10px, 0px); }
  90% { transform: translate3d(0px, -5px, 0px); }
  100% { transform: translate3d(0px, 0px, 0px); }
}
.bc-about:where(.bc-about--story) .bc-about-item{position: relative; isolation: isolate; transition: box-shadow 0.35s, border-color 0.35s, background-color 0.35s;}
.bc-about:where(.bc-about--story) .bc-about-item h3,
.bc-about:where(.bc-about--story) .bc-about-item p,
.bc-about:where(.bc-about--story) .bc-about-item i,
.bc-about:where(.bc-about--story) .bc-about-number{transition: color 0.5s;}
@media (hover: hover) and (pointer: fine) {
.bc-home-interactive.bc-about--story .bc-about-item:hover h3{color: rgb(0, 123, 255);}
}
.bc-about:where(.bc-about--story) .bc-about-actions a:focus-visible{box-shadow: rgba(128, 186, 255, 0.27) 0px 0px 0px 5px;}
.bc-about:where(.bc-about--story):focus{outline: none;}
@media (prefers-reduced-motion: reduce) {
.bc-about:where(.bc-about--story) .bc-home-enter{animation: auto ease 0s 1 normal none running none !important;}
.bc-about:where(.bc-about--story) .bc-about-item::before{transition: none !important;}
}
.bc-about:where(.bc-about--story) .bc-home-pending{visibility: hidden;}
@media (prefers-reduced-motion: reduce) {
.bc-about:where(.bc-about--story) .bc-home-pending{visibility: visible;}
}



/* addon: pbi_about_service */

/* file: frontend.css */
/* pbi-about-service: layout, responsive styling and motion; scoped to this module. */
.bc-about:where(.bc-about--service){--about-line: #e4eaf1; --about-muted: #5b6472; padding: 100px 0px; color: rgb(21, 23, 26); overflow: clip;}
.bc-about-bg--white:where(.bc-about--service){background: rgb(255, 255, 255);}
.bc-about-bg--soft:where(.bc-about--service){background: rgb(245, 248, 252);}
.bc-about-bg--blue:where(.bc-about--service){background: rgb(8, 124, 241); color: rgb(255, 255, 255);}
.bc-about:where(.bc-about--service) .bc-about-layout{display: grid; grid-template-columns: minmax(0px, 1fr); gap: 42px;}
.bc-about:where(.bc-about--service) .bc-about-copy{min-width: 0px;}
.bc-about:where(.bc-about--service) .bc-about-eyebrow{display: inline-flex; align-items: center; gap: 9px; font-size: 13px; font-weight: 600; color: rgb(83, 97, 112); letter-spacing: 0.035em; margin-bottom: 22px;}
:where(.bc-about--service) .bc-about-eyebrow > span{display: block; width: 7px; height: 7px; border-radius: 50%; background: rgb(0, 123, 255); box-shadow: rgb(231, 241, 255) 0px 0px 0px 4px;}
.bc-about:where(.bc-about--service) .bc-about-title{font-size: clamp(30px, 3vw, 44px); line-height: 1.35; font-weight: 750; letter-spacing: -1px; color: inherit; margin: 0px; text-wrap: balance;}
.bc-about:where(.bc-about--service) .bc-about-desc{font-size: 16px; line-height: 1.95; color: var(--about-muted); margin: 24px 0px 0px; max-width: 760px;}
.bc-about:where(.bc-about--service) .bc-about-quote{font-size: 17px; line-height: 1.9; font-weight: 600; color: rgb(37, 52, 74); margin: 24px 0px 0px;}
.bc-about:where(.bc-about--service) .bc-about-actions{margin-top: 32px; gap: 12px;}
.bc-about:where(.bc-about--service) .bc-about-actions .theme-btn{font-size: 15px;}
.bc-about:where(.bc-about--service) .bc-about-note{font-size: 13px; line-height: 1.9; color: rgb(119, 131, 146); margin: 0px; padding-top: 24px; border-top: 1px solid var(--about-line); grid-column: 1 / -1;}
.bc-about:where(.bc-about--service) .bc-about-items{display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 24px; min-width: 0px;}
.bc-about:where(.bc-about--service) .bc-about-item{min-width: 0px; padding: 32px; border: 1px solid var(--about-line); border-radius: 18px; background: rgb(255, 255, 255);}
.bc-about:where(.bc-about--service) .bc-about-item-top{display: flex; align-items: center; justify-content: space-between; margin-bottom: 26px;}
.bc-about:where(.bc-about--service) .bc-about-number{font-size: 12px; font-family: "IBM Plex Sans", sans-serif; letter-spacing: 0.06em; color: rgb(138, 150, 165);}
.bc-about:where(.bc-about--service) .bc-about-item-top i{font-size: 25px; color: rgb(0, 123, 255); line-height: 1;}
.bc-about:where(.bc-about--service) .bc-about-item h3{font-size: 21px; line-height: 1.5; color: rgb(21, 23, 26); margin: 0px 0px 13px; font-weight: 650;}
.bc-about:where(.bc-about--service) .bc-about-item p{font-size: 15px; line-height: 1.95; color: var(--about-muted); margin: 0px;}
.bc-about:where(.bc-about--service) .bc-about-visual{min-width: 0px;}
.bc-about:where(.bc-about--service) .bc-about-visual img{width: 100%; height: auto;}
.bc-about:where(.bc-about--service) .bc-about-visual-label{font-size: 11px; letter-spacing: 0.14em; color: rgb(88, 113, 143);}
.bc-about:where(.bc-about--service) .bc-about-visual-title{font-size: 22px; line-height: 1.5; font-weight: 650; color: rgb(23, 45, 74); margin: 8px 0px 20px;}
.bc-about:where(.bc-about--service) .bc-about-visual-desc{font-size: 13px; line-height: 1.85; color: rgb(98, 115, 137); margin: 20px 0px 0px;}
.bc-about:where(.bc-about--service) .bc-about-pillars{display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 10px; border-top: 1px solid rgb(214, 228, 242); padding-top: 26px;}
:where(.bc-about--service) .bc-about-pillars > div{display: flex; flex-direction: column; align-items: flex-start; gap: 8px; min-width: 0px;}
:where(.bc-about--service) .bc-about-pillars i{font-size: 23px; color: rgb(8, 124, 241);}
:where(.bc-about--service) .bc-about-pillars strong{font-size: 16px; font-weight: 650; color: rgb(36, 55, 80);}
:where(.bc-about--service) .bc-about-pillars span{font-size: 12px; color: rgb(107, 125, 146); line-height: 1.8;}
.bc-about--service .bc-about-copy{text-align: center;}
.bc-about--service .bc-about-desc{margin-left: auto; margin-right: auto;}
.bc-about--service .bc-about-quote{color: rgb(23, 109, 195); font-size: 15px; font-weight: 500; padding-top: 8px;}
.bc-about--service .bc-about-item{padding: 38px; background: rgba(255, 255, 255, 0.86); box-shadow: rgba(30, 59, 104, 0.063) 0px 6px 24px;}
.bc-about--service .bc-about-item h3{font-size: 25px;}
.bc-about--service .bc-about-item-top i{font-size: 32px;}
.bc-about--service .bc-about-note{text-align: center;}
.bc-about-bg--blue:where(.bc-about--service) .bc-about-desc,
.bc-about-bg--blue:where(.bc-about--service) .bc-about-eyebrow,
.bc-about-bg--blue:where(.bc-about--service) .bc-about-note{color: rgb(224, 237, 255);}
.bc-about-bg--blue:where(.bc-about--service) .bc-about-eyebrow > span{background: rgb(255, 255, 255); box-shadow: rgba(255, 255, 255, 0.145) 0px 0px 0px 4px;}
.bc-about-bg--blue:where(.bc-about--service) .bc-about-note{border-color: rgba(255, 255, 255, 0.19);}
.bc-about-bg--blue:where(.bc-about--service) .bc-about-actions .theme-btn{background: rgb(255, 255, 255); color: rgb(20, 110, 198);}
.bc-about-bg--blue:where(.bc-about--service) .bc-about-actions .pbi-btn-alt .theme-btn{background: rgba(255, 255, 255, 0.125); color: rgb(255, 255, 255);}
.bc-about:where(.bc-about--service) .bc-about-actions a:focus-visible{outline: rgb(18, 61, 112) solid 3px; outline-offset: 6px;}
@media (max-width: 1199px) {
.bc-about:where(.bc-about--service){padding: 80px 0px;}
.bc-about:where(.bc-about--service) .bc-about-actions .theme-btn{font-size: 14px;}
}
@media (max-width: 575px) {
.bc-about:where(.bc-about--service){padding: 60px 0px;}
.bc-about:where(.bc-about--service) .pbi-wrap{padding-left: 20px; padding-right: 20px;}
.bc-about:where(.bc-about--service) .bc-about-layout{gap: 30px;}
.bc-about:where(.bc-about--service) .bc-about-title{font-size: 30px; letter-spacing: -0.5px; line-height: 1.4;}
.bc-about:where(.bc-about--service) .bc-about-desc{font-size: 15px; margin-top: 20px;}
.bc-about:where(.bc-about--service) .bc-about-eyebrow{margin-bottom: 18px;}
.bc-about:where(.bc-about--service) .bc-about-items{grid-template-columns: 1fr; gap: 18px;}
.bc-about:where(.bc-about--service) .bc-about-item{padding: 24px;}
.bc-about:where(.bc-about--service) .bc-about-pillars{gap: 12px;}
:where(.bc-about--service) .bc-about-pillars span{font-size: 11px;}
.bc-about:where(.bc-about--service) .bc-about-actions{gap: 12px;}
.bc-about--service .bc-about-copy{text-align: left;}
.bc-about--service .bc-about-quote{font-size: 14px;}
.bc-about--service .bc-about-item h3{font-size: 22px;}
}
@media (prefers-reduced-motion: reduce) {
.bc-about:where(.bc-about--service) *{animation: auto ease 0s 1 normal none running none !important; transition: none !important; scroll-behavior: auto !important;}
}
.bc-about:where(.bc-about--service){scroll-margin-top: 100px;}
.bc-about:where(.bc-about--service).bc-about-bg--blue .pbi-hl{background: none; color: rgb(255, 255, 255);}
.bc-about:where(.bc-about--service).bc-about-bg--blue .bc-about-actions .theme-btn-main.style-2{background: rgb(255, 255, 255);}
.bc-about:where(.bc-about--service).bc-about-bg--blue .bc-about-actions .theme-btn-main.style-2 .theme-btn,
.bc-about:where(.bc-about--service).bc-about-bg--blue .bc-about-actions .theme-btn-main.style-2:hover .theme-btn{background: transparent; color: rgb(7, 83, 161);}
.bc-about:where(.bc-about--service).bc-about-bg--blue .bc-about-actions .theme-btn-main.style-2.pbi-btn-alt{background: rgba(255, 255, 255, 0.13); box-shadow: rgba(255, 255, 255, 0.48) 0px 0px 0px 1px inset;}
.bc-about:where(.bc-about--service).bc-about-bg--blue .bc-about-actions .theme-btn-main.style-2.pbi-btn-alt .theme-btn,
.bc-about:where(.bc-about--service).bc-about-bg--blue .bc-about-actions .theme-btn-main.style-2.pbi-btn-alt:hover .theme-btn{background: transparent; color: rgb(255, 255, 255);}
.bc-about:where(.bc-about--service) .bc-home-word{max-width: 100%; overflow-wrap: anywhere; white-space: normal !important;}
.bc-about:where(.bc-about--service) .bc-home-char{display: inline-block;}
.bc-about:where(.bc-about--service) .bc-home-enter{animation-duration: 1s; animation-fill-mode: both; animation-delay: var(--bc-home-delay,0s);}
.bc-about:where(.bc-about--service) .bc-home-fade{animation-name: bcHomeFadeInUp_service;}
.bc-about:where(.bc-about--service) .bc-home-bounce{animation-name: bcHomeBounceInUp_service;}
@keyframes bcHomeFadeInUp_service { 
  0% { opacity: 0; transform: translate3d(0px, 100%, 0px); }
  100% { opacity: 1; transform: none; }
}
@keyframes bcHomeBounceInUp_service { 
  0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; transform: translate3d(0px, 3000px, 0px); }
  60% { opacity: 1; transform: translate3d(0px, -20px, 0px); }
  75% { transform: translate3d(0px, 10px, 0px); }
  90% { transform: translate3d(0px, -5px, 0px); }
  100% { transform: translate3d(0px, 0px, 0px); }
}
.bc-about:where(.bc-about--service) .bc-about-item{position: relative; isolation: isolate; transition: box-shadow 0.35s, border-color 0.35s, background-color 0.35s;}
.bc-about:where(.bc-about--service) .bc-about-item h3,
.bc-about:where(.bc-about--service) .bc-about-item p,
.bc-about:where(.bc-about--service) .bc-about-item i,
.bc-about:where(.bc-about--service) .bc-about-number{transition: color 0.5s;}
.bc-about--service .bc-about-item{overflow: hidden;}
.bc-about--service .bc-about-item::before{content: ""; position: absolute; inset: 0px; z-index: -1; border-radius: inherit; opacity: 0; transform: scale(0.1, 1); transition: 0.5s; background: linear-gradient(103.71deg, rgb(92, 171, 255) 17.96%, rgb(0, 123, 255) 66.13%);}
@media (hover: hover) and (pointer: fine) {
.bc-home-interactive.bc-about--service .bc-about-item:hover::before{opacity: 1; transform: scale(1, 1);}
.bc-home-interactive.bc-about--service .bc-about-item:hover h3,
.bc-home-interactive.bc-about--service .bc-about-item:hover p,
.bc-home-interactive.bc-about--service .bc-about-item:hover i,
.bc-home-interactive.bc-about--service .bc-about-item:hover .bc-about-number{color: rgb(255, 255, 255);}
}
.bc-about:where(.bc-about--service) .bc-about-actions a:focus-visible{box-shadow: rgba(128, 186, 255, 0.27) 0px 0px 0px 5px;}
.bc-about:where(.bc-about--service):focus{outline: none;}
@media (prefers-reduced-motion: reduce) {
.bc-about:where(.bc-about--service) .bc-home-enter{animation: auto ease 0s 1 normal none running none !important;}
.bc-about:where(.bc-about--service) .bc-about-item::before{transition: none !important;}
}
.bc-about:where(.bc-about--service) .bc-home-pending{visibility: hidden;}
@media (prefers-reduced-motion: reduce) {
.bc-about:where(.bc-about--service) .bc-home-pending{visibility: visible;}
}



/* addon: pbi_about_product */

/* file: frontend.css */
/* pbi-about-product: layout, responsive styling and motion; scoped to this module. */
.bc-about:where(.bc-about--product){--about-line: #e4eaf1; --about-muted: #5b6472; padding: 100px 0px; color: rgb(21, 23, 26); overflow: clip;}
.bc-about-bg--white:where(.bc-about--product){background: rgb(255, 255, 255);}
.bc-about-bg--soft:where(.bc-about--product){background: rgb(245, 248, 252);}
.bc-about-bg--blue:where(.bc-about--product){background: rgb(8, 124, 241); color: rgb(255, 255, 255);}
.bc-about:where(.bc-about--product) .bc-about-layout{display: grid; grid-template-columns: minmax(0px, 1fr); gap: 42px;}
.bc-about:where(.bc-about--product) .bc-about-copy{min-width: 0px;}
.bc-about:where(.bc-about--product) .bc-about-eyebrow{display: inline-flex; align-items: center; gap: 9px; font-size: 13px; font-weight: 600; color: rgb(83, 97, 112); letter-spacing: 0.035em; margin-bottom: 22px;}
:where(.bc-about--product) .bc-about-eyebrow > span{display: block; width: 7px; height: 7px; border-radius: 50%; background: rgb(0, 123, 255); box-shadow: rgb(231, 241, 255) 0px 0px 0px 4px;}
.bc-about:where(.bc-about--product) .bc-about-title{font-size: clamp(30px, 3vw, 44px); line-height: 1.35; font-weight: 750; letter-spacing: -1px; color: inherit; margin: 0px; text-wrap: balance;}
.bc-about:where(.bc-about--product) .bc-about-desc{font-size: 16px; line-height: 1.95; color: var(--about-muted); margin: 24px 0px 0px; max-width: 760px;}
.bc-about:where(.bc-about--product) .bc-about-quote{font-size: 17px; line-height: 1.9; font-weight: 600; color: rgb(37, 52, 74); margin: 24px 0px 0px;}
.bc-about:where(.bc-about--product) .bc-about-actions{margin-top: 32px; gap: 12px;}
.bc-about:where(.bc-about--product) .bc-about-actions .theme-btn{font-size: 15px;}
.bc-about:where(.bc-about--product) .bc-about-note{font-size: 13px; line-height: 1.9; color: rgb(119, 131, 146); margin: 0px; padding-top: 24px; border-top: 1px solid var(--about-line); grid-column: 1 / -1;}
.bc-about:where(.bc-about--product) .bc-about-items{display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 24px; min-width: 0px;}
.bc-about:where(.bc-about--product) .bc-about-item{min-width: 0px; padding: 32px; border: 1px solid var(--about-line); border-radius: 18px; background: rgb(255, 255, 255);}
.bc-about:where(.bc-about--product) .bc-about-item-top{display: flex; align-items: center; justify-content: space-between; margin-bottom: 26px;}
.bc-about:where(.bc-about--product) .bc-about-number{font-size: 12px; font-family: "IBM Plex Sans", sans-serif; letter-spacing: 0.06em; color: rgb(138, 150, 165);}
.bc-about:where(.bc-about--product) .bc-about-item-top i{font-size: 25px; color: rgb(0, 123, 255); line-height: 1;}
.bc-about:where(.bc-about--product) .bc-about-item h3{font-size: 21px; line-height: 1.5; color: rgb(21, 23, 26); margin: 0px 0px 13px; font-weight: 650;}
.bc-about:where(.bc-about--product) .bc-about-item p{font-size: 15px; line-height: 1.95; color: var(--about-muted); margin: 0px;}
.bc-about:where(.bc-about--product) .bc-about-visual{min-width: 0px;}
.bc-about:where(.bc-about--product) .bc-about-visual img{width: 100%; height: auto;}
.bc-about:where(.bc-about--product) .bc-about-visual-label{font-size: 11px; letter-spacing: 0.14em; color: rgb(88, 113, 143);}
.bc-about:where(.bc-about--product) .bc-about-visual-title{font-size: 22px; line-height: 1.5; font-weight: 650; color: rgb(23, 45, 74); margin: 8px 0px 20px;}
.bc-about:where(.bc-about--product) .bc-about-visual-desc{font-size: 13px; line-height: 1.85; color: rgb(98, 115, 137); margin: 20px 0px 0px;}
.bc-about:where(.bc-about--product) .bc-about-pillars{display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 10px; border-top: 1px solid rgb(214, 228, 242); padding-top: 26px;}
:where(.bc-about--product) .bc-about-pillars > div{display: flex; flex-direction: column; align-items: flex-start; gap: 8px; min-width: 0px;}
:where(.bc-about--product) .bc-about-pillars i{font-size: 23px; color: rgb(8, 124, 241);}
:where(.bc-about--product) .bc-about-pillars strong{font-size: 16px; font-weight: 650; color: rgb(36, 55, 80);}
:where(.bc-about--product) .bc-about-pillars span{font-size: 12px; color: rgb(107, 125, 146); line-height: 1.8;}
.bc-about--product .bc-about-layout{grid-template-columns: minmax(0px, 0.85fr) minmax(0px, 1.25fr); gap: 50px; align-items: center;}
.bc-about--product .bc-about-visual{padding: 24px 24px 18px; background: rgb(244, 247, 251); border: 1px solid var(--about-line); border-radius: 20px;}
.bc-about--product .bc-about-visual img{border: 1px solid rgb(225, 232, 241); border-radius: 8px; box-shadow: rgba(23, 54, 87, 0.07) 0px 12px 30px;}
.bc-about--product .bc-about-items{grid-column: 1 / -1; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 0px;}
.bc-about--product .bc-about-item{border-top: 0px; border-bottom: 0px; border-left: 0px; border-image: none; border-radius: 0px; border-right: 1px solid var(--about-line); padding: 8px 28px; background: transparent;}
.bc-about--product .bc-about-item:first-child{padding-left: 0px;}
.bc-about--product .bc-about-item:last-child{border-right: 0px;}
.bc-about--product .bc-about-item-top{margin-bottom: 20px;}
.bc-about--product .bc-about-item h3{font-size: 18px;}
.bc-about--product .bc-about-item p{font-size: 14px;}
.bc-about-bg--blue:where(.bc-about--product) .bc-about-desc,
.bc-about-bg--blue:where(.bc-about--product) .bc-about-eyebrow,
.bc-about-bg--blue:where(.bc-about--product) .bc-about-note{color: rgb(224, 237, 255);}
.bc-about-bg--blue:where(.bc-about--product) .bc-about-eyebrow > span{background: rgb(255, 255, 255); box-shadow: rgba(255, 255, 255, 0.145) 0px 0px 0px 4px;}
.bc-about-bg--blue:where(.bc-about--product) .bc-about-note{border-color: rgba(255, 255, 255, 0.19);}
.bc-about-bg--blue:where(.bc-about--product) .bc-about-actions .theme-btn{background: rgb(255, 255, 255); color: rgb(20, 110, 198);}
.bc-about-bg--blue:where(.bc-about--product) .bc-about-actions .pbi-btn-alt .theme-btn{background: rgba(255, 255, 255, 0.125); color: rgb(255, 255, 255);}
.bc-about:where(.bc-about--product) .bc-about-actions a:focus-visible{outline: rgb(18, 61, 112) solid 3px; outline-offset: 6px;}
@media (max-width: 1199px) {
.bc-about:where(.bc-about--product){padding: 80px 0px;}
.bc-about:where(.bc-about--product) .bc-about-actions .theme-btn{font-size: 14px;}
.bc-about--product .bc-about-layout{gap: 30px;}
}
@media (max-width: 900px) {
.bc-about--product .bc-about-layout{grid-template-columns: 1fr;}
.bc-about--product .bc-about-items{grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 28px;}
.bc-about--product .bc-about-item{padding: 0px; border: 0px;}
}
@media (max-width: 575px) {
.bc-about:where(.bc-about--product){padding: 60px 0px;}
.bc-about:where(.bc-about--product) .pbi-wrap{padding-left: 20px; padding-right: 20px;}
.bc-about:where(.bc-about--product) .bc-about-layout{gap: 30px;}
.bc-about:where(.bc-about--product) .bc-about-title{font-size: 30px; letter-spacing: -0.5px; line-height: 1.4;}
.bc-about:where(.bc-about--product) .bc-about-desc{font-size: 15px; margin-top: 20px;}
.bc-about:where(.bc-about--product) .bc-about-eyebrow{margin-bottom: 18px;}
.bc-about:where(.bc-about--product) .bc-about-items{grid-template-columns: 1fr; gap: 18px;}
.bc-about:where(.bc-about--product) .bc-about-item{padding: 24px;}
.bc-about:where(.bc-about--product) .bc-about-pillars{gap: 12px;}
:where(.bc-about--product) .bc-about-pillars span{font-size: 11px;}
.bc-about:where(.bc-about--product) .bc-about-actions{gap: 12px;}
.bc-about--product .bc-about-visual{padding: 18px 14px;}
.bc-about--product .bc-about-visual-title{font-size: 18px;}
.bc-about--product .bc-about-items{grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 28px 20px;}
.bc-about--product .bc-about-item{padding: 0px;}
.bc-about--product .bc-about-item-top{margin-bottom: 16px;}
}
@media (prefers-reduced-motion: reduce) {
.bc-about:where(.bc-about--product) *{animation: auto ease 0s 1 normal none running none !important; transition: none !important; scroll-behavior: auto !important;}
}
.bc-about:where(.bc-about--product){scroll-margin-top: 100px;}
.bc-about:where(.bc-about--product).bc-about-bg--blue .pbi-hl{background: none; color: rgb(255, 255, 255);}
.bc-about:where(.bc-about--product).bc-about-bg--blue .bc-about-actions .theme-btn-main.style-2{background: rgb(255, 255, 255);}
.bc-about:where(.bc-about--product).bc-about-bg--blue .bc-about-actions .theme-btn-main.style-2 .theme-btn,
.bc-about:where(.bc-about--product).bc-about-bg--blue .bc-about-actions .theme-btn-main.style-2:hover .theme-btn{background: transparent; color: rgb(7, 83, 161);}
.bc-about:where(.bc-about--product).bc-about-bg--blue .bc-about-actions .theme-btn-main.style-2.pbi-btn-alt{background: rgba(255, 255, 255, 0.13); box-shadow: rgba(255, 255, 255, 0.48) 0px 0px 0px 1px inset;}
.bc-about:where(.bc-about--product).bc-about-bg--blue .bc-about-actions .theme-btn-main.style-2.pbi-btn-alt .theme-btn,
.bc-about:where(.bc-about--product).bc-about-bg--blue .bc-about-actions .theme-btn-main.style-2.pbi-btn-alt:hover .theme-btn{background: transparent; color: rgb(255, 255, 255);}
.bc-about:where(.bc-about--product) .bc-home-word{max-width: 100%; overflow-wrap: anywhere; white-space: normal !important;}
.bc-about:where(.bc-about--product) .bc-home-char{display: inline-block;}
.bc-about:where(.bc-about--product) .bc-home-enter{animation-duration: 1s; animation-fill-mode: both; animation-delay: var(--bc-home-delay,0s);}
.bc-about:where(.bc-about--product) .bc-home-fade{animation-name: bcHomeFadeInUp_product;}
.bc-about:where(.bc-about--product) .bc-home-bounce{animation-name: bcHomeBounceInUp_product;}
@keyframes bcHomeFadeInUp_product { 
  0% { opacity: 0; transform: translate3d(0px, 100%, 0px); }
  100% { opacity: 1; transform: none; }
}
@keyframes bcHomeBounceInUp_product { 
  0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; transform: translate3d(0px, 3000px, 0px); }
  60% { opacity: 1; transform: translate3d(0px, -20px, 0px); }
  75% { transform: translate3d(0px, 10px, 0px); }
  90% { transform: translate3d(0px, -5px, 0px); }
  100% { transform: translate3d(0px, 0px, 0px); }
}
.bc-about:where(.bc-about--product) .bc-about-item{position: relative; isolation: isolate; transition: box-shadow 0.35s, border-color 0.35s, background-color 0.35s;}
.bc-about:where(.bc-about--product) .bc-about-item h3,
.bc-about:where(.bc-about--product) .bc-about-item p,
.bc-about:where(.bc-about--product) .bc-about-item i,
.bc-about:where(.bc-about--product) .bc-about-number{transition: color 0.5s;}
@media (hover: hover) and (pointer: fine) {
.bc-home-interactive.bc-about--product .bc-about-item:hover h3{color: rgb(0, 123, 255);}
}
.bc-about:where(.bc-about--product) .bc-about-actions a:focus-visible{box-shadow: rgba(128, 186, 255, 0.27) 0px 0px 0px 5px;}
.bc-about:where(.bc-about--product):focus{outline: none;}
@media (prefers-reduced-motion: reduce) {
.bc-about:where(.bc-about--product) .bc-home-enter{animation: auto ease 0s 1 normal none running none !important;}
.bc-about:where(.bc-about--product) .bc-about-item::before{transition: none !important;}
}
.bc-about:where(.bc-about--product) .bc-home-pending{visibility: hidden;}
@media (prefers-reduced-motion: reduce) {
.bc-about:where(.bc-about--product) .bc-home-pending{visibility: visible;}
}



/* addon: pbi_about_experience */

/* file: frontend.css */
/* pbi-about-experience: layout, responsive styling and motion; scoped to this module. */
.bc-about:where(.bc-about--experience){--about-line: #e4eaf1; --about-muted: #5b6472; padding: 100px 0px; color: rgb(21, 23, 26); overflow: clip;}
.bc-about-bg--white:where(.bc-about--experience){background: rgb(255, 255, 255);}
.bc-about-bg--soft:where(.bc-about--experience){background: rgb(245, 248, 252);}
.bc-about-bg--blue:where(.bc-about--experience){background: rgb(8, 124, 241); color: rgb(255, 255, 255);}
.bc-about:where(.bc-about--experience) .bc-about-layout{display: grid; grid-template-columns: minmax(0px, 1fr); gap: 42px;}
.bc-about:where(.bc-about--experience) .bc-about-copy{min-width: 0px;}
.bc-about:where(.bc-about--experience) .bc-about-eyebrow{display: inline-flex; align-items: center; gap: 9px; font-size: 13px; font-weight: 600; color: rgb(83, 97, 112); letter-spacing: 0.035em; margin-bottom: 22px;}
:where(.bc-about--experience) .bc-about-eyebrow > span{display: block; width: 7px; height: 7px; border-radius: 50%; background: rgb(0, 123, 255); box-shadow: rgb(231, 241, 255) 0px 0px 0px 4px;}
.bc-about:where(.bc-about--experience) .bc-about-title{font-size: clamp(30px, 3vw, 44px); line-height: 1.35; font-weight: 750; letter-spacing: -1px; color: inherit; margin: 0px; text-wrap: balance;}
.bc-about:where(.bc-about--experience) .bc-about-desc{font-size: 16px; line-height: 1.95; color: var(--about-muted); margin: 24px 0px 0px; max-width: 760px;}
.bc-about:where(.bc-about--experience) .bc-about-quote{font-size: 17px; line-height: 1.9; font-weight: 600; color: rgb(37, 52, 74); margin: 24px 0px 0px;}
.bc-about:where(.bc-about--experience) .bc-about-actions{margin-top: 32px; gap: 12px;}
.bc-about:where(.bc-about--experience) .bc-about-actions .theme-btn{font-size: 15px;}
.bc-about:where(.bc-about--experience) .bc-about-note{font-size: 13px; line-height: 1.9; color: rgb(119, 131, 146); margin: 0px; padding-top: 24px; border-top: 1px solid var(--about-line); grid-column: 1 / -1;}
.bc-about:where(.bc-about--experience) .bc-about-items{display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 24px; min-width: 0px;}
.bc-about:where(.bc-about--experience) .bc-about-item{min-width: 0px; padding: 32px; border: 1px solid var(--about-line); border-radius: 18px; background: rgb(255, 255, 255);}
.bc-about:where(.bc-about--experience) .bc-about-item-top{display: flex; align-items: center; justify-content: space-between; margin-bottom: 26px;}
.bc-about:where(.bc-about--experience) .bc-about-number{font-size: 12px; font-family: "IBM Plex Sans", sans-serif; letter-spacing: 0.06em; color: rgb(138, 150, 165);}
.bc-about:where(.bc-about--experience) .bc-about-item-top i{font-size: 25px; color: rgb(0, 123, 255); line-height: 1;}
.bc-about:where(.bc-about--experience) .bc-about-item h3{font-size: 21px; line-height: 1.5; color: rgb(21, 23, 26); margin: 0px 0px 13px; font-weight: 650;}
.bc-about:where(.bc-about--experience) .bc-about-item p{font-size: 15px; line-height: 1.95; color: var(--about-muted); margin: 0px;}
.bc-about:where(.bc-about--experience) .bc-about-visual{min-width: 0px;}
.bc-about:where(.bc-about--experience) .bc-about-visual img{width: 100%; height: auto;}
.bc-about:where(.bc-about--experience) .bc-about-visual-label{font-size: 11px; letter-spacing: 0.14em; color: rgb(88, 113, 143);}
.bc-about:where(.bc-about--experience) .bc-about-visual-title{font-size: 22px; line-height: 1.5; font-weight: 650; color: rgb(23, 45, 74); margin: 8px 0px 20px;}
.bc-about:where(.bc-about--experience) .bc-about-visual-desc{font-size: 13px; line-height: 1.85; color: rgb(98, 115, 137); margin: 20px 0px 0px;}
.bc-about:where(.bc-about--experience) .bc-about-pillars{display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 10px; border-top: 1px solid rgb(214, 228, 242); padding-top: 26px;}
:where(.bc-about--experience) .bc-about-pillars > div{display: flex; flex-direction: column; align-items: flex-start; gap: 8px; min-width: 0px;}
:where(.bc-about--experience) .bc-about-pillars i{font-size: 23px; color: rgb(8, 124, 241);}
:where(.bc-about--experience) .bc-about-pillars strong{font-size: 16px; font-weight: 650; color: rgb(36, 55, 80);}
:where(.bc-about--experience) .bc-about-pillars span{font-size: 12px; color: rgb(107, 125, 146); line-height: 1.8;}
.bc-about--experience .bc-about-copy{max-width: 870px;}
.bc-about--experience .bc-about-items{grid-template-columns: repeat(3, minmax(0px, 1fr));}
.bc-about--experience .bc-about-item{padding: 30px 28px; background: transparent; border-width: 1px 0px 0px; border-style: solid none none; border-color: rgb(213, 224, 236) currentcolor currentcolor; border-image: none; border-radius: 0px;}
.bc-about--experience .bc-about-item-top i{font-size: 30px;}
.bc-about--experience .bc-about-item h3{font-size: 20px;}
.bc-about--experience .bc-about-note{border-top: 0px; padding-top: 0px;}
.bc-about-bg--blue:where(.bc-about--experience) .bc-about-desc,
.bc-about-bg--blue:where(.bc-about--experience) .bc-about-eyebrow,
.bc-about-bg--blue:where(.bc-about--experience) .bc-about-note{color: rgb(224, 237, 255);}
.bc-about-bg--blue:where(.bc-about--experience) .bc-about-eyebrow > span{background: rgb(255, 255, 255); box-shadow: rgba(255, 255, 255, 0.145) 0px 0px 0px 4px;}
.bc-about-bg--blue:where(.bc-about--experience) .bc-about-note{border-color: rgba(255, 255, 255, 0.19);}
.bc-about-bg--blue:where(.bc-about--experience) .bc-about-actions .theme-btn{background: rgb(255, 255, 255); color: rgb(20, 110, 198);}
.bc-about-bg--blue:where(.bc-about--experience) .bc-about-actions .pbi-btn-alt .theme-btn{background: rgba(255, 255, 255, 0.125); color: rgb(255, 255, 255);}
.bc-about:where(.bc-about--experience) .bc-about-actions a:focus-visible{outline: rgb(18, 61, 112) solid 3px; outline-offset: 6px;}
@media (max-width: 1199px) {
.bc-about:where(.bc-about--experience){padding: 80px 0px;}
.bc-about:where(.bc-about--experience) .bc-about-actions .theme-btn{font-size: 14px;}
}
@media (max-width: 900px) {
.bc-about--experience .bc-about-items{grid-template-columns: 1fr; gap: 0px;}
.bc-about--experience .bc-about-item{padding: 26px 0px;}
}
@media (max-width: 575px) {
.bc-about:where(.bc-about--experience){padding: 60px 0px;}
.bc-about:where(.bc-about--experience) .pbi-wrap{padding-left: 20px; padding-right: 20px;}
.bc-about:where(.bc-about--experience) .bc-about-layout{gap: 30px;}
.bc-about:where(.bc-about--experience) .bc-about-title{font-size: 30px; letter-spacing: -0.5px; line-height: 1.4;}
.bc-about:where(.bc-about--experience) .bc-about-desc{font-size: 15px; margin-top: 20px;}
.bc-about:where(.bc-about--experience) .bc-about-eyebrow{margin-bottom: 18px;}
.bc-about:where(.bc-about--experience) .bc-about-items{grid-template-columns: 1fr; gap: 18px;}
.bc-about:where(.bc-about--experience) .bc-about-item{padding: 24px;}
.bc-about:where(.bc-about--experience) .bc-about-pillars{gap: 12px;}
:where(.bc-about--experience) .bc-about-pillars span{font-size: 11px;}
.bc-about:where(.bc-about--experience) .bc-about-actions{gap: 12px;}
.bc-about--experience .bc-about-item{padding: 24px 0px;}
}
@media (prefers-reduced-motion: reduce) {
.bc-about:where(.bc-about--experience) *{animation: auto ease 0s 1 normal none running none !important; transition: none !important; scroll-behavior: auto !important;}
}
.bc-about:where(.bc-about--experience){scroll-margin-top: 100px;}
.bc-about:where(.bc-about--experience).bc-about-bg--blue .pbi-hl{background: none; color: rgb(255, 255, 255);}
.bc-about:where(.bc-about--experience).bc-about-bg--blue .bc-about-actions .theme-btn-main.style-2{background: rgb(255, 255, 255);}
.bc-about:where(.bc-about--experience).bc-about-bg--blue .bc-about-actions .theme-btn-main.style-2 .theme-btn,
.bc-about:where(.bc-about--experience).bc-about-bg--blue .bc-about-actions .theme-btn-main.style-2:hover .theme-btn{background: transparent; color: rgb(7, 83, 161);}
.bc-about:where(.bc-about--experience).bc-about-bg--blue .bc-about-actions .theme-btn-main.style-2.pbi-btn-alt{background: rgba(255, 255, 255, 0.13); box-shadow: rgba(255, 255, 255, 0.48) 0px 0px 0px 1px inset;}
.bc-about:where(.bc-about--experience).bc-about-bg--blue .bc-about-actions .theme-btn-main.style-2.pbi-btn-alt .theme-btn,
.bc-about:where(.bc-about--experience).bc-about-bg--blue .bc-about-actions .theme-btn-main.style-2.pbi-btn-alt:hover .theme-btn{background: transparent; color: rgb(255, 255, 255);}
.bc-about:where(.bc-about--experience) .bc-home-word{max-width: 100%; overflow-wrap: anywhere; white-space: normal !important;}
.bc-about:where(.bc-about--experience) .bc-home-char{display: inline-block;}
.bc-about:where(.bc-about--experience) .bc-home-enter{animation-duration: 1s; animation-fill-mode: both; animation-delay: var(--bc-home-delay,0s);}
.bc-about:where(.bc-about--experience) .bc-home-fade{animation-name: bcHomeFadeInUp_experience;}
.bc-about:where(.bc-about--experience) .bc-home-bounce{animation-name: bcHomeBounceInUp_experience;}
@keyframes bcHomeFadeInUp_experience { 
  0% { opacity: 0; transform: translate3d(0px, 100%, 0px); }
  100% { opacity: 1; transform: none; }
}
@keyframes bcHomeBounceInUp_experience { 
  0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; transform: translate3d(0px, 3000px, 0px); }
  60% { opacity: 1; transform: translate3d(0px, -20px, 0px); }
  75% { transform: translate3d(0px, 10px, 0px); }
  90% { transform: translate3d(0px, -5px, 0px); }
  100% { transform: translate3d(0px, 0px, 0px); }
}
.bc-about:where(.bc-about--experience) .bc-about-item{position: relative; isolation: isolate; transition: box-shadow 0.35s, border-color 0.35s, background-color 0.35s;}
.bc-about:where(.bc-about--experience) .bc-about-item h3,
.bc-about:where(.bc-about--experience) .bc-about-item p,
.bc-about:where(.bc-about--experience) .bc-about-item i,
.bc-about:where(.bc-about--experience) .bc-about-number{transition: color 0.5s;}
@media (hover: hover) and (pointer: fine) {
.bc-home-interactive.bc-about--experience .bc-about-item:hover{border-color: rgba(0, 123, 255, 0.28); box-shadow: rgba(20, 55, 90, 0.1) 0px 24px 55px; background-color: rgb(255, 255, 255);}
}
.bc-about:where(.bc-about--experience) .bc-about-actions a:focus-visible{box-shadow: rgba(128, 186, 255, 0.27) 0px 0px 0px 5px;}
.bc-about:where(.bc-about--experience):focus{outline: none;}
@media (prefers-reduced-motion: reduce) {
.bc-about:where(.bc-about--experience) .bc-home-enter{animation: auto ease 0s 1 normal none running none !important;}
.bc-about:where(.bc-about--experience) .bc-about-item::before{transition: none !important;}
}
.bc-about:where(.bc-about--experience) .bc-home-pending{visibility: hidden;}
@media (prefers-reduced-motion: reduce) {
.bc-about:where(.bc-about--experience) .bc-home-pending{visibility: visible;}
}



/* addon: pbi_about_principles */

/* file: frontend.css */
/* pbi-about-principles: layout, responsive styling and motion; scoped to this module. */
.bc-about:where(.bc-about--principles){--about-line: #e4eaf1; --about-muted: #5b6472; padding: 100px 0px; color: rgb(21, 23, 26); overflow: clip;}
.bc-about-bg--white:where(.bc-about--principles){background: rgb(255, 255, 255);}
.bc-about-bg--soft:where(.bc-about--principles){background: rgb(245, 248, 252);}
.bc-about-bg--blue:where(.bc-about--principles){background: rgb(8, 124, 241); color: rgb(255, 255, 255);}
.bc-about:where(.bc-about--principles) .bc-about-layout{display: grid; grid-template-columns: minmax(0px, 1fr); gap: 42px;}
.bc-about:where(.bc-about--principles) .bc-about-copy{min-width: 0px;}
.bc-about:where(.bc-about--principles) .bc-about-eyebrow{display: inline-flex; align-items: center; gap: 9px; font-size: 13px; font-weight: 600; color: rgb(83, 97, 112); letter-spacing: 0.035em; margin-bottom: 22px;}
:where(.bc-about--principles) .bc-about-eyebrow > span{display: block; width: 7px; height: 7px; border-radius: 50%; background: rgb(0, 123, 255); box-shadow: rgb(231, 241, 255) 0px 0px 0px 4px;}
.bc-about:where(.bc-about--principles) .bc-about-title{font-size: clamp(30px, 3vw, 44px); line-height: 1.35; font-weight: 750; letter-spacing: -1px; color: inherit; margin: 0px; text-wrap: balance;}
.bc-about:where(.bc-about--principles) .bc-about-desc{font-size: 16px; line-height: 1.95; color: var(--about-muted); margin: 24px 0px 0px; max-width: 760px;}
.bc-about:where(.bc-about--principles) .bc-about-quote{font-size: 17px; line-height: 1.9; font-weight: 600; color: rgb(37, 52, 74); margin: 24px 0px 0px;}
.bc-about:where(.bc-about--principles) .bc-about-actions{margin-top: 32px; gap: 12px;}
.bc-about:where(.bc-about--principles) .bc-about-actions .theme-btn{font-size: 15px;}
.bc-about:where(.bc-about--principles) .bc-about-note{font-size: 13px; line-height: 1.9; color: rgb(119, 131, 146); margin: 0px; padding-top: 24px; border-top: 1px solid var(--about-line); grid-column: 1 / -1;}
.bc-about:where(.bc-about--principles) .bc-about-items{display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 24px; min-width: 0px;}
.bc-about:where(.bc-about--principles) .bc-about-item{min-width: 0px; padding: 32px; border: 1px solid var(--about-line); border-radius: 18px; background: rgb(255, 255, 255);}
.bc-about:where(.bc-about--principles) .bc-about-item-top{display: flex; align-items: center; justify-content: space-between; margin-bottom: 26px;}
.bc-about:where(.bc-about--principles) .bc-about-number{font-size: 12px; font-family: "IBM Plex Sans", sans-serif; letter-spacing: 0.06em; color: rgb(138, 150, 165);}
.bc-about:where(.bc-about--principles) .bc-about-item-top i{font-size: 25px; color: rgb(0, 123, 255); line-height: 1;}
.bc-about:where(.bc-about--principles) .bc-about-item h3{font-size: 21px; line-height: 1.5; color: rgb(21, 23, 26); margin: 0px 0px 13px; font-weight: 650;}
.bc-about:where(.bc-about--principles) .bc-about-item p{font-size: 15px; line-height: 1.95; color: var(--about-muted); margin: 0px;}
.bc-about:where(.bc-about--principles) .bc-about-visual{min-width: 0px;}
.bc-about:where(.bc-about--principles) .bc-about-visual img{width: 100%; height: auto;}
.bc-about:where(.bc-about--principles) .bc-about-visual-label{font-size: 11px; letter-spacing: 0.14em; color: rgb(88, 113, 143);}
.bc-about:where(.bc-about--principles) .bc-about-visual-title{font-size: 22px; line-height: 1.5; font-weight: 650; color: rgb(23, 45, 74); margin: 8px 0px 20px;}
.bc-about:where(.bc-about--principles) .bc-about-visual-desc{font-size: 13px; line-height: 1.85; color: rgb(98, 115, 137); margin: 20px 0px 0px;}
.bc-about:where(.bc-about--principles) .bc-about-pillars{display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 10px; border-top: 1px solid rgb(214, 228, 242); padding-top: 26px;}
:where(.bc-about--principles) .bc-about-pillars > div{display: flex; flex-direction: column; align-items: flex-start; gap: 8px; min-width: 0px;}
:where(.bc-about--principles) .bc-about-pillars i{font-size: 23px; color: rgb(8, 124, 241);}
:where(.bc-about--principles) .bc-about-pillars strong{font-size: 16px; font-weight: 650; color: rgb(36, 55, 80);}
:where(.bc-about--principles) .bc-about-pillars span{font-size: 12px; color: rgb(107, 125, 146); line-height: 1.8;}
.bc-about--principles .bc-about-layout{grid-template-columns: minmax(0px, 0.8fr) minmax(0px, 1.2fr); gap: 70px; align-items: start;}
.bc-about--principles .bc-about-items{grid-template-columns: 1fr; gap: 0px;}
.bc-about--principles .bc-about-item{position: relative; border-top: 0px; border-right: 0px; border-left: 0px; border-image: none; border-bottom: 1px solid var(--about-line); border-radius: 0px; padding: 24px 40px 24px 44px;}
.bc-about--principles .bc-about-item:first-child{padding-top: 0px;}
.bc-about--principles .bc-about-item-top{position: absolute; inset: 28px 0px auto; pointer-events: none;}
.bc-about--principles .bc-about-item:first-child .bc-about-item-top{top: 4px;}
.bc-about--principles .bc-about-item h3{font-size: 18px; margin-bottom: 8px;}
.bc-about--principles .bc-about-item p{font-size: 14px;}
.bc-about-bg--blue:where(.bc-about--principles) .bc-about-desc,
.bc-about-bg--blue:where(.bc-about--principles) .bc-about-eyebrow,
.bc-about-bg--blue:where(.bc-about--principles) .bc-about-note{color: rgb(224, 237, 255);}
.bc-about-bg--blue:where(.bc-about--principles) .bc-about-eyebrow > span{background: rgb(255, 255, 255); box-shadow: rgba(255, 255, 255, 0.145) 0px 0px 0px 4px;}
.bc-about-bg--blue:where(.bc-about--principles) .bc-about-note{border-color: rgba(255, 255, 255, 0.19);}
.bc-about-bg--blue:where(.bc-about--principles) .bc-about-actions .theme-btn{background: rgb(255, 255, 255); color: rgb(20, 110, 198);}
.bc-about-bg--blue:where(.bc-about--principles) .bc-about-actions .pbi-btn-alt .theme-btn{background: rgba(255, 255, 255, 0.125); color: rgb(255, 255, 255);}
.bc-about:where(.bc-about--principles) .bc-about-actions a:focus-visible{outline: rgb(18, 61, 112) solid 3px; outline-offset: 6px;}
@media (max-width: 1199px) {
.bc-about:where(.bc-about--principles){padding: 80px 0px;}
.bc-about--principles .bc-about-layout{gap: 40px;}
.bc-about:where(.bc-about--principles) .bc-about-actions .theme-btn{font-size: 14px;}
}
@media (max-width: 900px) {
.bc-about--principles .bc-about-layout{grid-template-columns: 1fr;}
}
@media (max-width: 575px) {
.bc-about:where(.bc-about--principles){padding: 60px 0px;}
.bc-about:where(.bc-about--principles) .pbi-wrap{padding-left: 20px; padding-right: 20px;}
.bc-about:where(.bc-about--principles) .bc-about-layout{gap: 30px;}
.bc-about:where(.bc-about--principles) .bc-about-title{font-size: 30px; letter-spacing: -0.5px; line-height: 1.4;}
.bc-about:where(.bc-about--principles) .bc-about-desc{font-size: 15px; margin-top: 20px;}
.bc-about:where(.bc-about--principles) .bc-about-eyebrow{margin-bottom: 18px;}
.bc-about:where(.bc-about--principles) .bc-about-items{grid-template-columns: 1fr; gap: 18px;}
.bc-about:where(.bc-about--principles) .bc-about-item{padding: 24px;}
.bc-about:where(.bc-about--principles) .bc-about-pillars{gap: 12px;}
:where(.bc-about--principles) .bc-about-pillars span{font-size: 11px;}
.bc-about:where(.bc-about--principles) .bc-about-actions{gap: 12px;}
.bc-about--principles .bc-about-items{gap: 0px;}
.bc-about--principles .bc-about-item{padding: 24px 30px 24px 35px;}
.bc-about--principles .bc-about-item:first-child{padding-top: 0px;}
}
@media (prefers-reduced-motion: reduce) {
.bc-about:where(.bc-about--principles) *{animation: auto ease 0s 1 normal none running none !important; transition: none !important; scroll-behavior: auto !important;}
}
.bc-about:where(.bc-about--principles){scroll-margin-top: 100px;}
.bc-about:where(.bc-about--principles).bc-about-bg--blue .pbi-hl{background: none; color: rgb(255, 255, 255);}
.bc-about:where(.bc-about--principles).bc-about-bg--blue .bc-about-actions .theme-btn-main.style-2{background: rgb(255, 255, 255);}
.bc-about:where(.bc-about--principles).bc-about-bg--blue .bc-about-actions .theme-btn-main.style-2 .theme-btn,
.bc-about:where(.bc-about--principles).bc-about-bg--blue .bc-about-actions .theme-btn-main.style-2:hover .theme-btn{background: transparent; color: rgb(7, 83, 161);}
.bc-about:where(.bc-about--principles).bc-about-bg--blue .bc-about-actions .theme-btn-main.style-2.pbi-btn-alt{background: rgba(255, 255, 255, 0.13); box-shadow: rgba(255, 255, 255, 0.48) 0px 0px 0px 1px inset;}
.bc-about:where(.bc-about--principles).bc-about-bg--blue .bc-about-actions .theme-btn-main.style-2.pbi-btn-alt .theme-btn,
.bc-about:where(.bc-about--principles).bc-about-bg--blue .bc-about-actions .theme-btn-main.style-2.pbi-btn-alt:hover .theme-btn{background: transparent; color: rgb(255, 255, 255);}
.bc-about:where(.bc-about--principles) .bc-home-word{max-width: 100%; overflow-wrap: anywhere; white-space: normal !important;}
.bc-about:where(.bc-about--principles) .bc-home-char{display: inline-block;}
.bc-about:where(.bc-about--principles) .bc-home-enter{animation-duration: 1s; animation-fill-mode: both; animation-delay: var(--bc-home-delay,0s);}
.bc-about:where(.bc-about--principles) .bc-home-fade{animation-name: bcHomeFadeInUp_principles;}
.bc-about:where(.bc-about--principles) .bc-home-bounce{animation-name: bcHomeBounceInUp_principles;}
@keyframes bcHomeFadeInUp_principles { 
  0% { opacity: 0; transform: translate3d(0px, 100%, 0px); }
  100% { opacity: 1; transform: none; }
}
@keyframes bcHomeBounceInUp_principles { 
  0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; transform: translate3d(0px, 3000px, 0px); }
  60% { opacity: 1; transform: translate3d(0px, -20px, 0px); }
  75% { transform: translate3d(0px, 10px, 0px); }
  90% { transform: translate3d(0px, -5px, 0px); }
  100% { transform: translate3d(0px, 0px, 0px); }
}
.bc-about:where(.bc-about--principles) .bc-about-item{position: relative; isolation: isolate; transition: box-shadow 0.35s, border-color 0.35s, background-color 0.35s;}
.bc-about:where(.bc-about--principles) .bc-about-item h3,
.bc-about:where(.bc-about--principles) .bc-about-item p,
.bc-about:where(.bc-about--principles) .bc-about-item i,
.bc-about:where(.bc-about--principles) .bc-about-number{transition: color 0.5s;}
@media (hover: hover) and (pointer: fine) {
.bc-home-interactive.bc-about--principles .bc-about-item:hover h3{color: rgb(0, 123, 255);}
}
.bc-about:where(.bc-about--principles) .bc-about-actions a:focus-visible{box-shadow: rgba(128, 186, 255, 0.27) 0px 0px 0px 5px;}
.bc-about:where(.bc-about--principles):focus{outline: none;}
@media (prefers-reduced-motion: reduce) {
.bc-about:where(.bc-about--principles) .bc-home-enter{animation: auto ease 0s 1 normal none running none !important;}
.bc-about:where(.bc-about--principles) .bc-about-item::before{transition: none !important;}
}
.bc-about:where(.bc-about--principles) .bc-home-pending{visibility: hidden;}
@media (prefers-reduced-motion: reduce) {
.bc-about:where(.bc-about--principles) .bc-home-pending{visibility: visible;}
}



/* addon: pbi_about_contact */

/* file: frontend.css */
/* pbi-about-contact: layout, responsive styling and motion; scoped to this module. */
.bc-about:where(.bc-about--contact){--about-line: #e4eaf1; --about-muted: #5b6472; padding: 100px 0px; color: rgb(21, 23, 26); overflow: clip;}
.bc-about-bg--white:where(.bc-about--contact){background: rgb(255, 255, 255);}
.bc-about-bg--soft:where(.bc-about--contact){background: rgb(245, 248, 252);}
.bc-about-bg--blue:where(.bc-about--contact){background: rgb(8, 124, 241); color: rgb(255, 255, 255);}
.bc-about:where(.bc-about--contact) .bc-about-layout{display: grid; grid-template-columns: minmax(0px, 1fr); gap: 42px;}
.bc-about:where(.bc-about--contact) .bc-about-copy{min-width: 0px;}
.bc-about:where(.bc-about--contact) .bc-about-eyebrow{display: inline-flex; align-items: center; gap: 9px; font-size: 13px; font-weight: 600; color: rgb(83, 97, 112); letter-spacing: 0.035em; margin-bottom: 22px;}
:where(.bc-about--contact) .bc-about-eyebrow > span{display: block; width: 7px; height: 7px; border-radius: 50%; background: rgb(0, 123, 255); box-shadow: rgb(231, 241, 255) 0px 0px 0px 4px;}
.bc-about:where(.bc-about--contact) .bc-about-title{font-size: clamp(30px, 3vw, 44px); line-height: 1.35; font-weight: 750; letter-spacing: -1px; color: inherit; margin: 0px; text-wrap: balance;}
.bc-about:where(.bc-about--contact) .bc-about-desc{font-size: 16px; line-height: 1.95; color: var(--about-muted); margin: 24px 0px 0px; max-width: 760px;}
.bc-about:where(.bc-about--contact) .bc-about-quote{font-size: 17px; line-height: 1.9; font-weight: 600; color: rgb(37, 52, 74); margin: 24px 0px 0px;}
.bc-about:where(.bc-about--contact) .bc-about-actions{margin-top: 32px; gap: 12px;}
.bc-about:where(.bc-about--contact) .bc-about-actions .theme-btn{font-size: 15px;}
.bc-about:where(.bc-about--contact) .bc-about-note{font-size: 13px; line-height: 1.9; color: rgb(119, 131, 146); margin: 0px; padding-top: 24px; border-top: 1px solid var(--about-line); grid-column: 1 / -1;}
.bc-about:where(.bc-about--contact) .bc-about-items{display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 24px; min-width: 0px;}
.bc-about:where(.bc-about--contact) .bc-about-item{min-width: 0px; padding: 32px; border: 1px solid var(--about-line); border-radius: 18px; background: rgb(255, 255, 255);}
.bc-about:where(.bc-about--contact) .bc-about-item-top{display: flex; align-items: center; justify-content: space-between; margin-bottom: 26px;}
.bc-about:where(.bc-about--contact) .bc-about-number{font-size: 12px; font-family: "IBM Plex Sans", sans-serif; letter-spacing: 0.06em; color: rgb(138, 150, 165);}
.bc-about:where(.bc-about--contact) .bc-about-item-top i{font-size: 25px; color: rgb(0, 123, 255); line-height: 1;}
.bc-about:where(.bc-about--contact) .bc-about-item h3{font-size: 21px; line-height: 1.5; color: rgb(21, 23, 26); margin: 0px 0px 13px; font-weight: 650;}
.bc-about:where(.bc-about--contact) .bc-about-item p{font-size: 15px; line-height: 1.95; color: var(--about-muted); margin: 0px;}
.bc-about:where(.bc-about--contact) .bc-about-visual{min-width: 0px;}
.bc-about:where(.bc-about--contact) .bc-about-visual img{width: 100%; height: auto;}
.bc-about:where(.bc-about--contact) .bc-about-visual-label{font-size: 11px; letter-spacing: 0.14em; color: rgb(88, 113, 143);}
.bc-about:where(.bc-about--contact) .bc-about-visual-title{font-size: 22px; line-height: 1.5; font-weight: 650; color: rgb(23, 45, 74); margin: 8px 0px 20px;}
.bc-about:where(.bc-about--contact) .bc-about-visual-desc{font-size: 13px; line-height: 1.85; color: rgb(98, 115, 137); margin: 20px 0px 0px;}
.bc-about:where(.bc-about--contact) .bc-about-pillars{display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 10px; border-top: 1px solid rgb(214, 228, 242); padding-top: 26px;}
:where(.bc-about--contact) .bc-about-pillars > div{display: flex; flex-direction: column; align-items: flex-start; gap: 8px; min-width: 0px;}
:where(.bc-about--contact) .bc-about-pillars i{font-size: 23px; color: rgb(8, 124, 241);}
:where(.bc-about--contact) .bc-about-pillars strong{font-size: 16px; font-weight: 650; color: rgb(36, 55, 80);}
:where(.bc-about--contact) .bc-about-pillars span{font-size: 12px; color: rgb(107, 125, 146); line-height: 1.8;}
.bc-about--contact{padding-top: 12px; padding-bottom: 90px;}
.bc-about--contact.bc-about-bg--blue{background: rgb(255, 255, 255);}
.bc-about--contact.bc-about-bg--blue .bc-about-layout{background: radial-gradient(at 90% 0px, rgba(96, 177, 255, 0.565), transparent 60%), linear-gradient(115deg, rgb(20, 126, 232), rgb(0, 107, 222)); border-radius: 26px; padding: 60px 64px; gap: 30px;}
.bc-about--contact .bc-about-copy{max-width: 820px;}
.bc-about-bg--blue:where(.bc-about--contact) .bc-about-desc,
.bc-about-bg--blue:where(.bc-about--contact) .bc-about-eyebrow,
.bc-about-bg--blue:where(.bc-about--contact) .bc-about-note{color: rgb(224, 237, 255);}
.bc-about-bg--blue:where(.bc-about--contact) .bc-about-eyebrow > span{background: rgb(255, 255, 255); box-shadow: rgba(255, 255, 255, 0.145) 0px 0px 0px 4px;}
.bc-about-bg--blue:where(.bc-about--contact) .bc-about-note{border-color: rgba(255, 255, 255, 0.19);}
.bc-about-bg--blue:where(.bc-about--contact) .bc-about-actions .theme-btn{background: rgb(255, 255, 255); color: rgb(20, 110, 198);}
.bc-about-bg--blue:where(.bc-about--contact) .bc-about-actions .pbi-btn-alt .theme-btn{background: rgba(255, 255, 255, 0.125); color: rgb(255, 255, 255);}
.bc-about:where(.bc-about--contact) .bc-about-actions a:focus-visible{outline: rgb(18, 61, 112) solid 3px; outline-offset: 6px;}
@media (max-width: 1199px) {
.bc-about:where(.bc-about--contact){padding: 80px 0px;}
.bc-about:where(.bc-about--contact) .bc-about-actions .theme-btn{font-size: 14px;}
.bc-about--contact{padding-top: 10px;}
.bc-about--contact.bc-about-bg--blue .bc-about-layout{margin-left: 24px; margin-right: 24px;}
}
@media (max-width: 575px) {
.bc-about:where(.bc-about--contact){padding: 60px 0px;}
.bc-about:where(.bc-about--contact) .pbi-wrap{padding-left: 20px; padding-right: 20px;}
.bc-about:where(.bc-about--contact) .bc-about-layout{gap: 30px;}
.bc-about:where(.bc-about--contact) .bc-about-title{font-size: 30px; letter-spacing: -0.5px; line-height: 1.4;}
.bc-about:where(.bc-about--contact) .bc-about-desc{font-size: 15px; margin-top: 20px;}
.bc-about:where(.bc-about--contact) .bc-about-eyebrow{margin-bottom: 18px;}
.bc-about:where(.bc-about--contact) .bc-about-items{grid-template-columns: 1fr; gap: 18px;}
.bc-about:where(.bc-about--contact) .bc-about-item{padding: 24px;}
.bc-about:where(.bc-about--contact) .bc-about-pillars{gap: 12px;}
:where(.bc-about--contact) .bc-about-pillars span{font-size: 11px;}
.bc-about:where(.bc-about--contact) .bc-about-actions{gap: 12px;}
.bc-about--contact{padding-top: 0px; padding-bottom: 48px;}
.bc-about--contact.bc-about-bg--blue .bc-about-layout{margin-left: 14px; margin-right: 14px; padding: 36px 24px; border-radius: 20px;}
.bc-about--contact .bc-about-title{font-size: 29px;}
}
@media (prefers-reduced-motion: reduce) {
.bc-about:where(.bc-about--contact) *{animation: auto ease 0s 1 normal none running none !important; transition: none !important; scroll-behavior: auto !important;}
}
.bc-about:where(.bc-about--contact){scroll-margin-top: 100px;}
.bc-about:where(.bc-about--contact).bc-about-bg--blue .pbi-hl{background: none; color: rgb(255, 255, 255);}
.bc-about:where(.bc-about--contact).bc-about-bg--blue .bc-about-actions .theme-btn-main.style-2{background: rgb(255, 255, 255);}
.bc-about:where(.bc-about--contact).bc-about-bg--blue .bc-about-actions .theme-btn-main.style-2 .theme-btn,
.bc-about:where(.bc-about--contact).bc-about-bg--blue .bc-about-actions .theme-btn-main.style-2:hover .theme-btn{background: transparent; color: rgb(7, 83, 161);}
.bc-about:where(.bc-about--contact).bc-about-bg--blue .bc-about-actions .theme-btn-main.style-2.pbi-btn-alt{background: rgba(255, 255, 255, 0.13); box-shadow: rgba(255, 255, 255, 0.48) 0px 0px 0px 1px inset;}
.bc-about:where(.bc-about--contact).bc-about-bg--blue .bc-about-actions .theme-btn-main.style-2.pbi-btn-alt .theme-btn,
.bc-about:where(.bc-about--contact).bc-about-bg--blue .bc-about-actions .theme-btn-main.style-2.pbi-btn-alt:hover .theme-btn{background: transparent; color: rgb(255, 255, 255);}
.bc-about:where(.bc-about--contact) .bc-home-word{max-width: 100%; overflow-wrap: anywhere; white-space: normal !important;}
.bc-about:where(.bc-about--contact) .bc-home-char{display: inline-block;}
.bc-about:where(.bc-about--contact) .bc-home-enter{animation-duration: 1s; animation-fill-mode: both; animation-delay: var(--bc-home-delay,0s);}
.bc-about:where(.bc-about--contact) .bc-home-fade{animation-name: bcHomeFadeInUp_contact;}
.bc-about:where(.bc-about--contact) .bc-home-bounce{animation-name: bcHomeBounceInUp_contact;}
@keyframes bcHomeFadeInUp_contact { 
  0% { opacity: 0; transform: translate3d(0px, 100%, 0px); }
  100% { opacity: 1; transform: none; }
}
@keyframes bcHomeBounceInUp_contact { 
  0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; transform: translate3d(0px, 3000px, 0px); }
  60% { opacity: 1; transform: translate3d(0px, -20px, 0px); }
  75% { transform: translate3d(0px, 10px, 0px); }
  90% { transform: translate3d(0px, -5px, 0px); }
  100% { transform: translate3d(0px, 0px, 0px); }
}
.bc-about:where(.bc-about--contact) .bc-about-item{position: relative; isolation: isolate; transition: box-shadow 0.35s, border-color 0.35s, background-color 0.35s;}
.bc-about:where(.bc-about--contact) .bc-about-item h3,
.bc-about:where(.bc-about--contact) .bc-about-item p,
.bc-about:where(.bc-about--contact) .bc-about-item i,
.bc-about:where(.bc-about--contact) .bc-about-number{transition: color 0.5s;}
.bc-about:where(.bc-about--contact) .bc-about-actions a:focus-visible{box-shadow: rgba(128, 186, 255, 0.27) 0px 0px 0px 5px;}
.bc-about:where(.bc-about--contact):focus{outline: none;}
@media (prefers-reduced-motion: reduce) {
.bc-about:where(.bc-about--contact) .bc-home-enter{animation: auto ease 0s 1 normal none running none !important;}
.bc-about:where(.bc-about--contact) .bc-about-item::before{transition: none !important;}
}
.bc-about:where(.bc-about--contact) .bc-home-pending{visibility: hidden;}
@media (prefers-reduced-motion: reduce) {
.bc-about:where(.bc-about--contact) .bc-home-pending{visibility: visible;}
}


.xtpb-builder-container .xtpb-section.xtpb-row-1790403950520, .xtpb-builder-container .xtpb-section__inner.xtpb-row-1790403950520, .xtpb-builder-container .xtpb-inner-section.xtpb-row-1790403950520, .xtpb-builder-container .xtpb-inner-section__inner.xtpb-row-1790403950520 { padding: 0px 0px 0px 0px;; }.xtpb-row-1790403950520:after{content: " "; display: block; position: absolute; height: 100%; top: 0; left: 0; right: 0; z-index: -1; opacity: 0.4; }.xtpb-builder-container .xtpb-section.xtpb-row-1790403950523, .xtpb-builder-container .xtpb-section__inner.xtpb-row-1790403950523, .xtpb-builder-container .xtpb-inner-section.xtpb-row-1790403950523, .xtpb-builder-container .xtpb-inner-section__inner.xtpb-row-1790403950523 { padding: 0px 0px 0px 0px;; }.xtpb-row-1790403950523:after{content: " "; display: block; position: absolute; height: 100%; top: 0; left: 0; right: 0; z-index: -1; opacity: 0.4; }.xtpb-builder-container .xtpb-section.xtpb-row-1790403950526, .xtpb-builder-container .xtpb-section__inner.xtpb-row-1790403950526, .xtpb-builder-container .xtpb-inner-section.xtpb-row-1790403950526, .xtpb-builder-container .xtpb-inner-section__inner.xtpb-row-1790403950526 { padding: 0px 0px 0px 0px;; }.xtpb-row-1790403950526:after{content: " "; display: block; position: absolute; height: 100%; top: 0; left: 0; right: 0; z-index: -1; opacity: 0.4; }.xtpb-builder-container .xtpb-section.xtpb-row-1790403950529, .xtpb-builder-container .xtpb-section__inner.xtpb-row-1790403950529, .xtpb-builder-container .xtpb-inner-section.xtpb-row-1790403950529, .xtpb-builder-container .xtpb-inner-section__inner.xtpb-row-1790403950529 { padding: 0px 0px 0px 0px;; }.xtpb-row-1790403950529:after{content: " "; display: block; position: absolute; height: 100%; top: 0; left: 0; right: 0; z-index: -1; opacity: 0.4; }.xtpb-builder-container .xtpb-section.xtpb-row-1790403950532, .xtpb-builder-container .xtpb-section__inner.xtpb-row-1790403950532, .xtpb-builder-container .xtpb-inner-section.xtpb-row-1790403950532, .xtpb-builder-container .xtpb-inner-section__inner.xtpb-row-1790403950532 { padding: 0px 0px 0px 0px;; }.xtpb-row-1790403950532:after{content: " "; display: block; position: absolute; height: 100%; top: 0; left: 0; right: 0; z-index: -1; opacity: 0.4; }.xtpb-builder-container .xtpb-section.xtpb-row-1790403950535, .xtpb-builder-container .xtpb-section__inner.xtpb-row-1790403950535, .xtpb-builder-container .xtpb-inner-section.xtpb-row-1790403950535, .xtpb-builder-container .xtpb-inner-section__inner.xtpb-row-1790403950535 { padding: 0px 0px 0px 0px;; }.xtpb-row-1790403950535:after{content: " "; display: block; position: absolute; height: 100%; top: 0; left: 0; right: 0; z-index: -1; opacity: 0.4; }.xtpb-builder-container .xtpb-section.xtpb-row-1790403950538, .xtpb-builder-container .xtpb-section__inner.xtpb-row-1790403950538, .xtpb-builder-container .xtpb-inner-section.xtpb-row-1790403950538, .xtpb-builder-container .xtpb-inner-section__inner.xtpb-row-1790403950538 { padding: 0px 0px 0px 0px;; }.xtpb-row-1790403950538:after{content: " "; display: block; position: absolute; height: 100%; top: 0; left: 0; right: 0; z-index: -1; opacity: 0.4; }.xtpb-builder-container .xtpb-section > .xtpb-section__inner,.xtpb-carousel-content-wrap .xtpb-container{max-width:1920px;padding-left:0px;padding-right:0px;box-sizing:border-box;}@media (max-width:767px){.xtpb-builder-container .xtpb-section > .xtpb-section__inner,.xtpb-carousel-content-wrap .xtpb-container{padding-left:0px;padding-right:0px;}}.xtpb-builder-container .xtpb-container-full{max-width:none;}.xtpb-builder-container .xtpb-section__grid,.xtpb-builder-container .xtpb-inner-section__grid{gap:var(--xtpb-gap,30px);}