:root{--pepsi-blue: #004B93;--pepsi-red: #E32934;--pepsi-black: #000000;--text-white: #ffffff;--glow-color: rgba(255, 255, 255, .4);--transition-speed: .3s}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}@media (max-width: 768px){html{scroll-behavior:auto}}body{margin:0;padding:0;font-family:Montserrat,sans-serif;background-color:var(--pepsi-black);color:var(--text-white);overflow-x:hidden;width:100%;line-height:1.6;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}nav{position:fixed;top:0;left:0;width:100%;padding:20px 50px;display:flex;justify-content:space-between;align-items:center;z-index:100;background:#0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:background var(--transition-speed)}nav:hover{background:#0009}.logo-text{font-weight:900;font-size:1.5rem;letter-spacing:2px;text-shadow:0 0 10px rgba(255,255,255,.5);z-index:101;cursor:pointer;transition:all var(--transition-speed)}.logo-text:hover{text-shadow:0 0 20px rgba(255,255,255,.8);transform:scale(1.05)}#hero{height:100vh;width:100%;position:relative;display:flex;justify-content:center;align-items:center;flex-direction:column;overflow:hidden;background-color:#000}.bg-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,var(--pepsi-blue),#000 80%);opacity:0;z-index:0}@keyframes bg-pulse{0%{filter:hue-rotate(0deg)}50%{filter:hue-rotate(15deg)}to{filter:hue-rotate(0deg)}}#bubbles-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.bubble{position:absolute;background:radial-gradient(circle at 30% 30%,#fff6,#ffffff1a);border-radius:50%;box-shadow:0 0 10px #fff3;bottom:-50px}#particles-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none;overflow:hidden}.particle{position:absolute;background:#fffc;border-radius:50%;box-shadow:0 0 10px #ffffff80;animation:particle-float 5s ease-in-out infinite}@keyframes particle-float{0%{transform:translateY(100vh) translate(0) scale(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100px) translate(var(--random-x, 50px)) scale(1);opacity:0}}.starburst{position:absolute;top:50%;left:50%;width:600px;height:600px;transform:translate(-50%,-50%);background:conic-gradient(from 0deg,transparent 0deg,rgba(0,75,147,.2) 10deg,transparent 20deg,transparent 40deg,rgba(0,75,147,.2) 50deg,transparent 60deg,transparent 80deg,rgba(0,75,147,.2) 90deg,transparent 100deg,transparent 120deg,rgba(0,75,147,.2) 130deg,transparent 140deg,transparent 160deg,rgba(0,75,147,.2) 170deg,transparent 180deg);z-index:0;pointer-events:none;opacity:.6}.light-rays{position:absolute;top:50%;left:50%;width:100%;height:100%;transform:translate(-50%,-50%);z-index:0;pointer-events:none}.ray{position:absolute;top:50%;left:50%;width:2px;height:40%;background:linear-gradient(to bottom,transparent,rgba(0,75,147,.3),transparent);transform-origin:top center;opacity:.7}.ray:nth-child(1){transform:rotate(0)}.ray:nth-child(2){transform:rotate(90deg)}.ray:nth-child(3){transform:rotate(45deg)}.ray:nth-child(4){transform:rotate(135deg)}.ripple-effect{position:fixed;width:20px;height:20px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.6),transparent);pointer-events:none;transform:translate(-50%,-50%);z-index:999}.hero-content{position:relative;z-index:2;text-align:center;perspective:1000px;max-width:90%}.logo-wrapper{position:relative;display:inline-block;margin-bottom:30px}.logo-ring{position:absolute;top:50%;left:50%;width:280px;height:280px;border:3px solid rgba(0,75,147,.5);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 30px #004b9399,inset 0 0 30px #004b934d;pointer-events:none}#hero-logo{width:250px;max-width:90vw;height:auto;display:block;filter:drop-shadow(0 0 50px rgba(0,75,147,.8));will-change:transform;transform:translateZ(0);position:relative;z-index:1;transition:filter .3s ease}#hero-logo:hover{filter:drop-shadow(0 0 60px rgba(0,75,147,1)) drop-shadow(0 0 30px rgba(227,41,52,.6))}.hero-slogan{font-size:clamp(2.5rem,8vw,5rem);font-weight:900;text-transform:uppercase;line-height:1.1;text-align:center}.cta-btn{display:inline-block;margin-top:40px;padding:15px 40px;background:transparent;border:2px solid #fff;color:#fff;font-weight:700;text-transform:uppercase;text-decoration:none;border-radius:50px;transition:all .3s ease;opacity:0;transform:translateY(20px)}.cta-btn:hover{background:#fff;color:var(--pepsi-blue);box-shadow:0 0 20px #ffffff80}.word{display:inline-block;position:relative;font-size:inherit;background:linear-gradient(90deg,#fff,#b8e4ff,#fff,#b8e4ff,#fff);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;text-shadow:none;transition:all .3s ease;cursor:default}.word:before{content:attr(data-text);position:absolute;left:0;top:0;z-index:-1;-webkit-text-stroke:2px rgba(0,75,147,.5);-webkit-text-fill-color:transparent}.word.filled{filter:drop-shadow(0 0 20px var(--pepsi-blue))}.word:hover{transform:scale(1.1);filter:drop-shadow(0 0 30px var(--pepsi-red))}.scroll-indicator{position:absolute;bottom:30px;display:flex;flex-direction:column;align-items:center;gap:10px;font-size:.8rem;text-transform:uppercase;letter-spacing:3px;opacity:.8;z-index:2;cursor:pointer;transition:all .3s ease}.scroll-indicator:hover{opacity:1;transform:scale(1.1)}.arrow-down{width:30px;height:30px;border:2px solid #fff;border-radius:50%;position:relative}.arrow-down:before{content:"";position:absolute;top:50%;left:50%;width:8px;height:8px;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:translate(-50%,-60%) rotate(45deg)}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}#products{height:100vh;width:100%;position:relative;background-color:var(--pepsi-blue);display:flex;align-items:center;justify-content:center;overflow:hidden;contain:layout style paint}.product-container{display:flex;align-items:center;justify-content:space-between;width:80%;max-width:1200px;z-index:2}.product-info{flex:1;color:#fff;will-change:opacity,transform}.product-info h2{font-size:clamp(2rem,6vw,4rem);font-weight:900;margin-bottom:20px;text-transform:uppercase;text-shadow:0 10px 30px rgba(0,0,0,.3)}.product-info p{font-size:clamp(1rem,2vw,1.2rem);line-height:1.6}.product-visuals{flex:1;position:relative;height:600px;display:flex;justify-content:center;align-items:center;touch-action:pan-y pinch-zoom}.can{position:absolute;height:450px;object-fit:contain;filter:drop-shadow(0 20px 50px rgba(0,0,0,.6));will-change:transform,opacity;transform:translateZ(0)}.burst-effect{position:absolute;top:50%;left:50%;width:0;height:0;background:radial-gradient(circle,rgba(227,41,52,.8) 0%,transparent 70%);transform:translate(-50%,-50%);z-index:-1;border-radius:50%;opacity:0}#can-max{opacity:0;transform:translate(100px) rotate(10deg)}.product-arrow{display:none;position:absolute;top:50%;transform:translateY(-50%);background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.4);border-radius:50%;width:55px;height:55px;cursor:pointer;z-index:10;color:#fff;transition:all .3s ease;padding:0;align-items:center;justify-content:center;box-shadow:0 4px 15px #0000004d}.product-arrow:hover{background:#ffffff4d;border-color:#fff9;box-shadow:0 6px 20px #0006}.product-arrow:active{transform:translateY(-50%) scale(.9);background:#ffffff59}.product-arrow-left{left:10px}.product-arrow-right{right:10px}.product-dots{display:none;justify-content:center;gap:12px;margin-top:20px;z-index:10}.dot{width:10px;height:10px;border-radius:50%;background:#ffffff4d;cursor:pointer;transition:all .3s ease;border:2px solid transparent}.dot.active{background:#fff;border-color:#ffffff80;box-shadow:0 0 10px #ffffff80;transform:scale(1.2)}@media (max-width: 768px){.can{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) translateZ(0);height:280px}#can-blue{z-index:2}#can-max{z-index:1}.product-arrow,.product-dots{display:flex}}#experience{position:relative;min-height:100vh;background:linear-gradient(to bottom,#fff,#f0f0f0);color:var(--pepsi-black);display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;padding-bottom:50px}.wave-svg{position:absolute;top:-2px;left:0;width:100%;height:200px;z-index:10}.experience-content{z-index:2;text-align:center;margin-top:100px;position:relative}.experience-content h2{font-size:clamp(2.5rem,8vw,5rem);font-weight:900;color:transparent;background:linear-gradient(45deg,var(--pepsi-blue),var(--pepsi-red));-webkit-background-clip:text;background-clip:text;margin-bottom:30px}#glass-img{height:450px;filter:drop-shadow(0 30px 60px rgba(0,75,147,.4));transition:transform .3s ease;cursor:pointer}#glass-img:hover{transform:scale(1.05) rotate(2deg)}.ice-cube{position:absolute;width:80px;height:80px;background:#fff6;border:1px solid rgba(255,255,255,.8);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 10px 20px #0000001a;border-radius:12px;transform:rotate(15deg);z-index:5;animation:float-ice 6s ease-in-out infinite}@keyframes float-ice{0%,to{transform:translateY(0) rotate(15deg)}50%{transform:translateY(-20px) rotate(25deg)}}.footer-cta{margin-top:50px}.footer-cta p{font-size:1.5rem;font-weight:700;letter-spacing:1px;margin-bottom:20px}.social-links{display:flex;gap:20px;justify-content:center}.social-links a{color:var(--pepsi-black);text-decoration:none;font-weight:900;padding:10px 20px;border:2px solid var(--pepsi-black);border-radius:5px;transition:all .3s}.social-links a:hover{background:var(--pepsi-black);color:#fff;transform:translateY(-5px)}@media (max-width: 768px){nav{padding:15px 20px;justify-content:center}.starburst{width:300px;height:300px}.logo-ring{width:200px;height:200px}#hero-logo{width:180px}.word{display:inline-block}.light-rays{opacity:.3}.ray{height:30%}#hero-logo:hover,#glass-img:hover,.logo-text:hover,.social-links a:hover{transform:none;filter:inherit}#products{height:auto;min-height:120vh;padding:50px 0;display:flex;align-items:center}.can,.product-info,#hero-logo,.word{transform:translateZ(0);-webkit-transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}.product-visuals{position:relative;overflow:visible}.product-container{flex-direction:column;text-align:center}.product-info h2{font-size:2.5rem}.product-visuals{height:350px;margin-top:30px;width:100%;position:relative;padding:0 70px}.can{height:280px}.product-info{margin-bottom:20px;min-height:120px}#experience{padding-bottom:30px}.experience-content h2{font-size:2.5rem}#glass-img{height:300px}.ice-cube{width:50px;height:50px}.footer-cta p{font-size:1.2rem}.social-links{flex-wrap:wrap}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}}@media print{nav,.scroll-indicator,.bubble,.ice-cube{display:none}body{background:#fff;color:#000}}