.inst-hero { position: relative; overflow: hidden; padding: 96px 0 88px; background: var(--bg); border-bottom: 1px solid var(--border); text-align: center; }
.inst-hero-bg { position: absolute; inset: 0; pointer-events: none; }
.inst-orb { position: absolute; border-radius: 50%; filter: blur(90px); opacity: .5; }
.inst-orb.o1 { width: 420px; height: 420px; background: #9dc0ff; top: -140px; left: -100px; }
.inst-orb.o2 { width: 380px; height: 380px; background: #b7f0e6; bottom: -160px; right: -90px; opacity: .45; }
.inst-orb.o3 { width: 300px; height: 300px; background: #d9c6ff; top: 30%; right: 20%; opacity: .3; }
.inst-hero-inner { position: relative; z-index: 1; }
.inst-eyebrow { display: inline-block; font-size: 12px; font-weight: 700; letter-spacing: .09em; text-transform: uppercase; color: var(--blue); background: var(--blue-light); border: 1px solid var(--border); padding: 8px 16px; border-radius: 999px; margin-bottom: 22px; }
.inst-h1 { font-size: clamp(34px, 5.2vw, 60px); font-weight: 700; color: var(--dark); line-height: 1.12; letter-spacing: -.015em; }
.inst-h1 em { font-style: normal; color: var(--blue); }
.inst-hero-sub { font-size: 18px; color: var(--muted); max-width: 640px; margin: 18px auto 0; line-height: 1.6; }
.inst-anim { position: relative; overflow: hidden; max-width: 900px; margin: 40px auto 0; border-radius: 22px; border: 1px solid var(--border); box-shadow: var(--shadow); aspect-ratio: 1200 / 735; }
.inst-anim-frame { display: block; width: 100%; height: 100%; border: 0; }
.inst-pillars { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; max-width: 900px; margin: 44px auto 0; }
.inst-pillar { text-align: center; padding: 8px; }
.inst-pillar-badge { width: 76px; height: 76px; border-radius: 50%; margin: 0 auto 16px; display: flex; align-items: center; justify-content: center; font-size: 34px; box-shadow: var(--shadow-sm); }
.inst-pillar-badge.blue { background: var(--blue-light); }
.inst-pillar-badge.amber { background: #fdf3d6; }
.inst-pillar-badge.slate { background: #eef1f6; }
[data-theme="dark"] .inst-pillar-badge.amber { background: #2a2410; }
[data-theme="dark"] .inst-pillar-badge.slate { background: #171e2c; }
.inst-pillar h2, .inst-pillar h3 { font-size: 19px; font-weight: 700; color: var(--dark); margin-bottom: 6px; }
.inst-pillar p { font-size: 14px; color: var(--muted); line-height: 1.55; max-width: 220px; margin: 0 auto; }
.inst-hero-ctas { display: flex; align-items: center; justify-content: center; gap: 12px; flex-wrap: wrap; margin-top: 44px; }
.btn-lg.ghost-brochure { background: transparent; color: var(--blue); border: 1.5px solid var(--blue); cursor: pointer; }
.btn-lg.ghost-brochure:hover { background: var(--blue-light); }

@media (max-width: 560px) {
  .inst-anim { aspect-ratio: auto; height: 360px; }
  .inst-pillars { grid-template-columns: 1fr; gap: 28px; }
}