/* =====================================================
   NUZN.MVC — blog page (homepage theme, unique visuals)
   ===================================================== */

/* ===== Hero ===== */
.blog-hero{
  position:relative;overflow:hidden;border-bottom:1px solid #eef0f4;
  background:
    radial-gradient(#e3ecfa 1.2px, transparent 1.2px),
    linear-gradient(180deg,#ffffff,#f4f8ff);
  background-size:28px 28px, 100% 100%;
}
.blog-hero .wrap{
  max-width:1200px;margin:0 auto;padding:76px 24px 84px;position:relative;z-index:2;
  display:grid;grid-template-columns:1.05fr .95fr;gap:50px;align-items:center;
}
.blog-hero .eyebrow{letter-spacing:2px;font-size:14px;font-weight:700;text-transform:uppercase;margin-bottom:18px;color:var(--brand);}
.blog-hero h1{
  font-family:'Newsreader',Georgia,serif;font-size:clamp(34px,4.4vw,58px);
  line-height:1.06;font-weight:600;margin-bottom:18px;color:var(--ink);
}
.blog-hero h1 .dot{color:var(--orange);}
.blog-hero .subhead{font-size:clamp(16px,1.8vw,19px);color:#52607a;max-width:520px;line-height:1.55;margin-bottom:24px;}
.bh-chips{display:flex;flex-wrap:wrap;gap:10px;}
.bh-chips span{
  padding:8px 16px;font-size:13px;font-weight:700;border-radius:30px;
  background:#dcefff;color:#0a5a8a;box-shadow:0 4px 12px rgba(13,110,160,.12);
}

/* fanned article stack with shimmer (unique to blog) */
.bh-visual{position:relative;min-height:340px;display:flex;align-items:center;justify-content:center;}
.paper{
  position:absolute;width:300px;height:300px;border-radius:18px;background:#fff;border:1px solid #ececec;
  box-shadow:0 26px 54px rgba(10,23,51,.14);
}
.paper.p3{transform:rotate(9deg) translateX(46px);background:#f1ecfb;animation:fan3 7s ease-in-out infinite;}
.paper.p2{transform:rotate(-8deg) translateX(-42px);background:#e6f6f2;animation:fan2 7s ease-in-out infinite;}
.paper.p1{
  position:relative;transform:rotate(0);padding:26px 24px;display:flex;flex-direction:column;gap:14px;
  animation:mockfloat 6s ease-in-out infinite;
}
@keyframes fan2{0%,100%{transform:rotate(-8deg) translateX(-42px);}50%{transform:rotate(-11deg) translateX(-50px);}}
@keyframes fan3{0%,100%{transform:rotate(9deg) translateX(46px);}50%{transform:rotate(12deg) translateX(56px);}}
@keyframes mockfloat{0%,100%{transform:translateY(0);}50%{transform:translateY(-12px);}}
.ptag{
  align-self:flex-start;background:var(--orange);color:#fff;font-size:11px;font-weight:800;
  letter-spacing:1px;padding:5px 12px;border-radius:20px;animation:tagpulse 2s ease-in-out infinite;
}
@keyframes tagpulse{0%,100%{transform:scale(1);}50%{transform:scale(1.1);}}
.pline{height:13px;border-radius:7px;background:#eef1f6;position:relative;overflow:hidden;}
.pline.w60{width:60%;height:18px;background:#dfe7f5;}
.pline.w90{width:90%;}
.pline.w80{width:80%;}
.pline.w70{width:70%;}
.pline.shine::after{
  content:"";position:absolute;inset:0;transform:translateX(-100%);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.9),transparent);
  animation:shine 2.6s ease infinite;
}
@keyframes shine{60%,100%{transform:translateX(100%);}}
.pfoot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;}
.pfoot i{width:90px;height:10px;border-radius:5px;background:#eef1f6;}
.pfoot b{color:var(--brand);font-size:13.5px;}
.bfloat{
  position:absolute;width:54px;height:54px;border-radius:14px;background:#fff;border:1px solid #ececec;
  display:flex;align-items:center;justify-content:center;font-size:24px;
  box-shadow:0 16px 34px rgba(10,23,51,.16);animation:mockfloat 5s ease-in-out infinite;
}
.bfloat.b1{top:4%;left:6%;animation-delay:.5s;}
.bfloat.b2{bottom:8%;right:4%;animation-delay:1.1s;}
.bfloat.b3{top:44%;right:-2%;animation-delay:1.7s;}
@media(max-width:900px){
  .blog-hero .wrap{grid-template-columns:1fr;padding:56px 24px;}
  .bh-visual{min-height:300px;margin-top:16px;}
}

/* ===== Main: list + sidebar ===== */
.blog-main{background:#fbfaf8;padding:70px 24px 90px;}
.blog-main .wrap{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 300px;gap:36px;align-items:start;}
.blog-head{margin-bottom:28px;}
.blog-head h2{font-family:'Newsreader',Georgia,serif;font-size:clamp(26px,3.4vw,40px);font-weight:600;color:var(--ink);margin-bottom:8px;}
.blog-head h2 .dot{color:var(--orange);}
.blog-head p{color:#52607a;font-size:16px;}

/* article cards */
.bgrid2{display:grid;grid-template-columns:1fr 1fr;gap:22px;}
.bpost{
  position:relative;background:#fff;border:1px solid #ececec;border-radius:14px;padding:0 24px 20px;overflow:hidden;
  opacity:0;transform:translateY(26px) scale(.97);
  transition:opacity .5s cubic-bezier(.2,.6,.2,1),transform .5s cubic-bezier(.2,.6,.2,1),box-shadow .18s;
}
.bpost.bshow{opacity:1;transform:none;}
.bpost:hover{box-shadow:0 18px 40px rgba(10,23,51,.10);}
.bpost .band{height:5px;margin:0 -24px 18px;}
.bmeta{display:flex;align-items:center;gap:10px;margin-bottom:12px;}
.bmeta .cat{
  background:#eef3ff;color:var(--brand);font-weight:700;font-size:12px;
  padding:5px 12px;border-radius:20px;letter-spacing:.3px;
}
.bmeta .date{color:#8a93a6;font-size:12.5px;font-weight:600;}
.bpost h3{font-size:18px;line-height:1.35;color:var(--ink);margin-bottom:10px;}
.bpost > p{color:#52607a;font-size:14px;line-height:1.55;margin-bottom:14px;}
.btags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px;}
.btags a{
  text-decoration:none;background:#f6f9ff;border:1px solid #e6edff;color:var(--ink);
  font-weight:600;font-size:12px;padding:4px 11px;border-radius:20px;transition:.15s;
}
.btags a:hover{background:var(--brand);color:#fff;border-color:var(--brand);}
.readmore{color:var(--ink);font-weight:700;font-size:14px;text-decoration:none;border-bottom:2px solid var(--orange);padding-bottom:2px;}
.readmore span{display:inline-block;transition:transform .2s;}
.readmore:hover{color:var(--orange);}
.readmore:hover span{transform:translateX(5px);}

/* empty state */
.bempty{
  text-align:center;background:#fff;border:1px dashed #d5dfef;border-radius:16px;padding:60px 24px;
  animation:fadein .4s ease;
}
@keyframes fadein{from{opacity:0;transform:translateY(14px);}to{opacity:1;transform:none;}}
.bempty .be-ico{font-size:40px;margin-bottom:14px;}
.bempty h3{font-family:'Newsreader',Georgia,serif;font-size:26px;font-weight:600;color:var(--ink);margin-bottom:8px;}
.bempty h3 .dot{color:var(--orange);}
.bempty p{color:#52607a;font-size:15px;margin-bottom:18px;}
.be-btn{
  display:inline-block;background:var(--orange);color:#fff;padding:12px 24px;border-radius:8px;
  font-weight:700;font-size:14px;text-decoration:none;transition:transform .15s;
}
.be-btn:hover{transform:translateY(-2px);}

/* ===== Sidebar (sticky) ===== */
.blog-side{position:sticky;top:110px;display:flex;flex-direction:column;gap:20px;}
.side-card{background:#fff;border:1px solid #ececec;border-radius:14px;padding:20px;}
.side-card h4{
  font-size:13px;font-weight:800;letter-spacing:1px;text-transform:uppercase;
  color:#8a93a6;margin-bottom:14px;
}
.pfilter{
  display:flex;align-items:center;gap:10px;width:100%;text-align:left;
  background:none;border:none;cursor:pointer;padding:10px 12px;border-radius:9px;
  font-family:inherit;font-size:14px;font-weight:700;color:var(--ink);
  transition:background .15s,transform .15s;
}
.pfilter:hover{background:#f3f7ff;transform:translateX(4px);}
.pfilter.active{background:linear-gradient(90deg,#eef3ff,#e6f6f2);}
.pfilter .pdot{width:12px;height:12px;border-radius:4px;flex:none;transition:transform .2s;}
.pfilter.active .pdot{transform:rotate(45deg) scale(1.15);}
.pfilter em{
  margin-left:auto;font-style:normal;font-size:11.5px;font-weight:800;color:#8a93a6;
  background:#f3f5f9;border-radius:12px;padding:2px 9px;min-width:26px;text-align:center;
}
.pfilter.active em{background:var(--orange);color:#fff;}
.side-cta{
  background:#06241f;color:#fff;border-radius:14px;padding:24px;
}
.side-cta h5{font-size:17px;margin-bottom:8px;}
.side-cta p{color:#b7c6c1;font-size:13.5px;line-height:1.5;margin-bottom:16px;}
.side-cta a{
  display:inline-block;background:var(--orange);color:#fff;padding:11px 20px;border-radius:8px;
  font-weight:700;font-size:13.5px;text-decoration:none;transition:transform .15s;
}
.side-cta a:hover{transform:translateY(-2px);}

@media(max-width:1000px){
  .blog-main .wrap{grid-template-columns:1fr;}
  .blog-side{position:static;order:-1;}
  .side-card{display:flex;flex-wrap:wrap;gap:6px;}
  .side-card h4{width:100%;}
  .pfilter{width:auto;}
  .side-cta{display:none;}
}
@media(max-width:760px){.bgrid2{grid-template-columns:1fr;}}

/* =====================================================
   ARTICLE PAGE (.bart)
   ===================================================== */

/* reading progress bar */
.readbar{
  position:fixed;top:0;left:0;height:4px;width:0;z-index:100;
  background:linear-gradient(90deg,var(--g1,#1769ff),var(--g2,#3f8cff),var(--orange));
  transition:width .1s linear;
}

/* hero */
.bart-hero{
  position:relative;border-bottom:1px solid #eef0f4;
  background:
    radial-gradient(#e3ecfa 1.2px, transparent 1.2px),
    linear-gradient(180deg,#ffffff,#f4f8ff);
  background-size:28px 28px, 100% 100%;
}
.bart-hero .wrap{max-width:860px;margin:0 auto;padding:60px 24px 54px;}
.bart-hero .crumb{font-size:13px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#8a93a6;margin-bottom:20px;}
.bart-hero .crumb a{text-decoration:none;color:#8a93a6;}
.bart-hero .crumb a:hover{color:var(--brand);}
.bart-hero .bmeta{margin-bottom:16px;}
.bart-hero .rt{color:#8a93a6;font-size:12.5px;font-weight:600;}
.bart-hero h1{
  font-family:'Newsreader',Georgia,serif;font-size:clamp(30px,4.2vw,52px);
  line-height:1.1;font-weight:600;color:var(--ink);margin-bottom:18px;
  position:relative;display:inline-block;padding-bottom:14px;
}
/* gradient underline draws itself in */
.bart-hero h1::after{
  content:"";position:absolute;left:0;bottom:0;height:6px;width:180px;border-radius:3px;
  background:linear-gradient(90deg,var(--g1,#1769ff),var(--g2,#3f8cff),var(--orange));
  transform:scaleX(0);transform-origin:left;
  animation:drawline .9s .55s cubic-bezier(.2,.6,.2,1) forwards;
}
@keyframes drawline{to{transform:scaleX(1);}}
.bart-hero .lead{color:#52607a;font-size:clamp(16px,1.9vw,19px);line-height:1.55;margin-bottom:20px;}

/* staggered entrance for hero content */
.bart-hero .crumb,.bart-hero .bmeta,.bart-hero h1,.bart-hero .lead,.bart-hero .btags{
  opacity:0;transform:translateY(22px);
  animation:herofade .7s cubic-bezier(.2,.6,.2,1) forwards;
}
.bart-hero .crumb{animation-delay:.05s;}
.bart-hero .bmeta{animation-delay:.15s;}
.bart-hero h1{animation-delay:.25s;}
.bart-hero .lead{animation-delay:.4s;}
.bart-hero .btags{animation-delay:.55s;}
@keyframes herofade{to{opacity:1;transform:none;}}
.bart-hero .btags a{transition:transform .15s,box-shadow .15s;}
.bart-hero .btags a:hover{transform:translateY(-3px);box-shadow:0 10px 22px rgba(10,23,51,.12);}

/* hero decorations: big floating icon, pulse rings, sparkles */
.bart-hero{overflow:hidden;}
.hero-deco{position:absolute;inset:0;pointer-events:none;}
.hero-ico{
  position:absolute;top:50%;right:7%;transform:translateY(-50%);
  font-size:110px;opacity:.16;filter:saturate(1.2);
  animation:heroico 7s ease-in-out infinite;
}
@keyframes heroico{
  0%,100%{transform:translateY(-50%) rotate(-6deg) scale(1);}
  50%{transform:translateY(-62%) rotate(6deg) scale(1.06);}
}
.ring{
  position:absolute;top:50%;right:7%;width:150px;height:150px;margin:-75px -20px 0 0;border-radius:50%;
  border:2px solid var(--g2,#3f8cff);opacity:0;animation:heroring 4s ease-out infinite;
}
.ring.r2{animation-delay:2s;}
@keyframes heroring{0%{transform:scale(.7);opacity:.35;}100%{transform:scale(2);opacity:0;}}
.spark{
  position:absolute;width:10px;height:10px;border-radius:50%;
  background:linear-gradient(135deg,var(--g1,#1769ff),var(--g2,#3f8cff));
  animation:sparkle 3s ease-in-out infinite;
}
.spark.s1{top:22%;right:20%;}
.spark.s2{top:66%;right:14%;background:var(--orange);animation-delay:1s;}
.spark.s3{top:38%;right:28%;background:var(--accent);animation-delay:2s;width:7px;height:7px;}
@keyframes sparkle{
  0%,100%{transform:scale(.4);opacity:.25;}
  50%{transform:scale(1.25);opacity:.9;}
}
@media(max-width:760px){.hero-ico{font-size:70px;right:4%;}.ring{display:none;}}

/* animated gradient band */
.hero-band{
  height:6px;
  background:linear-gradient(90deg,var(--g1,#1769ff),var(--g2,#3f8cff),var(--orange),var(--g1,#1769ff));
  background-size:250% 100%;
  animation:bandflow 7s linear infinite;
}
@keyframes bandflow{to{background-position:-250% 0;}}

/* floating background shapes (fill the empty margins) */
.bart{position:relative;}
.bart-bg{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0;}
.blob{
  position:absolute;border-radius:50%;filter:blur(70px);opacity:.14;
  animation:blobfloat 12s ease-in-out infinite;
}
.blob.bl1{width:420px;height:420px;background:var(--g1,#1769ff);top:16%;left:-160px;}
.blob.bl2{width:380px;height:380px;background:var(--g2,#3f8cff);top:46%;right:-150px;animation-delay:3s;}
.blob.bl3{width:320px;height:320px;background:var(--accent);top:76%;left:-120px;animation-delay:6s;}
@keyframes blobfloat{0%,100%{transform:translateY(0) scale(1);}50%{transform:translateY(-46px) scale(1.07);}}
.bico{
  position:absolute;width:56px;height:56px;border-radius:16px;background:#fff;border:1px solid #ececec;
  display:flex;align-items:center;justify-content:center;font-size:24px;
  box-shadow:0 16px 34px rgba(10,23,51,.12);opacity:.85;
  animation:icobob 6s ease-in-out infinite;
}
.bico.bi1{top:22%;left:3%;animation-delay:.4s;}
.bico.bi2{top:52%;left:5%;color:#1fa855;font-weight:800;animation-delay:1.2s;}
.bico.bi3{top:30%;right:3.5%;animation-delay:2s;}
.bico.bi4{top:64%;right:5%;animation-delay:2.8s;}
@keyframes icobob{0%,100%{transform:translateY(0) rotate(-3deg);}50%{transform:translateY(-16px) rotate(3deg);}}
@media(max-width:1250px){.bico{display:none;}}

/* 3-column layout */
.bart-layout{
  position:relative;z-index:1;background:transparent;
  max-width:1360px;margin:0 auto;padding:0 24px;
  display:grid;grid-template-columns:230px minmax(0,760px) 290px;gap:36px;justify-content:center;
}
.bart-hero,.bart-more{position:relative;z-index:1;}

/* left TOC */
.bart-toc{padding-top:56px;}
.toc-card{
  position:sticky;top:110px;background:#fff;border:1px solid #ececec;border-radius:14px;padding:18px;
  box-shadow:0 10px 26px rgba(10,23,51,.05);
}
.toc-card h4{font-size:12px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:#8a93a6;margin-bottom:12px;}
.toc-card ol{list-style:none;}
.toc-card a{
  display:flex;align-items:flex-start;gap:9px;text-decoration:none;color:#52607a;
  font-size:13px;font-weight:600;line-height:1.4;padding:7px 8px;border-radius:8px;
  transition:background .15s,color .15s,transform .15s;
}
.toc-card a:hover{background:#f3f7ff;color:var(--ink);transform:translateX(3px);}
.toc-card a.on{background:linear-gradient(90deg,#eef3ff,#e6f6f2);color:var(--ink);}
.tnum{
  flex:none;width:20px;height:20px;border-radius:6px;background:#eef1f6;color:#8a93a6;
  font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center;margin-top:1px;
  transition:background .2s,color .2s;
}
.toc-card a.on .tnum{background:linear-gradient(135deg,var(--g1,#1769ff),var(--g2,#3f8cff));color:#fff;}

/* right sidebar */
.bart-aside{padding-top:56px;display:flex;flex-direction:column;gap:18px;position:sticky;top:110px;align-self:start;height:fit-content;}
.as-product{background:#fff;border:1px solid #ececec;border-radius:14px;overflow:hidden;box-shadow:0 10px 26px rgba(10,23,51,.05);}
.asp-top{height:86px;display:flex;align-items:center;justify-content:center;font-size:40px;}
.asp-body{padding:16px 18px 18px;}
.asp-body h5{font-size:16px;color:var(--ink);margin-bottom:6px;}
.asp-body p{color:#52607a;font-size:12.5px;line-height:1.5;margin-bottom:12px;}
.asp-body a{color:var(--brand);font-weight:700;font-size:13.5px;text-decoration:none;}
.asp-body a:hover{color:var(--orange);}
.as-share{background:#fff;border:1px solid #ececec;border-radius:14px;padding:16px 18px;}
.as-share h5,.as-more h5{font-size:12px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:#8a93a6;margin-bottom:12px;}
.share-btns{display:flex;gap:10px;}
.share-btns a,.share-btns button{
  width:40px;height:40px;border-radius:12px;border:1px solid #ececec;background:#f6f9ff;
  display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:800;color:var(--ink);
  text-decoration:none;cursor:pointer;transition:transform .15s,background .15s,color .15s;
}
.share-btns a:hover,.share-btns button:hover{transform:translateY(-3px);background:var(--brand);color:#fff;}
.share-btns button.done{background:#1fa855;color:#fff;}
.as-more{background:#fff;border:1px solid #ececec;border-radius:14px;padding:16px 18px;}
.asm-item{display:block;text-decoration:none;padding:10px 0;border-bottom:1px dashed #eef0f4;}
.asm-item:last-of-type{border-bottom:none;}
.asm-item b{display:block;color:var(--ink);font-size:13px;line-height:1.4;margin-bottom:3px;transition:color .15s;}
.asm-item:hover b{color:var(--brand);}
.asm-item em{font-style:normal;color:#8a93a6;font-size:11.5px;font-weight:600;}
.bart-aside .side-cta{padding:20px;}
.bart-aside .side-cta h5{font-size:15px;}
.bart-aside .side-cta p{font-size:12.5px;margin-bottom:12px;}
.bart-aside .side-cta a{padding:10px 16px;font-size:13px;}

/* key takeaways box */
.takeaways{
  position:relative;margin:26px 0 6px;border-radius:16px;padding:24px 26px;
  background:linear-gradient(#fff,#fff) padding-box,linear-gradient(120deg,var(--g1,#1769ff),var(--g2,#3f8cff),var(--orange)) border-box;
  border:2px solid transparent;box-shadow:0 16px 36px rgba(10,23,51,.07);
}
.takeaways h3{
  display:flex;align-items:center;gap:9px;font-size:15px;font-weight:800;
  letter-spacing:.6px;text-transform:uppercase;color:var(--ink);margin-bottom:14px;
}
.takeaways .tico{
  width:30px;height:30px;border-radius:9px;display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,var(--g1,#1769ff),var(--g2,#3f8cff));font-size:15px;
  animation:tagpulse 2.4s ease-in-out infinite;
}
.takeaways ul{list-style:none;}
.takeaways li{
  position:relative;padding:7px 0 7px 26px;color:#3a4866;font-size:14.5px;line-height:1.5;font-weight:600;
}
.takeaways li::before{
  content:"\2192";position:absolute;left:2px;top:7px;color:var(--orange);font-weight:800;
}

/* numbered section headings */
.bsec h2 .snum{
  display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:10px;
  background:linear-gradient(135deg,var(--g1,#1769ff),var(--g2,#3f8cff));color:#fff;
  font-family:'Lexend Deca',sans-serif;font-size:15px;font-weight:800;margin-right:12px;vertical-align:4px;
}

@media(max-width:1150px){
  .bart-layout{grid-template-columns:minmax(0,1fr) 280px;}
  .bart-toc{display:none;}
}
@media(max-width:900px){
  .bart-layout{grid-template-columns:1fr;}
  .bart-aside{position:static;padding-top:0;order:2;}
  .bart-body .wrap{padding-top:40px;}
}

/* body */
.bart-body{background:transparent;position:relative;z-index:1;}
.bart-body .wrap{max-width:760px;margin:0 auto;padding:56px 0 40px;}
.bart-body .intro{color:#3a4866;font-size:17.5px;line-height:1.75;margin-bottom:20px;}
.bart-body .dropcap::first-letter{
  font-family:'Newsreader',Georgia,serif;font-size:56px;font-weight:600;float:left;
  line-height:.9;padding:4px 10px 0 0;color:var(--g1,var(--brand));
}
.bsec{margin-top:38px;}
.bsec h2{
  font-family:'Newsreader',Georgia,serif;font-size:clamp(22px,2.8vw,30px);font-weight:600;
  color:var(--ink);margin-bottom:14px;
}
.bsec p{color:#3a4866;font-size:16px;line-height:1.75;margin-bottom:14px;}
.bsec ul{list-style:none;margin:6px 0 10px;}
.bsec li{
  position:relative;padding:8px 0 8px 30px;color:#3a4866;font-size:15.5px;line-height:1.55;
  border-bottom:1px dashed #eef0f4;
}
.bsec li:last-child{border-bottom:none;}
.bsec li::before{
  content:"\2713";position:absolute;left:2px;top:9px;width:18px;height:18px;border-radius:50%;
  background:linear-gradient(135deg,var(--g1,#1769ff),var(--g2,#3f8cff));color:#fff;
  font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:center;
}

/* article reveal (self-contained) */
.bart .reveal{opacity:0;transform:translateY(24px);transition:opacity .6s cubic-bezier(.2,.6,.2,1),transform .6s cubic-bezier(.2,.6,.2,1);}
.bart .reveal.in{opacity:1;transform:none;}

/* source line */
.bart-src{
  margin-top:40px;padding-top:18px;border-top:1px solid #eef0f4;
  color:#8a93a6;font-size:13.5px;
}
.bart-src a{color:var(--brand);font-weight:700;text-decoration:none;}

/* related product CTA */
.bart-cta{
  margin-top:28px;border-radius:16px;padding:26px 28px;color:#fff;
  display:flex;align-items:center;gap:20px;flex-wrap:wrap;
  box-shadow:0 20px 44px rgba(10,23,51,.18);
}
.bart-cta .bc-ico{font-size:40px;}
.bart-cta .bc-txt{flex:1;min-width:200px;}
.bart-cta h3{font-size:20px;margin-bottom:4px;}
.bart-cta p{font-size:14px;opacity:.92;line-height:1.45;}
.bart-cta a{
  background:#fff;color:var(--ink);padding:12px 22px;border-radius:8px;
  font-weight:700;font-size:14px;text-decoration:none;transition:transform .15s;
}
.bart-cta a:hover{transform:translateY(-2px);}

/* more articles */
.bart-more{background:#fbfaf8;border-top:1px solid #eef0f4;padding:64px 24px 80px;}
.bart-more .wrap{max-width:1100px;margin:0 auto;}
.bart-more h2{font-family:'Newsreader',Georgia,serif;font-size:clamp(26px,3.4vw,38px);font-weight:600;color:var(--ink);margin-bottom:24px;}
.bart-more h2 .dot{color:var(--orange);}
.bart-more .bgrid2{grid-template-columns:repeat(3,1fr);}
.backall{margin-top:26px;}
.backall a{color:var(--brand);font-weight:700;text-decoration:none;font-size:15px;}
@media(max-width:900px){.bart-more .bgrid2{grid-template-columns:1fr;}}