/* Careers (scripts/build_livepages.py): the live page's content in the site kit. Same tokens as pages38.css: flame / ice
   gradients, frosted glass on the photo bands, white cards on the light bands. cr- prefix. */
#openings, #career-path, #apply { scroll-margin-top: 120px; }

/* eyebrow above an H2 (the live page's own kicker lines) */
.cr-kick { margin: 0 0 12px; font: 800 13px/1.2 var(--fh); letter-spacing: .16em; text-transform: uppercase; color: #C4411A; }
.cr-kick--on { color: #F7934A; }
.cta--inner .cr-kick, .cr-openband .cr-kick, .cr-benband .cr-kick { text-align: center; }

/* hero: the "Open Positions" card in the form's place */
.cr-roster { overflow: hidden; border-radius: 18px; background: #FFFFFF; clip-path: polygon(0 0, calc(100% - 40px) 0, 100% 40px, 100% 100%, 0 100%);
  box-shadow: inset 0 4px 0 #F0641E, 0 50px 90px -50px rgba(0, 0, 0, .9); }
.cr-roster .qh { display: block; padding: 30px 30px 0; background: none; }
.cr-roster .qh::after, .cr-roster .qh__torch { display: none; }
.cr-roster .quote__title { margin: 0; color: var(--night); font: 900 30px/1.1 var(--fh); letter-spacing: -.02em; }
.cr-roster .quote__title::before { content: ""; display: block; width: 40px; height: 4px; margin-bottom: 14px; border-radius: 4px; background: linear-gradient(90deg, #F0641E, #F58A3C); }
.cr-roster__body { display: grid; gap: 16px; padding: 18px 30px 30px; }
.cr-roster__where { display: flex; align-items: center; gap: 8px; margin: 0; font-weight: 700; color: var(--muted); }
.cr-roster__where .i { width: 20px; height: 20px; fill: #1E88D6; }
.cr-roster__role { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 4px 14px; padding: 20px 22px; border-radius: 14px; text-decoration: none;
  color: var(--night); background: linear-gradient(160deg, #FDECE2, #FFF6F0); box-shadow: inset 0 0 0 1px rgba(240, 100, 30, .28); transition: transform .25s var(--ease), box-shadow .25s var(--ease); }
.cr-roster__role:hover { transform: translateY(-2px); box-shadow: inset 0 0 0 1px rgba(240, 100, 30, .55), 0 18px 30px -22px rgba(196, 65, 26, .6); }
.cr-roster__nm { font: 900 23px/1.15 var(--fh); letter-spacing: -.01em; }
.cr-roster__tag { grid-row: 2; justify-self: start; padding: 4px 12px; border-radius: 99px; font: 800 13px/1.4 var(--fh); letter-spacing: .04em; color: #FFFFFF;
  background: linear-gradient(145deg, #5FB3EC, #1E88D6 55%, #0E67A8); }
.cr-roster__go { grid-row: 1 / span 2; grid-column: 2; display: grid; place-items: center; width: 46px; height: 46px; border-radius: 50%; color: #FFFFFF;
  background: linear-gradient(145deg, #F7934A 0%, #F0641E 50%, #C4411A 100%); }
.cr-roster__go .i { width: 20px; height: 20px; fill: currentColor; }
.cr-roster__count { display: flex; align-items: baseline; gap: 10px; margin: 0; padding-top: 4px; color: var(--muted); font-weight: 700; }
.cr-roster__count b { font: 900 46px/1 var(--fh); color: var(--orange); }
.cr-roster__note { margin: 0; padding-top: 14px; border-top: 1px solid var(--line); font-size: 15.5px; line-height: 1.6; color: var(--muted); }
@media (max-width: 767px) {
  .cr-roster { clip-path: polygon(0 0, calc(100% - 28px) 0, 100% 28px, 100% 100%, 0 100%); }
  .cr-roster .qh { padding: 24px 18px 0; } .cr-roster .quote__title { font-size: 26px; } .cr-roster__body { padding: 16px 18px 22px; }
  .cr-roster__role { padding: 16px; } .cr-roster__nm { font-size: 20px; }
}

/* 1 Why We Are Hiring */
.cr-split { display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr); gap: 64px; align-items: center; }
.cr-copy .lead { margin-top: 18px; color: var(--muted); }
.cr-copy .lead a { color: var(--blue-ink); font-weight: 700; }
.cr-note { margin-top: 22px; padding: 16px 20px; border-left: 4px solid #1E88D6; border-radius: 0 12px 12px 0; background: var(--tint-ice); font-weight: 700; color: var(--night); }
.cr-ph { position: relative; margin: 0; }
.cr-ph::before { content: ""; position: absolute; inset: 22px -22px -22px 22px; border-radius: 26px; background: linear-gradient(145deg, #F7934A, #F0641E 45%, #1E88D6); opacity: .9; }
.cr-ph img { position: relative; display: block; width: 100%; height: auto; aspect-ratio: 4 / 3.3; object-fit: cover; border-radius: 26px; box-shadow: 0 40px 60px -40px rgba(11, 22, 34, .6); }
@media (max-width: 1023px) { .cr-split { grid-template-columns: 1fr; gap: 48px; } .cr-ph { max-width: 640px; margin-right: 22px; } }

/* 2 Why Professionals Choose (dark) */
.cr-whyband .sec__bg::after { background: linear-gradient(100deg, rgba(11, 22, 34, .94), rgba(11, 22, 34, .84) 55%, rgba(11, 22, 34, .7)); }
.cr-why { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, .9fr); gap: 64px; align-items: center; }
.cr-why .h2 { color: #FFFFFF; }
.cr-why .lead { margin-top: 18px; color: #FFFFFF; font-weight: 700; }
.cr-body { margin-top: 14px; font-size: 17px; line-height: 1.7; color: rgba(247, 249, 251, .84); }
.cr-why__lab { margin: 0 0 16px; font: 800 15px/1.2 var(--fh); letter-spacing: .14em; text-transform: uppercase; color: rgba(247, 249, 251, .72); }
.cr-vals { display: grid; gap: 12px; margin: 0; padding: 0; list-style: none; }
.cr-val, .cr-ben { display: flex; align-items: center; gap: 18px; padding: 14px 22px 14px 14px; border-radius: 18px;
  background: linear-gradient(160deg, rgba(255, 255, 255, .11), rgba(255, 255, 255, .04)); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .16), inset 0 1px 0 rgba(255, 255, 255, .22), 0 30px 50px -36px rgba(0, 0, 0, .9); }
.cr-val .p38-fb__ic, .cr-ben .p38-fb__ic { display: grid; place-items: center; width: 54px; height: 54px; flex: none; border-radius: 50%; color: #FFFFFF;
  background: linear-gradient(145deg, #F7934A 0%, #F0641E 50%, #C4411A 100%); box-shadow: 0 14px 26px -12px rgba(196, 65, 26, .7); }
.cr-val--ice .p38-fb__ic, .cr-ben--ice .p38-fb__ic { background: linear-gradient(145deg, #5FB3EC 0%, #1E88D6 48%, #0E67A8 100%); box-shadow: 0 14px 26px -12px rgba(14, 103, 168, .7); }
.cr-val .i, .cr-ben .i { width: 28px; height: 28px; fill: currentColor; }
.cr-val__t { font: 700 22px/1.2 var(--fd); letter-spacing: .01em; color: #FFFFFF; }
@media (max-width: 1023px) { .cr-why { grid-template-columns: 1fr; gap: 40px; } }
@media (max-width: 767px) { .cr-val .p38-fb__ic, .cr-ben .p38-fb__ic { width: 46px; height: 46px; } .cr-val__t { font-size: 20px; } }

/* 3 What Sets Apart: the photo + panels band (pages38.css), the first panel's link */
.cr-apart .p38-pp__head .h2 { max-width: 760px; }
.cr-go { display: inline-flex; align-items: center; gap: 8px; color: #0E67A8; font-weight: 800; text-decoration: none; }
.cr-go .i { width: 16px; height: 16px; fill: currentColor; transition: transform .25s var(--ease); }
.cr-go:hover .i { transform: translateX(3px); }

/* 4 Current Openings (dark) */
.cr-openband .sec__bg::after { background: linear-gradient(180deg, rgba(11, 22, 34, .9), rgba(11, 22, 34, .8) 50%, rgba(11, 22, 34, .92)); }
.cr-open__head { text-align: center; }
.cr-open__head .h2 { margin-inline: auto; color: #FFFFFF; }
.cr-roles { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr); gap: 22px; max-width: 1120px; margin: 46px auto 0; align-items: stretch; }
.cr-role { display: flex; flex-direction: column; gap: 12px; padding: 34px 36px 34px; border-radius: 22px;
  background: linear-gradient(160deg, rgba(255, 255, 255, .12), rgba(255, 255, 255, .04)); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .16), inset 0 1px 0 rgba(255, 255, 255, .22), 0 30px 50px -36px rgba(0, 0, 0, .9); }
.cr-role--main { box-shadow: inset 0 4px 0 #F0641E, inset 0 0 0 1px rgba(255, 255, 255, .18), 0 40px 60px -36px rgba(0, 0, 0, .95); }
.cr-role__lvl { align-self: flex-start; padding: 5px 14px; border-radius: 99px; font: 800 13px/1.4 var(--fh); letter-spacing: .12em; text-transform: uppercase; color: #FFFFFF;
  background: linear-gradient(145deg, #F7934A 0%, #F0641E 50%, #C4411A 100%); }
.cr-role__lvl--ice { background: linear-gradient(145deg, #5FB3EC 0%, #1E88D6 48%, #0E67A8 100%); }
.cr-role__h { margin: 4px 0 0; font: 900 32px/1.12 var(--fh); letter-spacing: -.02em; color: #FFFFFF; text-wrap: balance; }
.cr-role--alt .cr-role__h { font-size: 26px; }
.cr-role__meta { display: flex; flex-wrap: wrap; gap: 8px 18px; margin: 0; padding: 0; list-style: none; }
.cr-role__meta li { display: flex; align-items: center; gap: 8px; font-weight: 700; color: rgba(247, 249, 251, .86); }
.cr-role__meta .i { width: 20px; height: 20px; fill: #9CD0F2; }
.cr-role__p { margin: 0; font-size: 16.5px; line-height: 1.7; color: rgba(247, 249, 251, .84); }
.cr-role__pull { margin: 2px 0 0; padding-left: 16px; border-left: 3px solid #F0641E; font-size: 17px; line-height: 1.6; font-weight: 700; color: #FFFFFF; }
.cr-role__act { margin-top: auto; padding-top: 12px; }
.cr-role__go { display: inline-flex; align-items: center; gap: 8px; font-weight: 800; color: #9CD0F2; text-decoration: none; }
.cr-role__go .i { width: 16px; height: 16px; fill: currentColor; }
@media (max-width: 1023px) { .cr-roles { grid-template-columns: 1fr; } }
@media (max-width: 767px) { .cr-role { padding: 26px 22px; } .cr-role__h { font-size: 27px; } .cr-role--alt .cr-role__h { font-size: 23px; } .cr-role__act .btn { width: 100%; } }

/* 5 What We Look For + Career Growth */
.cr-look__head .lead { margin-top: 14px; color: var(--muted); }
.cr-look__lab { margin: 36px 0 0; font: 800 15px/1.2 var(--fh); letter-spacing: .12em; text-transform: uppercase; color: var(--night); }
.cr-traits { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin: 16px 0 0; padding: 0; list-style: none; }
.cr-traits li { display: flex; align-items: center; gap: 14px; min-height: 68px; padding: 12px 18px 12px 12px; border-radius: 16px; background: #FFFFFF;
  box-shadow: inset 0 0 0 1px var(--line), 0 18px 30px -26px rgba(11, 22, 34, .45); font: 700 17px/1.35 var(--fb); color: var(--night); }
.cr-traits li:nth-child(even) .p38-tick { background: linear-gradient(145deg, #5FB3EC 0%, #1E88D6 48%, #0E67A8 100%); }
.cr-traits .p38-tick .i { width: 18px; height: 18px; fill: currentColor; }
.cr-path { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 56px; align-items: end; margin-top: 72px; padding: 46px 48px;
  border-radius: 26px; background: linear-gradient(160deg, #15293E, #0A1522); box-shadow: 0 40px 70px -46px rgba(11, 22, 34, .8); }
.cr-path .h2 { color: #FFFFFF; }
.cr-path .lead { margin-top: 14px; font-size: 17px; line-height: 1.7; color: rgba(247, 249, 251, .84); }
.cr-path__steps { position: relative; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; align-items: end; height: 260px; margin: 0; padding: 0; list-style: none; }
.cr-step { display: flex; flex-direction: column; justify-content: flex-end; height: 100%; }
.cr-step__bar { display: block; height: var(--h); border-radius: 14px 14px 6px 6px; background: linear-gradient(180deg, #5FB3EC, #1E88D6 60%, #0E67A8);
  transform-origin: bottom; transition: transform .8s var(--ease) calc(var(--i, 0) * 90ms); }
.cr-step--flame .cr-step__bar { background: linear-gradient(180deg, #F7934A, #F0641E 55%, #C4411A); }
.cr-step:nth-child(2) { --i: 1; } .cr-step:nth-child(3) { --i: 2; } .cr-step:nth-child(4) { --i: 3; }
.js [data-reveal] .cr-step__bar, .js .cr-step[data-reveal] .cr-step__bar { transform: scaleY(.15); }
.js .cr-step.is-in .cr-step__bar { transform: none; }
.cr-step__t { margin-top: 12px; font: 700 18px/1.2 var(--fd); letter-spacing: .02em; text-align: center; color: #FFFFFF; }
.cr-path__arr { position: absolute; right: -6px; top: -14px; display: grid; place-items: center; width: 46px; height: 46px; border-radius: 50%; color: #FFFFFF;
  background: linear-gradient(145deg, #F7934A 0%, #F0641E 50%, #C4411A 100%); box-shadow: 0 14px 26px -12px rgba(196, 65, 26, .8); }
.cr-path__arr .i { width: 22px; height: 22px; fill: currentColor; }
@media (max-width: 1023px) { .cr-traits { grid-template-columns: repeat(2, minmax(0, 1fr)); } .cr-path { grid-template-columns: 1fr; gap: 36px; } }
@media (max-width: 767px) {
  .cr-traits { grid-template-columns: 1fr; } .cr-traits li { min-height: 58px; font-size: 16px; }
  .cr-path { margin-top: 56px; padding: 30px 20px 26px; } .cr-path__steps { height: 200px; gap: 8px; } .cr-step__t { font-size: 15px; }
}
@media (prefers-reduced-motion: reduce) { .cr-step__bar { transition: none; } .js [data-reveal] .cr-step__bar, .js .cr-step[data-reveal] .cr-step__bar { transform: none; } }

/* 6 Benefits (dark) */
.cr-benband .sec__bg::after { background: linear-gradient(180deg, rgba(11, 22, 34, .9), rgba(11, 22, 34, .82) 45%, rgba(11, 22, 34, .92)); }
.cr-bens__head { max-width: 860px; margin: 0 auto; text-align: center; }
.cr-bens__head .h2 { margin-inline: auto; color: #FFFFFF; }
.cr-bens__head .lead { margin-top: 14px; color: rgba(247, 249, 251, .86); }
.cr-bens__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; max-width: 1080px; margin: 44px auto 0; padding: 0; list-style: none; }
.cr-ben { padding: 20px 22px 20px 16px; transition: transform .3s var(--ease); }
.cr-ben:hover { transform: translateY(-3px); }
.cr-ben__t { margin: 0; font: 700 22px/1.2 var(--fd); letter-spacing: .01em; color: #FFFFFF; }
.cr-bens__foot { display: flex; justify-content: center; margin-top: 36px; }
@media (max-width: 1023px) { .cr-bens__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 767px) { .cr-bens__grid { grid-template-columns: 1fr; } .cr-ben__t { font-size: 20px; } .cr-bens__foot .btn { width: 100%; white-space: normal; } }
@media (prefers-reduced-motion: reduce) { .cr-ben { transition: none; } .cr-ben:hover { transform: none; } }

/* 7 A Message From Our Owner */
.cr-ow { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: 72px; align-items: center; }
.cr-ow__fig { position: relative; margin: 0 0 40px; }
.cr-ow__fig img { display: block; width: 100%; height: auto; aspect-ratio: 697 / 900; object-fit: cover; object-position: 50% 18%; border-radius: 26px;
  box-shadow: 0 40px 60px -40px rgba(11, 22, 34, .7); }
.cr-ow__plate { position: absolute; left: 24px; right: 24px; bottom: -40px; display: grid; gap: 2px; padding: 20px 22px; border-radius: 18px; color: #FFFFFF;
  background: linear-gradient(160deg, #15293E, #0A1522); box-shadow: inset 0 4px 0 #F0641E, 0 30px 50px -30px rgba(11, 22, 34, .8); }
.cr-ow__nm { font: 900 26px/1.1 var(--fh); letter-spacing: -.01em; }
.cr-ow__rl { font-size: 15px; color: rgba(247, 249, 251, .8); }
.cr-ow__tag { justify-self: start; margin-top: 8px; padding: 4px 12px; border-radius: 99px; font: 800 12.5px/1.4 var(--fh); letter-spacing: .08em; text-transform: uppercase;
  background: linear-gradient(145deg, #F7934A 0%, #F0641E 50%, #C4411A 100%); }
.cr-ow__q { position: relative; margin: 26px 0 0; padding: 30px 32px 28px 34px; border-radius: 22px; background: #FFFFFF;
  box-shadow: inset 4px 0 0 #F0641E, inset 0 0 0 1px var(--line), 0 30px 50px -40px rgba(11, 22, 34, .5); }
.cr-ow__q .quotebox__mark { position: absolute; right: 22px; top: -22px; }
.cr-ow__q p { margin: 0; font-size: 19px; line-height: 1.65; color: var(--night); }
.cr-ow__q p + p { margin-top: 14px; }
.cr-ow__q p:first-of-type { font-weight: 700; }
.cr-ow__lb { margin: 30px 0 0; font: 800 14px/1.2 var(--fh); letter-spacing: .14em; text-transform: uppercase; color: var(--muted); }
.cr-creds { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 18px; margin: 14px 0 0; padding: 0; list-style: none; }
.cr-creds li { display: flex; align-items: center; gap: 12px; font-size: 16px; color: var(--night); }
.cr-creds .p38-tick { width: 32px; height: 32px; }
.cr-creds .p38-tick .i { width: 16px; height: 16px; fill: currentColor; }
.cr-creds li:nth-child(even) .p38-tick { background: linear-gradient(145deg, #5FB3EC 0%, #1E88D6 48%, #0E67A8 100%); }
@media (max-width: 1023px) { .cr-ow { grid-template-columns: 1fr; gap: 72px; } .cr-ow__fig { max-width: 440px; } }
@media (max-width: 767px) { .cr-ow__q { padding: 26px 20px 22px 24px; } .cr-ow__q p { font-size: 17px; } .cr-creds { grid-template-columns: 1fr; } .cr-ow__plate { left: 14px; right: 14px; } }

/* 8 Before You Apply (dark): the homepage form band, the GHL hiring form in the card */
.cr-applyband .ec__node .i { width: 26px; height: 26px; fill: currentColor; }
.cr-applyband .cr-kick { margin-bottom: 14px; }
.cr-talk { margin-top: 30px; padding: 24px 24px 24px; border-radius: 18px; background: rgba(255, 255, 255, .07); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .14); }
.cr-talk__h { margin: 0; font: 900 24px/1.2 var(--fh); color: #FFFFFF; }
.cr-talk p { margin: 10px 0 0; font-size: 16.5px; line-height: 1.65; color: rgba(247, 249, 251, .84); }
.cr-talk p strong { color: #FFFFFF; }
.cr-talk .ec__plate { position: relative; left: auto; right: auto; bottom: auto; display: inline-flex; min-height: 64px; margin-top: 18px; padding: 0 24px 0 8px; font-size: 20px; }
.cr-talk .ec__ring { width: 48px; height: 48px; }
.cr-talk .ec__ring .i { width: 22px; height: 22px; fill: currentColor; }
.cr-talk__hrs { margin-left: 4px; padding-left: 14px; border-left: 1px solid rgba(255, 255, 255, .45); font: 800 14px/1 var(--fh); letter-spacing: .1em; text-transform: uppercase; }
.cr-apply .qh { display: block; padding: 30px 30px 0; background: none; }
.cr-apply__frame { padding: 12px 18px 18px; }
.cr-apply__frame iframe { display: block; min-height: 600px; }
.cr-applyband .ec { align-items: start; }
@media (max-width: 767px) { .cr-talk .ec__plate { width: 100%; font-size: 18px; } .cr-apply__frame { padding: 8px 6px 10px; } }

/* 10 Come Work With Us (dark CTA) */
.cr-ticks { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px 22px; margin: 26px 0 0; padding: 0; list-style: none; }
.cr-ticks li { display: flex; align-items: center; gap: 8px; font-weight: 700; color: rgba(247, 249, 251, .9); }
.cr-ticks .i { width: 18px; height: 18px; fill: #F7934A; }
.cta--inner .cta__p { max-width: 720px; margin: 16px auto 0; font-size: 18px; line-height: 1.6; color: rgba(247, 249, 251, .88); }
.cr-talk .ec__plate > span:nth-child(2) { white-space: nowrap; }
@media (max-width: 767px) { .cr-talk .ec__plate { gap: 10px; padding-right: 14px; font-size: 17px; } .cr-talk__hrs { padding-left: 10px; font-size: 12px; letter-spacing: .06em; } }
/* kickers that sit on a dark panel inside a light band (the career path, the FAQ photo card) */
.cr-path .cr-kick, .faq__side .cr-kick { color: #F7934A; }

/* Why Professionals Choose: the pledge plate (Shoaib 11-05 picked W3, options/p38-careers-options.html) */
.cr-pledge__head { max-width: 860px; margin: 0 auto; text-align: center; }
.cr-pledge__head .h2 { margin-inline: auto; color: #FFFFFF; }
.cr-pledge__head .cr-kick { text-align: center; }
.cr-pledge__head .lead { margin-top: 16px; color: #FFFFFF; font-weight: 700; }
.cr-pledge__head .cr-body { max-width: 720px; margin-inline: auto; }
.cr-plate { max-width: 1140px; margin: 46px auto 0; padding: 26px 30px 30px; border-radius: 22px; text-align: center;
  background: linear-gradient(160deg, rgba(255, 255, 255, .12), rgba(255, 255, 255, .04)); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px);
  box-shadow: inset 0 4px 0 #F0641E, inset 0 0 0 1px rgba(255, 255, 255, .16), 0 40px 60px -36px rgba(0, 0, 0, .95); }
.cr-plate__lab { margin: 0; font: 800 14px/1.2 var(--fh); letter-spacing: .16em; text-transform: uppercase; color: rgba(247, 249, 251, .72); }
.cr-plate__row { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); margin: 20px 0 0; padding: 0; list-style: none; }
.cr-plate__v { position: relative; padding: 14px 10px 22px; font: 700 30px/1.05 var(--fd); letter-spacing: .01em; color: #FFFFFF; }
.cr-plate__v + .cr-plate__v { border-left: 1px solid rgba(255, 255, 255, .16); }
.cr-plate__v::after { content: ""; position: absolute; left: 50%; bottom: 6px; width: 46px; height: 4px; margin-left: -23px; border-radius: 4px; background: linear-gradient(90deg, #F7934A, #F0641E); }
.cr-plate__v--ice::after { background: linear-gradient(90deg, #5FB3EC, #1E88D6); }
@media (max-width: 1023px) { .cr-plate__row { grid-template-columns: repeat(3, minmax(0, 1fr)); row-gap: 10px; } .cr-plate__v:nth-child(4) { border-left: 0; } }
@media (max-width: 767px) { .cr-plate { padding: 22px 16px 20px; } .cr-plate__row { grid-template-columns: 1fr; } .cr-plate__v + .cr-plate__v { border-left: 0; border-top: 1px solid rgba(255, 255, 255, .16); } .cr-plate__v { font-size: 26px; } }

/* What We Look For: the trait chips (Shoaib 11-05 picked L3) */
.cr-chips__head { max-width: 860px; margin: 0 auto; text-align: center; }
.cr-chips__head .h2 { margin-inline: auto; }
.cr-chips__head .rule::after { left: 50%; margin-left: -36px; }
.cr-chips__head .lead { margin-top: 14px; color: var(--muted); }
.cr-chips__lab { text-align: center; }
.cr-chips { display: flex; flex-wrap: wrap; justify-content: center; gap: 14px; max-width: 1060px; margin: 18px auto 0; padding: 0; list-style: none; }
.cr-chip { padding: 15px 28px; border-radius: 99px; font: 800 20px/1.2 var(--fh); letter-spacing: -.005em; }
.cr-chip--flame { color: #FFFFFF; background: linear-gradient(145deg, #E8541F, #C4411A); box-shadow: 0 16px 30px -18px rgba(196, 65, 26, .8); }
.cr-chip--ice { color: #FFFFFF; background: linear-gradient(145deg, #1E88D6, #0E67A8); box-shadow: 0 16px 30px -18px rgba(14, 103, 168, .8); }
.cr-chip--line { color: var(--night); background: #FFFFFF; box-shadow: inset 0 0 0 2px var(--night); }
@media (max-width: 767px) { .cr-chip { padding: 12px 20px; font-size: 17px; } }