/* Fonts loaded inline via fallback stack */
/* ===== ANIMATED BACKGROUND PER SECTION ===== */
section{position:relative;overflow:hidden;padding:6rem 2rem;}
section::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 30% 50%,rgba(212,168,67,.07)0%,transparent 60%);pointer-events:none;z-index:0;}
section::after{content:'';position:absolute;bottom:0;left:5%;right:5%;height:1px;background:linear-gradient(90deg,transparent,rgba(212,168,67,.2),transparent);z-index:1;}
section>*{position:relative;z-index:1;}

/* ===== BADGES & TITLES ===== */
.section-badge{display:inline-flex;align-items:center;gap:.5rem;background:rgba(212,168,67,.08);border:1px solid rgba(212,168,67,.2);padding:.45rem 1.2rem;border-radius:100px;font:.75rem/1 'Segoe UI',system-ui,sans-serif;color:#d4a843;font-weight:700;text-transform:uppercase;letter-spacing:3px;margin-bottom:1.2rem;animation:badge-breathe 3s ease-in-out infinite;}
@keyframes badge-breathe{0%,100%{box-shadow:0 0 0 0 rgba(212,168,67,.3),0 0 20px rgba(212,168,67,0);}50%{box-shadow:0 0 0 8px rgba(212,168,67,0),0 0 30px rgba(212,168,67,.15);}}

.section-title{font:900 clamp(2.2rem,5vw,3.5rem)/1.1 'Segoe UI',system-ui,sans-serif;background:linear-gradient(135deg,#f5e6a3,#d4a843,#b0872e,#f5e6a3);background-size:400% 400%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.75rem;animation:gold-shimmer 5s ease infinite;}
@keyframes gold-shimmer{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}

.section-sub{color:#8880a0;font:1.05rem/1.7 'Segoe UI',system-ui,sans-serif;margin-bottom:2.5rem;max-width:600px;}
.back-link{color:#d4a843;text-decoration:none;font:600 .85rem 'Segoe UI',system-ui,sans-serif;display:inline-block;margin-top:2.5rem;transition:all .3s;opacity:.6;}
.back-link:hover{opacity:1;transform:translateX(6px);}
.fav-icon{width:14px;height:14px;vertical-align:middle;margin:0 2px 2px 0;}

/* ===== SCROLL REVEAL ===== */
.reveal{opacity:0;transform:translateY(50px);transition:opacity 1s cubic-bezier(.16,1,.3,1),transform 1s cubic-bezier(.16,1,.3,1);}
.reveal.visible{opacity:1;transform:translateY(0);}

/* Stagger children inside visible sections */
.reveal.visible .about-fact,.reveal.visible .token-card,.reveal.visible .rm-item,.reveal.visible .pack-card,.reveal.visible .faq-item{animation:stagger-in .6s ease backwards;}
.reveal.visible :nth-child(1){animation-delay:.1s}.reveal.visible :nth-child(2){animation-delay:.2s}.reveal.visible :nth-child(3){animation-delay:.3s}.reveal.visible :nth-child(4){animation-delay:.4s}.reveal.visible :nth-child(5){animation-delay:.5s}
@keyframes stagger-in{from{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}

/* ===== HERO - Full Image ===== */
.hero{position:relative;width:100%;display:flex;align-items:center;justify-content:center;background:#000;}
.hero img{width:100vw;height:auto;display:block;}
.hero::before{content:'';position:absolute;bottom:0;left:0;right:0;height:60px;background:linear-gradient(to bottom,transparent,#000);pointer-events:none;z-index:0;}
.hero::after{content:'';position:absolute;bottom:0;left:0;right:0;height:4px;background:#7c3aed;pointer-events:none;z-index:2;}

/* ===== IMAGE SECTIONS - Full Image ===== */
#about{position:relative;width:100%;display:flex;align-items:center;justify-content:center;background:#000;}
#about img{width:100vw;height:auto;display:block;}
#about::before{content:'';position:absolute;bottom:0;left:0;right:0;height:60px;background:linear-gradient(to bottom,transparent,#000);pointer-events:none;z-index:2;}
#about::after{content:'';position:absolute;bottom:0;left:0;right:0;height:4px;background:#7c3aed;pointer-events:none;z-index:3;}

#tokenomics{position:relative;width:100%;display:flex;align-items:center;justify-content:center;background:#000;}
#tokenomics img{width:100vw;height:auto;display:block;}
#tokenomics::before{content:'';position:absolute;bottom:0;left:0;right:0;height:60px;background:linear-gradient(to bottom,transparent,#000);pointer-events:none;z-index:2;}
#tokenomics::after{content:'';position:absolute;bottom:0;left:0;right:0;height:4px;background:#7c3aed;pointer-events:none;z-index:3;}

#roadmap{position:relative;width:100%;display:flex;align-items:center;justify-content:center;background:#000;}
#roadmap img{width:100vw;height:auto;display:block;}
#roadmap::before{content:'';position:absolute;bottom:0;left:0;right:0;height:60px;background:linear-gradient(to bottom,transparent,#000);pointer-events:none;z-index:2;}
#roadmap::after{content:'';position:absolute;bottom:0;left:0;right:0;height:4px;background:#7c3aed;pointer-events:none;z-index:3;}

#pack{position:relative;width:100%;display:flex;align-items:center;justify-content:center;background:#000;}
#pack img{width:100vw;height:auto;display:block;}
#pack::before{content:'';position:absolute;bottom:0;left:0;right:0;height:60px;background:linear-gradient(to bottom,transparent,#000);pointer-events:none;z-index:2;}
#pack::after{content:'';position:absolute;bottom:0;left:0;right:0;height:4px;background:#7c3aed;pointer-events:none;z-index:3;}

#faq{position:relative;width:100%;display:flex;align-items:center;justify-content:center;background:#000;}
#faq img{width:100vw;height:auto;display:block;}
#faq::before{content:'';position:absolute;bottom:0;left:0;right:0;height:60px;background:linear-gradient(to bottom,transparent,#000);pointer-events:none;z-index:2;}
#faq::after{content:'';position:absolute;bottom:0;left:0;right:0;height:4px;background:#7c3aed;pointer-events:none;z-index:3;}

#live-chart{position:relative;width:100%;background:#000;}
#live-chart img{width:100vw;height:auto;display:block;}
#live-chart::before{content:'';position:absolute;bottom:0;left:0;right:0;height:60px;background:linear-gradient(to bottom,transparent,#000);pointer-events:none;z-index:2;}
#live-chart::after{content:'';position:absolute;bottom:0;left:0;right:0;height:4px;background:#7c3aed;pointer-events:none;z-index:3;}
.chart-wrap{position:relative;width:100vw;height:auto;}
.chart-wrap img{width:100vw;height:auto;display:block;}
.chart-overlay{position:absolute;top:27%;left:23%;width:52%;height:44%;z-index:5;pointer-events:auto;border:2px solid rgba(124,58,237,0.4);border-radius:8px;overflow:hidden;background:rgba(0,0,0,0.6);}

/* ===== FOOTER ===== */
.site-footer{padding:3rem 2rem;text-align:center;border-top:1px solid rgba(42,42,58,.2);}
.footer-fossa{font-size:3rem;margin-bottom:.5rem;animation:token-levitate 4s ease-in-out infinite;}
.footer-text{color:#3a3650;font:.8rem 'Segoe UI',system-ui,sans-serif;}
.footer-text a{color:#d4a843;text-decoration:none;}

/* ===== PARTICLES ===== */
.particles{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden;}
.particle{position:absolute;border-radius:50%;background:rgba(212,168,67,.12);animation:float-up linear infinite;}
@keyframes float-up{0%{transform:translateY(100vh) scale(0);opacity:0}10%{opacity:.8}90%{opacity:.8}100%{transform:translateY(-10vh) scale(1);opacity:0}}

/* ===== RESPONSIVE ===== */
@media(max-width:768px){
  .about-wrap{flex-direction:column;gap:2rem;}
  .about-right{flex:1;}
  .roadmap-timeline{padding-left:2rem;}
  .pack-grid{grid-template-columns:1fr;}
  .pump-flow{flex-direction:column;}
}