.use-cases{padding-block:3rem;background:var(--neutral-50)}@media(min-width:768px){.use-cases{padding-block:5rem}}:root.dark .use-cases{background:var(--neutral-100)}.use-cases>:first-child>header{text-align:start;margin-bottom:1.5rem;transition:all .7s ease;transform:translateY(2rem);opacity:0}@media(min-width:768px){.use-cases>:first-child>header{margin-bottom:3rem}}.use-cases>:first-child>header.visible{transform:translateY(0);opacity:1}.use-cases .viewport{overflow:hidden}.use-cases .track{display:flex;gap:1rem;transition:transform .5s ease;padding-inline:1rem}@media(min-width:640px){.use-cases .track{gap:1.5rem;padding-inline:1.5rem}}@media(min-width:768px){.use-cases .track{gap:1.5rem;padding-inline-start:max(7.5vw,(100vw - 155vh)/2);padding-inline-end:max(7.5vw,(100vw - 93vh)/2)}}.use-cases .card{flex-shrink:0;border-radius:var(--radius-2xl);overflow:hidden;box-shadow:var(--shadow-lg)}.use-cases .card[data-variant=wide]{aspect-ratio:20/9;width:calc(100vw - 2rem)}@media(min-width:640px){.use-cases .card[data-variant=wide]{width:calc(100vw - 3rem)}}@media(min-width:768px){.use-cases .card[data-variant=wide]{width:min(85vw,155vh)}}.use-cases .card[data-variant=standard]{aspect-ratio:4/3;width:calc(100vw - 2rem)}@media(min-width:640px){.use-cases .card[data-variant=standard]{width:calc(100vw - 3rem)}}@media(min-width:768px){.use-cases .card[data-variant=standard]{width:min(85vw,93vh)}}.use-cases .comparison-fill{aspect-ratio:unset;width:100%;height:100%;border-radius:0}.use-cases .scroll-controls{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem;margin-bottom:2rem}.use-cases .scroll-controls button{display:flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border-radius:var(--radius-full);border:none;background:var(--neutral-200);color:var(--neutral-700);cursor:pointer;transition:background .2s ease}.use-cases .scroll-controls button:hover:not(:disabled){background:var(--neutral-300)}.use-cases .scroll-controls button:disabled{opacity:.35;cursor:default}.use-cases .scroll-controls button svg{width:1.25rem;height:1.25rem}.use-cases .cta{padding-top:24rem;padding-bottom:12rem;position:relative;overflow:hidden}@media(min-width:768px){.use-cases .cta{padding-top:30rem;padding-bottom:15rem}}.use-cases .cta>*{position:relative}.use-cases .cta:before{content:"";position:absolute;top:0;left:0;right:0;height:20%;z-index:1;background:linear-gradient(to bottom,var(--neutral-50),transparent)}:root.dark .use-cases .cta:before{background:linear-gradient(to bottom,var(--neutral-100),transparent)}.use-cases .cta-bg{-o-object-fit:cover;object-fit:cover}.use-cases .cta-card{background:rgba(7,141,134,.9);backdrop-filter:blur(3px);text-wrap:balance;border-radius:var(--radius-2xl);padding:3rem 2rem;text-align:center;margin-inline:auto}@media(min-width:768px){.use-cases .cta-card{padding:4rem 3rem}}.use-cases .cta-card h2{color:#fff;margin-bottom:1rem}.use-cases .cta-card p{color:hsla(0,0%,100%,.85);margin-bottom:2rem}.use-cases .cta-card a{display:inline-block;background:#fff;color:#0a0a0a;font-weight:600;padding:.75rem 2rem;border-radius:var(--radius-full);text-decoration:none;transition:opacity .2s ease}.use-cases .cta-card a:hover{opacity:.9}
/*# sourceMappingURL=04f7c61641c23703.css.map*/