section.hero-white-label-app{background-color:var(--color-black);padding:4rem .25rem .25rem}@media not (max-width:1024px){section.hero-white-label-app{padding:6rem .75rem .75rem}}section.hero-white-label-app [data-company="1"]{--hero-white-label-app-bg:#dae2ff;--hero-white-label-app-color:#5d52df;--hero-white-label-app-btn-border-radius:1000px;--hero-white-label-app-tabs-border-radius:100px}section.hero-white-label-app [data-company="2"]{--hero-white-label-app-bg:#ffe6f5;--hero-white-label-app-color:#f23c00;--hero-white-label-app-btn-border-radius:8px;--hero-white-label-app-tabs-border-radius:12px}section.hero-white-label-app [data-company="3"]{--hero-white-label-app-bg:#dfffd2;--hero-white-label-app-color:#02631e;--hero-white-label-app-btn-border-radius:4px;--hero-white-label-app-tabs-border-radius:8px}section.hero-white-label-app>div{gap:var(--spacing-xl);width:100%;color:var(--hero-white-label-app-color);background:var(--hero-white-label-app-bg);border-radius:var(--border-radius-m);grid-template:"title""content"1fr"tabs""image"/1fr;display:grid}@media not (max-width:1024px){section.hero-white-label-app>div{grid-template:"title image"min-content"content image"min-content"tabs image"min-content/1fr 1fr;gap:0}}section.hero-white-label-app>div h1{font-size:var(--font-size-xl);grid-area:title;margin-top:3.5rem;padding:0 1.5rem;line-height:2.25rem}@media not (max-width:1024px){section.hero-white-label-app>div h1{max-width:34.75rem;font-size:var(--font-size-xxxl);line-height:var(--font-lineheight-xxxl);margin-top:8.625rem;margin-bottom:var(--spacing-2m);padding:0 0 0 4.5rem}}section.hero-white-label-app>div .hero-white-label-app-content{font-size:var(--font-size-default);line-height:var(--font-lineheight-l);grid-area:content;padding:0 1.5rem}@media not (max-width:1024px){section.hero-white-label-app>div .hero-white-label-app-content{max-width:34.75rem;font-size:var(--font-size-ml);line-height:var(--font-lineheight-2m);margin-bottom:var(--spacing-xxl);padding:0 0 0 4.5rem}}section.hero-white-label-app>div .hero-white-label-app-tabs{grid-area:tabs;padding:0 1.5rem}@media not (max-width:1024px){section.hero-white-label-app>div .hero-white-label-app-tabs{margin-bottom:8.625rem;padding:0 4.5rem}}section.hero-white-label-app>div .hero-white-label-app-tabs h2{font-size:var(--font-size-m);line-height:var(--font-lineheight-l);margin-bottom:var(--spacing-m)}section.hero-white-label-app>div .hero-white-label-app-tabs div{justify-content:flex-start;align-items:center;gap:var(--spacing-xxs);width:fit-content;padding:var(--spacing-xxs);background:var(--color-white);border-radius:var(--hero-white-label-app-tabs-border-radius);flex-direction:row;display:flex}section.hero-white-label-app>div .hero-white-label-app-tabs div button{padding:var(--spacing-xs);border-radius:var(--hero-white-label-app-btn-border-radius);z-index:1;background:0 0;font-weight:400;position:relative}@media not (max-width:1024px){section.hero-white-label-app>div .hero-white-label-app-tabs div button{padding:var(--spacing-xs) var(--spacing-s)}}section.hero-white-label-app>div .hero-white-label-app-tabs div button .button-text{z-index:1;position:relative}section.hero-white-label-app>div .hero-white-label-app-tabs div button .selected-button-bg{z-index:0;background:var(--hero-white-label-app-color);position:absolute;inset:0;box-shadow:0 16px 32px #12162008,0 6px 12px #12162005,0 2px 4px #12162005,0 1px 2px #12162003;border-radius:var(--hero-white-label-app-btn-border-radius)!important}section.hero-white-label-app>div .hero-white-label-app-tabs div button[aria-selected=true]{color:var(--color-gray-100)}section.hero-white-label-app>div .hero-white-label-app-image{grid-area:image;justify-content:center;align-items:flex-end;padding:0;display:flex}@media not (max-width:1024px){section.hero-white-label-app>div .hero-white-label-app-image{padding:0}}section.hero-white-label-app>div .hero-white-label-app-image .hidden{display:none}section.hero-white-label-app>div .hero-white-label-app-image figure{justify-content:center;align-items:flex-end;height:100%;margin:0;display:flex}section.hero-white-label-app>div .hero-white-label-app-image figure img{vertical-align:bottom;width:304px;max-width:100%;height:auto}@media not (max-width:1024px){section.hero-white-label-app>div .hero-white-label-app-image figure img{width:650px;height:auto}}