{"id":8,"date":"2026-08-10T05:33:55","date_gmt":"2026-08-10T05:33:55","guid":{"rendered":"https:\/\/foxvsheep.fun\/?page_id=8"},"modified":"2026-08-10T06:58:25","modified_gmt":"2026-08-10T06:58:25","slug":"elementor-8","status":"publish","type":"page","link":"https:\/\/foxvsheep.fun\/","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-cdeac12 e-flex e-con-boxed e-con e-parent\" data-id=\"cdeac12\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-3024aeb e-con-full e-flex e-con e-child\" data-id=\"3024aeb\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4bc5972 elementor-widget elementor-widget-html\" data-id=\"4bc5972\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<header class=\"fvs-header\">\r\n  <nav class=\"nav-wrapper\">\r\n    <!-- Brand \/ Logo Icon Sebelah Kiri -->\r\n    <a href=\"#\" class=\"nav-logo\">\r\n      <img decoding=\"async\" src=\"https:\/\/foxvsheep.fun\/wp-content\/uploads\/2026\/08\/ASET-ICON-LOGO.png\" alt=\"FOX VS SHEEP Icon Logo\">\r\n      <span class=\"heading-font logo-text\">FOX VS SHEEP<\/span>\r\n    <\/a>\r\n\r\n    <!-- Menu Links (Desktop) - Menuju sesuai isi kontennya -->\r\n    <ul class=\"nav-links\">\r\n      <li><a href=\"#about\">About<\/a><\/li>\r\n      <li><a href=\"#tokenomics\">Tokenomics<\/a><\/li>\r\n      <li><a href=\"#gallery\">Gallery<\/a><\/li>\r\n      <li><a href=\"#join\">Join Us<\/a><\/li>\r\n    <\/ul>\r\n\r\n    <!-- CTA Button Sebelah Kanan (Desktop) -->\r\n    <a href=\"YOUR-LINK\" target=\"_blank\" class=\"btn-cartoon btn-orange nav-cta\">BUY $FOXVSHEEP<\/a>\r\n\r\n    <!-- Mobile Hamburger Toggle -->\r\n    <button class=\"mobile-toggle\" id=\"mobileToggle\" aria-label=\"Toggle Navigation\">\r\n      <span><\/span>\r\n      <span><\/span>\r\n      <span><\/span>\r\n    <\/button>\r\n  <\/nav>\r\n\r\n  <!-- Mobile Dropdown Menu -->\r\n  <div class=\"mobile-menu\" id=\"mobileMenu\">\r\n    <ul>\r\n      <li><a href=\"#about\" onclick=\"closeMobileMenu()\">About<\/a><\/li>\r\n      <li><a href=\"#tokenomics\" onclick=\"closeMobileMenu()\">Tokenomics<\/a><\/li>\r\n      <li><a href=\"#gallery\" onclick=\"closeMobileMenu()\">Gallery<\/a><\/li>\r\n      <li><a href=\"#join\" onclick=\"closeMobileMenu()\">Join Us<\/a><\/li>\r\n      <li><a href=\"YOUR-LINK\" target=\"_blank\" class=\"btn-cartoon btn-orange mobile-buy-btn\">BUY $FOXVSHEEP<\/a><\/li>\r\n    <\/ul>\r\n  <\/div>\r\n<\/header>\r\n\r\n<style>\r\n  \/* Import Google Fonts *\/\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Erica+One&family=Jua&display=swap');\r\n\r\n  \/* Mengaktifkan Pergerakan Mulus (Smooth Scroll) saat Menu Diklik *\/\r\n  html {\r\n    scroll-behavior: smooth;\r\n  }\r\n\r\n  :root {\r\n    --font-heading: 'Erica One', cursive, sans-serif;\r\n    --font-body: 'Jua', sans-serif;\r\n    --fox-orange: #FF6B00;\r\n    --dark-stroke: #1E1B18;\r\n    --white: #FFFFFF;\r\n  }\r\n\r\n  \/* Base Header Container *\/\r\n  .fvs-header {\r\n    width: 100%;\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    padding: 15px 20px;\r\n    position: relative;\r\n    z-index: 1000;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  \/* Container Navigation Cartoon Style *\/\r\n  .nav-wrapper {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    background: rgba(255, 255, 255, 0.95);\r\n    border: 4px solid var(--dark-stroke);\r\n    border-radius: 60px;\r\n    padding: 10px 24px;\r\n    box-shadow: 0 8px 0px var(--dark-stroke);\r\n    transition: all 0.25s ease;\r\n    box-sizing: border-box;\r\n    width: 100%;\r\n  }\r\n\r\n  .nav-wrapper:hover {\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 10px 0px var(--dark-stroke);\r\n  }\r\n\r\n  \/* Icon Logo di Sebelah Kiri *\/\r\n  .nav-logo {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    text-decoration: none;\r\n    min-width: 0;\r\n  }\r\n\r\n  .nav-logo img {\r\n    height: 48px;\r\n    width: 48px;\r\n    object-fit: contain;\r\n    flex-shrink: 0;\r\n    filter: drop-shadow(2px 3px 0px var(--dark-stroke));\r\n    transition: transform 0.2s ease;\r\n  }\r\n\r\n  .nav-logo:hover img {\r\n    transform: rotate(-8deg) scale(1.1);\r\n  }\r\n\r\n  .logo-text {\r\n    font-family: var(--font-heading);\r\n    font-size: 1.35rem;\r\n    color: var(--fox-orange);\r\n    text-shadow: \r\n      2px 2px 0 var(--dark-stroke),\r\n      -2px -2px 0 var(--dark-stroke),\r\n      2px -2px 0 var(--dark-stroke),\r\n      -2px 2px 0 var(--dark-stroke);\r\n    letter-spacing: 0.5px;\r\n    white-space: nowrap;\r\n  }\r\n\r\n  \/* Nav Links Styling (Desktop) *\/\r\n  .nav-links {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 24px;\r\n    list-style: none;\r\n    margin: 0;\r\n    padding: 0;\r\n  }\r\n\r\n  .nav-links a {\r\n    font-family: var(--font-body);\r\n    font-size: 1.2rem;\r\n    color: var(--dark-stroke);\r\n    text-decoration: none;\r\n    position: relative;\r\n    transition: color 0.2s ease;\r\n  }\r\n\r\n  .nav-links a:hover {\r\n    color: var(--fox-orange);\r\n  }\r\n\r\n  \/* Button Cartoon Style *\/\r\n  .btn-cartoon {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-family: var(--font-body);\r\n    font-size: 1rem;\r\n    text-decoration: none;\r\n    padding: 10px 22px;\r\n    border: 3px solid var(--dark-stroke);\r\n    border-radius: 50px;\r\n    box-shadow: 3px 4px 0px var(--dark-stroke);\r\n    cursor: pointer;\r\n    transition: all 0.2s ease;\r\n    white-space: nowrap;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .btn-orange {\r\n    background: var(--fox-orange);\r\n    color: var(--white);\r\n  }\r\n\r\n  .btn-cartoon:hover {\r\n    transform: translateY(-3px) rotate(1.5deg) scale(1.05);\r\n    box-shadow: 4px 6px 0px var(--dark-stroke);\r\n    background: #FF7B1A;\r\n  }\r\n\r\n  \/* Hamburger Button *\/\r\n  .mobile-toggle {\r\n    display: none;\r\n    flex-direction: column;\r\n    justify-content: space-between;\r\n    width: 28px;\r\n    height: 20px;\r\n    background: transparent;\r\n    border: none;\r\n    cursor: pointer;\r\n    padding: 0;\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  .mobile-toggle span {\r\n    width: 100%;\r\n    height: 3.5px;\r\n    background: var(--dark-stroke);\r\n    border-radius: 4px;\r\n  }\r\n\r\n  \/* Dropdown Menu Mobile *\/\r\n  .mobile-menu {\r\n    display: none;\r\n    position: absolute;\r\n    top: calc(100% + 5px);\r\n    left: 20px;\r\n    right: 20px;\r\n    background: var(--white);\r\n    border: 3.5px solid var(--dark-stroke);\r\n    border-radius: 20px;\r\n    padding: 15px;\r\n    box-shadow: 0 6px 0px var(--dark-stroke);\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .mobile-menu.active {\r\n    display: block;\r\n  }\r\n\r\n  .mobile-menu ul {\r\n    list-style: none;\r\n    padding: 0;\r\n    margin: 0;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 10px;\r\n    text-align: center;\r\n  }\r\n\r\n  .mobile-menu a {\r\n    font-family: var(--font-body);\r\n    font-size: 1.15rem;\r\n    color: var(--dark-stroke);\r\n    text-decoration: none;\r\n    display: block;\r\n    padding: 6px 0;\r\n  }\r\n\r\n  \/* ==========================================\r\n     RESPONSIVE MOBILE (<768px)\r\n     ========================================== *\/\r\n  @media (max-width: 768px) {\r\n    .fvs-header {\r\n      padding: 10px 12px;\r\n    }\r\n\r\n    .nav-wrapper {\r\n      padding: 6px 14px;\r\n      border-width: 3px;\r\n      box-shadow: 0 5px 0px var(--dark-stroke);\r\n    }\r\n\r\n    .nav-links, .nav-cta {\r\n      display: none !important;\r\n    }\r\n\r\n    .mobile-toggle {\r\n      display: flex;\r\n    }\r\n\r\n    .logo-text {\r\n      font-size: 1.05rem;\r\n      text-shadow: \r\n        1.5px 1.5px 0 var(--dark-stroke),\r\n        -1.5px -1.5px 0 var(--dark-stroke),\r\n        1.5px -1.5px 0 var(--dark-stroke),\r\n        -1.5px 1.5px 0 var(--dark-stroke);\r\n    }\r\n\r\n    .nav-logo img {\r\n      height: 34px;\r\n      width: 34px;\r\n    }\r\n\r\n    .mobile-menu {\r\n      left: 12px;\r\n      right: 12px;\r\n      top: 62px;\r\n      padding: 12px;\r\n      border-width: 3px;\r\n      box-shadow: 0 6px 0px var(--dark-stroke);\r\n    }\r\n\r\n    .mobile-buy-btn {\r\n      margin-top: 6px;\r\n      width: 100%;\r\n      padding: 10px;\r\n      font-size: 1rem;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 380px) {\r\n    .logo-text {\r\n      font-size: 0.95rem;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n  const mobileToggle = document.getElementById('mobileToggle');\r\n  const mobileMenu = document.getElementById('mobileMenu');\r\n\r\n  mobileToggle.addEventListener('click', () => {\r\n    mobileMenu.classList.toggle('active');\r\n  });\r\n\r\n  function closeMobileMenu() {\r\n    mobileMenu.classList.remove('active');\r\n  }\r\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-49f9829 e-con-full e-flex e-con e-child\" data-id=\"49f9829\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f7377f6 elementor-widget elementor-widget-html\" data-id=\"f7377f6\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<section class=\"hero-section\" id=\"hero\">\r\n  <div class=\"hero-container\">\r\n    <!-- 1. GAMBAR JUDUL \/ LOGO TEXT -->\r\n    <div class=\"hero-title-wrapper\">\r\n      <img decoding=\"async\" \r\n        src=\"https:\/\/foxvsheep.fun\/wp-content\/uploads\/2026\/08\/ASET-LOGO-TEXT-scaled.png\" \r\n        alt=\"FOX VS SHEEP\" \r\n        class=\"hero-title-img\"\r\n      >\r\n    <\/div>\r\n\r\n    <!-- 2. SUB-HEADLINE (Slim, tanpa card box) -->\r\n    <p class=\"hero-subheadline\">\r\n      The eternal clash between cunning tactics and community strength. Pick a side or rule both.\r\n    <\/p>\r\n\r\n    <!-- 3. GAMBAR ASET HERO (MENUMPUK DI BAWAH JUDUL) -->\r\n    <div class=\"hero-asset-wrapper\">\r\n      <img decoding=\"async\" \r\n        src=\"https:\/\/foxvsheep.fun\/wp-content\/uploads\/2026\/08\/ASET-HERO.png\" \r\n        alt=\"FOX VS SHEEP Hero Character\" \r\n        class=\"hero-character-img cartoon-wobble\"\r\n      >\r\n    <\/div>\r\n\r\n    <!-- 4. CONTRACT ADDRESS (CA) COPY BAR -->\r\n    <div class=\"ca-slim-container\">\r\n      <div class=\"ca-slim-box\">\r\n        <span class=\"ca-label\">CA:<\/span>\r\n        <span class=\"ca-value\" id=\"caHeroText\">2uXzdgiVtuD3TFutqxu2mCKYBytuARkHhJMy7iWkpump<\/span>\r\n        <button class=\"btn-copy-slim\" onclick=\"copyHeroCA()\">\r\n          <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n            <rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\" ry=\"2\"><\/rect>\r\n            <path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\"><\/path>\r\n          <\/svg>\r\n          Copy\r\n        <\/button>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- 5. CALL TO ACTION BUTTONS + SVG ICONS -->\r\n    <div class=\"hero-cta-group\">\r\n      <!-- Buy Button -->\r\n      <a href=\"YOUR-LINK\" target=\"_blank\" class=\"btn-cartoon btn-orange\">\r\n        <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <circle cx=\"9\" cy=\"21\" r=\"1\"><\/circle>\r\n          <circle cx=\"20\" cy=\"21\" r=\"1\"><\/circle>\r\n          <path d=\"M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6\"><\/path>\r\n        <\/svg>\r\n        BUY $FOXVSHEEP\r\n      <\/a>\r\n\r\n      <!-- Telegram Button -->\r\n      <a href=\"YOUR-LINK\" target=\"_blank\" class=\"btn-cartoon btn-blue\">\r\n        <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\r\n          <path d=\"M12 0C5.37 0 0 5.37 0 12s5.37 12 12 12 12-5.37 12-12S18.63 0 12 0zm5.56 8.16l-1.97 9.28c-.15.67-.55.83-1.12.52l-3.05-2.25-1.47 1.42c-.16.16-.3.3-.61.3l.22-3.1 5.64-5.1c.25-.22-.05-.34-.38-.12l-6.97 4.39-3.01-.94c-.65-.2-.67-.65.14-.97l11.78-4.54c.55-.2 1.02.13.84.91z\"\/>\r\n        <\/svg>\r\n        Telegram\r\n      <\/a>\r\n\r\n      <!-- Twitter \/ X Button -->\r\n      <a href=\"YOUR-LINK\" target=\"_blank\" class=\"btn-cartoon btn-dark\">\r\n        <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\r\n          <path d=\"M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z\"\/>\r\n        <\/svg>\r\n        Twitter \/ X\r\n      <\/a>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Toast Notification Pop-up -->\r\n  <div id=\"heroToast\" class=\"hero-toast\">\r\n    <span>\ud83d\udccb CA Copied Successfully!<\/span>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Erica+One&family=Jua&display=swap');\r\n\r\n  :root {\r\n    --font-heading: 'Erica One', cursive, sans-serif;\r\n    --font-body: 'Jua', sans-serif;\r\n    --fox-orange: #FF6B00;\r\n    --accent-yellow: #FFD200;\r\n    --accent-blue: #00B4D8;\r\n    --dark-stroke: #1E1B18;\r\n    --white: #FFFFFF;\r\n  }\r\n\r\n  \/* CONTAINER HERO SLIM (TANPA CARD BORDER OUTER) *\/\r\n  .hero-section {\r\n    position: relative;\r\n    width: 100%;\r\n    max-width: 1100px;\r\n    margin: 0 auto;\r\n    padding: 20px 15px 40px 15px;\r\n    background: transparent; \/* Slim & transparan mengikuti WordPress *\/\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .hero-container {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    text-align: center;\r\n  }\r\n\r\n  \/* 1. JUDUL LOGO TEXT SLIM *\/\r\n  .hero-title-wrapper {\r\n    position: relative;\r\n    z-index: 2;\r\n  }\r\n\r\n  .hero-title-img {\r\n    width: 100%;\r\n    max-width: 540px;\r\n    height: auto;\r\n    object-fit: contain;\r\n    filter: drop-shadow(0px 6px 0px rgba(0,0,0,0.3));\r\n    transition: transform 0.25s ease;\r\n  }\r\n\r\n  .hero-title-img:hover {\r\n    transform: scale(1.02);\r\n  }\r\n\r\n  \/* 2. SUB-HEADLINE SLIM (TANPA CARD BOX) *\/\r\n  .hero-subheadline {\r\n    font-family: var(--font-body);\r\n    font-size: clamp(1.1rem, 2.2vw, 1.35rem);\r\n    color: var(--white);\r\n    text-shadow: \r\n      2px 2px 0 var(--dark-stroke),\r\n      -2px -2px 0 var(--dark-stroke),\r\n      2px -2px 0 var(--dark-stroke),\r\n      -2px 2px 0 var(--dark-stroke),\r\n      0px 4px 0 var(--dark-stroke);\r\n    max-width: 680px;\r\n    margin: 10px 0 0 0;\r\n    line-height: 1.4;\r\n    position: relative;\r\n    z-index: 3;\r\n  }\r\n\r\n  \/* 3. ASET HERO CHARACTER (MENUMPUK DI BAWAH JUDUL) *\/\r\n  .hero-asset-wrapper {\r\n    position: relative;\r\n    z-index: 1;\r\n    margin-top: -30px; \/* Overlap halus di bawah judul\/teks *\/\r\n    margin-bottom: 15px;\r\n    width: 100%;\r\n    max-width: 440px;\r\n  }\r\n\r\n  .hero-character-img {\r\n    width: 100%;\r\n    height auto;\r\n    object-fit: contain;\r\n    filter: drop-shadow(3px 6px 0px var(--dark-stroke));\r\n  }\r\n\r\n  \/* Animasi Wobble *\/\r\n  @keyframes cartoonWobble {\r\n    0%, 100% { transform: translateY(0px) rotate(0deg); }\r\n    50% { transform: translateY(-10px) rotate(1.2deg); }\r\n  }\r\n\r\n  .cartoon-wobble {\r\n    animation: cartoonWobble 3.8s ease-in-out infinite;\r\n  }\r\n\r\n  \/* 4. CA COPY BAR SLIM *\/\r\n  .ca-slim-container {\r\n    position: relative;\r\n    z-index: 4;\r\n    margin-bottom: 20px;\r\n    width: 100%;\r\n    max-width: 520px;\r\n  }\r\n\r\n  .ca-slim-box {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    background: var(--white);\r\n    border: 3px solid var(--dark-stroke);\r\n    border-radius: 50px;\r\n    padding: 6px 8px 6px 18px;\r\n    box-shadow: 0 5px 0px var(--dark-stroke);\r\n    gap: 10px;\r\n  }\r\n\r\n  .ca-label {\r\n    font-family: var(--font-heading);\r\n    font-size: 0.95rem;\r\n    color: var(--fox-orange);\r\n    letter-spacing: 0.5px;\r\n  }\r\n\r\n  .ca-value {\r\n    font-family: monospace;\r\n    font-size: 0.95rem;\r\n    font-weight: bold;\r\n    color: var(--dark-stroke);\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n    white-space: nowrap;\r\n    flex: 1;\r\n  }\r\n\r\n  .btn-copy-slim {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 6px;\r\n    background: var(--accent-yellow);\r\n    color: var(--dark-stroke);\r\n    border: 2.5px solid var(--dark-stroke);\r\n    border-radius: 40px;\r\n    padding: 8px 16px;\r\n    font-family: var(--font-body);\r\n    font-size: 0.95rem;\r\n    font-weight: bold;\r\n    cursor: pointer;\r\n    box-shadow: 2px 3px 0px var(--dark-stroke);\r\n    transition: all 0.15s ease;\r\n  }\r\n\r\n  .btn-copy-slim:hover {\r\n    background: #FFE033;\r\n    transform: scale(1.04);\r\n  }\r\n\r\n  .btn-copy-slim:active {\r\n    transform: scale(0.96);\r\n    box-shadow: 1px 1px 0px var(--dark-stroke);\r\n  }\r\n\r\n  \/* 5. BUTTON GROUP WITH SVG ICONS *\/\r\n  .hero-cta-group {\r\n    display: flex;\r\n    gap: 14px;\r\n    justify-content: center;\r\n    flex-wrap: wrap;\r\n    position: relative;\r\n    z-index: 4;\r\n    width: 100%;\r\n  }\r\n\r\n  .btn-cartoon {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 8px;\r\n    padding: 12px 24px;\r\n    font-family: var(--font-body);\r\n    font-size: 1.1rem;\r\n    text-decoration: none;\r\n    color: var(--white);\r\n    border: 3.5px solid var(--dark-stroke);\r\n    border-radius: 50px;\r\n    box-shadow: 3px 5px 0px var(--dark-stroke);\r\n    cursor: pointer;\r\n    font-weight: bold;\r\n    transition: all 0.2s ease;\r\n    text-align: center;\r\n    white-space: nowrap;\r\n  }\r\n\r\n  .btn-orange { background: var(--fox-orange); }\r\n  .btn-orange:hover { background: #FF7B1A; }\r\n\r\n  .btn-blue { background: var(--accent-blue); }\r\n  .btn-blue:hover { background: #33C4E0; }\r\n\r\n  .btn-dark { background: #111111; }\r\n  .btn-dark:hover { background: #2A2A2A; }\r\n\r\n  .btn-cartoon:hover {\r\n    transform: translateY(-4px) rotate(1deg) scale(1.04);\r\n    box-shadow: 4px 8px 0px var(--dark-stroke);\r\n  }\r\n\r\n  .btn-cartoon:active {\r\n    transform: translateY(2px) scale(0.98);\r\n    box-shadow: 1px 2px 0px var(--dark-stroke);\r\n  }\r\n\r\n  \/* TOAST NOTIFICATION *\/\r\n  .hero-toast {\r\n    position: fixed;\r\n    bottom: -80px;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    background: var(--accent-yellow);\r\n    color: var(--dark-stroke);\r\n    border: 3px solid var(--dark-stroke);\r\n    padding: 10px 22px;\r\n    border-radius: 40px;\r\n    box-shadow: 0 6px 0 var(--dark-stroke);\r\n    font-family: var(--font-body);\r\n    font-size: 1.05rem;\r\n    font-weight: bold;\r\n    z-index: 9999;\r\n    transition: bottom 0.35s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n  }\r\n\r\n  .hero-toast.show {\r\n    bottom: 30px;\r\n  }\r\n\r\n  \/* RESPONSIVE MOBILE *\/\r\n  @media (max-width: 768px) {\r\n    .hero-title-img {\r\n      max-width: 92%;\r\n    }\r\n\r\n    .hero-subheadline {\r\n      font-size: 1.05rem;\r\n      padding: 0 10px;\r\n    }\r\n\r\n    .hero-asset-wrapper {\r\n      margin-top: -20px;\r\n      max-width: 320px;\r\n    }\r\n\r\n    .ca-slim-container {\r\n      max-width: 100%;\r\n    }\r\n\r\n    .ca-slim-box {\r\n      padding: 5px 6px 5px 14px;\r\n    }\r\n\r\n    .ca-value {\r\n      font-size: 0.85rem;\r\n    }\r\n\r\n    .hero-cta-group {\r\n      flex-direction: column;\r\n      align-items: center;\r\n      gap: 10px;\r\n    }\r\n\r\n    .btn-cartoon {\r\n      width: 100%;\r\n      max-width: 290px;\r\n      padding: 12px 18px;\r\n      font-size: 1.05rem;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n  function copyHeroCA() {\r\n    const caText = document.getElementById(\"caHeroText\").innerText;\r\n    \r\n    if (navigator.clipboard) {\r\n      navigator.clipboard.writeText(caText).then(() => {\r\n        showHeroToast(\"\ud83d\udccb CA Copied Successfully!\");\r\n      });\r\n    } else {\r\n      const textArea = document.createElement(\"textarea\");\r\n      textArea.value = caText;\r\n      document.body.appendChild(textArea);\r\n      textArea.select();\r\n      document.execCommand(\"copy\");\r\n      document.body.removeChild(textArea);\r\n      showHeroToast(\"\ud83d\udccb CA Copied to Clipboard!\");\r\n    }\r\n  }\r\n\r\n  function showHeroToast(msg) {\r\n    const toast = document.getElementById(\"heroToast\");\r\n    toast.querySelector(\"span\").innerText = msg;\r\n    toast.classList.add(\"show\");\r\n    \r\n    setTimeout(() => {\r\n      toast.classList.remove(\"show\");\r\n    }, 2200);\r\n  }\r\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-829c769 e-flex e-con-boxed e-con e-parent\" data-id=\"829c769\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-0817334 e-con-full e-flex e-con e-child\" data-id=\"0817334\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-453a238 elementor-widget elementor-widget-html\" data-id=\"453a238\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<section class=\"about-section\" id=\"about\">\r\n  <div class=\"about-container\">\r\n    <div class=\"about-grid\">\r\n      \r\n      <!-- 1. TEKS CONTENT (SEBELAH KIRI) -->\r\n      <div class=\"about-text-card cartoon-box\">\r\n        <span class=\"badge-tag\">\ud83d\udd25 THE ETERNAL BATTLE<\/span>\r\n        <h2 class=\"about-title\">Tactics vs Resilience<\/h2>\r\n        \r\n        <p class=\"about-desc\">\r\n          Two distinct forces collide in one market. The fox relies on speed, cunning, and sharp timing. The sheep relies on strength in numbers, solidarity, and shared endurance.\r\n        <\/p>\r\n        \r\n        <p class=\"about-desc\">\r\n          <strong>FOXVSHEEP<\/strong> represents that exact dynamic. No unnecessary drama\u2014just pure focus on community-driven growth and organic momentum in the ecosystem.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <!-- 2. GAMBAR ASET ABOUT (SEBELAH KANAN) -->\r\n      <div class=\"about-image-card cartoon-box\">\r\n        <img decoding=\"async\" \r\n          src=\"https:\/\/foxvsheep.fun\/wp-content\/uploads\/2026\/08\/ASET-ABOUT.png\" \r\n          alt=\"Tactics vs Resilience - Fox and Sheep\" \r\n          class=\"floating-asset\"\r\n        >\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Erica+One&family=Jua&display=swap');\r\n\r\n  :root {\r\n    --font-heading: 'Erica One', cursive, sans-serif;\r\n    --font-body: 'Jua', sans-serif;\r\n    --fox-orange: #FF6B00;\r\n    --accent-green: #2ECC71;\r\n    --dark-stroke: #1E1B18;\r\n    --white: #FFFFFF;\r\n    --bg-card-yellow: #FFF066;\r\n    --bg-card-cream: #FFFDF5;\r\n  }\r\n\r\n  \/* SECTION CONTAINER *\/\r\n  .about-section {\r\n    position: relative;\r\n    width: 100%;\r\n    max-width: 1100px;\r\n    margin: 40px auto;\r\n    padding: 20px 15px;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .about-container {\r\n    width: 100%;\r\n  }\r\n\r\n  \/* GRID SYSTEM: TEXT (KIRI) | IMAGE (KANAN) *\/\r\n  .about-grid {\r\n    display: grid;\r\n    grid-template-columns: 1.2fr 1fr;\r\n    gap: 35px;\r\n    align-items: center;\r\n  }\r\n\r\n  \/* BASE CARTOON BOX *\/\r\n  .cartoon-box {\r\n    border: 4px solid var(--dark-stroke);\r\n    border-radius: 28px;\r\n    box-shadow: 6px 8px 0px var(--dark-stroke);\r\n    transition: all 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n    position: relative;\r\n  }\r\n\r\n  \/* KARTU TEKS (KIRI) *\/\r\n  .about-text-card {\r\n    background: var(--bg-card-cream);\r\n    padding: 35px 30px;\r\n    transform: rotate(-1deg);\r\n  }\r\n\r\n  .about-text-card:hover {\r\n    transform: translateY(-4px) rotate(0deg);\r\n    box-shadow: 8px 12px 0px var(--dark-stroke);\r\n  }\r\n\r\n  .badge-tag {\r\n    display: inline-block;\r\n    background: var(--accent-green);\r\n    color: var(--white);\r\n    padding: 6px 16px;\r\n    border-radius: 30px;\r\n    border: 3px solid var(--dark-stroke);\r\n    font-family: var(--font-body);\r\n    font-size: 0.95rem;\r\n    font-weight: bold;\r\n    margin-bottom: 15px;\r\n    box-shadow: 2px 3px 0px var(--dark-stroke);\r\n  }\r\n\r\n  .about-title {\r\n    font-family: var(--font-heading);\r\n    font-size: clamp(1.8rem, 3.5vw, 2.6rem);\r\n    color: var(--fox-orange);\r\n    margin-bottom: 18px;\r\n    text-transform: uppercase;\r\n    text-shadow: \r\n      2px 2px 0 var(--dark-stroke),\r\n      -2px -2px 0 var(--dark-stroke),\r\n      2px -2px 0 var(--dark-stroke),\r\n      -2px 2px 0 var(--dark-stroke);\r\n    line-height: 1.2;\r\n  }\r\n\r\n  .about-desc {\r\n    font-family: var(--font-body);\r\n    font-size: 1.15rem;\r\n    color: var(--dark-stroke);\r\n    margin-bottom: 14px;\r\n    line-height: 1.6;\r\n  }\r\n\r\n  .about-desc:last-child {\r\n    margin-bottom: 0;\r\n  }\r\n\r\n  \/* KARTU GAMBAR (KANAN) *\/\r\n  .about-image-card {\r\n    background: var(--bg-card-yellow);\r\n    padding: 20px;\r\n    transform: rotate(2deg);\r\n    text-align: center;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n  }\r\n\r\n  .about-image-card:hover {\r\n    transform: translateY(-4px) rotate(1deg);\r\n    box-shadow: 8px 12px 0px var(--dark-stroke);\r\n  }\r\n\r\n  .about-image-card img {\r\n    width: 100%;\r\n    max-width: 380px;\r\n    height: auto;\r\n    object-fit: contain;\r\n    filter: drop-shadow(3px 5px 0px var(--dark-stroke));\r\n  }\r\n\r\n  \/* ANIMASI MELAYANG *\/\r\n  @keyframes floatAnimation {\r\n    0%, 100% { transform: translateY(0px) rotate(0deg); }\r\n    50% { transform: translateY(-10px) rotate(-1deg); }\r\n  }\r\n\r\n  .floating-asset {\r\n    animation: floatAnimation 4s ease-in-out infinite;\r\n  }\r\n\r\n  \/* ==========================================\r\n     RESPONSIVE MOBILE DESIGN\r\n     ========================================== *\/\r\n  @media (max-width: 900px) {\r\n    .about-grid {\r\n      grid-template-columns: 1fr;\r\n      gap: 25px;\r\n    }\r\n\r\n    \/* Gambar berada di atas saat tampilan mobile *\/\r\n    .about-image-card {\r\n      order: -1;\r\n      transform: rotate(0deg);\r\n      padding: 15px;\r\n    }\r\n\r\n    .about-text-card {\r\n      transform: rotate(0deg);\r\n      padding: 25px 20px;\r\n    }\r\n\r\n    .about-image-card img {\r\n      max-width: 300px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 480px) {\r\n    .about-text-card {\r\n      border-radius: 20px;\r\n    }\r\n    \r\n    .about-image-card {\r\n      border-radius: 20px;\r\n    }\r\n\r\n    .about-desc {\r\n      font-size: 1.05rem;\r\n    }\r\n  }\r\n<\/style>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6ad95b5 e-flex e-con-boxed e-con e-parent\" data-id=\"6ad95b5\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-c842367 e-con-full e-flex e-con e-child\" data-id=\"c842367\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-016a845 elementor-widget elementor-widget-html\" data-id=\"016a845\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<section class=\"gallery-section\" id=\"gallery\">\r\n  <div class=\"gallery-container\">\r\n    \r\n    <!-- JUDUL GALLERY -->\r\n    <h2 class=\"gallery-title\">\ud83c\udfa8 ARENA GALLERY<\/h2>\r\n\r\n    <!-- GRID GALLERY (KIRI & KANAN) -->\r\n    <div class=\"gallery-grid\">\r\n      \r\n      <!-- GAMBAR KIRI (FOXSHEEP-POST-5) -->\r\n      <div class=\"gallery-card cartoon-box card-left\">\r\n        <div class=\"image-wrapper\">\r\n          <img decoding=\"async\" \r\n            src=\"https:\/\/foxvsheep.fun\/wp-content\/uploads\/2026\/08\/FOXSHEEP-POST-5.png\" \r\n            alt=\"Fox vs Sheep Battle Green Candle\" \r\n            class=\"gallery-img\"\r\n          >\r\n        <\/div>\r\n        <div class=\"card-caption\">\r\n          <span>GREEN CANDLE CLASH<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- GAMBAR KANAN (FOXSHEEP-POST-2) -->\r\n      <div class=\"gallery-card cartoon-box card-right\">\r\n        <div class=\"image-wrapper\">\r\n          <img decoding=\"async\" \r\n            src=\"https:\/\/foxvsheep.fun\/wp-content\/uploads\/2026\/08\/FOXSHEEP-POST-2.png\" \r\n            alt=\"Fox vs Sheep Red Candle Smash\" \r\n            class=\"gallery-img\"\r\n          >\r\n        <\/div>\r\n        <div class=\"card-caption\">\r\n          <span>RED CANDLE SMASH<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  \/* Import Google Fonts *\/\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Erica+One&family=Jua&display=swap');\r\n\r\n  :root {\r\n    --font-heading: 'Erica One', cursive, sans-serif;\r\n    --font-body: 'Jua', sans-serif;\r\n    --fox-orange: #FF6B00;\r\n    --accent-yellow: #FFD200;\r\n    --dark-stroke: #1E1B18;\r\n    --white: #FFFFFF;\r\n    --bg-card-cream: #FFFDF5;\r\n  }\r\n\r\n  \/* SECTION CONTAINER (TRANSPARENT BACKGROUND) *\/\r\n  .gallery-section {\r\n    position: relative;\r\n    width: 100%;\r\n    max-width: 1150px;\r\n    margin: 40px auto 60px auto;\r\n    padding: 20px 15px;\r\n    background: transparent; \/* Transparan mengikuti tema WordPress *\/\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .gallery-container {\r\n    width: 100%;\r\n  }\r\n\r\n  \/* JUDUL SECTION *\/\r\n  .gallery-title {\r\n    font-family: var(--font-heading);\r\n    font-size: clamp(2.2rem, 4.5vw, 3.5rem);\r\n    color: var(--accent-yellow);\r\n    text-align: center;\r\n    margin-bottom: 35px;\r\n    text-shadow: \r\n      3px 3px 0 var(--dark-stroke),\r\n      -3px -3px 0 var(--dark-stroke),\r\n      3px -3px 0 var(--dark-stroke),\r\n      -3px 3px 0 var(--dark-stroke),\r\n      0px 6px 0 var(--dark-stroke);\r\n    letter-spacing: 1px;\r\n  }\r\n\r\n  \/* GRID SYSTEM 2 KOLOM (KIRI & KANAN) *\/\r\n  .gallery-grid {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 30px;\r\n    align-items: center;\r\n  }\r\n\r\n  \/* BASE CARTOON CARD *\/\r\n  .cartoon-box {\r\n    background: var(--bg-card-cream);\r\n    border: 4px solid var(--dark-stroke);\r\n    border-radius: 28px;\r\n    box-shadow: 6px 8px 0px var(--dark-stroke);\r\n    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n    overflow: hidden;\r\n    position: relative;\r\n  }\r\n\r\n  \/* KARTU KIRI & KANAN MEMILIKI TILT \/ ROTASI KARTUN BEDA ARAH *\/\r\n  .card-left {\r\n    transform: rotate(-1.5deg);\r\n  }\r\n\r\n  .card-right {\r\n    transform: rotate(1.5deg);\r\n  }\r\n\r\n  .cartoon-box:hover {\r\n    transform: translateY(-8px) scale(1.02) rotate(0deg);\r\n    box-shadow: 10px 14px 0px var(--dark-stroke);\r\n  }\r\n\r\n  \/* CONTAINER GAMBAR *\/\r\n  .image-wrapper {\r\n    width: 100%;\r\n    overflow: hidden;\r\n    position: relative;\r\n    border-bottom: 4px solid var(--dark-stroke);\r\n    aspect-ratio: 4 \/ 3;\r\n    background: #000;\r\n  }\r\n\r\n  .gallery-img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    display: block;\r\n    transition: transform 0.4s ease;\r\n  }\r\n\r\n  \/* EFEK ZOOM SAAT HOVER *\/\r\n  .cartoon-box:hover .gallery-img {\r\n    transform: scale(1.08);\r\n  }\r\n\r\n  \/* CAPTION LABEL DI BAWAH GAMBAR *\/\r\n  .card-caption {\r\n    padding: 14px 18px;\r\n    text-align: center;\r\n    background: var(--white);\r\n  }\r\n\r\n  .card-caption span {\r\n    font-family: var(--font-heading);\r\n    font-size: 1.15rem;\r\n    color: var(--fox-orange);\r\n    letter-spacing: 0.5px;\r\n    text-transform: uppercase;\r\n    text-shadow: \r\n      1.5px 1.5px 0 var(--dark-stroke),\r\n      -1.5px -1.5px 0 var(--dark-stroke),\r\n      1.5px -1.5px 0 var(--dark-stroke),\r\n      -1.5px 1.5px 0 var(--dark-stroke);\r\n  }\r\n\r\n  \/* ==========================================\r\n     RESPONSIVE MOBILE DESIGN\r\n     ========================================== *\/\r\n  @media (max-width: 850px) {\r\n    .gallery-grid {\r\n      grid-template-columns: 1fr;\r\n      gap: 25px;\r\n    }\r\n\r\n    .card-left, .card-right {\r\n      transform: rotate(0deg);\r\n    }\r\n  }\r\n\r\n  @media (max-width: 480px) {\r\n    .gallery-section {\r\n      padding: 10px;\r\n    }\r\n\r\n    .cartoon-box {\r\n      border-radius: 20px;\r\n      border-width: 3.5px;\r\n      box-shadow: 4px 6px 0px var(--dark-stroke);\r\n    }\r\n\r\n    .card-caption {\r\n      padding: 10px;\r\n    }\r\n\r\n    .card-caption span {\r\n      font-size: 1rem;\r\n    }\r\n  }\r\n<\/style>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a3d6e74 e-flex e-con-boxed e-con e-parent\" data-id=\"a3d6e74\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-8204699 e-con-full e-flex e-con e-child\" data-id=\"8204699\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e0ce03f elementor-widget elementor-widget-html\" data-id=\"e0ce03f\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<section class=\"tokenomics-section\" id=\"tokenomics\">\r\n  <div class=\"tokenomics-container\">\r\n    \r\n    <!-- TITLE SECTION -->\r\n    <h2 class=\"tokenomics-title\">\ud83d\udcdc TOKENOMICS<\/h2>\r\n\r\n    <!-- MAIN GRID 3 KOLOM (KIRI 2 CARD | TENGAH GAMBAR | KANAN 2 CARD) -->\r\n    <div class=\"tokenomics-grid\">\r\n      \r\n      <!-- KOLOM KIRI (2 KARTU) -->\r\n      <div class=\"token-col\">\r\n        <!-- Card 1: Token Name & Ticker -->\r\n        <div class=\"token-card cartoon-box card-yellow\">\r\n          <div class=\"card-label\">TOKEN IDENTIFIER<\/div>\r\n          <div class=\"card-main-val\">Fox VS Sheep<\/div>\r\n          <div class=\"card-sub-val\">Symbol \/ Ticker: <span>$FOXVSHEEP<\/span><\/div>\r\n        <\/div>\r\n\r\n        <!-- Card 2: Total Supply -->\r\n        <div class=\"token-card cartoon-box card-cream\">\r\n          <div class=\"card-label\">TOTAL SUPPLY<\/div>\r\n          <div class=\"card-main-val highlight-orange\">1,000,000,000<\/div>\r\n          <div class=\"card-sub-val\">$FOXVSHEEP Tokens<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- KOLOM TENGAH (GAMBAR BERPUTAR + HOVER GETAR) -->\r\n      <div class=\"tokenomics-center-asset\">\r\n        <div class=\"spin-wrapper\">\r\n          <img decoding=\"async\" \r\n            src=\"https:\/\/foxvsheep.fun\/wp-content\/uploads\/2026\/08\/ASET-TOKENOMICS-scaled.png\" \r\n            alt=\"Fox VS Sheep Tokenomics Icon\" \r\n            class=\"tokenomics-spinner\"\r\n          >\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- KOLOM KANAN (2 KARTU) -->\r\n      <div class=\"token-col\">\r\n        <!-- Card 3: Transaction Tax -->\r\n        <div class=\"token-card cartoon-box card-mint\">\r\n          <div class=\"card-label\">TRANSACTION TAX<\/div>\r\n          <div class=\"card-main-val highlight-green\">0% TAX<\/div>\r\n          <div class=\"card-sub-val\">Zero Tax on Buy & Sell<\/div>\r\n        <\/div>\r\n\r\n        <!-- Card 4: Liquidity Status -->\r\n        <div class=\"token-card cartoon-box card-yellow\">\r\n          <div class=\"card-label\">LIQUIDITY STATUS<\/div>\r\n          <div class=\"card-main-val\">RENOUNCED<\/div>\r\n          <div class=\"card-sub-val\">Ownership Burned & Renounced<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- BOTTOM HIGHLIGHTS (FAIR ACCESS & ECOSYSTEM SECURITY DI BAWAH) -->\r\n    <div class=\"tokenomics-bottom-grid\">\r\n      <div class=\"bottom-card cartoon-box\">\r\n        <div class=\"bottom-title\">\u26a1 Fair Access<\/div>\r\n        <p class=\"bottom-desc\">Zero secret allocations. Everyone starts from the exact same baseline.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"bottom-card cartoon-box bottom-alt\">\r\n        <div class=\"bottom-title\">\ud83d\udee1\ufe0f Ecosystem Security<\/div>\r\n        <p class=\"bottom-desc\">Contract ownership fully renounced for total transparency.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Erica+One&family=Jua&display=swap');\r\n\r\n  :root {\r\n    --font-heading: 'Erica One', cursive, sans-serif;\r\n    --font-body: 'Jua', sans-serif;\r\n    --fox-orange: #FF6B00;\r\n    --fox-dark: #D34300;\r\n    --sheep-cream: #FFF8E7;\r\n    --accent-yellow: #FFD200;\r\n    --accent-green: #2ECC71;\r\n    --dark-stroke: #1E1B18;\r\n    --white: #FFFFFF;\r\n    --bg-card-yellow: #FFF066;\r\n  }\r\n\r\n  \/* SECTION CONTAINER (SLIM \/ TRANSPARENT WITHOUT MAIN OUTER CARD) *\/\r\n  .tokenomics-section {\r\n    position: relative;\r\n    width: 100%;\r\n    max-width: 1100px;\r\n    margin: 40px auto;\r\n    padding: 20px 15px;\r\n    background: transparent; \/* Menyatu transparan dengan tema *\/\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .tokenomics-container {\r\n    width: 100%;\r\n  }\r\n\r\n  \/* JUDUL TOKENOMICS *\/\r\n  .tokenomics-title {\r\n    font-family: var(--font-heading);\r\n    font-size: clamp(2.2rem, 4.5vw, 3.5rem);\r\n    color: var(--accent-yellow);\r\n    text-align: center;\r\n    margin-bottom: 35px;\r\n    text-shadow: \r\n      3px 3px 0 var(--dark-stroke),\r\n      -3px -3px 0 var(--dark-stroke),\r\n      3px -3px 0 var(--dark-stroke),\r\n      -3px 3px 0 var(--dark-stroke),\r\n      0px 6px 0 var(--dark-stroke);\r\n    letter-spacing: 1px;\r\n  }\r\n\r\n  \/* GRID SYSTEM 3 KOLOM *\/\r\n  .tokenomics-grid {\r\n    display: grid;\r\n    grid-template-columns: 1fr 0.8fr 1fr;\r\n    gap: 25px;\r\n    align-items: center;\r\n    margin-bottom: 30px;\r\n  }\r\n\r\n  .token-col {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 20px;\r\n  }\r\n\r\n  \/* BASE CARTOON BOX SEPARATE CARDS *\/\r\n  .cartoon-box {\r\n    border: 4px solid var(--dark-stroke);\r\n    border-radius: 22px;\r\n    box-shadow: 5px 7px 0px var(--dark-stroke);\r\n    transition: all 0.25s ease;\r\n  }\r\n\r\n  .cartoon-box:hover {\r\n    transform: translateY(-4px) rotate(1deg);\r\n    box-shadow: 7px 10px 0px var(--dark-stroke);\r\n  }\r\n\r\n  \/* INDIVIDUAL CARD STYLES *\/\r\n  .token-card {\r\n    padding: 20px 18px;\r\n    text-align: center;\r\n  }\r\n\r\n  .card-yellow { background: var(--bg-card-yellow); }\r\n  .card-cream { background: var(--sheep-cream); }\r\n  .card-mint { background: #E8F8F5; }\r\n\r\n  .card-label {\r\n    font-family: var(--font-heading);\r\n    font-size: 0.95rem;\r\n    color: var(--fox-dark);\r\n    margin-bottom: 6px;\r\n    letter-spacing: 0.5px;\r\n  }\r\n\r\n  .card-main-val {\r\n    font-family: var(--font-body);\r\n    font-size: 1.5rem;\r\n    font-weight: bold;\r\n    color: var(--dark-stroke);\r\n    line-height: 1.2;\r\n    margin-bottom: 4px;\r\n  }\r\n\r\n  .card-sub-val {\r\n    font-family: var(--font-body);\r\n    font-size: 0.95rem;\r\n    color: #4A4A4A;\r\n  }\r\n\r\n  .card-sub-val span {\r\n    color: var(--fox-orange);\r\n    font-weight: bold;\r\n  }\r\n\r\n  .highlight-orange { color: var(--fox-orange); }\r\n  .highlight-green { color: #27AE60; }\r\n\r\n  \/* GAMBAR TENGAH (ROTASI + HOVER GETAR) *\/\r\n  .tokenomics-center-asset {\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n  }\r\n\r\n  .spin-wrapper {\r\n    width: 100%;\r\n    max-width: 260px;\r\n    display: flex;\r\n    justify-content: center;\r\n  }\r\n\r\n  .tokenomics-spinner {\r\n    width: 100%;\r\n    height: auto;\r\n    object-fit: contain;\r\n    filter: drop-shadow(4px 6px 0px var(--dark-stroke));\r\n    animation: continuousSpin 12s linear infinite;\r\n    cursor: pointer;\r\n    transition: filter 0.2s ease;\r\n  }\r\n\r\n  \/* HOVER GETAR \/ SHAKE *\/\r\n  .tokenomics-spinner:hover {\r\n    animation: cartoonShake 0.15s infinite linear;\r\n    filter: drop-shadow(6px 10px 0px var(--dark-stroke));\r\n  }\r\n\r\n  @keyframes continuousSpin {\r\n    from { transform: rotate(0deg); }\r\n    to { transform: rotate(360deg); }\r\n  }\r\n\r\n  @keyframes cartoonShake {\r\n    0% { transform: translate(0, 0) rotate(0deg) scale(1.05); }\r\n    25% { transform: translate(-3px, 3px) rotate(-4deg) scale(1.05); }\r\n    50% { transform: translate(3px, -2px) rotate(4deg) scale(1.05); }\r\n    75% { transform: translate(-2px, -3px) rotate(-2deg) scale(1.05); }\r\n    100% { transform: translate(2px, 2px) rotate(2deg) scale(1.05); }\r\n  }\r\n\r\n  \/* BOTTOM HIGHLIGHTS GRID (FAIR ACCESS & SECURITY DI BAWAH) *\/\r\n  .tokenomics-bottom-grid {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 20px;\r\n  }\r\n\r\n  .bottom-card {\r\n    background: var(--sheep-cream);\r\n    padding: 20px 24px;\r\n    transform: rotate(-0.8deg);\r\n  }\r\n\r\n  .bottom-alt {\r\n    background: #E8F8F5;\r\n    transform: rotate(0.8deg);\r\n  }\r\n\r\n  .bottom-title {\r\n    font-family: var(--font-body);\r\n    font-size: 1.25rem;\r\n    font-weight: bold;\r\n    color: var(--fox-dark);\r\n    margin-bottom: 6px;\r\n  }\r\n\r\n  .bottom-desc {\r\n    font-family: var(--font-body);\r\n    font-size: 1.05rem;\r\n    color: var(--dark-stroke);\r\n    line-height: 1.4;\r\n  }\r\n\r\n  \/* ==========================================\r\n     RESPONSIVE MOBILE DESIGN\r\n     ========================================== *\/\r\n  @media (max-width: 900px) {\r\n    .tokenomics-grid {\r\n      grid-template-columns: 1fr;\r\n      gap: 20px;\r\n    }\r\n\r\n    .tokenomics-center-asset {\r\n      order: -1; \/* Gambar naik ke atas saat di HP *\/\r\n      margin-bottom: 10px;\r\n    }\r\n\r\n    .spin-wrapper {\r\n      max-width: 220px;\r\n    }\r\n\r\n    .tokenomics-bottom-grid {\r\n      grid-template-columns: 1fr;\r\n    }\r\n\r\n    .bottom-card {\r\n      transform: rotate(0deg);\r\n    }\r\n  }\r\n\r\n  @media (max-width: 480px) {\r\n    .spin-wrapper {\r\n      max-width: 180px;\r\n    }\r\n\r\n    .card-main-val {\r\n      font-size: 1.3rem;\r\n    }\r\n  }\r\n<\/style>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a9cdbe2 e-flex e-con-boxed e-con e-parent\" data-id=\"a9cdbe2\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-fefbacf e-con-full e-flex e-con e-child\" data-id=\"fefbacf\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-de7b22d elementor-widget elementor-widget-html\" data-id=\"de7b22d\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<section class=\"join-section\" id=\"join\">\r\n  <div class=\"join-container\">\r\n    <div class=\"join-grid\">\r\n      \r\n      <!-- 1. GAMBAR ASET JOIN US (SEBELAH KIRI) -->\r\n      <div class=\"join-image-col\">\r\n        <img decoding=\"async\" \r\n          src=\"https:\/\/foxvsheep.fun\/wp-content\/uploads\/2026\/08\/ASET-JOIN-US-scaled.png\" \r\n          alt=\"Join Fox VS Sheep Community\" \r\n          class=\"join-asset-img floating-asset\"\r\n        >\r\n      <\/div>\r\n\r\n      <!-- 2. KONTEN TEKS & TOMBOL (SEBELAH KANAN) -->\r\n      <div class=\"join-content-col\">\r\n        <h2 class=\"join-title\">Step Out of the Sidelines, Step Into the Arena<\/h2>\r\n        \r\n        <p class=\"join-desc\">\r\n          Markets move fast. A strong community moves faster. Get direct updates, daily discussions, and real action alongside fellow holders.\r\n        <\/p>\r\n\r\n        <!-- TOMBOL SOSIAL MEDIA (TELEGRAM & TWITTER \/ X) -->\r\n        <div class=\"join-btn-group\">\r\n          <!-- Telegram Button -->\r\n          <a href=\"YOUR-LINK\" target=\"_blank\" class=\"btn-cartoon btn-blue\">\r\n            <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\r\n              <path d=\"M12 0C5.37 0 0 5.37 0 12s5.37 12 12 12 12-5.37 12-12S18.63 0 12 0zm5.56 8.16l-1.97 9.28c-.15.67-.55.83-1.12.52l-3.05-2.25-1.47 1.42c-.16.16-.3.3-.61.3l.22-3.1 5.64-5.1c.25-.22-.05-.34-.38-.12l-6.97 4.39-3.01-.94c-.65-.2-.67-.65.14-.97l11.78-4.54c.55-.2 1.02.13.84.91z\"\/>\r\n            <\/svg>\r\n            Join Telegram\r\n          <\/a>\r\n\r\n          <!-- Twitter \/ X Button -->\r\n          <a href=\"YOUR-LINK\" target=\"_blank\" class=\"btn-cartoon btn-dark\">\r\n            <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\r\n              <path d=\"M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z\"\/>\r\n            <\/svg>\r\n            Follow X \/ Twitter\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Erica+One&family=Jua&display=swap');\r\n\r\n  :root {\r\n    --font-heading: 'Erica One', cursive, sans-serif;\r\n    --font-body: 'Jua', sans-serif;\r\n    --fox-orange: #FF6B00;\r\n    --accent-blue: #00B4D8;\r\n    --dark-stroke: #1E1B18;\r\n    --white: #FFFFFF;\r\n  }\r\n\r\n  \/* CONTAINER SECTION (TRANSPARENT \/ NO MAIN CARD) *\/\r\n  .join-section {\r\n    position: relative;\r\n    width: 100%;\r\n    max-width: 1100px;\r\n    margin: 50px auto 60px auto;\r\n    padding: 0 15px;\r\n    box-sizing: border-box;\r\n    background: transparent;\r\n  }\r\n\r\n  .join-container {\r\n    width: 100%;\r\n  }\r\n\r\n  \/* GRID SYSTEM (GAMBAR KIRI | KONTEN KANAN) *\/\r\n  .join-grid {\r\n    display: grid;\r\n    grid-template-columns: 0.9fr 1.1fr;\r\n    gap: 40px;\r\n    align-items: center;\r\n  }\r\n\r\n  \/* 1. KOLOM GAMBAR (SEBELAH KIRI) *\/\r\n  .join-image-col {\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n  }\r\n\r\n  .join-asset-img {\r\n    width: 100%;\r\n    max-width: 440px;\r\n    height: auto;\r\n    object-fit: contain;\r\n    filter: drop-shadow(4px 7px 0px var(--dark-stroke));\r\n  }\r\n\r\n  \/* ANIMASI MELAYANG (FLOATING) *\/\r\n  @keyframes cartoonFloat {\r\n    0%, 100% { transform: translateY(0px) rotate(0deg); }\r\n    50% { transform: translateY(-10px) rotate(-1deg); }\r\n  }\r\n\r\n  .floating-asset {\r\n    animation: cartoonFloat 3.8s ease-in-out infinite;\r\n  }\r\n\r\n  \/* 2. KOLOM KONTEN (SEBELAH KANAN) *\/\r\n  .join-content-col {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: flex-start;\r\n    text-align: left;\r\n  }\r\n\r\n  .join-title {\r\n    font-family: var(--font-heading);\r\n    font-size: clamp(1.8rem, 3.5vw, 2.7rem);\r\n    color: var(--fox-orange);\r\n    margin-bottom: 16px;\r\n    text-transform: uppercase;\r\n    text-shadow: \r\n      2.5px 2.5px 0 var(--dark-stroke),\r\n      -2.5px -2.5px 0 var(--dark-stroke),\r\n      2.5px -2.5px 0 var(--dark-stroke),\r\n      -2.5px 2.5px 0 var(--dark-stroke);\r\n    line-height: 1.2;\r\n  }\r\n\r\n  .join-desc {\r\n    font-family: var(--font-body);\r\n    font-size: 1.15rem;\r\n    color: var(--white);\r\n    text-shadow: \r\n      1.5px 1.5px 0 var(--dark-stroke),\r\n      -1.5px -1.5px 0 var(--dark-stroke),\r\n      1.5px -1.5px 0 var(--dark-stroke),\r\n      -1.5px 1.5px 0 var(--dark-stroke);\r\n    margin-bottom: 25px;\r\n    line-height: 1.5;\r\n  }\r\n\r\n  \/* BUTTON GROUP *\/\r\n  .join-btn-group {\r\n    display: flex;\r\n    gap: 16px;\r\n    flex-wrap: wrap;\r\n    align-items: center;\r\n  }\r\n\r\n  .btn-cartoon {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 10px;\r\n    padding: 14px 28px;\r\n    font-family: var(--font-body);\r\n    font-size: 1.1rem;\r\n    text-decoration: none;\r\n    color: var(--white);\r\n    border: 3.5px solid var(--dark-stroke);\r\n    border-radius: 50px;\r\n    box-shadow: 3px 5px 0px var(--dark-stroke);\r\n    cursor: pointer;\r\n    font-weight: bold;\r\n    transition: all 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n    white-space: nowrap;\r\n  }\r\n\r\n  .btn-blue { background: var(--accent-blue); }\r\n  .btn-blue:hover { background: #33C4E0; }\r\n\r\n  .btn-dark { background: #111111; }\r\n  .btn-dark:hover { background: #2A2A2A; }\r\n\r\n  .btn-cartoon:hover {\r\n    transform: translateY(-4px) rotate(1.2deg) scale(1.04);\r\n    box-shadow: 5px 8px 0px var(--dark-stroke);\r\n  }\r\n\r\n  .btn-cartoon:active {\r\n    transform: translateY(2px) scale(0.98);\r\n    box-shadow: 1px 2px 0px var(--dark-stroke);\r\n  }\r\n\r\n  \/* ==========================================\r\n     RESPONSIVE MOBILE DESIGN\r\n     ========================================== *\/\r\n  @media (max-width: 900px) {\r\n    .join-grid {\r\n      grid-template-columns: 1fr;\r\n      gap: 30px;\r\n      text-align: center;\r\n    }\r\n\r\n    .join-content-col {\r\n      align-items: center;\r\n      text-align: center;\r\n    }\r\n\r\n    .join-btn-group {\r\n      justify-content: center;\r\n      width: 100%;\r\n    }\r\n\r\n    .join-asset-img {\r\n      max-width: 320px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 600px) {\r\n    .join-btn-group {\r\n      flex-direction: column;\r\n      gap: 12px;\r\n    }\r\n\r\n    .btn-cartoon {\r\n      width: 100%;\r\n      max-width: 280px;\r\n    }\r\n\r\n    .join-asset-img {\r\n      max-width: 260px;\r\n    }\r\n  }\r\n<\/style>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-29415c7 e-con-full e-flex e-con e-child\" data-id=\"29415c7\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-32a0fb3 elementor-widget elementor-widget-html\" data-id=\"32a0fb3\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- FOOTER \/ COPYRIGHT SECTION -->\r\n<footer class=\"fvs-footer\">\r\n  <div class=\"footer-container\">\r\n    <p class=\"copyright-text\">\r\n      \u00a9 2026 <span class=\"brand-highlight\">FOX VS SHEEP<\/span> ($FOXVSHEEP). All Rights Reserved.\r\n    <\/p>\r\n  <\/div>\r\n<\/footer>\r\n\r\n<style>\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Erica+One&family=Jua&display=swap');\r\n\r\n  :root {\r\n    --font-heading: 'Erica One', cursive, sans-serif;\r\n    --font-body: 'Jua', sans-serif;\r\n    --fox-orange: #FF6B00;\r\n    --dark-stroke: #1E1B18;\r\n    --white: #FFFFFF;\r\n  }\r\n\r\n  \/* CONTAINER FOOTER SIMPEL *\/\r\n  .fvs-footer {\r\n    width: 100%;\r\n    padding: 20px 15px;\r\n    background: transparent; \/* Transparan mengikuti latar belakang tema *\/\r\n    text-align: center;\r\n    box-sizing: border-box;\r\n    margin-top: 40px;\r\n  }\r\n\r\n  .footer-container {\r\n    max-width: 1100px;\r\n    margin: 0 auto;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n  }\r\n\r\n  \/* TEKS COPYRIGHT *\/\r\n  .copyright-text {\r\n    font-family: var(--font-body);\r\n    font-size: 1rem;\r\n    color: var(--white);\r\n    letter-spacing: 0.5px;\r\n    text-shadow: \r\n      1.5px 1.5px 0 var(--dark-stroke),\r\n      -1.5px -1.5px 0 var(--dark-stroke),\r\n      1.5px -1.5px 0 var(--dark-stroke),\r\n      -1.5px 1.5px 0 var(--dark-stroke);\r\n    margin: 0;\r\n  }\r\n\r\n  .brand-highlight {\r\n    font-family: var(--font-heading);\r\n    color: var(--fox-orange);\r\n  }\r\n\r\n  \/* RESPONSIVE MOBILE *\/\r\n  @media (max-width: 480px) {\r\n    .fvs-footer {\r\n      padding: 15px 10px;\r\n      margin-top: 25px;\r\n    }\r\n\r\n    .copyright-text {\r\n      font-size: 0.9rem;\r\n      line-height: 1.4;\r\n    }\r\n  }\r\n<\/style>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>FOX VS SHEEP About Tokenomics Gallery Join Us BUY $FOXVSHEEP About Tokenomics Gallery Join Us BUY $FOXVSHEEP The eternal clash between cunning tactics and community strength. Pick a side or rule both. CA: 2uXzdgiVtuD3TFutqxu2mCKYBytuARkHhJMy7iWkpump Copy BUY $FOXVSHEEP Telegram Twitter \/ X \ud83d\udccb CA Copied Successfully! \ud83d\udd25 THE ETERNAL BATTLE Tactics vs Resilience Two distinct forces [&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:\/\/foxvsheep.fun\/index.php?rest_route=\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/foxvsheep.fun\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/foxvsheep.fun\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/foxvsheep.fun\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/foxvsheep.fun\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":40,"href":"https:\/\/foxvsheep.fun\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":74,"href":"https:\/\/foxvsheep.fun\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/74"}],"wp:attachment":[{"href":"https:\/\/foxvsheep.fun\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}