NIBBY - $NIB<\/title>\n<meta name=\"description\" content=\"A curious little otter with a talent for finding hidden treasures.\">\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Akaya+Kanadaka&family=Comic+Neue:ital,wght@0,400;0,700;1,400&display=swap');\n\n:root{\n --sky:#4CC9F0;\n --blue:#4895EF;\n --deep:#4361EE;\n --royal:#3F37C9;\n --purple:#3A0CA3;\n --yellow:#FFD60A;\n --gold:#FFB703;\n --orange:#FB8500;\n --navy:#1D3557;\n --dark:#0B132B;\n}\n\n*{box-sizing:border-box;margin:0;padding:0}\nhtml{scroll-behavior:smooth;font-size:18px}\n\nbody{\n font-family:'Comic Neue',cursive;\n background:var(--dark);\n color:#fff;\n line-height:1.45;\n overflow-x:hidden;\n}\n\nh1,h2,h3,h4,h5,h6{font-family:'Akaya Kanadaka',cursive;font-weight:400}\n\n\/* Nav *\/\n.site-header{\n position:fixed;top:0;left:0;right:0;\n z-index:1000;\n display:flex;align-items:center;justify-content:center;\n padding:.7rem 1rem;\n background:transparent;\n pointer-events:none;\n}\n.nav-toggle{\n display:none;position:absolute;right:1.2rem;top:.5rem;\n background:none;border:none;font-size:2rem;color:#fff;\n cursor:pointer;pointer-events:auto;\n text-shadow:0 2px 8px rgba(0,0,0,.4);\n}\n.main-nav{\n display:flex;gap:.4rem;\n background:rgba(0,0,0,.15);\n backdrop-filter:blur(8px);\n border:2px solid rgba(255,255,255,.25);\n border-radius:50px;padding:.3rem;\n pointer-events:auto;\n}\n.main-nav a{\n font-family:'Akaya Kanadaka',cursive;\n text-decoration:none;color:#fff;\n font-size:1.3rem;padding:.45rem 1.3rem;border-radius:50px;\n transition:all .25s;\n text-shadow:0 2px 6px rgba(0,0,0,.3);\n}\n.main-nav a:hover{\n background:var(--yellow);color:var(--dark);\n transform:scale(1.08);\n}\n\n\/* Utilities *\/\n.container{max-width:1300px;margin:0 auto;padding:0 1.25rem}\n.section{padding:4.5rem 1rem;position:relative}\n\n.section-title{\n font-size:clamp(4.2rem,9vw,8rem);\n line-height:1.05;text-align:center;margin-bottom:1.8rem;\n color:#fff;\n text-shadow:0 4px 0 var(--royal),0 10px 25px rgba(11,19,43,.45);\n}\n.section-title .sub{\n font-size:.52em;color:var(--yellow);\n text-shadow:0 3px 0 var(--orange),0 8px 16px rgba(251,133,0,.4);\n}\n\n\/* Waves *\/\n.wave-bottom,.wave-top{\n position:absolute;left:0;width:100%;\n display:block;pointer-events:none\n}\n.wave-bottom{bottom:-2px;height:110px}\n.wave-top{top:-2px;height:100px}\n\n\/* Buttons *\/\n.cta-btn{\n display:inline-flex;align-items:center;justify-content:center;\n background:linear-gradient(135deg,var(--yellow) 0%,var(--gold) 100%);\n color:var(--dark);padding:1.2rem 3.2rem;\n font-size:1.8rem;font-family:'Akaya Kanadaka',cursive;\n border-radius:50px;text-decoration:none;border:3px solid #fff;\n box-shadow:0 10px 25px rgba(0,0,0,.3);\n transition:transform .2s,box-shadow .2s;cursor:pointer;\n}\n.cta-btn:hover{transform:scale(1.08) rotate(-1deg);box-shadow:0 16px 40px rgba(0,0,0,.4)}\n.cta-btn.secondary{\n background:linear-gradient(135deg,#fff 0%,#e0f7fa 100%);\n color:var(--deep);\n}\n\n\/* Image blocks *\/\n.img-block{\n display:block;width:100%;height:auto;border-radius:28px;\n filter:drop-shadow(0 18px 36px rgba(0,0,0,.25));\n}\n\n\/* HERO *\/\n#hero{\n margin: -40px 0 0 0;\n position:relative;\n min-height:100vh;\n display:flex;flex-direction:column;align-items:center;justify-content:center;\n text-align:center;gap:2.8rem;\n background:url('https:\/\/nibby.fun\/wp-content\/uploads\/2026\/06\/bg1-scaled.jpeg') center\/cover no-repeat;\n padding:7rem 1.5rem 8.5rem;\n}\n.hero-logo{\n width:min(88vw,680px);height:auto;\n filter:drop-shadow(0 24px 50px rgba(0,0,0,.4));\n animation:bob 4s ease-in-out infinite;\n}\n.ca-box{\n display:inline-flex;align-items:center;gap:.7rem;\n background:rgba(0,0,0,.25);\n border:3px dashed rgba(255,255,255,.85);\n border-radius:50px;padding:.55rem 1.2rem;\n backdrop-filter:blur(6px);\n}\n.ca-label{\n font-family:'Akaya Kanadaka',cursive;\n background:var(--yellow);color:var(--dark);\n padding:.25rem .75rem;border-radius:12px;font-size:1.25rem;\n}\n.ca-address{\n font-family:ui-monospace,Menlo,monospace;\n font-size:clamp(.9rem,2.4vw,1.3rem);color:#fff;font-weight:700;\n}\n.ca-copy{\n background:linear-gradient(135deg,var(--yellow),var(--gold));\n color:var(--dark);border:none;border-radius:50%;\n width:46px;height:46px;display:grid;place-items:center;\n cursor:pointer;transition:transform .2s;\n}\n.ca-copy:hover{transform:scale(1.15) rotate(-5deg)}\n.hero-btns{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-top:.2rem}\n\n\/* ABOUT *\/\n#about{background:linear-gradient(180deg,#4CC9F0 0%,#4895EF 100%)}\n.about-grid{\n display:grid;grid-template-columns:1fr 1.1fr;gap:2.5rem;align-items:center;\n}\n.about-visual{padding:0 1rem}\n.about-visual .img-block{max-width:600px;margin:0 auto}\n.about-content{\n display:flex;flex-direction:column;gap:1.3rem;\n font-size:1.35rem;font-weight:700;color:var(--navy);\n}\n.bubble{\n background:#fff;border:3px solid rgba(255,255,255,.6);\n border-radius:26px;padding:1.6rem;\n box-shadow:0 10px 28px rgba(0,0,0,.1);\n}\n.bubble strong{color:var(--deep);font-size:1.15em}\n.timeline-small{display:flex;flex-direction:column;gap:.85rem;margin-top:.4rem}\n.t-item{display:flex;align-items:center;gap:.7rem}\n.t-dot{\n width:18px;height:18px;border-radius:50%;background:var(--yellow);\n border:3px solid #fff;box-shadow:0 2px 6px rgba(0,0,0,.15);flex-shrink:0\n}\n\n\/* TOKENOMICS *\/\n#tokenomics{background:linear-gradient(180deg,#4895EF 0%,#4361EE 100%)}\n\n.token-showcase{\n position:relative;width:100%;\n padding:0 1.25rem;margin-top:1.5rem;\n}\n.tokenomics-hero-img{\n width:100%;height:auto;display:block;border-radius:28px;\n filter:drop-shadow(0 16px 32px rgba(0,0,0,.2));\n}\n.tokenomics-float{\n position:absolute;right:2.5rem;top:50%;transform:translateY(-50%);\n width:min(420px,40vw);z-index:2;\n}\n.tokenomics-float .token-grid{\n display:grid;grid-template-columns:1fr 1fr;gap:.6rem;\n}\n.tokenomics-float .t-card{\n background:linear-gradient(135deg,#fff 0%,#e0f7fa 100%);\n border:2px solid var(--yellow);border-radius:20px;\n padding:1rem .8rem;text-align:center;color:var(--dark);\n box-shadow:0 8px 20px rgba(0,0,0,.25);\n transition:transform .25s;\n}\n.tokenomics-float .t-card:hover{transform:translateY(-4px) rotate(-1deg)}\n.tokenomics-float .t-card h3{font-size:1.15rem;color:var(--deep);margin-bottom:.15rem}\n.tokenomics-float .t-value{\n font-family:'Akaya Kanadaka',cursive;font-size:1.8rem;line-height:1;\n background:linear-gradient(135deg,var(--orange),var(--deep));\n -webkit-background-clip:text;-webkit-text-fill-color:transparent;\n}\n.tokenomics-float .t-desc{font-size:.82rem;color:var(--navy);font-weight:700;margin-top:.15rem}\n\n.tokenomics-float .chart-card{grid-column:span 2}\n.tokenomics-float .pie-wrap{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:.4rem}\n.tokenomics-float .pie{width:100px;height:100px;transform:rotate(-90deg)}\n.tokenomics-float .pie-legend{\n display:grid;grid-template-columns:1fr;gap:.35rem;\n font-size:.85rem;font-weight:700;color:var(--navy)\n}\n.tokenomics-float .pie-legend span{display:flex;align-items:center;gap:.4rem}\n.tokenomics-float .dot{width:12px;height:12px;border-radius:2px;display:inline-block}\n\n\/* ROADMAP *\/\n#roadmap{background:linear-gradient(180deg,#4361EE 0%,#3F37C9 100%)}\n.roadmap-visual{padding:0 1rem;margin-bottom:2rem}\n.roadmap-visual .img-block{max-width:620px;margin:0 auto}\n\n.timeline{position:relative;display:flex;justify-content:space-between;gap:1rem;padding-top:2rem}\n.timeline-line{position:absolute;top:4.2rem;left:0;right:0;height:6px;background:linear-gradient(90deg,var(--yellow),var(--orange));border-radius:3px;opacity:.95}\n.step{position:relative;flex:1;text-align:center}\n.step-icon{\n width:76px;height:76px;margin:0 auto 1.1rem;\n background:#fff;border:4px solid var(--yellow);border-radius:50%;\n display:grid;place-items:center;\n box-shadow:0 8px 20px rgba(0,0,0,.25);\n transition:transform .25s;\n}\n.step:hover .step-icon{transform:scale(1.15) rotate(5deg)}\n.step-body h4{font-size:1.4rem;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.25)}\n.step-body p{font-size:1.1rem;color:#d0d0ff;font-weight:700;margin-top:.3rem}\n\n\/* COMMUNITY *\/\n#community{\n position:relative;\n background:url('https:\/\/nibby.fun\/wp-content\/uploads\/2026\/06\/bg5-scaled.png') center\/cover no-repeat fixed;\n padding:6rem 1rem 7rem;\n}\n#community .section-title{color:#fff;text-shadow:0 4px 0 var(--gold),0 10px 25px rgba(0,0,0,.45)}\n.comm-grid{\n display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:1.5rem;\n max-width:900px;margin:0 auto 3rem;\n}\n.comm-card{\n display:flex;flex-direction:column;align-items:center;text-align:center;\n background:linear-gradient(135deg,#fff 0%,#e0f7fa 100%);\n border:3px solid var(--yellow);border-radius:28px;\n padding:2.4rem 1.5rem;text-decoration:none;color:var(--dark);\n box-shadow:0 12px 30px rgba(0,0,0,.3);\n transition:transform .25s,box-shadow .25s;\n}\n.comm-card:hover{transform:translateY(-10px) scale(1.04);box-shadow:0 22px 50px rgba(0,0,0,.4)}\n.cc-icon{\n width:76px;height:76px;border-radius:50%;\n display:grid;place-items:center;margin-bottom:1.1rem;\n background:linear-gradient(135deg,var(--yellow),var(--gold));\n box-shadow:0 6px 16px rgba(251,133,0,.35);color:#fff;\n}\n.comm-card h3{font-size:1.7rem;color:var(--deep)}\n.comm-card p{font-size:1.1rem;color:var(--navy);font-weight:700}\n\n.tg .cc-icon{background:linear-gradient(135deg,#229ED9,#1a8bc4)}\n.x .cc-icon{background:linear-gradient(135deg,#111,#333)}\n\n.final-cta{text-align:center}\n.final-cta p{\n font-size:2.4rem;color:var(--yellow);font-family:'Akaya Kanadaka',cursive;\n text-shadow:0 3px 0 var(--orange),0 8px 16px rgba(0,0,0,.35);\n margin-bottom:1.2rem;\n}\n\n\/* Footer *\/\n.site-footer{\n text-align:center;padding:2rem 1.5rem;background:var(--dark);\n color:#fff;font-size:1.05rem;font-weight:700;\n border-top:2px solid rgba(255,255,255,.08);\n}\n\n\/* Reveal *\/\n.reveal{opacity:0;transform:translateY(30px);transition:opacity .8s ease-out,transform .8s ease-out}\n.reveal.active{opacity:1;transform:translateY(0)}\n\n\/* Anim *\/\n@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-16px)}}\n\n\/* Responsive *\/\n@media(max-width:900px){\n .nav-toggle{display:block}\n .main-nav{display:none;position:absolute;top:calc(100% + .5rem);left:1rem;right:1rem;background:rgba(11,19,43,.95);border:2px solid rgba(255,255,255,.2);border-radius:22px;padding:.5rem;flex-direction:column;gap:.2rem;text-align:center}\n .main-nav.open{display:flex}\n .hero-logo{width:90vw;max-width:520px}\n .about-grid{grid-template-columns:1fr}\n .about-visual{margin-bottom:1.5rem}\n .about-visual .img-block{max-width:460px}\n .tokenomics-float{\n position:relative;right:auto;top:auto;transform:none;\n width:100%;padding:0 1rem;margin-top:-60px;\n }\n .tokenomics-float .token-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}\n .tokenomics-float .chart-card{grid-column:span 1!important}\n .timeline{flex-direction:column;align-items:flex-start;gap:2.2rem;padding-top:.5rem}\n .timeline-line{top:0;bottom:0;left:2rem;right:auto;width:6px;height:auto}\n .step{display:flex;align-items:center;gap:1.4rem;text-align:left;width:100%}\n .step-icon{margin:0;flex-shrink:0}\n .section{padding:4rem 1rem}\n .section-title{margin-bottom:1.4rem}\n}\n@media(max-width:600px){\n .comm-grid{grid-template-columns:1fr}\n .tokenomics-float .token-grid{grid-template-columns:1fr}\n}\n@media(max-width:480px){\n html{font-size:16px}\n .main-nav a{font-size:1.1rem;padding:.35rem 1rem}\n .cta-btn{padding:1rem 2rem;font-size:1.4rem}\n}\n<\/style>\n<\/head>\n<body>\n\n<header class=\"site-header\">\n <button class=\"nav-toggle\" aria-label=\"Toggle navigation\">\u2630<\/button>\n <nav class=\"main-nav\" id=\"mainNav\">\n <a href=\"#hero\">Home<\/a>\n <a href=\"#about\">About<\/a>\n <a href=\"#tokenomics\">Tokenomics<\/a>\n <a href=\"#roadmap\">Roadmap<\/a>\n <a href=\"#community\">Community<\/a>\n <\/nav>\n<\/header>\n\n<main>\n \n <section id=\"hero\" class=\"section\">\n <img decoding=\"async\" src=\"https:\/\/nibby.fun\/wp-content\/uploads\/2026\/06\/logo.png\" class=\"hero-logo\" alt=\"NIBBY\">\n\n <div class=\"ca-box\">\n <span class=\"ca-label\">CA<\/span>\n <code class=\"ca-address\">EScSsKzmJG8h3Yg1wxoPbHB2Sbdv1vdp7mGxAGnopump<\/code>\n <button class=\"ca-copy\" onclick=\"copyCA()\" aria-label=\"Copy\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#0B132B\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\"\/><path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\"\/><\/svg>\n <\/button>\n <\/div>\n\n <div class=\"hero-btns\">\n <a href=\"https:\/\/swap.pump.fun\/?input=So11111111111111111111111111111111111111112&output=EScSsKzmJG8h3Yg1wxoPbHB2Sbdv1vdp7mGxAGnopump\" class=\"cta-btn\">SWAP $NIB<\/a>\n <a href=\"https:\/\/dexscreener.com\/solana\/EScSsKzmJG8h3Yg1wxoPbHB2Sbdv1vdp7mGxAGnopump\" class=\"cta-btn secondary\">Dexscreener<\/a>\n <\/div>\n\n <svg class=\"wave-bottom\" viewBox=\"0 0 1440 120\" preserveAspectRatio=\"none\">\n <path d=\"M0,60 C360,120 1080,0 1440,60 L1440,120 L0,120 Z\" fill=\"#4CC9F0\"\/>\n <\/svg>\n <\/section>\n\n \n <section id=\"about\" class=\"section\">\n <div class=\"container\">\n <h2 class=\"section-title reveal\">Who is NIBBY?<\/h2>\n <div class=\"about-grid\">\n <div class=\"about-visual reveal\">\n <img decoding=\"async\" style=\"border-radius: 24px; width: 600px;\" src=\"https:\/\/nibby.fun\/wp-content\/uploads\/2026\/06\/featured2.png\" class=\"img-block\" alt=\"NIBBY Otter\">\n <\/div>\n <div class=\"about-content reveal\">\n <div class=\"bubble\">\n <p><strong>Hi! I'm Nibby.<\/strong> I spend my days diving deep into the blockchain river, sniffing out shiny gems and stashing them away one coin at a time.<\/p>\n <\/div>\n <div class=\"bubble\">\n <p>Playful, clever, and unstoppable \u2014 I believe every small discovery can lead to something extraordinary. Will you join my treasure hunt?<\/p>\n <\/div>\n <div class=\"timeline-small\">\n <div class=\"t-item\"><span class=\"t-dot\"><\/span><span>Born in the wildest river of the blockchain<\/span><\/div>\n <div class=\"t-item\"><span class=\"t-dot\"><\/span><span>Found first gem at the bottom of DeFi lake<\/span><\/div>\n <div class=\"t-item\"><span class=\"t-dot\"><\/span><span>Building the ultimate treasure vault<\/span><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n \n \n <\/section>\n\n \n <section id=\"tokenomics\" class=\"section\">\n <svg class=\"wave-top\" viewBox=\"0 0 1440 120\" preserveAspectRatio=\"none\">\n <path d=\"M0,120 L1440,120 L1440,60 C1080,0 360,120 0,60 Z\" fill=\"#4895EF\"\/>\n <\/svg>\n\n <div class=\"container\">\n <h2 class=\"section-title reveal\">Treasure Map<br><span class=\"sub\">(Tokenomics)<\/span><\/h2>\n <\/div>\n\n <div class=\"token-showcase\">\n <img decoding=\"async\" style=\"border-radius: 24px;\" src=\"https:\/\/nibby.fun\/wp-content\/uploads\/2026\/06\/featured3.png\" class=\"tokenomics-hero-img\" alt=\"Tokenomics\">\n <div class=\"container tokenomics-float\"style=\"padding: 0 90px 0 0;\">\n <div class=\"token-grid\">\n <div class=\"t-card reveal\">\n <h3>Total Supply<\/h3>\n <p class=\"t-value\">1,000,000,000<\/p>\n <p class=\"t-desc\">$NIB Tokens<\/p>\n <\/div>\n <div class=\"t-card reveal\">\n <h3>LP Burned<\/h3>\n <p class=\"t-value\">100%<\/p>\n <p class=\"t-desc\">Liquidity sent to the abyss<\/p>\n <\/div>\n <div class=\"t-card reveal\">\n <h3>Tax<\/h3>\n <p class=\"t-value\">0%<\/p>\n <p class=\"t-desc\">Zero buy & sell tax<\/p>\n <\/div>\n <div class=\"t-card reveal\">\n <h3>Contract<\/h3>\n <p class=\"t-value\">Renounced<\/p>\n <p class=\"t-desc\">No dev control<\/p>\n <\/div>\n <div class=\"t-card reveal\">\n <h3>Marketcap Goal<\/h3>\n <p class=\"t-value\">1B<\/p>\n <p class=\"t-desc\">To the moon we swim<\/p>\n <\/div>\n <div class=\"t-card chart-card reveal\">\n <h3>Distribution<\/h3>\n <div class=\"pie-wrap\">\n <svg viewBox=\"0 0 40 40\" class=\"pie\">\n <circle cx=\"20\" cy=\"20\" r=\"15.9155\" fill=\"transparent\" stroke=\"#e0f7fa\" stroke-width=\"6\"\/>\n <circle cx=\"20\" cy=\"20\" r=\"15.9155\" fill=\"transparent\" stroke=\"#FFD60A\" stroke-width=\"6\" stroke-dasharray=\"100 0\" stroke-dashoffset=\"0\" transform=\"rotate(-90 20 20)\"\/>\n <\/svg>\n <div class=\"pie-legend\">\n <span><span class=\"dot\" style=\"background:#FFD60A\"><\/span>100% LP BURNED<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <svg class=\"wave-bottom\" viewBox=\"0 0 1440 120\" preserveAspectRatio=\"none\">\n <path d=\"M0,60 C360,120 1080,0 1440,60 L1440,120 L0,120 Z\" fill=\"#4361EE\"\/>\n <\/svg>\n <\/section>\n\n \n <section id=\"roadmap\" class=\"section\">\n <svg class=\"wave-top\" viewBox=\"0 0 1440 120\" preserveAspectRatio=\"none\">\n <path d=\"M0,120 L1440,120 L1440,60 C1080,0 360,120 0,60 Z\" fill=\"#4361EE\"\/>\n <\/svg>\n\n <div class=\"container\">\n <h2 class=\"section-title reveal\">Nibby's Journey<\/h2>\n <div class=\"roadmap-visual reveal\">\n <img decoding=\"async\" src=\"https:\/\/nibby.fun\/wp-content\/uploads\/2026\/06\/featured4.png\" class=\"img-block\" alt=\"Roadmap\">\n <\/div>\n <div class=\"timeline\">\n <div class=\"timeline-line\"><\/div>\n <div class=\"step reveal\">\n <div class=\"step-icon\">\n <svg viewBox=\"0 0 40 40\" width=\"30\" height=\"30\"><circle cx=\"20\" cy=\"20\" r=\"16\" fill=\"#0077B6\"\/><path d=\"M15 20l4 4 7-7\" stroke=\"#fff\" stroke-width=\"3\" fill=\"none\"\/><\/svg>\n <\/div>\n <div class=\"step-body\"><h4>Q1 2025<\/h4><p>Token Launch & Website Drop<\/p><\/div>\n <\/div>\n <div class=\"step reveal\">\n <div class=\"step-icon\">\n <svg viewBox=\"0 0 40 40\" width=\"30\" height=\"30\"><circle cx=\"20\" cy=\"20\" r=\"16\" fill=\"#023E8A\"\/><path d=\"M12 20h16M20 12v16\" stroke=\"#fff\" stroke-width=\"3\"\/><\/svg>\n <\/div>\n <div class=\"step-body\"><h4>Q2 2025<\/h4><p>CEX & DEX Listings<\/p><\/div>\n <\/div>\n <div class=\"step reveal\">\n <div class=\"step-icon\">\n <svg viewBox=\"0 0 40 40\" width=\"30\" height=\"30\"><circle cx=\"20\" cy=\"20\" r=\"16\" fill=\"#48CAE4\"\/><path d=\"M20 10v10l7 7\" stroke=\"#fff\" stroke-width=\"3\" fill=\"none\"\/><\/svg>\n <\/div>\n <div class=\"step-body\"><h4>Q3 2025<\/h4><p>Partnerships & Integrations<\/p><\/div>\n <\/div>\n <div class=\"step reveal\">\n <div class=\"step-icon\">\n <svg viewBox=\"0 0 40 40\" width=\"30\" height=\"30\"><circle cx=\"20\" cy=\"20\" r=\"16\" fill=\"#FFB703\"\/><path d=\"M12 12l16 16M28 12L12 28\" stroke=\"#fff\" stroke-width=\"3\"\/><\/svg>\n <\/div>\n <div class=\"step-body\"><h4>Q4 2025<\/h4><p>NIBBY NFT Collection<\/p><\/div>\n <\/div>\n <div class=\"step reveal\">\n <div class=\"step-icon\">\n <svg viewBox=\"0 0 40 40\" width=\"30\" height=\"30\"><circle cx=\"20\" cy=\"20\" r=\"16\" fill=\"#FB8500\"\/><path d=\"M12 20c2 4 6 6 8 6s6-2 8-6\" stroke=\"#fff\" stroke-width=\"3\" fill=\"none\"\/><\/svg>\n <\/div>\n <div class=\"step-body\"><h4>Q1 2026<\/h4><p>DAO & Community Treasury<\/p><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"community\" class=\"section\">\n \n <svg class=\"wave-top\" viewBox=\"0 0 1440 120\" preserveAspectRatio=\"none\">\n <path d=\"M0,0 L1440,0 L1440,60 C1080,120 360,0 0,60 Z\" fill=\"#3F3BC4\"\/>\n <\/svg>\n\n <div class=\"container\">\n <h2 class=\"section-title reveal\">Join the Otter Squad<\/h2>\n <div class=\"comm-grid\">\n <a href=\"https:\/\/t.me\/nibbysol\" class=\"comm-card tg reveal\">\n <div class=\"cc-icon\">\n <svg viewBox=\"0 0 24 24\" width=\"34\" height=\"34\"><path d=\"M21.5 3.5L2.5 11.5L9.5 13.5L16.5 8.5L12.5 15.5L19.5 20.5L21.5 3.5Z\" fill=\"#fff\" stroke=\"#fff\" stroke-width=\"2\" stroke-linejoin=\"round\"\/><\/svg>\n <\/div>\n <h3>Telegram<\/h3>\n <p>Chat with fellow divers<\/p>\n <\/a>\n <a href=\"https:\/\/x.com\/NIBBYonSOL\" class=\"comm-card x reveal\">\n <div class=\"cc-icon\">\n <svg viewBox=\"0 0 24 24\" width=\"34\" height=\"34\"><path d=\"M4 4L10 12L4 20H7L11.5 14L16 20H20L14 12L20 4H17L12.5 9.5L8.5 4H4Z\" fill=\"#fff\"\/><\/svg>\n <\/div>\n <h3>X \/ Twitter<\/h3>\n <p>Latest otter updates<\/p>\n <\/a>\n <\/div>\n\n <div class=\"final-cta reveal\">\n <p>Ready to make a splash?<\/p>\n <a href=\"https:\/\/swap.pump.fun\/?input=So11111111111111111111111111111111111111112&output=EScSsKzmJG8h3Yg1wxoPbHB2Sbdv1vdp7mGxAGnopump\" class=\"cta-btn big\">Swap $NIB Now<\/a>\n <\/div>\n <\/div>\n\n <svg class=\"wave-bottom\" viewBox=\"0 0 1440 120\" preserveAspectRatio=\"none\">\n <path d=\"M0,25 C360,120 1080,120 1440,25 L1440,120 L0,120 Z\" fill=\"#0B132B\"\/>\n <\/svg>\n <\/section>\n<\/main>\n\n<footer class=\"site-footer\">\n <p>2025 NIBBY ($NIB). All rights reserved. Built for otters, by otters.<\/p>\n<\/footer>\n\n<script>\n(function(){\n var navToggle=document.querySelector('.nav-toggle');\n var mainNav=document.querySelector('.main-nav');\n if(navToggle&&mainNav){\n navToggle.addEventListener('click',function(){mainNav.classList.toggle('open')});\n document.querySelectorAll('.main-nav a').forEach(function(link){\n link.addEventListener('click',function(){mainNav.classList.remove('open')});\n });\n }\n var observer=new IntersectionObserver(function(entries){\n entries.forEach(function(entry){if(entry.isIntersecting)entry.target.classList.add('active')});\n },{threshold:0.1,rootMargin:'0px 0px -50px 0px'});\n document.querySelectorAll('.reveal').forEach(function(el){observer.observe(el)});\n})();\n\nfunction copyCA(){\n var ca='EScSsKzmJG8h3Yg1wxoPbHB2Sbdv1vdp7mGxAGnopump';\n if(navigator.clipboard&&navigator.clipboard.writeText){\n navigator.clipboard.writeText(ca);\n }else{\n var el=document.createElement('textarea');\n el.value=ca;document.body.appendChild(el);\n el.select();document.execCommand('copy');\n document.body.removeChild(el);\n }\n var btn=document.querySelector('.ca-copy');\n var orig=btn.innerHTML;\n btn.innerHTML='<svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#0B132B\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>';\n setTimeout(function(){btn.innerHTML=orig},1500);\n}\n<\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>NIBBY – $NIB \u2630 Home About Tokenomics Roadmap Community CA EScSsKzmJG8h3Yg1wxoPbHB2Sbdv1vdp7mGxAGnopump SWAP $NIB Dexscreener Who is NIBBY? Hi! I’m Nibby. I spend my days diving deep into the blockchain river, sniffing out shiny gems and stashing them away one coin at a time. Playful, clever, and unstoppable \u2014 I believe every small discovery can lead […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nibby.fun\/index.php?rest_route=\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nibby.fun\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nibby.fun\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nibby.fun\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nibby.fun\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":82,"href":"https:\/\/nibby.fun\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":103,"href":"https:\/\/nibby.fun\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/103"}],"wp:attachment":[{"href":"https:\/\/nibby.fun\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n \t\t

\n\t\t\t\t\t\n\n\n\n\nNIBBY - $NIB<\/title>\n<meta name=\"description\" content=\"A curious little otter with a talent for finding hidden treasures.\">\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Akaya+Kanadaka&family=Comic+Neue:ital,wght@0,400;0,700;1,400&display=swap');\n\n:root{\n --sky:#4CC9F0;\n --blue:#4895EF;\n --deep:#4361EE;\n --royal:#3F37C9;\n --purple:#3A0CA3;\n --yellow:#FFD60A;\n --gold:#FFB703;\n --orange:#FB8500;\n --navy:#1D3557;\n --dark:#0B132B;\n}\n\n*{box-sizing:border-box;margin:0;padding:0}\nhtml{scroll-behavior:smooth;font-size:18px}\n\nbody{\n font-family:'Comic Neue',cursive;\n background:var(--dark);\n color:#fff;\n line-height:1.45;\n overflow-x:hidden;\n}\n\nh1,h2,h3,h4,h5,h6{font-family:'Akaya Kanadaka',cursive;font-weight:400}\n\n\/* Nav *\/\n.site-header{\n position:fixed;top:0;left:0;right:0;\n z-index:1000;\n display:flex;align-items:center;justify-content:center;\n padding:.7rem 1rem;\n background:transparent;\n pointer-events:none;\n}\n.nav-toggle{\n display:none;position:absolute;right:1.2rem;top:.5rem;\n background:none;border:none;font-size:2rem;color:#fff;\n cursor:pointer;pointer-events:auto;\n text-shadow:0 2px 8px rgba(0,0,0,.4);\n}\n.main-nav{\n display:flex;gap:.4rem;\n background:rgba(0,0,0,.15);\n backdrop-filter:blur(8px);\n border:2px solid rgba(255,255,255,.25);\n border-radius:50px;padding:.3rem;\n pointer-events:auto;\n}\n.main-nav a{\n font-family:'Akaya Kanadaka',cursive;\n text-decoration:none;color:#fff;\n font-size:1.3rem;padding:.45rem 1.3rem;border-radius:50px;\n transition:all .25s;\n text-shadow:0 2px 6px rgba(0,0,0,.3);\n}\n.main-nav a:hover{\n background:var(--yellow);color:var(--dark);\n transform:scale(1.08);\n}\n\n\/* Utilities *\/\n.container{max-width:1300px;margin:0 auto;padding:0 1.25rem}\n.section{padding:4.5rem 1rem;position:relative}\n\n.section-title{\n font-size:clamp(4.2rem,9vw,8rem);\n line-height:1.05;text-align:center;margin-bottom:1.8rem;\n color:#fff;\n text-shadow:0 4px 0 var(--royal),0 10px 25px rgba(11,19,43,.45);\n}\n.section-title .sub{\n font-size:.52em;color:var(--yellow);\n text-shadow:0 3px 0 var(--orange),0 8px 16px rgba(251,133,0,.4);\n}\n\n\/* Waves *\/\n.wave-bottom,.wave-top{\n position:absolute;left:0;width:100%;\n display:block;pointer-events:none\n}\n.wave-bottom{bottom:-2px;height:110px}\n.wave-top{top:-2px;height:100px}\n\n\/* Buttons *\/\n.cta-btn{\n display:inline-flex;align-items:center;justify-content:center;\n background:linear-gradient(135deg,var(--yellow) 0%,var(--gold) 100%);\n color:var(--dark);padding:1.2rem 3.2rem;\n font-size:1.8rem;font-family:'Akaya Kanadaka',cursive;\n border-radius:50px;text-decoration:none;border:3px solid #fff;\n box-shadow:0 10px 25px rgba(0,0,0,.3);\n transition:transform .2s,box-shadow .2s;cursor:pointer;\n}\n.cta-btn:hover{transform:scale(1.08) rotate(-1deg);box-shadow:0 16px 40px rgba(0,0,0,.4)}\n.cta-btn.secondary{\n background:linear-gradient(135deg,#fff 0%,#e0f7fa 100%);\n color:var(--deep);\n}\n\n\/* Image blocks *\/\n.img-block{\n display:block;width:100%;height:auto;border-radius:28px;\n filter:drop-shadow(0 18px 36px rgba(0,0,0,.25));\n}\n\n\/* HERO *\/\n#hero{\n margin: -40px 0 0 0;\n position:relative;\n min-height:100vh;\n display:flex;flex-direction:column;align-items:center;justify-content:center;\n text-align:center;gap:2.8rem;\n background:url('https:\/\/nibby.fun\/wp-content\/uploads\/2026\/06\/bg1-scaled.jpeg') center\/cover no-repeat;\n padding:7rem 1.5rem 8.5rem;\n}\n.hero-logo{\n width:min(88vw,680px);height:auto;\n filter:drop-shadow(0 24px 50px rgba(0,0,0,.4));\n animation:bob 4s ease-in-out infinite;\n}\n.ca-box{\n display:inline-flex;align-items:center;gap:.7rem;\n background:rgba(0,0,0,.25);\n border:3px dashed rgba(255,255,255,.85);\n border-radius:50px;padding:.55rem 1.2rem;\n backdrop-filter:blur(6px);\n}\n.ca-label{\n font-family:'Akaya Kanadaka',cursive;\n background:var(--yellow);color:var(--dark);\n padding:.25rem .75rem;border-radius:12px;font-size:1.25rem;\n}\n.ca-address{\n font-family:ui-monospace,Menlo,monospace;\n font-size:clamp(.9rem,2.4vw,1.3rem);color:#fff;font-weight:700;\n}\n.ca-copy{\n background:linear-gradient(135deg,var(--yellow),var(--gold));\n color:var(--dark);border:none;border-radius:50%;\n width:46px;height:46px;display:grid;place-items:center;\n cursor:pointer;transition:transform .2s;\n}\n.ca-copy:hover{transform:scale(1.15) rotate(-5deg)}\n.hero-btns{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-top:.2rem}\n\n\/* ABOUT *\/\n#about{background:linear-gradient(180deg,#4CC9F0 0%,#4895EF 100%)}\n.about-grid{\n display:grid;grid-template-columns:1fr 1.1fr;gap:2.5rem;align-items:center;\n}\n.about-visual{padding:0 1rem}\n.about-visual .img-block{max-width:600px;margin:0 auto}\n.about-content{\n display:flex;flex-direction:column;gap:1.3rem;\n font-size:1.35rem;font-weight:700;color:var(--navy);\n}\n.bubble{\n background:#fff;border:3px solid rgba(255,255,255,.6);\n border-radius:26px;padding:1.6rem;\n box-shadow:0 10px 28px rgba(0,0,0,.1);\n}\n.bubble strong{color:var(--deep);font-size:1.15em}\n.timeline-small{display:flex;flex-direction:column;gap:.85rem;margin-top:.4rem}\n.t-item{display:flex;align-items:center;gap:.7rem}\n.t-dot{\n width:18px;height:18px;border-radius:50%;background:var(--yellow);\n border:3px solid #fff;box-shadow:0 2px 6px rgba(0,0,0,.15);flex-shrink:0\n}\n\n\/* TOKENOMICS *\/\n#tokenomics{background:linear-gradient(180deg,#4895EF 0%,#4361EE 100%)}\n\n.token-showcase{\n position:relative;width:100%;\n padding:0 1.25rem;margin-top:1.5rem;\n}\n.tokenomics-hero-img{\n width:100%;height:auto;display:block;border-radius:28px;\n filter:drop-shadow(0 16px 32px rgba(0,0,0,.2));\n}\n.tokenomics-float{\n position:absolute;right:2.5rem;top:50%;transform:translateY(-50%);\n width:min(420px,40vw);z-index:2;\n}\n.tokenomics-float .token-grid{\n display:grid;grid-template-columns:1fr 1fr;gap:.6rem;\n}\n.tokenomics-float .t-card{\n background:linear-gradient(135deg,#fff 0%,#e0f7fa 100%);\n border:2px solid var(--yellow);border-radius:20px;\n padding:1rem .8rem;text-align:center;color:var(--dark);\n box-shadow:0 8px 20px rgba(0,0,0,.25);\n transition:transform .25s;\n}\n.tokenomics-float .t-card:hover{transform:translateY(-4px) rotate(-1deg)}\n.tokenomics-float .t-card h3{font-size:1.15rem;color:var(--deep);margin-bottom:.15rem}\n.tokenomics-float .t-value{\n font-family:'Akaya Kanadaka',cursive;font-size:1.8rem;line-height:1;\n background:linear-gradient(135deg,var(--orange),var(--deep));\n -webkit-background-clip:text;-webkit-text-fill-color:transparent;\n}\n.tokenomics-float .t-desc{font-size:.82rem;color:var(--navy);font-weight:700;margin-top:.15rem}\n\n.tokenomics-float .chart-card{grid-column:span 2}\n.tokenomics-float .pie-wrap{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:.4rem}\n.tokenomics-float .pie{width:100px;height:100px;transform:rotate(-90deg)}\n.tokenomics-float .pie-legend{\n display:grid;grid-template-columns:1fr;gap:.35rem;\n font-size:.85rem;font-weight:700;color:var(--navy)\n}\n.tokenomics-float .pie-legend span{display:flex;align-items:center;gap:.4rem}\n.tokenomics-float .dot{width:12px;height:12px;border-radius:2px;display:inline-block}\n\n\/* ROADMAP *\/\n#roadmap{background:linear-gradient(180deg,#4361EE 0%,#3F37C9 100%)}\n.roadmap-visual{padding:0 1rem;margin-bottom:2rem}\n.roadmap-visual .img-block{max-width:620px;margin:0 auto}\n\n.timeline{position:relative;display:flex;justify-content:space-between;gap:1rem;padding-top:2rem}\n.timeline-line{position:absolute;top:4.2rem;left:0;right:0;height:6px;background:linear-gradient(90deg,var(--yellow),var(--orange));border-radius:3px;opacity:.95}\n.step{position:relative;flex:1;text-align:center}\n.step-icon{\n width:76px;height:76px;margin:0 auto 1.1rem;\n background:#fff;border:4px solid var(--yellow);border-radius:50%;\n display:grid;place-items:center;\n box-shadow:0 8px 20px rgba(0,0,0,.25);\n transition:transform .25s;\n}\n.step:hover .step-icon{transform:scale(1.15) rotate(5deg)}\n.step-body h4{font-size:1.4rem;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.25)}\n.step-body p{font-size:1.1rem;color:#d0d0ff;font-weight:700;margin-top:.3rem}\n\n\/* COMMUNITY *\/\n#community{\n position:relative;\n background:url('https:\/\/nibby.fun\/wp-content\/uploads\/2026\/06\/bg5-scaled.png') center\/cover no-repeat fixed;\n padding:6rem 1rem 7rem;\n}\n#community .section-title{color:#fff;text-shadow:0 4px 0 var(--gold),0 10px 25px rgba(0,0,0,.45)}\n.comm-grid{\n display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:1.5rem;\n max-width:900px;margin:0 auto 3rem;\n}\n.comm-card{\n display:flex;flex-direction:column;align-items:center;text-align:center;\n background:linear-gradient(135deg,#fff 0%,#e0f7fa 100%);\n border:3px solid var(--yellow);border-radius:28px;\n padding:2.4rem 1.5rem;text-decoration:none;color:var(--dark);\n box-shadow:0 12px 30px rgba(0,0,0,.3);\n transition:transform .25s,box-shadow .25s;\n}\n.comm-card:hover{transform:translateY(-10px) scale(1.04);box-shadow:0 22px 50px rgba(0,0,0,.4)}\n.cc-icon{\n width:76px;height:76px;border-radius:50%;\n display:grid;place-items:center;margin-bottom:1.1rem;\n background:linear-gradient(135deg,var(--yellow),var(--gold));\n box-shadow:0 6px 16px rgba(251,133,0,.35);color:#fff;\n}\n.comm-card h3{font-size:1.7rem;color:var(--deep)}\n.comm-card p{font-size:1.1rem;color:var(--navy);font-weight:700}\n\n.tg .cc-icon{background:linear-gradient(135deg,#229ED9,#1a8bc4)}\n.x .cc-icon{background:linear-gradient(135deg,#111,#333)}\n\n.final-cta{text-align:center}\n.final-cta p{\n font-size:2.4rem;color:var(--yellow);font-family:'Akaya Kanadaka',cursive;\n text-shadow:0 3px 0 var(--orange),0 8px 16px rgba(0,0,0,.35);\n margin-bottom:1.2rem;\n}\n\n\/* Footer *\/\n.site-footer{\n text-align:center;padding:2rem 1.5rem;background:var(--dark);\n color:#fff;font-size:1.05rem;font-weight:700;\n border-top:2px solid rgba(255,255,255,.08);\n}\n\n\/* Reveal *\/\n.reveal{opacity:0;transform:translateY(30px);transition:opacity .8s ease-out,transform .8s ease-out}\n.reveal.active{opacity:1;transform:translateY(0)}\n\n\/* Anim *\/\n@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-16px)}}\n\n\/* Responsive *\/\n@media(max-width:900px){\n .nav-toggle{display:block}\n .main-nav{display:none;position:absolute;top:calc(100% + .5rem);left:1rem;right:1rem;background:rgba(11,19,43,.95);border:2px solid rgba(255,255,255,.2);border-radius:22px;padding:.5rem;flex-direction:column;gap:.2rem;text-align:center}\n .main-nav.open{display:flex}\n .hero-logo{width:90vw;max-width:520px}\n .about-grid{grid-template-columns:1fr}\n .about-visual{margin-bottom:1.5rem}\n .about-visual .img-block{max-width:460px}\n .tokenomics-float{\n position:relative;right:auto;top:auto;transform:none;\n width:100%;padding:0 1rem;margin-top:-60px;\n }\n .tokenomics-float .token-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}\n .tokenomics-float .chart-card{grid-column:span 1!important}\n .timeline{flex-direction:column;align-items:flex-start;gap:2.2rem;padding-top:.5rem}\n .timeline-line{top:0;bottom:0;left:2rem;right:auto;width:6px;height:auto}\n .step{display:flex;align-items:center;gap:1.4rem;text-align:left;width:100%}\n .step-icon{margin:0;flex-shrink:0}\n .section{padding:4rem 1rem}\n .section-title{margin-bottom:1.4rem}\n}\n@media(max-width:600px){\n .comm-grid{grid-template-columns:1fr}\n .tokenomics-float .token-grid{grid-template-columns:1fr}\n}\n@media(max-width:480px){\n html{font-size:16px}\n .main-nav a{font-size:1.1rem;padding:.35rem 1rem}\n .cta-btn{padding:1rem 2rem;font-size:1.4rem}\n}\n<\/style>\n<\/head>\n<body>\n\n<header class=\"site-header\">\n <button class=\"nav-toggle\" aria-label=\"Toggle navigation\">\u2630<\/button>\n <nav class=\"main-nav\" id=\"mainNav\">\n <a href=\"#hero\">Home<\/a>\n <a href=\"#about\">About<\/a>\n <a href=\"#tokenomics\">Tokenomics<\/a>\n <a href=\"#roadmap\">Roadmap<\/a>\n <a href=\"#community\">Community<\/a>\n <\/nav>\n<\/header>\n\n<main>\n \n <section id=\"hero\" class=\"section\">\n <img decoding=\"async\" src=\"https:\/\/nibby.fun\/wp-content\/uploads\/2026\/06\/logo.png\" class=\"hero-logo\" alt=\"NIBBY\">\n\n <div class=\"ca-box\">\n <span class=\"ca-label\">CA<\/span>\n <code class=\"ca-address\">EScSsKzmJG8h3Yg1wxoPbHB2Sbdv1vdp7mGxAGnopump<\/code>\n <button class=\"ca-copy\" onclick=\"copyCA()\" aria-label=\"Copy\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#0B132B\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\"\/><path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\"\/><\/svg>\n <\/button>\n <\/div>\n\n <div class=\"hero-btns\">\n <a href=\"https:\/\/swap.pump.fun\/?input=So11111111111111111111111111111111111111112&output=EScSsKzmJG8h3Yg1wxoPbHB2Sbdv1vdp7mGxAGnopump\" class=\"cta-btn\">SWAP $NIB<\/a>\n <a href=\"https:\/\/dexscreener.com\/solana\/EScSsKzmJG8h3Yg1wxoPbHB2Sbdv1vdp7mGxAGnopump\" class=\"cta-btn secondary\">Dexscreener<\/a>\n <\/div>\n\n <svg class=\"wave-bottom\" viewBox=\"0 0 1440 120\" preserveAspectRatio=\"none\">\n <path d=\"M0,60 C360,120 1080,0 1440,60 L1440,120 L0,120 Z\" fill=\"#4CC9F0\"\/>\n <\/svg>\n <\/section>\n\n \n <section id=\"about\" class=\"section\">\n <div class=\"container\">\n <h2 class=\"section-title reveal\">Who is NIBBY?<\/h2>\n <div class=\"about-grid\">\n <div class=\"about-visual reveal\">\n <img decoding=\"async\" style=\"border-radius: 24px; width: 600px;\" src=\"https:\/\/nibby.fun\/wp-content\/uploads\/2026\/06\/featured2.png\" class=\"img-block\" alt=\"NIBBY Otter\">\n <\/div>\n <div class=\"about-content reveal\">\n <div class=\"bubble\">\n <p><strong>Hi! I'm Nibby.<\/strong> I spend my days diving deep into the blockchain river, sniffing out shiny gems and stashing them away one coin at a time.<\/p>\n <\/div>\n <div class=\"bubble\">\n <p>Playful, clever, and unstoppable \u2014 I believe every small discovery can lead to something extraordinary. Will you join my treasure hunt?<\/p>\n <\/div>\n <div class=\"timeline-small\">\n <div class=\"t-item\"><span class=\"t-dot\"><\/span><span>Born in the wildest river of the blockchain<\/span><\/div>\n <div class=\"t-item\"><span class=\"t-dot\"><\/span><span>Found first gem at the bottom of DeFi lake<\/span><\/div>\n <div class=\"t-item\"><span class=\"t-dot\"><\/span><span>Building the ultimate treasure vault<\/span><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n \n \n <\/section>\n\n \n <section id=\"tokenomics\" class=\"section\">\n <svg class=\"wave-top\" viewBox=\"0 0 1440 120\" preserveAspectRatio=\"none\">\n <path d=\"M0,120 L1440,120 L1440,60 C1080,0 360,120 0,60 Z\" fill=\"#4895EF\"\/>\n <\/svg>\n\n <div class=\"container\">\n <h2 class=\"section-title reveal\">Treasure Map<br><span class=\"sub\">(Tokenomics)<\/span><\/h2>\n <\/div>\n\n <div class=\"token-showcase\">\n <img decoding=\"async\" style=\"border-radius: 24px;\" src=\"https:\/\/nibby.fun\/wp-content\/uploads\/2026\/06\/featured3.png\" class=\"tokenomics-hero-img\" alt=\"Tokenomics\">\n <div class=\"container tokenomics-float\"style=\"padding: 0 90px 0 0;\">\n <div class=\"token-grid\">\n <div class=\"t-card reveal\">\n <h3>Total Supply<\/h3>\n <p class=\"t-value\">1,000,000,000<\/p>\n <p class=\"t-desc\">$NIB Tokens<\/p>\n <\/div>\n <div class=\"t-card reveal\">\n <h3>LP Burned<\/h3>\n <p class=\"t-value\">100%<\/p>\n <p class=\"t-desc\">Liquidity sent to the abyss<\/p>\n <\/div>\n <div class=\"t-card reveal\">\n <h3>Tax<\/h3>\n <p class=\"t-value\">0%<\/p>\n <p class=\"t-desc\">Zero buy & sell tax<\/p>\n <\/div>\n <div class=\"t-card reveal\">\n <h3>Contract<\/h3>\n <p class=\"t-value\">Renounced<\/p>\n <p class=\"t-desc\">No dev control<\/p>\n <\/div>\n <div class=\"t-card reveal\">\n <h3>Marketcap Goal<\/h3>\n <p class=\"t-value\">1B<\/p>\n <p class=\"t-desc\">To the moon we swim<\/p>\n <\/div>\n <div class=\"t-card chart-card reveal\">\n <h3>Distribution<\/h3>\n <div class=\"pie-wrap\">\n <svg viewBox=\"0 0 40 40\" class=\"pie\">\n <circle cx=\"20\" cy=\"20\" r=\"15.9155\" fill=\"transparent\" stroke=\"#e0f7fa\" stroke-width=\"6\"\/>\n <circle cx=\"20\" cy=\"20\" r=\"15.9155\" fill=\"transparent\" stroke=\"#FFD60A\" stroke-width=\"6\" stroke-dasharray=\"100 0\" stroke-dashoffset=\"0\" transform=\"rotate(-90 20 20)\"\/>\n <\/svg>\n <div class=\"pie-legend\">\n <span><span class=\"dot\" style=\"background:#FFD60A\"><\/span>100% LP BURNED<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <svg class=\"wave-bottom\" viewBox=\"0 0 1440 120\" preserveAspectRatio=\"none\">\n <path d=\"M0,60 C360,120 1080,0 1440,60 L1440,120 L0,120 Z\" fill=\"#4361EE\"\/>\n <\/svg>\n <\/section>\n\n \n <section id=\"roadmap\" class=\"section\">\n <svg class=\"wave-top\" viewBox=\"0 0 1440 120\" preserveAspectRatio=\"none\">\n <path d=\"M0,120 L1440,120 L1440,60 C1080,0 360,120 0,60 Z\" fill=\"#4361EE\"\/>\n <\/svg>\n\n <div class=\"container\">\n <h2 class=\"section-title reveal\">Nibby's Journey<\/h2>\n <div class=\"roadmap-visual reveal\">\n <img decoding=\"async\" src=\"https:\/\/nibby.fun\/wp-content\/uploads\/2026\/06\/featured4.png\" class=\"img-block\" alt=\"Roadmap\">\n <\/div>\n <div class=\"timeline\">\n <div class=\"timeline-line\"><\/div>\n <div class=\"step reveal\">\n <div class=\"step-icon\">\n <svg viewBox=\"0 0 40 40\" width=\"30\" height=\"30\"><circle cx=\"20\" cy=\"20\" r=\"16\" fill=\"#0077B6\"\/><path d=\"M15 20l4 4 7-7\" stroke=\"#fff\" stroke-width=\"3\" fill=\"none\"\/><\/svg>\n <\/div>\n <div class=\"step-body\"><h4>Q1 2025<\/h4><p>Token Launch & Website Drop<\/p><\/div>\n <\/div>\n <div class=\"step reveal\">\n <div class=\"step-icon\">\n <svg viewBox=\"0 0 40 40\" width=\"30\" height=\"30\"><circle cx=\"20\" cy=\"20\" r=\"16\" fill=\"#023E8A\"\/><path d=\"M12 20h16M20 12v16\" stroke=\"#fff\" stroke-width=\"3\"\/><\/svg>\n <\/div>\n <div class=\"step-body\"><h4>Q2 2025<\/h4><p>CEX & DEX Listings<\/p><\/div>\n <\/div>\n <div class=\"step reveal\">\n <div class=\"step-icon\">\n <svg viewBox=\"0 0 40 40\" width=\"30\" height=\"30\"><circle cx=\"20\" cy=\"20\" r=\"16\" fill=\"#48CAE4\"\/><path d=\"M20 10v10l7 7\" stroke=\"#fff\" stroke-width=\"3\" fill=\"none\"\/><\/svg>\n <\/div>\n <div class=\"step-body\"><h4>Q3 2025<\/h4><p>Partnerships & Integrations<\/p><\/div>\n <\/div>\n <div class=\"step reveal\">\n <div class=\"step-icon\">\n <svg viewBox=\"0 0 40 40\" width=\"30\" height=\"30\"><circle cx=\"20\" cy=\"20\" r=\"16\" fill=\"#FFB703\"\/><path d=\"M12 12l16 16M28 12L12 28\" stroke=\"#fff\" stroke-width=\"3\"\/><\/svg>\n <\/div>\n <div class=\"step-body\"><h4>Q4 2025<\/h4><p>NIBBY NFT Collection<\/p><\/div>\n <\/div>\n <div class=\"step reveal\">\n <div class=\"step-icon\">\n <svg viewBox=\"0 0 40 40\" width=\"30\" height=\"30\"><circle cx=\"20\" cy=\"20\" r=\"16\" fill=\"#FB8500\"\/><path d=\"M12 20c2 4 6 6 8 6s6-2 8-6\" stroke=\"#fff\" stroke-width=\"3\" fill=\"none\"\/><\/svg>\n <\/div>\n <div class=\"step-body\"><h4>Q1 2026<\/h4><p>DAO & Community Treasury<\/p><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"community\" class=\"section\">\n \n <svg class=\"wave-top\" viewBox=\"0 0 1440 120\" preserveAspectRatio=\"none\">\n <path d=\"M0,0 L1440,0 L1440,60 C1080,120 360,0 0,60 Z\" fill=\"#3F3BC4\"\/>\n <\/svg>\n\n <div class=\"container\">\n <h2 class=\"section-title reveal\">Join the Otter Squad<\/h2>\n <div class=\"comm-grid\">\n <a href=\"https:\/\/t.me\/nibbysol\" class=\"comm-card tg reveal\">\n <div class=\"cc-icon\">\n <svg viewBox=\"0 0 24 24\" width=\"34\" height=\"34\"><path d=\"M21.5 3.5L2.5 11.5L9.5 13.5L16.5 8.5L12.5 15.5L19.5 20.5L21.5 3.5Z\" fill=\"#fff\" stroke=\"#fff\" stroke-width=\"2\" stroke-linejoin=\"round\"\/><\/svg>\n <\/div>\n <h3>Telegram<\/h3>\n <p>Chat with fellow divers<\/p>\n <\/a>\n <a href=\"https:\/\/x.com\/NIBBYonSOL\" class=\"comm-card x reveal\">\n <div class=\"cc-icon\">\n <svg viewBox=\"0 0 24 24\" width=\"34\" height=\"34\"><path d=\"M4 4L10 12L4 20H7L11.5 14L16 20H20L14 12L20 4H17L12.5 9.5L8.5 4H4Z\" fill=\"#fff\"\/><\/svg>\n <\/div>\n <h3>X \/ Twitter<\/h3>\n <p>Latest otter updates<\/p>\n <\/a>\n <\/div>\n\n <div class=\"final-cta reveal\">\n <p>Ready to make a splash?<\/p>\n <a href=\"https:\/\/swap.pump.fun\/?input=So11111111111111111111111111111111111111112&output=EScSsKzmJG8h3Yg1wxoPbHB2Sbdv1vdp7mGxAGnopump\" class=\"cta-btn big\">Swap $NIB Now<\/a>\n <\/div>\n <\/div>\n\n <svg class=\"wave-bottom\" viewBox=\"0 0 1440 120\" preserveAspectRatio=\"none\">\n <path d=\"M0,25 C360,120 1080,120 1440,25 L1440,120 L0,120 Z\" fill=\"#0B132B\"\/>\n <\/svg>\n <\/section>\n<\/main>\n\n<footer class=\"site-footer\">\n <p>2025 NIBBY ($NIB). All rights reserved. Built for otters, by otters.<\/p>\n<\/footer>\n\n<script>\n(function(){\n var navToggle=document.querySelector('.nav-toggle');\n var mainNav=document.querySelector('.main-nav');\n if(navToggle&&mainNav){\n navToggle.addEventListener('click',function(){mainNav.classList.toggle('open')});\n document.querySelectorAll('.main-nav a').forEach(function(link){\n link.addEventListener('click',function(){mainNav.classList.remove('open')});\n });\n }\n var observer=new IntersectionObserver(function(entries){\n entries.forEach(function(entry){if(entry.isIntersecting)entry.target.classList.add('active')});\n },{threshold:0.1,rootMargin:'0px 0px -50px 0px'});\n document.querySelectorAll('.reveal').forEach(function(el){observer.observe(el)});\n})();\n\nfunction copyCA(){\n var ca='EScSsKzmJG8h3Yg1wxoPbHB2Sbdv1vdp7mGxAGnopump';\n if(navigator.clipboard&&navigator.clipboard.writeText){\n navigator.clipboard.writeText(ca);\n }else{\n var el=document.createElement('textarea');\n el.value=ca;document.body.appendChild(el);\n el.select();document.execCommand('copy');\n document.body.removeChild(el);\n }\n var btn=document.querySelector('.ca-copy');\n var orig=btn.innerHTML;\n btn.innerHTML='<svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#0B132B\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>';\n setTimeout(function(){btn.innerHTML=orig},1500);\n}\n<\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>NIBBY – $NIB \u2630 Home About Tokenomics Roadmap Community CA EScSsKzmJG8h3Yg1wxoPbHB2Sbdv1vdp7mGxAGnopump SWAP $NIB Dexscreener Who is NIBBY? Hi! I’m Nibby. I spend my days diving deep into the blockchain river, sniffing out shiny gems and stashing them away one coin at a time. Playful, clever, and unstoppable \u2014 I believe every small discovery can lead […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nibby.fun\/index.php?rest_route=\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nibby.fun\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nibby.fun\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nibby.fun\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nibby.fun\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":82,"href":"https:\/\/nibby.fun\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":103,"href":"https:\/\/nibby.fun\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/103"}],"wp:attachment":[{"href":"https:\/\/nibby.fun\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}