*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Space Grotesk',-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.4;color:var(--text-primary);overflow-x:hidden;background:var(--bg-primary);transition:all .8s cubic-bezier(.25, .46, .45, .94);max-width:100vw}:root{--bg-primary:#FF6B35;--bg-secondary:#FF8C42;--accent-color:#FF1744;--text-primary:#FFFFFF;--text-secondary:rgba(255, 255, 255, 0.9);--glow-color:#FF1744;--particle-color:#FFB347;--joy-gradient:linear-gradient(135deg, #FF6B35, #FF8C42, #FF1744);--product-gradient:radial-gradient(circle at 30% 30%, #FF1744, #FF8C42, #FF6B35);--sphere-colors:#FF1744,#FF6B35,#FF8C42,#FFB347,#FF69B4,#FFA500}.theme-fresa{--bg-primary:#B71C1C;--bg-secondary:#D32F2F;--accent-color:#4CAF50;--glow-color:#FF0000;--particle-color:#FFEBEE;--joy-gradient:linear-gradient(135deg, #B71C1C, #D32F2F, #4CAF50);--product-gradient:radial-gradient(circle at 30% 30%, #4CAF50, #D32F2F, #B71C1C)}.theme-black{--bg-primary:#212121;--bg-secondary:#424242;--accent-color:#00BCD4;--glow-color:#00E5FF;--particle-color:#90A4AE;--text-primary:#FFFFFF;--text-secondary:rgba(255, 255, 255, 0.9);--joy-gradient:linear-gradient(135deg, #212121, #424242, #00BCD4);--product-gradient:radial-gradient(circle at 30% 30%, #00BCD4, #424242, #212121)}.theme-acido{--bg-primary:#4CAF50;--bg-secondary:#66BB6A;--accent-color:#FFFF00;--glow-color:#C6FF00;--particle-color:#A5D6A7;--joy-gradient:linear-gradient(135deg, #4CAF50, #66BB6A, #FFFF00);--product-gradient:radial-gradient(circle at 30% 30%, #FFFF00, #66BB6A, #4CAF50)}.theme-mint{--bg-primary:#009688;--bg-secondary:#26A69A;--accent-color:#B2DFDB;--glow-color:#4DD0E1;--particle-color:#E0F2F1;--joy-gradient:linear-gradient(135deg, #009688, #26A69A, #B2DFDB);--product-gradient:radial-gradient(circle at 30% 30%, #B2DFDB, #26A69A, #009688)}.theme-original{--bg-primary:#FF6B35;--bg-secondary:#FF8C42;--accent-color:#FF1744;--glow-color:#FF1744;--particle-color:#FFB347;--joy-gradient:linear-gradient(135deg, #FF6B35, #FF8C42, #FF1744);--product-gradient:radial-gradient(circle at 30% 30%, #FF1744, #FF8C42, #FF6B35)}.heritage-mode{--bg-primary:#FFD54F;--bg-secondary:#1976D2;--accent-color:#D32F2F;--glow-color:#FFC107;--particle-color:#2196F3;--joy-gradient:linear-gradient(135deg, #FFD54F, #1976D2, #D32F2F);--product-gradient:linear-gradient(0deg, #FFD54F 0%, #FFD54F 33%, #1976D2 33%, #1976D2 66%, #D32F2F 66%, #D32F2F 100%)}.heritage-mode .hero{background:0 0}@keyframes premium-colors{0%,100%{background-position:0 50%}50%{background-position:0 0}}body::before{content:'';position:fixed;top:0;left:0;width:100%;height:100%;background:var(--joy-gradient);z-index:-2;animation:joy-gradient-shift 8s ease-in-out infinite}body::after{content:'';position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.1);z-index:-1;pointer-events:none}@keyframes joy-gradient-shift{0%,100%{background:var(--joy-gradient);transform:translate3d(0,0,0)}50%{background:var(--joy-gradient);transform:translate3d(0,0,0)}}.joy-particle{position:fixed;border-radius:50%;background:var(--particle-color);pointer-events:none;z-index:1;animation:joy-particle-float 15s linear infinite;will-change:transform,opacity}.color-sphere{position:fixed;border-radius:50%;pointer-events:none;z-index:2;animation:sphere-float 12s ease-in-out infinite;will-change:transform;box-shadow:0 0 30px rgba(255,255,255,.3),inset 0 0 20px rgba(255,255,255,.2);background:linear-gradient(135deg,transparent 20%,rgba(255,255,255,.4) 50%,transparent 80%)}.color-sphere.pink{background:radial-gradient(circle at 30% 30%,#ff1744,#e91e63)}.color-sphere.orange{background:radial-gradient(circle at 30% 30%,#ff6b35,#ff8c42)}.color-sphere.peach{background:radial-gradient(circle at 30% 30%,#ffb347,orange)}.color-sphere.coral{background:radial-gradient(circle at 30% 30%,coral,tomato)}.color-sphere.salmon{background:radial-gradient(circle at 30% 30%,#ff69b4,#ff1493)}.color-sphere.tangerine{background:radial-gradient(circle at 30% 30%,#ff8c00,#ff4500)}@keyframes sphere-float{0%,100%{transform:translate3d(0,0,0) rotate(0);opacity:.8}25%{transform:translate3d(30px,-40px,0) rotate(90deg);opacity:1}50%{transform:translate3d(-20px,-80px,0) rotate(180deg);opacity:.9}75%{transform:translate3d(-40px,-40px,0) rotate(270deg);opacity:1}}@keyframes joy-particle-float{0%,100%{transform:translate3d(0,0,0) scale(1);opacity:.2}50%{transform:translate3d(0,-80px,0) scale(1.1);opacity:.6}}nav{position:fixed;top:0;width:100%;background:rgba(255,255,255,.08);backdrop-filter:blur(30px);border-bottom:1px solid rgba(255,255,255,.15);z-index:1000;height:80px;transition:all .4s ease}.nav-container{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:0 2rem;height:100%}.logo{height:80px;width:auto;filter:drop-shadow(0 0 20px var(--glow-color));transition:all .3s ease}.logo:hover{filter:drop-shadow(0 0 30px var(--glow-color));transform:scale(1.05) rotate(2deg)}.mode-indicator{position:absolute;left:50%;transform:translateX(-50%);background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);border-radius:25px;padding:.5rem 1.5rem;backdrop-filter:blur(15px);transition:all .3s ease}.mode-text{font-size:.9rem;font-weight:700;color:var(--text-primary);letter-spacing:.1em;text-transform:uppercase}.heritage-mode .mode-indicator{background:rgba(30,136,229,.8);border-color:var(--accent-color);box-shadow:0 0 25px var(--glow-color)}.nav-links{display:flex;list-style:none;gap:2.5rem}.nav-links a{text-decoration:none;color:var(--text-secondary);font-weight:600;font-size:1rem;text-transform:uppercase;letter-spacing:.05em;transition:all .3s ease;position:relative}.nav-links a::after{content:'';position:absolute;bottom:-5px;left:0;width:0;height:3px;background:var(--accent-color);transition:width .3s ease;border-radius:2px}.nav-links a:hover::after{width:100%}.nav-links a:hover{color:var(--text-primary);transform:translateY(-2px);text-shadow:0 0 15px var(--glow-color)}.hamburger{display:none;flex-direction:column;cursor:pointer;padding:.5rem;border-radius:10px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(10px);transition:all .3s ease;z-index:1000;position:relative}.hamburger:hover{background:rgba(255,255,255,.2);transform:scale(1.05)}.hamburger-line{width:25px;height:3px;background:var(--text-primary);margin:3px 0;transition:all .3s cubic-bezier(.68, -.55, .265, 1.55);border-radius:10px;box-shadow:0 0 10px var(--glow-color)}.hamburger.active .hamburger-line:first-child{transform:rotate(45deg) translate(9px,9px);background:var(--accent-color)}.hamburger.active .hamburger-line:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger.active .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(9px,-9px);background:var(--accent-color)}.hamburger.active{background:rgba(255,255,255,.15);transform:scale(1.1);box-shadow:0 0 20px var(--glow-color)}.mobile-menu{position:fixed;top:0;left:0;width:100%;height:100vh;background:var(--joy-gradient);z-index:9999;display:flex;flex-direction:column;justify-content:center;align-items:center;transform:translateY(-100%);transition:transform .6s cubic-bezier(.25, .46, .45, .94);overflow:hidden;backdrop-filter:blur(20px)}.mobile-menu.active{transform:translateY(0)}.mobile-menu::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:var(--joy-gradient);animation:joy-gradient-shift 6s ease-in-out infinite;z-index:-1}@keyframes joy-gradient-shift{0%,100%{background:var(--joy-gradient);transform:rotate(0) scale(1)}33%{background:linear-gradient(225deg,var(--bg-secondary),var(--accent-color),var(--bg-primary));transform:rotate(1deg) scale(1.02)}66%{background:linear-gradient(315deg,var(--accent-color),var(--bg-primary),var(--bg-secondary));transform:rotate(-1deg) scale(1.01)}}.mobile-nav-links{list-style:none;text-align:center;padding:0;margin:0;z-index:2}.mobile-nav-links li{margin:2rem 0;opacity:0;transform:translateY(30px) scale(.9);transition:all .6s cubic-bezier(.25, .46, .45, .94)}.mobile-menu.active .mobile-nav-links li{opacity:1;transform:translateY(0) scale(1)}.mobile-nav-links li:first-child{transition-delay:0.1s}.mobile-nav-links li:nth-child(2){transition-delay:0.2s}.mobile-nav-links li:nth-child(3){transition-delay:0.3s}.mobile-nav-links li:nth-child(4){transition-delay:0.4s}.mobile-nav-links li:nth-child(5){transition-delay:0.5s}.mobile-nav-links a{color:var(--text-primary);text-decoration:none;font-family:'Fredoka One','Space Grotesk',cursive,sans-serif;font-size:2.5rem;font-weight:400;text-transform:uppercase;letter-spacing:.1em;text-shadow:0 0 30px var(--glow-color);transition:all .4s ease;display:block;padding:1rem 2rem;border-radius:50px;background:rgba(255,255,255,.1);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.2);margin:.5rem 0}.mobile-nav-links a:hover{transform:scale(1.1) rotate(2deg);text-shadow:0 0 50px var(--glow-color),0 0 100px var(--glow-color);background:rgba(255,255,255,.2);border-color:var(--accent-color);box-shadow:0 10px 30px rgba(0,0,0,.3)}.mobile-menu-close{position:absolute;top:2rem;right:2rem;background:0 0;border:none;color:var(--text-primary);font-size:3rem;cursor:pointer;padding:1rem;border-radius:50%;background:rgba(255,255,255,.1);backdrop-filter:blur(10px);transition:all .3s ease;text-shadow:0 0 20px var(--glow-color);z-index:3}.mobile-menu-close:hover{transform:rotate(90deg) scale(1.2);background:rgba(255,255,255,.2);text-shadow:0 0 40px var(--glow-color)}.mobile-menu-brand{position:absolute;bottom:3rem;text-align:center;opacity:0;transform:translateY(30px);transition:all .6s ease .5s;z-index:2}.mobile-menu.active .mobile-menu-brand{opacity:1;transform:translateY(0)}.mobile-menu-brand .brand-text{font-family:'Fredoka One','Space Grotesk',cursive,sans-serif;font-size:1.3rem;font-weight:400;color:var(--accent-color);text-transform:uppercase;letter-spacing:.2em;text-shadow:0 0 20px var(--glow-color)}.mobile-menu-brand .brand-tagline{font-size:.9rem;color:rgba(255,255,255,.8);margin-top:.5rem;font-style:italic}.joy-bubble{position:absolute;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.3),var(--accent-color));pointer-events:none;animation:bubble-float 8s ease-in-out infinite;opacity:.6}@keyframes bubble-float{0%,100%{transform:translateY(0) rotate(0) scale(1);opacity:.6}25%{transform:translateY(-30px) rotate(90deg) scale(1.1);opacity:.8}50%{transform:translateY(-20px) rotate(180deg) scale(.9);opacity:.4}75%{transform:translateY(-40px) rotate(270deg) scale(1.05);opacity:.7}}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:0 0;padding-top:100px}.hero-content{text-align:center;color:var(--text-primary);z-index:10;max-width:1000px;padding:0 2rem}.brand-mantra{font-size:clamp(1.8rem, 4vw, 2.5rem);font-weight:900;margin-bottom:1rem;color:var(--text-primary);letter-spacing:.1em;text-transform:uppercase;opacity:1;text-shadow:0 0 20px rgba(0,0,0,.5),0 4px 8px rgba(0,0,0,.3);animation:mantra-glow 4s ease-in-out infinite}@keyframes mantra-glow{0%,100%{text-shadow:0 0 20px var(--accent-color);opacity:.95}50%{text-shadow:0 0 40px var(--accent-color),0 0 60px var(--accent-color);opacity:1}}.hero h1{font-family:'Fredoka One','Space Grotesk',cursive,sans-serif;font-size:clamp(3.5rem, 10vw, 8rem);font-weight:400;line-height:.85;margin-bottom:1.5rem;letter-spacing:.02em;text-transform:uppercase;color:var(--text-primary);text-shadow:0 0 40px rgba(0,0,0,.7),0 6px 12px rgba(0,0,0,.5);animation:hero-pulse 3s ease-in-out infinite;background:linear-gradient(45deg,#fff,gold,#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-accent{color:var(--accent-color)!important;background:linear-gradient(45deg,#ff1744,#e91e63,#ff1744)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important;text-shadow:0 0 30px rgba(255,23,68,.8)!important;display:inline-block;animation:accent-glow 2s ease-in-out infinite}@keyframes accent-glow{0%,100%{text-shadow:0 0 30px rgba(255,23,68,.8);transform:scale(1)}50%{text-shadow:0 0 50px #ff1744,0 0 70px rgba(255,23,68,.6);transform:scale(1.02)}}.hero-cta-hint{font-size:clamp(1rem, 2vw, 1.2rem);font-weight:700;color:var(--accent-color);text-transform:uppercase;letter-spacing:.1em;margin-top:2rem;animation:cta-pulse 3s ease-in-out infinite;cursor:pointer;text-shadow:0 0 15px rgba(255,23,68,.6);transition:all .3s ease}.hero-cta-hint:hover{transform:translateY(-5px);text-shadow:0 0 25px rgba(255,23,68,.9);background:rgba(255,255,255,.15);border-color:var(--text-primary)}@keyframes cta-pulse{0%,100%{opacity:.8;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}@keyframes hero-pulse{0%,100%{text-shadow:0 0 40px var(--glow-color);transform:scale(1)}50%{text-shadow:0 0 80px var(--glow-color),0 0 120px var(--glow-color);transform:scale(1.02)}}.hero-subtitle{font-size:clamp(1.3rem, 3vw, 2rem);font-weight:500;margin-bottom:2rem;color:var(--text-secondary);line-height:1.5;opacity:.95;text-transform:none;letter-spacing:.02em;text-shadow:0 0 15px rgba(0,0,0,.3);max-width:700px;margin-left:auto;margin-right:auto}.joy-description{font-size:clamp(1rem, 2.5vw, 1.4rem);font-weight:400;margin-bottom:3rem;color:var(--text-secondary);max-width:700px;margin-left:auto;margin-right:auto;line-height:1.6}.flavor-swiper-section{padding:6rem 0;position:relative;overflow:hidden;background:0 0;min-height:100vh;display:flex;align-items:center}.section-header{text-align:center;margin-bottom:4rem}.section-title{font-family:'Fredoka One','Space Grotesk',cursive,sans-serif;font-size:clamp(2.5rem, 6vw, 4rem);font-weight:400;color:var(--text-primary);text-transform:uppercase;letter-spacing:-.03em;margin-bottom:1rem;text-shadow:0 0 30px var(--glow-color)}.section-subtitle{font-size:clamp(1.2rem, 3vw, 1.6rem);color:var(--text-secondary);font-weight:500;max-width:600px;margin:0 auto}.product-showcase{width:100%;max-width:1400px;margin:0 auto;position:relative;height:600px;display:flex;align-items:center;justify-content:center;padding:0 2rem}.main-product-container{position:relative;width:400px;height:400px;display:flex;align-items:center;justify-content:center;z-index:10}.main-product{width:350px;height:350px;transition:all .6s cubic-bezier(.25, .46, .45, .94);animation:mainProductFloat 4s ease-in-out infinite;filter:drop-shadow(0 30px 60px rgba(0, 0, 0, .4));cursor:pointer}.main-product:hover{transform:scale(1.05) rotate(2deg);filter:drop-shadow(0 40px 80px rgba(0, 0, 0, .5))}.side-products{position:absolute;width:100%;height:100%;pointer-events:none}.side-product{position:absolute;width:200px;height:200px;transition:all .6s cubic-bezier(.25, .46, .45, .94);opacity:.6;filter:drop-shadow(0 15px 30px rgba(0, 0, 0, .3));cursor:pointer;pointer-events:auto}.side-product:hover{opacity:.8;transform:scale(1.1)}.side-product.left-1{left:-180px;top:50%;transform:translateY(-50%) scale(.6)}.side-product.left-2{left:-320px;top:50%;transform:translateY(-50%) scale(.4);opacity:.4}.side-product.right-1{right:-180px;top:50%;transform:translateY(-50%) scale(.6)}.side-product.right-2{right:-320px;top:50%;transform:translateY(-50%) scale(.4);opacity:.4}.product-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:500px;height:500px;background:radial-gradient(circle,var(--accent-color) 0,transparent 70%);border-radius:50%;opacity:.15;animation:glowPulse 3s ease-in-out infinite;z-index:1}.flavor-info{position:absolute;bottom:-100px;left:50%;transform:translateX(-50%);background:rgba(255,255,255,.1);backdrop-filter:blur(20px);border-radius:30px;padding:2rem 3rem;border:2px solid rgba(255,255,255,.2);text-align:center;min-width:400px;transition:all .4s ease}.flavor-name{font-family:'Fredoka One','Space Grotesk',cursive,sans-serif;font-size:2.5rem;font-weight:400;margin-bottom:.5rem;text-transform:uppercase;color:var(--text-primary);letter-spacing:-.02em}.flavor-tagline{font-size:1.2rem;font-weight:700;color:var(--accent-color);margin-bottom:1rem;text-transform:uppercase;letter-spacing:.05em}.flavor-description{font-size:1rem;color:var(--text-secondary);line-height:1.5;max-width:500px;margin:0 auto}.agogo-product{width:180px;height:180px;border-radius:50%;position:relative;display:flex;align-items:center;justify-content:center;background:var(--product-gradient);border:3px solid rgba(255,255,255,.4);box-shadow:inset 0 0 50px rgba(255,255,255,.2)}.agogo-product::before{content:'';position:absolute;width:60%;height:60%;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.6),transparent);top:15%;left:15%}.agogo-product::after{content:'AGOGÓ';position:absolute;font-size:1rem;font-weight:900;color:rgba(255,255,255,.9);text-shadow:0 0 10px rgba(0,0,0,.5);letter-spacing:.1em}.heritage-product::after{content:'🇪🇨\AAGOGÓ';white-space:pre;text-align:center;font-size:.9rem;line-height:1.3}.heritage-product{border:3px solid rgba(255,215,0,.6);box-shadow:inset 0 0 50px rgba(255,215,0,.3),0 0 30px rgba(30,136,229,.5)}.flavor-image::before{content:'';position:absolute;top:20%;left:20%;width:40%;height:40%;border-radius:50%;background:rgba(255,255,255,.3);filter:blur(15px)}@keyframes mainProductFloat{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(2deg)}}@keyframes glowPulse{0%,100%{transform:translate(-50%,-50%) scale(1);opacity:.15}50%{transform:translate(-50%,-50%) scale(1.1);opacity:.25}}.flavor-name{font-family:'Fredoka One','Space Grotesk',cursive,sans-serif;font-size:2.5rem;font-weight:400;margin-bottom:1rem;text-transform:uppercase;color:var(--text-primary);letter-spacing:-.02em}.product-nav{position:absolute;top:50%;transform:translateY(-50%);width:60px;height:60px;border-radius:50%;background:rgba(255,255,255,.15);border:2px solid rgba(255,255,255,.3);color:var(--text-primary);font-size:1.5rem;cursor:pointer;transition:all .3s ease;backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:center;z-index:20}.product-nav:hover{background:var(--accent-color);border-color:var(--accent-color);color:var(--bg-primary);transform:translateY(-50%) scale(1.15);box-shadow:0 10px 30px rgba(0,0,0,.3)}.product-nav.prev{left:-80px}.product-nav.next{right:-80px}.flavor-indicators{display:flex;justify-content:center;gap:1.2rem;margin-top:3rem;padding:2rem}.flavor-dot{width:20px;height:20px;border-radius:50%;background:rgba(255,255,255,.3);cursor:pointer;transition:all .3s ease;border:2px solid transparent}.flavor-dot.active{background:var(--accent-color);transform:scale(1.4);box-shadow:0 0 25px var(--glow-color);border-color:rgba(255,255,255,.5)}.heritage-section{padding:10rem 0;background:rgba(255,255,255,.02);backdrop-filter:blur(10px);position:relative}.heritage-section::before{content:'🇪🇨';position:absolute;top:5%;right:5%;font-size:12rem;opacity:.05}.heritage-content{display:grid;grid-template-columns:1fr 1fr;gap:6rem;align-items:center}.heritage-text h3{font-family:'Fredoka One','Space Grotesk',cursive,sans-serif;font-size:3.5rem;margin-bottom:2rem;color:var(--text-primary);font-weight:400;text-transform:uppercase;letter-spacing:-.02em;text-shadow:0 0 30px var(--glow-color)}.heritage-text p{font-size:1.3rem;color:var(--text-secondary);margin-bottom:2rem;line-height:1.7;font-weight:500}.heritage-text strong{color:var(--accent-color);font-weight:800}.timeline{position:relative;padding-left:50px}.timeline::before{content:'';position:absolute;left:25px;top:0;bottom:0;width:4px;background:linear-gradient(to bottom,var(--bg-primary),var(--accent-color));border-radius:2px}.timeline-item{position:relative;margin-bottom:3rem;background:rgba(255,255,255,.1);padding:2.5rem 2rem;border-radius:20px;backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.2);transition:all .3s ease}.timeline-item:hover{transform:translateY(-5px);background:rgba(255,255,255,.15);border-color:var(--accent-color)}.timeline-item::before{content:'';position:absolute;left:-47px;top:30px;width:16px;height:16px;border-radius:50%;background:var(--accent-color);border:3px solid var(--bg-primary);box-shadow:0 0 20px var(--glow-color)}.timeline-year{font-size:1.5rem;font-weight:900;color:var(--accent-color);margin-bottom:.5rem}.timeline-title{font-size:1.2rem;font-weight:800;color:var(--text-primary);margin-bottom:.5rem}.timeline-description{color:var(--text-secondary);line-height:1.5}.social-proof{padding:8rem 0;text-align:center;background:rgba(0,0,0,.1);backdrop-filter:blur(10px)}.social-proof h2{font-family:'Fredoka One','Space Grotesk',cursive,sans-serif;font-size:clamp(2.5rem, 6vw, 4rem);font-weight:400;color:var(--text-primary);margin-bottom:3rem;text-transform:uppercase;text-shadow:0 0 30px var(--glow-color)}.joy-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:3rem;max-width:1000px;margin:0 auto}.joy-stat{text-align:center;padding:2rem;background:rgba(255,255,255,.1);border-radius:25px;backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.2);transition:all .3s ease}.joy-stat:hover{transform:translateY(-10px);background:rgba(255,255,255,.15);border-color:var(--accent-color)}.joy-stat .big-number{font-size:3.5rem;font-weight:900;color:var(--accent-color);display:block;text-shadow:0 0 30px var(--glow-color);margin-bottom:1rem}.joy-stat .stat-text{font-size:1.1rem;color:var(--text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.tiktok-showcase{padding:8rem 0;background:rgba(255,255,255,.05);backdrop-filter:blur(20px);position:relative;overflow:hidden}.tiktok-container{max-width:1400px;margin:0 auto;padding:0 2rem;text-align:center}.tiktok-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3rem;margin:4rem 0;justify-items:center;align-items:start}.tiktok-card{background:rgba(255,255,255,.1);backdrop-filter:blur(20px);border-radius:30px;padding:2rem;border:2px solid rgba(255,255,255,.2);transition:all .3s ease;position:relative;overflow:hidden;aspect-ratio:9/16;max-height:600px;width:100%;max-width:350px}.tiktok-card:hover{transform:translateY(-10px) scale(1.02);border-color:var(--accent-color);box-shadow:0 30px 80px rgba(0,0,0,.3)}.tiktok-card::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:var(--joy-gradient);opacity:0;border-radius:30px;transition:opacity .3s ease}.tiktok-card:hover::before{opacity:.1}.tiktok-embed{width:100%;height:100%;border:none;border-radius:20px;background:#000;position:relative}.tiktok-video{width:100%;height:100%;object-fit:cover;border-radius:20px;cursor:pointer;transition:transform .3s ease}.tiktok-video:hover{transform:scale(1.02)}.tiktok-card.playing .tiktok-overlay{display:none}.tiktok-card.playing .tiktok-play-button{display:none}.tiktok-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,transparent 0,transparent 70%,rgba(0,0,0,.8) 100%);border-radius:20px;pointer-events:none;z-index:2}.tiktok-info{position:absolute;bottom:1rem;left:1rem;right:1rem;z-index:3;color:#fff}.tiktok-title{font-size:1.1rem;font-weight:700;margin-bottom:.5rem;color:var(--text-primary);text-shadow:0 0 10px rgba(0,0,0,.8)}.tiktok-description{font-size:.9rem;color:rgba(255,255,255,.9);line-height:1.4;text-shadow:0 0 10px rgba(0,0,0,.6)}.tiktok-play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;background:linear-gradient(145deg,#ff6b9d 0,var(--accent-color) 15%,#ff1744 35%,#d50000 65%,#b71c1c 85%,#8d0e00 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;z-index:10;border:none;box-shadow:0 8px 20px rgba(255,23,68,.4),0 4px 15px rgba(0,0,0,.3),inset 0 3px 6px rgba(255,255,255,.4),inset 0 -3px 6px rgba(0,0,0,.2);overflow:hidden}.tiktok-play-button:hover{transform:translate(-50%,-50%) scale(1.1);background:linear-gradient(145deg,#ff8fb3 0,#ff4569 15%,#ff1744 35%,#d50000 65%,#b71c1c 85%,#5d1014 100%);box-shadow:0 12px 30px rgba(255,23,68,.6),0 6px 25px rgba(0,0,0,.4),inset 0 4px 8px rgba(255,255,255,.5),inset 0 -4px 8px rgba(0,0,0,.3);animation:bubblegum-bounce .6s ease-out}.tiktok-play-button:active{transform:translate(-50%,-50%) scale(.95);box-shadow:0 4px 15px rgba(255,23,68,.4),0 2px 8px rgba(0,0,0,.3),inset 0 2px 4px rgba(255,255,255,.3),inset 0 -2px 4px rgba(0,0,0,.4)}.tiktok-play-button::before{content:'';position:absolute;top:15%;left:25%;width:30%;height:30%;background:linear-gradient(135deg,rgba(255,255,255,.8) 0,rgba(255,255,255,.4) 40%,transparent 70%);border-radius:50%;transform:rotate(-30deg);pointer-events:none;z-index:1}.tiktok-play-button::after{content:'▶';font-size:1.8rem;color:#fff;margin-left:4px;filter:drop-shadow(1px 1px 2px rgba(0,0,0,.4));z-index:2;position:relative;pointer-events:none}@keyframes bubblegum-bounce{0%{transform:translate(-50%,-50%) scale(1)}30%{transform:translate(-50%,-50%) scale(1.15)}50%{transform:translate(-50%,-50%) scale(1.05)}70%{transform:translate(-50%,-50%) scale(1.12)}100%{transform:translate(-50%,-50%) scale(1.1)}}.tiktok-logo{position:absolute;top:1rem;right:1rem;width:40px;height:40px;background:#000;border-radius:8px;display:flex;align-items:center;justify-content:center;z-index:3}.tiktok-logo::after{content:'🎵';font-size:1.2rem}.display-formats-section{padding:8rem 0;background:rgba(255,255,255,.03);backdrop-filter:blur(15px);position:relative;overflow:hidden}.display-container{max-width:1400px;margin:0 auto;padding:0 2rem}.display-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2.5rem;margin:4rem 0}.display-card{background:rgba(255,255,255,.08);backdrop-filter:blur(15px);border-radius:25px;padding:2rem;border:2px solid rgba(255,255,255,.15);transition:transform .2s ease-out,box-shadow .2s ease-out,border-color .2s ease-out;position:relative;overflow:hidden;will-change:transform}.display-card:hover{transform:translateY(-10px);border-color:var(--accent-color);box-shadow:0 20px 60px rgba(0,0,0,.25)}.display-card::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:var(--joy-gradient);opacity:0;border-radius:25px;transition:opacity .3s ease}.display-card:hover::before{opacity:.05}.display-image{width:100%;height:250px;border-radius:15px;overflow:hidden;margin-bottom:1.5rem;background:rgba(255,255,255,.05);display:flex;align-items:center;justify-content:center;position:relative}.display-image img{width:100%;height:100%;object-fit:contain;transition:transform .3s ease}.display-card:hover .display-image img{transform:scale(1.05)}.display-title{font-family:'Fredoka One','Space Grotesk',cursive,sans-serif;font-size:1.8rem;font-weight:400;color:var(--text-primary);margin-bottom:1rem;text-transform:uppercase;letter-spacing:.02em}.display-description{font-size:1.1rem;color:var(--text-secondary);line-height:1.6;margin-bottom:1.5rem;font-weight:500}.display-features{display:flex;gap:.8rem;flex-wrap:wrap}.feature-tag{background:var(--accent-color);color:var(--bg-primary);padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.display-cta{text-align:center;margin-top:4rem;padding:3rem 2rem;background:rgba(255,255,255,.05);border-radius:20px;border:1px solid rgba(255,255,255,.1)}.display-cta h3{font-family:'Fredoka One','Space Grotesk',cursive,sans-serif;font-size:2.2rem;font-weight:400;color:var(--text-primary);margin-bottom:1rem;text-transform:uppercase}.display-cta p{font-size:1.2rem;color:var(--text-secondary);margin-bottom:2rem;line-height:1.6}.display-cta .cta-btn{background:var(--accent-color);color:var(--bg-primary);border:none;padding:1rem 2.5rem;border-radius:30px;font-size:1.1rem;font-weight:700;text-transform:uppercase;cursor:pointer;transition:all .3s ease;letter-spacing:.05em}.display-cta .cta-btn:hover{transform:translateY(-3px);box-shadow:0 10px 30px rgba(0,0,0,.2);filter:brightness(1.1)}.cta-section{padding:8rem 0;text-align:center;position:relative;background:0 0}.cta-section h2{font-family:'Fredoka One','Space Grotesk',cursive,sans-serif;font-size:clamp(2.5rem, 6vw, 4rem);font-weight:400;color:var(--text-primary);margin-bottom:2rem;text-transform:uppercase;text-shadow:0 0 30px var(--glow-color)}h2{font-family:'Fredoka One','Space Grotesk',cursive,sans-serif;font-weight:400}h3{font-family:'Fredoka One','Space Grotesk',cursive,sans-serif;font-weight:400}.cta-subtitle{font-size:clamp(1.2rem, 3vw, 1.6rem);color:var(--text-secondary);margin-bottom:4rem;max-width:600px;margin-left:auto;margin-right:auto}.cta-btn{background:var(--accent-color);color:var(--bg-primary);padding:2rem 4rem;border:none;border-radius:60px;font-size:1.3rem;font-weight:900;text-transform:uppercase;cursor:pointer;transition:all .3s ease;box-shadow:0 15px 40px rgba(0,0,0,.3);letter-spacing:.05em}.cta-btn:hover{transform:translateY(-8px) scale(1.05);box-shadow:0 25px 60px rgba(0,0,0,.5);background:var(--text-primary)}.strawberry-animation{animation:strawberry-bounce 1.2s ease-out}@keyframes strawberry-bounce{0%{transform:translateY(-30px) rotate(-8deg) scale(.9)}50%{transform:translateY(15px) rotate(4deg) scale(1.1)}100%{transform:translateY(0) rotate(0) scale(1)}}.mango-animation{animation:mango-tropical 1.4s ease-out}@keyframes mango-tropical{0%{transform:translateX(-40px) rotate(-10deg) scale(.8)}50%{transform:translateX(20px) rotate(8deg) scale(1.15)}100%{transform:translateX(0) rotate(0) scale(1)}}.grape-animation{animation:grape-swirl 1.5s ease-out}@keyframes grape-swirl{0%{transform:rotate(-15deg) scale(.7)}50%{transform:rotate(195deg) scale(1.2)}100%{transform:rotate(360deg) scale(1)}}.mint-animation{animation:mint-fresh 1.3s ease-out}@keyframes mint-fresh{0%{transform:scale(.6) skewX(-8deg);opacity:.7}50%{transform:scale(1.3) skewX(8deg);opacity:1}100%{transform:scale(1) skewX(0);opacity:1}}.original-animation{animation:original-classic 1.4s ease-out}@keyframes original-classic{0%{transform:scaleY(.5) rotate(-5deg)}50%{transform:scaleY(1.4) rotate(5deg)}100%{transform:scaleY(1) rotate(0)}}.black-animation{animation:black-mystery 1.6s ease-out}@keyframes black-mystery{0%{transform:scale(.3) rotate(-15deg);opacity:.2;filter:blur(10px)}50%{transform:scale(1.3) rotate(8deg);opacity:.8;filter:blur(2px)}100%{transform:scale(1) rotate(0);opacity:1;filter:blur(0px)}}.acido-animation{animation:acido-explosion 1.3s ease-out}@keyframes acido-explosion{0%{transform:scale(2) rotate(180deg);opacity:0;filter:hue-rotate(0deg)}30%{transform:scale(.5) rotate(90deg);opacity:1;filter:hue-rotate(90deg)}60%{transform:scale(1.2) rotate(-45deg);opacity:1;filter:hue-rotate(180deg)}100%{transform:scale(1) rotate(0);opacity:1;filter:hue-rotate(360deg)}}.heritage-animation{animation:premium-glow 1.6s ease-out}@keyframes premium-glow{0%{transform:scale(.7) rotate(-10deg);opacity:.8;box-shadow:0 0 0 var(--glow-color)}50%{transform:scale(1.2) rotate(5deg);opacity:1;box-shadow:0 0 80px var(--glow-color)}100%{transform:scale(1) rotate(0);opacity:1;box-shadow:0 0 60px var(--glow-color)}}.container{max-width:1400px;margin:0 auto;padding:0 2rem}.fade-in{opacity:0;transform:translateY(50px);transition:all 1s cubic-bezier(.25, .46, .45, .94)}.fade-in.visible{opacity:1;transform:translateY(0)}@media screen and (max-width:1000px){nav .nav-container .hamburger#hamburger{display:flex!important;visibility:visible!important;opacity:1!important;position:relative!important;z-index:1001!important;background:rgba(255,255,255,.12)!important;border:2px solid rgba(255,255,255,.3)!important;width:45px!important;height:45px!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;border-radius:12px!important;backdrop-filter:blur(10px)!important;transition:all .3s ease!important}nav .nav-container .hamburger#hamburger:hover{background:rgba(255,255,255,.2)!important;transform:scale(1.05)!important;box-shadow:0 0 20px rgba(255,215,0,.4)!important}}@media (max-width:1200px){.tiktok-grid{grid-template-columns:repeat(2,1fr);gap:2.5rem;justify-items:center}}@media (max-width:800px){.tiktok-grid{grid-template-columns:1fr;gap:2rem;justify-items:center}}@media (max-width:900px){.nav-links{display:none}.mode-indicator{display:none}.nav-container{justify-content:space-between;padding:0 1.5rem}.hamburger{display:flex!important;position:relative;z-index:1001;min-width:40px;min-height:40px;justify-content:center;align-items:center;background:rgba(255,255,255,.15)!important;border:2px solid rgba(255,255,255,.3)!important;order:3;margin-left:auto}.mobile-nav-links a{font-size:2rem;padding:.8rem 1.5rem;margin:.3rem 0}.mobile-menu-brand .brand-text{font-size:1.1rem}.mobile-menu-brand .brand-tagline{font-size:.8rem}}@media (max-width:500px){.hamburger{display:flex!important;position:relative;z-index:1002;min-width:35px;min-height:35px;background:rgba(255,255,255,.15)!important;border:2px solid rgba(255,255,255,.4)!important;margin-left:auto;flex-shrink:0;border-radius:10px!important}.nav-container{padding:0 1rem;gap:1rem}.logo{flex-shrink:0;max-width:120px}}@media (max-width:768px){.hero{padding-top:120px;align-items:flex-start}.hero-content{padding:0 1.5rem;margin-top:2rem;padding-top:1rem}.brand-mantra{font-size:1rem;margin-bottom:.8rem}.joy-description{margin-bottom:2rem}.swiper-container{padding:1rem 0;max-width:100vw;overflow:hidden}.flavor-card{padding:2rem 1.5rem;margin:1rem auto;max-width:95vw;border-radius:30px}.flavor-image{width:140px;height:140px;font-size:3.5rem;margin-bottom:1rem}.flavor-image img{width:115px;height:115px}.flavor-name{font-family:'Fredoka One','Space Grotesk',cursive,sans-serif;font-size:2.2rem;margin-bottom:1rem;font-weight:400}.flavor-personality{font-size:1.1rem;margin-bottom:.8rem}.flavor-description{font-size:1rem;margin-bottom:1.5rem}.flavor-stats{margin-top:1.5rem;padding-top:1.5rem}.stat-value{font-size:1.5rem}.stat-label{font-size:.8rem}#nextBtn,#prevBtn{display:none}.flavor-indicators{padding:1rem;gap:1rem}.heritage-content{grid-template-columns:1fr;gap:3rem}.timeline{padding-left:30px}.timeline::before{left:15px;width:3px}.timeline-item::before{left:-32px;width:12px;height:12px}.timeline-item{padding:2rem 1.5rem;margin-bottom:2rem}.joy-stats{grid-template-columns:repeat(2,1fr);gap:2rem}.joy-stat .big-number{font-size:2.5rem}.display-formats-section{padding:4rem 0}.display-grid{grid-template-columns:1fr;gap:1.5rem;margin:3rem 0}.display-card{padding:1.5rem;border-radius:20px}.display-image{height:200px;margin-bottom:1rem}.display-title{font-family:'Fredoka One','Space Grotesk',cursive,sans-serif;font-size:1.5rem;margin-bottom:.8rem;font-weight:400}.display-description{font-size:1rem;margin-bottom:1rem}.display-features{gap:.5rem}.feature-tag{font-size:.8rem;padding:.4rem .8rem}.display-cta{margin-top:3rem;padding:2rem 1.5rem}.display-cta h3{font-family:'Fredoka One','Space Grotesk',cursive,sans-serif;font-size:1.8rem;margin-bottom:.8rem;font-weight:400}.display-cta p{font-size:1rem;margin-bottom:1.5rem}.display-cta .cta-btn{padding:.8rem 2rem;font-size:1rem}.hero{padding-top:100px;min-height:90vh;text-align:center;position:relative}.hero-content{padding:0 1.5rem;max-width:100%;margin:0 auto;position:relative;z-index:10}.hero h1{font-family:'Fredoka One','Space Grotesk',cursive,sans-serif;font-size:clamp(3rem, 12vw, 6rem);line-height:.85;margin-bottom:1.5rem;font-weight:400;text-shadow:0 0 40px rgba(0,0,0,.8),0 6px 12px rgba(0,0,0,.6)}.hero-subtitle{font-size:clamp(1.3rem, 5vw, 2rem);margin-bottom:2rem;line-height:1.3;font-weight:600;max-width:95%;margin-left:auto;margin-right:auto}.hero-cta-hint{font-size:clamp(1rem, 3vw, 1.2rem);margin-top:2rem;font-weight:800;padding:1rem 2rem;background:rgba(255,255,255,.1);border-radius:30px;border:2px solid var(--accent-color);display:inline-block;backdrop-filter:blur(10px)}.tiktok-showcase{padding:4rem 0}.tiktok-grid{grid-template-columns:1fr;gap:2rem;margin:3rem 0;justify-items:center}.tiktok-card{padding:1.5rem;max-height:500px;border-radius:25px;width:100%;max-width:300px;margin:0 auto}.tiktok-play-button{width:60px;height:60px}.tiktok-play-button::after{font-size:1.4rem}.tiktok-title{font-size:1rem}.tiktok-description{font-size:.85rem}}@media (max-width:768px){.product-showcase{height:500px;padding:0 1rem}.main-product-container{width:300px;height:300px}.main-product{width:280px;height:280px}.side-product{width:120px;height:120px}.side-product.left-1,.side-product.right-1{transform:translateY(-50%) scale(.5)}.side-product.left-2,.side-product.right-2{transform:translateY(-50%) scale(.3);opacity:.3}.side-product.left-1{left:-100px}.side-product.left-2{left:-180px}.side-product.right-1{right:-100px}.side-product.right-2{right:-180px}.product-nav{width:50px;height:50px;font-size:1.2rem}.product-nav.prev{left:-60px}.product-nav.next{right:-60px}.flavor-info{bottom:-120px;padding:1.5rem 2rem;min-width:350px}.flavor-name{font-size:2rem}.flavor-tagline{font-size:1rem}.flavor-description{font-size:.9rem}}@media (max-width:480px){.product-showcase{height:400px;padding:0 .5rem}.main-product-container{width:250px;height:250px}.main-product{width:230px;height:230px}.side-product{width:80px;height:80px}.side-product.left-1{left:-60px}.side-product.left-2{left:-120px}.side-product.right-1{right:-60px}.side-product.right-2{right:-120px}.product-nav.prev{left:-40px}.product-nav.next{right:-40px}.flavor-info{bottom:-100px;padding:1rem 1.5rem;min-width:300px}.flavor-name{font-size:1.8rem}.flavor-tagline{font-size:.9rem}.flavor-description{font-size:.8rem}.flavor-indicators{padding:1rem;gap:.8rem}.flavor-dot{width:16px;height:16px}}@media (max-width:480px){.hero{padding-top:130px;min-height:85vh}.hero-content{padding:0 1rem;padding-top:1.5rem}.hero h1{font-family:'Fredoka One','Space Grotesk',cursive,sans-serif;font-size:clamp(2.8rem, 14vw, 5rem);line-height:.8;margin-bottom:1rem;font-weight:400}.hero-subtitle{font-size:clamp(1.2rem, 6vw, 1.8rem);margin-bottom:1.5rem;line-height:1.2;font-weight:600;max-width:98%}.hero-cta-hint{font-size:clamp(.9rem, 4vw, 1.1rem);margin-top:1.5rem;padding:.8rem 1.5rem;border-radius:25px;font-weight:800}nav{height:70px}.logo{height:50px}.hamburger{display:flex;position:relative;z-index:1001;min-width:35px;min-height:35px;padding:.4rem}.hamburger-line{width:20px;height:2px;margin:2px 0}.color-sphere{opacity:.7}.color-sphere[style*="width: 45px"]{width:35px!important;height:35px!important}.color-sphere[style*="width: 42px"]{width:32px!important;height:32px!important}.tiktok-showcase{padding:3rem 0}.tiktok-card{padding:1rem;max-height:450px}.tiktok-play-button{width:50px;height:50px}.tiktok-play-button::after{font-size:1.2rem}.tiktok-title{font-size:.9rem}.tiktok-description{font-size:.8rem}}.hamburger,.mobile-menu,.nav-container,nav{all:unset}.navbar{position:fixed;top:0;left:0;right:0;background:rgba(255,255,255,.08);backdrop-filter:blur(30px);border-bottom:1px solid rgba(255,255,255,.15);z-index:1000;height:80px}.nav-wrapper{max-width:1400px;margin:0 auto;height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 2rem}.nav-logo img{height:60px;width:auto;filter:drop-shadow(0 0 20px rgba(255, 215, 0, .3))}.nav-desktop{display:flex;gap:2rem}.nav-desktop a{color:rgba(255,255,255,.9);text-decoration:none;font-weight:600;font-size:1.1rem;transition:all .3s ease;position:relative}.nav-desktop a:hover{color:gold;transform:translateY(-2px)}.nav-desktop a::after{content:'';position:absolute;bottom:-5px;left:0;width:0;height:3px;background:gold;transition:width .3s ease;border-radius:2px}.nav-desktop a:hover::after{width:100%}.nav-toggle{display:none;flex-direction:column;justify-content:space-between;width:30px;height:25px;background:0 0;border:none;cursor:pointer;padding:0;z-index:1001}.nav-toggle span{display:block;height:3px;width:100%;background:#fff;border-radius:2px;transition:all .3s ease}.nav-toggle.active span:first-child{transform:rotate(45deg) translate(9px,9px)}.nav-toggle.active span:nth-child(2){opacity:0}.nav-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.nav-mobile{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(135deg,#ff6b35,#f7931e,gold);z-index:1000;display:flex;align-items:center;justify-content:center;transform:translateY(-100%);transition:transform .5s cubic-bezier(.25, .46, .45, .94)}.nav-mobile.active{transform:translateY(0)}.nav-mobile-content{text-align:center;color:#fff}.nav-mobile-link{display:block;font-family:'Fredoka One',cursive;font-size:2.5rem;color:#fff;text-decoration:none;margin:1rem 0;transition:all .3s ease;text-shadow:0 0 20px rgba(0,0,0,.3)}.nav-mobile-link:hover{transform:scale(1.1);text-shadow:0 0 30px rgba(255,255,255,.8)}.nav-mobile-brand{margin-top:3rem;opacity:.9}.nav-mobile-brand p{font-family:'Fredoka One',cursive;font-size:1.5rem;margin:.5rem 0}.nav-mobile-brand small{font-size:1rem;opacity:.8}@media (max-width:768px){.nav-desktop{display:none}.nav-toggle{display:flex}.nav-wrapper{padding:0 1.5rem}.nav-logo img{height:50px}#modeIndicator{display:none}}@media (max-width:480px){.navbar{height:70px}.nav-wrapper{padding:0 1rem}.nav-logo img{height:45px}.nav-mobile-link{font-size:2rem;margin:.8rem 0}}@media (min-width:769px){#mobileHamburger{display:none!important}#desktopLinks{display:flex!important}}@media (max-width:768px){#desktopLinks{display:none!important}#mobileHamburger{display:flex!important}header{min-height:85px!important;padding:8px 20px!important}header img{height:65px!important}}@media (max-width:480px){header{min-height:80px!important;padding:2px 15px!important}header img{height:120px!important}}.hero-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:4rem;max-width:1400px;margin:0 auto;padding:0 2rem;min-height:100vh}.hero-badge{background:var(--accent-color);color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1.5rem;display:inline-block;animation:badgePulse 2s ease-in-out infinite}.hero-cta-button{background:var(--accent-color);color:#fff;padding:1rem 2rem;border-radius:30px;font-size:1.2rem;font-weight:700;cursor:pointer;transition:all .3s ease;display:inline-block;margin-top:1rem;text-transform:uppercase;letter-spacing:.05em;box-shadow:0 10px 30px rgba(255,215,0,.3)}.hero-cta-button:hover{transform:translateY(-3px);box-shadow:0 15px 40px rgba(255,215,0,.4);background:#ffe55c}.hero-product{position:relative;height:700px;display:flex;align-items:center;justify-content:center}.product-hero-container{position:relative;width:100%;height:100%}.main-product-display{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:3}.hero-product-image{width:420px;height:auto;filter:drop-shadow(0 25px 50px rgba(0, 0, 0, .3));animation:productFloat 6s ease-in-out infinite;will-change:transform;transition:all .3s ease}.hero-product-image:hover{transform:scale(1.05);filter:drop-shadow(0 25px 50px rgba(0, 0, 0, .4))}.product-burst-effect{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:500px;height:500px;background:radial-gradient(circle,var(--accent-color) 0,transparent 70%);border-radius:50%;opacity:.2;animation:burstPulse 3s ease-in-out infinite;z-index:1}.floating-product{position:absolute;animation:floatAround 8s ease-in-out infinite;z-index:2}.floating-product img{width:180px;height:auto;filter:drop-shadow(0 15px 30px rgba(0, 0, 0, .3));will-change:transform;transition:all .3s ease}.floating-product:hover img{transform:scale(1.1);filter:drop-shadow(0 15px 30px rgba(0, 0, 0, .3))}.floating-1{top:20%;right:10%;animation-delay:0s}.floating-2{bottom:25%;left:5%;animation-delay:2s}.floating-3{top:60%;right:20%;animation-delay:4s}@keyframes productFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes floatAround{0%,100%{transform:translateY(0) rotate(0)}25%{transform:translateY(-15px) rotate(2deg)}50%{transform:translateY(-10px) rotate(0)}75%{transform:translateY(-5px) rotate(-2deg)}}@keyframes burstPulse{0%,100%{transform:translate(-50%,-50%) scale(1);opacity:.2}50%{transform:translate(-50%,-50%) scale(1.1);opacity:.3}}@keyframes badgePulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}@media (prefers-reduced-motion:reduce){.display-image img,.floating-product img,.hero h1,.hero-cta-hint,.hero-product-image,.joy-particle,.product-burst-effect{animation:none!important;transition:none!important}}@media (max-width:768px){.hero-layout{grid-template-columns:1fr;gap:1rem;text-align:center;padding:1rem 1rem 1rem 1rem;min-height:100vh;display:flex;flex-direction:column;justify-content:flex-start}.hero-content{order:1;padding:2rem 0 1rem 0;flex-shrink:0}.hero-product{order:2;height:auto;flex:1;display:flex;align-items:center;justify-content:center;padding-bottom:2rem}.hero-product-image{width:75vw;max-width:400px;min-width:280px}.hero-badge{font-size:.9rem;padding:.5rem 1rem;margin-bottom:1.5rem;display:inline-block}.hero h1{font-size:3.5rem;line-height:.85;margin-bottom:1rem;font-weight:400}.hero-subtitle{font-size:1.2rem;line-height:1.4;margin-bottom:2rem;padding:0 1rem;font-weight:400}.hero-cta-button{padding:1.2rem 2.5rem;font-size:1.2rem;margin-bottom:2rem;display:inline-block}.floating-product{display:none}.product-burst-effect{width:90vw;height:90vw;max-width:500px;max-height:500px;opacity:.15}}@media (max-width:480px){.hero-layout{padding:1.5rem .5rem .5rem .5rem;gap:.5rem;justify-content:flex-start}.hero-content{order:1;padding:1.5rem 0 .5rem 0;flex-shrink:0}.hero-product{order:2;height:auto;padding-bottom:1.5rem}.hero-product-image{width:70vw;max-width:320px;min-width:240px}.hero-badge{font-size:.8rem;padding:.4rem .8rem;margin-bottom:1rem}.hero h1{font-size:2.8rem;line-height:.85;margin-bottom:.8rem;font-weight:400}.hero-subtitle{font-size:1rem;line-height:1.3;margin-bottom:1.5rem;padding:0 .5rem;font-weight:400}.hero-cta-button{padding:1rem 2rem;font-size:1rem;margin-bottom:1.5rem}.product-burst-effect{width:85vw;height:85vw;max-width:400px;max-height:400px;opacity:.12}}@media (max-width:375px){.hero-layout{padding:1rem .5rem .5rem .5rem}.hero-content{order:1;padding:1rem 0 .5rem 0}.hero-badge{font-size:.7rem;padding:.3rem .6rem;margin-bottom:.8rem}.hero h1{font-size:2.3rem;line-height:.85;margin-bottom:.6rem}.hero-subtitle{font-size:.9rem;line-height:1.2;margin-bottom:1.2rem}.hero-cta-button{padding:.8rem 1.6rem;font-size:.9rem;margin-bottom:1.2rem}.hero-product{order:2;padding-bottom:1rem}.hero-product-image{width:75vw;max-width:280px;min-width:200px}.product-burst-effect{width:90vw;height:90vw;max-width:350px;max-height:350px}}