.hero-section{position:relative;width:100%;height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;background-color:var(--color-primary-dark)}#particleCanvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.hero-content{position:relative;z-index:2;text-align:center;max-width:1200px;padding:0 2rem}.hero-logo{margin-bottom:3rem;display:flex;justify-content:center;align-items:center;animation:1.2s cubic-bezier(.4,0,.2,1) .1s backwards fadeInUp}.hero-logo img{height:100px;width:auto;display:block;filter:brightness(0) saturate(100%) invert(94%) sepia(8%) saturate(237%) hue-rotate(348deg) brightness(102%) contrast(93%);opacity:.95}.hero-title{font-size:clamp(4rem, 10vw, 9rem);font-weight:300;letter-spacing:.12em;line-height:1;margin-bottom:2rem;color:var(--color-neutral-light);text-transform:uppercase;animation:1.2s cubic-bezier(.4,0,.2,1) .3s backwards fadeInUp}.hero-subtitle{font-family:var(--font-body);font-size:clamp(1rem, 2vw, 1.5rem);font-weight:300;letter-spacing:.25em;color:var(--color-secondary-muted);text-transform:uppercase;animation:1.2s cubic-bezier(.4,0,.2,1) .6s backwards fadeInUp}.hero-cta{margin-top:4rem;animation:1.2s cubic-bezier(.4,0,.2,1) .9s backwards fadeInUp}.scroll-indicator{position:absolute;bottom:3rem;left:50%;transform:translateX(-50%);z-index:2;animation:2s infinite bounce}.scroll-indicator svg{width:24px;height:40px;fill:none;stroke:var(--color-secondary-muted);stroke-width:2}@keyframes fadeInUp{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,100%,20%,50%,80%{transform:translateX(-50%) translateY(0)}40%{transform:translateX(-50%) translateY(-10px)}60%{transform:translateX(-50%) translateY(-5px)}}@media (max-width:768px){.hero-logo{margin-bottom:2rem}.hero-logo img{height:70px}.hero-title{letter-spacing:.08em}.hero-subtitle{letter-spacing:.15em}.scroll-indicator{bottom:2rem}}