.bento-dialog-layout{position:relative}
.bento-dialog-layout__header{display:grid;grid-template-columns:repeat(var(--bento-dialog-columns),minmax(0,1fr));gap:var(--hds-space-core-200)}
.bento-dialog-layout__intro{display:flex;flex-direction:column;gap:var(--hds-space-core-200);grid-column:span 5}
@media (min-width:640px){.bento-dialog-layout__intro{grid-column:span 7}}
.bento-dialog-layout__list{grid-column:span 4;width:100%;margin-block-start:var(--hds-space-core-250)}
@media (min-width:640px){.bento-dialog-layout__list{grid-column:span 8}}
@media (min-width:940px){.bento-dialog-layout__list{margin-block-start:13px;grid-column:8/span 5}}
.bento-dialog-layout__divider{width:100%;height:1px;border:none;background-color:var(--hds-color-surface-border-quiet)}
.bento-dialog-layout__disclaimer{color:var(--hds-color-text-subdued)}
.bento-dialog-intro{display:flex;flex-direction:column;gap:var(--hds-space-core-300)}
@media (min-width:640px){.bento-dialog-intro{gap:var(--hds-space-core-400)}}
.bento-dialog-intro__copy{display:flex;flex-direction:column;gap:var(--hds-space-core-200);text-wrap:pretty}
@media (min-width:640px){.bento-dialog-intro__copy{padding-inline-end:var(--hds-space-core-400)}}
@media (min-width:940px){.bento-dialog-intro__copy{padding-inline-end:var(--hds-space-core-0)}}
.bento-dialog-intro__title{max-width:24ch}
@media (min-width:640px){.bento-dialog-intro__title{max-width:100%}}
@media (min-width:940px){.bento-dialog-intro__title{padding-inline-end:var(--hds-space-core-500)}}
.bento-dialog-intro__body{color:var(--hds-color-text-soft)}
@media (min-width:940px){.bento-dialog-intro__body{padding-inline-end:var(--hds-space-core-900)}}
.bento-dialog-list{display:flex;flex-direction:column;row-gap:var(--hds-space-core-100);column-gap:var(--hds-space-core-200)}
@media (min-width:640px){.bento-dialog-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:940px){.bento-dialog-list{display:flex;flex-direction:column}}
.bento-dialog-list__item{display:flex;gap:var(--hds-space-core-100);text-wrap:pretty}
.bento-dialog-list__item-icon{position:relative;top:3.5px;width:16px;height:16px}
.bento-dialog-list__item-text{color:var(--hds-color-text-soft)}
.bento-dialog-details{display:grid;grid-template-columns:repeat(var(--bento-dialog-columns),minmax(0,1fr));column-gap:var(--hds-space-core-200);row-gap:var(--hds-space-core-500)}
@media (min-width:640px){.bento-dialog-details{row-gap:var(--hds-space-core-200)}}
.bento-dialog-detail{grid-column:span 4;display:flex;flex-direction:column;gap:var(--hds-space-core-200)}
.bento-dialog-detail__icon .charm,
.bento-dialog-detail__icon .charm-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: var(--hds-space-core-radius-sm);
  border: 1px solid var(--hds-color-accent-border-quiet);
}
.bento-dialog-detail__text{color:var(--hds-color-text-soft);text-wrap:pretty;padding-inline-end:var(--hds-space-core-200)}
.bento-dialog-footer{display:flex;flex-direction:column;align-items:center;gap:var(--hds-space-core-500)}
.bento-dialog-footer .hds-button{margin:0 auto}
.hds-dialog__overlay{--bento-left-blob:var(--hds-color-core-brand-500);--bento-right-blob:#fc5}
.bento-dialog-graphic .bento-overlay-gradient{position:absolute}
@media (max-width:639px){.bento-dialog-graphics--has-multiple :is(.bento-dialog-graphic .bento-overlay-gradient){display:none}}
.bento-dialog-graphics{display:grid;grid-template-columns:7fr 5fr;grid-template-rows:repeat(var(--total-rows,1),1fr);gap:var(--hds-space-core-200)}
.bento-dialog-graphics.bento-dialog-graphics--payments{--bento-right-blob:#ff6118}
.bento-dialog-graphics.bento-dialog-graphics--billing{--bento-right-blob:#fc5}
.bento-dialog-graphics.bento-dialog-graphics--agentic-commerce{--bento-right-blob:#ff6118}
.bento-dialog-graphics.bento-dialog-graphics--crypto,.bento-dialog-graphics.bento-dialog-graphics--issuing{--bento-right-blob:#f363f3}
.bento-dialog-graphics.bento-dialog-graphics--connect{--bento-right-blob:#ea2261}
.bento-dialog-graphics--single-column{grid-template-columns:1fr}
.bento-dialog-graphics__item--left{grid-column:1;grid-row:span var(--row-span,1)}
.bento-dialog-graphics__item--right{grid-column:2;grid-row:span var(--row-span,1)}
.bento-dialog-graphics__item{display:flex;flex-direction:column}
.bento-dialog-graphics__item-inner{display:flex;flex-direction:column;width:100%;height:100%}
.bento-dialog-graphics__item--left .bento-dialog-graphic{aspect-ratio:1;flex:1;width:100%;height:100%}
.bento-dialog-graphics--short .bento-dialog-graphics__item--left .bento-dialog-graphic{aspect-ratio:1.59}
.bento-dialog-graphics--single-column .bento-dialog-graphics__item--left .bento-dialog-graphic{aspect-ratio:354/540}
@media (min-width:640px){.bento-dialog-graphics--single-column .bento-dialog-graphics__item--left .bento-dialog-graphic{aspect-ratio:16/9}}
.bento-dialog-graphic{position:relative;flex:1;height:100%;display:grid;place-items:center;padding:var(--hds-space-core-300);border-radius:var(--hds-space-core-radius-md);background-color:var(--hds-color-surface-bg-subdued);overflow:hidden}
.bento-dialog-graphics--has-multiple .bento-dialog-graphic{z-index:2;background-color:transparent}
@media (min-width:640px){.bento-dialog-graphics--has-multiple .bento-dialog-graphic{background-color:var(--hds-color-surface-bg-subdued)}}
.bento-dialog-graphics-container{position:relative}
.bento-dialog-graphics-container.bento-dialog-graphics-container--payments{--bento-right-blob:#ff6118}
.bento-dialog-graphics-container.bento-dialog-graphics-container--billing{--bento-right-blob:#fc5}
.bento-dialog-graphics-container.bento-dialog-graphics-container--agentic-commerce{--bento-right-blob:#ff6118}
.bento-dialog-graphics-container.bento-dialog-graphics-container--crypto,.bento-dialog-graphics-container.bento-dialog-graphics-container--issuing{--bento-right-blob:#f363f3}
.bento-dialog-graphics-container.bento-dialog-graphics-container--connect{--bento-right-blob:#ea2261}
.bento-dialog-graphics{z-index:1;position:relative}
.bento-dialog-graphics__gradients{position:absolute;inset:0;bottom:var(--hds-space-core-200);z-index:0;background-color:var(--hds-color-surface-bg-subdued);border-radius:var(--hds-space-core-radius-md)}
@media (min-width:640px){.bento-dialog-graphics__gradients{display:none}}
.bento-dialog-graphic--mobile-gradient-container{--bento-dialog-graphic-progress:clamp(-1,var(--bento-dialog-graphic-index) - var(--carousel-scroll-progress),1);position:absolute;inset:0;z-index:1;overflow:hidden;border-radius:var(--hds-space-core-radius-md);opacity:calc(1 - max(var(--bento-dialog-graphic-progress), -1 * var(--bento-dialog-graphic-progress)));transition:opacity .2s cubic-bezier(.33,1,.68,1)}
.bento-dialog-graphic--mobile-gradient-container.bento-dialog-graphic--mobile-gradient-container--index-0 .bento-dialog-graphic--mobile-gradient{position:absolute;width:662.71px;height:1111.84px;left:-276.32px;top:85.97px;background:radial-gradient(50% 50% at 50% 50%,var(--bento-left-blob) 23.56%,rgba(83,58,253,0) 100%);filter:blur(12.1969px);transform:matrix(.99,-.11,-.11,-.99,0,0);will-change:transform}
.bento-dialog-graphic--mobile-gradient-container.bento-dialog-graphic--mobile-gradient-container--index-1 .bento-dialog-graphic--mobile-gradient{position:absolute;width:928.02px;height:789.7px;left:-87.3px;top:217px;background:radial-gradient(50% 50% at 50% 50%,color-mix(in srgb,var(--bento-right-blob) 80%,transparent) 0,rgba(243,99,243,0) 100%);filter:blur(12px);transform:matrix(-.21,.98,.98,.21,0,0);will-change:transform}
.bento-dialog-graphic--mobile-gradient-container.bento-dialog-graphic--mobile-gradient-container--index-2 .bento-dialog-graphic--mobile-gradient{position:absolute;width:770.02px;height:1348.4px;left:-346.98px;top:0;background:radial-gradient(50% 50% at 50% 50%,color-mix(in srgb,var(--bento-left-blob) 80%,transparent) 0,rgba(83,58,253,0) 100%);filter:blur(12px);transform:rotate(25.86deg);will-change:transform}
@media (min-width:640px){.bento-dialog-graphics__pagination{display:none}}
@media (max-width:639px){.bento-dialog-graphics--has-multiple{display:flex;grid-template-columns:unset;grid-template-rows:unset;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.bento-dialog-graphics--has-multiple::-webkit-scrollbar{display:none}.bento-dialog-graphics--has-multiple .bento-dialog-graphics__item{grid-column:unset;grid-row:unset;display:block;flex:0 0 100%;width:100%;scroll-snap-align:center}.bento-dialog-graphics--has-multiple .bento-dialog-graphic{aspect-ratio:354/432}}
.bento-dialog-cards{display:grid;gap:var(--hds-space-core-400)}
.bento-dialog-cards__grid{display:flex;flex-direction:column;align-items:center;row-gap:var(--hds-space-core-700)}
@media (min-width:640px){.bento-dialog-cards__grid{display:grid;grid-template-columns:repeat(var(--bento-dialog-columns),minmax(0,1fr));column-gap:var(--hds-space-core-200);row-gap:var(--hds-space-core-400)}}
@media (min-width:940px){.bento-dialog-cards__grid{row-gap:var(--hds-space-core-200)}}
.bento-dialog-card{flex:1;display:flex;flex-direction:column;gap:var(--hds-space-core-200);border-radius:var(--hds-space-core-radius-md);justify-content:flex-start;height:100%}
@media (min-width:640px){.bento-dialog-card{grid-column:span 4}}
.bento-dialog-card__content{flex:1;display:flex;flex-direction:column;gap:var(--hds-space-core-200);padding-inline-end:var(--hds-space-core-200);text-wrap:pretty}
.bento-dialog-card__text{color:var(--hds-color-text-soft)}
.bento-dialog-card__graphic{width:100%;position:relative;aspect-ratio:.93;border-radius:var(--hds-space-core-radius-md);background-color:var(--hds-color-surface-bg-subdued);overflow:hidden;border:1px solid var(--hds-color-util-neutral-25)}
.bento-dialog-card__graphic-wrap{position:absolute;width:var(--bdcg-width);height:auto}
.bento-dialog-card__graphic-wrap--x-left{left:var(--bdcg-offset-x)}
.bento-dialog-card__graphic-wrap--x-center{left:50%;transform:translateX(calc(-50% + var(--bdcg-offset-x)))}
.bento-dialog-card__graphic-wrap--x-right{right:var(--bdcg-offset-x)}
.bento-dialog-card__graphic-wrap--y-top{top:var(--bdcg-offset-y)}
.bento-dialog-card__graphic-wrap--y-center{top:50%;transform:translateY(calc(-50% + var(--bdcg-offset-y)))}
.bento-dialog-card__graphic-wrap--y-bottom{bottom:var(--bdcg-offset-y)}
.bento-dialog-card__graphic-wrap--x-center.bento-dialog-card__graphic-wrap--y-center{transform:translate(calc(-50% + var(--bdcg-offset-x)),calc(-50% + var(--bdcg-offset-y)))}
@layer base{.dom-graphic{--graphic-source-width:0;--graphic-source-height:0;--graphic-aspect-ratio:1/1;--graphic-scale:1;--graphic-max-width:100%;--graphic-reveal-duration:300ms;--graphic-reveal-easing:cubic-bezier(0.25,1,0.5,1);position:relative;width:100%;max-width:var(--graphic-max-width);margin:0 auto;-webkit-user-select:none;user-select:none;aspect-ratio:var(--graphic-aspect-ratio)}.dom-graphic--dynamic-height{aspect-ratio:auto}.dom-graphic__content{--horizontal-scale-left:0;--horizontal-transform:0;position:absolute;top:0;left:var(--horizontal-scale-left);width:var(--graphic-source-width);height:var(--graphic-source-height);transform:scale(var(--graphic-scale)) translateX(var(--horizontal-transform));transform-origin:top left}.dom-graphic__content.dom-graphic__content--horizontal-scale-center{--horizontal-scale-left:50%;--horizontal-transform:-50%}.dom-graphic__content.dom-graphic__content--horizontal-scale-right{--horizontal-scale-left:100%;--horizontal-transform:-100%}.dom-graphic__content--dynamic{position:static;width:var(--graphic-source-width);height:auto}.dom-graphic--hide-until-ready>.dom-graphic__content{visibility:hidden}.dom-graphic--hide-until-ready[data-status=ready]>.dom-graphic__content{visibility:visible}.dom-graphic--reveal-fade>.dom-graphic__content{opacity:0}.dom-graphic--reveal-fade[data-status=ready]>.dom-graphic__content{opacity:1}@media (prefers-reduced-motion:no-preference){.dom-graphic--reveal-fade[data-status=ready]>.dom-graphic__content{transition:opacity var(--graphic-reveal-duration) var(--graphic-reveal-easing)}}.dom-graphic--variant-card .dom-graphic__content{border-radius:var(--hds-space-core-radius-md);background:var(--hds-color-surface-bg-quiet);box-shadow:var(--hds-canary-ui-shadow);outline:1px solid var(--hds-canary-ui-stroke)}.dom-graphic--variant-card-flat .dom-graphic__content{border-radius:var(--hds-space-core-radius-md);background:var(--hds-color-surface-bg-quiet);border:1px solid var(--hds-canary-ui-mini-stroke)}.dom-graphic--variant-card-flat-no-border .dom-graphic__content{border-radius:var(--hds-space-core-radius-md);background:var(--hds-color-surface-bg-quiet)}}
.agentic-commerce-checkout-graphic__cart{width:320px;height:472px;padding:16px 15px;display:flex;flex-direction:column;gap:8px}
.agentic-commerce-checkout-graphic__vendor-header{display:flex;flex-direction:row;align-items:center;gap:4px}
.agentic-commerce-checkout-graphic__vendor-icon{width:17px;height:17px;flex-shrink:0}
.agentic-commerce-checkout-graphic__vendor-name{font-family:var(--hds-font-family);font-size:11px;font-weight:var(--hds-font-weight-bold);line-height:1.3;color:var(--hds-color-util-neutral-990)}
.agentic-commerce-checkout-graphic__products{display:flex;flex-direction:column;gap:8px;background:var(--hds-color-util-neutral-25);border:1px solid var(--hds-color-util-neutral-50);border-radius:var(--hds-space-core-radius-md);padding:10px}
.agentic-commerce-checkout-graphic__product-item{position:relative;display:flex;flex-direction:row;gap:8px;height:72px}
.agentic-commerce-checkout-graphic__product-image{position:relative;width:72px;height:72px;border-radius:var(--hds-space-core-radius-md);flex-shrink:0;overflow:hidden;display:flex;align-items:center;justify-content:center}
.agentic-commerce-checkout-graphic__product-border,.agentic-commerce-checkout-graphic__product-gradient{position:absolute;border-radius:5px}
.agentic-commerce-checkout-graphic__product-border{top:0;left:0;width:100%;height:100%;border:1px solid var(--hds-color-util-neutral-50)}
.agentic-commerce-checkout-graphic__product-gradient{top:-24px;left:-24px;width:120px;height:120px;background:conic-gradient(from 0deg,#7232f1 0,#fb76fa 33%,#ffcf5e 66%,#7232f1 100%);z-index:1}
.agentic-commerce-checkout-graphic__product-image-container{position:relative;width:100%;height:100%;padding:1px;z-index:2}
@media (max-width:639px){.agentic-commerce-checkout-graphic__product-image-container{transform:translateZ(0)}}
.agentic-commerce-checkout-graphic__product-image-inner{display:grid;place-items:center;width:100%;height:100%;background:#ecf0f4;border-radius:5px}
.agentic-commerce-checkout-graphic__product-image-picture{display:block;width:56px;height:56px}
.agentic-commerce-checkout-graphic__product-info{display:flex;flex-direction:column;gap:4px;flex:1;padding-top:4px}
.agentic-commerce-checkout-graphic__product-name{color:var(--hds-color-util-neutral-990);padding-right:8px}
.agentic-commerce-checkout-graphic__product-name,.agentic-commerce-checkout-graphic__product-variant{font-family:var(--hds-font-family);font-size:10px;font-weight:var(--hds-font-weight-normal);line-height:1.4;letter-spacing:-.01em}
.agentic-commerce-checkout-graphic__product-variant{color:var(--hds-color-util-neutral-500)}
.agentic-commerce-checkout-graphic__product-price{font-family:var(--hds-font-family);font-size:10px;font-weight:var(--hds-font-weight-bold);line-height:1.4;letter-spacing:-.01em;color:var(--hds-color-util-neutral-990)}
.agentic-commerce-checkout-graphic__quantity-control{display:flex;flex-direction:row;align-items:center;padding:0 10px;gap:12px;height:22px;background:var(--hds-color-util-neutral-0);border:1px solid var(--hds-color-util-neutral-50);border-radius:30px;margin-top:6px}
.agentic-commerce-checkout-graphic__quantity-button{width:8px;height:8px;flex-shrink:0}
.agentic-commerce-checkout-graphic__quantity-value{font-family:var(--hds-font-family);font-size:10px;font-weight:var(--hds-font-weight-bold);line-height:1.4;letter-spacing:-.01em;color:var(--hds-color-util-neutral-900)}
.agentic-commerce-checkout-graphic__options{display:flex;flex-direction:column;gap:8px}
.agentic-commerce-checkout-graphic__option{display:flex;flex-direction:row;align-items:center;padding:10px;gap:8px;border:1px solid var(--hds-color-util-neutral-50);border-radius:var(--hds-space-core-radius-md)}
.agentic-commerce-checkout-graphic__option-icon{width:16px;height:16px;flex-shrink:0;display:flex;align-items:center;justify-content:center}
.agentic-commerce-checkout-graphic__option-info{display:flex;flex-direction:column;gap:2px;flex:1}
.agentic-commerce-checkout-graphic__option-title{font-family:var(--hds-font-family);font-size:10px;font-weight:var(--hds-font-weight-bold);line-height:1.25;color:var(--hds-color-util-neutral-990)}
.agentic-commerce-checkout-graphic__option-details{font-family:var(--hds-font-family);font-size:8px;font-weight:var(--hds-font-weight-normal);line-height:1;color:var(--hds-color-util-neutral-700)}
.agentic-commerce-checkout-graphic__option-chevron{width:8px;height:8px;flex-shrink:0}
.agentic-commerce-checkout-graphic__total{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-top:8px}
.agentic-commerce-checkout-graphic__total-label{display:flex;flex-direction:row;align-items:center;gap:4px;font-family:var(--hds-font-family);font-size:10px;font-weight:var(--hds-font-weight-normal);line-height:1.4;letter-spacing:-.01em;color:var(--hds-color-util-neutral-990)}
.agentic-commerce-checkout-graphic__total-chevron{width:6px;height:6px;flex-shrink:0}
.agentic-commerce-checkout-graphic__total-chevron svg{width:100%;height:100%}
.agentic-commerce-checkout-graphic__total-amount{font-family:var(--hds-font-family);font-size:12px;font-weight:var(--hds-font-weight-bold);line-height:1.4;text-align:right;letter-spacing:-.01em;color:var(--hds-color-util-neutral-990)}
.agentic-commerce-checkout-graphic__breakdown{display:flex;flex-direction:column;gap:2px;margin-top:6px}
.agentic-commerce-checkout-graphic__breakdown-row{display:flex;flex-direction:row;justify-content:space-between;align-items:center}
.agentic-commerce-checkout-graphic__breakdown-label{color:var(--hds-color-util-neutral-500)}
.agentic-commerce-checkout-graphic__breakdown-label,.agentic-commerce-checkout-graphic__breakdown-value{font-family:var(--hds-font-family);font-size:10px;font-weight:var(--hds-font-weight-normal);line-height:1.4;letter-spacing:-.01em}
.agentic-commerce-checkout-graphic__breakdown-value{text-align:right;color:var(--hds-color-util-neutral-990)}
.agentic-commerce-checkout-graphic__buy-button{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:10px 16px;gap:8px;background:rgba(40,99,177,.1);border-radius:var(--hds-space-core-radius-md);margin-top:8px}
.agentic-commerce-checkout-graphic__buy-text{font-family:var(--hds-font-family);font-size:12px;font-weight:var(--hds-font-weight-bold);line-height:1.25;color:#2863b1}
.agentic-commerce-bento-modal-graphic__checkout-graphic{width:80%;position:absolute;bottom:-1%;right:0;z-index:2}
@media (min-width:640px){.agentic-commerce-bento-modal-graphic__checkout-graphic{width:33%;bottom:auto;top:3%;right:0}}
.connect-payments-graphic,.connect-payments-graphic__container,.terminal-graphic{position:relative;width:100%;height:100%}
.terminal-graphic{display:flex;justify-content:center;font-weight:var(--hds-font-weight-normal)}
.terminal-graphic__container{position:relative;width:286px}
.terminal-graphic__image{position:absolute;top:0;width:100%}
.terminal-graphic__screen{display:flex;flex-direction:column;align-items:center;position:absolute;top:48px;left:50px;width:182px;height:346px;padding:0 14px;overflow:hidden;text-align:center}
.terminal-graphic__screen-icon{display:grid;place-items:center;width:82px;height:82px;margin-top:78px;border-radius:50%;background-color:var(--hds-color-core-neutral-25)}
.terminal-graphic__screen-total-label{color:var(--hds-color-core-neutral-700);font-size:12px;line-height:1.14}
.terminal-graphic__screen-total{margin-top:var(--hds-space-core-600)}
.terminal-graphic__screen-total-amount{margin-top:var(--hds-space-core-25);color:var(--hds-color-core-neutral-990);font-size:24px;font-weight:var(--hds-font-weight-bold);line-height:28px;letter-spacing:.0125em}
.terminal-graphic__screen-message{margin-top:var(--hds-space-core-300);color:var(--hds-color-core-neutral-500);font-size:12px;line-height:1.14}
.terminal-graphic__card{position:absolute;top:135px;right:16px;width:254px;height:156px;border-radius:var(--hds-space-core-radius-md);z-index:1;transform:rotate(16deg)}
.terminal-graphic__card img{width:100%;border-radius:var(--hds-space-core-radius-md)}
.terminal-graphic__card-chip{position:absolute;top:52px;left:28px;width:34px;height:26px}
.authorization-graphic{position:relative;width:100%;height:100%;padding:var(--hds-space-core-250);font-weight:var(--hds-font-weight-normal)}
.authorization-graphic__heading{display:flex;align-items:center;gap:var(--hds-space-core-75);font-size:13px;line-height:1;margin-bottom:var(--hds-space-core-100)}
.authorization-graphic__heading-percent{padding:2px 3px;color:#15be53;font-size:8px;font-weight:var(--hds-font-weight-bold);line-height:1.52;background:rgba(21,190,83,.15);border:1px solid #15be53;border-radius:var(--hds-space-core-radius-sm)}
.authorization-graphic__filters{display:flex;gap:var(--hds-space-core-50);margin-bottom:var(--hds-space-core-300)}
.authorization-graphic__filter{padding:2px 6px;color:var(--hds-color-core-neutral-600);font-size:8px;font-weight:var(--hds-font-weight-bold);line-height:1.52;border:1px solid var(--hds-color-util-brand-100);border-radius:var(--hds-space-core-radius-sm)}
.authorization-graphic__filter--active{color:var(--hds-color-util-brand-600);border-color:var(--hds-color-util-brand-600)}
.authorization-graphic__chart-container{position:relative;display:flex;gap:var(--hds-space-core-50)}
.authorization-graphic__chart-labels{position:relative;display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;white-space:nowrap}
.authorization-graphic__chart-label{color:var(--hds-color-core-neutral-500);font-size:8px;line-height:1}
.authorization-graphic__chart{position:relative;padding:18px 18px 0;margin-block:var(--hds-space-core-25);border-left:1px solid var(--hds-color-core-neutral-50);border-right:1px solid var(--hds-color-core-neutral-50)}
.authorization-graphic__chart-bars{position:relative;display:flex;width:100%;gap:var(--hds-space-core-25);z-index:1}
.authorization-graphic__chart-bar{position:relative;display:flex;flex-direction:column;justify-content:flex-end;gap:var(--hds-space-core-25);width:50px}
.authorization-graphic__chart-bar-top{background-color:#02bcf5;border-radius:var(--hds-space-core-radius-xs)}
.authorization-graphic__chart-bar-mid{background-color:#0073e6;border-radius:var(--hds-space-core-radius-xs)}
.authorization-graphic__chart-bar-bottom{background-color:var(--hds-color-util-brand-500);border-radius:var(--hds-space-core-radius-xs)}
.authorization-graphic__chart-lines{position:absolute;top:0;left:0;display:flex;flex-direction:column;justify-content:space-between;height:100%;width:100%}
.authorization-graphic__chart-line{height:1px;width:100%;background-color:var(--hds-color-core-neutral-50)}
.authorization-graphic__chart-month{position:absolute;left:0;bottom:-30px;width:100%;padding-block:10px;color:var(--hds-color-core-neutral-500);font-size:11px;line-height:1;letter-spacing:.009em;text-align:center;white-space:nowrap}
.authorization-graphic__chart-legend{display:flex;align-items:flex-start;gap:13px;margin-top:36px}
.authorization-graphic__chart-legend-item{display:flex;align-items:baseline;gap:var(--hds-space-core-50)}
.authorization-graphic__chart-legend-item:first-child .authorization-graphic__chart-legend-item-color{background-color:var(--hds-color-util-brand-500)}
.authorization-graphic__chart-legend-item:nth-child(2) .authorization-graphic__chart-legend-item-color{background-color:#0073e6}
.authorization-graphic__chart-legend-item:nth-child(3) .authorization-graphic__chart-legend-item-color{background-color:#02bcf5}
.authorization-graphic__chart-legend-item-color{min-width:8px;min-height:8px;border-radius:var(--hds-space-core-radius-xs)}
.authorization-graphic__chart-legend-item-label{color:var(--hds-color-core-neutral-500);font-size:11px;line-height:1;letter-spacing:.009em}
.radar-graphic{position:relative;display:flex;flex-direction:column;width:100%;height:100%;font-weight:var(--hds-font-weight-normal)}
.radar-graphic__heading{padding:14px var(--hds-space-core-150) var(--hds-space-core-150);color:var(--hds-color-core-neutral-700);font-size:12px;font-weight:var(--hds-font-weight-bold);line-height:1}
.radar-graphic__chart,.radar-graphic__heading{border-bottom:1px solid var(--hds-color-core-neutral-50)}
.radar-graphic__chart{position:relative;width:100%;height:204px;border-top:1px solid var(--hds-color-core-neutral-50);overflow:hidden}
.radar-graphic__chart svg{position:relative;z-index:1}
.radar-graphic__chart-lines{position:absolute;left:0;top:0;display:grid;grid-template-columns:repeat(5,110px);justify-content:space-around;width:100%;height:100%}
.radar-graphic__chart-line{height:100%;width:100%;border-right:1px solid var(--hds-color-core-neutral-50)}
.radar-graphic__chart-legend{flex:1;padding:var(--hds-space-core-300)}
.radar-graphic__chart-legend-item{display:flex;align-items:center;gap:var(--hds-space-core-100);padding:var(--hds-space-core-100) var(--hds-space-core-50);border-top:1px solid var(--hds-color-core-neutral-50)}
.radar-graphic__chart-legend-item:last-child{border-bottom:1px solid var(--hds-color-core-neutral-50)}
.radar-graphic__chart-legend-item:last-child .radar-graphic__chart-legend-item-label{font-weight:var(--hds-font-weight-normal)}
.radar-graphic__chart-legend-item-label{color:var(--hds-color-core-neutral-700);font-size:11px;font-weight:var(--hds-font-weight-bold);line-height:1.1}
.bento-dialog{--bento-dialog-columns:4;max-width:1184px}
@media (min-width:640px){.bento-dialog{--bento-dialog-columns:8;margin:var(--hds-space-core-400)}}
@media (min-width:940px){.bento-dialog{--bento-dialog-columns:12;margin-block:clamp(var(--hds-space-core-900),10lvh,var(--hds-space-core-1800));margin-inline:var(--hds-space-core-400)}}
@media (prefers-reduced-motion:no-preference){@keyframes bento-dialog-reveal-fade-in-up{0%{opacity:0;transform:translate3d(0,30px,0)}to{opacity:1;transform:translateZ(0)}}.bento-dialog-reveal{--reveal-delay:0ms;opacity:0;transform:translate3d(0,30px,0);animation-name:bento-dialog-reveal-fade-in-up;animation-timing-function:cubic-bezier(.2,0,0,1);animation-duration:.75s;animation-delay:var(--reveal-delay);animation-fill-mode:forwards}@media (min-width:940px){.bento-dialog-graphic .bento-dialog-reveal:nth-of-type(2),.bento-dialog-graphics__item:nth-child(2) .bento-dialog-reveal{animation-delay:calc(var(--reveal-delay) + .1s)}.bento-dialog-graphic .bento-dialog-reveal:nth-of-type(3),.bento-dialog-graphics__item:nth-child(3) .bento-dialog-reveal{animation-delay:calc(var(--reveal-delay) + .2s)}}.bento-dialog-reveal--delay{--reveal-delay:100ms}}
@media (min-width:640px){.payments-terminal-dom-graphic{margin:unset;transform:translateY(24px)}}
@media (min-width:940px){.payments-terminal-dom-graphic{transform:translateY(0)}}
.payments-checkout-dom-graphic{margin:unset;transform:translateY(8px)}
@media (min-width:640px){.payments-checkout-dom-graphic{transform:translateY(24px)}}
@media (min-width:940px){.payments-checkout-dom-graphic{transform:translateY(0)}}

/* The homepage's locations card keeps the existing terminal, checkout, and
   background treatments, but removes the borrowed sample-payment copy. */
.modular-solutions-bento__card-payments .payments-graphic__terminal-screen>*{visibility:hidden}
.modular-solutions-bento__card-payments .payments-graphic__checkout-browser-url-block,
.modular-solutions-bento__card-payments .payments-graphic__checkout-header-logos-wrapper,
.modular-solutions-bento__card-payments .payments-graphic__checkout-input-label,
.modular-solutions-bento__card-payments .payments-graphic__checkout-input,
.modular-solutions-bento__card-payments .payments-graphic__checkout-separator-text,
.modular-solutions-bento__card-payments .payments-graphic__checkout-payment-methods-item-label,
.modular-solutions-bento__card-payments .payments-graphic__checkout-payment-methods-item-details,
.modular-solutions-bento__card-payments .payments-graphic__checkout-payment-button-text,
.modular-solutions-bento__card-payments .payments-graphic__checkout-order-summary-title,
.modular-solutions-bento__card-payments .payments-graphic__checkout-item-card-details,
.modular-solutions-bento__card-payments .payments-graphic__checkout-payment-table-row-label,
.modular-solutions-bento__card-payments .payments-graphic__checkout-payment-table-row-value{visibility:hidden}
.modular-solutions-bento__card-payments .payments-graphic__checkout-instant-buttons svg,
.modular-solutions-bento__card-payments .payments-graphic__checkout-payment-methods-item-icon--card{visibility:hidden}

/* Keep the checkout shell, but remove the remaining payment-method controls
   and product image from the homepage-only version of this graphic. */
.modular-solutions-bento__card-payments .payments-graphic__checkout-payment-details{visibility:hidden}
.modular-solutions-bento__card-payments .payments-graphic__checkout-item-card-image{visibility:hidden}


/* Homepage bento only — restore the approved Stripe-style composition:
   Enterprise + IQ, then Pro + Connect + Supply, followed by the full-width
   systems card. This has no effect on the Platform navigation. */
@media (min-width:940px){
  .modular-solutions-bento__layout .modular-solutions-bento-card.modular-solutions-bento__card-payments{
    flex-basis:calc(66.6667% - 8px)!important;
    max-width:calc(66.6667% - 8px)!important
  }

  .modular-solutions-bento__layout .modular-solutions-bento-card.modular-solutions-bento__card-billing{
    flex-basis:calc(33.3333% - 8px)!important;
    max-width:calc(33.3333% - 8px)!important
  }

  .modular-solutions-bento__layout .modular-solutions-bento-card.modular-solutions-bento__card-agentic-commerce,
  .modular-solutions-bento__layout .modular-solutions-bento-card.modular-solutions-bento__card-issuing,
  .modular-solutions-bento__layout .modular-solutions-bento-card.modular-solutions-bento__card-crypto{
    flex-basis:calc(33.3333% - 10.6667px)!important;
    max-width:calc(33.3333% - 10.6667px)!important
  }

  .modular-solutions-bento__layout .modular-solutions-bento-card.modular-solutions-bento__card-connect{
    flex-basis:100%!important;
    max-width:100%!important
  }
}
