.browser-graphic{--browser-graphic-desktop-width:0;--browser-graphic-desktop-height:0;--browser-graphic-mobile-width:0;--browser-graphic-mobile-height:0;--browser-graphic-dots-color:color-mix(in srgb,var(--hds-color-util-neutral-200) 50%,transparent);position:relative;width:var(--browser-graphic-mobile-width);height:var(--browser-graphic-mobile-height)}@media (min-width:640px){.browser-graphic{width:var(--browser-graphic-desktop-width);height:var(--browser-graphic-desktop-height)}}.browser-graphic__window{position:absolute;inset:0;border-radius:var(--hds-space-core-radius-md);outline:1px solid var(--hds-canary-ui-stroke);background:rgba(248,250,253,.45);box-shadow:0 15px 35px 0 hsla(0,0%,9%,.08);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.browser-graphic__window-top-bar{height:35px;display:grid;grid-template-columns:32px 1fr 32px;padding:2px 20px;gap:14px;align-items:center;align-content:center}.browser-graphic__url-box{justify-self:center;display:grid;grid-template-columns:1fr;gap:10px;width:min(262px,100%);height:20px;padding:2px 8px;align-items:center;border-radius:16px;outline:1px solid var(--hds-canary-ui-stroke);background:hsla(0,0%,100%,.38)}.browser-graphic__url-box-content{display:flex;justify-content:center;align-items:center;gap:4px;color:var(--hds-color-util-neutral-600);font-family:var(--hds-font-family);font-weight:var(--hds-font-weight-normal);font-size:9px}.browser-graphic__url-box-text{height:12px;line-height:1.2}.browser-graphic__page{position:absolute;inset:35px 6px 6px 6px;border-radius:var(--hds-space-core-radius-md);background:var(--hds-color-util-neutral-0);box-shadow:0 3px 6px 0 hsla(0,0%,9%,.06);overflow:hidden}@supports (overflow:clip){.browser-graphic__page{overflow:clip}}.browser-graphic--on-dark{--browser-graphic-dots-color:color-mix(in srgb,var(--hds-color-util-neutral-0) 50%,transparent)}.metronome-dashboard-graphic{position:relative;width:100%;height:100%;display:flex;flex-direction:column;font-weight:var(--hds-font-weight-normal);background:var(--hds-color-util-neutral-0);border-radius:var(--hds-space-core-radius-md);overflow:hidden;color:var(--hds-color-util-neutral-990)}.metronome-dashboard-graphic__header{display:flex;flex-direction:column;align-items:flex-start;padding:0 27px 13px;border-bottom:1px solid var(--hds-color-util-border-quiet);flex-shrink:0}.metronome-dashboard-graphic__header__title{font-size:18px;font-weight:var(--hds-font-weight-bold);line-height:23px;color:var(--hds-color-util-neutral-990);padding-top:var(--hds-space-core-200)}.metronome-dashboard-graphic__content{display:flex;flex-direction:column;padding:13px 27px;gap:13px;flex:1;min-height:0}.metronome-dashboard-graphic__card{display:flex;flex-direction:column;border:1px solid var(--hds-color-util-border-quiet);border-radius:var(--hds-space-core-radius-md);background:var(--hds-color-util-neutral-0);overflow:hidden}.metronome-dashboard-graphic__card__header{display:flex;flex-direction:row;align-items:center;padding:10px 13px;gap:7px}.metronome-dashboard-graphic__card__title{font-size:12px;font-weight:var(--hds-font-weight-bold);line-height:18px;letter-spacing:.01em;color:var(--hds-color-util-neutral-990);flex:1}.metronome-dashboard-graphic__card__body{display:flex;flex-direction:column;padding:0 13px 13px;gap:13px}.metronome-dashboard-graphic__card__body--billing{flex-direction:row;padding:0;gap:95px}.metronome-dashboard-graphic__card__metrics-row{display:flex;flex-direction:row;align-items:flex-start;gap:var(--hds-space-core-250);padding-top:13px}.metronome-dashboard-graphic__billing-section{display:flex;flex-direction:column;align-items:flex-start;padding:13px;gap:13px}.metronome-dashboard-graphic__billing-section__heading{font-size:13px;font-weight:var(--hds-font-weight-bold);line-height:20px;color:var(--hds-color-util-neutral-990)}.metronome-dashboard-graphic__billing-section__metrics{display:flex;flex-direction:row;align-items:flex-start;gap:var(--hds-space-core-300)}.metronome-dashboard-graphic__billing-divider{width:1px;background:var(--hds-color-util-border-quiet);margin:13px 0;flex-shrink:0}.metronome-dashboard-graphic__cards-row{display:flex;flex-direction:row;gap:13px;flex:1;min-height:0}.metronome-dashboard-graphic__cards-row>.metronome-dashboard-graphic__card{flex:1;min-width:0}.metronome-dashboard-graphic__big-metric{display:flex;flex-direction:column;align-items:flex-start}.metronome-dashboard-graphic__big-metric__label{font-size:10px;font-weight:var(--hds-font-weight-bold);line-height:18px;color:var(--hds-color-util-neutral-990)}.metronome-dashboard-graphic__big-metric__row{display:flex;flex-direction:row;align-items:center;gap:7px}.metronome-dashboard-graphic__big-metric__value{font-size:20px;font-weight:var(--hds-font-weight-bold);line-height:27px;letter-spacing:.01em;color:var(--hds-color-util-neutral-990)}.metronome-dashboard-graphic__badge{padding:0 var(--hds-space-core-100);gap:var(--hds-space-core-25);height:18px;background:rgba(182,242,199,.6);border-radius:9px}.metronome-dashboard-graphic__action-btn,.metronome-dashboard-graphic__badge{display:inline-flex;flex-direction:row;justify-content:center;align-items:center;font-size:10px;font-weight:var(--hds-font-weight-bold);line-height:18px;color:var(--hds-color-util-success-600)}.metronome-dashboard-graphic__action-btn{padding:5px 8px;gap:5px;height:28px;background:var(--hds-color-util-neutral-0);border:1px solid #a5c2b6;border-radius:var(--hds-space-core-radius-sm);cursor:default;flex-shrink:0}.metronome-dashboard-graphic__chart{position:relative;display:flex;flex-direction:row;flex:1;min-height:130px;gap:var(--hds-space-core-50)}.metronome-dashboard-graphic__chart__y-axis{display:flex;flex-direction:column;justify-content:space-between;width:28px;flex-shrink:0;padding-block:2px}.metronome-dashboard-graphic__chart__y-label{font-size:11px;line-height:14px;color:var(--hds-color-util-neutral-500);text-align:right}.metronome-dashboard-graphic__chart__plot{position:relative;flex:1;min-width:0}.metronome-dashboard-graphic__chart__grid-line{position:absolute;left:0;right:0;height:0;border-top:.7px dashed var(--hds-color-util-neutral-100);opacity:.8}.metronome-dashboard-graphic__chart__grid-line:first-child{top:0}.metronome-dashboard-graphic__chart__grid-line:nth-child(2){top:33%}.metronome-dashboard-graphic__chart__grid-line:nth-child(3){top:66%}.metronome-dashboard-graphic__chart__grid-line:nth-child(4){top:100%}.metronome-dashboard-graphic__chart__svg{position:absolute;inset:0;width:100%;height:100%}.metronome-dashboard-graphic__chart__line{stroke:var(--hds-color-util-brand-500)}.balance-notification-graphic{position:relative;width:100%;height:100%;background:var(--hds-color-util-neutral-0);box-shadow:var(--hds-shadow-xl);border-radius:var(--hds-space-core-radius-md);overflow:hidden;font-weight:var(--hds-font-weight-normal)}.balance-notification-graphic__header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:11px 14px;background:var(--hds-color-util-brand-50);height:37px}.balance-notification-graphic__header-left{display:flex;flex-direction:row;align-items:center;gap:var(--hds-space-core-50)}.balance-notification-graphic__bell-icon{color:var(--hds-color-util-brand-600)}.balance-notification-graphic__header-text{font-size:9px;line-height:1;letter-spacing:.02em;text-transform:capitalize;color:var(--hds-color-util-neutral-990)}.balance-notification-graphic__sent{font-size:9px;line-height:16px;color:var(--hds-color-util-neutral-990)}.balance-notification-graphic__body{position:relative;display:flex;flex-direction:row;align-items:center;padding:var(--hds-space-core-200) 14px;height:135px}.balance-notification-graphic__text-block{display:flex;flex-direction:column;gap:var(--hds-space-core-100);width:143px;flex-shrink:0}.balance-notification-graphic__message{font-size:14px;font-weight:var(--hds-font-weight-normal);line-height:18px;color:var(--hds-color-util-neutral-990)}.balance-notification-graphic__auto-reload{font-size:8px;font-weight:var(--hds-font-weight-bold);line-height:12px;letter-spacing:.02em;text-transform:uppercase;color:var(--hds-color-util-neutral-500)}.balance-notification-graphic__donut-wrap{flex:1;display:flex;align-items:center;justify-content:center;min-width:0}.balance-notification-graphic__donut-wrap svg{width:100%;height:100%}.billing-contract-graphic{position:relative;width:100%;height:100%;background:var(--hds-color-util-neutral-0);box-shadow:var(--hds-shadow-xl);border-radius:var(--hds-space-core-radius-md);overflow:hidden;font-weight:var(--hds-font-weight-normal)}.billing-contract-graphic__top-row{position:absolute;left:var(--hds-space-core-200);top:var(--hds-space-core-200);display:flex;flex-direction:row;gap:var(--hds-space-core-100)}.billing-contract-graphic__tile{display:flex;flex-direction:column;padding:var(--hds-space-core-200);gap:var(--hds-space-core-200);background:var(--hds-color-util-neutral-25);border-radius:var(--hds-space-core-radius-md)}.billing-contract-graphic__tile--left{width:142px;height:120px}.billing-contract-graphic__tile--right{width:210px;height:120px}.billing-contract-graphic__tile-section{display:flex;flex-direction:column;gap:var(--hds-space-core-25)}.billing-contract-graphic__date-range{font-size:10px;line-height:14px;color:var(--hds-color-util-neutral-500)}.billing-contract-graphic__heading{font-size:16px;font-weight:var(--hds-font-weight-bold);line-height:19px;color:var(--hds-color-util-neutral-990)}.billing-contract-graphic__label{font-size:10px;line-height:14px;color:var(--hds-color-util-neutral-500)}.billing-contract-graphic__commit{display:flex;flex-direction:column;gap:var(--hds-space-core-100)}.billing-contract-graphic__commit-label{font-size:10px;font-weight:var(--hds-font-weight-bold);line-height:14px;color:var(--hds-color-util-neutral-500)}.billing-contract-graphic__progress-track{position:relative;width:173px;height:8px;background:var(--hds-color-util-neutral-100);border-radius:4px}.billing-contract-graphic__progress-fill{position:absolute;left:2px;top:2px;width:132px;height:4px;background:var(--hds-color-util-brand-600);border-radius:4px}.billing-contract-graphic__rate-card{position:absolute;left:var(--hds-space-core-200);top:152px;width:360px;height:76px;background:var(--hds-color-util-neutral-25);border-radius:var(--hds-space-core-radius-md);padding:var(--hds-space-core-200);display:flex;flex-direction:column;gap:var(--hds-space-core-200)}.billing-contract-graphic__rate-card-header,.billing-contract-graphic__rate-card-row{display:grid;grid-template-columns:1.7fr .85fr .75fr 1.1fr;column-gap:6px;align-items:center}.billing-contract-graphic__rate-card-col{font-size:10px;line-height:14px;color:var(--hds-color-util-neutral-500);white-space:nowrap}.billing-contract-graphic__rate-card-col--bold{font-weight:var(--hds-font-weight-bold);color:var(--hds-color-util-neutral-990)}.billing-contract-graphic__rate-card-col--secondary{font-weight:var(--hds-font-weight-normal);color:var(--hds-color-util-neutral-500)}.billing-event-stream-static-graphic{position:relative;width:100%;height:100%;display:flex;flex-direction:column;background:var(--hds-color-util-neutral-0);box-shadow:var(--hds-shadow-xl);border-radius:var(--hds-space-core-radius-md);overflow:hidden;font-weight:var(--hds-font-weight-normal);color:var(--hds-color-util-neutral-990)}.billing-event-stream-static-graphic__header{display:flex;flex-direction:row;align-items:center;padding:10px 13px;gap:7px;border-bottom:1px solid var(--hds-color-util-border-quiet);flex-shrink:0}.billing-event-stream-static-graphic__title{font-size:12px;font-weight:var(--hds-font-weight-bold);line-height:18px;letter-spacing:.01em;color:var(--hds-color-util-neutral-990);flex:1}.billing-event-stream-static-graphic__action-btn{display:inline-flex;flex-direction:row;justify-content:center;align-items:center;padding:5px 8px;gap:5px;height:28px;background:var(--hds-color-util-neutral-0);border:1px solid var(--hds-color-util-neutral-200);border-radius:var(--hds-space-core-radius-sm);font-size:10px;font-weight:var(--hds-font-weight-bold);line-height:18px;color:var(--hds-color-util-success-600);cursor:default;flex-shrink:0}.billing-event-stream-static-graphic__body{display:flex;flex-direction:column;padding:0 13px 13px;gap:13px;flex:1;min-height:0}.billing-event-stream-static-graphic__metrics-row{display:flex;flex-direction:row;align-items:flex-start;gap:var(--hds-space-core-250);padding-top:13px}.billing-event-stream-static-graphic__big-metric{display:flex;flex-direction:column;align-items:flex-start}.billing-event-stream-static-graphic__big-metric-label{font-size:10px;font-weight:var(--hds-font-weight-bold);line-height:18px;color:var(--hds-color-util-neutral-990)}.billing-event-stream-static-graphic__big-metric-value{font-size:20px;font-weight:var(--hds-font-weight-bold);line-height:27px;letter-spacing:.01em;color:var(--hds-color-util-neutral-990)}.billing-event-stream-static-graphic__chart{position:relative;display:flex;flex-direction:row;flex:1;min-height:80px;gap:var(--hds-space-core-50)}.billing-event-stream-static-graphic__chart-y-axis{display:flex;flex-direction:column;justify-content:space-between;width:32px;flex-shrink:0;padding-block:2px}.billing-event-stream-static-graphic__chart-y-label{font-size:11px;line-height:14px;color:var(--hds-color-util-neutral-500);text-align:right}.billing-event-stream-static-graphic__chart-plot{position:relative;flex:1;min-width:0}.billing-event-stream-static-graphic__chart-grid-line{position:absolute;left:0;right:0;height:0;border-top:.7px dashed var(--hds-color-util-neutral-100);opacity:.8}.billing-event-stream-static-graphic__chart-grid-line:first-child{top:0}.billing-event-stream-static-graphic__chart-grid-line:nth-child(2){top:33%}.billing-event-stream-static-graphic__chart-grid-line:nth-child(3){top:66%}.billing-event-stream-static-graphic__chart-grid-line:nth-child(4){top:100%}.billing-event-stream-static-graphic__chart-svg{position:absolute;inset:0;width:100%;height:100%}.billing-event-stream-static-graphic__chart-line{stroke:var(--hds-color-util-brand-500)}.ubb-hero__container{--section-container-pbs:var(--hds-space-core-300);--section-container-pbs-tb:var(--hds-space-core-400);--section-container-pbs-dt:var(--hds-space-core-500);--section-container-pbe:var(--hds-space-core-700);--section-container-pbe-dt:var(--hds-space-core-800)}.ubb-hero__container,.ubb-hero__content{display:flex;flex-direction:column;gap:var(--hds-space-core-400)}.ubb-hero__content{align-items:center;justify-content:center}.ubb-hero__title{max-width:43ch;text-align:center;text-wrap:pretty}.ubb-hero__title,.ubb-hero__title .hds-heading--lg{font-size:var(--hds-font-heading-hero-sm-size);line-height:var(--hds-font-heading-hero-sm-lineHeight)}.ubb-hero__title .hds-heading--lg{display:inline;font-weight:var(--hds-font-heading-hero-sm-weight);letter-spacing:var(--hds-font-heading-hero-sm-letterSpacing)}@media (max-width:639px){.ubb-hero__content{align-items:stretch;justify-content:flex-start}.ubb-hero__title{text-align:start}}.ubb-hero__graphic-container{--section-container-pbe:var(--hds-space-core-0);--section-container-pbe-tb:var(--hds-space-core-0);--section-container-pbe-dt:var(--hds-space-core-0);--section-container-pbs:var(--hds-space-core-0);--section-container-pbs-tb:var(--hds-space-core-0);--section-container-pbs-dt:var(--hds-space-core-0);--section-container-border-inline:1px solid transparent;height:636px;position:relative;z-index:2}.ubb-hero__graphic-stack{position:relative;z-index:1;width:100%;height:100%;display:flex;justify-content:center;align-items:center;gap:var(--hds-space-core-150);flex-direction:column}@media (min-width:640px){.ubb-hero__graphic-stack{flex-direction:row;gap:var(--hds-space-core-0)}}.ubb-hero__graphic-browser{width:86%;max-width:1024px;position:relative;overflow:hidden}.ubb-hero__graphic-browser>.dom-graphic{transform:translateY(13.5%)}.ubb-hero__graphic-browser--desktop{display:none}.ubb-hero__graphic-chart-card{width:70%}@media (min-width:640px){.ubb-hero__graphic-browser--desktop{display:block}.ubb-hero__graphic-chart-card--mobile{display:none}}.ubb-hero__graphic-invoice{position:relative;width:70%;top:0;right:0;z-index:1}@media (min-width:640px){.ubb-hero__graphic-invoice{position:absolute;top:30.8%;right:-2%;width:25%}}@media (min-width:1360px){.ubb-hero__graphic-invoice{right:-3%}}.ubb-hero__graphic-notification{position:relative;width:70%;top:0;left:0;z-index:1;display:none}@media (min-width:640px){.ubb-hero__graphic-notification{display:block;position:absolute;top:64%;right:-2%;width:25%}}@media (min-width:1360px){.ubb-hero__graphic-notification{right:-3%}}.ubb-hero__graphic{top:auto;margin-inline:auto;width:100%;max-width:1600px;height:636px;display:flex;justify-content:center;align-items:center;isolation:isolate;overflow:hidden;z-index:1}@media (min-width:1360px){.ubb-hero__graphic{border-radius:var(--hds-space-core-radius-md);width:calc(100% - 32px)}}.ubb-hero__graphic-background{position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(152deg,#f4853a,#b58ff5 50%,#8159f3)}@media (min-width:640px){.ubb-hero__graphic-background{background:linear-gradient(146deg,#ffbc74,#ffb567 8%,#ff8f22 24%,#9939d1 52%,rgba(93,36,208,.68) 74%,#d1adf8)}}.ubb-hero__graphic-background img,.ubb-hero__graphic-background picture,.ubb-hero__graphic-background-media{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.ubb-hero__graphic-background-poster{position:absolute;inset:0}.ubb-hero__graphic-background-poster--desktop{display:none}@media (min-width:640px){.ubb-hero__graphic-background-poster--desktop{display:block}.ubb-hero__graphic-background-poster--mobile{display:none}}.ubb-hero__graphic-background-video{position:absolute;inset:0;opacity:0;transition:opacity .2s ease-out}.ubb-hero__graphic-background-video--ready{opacity:1}@media (prefers-reduced-motion:reduce){.ubb-hero__graphic-background-video{transition:none}}@media (prefers-reduced-motion:no-preference){.ubb-hero__graphic-stack .metronome-dashboard-graphic__chart__plot{clip-path:inset(0 100% 0 0);will-change:clip-path}.ubb-hero__graphic-invoice,.ubb-hero__graphic-notification{opacity:0;transform:translateY(16px);will-change:opacity,transform}}@media (max-width:1264px){.ubb-hero__graphic-container{height:auto;aspect-ratio:1264/640}.ubb-hero__graphic{height:auto;aspect-ratio:1296/640}}@media (max-width:639px){.ubb-hero__graphic,.ubb-hero__graphic-container{aspect-ratio:400/452}}.ubb-logo-bar__container{padding:0}.ubb-logo-bar{position:relative;z-index:2}.ksp-layout{display:grid;grid-template-columns:1fr;column-gap:var(--hds-space-core-200);row-gap:var(--hds-space-core-300)}@media (min-width:640px){.ksp-layout{grid-template-columns:repeat(2,1fr)}}@media (min-width:940px){.ksp-layout{grid-template-columns:repeat(4,1fr)}}.ksp-card{--gradient-border-card-bg:var(--hds-color-surface-bg-quiet);-webkit-text-decoration:none;text-decoration:none;display:grid;border-radius:var(--hds-space-core-radius-md);box-shadow:var(--hds-shadow-xs);width:100%}@media (prefers-reduced-motion:no-preference){.ksp-card{transition:box-shadow .25s linear}}.ksp-card:focus-visible,.ksp-card:hover{box-shadow:var(--hds-shadow-md)}@media (prefers-reduced-motion:no-preference){.ksp-card:focus-visible,.ksp-card:hover{--hds-hover-active:1}}.ksp-card:focus-visible{outline:var(--hds-focus-outline);outline-offset:var(--hds-focus-outline-offset);border-radius:calc(var(--hds-space-core-radius-md) - 1px)}.ksp-card__content{display:flex;flex-direction:column;gap:var(--hds-space-core-200);height:100%;overflow:hidden;padding-block-start:var(--hds-space-core-200);padding-block-end:var(--hds-space-core-300);padding-inline-start:var(--hds-space-core-200);padding-inline-end:var(--hds-space-core-400);min-height:186px}.ubb-ksp__container{--section-container-pbs:var(--hds-space-core-700);--section-container-pbe:var(--hds-space-core-700);--section-container-pbs-tb:var(--hds-space-core-500);--section-container-pbe-tb:var(--hds-space-core-500);--section-container-pbs-dt:var(--hds-space-core-600);--section-container-pbe-dt:var(--hds-space-core-600)}.manifesto-container{max-width:1024px;display:flex;flex-direction:column;margin:0 auto;row-gap:var(--hds-space-core-400)}.manifesto-eyebrow{display:flex;gap:var(--hds-space-core-100);align-items:center}.manifesto-heading{max-width:48ch}.manifesto-body{display:grid;grid-template-columns:1fr;gap:var(--hds-space-core-400);row-gap:var(--hds-space-core-200)}@media (min-width:640px){.manifesto-body{padding-block-start:var(--hds-space-core-100);grid-template-columns:1fr 1fr}}.pay-as-you-go-graphic{position:relative;width:100%;height:100%;font-weight:var(--hds-font-weight-normal);padding-block:30px var(--hds-space-core-300);padding-inline:25px;display:flex;flex-direction:column}.pay-as-you-go-graphic__heading{font-size:16px;font-weight:var(--hds-font-weight-bold);line-height:22px;color:var(--hds-color-util-neutral-990)}.pay-as-you-go-graphic__subtitle{display:flex;flex-direction:row;align-items:center;gap:var(--hds-space-core-50);margin-block-start:5px;font-size:9px;line-height:var(--hds-space-core-150);letter-spacing:-.01em;color:var(--hds-color-util-neutral-600)}.pay-as-you-go-graphic__subtitle-currency{display:inline-flex;align-items:center;gap:var(--hds-space-core-50)}.pay-as-you-go-graphic__subtitle-dot{flex-shrink:0;width:var(--hds-space-core-25);height:var(--hds-space-core-25);background:var(--hds-color-util-neutral-600);border-radius:50%}.pay-as-you-go-graphic__flag{display:inline-flex;align-items:center;width:auto;height:var(--hds-space-core-100);overflow:hidden;flex-shrink:0;position:relative}.pay-as-you-go-graphic__flag svg{display:block;width:auto;height:100%}.pay-as-you-go-graphic__product-row{justify-content:space-between;margin-block-start:var(--hds-space-core-400)}.pay-as-you-go-graphic__product-left,.pay-as-you-go-graphic__product-row{display:flex;flex-direction:row;align-items:flex-start;gap:7px}.pay-as-you-go-graphic__product-icon{width:26px;height:26px;background:var(--hds-color-util-neutral-25);border-radius:var(--hds-space-core-radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0}.pay-as-you-go-graphic__product-icon svg{width:10px;height:10px}.pay-as-you-go-graphic__product-info{display:flex;flex-direction:column;gap:var(--hds-space-core-25)}.pay-as-you-go-graphic__product-title{font-size:9px;font-weight:var(--hds-font-weight-bold);line-height:1.333;color:var(--hds-color-util-neutral-990)}.pay-as-you-go-graphic__product-model{font-size:9px;line-height:var(--hds-space-core-150);color:var(--hds-color-util-neutral-600);letter-spacing:-.01em}.pay-as-you-go-graphic__product-price{font-size:9px;line-height:var(--hds-space-core-150);color:var(--hds-color-util-neutral-990);text-align:right;white-space:nowrap;align-self:center}.pay-as-you-go-graphic__divider{width:100%;height:var(--hds-space-core-border-sm);background:var(--hds-canary-ui-mini-stroke);margin-block-start:var(--hds-space-core-200)}.pay-as-you-go-graphic__field{display:flex;flex-direction:column;gap:7px;margin-block-start:var(--hds-space-core-200)}.pay-as-you-go-graphic__field-label{font-size:9px;font-weight:var(--hds-font-weight-bold);line-height:var(--hds-space-core-150);letter-spacing:-.01em;color:var(--hds-color-util-neutral-990)}.pay-as-you-go-graphic__select{box-sizing:border-box;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:2.5px var(--hds-space-core-100);height:var(--hds-space-core-350);background:var(--hds-color-util-neutral-0);border:var(--hds-space-core-border-sm) solid var(--hds-canary-ui-mini-stroke);border-radius:3px}.pay-as-you-go-graphic__select-label{font-size:9px;line-height:var(--hds-space-core-150);color:var(--hds-color-util-neutral-990)}.pay-as-you-go-graphic__select-chevron{width:7px;height:7px;flex-shrink:0}.pay-as-you-go-graphic__toggle{align-items:flex-start;padding:2.4px;gap:4.5px;background:var(--hds-color-util-neutral-25)}.pay-as-you-go-graphic__toggle,.pay-as-you-go-graphic__toggle-option{display:flex;flex-direction:row;justify-content:center;border-radius:var(--hds-space-core-radius-sm)}.pay-as-you-go-graphic__toggle-option{text-align:center;align-items:center;padding:2.4px 4.8px;height:30.74px;font-size:9px;line-height:10px;color:var(--hds-color-util-neutral-990);flex:1}.pay-as-you-go-graphic__toggle-option--active{background:var(--hds-color-util-neutral-0);color:var(--hds-color-util-action-text-solid);font-weight:var(--hds-font-weight-bold)}.pay-as-you-go-graphic__input{box-sizing:border-box;display:flex;flex-direction:row;align-items:center;padding:2.5px var(--hds-space-core-100);height:var(--hds-space-core-350);background:var(--hds-color-util-neutral-0);border:var(--hds-space-core-border-sm) solid var(--hds-canary-ui-mini-stroke);border-radius:3px;font-size:9px;line-height:var(--hds-space-core-150);color:var(--hds-color-util-neutral-990)}.subscription-overage-graphic{position:relative;width:100%;height:100%;font-weight:var(--hds-font-weight-normal);padding:24px;display:flex;flex-direction:column;gap:10px}.subscription-overage-graphic__top{display:flex;flex-direction:column;gap:12px}.subscription-overage-graphic__badge{display:flex;flex-direction:row;align-items:center;gap:8px}.subscription-overage-graphic__badge-icon-container{width:28px;height:28px;background:#e5d8ff;border-radius:var(--hds-space-core-radius-round);display:flex;align-items:center;justify-content:center;flex-shrink:0}.subscription-overage-graphic__badge-icon-container svg{width:14px}.subscription-overage-graphic__badge-label{font-size:14px;font-weight:var(--hds-font-weight-bold);line-height:18px;color:var(--hds-color-util-neutral-990)}.subscription-overage-graphic__divider{width:100%;height:1px;background:var(--hds-color-util-neutral-50)}.subscription-overage-graphic__body{display:flex;flex-direction:column;gap:24px}.subscription-overage-graphic__product-row{justify-content:space-between}.subscription-overage-graphic__product-left,.subscription-overage-graphic__product-row{display:flex;flex-direction:row;align-items:flex-start;gap:8px}.subscription-overage-graphic__product-icon{width:28px;height:28px;background:var(--hds-color-util-brand-700);border-radius:var(--hds-space-core-radius-sm);flex-shrink:0}.subscription-overage-graphic__product-info{display:flex;flex-direction:column;gap:2px}.subscription-overage-graphic__product-name{font-size:12px;font-weight:var(--hds-font-weight-bold);line-height:13px;letter-spacing:-.1px;color:var(--hds-color-util-neutral-990)}.subscription-overage-graphic__product-detail{font-size:10px;line-height:11px;color:var(--hds-color-util-neutral-600)}.subscription-overage-graphic__product-price{font-size:12px;font-weight:var(--hds-font-weight-bold);line-height:13px;letter-spacing:-.1px;color:var(--hds-color-util-neutral-990);white-space:nowrap}.subscription-overage-graphic__table{display:flex;flex-direction:column;gap:var(--hds-space-core-100)}.subscription-overage-graphic__table-header,.subscription-overage-graphic__table-row{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(0,1.1fr);column-gap:var(--hds-space-core-100);align-items:center}:is(.subscription-overage-graphic__table-header,.subscription-overage-graphic__table-row)>div{white-space:nowrap;max-width:100%}.subscription-overage-graphic__table-header{font-size:10px;font-weight:var(--hds-font-weight-bold);line-height:13px;color:var(--hds-color-util-neutral-500)}.subscription-overage-graphic__table-header>div{white-space:normal}.subscription-overage-graphic__table-row{font-size:10px;line-height:13px;color:var(--hds-color-util-neutral-990)}.subscription-overage-graphic__table-row>div{white-space:normal;overflow-wrap:anywhere}.subscription-overage-graphic__table-cell--overage{font-weight:var(--hds-font-weight-bold);text-align:right}.subscription-overage-graphic__table-row-group{display:flex;flex-direction:column;gap:var(--hds-space-core-100)}@layer base{.carousel-pagination{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:var(--hds-space-core-50);padding-block-start:var(--hds-space-core-200)}.carousel-pagination__segment{height:2px;width:10px;border-radius:1px;background:var(--hds-color-util-brand-300);transition:width .3s ease,background-color .3s ease;will-change:width,background-color}.carousel-pagination__segment--active{width:30px;background:var(--hds-color-util-brand-600)}button.carousel-pagination__segment{appearance:none;border:0;padding:var(--hds-space-core-150) 0;margin-block:calc(var(--hds-space-core-150) * -1);background-clip:content-box;box-sizing:content-box;cursor:pointer}button.carousel-pagination__segment:focus-visible{outline:var(--hds-space-core-border-lg) solid var(--hds-color-util-brand-600);outline-offset:var(--hds-space-core-50)}}.ubb-launch-graphics__scroller{--carousel-gap:var(--hds-space-core-200)}.ubb-launch-graphics__item{--carousel-card-width:100%}@media (min-width:640px){.ubb-launch-graphics__scroller{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--hds-space-layout-gap);row-gap:var(--hds-space-core-200);overflow:visible;scroll-snap-type:none;-webkit-overflow-scrolling:auto}.ubb-launch-graphics__item{--carousel-card-width:auto;scroll-snap-align:unset}.ubb-launch-graphics__pagination{display:none}}.case-study-logo--flat{--caseStudyLogoColor:var(--hds-color-util-white)}.case-study-logo--flat.case-study-logo--dark{--caseStudyLogoColor:var(--hds-color-core-neutral-0)}@layer base{.spotlight-card{display:grid;grid-template-columns:1fr;align-items:center;gap:var(--hds-space-core-200);background:var(--hds-color-surface-bg-quiet);border:1px solid var(--hds-color-surface-border-quiet);border-radius:var(--hds-space-core-radius-md);overflow:hidden}@media (min-width:640px){.spotlight-card{grid-template-columns:1fr minmax(0,240px);padding-inline-start:var(--hds-space-core-400)}}@media (min-width:940px){.spotlight-card{grid-template-columns:1fr minmax(0,400px)}}.spotlight-card--subdued{background:var(--hds-color-surface-bg-subdued)}.spotlight-card__content{display:flex;flex-direction:column;flex:1;min-width:0;gap:var(--hds-space-core-200);padding-inline:var(--hds-space-core-400);padding-block:var(--hds-space-core-300)}@media (min-width:640px){.spotlight-card__content{padding:var(--hds-space-core-500) 0 var(--hds-space-core-800)}}.spotlight-card__eyebrow{display:flex}.spotlight-card__logo{width:auto}.spotlight-card__body{max-width:576px;padding-inline-end:var(--hds-space-core-200);padding-block-end:var(--hds-space-core-50);text-wrap:pretty}@media (min-width:640px){.spotlight-card__body{padding-inline-end:var(--hds-space-core-300)}}.spotlight-card__graphic{width:100%;aspect-ratio:400/283;align-self:stretch;overflow:hidden;position:relative}@media (min-width:640px){.spotlight-card__graphic{aspect-ratio:unset;min-height:280px}}.spotlight-card__graphic-picture-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}}.stepper-progress{position:absolute;bottom:0;left:0;width:100%;height:1px;overflow:hidden;z-index:1;opacity:0;transition:opacity var(--stepper-progress-duration) ease-out}@media (max-width:939px){.stepper-progress{display:none}}.stepper-progress--active{opacity:1}.stepper-progress__container{position:absolute;top:0;left:0;width:100%;height:100%;clip-path:inset(0 100% 0 0);background:var(--stepper-gradient)}.stepper-item{position:relative;padding-block-end:var(--hds-space-core-150);border:0;interpolate-size:allow-keywords}@media (min-width:640px){.stepper-item{padding-block-end:var(--hds-space-core-300)}}@media (prefers-reduced-motion:no-preference){.stepper-item{transition-property:padding;transition-duration:var(--stepper-duration);transition-timing-function:var(--stepper-ease);transform:translateZ(0)}}.stepper-item::details-content{height:0;overflow:hidden}@media (prefers-reduced-motion:no-preference){.stepper-item::details-content{transition-property:content-visibility,height;transition-behavior:allow-discrete;transition-duration:var(--stepper-duration);transition-timing-function:var(--stepper-ease)}}.stepper-item:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:var(--hds-color-surface-border-quiet)}@media (max-width:939px){.stepper-item:last-child:after{display:none}}.stepper-item[open]::details-content{height:var(--content-height,auto)}@supports (interpolate-size:allow-keywords){.stepper-item[open]::details-content{height:fit-content}}.stepper-item__summary{align-items:center;padding-block-start:var(--hds-space-core-200);padding-block-end:var(--hds-space-core-100);background-color:transparent}@media (min-width:640px){.stepper-item__summary{margin-block-end:calc(var(--hds-space-core-300) * -1);padding-block-start:var(--hds-space-core-350);padding-block-end:var(--hds-space-core-400)}}.stepper-item__summary:focus-visible{outline:2px solid var(--hds-color-action-border-solid);outline-offset:3px;border-radius:var(--hds-space-core-radius-sm)}.stepper-item__summary:after{content:"";position:absolute;inset:0;width:100%;height:100%}.stepper-item__content{position:relative;z-index:1;padding-block-end:var(--hds-space-core-200);margin-inline-end:0}@media (max-width:939px){.stepper-item__content{display:flex;flex-direction:column;gap:var(--hds-space-core-300)}}@media (min-width:640px){.stepper-item__content{padding-block-end:var(--hds-space-core-100)}}@media (min-width:940px){.stepper-item__mobile-graphic{display:none}}.stepper-item__mobile-toggle-button{display:flex}@media (min-width:940px){.stepper-item__mobile-toggle-button{display:none}}.stepper-item__mobile-toggle-button--open{--cross-toggle-collapse:1}.stepper-graphic{inset:0;width:100%;height:100%;pointer-events:none;z-index:1;position:relative}.stepper-graphic:not(:first-child){position:absolute}.stepper-graphic--active{pointer-events:auto;z-index:2}.stepper{--stepper-duration:360ms;--stepper-progress-duration:300ms;--stepper-ease:cubic-bezier(0.65,0.05,0.36,1);--stepper-gradient:linear-gradient(270deg,#fe8d33 23.88%,#cb58d8 69.69%,#631ccc 113.08%);position:relative}@media (min-width:940px){.stepper__container{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:var(--hds-space-core-200)}}.stepper__content{display:flex;flex-direction:column}.stepper-content-gap{gap:var(--stepper-content-gap-mb)}@media (min-width:640px){.stepper-content-gap{gap:var(--stepper-content-gap-tb,var(--stepper-content-gap-mb))}}@media (min-width:940px){.stepper-content-gap{gap:var(
      --stepper-content-gap-dt,var(--stepper-content-gap-tb,var(--stepper-content-gap-mb))
    )}.stepper__accordion{margin-block-start:calc(var(--hds-space-core-350) * -1);padding-inline-end:var(--hds-space-core-1100)}}.stepper__graphics{display:none;position:relative;width:100%;overflow:hidden}@media (min-width:940px){.stepper__graphics{display:block}}.stepper__background{position:absolute;inset:0;width:100%;height:100%;z-index:0}.llm-token-usage-graphic__container{position:relative;width:100%;height:100%;font-weight:var(--hds-font-weight-normal);padding:var(--hds-space-core-350);display:flex;flex-direction:column;gap:var(--hds-space-core-200)}.llm-token-usage-graphic__header{display:flex;flex-direction:column;gap:var(--hds-space-core-50)}.llm-token-usage-graphic__heading{font-size:18px;font-weight:var(--hds-font-weight-bold);line-height:23px;color:var(--hds-color-util-neutral-990)}.llm-token-usage-graphic__updated{font-size:12px;line-height:15px;color:var(--hds-color-util-neutral-500)}.llm-token-usage-graphic__divider{width:100%;height:1px;background:var(--hds-color-util-neutral-50)}.llm-token-usage-graphic__body{display:flex;flex-direction:column;gap:var(--hds-space-core-300)}.llm-token-usage-graphic__stats{display:flex;flex-direction:row;gap:var(--hds-space-core-400)}.llm-token-usage-graphic__stat{display:flex;flex-direction:column;gap:var(--hds-space-core-25)}.llm-token-usage-graphic__stat-label{font-size:12px;line-height:15px;color:var(--hds-color-util-neutral-500)}.llm-token-usage-graphic__stat-value{font-size:18px;font-weight:var(--hds-font-weight-bold);line-height:23px;color:var(--hds-color-util-neutral-990)}.llm-token-usage-graphic__chart-container{position:relative;width:100%;height:119px}.llm-token-usage-graphic__chart-baseline{position:absolute;bottom:0;left:0;right:0;height:1px;background:var(--hds-color-util-neutral-50)}.llm-token-usage-graphic__chart{display:flex;flex-direction:row;align-items:flex-end;gap:var(--hds-space-core-100);width:100%;height:119px}.llm-token-usage-graphic__bar{width:24px;background:var(--hds-color-util-brand-600);border-radius:var(--hds-space-core-radius-xs) var(--hds-space-core-radius-xs) 0 0;flex:none}@media (prefers-reduced-motion:no-preference){@keyframes llm-bar-grow{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.llm-token-usage-graphic.is-within-stepper{opacity:0;transform:translateY(50px);transition:opacity .5s cubic-bezier(.2,0,0,1),transform .75s cubic-bezier(.2,0,0,1)}.llm-token-usage-graphic.is-within-stepper .llm-token-usage-graphic__bar{transform-origin:bottom;transform:scaleY(0)}.llm-token-usage-graphic.is-within-stepper.is-exiting{transform:translateY(25px)}.llm-token-usage-graphic.is-animating{opacity:1;transform:translateY(0)}.llm-token-usage-graphic.is-animating .llm-token-usage-graphic__bar{animation:llm-bar-grow .5s cubic-bezier(.33,1,.68,1) forwards;animation-delay:calc(var(--bar-index, 0) * 30ms)}.llm-token-usage-graphic.is-paused .llm-token-usage-graphic__bar{animation-play-state:paused}}.recovery-breakdown-graphic__container{position:relative;width:100%;height:100%;font-weight:var(--hds-font-weight-normal);padding:28px;display:flex;flex-direction:column;gap:24px}.recovery-breakdown-graphic__header{display:flex;flex-direction:column;gap:12px}.recovery-breakdown-graphic__heading{font-size:20px;font-weight:var(--hds-font-weight-bold);line-height:25px;color:var(--hds-color-util-neutral-990)}.recovery-breakdown-graphic__stats{display:flex;flex-direction:row;gap:32px}.recovery-breakdown-graphic__stat{display:flex;flex-direction:column;gap:2px}.recovery-breakdown-graphic__stat-label{font-size:12px;line-height:15px;color:var(--hds-color-util-neutral-500)}.recovery-breakdown-graphic__stat-value{font-size:16px;font-weight:var(--hds-font-weight-bold);line-height:20px;color:var(--hds-color-util-neutral-990)}.recovery-breakdown-graphic__chart-area{position:relative;flex:1}.recovery-breakdown-graphic__gridlines{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;justify-content:space-between}.recovery-breakdown-graphic__gridline{display:flex;align-items:center;width:100%}.recovery-breakdown-graphic__gridline-label-left{flex-shrink:0;width:22px;font-size:10px;line-height:13px;color:var(--hds-color-util-neutral-600)}.recovery-breakdown-graphic__gridline-rule{flex:1;height:0;border-top:1px dashed var(--hds-color-util-neutral-50)}.recovery-breakdown-graphic__gridline--baseline .recovery-breakdown-graphic__gridline-rule{border-top-style:solid}.recovery-breakdown-graphic__gridline-label-right{flex-shrink:0;width:28px;font-size:10px;line-height:13px;color:var(--hds-color-util-neutral-600);text-align:right}.recovery-breakdown-graphic__bars-area{position:absolute;top:7px;left:26px;right:32px;bottom:7px}.recovery-breakdown-graphic__bars{display:flex;flex-direction:row;align-items:flex-end;gap:8px;width:100%;height:100%}.recovery-breakdown-graphic__bar-stack{flex:1;display:flex;flex-direction:column-reverse;align-items:stretch}.recovery-breakdown-graphic__bar-segment{width:100%}.recovery-breakdown-graphic__bar-segment:last-child{border-radius:var(--hds-space-core-radius-xs) var(--hds-space-core-radius-xs) 0 0}.recovery-breakdown-graphic__bar-segment--dark{background:var(--hds-color-util-brand-600)}.recovery-breakdown-graphic__bar-segment--medium{background:var(--hds-color-util-brand-500)}.recovery-breakdown-graphic__bar-segment--light{background:var(--hds-color-util-brand-400)}@media (prefers-reduced-motion:no-preference){@keyframes recovery-stack-grow{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.recovery-breakdown-graphic.is-within-stepper{opacity:0;transform:translateY(50px);transition:opacity .5s cubic-bezier(.2,0,0,1),transform .75s cubic-bezier(.2,0,0,1)}.recovery-breakdown-graphic.is-within-stepper .recovery-breakdown-graphic__bar-stack{transform-origin:bottom;transform:scaleY(0)}.recovery-breakdown-graphic.is-within-stepper.is-exiting{transform:translateY(25px)}.recovery-breakdown-graphic.is-animating{opacity:1;transform:translateY(0)}.recovery-breakdown-graphic.is-animating .recovery-breakdown-graphic__bar-stack{animation:recovery-stack-grow .5s cubic-bezier(.33,1,.68,1) forwards;animation-delay:calc(var(--bar-index, 0) * 30ms)}.recovery-breakdown-graphic.is-paused .recovery-breakdown-graphic__bar-stack{animation-play-state:paused}}.usage-revenue-graphic__container{position:relative;width:100%;height:100%;font-weight:var(--hds-font-weight-normal);padding:var(--hds-space-core-350);display:flex;flex-direction:column}.usage-revenue-graphic__header{display:flex;flex-direction:column;gap:var(--hds-space-core-50)}.usage-revenue-graphic__title-row{display:flex;flex-direction:row;align-items:center;gap:var(--hds-space-core-100)}.usage-revenue-graphic__value{font-size:20px;font-weight:var(--hds-font-weight-bold);line-height:1.25;color:var(--hds-color-util-neutral-990)}.usage-revenue-graphic__badge{display:flex;align-items:center;padding:0 4px;height:16px;background:rgba(0,178,97,.15);border:1px solid rgba(0,178,97,.15);border-radius:var(--hds-space-core-radius-xs);font-size:10px;line-height:1.6;letter-spacing:-.002em;color:var(--hds-color-util-success-400)}.usage-revenue-graphic__label{font-size:12px;line-height:1.25;color:var(--hds-color-util-neutral-600)}.usage-revenue-graphic__chart-area{position:relative;flex:1;margin-block-start:var(--hds-space-core-200)}.usage-revenue-graphic__gridlines{position:absolute;top:5px;left:0;right:-8px;bottom:26px;display:flex;flex-direction:column;justify-content:space-between}.usage-revenue-graphic__gridline{position:relative;width:100%;display:flex;align-items:center}.usage-revenue-graphic__gridline-rule{flex:1;height:0;border-top:1px dashed var(--hds-color-util-neutral-50)}.usage-revenue-graphic__gridline-label{flex-shrink:0;margin-inline-start:7px;font-size:10px;line-height:1.3;color:var(--hds-color-util-neutral-600);white-space:nowrap;width:32px;text-align:right}.usage-revenue-graphic__bars-area{position:absolute;top:5px;left:0;right:32px;bottom:26px}.usage-revenue-graphic__baseline{position:absolute;bottom:0;left:0;right:0;height:1px;background:var(--hds-color-util-neutral-50)}.usage-revenue-graphic__bars{display:flex;flex-direction:row;align-items:flex-end;gap:3px;width:100%;height:100%}.usage-revenue-graphic__bar-group{display:flex;flex-direction:row;align-items:flex-end;gap:3px;flex:1}.usage-revenue-graphic__bar{flex:1;border-radius:var(--hds-space-core-radius-xs) var(--hds-space-core-radius-xs) 0 0}.usage-revenue-graphic__bar--light{background:var(--hds-color-util-neutral-100)}.usage-revenue-graphic__bar--dark{background:var(--hds-color-util-brand-600)}.usage-revenue-graphic__x-axis{position:absolute;bottom:0;left:0;right:32px;display:flex;flex-direction:row;justify-content:space-between;font-size:10px;line-height:1.3;color:var(--hds-color-util-neutral-600)}@media (prefers-reduced-motion:no-preference){@keyframes usage-revenue-bar-grow{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.usage-revenue-graphic.is-within-stepper{opacity:0;transform:translateY(50px);transition:opacity .5s cubic-bezier(.2,0,0,1),transform .75s cubic-bezier(.2,0,0,1)}.usage-revenue-graphic.is-within-stepper .usage-revenue-graphic__bar{transform-origin:bottom;transform:scaleY(0)}.usage-revenue-graphic.is-within-stepper.is-exiting{transform:translateY(25px)}.usage-revenue-graphic.is-animating{opacity:1;transform:translateY(0)}.usage-revenue-graphic.is-animating .usage-revenue-graphic__bar{animation:usage-revenue-bar-grow .5s cubic-bezier(.33,1,.68,1) forwards;animation-delay:calc(var(--bar-index, 0) * 30ms)}.usage-revenue-graphic.is-paused .usage-revenue-graphic__bar{animation-play-state:paused}}.ubb-protect__stepper-graphic-background{opacity:1}@media (min-width:940px){.ubb-protect__stepper-graphic-background{opacity:0}}.ubb-protect__stepper .stepper-item__mobile-graphic,.ubb-protect__stepper-graphic{max-height:460px}.ubb-protect__stepper-background{border-radius:var(--hds-space-core-radius-md);position:absolute;overflow:hidden;inset:0;display:none}.ubb-protect__stepper-background img{width:100%;height:100%;object-fit:cover}@media (min-width:940px){.ubb-protect__stepper-background{display:block}}.case-study-card{display:flex;height:100%;flex-direction:column;gap:var(--hds-space-core-200);-webkit-text-decoration:none;text-decoration:none;color:inherit;container-type:inline-size}@media (hover:hover) and (pointer:fine){@media (prefers-reduced-motion:no-preference){.case-study-card:hover{--hds-hover-active:1}}.case-study-card:hover .case-study-card__link{color:var(--hds-color-action-text-solidHover)}}@media (prefers-reduced-motion:no-preference){.case-study-card:focus-visible{--hds-hover-active:1}}.case-study-card:focus-visible{outline:none}.case-study-card:focus-visible .case-study-card__link{color:var(--hds-color-action-text-solidHover);outline:var(--hds-focus-outline);outline-offset:var(--hds-focus-outline-offset);border-radius:var(--hds-space-core-radius-sm)}@media (prefers-reduced-motion:no-preference){.case-study-card__link:hover{--hds-hover-active:1}}.case-study-card__link:hover{color:var(--hds-color-action-text-solidHover)}.case-study-card__media{position:relative;aspect-ratio:var(--card-aspect-ratio,332/448);overflow:hidden;background-color:var(--hds-color-core-neutral-50)}.case-study-card__image{width:auto;max-width:max-content;left:50%;position:absolute;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;transform-origin:center;transform:translate3d(-50%,0,0)}.case-study-card__mediaLogo{position:absolute;aspect-ratio:var(--card-aspect-ratio,332/448);overflow:hidden;z-index:2;pointer-events:none}.case-study-card__title{padding-inline-end:var(--hds-space-core-400);text-wrap:pretty}@media (min-width:640px){.case-study-card__title{padding-inline-end:var(--hds-space-core-200);text-wrap:balance}}.case-study-card__logo{position:absolute;bottom:12px;left:20px;line-height:0;height:60px;height:min(60px,20cqi);width:auto}.case-study-card__link{margin-bottom:var(--hds-space-core-75)}.case-study-card__media{border-radius:var(
    --carousel-item-border-radius,calc(var(--hds-space-core-radius-md) / var(--carousel-item-hover-scale, 1))/var(--hds-space-core-radius-md)
  );transform-origin:left center;transform:translate3d(var(--carousel-item-hover-shift,0),0,0) scaleX(var(--carousel-item-hover-scale,1));backface-visibility:hidden;width:100%;max-height:480px}@media (prefers-reduced-motion:no-preference){.case-study-card__media{transition:transform var(--case-study-carousel-hover-duration,0s) var(--case-study-carousel-hover-easing,ease);will-change:transform}}@media (max-width:639px){.case-study-card__media{transform:none;transition:none;border-radius:var(--carousel-item-border-radius,var(--hds-space-core-radius-md));aspect-ratio:var(--card-aspect-ratio-mobile,336/350)}}.case-study-card__image{transform:translate3d(-50%,0,0) scaleX(calc(1 / var(--carousel-item-hover-scale, 1)));backface-visibility:hidden;width:calc(100% * var(--carousel-hover-scale-target, 1));height:100%;max-width:none;object-fit:cover}@media (prefers-reduced-motion:no-preference){.case-study-card__image{transition:transform var(--case-study-carousel-hover-duration,0s) var(--case-study-carousel-hover-easing,ease);will-change:transform}}@media (max-width:639px){.case-study-card__image{width:calc(100% + 32px);transform:translate3d(-50%,0,0);transition:none}}.case-study-card__mediaLogo{transform:translate3d(var(--carousel-item-hover-shift,0),0,0);backface-visibility:hidden;width:100%;max-height:480px}@media (prefers-reduced-motion:no-preference){.case-study-card__mediaLogo{transition:transform var(--case-study-carousel-hover-duration,0s) var(--case-study-carousel-hover-easing,ease);will-change:transform}}@media (max-width:639px){.case-study-card__mediaLogo{transition:none;aspect-ratio:var(--card-aspect-ratio-mobile,336/350);transform:none}}.case-study-card{--card-mobile-scale-factor:0.05;--card-mobile-gap-inset:7px;--carousel-card-scale:calc(1 - max(var(--carousel-item-progress, 0), -1 * var(--carousel-item-progress, 0)) * var(--card-mobile-scale-factor));--scale-shrinkage:calc((1 - var(--carousel-card-scale)) * 50%);--gap-offset:calc((var(--scale-shrinkage) + var(--card-mobile-gap-inset) / var(--carousel-card-scale)) * var(--carousel-item-progress, 0) * -1)}@media (max-width:639px){.case-study-card{transform:translate3d(var(--gap-offset),0,0) scale(var(--carousel-card-scale));transform-origin:center center;will-change:transform;backface-visibility:hidden}}@media (max-width:639px) and (prefers-reduced-motion:no-preference){.case-study-card__image{--parallax-offset:calc(-32px * var(--carousel-item-progress, 0));transition:none;transform:translate3d(calc(-50% + var(--parallax-offset)),0,0)}.case-study-card__title{transform:translate3d(calc(40px * var(--carousel-item-progress, 0)),0,0)}.case-study-card__link,.case-study-card__title{opacity:calc(1 - max(var(--carousel-item-progress), -1 * var(--carousel-item-progress)))}.case-study-card__link{transform:translate3d(calc(60px * var(--carousel-item-progress, 0)),0,0)}}.case-study-carousel{--carousel-gap:var(--hds-space-core-200);--carousel-gutter:var(--hds-space-layout-content-margin);--carousel-card-width:clamp(240px,var(--case-study-carousel-card-fluid-width,30.38cqi),var(--case-study-carousel-card-max-width,384px));--case-study-carousel-hover-duration:800ms;--case-study-carousel-hover-easing:cubic-bezier(0.165,0.84,0.44,1)}@media (max-width:639px){.case-study-carousel{--carousel-card-width:100%}}.case-study-carousel[data-hover-disabled]{--case-study-carousel-hover-duration:0s}@media (max-width:639px){.case-study-carousel__scroller{margin-inline-start:0;margin-inline-end:0;scroll-padding-inline:0;padding-inline:var(--carousel-gutter);will-change:scroll-position}}@media (min-width:640px){.case-study-carousel--static-desktop .case-study-carousel__scroller{overflow:visible;scroll-snap-type:none;justify-content:center}.case-study-carousel--static-desktop .case-study-carousel__item{width:auto;flex:1 0 0%;max-width:400px;min-width:0;scroll-snap-align:none}}@media (max-width:639px){.case-study-carousel__item{scroll-snap-align:center;width:100%;flex:0 0 100%}}@layer base{.customer-stories-carousel__header{display:flex;flex-direction:column;gap:var(--hds-space-core-100)}@media (min-width:640px){.customer-stories-carousel__header{flex-direction:row;justify-content:space-between;align-items:flex-end;gap:var(--hds-space-core-500)}}@media (min-width:940px){.customer-stories-carousel__header .carousel-nav{transform:translateY(24px)}}@media (min-width:640px){.customer-stories-carousel--static .carousel-nav{display:none}}}.invoicing-graphic{position:relative;width:100%;height:100%;font-weight:var(--hds-font-weight-normal)}.invoicing-graphic__header{display:flex;align-items:center;gap:10px;margin-bottom:var(--hds-space-core-250)}.invoicing-graphic__logo{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background-color:var(--hds-color-util-neutral-0);border:1px solid var(--hds-color-util-neutral-50)}.invoicing-graphic__logo svg{margin-top:2px}.invoicing-graphic__company-name{color:var(--hds-color-util-neutral-990);font-size:14px;font-weight:var(--hds-font-weight-bold);line-height:1}.invoicing-graphic__cards{display:flex;flex-direction:column;gap:10px}.invoicing-graphic__card{padding:var(--hds-space-core-250) 18px;background-color:var(--hds-color-util-neutral-0);border-radius:var(--hds-space-core-radius-md);border:1px solid var(--hds-canary-ui-mini-stroke)}.invoicing-graphic__invoice-header{display:flex;justify-content:space-between;margin-right:10px}.invoicing-graphic__invoice-details{display:flex;flex-direction:column;gap:var(--hds-space-core-25)}.invoicing-graphic__invoice-amount{color:var(--hds-color-util-neutral-990);font-size:21px;font-weight:var(--hds-font-weight-bold);line-height:1.3;letter-spacing:.004em}.invoicing-graphic__invoice-date{color:var(--hds-color-util-neutral-500);font-size:12px;line-height:1.4}.invoicing-graphic__invoice-icon-bg{position:relative;display:grid;place-items:center;width:42px;height:52px;padding:var(--hds-space-core-75);border-radius:var(--hds-space-core-radius-xs);background-color:var(--hds-color-util-neutral-0);box-shadow:0 .683px 2.048px 0 rgba(0,0,0,.06),0 3.413px 10.24px 0 rgba(53,53,53,.04)}.invoicing-graphic__invoice-icon-arrow{position:absolute;bottom:calc(var(--hds-space-core-75) * -1);right:calc(var(--hds-space-core-75) * -1);display:grid;place-items:center;width:16px;height:16px;border-radius:50%;background-color:var(--hds-color-util-neutral-0)}.invoicing-graphic__invoice-body{display:flex;flex-direction:column;gap:var(--hds-space-core-25);margin-top:var(--hds-space-core-100)}.invoicing-graphic__invoice-footer,.invoicing-graphic__invoice-item{display:grid;grid-template-columns:minmax(0,34px) auto;gap:var(--hds-space-core-250)}:lang(fr) :is(.invoicing-graphic__invoice-item,.invoicing-graphic__invoice-footer),:lang(pt) :is(.invoicing-graphic__invoice-item,.invoicing-graphic__invoice-footer){grid-template-columns:minmax(0,60px) auto}.invoicing-graphic__invoice-item-name,.invoicing-graphic__invoice-item-name-label{color:var(--hds-color-util-neutral-500);font-size:12px;line-height:1.58}.invoicing-graphic__invoice-item-name{color:var(--hds-color-util-neutral-990)}.invoicing-graphic__invoice-footer{margin-top:14px}.invoicing-graphic__invoice-footer-text{display:flex;align-items:center;gap:var(--hds-space-core-50);grid-column-start:2;padding-top:14px;color:var(--hds-color-util-neutral-500);font-size:12px;line-height:1;border-top:1px solid var(--hds-color-util-neutral-50)}.invoicing-graphic__card-heading{color:var(--hds-color-util-neutral-990);font-size:12px;font-weight:var(--hds-font-weight-bold);line-height:1.4;margin-bottom:10px}.invoicing-graphic__payment-methods{display:grid;grid-template-columns:repeat(2,1fr) 28px;gap:var(--hds-space-core-50)}.invoicing-graphic__payment-method{padding:8px;color:var(--hds-color-util-neutral-500);font-size:10px;line-height:1.43;border:1px solid var(--hds-color-util-neutral-50);border-radius:var(--hds-space-core-radius-md)}.invoicing-graphic__payment-method:first-child{color:var(--hds-color-util-neutral-950);border-color:var(--hds-color-util-neutral-950)}.invoicing-graphic__payment-method:nth-child(3){display:flex;justify-content:center;padding-top:12px}.invoicing-graphic__payment-method:nth-child(3) svg{width:100%;height:auto}.invoicing-graphic__payment-method-icon{width:12px;height:12px}@layer base{.product-eco-carousel__header{display:flex;justify-content:space-between;align-items:flex-end}.product-eco-carousel{--carousel-gap:var(--hds-space-core-200);--carousel-gutter:var(--hds-space-layout-content-margin);--carousel-card-width:clamp(240px,27.53cqi,348px)}.product-eco-carousel__scroller{padding-block:var(--hds-space-core-200);margin-block:calc(var(--hds-space-core-200) * -1)}@media (min-width:640px) and (max-width:1023px){.product-eco-carousel{--carousel-card-width:clamp(280px,40cqi,348px)}}@media (max-width:639px){.product-eco-carousel{--carousel-card-width:calc(100% - var(--hds-space-core-500))}.product-eco-carousel__item{scroll-snap-align:start}}@media (min-width:640px){.product-eco-carousel--static-desktop .product-eco-carousel{--carousel-card-width:auto}.product-eco-carousel--static-desktop .product-eco-carousel__scroller{overflow:visible;scroll-snap-type:none}.product-eco-carousel--static-desktop .product-eco-carousel__item{flex:1 1 0%;min-width:0;scroll-snap-align:none}.product-eco-carousel--static-desktop .product-eco-carousel__nav{display:none}}}@layer base{.feature-card-gap{--feature-card-gap-mb:initial;--feature-card-gap-tb:initial;--feature-card-gap-dt:initial;gap:var(--feature-card-gap-mb)}@media (min-width:640px){.feature-card-gap{gap:var(--feature-card-gap-tb,var(--feature-card-gap-mb))}}@media (min-width:940px){.feature-card-gap{gap:var(--feature-card-gap-dt,var(--feature-card-gap-tb,var(--feature-card-gap-mb)))}}}.feature-card{flex:1;justify-content:flex-start;height:100%;border-radius:var(--hds-space-core-radius-md);text-wrap:pretty;container-type:inline-size;container-name:feature-card}.feature-card,.feature-card__body{display:flex;flex-direction:column}.feature-card__body{flex:1;gap:var(--hds-space-core-200)}.feature-card__content,.feature-card__footer{padding-inline-end:var(--feature-card-pie-mb,var(--hds-space-core-200));max-width:var(--feature-card-max-width-mb,400px)}@container feature-card (min-width: 364px){.feature-card__content,.feature-card__footer{padding-inline-end:var(--feature-card-pie-mb,var(--hds-space-core-350))}}@container feature-card (min-width: 504px){.feature-card__content,.feature-card__footer{padding-inline-end:var(--feature-card-pie-mb,var(--hds-space-core-400));max-width:var(--feature-card-max-width-mb,536px)}}.feature-card--content-stacked .feature-card__content{display:flex;flex-direction:column;gap:var(--hds-space-core-50)}.feature-card--graphic-bottom .feature-card__graphic{order:1;margin-top:auto}.feature-card--graphic-bottom .feature-card__body{gap:var(--hds-space-core-100)}.checkout-graphic{position:relative;width:100%;height:100%;padding:var(--hds-space-core-300);border:1px solid var(--hds-color-util-border-quiet);border-radius:var(--hds-space-core-radius-md);background-color:var(--hds-color-core-neutral-0);font-weight:var(--hds-font-weight-normal)}.checkout-graphic__content{display:flex;flex-direction:column;gap:13px}.checkout-graphic__section-title{color:var(--hds-color-core-neutral-990);font-size:13px;font-weight:var(--hds-font-weight-bold);line-height:1.46;letter-spacing:-.016em}.checkout-graphic__field{display:flex;flex-direction:column;gap:3px}.checkout-graphic__field-label{color:var(--hds-color-core-neutral-500);font-size:11px;line-height:1.15;letter-spacing:-.004em}.checkout-graphic__field-input{height:28px}.checkout-graphic__field-input,.checkout-graphic__payment-methods{background-color:var(--hds-color-core-neutral-0);border:1px solid var(--hds-color-util-border-quiet);border-radius:var(--hds-space-core-radius-md)}.checkout-graphic__payment-method{display:flex;align-items:center;height:39px}.checkout-graphic__payment-method+.checkout-graphic__payment-method{border-top:1px solid var(--hds-color-util-border-quiet)}.checkout-graphic__payment-method-inner{padding-inline:var(--hds-space-core-150);width:100%}.checkout-graphic__payment-method-inner,.checkout-graphic__payment-method-left{display:flex;align-items:center;gap:14px}.checkout-graphic__payment-method-info{display:flex;align-items:center;gap:var(--hds-space-core-75)}.checkout-graphic__payment-method-icon{display:flex;align-items:center;justify-content:center;width:19px;height:13px;flex-shrink:0}.checkout-graphic__payment-method-label{font-size:11px;line-height:1;letter-spacing:-.012em}.checkout-graphic__payment-method-brands{display:flex;align-items:center;margin-left:auto;gap:var(--hds-space-core-50)}.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}.tax-graphic{position:relative;width:100%;height:100%;font-weight:var(--hds-font-weight-normal)}.tax-graphic__card{position:relative;width:312px;height:100%;border-radius:var(--hds-space-core-radius-md);background-color:var(--hds-color-core-neutral-0);border:1px solid var(--hds-canary-ui-mini-stroke)}.tax-graphic__header{display:flex;align-items:center;gap:10px;padding:var(--hds-space-core-250);border-bottom:1px solid var(--hds-color-util-neutral-50)}.tax-graphic__logo{display:grid;place-items:center;width:38px;height:38px;border:1.194px solid var(--hds-color-util-neutral-50);border-radius:var(--hds-space-core-radius-md)}.tax-graphic__company-name{color:var(--hds-color-util-neutral-800);font-size:14px;font-weight:var(--hds-font-weight-bold)}.tax-graphic__content{padding:var(--hds-space-core-300) var(--hds-space-core-250) var(--hds-space-core-250)}.tax-graphic__main{display:flex;flex-direction:column;gap:var(--hds-space-core-50)}.tax-graphic__main-item-label{font-size:13px}.tax-graphic__main-item-label,.tax-graphic__main-item-value{color:var(--hds-color-util-neutral-990);font-weight:var(--hds-font-weight-bold)}.tax-graphic__main-item-value{font-size:26px}html:not(:lang(en)) .tax-graphic__main-item-value{font-size:24px}.tax-graphic__body{display:flex;flex-direction:column;gap:14px;margin-top:var(--hds-space-core-50)}:lang(ja) .tax-graphic__body{gap:12px}.tax-graphic__body-item{display:flex;justify-content:space-between;align-items:center;padding-top:14px;border-top:1px solid var(--hds-color-util-neutral-50);color:var(--hds-color-util-neutral-990)}:lang(ja) .tax-graphic__body-item{padding-top:12px}.tax-graphic__body-item:first-child{border-top:none}.tax-graphic__body-item:nth-child(2){color:#6d2bf0}.tax-graphic__body-item:nth-child(2),.tax-graphic__body-item:nth-child(3){font-weight:var(--hds-font-weight-bold)}.tax-graphic__body-item-label,.tax-graphic__body-item-value{font-size:13px}.tax-graphic__overlay{position:absolute;right:0;top:44px;display:flex;flex-direction:column;gap:var(--hds-space-core-75);width:182px;padding:14px;background-color:var(--hds-color-util-neutral-0);border-radius:var(--hds-space-core-radius-md);box-shadow:0 0 32.239px -14.806px rgba(50,50,93,.25),0 4.776px 19.343px -9.672px rgba(0,0,0,.1)}.tax-graphic__overlay-item{display:flex;justify-content:space-between;align-items:center;font-size:13px;gap:var(--hds-space-core-50)}.tax-graphic__overlay-item-label{color:var(--hds-color-util-neutral-990);font-weight:var(--hds-font-weight-bold)}.tax-graphic__overlay-item-value{color:var(--hds-color-util-neutral-500)}.revenue-recognition-graphic{position:relative;width:100%;height:100%;padding-inline:24px;padding-block:22px;border:1px solid var(--hds-canary-ui-mini-stroke);border-radius:var(--hds-space-core-radius-md);background-color:var(--hds-color-util-neutral-0);font-weight:var(--hds-font-weight-normal)}.revenue-recognition-graphic__heading{color:var(--hds-color-util-neutral-500);font-size:12px;line-height:1.4}.revenue-recognition-graphic__metric{margin-block-start:4px;color:var(--hds-color-util-neutral-990);font-size:22px;font-weight:var(--hds-font-weight-bold);line-height:1.2}.revenue-recognition-graphic__legend{display:flex;align-items:center;gap:30px;margin-block-start:16px}.revenue-recognition-graphic__legend-item{display:flex;align-items:center;gap:6px;color:var(--hds-color-util-neutral-500);font-size:11px;line-height:1}.revenue-recognition-graphic__legend-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.revenue-recognition-graphic__legend-dot--open{background-color:#96f}.revenue-recognition-graphic__legend-dot--closed{background-color:#ff5996}.revenue-recognition-graphic__chart{position:relative;margin-block-start:18px}.revenue-recognition-graphic__chart-lines{position:absolute;top:0;left:0;display:flex;flex-direction:column;justify-content:space-between;height:164px;width:100%}.revenue-recognition-graphic__chart-line{height:1px;width:100%;background-color:var(--hds-color-core-neutral-50)}.revenue-recognition-graphic__chart-bars{position:relative;display:flex;align-items:flex-end;margin-inline-start:8px;gap:18px;height:164px;z-index:1}.revenue-recognition-graphic__chart-bar{width:12px;flex-shrink:0;border-top-left-radius:2px;border-top-right-radius:2px}.revenue-recognition-graphic__chart-bar--open{background-color:#96f}.revenue-recognition-graphic__chart-bar--closed{background-color:#ff5996}.revenue-recognition-graphic__chart-x-axis{display:flex;justify-content:space-between;width:289px;margin-block-start:6px;margin-inline-start:4px;color:var(--hds-color-util-neutral-500);font-size:12px;line-height:1}.sigma-graphic{position:relative;width:100%;height:100%;border-radius:var(--hds-space-core-radius-md);font-weight:var(--hds-font-weight-normal)}.sigma-graphic__chat-bubble{position:absolute;top:var(--hds-space-core-300);right:1px;width:176px;padding:18px;color:var(--hds-color-core-neutral-0);background-color:var(--hds-color-util-action-bg-solid);border-radius:8px;font-size:14px;line-height:1.46;letter-spacing:.011em;box-shadow:0 15px 40px -2px rgba(0,55,112,.1),0 5px 20px -2px rgba(0,59,137,.04);z-index:2}.sigma-graphic__card{position:absolute;top:44px;left:0;width:334px;height:261px;background-color:var(--hds-color-util-bg-min);border:1px solid var(--hds-color-util-border-quiet);border-radius:var(--hds-space-core-radius-md);z-index:1}.sigma-graphic__code{position:relative;display:flex;flex-direction:column;height:182px;gap:5px;padding:20px;font-family:var(--hds-font-family-code);font-size:11px;line-height:1.39}.sigma-graphic__code-line{display:block}.sigma-graphic__code-line--indented{margin-left:2ch}.sigma-graphic__code-text--spaced:after,.sigma-graphic__code-text--spaced:before{content:"\00a0"}.sigma-graphic__code-keyword{color:#533afd}.sigma-graphic__code-text{color:#727f96}.sigma-graphic__code-string{color:#ff7600}.sigma-graphic__code-badge{display:inline-block;padding-block:2px;padding-inline:7px;background:rgba(99,91,255,.1);color:var(--hds-color-util-action-text-solid);border-radius:84px;font-family:var(--hds-font-family);font-size:10px;line-height:1.39}.sigma-graphic__result{display:flex;flex-direction:column;height:79px;gap:3px;padding:20px;background-color:var(--hds-color-util-bg-subdued);border-bottom-left-radius:var(--hds-space-core-radius-md);border-bottom-right-radius:var(--hds-space-core-radius-md);color:var(--hds-color-util-neutral-500);font-size:12px;line-height:1.39;letter-spacing:.012em}.sigma-graphic__result-link{width:fit-content;color:var(--hds-color-util-action-text-solid);border-bottom:1px solid var(--hds-color-util-action-border-solid)}.data-pipeline-graphic{position:relative;width:100%;height:100%;border:1px solid var(--hds-color-util-border-quiet);border-radius:var(--hds-space-core-radius-md);background-color:var(--hds-color-core-neutral-0);font-weight:var(--hds-font-weight-normal)}.data-pipeline-graphic__title{padding:var(--hds-space-core-200);color:var(--hds-color-core-neutral-990);font-size:14px;font-weight:var(--hds-font-weight-bold);line-height:1;letter-spacing:.0125em}.data-pipeline-graphic__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding-block:var(--hds-space-core-200);padding-inline:var(--hds-space-core-200);gap:var(--hds-space-core-100);border-top:1px solid var(--hds-color-util-neutral-50)}.data-pipeline-graphic__button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--hds-space-core-75);padding-block-start:var(--hds-space-core-150);padding-block-end:var(--hds-space-core-100);padding-inline:var(--hds-space-core-100);border:1px solid var(--hds-color-util-border-quiet);border-radius:var(--hds-space-core-radius-md);background-color:var(--hds-color-core-neutral-0)}.data-pipeline-graphic__button--selected{border:3px solid rgba(2,188,245,.36)}.data-pipeline-graphic__button-label{color:var(--hds-color-core-neutral-990);font-size:11px;line-height:1.3;text-align:center}.data-pipeline-graphic__footer{display:flex;justify-content:flex-end;align-items:center;padding-block:var(--hds-space-core-150);padding-inline:var(--hds-space-core-200);gap:var(--hds-space-core-100);border-top:1px solid var(--hds-color-util-border-quiet)}.data-pipeline-graphic__cancel,.data-pipeline-graphic__continue{display:flex;align-items:center;padding-block-start:var(--hds-space-core-75);padding-block-end:var(--hds-space-core-100);padding-inline:var(--hds-space-core-100);border-radius:4px;font-size:10px;font-weight:var(--hds-font-weight-bold);line-height:1;box-shadow:0 1.8px 4.5px 0 rgba(10,37,64,.12),0 .9px .9px 0 rgba(10,37,64,.08)}.data-pipeline-graphic__cancel{background-color:var(--hds-color-core-neutral-0);border:1px solid var(--hds-color-util-neutral-100)}.data-pipeline-graphic__continue{color:var(--hds-color-core-neutral-0);background-color:var(--hds-color-util-action-bg-solid);border:1px solid var(--hds-color-util-action-border-solid)}.projects-graphic{box-sizing:border-box;position:relative;width:432px;height:428px;background:var(--hds-color-core-neutral-0);border:var(--hds-space-core-border-sm) solid var(--hds-color-core-neutral-50);border-radius:var(--hds-space-core-radius-md)}.projects-graphic__chrome{position:absolute;top:0;left:0;width:100%;height:35px;border-bottom:var(--hds-space-core-border-sm) solid var(--hds-color-core-neutral-50)}.projects-graphic__dots{position:absolute;top:13px;left:17px;display:flex;flex-direction:row;align-items:center;gap:var(--hds-space-core-75)}.projects-graphic__dot{width:9px;height:9px;border-radius:50%;background:var(--hds-color-core-neutral-100)}.projects-graphic__snippet{position:absolute;top:47px;left:17px;width:308px;height:250px}.projects-graphic__snippet svg{display:block;width:100%;height:auto}