/* ==========================================================================
   MODULE: strategy   (scope: .m-strategy)
   PDF পেজ ১৪ — Local Strength. Global Vision.
   ========================================================================== */

.m-strategy__equation{
  display:flex;flex-wrap:wrap;align-items:stretch;justify-content:center;
  gap:clamp(.7rem,1.6vw,1.1rem);
}

.m-strategy__part{
  flex:1 1 200px;
  display:flex;flex-direction:column;gap:.3rem;
  padding:clamp(1.2rem,2.2vw,1.7rem);
  border:1px solid var(--line-dark);
  border-radius:var(--radius);
  background:rgba(255,255,255,.06);
  text-align:center;
  transition:transform .5s var(--ease),border-color .4s,background .4s;
}
.m-strategy__part:hover{
  transform:translateY(-6px);
  border-color:rgba(164,204,60,.55);
  background:rgba(255,255,255,.09);
}
.m-strategy__part strong{
  font-family:var(--font-display);
  font-size:clamp(1rem,1.5vw,1.2rem);
  font-weight:700;
  color:#fff;
  line-height:1.25;
}
.m-strategy__part > span{
  font-size:.74rem;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--muted-dark);
}

.m-strategy__part--result{
  background:linear-gradient(150deg,var(--lime),var(--lime-600));
  border-color:transparent;
  box-shadow:0 24px 50px -26px rgba(164,204,60,.9);
}
.m-strategy__part--result:hover{background:linear-gradient(150deg,var(--lime),var(--lime-600));border-color:transparent}
.m-strategy__part--result strong{color:var(--green-950)}
.m-strategy__part--result > span{color:rgba(7,27,21,.72);font-weight:600}

.m-strategy__op{
  align-self:center;
  font-family:var(--font-display);
  font-size:clamp(1.6rem,3vw,2.3rem);
  font-weight:800;
  line-height:1;
  color:var(--lime);
  flex:0 0 auto;
  padding-inline:clamp(.1rem,.6vw,.4rem);
}
.m-strategy__op--eq{color:rgba(255,255,255,.55)}

.m-strategy__quote{
  margin:clamp(1.2rem,3.4vh,3.6rem) auto 0;
  max-width:840px;
  text-align:center;
  position:relative;
  padding-top:clamp(1.6rem,3vw,2.2rem);
  border-top:1px solid var(--line-dark);
}
.m-strategy__quote p{
  margin:0;
  font-family:var(--font-display);
  font-size:clamp(1.1rem,1.9vw,1.5rem);
  font-weight:400;
  line-height:1.6;
  color:#eaf1ec;
  letter-spacing:-.01em;
  text-wrap:balance;
}
.m-strategy__quote p::before{
  content:"“";
  display:block;
  font-family:var(--font-display);
  font-size:2.6rem;
  line-height:.7;
  color:var(--lime);
  margin-bottom:.5rem;
}

/* ছোট পর্দায় সমীকরণ এক সারিতে বসবে না — ৬৪০px-এর বেশি চওড়ায় ফ্লেক্স র‍্যাপই
   দুই সারি বানায় (কলাম নয়), তাই উচ্চতা অনেক কমে এক স্ক্রিনে বসে। */
@media (max-width:639px){
  .m-strategy__equation{flex-direction:column}
  .m-strategy__part{flex:1 1 auto}
  .m-strategy__op{transform:rotate(90deg);padding-block:.2rem}
}

/* ৬০০px-এর নিচে: সমীকরণের অংশগুলোর প্যাডিং ও ফন্ট কমে এক স্ক্রিনে বসে */
@media (max-height:599px){
  .m-strategy__part{padding:clamp(.6rem,2vh,1.7rem);gap:.15rem}
  .m-strategy__part strong{font-size:clamp(.88rem,3.2vh,1.2rem)}
  .m-strategy__op{font-size:clamp(1.2rem,4vh,2.3rem)}
  .m-strategy__equation{gap:clamp(.4rem,1vh,1.1rem)}
}