:root{--primary-amber:#F59E0B;--primary-gold:#FCD34D;--primary-honey:#FEF3C7;--secondary-navy:#0F172A;--secondary-slate:#1E293B;--secondary-charcoal:#334155;--beer-amber-light:#FBBF24;--beer-amber-rich:#F59E0B;--beer-caramel:#D97706;--beer-bronze:#92400E;--foam-white:rgba(255,255,255,0.98);--foam-cream:rgba(254,243,199,0.95);--foam-light:rgba(255,251,235,0.9);--glass-white:rgba(255,255,255,0.08);--glass-gold:rgba(251,191,36,0.1);--bubble-white:rgba(255,255,255,0.6);--bubble-gold:rgba(252,211,77,0.4);--bubble-shimmer:rgba(255,255,255,0.9);--text-primary:#FEFCE8;--text-secondary:#FEF3C7;--text-muted:rgba(254,243,199,0.7);--text-inverse:#0F172A;--hover-glow:#FCD34D;--active-press:#F59E0B;--focus-ring:rgba(252,211,77,0.5);--shadow-amber:rgba(245,158,11,0.2);--shadow-dark:rgba(15,23,42,0.4);--glow-gold:rgba(252,211,77,0.3);--glow-white:rgba(255,255,255,0.1);--font-display:'Playfair Display',serif;--font-body:'Inter',-apple-system,sans-serif;--space-xs:0.5rem;--space-sm:1rem;--space-md:1.5rem;--space-lg:2rem;--space-xl:3rem;--space-2xl:4rem;--space-3xl:6rem}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);background:linear-gradient(170deg,var(--secondary-navy) 0%,var(--secondary-slate) 40%,var(--secondary-charcoal) 70%,var(--secondary-slate) 100%);color:var(--text-primary);overflow-x:hidden;line-height:1.6;min-height:100vh;position:relative}.gradient-bg{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at top right,var(--glass-gold),transparent 40%),radial-gradient(ellipse at bottom left,var(--shadow-amber),transparent 40%),linear-gradient(170deg,var(--secondary-navy) 0%,var(--secondary-slate) 40%,var(--secondary-charcoal) 70%,var(--secondary-slate) 100%);z-index:-2}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}.nav-premium{position:fixed;top:0;width:100%;padding:1rem 0;background:linear-gradient(to bottom,rgba(15,23,42,0.85) 0%,rgba(15,23,42,0.75) 100%);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid var(--glass-gold);z-index:1000;box-shadow:0 4px 30px var(--shadow-dark),inset 0 1px 0 var(--glass-white);transition:all 0.3s cubic-bezier(0.4,0,0.2,1)};transition:padding 0.3s cubic-bezier(0.4,0,0.2,1),background 0.3s cubic-bezier(0.4,0,0.2,1)}.nav-premium.scrolled{padding:0.75rem 0;background:linear-gradient(to bottom,rgba(26,43,60,0.99) 0%,rgba(26,43,60,0.98) 100%)}.nav-premium.mobile-optimized{will-change:auto;transition:none}@media (max-width:768px){.particle{animation-duration:15s !important;opacity:0.5 !important}.section-bubble,.divider-word{animation:none !important}.nav-premium{transform:translateZ(0);backface-visibility:hidden}}.nav-container{max-width:1400px;margin:0 auto;padding:0 var(--space-lg);display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;gap:var(--space-sm);text-decoration:none;color:inherit}.logo-mark{width:40px;height:40px;display:flex;align-items:center;justify-content:center;position:relative}.mini-beer-mug{width:32px;height:36px;position:relative}@keyframes mini-float{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-2px) rotate(-2deg)}}.mini-mug-body{width:24px;height:32px;position:absolute;left:0;background:linear-gradient(180deg,rgba(255,255,255,.15),rgba(255,255,255,.05));border:2px solid #f59e0b;border-radius:0 0 3px 3px;overflow:hidden}.mini-beer-liquid{position:absolute;bottom:0;width:100%;height:92%;background:linear-gradient(to top,#8b4513 0,#a0522d 60%,#d2a679 100%)}@keyframes mini-beer-fill{0%,100%{height:60%}50%{height:68%}}.mini-foam-layer{position:absolute;top:8%;width:100%;height:6px;background:linear-gradient(180deg,rgba(255,248,225,.95),rgba(255,248,225,.8));border-radius:50% 50% 0 0}@keyframes mini-foam-bob{0%,100%{top:40%}50%{top:32%}}.mini-mug-handle{position:absolute;left:24px;top:6px;width:8px;height:22px;background:0 0;border:2px solid rgba(255,255,255,.8);border-left:none;border-radius:0 5px 5px 0}.logo-text{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#fcd34d 0,#f59e0b 50%,#d97706 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-links{display:flex;gap:var(--space-xl)}.nav-link{color:#fef3c7;font-size:0.95rem;font-weight:500;text-decoration:none;padding:0.5rem 0;position:relative;transition:color 0.3s}.nav-link:hover{color:#fcd34d}.nav-cta{padding:0.75rem 2rem;background:linear-gradient(135deg,var(--primary-gold) 0%,var(--primary-amber) 100%);color:var(--text-inverse);text-decoration:none!important;font-weight:600;font-size:0.95rem;letter-spacing:0.025em;border-radius:50px;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);box-shadow:0 4px 15px var(--shadow-amber),0 1px 3px var(--shadow-dark),inset 0 1px 0 var(--primary-honey);border:1px solid transparent;position:relative;overflow:hidden}.nav-cta:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 8px 25px var(--shadow-amber),0 2px 8px var(--shadow-dark),0 0 30px var(--glow-gold);border:1px solid var(--primary-honey)}.hero-premium{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;padding:var(--space-3xl) 0;overflow:hidden}.particles{position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:1;pointer-events:none;opacity:1 !important}.particle{position:absolute;background:var(--bubble-white);border-radius:50%;pointer-events:none;border:1px solid rgba(255,255,255,0.2);box-shadow:0 0 12px rgba(255,255,255,0.6),inset -2px -2px 4px rgba(255,255,255,0.3),inset 2px 2px 4px rgba(255,255,255,0.5);opacity:0.7}@keyframes float-up{0%{transform:translateY(110vh) scale(0) translateX(0);opacity:0}10%{opacity:0.7;transform:translateY(90vh) scale(0.5) translateX(10px)}30%{transform:translateY(60vh) scale(0.8) translateX(-15px)}50%{transform:translateY(40vh) scale(1) translateX(20px)}70%{transform:translateY(20vh) scale(1.1) translateX(-10px)}90%{opacity:0.3;transform:translateY(5vh) scale(1.2) translateX(15px)}100%{transform:translateY(-10vh) scale(1.3) translateX(0);opacity:0}}.section-bubbles{position:absolute;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:0}.section-bubble{position:absolute;width:8px;height:8px;background:radial-gradient(circle at 40% 40%,rgba(255,255,255,0.6),rgba(245,166,35,0.2),transparent);border-radius:50%;animation:gentle-rise 12s infinite ease-in-out}@keyframes gentle-rise{0%{transform:translateY(100%) scale(0.5);opacity:0}20%{opacity:0.5}80%{opacity:0.2}100%{transform:translateY(-100vh) scale(1);opacity:0}}.hero-container{max-width:1400px;margin:0 auto;padding:0 var(--space-lg);display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3xl);align-items:center;position:relative;z-index:1}.hero-content{animation:fadeInUp 1s ease-out}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-badge{display:inline-block;padding:var(--space-xs) var(--space-md);background:rgba(245,166,35,0.1);border:1px solid rgba(245,166,35,0.3);border-radius:50px;font-size:0.875rem;font-weight:500;color:var(--primary-amber);margin-bottom:var(--space-lg);letter-spacing:0.05em}.hero-title{font-family:var(--font-display);font-size:clamp(3rem,6vw,4.5rem);font-weight:900;line-height:1.1;margin-bottom:var(--space-lg);letter-spacing:-0.02em}.hero-title .gradient-text{background:linear-gradient(135deg,var(--primary-amber),var(--gold-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-description{font-size:1.25rem;color:rgba(245,245,245,0.95);margin-bottom:var(--space-xl);line-height:1.7}.hero-actions{display:flex;gap:var(--space-md);margin-bottom:var(--space-xl)}.btn-primary{padding:var(--space-md) var(--space-xl);background:linear-gradient(135deg,var(--primary-amber),var(--gold-accent));color:var(--secondary-navy);text-decoration:none;font-weight:600;font-size:1.125rem;border-radius:50px;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);box-shadow:0 10px 30px rgba(245,166,35,0.3);position:relative;overflow:hidden}.btn-primary::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.3),transparent);transition:left 0.5s ease}.btn-primary:hover::before{left:100%}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 15px 40px rgba(245,166,35,0.4)}.btn-secondary{padding:var(--space-md) var(--space-xl);background:transparent;color:var(--neutral-cream);text-decoration:none;font-weight:600;font-size:1.125rem;border:2px solid rgba(245,166,35,0.8);border-radius:50px;transition:all 0.3s ease}.btn-secondary:hover{background:rgba(245,166,35,0.1);border-color:var(--primary-amber);transform:translateY(-3px)}.hero-visual{position:relative;animation:fadeIn 1.5s ease-out}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.beer-composition{position:relative;width:100%;height:500px;display:flex;align-items:center;justify-content:center}.beer-mug-css{position:relative;width:200px;height:280px;animation:gentle-float 6s ease-in-out infinite}@keyframes gentle-float{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-10px) rotate(2deg)}}.mug-body{width:200px;height:250px;background:linear-gradient(to bottom,rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.05) 10%,transparent 10%,transparent 100%);border:3px solid rgba(245,166,35,0.3);border-radius:0 0 20px 20px;position:relative;overflow:hidden;box-shadow:0 20px 40px rgba(0,0,0,0.2),inset 0 0 20px rgba(245,166,35,0.1)}.beer-liquid{position:absolute;bottom:0;width:100%;height:62%;background:linear-gradient(to top,rgba(217,125,13,0.9) 0%,rgba(230,140,20,0.85) 30%,rgba(245,166,35,0.8) 60%,rgba(250,180,50,0.75) 90%,rgba(255,195,70,0.7) 100%);animation:beer-fill 3s ease-out forwards;transform-origin:bottom;transform:scaleY(0)}@keyframes beer-fill{from{transform:scaleY(0)}to{transform:scaleY(1)}}.foam-layer{position:absolute;top:20%;width:100%;height:18%;background:linear-gradient(to bottom,rgba(255,248,225,0.95) 0%,rgba(255,248,225,0.8) 40%,rgba(255,248,225,0.5) 70%,transparent 100%);border-radius:50% 50% 0 0;transform-origin:center;animation:foam-rise 3s ease-out forwards;opacity:0}@keyframes foam-rise{0%{transform:translateY(150px) scaleY(2);opacity:0}20%{opacity:0.5;transform:translateY(100px) scaleY(1.8)}50%{opacity:0.8;transform:translateY(50px) scaleY(1.4)}100%{opacity:1;transform:translateY(0) scaleY(1)}}.bubble-stream{position:absolute;bottom:10%;left:50%;transform:translateX(-50%);width:100%;height:60%}.bubble-stream::before,.bubble-stream::after{content:'';position:absolute;width:6px;height:6px;background:rgba(255,255,255,0.7);border-radius:50%;animation:bubble-rise-internal 3s infi