.hero{min-height:85vh;display:flex;flex-direction:column;justify-content:center;padding:clamp(4rem,12vw,8rem) clamp(1.5rem,5vw,4rem);max-width:1200px;margin:0 auto;position:relative}.hero-content{position:relative;z-index:1}.hero-label{font-family:var(--font-mono);font-size:.875rem;color:var(--accent);margin-bottom:1rem}.hero-label-prefix{opacity:.8;margin-right:.25rem}.hero-title{font-size:clamp(2.25rem,6vw,3.5rem);font-weight:700;line-height:1.15;letter-spacing:-.03em;margin-bottom:1.25rem}.hero-title-accent{color:var(--accent)}.hero-title-sub{color:var(--text-muted);font-weight:500}.hero-desc{color:var(--text-muted);font-size:clamp(1rem,2vw,1.125rem);max-width:480px;margin-bottom:2rem;line-height:1.65}.hero-actions{display:flex;flex-wrap:wrap;gap:1rem}.hero-visual{position:absolute;right:clamp(1rem,4vw,4rem);top:50%;transform:translateY(-50%);opacity:.4}.hero-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:160px}.hero-grid-cell{aspect-ratio:1;background:var(--accent);border-radius:4px;opacity:.6;animation:hero-pulse 2s ease-in-out infinite}@keyframes hero-pulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@media (max-width: 768px){.hero-visual{right:1rem;top:auto;bottom:2rem;transform:none;opacity:.25}}
