.hero{background:var(--color-hero-gradient);color:#fff;padding:64px 0 70px;overflow:hidden}.hero__layout{display:grid;grid-gap:40px;gap:40px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:stretch}.hero__eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;text-transform:uppercase;letter-spacing:.18em;font-weight:600;color:#ffffffa6}.hero__title{margin:18px 0 16px;font-size:max(34px,min(6vw,48px));line-height:1.05;font-weight:700;letter-spacing:-.02em}.hero__subtitle{margin:0 0 24px;max-width:32ch;color:#ffffffb8}.hero__search{position:relative;max-width:420px}.hero__search .search-ipt{background:#ffffff24;color:#fff;border:1px solid rgba(255,255,255,.35)}.hero__search .search-ipt::-moz-placeholder{color:#ffffffb3}.hero__search .search-ipt::placeholder{color:#ffffffb3}.hero__search .search-btn{color:#fff}.hero__meta{margin-top:20px;display:flex;gap:18px;flex-wrap:wrap;font-size:13px;color:#ffffffa6}.hero__feature{display:grid;background:#0f172a66;border-radius:var(--radius-lg);overflow:hidden;border:1px solid rgba(255,255,255,.08);transition:transform .3s ease,box-shadow .3s ease}.hero__feature:hover{transform:translateY(-6px);box-shadow:0 24px 60px #0000003d}.hero__feature-media img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;min-height:260px}.hero__feature-info{padding:24px}.hero__feature-info h2{margin:14px 0 12px;font-size:24px;line-height:1.2}.hero__feature-info p{margin:0;color:#ffffffb3}.topics{margin:64px 0 48px}.topics__head{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.topics__head h2{margin:0;font-size:max(24px,min(4vw,32px))}.topics__head p{margin:0;color:var(--color-muted)}.topics__scroller{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));grid-gap:18px;gap:18px;margin-top:16px}.topics__chip{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-soft);color:var(--color-body);font-weight:600;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.topics__chip svg{color:var(--color-accent);flex-shrink:0;transition:transform .2s ease}.topics__chip:hover{transform:translateY(-4px);box-shadow:0 20px 30px #0f172a1f}.topics__chip:hover svg{transform:translate(2px)}.topics__chip-label{flex:1}@media (max-width: 768px){.topics__scroller{display:flex;overflow-x:auto;gap:14px;padding-bottom:6px;scrollbar-width:none}.topics__scroller::-webkit-scrollbar{display:none}.topics__chip{flex:0 0 auto;min-width:160px}}.spotlight{margin:40px 0 64px}.spotlight__grid{display:grid;grid-gap:32px;gap:32px;align-items:stretch}@media (min-width: 992px){.spotlight__grid{grid-template-columns:minmax(340px,1.1fr) minmax(260px,1fr)}}.spotlight__lead{position:relative;overflow:hidden;padding:40px;border-radius:var(--radius-lg);display:grid;grid-gap:18px;gap:18px;color:var(--color-body);background:var(--color-surface);border:1px solid rgba(17,24,39,.06);box-shadow:var(--shadow-soft)}.spotlight__lead h2{margin:0;font-size:max(26px,min(4vw,34px));line-height:1.2}.spotlight__lead p{margin:0;color:var(--color-muted)}.spotlight__lead .tag{justify-self:start;align-self:start}.spotlight__cta{justify-self:flex-start;display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 18px;border-radius:var(--radius-md);border:1px solid rgba(76,93,241,.4);background:transparent;color:var(--color-accent);font-weight:600;line-height:1;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,border .2s ease}.spotlight__cta:hover{transform:translateY(-2px);background:#4c5df114;border-color:#4c5df18c;box-shadow:0 14px 24px #0b10281f}.spotlight__stack{display:grid;grid-gap:18px;gap:18px}.spotlight__card{display:grid;grid-template-columns:120px 1fr;grid-gap:16px;gap:16px;padding:18px 20px;border-radius:var(--radius-md);background:var(--color-surface);border:1px solid rgba(17,24,39,.06);transition:transform .2s ease,box-shadow .2s ease;align-items:center}.spotlight__card:hover{transform:translateY(-4px);box-shadow:var(--shadow-soft)}.spotlight__thumb img{width:100%;height:120px;-o-object-fit:cover;object-fit:cover;border-radius:var(--radius-sm)}.spotlight__body h3{margin:10px 0;font-size:18px;line-height:1.3}.spotlight__time{font-size:13px;color:var(--color-muted)}.heatmap{margin:64px 0}.heatmap__grid{display:grid;grid-gap:24px;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.heatmap__tile{display:grid;grid-template-rows:180px auto;border-radius:var(--radius-lg);overflow:hidden;background:var(--color-surface);border:1px solid rgba(17,24,39,.06);box-shadow:var(--shadow-soft);transition:transform .25s ease,box-shadow .25s ease}.heatmap__tile--large{grid-row:span 2;grid-template-rows:240px auto}.heatmap__tile:hover{transform:translateY(-6px);box-shadow:0 24px 50px #0f172a2e}.heatmap__media img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.heatmap__content{padding:24px;display:grid;grid-gap:12px;gap:12px;align-content:start;justify-items:start}.heatmap__content h3{margin:0;width:100%;font-size:20px;line-height:1.3}.heatmap__content p{margin:0;width:100%;color:var(--color-muted)}.heatmap__time{font-size:13px;color:var(--color-muted)}.heatmap__content .badge,.heatmap__content .tag,.heatmap__content .heatmap__time{justify-self:start}.river{margin:64px 0 96px}.river__list{border-left:2px dashed rgba(17,24,39,.12);margin-left:12px;display:grid;grid-gap:24px;gap:24px}.river__item{position:relative;padding-left:28px}.river__marker{position:absolute;top:12px;left:-13px;width:16px;height:16px;background:var(--color-accent);border-radius:50%;box-shadow:0 0 0 6px #4c5df126}.river__card{background:var(--color-surface);border-radius:var(--radius-md);padding:24px;border:1px solid rgba(17,24,39,.06);box-shadow:var(--shadow-soft);transition:transform .2s ease,box-shadow .2s ease}.river__item:hover .river__card{transform:translate(6px);box-shadow:0 20px 45px #0f172a29}.river__meta{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:10px}.river__card h3{margin:0 0 12px;font-size:20px;line-height:1.35}.river__card p{margin:0;color:var(--color-muted)}.river__time{font-size:12px;color:var(--color-muted);text-transform:uppercase;letter-spacing:.12em}@media (max-width: 767px){.hero__feature-media img{min-height:200px}.spotlight__grid{grid-template-columns:1fr}.spotlight__lead{padding:32px}.spotlight__card{grid-template-columns:1fr;padding:18px}.heatmap__tile{grid-template-rows:200px auto}}
