*{margin:0;padding:0;box-sizing:border-box;font-family: "Poppins", sans-serif !important;line-height:1.4 !important;}
body{background:#f8fafc;color:#0f172a;}
a{color:#0891b2;text-decoration:none}
.container{max-width:1200px;margin:auto;padding:0 20px}
img{max-width: 100%; height: auto}
section img{max-width: 100% !important; height: auto !important;}

/* ================= HEADER ================= */
.blog-header{padding:75px 20px 0;background:linear-gradient(180deg,#f0f9ff,#fff);text-align:center}
.blog-header h1{font-size:clamp(34px,5vw,46px);margin-bottom:12px}
.blog-header p{font-size:18px;color:#64748b;max-width:720px;margin:auto}

/* ================= SECTION ================= */
.section{padding:60px 0 40px}

/* ================= GRID ================= */
.blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}

/* ================= CARD ================= */
.blog-card{background:#fff;padding:36px;border-radius:20px;box-shadow:0 15px 40px rgba(15,23,42,.08);display:flex;flex-direction:column;justify-content:space-between;transition:.3s}
.blog-card:hover{transform:translateY(-6px);box-shadow:0 25px 60px rgba(15,23,42,.14)}
.blog-card .tag{font-size:12px;text-transform:uppercase;letter-spacing:.8px;color:#64748b;margin-bottom:10px;font-weight:500; background: transparent; padding: 0;}
.blog-card h3{font-size:22px;margin-bottom:12px;height:60px;overflow:hidden}
.blog-card p{color:#334155;margin-bottom:24px}


/* ================= PILLAR ================= */
.pillar-highlight{background:#ecfeff;padding:30px 50px;border-radius:24px}
.pillar-highlight h2{font-size:28px;margin-bottom:10px}
.pillar-highlight p{color:#334155;margin-bottom:18px}

/* ================= FOOTER ================= */
.blog-note{text-align:center;color:#64748b;margin-top:80px;font-size:14px}

/* ================= HERO ================= */
.goback-section{background:linear-gradient(180deg,#f0f9ff,#f0f9ff);padding:20px 0 0}
.cluster-hero{padding:40px 0 40px;background:linear-gradient(180deg,#f0f9ff,#fff); max-width: 900px;
    margin: 0 auto;}
.cluster-hero .container {
    padding: 0px;
}
.cluster-hero h1{font-size:36px;text-align:left;margin-bottom:20px}
.cluster-hero p{font-size:16px;color:#64748b;text-align:left;max-width:830px;margin:0}

/* ================= CONTEXT ================= */
.context-bar {
    background: #fff;
    border-left: 4px solid #0891b2;
    padding: 22px 26px;
    margin: 0 auto 40px;
    max-width: 900px;
    box-shadow: 0 10px 30px rgba(15, 23, 42, .08);
}
.context-bar strong{color:#0f172a}

/* ================= ARTICLE ================= */
.article{background:#fff;padding:30px;border-radius:8px;box-shadow:0 15px 40px rgba(15,23,42,.08);max-width:900px;margin:auto auto 80px}
.article h2,.article .sub-heading {font-size:26px;margin:30px 0 15px; font-weight: 500; line-height: 1.4;color: var(--bs-heading-color);}
.article h3{font-size:1.20rem; margin: 30px 0 10px;}
.article p{color:#334155; font-size:15px; line-height: 1.4;}
.article ul{margin:20px 0px}
.article ul li{font-size: 14px; color: #334155;}
.article ul li + li{margin-top: 8px;}
/* ================= BUTTON ================= */
.go-backbtn{border:1px solid #0891b2;padding:5px 10px;border-radius:50px;transition:.3s}
.go-backbtn:hover{background:#0891b2;color:#fff;border-color:#fff}

/* ================= INSIGHT ================= */
.insight{background:#f1f9fb;padding:30px;border-radius:18px;margin:30px 0}
.insight h3{font-size:20px;margin-bottom:8px;margin-top: 0px;}
.insight p{margin-bottom: 0px;}

/* ================= RESOLUTION ================= */
.resolution{background:#ecfeff;padding:30px;border-radius:22px;margin:30px 0; border: 1px solid #0891b2;}
.resolution h3{font-size:22px;margin-bottom:10px;margin-top: 0px;}

/* ================= MISC ================= */
br{display:none}
.pillar-highlight br,.cta br{display:block}
.cta a br{display:none}
#attachmentimg {display: block;margin: 20px 0;}
#attachmentimg img{border-radius:10px; margin-bottom: 10px;}
#attachmentimg div{width:100%!important; text-align: center;}
.facebook-estimate{font-size:14px;text-align:end;padding:0 8px;margin-bottom:5px}
#attachmentimg p {font-style: italic;font-weight: 500;}

/* ================= CTA ================= */

.cta{text-align:center}
.cta a{display: inline-block;margin-top: 20px;padding: 14px 30px;border-radius: 12px;background: transparent;color: #0891b2;font-weight: 700; border: 2px solid #0891b2;}
.cta p{margin-bottom: 0px;}
.cta a:hover{color: #fff; background: #0891b2;}
/* ================= NAV ================= */
.cluster-nav{margin-top:30px;padding-top:30px;border-top:1px solid #e5e7eb}
.cluster-nav h4{margin-bottom:16px}
.cluster-nav ul{}
.cluster-nav li{margin:10px 0}
/* ================= MOBILE ================= */
@media(max-width:991px){
.cluster-hero .container{padding: 0 20px;}
.context-bar{padding: 22px 15px;margin: -40px 10px 60px;}
.cluster-hero{padding: 50px 0px 70px;}
.context-bar .container {padding: 0px;}
}

@media(max-width:768px){
  .pillar-highlight{padding:28px}
  .blog-card{padding:28px}
  .article{padding:20px}
  .cluster-hero h1{font-size:32px}
  .blog-header{padding:60px 20px 0}
  .article h2, .article .sub-heading {font-size: 20px;}
  .resolution h4 {font-size: 16px;}
  .pillar-highlight h2 {font-size: 22px;}
  .blog-card h3{height:auto;font-size: 20px;}
}
@media(max-width:575px){
  .cluster-hero h1{font-size:24px}
  .article h2{font-size:20px}
  .article h3{font-size:18px}
  .blog-header h1 {font-size: clamp(30px, 5vw, 46px);}
  .blog-header p {font-size: 16px;}
}