#usecase-wrapper{background:radial-gradient(circle at 10% 20%,#eef2ff,transparent 40%),radial-gradient(circle at 90% 80%,#e0e7ff,transparent 40%),#f8fafc;min-height:100vh;padding:20px 120px}#usecase-wrapper .usecase-section{padding-top:80px;scroll-margin-top:100px}.menu-scroll{white-space:nowrap;scroll-behavior:smooth;display:flex;overflow-x:auto}.page-section{scroll-margin-top:120px}#usecase-banner{background:#0b7f8a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:40px;padding:20px 60px;display:flex}.usecase-banner-text{color:#fff;flex:300px;max-width:45%}.usecase-banner-image{flex:300px;max-width:45%;margin-left:auto}.usecase-banner-image img{object-fit:cover;border-radius:10px;width:100%;height:350px}#usecase-tabs{z-index:10;scrollbar-width:none;background:#fff;border-bottom:1px solid #e5e7eb;align-items:center;gap:32px;padding:18px 250px;display:flex;position:-webkit-sticky;position:sticky;top:74px;overflow-x:auto}#usecase-tabs::-webkit-scrollbar{display:none}#usecase-tabs-title{border-right:1px solid #d1d5db;flex-shrink:0;padding-right:24px;font-size:14px}.usecase-tab-item{cursor:pointer;color:#374151;flex-shrink:0;padding-bottom:6px;font-size:14px;position:relative}.usecase-tab-item:after{content:"";background:#0b5cff;width:0%;height:3px;transition:all .3s;position:absolute;bottom:0;left:0}.usecase-tab-active{color:#0b5cff;font-weight:600}.usecase-tab-active:after{width:100%}#usecase-card-grid{grid-template-columns:repeat(3,1fr);gap:40px;margin-top:40px;display:grid}.usecase-card{background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 20px 40px rgba(0,0,0,.08)}.usecase-card-image{height:220px}.usecase-card-image img{object-fit:cover;width:100%;height:100%}.usecase-card-body{padding:30px}.usecase-card-desc{color:#475569;margin-bottom:18px}.usecase-card-learn{color:#2563eb;cursor:pointer;font-weight:600}@media (max-width:1200px){#usecase-wrapper{padding:20px 60px}#usecase-banner{padding:20px 30px}}@media (max-width:992px){#usecase-card-grid{grid-template-columns:repeat(2,1fr)}#usecase-tabs{padding:18px 20px}#usecase-banner{flex-direction:column;align-items:flex-start}.usecase-banner-text,.usecase-banner-image{max-width:100%;margin:10px 0}.usecase-banner-image img{height:250px}}@media (max-width:600px){#usecase-card-grid{grid-template-columns:1fr;gap:20px}#usecase-banner-image img{height:200px}.usecase-card-body{padding:20px}}