:root{--primary:#f36;--primary-dark:#e6004c;--accent:#ffd500;--accent-dark:#ffb300;--blue:#4d9de0;--blue-dark:#3a7ca5;--dark-bg:#1a1a1a;--text-main:#1a1a1a;--text-light:#4a4a4a;--bg-light:#f4f4f0;--font-sans:"Space Grotesk",sans-serif;--font-head:"Comic Neue","Space Grotesk",cursive;--neo-border:4px solid #000;--neo-shadow:6px 6px 0px #000;--neo-shadow-hover:10px 10px 0px #000}*{box-sizing:border-box;scroll-behavior:smooth;margin:0;padding:0}body{font-family:var(--font-sans);color:var(--text-main);background:var(--bg-light);background-image:radial-gradient(#000 1px,#0000 0);background-size:30px 30px;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5{font-family:var(--font-head);color:#000;font-weight:900;line-height:1.1}a{color:inherit;font-weight:700;text-decoration:none;transition:all .2s}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}.section-pad{border-bottom:var(--neo-border);padding:100px 0}.bg-yellow{background-color:var(--accent)}.bg-pink{background-color:var(--primary)}.bg-blue{background-color:var(--blue)}.bg-light{background-color:#fff}.text-white{color:#fff}.font-bold{font-weight:700}.mt-3{margin-top:1rem}.mt-6{margin-top:2rem}.text-highlight{background:var(--accent);border:var(--neo-border);margin-top:10px;padding:0 10px;display:inline-block;transform:rotate(-2deg);box-shadow:4px 4px #000}.text-stroke{-webkit-text-stroke:2px #000}.text-stroke-dark{color:#fff;-webkit-text-stroke:2px #000;text-shadow:4px 4px #000;font-size:3.5rem!important}.reveal{opacity:0;transition:all .6s cubic-bezier(.2,.8,.2,1);transform:translateY(30px)}.reveal.active{opacity:1;transform:translateY(0)}.navbar{z-index:1000;background:var(--accent);border-bottom:var(--neo-border);align-items:center;height:80px;transition:transform .3s ease-in-out;display:flex;position:fixed;top:0;left:0;right:0}.navbar.hide{transform:translateY(-100%)}.navbar.show{transform:translateY(0)}.nav-container{justify-content:space-between;align-items:center;display:flex;position:relative}.brand{align-items:center;gap:8px;display:flex}.logo-emoji{font-size:2rem}.logo-text{font-family:var(--font-head);letter-spacing:-.02em;-webkit-text-stroke:1px #000;color:#fff;text-shadow:2px 2px #000;font-size:1.8rem;font-weight:900}.desktop-nav{gap:30px;display:none}.desktop-nav a{color:#000;background:#fff;border:2px solid #000;border-radius:8px;padding:4px 12px;font-size:1.1rem;box-shadow:2px 2px #000}.desktop-nav a:hover{background:var(--primary);color:#fff;transform:translate(-2px,-2px);box-shadow:4px 4px #000}@media (width>=850px){.desktop-nav{display:flex}}.btn-primary,.btn-secondary{font-family:var(--font-sans);text-transform:uppercase;cursor:pointer;border:var(--neo-border);box-shadow:var(--neo-shadow);border-radius:12px;justify-content:center;align-items:center;padding:14px 28px;font-size:1.1rem;font-weight:900;transition:all .1s ease-in-out;display:inline-flex}.btn-primary{background:var(--primary);color:#fff}.btn-secondary{color:#000;background:#fff}.btn-primary:active,.btn-secondary:active{transform:translate(4px,4px);box-shadow:2px 2px #000}.btn-primary:hover{background:var(--primary-dark)}.btn-secondary:hover{background:#eee}.btn-primary.small{z-index:1100;padding:10px 20px;font-size:.95rem;box-shadow:4px 4px #000}.btn-primary.small:active{transform:translate(2px,2px);box-shadow:2px 2px #000}.nav-actions{align-items:center;gap:12px;margin-left:auto;display:flex}.burger{cursor:pointer;background:#fff;border:2px solid #000;border-radius:6px;flex-direction:column;gap:6px;padding:8px;display:flex;box-shadow:2px 2px #000}.burger span{background:#000;width:20px;height:3px;transition:all .3s;display:block}.burger.active span:first-child{transform:rotate(45deg)translate(5px,5px)}.burger.active span:last-child{transform:rotate(-45deg)translate(4px,-5px)}@media (width>=850px){.burger{display:none}}.mobile-menu{background:var(--accent);border-bottom:var(--neo-border);transform-origin:top;opacity:0;z-index:900;pointer-events:none;border-top:var(--neo-border);flex-direction:column;gap:12px;width:100%;padding:20px;transition:all .2s;display:flex;position:absolute;top:100%;left:0;right:0;transform:scaleY(0)}.mobile-menu.open{opacity:1;pointer-events:auto;transform:scaleY(1)}.mobile-menu a{font-size:1.3rem;font-family:var(--font-head);text-align:center;background:#fff;border:2px solid #000;border-radius:8px;padding:12px;display:block;box-shadow:4px 4px #000}.mobile-menu a:active{transform:translate(2px,2px);box-shadow:2px 2px #000}@media (width>=850px){.mobile-menu{display:none!important}}.hero{border-bottom:var(--neo-border);background:var(--blue);padding:160px 0 100px;overflow:hidden}.hero-grid{grid-template-columns:1fr;align-items:center;gap:60px;display:grid}@media (width>=900px){.hero-grid{grid-template-columns:1.1fr 1fr}}.badge-wrapper{margin-bottom:24px}.badge{color:#000;background:#fff;border:2px solid #000;border-radius:100px;align-items:center;gap:8px;padding:8px 16px;font-size:.9rem;font-weight:800;display:inline-flex;box-shadow:3px 3px #000}.pulsing-dot{background:#10b981;border:2px solid #000;border-radius:50%;width:10px;height:10px;animation:2s infinite pulse-green}h1{color:#fff;-webkit-text-stroke:2px #000;text-shadow:4px 4px #000;margin-bottom:20px;font-size:3.5rem;line-height:1.05}@media (width>=768px){h1{font-size:5.5rem}}.hero-sub{color:#fff;text-shadow:1px 1px #000;max-width:500px;box-shadow:4px 4px 0 var(--accent);background:#000c;border:2px solid #000;border-radius:12px;margin-bottom:30px;padding:15px;font-size:1.25rem;font-weight:700}.hero-buttons{flex-wrap:wrap;gap:20px;margin-bottom:40px;display:flex}.partners-strip{border-top:2px dashed #000;margin-top:20px;padding-top:24px}.partners-label{color:#000;background:#fff;border:2px solid #000;margin-bottom:15px;padding:4px 8px;font-size:.8rem;font-weight:900;display:inline-block;transform:rotate(-2deg)}.partner-logos{color:#fff;font-weight:900;font-family:var(--font-head);-webkit-text-stroke:1px #000;text-shadow:2px 2px #000;flex-wrap:wrap;gap:24px;font-size:1.4rem;display:flex}.hero-visual{justify-content:center;display:flex;position:relative}.meme-img-wrapper{width:100%;max-width:450px;position:relative}.neo-img{border:var(--neo-border);width:100%;height:auto;box-shadow:var(--neo-shadow-hover);object-fit:cover;background:#fff;border-radius:20px}.rotate-right{transition:all .3s;transform:rotate(3deg)}.rotate-right:hover{transform:rotate(0)scale(1.02)}.rotate-left{transition:all .3s;transform:rotate(-3deg)}.rotate-left:hover{transform:rotate(0)scale(1.02)}.floating-sticker{border:var(--neo-border);z-index:10;font-size:1.1rem;font-weight:900;font-family:var(--font-head);background:#fff;border-radius:12px;padding:10px 15px;position:absolute;box-shadow:4px 4px #000}.s1{color:var(--primary);animation:4s ease-in-out infinite float;top:-20px;right:-20px;transform:rotate(10deg)}.s2{color:var(--blue);animation:5s ease-in-out infinite reverse float;bottom:20px;left:-30px;transform:rotate(-10deg)}.stats-row{grid-template-columns:1fr;gap:40px;display:grid}@media (width>=768px){.stats-row{grid-template-columns:repeat(3,1fr)}}.stat-card{border:var(--neo-border);text-align:center;box-shadow:var(--neo-shadow);background:#fff;border-radius:16px;padding:30px;transition:all .2s}.stat-card:hover{box-shadow:var(--neo-shadow-hover);transform:translate(-4px,-4px)}.circle-stat{color:var(--primary);-webkit-text-stroke:2px #000;text-shadow:3px 3px #000;font-size:3.5rem;font-weight:900;font-family:var(--font-head);margin-bottom:10px}.stat-card h4{margin-bottom:10px;font-size:1.4rem}.stat-card p{color:var(--text-light);font-size:1rem;font-weight:700}.split-layout{grid-template-columns:1fr;align-items:center;gap:60px;display:grid}@media (width>=900px){.split-layout{grid-template-columns:1fr 1fr}}.image-stack{width:100%;max-width:500px;height:400px;margin:0 auto;position:relative}.img-back{z-index:1;filter:grayscale(20%);width:80%;position:absolute;top:0;left:0;transform:rotate(-5deg)}.img-front{z-index:2;width:85%;position:absolute;bottom:0;right:0;transform:rotate(4deg)}.title-lg{margin-bottom:20px;font-size:3rem}.lead-text{background:#000;border-radius:8px;margin-bottom:20px;padding:5px 10px;font-size:1.4rem;font-weight:800;display:inline-block}.mission-list{flex-direction:column;gap:15px;margin-top:30px;list-style:none;display:flex}.mission-list li{background:#fff;border:2px solid #000;border-radius:8px;padding:12px;font-size:1.1rem;font-weight:900;box-shadow:3px 3px #000}.section-header{text-align:center;margin-bottom:60px}.features-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;display:grid}.feature-card{border:var(--neo-border);box-shadow:var(--neo-shadow);background:#fff;border-radius:16px;padding:30px;transition:all .2s}.feature-card:hover{box-shadow:var(--neo-shadow-hover);background:var(--bg-light);transform:translate(-4px,-4px)}.f-icon{background:var(--accent);border:2px solid #000;border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;margin-bottom:15px;font-size:3rem;display:flex;box-shadow:3px 3px #000}.feature-card h3{margin-bottom:10px;font-size:1.4rem}.faq-grid{flex-direction:column;gap:20px;display:flex}.faq-item{border:var(--neo-border);box-shadow:var(--neo-shadow);border-radius:12px;padding:20px;transition:all .2s}.faq-item:hover{box-shadow:6px 6px 0 var(--accent);transform:translate(5px)}.faq-item h4{align-items:center;gap:10px;margin-bottom:10px;font-size:1.2rem;display:flex}.faq-item h4:before{content:"❓"}.faq-item p{color:var(--text-light);font-size:1rem;font-weight:700}.cta-image-wrapper{flex-direction:column;justify-content:center;align-items:center;padding:20px;display:flex}.neo-footer{background:var(--dark-bg);color:#fff;border-top:var(--neo-border);padding:80px 0 40px}.footer-top{flex-direction:column;gap:40px;margin-bottom:60px;display:flex}@media (width>=768px){.footer-top{flex-direction:row;justify-content:space-between}}.footer-logo-text{font-family:var(--font-head);color:#fff;-webkit-text-stroke:1px #000;text-shadow:3px 3px 0 var(--primary);margin-left:10px;font-size:2.5rem;font-weight:900}.f-links-group{gap:60px;display:flex}.col h5{color:var(--accent);-webkit-text-stroke:1px #000;text-shadow:2px 2px #000;margin-bottom:20px;font-size:1.2rem}.col a{border-bottom:2px solid #0000;width:fit-content;margin-bottom:12px;font-size:1rem;font-weight:700;display:block}.col a:hover{color:var(--primary);border-bottom:2px solid var(--primary)}.footer-bottom{text-align:center;color:#aaa;border-top:2px dashed #333;padding-top:30px;font-size:.9rem}@keyframes pulse-green{0%{box-shadow:0 0 #10b981}70%{box-shadow:0 0 0 8px #0000}to{box-shadow:0 0 #0000}}@keyframes float{0%{transform:translateY(0)rotate(10deg)}50%{transform:translateY(-15px)rotate(12deg)}to{transform:translateY(0)rotate(10deg)}}
/* utilities used by the original page */
.layout{min-height:100vh}
.text-lg{font-size:1.125rem;line-height:1.75rem}
.text-4xl{font-size:2.25rem;line-height:2.5rem}
.bg-white{background-color:#fff}
.text-left{text-align:left}
.max-w-xs{max-width:20rem}
.nav-container{width:100%}

.f-brand{display:flex;flex-wrap:wrap;align-items:center}
.f-brand p{width:100%}
.text-center{text-align:center}
/* ===== ENHANCED: punchonsolana blend ===== */
#particles{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.55}
.layout{position:relative;z-index:1}
.hero{position:relative;overflow:hidden}
.hero-blobs{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.blob{position:absolute;border-radius:50%;filter:blur(50px);opacity:.35;animation:blob-drift 14s ease-in-out infinite}
.blob.b1{width:320px;height:320px;background:#ff6b9d;top:-80px;left:-60px}
.blob.b2{width:280px;height:280px;background:#ffd500;bottom:10%;right:-40px;animation-delay:-4s}
.blob.b3{width:200px;height:200px;background:#fff;top:40%;left:40%;opacity:.15;animation-delay:-8s}
@keyframes blob-drift{0%,to{transform:translate(0,0) scale(1)}50%{transform:translate(30px,-25px) scale(1.08)}}
.hero-kicker{font-weight:800;letter-spacing:.12em;text-transform:uppercase;font-size:.85rem;color:#fff;text-shadow:1px 1px #000;margin-bottom:12px;opacity:.95}
.hero-photo-stack{position:relative}
.cutout-float{position:absolute;width:42%;bottom:-18%;right:-12%;z-index:5;filter:drop-shadow(6px 8px 0 #000);animation:6s ease-in-out infinite cutout-bob;pointer-events:none}
@keyframes cutout-bob{0%,to{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-14px) rotate(2deg)}}
.hero-main-img{position:relative;z-index:2}

/* Contract address */
.ca-box{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:#000c;border:3px solid #000;border-radius:12px;padding:10px 14px;margin:8px 0 24px;box-shadow:4px 4px 0 #ffd500;max-width:100%}
.ca-box-lg{background:#fff;box-shadow:6px 6px 0 #000}
.ca-label{background:var(--primary);color:#fff;border:2px solid #000;border-radius:6px;padding:2px 8px;font-weight:900;font-size:.75rem}
.ca-box code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem;font-weight:700;word-break:break-all;color:#fff;flex:1;min-width:0}
.ca-box-lg code{color:#111}
.btn-copy{cursor:pointer;background:var(--accent);border:2px solid #000;border-radius:8px;padding:6px 12px;font-weight:900;font-size:.85rem;box-shadow:2px 2px 0 #000;font-family:var(--font-sans)}
.btn-copy:active{transform:translate(2px,2px);box-shadow:0 0 #000}
.btn-copy.copied{background:#10b981;color:#fff}

/* Marquee band */
.marquee-band{border-top:var(--neo-border);border-bottom:var(--neo-border);background:#111;overflow:hidden;padding:14px 0}
.marquee-track{display:flex;width:max-content;animation:marquee 45s linear infinite}
.marquee-track:hover{animation-play-state:paused}
.marquee-group{display:flex;gap:14px;padding-right:14px}
.marquee-group img{height:88px;width:88px;object-fit:cover;border:3px solid #fff;border-radius:12px;box-shadow:3px 3px 0 #f36;transition:transform .2s}
.marquee-group img:hover{transform:scale(1.08) rotate(-2deg)}
@keyframes marquee{0%{transform:translateX(0)}to{transform:translateX(-50%)}}

/* Story section */
.story-section{background:linear-gradient(180deg,#fff8ee 0%,#f4f4f0 100%);position:relative}
.story-section:before{content:"";position:absolute;inset:0;background-image:radial-gradient(#0001 1px,transparent 0);background-size:24px 24px;pointer-events:none}
.eyebrow{font-family:var(--font-sans);font-size:.8rem;font-weight:900;letter-spacing:.2em;text-transform:uppercase;color:var(--primary);margin-bottom:8px}
.eyebrow-line{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:12px}
.eyebrow-line span:not(.mushroom){height:2px;width:48px;background:#c4a574;border-radius:99px}
.mushroom{font-size:1.1rem}
.story-title{font-size:clamp(2.5rem,6vw,4rem)!important}
.meet-card{position:relative;margin-bottom:48px}
.meet-card:before{content:"";position:absolute;inset:-8px;background:#e8d5b5;border-radius:20px;transform:rotate(1deg);box-shadow:8px 8px 0 #0003;z-index:0}
.meet-card-inner{position:relative;z-index:1;background:#fffaf0;border:var(--neo-border);border-radius:16px;padding:32px;display:grid;gap:36px;box-shadow:var(--neo-shadow)}
@media (min-width:900px){.meet-card-inner{grid-template-columns:1.1fr .9fr;padding:48px}}
.meet-copy p{font-size:1.1rem;line-height:1.7;margin-bottom:1rem;font-weight:600;color:#2a2a2a}
.meet-copy strong{color:var(--primary-dark);font-weight:900}
.story-quote{font-family:var(--font-head);font-style:italic;font-size:1.25rem;color:#666;border-left:4px solid var(--accent);padding:8px 16px;margin-top:16px;background:#fff;border-radius:0 8px 8px 0}
.meet-photo{position:relative;min-height:280px}
.polaroid{background:#fff;border:3px solid #000;border-radius:8px;padding:10px 10px 36px;box-shadow:6px 6px 0 #000;transition:transform .4s;position:relative;z-index:2}
.polaroid img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:4px;display:block}
.polaroid-cap{position:absolute;bottom:10px;left:0;right:0;text-align:center;font-family:var(--font-head);font-weight:900;font-size:.9rem;color:#555}
.tilt-right{transform:rotate(2deg)}
.tilt-left{transform:rotate(-4deg)}
.polaroid:hover{transform:rotate(0) scale(1.03);z-index:3}
.polaroid-stack{position:absolute;width:55%;bottom:-20px;left:-10px;z-index:1;opacity:.95}
@media (max-width:899px){.polaroid-stack{position:relative;width:80%;margin:-30px auto 0;left:auto;bottom:auto}}

/* Timeline */
.timeline{display:grid;grid-template-columns:1fr;gap:20px;margin:40px 0}
@media (min-width:768px){.timeline{grid-template-columns:repeat(4,1fr)}}
.timeline-item{background:#fff;border:var(--neo-border);border-radius:14px;padding:22px;box-shadow:var(--neo-shadow);transition:all .2s;position:relative}
.timeline-item:hover{transform:translate(-4px,-4px);box-shadow:var(--neo-shadow-hover);background:#fffbeb}
.timeline-dot{width:36px;height:36px;background:var(--primary);color:#fff;border:2px solid #000;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900;font-family:var(--font-head);margin-bottom:12px;box-shadow:2px 2px 0 #000}
.timeline-item h4{font-size:1.15rem;margin-bottom:8px}
.timeline-item p{font-size:.95rem;font-weight:600;color:var(--text-light)}
.story-missions{max-width:640px;margin:0 auto}

/* Gallery */
.gallery-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
@media (min-width:768px){.gallery-grid{grid-template-columns:repeat(4,1fr);gap:18px}}
.gallery-item{border:var(--neo-border);border-radius:14px;overflow:hidden;padding:0;cursor:pointer;background:#fff;box-shadow:4px 4px 0 #000;transition:all .25s;aspect-ratio:1;position:relative}
.gallery-item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}
.gallery-item:hover{transform:translate(-3px,-3px);box-shadow:8px 8px 0 #000}
.gallery-item:hover img{transform:scale(1.08)}
.gallery-item:after{content:"🔍";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0006;opacity:0;transition:opacity .25s;font-size:1.5rem}
.gallery-item:hover:after{opacity:1}
.g-span-2{grid-column:span 2}

/* Meme carousel */
.meme-carousel{display:flex;align-items:center;justify-content:center;gap:16px;max-width:520px;margin:0 auto}
.meme-stage{border:var(--neo-border);border-radius:20px;overflow:hidden;box-shadow:var(--neo-shadow-hover);background:#fff;width:100%;aspect-ratio:1;position:relative}
.meme-stage img{width:100%;height:100%;object-fit:cover;display:block;animation:fade-in .35s ease}
@keyframes fade-in{from{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}
.meme-nav{width:48px;height:48px;border:var(--neo-border);border-radius:50%;background:var(--accent);font-size:1.8rem;font-weight:900;cursor:pointer;box-shadow:3px 3px 0 #000;line-height:1;flex-shrink:0;display:flex;align-items:center;justify-content:center}
.meme-nav:active{transform:translate(2px,2px);box-shadow:1px 1px 0 #000}
.meme-dots{display:flex;justify-content:center;gap:8px;margin-top:20px;flex-wrap:wrap}
.meme-dots button{width:10px;height:10px;border-radius:99px;border:2px solid #000;background:#ccc;padding:0;cursor:pointer;transition:all .2s}
.meme-dots button.active{background:var(--primary);width:28px}

/* How to buy */
.howto-section{background:linear-gradient(135deg,#4d9de0 0%,#6bb3f0 40%,#ffd500 100%);border-bottom:var(--neo-border)}
.howto-section .text-stroke-dark{-webkit-text-stroke:2px #000;color:#fff;text-shadow:4px 4px #000}
.howto-section .eyebrow{color:#fff;text-shadow:1px 1px #000}
.howto-section .font-bold{color:#111}
.howto-grid{display:grid;grid-template-columns:1fr;gap:24px}
@media (min-width:700px){.howto-grid{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1000px){.howto-grid{grid-template-columns:repeat(4,1fr)}}
.howto-card{background:#fffaf0;border:var(--neo-border);border-radius:16px;padding:28px 22px;box-shadow:var(--neo-shadow);height:100%;position:relative;transition:all .25s}
.howto-card:hover{transform:translate(-4px,-4px) scale(1.02);box-shadow:var(--neo-shadow-hover)}
.howto-num{position:absolute;top:-12px;left:-8px;background:var(--primary);color:#fff;border:2px solid #000;border-radius:10px;padding:4px 10px;font-weight:900;font-family:var(--font-head);font-size:1rem;box-shadow:2px 2px 0 #000}
.howto-icon{font-size:2.5rem;margin-bottom:12px;margin-top:8px}
.howto-card h3{font-size:1.2rem;margin-bottom:8px}
.howto-card p{font-weight:600;color:var(--text-light);font-size:.95rem}

/* Lightbox */
.lightbox{position:fixed;inset:0;z-index:10000;background:#000d;display:flex;align-items:center;justify-content:center;padding:24px;backdrop-filter:blur(6px);animation:fade-in .2s ease}
.lightbox[hidden]{display:none!important}
.lightbox img{max-width:min(920px,96vw);max-height:88vh;border:4px solid #fff;border-radius:12px;box-shadow:0 20px 60px #0008;object-fit:contain}
.lightbox-close{position:absolute;top:16px;right:20px;width:48px;height:48px;border:3px solid #fff;border-radius:50%;background:var(--primary);color:#fff;font-size:1.8rem;cursor:pointer;line-height:1;font-weight:900}

/* Toast */
.toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);z-index:10001;background:#fff;border:4px solid #000;box-shadow:6px 6px 0 #000;padding:12px 22px;font-weight:900;font-family:var(--font-sans);border-radius:12px;animation:fade-in .2s ease}
.toast[hidden]{display:none!important}

/* Utilities already partial */
.layout{min-height:100vh}
.text-lg{font-size:1.125rem;line-height:1.75rem}
.text-4xl{font-size:2.25rem;line-height:2.5rem}
.bg-white{background-color:#fff}
.text-left{text-align:left}
.text-center{text-align:center}
.max-w-xs{max-width:20rem}
.nav-container{width:100%}
.f-brand{display:flex;flex-wrap:wrap;align-items:center}
.f-brand p{width:100%}
a.btn-primary{text-decoration:none}

/* ===== Launch night + Robinhood ===== */
.badge-live{background:#00c805!important;color:#000!important;animation:badge-pulse 2s ease-in-out infinite}
@keyframes badge-pulse{0%,to{box-shadow:3px 3px 0 #000}50%{box-shadow:3px 3px 0 #000,0 0 0 6px rgba(0,200,5,.25)}}

.countdown{display:flex;align-items:center;gap:8px;margin:18px 0 8px;flex-wrap:wrap}
.cd-block{background:#000;border:3px solid #000;border-radius:12px;min-width:72px;padding:10px 12px;text-align:center;box-shadow:4px 4px 0 #00c805}
.cd-block span{display:block;font-family:var(--font-head);font-size:2rem;font-weight:900;color:#fff;line-height:1;-webkit-text-stroke:1px #000}
.cd-block label{font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#00c805}
.cd-sep{font-family:var(--font-head);font-size:2rem;font-weight:900;color:#fff;text-shadow:2px 2px #000}
.countdown-note{color:#fff;font-weight:800;font-size:.95rem;text-shadow:1px 1px #000;margin-bottom:18px;max-width:420px}
.countdown.cd-live .cd-block{box-shadow:4px 4px 0 #ffd500;animation:1s ease infinite pulse-green}

.rh-badge{background:#00c805!important;color:#000!important;-webkit-text-stroke:0!important;text-shadow:none!important;border:2px solid #000;padding:2px 10px;border-radius:6px}
.rh-sticker{background:#00c805!important;color:#000!important;font-size:.95rem!important}
.s3{top:50%;right:-24px;animation:5s ease-in-out infinite float;transform:rotate(8deg)}

.howto-disclaimer{text-align:center;max-width:640px;margin:24px auto 0;font-size:.85rem;font-weight:700;color:#111;opacity:.85;line-height:1.5}

/* Robinhood green accents on howto */
.howto-section{background:linear-gradient(135deg,#00c805 0%,#4d9de0 45%,#ffd500 100%)!important}

/* =====================================================
   CALM THEME: green backgrounds + purple text
   ===================================================== */
:root{
  --bg:#c8e6c9;
  --bg-2:#b7dfc0;
  --bg-3:#a5d6a7;
  --bg-card:#e8f5e9;
  --bg-card-2:#f1faf2;
  --purple:#5b2c6f;
  --purple-deep:#4a1c6b;
  --purple-soft:#7b4b94;
  --purple-mute:#6d4c7d;
  --green:#66bb6a;
  --green-deep:#43a047;
  --green-dark:#2e7d32;
  --primary:#5b2c6f;
  --primary-dark:#4a1c6b;
  --accent:#81c784;
  --accent-dark:#66bb6a;
  --blue:#a5d6a7;
  --blue-dark:#81c784;
  --dark-bg:#1b3d2f;
  --text-main:#5b2c6f;
  --text-light:#6d4c7d;
  --bg-light:#e8f5e9;
  --neo-border:3px solid #5b2c6f;
  --neo-shadow:5px 5px 0 #5b2c6f33;
  --neo-shadow-hover:8px 8px 0 #5b2c6f44;
}

html,body{
  background:var(--bg)!important;
  background-image:none!important;
  color:var(--purple)!important;
}

h1,h2,h3,h4,h5,h6,p,li,span,a,label,code,blockquote,strong{
  color:inherit;
}

h1,h2,h3,h4,h5{
  color:var(--purple-deep)!important;
  -webkit-text-stroke:0!important;
  text-shadow:none!important;
}

/* All colored sections → green family */
.hero,
.bg-yellow,
.bg-pink,
.bg-blue,
.bg-light,
.story-section,
.howto-section,
.marquee-container,
.section-pad{
  background:var(--bg)!important;
  background-image:none!important;
}
.story-section:before{display:none!important}
.bg-yellow{background:var(--bg-2)!important}
.bg-pink{background:var(--bg-3)!important}
.bg-blue{background:var(--bg-2)!important}
.howto-section{background:var(--bg-3)!important}

/* Navbar + mobile */
.navbar,
.mobile-menu{
  background:var(--bg-3)!important;
  border-color:var(--purple)!important;
}
.logo-text{
  color:var(--purple-deep)!important;
  -webkit-text-stroke:0!important;
  text-shadow:none!important;
}
.desktop-nav a,
.mobile-menu a{
  background:var(--bg-card)!important;
  color:var(--purple)!important;
  border-color:var(--purple)!important;
  box-shadow:3px 3px 0 #5b2c6f33!important;
}
.desktop-nav a:hover,
.mobile-menu a:hover{
  background:var(--purple)!important;
  color:#e8f5e9!important;
}

/* Buttons */
.btn-primary,
.btn-primary.small,
a.btn-primary{
  background:var(--purple)!important;
  color:#e8f5e9!important;
  border-color:var(--purple-deep)!important;
  box-shadow:4px 4px 0 #5b2c6f44!important;
}
.btn-primary:hover{background:var(--purple-deep)!important}
.btn-secondary{
  background:var(--bg-card)!important;
  color:var(--purple)!important;
  border-color:var(--purple)!important;
  box-shadow:4px 4px 0 #5b2c6f33!important;
}
.btn-secondary:hover{background:#fff!important}
.burger{background:var(--bg-card)!important;border-color:var(--purple)!important;box-shadow:2px 2px 0 #5b2c6f33!important}
.burger span{background:var(--purple)!important}

/* Hero text */
.hero-kicker,
.hero-sub,
.countdown-note,
.partner-logos,
.partner-logos span{
  color:var(--purple)!important;
  text-shadow:none!important;
  -webkit-text-stroke:0!important;
}
.hero h1,
.hero h1 *{
  color:var(--purple-deep)!important;
  -webkit-text-stroke:0!important;
  text-shadow:none!important;
}
.text-highlight{
  background:var(--bg-card)!important;
  color:var(--purple-deep)!important;
  border-color:var(--purple)!important;
  box-shadow:3px 3px 0 #5b2c6f33!important;
}
.hero-sub{
  background:var(--bg-card)!important;
  border-color:var(--purple)!important;
  box-shadow:4px 4px 0 #5b2c6f22!important;
  color:var(--purple)!important;
}
.badge,
.badge-live{
  background:var(--bg-card)!important;
  color:var(--purple)!important;
  border-color:var(--purple)!important;
  box-shadow:3px 3px 0 #5b2c6f33!important;
  animation:none!important;
}
.pulsing-dot{background:var(--purple)!important;border-color:var(--purple-deep)!important}
.partners-label{
  background:var(--bg-card)!important;
  color:var(--purple)!important;
  border-color:var(--purple)!important;
}
.rh-badge{
  background:var(--purple)!important;
  color:#e8f5e9!important;
  border-color:var(--purple-deep)!important;
  -webkit-text-stroke:0!important;
  text-shadow:none!important;
}
.partners-strip{border-color:var(--purple)!important}

/* Blobs — soft green only */
.blob{opacity:.2!important}
.blob.b1,.blob.b2,.blob.b3{background:var(--green)!important}

/* Countdown */
.cd-block{
  background:var(--bg-card)!important;
  border-color:var(--purple)!important;
  box-shadow:4px 4px 0 #5b2c6f33!important;
}
.cd-block span{color:var(--purple-deep)!important;-webkit-text-stroke:0!important}
.cd-block label{color:var(--purple-soft)!important}
.cd-sep{color:var(--purple)!important;text-shadow:none!important}
.countdown.cd-live .cd-block{box-shadow:4px 4px 0 #5b2c6f55!important;animation:none!important}

/* CA box */
.ca-box{
  background:var(--bg-card)!important;
  border-color:var(--purple)!important;
  box-shadow:4px 4px 0 #5b2c6f33!important;
}
.ca-box code,
.ca-box-lg code{color:var(--purple)!important}
.ca-label{
  background:var(--purple)!important;
  color:#e8f5e9!important;
  border-color:var(--purple-deep)!important;
}
.btn-copy{
  background:var(--bg-3)!important;
  color:var(--purple)!important;
  border-color:var(--purple)!important;
  box-shadow:2px 2px 0 #5b2c6f33!important;
}
.btn-copy.copied{background:var(--purple)!important;color:#e8f5e9!important}

/* Stickers */
.floating-sticker{
  background:var(--bg-card)!important;
  color:var(--purple)!important;
  border-color:var(--purple)!important;
  box-shadow:3px 3px 0 #5b2c6f33!important;
}
.s1,.s2,.rh-sticker,.s3{color:var(--purple)!important;background:var(--bg-card)!important}

/* Marquee */
.marquee-band{background:var(--bg-3)!important;border-color:var(--purple)!important}
.marquee-group img{border-color:var(--purple)!important;box-shadow:3px 3px 0 #5b2c6f33!important}

/* Cards */
.stat-card,
.feature-card,
.timeline-item,
.howto-card,
.faq-item,
.meet-card-inner,
.polaroid,
.mission-list li,
.meme-stage{
  background:var(--bg-card)!important;
  border-color:var(--purple)!important;
  box-shadow:var(--neo-shadow)!important;
  color:var(--purple)!important;
}
.stat-card:hover,
.feature-card:hover,
.timeline-item:hover,
.howto-card:hover{
  background:var(--bg-card-2)!important;
  box-shadow:var(--neo-shadow-hover)!important;
}
.stat-card h4,
.feature-card h3,
.timeline-item h4,
.howto-card h3,
.faq-item h4{
  color:var(--purple-deep)!important;
}
.stat-card p,
.feature-card p,
.timeline-item p,
.howto-card p,
.faq-item p,
.meet-copy p{
  color:var(--purple-mute)!important;
}
.circle-stat{
  color:var(--purple)!important;
  -webkit-text-stroke:0!important;
  text-shadow:none!important;
}
.f-icon{
  background:var(--bg-3)!important;
  border-color:var(--purple)!important;
  box-shadow:2px 2px 0 #5b2c6f33!important;
}
.timeline-dot,
.howto-num{
  background:var(--purple)!important;
  color:#e8f5e9!important;
  border-color:var(--purple-deep)!important;
  box-shadow:2px 2px 0 #5b2c6f33!important;
}
.meet-card:before{background:var(--bg-3)!important;box-shadow:none!important}
.meet-copy strong{color:var(--purple-deep)!important}
.story-quote{
  color:var(--purple-soft)!important;
  border-left-color:var(--purple)!important;
  background:var(--bg-card-2)!important;
}
.polaroid-cap{color:var(--purple)!important}
.eyebrow{color:var(--purple)!important}
.eyebrow-line span:not(.mushroom){background:var(--purple-soft)!important}
.text-stroke,
.text-stroke-dark,
.title-lg,
.story-title{
  color:var(--purple-deep)!important;
  -webkit-text-stroke:0!important;
  text-shadow:none!important;
}
.text-white{color:var(--purple)!important}
.section-header .font-bold,
.howto-section .font-bold,
.howto-disclaimer{
  color:var(--purple-mute)!important;
}

/* Gallery */
.gallery-item{
  border-color:var(--purple)!important;
  box-shadow:4px 4px 0 #5b2c6f33!important;
  background:var(--bg-card)!important;
}
.gallery-item:hover{box-shadow:7px 7px 0 #5b2c6f44!important}

/* Meme nav */
.meme-nav{
  background:var(--bg-card)!important;
  color:var(--purple)!important;
  border-color:var(--purple)!important;
  box-shadow:3px 3px 0 #5b2c6f33!important;
}
.meme-dots button{
  background:var(--bg-3)!important;
  border-color:var(--purple)!important;
}
.meme-dots button.active{background:var(--purple)!important}

/* FAQ hover */
.faq-item:hover{box-shadow:5px 5px 0 #5b2c6f44!important}

/* Footer */
.neo-footer{
  background:var(--green-dark)!important;
  color:#e8f5e9!important;
  border-color:var(--purple)!important;
}
.neo-footer .footer-logo-text{
  color:#e8f5e9!important;
  -webkit-text-stroke:0!important;
  text-shadow:none!important;
}
.neo-footer p,
.neo-footer a{
  color:#dcedc8!important;
}
.neo-footer .col h5{
  color:#e1bee7!important;
  -webkit-text-stroke:0!important;
  text-shadow:none!important;
}
.neo-footer .col a:hover{
  color:#f3e5f5!important;
  border-bottom-color:#e1bee7!important;
}
.footer-bottom{color:#a5d6a7!important;border-color:#5b2c6f55!important}

/* Neo images */
.neo-img{border-color:var(--purple)!important;box-shadow:6px 6px 0 #5b2c6f33!important}
.cutout-float{filter:drop-shadow(4px 6px 0 #5b2c6f44)!important}

/* Toast + lightbox */
.toast{
  background:var(--bg-card)!important;
  color:var(--purple)!important;
  border-color:var(--purple)!important;
  box-shadow:5px 5px 0 #5b2c6f44!important;
}
.lightbox{background:#1b3d2fcc!important}
.lightbox img{border-color:var(--purple)!important}
.lightbox-close{
  background:var(--purple)!important;
  border-color:#e1bee7!important;
  color:#fff!important;
}

/* Soften particles */
#particles{opacity:.25!important}

/* White utility cards used in FAQ */
.bg-white{background-color:var(--bg-card)!important}

/* =====================================================
   NEON GREEN + FRESH FONTS
   ===================================================== */
@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800;900&family=Syne:wght@600;700;800&display=swap");

:root{
  --bg:#0d1f0d;
  --bg-2:#102910;
  --bg-3:#143314;
  --bg-card:#122a12;
  --bg-card-2:#183818;
  --neon:#39ff14;
  --neon-soft:#7cff5a;
  --neon-dim:#1a4d12;
  --neon-glow:0 0 12px rgba(57,255,20,.45),0 0 28px rgba(57,255,20,.2);
  --purple:#c084fc;
  --purple-deep:#e9d5ff;
  --purple-soft:#d8b4fe;
  --purple-mute:#c4b5fd;
  --primary:#c084fc;
  --primary-dark:#a855f7;
  --accent:#39ff14;
  --accent-dark:#22c55e;
  --blue:#143314;
  --blue-dark:#0d1f0d;
  --dark-bg:#050f05;
  --text-main:#e9d5ff;
  --text-light:#d8b4fe;
  --bg-light:#122a12;
  --font-sans:"Outfit",system-ui,sans-serif;
  --font-head:"Syne","Outfit",system-ui,sans-serif;
  --neo-border:2px solid rgba(57,255,20,.55);
  --neo-shadow:0 0 0 1px rgba(57,255,20,.2),0 8px 24px rgba(0,0,0,.35);
  --neo-shadow-hover:0 0 20px rgba(57,255,20,.35),0 10px 28px rgba(0,0,0,.4);
}

html,body{
  background:var(--bg)!important;
  background-image:
    radial-gradient(ellipse 80% 50% at 50% -10%,rgba(57,255,20,.12),transparent),
    radial-gradient(circle at 1px 1px,rgba(57,255,20,.07) 1px,transparent 0)!important;
  background-size:auto,28px 28px!important;
  color:var(--purple-deep)!important;
  font-family:var(--font-sans)!important;
  letter-spacing:.01em;
}

h1,h2,h3,h4,h5,h6{
  font-family:var(--font-head)!important;
  color:var(--purple-deep)!important;
  -webkit-text-stroke:0!important;
  text-shadow:none!important;
  letter-spacing:-.03em;
  font-weight:800!important;
}

p,li,span,a,label,code,blockquote,button,input{
  font-family:var(--font-sans)!important;
}

/* Sections — dark neon green base */
.hero,
.bg-yellow,
.bg-pink,
.bg-blue,
.bg-light,
.story-section,
.howto-section,
.marquee-container,
.section-pad{
  background:transparent!important;
  background-image:none!important;
  border-bottom:1px solid rgba(57,255,20,.2)!important;
}
.story-section:before{display:none!important}
.bg-yellow,
.bg-pink,
.bg-blue,
.howto-section{
  background:linear-gradient(180deg,rgba(57,255,20,.06),transparent)!important;
}

/* Navbar */
.navbar,
.mobile-menu{
  background:rgba(13,31,13,.92)!important;
  backdrop-filter:blur(12px);
  border-color:rgba(57,255,20,.4)!important;
  box-shadow:0 1px 0 rgba(57,255,20,.25),0 8px 32px rgba(0,0,0,.4);
}
.logo-text{
  color:var(--neon)!important;
  -webkit-text-stroke:0!important;
  text-shadow:var(--neon-glow)!important;
  font-family:var(--font-head)!important;
  letter-spacing:-.04em;
}
.desktop-nav a,
.mobile-menu a{
  background:rgba(57,255,20,.08)!important;
  color:var(--purple-deep)!important;
  border:1px solid rgba(57,255,20,.35)!important;
  box-shadow:none!important;
  border-radius:999px!important;
  font-weight:600!important;
  font-size:.9rem!important;
  letter-spacing:.02em;
}
.desktop-nav a:hover,
.mobile-menu a:hover{
  background:var(--neon)!important;
  color:#0d1f0d!important;
  box-shadow:var(--neon-glow)!important;
  transform:none!important;
}

/* Buttons — modern pill */
.btn-primary,
.btn-primary.small,
a.btn-primary{
  background:var(--neon)!important;
  color:#0a1a0a!important;
  border:1px solid var(--neon)!important;
  box-shadow:var(--neon-glow)!important;
  border-radius:999px!important;
  font-weight:700!important;
  letter-spacing:.04em;
  text-transform:uppercase;
  font-size:.9rem!important;
}
.btn-primary:hover{
  background:var(--neon-soft)!important;
  box-shadow:0 0 20px rgba(57,255,20,.6)!important;
}
.btn-secondary{
  background:transparent!important;
  color:var(--purple-deep)!important;
  border:1px solid rgba(192,132,252,.5)!important;
  box-shadow:none!important;
  border-radius:999px!important;
  font-weight:600!important;
}
.btn-secondary:hover{
  background:rgba(192,132,252,.12)!important;
  border-color:var(--purple)!important;
}
.burger{
  background:rgba(57,255,20,.1)!important;
  border:1px solid rgba(57,255,20,.4)!important;
  box-shadow:none!important;
  border-radius:10px!important;
}
.burger span{background:var(--neon)!important}

/* Hero */
.hero-kicker{
  color:var(--neon)!important;
  text-shadow:var(--neon-glow)!important;
  font-weight:600!important;
  letter-spacing:.2em!important;
  font-size:.75rem!important;
}
.hero h1,
.hero h1 *{
  color:var(--purple-deep)!important;
  -webkit-text-stroke:0!important;
  text-shadow:0 0 40px rgba(192,132,252,.25)!important;
  font-family:var(--font-head)!important;
}
.text-highlight{
  background:rgba(57,255,20,.12)!important;
  color:var(--neon)!important;
  border:1px solid rgba(57,255,20,.5)!important;
  box-shadow:var(--neon-glow)!important;
  border-radius:8px!important;
  transform:none!important;
}
.hero-sub{
  background:rgba(18,42,18,.85)!important;
  border:1px solid rgba(57,255,20,.25)!important;
  box-shadow:none!important;
  color:var(--purple-soft)!important;
  border-radius:16px!important;
  font-weight:500!important;
  line-height:1.65!important;
}
.badge,
.badge-live{
  background:rgba(57,255,20,.1)!important;
  color:var(--neon)!important;
  border:1px solid rgba(57,255,20,.45)!important;
  box-shadow:var(--neon-glow)!important;
  animation:none!important;
  font-family:var(--font-sans)!important;
  letter-spacing:.06em;
}
.pulsing-dot{
  background:var(--neon)!important;
  border-color:var(--neon)!important;
  box-shadow:0 0 8px var(--neon)!important;
}
.partners-label{
  background:transparent!important;
  color:var(--purple-mute)!important;
  border:1px solid rgba(192,132,252,.3)!important;
  border-radius:999px!important;
  font-size:.7rem!important;
  letter-spacing:.12em!important;
}
.partner-logos,
.partner-logos span{
  color:var(--neon-soft)!important;
  text-shadow:var(--neon-glow)!important;
  -webkit-text-stroke:0!important;
  font-family:var(--font-head)!important;
  font-size:1.1rem!important;
  letter-spacing:.04em;
}
.rh-badge{
  background:rgba(57,255,20,.15)!important;
  color:var(--neon)!important;
  border:1px solid var(--neon)!important;
  box-shadow:var(--neon-glow)!important;
  -webkit-text-stroke:0!important;
  text-shadow:none!important;
  border-radius:999px!important;
}
.partners-strip{border-color:rgba(57,255,20,.2)!important}

/* Blobs neon */
.blob{opacity:.15!important;filter:blur(60px)!important}
.blob.b1,.blob.b2,.blob.b3{background:var(--neon)!important}

/* Countdown */
.cd-block{
  background:rgba(18,42,18,.9)!important;
  border:1px solid rgba(57,255,20,.4)!important;
  box-shadow:var(--neon-glow)!important;
  border-radius:14px!important;
}
.cd-block span{
  color:var(--neon)!important;
  -webkit-text-stroke:0!important;
  text-shadow:var(--neon-glow)!important;
  font-family:var(--font-head)!important;
}
.cd-block label{color:var(--purple-soft)!important;letter-spacing:.1em}
.cd-sep{color:var(--neon)!important;text-shadow:var(--neon-glow)!important}
.countdown-note{color:var(--purple-soft)!important;text-shadow:none!important;font-weight:500!important}
.countdown.cd-live .cd-block{animation:none!important}

/* CA */
.ca-box{
  background:rgba(18,42,18,.9)!important;
  border:1px solid rgba(57,255,20,.35)!important;
  box-shadow:none!important;
  border-radius:14px!important;
}
.ca-box code,
.ca-box-lg code{color:var(--purple-deep)!important;font-weight:500!important}
.ca-label{
  background:var(--neon)!important;
  color:#0a1a0a!important;
  border:none!important;
  border-radius:6px!important;
  font-family:var(--font-head)!important;
}
.btn-copy{
  background:rgba(192,132,252,.15)!important;
  color:var(--purple-deep)!important;
  border:1px solid rgba(192,132,252,.4)!important;
  box-shadow:none!important;
  border-radius:999px!important;
}
.btn-copy.copied{
  background:var(--neon)!important;
  color:#0a1a0a!important;
  border-color:var(--neon)!important;
}

/* Stickers */
.floating-sticker{
  background:rgba(13,31,13,.9)!important;
  color:var(--neon)!important;
  border:1px solid rgba(57,255,20,.45)!important;
  box-shadow:var(--neon-glow)!important;
  border-radius:12px!important;
  font-family:var(--font-head)!important;
  font-size:.85rem!important;
}
.s1,.s2,.rh-sticker,.s3{color:var(--neon)!important;background:rgba(13,31,13,.9)!important}

/* Marquee */
.marquee-band{
  background:rgba(57,255,20,.05)!important;
  border-color:rgba(57,255,20,.25)!important;
}
.marquee-group img{
  border:2px solid rgba(57,255,20,.4)!important;
  box-shadow:0 0 12px rgba(57,255,20,.2)!important;
  border-radius:14px!important;
}

/* Cards — glass neon */
.stat-card,
.feature-card,
.timeline-item,
.howto-card,
.faq-item,
.meet-card-inner,
.polaroid,
.mission-list li,
.meme-stage{
  background:rgba(18,42,18,.75)!important;
  border:1px solid rgba(57,255,20,.28)!important;
  box-shadow:var(--neo-shadow)!important;
  color:var(--purple-deep)!important;
  border-radius:18px!important;
  backdrop-filter:blur(8px);
}
.stat-card:hover,
.feature-card:hover,
.timeline-item:hover,
.howto-card:hover{
  background:rgba(24,56,24,.9)!important;
  border-color:rgba(57,255,20,.55)!important;
  box-shadow:var(--neo-shadow-hover)!important;
  transform:translateY(-4px)!important;
}
.stat-card h4,
.feature-card h3,
.timeline-item h4,
.howto-card h3,
.faq-item h4{
  color:var(--purple-deep)!important;
  font-family:var(--font-head)!important;
}
.stat-card p,
.feature-card p,
.timeline-item p,
.howto-card p,
.faq-item p,
.meet-copy p{
  color:var(--purple-soft)!important;
  font-weight:450!important;
  line-height:1.65;
}
.circle-stat{
  color:var(--neon)!important;
  -webkit-text-stroke:0!important;
  text-shadow:var(--neon-glow)!important;
  font-family:var(--font-head)!important;
}
.f-icon{
  background:rgba(57,255,20,.1)!important;
  border:1px solid rgba(57,255,20,.35)!important;
  box-shadow:var(--neon-glow)!important;
}
.timeline-dot,
.howto-num{
  background:var(--neon)!important;
  color:#0a1a0a!important;
  border:none!important;
  box-shadow:var(--neon-glow)!important;
  font-family:var(--font-head)!important;
}
.meet-card:before{
  background:rgba(57,255,20,.08)!important;
  box-shadow:none!important;
  border-radius:22px!important;
}
.meet-copy strong{color:var(--neon)!important;text-shadow:0 0 10px rgba(57,255,20,.3)}
.story-quote{
  color:var(--purple-soft)!important;
  border-left:3px solid var(--neon)!important;
  background:rgba(57,255,20,.06)!important;
  font-family:var(--font-head)!important;
  font-weight:600!important;
}
.polaroid-cap{color:var(--purple-soft)!important;font-family:var(--font-head)!important}
.eyebrow{
  color:var(--neon)!important;
  text-shadow:var(--neon-glow)!important;
  font-weight:600!important;
  letter-spacing:.18em!important;
  font-size:.7rem!important;
}
.eyebrow-line span:not(.mushroom){background:var(--neon)!important;box-shadow:0 0 8px var(--neon)}
.text-stroke,
.text-stroke-dark,
.title-lg,
.story-title{
  color:var(--purple-deep)!important;
  -webkit-text-stroke:0!important;
  text-shadow:0 0 30px rgba(192,132,252,.2)!important;
  font-family:var(--font-head)!important;
}
.text-white{color:var(--purple-deep)!important}
.section-header .font-bold,
.howto-section .font-bold,
.howto-disclaimer{
  color:var(--purple-mute)!important;
  font-weight:500!important;
}

/* Gallery */
.gallery-item{
  border:1px solid rgba(57,255,20,.3)!important;
  box-shadow:0 0 16px rgba(57,255,20,.12)!important;
  background:var(--bg-card)!important;
  border-radius:16px!important;
}
.gallery-item:hover{
  box-shadow:0 0 24px rgba(57,255,20,.35)!important;
  border-color:var(--neon)!important;
}

/* Meme */
.meme-nav{
  background:rgba(18,42,18,.9)!important;
  color:var(--neon)!important;
  border:1px solid rgba(57,255,20,.4)!important;
  box-shadow:var(--neon-glow)!important;
}
.meme-dots button{
  background:rgba(57,255,20,.2)!important;
  border-color:rgba(57,255,20,.4)!important;
}
.meme-dots button.active{
  background:var(--neon)!important;
  box-shadow:0 0 10px var(--neon);
}

/* Footer */
.neo-footer{
  background:#050f05!important;
  color:var(--purple-soft)!important;
  border-top:1px solid rgba(57,255,20,.3)!important;
}
.neo-footer .footer-logo-text{
  color:var(--neon)!important;
  -webkit-text-stroke:0!important;
  text-shadow:var(--neon-glow)!important;
  font-family:var(--font-head)!important;
}
.neo-footer p,
.neo-footer a{color:var(--purple-mute)!important}
.neo-footer .col h5{
  color:var(--neon)!important;
  -webkit-text-stroke:0!important;
  text-shadow:none!important;
  font-family:var(--font-head)!important;
  letter-spacing:.08em;
  font-size:.85rem!important;
  text-transform:uppercase;
}
.neo-footer .col a:hover{
  color:var(--neon)!important;
  border-bottom-color:var(--neon)!important;
}
.footer-bottom{
  color:rgba(192,132,252,.5)!important;
  border-color:rgba(57,255,20,.15)!important;
}

/* Images */
.neo-img{
  border:2px solid rgba(57,255,20,.4)!important;
  box-shadow:0 0 24px rgba(57,255,20,.2)!important;
  border-radius:20px!important;
}
.cutout-float{filter:drop-shadow(0 0 16px rgba(57,255,20,.35))!important}

/* Toast */
.toast{
  background:rgba(13,31,13,.95)!important;
  color:var(--neon)!important;
  border:1px solid rgba(57,255,20,.5)!important;
  box-shadow:var(--neon-glow)!important;
  border-radius:14px!important;
  font-family:var(--font-sans)!important;
}
.lightbox{background:rgba(5,15,5,.92)!important}
.lightbox img{border:2px solid rgba(57,255,20,.5)!important;box-shadow:0 0 40px rgba(57,255,20,.25)!important}
.lightbox-close{
  background:var(--neon)!important;
  border:none!important;
  color:#0a1a0a!important;
  box-shadow:var(--neon-glow)!important;
}

#particles{opacity:.2!important}
.bg-white{background-color:rgba(18,42,18,.85)!important}
.mission-list li{font-weight:600!important}

/* =====================================================
   VIDEO BACKGROUND + FONT FIX
   ===================================================== */
.bg-video-wrap{
  position:fixed;
  inset:0;
  z-index:0;
  overflow:hidden;
  pointer-events:none;
  background:#0a140a;
}
.bg-video{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  transform:scale(1.05);
  filter:saturate(1.15) brightness(.55) contrast(1.05);
}
.bg-video-overlay{
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg, rgba(5,15,5,.55) 0%, rgba(8,20,8,.4) 40%, rgba(5,15,5,.7) 100%),
    radial-gradient(ellipse 80% 60% at 50% 20%, rgba(57,255,20,.12), transparent 60%);
  pointer-events:none;
}

/* Let video show through page */
html, body{
  background:transparent!important;
  background-image:none!important;
  min-height:100%;
}
body{
  font-family:"Outfit", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif!important;
}
h1,h2,h3,h4,h5,h6,
.logo-text,
.footer-logo-text,
.partner-logos,
.circle-stat,
.cd-block span,
.cd-sep,
.story-title,
.title-lg,
.floating-sticker{
  font-family:"Syne","Outfit",system-ui,sans-serif!important;
}

#particles{z-index:1}
.layout{position:relative;z-index:2}

/* Sections more glass so video peeks through */
.hero,
.section-pad,
.bg-yellow,
.bg-pink,
.bg-blue,
.bg-light,
.story-section,
.howto-section,
.marquee-container{
  background:rgba(8,20,8,.45)!important;
  backdrop-filter:blur(2px);
}
.neo-footer{
  background:rgba(5,12,5,.85)!important;
  backdrop-filter:blur(10px);
}
.navbar,
.mobile-menu{
  background:rgba(8,20,8,.8)!important;
  backdrop-filter:blur(14px)!important;
}
.marquee-band{
  background:rgba(8,20,8,.55)!important;
  backdrop-filter:blur(4px);
}

/* Solid-ish cards stay readable over video */
.stat-card,
.feature-card,
.timeline-item,
.howto-card,
.faq-item,
.meet-card-inner,
.polaroid,
.mission-list li,
.meme-stage,
.ca-box,
.hero-sub,
.cd-block{
  background:rgba(10,24,10,.82)!important;
  backdrop-filter:blur(10px);
}

/* pools.trade partner badge as link */
.partner-logos a.rh-badge{
  text-decoration:none;
  display:inline-block;
  transition:transform .15s, box-shadow .15s;
}
.partner-logos a.rh-badge:hover{
  transform:translateY(-2px);
  box-shadow:0 0 16px rgba(57,255,20,.5)!important;
}
a.btn-copy{
  text-decoration:none;
  display:inline-flex;
  align-items:center;
}

/* Force unique fonts over old theme overrides */
body, p, li, a, label, code, button, input, .hero-sub, .faq-item p, .meet-copy p {
  font-family: "Chakra Petch", system-ui, sans-serif !important;
}
h1, h2, h3, h4, h5, h6,
.logo-text, .footer-logo-text, .partner-logos, .circle-stat,
.story-title, .title-lg, .floating-sticker, .btn-primary, .btn-secondary,
.badge, .ca-label, .howto-num, .timeline-dot, .col h5, .rh-badge {
  font-family: "Bungee", "Chakra Petch", cursive !important;
}
.hero h1, .hero h1 *, .logo-text, .footer-logo-text, .text-highlight {
  font-family: "Rubik Glitch", "Bungee", cursive !important;
}