.homepage{background:linear-gradient(180deg, var(--color-white) 0%, var(--color-blue-50) 100%);flex-direction:column;align-items:center;min-height:calc(100vh - 120px);display:flex;position:relative;overflow:hidden}.hero-content{z-index:2;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2rem;padding:2rem;display:flex;position:relative}.brand-container{opacity:0;transition:opacity .8s cubic-bezier(.34,1.56,.64,1),transform .8s cubic-bezier(.34,1.56,.64,1);transform:translateY(30px)scale(.95)}.brand-container.visible{opacity:1;transform:translateY(0)scale(1)}.brand-image{filter:drop-shadow(0 4px 20px #223f9026)contrast(1.02)saturate(1.05);width:clamp(280px,45vw,450px);height:auto;image-rendering:high-quality;shape-rendering:geometricprecision;transition:filter .3s,transform .3s}.brand-image:hover{filter:drop-shadow(0 8px 30px #223f9040);transform:scale(1.02)}.tagline-container{opacity:0;justify-content:center;align-items:center;gap:.125rem;height:3rem;transition:opacity .6s .3s,transform .6s .3s;display:flex;transform:translateY(15px)}.brand-container.visible+.tagline-container,.tagline-container.visible{opacity:1;transform:translateY(0)}.tagline{font-family:var(--font-typewriter);color:var(--color-accent);letter-spacing:-.02em;font-size:clamp(1.5rem,3.5vw,2.25rem);font-weight:400}.cursor{font-family:var(--font-mono);color:var(--color-accent);text-shadow:0 0 10px #223f9080;font-size:clamp(1.5rem,3.5vw,2.25rem);font-weight:300;transition:opacity .3s;animation:.8s step-end infinite blink}.cursor.hidden{opacity:0;animation:none}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.wave-section{opacity:0;width:100%;transition:opacity 1.2s,transform 1.2s cubic-bezier(.34,1.56,.64,1);position:absolute;bottom:0;left:0;transform:translateY(30px)}.wave-section.visible{opacity:1;transform:translateY(0)}.wave{width:100%;height:clamp(80px,12vw,150px);display:block}