#use-cases-view{background:#f7f7f3}#use-cases-view .use-cases-hero{padding:clamp(6rem,12vw,11rem) 0 var(--space-16);background:#25233e;color:#fff}#use-cases-view .use-cases-hero header{max-width:55rem}#use-cases-view .use-cases-hero header>p:first-child{color:#d9ff5c;font-size:.75rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}#use-cases-view .use-cases-hero h1{max-width:12ch;margin:0 0 var(--space-6);color:#fff;font-size:clamp(3.2rem,7vw,6.5rem);letter-spacing:-.06em;line-height:.9}#use-cases-view .use-cases-hero header>p:last-child{max-width:39rem;margin:0;color:#c2bfd2;font-size:1.12rem;line-height:1.65}#use-cases-view .use-cases-list{padding-top:var(--space-16);padding-bottom:var(--space-25)}#use-cases-view .use-cases-list .button-component{position:relative;display:flex;min-height:19rem;flex-direction:column;align-items:flex-start;padding:var(--space-7);border-radius:1.5rem;background:#e4e2fb;color:#26243f;text-align:left;transition:transform .25s ease,background .25s ease}#use-cases-view .use-cases-list article:nth-child(2) .button-component{background:#dcefd2}#use-cases-view .use-cases-list article:nth-child(3) .button-component{background:#ffe0bf}#use-cases-view .use-cases-list article:nth-child(4) .button-component{background:#ffdfeb}#use-cases-view .use-cases-list article:nth-child(5) .button-component{background:#d6eaff}#use-cases-view .use-cases-list .button-component:hover{background:#d9ff5c;transform:translateY(-.35rem)}#use-cases-view .use-case-card-icon{display:grid;width:3.3rem;height:3.3rem;place-items:center;border-radius:50%;background:#26243f;color:#fff;font-size:1.35rem}#use-cases-view .use-case-card-copy{display:flex;flex-direction:column;gap:var(--space-3);margin-top:auto;padding-top:var(--space-8)}#use-cases-view .use-case-card-copy small,#use-cases-view .use-cases-list em{font-size:.72rem;font-style:normal;font-weight:800;letter-spacing:.08em;text-transform:uppercase}#use-cases-view .use-case-card-copy strong{max-width:15ch;font-size:clamp(1.55rem,3vw,2.3rem);letter-spacing:-.045em;line-height:1}#use-cases-view .use-case-card-copy>span{max-width:28rem;color:#5d5974;font-size:.9rem;line-height:1.55}#use-cases-view .use-case-card-arrow{position:absolute;top:var(--space-7);right:var(--space-7);font-size:1.35rem}#use-cases-view .use-cases-list em{margin-top:var(--space-5);color:#5f55bc}
