.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;padding-top:var(--nav-height);position:relative;overflow:hidden}.hero-content{text-align:center;max-width:900px;padding:var(--space-8)}.hero-welcome{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:500;text-transform:uppercase;letter-spacing:.3em;color:var(--text-muted);margin-bottom:var(--space-6);animation:fadeIn .8s ease forwards}.hero-title{font-family:var(--font-headline);font-size:var(--text-hero);font-weight:800;line-height:.95;letter-spacing:-.03em;color:var(--text-primary);margin-bottom:var(--space-8);animation:fadeInUp .8s ease .2s forwards;opacity:0}.hero-subtitle{font-family:var(--font-body);font-size:var(--text-lg);font-weight:400;color:var(--text-secondary);max-width:560px;margin:0 auto var(--space-10);line-height:1.7;animation:fadeInUp .8s ease .4s forwards;opacity:0}.hero-cta{display:flex;align-items:center;justify-content:center;gap:var(--space-4);animation:fadeInUp .8s ease .6s forwards;opacity:0}.hero-scroll-indicator{position:absolute;bottom:var(--space-8);left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:var(--space-2);color:var(--text-muted);font-size:var(--text-xs);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.15em;animation:fadeIn 1s ease 1s forwards;opacity:0}.hero-scroll-line{width:1px;height:40px;background:linear-gradient(to bottom,var(--text-muted),transparent);animation:scrollLine 2s ease infinite}@keyframes scrollLine{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform:scaleY(1);transform-origin:bottom}to{transform:scaleY(0);transform-origin:bottom}}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(var(--border-color) 1px,transparent 1px),linear-gradient(90deg,var(--border-color) 1px,transparent 1px);background-size:80px 80px;opacity:.3;mask-image:radial-gradient(ellipse at center,black 0%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at center,black 0%,transparent 70%);pointer-events:none}@media(max-width:768px){.hero-content{padding:var(--space-4)}.hero-subtitle{font-size:var(--text-base)}.hero-cta{flex-direction:column}}