{"id":8,"date":"2026-04-09T09:51:18","date_gmt":"2026-04-09T09:51:18","guid":{"rendered":"https:\/\/natsu.space\/?page_id=8"},"modified":"2026-04-09T10:53:48","modified_gmt":"2026-04-09T10:53:48","slug":"elementor-8","status":"publish","type":"page","link":"https:\/\/natsu.space\/","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-c523659 e-con-full e-flex e-con e-parent\" data-id=\"c523659\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-35e412f elementor-widget elementor-widget-html\" data-id=\"35e412f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n  \/* Importing a bold, character-heavy font for the title and a clean one for the body *\/\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Syne:wght@800&family=Outfit:wght@300;600&display=swap');\n\n  .natsu-hero {\n    font-family: 'Outfit', sans-serif;\n    color: #1a1a1a;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 60px 5% 0;\n    min-height: 80vh; \n    gap: 20px;\n    background: transparent;\n    overflow: hidden;\n  }\n\n  .content-box {\n    flex: 0.8; \n    z-index: 2;\n    margin: 0 0 90px 0;\n  }\n\n  .brand-header {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    margin-bottom: 30px;\n  }\n\n  .kanji {\n    font-size: 50px;\n    color: #FF8C00;\n    line-height: 1;\n  }\n\n  .ticker {\n    font-family: 'Syne', sans-serif;\n    font-size: 24px;\n    letter-spacing: 4px;\n    text-transform: uppercase;\n    color: #333;\n  }\n\n  .hero-title {\n    font-family: 'Syne', sans-serif;\n    font-size: clamp(3rem, 7vw, 5.5rem);\n    line-height: 0.9;\n    margin-bottom: 25px;\n    text-transform: uppercase;\n    background: linear-gradient(to bottom, #1a1a1a 40%, #FF8C00);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n  }\n\n  .hero-description {\n    font-size: 1.25rem;\n    line-height: 1.5;\n    color: #4a4a4a;\n    max-width: 500px;\n    margin-bottom: 40px;\n    font-weight: 300;\n  }\n\n  .hero-description strong {\n    font-weight: 600;\n    color: #000;\n  }\n\n  \/* CA Copy Button Styling *\/\n  .ca-container {\n    display: flex;\n    align-items: center;\n    background: #1a1a1a;\n    border-radius: 4px;\n    padding: 5px 5px 5px 20px;\n    max-width: 450px;\n    transition: 0.3s;\n    border: 1px solid transparent;\n  }\n\n  .ca-container:hover {\n    border-color: #FF8C00;\n  }\n\n  .ca-text {\n    color: #fff;\n    font-family: monospace;\n    font-size: 0.9rem;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    margin-right: 15px;\n  }\n\n  .ca-copy-btn {\n    background: #FF8C00;\n    color: #1a1a1a;\n    border: none;\n    padding: 12px 25px;\n    font-family: 'Syne', sans-serif;\n    font-weight: 800;\n    text-transform: uppercase;\n    border-radius: 2px;\n    cursor: pointer;\n    transition: 0.2s;\n  }\n\n  .ca-copy-btn:active {\n    transform: scale(0.95);\n    background: #fff;\n  }\n\n  .visual-box {\n    flex: 1.2; \n    align-self: flex-end;\n    position: relative;\n    display: flex;\n    justify-content: flex-end;\n  }\n\n  .natsu-img {\n    width: 110%; \n    max-width: 800px; \n    height: auto;\n    filter: drop-shadow(25px 25px 0px #FF8C00);\n    border-radius: 8px;\n    margin-bottom: -10px;\n  }\n\n  @media (max-width: 968px) {\n    .natsu-hero {\n      flex-direction: column;\n      text-align: center;\n      padding-bottom: 0;\n    }\n    .visual-box {\n      width: 100%;\n      justify-content: center;\n      margin-left: 0 !important;\n    }\n    .natsu-img {\n      width: 100%;\n      margin-bottom: 0;\n    }\n    .ca-container {\n      margin: 0 auto;\n    }\n    .brand-header { justify-content: center; }\n    .hero-description { margin-left: auto; margin-right: auto; }\n    .content-box { margin-bottom: 40px; }\n  }\n<\/style>\n\n<section class=\"natsu-hero\">\n  <div class=\"content-box\">\n    <div class=\"brand-header\">\n      <span class=\"kanji\">\u590f<\/span>\n      <span class=\"ticker\">Natsu<\/span>\n    <\/div>\n\n    <h1 class=\"hero-title\">Warmth In <br>Every Step.<\/h1>\n    \n    <p class=\"hero-description\">\n      I carry the summer with me\u2014the <strong>quiet confidence<\/strong> of a long, golden afternoon. No noise, just steady, humming energy that never truly fades.\n    <\/p>\n\n    <div class=\"ca-container\">\n      <span class=\"ca-text\" id=\"caValue\">null<\/span>\n      <button class=\"ca-copy-btn\" onclick=\"copyCA()\">Copy CA<\/button>\n    <\/div>\n  <\/div>\n\n  <div class=\"visual-box\" style=\"margin-left: -200px;\">\n    <img decoding=\"async\" src=\"http:\/\/natsu.space\/wp-content\/uploads\/2026\/04\/Frame-13.png\" alt=\"Natsu\" class=\"natsu-img\">\n  <\/div>\n<\/section>\n\n<script>\n  function copyCA() {\n    const caValue = document.getElementById('caValue').innerText;\n    navigator.clipboard.writeText(caValue);\n    \n    const btn = document.querySelector('.ca-copy-btn');\n    const originalText = btn.innerText;\n    btn.innerText = 'COPIED!';\n    setTimeout(() => {\n      btn.innerText = originalText;\n    }, 2000);\n  }\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7005d82 e-con-full e-flex e-con e-parent\" data-id=\"7005d82\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-69e30dd elementor-widget elementor-widget-html\" data-id=\"69e30dd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n  \/* Unique Marquee Section Divider *\/\n  .marquee-wrapper {\n    position: relative;\n    z-index: 20; \/* Ensures it sits on top of both sections *\/\n    margin-top: -30px; \/* Pulls it up to hide the cut-off *\/\n    margin-bottom: -30px; \/* Pulls the next section up to meet it *\/\n  }\n\n  .natsu-marquee {\n    background: #1a1a1a;\n    padding: 25px 0;\n    overflow: hidden;\n    display: flex;\n    white-space: nowrap;\n    border-top: 3px solid #FF8C00;\n    border-bottom: 3px solid #FF8C00;\n    \/* The tilt creates a \"tape\" effect that hides the flat line of the section cut-off *\/\n    transform: rotate(-2deg) scale(1.05); \n    box-shadow: 0 10px 30px rgba(0,0,0,0.2);\n  }\n\n  .marquee-content {\n    display: flex;\n    animation: scroll 25s linear infinite;\n  }\n\n  .marquee-item {\n    font-family: 'Syne', sans-serif;\n    font-size: 28px;\n    font-weight: 800;\n    color: #fff;\n    text-transform: uppercase;\n    display: flex;\n    align-items: center;\n    gap: 40px;\n    padding-right: 40px;\n  }\n\n  .marquee-item span {\n    color: #FF8C00;\n    font-size: 40px;\n  }\n\n  @keyframes scroll {\n    from { transform: translateX(0); }\n    to { transform: translateX(-50%); }\n  }\n\n  \/* Description Section *\/\n  .desc-section {\n    font-family: 'Outfit', sans-serif;\n    padding: 140px 10% 100px; \/* Extra top padding to account for the tilted marquee *\/\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 80px;\n    align-items: center;\n    background: #ffffff;\n    position: relative;\n    z-index: 10;\n  }\n\n  .desc-content h2 {\n    font-family: 'Syne', sans-serif;\n    font-size: 3.5rem;\n    line-height: 1;\n    margin-bottom: 30px;\n    text-transform: uppercase;\n    color: #1a1a1a;\n  }\n\n  .desc-content p {\n    font-size: 1.25rem;\n    line-height: 1.8;\n    color: #4a4a4a;\n    margin-bottom: 25px;\n  }\n\n  .energy-grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 20px;\n  }\n\n  .energy-card {\n    border: 2px solid #f0f0f0;\n    padding: 30px;\n    border-radius: 2px;\n    transition: 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n  }\n\n  .energy-card:hover {\n    border-color: #FF8C00;\n    background: #fffdf8;\n    transform: translateY(-5px);\n  }\n\n  .energy-card h3 {\n    font-family: 'Syne', sans-serif;\n    font-size: 1.3rem;\n    margin-bottom: 12px;\n    color: #FF8C00;\n    text-transform: uppercase;\n  }\n\n  .energy-card p {\n    font-size: 1rem;\n    margin: 0;\n    color: #666;\n    line-height: 1.5;\n  }\n\n  @media (max-width: 968px) {\n    .desc-section {\n      grid-template-columns: 1fr;\n      text-align: center;\n      padding: 100px 5% 60px;\n    }\n    .marquee-wrapper {\n      margin-top: -20px;\n    }\n    .natsu-marquee {\n      transform: rotate(-1deg) scale(1.02);\n    }\n  }\n<\/style>\n\n<div class=\"marquee-wrapper\">\n  <div class=\"natsu-marquee\">\n    <div class=\"marquee-content\">\n      <div class=\"marquee-item\">$NATSU <span>\u2605<\/span> ETERNAL SUMMER <span>\u2605<\/span> SUNLIGHT IN MOTION <span>\u2605<\/span> NO TAX <span>\u2605<\/span><\/div>\n      <div class=\"marquee-item\">$NATSU <span>\u2605<\/span> ETERNAL SUMMER <span>\u2605<\/span> SUNLIGHT IN MOTION <span>\u2605<\/span> NO TAX <span>\u2605<\/span><\/div>\n      <div class=\"marquee-item\">$NATSU <span>\u2605<\/span> ETERNAL SUMMER <span>\u2605<\/span> SUNLIGHT IN MOTION <span>\u2605<\/span> NO TAX <span>\u2605<\/span><\/div>\n      <div class=\"marquee-item\">$NATSU <span>\u2605<\/span> ETERNAL SUMMER <span>\u2605<\/span> SUNLIGHT IN MOTION <span>\u2605<\/span> NO TAX <span>\u2605<\/span><\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<section class=\"desc-section\">\n  <div class=\"desc-content\">\n    <h2>I Carry My Own Light.<\/h2>\n    <p>\n      In a market full of noise and empty hype, I prefer the <strong>quiet power<\/strong> of a steady burn. It\u2019s the kind of energy that powers worlds without needing to scream for attention. \n    <\/p>\n    <p>\n      $NATSU is for the sun-seekers\u2014those who appreciate the calm before the heat and know that true confidence is silent. I\u2019m not just a season; I\u2019m a movement.\n    <\/p>\n  <\/div>\n\n  <div class=\"energy-grid\">\n    <div class=\"energy-card\">\n      <h3>Steady Flow<\/h3>\n      <p>A community-driven ecosystem designed for consistent, radiant growth.<\/p>\n    <\/div>\n    <div class=\"energy-card\">\n      <h3>Pure Glow<\/h3>\n      <p>0% buy and sell tax. What you earn under the sun stays yours.<\/p>\n    <\/div>\n    <div class=\"energy-card\">\n      <h3>High Energy<\/h3>\n      <p>Calm on the surface, but fueled by an unstoppable internal drive.<\/p>\n    <\/div>\n    <div class=\"energy-card\">\n      <h3>Fair Summer<\/h3>\n      <p>Liquidity burned and contract renounced. The sun belongs to everyone.<\/p>\n    <\/div>\n  <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-037ee2b e-con-full e-flex e-con e-parent\" data-id=\"037ee2b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-851a539 elementor-widget elementor-widget-html\" data-id=\"851a539\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n  \/* Section Container *\/\n  .tokenomics-breakout-section {\n    font-family: 'Outfit', sans-serif;\n    padding: 120px 5% 0; \/* No bottom padding so image hits the edge *\/\n    background: transparent;\n    overflow: visible;\n  }\n\n  .tokenomics-grid {\n    display: grid;\n    grid-template-columns: 1fr 1.5fr;\n    max-width: 1200px;\n    margin: 0 auto;\n    align-items: flex-end; \/* Aligns both columns to the bottom *\/\n    position: relative;\n    z-index: 10;\n  }\n\n  \/* Visual - Locked to absolute bottom *\/\n  .visual-breakout {\n      margin-right: -240px;\n    position: relative;\n    display: flex;\n    justify-content: flex-start;\n    align-items: flex-end; \/* Force image to the bottom *\/\n    overflow: visible;\n  }\n\n  .natsu-img {\n    width: 130%; \/* Big scale *\/\n    max-width: 800px;\n    height: auto;\n    display: block;\n    margin-left: -15%;\n    margin-bottom: -4px; \/* Eliminates any tiny gaps at the bottom *\/\n    position: relative;\n    z-index: 20;\n    transition: 0.4s ease-out;\n  }\n\n  .natsu-img:hover {\n    transform: translateY(-10px); \/* Lift up slightly on hover *\/\n  }\n\n  \/* Content Side - The Blurred Box *\/\n  .tokenomics-content-box {\n    background: rgba(255, 255, 255, 0.7); \n    backdrop-filter: blur(20px);\n    -webkit-backdrop-filter: blur(20px);\n    border: 1px solid rgba(255, 255, 255, 0.4);\n    border-radius: 4px;\n    padding: 60px;\n    position: relative;\n    z-index: 10;\n    margin-left: -80px; \/* Deep overlap with the visual *\/\n    margin-bottom: 60px; \/* Keeps the box from hitting the bottom edge *\/\n    box-shadow: 0 30px 60px rgba(0,0,0,0.1);\n  }\n\n  .tokenomics-content-box h2 {\n    font-family: 'Syne', sans-serif;\n    font-size: 3.5rem;\n    line-height: 0.9;\n    margin-bottom: 30px;\n    text-transform: uppercase;\n    color: #111;\n  }\n\n  .tokenomics-content-box h2 span {\n    color: #FF8C00;\n  }\n\n  .data-list {\n    display: flex;\n    flex-direction: column;\n    gap: 25px;\n  }\n\n  .data-item {\n    border-bottom: 1px solid rgba(0, 0, 0, 0.05);\n    padding-bottom: 12px;\n  }\n\n  .data-label {\n    font-family: 'Syne', sans-serif;\n    text-transform: uppercase;\n    font-size: 0.8rem;\n    color: #888;\n    letter-spacing: 2px;\n  }\n\n  .data-value {\n    font-size: 1.8rem;\n    font-weight: 600;\n    color: #1a1a1a;\n    display: flex;\n    justify-content: space-between;\n  }\n\n  .data-value span {\n    color: #FF8C00;\n  }\n\n  \/* Zero Tax Banner *\/\n  .tax-callout {\n    background: #FF8C00;\n    color: #1a1a1a;\n    padding: 15px;\n    text-align: center;\n    font-family: 'Syne', sans-serif;\n    font-weight: 800;\n    font-size: 1.1rem;\n    margin-top: 30px;\n    border-radius: 2px;\n  }\n\n  @media (max-width: 968px) {\n    .tokenomics-grid {\n      grid-template-columns: 1fr;\n    }\n    .visual-breakout {\n      justify-content: center;\n    }\n    .natsu-img {\n      width: 100%;\n      margin-left: 0;\n    }\n    .tokenomics-content-box {\n      margin-left: 0;\n      margin-bottom: 40px;\n      padding: 30px;\n    }\n  }\n<\/style>\n\n<section class=\"tokenomics-breakout-section\">\n  <div class=\"tokenomics-grid\">\n    \n    <div class=\"visual-breakout\">\n      <img decoding=\"async\" src=\"http:\/\/natsu.space\/wp-content\/uploads\/2026\/04\/Gemini_Generated_Image_cjy1pscjy1pscjy1-1.png\" alt=\"Natsu Card\" class=\"natsu-img\">\n    <\/div>\n\n    <div class=\"tokenomics-content-box\">\n      <h2>The Golden <br>Glow. <span>\u2605<\/span><\/h2>\n      \n      <div class=\"data-list\">\n        <div class=\"data-item\">\n          <span class=\"data-label\">Total Supply<\/span>\n          <div class=\"data-value\">1,000,000,000 <span>$NATSU<\/span><\/div>\n        <\/div>\n\n        <div class=\"data-item\">\n          <span class=\"data-label\">Liquidity<\/span>\n          <div class=\"data-value\">100% BURNED <span>\ud83d\udd25<\/span><\/div>\n        <\/div>\n\n        <div class=\"data-item\">\n          <span class=\"data-label\">Contract<\/span>\n          <div class=\"data-value\">RENOUNCED<\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"tax-callout\">\n        NO TAX \u2014 JUST SUNLIGHT\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ca21d57 e-con-full e-flex e-con e-parent\" data-id=\"ca21d57\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c5a49f5 elementor-widget elementor-widget-html\" data-id=\"c5a49f5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n  \/* Sharp Marquee Divider - No Blur *\/\n  .roadmap-divider {\n    background: #FF8C00; \/* Solid Summer Orange *\/\n    padding: 15px 0;\n    overflow: hidden;\n    display: flex;\n    white-space: nowrap;\n    border-top: 4px solid #1a1a1a;\n    border-bottom: 4px solid #1a1a1a;\n    transform: rotate(1deg); \/* Slight tilt to overlap the transition *\/\n    z-index: 30;\n    position: relative;\n  }\n\n  .roadmap-marquee-content {\n    display: flex;\n    animation: scroll-fast 15s linear infinite;\n  }\n\n  .roadmap-marquee-item {\n    font-family: 'Syne', sans-serif;\n    font-size: 22px;\n    font-weight: 800;\n    color: #1a1a1a;\n    text-transform: uppercase;\n    display: flex;\n    align-items: center;\n    gap: 30px;\n    padding-right: 30px;\n  }\n\n  @keyframes scroll-fast {\n    from { transform: translateX(0); }\n    to { transform: translateX(-50%); }\n  }\n\n  \/* Roadmap Section - The Horizon *\/\n  .roadmap-section {\n    font-family: 'Outfit', sans-serif;\n    padding: 120px 5%;\n    background: transparent; \/* Letting your BG show *\/\n    position: relative;\n  }\n\n  .roadmap-container {\n    max-width: 1100px;\n    margin: 0 auto;\n    background: #1a1a1a; \/* Solid dark box to contrast the orange marquee *\/\n    padding: 60px;\n    border-radius: 4px;\n    border: 1px solid #333;\n  }\n\n  .roadmap-header {\n    margin-bottom: 60px;\n    border-left: 5px solid #FF8C00;\n    padding-left: 20px;\n  }\n\n  .roadmap-header h2 {\n    font-family: 'Syne', sans-serif;\n    font-size: 3rem;\n    color: #fff;\n    text-transform: uppercase;\n    margin: 0;\n  }\n\n  .roadmap-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 30px;\n  }\n\n  .phase-card {\n    background: #222;\n    padding: 30px;\n    border: 1px solid #333;\n    transition: 0.3s;\n    position: relative;\n  }\n\n  .phase-card:hover {\n    border-color: #FF8C00;\n  }\n\n  .phase-number {\n    font-family: 'Syne', sans-serif;\n    color: #FF8C00;\n    font-size: 0.9rem;\n    font-weight: 800;\n    display: block;\n    margin-bottom: 15px;\n  }\n\n  .phase-title {\n    font-family: 'Syne', sans-serif;\n    font-size: 1.5rem;\n    color: #fff;\n    margin-bottom: 15px;\n    text-transform: uppercase;\n  }\n\n  .phase-list {\n    list-style: none;\n    padding: 0;\n    margin: 0;\n  }\n\n  .phase-list li {\n    color: #999;\n    font-size: 1rem;\n    margin-bottom: 10px;\n    display: flex;\n    align-items: center;\n    gap: 10px;\n  }\n\n  .phase-list li::before {\n    content: '\u2192';\n    color: #FF8C00;\n  }\n\n  @media (max-width: 900px) {\n    .roadmap-grid {\n      grid-template-columns: 1fr;\n    }\n    .roadmap-divider {\n        transform: rotate(0deg);\n    }\n  }\n<\/style>\n\n<div class=\"roadmap-divider\">\n  <div class=\"roadmap-marquee-content\">\n    <div class=\"roadmap-marquee-item\">THE HORIZON <span>\u2726<\/span> PHASE MAP <span>\u2726<\/span> CHASING THE SUN <span>\u2726<\/span> FUTURE OF $NATSU <span>\u2726<\/span><\/div>\n    <div class=\"roadmap-marquee-item\">THE HORIZON <span>\u2726<\/span> PHASE MAP <span>\u2726<\/span> CHASING THE SUN <span>\u2726<\/span> FUTURE OF $NATSU <span>\u2726<\/span><\/div>\n    <div class=\"roadmap-marquee-item\">THE HORIZON <span>\u2726<\/span> PHASE MAP <span>\u2726<\/span> CHASING THE SUN <span>\u2726<\/span> FUTURE OF $NATSU <span>\u2726<\/span><\/div>\n    <div class=\"roadmap-marquee-item\">THE HORIZON <span>\u2726<\/span> PHASE MAP <span>\u2726<\/span> CHASING THE SUN <span>\u2726<\/span> FUTURE OF $NATSU <span>\u2726<\/span><\/div>\n  <\/div>\n<\/div>\n\n<section class=\"roadmap-section\">\n  <div class=\"roadmap-container\">\n    <div class=\"roadmap-header\">\n      <h2>The Horizon<\/h2>\n      <p style=\"color: #888;\">The sun doesn't move, we do. Here is where we're headed.<\/p>\n    <\/div>\n\n    <div class=\"roadmap-grid\">\n      <div class=\"phase-card\">\n        <span class=\"phase-number\">01 \/\/ SUNRISE<\/span>\n        <h3 class=\"phase-title\">The Arrival<\/h3>\n        <ul class=\"phase-list\">\n          <li>Community Seeding<\/li>\n          <li>Liquidity Burn<\/li>\n          <li>Organic Warm-up<\/li>\n        <\/ul>\n      <\/div>\n\n      <div class=\"phase-card\">\n        <span class=\"phase-number\">02 \/\/ HIGH NOON<\/span>\n        <h3 class=\"phase-title\">Peak Heat<\/h3>\n        <ul class=\"phase-list\">\n          <li>CEX Listings<\/li>\n          <li>Global Exposure<\/li>\n          <li>Market Dominance<\/li>\n        <\/ul>\n      <\/div>\n\n      <div class=\"phase-card\">\n        <span class=\"phase-number\">03 \/\/ ETERNAL<\/span>\n        <h3 class=\"phase-title\">Golden Era<\/h3>\n        <ul class=\"phase-list\">\n          <li>Natsu Ecosystem<\/li>\n          <li>Direct Rewards<\/li>\n          <li>Sunsetless Growth<\/li>\n        <\/ul>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d3a2d23 e-con-full e-flex e-con e-parent\" data-id=\"d3a2d23\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a8ab394 elementor-widget elementor-widget-html\" data-id=\"a8ab394\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n  \/* Sharp, high-contrast Marquee for the Footer *\/\n  .footer-marquee-divider {\n    background: #1a1a1a;\n    padding: 18px 0;\n    overflow: hidden;\n    display: flex;\n    white-space: nowrap;\n    border-top: 4px solid #FF8C00;\n    border-bottom: 4px solid #FF8C00;\n    z-index: 30;\n    position: relative;\n    \/* No tilt here to keep the 100vh footer clean at the top edge *\/\n  }\n\n  .footer-marquee-content {\n    display: flex;\n    animation: scroll-footer 20s linear infinite;\n  }\n\n  .footer-marquee-item {\n    font-family: 'Syne', sans-serif;\n    font-size: 24px;\n    font-weight: 800;\n    color: #fff;\n    text-transform: uppercase;\n    display: flex;\n    align-items: center;\n    gap: 40px;\n    padding-right: 40px;\n  }\n\n  .footer-marquee-item span {\n    color: #FF8C00;\n  }\n\n  @keyframes scroll-footer {\n    from { transform: translateX(0); }\n    to { transform: translateX(-50%); }\n  }\n\n  \/* Full Screen Footer - 100vh Raw Video *\/\n  .natsu-footer-full {\n    font-family: 'Outfit', sans-serif;\n    position: relative;\n    height: 100vh;\n    width: 100%;\n    overflow: hidden;\n    display: flex;\n    flex-direction: column;\n    justify-content: flex-end;\n    background: #000;\n  }\n\n  .footer-video-full {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    z-index: 1;\n  }\n\n  .footer-overlay-content {\n    position: relative;\n    z-index: 2;\n    padding: 60px 5%;\n    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, transparent 100%);\n  }\n\n  .footer-main-flex {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-end;\n    border-bottom: 2px solid #FF8C00;\n    padding-bottom: 20px;\n    margin-bottom: 20px;\n  }\n\n  .footer-brand {\n    font-family: 'Syne', sans-serif;\n    font-size: 5rem;\n    font-weight: 800;\n    line-height: 0.8;\n    color: #fff;\n    text-transform: uppercase;\n  }\n\n  .footer-brand span {\n    color: #FF8C00;\n    display: block;\n    font-size: 2rem;\n  }\n\n  .footer-links {\n    display: flex;\n    gap: 40px;\n  }\n\n  .footer-links a {\n    font-family: 'Syne', sans-serif;\n    color: #fff;\n    text-decoration: none;\n    font-size: 1.2rem;\n    transition: 0.3s;\n    letter-spacing: 2px;\n  }\n\n  .footer-links a:hover {\n    color: #FF8C00;\n  }\n\n  .copy-row {\n    display: flex;\n    justify-content: space-between;\n    font-size: 0.8rem;\n    color: rgba(255, 255, 255, 0.6);\n    letter-spacing: 3px;\n    text-transform: uppercase;\n  }\n\n  @media (max-width: 768px) {\n    .footer-brand { font-size: 3rem; }\n    .footer-links { gap: 20px; }\n  }\n<\/style>\n\n<div class=\"footer-marquee-divider\">\n  <div class=\"footer-marquee-content\">\n    <div class=\"footer-marquee-item\">THE SUN NEVER SETS <span>\u2726<\/span> $NATSU <span>\u2726<\/span> STAY RADIANT <span>\u2726<\/span> NO EXIT <span>\u2726<\/span><\/div>\n    <div class=\"footer-marquee-item\">THE SUN NEVER SETS <span>\u2726<\/span> $NATSU <span>\u2726<\/span> STAY RADIANT <span>\u2726<\/span> NO EXIT <span>\u2726<\/span><\/div>\n    <div class=\"footer-marquee-item\">THE SUN NEVER SETS <span>\u2726<\/span> $NATSU <span>\u2726<\/span> STAY RADIANT <span>\u2726<\/span> NO EXIT <span>\u2726<\/span><\/div>\n    <div class=\"footer-marquee-item\">THE SUN NEVER SETS <span>\u2726<\/span> $NATSU <span>\u2726<\/span> STAY RADIANT <span>\u2726<\/span> NO EXIT <span>\u2726<\/span><\/div>\n  <\/div>\n<\/div>\n\n<footer class=\"natsu-footer-full\">\n  <video class=\"footer-video-full\" autoplay muted loop playsinline>\n    <source src=\"http:\/\/natsu.space\/wp-content\/uploads\/2026\/04\/Static_Video_Generation_of_Blinking_Scene.mp4\" type=\"video\/mp4\">\n  <\/video>\n\n  <div class=\"footer-overlay-content\">\n    <div class=\"footer-main-flex\">\n      <div class=\"footer-brand\">\n        <span>THE ETERNAL<\/span>\n        NATSU\n      <\/div>\n\n      <nav class=\"footer-links\">\n        <a href=\"#\">X \/ TWITTER<\/a>\n        <a href=\"#\">TELEGRAM<\/a>\n        <a href=\"#\">COMMUNITY<\/a>\n      <\/nav>\n    <\/div>\n\n    <div class=\"copy-row\">\n      <div>\u00a9 2026 SUNLIGHT PROTOCOL<\/div>\n      <div>SUMMER FOREVER \u2726\u2726\u2726<\/div>\n    <\/div>\n  <\/div>\n<\/footer>\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>\u590f Natsu Warmth In Every Step. I carry the summer with me\u2014the quiet confidence of a long, golden afternoon. No noise, just steady, humming energy that never truly fades. null Copy CA $NATSU \u2605 ETERNAL SUMMER \u2605 SUNLIGHT IN MOTION \u2605 NO TAX \u2605 $NATSU \u2605 ETERNAL SUMMER \u2605 SUNLIGHT IN MOTION \u2605 NO TAX [&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:\/\/natsu.space\/index.php\/wp-json\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/natsu.space\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/natsu.space\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/natsu.space\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/natsu.space\/index.php\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":55,"href":"https:\/\/natsu.space\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":77,"href":"https:\/\/natsu.space\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions\/77"}],"wp:attachment":[{"href":"https:\/\/natsu.space\/index.php\/wp-json\/wp\/v2\/media?parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}