/* R25 — visible hero de-duplication + recognizable Fishbone visual. */

#s01 .heroMain > h2{display:none!important}
#s01 .heroMain{padding-top:22px!important}

.figma-live-v3 #s16 .qi-r25-fishbone-board{
  position:relative!important;display:grid!important;grid-template-columns:minmax(0,1fr) 220px!important;
  gap:26px!important;align-items:stretch!important;overflow:visible!important;padding:10px 0!important;
}
.figma-live-v3 #s16 .qi-r25-fishbone-svg{
  position:absolute;inset-block:10px;inset-inline-start:0;inset-inline-end:246px;width:auto;
  height:calc(100% - 20px);z-index:0;overflow:visible;pointer-events:none;
}
.figma-live-v3 #s16 .qi-r25-spine,.figma-live-v3 #s16 .qi-r25-bone,.figma-live-v3 #s16 .qi-r25-tail{
  fill:none;stroke:#0F6545;stroke-linecap:round;stroke-linejoin:round;
}
.figma-live-v3 #s16 .qi-r25-spine{stroke-width:10}
.figma-live-v3 #s16 .qi-r25-bone{stroke-width:7;opacity:.78}
.figma-live-v3 #s16 .qi-r25-tail{stroke-width:8}
.figma-live-v3 #s16 .qi-r25-joint{fill:#735093;stroke:#fff;stroke-width:3}

.figma-live-v3 #s16 .qi-r25-fishbone-board .causeGrid{
  position:relative!important;z-index:2!important;display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-template-rows:repeat(2,minmax(175px,auto))!important;
  gap:78px 16px!important;padding:0 8px 0 44px!important;align-items:stretch!important;
}
html[dir="rtl"] .figma-live-v3 #s16 .qi-r25-fishbone-board .causeGrid{padding:0 44px 0 8px!important}
.figma-live-v3 #s16 .qi-r25-fishbone-board .causeGrid::before{display:none!important}
.figma-live-v3 #s16 .qi-r25-cause::before,.figma-live-v3 #s16 .qi-r25-cause::after{display:none!important}

.figma-live-v3 #s16 .qi-r25-cause{
  min-height:175px!important;height:auto!important;border:1px solid #d7e2dc!important;
  border-top:5px solid #0F6545!important;border-inline-start:2px solid #735093!important;border-radius:16px!important;
  padding:14px 15px!important;box-shadow:0 10px 24px rgba(15,79,57,.08)!important;overflow:visible!important;
}
.figma-live-v3 #s16 .qi-r25-cause.green{background:#EEF6F2!important;border-top-color:#0F6545!important}
.figma-live-v3 #s16 .qi-r25-cause.purple{background:#F4EFF8!important;border-top-color:#735093!important}
.figma-live-v3 #s16 .qi-r25-cause h3{margin:0 0 8px!important;font-size:13px!important;line-height:1.25!important;color:#063B2C!important}
.figma-live-v3 #s16 .qi-r25-cause p{margin:0!important;font-size:10.8px!important;line-height:1.58!important;color:#283a33!important}

.figma-live-v3 #s16 .qi-r25-fishbone-board .effectHead,
html[dir="rtl"] .figma-live-v3 #s16 .qi-r25-fishbone-board .effectHead{
  position:relative!important;z-index:3!important;width:220px!important;max-width:220px!important;min-height:100%!important;
  align-self:stretch!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;
  padding:26px 18px!important;color:#fff!important;background:linear-gradient(160deg,#063B2C,#0F6545)!important;
  border-radius:58% 18px 18px 58%!important;box-shadow:0 12px 30px rgba(6,59,44,.2)!important;
}
html[dir="rtl"] .figma-live-v3 #s16 .qi-r25-fishbone-board .effectHead{border-radius:18px 58% 58% 18px!important}
.figma-live-v3 #s16 .qi-r25-fishbone-board .effectHead .lang-en,.figma-live-v3 #s16 .qi-r25-fishbone-board .effectHead .lang-ar{
  font-size:16px!important;line-height:1.42!important;font-weight:900!important;
}
.figma-live-v3 #s16 .qi-r25-fishbone-board .effectHead small{display:block;margin-top:8px;font-size:12px!important;line-height:1.45!important;font-weight:800!important}

.figma-live-v3 #s16 .whyChain{grid-template-columns:1fr!important;gap:8px!important}
.figma-live-v3 #s16 .whyChain .whyStep{min-height:0!important;padding:11px 13px!important;border-inline-start:5px solid #735093!important;background:linear-gradient(90deg,#F4EFF8 0%,#fff 24%)!important}
html[dir="rtl"] .figma-live-v3 #s16 .whyChain .whyStep{background:linear-gradient(270deg,#F4EFF8 0%,#fff 24%)!important}

@media(max-width:900px){
  .figma-live-v3 #s16 .qi-r25-fishbone-board{display:flex!important;flex-direction:column!important;gap:16px!important;padding:14px!important}
  .figma-live-v3 #s16 .qi-r25-fishbone-svg{display:none!important}
  .figma-live-v3 #s16 .qi-r25-fishbone-board .effectHead,html[dir="rtl"] .figma-live-v3 #s16 .qi-r25-fishbone-board .effectHead{
    order:-1!important;width:min(100%,460px)!important;max-width:460px!important;min-height:118px!important;align-self:center!important;
    border-radius:60% 60% 24px 24px!important;
  }
  .figma-live-v3 #s16 .qi-r25-fishbone-board .causeGrid,html[dir="rtl"] .figma-live-v3 #s16 .qi-r25-fishbone-board .causeGrid{
    width:100%!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:none!important;gap:14px!important;padding:20px 0 0!important;
  }
  .figma-live-v3 #s16 .qi-r25-fishbone-board .causeGrid::before{
    content:""!important;display:block!important;position:absolute!important;left:50%!important;top:0!important;bottom:0!important;width:4px!important;height:auto!important;
    transform:translateX(-50%)!important;background:linear-gradient(180deg,#0F6545,#735093)!important;border-radius:999px!important;z-index:0!important;
  }
  .figma-live-v3 #s16 .qi-r25-cause{min-height:0!important}
}

@media(max-width:520px){
  .figma-live-v3 #s16 .qi-r25-fishbone-board{padding:12px 10px!important}
  .figma-live-v3 #s16 .qi-r25-fishbone-board .causeGrid,html[dir="rtl"] .figma-live-v3 #s16 .qi-r25-fishbone-board .causeGrid{
    grid-template-columns:1fr!important;gap:11px!important;padding:18px 0 0 20px!important;
  }
  html[dir="rtl"] .figma-live-v3 #s16 .qi-r25-fishbone-board .causeGrid{padding:18px 20px 0 0!important}
  .figma-live-v3 #s16 .qi-r25-fishbone-board .causeGrid::before{left:7px!important;transform:none!important}
  html[dir="rtl"] .figma-live-v3 #s16 .qi-r25-fishbone-board .causeGrid::before{left:auto!important;right:7px!important}
  .figma-live-v3 #s16 .qi-r25-fishbone-board .effectHead,html[dir="rtl"] .figma-live-v3 #s16 .qi-r25-fishbone-board .effectHead{
    width:min(100%,330px)!important;max-width:330px!important;min-height:122px!important;align-self:center!important;
    border-radius:50% 50% 26px 26px!important;padding:22px 20px!important;
  }
  .figma-live-v3 #s16 .qi-r25-cause{padding:12px!important}
  .figma-live-v3 #s16 .qi-r25-cause p{font-size:11px!important}
}

@media print{
  #s01 .heroMain > h2{display:none!important}
  .figma-live-v3 #s16 .qi-r25-fishbone-board{break-inside:avoid!important;page-break-inside:avoid!important}
  .figma-live-v3 #s16 .qi-r25-fishbone-board .causeGrid{grid-template-rows:repeat(2,minmax(145px,auto))!important;gap:48px 10px!important}
  .figma-live-v3 #s16 .qi-r25-cause{min-height:145px!important;box-shadow:none!important;padding:8px!important}
  .figma-live-v3 #s16 .qi-r25-cause h3{font-size:9pt!important}
  .figma-live-v3 #s16 .qi-r25-cause p{font-size:7.6pt!important;line-height:1.35!important}
  .figma-live-v3 #s16 .qi-r25-fishbone-board .effectHead{width:185px!important;max-width:185px!important}
  .figma-live-v3 #s16 .qi-r25-fishbone-svg{inset-inline-end:205px!important}
}