/* ── RESOURCES HUB ─────────────────────────────────────── */
.rh { position: relative; overflow: hidden; padding: 60px 0 140px; }
.rh__bg { position:absolute; inset:0; z-index:0; pointer-events:none;
  background: radial-gradient(900px 600px at 80% 12%, rgba(125,211,252,0.10), transparent 60%),
              radial-gradient(700px 500px at 22% 88%, rgba(59,130,246,0.06), transparent 60%); }
.rh .container { position: relative; z-index: 1; }
.rh__hero { display:grid; grid-template-columns:1fr 1.15fr; gap:56px; align-items:center; margin-bottom:96px; }
.rh__copy h2 { font-family: var(--font-display); font-size: clamp(36px, 4.2vw, 56px); line-height:1.04; letter-spacing:-0.025em; color: var(--ink-100); margin: 18px 0 22px; }
.rh__copy h2 em { font-style: normal; color: #7dd3fc; }
.rh__lead { font-size:17px; line-height:1.6; color: var(--ink-70); max-width:560px; margin-bottom:32px; }
.rh__sig { display:flex; border-top:1px solid var(--hair); border-bottom:1px solid var(--hair); padding:22px 0; margin-bottom:24px; }
.rh__sig-item { flex:1; padding-right:22px; }
.rh__sig-item + .rh__sig-item { border-left:1px solid var(--hair); padding-left:22px; }
.rh__sig-num { font-family: var(--font-display); font-size:30px; font-weight:600; letter-spacing:-0.02em; color: var(--ink-100); line-height:1; }
.rh__sig-lab { font-family: var(--font-mono); font-size:10.5px; letter-spacing:0.14em; text-transform:uppercase; color: var(--ink-70); margin-top:8px; }

.rh__panel { border:1px solid var(--hair); border-radius:14px; background: linear-gradient(180deg, rgba(8,13,24,0.96), rgba(8,13,24,0.86)); box-shadow: 0 30px 80px -30px rgba(0,0,0,0.6); overflow:hidden; }
.rh__panel-bar { display:flex; align-items:center; gap:10px; padding:14px 18px; border-bottom:1px solid var(--hair); background:rgba(255,255,255,0.02); }
.rh__panel-name { margin-left:12px; font-family: var(--font-mono); font-size:12.5px; color: var(--ink-70); }
.rh__panel-pill { margin-left:auto; font-family: var(--font-mono); font-size:10.5px; letter-spacing:0.16em; text-transform:uppercase; color:#7dd3fc; border:1px solid rgba(125,211,252,0.45); border-radius:999px; padding:4px 10px; }
.rh__panel { display:flex; flex-direction:column; }
.rh__mo { flex:1 1 auto; min-height:0; aspect-ratio: 4 / 3; }
.rh__mo svg { display:block; width:100%; height:100%; }

.rh__section { margin-bottom: 96px; scroll-margin-top: 80px; }
.rh__section-head { display:flex; align-items:baseline; gap:16px; margin-bottom:32px; padding-bottom:14px; border-bottom:1px solid var(--hair); flex-wrap:wrap; }
.rh__section-num { font-family: var(--font-mono); font-size:11px; letter-spacing:0.16em; color:#7dd3fc; border:1px solid rgba(125,211,252,0.4); background:rgba(125,211,252,0.08); padding:4px 9px; border-radius:4px; }
.rh__section-head h3 { font-family: var(--font-display); font-size:26px; color:var(--ink-100); margin:0; letter-spacing:-0.015em; }
.rh__section-head h3 em { font-style: normal; color:#7dd3fc; }
.rh__section-count { margin-left:auto; font-family: var(--font-mono); font-size:10.5px; color: var(--ink-70); letter-spacing:0.12em; }

.rh__grid { display:grid; grid-template-columns: repeat(3, 1fr); gap:14px; }
.rh__grid--2 { grid-template-columns: repeat(2, 1fr); }
.rh__card { border:1px solid var(--hair); border-radius:12px; padding:22px 22px; background: linear-gradient(180deg, rgba(255,255,255,0.018), rgba(255,255,255,0.005)); transition: transform 220ms ease, border-color 220ms ease; text-decoration:none; color:inherit; display:flex; flex-direction:column; }
.rh__card:hover { transform: translateY(-3px); border-color: rgba(125,211,252,0.45); }
.rh__card-kv { font-family: var(--font-mono); font-size:10px; letter-spacing:0.14em; text-transform:uppercase; color:#7dd3fc; margin-bottom:8px; display:flex; gap:8px; align-items:center; }
.rh__card-kv-time { color: var(--ink-70); margin-left:auto; }
.rh__card h4 { font-family: var(--font-display); font-size:16px; color:var(--ink-100); margin:0 0 8px; letter-spacing:-0.005em; line-height:1.3; }
.rh__card p { font-size:13px; line-height:1.5; color: var(--ink-70); margin: 0 0 12px; flex:1; }
.rh__card-cta { font-family: var(--font-mono); font-size:10.5px; letter-spacing:0.10em; color:#7dd3fc; margin-top:auto; }

.rh__featured { border:1px solid rgba(125,211,252,0.3); border-radius:14px; padding:30px 32px; background: radial-gradient(800px 400px at 0% 0%, rgba(125,211,252,0.10), transparent 60%), linear-gradient(180deg, rgba(8,13,24,0.6), rgba(8,13,24,0.3)); margin-bottom:32px; display:grid; grid-template-columns: 1.2fr 1fr; gap:28px; align-items:center; }
.rh__featured h4 { font-family: var(--font-display); font-size:22px; color:var(--ink-100); margin:8px 0 8px; letter-spacing:-0.01em; }
.rh__featured p { font-size:14px; line-height:1.55; color:var(--ink-70); margin:0 0 14px; }
.rh__featured-meta { display:flex; flex-wrap:wrap; gap:6px; }
.rh__featured-meta span { font-family: var(--font-mono); font-size:10px; letter-spacing:0.06em; color:#7dd3fc; padding:3px 7px; border:1px solid rgba(125,211,252,0.3); border-radius:3px; background:rgba(125,211,252,0.08); }

.rh__kpis { display:grid; grid-template-columns: repeat(4, 1fr); gap:14px; margin-bottom:96px; }
.rh__kpi { padding:24px 22px; border:1px solid var(--hair); border-radius:12px; background:linear-gradient(180deg, rgba(255,255,255,0.018), rgba(255,255,255,0.005)); }
.rh__kpi-val { font-family: var(--font-display); font-size:36px; font-weight:600; letter-spacing:-0.03em; color:#7dd3fc; line-height:1; }
.rh__kpi-name { font-family: var(--font-mono); font-size:10px; letter-spacing:0.14em; text-transform:uppercase; color: var(--ink-70); margin-top:10px; }
.rh__kpi-desc { font-size:12.5px; line-height:1.5; color: var(--ink-70); margin-top:6px; }

.rh__cta-band { border:1px solid var(--hair); border-radius:14px; padding:40px 36px; background: rgba(8,13,24,0.5); display:flex; align-items:center; justify-content:space-between; gap:22px; flex-wrap:wrap; margin-bottom:32px; }
.rh__cta-band h3 { font-family: var(--font-display); font-size:22px; color: var(--ink-100); margin:0 0 6px; }
.rh__cta-band p { font-size:14px; color: var(--ink-70); margin:0; }
.rh__cta-band .btn { white-space: nowrap; }

@media (max-width:1080px) {
  .rh__hero, .rh__featured { grid-template-columns:1fr; gap:32px; }
  .rh__grid, .rh__grid--2 { grid-template-columns: repeat(2, 1fr); }
  .rh__kpis { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width:640px) {
  .rh { padding:40px 0 90px; }
  .rh__grid, .rh__grid--2, .rh__kpis { grid-template-columns: 1fr; }
  .rh__sig { flex-wrap:wrap; gap:20px 0; }
  .rh__sig-item + .rh__sig-item { border-left:0; padding-left:0; }
}