:root {
  color-scheme: dark;
  font-family: "DM Sans", Arial, sans-serif;
  background: #070b14;
  color: #eef3fb;
  font-synthesis: none;
  text-rendering: optimizeLegibility;
}

* { box-sizing: border-box; }
body { margin: 0; background: radial-gradient(ellipse at 50% 0, #112247 0, #070b14 42rem); }
a { color: #9dc4ff; }
a:hover { color: #d8e7ff; }
.insights-shell { width: min(100% - 40px, 960px); margin-inline: auto; }
.insights-header { display:flex; justify-content:space-between; align-items:center; gap:24px; min-height:78px; border-bottom:1px solid rgba(255,255,255,.09); }
.insights-brand { display:inline-flex; align-items:center; gap:12px; color:#fff; font-size:12px; font-weight:700; letter-spacing:.14em; text-decoration:none; }
.insights-brand img { width:112px; height:auto; }
.insights-nav { display:flex; gap:18px; font-size:13px; }
.insights-nav a { color:#c2cfe2; text-decoration:none; }
.insights-hero { padding:82px 0 50px; }
.insights-kicker { margin:0 0 14px; color:#8eb8ff; font-size:11px; font-weight:700; letter-spacing:.18em; text-transform:uppercase; }
h1,h2,h3 { font-family:"Cormorant Garamond", Georgia, serif; letter-spacing:-.025em; }
h1 { max-width:800px; margin:0; font-size:clamp(42px,7vw,76px); line-height:.98; font-weight:600; }
.insights-intro { max-width:690px; margin:22px 0 0; color:#b3c0d3; font-size:17px; line-height:1.75; }
.insights-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; padding:10px 0 76px; }
.insights-card { display:flex; flex-direction:column; min-height:235px; padding:25px; border:1px solid rgba(255,255,255,.1); border-radius:14px; background:linear-gradient(145deg,rgba(22,38,66,.78),rgba(10,17,30,.86)); text-decoration:none; transition:transform .18s ease,border-color .18s ease,background .18s ease; }
.insights-card:hover { transform:translateY(-3px); border-color:rgba(127,175,255,.4); background:linear-gradient(145deg,rgba(27,49,84,.86),rgba(10,17,30,.92)); }
.insights-card-tag { color:#8eb8ff; font-size:10px; font-weight:800; letter-spacing:.16em; text-transform:uppercase; }
.insights-card h2 { margin:19px 0 10px; color:#fff; font-size:30px; line-height:1.1; }
.insights-card p { margin:0; color:#afbdd0; font-size:14px; line-height:1.7; }
.insights-card .read-link { margin-top:auto; padding-top:24px; color:#dbe8ff; font-size:13px; font-weight:700; }
.insights-cta { display:flex; justify-content:space-between; align-items:center; gap:24px; margin:0 0 64px; padding:24px 26px; border:1px solid rgba(88,145,255,.24); border-radius:14px; background:rgba(26,111,255,.06); }
.insights-cta p { margin:0; color:#c1ccdd; line-height:1.6; }
.insights-cta a { flex:none; padding:12px 17px; border-radius:10px; background:#1a6fff; color:white; font-size:13px; font-weight:700; text-decoration:none; }
.article { max-width:760px; margin:0 auto; padding:70px 0 84px; }
.article-back { display:inline-block; margin-bottom:35px; color:#b4c9e9; font-size:13px; text-decoration:none; }
.article h1 { max-width:760px; font-size:clamp(40px,6vw,64px); line-height:1.02; }
.article-meta { margin:18px 0 34px; color:#8e9db2; font-size:12px; }
.article-lede { color:#d2dced; font-size:19px; line-height:1.75; }
.article-body { color:#b9c5d6; font-size:16px; line-height:1.85; }
.article-body h2 { margin:44px 0 12px; color:#fff; font-size:34px; line-height:1.12; }
.article-body h3 { margin:27px 0 8px; color:#f2f6fc; font-size:24px; }
.article-body p { margin:0 0 17px; }
.article-body ul,.article-body ol { padding-left:24px; margin:12px 0 22px; }
.article-body li { padding-left:5px; margin:0 0 9px; }
.article-note { margin:25px 0; padding:17px 19px; border-left:2px solid #5794ff; background:rgba(50,105,193,.1); color:#d0dced; font-size:14px; line-height:1.75; }
.article-sources { margin-top:38px; padding-top:22px; border-top:1px solid rgba(255,255,255,.1); }
.article-sources h2 { margin:0 0 12px; color:#fff; font-family:"DM Sans",Arial,sans-serif; font-size:12px; letter-spacing:.14em; text-transform:uppercase; }
.article-sources ul { margin:0; padding-left:18px; }
.article-sources li { margin-bottom:8px; color:#aebbd0; font-size:13px; line-height:1.6; }
.insights-footer { display:flex; justify-content:space-between; gap:20px; padding:22px 0 28px; border-top:1px solid rgba(255,255,255,.09); color:#8190a6; font-size:11px; }
.insights-footer a { color:#aebfda; }
@media (max-width:640px) {
  .insights-shell { width:min(100% - 32px, 600px); }
  .insights-header { min-height:68px; }
  .insights-brand img { width:96px; }
  .insights-nav { gap:12px; font-size:12px; }
  .insights-hero { padding:62px 0 36px; }
  .insights-intro { font-size:15px; }
  .insights-grid { grid-template-columns:1fr; padding-bottom:54px; }
  .insights-card { min-height:210px; }
  .insights-cta { align-items:flex-start; flex-direction:column; }
  .article { padding:52px 0 64px; }
  .article-lede { font-size:17px; }
  .article-body { font-size:15px; }
  .insights-footer { flex-direction:column; }
}
@media (prefers-reduced-motion: reduce) {
  *,*::before,*::after { scroll-behavior:auto !important; transition:none !important; }
}
