#content>.wrapper{color:var(--lightblack);padding:1rem;padding-bottom:2rem}#content .page-content{grid-area:content}#title-container{display:flex;flex-direction:row;align-items:center;justify-content:left;margin-top:20px;margin-bottom:10px}#content h1{margin-left:1rem;color:var(--blue);font-size:35px;font-weight:700;letter-spacing:2.92px}#use-case{color:var(--font-color);font-size:18px;font-weight:300;text-align:left;line-height:34px;margin-top:2rem}#use-case img{border-radius:40px;width:400px;height:auto;float:right;margin:0 0 1rem 1rem}#use-case #image2{float:left;margin:1rem 1rem 1rem 0}#cta-container{background:url(/static/website/images/pattern-squares.png),linear-gradient(199deg,var(--cta-gradient));background-position:bottom center;background-repeat:repeat-x;background-blend-mode:multiply;box-shadow:0 8px 14px 9px var(--cta-box-shadow) inset}#cta-container>.wrapper{padding:2rem 6rem;color:var(--white);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}#cta-container h2{color:var(--white);text-shadow:0 3px 4px rgba(0,53,90,0.29);font-size:30px;font-weight:700;letter-spacing:4.17px;max-width:1000px}#cta-container .wrapper>div{max-width:1000px;color:var(--white);font-size:20px;font-weight:400;letter-spacing:1.95px;margin:1rem 0}#cta-container .primary-button{box-shadow:none;width:fit-content;padding:1rem 2rem}.article-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:30px;margin-bottom:40px}.article-card{background-color:var(--modal-background);border-radius:12px;max-width:350px;box-shadow:0 4px 12px var(--dark-box-shadow);overflow:hidden;display:flex;flex-direction:column}.article-card .image-container{height:200px;overflow:hidden}.article-card .image-container img{width:100%;height:100%;object-fit:cover}.article-card .content-container{padding:20px;flex-grow:1;display:flex;flex-direction:column}.article-card .tag{display:inline-block;background-color:#e0f2fe;color:var(--blue);padding:3px 8px;border-radius:4px;font-size:.8em;margin-bottom:10px;align-self:flex-start}.article-card h3{font-size:1.3em;margin-bottom:10px;flex-grow:1;color:var(--font-color-darker)}.article-card h3 a{color:inherit;text-decoration:none}.article-card h3 a:hover{color:var(--blue)}.article-card p{color:var(--font-color)}.article-card .meta-info{font-size:.85em;color:var(--grey);display:flex;justify-content:space-between;margin-bottom:15px;margin-top:auto}.article-card .meta-info span{display:inline-flex;align-items:center;gap:5px}.article-card .read-more-btn{display:inline-block;background:var(--button-background);color:var(--white);padding:10px 20px;border-radius:20px;text-decoration:none;text-align:center;margin-top:15px;transition:background-color .2s ease;align-self:center;border:none;font-size:.9em;font-weight:bold;box-shadow:none;height:auto}.article-card .read-more-btn:hover{background:var(--hover-button-background);color:var(--white)}.highlights{width:100%;height:auto;padding-block:87px}.highlights h2{text-align:center;font-size:35px}.highlight-flex{display:flex;flex-direction:column;align-items:start;justify-content:space-evenly;margin-top:2rem}.highlight{background-color:var(--white);width:100%;padding:20px 16px 20px 16px;margin-top:50px;border-radius:20px;border:1px solid transparent;display:flex;flex-direction:column;gap:25px;cursor:pointer}.highlight:hover{margin-top:45px;margin-bottom:5px;box-shadow:0 35px 20px -27px var(--secondary-button-box-shadow)}.highlight h3{font-size:24px;font-weight:700;margin-bottom:calc(35px - 25px);text-align:center}.highlight-positive{border:1px solid var(--yellow)}.highlight-positive:hover{box-shadow:0 35px 20px -27px var(--highlight-box-shadow)}.highlight-positive h3{color:var(--yellow)}.highlight-list{display:flex;gap:1rem}.highlight-list p{margin:0;line-height:1.5}.highlight-icon{font-size:22px;font-weight:700}.positive-icon{color:var(--yellow)}@media screen and (min-width:768px){.highlight-flex{flex-direction:row}.highlight{width:320px;padding:24px}}@media screen and (min-width:1024px){.highlight{width:445px}}@media screen and (min-width:1440px){.highlight{width:465px;padding:24px 40px 24px 40px}}@media screen and (max-width:550px){#content>.wrapper{margin:0}#use-case img,#use-case #image2{float:none;margin:1rem 0}}