.pg-hero{background:#0d1525;padding:64px 60px 48px}
.pg-hero-label{font-size:10px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:#3db8a8;margin-bottom:12px}
.pg-hero h1{font-size:44px;font-weight:800;color:#fff;line-height:1.05;letter-spacing:-1px;margin-bottom:12px}
.pg-hero p{font-size:15px;color:rgba(255,255,255,0.45);max-width:520px}
.pg-body{padding:60px 60px;background:#f0f2f6}
.filter-bar{display:flex;gap:10px;margin-bottom:40px;flex-wrap:wrap}
.filter-btn{padding:8px 20px;border-radius:20px;border:1px solid #e2e8f0;background:#fff;font-size:13px;font-weight:500;color:#6b7a90;cursor:pointer;transition:all .2s}
.filter-btn.active,.filter-btn:hover{background:#3db8a8;color:#fff;border-color:#3db8a8}
.cases-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.case-card{background:#fff;border-radius:16px;overflow:hidden;border:1px solid #e2e8f0;transition:all .2s;display:flex;flex-direction:column}
.case-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(0,0,0,0.1)}
.case-img{height:220px;overflow:hidden;position:relative}
.case-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.case-card:hover .case-img img{transform:scale(1.04)}
.case-cat{position:absolute;top:14px;left:14px;background:#1a2744;color:#3db8a8;font-size:10px;font-weight:700;padding:4px 10px;border-radius:4px;letter-spacing:1px;text-transform:uppercase}
.case-body{padding:24px;flex:1;display:flex;flex-direction:column}
.case-obj{font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#3db8a8;margin-bottom:8px}
.case-title{font-size:17px;font-weight:700;color:#1a2744;margin-bottom:12px;line-height:1.3}
.case-story{font-size:13px;color:#5a7080;line-height:1.7;margin-bottom:16px;flex:1}
.case-result{background:#f0faf8;border-radius:8px;padding:12px 16px;display:flex;align-items:flex-start;gap:10px;margin-bottom:16px}
.case-result-icon{width:20px;height:20px;min-width:20px;background:#3db8a8;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-top:1px}
.case-result-icon svg{width:10px;height:10px;stroke:#fff;fill:none;stroke-width:3}
.case-result-txt{font-size:12px;color:#2a7a6a;font-weight:500;line-height:1.5}
.case-footer{display:flex;align-items:center;justify-content:space-between;padding-top:16px;border-top:1px solid #f0f4f8}
.case-date{font-size:11px;color:#9ab0c4}
.case-guar{font-size:11px;font-weight:700;color:#3db8a8}
.result-block{margin-top:60px;background:#0d1525;border-radius:16px;padding:48px;display:grid;grid-template-columns:repeat(3,1fr);gap:32px;text-align:center}
.res-n{font-size:40px;font-weight:900;color:#3db8a8;line-height:1;margin-bottom:8px}
.res-l{font-size:13px;color:rgba(255,255,255,0.45)}
@media(max-width:1100px){.cases-grid{grid-template-columns:1fr 1fr}}
@media(max-width:900px){.pg-hero,.pg-body{padding:40px 20px}.result-block{grid-template-columns:1fr;padding:32px}}
@media(max-width:600px){.cases-grid{grid-template-columns:1fr}.pg-hero h1{font-size:28px}}

@media(max-width:480px){
  h1{font-size:26px!important;letter-spacing:-0.5px!important}
  h2{font-size:20px!important}
  h3{font-size:17px!important}
  .sr-article-h3{font-size:17px!important}
  .sec-h2{font-size:24px!important}
  .pg-hero h1{font-size:26px!important}
  .post-hero h1{font-size:22px!important}
  .slist-hero h1{font-size:28px!important}
  .svc-hero h1{font-size:24px!important}
}