.hero{padding-top:160px;text-align:center;overflow:hidden}
.hero .display{font-size:clamp(2.8rem,8vw,6rem);margin-bottom:24px}
.typeline{font-size:clamp(1.05rem,1.8vw,1.3rem);color:var(--dim);min-height:1.6em;max-width:640px;margin:0 auto 40px}
.caret{display:inline-block;width:2px;height:1.1em;margin-left:2px;background:var(--accent);vertical-align:-.18em;border-radius:1px;animation:caret 1s step-end infinite}
.typed span{animation:char-in .18s ease-out both}
.hero-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:80px}
@keyframes caret{50%{opacity:0}}
@keyframes char-in{from{opacity:0}to{opacity:1}}