/* home.css */
.hero {
  min-height: calc(100vh - var(--content-top));
  display: flex; align-items: center;
  background: var(--dark); padding: var(--space-2xl) var(--space-xl);
  position: relative; overflow: hidden;
}
.hero::before {
  content:''; position:absolute; top:-200px; right:-200px;
  width:600px; height:600px;
  background:radial-gradient(circle,rgba(215,40,47,.05) 0%,transparent 70%);
  pointer-events:none;
}
.hero-inner { max-width:var(--max-w); margin:0 auto; width:100%; }
.hero-grid  { display:grid; grid-template-columns:1fr 420px; gap:var(--space-3xl); align-items:center; }
.hero-eyebrow { display:flex; align-items:center; gap:.5rem; font-size:.75rem; font-weight:600; text-transform:uppercase; letter-spacing:.14em; color:var(--amber); margin-bottom:var(--space-lg); }
.hero-title { margin-bottom:var(--space-lg); }
.hero-title em { font-style:normal; color:var(--amber); }
.hero-sub { font-size:1rem; max-width:480px; margin-bottom:var(--space-xl); }
.hero-actions { display:flex; gap:var(--space-md); flex-wrap:wrap; }
.funding-panel { background:var(--dark2); border:1px solid var(--dark4); border-radius:var(--radius-xl); padding:var(--space-xl); }
.funding-panel-label { font-size:.72rem; font-weight:600; text-transform:uppercase; letter-spacing:.12em; color:var(--grey); margin-bottom:var(--space-md); text-align:center; }
.dial-wrap { position:relative; width:200px; height:200px; margin:0 auto var(--space-lg); }
.dial-svg { width:100%; height:100%; }
.dial-center { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); text-align:center; }
.dial-pct { font-family:var(--font-display); font-size:2.2rem; font-weight:700; color:var(--white); line-height:1; }
.dial-sub { font-size:.68rem; color:var(--grey); text-transform:uppercase; letter-spacing:.1em; margin-top:3px; }
.funding-stats { display:grid; grid-template-columns:1fr 1fr; gap:var(--space-sm); }
.fstat { background:var(--dark3); border-radius:var(--radius-md); padding:var(--space-md); text-align:center; }
.fstat-val { font-family:var(--font-display); font-size:1.3rem; font-weight:700; color:var(--amber); }
.fstat-label { font-size:.65rem; color:var(--grey); text-transform:uppercase; letter-spacing:.08em; margin-top:2px; }
.goal-bar-labels { display:flex; justify-content:space-between; font-size:.7rem; color:var(--grey); margin-bottom:.4rem; }

/* SPONSOR CAROUSEL */
.carousel-strip { background:var(--dark2); border-top:1px solid var(--dark4); border-bottom:1px solid var(--dark4); padding:1.2rem 0; overflow:hidden; }
.carousel-track { display:flex; align-items:center; gap:var(--space-2xl); width:max-content; will-change:transform; }
.carousel-item { display:flex; align-items:center; justify-content:center; height:44px; flex-shrink:0; }
.carousel-item img { height:36px; width:auto; filter:grayscale(1) brightness(1.2); opacity:.7; transition:all .3s; }
.carousel-item img:hover { filter:none; opacity:1; }
.carousel-name { font-family:var(--font-display); font-weight:600; font-size:.9rem; color:var(--grey); white-space:nowrap; }

/* PROOF STRIP */
.proof-strip { background:var(--dark2); border-top:1px solid var(--dark4); border-bottom:1px solid var(--dark4); padding:var(--space-lg) var(--space-xl); }
.proof-items { display:flex; gap:var(--space-2xl); align-items:center; flex-wrap:wrap; justify-content:center; }
.proof-item { text-align:center; }
.proof-num  { font-family:var(--font-display); font-size:1.8rem; font-weight:700; color:var(--white); }
.proof-lbl  { font-size:.72rem; color:var(--grey); text-transform:uppercase; letter-spacing:.08em; }

/* WHY GRID */
.why-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:var(--space-lg); margin-top:var(--space-xl); }
.why-card { background:var(--dark2); border:1px solid var(--dark4); border-radius:var(--radius-lg); padding:var(--space-lg); }
.why-icon { font-size:1.8rem; margin-bottom:var(--space-md); }
.why-card p { font-size:.85rem; }

/* RECENT STREAMS */
.streams-list { display:flex; flex-direction:column; gap:var(--space-md); margin-top:var(--space-lg); }
.stream-item  { display:flex; align-items:center; gap:var(--space-md); background:var(--dark2); border:1px solid var(--dark4); border-radius:var(--radius-md); padding:var(--space-md); }
.stream-thumb { width:72px; height:48px; background:var(--dark3); border-radius:var(--radius-sm); display:flex; align-items:center; justify-content:center; font-size:1.4rem; flex-shrink:0; }
.stream-info  { flex:1; }
.stream-title { font-weight:500; font-size:.88rem; margin-bottom:3px; }
.stream-meta  { font-size:.75rem; color:var(--grey); }
.stream-views { font-family:var(--font-display); font-size:.9rem; color:var(--amber); font-weight:600; flex-shrink:0; }

/* ALERT BANNER */
.alert-banner { padding:.75rem var(--space-xl); font-size:.88rem; font-weight:500; transition:opacity .5s; }
.alert-success { background:rgba(63,185,80,.12); border-bottom:1px solid rgba(63,185,80,.3); color:var(--green); }
.alert-error   { background:rgba(215,40,47,.12);  border-bottom:1px solid rgba(215,40,47,.3);  color:var(--red2); }

@media(max-width:900px){
  .hero-grid  { grid-template-columns:1fr; }
  .why-grid   { grid-template-columns:1fr; }
  .proof-items{ gap:var(--space-lg); }
}