/* RAVAM Insights v38 */
body.ins-v38{--i-ink:#08283a;--i-deep:#062433;--i-green:#20c77a;--i-green2:#139766;--i-line:#dce5e9;--i-muted:#61747f;--i-max:1500px;margin:0;background:#fff;color:var(--i-ink)}
body.ins-v38 .iw{max-width:var(--i-max);margin:auto;padding:0 48px}
.i-kicker{color:var(--i-green2);font-size:10px;font-weight:850;letter-spacing:.14em;text-transform:uppercase;margin-bottom:8px}

/* Hero */
.i-hero{position:relative;min-height:330px;color:#fff;overflow:hidden;background:#092e43}
.i-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.i-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,24,35,.94),rgba(3,24,35,.64) 47%,rgba(3,24,35,.16) 80%)}
.i-hero-inner{position:relative;z-index:2;min-height:330px;display:flex;align-items:center}
.i-hero-copy{max-width:710px;padding:32px 0}.i-hero .i-kicker{color:#62e2aa}
.i-hero h1{margin:0 0 12px;color:#fff;font-size:clamp(46px,4.8vw,70px);line-height:.98;letter-spacing:-.05em}
.i-hero p{margin:0;max-width:650px;color:#e0eaee;font-size:15px;line-height:1.47}

/* Intro */
.i-intro{padding:21px 0;border-bottom:1px solid var(--i-line)}
.i-intro-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:42px}
.i-intro h2,.i-feature h2,.i-library h2,.i-method h2{margin:0;font-size:31px;line-height:1;letter-spacing:-.04em}
.i-intro p{margin:0;color:var(--i-muted);font-size:13px;line-height:1.5}

/* Featured */
.i-feature{padding:20px 0 24px;background:#f6f8f9}
.i-feature-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:13px}
.i-feature-head p{margin:0;max-width:560px;color:var(--i-muted);font-size:11px;line-height:1.4}
.i-feature-grid{display:grid;grid-template-columns:1.15fr .85fr .85fr;gap:10px}
.i-card{position:relative;min-height:250px;color:#fff;overflow:hidden;text-decoration:none;background:#163b4c}
.i-card.small{min-height:250px}.i-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.i-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,24,34,.94),rgba(3,24,34,.05) 72%)}
.i-card-copy{position:absolute;z-index:2;left:18px;right:18px;bottom:16px}.i-card .type{font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:#65e0aa;font-weight:800}
.i-card h3{margin:6px 0 5px;color:#fff;font-size:20px;line-height:1.08}.i-card.small h3{font-size:17px}
.i-card p{margin:0;color:#dce7eb;font-size:10px;line-height:1.35}

/* Topic library */
.i-library{padding:23px 0;background:#fff;border-bottom:1px solid var(--i-line)}
.i-topic-grid{display:grid;grid-template-columns:repeat(6,1fr);margin-top:14px;border-top:1px solid var(--i-line);border-left:1px solid var(--i-line)}
.i-topic{padding:16px 13px;border-right:1px solid var(--i-line);border-bottom:1px solid var(--i-line);min-height:100px}
.i-topic b{display:block;font-size:11px}.i-topic span{display:block;color:var(--i-muted);font-size:9px;line-height:1.35;margin-top:5px}

/* Evidence method */
.i-method{background:var(--i-deep);color:#fff;padding:28px 0}
.i-method-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:42px}.i-method h2{color:#fff}
.i-method p{margin:0;color:#c7d8df;font-size:12px;line-height:1.5}
.i-principles{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}
.i-principle{border:1px solid #345565;padding:12px}.i-principle b{display:block;color:#63e0aa;font-size:10px}.i-principle span{display:block;color:#c9d8de;font-size:9px;line-height:1.35;margin-top:4px}

/* CTA */
.i-cta{position:relative;min-height:205px;color:#fff;overflow:hidden}.i-cta img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.i-cta:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,24,35,.94),rgba(3,24,35,.43),rgba(3,24,35,.12))}
.i-cta-inner{position:relative;z-index:2;min-height:205px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.i-cta h2{margin:0 0 7px;color:#fff;font-size:34px;line-height:1.02;letter-spacing:-.04em}.i-cta p{margin:0;color:#d8e5ea;font-size:12px;max-width:520px}
.i-btn{min-height:42px;padding:0 18px;display:inline-flex;align-items:center;border-radius:3px;background:var(--i-green);color:#052319;font-size:12px;font-weight:800}
@media(max-width:950px){body.ins-v38 .iw{padding:0 26px}.i-intro-grid,.i-method-grid{grid-template-columns:1fr}.i-feature-grid{grid-template-columns:1fr 1fr}.i-feature-grid .i-card:first-child{grid-column:1/-1}.i-topic-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:620px){body.ins-v38 .iw{padding:0 18px}.i-hero,.i-hero-inner{min-height:410px}.i-feature-grid,.i-topic-grid,.i-principles{grid-template-columns:1fr}.i-feature-grid .i-card:first-child{grid-column:auto}.i-feature-head,.i-cta-inner{align-items:flex-start;flex-direction:column}}


/* v101 — Insights final visual/mobile polish */
.ins-v38 .i-hero{
  min-height:420px;
}
.ins-v38 .i-hero-inner{
  min-height:420px;
}
.ins-v38 .i-hero img{
  image-rendering:auto;
  object-position:center 51%;
}
.ins-v38 .i-hero:after{
  background:linear-gradient(
    90deg,
    rgba(3,24,35,.96) 0%,
    rgba(3,24,35,.83) 39%,
    rgba(3,24,35,.44) 63%,
    rgba(3,24,35,.12) 84%
  );
}
.ins-v38 .i-hero-copy{
  max-width:760px;
}
.ins-v38 .i-feature{
  padding-top:28px;
  padding-bottom:30px;
}
.ins-v38 .i-feature-grid{
  gap:12px;
}
.ins-v38 .i-card{
  min-height:285px;
  border-radius:7px;
}
.ins-v38 .i-card.small{
  min-height:285px;
}
.ins-v38 .i-card img{
  image-rendering:auto;
  transition:transform .35s ease;
}
.ins-v38 .i-card:hover img{
  transform:scale(1.018);
}
.ins-v38 .i-card:after{
  background:linear-gradient(
    0deg,
    rgba(3,24,34,.96) 0%,
    rgba(3,24,34,.72) 34%,
    rgba(3,24,34,.05) 76%
  );
}
.ins-v38 .i-card-copy{
  left:20px;
  right:20px;
  bottom:18px;
}
.ins-v38 .i-card p{
  max-width:540px;
}
.ins-v38 .i-topic{
  transition:background .16s ease,transform .16s ease;
}
.ins-v38 .i-topic:hover{
  background:#f7fafb;
  transform:translateY(-1px);
}
.ins-v38 .i-principle{
  border-radius:5px;
}
.ins-v38 .i-cta{
  min-height:235px;
}
.ins-v38 .i-cta-inner{
  min-height:235px;
}
.ins-v38 .i-cta img{
  image-rendering:auto;
  object-position:center 55%;
}
.ins-v38 .i-cta:after{
  background:linear-gradient(90deg,rgba(3,24,35,.95),rgba(3,24,35,.67) 50%,rgba(3,24,35,.20) 80%);
}

/* Tablet */
@media(max-width:950px){
  .ins-v38 .i-hero,
  .ins-v38 .i-hero-inner{
    min-height:390px;
  }
  .ins-v38 .i-card,
  .ins-v38 .i-card.small{
    min-height:270px;
  }
}

/* Phone: separate the image from the copy for clarity and consistent page quality. */
@media(max-width:620px){
  .ins-v38 .i-hero{
    min-height:0;
    display:flex;
    flex-direction:column;
    background:#fff;
    color:#08283a;
  }
  .ins-v38 .i-hero>img{
    position:relative;
    order:1;
    height:245px;
    object-position:66% center;
  }
  .ins-v38 .i-hero:after{
    display:none;
  }
  .ins-v38 .i-hero-inner{
    order:2;
    min-height:0;
    display:block;
    background:#fff;
  }
  .ins-v38 .i-hero-copy{
    padding:26px 0 31px;
    max-width:none;
  }
  .ins-v38 .i-hero .i-kicker{
    color:#139766;
  }
  .ins-v38 .i-hero h1{
    color:#08283a;
    font-size:39px;
    line-height:1.01;
    max-width:none;
  }
  .ins-v38 .i-hero p{
    color:#61747f;
    font-size:14px;
  }
  .ins-v38 .i-intro{
    padding-top:27px;
    padding-bottom:27px;
  }
  .ins-v38 .i-feature{
    padding-top:27px;
  }
  .ins-v38 .i-feature-head{
    display:block;
  }
  .ins-v38 .i-feature-head p{
    margin-top:12px;
  }
  .ins-v38 .i-card,
  .ins-v38 .i-card.small{
    min-height:285px;
    border-radius:6px;
  }
  .ins-v38 .i-topic-grid{
    grid-template-columns:repeat(2,1fr);
  }
  .ins-v38 .i-topic{
    min-height:118px;
  }
  .ins-v38 .i-method-grid{
    gap:22px;
  }
  .ins-v38 .i-principles{
    grid-template-columns:1fr;
  }
  .ins-v38 .i-cta{
    min-height:0;
    display:flex;
    flex-direction:column;
    background:#062433;
  }
  .ins-v38 .i-cta>img{
    position:relative;
    order:1;
    height:210px;
    object-position:63% center;
  }
  .ins-v38 .i-cta:after{
    display:none;
  }
  .ins-v38 .i-cta-inner{
    order:2;
    min-height:0;
    padding-top:26px;
    padding-bottom:28px;
    display:block;
    background:#062433;
  }
  .ins-v38 .i-cta .i-btn{
    margin-top:19px;
    width:100%;
    justify-content:center;
  }
}
@media(max-width:390px){
  .ins-v38 .i-topic-grid{
    grid-template-columns:1fr;
  }
}
