.pg-hero{background:var(--sb,#0d1525);padding:64px 60px 48px}
.pg-hero-label{font-size:10px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--accent,#3db8a8);margin-bottom:12px}
.pg-hero h1{font-family:'Geologica','Anton',sans-serif;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:var(--bg,#f0f2f6)}
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.bcard{background:var(--card,#fff);border-radius:12px;overflow:hidden;border:1px solid var(--border,#e2e8f0);transition:all .2s;text-decoration:none;display:block}
.bcard:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(0,0,0,0.1);border-color:var(--accent,#3db8a8)}
.bcard-img{height:200px;overflow:hidden;position:relative}
.bcard-img img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.bcard:hover .bcard-img img{transform:scale(1.05)}
.bcard-cat{position:absolute;bottom:12px;left:12px;background:var(--accent,#3db8a8);color:#fff;font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:4px 10px;border-radius:4px}
.bcard-body{padding:20px 22px}
.bcard-meta{font-size:11px;color:var(--muted,#6b7a90);margin-bottom:8px;display:flex;gap:12px}
.bcard-title{font-size:16px;font-weight:700;color:var(--text,#1a2535);margin-bottom:8px;line-height:1.3}
.bcard-text{font-size:13px;color:var(--muted,#6b7a90);line-height:1.6}
.bcard-more{display:inline-flex;align-items:center;gap:4px;margin-top:14px;font-size:12px;font-weight:600;color:var(--accent,#3db8a8)}
.blog-featured{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:40px}
.bcard-featured{background:var(--card,#fff);border-radius:12px;overflow:hidden;border:1px solid var(--border,#e2e8f0);display:grid;grid-template-columns:1fr 1fr;transition:all .2s;text-decoration:none}
.bcard-featured:hover{border-color:var(--accent,#3db8a8);box-shadow:0 8px 24px rgba(61,184,168,0.1)}
.bcard-featured .bcard-img{height:100%;min-height:220px}
.bcard-featured .bcard-body{padding:28px}
.bcard-featured .bcard-title{font-size:20px}
.section-label{font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--accent,#3db8a8);margin-bottom:20px;display:flex;align-items:center;gap:10px}
.section-label::after{content:'';flex:1;height:1px;background:var(--border,#e2e8f0)}
@media(max-width:900px){.blog-grid{grid-template-columns:1fr 1fr}.bcard-featured{grid-template-columns:1fr}.blog-featured{grid-template-columns:1fr}.pg-hero,.pg-body{padding:40px 20px}}
@media(max-width:600px){.blog-grid{grid-template-columns:1fr}}

@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}
}