body.whats-next-page{background:transparent;background-attachment:fixed;margin:0;padding:0;}.medieval-hero{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;transition:opacity .6s ease,transform .6s ease;margin:0;padding:0;}.road-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;}.road-background-image{width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(1.1) contrast(1.05) brightness(.9);transition:transform .3s ease;}.medieval-hero:hover .road-background-image{transform:scale(1.02);}.hero-content{position:relative;z-index:2;text-align:center;background:transparent;backdrop-filter:none;padding:3rem;border-radius:0;border:none;box-shadow:none;}.medieval-hero.fade-out{opacity:&;transform:translateY(-50px);pointer-events:none;}.medieval-hero::after{content:'';position:absolute;bottom:10%;left:8%;width:80px;height:80px;background:url("green-paw.png") no-repeat center/contain;opacity:.12;animation:pawFloat 8s ease-in-out infinite reverse;z-index:1;filter:sepia(.4) hue-rotate(30deg);}@keyframes pawFloat{0%,100%{transform:translateY(0) rotate(0deg) scale(1);opacity:.12}50%{transform:translateY(-25px) rotate(180deg) scale(1.2);opacity:.2}}.hero-title{font-family:'Watermelon',sans-serif;font-size:7.5rem;color:rgba(255,255,255,.9);text-align:center;margin-bottom:1rem;font-weight:300;position:relative;z-index:2;text-shadow:0 0 15px rgba(255,255,255,.4),0 0 25px rgba(255,255,255,.3),2px 2px 4px rgba(0,0,0,.3);filter:drop-shadow(0 0 8px rgba(255,255,255,.3));animation:whatsNextGlow 5s ease-in-out infinite alternate;display:inline-block;}.hero-title span{display:inline-block;animation-duration:2s;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-fill-mode:both;}.hero-title span:nth-child(1){animation-name:wobble1;animation-delay:0s}.hero-title span:nth-child(2){animation-name:wobble2;animation-delay:.1s}.hero-title span:nth-child(3){animation-name:wobble3;animation-delay:.2s}.hero-title span:nth-child(4){animation-name:wobble4;animation-delay:.3s}.hero-title span:nth-child(5){animation-name:wobble5;animation-delay:.4s}.hero-title span:nth-child(6){animation-name:wobble6;animation-delay:.5s}.hero-title span:nth-child(7){animation-name:wobble7;animation-delay:.6s}.hero-title span:nth-child(8){animation-name:wobble1;animation-delay:.7s}.hero-title span:nth-child(9){animation-name:wobble2;animation-delay:.8s}.hero-title span:nth-child(10){animation-name:wobble3;animation-delay:.9s}.hero-title span:nth-child(11){animation-name:wobble4;animation-delay:1s}.hero-title span:nth-child(12){animation-name:wobble5;animation-delay:1.1s}@keyframes wobble1{0%,100%{transform:rotate(0deg) translateY(0) scale(1)}25%{transform:rotate(2deg) translateY(-3px) scale(1.05)}50%{transform:rotate(-1deg) translateY(2px) scale(.98)}75%{transform:rotate(1.5deg) translateY(-1px) scale(1.02)}}@keyframes wobble2{0%,100%{transform:rotate(0deg) translateY(0) scale(1)}25%{transform:rotate(-2deg) translateY(2px) scale(.97)}50%{transform:rotate(1.5deg) translateY(-4px) scale(1.06)}75%{transform:rotate(-1deg) translateY(1px) scale(.99)}}@keyframes wobble3{0%,100%{transform:rotate(0deg) translateY(0) scale(1)}25%{transform:rotate(1deg) translateY(-2px) scale(1.03)}50%{transform:rotate(-2.5deg) translateY(3px) scale(.96)}75%{transform:rotate(2deg) translateY(-1px) scale(1.04)}}@keyframes wobble4{0%,100%{transform:rotate(0deg) translateY(0) scale(1)}25%{transform:rotate(-1.5deg) translateY(4px) scale(.95)}50%{transform:rotate(2deg) translateY(-2px) scale(1.07)}75%{transform:rotate(-.5deg) translateY(1px) scale(1.01)}}@keyframes wobble5{0%,100%{transform:rotate(0deg) translateY(0) scale(1)}25%{transform:rotate(2.5deg) translateY(-1px) scale(1.02)}50%{transform:rotate(-1deg) translateY(3px) scale(.98)}75%{transform:rotate(1deg) translateY(-3px) scale(1.05)}}@keyframes wobble6{0%,100%{transform:rotate(0deg) translateY(0) scale(1)}25%{transform:rotate(-2deg) translateY(-3px) scale(1.04)}50%{transform:rotate(1.5deg) translateY(2px) scale(.97)}75%{transform:rotate(-1.5deg) translateY(-1px) scale(1.03)}}@keyframes wobble7{0%,100%{transform:rotate(0deg) translateY(0) scale(1)}25%{transform:rotate(1.5deg) translateY(3px) scale(.96)}50%{transform:rotate(-2.5deg) translateY(-2px) scale(1.06)}75%{transform:rotate(.5deg) translateY(2px) scale(.99)}}@keyframes whatsNextGlow{0%{filter:drop-shadow(0 0 8px rgba(255,255,255,.3)) brightness(1);transform:scale(1)}100%{filter:drop-shadow(0 0 12px rgba(255,255,255,.4)) brightness(1.05);transform:scale(1.01)}}@keyframes titlePulse{0%,100%{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.02);filter:brightness(1.2)}}.hero-subtitle{font-size:1.5rem;color:var(--text);text-align:center;max-width:800px;line-height:1.7;position:relative;z-index:2;opacity:.85;font-weight:500;text-shadow:1px 1px 2px rgba(139,69,19,.2);}.scroll-snap-roadmap{position:relative;}.roadmap-phase{min-height:80vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:2rem 2rem;}.phase-container{display:flex;align-items:center;justify-content:center;width:90%;max-width:1200px;height:80%;position:relative;gap:6rem;background:rgba(255,253,246,.08);backdrop-filter:blur(15px);border:4px solid #8B4513;border-radius:30px;box-shadow:0 20px 40px rgba(0,0,0,.15),inset 0 2px 0 rgba(245,222,179,.3),8px 8px 0 var(--accent),12px 12px 0 rgba(127,169,112,.3);padding:3rem;transition:all .4s cubic-bezier(.68,-.55,.265,1.55);}.phase-container::before{content:'';position:absolute;top:15px;left:15px;right:15px;bottom:15px;border:2px dashed rgba(139,69,19,.3);border-radius:20px;z-index:0;}.phase-container::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(45deg,transparent,transparent 15px,rgba(139,69,19,.008) 15px,rgba(139,69,19,.008) 30px);border-radius:26px;z-index:0;}.roadmap-phase.active .phase-container{transform:translateY(-8px) rotate(1deg);box-shadow:0 25px 50px rgba(0,0,0,.2),inset 0 2px 0 rgba(245,222,179,.4),10px 10px 0 var(--accent),15px 15px 0 rgba(127,169,112,.4);}.roadmap-phase:nth-child(even) .phase-container{flex-direction:row-reverse;transform:rotate(-.5deg);}.roadmap-phase:nth-child(even).active .phase-container{transform:translateY(-8px) rotate(-1.5deg);}.floating-image{flex:0 0 45%;position:relative;z-index:2;transform:scale(.8) translateY(50px);opacity:&;transition:all 1s cubic-bezier(.4,0,.2,1);}.roadmap-phase.active .floating-image{transform:scale(1) translateY(0);opacity:1;animation:floatSuspended 6s ease-in-out infinite;}@keyframes floatSuspended{0%,100%{transform:scale(1) translateY(0) rotate(0deg)}50%{transform:scale(1.02) translateY(-15px) rotate(1deg)}}.floating-image img{width:100%;max-width:450px;height:auto;border-radius:20px;filter:saturate(1.2) contrast(1.1) brightness(1.05);transition:all .6s cubic-bezier(.4,0,.2,1);}.dynamic-content{flex:1;position:relative;z-index:2;transform:translateX(100px);opacity:&;transition:all 1.2s cubic-bezier(.4,0,.2,1) .3s;}.roadmap-phase:nth-child(even) .dynamic-content{transform:translateX(-100px);text-align:right;}.roadmap-phase.active .dynamic-content{transform:translateX(0);opacity:1;}.phase-title{font-family:'Watermelon',sans-serif;font-size:3.5rem;color:#8B4513;margin-bottom:2rem;font-weight:300;line-height:1.2;text-shadow:2px 2px 4px rgba(139,69,19,.2);position:relative;}.phase-title::after{content:'';position:absolute;bottom:-15px;left:0;width:80px;height:4px;background:linear-gradient(90deg,var(--accent) 0%,#8B4513 100%);border-radius:2px;animation:lineGrow 1s ease-out 1.5s both;}.roadmap-phase:nth-child(even) .phase-title::after{left:auto;right:0;}@keyframes lineGrow{from{width:0;opacity:&}to{width:80px;opacity:1}}.phase-description{font-size:1.3rem;line-height:1.8;color:#8B4513;opacity:.9;font-weight:500;max-width:500px;text-shadow:1px 1px 2px rgba(139,69,19,.1);animation:textFadeIn 1s ease-out 1.8s both;}@keyframes textFadeIn{from{opacity:&;transform:translateY(20px)}to{opacity:.9;transform:translateY(0)}}.scroll-progress{position:fixed;right:2rem;top:50%;transform:translateY(-50%);z-index:1000;display:flex;flex-direction:column;gap:1rem;}.progress-dot{width:12px;height:12px;border-radius:50%;background:rgba(139,69,19,.3);transition:all .3s ease;cursor:pointer;}.progress-dot.active{background:var(--accent);transform:scale(1.3);box-shadow:0 0 0 4px rgba(127,169,112,.2);}.roadmap-phase::before{content:'';position:absolute;top:10%;right:8%;width:80px;height:80px;background:url("green-paw.png") no-repeat center/contain;opacity:.06;animation:decorFloat 12s ease-in-out infinite;z-index:1;}.roadmap-phase:nth-child(even)::before{right:auto;left:8%;animation-delay:-6s;}@keyframes decorFloat{0%,100%{transform:translateY(0) rotate(0deg) scale(1);opacity:.06}50%{transform:translateY(-25px) rotate(180deg) scale(1.1);opacity:.1}}.medieval-phase-visual{flex:0 0 45%;position:relative;z-index:1;}.medieval-phase-image{width:100%;max-width:400px;height:auto;border:4px solid #8B4513;border-radius:0;transition:all .4s cubic-bezier(.68,-.55,.265,1.55);box-shadow:inset 0 2px 4px rgba(245,222,179,.6),inset 0 -2px 4px rgba(139,69,19,.3),8px 8px 0 #8B4513,12px 12px 0 rgba(139,69,19,.3);filter:sepia(.1) contrast(1.1);clip-path:polygon(0% 6%,6% 0%,94% 0%,100% 6%,100% 94%,94% 100%,6% 100%,0% 94%);}.medieval-phase-item:hover .medieval-phase-image{transform:scale(1.05) rotate(2deg);box-shadow:inset 0 3px 6px rgba(245,222,179,.8),inset 0 -3px 6px rgba(139,69,19,.4),12px 12px 0 #8B4513,16px 16px 0 rgba(139,69,19,.4);filter:sepia(.2) contrast(1.2);}.medieval-phase-content{flex:1;position:relative;z-index:1;padding:1rem 0;}.medieval-phase-title{font-family:'Watermelon',sans-serif;font-size:2.5rem;color:#8B4513;margin-bottom:2rem;font-weight:300;line-height:1.3;text-shadow:2px 2px 4px rgba(139,69,19,.3);position:relative;}.medieval-phase-title::after{content:'';position:absolute;bottom:-10px;left:0;width:60px;height:3px;background:linear-gradient(90deg,var(--accent) 0%,#8B4513 100%);border-radius:2px;}.medieval-phase-item:nth-child(even) .medieval-phase-title::after{left:auto;right:0;}.medieval-phase-description{font-size:1.2rem;line-height:1.7;color:#8B4513;opacity:.9;font-weight:500;max-width:500px;text-shadow:1px 1px 2px rgba(139,69,19,.2);}.medieval-phase-item:nth-child(even) .medieval-phase-content{text-align:right;}.medieval-phase-item:nth-child(even) .medieval-phase-description{margin-left:auto;}.modern-floating-elements{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;overflow:hidden;}.modern-floating-icon{position:absolute;width:32px;height:32px;opacity:.06;animation:modernFloatIcon 12s ease-in-out infinite;}.modern-floating-icon:nth-child(1){top:20%;left:8%;animation-delay:0s;background:url("green-paw.png") no-repeat center/contain;}.modern-floating-icon:nth-child(2){top:35%;right:12%;animation-delay:-3s;background:url("green-paw.png") no-repeat center/contain;}.modern-floating-icon:nth-child(3){top:55%;left:6%;animation-delay:-6s;background:url("green-paw.png") no-repeat center/contain;}.modern-floating-icon:nth-child(4){top:75%;right:8%;animation-delay:-2s;background:url("green-paw.png") no-repeat center/contain;}.modern-floating-icon:nth-child(5){top:85%;left:15%;animation-delay:-8s;background:url("green-paw.png") no-repeat center/contain;}@keyframes modernFloatIcon{0%,100%{transform:translateY(0) rotate(0deg) scale(1);opacity:.06}50%{transform:translateY(-30px) rotate(180deg) scale(1.2);opacity:.12}}.playbook-content .btn{display:inline-block;padding:1rem 2.5rem;background:var(--accent);color:var(--bg);text-decoration:none;border:4px solid var(--text);border-radius:30px;font-weight:700;font-size:1.1rem;text-transform:uppercase;letter-spacing:1px;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);position:relative;overflow:hidden;box-shadow:8px 8px 0 var(--text),12px 12px 0 rgba(11,11,11,.3);text-shadow:none;}.playbook-content .btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .4s ease;}.playbook-content .btn:hover::before{left:100%;}.playbook-content .btn:hover{transform:translateY(-4px) rotate(-2deg) scale(1.1);box-shadow:10px 10px 0 var(--text),14px 14px 0 rgba(11,11,11,.4);background:#95b789;}@media (max-width:1024px){.phase-container{flex-direction:column!important;text-align:center!important;gap:4rem;width:95%}.roadmap-phase:nth-child(even) .phase-container{flex-direction:column!important}.floating-image{flex:none}.dynamic-content{text-align:center!important;transform:translateY(50px)!important}.roadmap-phase.active .dynamic-content{transform:translateY(0)!important}.phase-title::after{left:50%!important;right:auto!important;transform:translateX(-50%)}.hero-title{font-size:4.5rem}.hero-content{padding:2.5rem}.scroll-progress{right:1rem}}@media (max-width:768px){.phase-container{gap:3rem;width:90%}.floating-image img{max-width:350px}.phase-title{font-size:2.8rem;margin-bottom:1.5rem}.phase-description{font-size:1.2rem;line-height:1.7;max-width:400px;margin:0 auto}.hero-title{font-size:4rem}.hero-subtitle{font-size:1.3rem;padding:0 1rem}.hero-content{padding:2rem}.modern-floating-icon{width:24px;height:24px}.scroll-progress{right:.5rem;gap:.8rem}.progress-dot{width:10px;height:10px}}@media (max-width:480px){.phase-container{gap:2rem;width:95%;height:85%}.floating-image img{max-width:280px;border-radius:16px}.phase-title{font-size:2rem;margin-bottom:1rem}.phase-description{font-size:1rem;line-height:1.4;max-width:320px}.hero-title{font-size:3rem}.hero-subtitle{font-size:1.2rem}.hero-content{padding:1.5rem}.modern-floating-icon{width:20px;height:20px}.medieval-hero::before{width:150px;height:150px}.scroll-progress{display:none}.roadmap-phase::before{width:60px;height:60px}}div#navbar-placeholder{position:relative;width:100%;z-index:1001;}body.whats-next-page .navbar{position:fixed;z-index:1001;background:linear-gradient(135deg,rgba(139,69,19,.9),rgba(160,82,45,.85));backdrop-filter:blur(10px);border:4px solid #8B4513;box-shadow:inset 0 2px 4px rgba(255,255,255,.2),inset 0 -2px 4px rgba(0,0,0,.3),0 6px 12px rgba(0,0,0,.3);}body.whats-next-page .navbar::after{background:linear-gradient(135deg,rgba(160,82,45,.1) 0%,transparent 25%,rgba(139,69,19,.1) 50%,transparent 75%,rgba(160,82,45,.1) 100%);}body.whats-next-page .nav-link,body.whats-next-page .logo-text{color:var(--bg);}body.whats-next-page .logo img{filter:brightness(0) saturate(100%) invert(98%) sepia(3%) saturate(346%) hue-rotate(325deg) brightness(106%) contrast(96%);}body.whats-next-page .nav-link:hover{color:#D2691E;border-color:#8B4513;}body.whats-next-page .nav-link.join{background:#fed950;color:var(--bg);border-color:#8B4513;}body.whats-next-page .nav-link.join:hover{background:#fed950;color:var(--bg);border-color:#8B4513;}body.whats-next-page .mobile-top-nav{position:fixed;z-index:1001;background:linear-gradient(135deg,rgba(139,69,19,.9),rgba(160,82,45,.85));backdrop-filter:blur(10px);border:4px solid #8B4513;box-shadow:inset 0 2px 4px rgba(255,255,255,.2),inset 0 -2px 4px rgba(0,0,0,.3),0 6px 12px rgba(0,0,0,.3);}body.whats-next-page .mobile-top-nav::after{background:linear-gradient(135deg,rgba(160,82,45,.1) 0%,transparent 25%,rgba(139,69,19,.1) 50%,transparent 75%,rgba(160,82,45,.1) 100%);}body.whats-next-page .mobile-top-nav .nav-link,body.whats-next-page .mobile-top-nav .logo-text{color:var(--bg);}body.whats-next-page .mobile-top-nav .logo img{filter:brightness(0) saturate(100%) invert(98%) sepia(3%) saturate(346%) hue-rotate(325deg) brightness(106%) contrast(96%);}body.whats-next-page .mobile-bottom-nav{position:fixed;z-index:1001;background:linear-gradient(135deg,rgba(139,69,19,.9),rgba(160,82,45,.85));backdrop-filter:blur(10px);border:4px solid #8B4513;box-shadow:inset 0 2px 4px rgba(255,255,255,.2),inset 0 -2px 4px rgba(0,0,0,.3),0 6px 12px rgba(0,0,0,.3);}body.whats-next-page .mobile-bottom-nav::after{background:linear-gradient(135deg,rgba(160,82,45,.1) 0%,transparent 25%,rgba(139,69,19,.1) 50%,transparent 75%,rgba(160,82,45,.1) 100%);}body.whats-next-page .mobile-bottom-nav .mobile-nav-item a{color:var(--bg);}body.whats-next-page .mobile-nav-item a:hover{color:#D2691E;border-color:#8B4513;}body.whats-next-page .mobile-bottom-nav .nav-link.join{background:#fed950;color:var(--bg);border-color:#8B4513}body.whats-next-page .mobile-bottom-nav .nav-link.join:hover{background:#fed950;color:var(--bg);border-color:#8B4513}body.whats-next-page .mobile-top-nav .nav-link.join{background:#fed950;color:var(--bg);border-color:#8B4513}body.whats-next-page .mobile-top-nav .nav-link.join:hover{background:#fed950;color:var(--bg);border-color:#8B4513}@media (max-width:768px){body.whats-next-page .mobile-top-nav{background:linear-gradient(135deg,rgba(139,69,19,.9),rgba(160,82,45,.85))!important;backdrop-filter:blur(10px)!important;border:4px solid #8B4513!important;box-shadow:inset 0 2px 4px rgba(255,255,255,.2),inset 0 -2px 4px rgba(0,0,0,.3),0 6px 12px rgba(0,0,0,.3)!important}body.whats-next-page .mobile-top-nav::after{background:linear-gradient(135deg,rgba(160,82,45,.1) 0%,transparent 25%,rgba(139,69,19,.1) 50%,transparent 75%,rgba(160,82,45,.1) 100%)!important}body.whats-next-page .mobile-top-nav .nav-link,body.whats-next-page .mobile-top-nav .logo-text{color:var(--bg)!important}body.whats-next-page .mobile-top-nav .logo img{filter:brightness(0) saturate(100%) invert(98%) sepia(3%) saturate(346%) hue-rotate(325deg) brightness(106%) contrast(96%)!important}body.whats-next-page .mobile-bottom-nav{background:linear-gradient(135deg,rgba(139,69,19,.9),rgba(160,82,45,.85))!important;backdrop-filter:blur(10px)!important;border:4px solid #8B4513!important;box-shadow:inset 0 2px 4px rgba(255,255,255,.2),inset 0 -2px 4px rgba(0,0,0,.3),0 6px 12px rgba(0,0,0,.3)!important}body.whats-next-page .mobile-bottom-nav::after{background:linear-gradient(135deg,rgba(160,82,45,.1) 0%,transparent 25%,rgba(139,69,19,.1) 50%,transparent 75%,rgba(160,82,45,.1) 100%)!important}body.whats-next-page .mobile-bottom-nav .mobile-nav-item a{color:var(--bg)!important}body.whats-next-page .mobile-nav-item a:hover{color:#D2691E!important;border-color:#8B4513!important}body.whats-next-page .mobile-bottom-nav .nav-link.join{background:linear-gradient(135deg,#B8860B,#DAA520)!important;color:var(--bg)!important;border-color:#8B4513!important}body.whats-next-page .mobile-bottom-nav .nav-link.join:hover{background:linear-gradient(135deg,#B8860B,#DAA520)!important;color:var(--bg)!important;border-color:#8B4513!important}body.whats-next-page .mobile-top-nav .nav-link.join{background:linear-gradient(135deg,#B8860B,#DAA520)!important;color:var(--bg)!important;border-color:#8B4513!important}body.whats-next-page .mobile-top-nav .nav-link.join:hover{background:linear-gradient(135deg,#B8860B,#DAA520)!important;color:var(--bg)!important;border-color:#8B4513!important}}