/* Hero */
.hero{
  position:relative;
  overflow:hidden;
  padding:24px;
  border-radius:26px;
  background:
    radial-gradient(circle at 78% 18%, rgba(214,177,94,.11), transparent 28%),
    linear-gradient(180deg, rgba(22,28,42,.92), rgba(10,14,24,.97));
  border:1px solid var(--gold-line);
  box-shadow:
    0 24px 60px rgba(0,0,0,.32),
    inset 0 1px 0 rgba(255,255,255,.04),
    inset 0 0 0 1px rgba(214,177,94,.05);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  margin-bottom:16px;
}

.hero::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:linear-gradient(180deg, rgba(255,255,255,.035), transparent 24%);
  pointer-events:none;
}

.hero::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  box-shadow:
    0 0 0 1px rgba(214,177,94,.05),
    0 0 50px rgba(214,177,94,.035);
}

.hero-grid{
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);
  gap:18px;
  align-items:start;
  min-width:0;
}

.hero-title{
  font-size:31px;
  line-height:1.05;
  font-weight:900;
  letter-spacing:.01em;
  margin:0 0 12px;
  max-width:760px;
  color:#f7f8fc;
  text-shadow:0 2px 12px rgba(0,0,0,.16);
  overflow-wrap:anywhere;
  word-break:break-word;
}

.hero-copy{
  color:var(--text-soft);
  max-width:760px;
  font-size:15px;
  line-height:1.62;
  margin:0 0 18px;
  overflow-wrap:anywhere;
  word-break:break-word;
}

/* Entry modes */
.sdsEntryModes{
  display:flex;
  gap:12px;
  margin:18px 0 0;
  flex-wrap:wrap;
}

.sdsEntryBtn{
  flex:1 1 190px;
  min-height:48px;
  padding:12px 14px;
  border-radius:14px;
  border:1px solid var(--gold-line);
  background:
    linear-gradient(180deg, rgba(31,39,58,.94), rgba(16,22,35,.98));
  color:var(--text);
  font-weight:700;
  box-shadow:
    0 10px 22px rgba(0,0,0,.18),
    inset 0 1px 0 rgba(255,255,255,.04);
}

.sdsEntryBtn:hover{
  border-color:var(--gold-line-2);
}

/* Hero pills */
.hero-pills{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.hero-pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 12px;
  border-radius:999px;
  background:
    linear-gradient(180deg, rgba(24,30,46,.92), rgba(15,20,32,.96));
  border:1px solid var(--line);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 6px 18px rgba(0,0,0,.12);
  color:var(--muted);
  font-size:12px;
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
}

.hero-pill strong{
  color:var(--text);
}

/* Hero side */
.hero-side{
  position:relative;
  padding:16px;
  border-radius:18px;
  background:
    linear-gradient(180deg, rgba(18,24,38,.88), rgba(10,14,24,.95));
  border:1px solid var(--gold-line);
  box-shadow:var(--shadow-md), var(--inner-top), var(--inner-gold);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
  min-width:0;
}

.hero-side::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:linear-gradient(180deg, rgba(255,255,255,.03), transparent 28%);
  pointer-events:none;
}

.hero-side h2{
  margin:0 0 10px;
  font-size:13px;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:#f2ddb2;
}

.hero-kv{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:10px;
  align-items:center;
  margin-top:10px;
}

.hero-kv .label{
  color:var(--muted);
  font-size:12px;
}

.hero-kv .value{
  font-weight:700;
  font-size:13px;
  min-width:0;
}

.hero-note{
  margin-top:14px;
  font-size:12px;
  color:var(--muted);
  line-height:1.55;
}

/* Institutional top hero registry block if reused */
.sds-hero-registry{
  margin:0 0 30px 0;
  padding:26px 28px;
  border:1px solid var(--line);
  border-radius:16px;
  background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.01));
}

.sds-hero-kicker{
  font-size:.8rem;
  letter-spacing:.15em;
  text-transform:uppercase;
  color:var(--gold);
  margin-bottom:6px;
}

.sds-hero-title{
  font-size:1.6rem;
  margin:0 0 6px 0;
}

.sds-hero-desc{
  color:var(--muted);
  max-width:720px;
}

.sds-hero-stats{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
  margin-top:22px;
}

.sds-stat{
  padding:12px 14px;
  border:1px solid var(--line);
  border-radius:12px;
  background:rgba(255,255,255,.02);
}

.sds-stat-value{
  font-weight:800;
  font-size:1.2rem;
  color:var(--gold);
}

.sds-stat-label{
  font-size:.85rem;
  color:var(--muted);
}

.sds-hero-note{
  margin-top:16px;
  font-size:.9rem;
  color:var(--muted);
}

.sdsSystemSupplement{
  margin-top:10px;
}

/* Responsive hero */
@media (max-width:1100px){
  .hero-grid{grid-template-columns:1fr}
}

@media (max-width:980px){
  .hero{
    padding:20px;
  }

  .hero-grid{
    grid-template-columns:1fr;
  }

  .hero-title{
    font-size:27px;
  }
}

@media (max-width:640px){
  .hero{
    padding:16px;
    border-radius:20px;
  }

  .hero-title{
    font-size:22px;
    line-height:1.10;
  }

  .hero-copy{
    font-size:14px;
    line-height:1.55;
  }

  .hero-pill,
  .pill{
    white-space:normal;
  }

  .hero-kv{
    grid-template-columns:1fr;
  }

  .sdsEntryModes{
    flex-direction:column;
  }

  .sdsEntryBtn{
    width:100%;
  }
}