/* Extracted from the supplied Stripe modular-solutions Payments/Billing row.
   Retained: original layer/class hierarchy, 816:676 + 400:676 geometry,
   expanding clips, 800ms card easing and 600ms icon easing.
   Adapted: fonts, device type, screenshot slots and a recruitment reward ledger.
   All reference selectors are confined to this one section. */
.ath-opportunity-bento { padding: 90px 0 72px; background: #f6f9fc; color: #132d46; overflow: hidden; isolation: isolate; scroll-margin-top: 110px; }
.ath-opportunity-bento *, .ath-opportunity-bento *::before, .ath-opportunity-bento *::after { box-sizing: border-box; }
.ath-opportunity-bento .ath-opportunity-intro { margin-bottom: 48px; max-width: 850px; }
body.ath-resources .ath-opportunity-bento .ath-opportunity-intro h2 { font: 700 clamp(30px, 3.2vw, 42px)/1.2 'Quicksand', sans-serif; letter-spacing: -.03em; margin: 0 0 22px; }
.ath-opportunity-bento .ath-opportunity-intro p { max-width: 760px; font-size: 18px; line-height: 1.65; color: #526879; margin: 0; }
.ath-opportunity-bento .modular-solutions-bento { position: relative; }
.ath-opportunity-bento .modular-solutions-bento__layout { display: flex; flex-wrap: wrap; gap: 16px; width: 100%; }
.ath-opportunity-bento .modular-solutions-bento-card { --card-ease: cubic-bezier(.165,.84,.44,1); --card-duration: 800ms; --card-radius: 6px; --card-shift-x: -4.8px; --card-shift-y: -4px; --card-grow-x: 4.8px; --card-grow-y: 4px; position: relative; display: flex; flex: 1; flex-basis: 100%; aspect-ratio: 344/504; max-height: 576px; contain: layout style; border: none; background: none; padding: 0; color: inherit; text-align: left; }
.ath-opportunity-bento .modular-solutions-bento-card__inner { position: absolute; inset: 0; z-index: 2; border-radius: 5px; background: #fff; }
.ath-opportunity-bento .modular-solutions-bento-card__content { position: absolute; z-index: 2; inset: 0; border-radius: 5px; overflow: hidden; }
.ath-opportunity-bento .modular-solutions-bento-card__content-inner { width: 100%; height: 100%; }
.ath-opportunity-bento .modular-solutions-bento-card__text { position: absolute; top: 24px; left: 24px; max-width: calc(100% - 90px); z-index: 3; pointer-events: none; }
body.ath-resources .ath-opportunity-bento .modular-solutions-bento-card__title { font: 600 clamp(23px, 2.1vw, 28px)/1.16 'Quicksand', sans-serif; letter-spacing: -.03em; color: #132d46; text-wrap: balance; margin: 0; }
.ath-opportunity-bento .modular-solutions-bento-card__graphic { position: absolute; z-index: 1; inset: 0; }
.ath-opportunity-bento .modular-solutions-bento-card__border { position: absolute; inset: -1px; z-index: 1; border-radius: var(--card-radius); background: #e5edf5; overflow: hidden; pointer-events: none; }
.ath-opportunity-bento .modular-solutions-bento-card__border-color { position: absolute; top: 50%; left: 50%; height: 80%; aspect-ratio: 1; opacity: 0; transform: translate(-50%,-50%); }
.ath-opportunity-bento .modular-solutions-bento-card__border-color-gradient { position: absolute; inset: 0; opacity: .5; background: radial-gradient(circle,#168ca9,#f28b6d 33%,#dce7ed 66%); transform: translate3d(var(--card-mouse-x,0px),var(--card-mouse-y,0px),0) scale(1); }
.ath-opportunity-bento .modular-solutions-bento__card-payments .modular-solutions-bento-card__border-color-gradient { inset: 15%; }
.ath-opportunity-bento .modular-solutions-bento-card__dialog-entry { position: absolute; right: 16px; top: 16px; width: 38px; height: 38px; z-index: 4; padding: 0; border: 0; border-radius: 4px; color: #167b9b; cursor: pointer; background: #eff7fa; }
.ath-opportunity-bento .modular-solutions-bento-card__dialog-entry[hidden] { display: none; }
.ath-opportunity-bento .modular-solutions-bento-card__dialog-entry::before { content: ''; position: absolute; inset: 0; opacity: 0; border-radius: 4px; background: #167b9b; }
.ath-opportunity-bento .modular-solutions-bento-card__dialog-entry-wrapper { position: relative; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; z-index: 1; }
.ath-opportunity-bento .modular-solutions-bento-card__dialog-entry svg { width: 20px; height: 20px; }
.ath-opportunity-bento .modular-solutions-bento-card__dialog-entry svg path { fill: currentColor; }
.ath-opportunity-bento button:focus-visible, .ath-opportunity-bento a:focus-visible { outline: 3px solid #1488a8; outline-offset: 4px; }
/* Source Payments geometry: narrow device + wider browser over the original asset. */
.ath-opportunity-bento .payments-graphic { position: relative; width: 100%; height: 100%; }
.ath-opportunity-bento .payments-graphic__background { position: absolute; inset: 0; overflow: hidden; }
.ath-opportunity-bento .payments-graphic__background picture { position: absolute; inset: 0; }
.ath-opportunity-bento .payments-graphic__background img { position: absolute; bottom: 0; left: 0; width: 105.4%; height: auto; max-width: none; }
.ath-opportunity-bento .ath-opportunity-phone { position: absolute; top: 24%; left: 5.5%; width: 25.5%; aspect-ratio: 210/440; }
.ath-opportunity-bento .ath-opportunity-phone-shell { position: absolute; inset: 0; background: #101921; border: 6px solid #101921; border-radius: 26px; box-shadow: 0 12px 0 -3px #e4d5df,0 22px 0 -7px #d8c2d1,0 24px 38px #51253235; }
.ath-opportunity-bento .ath-opportunity-phone-camera { position: absolute; top: 6px; left: 50%; width: 38%; height: 9px; border-radius: 12px; background: #101921; transform: translateX(-50%); z-index: 1; }
.ath-opportunity-bento .ath-opportunity-phone-screen { position: absolute; inset: 9px 0 0; border-radius: 16px; padding: 22px 12px 14px; background: #fff; overflow: hidden; }
.ath-opportunity-bento .ath-opportunity-screen-brand { display: block; font-size: 9px; font-weight: 900; letter-spacing: .03em; color: #168ba9; }
.ath-opportunity-bento .ath-opportunity-preview-tag { display: inline-flex; font-size: 9px; line-height: 1.2; padding: 4px 6px; border: 1px solid #dce9ee; border-radius: 3px; color: #526879; background: #f8fbfc; }
.ath-opportunity-bento .ath-opportunity-phone-screen > .ath-opportunity-preview-tag { margin: 14px 0 11px; }
.ath-opportunity-bento .ath-opportunity-phone-screen > strong { display: block; font: 700 clamp(15px,1.5vw,20px)/1.2 'Quicksand',sans-serif; margin: 0 0 16px; color: #132d46; }
.ath-opportunity-bento .ath-opportunity-phone-row { border-bottom: 1px solid #e6eef2; padding: 10px 0; }
.ath-opportunity-bento .ath-opportunity-phone-row span { display: block; font-size: 9px; font-weight: 800; margin-bottom: 7px; }
.ath-opportunity-bento .ath-opportunity-phone-row i, .ath-opportunity-bento .ath-opportunity-sheet-row i, .ath-opportunity-bento .ath-opportunity-role-context i { display: block; height: 4px; background: #e5edf1; margin: 5px 0; width: 90%; border-radius: 2px; }
.ath-opportunity-bento .ath-opportunity-phone-row i:last-child, .ath-opportunity-bento .ath-opportunity-sheet-row i:last-child, .ath-opportunity-bento .ath-opportunity-role-context i:last-child { width: 65%; }
.ath-opportunity-bento .ath-opportunity-phone-placeholder { margin-top: 14px; padding: 9px 3px; border: 1px dashed #adc9d2; border-radius: 4px; font-size: 9px; line-height: 1.3; text-align: center; color: #526879; }
.ath-opportunity-bento .ath-opportunity-browser { position: absolute; top: 23.6%; left: 35.5%; width: 77.2%; aspect-ratio: 630/580; }
.ath-opportunity-bento .browser-graphic { height: 100%; border: 1px solid #dce7ed; background: #fff; border-radius: 8px 8px 0 0; box-shadow: 0 16px 48px #182d471c; overflow: hidden; }
.ath-opportunity-bento .ath-opportunity-browser-bar { display: flex; gap: 10px; align-items: center; justify-content: space-between; padding: 9px 20px; height: 34px; border-bottom: 1px solid #edf2f6; background: #f9fbfd; color: #526879; font-size: 9px; }
.ath-opportunity-bento .ath-opportunity-browser-bar > span:last-child { padding: 3px 25px; border: 1px solid #e6eef2; border-radius: 20px; background: #fff; margin: 0 auto; }
.ath-opportunity-bento .ath-opportunity-browser-dots { display: flex; gap: 4px; }
.ath-opportunity-bento .ath-opportunity-browser-dots i { width: 7px; height: 7px; background: #d6e1eb; border-radius: 50%; }
.ath-opportunity-bento .ath-opportunity-browser-header { display: flex; align-items: center; justify-content: space-between; padding: 16px 28px; border-bottom: 1px solid #edf2f6; }
.ath-opportunity-bento .ath-opportunity-browser-columns { display: grid; grid-template-columns: 60% 40%; }
.ath-opportunity-bento .ath-opportunity-role-sheet { padding: 26px 28px; border-right: 1px solid #edf2f6; }
.ath-opportunity-bento .ath-opportunity-role-sheet > small { font-size: 10px; display: block; color: #526879; margin-bottom: 8px; }
.ath-opportunity-bento .ath-opportunity-role-sheet > strong { display: block; font: 700 clamp(17px,1.7vw,24px)/1.2 'Quicksand',sans-serif; color: #132d46; margin-bottom: 25px; }
.ath-opportunity-bento .ath-opportunity-sheet-row { margin-bottom: 22px; }
.ath-opportunity-bento .ath-opportunity-sheet-row > span { display: block; font-size: 11px; font-weight: 800; margin-bottom: 5px; }
.ath-opportunity-bento .ath-opportunity-sheet-row p { font-size: 10px; line-height: 1.5; color: #526879; margin: 0 0 10px; }
.ath-opportunity-bento .ath-opportunity-role-context { padding: 32px 25px; }
.ath-opportunity-bento .ath-opportunity-role-context > span { display: block; font-size: 12px; font-weight: 800; margin: 0 0 20px; }
.ath-opportunity-bento .ath-opportunity-role-context > div { padding: 12px; border: 1px solid #e6eef2; border-radius: 4px; margin-bottom: 15px; }
.ath-opportunity-bento .ath-opportunity-role-context b { font-size: 10px; }
.ath-opportunity-bento .ath-opportunity-role-context > p { font-size: 10px; color: #526879; line-height: 1.5; margin-top: 20px; }
/* Recruitment-led reward ledger: source card polish, original content composition.
   Bars compare published amounts; neither length nor amount changes on hover. */
.ath-opportunity-bento .modular-solutions-bento__card-billing { min-width: 0; }
.ath-opportunity-bento .modular-solutions-bento__card-billing .modular-solutions-bento-card__graphic { inset: 112px 0 0; }
.ath-opportunity-bento .ath-reward-composition { position: relative; width: 100%; height: 100%; padding: 20px 22px 24px; display: flex; align-items: flex-start; isolation: isolate; }
.ath-opportunity-bento .ath-reward-edge { position: absolute; inset: 0; z-index: -1; background: radial-gradient(ellipse at 105% 92%,#f8b661 0%,#f8b66100 64%),radial-gradient(ellipse at -10% 102%,#ef8d9e 0%,#ef8d9e00 58%),linear-gradient(180deg,#fff 8%,#fff9f3 70%,#f5e8e6); }
.ath-opportunity-bento .ath-reward-ledger { width: 100%; min-width: 0; padding: 18px; border: 1px solid #e5edf5; border-radius: 6px; background: #fff; box-shadow: 0 3px 9px #25344a04,0 20px 36px -22px #8e614e40; }
.ath-opportunity-bento .ath-reward-kicker { display: block; color: #587083; font-size: 10px; font-weight: 800; line-height: 1.5; letter-spacing: .07em; text-transform: uppercase; }
body.ath-resources .ath-opportunity-bento .ath-reward-ledger-heading h4 { font: 700 17px/1.3 'Quicksand',sans-serif; color: #132d46; letter-spacing: -.02em; margin: 5px 0 8px; }
.ath-opportunity-bento .ath-reward-ledger-heading p { font-size: 12px; line-height: 1.4; color: #526879; margin: 0 0 14px; }
.ath-opportunity-bento .ath-reward-roles { list-style: none; padding: 0; margin: 0; }
.ath-opportunity-bento .ath-reward-role { --reward-length: 100%; --reward-start: #f5ae43; --reward-middle: #f48750; --reward-end: #ea8298; position: relative; padding: 13px 0; border-top: 1px solid #e8eef3; isolation: isolate; }
.ath-opportunity-bento .ath-reward-role::before { content: ''; position: absolute; z-index: -1; inset: 4px -9px; border: 1px solid #ead9c600; border-radius: 4px; background: #fff9f2; opacity: 0; pointer-events: none; }
.ath-opportunity-bento .ath-reward-role--cloud { --reward-length: 80%; --reward-start: #f4a760; --reward-middle: #eb8a97; --reward-end: #c77ca8; }
.ath-opportunity-bento .ath-reward-role--product { --reward-length: 60%; --reward-start: #df8ea5; --reward-middle: #b785c2; --reward-end: #897ed2; }
.ath-opportunity-bento .ath-reward-role-line { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.ath-opportunity-bento .ath-reward-role-name { min-width: 0; }
.ath-opportunity-bento .ath-reward-role-name strong { display: block; font: 800 13px/1.35 'Nunito',sans-serif; color: #132d46; }
.ath-opportunity-bento .ath-reward-role-name > span { display: block; font-size: 11px; line-height: 1.4; color: #587083; margin-top: 3px; }
.ath-opportunity-bento .ath-reward-amount { flex-shrink: 0; color: #132d46; font: 800 21px/1.15 'Nunito',sans-serif; font-variant-numeric: tabular-nums; letter-spacing: -.04em; }
.ath-opportunity-bento .ath-reward-track { margin-top: 11px; height: 6px; width: 100%; border-radius: 2px; overflow: hidden; background: #f0f4f7; }
.ath-opportunity-bento .ath-reward-fill { display: block; height: 100%; width: var(--reward-length); border-radius: inherit; background-image: linear-gradient(100deg,var(--reward-start),var(--reward-middle) 45%,var(--reward-end)); background-size: 145% 100%; background-position: 0 50%; }
.ath-opportunity-bento .ath-reward-ledger-footer { border-top: 1px solid #e8eef3; padding-top: 12px; }
.ath-opportunity-bento .ath-reward-ledger-footer p { color: #526879; font-size: 11px; line-height: 1.5; margin: 0 0 9px; }
.ath-opportunity-bento .ath-reward-ledger-footer p a { color: #137da0; text-decoration: underline; text-underline-offset: 2px; }
.ath-opportunity-bento .ath-reward-guidance-link { display: inline-flex; align-items: center; gap: 8px; font: 800 12px/1.5 'Nunito',sans-serif; color: #137da0; }
.ath-opportunity-bento .ath-reward-guidance-link span { display: inline-block; }
@media (prefers-reduced-motion: no-preference) {
    .ath-opportunity-bento .ath-reward-role::before { transition: opacity .5s cubic-bezier(.65,0,.35,1),border-color .5s cubic-bezier(.65,0,.35,1); }
    .ath-opportunity-bento .ath-reward-fill { transition: background-position .6s cubic-bezier(.65,0,.35,1); }
    .ath-opportunity-bento .ath-reward-guidance-link span { transition: transform .5s cubic-bezier(.65,0,.35,1); }
}
@media (hover: hover) and (pointer: fine) {
    .ath-opportunity-bento .ath-reward-role:hover::before { opacity: 1; border-color: #ead9c6; }
    .ath-opportunity-bento .ath-reward-role:hover .ath-reward-fill { background-position: 100% 50%; }
    .ath-opportunity-bento .ath-reward-guidance-link:hover span { transform: translateX(2px); }
}
.ath-opportunity-bento .ath-reward-guidance-link:focus-visible span { transform: translateX(2px); }
.ath-opportunity-bento .ath-opportunity-footer { display: flex; align-items: baseline; justify-content: space-between; gap: 35px; margin-top: 24px; }
.ath-opportunity-bento .ath-opportunity-footer p { font-size: 13px; color: #526879; line-height: 1.5; max-width: 620px; margin: 0; }
.ath-opportunity-bento .ath-opportunity-footer a, .ath-opportunity-bento .ath-opportunity-dialog a { color: #137da0; font-size: 15px; font-weight: 800; }
.ath-opportunity-bento .ath-opportunity-footer a { white-space: nowrap; }
.ath-opportunity-bento .ath-opportunity-footer a span { margin-left: 12px; }
.ath-opportunity-bento .ath-opportunity-dialog { color: #132d46; background: #fff; width: min(700px,calc(100% - 32px)); max-height: calc(100dvh - 48px); overflow-y: auto; border: 1px solid #dce7ed; border-radius: 8px; padding: 32px; box-shadow: 0 30px 90px #0e253f3d; }
.ath-opportunity-bento .ath-opportunity-dialog:not([open]) { display: none; }
.ath-opportunity-bento .ath-opportunity-dialog::backdrop { background: #0e253f99; backdrop-filter: blur(4px); }
.ath-opportunity-bento .ath-opportunity-dialog-heading { display: flex; align-items: start; justify-content: space-between; gap: 20px; }
.ath-opportunity-bento .ath-opportunity-dialog-heading button { flex-shrink: 0; width: 42px; height: 42px; border: 1px solid #dce7ed; border-radius: 4px; background: #f6f9fc; color: #132d46; }
body.ath-resources .ath-opportunity-bento .ath-opportunity-dialog h2 { font: 700 30px/1.2 'Quicksand',sans-serif; margin: 10px 0 20px; }
.ath-opportunity-bento .ath-opportunity-dialog p, .ath-opportunity-bento .ath-opportunity-dialog dd { color: #526879; font-size: 16px; line-height: 1.6; }
.ath-opportunity-bento .ath-opportunity-dialog dt { margin-top: 22px; font-size: 17px; color: #132d46; }
.ath-opportunity-bento .ath-opportunity-dialog dd { margin: 6px 0 0; }
@media (min-width: 992px) {
    .ath-opportunity-bento .modular-solutions-bento__card-payments { aspect-ratio: 816/676; max-width: 816px; flex-basis: calc(66.666% - 8px); max-height: none; }
    .ath-opportunity-bento .modular-solutions-bento__card-billing { aspect-ratio: 400/676; max-width: 400px; flex-basis: calc(33.333% - 8px); max-height: none; }
    .ath-opportunity-bento .modular-solutions-bento-card__text { top: 24px; left: 24px; }
    .ath-opportunity-bento .modular-solutions-bento__card-billing .modular-solutions-bento-card__text { max-width: calc(100% - 70px); }
    .ath-opportunity-bento .modular-solutions-bento-card__inner { inset: calc(-1*var(--card-grow-y)) calc(-1*var(--card-grow-x)); clip-path: inset(var(--card-grow-y) var(--card-grow-x) round 5px); }
    .ath-opportunity-bento .modular-solutions-bento-card__border { inset: calc(-1*var(--card-grow-y) - 1px) calc(-1*var(--card-grow-x) - 1px); clip-path: inset(var(--card-grow-y) var(--card-grow-x) round var(--card-radius)); }
}
@media (min-width: 640px) and (max-width: 991px) {
    .ath-opportunity-bento .modular-solutions-bento__card-payments { aspect-ratio: 816/676; min-height: 480px; }
    .ath-opportunity-bento .modular-solutions-bento__card-billing { aspect-ratio: auto; min-height: 450px; }
}
@media (max-width: 639px) {
    .ath-opportunity-bento { padding: 58px 0 52px; }
    .ath-opportunity-bento .ath-opportunity-intro { margin-bottom: 30px; }
    .ath-opportunity-bento .ath-opportunity-intro p { font-size: 16px; }
    .ath-opportunity-bento .ath-opportunity-break { display: none; }
    .ath-opportunity-bento .modular-solutions-bento-card { min-height: 510px; }
    .ath-opportunity-bento .modular-solutions-bento-card__text { top: 22px; left: 20px; max-width: calc(100% - 72px); }
    .ath-opportunity-bento .ath-opportunity-phone { top: 28%; left: 7%; width: 48%; max-width: 175px; }
    .ath-opportunity-bento .ath-opportunity-phone-screen { padding: 22px 10px 12px; }
    .ath-opportunity-bento .ath-opportunity-phone-screen > strong { font-size: 17px; }
    .ath-opportunity-bento .ath-opportunity-browser { top: 29%; left: 58%; width: 105%; }
    .ath-opportunity-bento .ath-opportunity-role-sheet { padding: 18px; }
    .ath-opportunity-bento .ath-opportunity-browser-header { padding: 14px 18px; }
    .ath-opportunity-bento .ath-opportunity-browser-bar { padding: 9px 14px; }
    .ath-opportunity-bento .ath-opportunity-browser-bar > span:last-child { padding: 3px 8px; }
    .ath-opportunity-bento .ath-opportunity-role-sheet > strong { font-size: 19px; }
    .ath-opportunity-bento .ath-opportunity-footer { display: block; margin-top: 20px; }
    .ath-opportunity-bento .ath-opportunity-footer a { display: inline-block; margin-top: 15px; }
    .ath-opportunity-bento .ath-opportunity-dialog { padding: 24px; }
    body.ath-resources .ath-opportunity-bento .ath-opportunity-dialog h2 { font-size: 27px; }
}
@media (max-width: 359px) {
    .ath-opportunity-bento .ath-opportunity-phone-screen { padding-top: 18px; }
    .ath-opportunity-bento .ath-opportunity-phone-row:nth-of-type(3) { display: none; }
    .ath-opportunity-bento .ath-opportunity-phone-row { padding: 8px 0; }
}
@media (prefers-reduced-motion: no-preference) {
    .ath-opportunity-bento .modular-solutions-bento-card__inner, .ath-opportunity-bento .modular-solutions-bento-card__border { transition: clip-path var(--card-duration) var(--card-ease); }
    .ath-opportunity-bento .modular-solutions-bento-card__title, .ath-opportunity-bento .modular-solutions-bento-card__dialog-entry { transition: transform var(--card-duration) var(--card-ease); }
    .ath-opportunity-bento .modular-solutions-bento-card__dialog-entry::before { transition: opacity .6s cubic-bezier(.16,1,.3,1); }
    .ath-opportunity-bento .modular-solutions-bento-card__dialog-entry svg path { transition: transform .6s cubic-bezier(.16,1,.3,1),fill .6s cubic-bezier(.16,1,.3,1); }
}
@media (min-width: 992px) and (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
    .ath-opportunity-bento .modular-solutions-bento-card:hover .modular-solutions-bento-card__inner { clip-path: inset(0 round 5px); }
    .ath-opportunity-bento .modular-solutions-bento-card:hover .modular-solutions-bento-card__border { clip-path: inset(0 round var(--card-radius)); }
    .ath-opportunity-bento .modular-solutions-bento-card:hover .modular-solutions-bento-card__title { transform: translate(var(--card-shift-x),var(--card-shift-y)); }
    .ath-opportunity-bento .modular-solutions-bento-card:hover .modular-solutions-bento-card__dialog-entry { transform: translate(calc(var(--card-shift-x)*-1),var(--card-shift-y)); }
    .ath-opportunity-bento .modular-solutions-bento-card:hover .modular-solutions-bento-card__border-color { opacity: 1; }
    .ath-opportunity-bento .modular-solutions-bento-card:hover .modular-solutions-bento-card__dialog-entry { color: #fff; }
    .ath-opportunity-bento .modular-solutions-bento-card:hover .modular-solutions-bento-card__dialog-entry::before { opacity: 1; }
    .ath-opportunity-bento .modular-solutions-bento-card:hover .modular-solutions-bento-card__dialog-entry svg path:first-child { transform: translate(2px,-2px); }
    .ath-opportunity-bento .modular-solutions-bento-card:hover .modular-solutions-bento-card__dialog-entry svg path:nth-child(2) { transform: translate(-2px,2px); }
}
@media (prefers-reduced-motion: reduce) {
    .ath-opportunity-bento *, .ath-opportunity-bento *::before, .ath-opportunity-bento *::after { transition: none !important; animation: none !important; }
}


/* Keep readable live text, not a scaled screenshot, at each breakpoint. */
@media (min-width: 992px) { .ath-opportunity-bento .modular-solutions-bento__card-billing { min-height: 580px; } }
@media (min-width: 992px) and (max-width: 1199.98px) {
    .ath-opportunity-bento .modular-solutions-bento__card-billing { min-height: 620px; }
    .ath-opportunity-bento .modular-solutions-bento__card-billing .modular-solutions-bento-card__graphic { inset: 100px 0 0; }
    .ath-opportunity-bento .ath-reward-composition { padding: 14px 18px 24px; }
    .ath-opportunity-bento .ath-reward-ledger { padding: 14px; }
    .ath-opportunity-bento .ath-reward-amount { font-size: 19px; }
    .ath-opportunity-bento .ath-reward-role-line { gap: 9px; }
    .ath-opportunity-bento .ath-reward-role { padding: 11px 0; }
}
@media (min-width: 640px) and (max-width: 991.98px) {
    .ath-opportunity-bento .modular-solutions-bento__card-billing { min-height: 450px; max-height: none; aspect-ratio: auto; }
    .ath-opportunity-bento .modular-solutions-bento__card-billing .modular-solutions-bento-card__graphic { inset: 110px 0 0; }
    .ath-opportunity-bento .ath-reward-composition { padding: 20px 32px 30px; }
    .ath-opportunity-bento .ath-reward-ledger { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1.5fr); column-gap: 30px; padding: 24px; }
    .ath-opportunity-bento .ath-reward-ledger-heading { grid-column: 1; grid-row: 1; }
    .ath-opportunity-bento .ath-reward-roles { grid-column: 2; grid-row: 1 / 3; }
    .ath-opportunity-bento .ath-reward-ledger-footer { grid-column: 1; grid-row: 2; margin-top: 16px; }
    .ath-opportunity-bento .ath-reward-role:first-child { border-top: 0; padding-top: 0; }
}
@media (min-width: 640px) and (max-width: 767.98px) {
    .ath-opportunity-bento .modular-solutions-bento__card-billing { min-height: 520px; }
}
@media (max-width: 639.98px) {
    .ath-opportunity-bento .modular-solutions-bento__card-billing { min-height: 650px; max-height: none; aspect-ratio: auto; }
    .ath-opportunity-bento .modular-solutions-bento__card-billing .modular-solutions-bento-card__graphic { inset: 100px 0 0; }
    .ath-opportunity-bento .ath-reward-composition { padding: 16px 20px 28px; }
    .ath-opportunity-bento .ath-reward-ledger { padding: 18px; }
    .ath-opportunity-bento .ath-reward-role { padding: 15px 0; }
    .ath-opportunity-bento .ath-reward-ledger-footer p { font-size: 12px; }
}
@media (max-width: 359.98px) {
    .ath-opportunity-bento .modular-solutions-bento__card-billing { min-height: 670px; }
    .ath-opportunity-bento .ath-reward-composition { padding: 20px 16px 26px; }
    .ath-opportunity-bento .ath-reward-ledger { padding: 14px; }
    .ath-opportunity-bento .ath-reward-role-line { gap: 8px; }
    .ath-opportunity-bento .ath-reward-amount { font-size: 19px; }
}