/* insights: rules only this page uses, plus overrides of site.css. */

.highlight{ background:linear-gradient(100deg,var(--navy) 0%,var(--cyan) 90%); -webkit-background-clip:text; background-clip:text; color:transparent; }
.page-hero-inner-center{ max-width:700px; }
.page-hero-sub{ margin:22px auto 0; max-width:560px; }
.articles-section{ background:#fff; padding:clamp(56px,8vw,88px) clamp(20px,4vw,64px) clamp(64px,9vw,110px); }
.articles-container{ max-width:1180px; margin:0 auto; }
.articles-grid{ display:grid; grid-template-columns:repeat(3, 1fr); gap:26px; }
.article-card{ position:relative; background:#fff; border-radius:22px; overflow:hidden; border:1px solid rgba(10,30,77,.08); box-shadow:0 12px 30px -22px rgba(10,30,77,.24); transition:transform .4s cubic-bezier(.2,.8,.2,1), box-shadow .4s ease, border-color .4s ease; }
.article-card::before{ content:""; position:absolute; left:0; top:0; bottom:0; width:4px; z-index:2; background:linear-gradient(180deg,var(--cyan),var(--navy)); transform:scaleY(0); transform-origin:top; transition:transform .4s ease; }
.article-card:hover::before{ transform:scaleY(1); }
.article-card:hover{ transform:translateY(-8px); border-color:rgba(43,163,255,.32); box-shadow:0 34px 54px -24px rgba(10,30,77,.34), 0 0 0 1px rgba(43,163,255,.15); }
.article-card.hidden{ display:none; }
.article-card-imgwrap{ position:relative; aspect-ratio:16/10; overflow:hidden; background:linear-gradient(150deg, rgba(43,163,255,.07), rgba(10,30,77,.04)); }
.article-card-img{ width:100%; height:100%; object-fit:cover; display:block; transition:transform .55s cubic-bezier(.2,.8,.2,1); }
.article-card:hover .article-card-img{ transform:scale(1.06); }
.article-card-body{ position:relative; padding:26px 26px 28px; }
.article-meta{ display:flex; align-items:center; gap:10px; margin-bottom:14px; flex-wrap:wrap; }
.article-tag{ display:inline-block; padding:6px 12px; border-radius:999px; background:rgba(43,163,255,.06); border:1px solid rgba(43,163,255,.16); font-size:.78rem; font-weight:600; color:var(--navy); }
.article-date{ font-size:.78rem; color:var(--muted); }
.article-card h3{ font-family:"Sora",sans-serif; font-weight:700; font-size:1.08rem; color:var(--navy); margin-bottom:8px; line-height:1.35; }
.article-card .article-desc{ font-size:.9rem; line-height:1.65; color:var(--body-text); }
.article-card .article-byline{ margin-top:14px; font-size:.8rem; font-weight:600; color:var(--navy, #0A1E4D); }
@media (max-width:900px){
  .articles-grid{ grid-template-columns:1fr 1fr; }
}
@media (max-width:560px){
  .articles-grid{ grid-template-columns:1fr; }
}
@media (prefers-reduced-motion:reduce){
  .article-card, .article-card-img, .filter-pill{ transition:none; }
  .article-card:hover{ transform:none; }
}
.cta-section{ padding:0 clamp(20px,4vw,64px) clamp(90px,11vw,130px); }
@media (max-width:480px){
  .page-hero-sub{ font-size:1rem; margin-top:16px; }
}
@media (max-width:900px){
  .cta-section{ perspective:none; }
}

/* Light 3D lift on article cards. */
.articles-grid{ perspective:1600px; }
.article-card:hover{ transform:translateY(-8px) rotateX(3deg); }
@media (hover:none), (prefers-reduced-motion:reduce){ .article-card:hover{ transform:translateY(-4px); } }