/* Products Overview V5: generated from the approved design by its build script (do not edit by hand).
   Base values are the design at 390px; the 768, 1024, 1100px blocks are its values at 900, 1060, 1440. */
.cf-po { font-variant-numeric: tabular-nums; }
.cf-po { --pad:41px;--sec:115px;--gap-hc:70px;--t-hero:72px;--t-h2:48px;--t-stmt:32px;--t-title:24px;--t-intro:20px }
@media (max-width:767px) { .cf-po { --pad:40px;--sec:60px;--gap-hc:40px;--t-hero:42px;--t-h2:35px;--t-stmt:24px;--t-title:22px;--t-intro:18px } }
@media (max-width:360px) { .cf-po { --pad:20px } }
:where(.cf-po) a { color: #264363; } :where(.cf-po) a:hover { color: #3E6FA5; }
.cf-po [hidden] { display: none !important; }
@media (max-width: 767px) { .poh0 { display: none !important; } }
@media (min-width: 768px) and (max-width: 1023px) { .poh1 { display: none !important; } }
@media (min-width: 1024px) and (max-width: 1099px) { .poh2 { display: none !important; } }
@media (min-width: 1100px) { .poh3 { display: none !important; } }
.po1 { outline: none; }
.po2 { max-width: 1360px; margin: 0 auto; padding: var(--sec) var(--pad) 0; display: flex; flex-direction: column; gap: 32px; }
.po3 { margin: 0; font-family: 'Inter Tight',Inter,sans-serif; font-weight: 400; font-size: var(--t-hero); line-height: 0.98; letter-spacing: -0.035em; color: #122236; max-width: 12ch; text-wrap: balance; }
.po4 { margin: 0; max-width: 640px; font-size: var(--t-intro); line-height: 1.5; color: #24364F; text-wrap: pretty; }
.po5 { max-width: 1360px; margin: 0 auto; padding: var(--sec) var(--pad); }
.po6 { display: grid; grid-template-columns: minmax(0,1fr); column-gap: 96px; border-top: 1px solid #122236; }
.po7 { min-width: 0; display: flex; flex-direction: column; gap: 32px; padding: 48px 0; }
.po8 { display: flex; flex-direction: column; gap: 16px; }
.po9 { font: 500 14px/1 'Inter Tight',Inter,sans-serif; color: #3E6FA5; }
.po10 { margin: 0; font-family: 'Inter Tight',Inter,sans-serif; font-weight: 400; font-size: var(--t-h2); line-height: 1.04; letter-spacing: -0.03em; color: #122236; text-wrap: balance; }
.po11 { margin: 0; font-family: 'Inter Tight',Inter,sans-serif; font-weight: 400; font-size: var(--t-title); line-height: 1.3; letter-spacing: -0.02em; color: #122236; text-wrap: balance; max-width: 20ch; }
.po12 { margin: 0; border: 1px solid #D8D2C8; background: #FFFFFF; display: flex; flex-direction: column; min-height: auto; }
.po13 { flex: none; display: flex; align-items: center; gap: 12px; padding: 16px 24px; border-bottom: 1px solid #EAE5DC; }
.po14 { flex: 1 1 auto; min-width: 0; font: 500 14px/1 'Inter Tight',Inter,sans-serif; color: #122236; }
.po15 { flex: 1; display: flex; flex-direction: column; justify-content: center; gap: 24px; padding: 32px 24px; }
.po16 { margin: 0; align-self: flex-end; max-width: 80%; padding: 16px; background: #F1EEE8; font-size: 16px; line-height: 1.5; color: #122236; }
.po17 { align-self: flex-start; max-width: 90%; display: flex; flex-direction: column; gap: 12px; }
.po18 { font-size: 12px; line-height: 1; color: #264363; }
.po19 { margin: 0; font-size: 16px; line-height: 1.5; color: #122236; }
.po20 { background: #FFF0E3; box-shadow: inset 0 -2px 0 #FF8001; }
.po21 { margin: 0; max-width: 640px; font-size: 16px; line-height: 1.6; color: #24364F; text-wrap: pretty; }
.po22 { display: flex; flex-direction: column; gap: 8px; padding-top: 24px; border-top: 1px solid #D8D2C8; }
.po23 { font-size: 14px; font-weight: 600; color: #264363; }
.po24 { max-width: 640px; font-size: 16px; line-height: 1.6; color: #122236; }
.po25 { margin-top: auto; align-self: flex-start; white-space: nowrap; font-weight: 600; font-size: 16px; color: #122236; text-decoration: none; border-bottom: 1px solid #122236; padding-bottom: 4px; }
.po25:hover { color:#3E6FA5;border-color:#4275AE; }
.po26 { border-top: 1px solid #D8D2C8; min-width: 0; display: flex; flex-direction: column; gap: 32px; padding: 48px 0; }
.po27 { flex: 1; display: flex; min-height: 0; }
.po28 { flex: none; width: 48px; border-right: 1px solid #EAE5DC; display: flex; flex-direction: column; align-items: center; gap: 16px; padding: 24px 0; }
.po29 { width: 12px; height: 12px; background: #122236; }
.po30 { width: 12px; height: 12px; border: 1px solid #BFB7A8; }
.po31 { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; padding: 24px 24px 0; }
.po32 { font: 500 20px/1.2 'Inter Tight',Inter,sans-serif; color: #122236; }
.po33 { display: flex; gap: 24px; margin-top: 16px; border-bottom: 1px solid #EAE5DC; font-size: 14px; color: #264363; white-space: nowrap; overflow: hidden; }
.po34 { padding: 8px 0; color: #122236; box-shadow: inset 0 -2px 0 #122236; }
.po35 { padding: 8px 0; }
.po36 { margin: 0; display: flex; flex-direction: column; }
.po37 { display: flex; flex-direction: column; gap: 4px; padding: 16px 0; border-bottom: 1px solid #EAE5DC; }
.po38 { margin: 0; font-size: 16px; line-height: 1.4; color: #122236; }
.po39 { background: transparent; box-shadow: none; }
.po40 { background: #F7F5F2; }
.po41 { margin-top: var(--gap-hc); border-top: 1px solid #122236; }
.po42 { display: grid; grid-template-columns: minmax(0,1fr); gap: 0 48px; padding: 24px 0; border-bottom: 1px solid #BFB7A8; }
.po43 { font: 500 var(--t-title)/1.2 'Inter Tight',Inter,sans-serif; color: #122236; }
.po44 { display: grid; grid-template-columns: minmax(0,1fr); gap: 8px 48px; padding: 24px 0; border-bottom: 1px solid #D8D2C8; }
.po45 { font-size: 14px; font-weight: 600; line-height: 1.6; color: #264363; }
.po46 { font-size: 16px; line-height: 1.6; color: #122236; }
.po47 { display: block; font-size: 12px; color: #3E6FA5; }
.po48 { display: block; font-size: 12px; color: #3E6FA5; margin-top: 8px; }
.po49 { max-width: 1360px; margin: 0 auto; padding: var(--sec) var(--pad); display: flex; flex-direction: column; gap: 32px; }
.po50 { margin: 0; font-family: 'Inter Tight',Inter,sans-serif; font-weight: 400; font-size: var(--t-stmt); line-height: 1.2; letter-spacing: -0.02em; color: #122236; text-wrap: balance; max-width: 24ch; }
.po51 { align-self: flex-start; font-weight: 600; font-size: 16px; color: #122236; text-decoration: none; border-bottom: 1px solid #122236; padding-bottom: 4px; }
.po51:hover { color:#3E6FA5;border-color:#4275AE; }
.po52 { background: #122236; color: #FFFFFF; }
.po53 { margin: 0; font-family: 'Inter Tight',Inter,sans-serif; font-weight: 400; font-size: var(--t-hero); line-height: 0.98; letter-spacing: -0.035em; color: #FFFFFF; max-width: 12ch; text-wrap: balance; }
.po54 { margin: 0; max-width: 640px; font-size: var(--t-intro); line-height: 1.5; color: #DCE7F4; text-wrap: pretty; }
.po55 { align-self: flex-start; margin-top: 16px; display: inline-flex; align-items: center; gap: 12px; padding: 16px 24px; background: #FFFFFF; color: #122236; font-weight: 500; font-size: 16px; text-decoration: none; white-space: nowrap; transition: background 160ms; }
.po55:hover { background:#DCE7F4;color:#122236; }
@media (min-width: 768px) {
  .po12 { min-height: 400px; }
  .po42 { grid-template-columns: minmax(0,1fr) minmax(0,1.5fr) minmax(0,1.5fr); }
  .po44 { grid-template-columns: minmax(0,1fr) minmax(0,1.5fr) minmax(0,1.5fr); }
}
@media (min-width: 1024px) {
  .po6 { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .po7 { padding: 48px 0 0; }
  .po26 { border-top: 0; padding: 48px 0 0; }
}