.hero{background-blend-mode:screen;background-color:var(--color-primary-light);background-image:url(/images/hero.webp);background-size:cover;border-radius:var(--border-radius);box-shadow:inset 8px 8px color-mix(in srgb,var(--color-primary-light) 10%,var(--color-primary) 33%),var(--box-shadow-light-2x);color:var(--color-primary);margin:0 auto;padding:3rem;h2{font-size:175%;font-weight:600;margin:0;line-height:1.33}h3{font-size:150%;text-align:center;text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--color-primary-light) 10%,var(--color-primary) 50%);text-decoration-thickness:.25rem;text-underline-offset:2px;&:last-of-type{margin-bottom:0}}p{font-size:115%;hyphens:auto;line-height:1.75;margin:2rem 0;&.cta{margin:3rem 0;text-align:center;a{background-color:var(--color-primary);border-radius:var(--border-radius);box-shadow:var(--box-shadow);color:var(--color-fg);display:inline-block;font-weight:700;padding:.5rem 1.5rem;text-decoration:none;transition:all var(--transition);&:hover{background-color:color-mix(in srgb,var(--color-primary) 80%,transparent);box-shadow:none;transform:translate(2px,2px)}}}}span{background-color:var(--color-pink);color:var(--color-fg)}}@media screen and (width>=768px){.hero{max-width:768px;h2{font-size:250%}h3{font-size:175%}p{font-size:125%}}}.limits{h2,h3{text-align:center;a{color:inherit;text-decoration:none}}td{vertical-align:top;padding-bottom:1rem;h3{white-space:nowrap}}tr{&:last-of-type{td{padding-bottom:0}}td:first-child{display:none}}ul{display:flex;flex-wrap:wrap;gap:0 1.5rem;list-style:none;li{line-height:1;margin-bottom:.75rem;svg{stroke:var(--color-pink);vertical-align:middle}}}}@media screen and (width>=768px){.limits{tr{td{&:first-child{display:table-cell}&:nth-child(2) h3{display:none}h3{margin:0 1rem;text-align:right}}}ul li{margin-bottom:0}}}.logos{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;img{filter:grayscale(1) brightness(200)}}.more{background-color:var(--color-fg);box-shadow:inset 8px 8px color-mix(in srgb,var(--color-primary-light) 10%,var(--color-primary) 33%),var(--box-shadow-light-2x);border-radius:var(--border-radius);color:var(--color-plum);padding:2rem;h2{text-align:center}p{font-size:120%;font-weight:500;margin-bottom:1.5rem;text-align:center;&.cta{margin-bottom:0;text-align:center;a{background-color:var(--color-primary);border-radius:var(--border-radius);box-shadow:var(--box-shadow);color:var(--color-fg);display:inline-block;font-size:90%;padding:.75rem 1.5rem;text-decoration:none;transition:all var(--transition);&:hover{background-color:color-mix(in srgb,var(--color-primary) 80%,transparent);box-shadow:none;transform:translate(2px,2px)}}}}ul{font-weight:500;list-style:none;li{margin-left:1.5rem;text-indent:-2rem;margin-bottom:1.5rem;svg{color:var(--color-pink);margin-top:-.25rem;margin-right:.25rem;vertical-align:middle}}}}@media screen and (width>=768px){.more{background:none;box-shadow:none;color:var(--color-fg);p{font-weight:200;&.cta{margin-top:3rem;a{background-color:var(--color-primary-light);box-shadow:var(--box-shadow-light);color:var(--color-primary);font-size:112.5%;font-weight:500;&:hover{background-color:color-mix(in srgb,var(--color-primary-light) 80%,transparent)}}}}ul{font-size:133%;max-width:700px;margin:0 auto}}}.testimonials-container{margin:0 1rem;h2{text-align:center;span{color:var(--color-primary);&.icon{vertical-align:middle}}}ul{list-style-position:inside}.claims{display:grid;font-size:125%;gap:1rem 2rem;grid-template-columns:100%;hyphens:auto;max-width:768px;margin:3rem 1rem;>div{display:flex;gap:0 .25rem;width:calc(100% - .25rem);>div>div{font-weight:bolder}}svg{margin-top:-.5rem;stroke:var(--color-primary);vertical-align:middle}}.testimonials{hyphens:auto;line-height:1.4;margin-top:3rem;.testimonial{display:grid;gap:.5rem;padding:1rem;img{border-radius:calc(var(--border-radius) * 2);height:75px;width:75px}.person{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.quote{font-weight:200;font-size:125%;svg{fill:var(--color-primary);float:left;margin-right:.5rem}}}}.testimonials-nav{display:none}}@media screen and (width<768px){.testimonials-container{.testimonials{.testimonial{opacity:1!important;transform:none!important;z-index:0!important}}}}@media screen and (width>=768px){.testimonials-container{.claims{grid-template-columns:50% 50%}.testimonials{display:grid;height:100%;margin-bottom:2rem;padding:0 7.5rem 2.5rem;.testimonial{background-color:var(--color-primary);border-radius:var(--border-radius);box-shadow:inset 8px 8px color-mix(in srgb,var(--color-primary-light) 33%,var(--color-primary) 33%),var(--box-shadow-2x);color:var(--color-fg);flex:none;gap:1rem;grid-area:1 / -1;padding:2rem;transition:all .25s ease-out;&:not(.active)>*{transform:scaleX(.8)}.person{color:var(--color-primary-light);margin-bottom:0}.quote{svg{fill:var(--color-primary-light);float:none}}}}.testimonials-nav{display:flex;gap:0 2rem;justify-content:center;a,button{align-items:center;border-radius:var(--border-radius);color:var(--color-primary);display:flex;font-size:90%;font-weight:700;padding:.3rem 1rem;text-decoration:none;transition:all var(--transition);&[data-id]{border:2px solid var(--color-primary);&.active{background-color:var(--color-primary);color:var(--color-primary-light);opacity:1}}&:not([data-id]).active{opacity:.5}&:hover{opacity:.8}svg{stroke:var(--color-primary)}}}}}.use-cases-container{h2{text-align:center;span{color:var(--color-primary);&.icon{vertical-align:middle}}}ul{list-style:none;font-size:110%;font-weight:300;li{margin-left:1.5em;text-indent:-1.5em;line-height:1;margin-bottom:.5em}}.content{padding:1rem;h3{background-color:var(--color-primary-light);border-top:1px solid var(--color-primary-light);border-bottom-right-radius:var(--border-radius);color:var(--color-primary);display:inline-block;margin-bottom:2rem;margin-left:-1rem;margin-top:calc(-.5rem - 1px);padding:calc(.375rem - 1px) 1rem .5rem 1rem;text-transform:uppercase}svg{stroke:var(--color-pink);vertical-align:middle}}.use-cases{display:grid;gap:3rem;hyphens:auto;line-height:1.4;margin-top:1rem;max-width:100%;scrollbar-color:var(--color-primary-light) transparent;scrollbar-width:thin;.use-case{background-color:var(--color-primary);border-right:8px solid var(--color-primary-light);border-bottom:8px solid var(--color-primary-light);border-radius:var(--border-radius);box-shadow:inset 8px 8px color-mix(in srgb,var(--color-primary-light) 100%,var(--color-primary) 0%),var(--box-shadow-light-2x);color:var(--color-fg);display:flex;flex-direction:column;gap:.5rem;justify-content:space-between;padding:0 0 0 8px;.img{background-blend-mode:multiply;background-color:var(--color-primary-light);background-position:center;background-size:cover;height:300px;width:100%}}}.use-cases-nav{display:none}}@media screen and (width>=768px){.use-cases-container{text-align:center;.content{h3{font-size:125%;margin-bottom:3rem;padding:.25rem 1rem .5rem}}.use-cases{display:inline-flex;gap:2rem;margin-bottom:2rem;overflow-x:auto;overscroll-behavior-x:contain;padding-bottom:2.25rem;padding-right:.5rem;scroll-snap-type:x mandatory;.use-case{flex:none;gap:1rem;width:400px;scroll-snap-align:center;h2{font-weight:400}ul{margin:0 1rem;font-size:120%}}}.use-cases-nav{display:flex;gap:0 2rem;justify-content:center;a,button{align-items:center;border-radius:var(--border-radius);color:var(--color-primary-light);display:flex;font-size:90%;font-weight:700;padding:.3rem 1rem;text-decoration:none;transition:all var(--transition);&[data-id]{border:2px solid var(--color-primary-light);&.active{background-color:var(--color-primary-light);color:var(--color-primary);opacity:1}}&:not([data-id]).active{opacity:.5}&:hover{opacity:.8}svg{stroke:var(--color-primary-light)}}}}}