.hero-banner .hero-copy .hero-actions{position:static;left:auto;bottom:auto;transform:none;justify-content:flex-start;width:100%;margin:30px 0 0}
.hero-banner .hero-actions .glass-learning{width:min(350px,100%);min-width:0;transition:background .2s,box-shadow .2s,transform .2s}
.hero-banner.is-learning-hover .hero-actions .glass-learning{background:radial-gradient(ellipse at 20% 0%,#f3fcffb8,transparent 60%),linear-gradient(115deg,#37b3ff,#1579f0 58%,#78c4ff);box-shadow:0 0 0 4px #c9e8ff75,0 0 32px 9px #52a7ff90,0 0 65px 16px #d7edffc0,0 12px 32px #3987c65c,inset 0 0 28px #fff7d7b3;transform:translateY(-3px) scale(1.025)}
.hero-reaction{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:hidden}
.hero-excited{opacity:0;transition:opacity .18s ease-out}
.hero-idea{opacity:0;transition:opacity .2s ease-out}
.hero-idea-halo{opacity:.7}
.is-learning-hover .hero-excited,.is-learning-hover .hero-idea{opacity:1}
.is-learning-hover .hero-idea-halo{animation:hero-idea-warmth 2.8s ease-in-out infinite}
@keyframes hero-idea-warmth{0%,100%{opacity:.6}50%{opacity:.9}}
@media(max-width:760px){.hero-banner .hero-copy .hero-actions{margin:26px 0 8px}.hero-banner .hero-actions .glass-learning{width:min(330px,100%)}.hero-banner .hero-visual{position:relative}}
@media(prefers-reduced-motion:reduce){.hero-excited,.hero-idea,.hero-banner .hero-actions .glass-learning{transition:none}.is-learning-hover .hero-idea-halo{animation:none}.hero-banner.is-learning-hover .hero-actions .glass-learning{transform:none}}