/* PlaymakerAI V4: 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-pm { font-variant-numeric: tabular-nums; }
.cf-pm { --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-pm { --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-pm { --pad:20px } }
:where(.cf-pm) a { color: #264363; } :where(.cf-pm) a:hover { color: #3E6FA5; }
.cf-pm [hidden] { display: none !important; }
@media (max-width: 767px) { .pmh0 { display: none !important; } }
@media (min-width: 768px) and (max-width: 1023px) { .pmh1 { display: none !important; } }
@media (min-width: 1024px) and (max-width: 1099px) { .pmh2 { display: none !important; } }
@media (min-width: 1100px) { .pmh3 { display: none !important; } }
.pm1 { outline: none; }
.pm2 { max-width: 1360px; margin: 0 auto; padding: 24px var(--pad) 0; font-size: 14px; color: #264363; display: flex; gap: 8px; flex-wrap: wrap; }
.pm3 { color: #264363; text-decoration: none; border-bottom: 1px solid #BFB7A8; }
.pm3:hover { color:#122236;border-color:#122236; }
.pm4 { color: #122236; }
.pm5 { max-width: 1360px; margin: 0 auto; padding: calc(var(--sec) - 48px) var(--pad) var(--sec); display: flex; flex-direction: column; gap: 32px; }
.pm6 { 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; }
.pm7 { margin: 0; display: flex; flex-wrap: wrap; align-items: baseline; gap: 8px 16px; }
.pm8 { font: 500 20px/1.2 'Inter Tight',Inter,sans-serif; color: #122236; }
.pm9 { margin: 0; max-width: 640px; font-size: var(--t-intro); line-height: 1.5; color: #24364F; text-wrap: pretty; }
.pm10 { align-self: flex-start; display: inline-flex; align-items: center; gap: 12px; padding: 16px 24px; background: #122236; color: #FFFFFF; font-weight: 500; font-size: 16px; text-decoration: none; white-space: nowrap; transition: background 160ms; margin-top: 16px; }
.pm10:hover { background:#24364F;color:#FFFFFF; }
.pm11 { scroll-margin-top: 64px; background: #F7F5F2; }
.pm12 { max-width: 1360px; margin: 0 auto; padding: var(--sec) var(--pad); }
.pm13 { display: flex; flex-direction: column; gap: 24px; }
.pm14 { 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; max-width: 16ch; }
.pm15 { margin-top: var(--gap-hc); background: #FFFFFF; border: 1px solid #D8D2C8; }
.pm16 { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); border-bottom: 1px solid #D8D2C8; }
.pm17 { min-height: 64px; padding: 24px 16px; border: 0; border-left: 0; background: transparent; color: #122236; cursor: pointer; text-align: left; display: flex; flex-direction: column; gap: 8px; box-shadow: inset 0 -2px 0 #122236; transition: color 160ms; }
.pm18 { min-height: 64px; padding: 24px 16px; border: 0; border-left: 0; background: transparent; color: #264363; cursor: pointer; text-align: left; display: flex; flex-direction: column; gap: 8px; box-shadow: none; transition: color 160ms; }
.pm19 { display: flex; gap: 12px; align-items: baseline; }
.pm20 { font: 500 12px/1 'Inter Tight',Inter,sans-serif; color: #122236; }
.pm21 { font: 500 12px/1 'Inter Tight',Inter,sans-serif; color: #3E6FA5; }
.pm22 { font: 500 var(--t-title)/1.1 'Inter Tight',Inter,sans-serif; letter-spacing: -0.015em; }
.pm23 { font-size: 14px; line-height: 1.5; color: #264363; }
.pm24 { min-height: 64px; padding: 24px 16px; border: 0; border-left: 1px solid #EAE5DC; background: transparent; color: #264363; cursor: pointer; text-align: left; display: flex; flex-direction: column; gap: 8px; box-shadow: none; transition: color 160ms; }
.pm25 { min-height: 64px; padding: 24px 16px; border: 0; border-left: 1px solid #EAE5DC; background: transparent; color: #122236; cursor: pointer; text-align: left; display: flex; flex-direction: column; gap: 8px; box-shadow: inset 0 -2px 0 #122236; transition: color 160ms; }
.pm26 { padding: 16px 16px; border-bottom: 1px solid #EAE5DC; display: flex; justify-content: space-between; gap: 16px; font-size: 14px; line-height: 1; color: #264363; }
.pm27 { flex: 1 1 auto; min-width: 0; font: 500 14px/1 'Inter Tight',Inter,sans-serif; color: #122236; }
.pm28 { font-weight: 400; color: #264363; }
.pm29 { flex: none; white-space: nowrap; }
.pm30 { display: grid; grid-template-columns: minmax(0,1fr); }
.pm31 { min-width: 0; padding: 32px 16px 0; }
.pm32 { display: block; font: 500 var(--t-title)/1.2 'Inter Tight',Inter,sans-serif; color: #122236; }
.pm33 { display: block; margin-top: 8px; font-size: 14px; color: #264363; }
.pm34 { margin: 32px 0 0; border-top: 1px solid #122236; }
.pm35 { display: grid; grid-template-columns: minmax(0,1fr); gap: 8px 32px; padding: 20px 0; border-bottom: 1px solid #EAE5DC; }
.pm36 { font-size: 14px; line-height: 1.6; font-weight: 600; color: #264363; }
.pm37 { margin: 0; display: flex; flex-direction: column; gap: 8px; }
.pm38 { font-size: 16px; line-height: 1.6; color: #122236; text-wrap: pretty; }
.pm39 { background: transparent; box-shadow: none; -webkit-box-decoration-break: clone; box-decoration-break: clone; }
.pm40 { background: #FFF0E3; box-shadow: inset 0 -2px 0 #FF8001; -webkit-box-decoration-break: clone; box-decoration-break: clone; }
.pm41 { margin: 0; max-width: 640px; font-size: 14px; line-height: 1.6; color: #264363; padding: 24px 0 32px; }
.pm42 { min-width: 0; padding: 32px 16px; border-left: 0; border-top: 1px solid #EAE5DC; display: flex; flex-direction: column; gap: 24px; }
.pm43 { list-style: none; margin: 0; padding: 0; border-top: 1px solid #122236; }
.pm44 { display: flex; justify-content: space-between; align-items: baseline; gap: 16px; padding: 16px 0; border-bottom: 1px solid #EAE5DC; }
.pm45 { flex: 1 1 auto; min-width: 0; font-size: 16px; line-height: 1.4; color: #122236; }
.pm46 { flex: none; font-size: 14px; line-height: 1; color: #264363; }
.pm47 { flex: none; font-size: 14px; line-height: 1; color: #7C7567; }
.pm48 { font-size: 12px; line-height: 1; color: #122236; }
.pm49 { flex: none; font-size: 14px; line-height: 1; color: #122236; }
.pm50 { scroll-margin-top: 64px; background: #FFFFFF; }
.pm51 { list-style: none; margin: var(--gap-hc) 0 0; padding: 0; display: grid; grid-template-columns: repeat(1,minmax(0,1fr)); border-top: 1px solid #122236; }
.pm52 { padding: 32px 0; border-left: 0; border-bottom: 1px solid #D8D2C8; display: flex; flex-direction: column; gap: 16px; }
.pm53 { font: 500 14px/1 'Inter Tight',Inter,sans-serif; color: #3E6FA5; }
.pm54 { margin: 0; font-family: 'Inter Tight',Inter,sans-serif; font-weight: 500; font-size: 20px; line-height: 1.2; letter-spacing: -0.015em; color: #122236; }
.pm55 { margin: 0; font-size: 16px; line-height: 1.6; color: #24364F; text-wrap: pretty; }
.pm56 { padding: 32px 0; border-left: 0; border-bottom: 1px solid #D8D2C8; display: flex; flex-direction: column; gap: 16px; }
.pm57 { padding: 32px 0; border-left: 0; border-bottom: 1px solid #D8D2C8; display: flex; flex-direction: column; gap: 16px; }
.pm58 { scroll-margin-top: 64px; background: #FFFFFF; border-top: 1px solid #D8D2C8; }
.pm59 { 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; max-width: 15ch; }
.pm60 { margin-top: var(--gap-hc); border-top: 1px solid #122236; }
.pm61 { display: grid; grid-template-columns: minmax(0,1fr); gap: 16px 48px; padding: 32px 0; border-bottom: 1px solid #D8D2C8; }
.pm62 { margin: 0; font-family: 'Inter Tight',Inter,sans-serif; font-weight: 500; font-size: var(--t-title); line-height: 1.2; letter-spacing: -0.015em; color: #122236; display: flex; gap: 24px; align-items: baseline; }
.pm63 { flex: none; width: 24px; font-size: 14px; font-weight: 500; color: #3E6FA5; }
.pm64 { display: flex; flex-direction: column; gap: 16px; }
.pm65 { margin: 0; max-width: 640px; font-size: 16px; line-height: 1.6; color: #122236; text-wrap: pretty; }
.pm66 { margin: 0; font-size: 14px; line-height: 1.6; color: #264363; }
.pm67 { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; gap: 32px 96px; }
.pm68 { display: flex; gap: 32px; border-bottom: 1px solid #D8D2C8; }
.pm69 { min-height: 48px; padding: 12px 0; border: 0; background: transparent; color: #122236; cursor: pointer; font: 500 20px/1 'Inter Tight',Inter,sans-serif; box-shadow: inset 0 -2px 0 #122236; }
.pm70 { min-height: 48px; padding: 12px 0; border: 0; background: transparent; color: #264363; cursor: pointer; font: 500 20px/1 'Inter Tight',Inter,sans-serif; box-shadow: none; }
.pm71 { margin-top: var(--gap-hc); display: grid; grid-template-columns: minmax(0,1fr); gap: 48px 96px; border-top: 1px solid #122236; padding-top: 48px; }
.pm72 { 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; }
.pm73 { margin: 0; max-width: 640px; font-size: 16px; line-height: 1.6; color: #24364F; text-wrap: pretty; }
.pm74 { list-style: none; margin: 16px 0 0; padding: 0; border-top: 1px solid #D8D2C8; }
.pm75 { padding: 16px 0; border-bottom: 1px solid #D8D2C8; font-size: 16px; line-height: 1.5; color: #122236; }
.pm76 { margin: 0; align-self: start; border: 1px solid #D8D2C8; background: #FFFFFF; display: flex; }
.pm77 { flex: none; width: 48px; border-right: 1px solid #EAE5DC; display: flex; flex-direction: column; align-items: center; gap: 16px; padding: 24px 0; }
.pm78 { width: 12px; height: 12px; background: #122236; }
.pm79 { width: 12px; height: 12px; border: 1px solid #BFB7A8; }
.pm80 { flex: 1 1 auto; min-width: 0; padding: 24px 24px 8px; }
.pm81 { display: block; font: 500 14px/1 'Inter Tight',Inter,sans-serif; color: #264363; }
.pm82 { display: block; margin-top: 12px; font: 500 20px/1.2 'Inter Tight',Inter,sans-serif; color: #122236; }
.pm83 { margin: 24px 0 0; border-top: 1px solid #122236; }
.pm84 { display: flex; flex-direction: column; gap: 4px; padding: 16px 0; border-bottom: 1px solid #EAE5DC; }
.pm85 { font-size: 12px; line-height: 1; color: #264363; }
.pm86 { margin: 0; font-size: 16px; line-height: 1.5; color: #122236; }
.pm87 { 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; max-width: 14ch; }
.pm88 { display: grid; grid-template-columns: repeat(1,minmax(0,1fr)); border-top: 1px solid #122236; margin-top: var(--gap-hc); }
.pm89 { padding: 32px 0; border-left: 0; border-bottom: 1px solid #D8D2C8; display: flex; flex-direction: column; gap: 16px; }
.pm90 { margin: 0; font-family: 'Inter Tight',Inter,sans-serif; font-weight: 500; font-size: var(--t-title); line-height: 1.2; letter-spacing: -0.015em; color: #122236; }
.pm91 { padding: 32px 0; border-left: 0; border-bottom: 1px solid #D8D2C8; display: flex; flex-direction: column; gap: 16px; }
.pm92 { padding: 32px 0; border-left: 0; border-bottom: 1px solid #D8D2C8; display: flex; flex-direction: column; gap: 16px; }
.pm93 { 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; display: inline-block; margin-top: 48px; }
.pm93:hover { color:#3E6FA5;border-color:#4275AE; }
.pm94 { 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; margin-top: var(--sec); }
.pm95 { display: grid; grid-template-columns: repeat(1,minmax(0,1fr)); border-top: 1px solid #122236; margin-top: 48px; }
.pm96 { font-size: 14px; line-height: 1; color: #264363; }
.pm97 { margin: 0; font-size: 16px; line-height: 1.6; color: #24364F; }
.pm98 { background: #122236; color: #FFFFFF; }
.pm99 { max-width: 1360px; margin: 0 auto; padding: var(--sec) var(--pad); display: flex; flex-direction: column; gap: 32px; }
.pm100 { 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: 13ch; text-wrap: balance; }
.pm101 { margin: 0; max-width: 640px; font-size: var(--t-intro); line-height: 1.5; color: #DCE7F4; text-wrap: pretty; }
.pm102 { align-self: flex-start; 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; margin-top: 16px; }
.pm102:hover { background:#DCE7F4;color:#122236; }
@media (min-width: 768px) {
  .pm17 { padding: 24px 32px; }
  .pm18 { padding: 24px 32px; }
  .pm24 { padding: 24px 32px; }
  .pm25 { padding: 24px 32px; }
  .pm26 { padding: 16px 32px; }
  .pm31 { padding: 32px 32px 0; }
  .pm35 { grid-template-columns: minmax(0,180px) minmax(0,1fr); }
  .pm42 { padding: 32px 32px; }
  .pm88 { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .pm89 { padding: 32px 32px 0 0; border-bottom: 0; }
  .pm91 { padding: 32px 32px 0 32px; border-left: 1px solid #D8D2C8; border-bottom: 0; }
  .pm92 { padding: 32px 0 0 32px; border-left: 1px solid #D8D2C8; border-bottom: 0; }
  .pm95 { grid-template-columns: repeat(3,minmax(0,1fr)); }
}
@media (min-width: 1024px) {
  .pm30 { grid-template-columns: minmax(0,2fr) minmax(0,1fr); }
  .pm42 { border-left: 1px solid #EAE5DC; border-top: 0; }
  .pm61 { grid-template-columns: minmax(0,1fr) minmax(0,1.6fr) minmax(0,0.8fr); }
  .pm71 { grid-template-columns: minmax(0,1fr) minmax(0,1fr); }
}
@media (min-width: 1100px) {
  .pm51 { grid-template-columns: repeat(5,minmax(0,1fr)); }
  .pm52 { padding: 32px 32px 0 0; border-bottom: 0; }
  .pm56 { padding: 32px 32px 0 32px; border-left: 1px solid #D8D2C8; border-bottom: 0; }
  .pm57 { padding: 32px 0 0 32px; border-left: 1px solid #D8D2C8; border-bottom: 0; }
}