*{box-sizing:border-box;padding:0;margin:0}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6;background:linear-gradient(180deg,#fefefe,#f5f2ed);color:#1a1a1a;overflow:hidden;margin:0;padding:0;height:100vh;position:relative}.milk-waves{position:fixed;bottom:0;left:0;right:0;height:40vh;overflow:hidden;pointer-events:none;z-index:0}.wave-svg{position:absolute;bottom:0;left:0;width:200%;height:100%}.wave1{opacity:.3;animation:waveScroll 16s linear infinite}.wave2{opacity:.55;animation:waveScroll 11s linear infinite reverse}.wave3{opacity:.9;animation:waveScroll 7s linear infinite}@keyframes waveScroll{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.container{max-width:1200px;margin:0 auto;padding:0 32px;height:100vh}.container,.hero{position:relative;z-index:1}.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:40px 0 60px}.logo{font-size:clamp(3rem,8vw,5rem);font-weight:700;margin-bottom:2rem;color:#0f172a;letter-spacing:-.025em;line-height:1.1}.tagline{font-size:clamp(1.5rem,4vw,2.25rem);font-weight:500;margin-bottom:2.5rem;color:#334155;max-width:800px;line-height:1.3;letter-spacing:-.02em}.description{font-size:1.25rem;margin-bottom:4rem;color:#64748b;max-width:640px;line-height:1.7;font-weight:400}.cta{background:#0f172a;color:#fff;border:none;padding:20px 40px;font-size:1.1rem;font-weight:600;border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);letter-spacing:-.01em;box-shadow:0 4px 14px 0 rgba(0,0,0,.1)}.cta:hover{background:#1e293b;transform:translateY(-2px);box-shadow:0 8px 25px 0 rgba(0,0,0,.15)}@media (max-width:768px){.container{padding:0 20px}.hero{padding:20px 0 40px;min-height:100vh;justify-content:center}.logo{font-size:clamp(2rem,12vw,3.5rem);margin-bottom:1.5rem;line-height:1.1;position:relative}.tagline{font-size:clamp(1.25rem,6vw,1.75rem);margin-bottom:2rem;line-height:1.2}.description,.tagline{padding:0 10px;position:relative}.description{font-size:1rem;margin-bottom:3rem;line-height:1.6}.cta{padding:16px 32px;font-size:1rem;margin-bottom:1rem;position:relative}.milk-waves{height:35vh}}@media (max-width:480px){.container{padding:0 16px}.hero{padding:20px 0 30px}.logo{font-size:clamp(1.75rem,10vw,2.5rem);margin-bottom:1rem;position:relative}.tagline{font-size:clamp(1.1rem,5vw,1.4rem);margin-bottom:1.5rem}.description,.tagline{padding:0 5px;position:relative}.description{font-size:.95rem;margin-bottom:2.5rem;max-width:100%}.cta{padding:14px 28px;font-size:.95rem;position:relative;margin-bottom:1rem}.milk-waves{height:30vh}}