body.use-cases-page .uc-main{max-width:1280px;margin:auto;padding:100px 40px;font-family:var(--font);color:#fff}body.use-cases-page .uc-heading{display:flex;flex-direction:column;gap:20px;margin-bottom:60px;max-width:1000px}body.use-cases-page .uc-heading h1{font:300 60px/74px var(--font);margin:0;letter-spacing:-.03em;overflow-wrap:anywhere}body.use-cases-page .uc-heading p{margin:0;max-width:720px;font:300 14px/28px var(--font);color:#fffc}body.use-cases-page .uc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}body.use-cases-page .uc-card{display:flex;flex-direction:column;min-width:0;background:var(--bg-dark);border:1px solid var(--bg-bright);border-radius:20px;overflow:hidden}body.use-cases-page .uc-card img{width:100%;aspect-ratio:398/284;object-fit:cover;height:auto}body.use-cases-page .uc-card-body{display:flex;flex-direction:column;gap:10px;padding:20px;flex:1}body.use-cases-page .uc-card h2{font:400 20px/25px var(--font);margin:0;overflow-wrap:anywhere}body.use-cases-page .uc-card p{font:300 14px/28px var(--font);color:#fffc;margin:0 0 10px}body.use-cases-page .uc-meta{font:300 11px/15px var(--font);color:#fff9}body.use-cases-page .uc-button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:10px 20px;box-sizing:border-box;border-radius:20px;background:var(--main);color:#fff;font:300 14px/17px var(--font);text-decoration:none;transition:filter .18s ease,background-color .18s ease;text-align:center}@media(hover:hover){body.use-cases-page .uc-button:hover{filter:brightness(1.1)}}body.use-cases-page .uc-secondary{background:var(--bg-bright)}@media(hover:hover){body.use-cases-page .uc-secondary:hover{background:var(--hover-dark);filter:none}}body.use-cases-page .uc-card .uc-button{margin-top:auto;align-self:flex-start}body.use-cases-page .uc-card h2 a,body.use-cases-page .uc-back{color:inherit;text-decoration:none;transition:color .18s ease}@media(hover:hover){body.use-cases-page .uc-card h2 a:hover,body.use-cases-page .uc-back:hover{color:var(--main-light)}}body.use-cases-page .uc-back{display:inline-block;margin-bottom:30px;font:300 12px/15px var(--font)}body.use-cases-page .uc-filters,body.use-cases-page .uc-pagination{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:30px}body.use-cases-page .uc-filters a{display:flex;align-items:center;min-height:32px;padding:0 20px;border-radius:16px;background:var(--bg-lite);color:#fff;font:300 11px/15px var(--font);text-decoration:none;transition:background-color .18s ease}@media(hover:hover){body.use-cases-page .uc-filters a:hover{background:var(--bg-bright)}}body.use-cases-page .uc-filters a[aria-current]{background:#fff;color:var(--bg)}body.use-cases-page .uc-pagination{margin-top:60px;justify-content:center;font:300 12px/15px var(--font)}body.use-cases-page .uc-article{max-width:800px;margin:auto}body.use-cases-page .uc-article>img{width:100%;height:auto;border-radius:20px;margin-bottom:30px}body.use-cases-page .uc-prose{font:300 14px/28px var(--font);color:#fffc;overflow-wrap:anywhere;display:flow-root}body.use-cases-page .uc-prose>*{margin-top:0;margin-bottom:20px}body.use-cases-page .uc-prose h2{font:400 24px/30px var(--font);color:#fff;margin-top:60px}body.use-cases-page .uc-prose h3{font:400 20px/25px var(--font);color:#fff;margin-top:30px}body.use-cases-page .uc-prose a{color:var(--main-light);text-underline-offset:4px;transition:color .18s ease}@media(hover:hover){body.use-cases-page .uc-prose a:hover{color:#fff}}body.use-cases-page .uc-prose img,body.use-cases-page .uc-prose video{max-width:100%;height:auto;border-radius:10px}body.use-cases-page .uc-prose iframe{width:100%;aspect-ratio:16/9;border:0}body.use-cases-page .uc-prose pre,body.use-cases-page .uc-prose table{display:block;max-width:100%;overflow:auto}body.use-cases-page .uc-prose blockquote{margin-left:0;padding:20px;border-left:2px solid var(--main-light);background:var(--bg-dark)}body.use-cases-page .uc-related{margin-top:100px;display:flex;flex-direction:column;gap:30px}body.use-cases-page .uc-related>h2{font:400 32px/40px var(--font);margin:0}body.use-cases-page .uc-main a:focus-visible{outline:2px solid var(--main-light);outline-offset:3px}@media(max-width:900px){body.use-cases-page .uc-main{padding:60px 30px}body.use-cases-page .uc-heading h1{font-size:40px;line-height:50px}body.use-cases-page .uc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){body.use-cases-page .uc-main{padding:40px 20px}body.use-cases-page .uc-heading h1{font-size:32px;line-height:40px}body.use-cases-page .uc-grid{grid-template-columns:minmax(0,1fr)}}@media(prefers-reduced-motion:reduce){body.use-cases-page .uc-main a{transition:none}}body.use-cases-page .uc-page-numbers{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}body.use-cases-page .uc-page-number,body.use-cases-page .uc-page-direction{display:inline-flex;align-items:center;justify-content:center;min-height:34px;border-radius:20px;background:var(--bg-lite);color:var(--text);font:300 12px/15px var(--font);text-decoration:none;transition:background-color .18s ease}body.use-cases-page .uc-page-number{min-width:34px;padding:0 10px}body.use-cases-page .uc-page-direction{padding:0 20px}@media(hover:hover){body.use-cases-page a.uc-page-number:hover,body.use-cases-page .uc-page-direction:hover{background:var(--bg-bright)}}body.use-cases-page .uc-page-number[aria-current]{background:var(--text);color:var(--bg)}body.use-cases-page .uc-page-gap{color:#ffffff80}@media(max-width:520px){body.use-cases-page .uc-pagination{display:grid;grid-template-columns:1fr 1fr;gap:20px}body.use-cases-page .uc-page-numbers{grid-column:1/-1;grid-row:1}body.use-cases-page .uc-page-prev{grid-column:1;grid-row:2;justify-self:start}body.use-cases-page .uc-page-next{grid-column:2;grid-row:2;justify-self:end}}@media(prefers-reduced-motion:reduce){body.use-cases-page .uc-page-direction,body.use-cases-page .uc-page-number{transition:none}}body.use-cases-page .uc-empty{display:flex;flex-direction:column;align-items:flex-start;gap:20px}body.use-cases-page .uc-empty p{margin:0;font:300 14px/28px var(--font);color:#fffc}body.use-cases-page .uc-empty .uc-button{max-width:100%;white-space:normal}
