.hero{position:relative;width:min(1280px,calc(100% - 36px));min-height:calc(100vh - 80px);margin:0 auto;display:grid;grid-template-columns:1.25fr .75fr;align-items:center;gap:34px;padding:80px 0}.hero-grid{position:absolute;inset:30px -20px;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:42px 42px;mask-image:radial-gradient(circle at 35% 35%,#000,transparent 66%);opacity:.5}.hero-aura{position:absolute;width:520px;height:520px;border-radius:999px;right:8%;top:14%;background:conic-gradient(from 120deg,var(--accent),var(--accent2),var(--accent3,#21ffa2),var(--accent));filter:blur(70px);opacity:.28;animation:pulse 5s ease-in-out infinite}.hero-content{position:relative;z-index:1}.hero h1{font-size:clamp(3rem,8vw,7.8rem);line-height:.86;letter-spacing:-.095em;margin:0;max-width:980px}.lead{max-width:760px;color:var(--muted);font-size:clamp(1.08rem,2vw,1.38rem);line-height:1.65;margin:26px 0}.chip-row,.hero-actions,.tag-row{display:flex;gap:10px;flex-wrap:wrap}.chip-row span,.tag-row span{border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.07);padding:9px 12px;border-radius:999px;color:var(--muted);font-weight:700;font-size:.88rem}.hero-actions{margin-top:28px}.hero-panel{position:relative;z-index:1;min-height:310px;border:1px solid rgba(255,255,255,.14);border-radius:34px;background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.045));box-shadow:inset 0 1px rgba(255,255,255,.18),0 30px 90px rgba(0,0,0,.32);backdrop-filter:blur(18px);display:flex;flex-direction:column;justify-content:flex-end;padding:26px;overflow:hidden}.scanline{position:absolute;inset:0;background:linear-gradient(transparent,rgba(0,229,255,.18),transparent);height:40%;animation:scan 4s linear infinite}.hero-panel strong{font-size:1.4rem}.hero-panel span{color:var(--muted)}@keyframes scan{from{transform:translateY(-120%)}to{transform:translateY(300%)}}@keyframes pulse{50%{transform:scale(1.08) rotate(10deg)}}@media(max-width:900px){.hero{grid-template-columns:1fr;min-height:auto;padding-top:64px}.hero-panel{min-height:180px}}

/* Sprint 4.6 — Impactful academic hero panel */
.panel-inner{position:relative;z-index:2;display:flex;flex-direction:column;gap:12px}.panel-eyebrow{margin:0;color:var(--accent2);font-weight:900;text-transform:uppercase;letter-spacing:.16em;font-size:.74rem}.hero-stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px}.hero-stat{border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:13px;background:rgba(255,255,255,.065);box-shadow:inset 0 1px rgba(255,255,255,.08)}.hero-stat strong{display:block;font-size:clamp(1.6rem,3vw,2.35rem);line-height:1;letter-spacing:-.06em;background:linear-gradient(135deg,var(--accent2),var(--accent3));-webkit-background-clip:text;background-clip:text;color:transparent}.hero-stat span{display:block;margin-top:5px;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}.hero-highlights{margin:16px 0 0;padding:0;list-style:none;display:grid;gap:8px}.hero-highlights li{position:relative;padding-left:20px;color:var(--muted);font-size:.92rem;line-height:1.45}.hero-highlights li::before{content:'✦';position:absolute;left:0;color:var(--accent2)}
@media(max-width:900px){.hero-stat-grid{grid-template-columns:1fr 1fr}.hero h1{font-size:clamp(2.65rem,13vw,4.8rem)}}

/* Sprint 4.9: hero statistics navigate to their corresponding academic sections. */
a.hero-stat { color: inherit; text-decoration: none; display:block; cursor:pointer; }
.hero-stat.is-clickable { transition: transform .28s ease, border-color .28s ease, background .28s ease, box-shadow .28s ease; }
.hero-stat.is-clickable:hover { transform: translateY(-4px); border-color: rgba(0,229,255,.42); background: rgba(255,255,255,.105); box-shadow: 0 18px 45px rgba(0,229,255,.10); }
.hero-stat.is-clickable:focus-visible { outline:2px solid var(--accent2); outline-offset:4px; }

/* Sprint 4.11 — better first-screen balance on desktop and mobile */
@media (min-width:901px){
  .hero{min-height:calc(100vh - 74px);padding:54px 0 64px;gap:30px}
  .hero h1{font-size:clamp(2.9rem,6.1vw,5.9rem);line-height:.9;letter-spacing:-.085em;max-width:900px}
  .lead{font-size:clamp(1rem,1.45vw,1.18rem);line-height:1.55;margin:20px 0;max-width:700px}
  .hero-actions{margin-top:22px}.chip-row span,.tag-row span{padding:8px 11px;font-size:.82rem}
  .hero-panel{min-height:286px;padding:22px;border-radius:30px}.hero-stat strong{font-size:clamp(1.45rem,2.4vw,2rem)}
}
@media (max-width:900px){
  .hero{width:min(100% - 28px,1280px);padding:42px 0 34px;gap:24px}
  .hero h1{font-size:clamp(2.2rem,11vw,4rem);line-height:.95;letter-spacing:-.075em}
  .lead{font-size:1rem;line-height:1.58;margin:18px 0}.hero-actions{margin-top:20px}.hero-panel{border-radius:26px;padding:20px}.hero-stat-grid{grid-template-columns:1fr 1fr;gap:8px}.hero-stat{padding:11px;border-radius:16px}.hero-stat strong{font-size:1.55rem}.hero-stat span{font-size:.72rem}
}
@media (max-width:520px){
  .hero-stat-grid{grid-template-columns:1fr}.chip-row span{font-size:.78rem;padding:8px 10px}.btn{width:100%;text-align:center}.hero-actions{display:grid;grid-template-columns:1fr}.hero-panel{min-height:auto}.panel-inner{gap:9px}.hero-highlights li{font-size:.86rem}
}