.use-cases-page{padding:calc(var(--toolbar-h) + 64px) 0 88px}.use-cases-intro{margin-bottom:48px}.use-cases-intro .eyebrow{color:var(--color-accent);margin-bottom:22px}.use-cases-intro h1{letter-spacing:-.035em;max-width:880px;line-height:1.12}.use-cases-intro>p{max-width:660px;margin-top:24px;font-size:18px;line-height:1.6}.use-cases-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.use-case-card{border:1px solid var(--color-hairline);background:#fff;border-radius:6px;padding:36px 38px 40px;box-shadow:0 4px 18px #0e1b3d06}.use-case-card-primary{background:linear-gradient(135deg,#eef4ff,#fbfdff);border-color:#a9c3f5;box-shadow:0 5px 22px #2464e50e}.use-case-card-top{align-items:center;gap:16px;margin-bottom:25px;display:flex}.use-case-icon{width:48px;height:48px;color:var(--color-accent);flex:0 0 48px;justify-content:center;align-items:center;display:flex}.use-case-icon svg{width:36px;height:36px}.use-case-card-top .eyebrow{color:var(--color-accent);font-size:14px}.use-case-card h2{text-wrap:pretty;letter-spacing:-.02em;max-width:480px;font-size:28px;line-height:1.25}.use-case-body{margin-top:20px}.use-case-body p{margin:0;line-height:1.65}.use-case-body p+p{border-top:1px solid var(--color-hairline);margin-top:18px;padding-top:18px}.use-cases-contact{border:1px solid var(--color-hairline);background:var(--color-mist);border-radius:6px;justify-content:space-between;align-items:center;gap:40px;margin-top:48px;padding:40px 44px;display:flex}.use-cases-contact .eyebrow{margin-bottom:16px}.use-cases-contact h2{letter-spacing:-.025em}.use-cases-contact p{max-width:760px;margin-top:18px}.use-cases-contact .btn{flex-shrink:0;padding:15px 24px}@media (width<=1000px){.use-case-card{padding:28px}.use-case-card h2{font-size:26px}}@media (width<=700px){.use-cases-page{padding-top:calc(var(--toolbar-h) + 36px);padding-bottom:48px}.use-cases-intro{margin-bottom:32px}.use-cases-intro>p{margin-top:20px;font-size:16px}.use-cases-grid{grid-template-columns:1fr;gap:18px}.use-case-card{padding:26px 24px 30px}.use-case-card-top{gap:12px;margin-bottom:20px}.use-case-card h2{font-size:26px}.use-cases-contact{flex-direction:column;align-items:flex-start;gap:26px;margin-top:32px;padding:30px 24px}.use-cases-contact .btn{width:100%}}
