:root {
  --insight-bg: #070b0f;
  --insight-panel: #0d141b;
  --insight-line: rgba(255,255,255,.12);
  --insight-muted: #9aa8b5;
  --insight-accent: #86ffb7;
  --insight-blue: #6aa9ff;
}

.insights-page { background: var(--insight-bg); color: #f4f7fa; }
.insights-page .site-header { background: rgba(7,11,15,.8); backdrop-filter: blur(18px); border-bottom: 1px solid var(--insight-line); }
.insights-page .nav-wrap { grid-template-columns: 1fr auto; }
.insight-nav { display: flex; align-items: center; gap: 14px; justify-self: end; }
.insight-nav > a:not(.button) { color: #c4ced6; font-size: 13px; }
.insight-nav > a:not(.button):hover { color: var(--insight-accent); }

.insights-hero { padding: 164px 0 94px; position: relative; overflow: hidden; }
.insights-hero::before { content:""; position:absolute; width:700px; height:700px; border-radius:50%; top:-280px; right:-230px; background:radial-gradient(circle,rgba(134,255,183,.16),rgba(106,169,255,.07) 48%,transparent 70%); pointer-events:none; }
.insight-breadcrumb { display:flex; flex-wrap:wrap; gap:9px; color:#87949e; font:500 10px "DM Mono",monospace; text-transform:uppercase; letter-spacing:.09em; }
.insight-breadcrumb a:hover { color: var(--insight-accent); }
.insight-kicker { margin-top:58px; color:var(--insight-accent); font:500 11px "DM Mono",monospace; text-transform:uppercase; letter-spacing:.11em; }
.insights-hero h1 { max-width:980px; margin:22px 0 28px; font-size:clamp(58px,8vw,104px); line-height:.94; letter-spacing:-.068em; }
.insights-hero h1 span { color: var(--insight-accent); }
.insights-lead { max-width:780px; margin:0; color:var(--insight-muted); font-size:18px; line-height:1.8; }
.insights-topics { margin-top:58px; display:flex; flex-wrap:wrap; gap:9px; }
.insights-topics span { border:1px solid var(--insight-line); border-radius:999px; padding:8px 11px; color:#bdc7cf; font:500 10px "DM Mono",monospace; text-transform:uppercase; letter-spacing:.07em; }

.insights-list-section { padding:108px 0 120px; background:#edf1ee; color:#09141c; }
.insights-list-head { display:grid; grid-template-columns:.7fr 1.3fr; gap:70px; align-items:start; margin-bottom:58px; }
.insights-list-head > span { color:#29734d; font:500 10px "DM Mono",monospace; text-transform:uppercase; letter-spacing:.11em; }
.insights-list-head h2 { margin:0; max-width:820px; font-size:clamp(42px,5vw,70px); line-height:1; letter-spacing:-.055em; }
.insights-list-head p { max-width:700px; margin:24px 0 0; color:#5b6a63; line-height:1.8; }
.insights-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:18px; }
.insight-card { min-height:390px; padding:34px; border:1px solid rgba(9,20,28,.14); border-radius:24px; background:rgba(255,255,255,.4); display:flex; flex-direction:column; transition:transform .2s ease,background .2s ease; }
.insight-card:hover { transform:translateY(-3px); background:rgba(255,255,255,.68); }
.insight-card-meta { display:flex; justify-content:space-between; gap:15px; color:#617068; font:500 9px "DM Mono",monospace; text-transform:uppercase; letter-spacing:.09em; }
.insight-card h2 { margin:64px 0 16px; font-size:32px; line-height:1.08; letter-spacing:-.045em; }
.insight-card p { margin:0 0 26px; color:#64726b; line-height:1.75; font-size:14px; }
.insight-card a { margin-top:auto; color:#1c6d46; font-weight:800; font-size:13px; }
.insight-card.featured { grid-column:1/-1; min-height:330px; background:#0b141a; color:#f4f7fa; border-color:rgba(255,255,255,.12); }
.insight-card.featured .insight-card-meta,.insight-card.featured p { color:#9aa8b5; }
.insight-card.featured h2 { max-width:820px; margin-top:54px; font-size:clamp(36px,5vw,60px); }
.insight-card.featured a { color:var(--insight-accent); }

.article-hero { padding:154px 0 72px; border-bottom:1px solid var(--insight-line); }
.article-header { max-width:960px; }
.article-meta { margin-top:38px; display:flex; flex-wrap:wrap; gap:10px; align-items:center; color:#8e9aa4; font:500 10px "DM Mono",monospace; text-transform:uppercase; letter-spacing:.08em; }
.article-meta i { width:4px; height:4px; border-radius:50%; background:var(--insight-accent); }
.article-title { max-width:1050px; margin:22px 0 28px; font-size:clamp(48px,7vw,84px); line-height:.98; letter-spacing:-.062em; }
.article-deck { max-width:800px; color:var(--insight-muted); font-size:19px; line-height:1.8; margin:0; }

.article-layout { display:grid; grid-template-columns:minmax(0,760px) 280px; gap:90px; align-items:start; padding:82px 0 110px; }
.article-body { font-size:17px; line-height:1.85; color:#c7d0d7; }
.article-body > p:first-child { font-size:20px; color:#eef3f6; }
.article-body h2 { margin:58px 0 18px; color:#f4f7fa; font-size:34px; line-height:1.12; letter-spacing:-.04em; }
.article-body h3 { margin:36px 0 12px; color:#f4f7fa; font-size:23px; letter-spacing:-.03em; }
.article-body p { margin:0 0 23px; }
.article-body ul { padding-left:22px; margin:0 0 28px; }
.article-body li { margin:10px 0; }
.article-body a { color:var(--insight-accent); text-decoration:underline; text-decoration-color:rgba(134,255,183,.35); text-underline-offset:4px; }
.article-callout { margin:42px 0; padding:28px; border:1px solid rgba(134,255,183,.24); border-radius:20px; background:rgba(134,255,183,.055); color:#d8e4dd; }
.article-callout strong { display:block; color:var(--insight-accent); margin-bottom:9px; }
.article-sidebar { position:sticky; top:112px; display:grid; gap:16px; }
.sidebar-card { border:1px solid var(--insight-line); border-radius:20px; padding:24px; background:var(--insight-panel); }
.sidebar-card > span { color:var(--insight-accent); font:500 9px "DM Mono",monospace; text-transform:uppercase; letter-spacing:.09em; }
.sidebar-card h3 { margin:24px 0 12px; font-size:22px; letter-spacing:-.035em; }
.sidebar-card p { margin:0 0 20px; color:var(--insight-muted); font-size:13px; line-height:1.7; }
.sidebar-card a { color:var(--insight-accent); font-weight:800; font-size:13px; }
.article-related { padding:94px 0; background:#edf1ee; color:#09141c; }
.article-related-head { display:flex; justify-content:space-between; gap:30px; align-items:end; margin-bottom:38px; }
.article-related-head h2 { margin:0; font-size:clamp(38px,5vw,58px); letter-spacing:-.055em; }
.article-related-head a { color:#1c6d46; font-weight:800; font-size:13px; }
.related-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.related-card { padding:28px; min-height:230px; border:1px solid rgba(9,20,28,.14); border-radius:22px; display:flex; flex-direction:column; }
.related-card span { color:#617068; font:500 9px "DM Mono",monospace; text-transform:uppercase; letter-spacing:.08em; }
.related-card h3 { margin:40px 0 20px; font-size:23px; line-height:1.15; letter-spacing:-.035em; }
.related-card a { margin-top:auto; color:#1c6d46; font-weight:800; font-size:13px; }

.insights-footer { border-top:1px solid var(--insight-line); padding:34px 0; }
.insights-footer-inner { display:flex; justify-content:space-between; gap:20px; color:#798792; font-size:12px; }
.insights-footer a:hover { color:var(--insight-accent); }

@media(max-width:900px){
  .insights-list-head,.article-layout{grid-template-columns:1fr;gap:28px}
  .insights-grid{grid-template-columns:1fr}
  .insight-card.featured{grid-column:auto}
  .article-sidebar{position:static;grid-template-columns:repeat(2,1fr)}
  .related-grid{grid-template-columns:1fr}
}
@media(max-width:640px){
  .insights-page .nav-wrap{height:70px}
  .insight-nav .button{display:none}
  .insights-hero{padding-top:122px}
  .insights-hero h1{font-size:clamp(50px,16vw,72px)}
  .insights-list-section{padding:82px 0}
  .insight-card{min-height:330px}
  .article-hero{padding-top:122px}
  .article-title{font-size:clamp(44px,13vw,64px)}
  .article-deck{font-size:16px}
  .article-layout{padding:60px 0 82px}
  .article-body{font-size:16px}
  .article-sidebar{grid-template-columns:1fr}
  .article-related-head{align-items:flex-start;flex-direction:column}
  .insights-footer-inner{flex-direction:column}
}