/* Diagnosis showcase — loaded last to keep this section independent from legacy styles. */
.why{
  position:relative;isolation:isolate;display:flex!important;align-items:center;
  width:min(1160px,calc(100% - 40px))!important;min-height:610px;margin:18px auto 72px!important;
  padding:36px!important;overflow:hidden!important;border:1px solid #3b5b70!important;
  border-radius:32px!important;background:#08141d!important;box-shadow:0 32px 80px #020b124d;
}
.why:before{
  content:"";position:absolute;z-index:1;inset:0;border-radius:inherit;
  background:linear-gradient(90deg,transparent 25%,#07131dcc 62%,#07131df7 100%)!important;pointer-events:none;
}
.why:after{
  content:"";position:absolute;z-index:2;right:0;bottom:0;width:54%;height:2px;
  background:linear-gradient(90deg,transparent,#62b9ef,#fff,transparent);opacity:.75;pointer-events:none;
}
.why .why-image{
  position:absolute!important;z-index:0;inset:0!important;width:100%!important;height:100%!important;min-height:0!important;
  padding:0!important;overflow:hidden!important;border:0!important;border-radius:0!important;background:#08141d!important;
  box-shadow:none!important;text-align:initial;
}
.why .why-image:before{
  content:"";position:absolute;z-index:2;inset:0;background:linear-gradient(180deg,#07131d14 45%,#07131d8f 100%)!important;
  pointer-events:none;
}
.why .why-image:after{display:none!important}
.why .why-image img{
  position:absolute!important;inset:0;display:block;width:100%!important;height:100%!important;max-height:none!important;
  object-fit:cover!important;object-position:center center;border-radius:0!important;background:#08141d!important;
  filter:saturate(1.06) contrast(1.04);transform:none!important;transition:filter .4s ease!important;
}
.why .why-image:hover img{transform:none!important;filter:saturate(1.1) contrast(1.05) brightness(1.02)!important}
.why .why-copy{
  position:relative;z-index:3;width:min(440px,44%);margin:0 0 0 auto;padding:28px 30px!important;
  border:1px solid #ffffff1c;border-radius:24px;background:#091924e8;box-shadow:0 24px 55px #0005;
}
.why .label{color:#8ed1f8}.why .label:before{background:#61b9ed}
.why .why-copy h2{margin:10px 0 12px;color:#fff;font-size:clamp(1.65rem,2.6vw,2.25rem);line-height:1.52}
.why .why-copy>p{margin:0 0 18px;color:#c0d0da;font-size:.9rem;line-height:2}
.why .why-list{gap:7px;margin:16px 0 18px}
.why .why-list>div{min-height:0!important;padding:9px 10px!important;border:1px solid #ffffff12!important;border-radius:12px;background:#ffffff08}
.why .why-list strong{color:#f5fbff;font-size:.84rem}.why .why-list small{color:#9eb1bf;font-size:.69rem}
.why .text-btn{margin-top:0;color:#90d3fa;border-color:#90d3fa;font-size:.82rem}
.why .diagnostic-tag{top:24px;right:auto;left:26px;padding:9px 12px;border:1px solid #ffffff21;border-radius:13px;background:#07131dcc}
.why .image-status{right:auto;left:26px;bottom:24px;background:#07131de8;backdrop-filter:none}

@media(max-width:760px){
  .why{
    display:flex!important;min-height:0;margin:0 auto 54px!important;padding:10px!important;flex-direction:column;
    border-radius:23px!important;background:linear-gradient(160deg,#132938,#08141d)!important;box-shadow:0 18px 45px #0004;
  }
  .why:before,.why:after{display:none!important}
  .why .why-image{
    position:relative!important;inset:auto!important;order:0;width:100%!important;height:auto!important;min-height:0!important;
    aspect-ratio:16/10;padding:0!important;border:0!important;border-radius:16px!important;background:#0b1822!important;
  }
  .why .why-image:before{background:linear-gradient(180deg,transparent 55%,#07131da8)!important}
  .why .why-image img{object-position:center center;border-radius:16px!important}
  .why .why-copy{
    order:1;width:100%;margin:0;padding:20px 10px 12px!important;border:0;border-radius:0;background:transparent;box-shadow:none;
  }
  .why .why-copy h2{margin:8px 0 9px;font-size:1.48rem;line-height:1.55}
  .why .why-copy>p{margin-bottom:15px;font-size:.84rem;line-height:1.95}
  .why .why-list{grid-template-columns:1fr;gap:6px;margin:12px 0 16px}
  .why .why-list>div{min-height:54px!important;padding:8px 9px!important}
  .why .why-list strong{font-size:.82rem}.why .why-list small{font-size:.67rem}
  .why .diagnostic-tag{top:10px;left:10px;right:auto;padding:7px 9px;transform:scale(.9);transform-origin:top left}
  .why .image-status{left:10px;right:auto;bottom:10px;padding:5px 8px;font-size:.56rem}
  .why .text-btn{font-size:.79rem}
}
@media(max-width:380px){
  .why .why-image{aspect-ratio:16/9}
  .why .diagnostic-tag small{display:none}
  .why .why-copy{padding-inline:8px!important}
}
@media(prefers-reduced-motion:reduce){.why .why-image img{transition:none!important}}