{"id":8,"date":"2026-06-17T05:00:10","date_gmt":"2026-06-17T05:00:10","guid":{"rendered":"https:\/\/capypop.online\/?page_id=8"},"modified":"2026-06-17T06:19:43","modified_gmt":"2026-06-17T06:19:43","slug":"elementor-8","status":"publish","type":"page","link":"https:\/\/capypop.online\/","title":{"rendered":"Elementor #8"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"8\" class=\"elementor elementor-8\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5b9d537 e-con e-atomic-element e-flexbox-base e-30e3ebb \" data-id=\"5b9d537\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"5b9d537\">\n    \t\t<div class=\"elementor-element elementor-element-a648faa elementor-widget elementor-widget-html\" data-id=\"a648faa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Fredoka:wght@400;500;600;700&family=Nunito:wght@400;500;600;700;800;900&display=swap');\n\n  * {\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n  }\n\n  html {\n    scroll-behavior: smooth;\n  }\n\n  body {\n    font-family: 'Nunito', sans-serif;\n    overflow-x: hidden;\n    color: #0369a1;\n  }\n\n  .fixed-bg {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100vw;\n    height: 100vh;\n    background: url('http:\/\/capypop.online\/wp-content\/uploads\/2026\/06\/featuredwrapped6-scaled.jpeg') no-repeat center center;\n    background-size: cover;\n    z-index: -20;\n  }\n\n  .overlay {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100vw;\n    height: 100vh;\n    background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(254,252,232,0.1) 100%);\n    z-index: -19;\n  }\n\n  .grain {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100vw;\n    height: 100vh;\n    opacity: 0.03;\n    z-index: -18;\n    pointer-events: none;\n    background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'\/%3E%3C\/svg%3E\");\n  }\n\n  @keyframes float {\n    0%, 100% { transform: translateY(0px); }\n    50% { transform: translateY(-18px); }\n  }\n\n  @keyframes shimmer {\n    0% { background-position: -200% center; }\n    100% { background-position: 200% center; }\n  }\n\n  @keyframes pulseGlow {\n    0%, 100% { box-shadow: 0 0 24px rgba(251,191,36,0.35); }\n    50% { box-shadow: 0 0 48px rgba(251,191,36,0.6); }\n  }\n\n  @keyframes sunPulse {\n    0%, 100% { transform: scale(1); opacity: 0.6; }\n    50% { transform: scale(1.1); opacity: 0.85; }\n  }\n\n  \/* Navigation *\/\n  .nav {\n    position: sticky;\n    top: 20px;\n    margin: 20px auto;\n    max-width: 620px;\n    background: rgba(255, 253, 250, 0.78);\n    backdrop-filter: blur(30px) saturate(1.5);\n    -webkit-backdrop-filter: blur(30px) saturate(1.5);\n    border-radius: 80px;\n    padding: 14px 16px 14px 28px;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    border: 2px solid rgba(255, 255, 255, 0.95);\n    box-shadow: 0 20px 50px rgba(14, 165, 233, 0.12), 0 1px 3px rgba(0,0,0,0.04), inset 0 1px 1px rgba(255,255,255,0.95);\n    z-index: 1000;\n  }\n\n  .nav-logo img {\n    height: 64px;\n    display: block;\n    filter: drop-shadow(0 2px 4px rgba(0,0,0,0.08));\n    transition: transform 0.3s ease;\n  }\n\n  .nav-logo:hover img {\n    transform: scale(1.08) rotate(-4deg);\n  }\n\n  .nav-links {\n    display: flex;\n    gap: 8px;\n    align-items: center;\n    background: rgba(255,255,255,0.6);\n    padding: 4px;\n    border-radius: 50px;\n    border: 1px solid rgba(255,255,255,0.7);\n  }\n\n  .nav-btn {\n    font-family: 'Fredoka', sans-serif;\n    padding: 10px 22px;\n    border-radius: 50px;\n    text-decoration: none;\n    font-weight: 600;\n    font-size: 14px;\n    transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);\n    border: none;\n    cursor: pointer;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .nav-btn-telegram {\n    background: linear-gradient(135deg, #38bdf8, #0ea5e9);\n    color: white;\n    box-shadow: 0 4px 14px rgba(56,189,248,0.35);\n  }\n\n  .nav-btn-twitter {\n    background: linear-gradient(135deg, #7dd3fc, #38bdf8);\n    color: white;\n    box-shadow: 0 4px 14px rgba(125,211,252,0.35);\n  }\n\n  .nav-btn-swap {\n    background: linear-gradient(135deg, #fcd34d, #fbbf24);\n    color: #451a03;\n    box-shadow: 0 4px 14px rgba(251,191,36,0.35);\n  }\n\n  .nav-btn:hover {\n    transform: translateY(-2px) scale(1.05);\n    box-shadow: 0 8px 24px rgba(0,0,0,0.12);\n  }\n\n  \/* Hero *\/\n  .hero {\n    min-height: 100vh;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 40px 5% 80px;\n    position: relative;\n  }\n\n  .hero-inner {\n    max-width: 1280px;\n    width: 100%;\n    display: grid;\n    grid-template-columns: 1fr 1.1fr;\n    gap: 40px;\n    align-items: center;\n  }\n\n  .hero-left {\n    text-align: left;\n    z-index: 10;\n    position: relative;\n     background: rgba(255, 255, 255, 0.82);\n    backdrop-filter: blur(24px) saturate(1.2);\n    border-radius: 36px;\n    padding: 48px;\n    position: relative;\n    z-index: 3;\n    box-shadow: 0 32px 80px rgba(0,0,0,0.08);\n    border: 1px solid rgba(255,255,255,0.95);\n  }\n\n  .hero-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    font-family: 'Fredoka', sans-serif;\n    font-weight: 600;\n    font-size: 13px;\n    color: #0284c7;\n    background: rgba(255,255,255,0.65);\n    backdrop-filter: blur(12px);\n    padding: 8px 18px;\n    border-radius: 50px;\n    margin-bottom: 24px;\n    border: 1.5px solid rgba(56,189,248,0.3);\n  }\n\n  .hero-badge span {\n    display: inline-block;\n    width: 8px;\n    height: 8px;\n    background: #10b981;\n    border-radius: 50%;\n    box-shadow: 0 0 0 3px rgba(16,185,129,0.3);\n    animation: pulseGlow 2s ease-in-out infinite;\n  }\n\n  .hero-logo {\n    width: 100%;\n    max-width: 340px;\n    margin-bottom: 20px;\n    filter: drop-shadow(0 16px 40px rgba(14,165,233,0.25));\n    animation: float 5s ease-in-out infinite;\n  }\n\n  .hero-headline {\n    font-family: 'Fredoka', sans-serif;\n    font-size: 5rem;\n    font-weight: 700;\n    color: #0c4a6e;\n    line-height: 1.0;\n    margin-bottom: 24px;\n    text-shadow: 0 4px 24px rgba(255,255,255,0.95);\n    letter-spacing: -1px;\n  }\n\n  .hero-headline span {\n    color: #f59e0b;\n    display: block;\n    text-shadow: 0 4px 24px rgba(255,255,255,0.95);\n  }\n\n  .hero-sub {\n    font-family: 'Nunito', sans-serif;\n    font-size: 1.3rem;\n    font-weight: 800;\n    color: #075985;\n    margin-bottom: 40px;\n    line-height: 1.6;\n    max-width: 500px;\n    text-shadow: 0 2px 16px rgba(255,255,255,0.9);\n  }\n\n  .hero-cta {\n    font-family: 'Fredoka', sans-serif;\n    padding: 20px 52px;\n    border-radius: 60px;\n    background: linear-gradient(135deg, #fcd34d, #fbbf24);\n    color: #451a03;\n    font-size: 1.25rem;\n    font-weight: 700;\n    border: none;\n    cursor: pointer;\n    box-shadow: 0 10px 36px rgba(251,191,36,0.4);\n    transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);\n    animation: pulseGlow 3s ease-in-out infinite;\n    position: relative;\n    overflow: hidden;\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n  }\n\n  .hero-cta::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: -100%;\n    width: 200%;\n    height: 100%;\n    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.55), transparent);\n    animation: shimmer 2.5s infinite;\n  }\n\n  .hero-cta:hover {\n    transform: translateY(-4px) scale(1.06);\n    box-shadow: 0 20px 50px rgba(251,191,36,0.55);\n  }\n\n  .hero-right {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    position: relative;\n  }\n\n  .hero-sun {\n    position: absolute;\n    width: 400px;\n    height: 400px;\n    background: radial-gradient(circle, rgba(251,191,36,0.4) 0%, rgba(251,191,36,0.15) 40%, transparent 70%);\n    border-radius: 50%;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    z-index: 0;\n    animation: sunPulse 6s ease-in-out infinite;\n    pointer-events: none;\n  }\n\n  .hero-mascot {\n    width: 100%;\n    max-width: 600px;\n    filter: drop-shadow(0 40px 60px rgba(0,0,0,0.18));\n    animation: float 6s ease-in-out infinite;\n    position: relative;\n    z-index: 2;\n  }\n\n  \/* Featured Image Browser Window *\/\n  .browser-window {\n    background: rgba(255,255,255,0.95);\n    border-radius: 28px;\n    box-shadow: 0 40px 100px rgba(14,165,233,0.18), 0 0 0 1px rgba(255,255,255,0.9) inset;\n    overflow: hidden;\n    transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);\n    border: 1px solid rgba(255,255,255,0.95);\n  }\n\n  .browser-window:hover {\n    transform: scale(1.02);\n  }\n\n  .browser-header {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    padding: 20px 24px;\n    background: rgba(255,255,255,0.7);\n    border-bottom: 1px solid rgba(0,0,0,0.04);\n  }\n\n  .browser-dot {\n    width: 14px;\n    height: 14px;\n    border-radius: 50%;\n    box-shadow: inset 0 0 0 0.5px rgba(0,0,0,0.08);\n  }\n\n  .browser-dot.red    { background: #ff5f56; }\n  .browser-dot.yellow { background: #ffbd2e; }\n  .browser-dot.green  { background: #27c93f; }\n\n  .browser-body {\n    padding: 14px;\n  }\n\n  .browser-body img {\n    display: block;\n    width: 100%;\n    border-radius: 18px;\n    box-shadow: 0 4px 16px rgba(0,0,0,0.06);\n  }\n\n  \/* Sections general *\/\n  .section {\n    padding: 120px 5%;\n    position: relative;\n    overflow: visible;\n  }\n\n  .s1-inner {\n    max-width: 1300px;\n    margin: 0 auto;\n    display: grid;\n    grid-template-columns: 1.3fr 1fr;\n    gap: 40px;\n    align-items: center;\n  }\n\n  .s1-media {\n    position: relative;\n    z-index: 2;\n    max-width: 800px;\n  }\n\n  .s1-card {\n    background: rgba(255, 255, 255, 0.82);\n    backdrop-filter: blur(24px) saturate(1.2);\n    border-radius: 36px;\n    padding: 48px;\n    position: relative;\n    z-index: 3;\n    box-shadow: 0 32px 80px rgba(0,0,0,0.08);\n    border: 1px solid rgba(255,255,255,0.95);\n  }\n\n  .s1-card::before {\n    content: '';\n    position: absolute;\n    top: 30px;\n    left: 30px;\n    right: -12px;\n    bottom: -12px;\n    border-radius: 36px;\n    border: 2px dashed rgba(56,189,248,0.25);\n    z-index: -1;\n    pointer-events: none;\n  }\n\n  .s2-inner {\n    max-width: 1300px;\n    margin: 0 auto;\n    display: grid;\n    grid-template-columns: 1fr 1.3fr;\n    gap: 60px;\n    align-items: center;\n  }\n\n  .s2-card {\n    background: rgba(255, 255, 255, 0.85);\n    backdrop-filter: blur(24px) saturate(1.2);\n    border-radius: 32px;\n    padding: 48px;\n    box-shadow: 0 24px 60px rgba(0,0,0,0.06);\n    border: 1px solid rgba(255,255,255,0.95);\n    position: relative;\n    overflow: hidden;\n  }\n\n  .s2-card::after {\n    content: '';\n    position: absolute;\n    top: -40px;\n    right: -40px;\n    width: 140px;\n    height: 140px;\n    background: radial-gradient(circle, rgba(251,191,36,0.18) 0%, transparent 70%);\n    pointer-events: none;\n  }\n\n  .s2-chips {\n    display: flex;\n    gap: 8px;\n    margin-top: 24px;\n  }\n\n  .s2-chip {\n    font-family: 'Nunito', sans-serif;\n    font-weight: 800;\n    font-size: 12px;\n    padding: 8px 16px;\n    border-radius: 50px;\n    background: rgba(251,191,36,0.18);\n    color: #b45309;\n    border: 1.5px dashed rgba(251,191,36,0.45);\n  }\n\n  .s2-media {\n    position: relative;\n    display: flex;\n    justify-content: flex-end;\n  }\n\n  .s2-browser {\n    max-width: 800px;\n    width: 100%;\n  }\n\n  .s3-inner {\n    max-width: 1200px;\n    margin: 0 auto;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    text-align: center;\n    gap: 50px;\n  }\n\n  .s3-browser {\n    max-width: 900px;\n    width: 100%;\n  }\n\n  .s3-card {\n    background: rgba(255, 255, 255, 0.85);\n    backdrop-filter: blur(24px) saturate(1.2);\n    border-radius: 32px;\n    padding: 44px;\n    box-shadow: 0 24px 60px rgba(0,0,0,0.06);\n    border: 1px solid rgba(255,255,255,0.95);\n    max-width: 720px;\n    text-align: left;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .s3-card::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    height: 5px;\n    background: linear-gradient(90deg, #38bdf8, #fcd34d, #fbbf24, #0ea5e9);\n  }\n\n  .s4-inner {\n    max-width: 1300px;\n    margin: 0 auto;\n    display: grid;\n    grid-template-columns: 1fr 1.3fr;\n    gap: 60px;\n    align-items: center;\n  }\n\n  .s4-card {\n    background: rgba(255, 255, 255, 0.85);\n    backdrop-filter: blur(24px) saturate(1.2);\n    border-radius: 32px;\n    padding: 48px;\n    box-shadow: 0 24px 60px rgba(0,0,0,0.06);\n    border: 1px solid rgba(255,255,255,0.95);\n    position: relative;\n  }\n\n  .s4-num {\n    position: absolute;\n    top: 16px;\n    right: 28px;\n    font-family: 'Fredoka', sans-serif;\n    font-size: 7rem;\n    font-weight: 700;\n    color: rgba(251,191,36,0.15);\n    line-height: 1;\n  }\n\n  .s4-media {\n    position: relative;\n    display: flex;\n    justify-content: flex-end;\n  }\n\n  .s4-browser {\n    max-width: 800px;\n    width: 100%;\n  }\n\n  .section-label {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    font-family: 'Fredoka', sans-serif;\n    padding: 8px 20px;\n    background: rgba(56,189,248,0.12);\n    border-radius: 50px;\n    color: #0284c7;\n    font-weight: 600;\n    font-size: 13px;\n    margin-bottom: 20px;\n    letter-spacing: 0.5px;\n    border: 1.5px solid rgba(56,189,248,0.25);\n  }\n\n  .section-title {\n    font-family: 'Fredoka', sans-serif;\n    font-size: 3.2rem;\n    font-weight: 700;\n    color: #0c4a6e;\n    margin-bottom: 20px;\n    line-height: 1.05;\n    letter-spacing: -0.5px;\n  }\n\n  .section-desc {\n    font-family: 'Nunito', sans-serif;\n    font-size: 1.15rem;\n    font-weight: 700;\n    color: #075985;\n    line-height: 1.75;\n    margin-bottom: 28px;\n  }\n\n  .section-list {\n    list-style: none;\n    display: flex;\n    flex-direction: column;\n    gap: 14px;\n  }\n\n  .section-list li {\n    display: flex;\n    align-items: center;\n    gap: 14px;\n    font-family: 'Nunito', sans-serif;\n    font-weight: 800;\n    color: #0284c7;\n    font-size: 1.08rem;\n    padding: 6px 0;\n    position: relative;\n  }\n\n  .section-list li::before {\n    content: '';\n    display: block;\n    width: 28px;\n    height: 28px;\n    background: linear-gradient(135deg, #fbbf24, #f59e0b);\n    border-radius: 50%;\n    box-shadow: 0 4px 12px rgba(245,158,11,0.3);\n    flex-shrink: 0;\n  }\n\n  .section-list li::after {\n    content: '';\n    position: absolute;\n    left: 8px;\n    width: 12px;\n    height: 6px;\n    border-left: 2.5px solid white;\n    border-bottom: 2.5px solid white;\n    transform: rotate(-45deg);\n    margin-top: -1px;\n  }\n\n  \/* Footer *\/\n  .footer {\n    position: relative;\n    padding: 90px 5% 50px;\n    overflow: hidden;\n  }\n\n  .footer-glow {\n    position: absolute;\n    top: -100px;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 600px;\n    height: 300px;\n    background: radial-gradient(ellipse, rgba(251,191,36,0.25) 0%, transparent 70%);\n    pointer-events: none;\n  }\n\n  .footer-inner {\n    max-width: 1200px;\n    margin: 0 auto;\n    text-align: center;\n    position: relative;\n    z-index: 2;\n  }\n\n  .footer-logo {\n    width: 560px;\n    margin-bottom: 16px;\n    filter: drop-shadow(0 12px 24px rgba(0,0,0,0.1));\n    animation: float 5s ease-in-out infinite;\n  }\n\n  .footer-tagline {\n    font-family: 'Nunito', sans-serif;\n    font-size: 1.2rem;\n    font-weight: 800;\n    color: #075985;\n    margin-bottom: 40px;\n  }\n\n  .footer-links {\n    display: flex;\n    justify-content: center;\n    gap: 14px;\n    margin-bottom: 40px;\n    flex-wrap: wrap;\n  }\n\n  .footer-btn {\n    font-family: 'Fredoka', sans-serif;\n    padding: 14px 36px;\n    border-radius: 50px;\n    text-decoration: none;\n    font-weight: 600;\n    font-size: 15px;\n    transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    border: none;\n    cursor: pointer;\n    box-shadow: 0 6px 20px rgba(0,0,0,0.08);\n  }\n\n  .footer-btn-telegram {\n    background: linear-gradient(135deg, #38bdf8, #0ea5e9);\n    color: white;\n  }\n\n  .footer-btn-twitter {\n    background: linear-gradient(135deg, #7dd3fc, #38bdf8);\n    color: white;\n  }\n\n  .footer-btn-swap {\n    background: linear-gradient(135deg, #fcd34d, #fbbf24);\n    color: #451a03;\n  }\n\n  .footer-btn-copy {\n    background: rgba(255,255,255,0.95);\n    color: #0284c7;\n    border: 2px solid rgba(56,189,248,0.4);\n    cursor: pointer;\n  }\n\n  .footer-btn:hover {\n    transform: translateY(-3px) scale(1.05);\n    box-shadow: 0 14px 32px rgba(0,0,0,0.12);\n  }\n\n  .footer-ca {\n    margin-top: 32px;\n    padding: 16px 32px;\n    background: rgba(255,255,255,0.85);\n    backdrop-filter: blur(16px);\n    border-radius: 20px;\n    display: inline-block;\n    border: 1.5px solid rgba(56,189,248,0.3);\n    box-shadow: 0 8px 24px rgba(0,0,0,0.04);\n  }\n\n  .footer-ca-label {\n    font-family: 'Nunito', sans-serif;\n    font-size: 11px;\n    color: #64748b;\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    margin-bottom: 6px;\n    font-weight: 800;\n  }\n\n  .footer-ca-value {\n    font-family: 'Nunito', monospace;\n    font-size: 14px;\n    color: #334155;\n    font-weight: 800;\n  }\n\n  .footer-bottom {\n    margin-top: 48px;\n    padding-top: 28px;\n    border-top: 1px solid rgba(0,0,0,0.06);\n    color: #94a3b8;\n    font-size: 13px;\n    font-weight: 700;\n  }\n\n  @media (max-width: 1024px) {\n    .s1-inner, .s2-inner, .s4-inner { grid-template-columns: 1fr; gap: 40px; }\n    .s1-media, .s2-browser, .s4-browser, .s3-browser { max-width: 100%; }\n    .s2-media, .s4-media { justify-content: center; }\n    .s4-num { font-size: 5rem; }\n  }\n\n  @media (max-width: 900px) {\n    .hero-inner { grid-template-columns: 1fr; text-align: center; gap: 30px; }\n    .hero-left { text-align: center; display: flex; flex-direction: column; align-items: center; }\n    .hero-headline { font-size: 3.6rem; }\n    .hero-mascot { max-width: 380px; margin: 0 auto; display: block; }\n    .hero-sun { width: 300px; height: 300px; }\n    .section-title { font-size: 2.5rem; }\n    .nav { max-width: 92%; padding: 12px 16px; }\n    .nav-links { gap: 6px; }\n    .nav-btn { padding: 8px 16px; font-size: 12px; }\n    .section { padding: 80px 5%; }\n    .s1-card, .s2-card, .s3-card, .s4-card { padding: 32px; }\n    .browser-header { padding: 16px 18px; }\n    .browser-dot { width: 12px; height: 12px; }\n  }\n<\/style>\n\n<div class=\"fixed-bg\"><\/div>\n<div class=\"overlay\"><\/div>\n<div class=\"grain\"><\/div>\n\n<!-- Navigation -->\n<nav class=\"nav\">\n  <a href=\"#\" class=\"nav-logo\">\n    <img decoding=\"async\" src=\"https:\/\/capypop.online\/wp-content\/uploads\/2026\/06\/logo-scaled.png\" alt=\"CAPYPOP\">\n  <\/a>\n  <div class=\"nav-links\">\n    <a href=\"https:\/\/t.me\/capypop\" class=\"nav-btn nav-btn-telegram\" target=\"_blank\">Telegram<\/a>\n    <a href=\"https:\/\/twitter.com\/capypop\" class=\"nav-btn nav-btn-twitter\" target=\"_blank\">Twitter<\/a>\n    <a href=\"#\" class=\"nav-btn nav-btn-swap\">Swap<\/a>\n  <\/div>\n<\/nav>\n\n<!-- Hero Section -->\n<section class=\"hero\">\n  <div class=\"hero-inner\">\n    <div class=\"hero-left\">\n      <div class=\"hero-badge\"><span><\/span> Going Viral<\/div>\n      <!--<img decoding=\"async\" src=\"https:\/\/capypop.online\/wp-content\/uploads\/2026\/06\/logo-scaled.png\" alt=\"CAPYPOP\" class=\"hero-logo\">-->\n      <h1 class=\"hero-headline\">Stay Calm <span>Stack Patiently<\/span><\/h1>\n      <p class=\"hero-sub\">While everyone else panics, CAPYPOP stays cool, collects good vibes, and builds the chillest community in crypto. No stress. No rush. Just pure capy energy.<\/p>\n      <button class=\"hero-cta\" onclick=\"copyCA()\">Copy CA<\/button>\n    <\/div>\n    <div class=\"hero-right\">\n      <div class=\"hero-sun\"><\/div>\n      <img decoding=\"async\" src=\"https:\/\/capypop.online\/wp-content\/uploads\/2026\/06\/featured1.png\" alt=\"CAPYPOP Mascot\" class=\"hero-mascot\">\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- Section 1: Stay Calm -->\n<section class=\"section\">\n  <div class=\"s1-inner\">\n    <div class=\"s1-media\">\n      <div class=\"browser-window\">\n        <div class=\"browser-header\">\n          <div class=\"browser-dot red\"><\/div>\n          <div class=\"browser-dot yellow\"><\/div>\n          <div class=\"browser-dot green\"><\/div>\n        <\/div>\n        <div class=\"browser-body\">\n          <img decoding=\"async\" src=\"https:\/\/capypop.online\/wp-content\/uploads\/2026\/06\/featuredwrapped1-scaled.jpeg\" alt=\"Stay Calm\">\n        <\/div>\n      <\/div>\n    <\/div>\n    <div class=\"s1-card\">\n      <span class=\"section-label\">Phase 01<\/span>\n      <h2 class=\"section-title\">Stay Calm<\/h2>\n      <p class=\"section-desc\">The market screams. Charts bleed. FOMO spreads like wildfire. But CAPYPOP? CAPYPOP is in the jacuzzi. When panic sells, the capy buys. When influencers rage quit, we nap and accumulate.<\/p>\n      <ul class=\"section-list\">\n        <li>Zero panic, maximum patience<\/li>\n        <li>Built different, stays different<\/li>\n        <li>The jacuzzi mindset always wins<\/li>\n      <\/ul>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- Section 2: Stack Patiently -->\n<section class=\"section\">\n  <div class=\"s2-inner\">\n    <div class=\"s2-card\">\n      <span class=\"section-label\">Phase 02<\/span>\n      <h2 class=\"section-title\">Stack Patiently<\/h2>\n      <p class=\"section-desc\">Good things come to those who HODL. CAPYPOP doesn't chase pumps or cry over dumps. Every dip is a snack. Every sideways chart is a sunny spot in the grass. Slow, steady, and legendary.<\/p>\n      <div class=\"s2-chips\">\n        <span class=\"s2-chip\">Diamond Paws<\/span>\n        <span class=\"s2-chip\">Trust Process<\/span>\n      <\/div>\n    <\/div>\n    <div class=\"s2-media\">\n      <div class=\"browser-window s2-browser\">\n        <div class=\"browser-header\">\n          <div class=\"browser-dot red\"><\/div>\n          <div class=\"browser-dot yellow\"><\/div>\n          <div class=\"browser-dot green\"><\/div>\n        <\/div>\n        <div class=\"browser-body\">\n          <img decoding=\"async\" src=\"https:\/\/capypop.online\/wp-content\/uploads\/2026\/06\/featuredwrapped2-scaled.jpeg\" alt=\"Stack Patiently\">\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- Section 3: Community Energy -->\n<section class=\"section\">\n  <div class=\"s3-inner\">\n    <div class=\"browser-window s3-browser\">\n      <div class=\"browser-header\">\n        <div class=\"browser-dot red\"><\/div>\n        <div class=\"browser-dot yellow\"><\/div>\n        <div class=\"browser-dot green\"><\/div>\n      <\/div>\n      <div class=\"browser-body\">\n        <img decoding=\"async\" src=\"https:\/\/capypop.online\/wp-content\/uploads\/2026\/06\/featuredwrapped4-scaled.jpeg\" alt=\"Community Energy\">\n      <\/div>\n    <\/div>\n    <div class=\"s3-card\">\n      <span class=\"section-label\">Phase 03<\/span>\n      <h2 class=\"section-title\">Community Energy<\/h2>\n      <p class=\"section-desc\">One capybara is cute. A thousand capybaras? Unstoppable. Our community is the warm hot spring that fuels this whole ecosystem. Memes, art, vibes, and legendary holder belief.<\/p>\n      <div class=\"s2-chips\">\n        <span class=\"s2-chip\">Powered by memes<\/span>\n        <span class=\"s2-chip\">Every holder is family<\/span>\n        <span class=\"s2-chip\">Together we are the jungle<\/span>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- Section 4: Enjoy The Ride -->\n<section class=\"section\">\n  <div class=\"s4-inner\">\n    <div class=\"s4-card\">\n      <span class=\"section-label\">Phase 04<\/span>\n      <div class=\"s4-num\">04<\/div>\n      <h2 class=\"section-title\">Enjoy The Ride<\/h2>\n      <p class=\"section-desc\">Crypto isn't just about numbers. It's about the journey, the laughs, the community, and the memories we make along the way. CAPYPOP reminds us to enjoy every single moment of this ride.<\/p>\n      <ul class=\"section-list\">\n        <li>Life is short, stay cozy<\/li>\n        <li>Profit is temporary, vibes are forever<\/li>\n        <li>Relax, we're going places<\/li>\n      <\/ul>\n    <\/div>\n    <div class=\"s4-media\">\n      <div class=\"browser-window s4-browser\">\n        <div class=\"browser-header\">\n          <div class=\"browser-dot red\"><\/div>\n          <div class=\"browser-dot yellow\"><\/div>\n          <div class=\"browser-dot green\"><\/div>\n        <\/div>\n        <div class=\"browser-body\">\n          <img decoding=\"async\" src=\"https:\/\/capypop.online\/wp-content\/uploads\/2026\/06\/featuredwrapped6-scaled.jpeg\" alt=\"Enjoy The Ride\">\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- Footer -->\n<footer class=\"footer\">\n  <div class=\"footer-glow\"><\/div>\n  <div class=\"footer-inner\">\n    <img decoding=\"async\" src=\"https:\/\/capypop.online\/wp-content\/uploads\/2026\/06\/logo-scaled.png\" alt=\"CAPYPOP\" class=\"footer-logo\">\n    <p class=\"footer-tagline\">\"The chillest capybara in crypto.\"<\/p>\n\n    <div class=\"footer-links\">\n      <a href=\"https:\/\/t.me\/capypop\" class=\"footer-btn footer-btn-telegram\" target=\"_blank\">Telegram<\/a>\n      <a href=\"https:\/\/twitter.com\/capypop\" class=\"footer-btn footer-btn-twitter\" target=\"_blank\">Twitter<\/a>\n      <a href=\"#\" class=\"footer-btn footer-btn-swap\">Swap<\/a>\n      <button class=\"footer-btn footer-btn-copy\" onclick=\"copyCA()\">Copy CA<\/button>\n    <\/div>\n\n    <div class=\"footer-ca\">\n      <div class=\"footer-ca-label\">Contract Address<\/div>\n      <div class=\"footer-ca-value\" id=\"caValue\">null<\/div>\n    <\/div>\n\n    <div class=\"footer-bottom\">\n      &copy; 2026 CAPYPOP. All rights reserved. Stay calm and capy on.\n    <\/div>\n  <\/div>\n<\/footer>\n\n<script>\n  function copyCA() {\n    const ca = document.getElementById('caValue').innerText;\n    navigator.clipboard.writeText(ca).then(() => {\n      const btns = document.querySelectorAll('button');\n      btns.forEach(btn => {\n        if (btn.innerText.includes('Copy')) {\n          const original = btn.innerText;\n          btn.innerText = 'Copied!';\n          btn.style.background = 'linear-gradient(135deg, #38bdf8, #0ea5e9)';\n          btn.style.color = '#fff';\n          btn.style.borderColor = 'transparent';\n          setTimeout(() => {\n            btn.innerText = original;\n            btn.style.background = '';\n            btn.style.color = '';\n            btn.style.borderColor = '';\n          }, 2000);\n        }\n      });\n    });\n  }\n\n  const observer = new IntersectionObserver((entries) => {\n    entries.forEach(entry => {\n      if (entry.isIntersecting) {\n        entry.target.style.opacity = '1';\n        entry.target.style.transform = 'translateY(0)';\n      }\n    });\n  }, { threshold: 0.1 });\n\n  document.querySelectorAll('.s1-media, .s1-card, .s2-card, .s2-browser, .s3-browser, .s3-card, .s4-card, .s4-browser').forEach((el, i) => {\n    el.style.opacity = '0';\n    el.style.transform = 'translateY(60px)';\n    el.style.transition = 'all 1s cubic-bezier(0.16, 1, 0.3, 1) ' + (i % 4 * 0.1) + 's';\n    observer.observe(el);\n  });\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Telegram Twitter Swap Going Viral Stay Calm Stack Patiently While everyone else panics, CAPYPOP stays cool, collects good vibes, and builds the chillest community in crypto. No stress. No rush. Just pure capy energy. Copy CA Phase 01 Stay Calm The market screams. Charts bleed. FOMO spreads like wildfire. But CAPYPOP? CAPYPOP is in the [&hellip;]<\/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:\/\/capypop.online\/index.php?rest_route=\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/capypop.online\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/capypop.online\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/capypop.online\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/capypop.online\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":61,"href":"https:\/\/capypop.online\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":84,"href":"https:\/\/capypop.online\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/84"}],"wp:attachment":[{"href":"https:\/\/capypop.online\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}