{"id":8,"date":"2026-06-28T15:39:26","date_gmt":"2026-06-28T15:39:26","guid":{"rendered":"https:\/\/ansome.xyz\/?page_id=8"},"modified":"2026-06-28T16:46:41","modified_gmt":"2026-06-28T16:46:41","slug":"elementor-8","status":"publish","type":"page","link":"https:\/\/ansome.xyz\/","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-05a47a5 e-con-full e-flex e-con e-parent\" data-id=\"05a47a5\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4e64dcb elementor-widget elementor-widget-html\" data-id=\"4e64dcb\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=JetBrains+Mono:wght@300;400;500;600&display=swap');\r\n\r\n  .as-root *, .as-root *::before, .as-root *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n  .as-root {\r\n    --bg: #000000;\r\n    --bg-2: #090909;\r\n    --fg: #fcfcfc;\r\n    --dim: #999999;\r\n    --dim-2: #555555;\r\n    --line: rgba(255,255,255,.05);\r\n    --line-2: rgba(255,255,255,.12);\r\n    --accent: #c9ff2e;\r\n    --accent-glow: rgba(201,255,46,.3);\r\n    --grid: rgba(255,255,255,.03);\r\n    font-family: 'Space Grotesk', system-ui, sans-serif;\r\n    background: var(--bg);\r\n    color: var(--fg);\r\n    width: 100%;\r\n    min-height: 100vh;\r\n    overflow-x: hidden;\r\n    line-height: 1.5;\r\n    letter-spacing: 0.005em;\r\n    -webkit-font-smoothing: antialiased;\r\n    position: relative;\r\n    isolation: isolate;\r\n  }\r\n  .as-root img, .as-root video, .as-root svg { display: block; max-width: 100%; }\r\n  .as-root a { color: inherit; text-decoration: none; }\r\n  .as-root button { font-family: inherit; cursor: pointer; border: none; background: none; color: inherit; }\r\n  .as-mono { font-family: 'JetBrains Mono', ui-monospace, monospace; }\r\n\r\n  \/* Ambient background grid *\/\r\n  .as-root::before {\r\n    content: ''; position: fixed; inset: 0; z-index: -2; pointer-events: none;\r\n    background-image: \r\n      linear-gradient(var(--grid) 1px, transparent 1px),\r\n      linear-gradient(90deg, var(--grid) 1px, transparent 1px);\r\n    background-size: 60px 60px;\r\n    mask-image: radial-gradient(circle at 50% 50%, black 10%, transparent 80%);\r\n  }\r\n\r\n  .as-container { max-width: 1320px; margin: 0 auto; padding: 0 32px; }\r\n  @media (max-width: 600px) { .as-container { padding: 0 20px; } }\r\n\r\n  \/* =================== LOADER =================== *\/\r\n  .as-loader {\r\n    position: fixed; inset: 0; z-index: 9999; background: #000;\r\n    display: flex; align-items: stretch; justify-content: stretch;\r\n    overflow: hidden; transition: opacity 1s cubic-bezier(0.16, 1, 0.3, 1), visibility 1s;\r\n  }\r\n  .as-loader.hide { opacity: 0; visibility: hidden; pointer-events: none; transform: scale(1.05); }\r\n  .as-loader-video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: .4; }\r\n  .as-loader-overlay {\r\n    position: absolute; inset: 0;\r\n    background: radial-gradient(ellipse at center, rgba(0,0,0,.3) 0%, rgba(0,0,0,.8) 70%, #000 100%);\r\n  }\r\n  .as-loader-frame {\r\n    position: relative; z-index: 2; width: 100%; height: 100%;\r\n    display: grid; grid-template-rows: auto 1fr auto; padding: 40px; color: var(--fg);\r\n  }\r\n  .as-loader-top, .as-loader-bot {\r\n    display: flex; justify-content: space-between; align-items: center;\r\n    font-family: 'JetBrains Mono', monospace; font-size: 11px; letter-spacing: .3em;\r\n    color: var(--dim); text-transform: uppercase;\r\n  }\r\n  .as-loader-bot { align-items: flex-end; gap: 24px; }\r\n  .as-loader-center {\r\n    display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 24px;\r\n  }\r\n  .as-loader-mark {\r\n    font-size: clamp(40px, 7vw, 80px); font-weight: 300; letter-spacing: -.03em;\r\n    text-transform: uppercase; text-shadow: 0 0 40px rgba(201,255,46,0.2);\r\n  }\r\n  .as-loader-mark span { color: var(--accent); font-weight: 500; }\r\n  .as-loader-sub { font-family: 'JetBrains Mono', monospace; font-size: 11px; letter-spacing: .5em; color: var(--accent); text-transform: uppercase; opacity: 0.8;}\r\n  .as-progress-wrap { width: 100%; display: flex; flex-direction: column; gap: 12px; }\r\n  .as-progress { width: 100%; height: 2px; background: rgba(255,255,255,.05); position: relative; overflow: hidden; border-radius: 2px;}\r\n  .as-progress-bar {\r\n    position: absolute; top: 0; left: 0; height: 100%; width: 0;\r\n    background: var(--accent); box-shadow: 0 0 15px var(--accent);\r\n    transition: width .2s cubic-bezier(0.16, 1, 0.3, 1);\r\n  }\r\n  .as-progress-labels { display: flex; justify-content: space-between; font-family: 'JetBrains Mono', monospace; font-size: 10px; letter-spacing: .25em; color: var(--dim); text-transform: uppercase; }\r\n\r\n  \/* =================== NAVBAR =================== *\/\r\n  .as-nav {\r\n    position: fixed; top: 0; left: 0; right: 0; z-index: 100;\r\n    padding: 16px 32px; background: rgba(0,0,0,.5);\r\n    backdrop-filter: blur(24px) saturate(180%);\r\n    -webkit-backdrop-filter: blur(24px) saturate(180%);\r\n  }\r\n  .as-nav-inner {\r\n    max-width: 1500px; margin: 0 auto; display: grid; grid-template-columns: 1fr auto 1fr;\r\n    align-items: center; gap: 24px;\r\n  }\r\n  .as-logo { display: inline-flex; align-items: center; gap: 12px; font-weight: 600; font-size: 14px; letter-spacing: .2em; text-transform: uppercase; }\r\n  .as-logo-mark {\r\n    width: 24px; height: 24px; border: 1px solid var(--accent);\r\n    display: inline-flex; align-items: center; justify-content: center; position: relative;\r\n    box-shadow: 0 0 10px rgba(201,255,46,0.1);\r\n  }\r\n  .as-logo-mark::after { content: ''; width: 8px; height: 8px; background: var(--accent); box-shadow: 0 0 10px var(--accent); }\r\n  .as-navlinks {\r\n    display: flex; gap: 32px; font-size: 11px; letter-spacing: .25em; text-transform: uppercase;\r\n    border: 1px solid var(--line); padding: 10px 24px; border-radius: 999px;\r\n    background: rgba(255,255,255,.01); box-shadow: inset 0 0 20px rgba(0,0,0,0.5);\r\n  }\r\n  .as-navlinks a { color: var(--dim); transition: all .3s ease; position: relative; padding: 2px 0; }\r\n  .as-navlinks a:hover { color: var(--fg); text-shadow: 0 0 10px rgba(255,255,255,0.3); }\r\n  .as-navlinks a::before { content: '\u2022'; color: var(--accent); margin-right: 8px; opacity: 0; transition: opacity .3s ease, transform .3s ease; transform: translateX(-5px); display: inline-block; }\r\n  .as-navlinks a:hover::before { opacity: 1; transform: translateX(0); text-shadow: 0 0 8px var(--accent); }\r\n  .as-nav-right { display: flex; gap: 12px; justify-content: flex-end; align-items: center; }\r\n\r\n  .as-btn {\r\n    display: inline-flex; align-items: center; gap: 10px; padding: 10px 18px;\r\n    font-size: 11px; letter-spacing: .25em; text-transform: uppercase; font-weight: 600;\r\n    border: 1px solid var(--line-2); background: rgba(255,255,255,0.02); color: var(--fg);\r\n    transition: all .3s cubic-bezier(0.16, 1, 0.3, 1); border-radius: 2px; position: relative; white-space: nowrap; overflow: hidden;\r\n  }\r\n  .as-btn:hover { border-color: var(--accent); color: var(--accent); background: rgba(201,255,46,0.05); }\r\n  \r\n  \/* FIXED BUTTON STATE: Black text always *\/\r\n  .as-btn-primary {\r\n    background: var(--accent); \r\n    color: #000 !important; \/* Ditegaskan jadi hitam *\/\r\n    border-color: var(--accent);\r\n    box-shadow: 0 0 12px var(--accent-glow); \r\n    font-weight: 700;\r\n  }\r\n  .as-btn-primary:hover {\r\n    background: #e0ff7a; border-color: #e0ff7a; color: #000 !important;\r\n    box-shadow: 0 0 24px rgba(201,255,46,0.6); transform: translateY(-1px);\r\n  }\r\n  .as-btn svg { width: 12px; height: 12px; }\r\n  \r\n  @media (max-width: 980px) {\r\n    .as-nav-inner { grid-template-columns: auto auto; }\r\n    .as-navlinks { display: none; }\r\n  }\r\n\r\n  \/* =================== HERO =================== *\/\r\n  .as-hero { position: relative; overflow: hidden; min-height: 100vh; display: flex; }\r\n  .as-hero-video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: 0; }\r\n  .as-hero-overlay {\r\n    position: absolute; inset: 0; z-index: 1;\r\n    background: \r\n      radial-gradient(ellipse at 50% 30%, transparent 0%, rgba(0,0,0,.5) 50%, #000 100%),\r\n      linear-gradient(180deg, rgba(0,0,0,.3) 0%, rgba(0,0,0,.0) 35%, rgba(0,0,0,.8) 85%, #000 100%);\r\n  }\r\n  .as-hero-scan {\r\n    position: absolute; inset: 0; z-index: 1; pointer-events: none;\r\n    background: repeating-linear-gradient(0deg, rgba(255,255,255,0) 0px, rgba(255,255,255,0) 3px, rgba(255,255,255,.015) 3px, rgba(255,255,255,.015) 4px);\r\n  }\r\n  \r\n  \/* DIKEMBALIKAN: Ornamen bingkai hero *\/\r\n  .as-hero-frame {\r\n    position: absolute; inset: 80px 24px 32px;\r\n    pointer-events: none; z-index: 2;\r\n  }\r\n  .as-hero-frame .corner {\r\n    position: absolute; width: 22px; height: 22px;\r\n    border: 1px solid var(--accent);\r\n  }\r\n  .as-hero-frame .corner.tl { top:0; left:0; border-right:0; border-bottom:0; }\r\n  .as-hero-frame .corner.tr { top:0; right:0; border-left:0; border-bottom:0; }\r\n  .as-hero-frame .corner.bl { bottom:0; left:0; border-right:0; border-top:0; }\r\n  .as-hero-frame .corner.br { bottom:0; right:0; border-left:0; border-top:0; }\r\n  .as-hero-meta {\r\n    position: absolute; bottom: 12px; right: 0;\r\n    display: flex; gap: 20px;\r\n    font-family: 'JetBrains Mono', monospace;\r\n    font-size: 9px; letter-spacing: .3em; color: var(--dim-2);\r\n    text-transform: uppercase;\r\n  }\r\n  .as-hero-meta-left {\r\n    position: absolute; top: 12px; left: 0;\r\n    font-family: 'JetBrains Mono', monospace;\r\n    font-size: 9px; letter-spacing: .3em; color: var(--dim-2);\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .as-hero-inner {\r\n    position: relative; z-index: 3; width: 100%; display: flex; flex-direction: column;\r\n    justify-content: flex-end; padding: 140px 32px 120px; text-align: center;\r\n  }\r\n  .as-hero-tag {\r\n    font-family: 'JetBrains Mono', monospace; font-size: 12px; letter-spacing: .5em;\r\n    color: var(--accent); text-transform: uppercase; margin-bottom: 32px;\r\n    display: inline-flex; align-items: center; gap: 16px; justify-content: center;\r\n    opacity: 0; animation: as-rise 1.2s cubic-bezier(0.16, 1, 0.3, 1) .4s forwards;\r\n    text-shadow: 0 0 12px rgba(201,255,46,0.4);\r\n  }\r\n  .as-hero-tag::before, .as-hero-tag::after { content: ''; width: 48px; height: 1px; background: var(--accent); opacity: .6; box-shadow: 0 0 5px var(--accent); }\r\n  .as-hero h1 {\r\n    font-size: clamp(48px, 9.5vw, 150px); font-weight: 400; letter-spacing: -.04em;\r\n    line-height: .9; text-transform: uppercase; margin-bottom: 40px;\r\n  }\r\n  .as-hero h1 .word { display: inline-block; overflow: hidden; vertical-align: bottom; padding-bottom: 8px; }\r\n  .as-hero h1 .word span {\r\n    display: inline-block; transform: translateY(110%);\r\n    animation: as-word 1.4s cubic-bezier(0.16, 1, 0.3, 1) forwards;\r\n  }\r\n  .as-hero h1 .w1 span { animation-delay: .5s; }\r\n  .as-hero h1 .w2 span { animation-delay: .65s; }\r\n  .as-hero h1 .w3 span { animation-delay: .8s; font-style: italic; font-weight: 300; color: transparent; -webkit-text-stroke: 2px var(--accent); text-shadow: 0 0 30px rgba(201,255,46,0.15); }\r\n  @keyframes as-word { to { transform: translateY(0); } }\r\n\r\n  .as-hero p {\r\n    max-width: 600px; margin: 0 auto 50px; font-size: 16px; color: #c4c4c4; line-height: 1.7;\r\n    opacity: 0; animation: as-rise 1s cubic-bezier(0.16, 1, 0.3, 1) 1s forwards;\r\n  }\r\n  .as-hero-actions { display: flex; justify-content: center; align-items: center; gap: 12px; flex-wrap: wrap; opacity: 0; animation: as-rise 1s cubic-bezier(0.16, 1, 0.3, 1) 1.1s forwards; }\r\n  \r\n  .as-ca {\r\n    display: inline-flex; align-items: center; gap: 14px; padding: 12px 20px;\r\n    border: 1px solid rgba(255,255,255,0.15); background: rgba(0,0,0,0.4);\r\n    backdrop-filter: blur(12px); font-family: 'JetBrains Mono', monospace;\r\n    font-size: 12px; border-radius: 4px; transition: all .3s cubic-bezier(0.16, 1, 0.3, 1);\r\n    color: var(--fg); box-shadow: inset 0 0 20px rgba(255,255,255,0.02);\r\n  }\r\n  .as-ca:hover { border-color: var(--accent); color: var(--accent); background: rgba(201,255,46,0.05); transform: translateY(-2px); box-shadow: 0 10px 30px rgba(201,255,46,0.1); }\r\n  .as-ca .lbl { font-size: 10px; letter-spacing: .25em; color: var(--accent); padding-right: 14px; border-right: 1px solid rgba(255,255,255,0.15); }\r\n  .as-ca .val { overflow: hidden; text-overflow: ellipsis; max-width: 340px; }\r\n  .as-icon-btn {\r\n    width: 42px; height: 42px; padding: 0; display: inline-flex; align-items: center; justify-content: center;\r\n    border: 1px solid rgba(255,255,255,0.15); background: rgba(0,0,0,0.4); backdrop-filter: blur(12px);\r\n    border-radius: 4px; transition: all .3s cubic-bezier(0.16, 1, 0.3, 1); color: var(--fg);\r\n  }\r\n  .as-icon-btn:hover { border-color: var(--accent); color: #000; background: var(--accent); transform: translateY(-2px); box-shadow: 0 10px 20px rgba(201,255,46,0.2); }\r\n  .as-icon-btn svg { width: 16px; height: 16px; }\r\n\r\n  @keyframes as-rise { from { opacity: 0; transform: translateY(30px) scale(0.98); } to { opacity: 1; transform: translateY(0) scale(1); } }\r\n\r\n  \/* =================== SECTIONS & TYPOGRAPHY =================== *\/\r\n  .as-section { padding: 160px 0; position: relative; }\r\n  .as-eyebrow {\r\n    display: inline-flex; align-items: center; gap: 12px; font-family: 'JetBrains Mono', monospace;\r\n    font-size: 11px; letter-spacing: .4em; color: var(--accent); text-transform: uppercase;\r\n    margin-bottom: 24px; text-shadow: 0 0 15px rgba(201,255,46,0.3);\r\n  }\r\n  .as-eyebrow::before { content: ''; width: 30px; height: 1px; background: var(--accent); box-shadow: 0 0 5px var(--accent); }\r\n  .as-h2 {\r\n    font-size: clamp(38px, 6vw, 84px); font-weight: 400; letter-spacing: -.03em;\r\n    line-height: .95; text-transform: uppercase; margin-bottom: 36px;\r\n  }\r\n  .as-h2 em { font-style: italic; font-weight: 300; color: transparent; -webkit-text-stroke: 1px var(--accent); text-shadow: 0 0 20px rgba(201,255,46,0.2); }\r\n  .as-text { font-size: 16px; color: #b0b0b0; line-height: 1.8; max-width: 680px; }\r\n\r\n  \/* =================== ABOUT =================== *\/\r\n  .as-about { text-align: center; }\r\n  .as-about-img {\r\n    width: 200px; height: 200px; margin: 0 auto 40px; border-radius: 50%; overflow: hidden;\r\n    border: 1px solid rgba(255,255,255,0.1); position: relative;\r\n    box-shadow: 0 0 0 12px rgba(255,255,255,.01), 0 0 100px rgba(201,255,46,.15);\r\n    transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);\r\n  }\r\n  .as-about-img:hover { transform: scale(1.05); box-shadow: 0 0 0 12px rgba(255,255,255,.02), 0 0 120px rgba(201,255,46,.25); }\r\n  .as-about-img::after {\r\n    content: ''; position: absolute; inset: 0; border-radius: 50%;\r\n    border: 1px dashed rgba(201,255,46,.5); animation: as-spin 25s linear infinite;\r\n  }\r\n  @keyframes as-spin { to { transform: rotate(360deg); } }\r\n  .as-about-img img { width: 100%; height: 100%; object-fit: cover; filter: contrast(1.1) brightness(0.9); }\r\n  .as-about .as-text { margin: 0 auto; }\r\n\r\n  \/* =================== THESIS =================== *\/\r\n  .as-thesis { position: relative; overflow: hidden; background: transparent; }\r\n  .as-thesis-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center; }\r\n  \r\n  .as-thesis-left { position: relative; display: flex; align-items: center; justify-content: center; }\r\n  .as-thesis-left svg {\r\n    width: 100%; max-width: 600px; height: auto; opacity: .9;\r\n    filter: drop-shadow(0 0 30px rgba(201,255,46,0.15));\r\n  }\r\n  .gr-rect { fill: none; stroke: rgba(255,255,255,.1); stroke-width: 1; vector-effect: non-scaling-stroke; }\r\n  .gr-rect.lg { stroke: rgba(255,255,255,.3); stroke-width: 1.5; }\r\n  .gr-spiral {\r\n    fill: none; stroke: var(--accent); stroke-width: 0.5; vector-effect: non-scaling-stroke;\r\n    stroke-linecap: round; filter: drop-shadow(0 0 8px rgba(201,255,46,.7));\r\n    stroke-dasharray: 10; stroke-dashoffset: 40;\r\n    animation: gr-draw 6s cubic-bezier(0.4, 0, 0.2, 1) forwards infinite alternate;\r\n  }\r\n  @keyframes gr-draw { 0% { stroke-dashoffset: 80; } 100% { stroke-dashoffset: 0; } }\r\n  .gr-dot { fill: var(--accent); filter: drop-shadow(0 0 10px var(--accent)); }\r\n  .gr-dot-pulse { animation: gr-pulse 2s ease-in-out infinite; transform-origin: center; transform-box: fill-box; }\r\n  @keyframes gr-pulse { 0%,100% { transform: scale(1); opacity:.6; } 50% { transform: scale(1.8); opacity:1; } }\r\n\r\n  .as-thesis-right { text-align: left; }\r\n  .as-thesis-right .as-text { margin: 0; }\r\n  .as-thesis-stats { display: flex; gap: 48px; margin-top: 56px; flex-wrap: wrap; font-family: 'JetBrains Mono', monospace; justify-content: flex-start; }\r\n  .as-stat { text-align: left; }\r\n  .as-stat-v { font-size: 28px; color: var(--accent); font-weight: 500; letter-spacing: .02em; text-shadow: 0 0 20px rgba(201,255,46,0.3); }\r\n  .as-stat-l { font-size: 10px; letter-spacing: .3em; color: var(--dim); text-transform: uppercase; margin-top: 8px; }\r\n\r\n  @media (max-width: 960px) {\r\n    .as-thesis-grid { grid-template-columns: 1fr; text-align: center; gap: 40px; }\r\n    .as-thesis-right { text-align: center; }\r\n    .as-thesis-right .as-eyebrow { justify-content: center; }\r\n    .as-thesis-right .as-text { margin: 0 auto; }\r\n    .as-thesis-stats { justify-content: center; text-align: center; }\r\n    .as-stat { text-align: center; }\r\n  }\r\n\r\n  \/* =================== TOKENOMICS =================== *\/\r\n  .as-tk-card {\r\n    position: relative; border: 1px solid rgba(255,255,255,0.08); border-radius: 8px;\r\n    padding: 70px; overflow: hidden; background: rgba(5,5,5,0.6); backdrop-filter: blur(20px);\r\n    box-shadow: 0 40px 100px -20px rgba(0,0,0,0.8), inset 0 0 0 1px rgba(255,255,255,0.02);\r\n  }\r\n  .as-tk-card::before {\r\n    content: ''; position: absolute; inset: 0;\r\n    background-image: url('https:\/\/ansome.xyz\/wp-content\/uploads\/2026\/06\/Asset-6.png');\r\n    background-size: cover; background-position: center; opacity: .2; z-index: 0; filter: contrast(1.2) grayscale(0.5);\r\n  }\r\n  .as-tk-card::after {\r\n    content: ''; position: absolute; inset: 0;\r\n    background: linear-gradient(135deg, rgba(0,0,0,.95) 0%, rgba(0,0,0,.6) 50%, rgba(0,0,0,.9) 100%),\r\n                radial-gradient(ellipse at 80% 20%, rgba(201,255,46,.1) 0%, transparent 60%); z-index: 1;\r\n  }\r\n  .as-tk-grid { position: relative; z-index: 2; display: grid; grid-template-columns: 1fr 1.3fr; gap: 80px; align-items: center; }\r\n  .as-tk-left .as-h2 { margin-bottom: 24px; }\r\n  .as-tk-points { display: grid; gap: 16px; }\r\n  .as-tk-point {\r\n    border: 1px solid rgba(255,255,255,0.05); background: rgba(0,0,0,.6); backdrop-filter: blur(10px);\r\n    padding: 28px 32px; border-radius: 6px; transition: all .4s cubic-bezier(0.16, 1, 0.3, 1);\r\n    display: grid; grid-template-columns: auto 1fr; gap: 24px; align-items: flex-start;\r\n  }\r\n  .as-tk-point:hover {\r\n    border-color: rgba(201,255,46,0.3); transform: translateX(10px); background: rgba(201,255,46,.03);\r\n    box-shadow: -10px 10px 30px rgba(0,0,0,0.5), inset 0 0 20px rgba(201,255,46,0.02);\r\n  }\r\n  .as-tk-no {\r\n    font-family: 'JetBrains Mono', monospace; font-size: 11px; color: var(--accent); letter-spacing: .25em;\r\n    border: 1px solid rgba(201,255,46,0.3); padding: 8px 12px; border-radius: 4px; background: rgba(201,255,46,0.05);\r\n  }\r\n  .as-tk-t { font-weight: 600; font-size: 16px; text-transform: uppercase; letter-spacing: .05em; margin-bottom: 8px; color: #fff; }\r\n  .as-tk-d { font-size: 14px; color: var(--dim); line-height: 1.6; }\r\n\r\n  @media (max-width: 960px) {\r\n    .as-tk-card { padding: 40px 24px; }\r\n    .as-tk-grid { grid-template-columns: 1fr; gap: 50px; }\r\n  }\r\n\r\n  \/* =================== ROADMAP =================== *\/\r\n  .as-rm-head { text-align: center; max-width: 800px; margin: 0 auto 90px; }\r\n  .as-rm { position: relative; display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; }\r\n  .as-rm-line { position: absolute; top: 14px; left: 0; right: 0; height: 1px; background: rgba(255,255,255,0.08); }\r\n  .as-rm-line::after {\r\n    content: ''; position: absolute; top: 0; left: 0; height: 100%; width: 0;\r\n    background: var(--accent); box-shadow: 0 0 15px var(--accent); transition: width 2.5s cubic-bezier(0.16, 1, 0.3, 1);\r\n  }\r\n  .as-rm.in .as-rm-line::after { width: 100%; }\r\n\r\n  .as-phase { position: relative; padding: 0 24px; padding-top: 60px; transition: transform 0.4s ease; }\r\n  .as-phase:hover { transform: translateY(-5px); }\r\n  .as-phase + .as-phase { border-left: 1px dashed rgba(255,255,255,0.08); }\r\n  .as-phase-node {\r\n    position: absolute; top: 0; left: 24px; width: 30px; height: 30px; border-radius: 50%;\r\n    background: #000; border: 1px solid rgba(255,255,255,0.15);\r\n    display: flex; align-items: center; justify-content: center; transition: all .5s ease;\r\n  }\r\n  .as-phase-node::after { content: ''; width: 10px; height: 10px; border-radius: 50%; background: var(--dim-2); transition: all .5s ease; }\r\n  \r\n  .as-rm.in .as-phase:nth-child(2) .as-phase-node { transition-delay: 0.2s; }\r\n  .as-rm.in .as-phase:nth-child(3) .as-phase-node { transition-delay: 0.6s; }\r\n  .as-rm.in .as-phase:nth-child(4) .as-phase-node { transition-delay: 1.0s; }\r\n  .as-rm.in .as-phase:nth-child(5) .as-phase-node { transition-delay: 1.4s; }\r\n\r\n  .as-rm.in .as-phase-node { border-color: rgba(201,255,46,0.5); background: rgba(201,255,46,0.05); }\r\n  .as-rm.in .as-phase-node::after { background: var(--accent); box-shadow: 0 0 12px var(--accent); animation: as-blink 2s infinite alternate; }\r\n  @keyframes as-blink { 0% { opacity: 0.5; transform: scale(0.8); } 100% { opacity: 1; transform: scale(1.1); } }\r\n\r\n  .as-phase-meta { font-family: 'JetBrains Mono', monospace; font-size: 11px; letter-spacing: .3em; color: var(--accent); text-transform: uppercase; margin-bottom: 18px; opacity: 0.8;}\r\n  .as-phase-t { font-size: 22px; font-weight: 500; text-transform: uppercase; letter-spacing: .02em; margin-bottom: 16px; line-height: 1.15; min-height: 50px; color: #fff; }\r\n  .as-phase-d { font-size: 14px; color: var(--dim); line-height: 1.7; }\r\n  .as-phase-status {\r\n    margin-top: 24px; font-family: 'JetBrains Mono', monospace; font-size: 10px; letter-spacing: .3em;\r\n    text-transform: uppercase; color: var(--dim); display: inline-flex; align-items: center; gap: 10px;\r\n    padding: 6px 12px; background: rgba(255,255,255,0.02); border-radius: 4px; border: 1px solid rgba(255,255,255,0.05);\r\n  }\r\n  .as-phase-status .d { width: 8px; height: 8px; border-radius: 50%; background: var(--dim-2); }\r\n  .as-phase[data-status=\"live\"] .as-phase-status { color: var(--accent); border-color: rgba(201,255,46,0.2); background: rgba(201,255,46,0.05); }\r\n  .as-phase[data-status=\"live\"] .as-phase-status .d { background: var(--accent); box-shadow: 0 0 10px var(--accent); }\r\n\r\n  @media (max-width: 980px) {\r\n    .as-rm { grid-template-columns: repeat(2, 1fr); }\r\n    .as-phase { padding-top: 40px; margin-bottom: 40px; }\r\n    .as-rm-line { display: none; }\r\n    .as-phase + .as-phase { border-left: 0; }\r\n  }\r\n  @media (max-width: 560px) { .as-rm { grid-template-columns: 1fr; } }\r\n\r\n  \/* =================== FOOTER =================== *\/\r\n  .as-footer { border-top: 1px solid var(--line); padding: 120px 0 40px; background: #000; position: relative; overflow: hidden; }\r\n  .as-footer-mark {\r\n    text-align: center; font-size: clamp(50px, 15vw, 240px); font-weight: 400; line-height: 1;\r\n    letter-spacing: -.03em; text-transform: uppercase; color: transparent;\r\n    -webkit-text-stroke: 1px rgba(255,255,255,.05); margin-bottom: 80px; transition: all 0.5s ease;\r\n  }\r\n  .as-footer-mark:hover { -webkit-text-stroke: 1px rgba(201,255,46,.3); text-shadow: 0 0 40px rgba(201,255,46,0.05); }\r\n  .as-footer-mark em { font-style: italic; font-weight: 300; color: transparent; -webkit-text-stroke: 1px rgba(201,255,46,0.6); }\r\n  .as-footer-grid { display: grid; grid-template-columns: 1.8fr 1fr 1fr 1fr; gap: 60px; margin-bottom: 70px; }\r\n  .as-footer h4 { font-size: 11px; letter-spacing: .3em; text-transform: uppercase; color: var(--accent); margin-bottom: 24px; font-weight: 600; font-family: 'JetBrains Mono', monospace; }\r\n  .as-footer ul { list-style: none; display: grid; gap: 16px; }\r\n  .as-footer ul a { font-size: 14px; color: var(--dim); transition: all .3s ease; display: inline-block; }\r\n  .as-footer ul a:hover { color: #fff; transform: translateX(5px); }\r\n  .as-footer-brand p { font-size: 14px; color: var(--dim); max-width: 340px; margin-top: 20px; line-height: 1.7; }\r\n  .as-footer-bottom {\r\n    border-top: 1px solid rgba(255,255,255,0.05); padding-top: 32px; display: flex; justify-content: space-between; align-items: center;\r\n    font-family: 'JetBrains Mono', monospace; font-size: 11px; color: var(--dim-2); letter-spacing: .2em; text-transform: uppercase; flex-wrap: wrap; gap: 20px;\r\n  }\r\n  .as-footer-socials { display: flex; gap: 12px; }\r\n  @media (max-width: 880px) { .as-footer-grid { grid-template-columns: 1fr 1fr; gap: 40px; } }\r\n  @media (max-width: 500px) { .as-footer-grid { grid-template-columns: 1fr; } }\r\n\r\n  \/* =================== REVEAL (Enhanced) =================== *\/\r\n  .as-reveal { opacity: 0; transform: translateY(50px) scale(0.97); filter: blur(5px); transition: opacity 1.2s cubic-bezier(0.16, 1, 0.3, 1), transform 1.2s cubic-bezier(0.16, 1, 0.3, 1), filter 1.2s ease; }\r\n  .as-reveal.in { opacity: 1; transform: translateY(0) scale(1); filter: blur(0); }\r\n\r\n<\/style>\r\n\r\n<div class=\"as-root\">\r\n  <div class=\"as-loader\" id=\"asLoader\">\r\n    <video class=\"as-loader-video\" autoplay muted playsinline loop>\r\n      <source src=\"https:\/\/ansome.xyz\/wp-content\/uploads\/2026\/06\/ANSOME-LOADING-SCREEN.mp4\" type=\"video\/mp4\">\r\n    <\/video>\r\n    <div class=\"as-loader-overlay\"><\/div>\r\n    <div class=\"as-loader-frame\">\r\n      <div class=\"as-loader-top\">\r\n        <span>SYS \u00b7 ANSOME \/\/ v2.0<\/span>\r\n        <span>SOL \u00b7 MAINNET<\/span>\r\n      <\/div>\r\n      <div class=\"as-loader-center\">\r\n        <div class=\"as-loader-sub\">\/\/ Synchronizing<\/div>\r\n        <div class=\"as-loader-mark\">The <span>Aesthetic<\/span> Layer<\/div>\r\n        <div class=\"as-loader-sub\" style=\"color:var(--dim);\">Compiling on-chain truth<\/div>\r\n      <\/div>\r\n      <div class=\"as-loader-bot\">\r\n        <div class=\"as-progress-wrap\">\r\n          <div class=\"as-progress-labels\">\r\n            <span id=\"asPct\" style=\"color:var(--accent);\">000%<\/span>\r\n            <span id=\"asStage\">BOOT \u00b7 KERNEL<\/span>\r\n            <span>ANSOME \/ CORE<\/span>\r\n          <\/div>\r\n          <div class=\"as-progress\"><div class=\"as-progress-bar\" id=\"asBar\"><\/div><\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <nav class=\"as-nav\">\r\n    <div class=\"as-nav-inner\">\r\n      <a href=\"#\" class=\"as-logo\"><span class=\"as-logo-mark\"><\/span>The Green Bull<\/a>\r\n      <div class=\"as-navlinks\">\r\n        <a href=\"#about\">About<\/a>\r\n        <a href=\"#thesis\">Thesis<\/a>\r\n        <a href=\"#tokenomics\">Tokenomics<\/a>\r\n        <a href=\"#roadmap\">Roadmap<\/a>\r\n      <\/div>\r\n      <div class=\"as-nav-right\">\r\n        <a href=\"#\" class=\"as-btn\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M3 12h18M3 6h18M3 18h18\"\/><\/svg>\r\n          Dexscreener\r\n        <\/a>\r\n        <a href=\"#\" class=\"as-btn as-btn-primary\">\r\n          Swap Now\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M13 5l7 7-7 7\"\/><\/svg>\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/nav>\r\n\r\n  <section class=\"as-hero\">\r\n    <video class=\"as-hero-video\" autoplay muted loop playsinline>\r\n      <source src=\"https:\/\/ansome.xyz\/wp-content\/uploads\/2026\/06\/ANSOME-BG1.mp4\" type=\"video\/mp4\">\r\n    <\/video>\r\n    <div class=\"as-hero-overlay\"><\/div>\r\n    <div class=\"as-hero-scan\"><\/div>\r\n    \r\n    <div class=\"as-hero-frame\">\r\n      <span class=\"corner tl\"><\/span><span class=\"corner tr\"><\/span>\r\n      <span class=\"corner bl\"><\/span><span class=\"corner br\"><\/span>\r\n      <div class=\"as-hero-meta-left\">LAT \u00b7 0x90 \u00b7 LON \u00b7 7F4C<\/div>\r\n      <div class=\"as-hero-meta\">\r\n        <span>FRAME \u00b7 001<\/span>\r\n        <span>SOLANA \/ MAINNET<\/span>\r\n        <span>REC \u25cf<\/span>\r\n      <\/div>\r\n    <\/div>\r\n    \r\n    <div class=\"as-hero-inner\">\r\n      <div class=\"as-hero-tag\">$ANSOME \u00b7 The Aesthetic Layer<\/div>\r\n      <h1>\r\n        <span class=\"word w1\"><span>The<\/span><\/span>\r\n        <span class=\"word w2\"><span>Aesthetic<\/span><\/span><br>\r\n        <span class=\"word w3\"><span>Layer.<\/span><\/span>\r\n      <\/h1>\r\n      <p>Turn raw culture into immaculately chiseled, community-owned liquidity. $ANSOME is the flagship protocol token for what's next.<\/p>\r\n      <div class=\"as-hero-actions\">\r\n        <button class=\"as-ca\" id=\"asCaBtn\" type=\"button\" title=\"Copy contract address\">\r\n          <span class=\"lbl\">CA<\/span>\r\n          <span class=\"val\" id=\"asCa\">7xKXtg2CW87d97TXJSDpbD5jBkheTqA83TZRuJosgAsU<\/span>\r\n          <svg class=\"ic\" viewBox=\"0 0 24 24\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\"><rect x=\"9\" y=\"9\" width=\"11\" height=\"11\" rx=\"2\"\/><path d=\"M5 15V5a2 2 0 0 1 2-2h10\"\/><\/svg>\r\n        <\/button>\r\n        <a href=\"#\" class=\"as-icon-btn\" aria-label=\"Twitter\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><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\"\/><\/svg>\r\n        <\/a>\r\n        <a href=\"#\" class=\"as-icon-btn\" aria-label=\"Telegram\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M21.5 4.5L2.5 12.05c-1.3.5-1.3 1.25-.24 1.57l4.86 1.52 1.88 5.77c.23.64.41.88 1.04.88.49 0 .7-.22.97-.49l2.34-2.28 4.87 3.6c.9.49 1.54.24 1.76-.83l3.18-14.99c.32-1.31-.5-1.9-1.36-1.51z\"\/><\/svg>\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <section class=\"as-section as-about as-container as-reveal\" id=\"about\">\r\n    <div class=\"as-about-img\">\r\n      <img decoding=\"async\" src=\"https:\/\/ansome.xyz\/wp-content\/uploads\/2026\/06\/ANSOMEASSET1-ezgif.com-video-to-gif-converter.gif\" alt=\"Ansome\">\r\n    <\/div>\r\n    <div class=\"as-eyebrow\">01 \u00b7 Identity<\/div>\r\n    <h2 class=\"as-h2\">The Handsome<br><em>Syndicate<\/em> Is Live<\/h2>\r\n    <p class=\"as-text\">We aren't here to chase another fleeting meta. We're here to give it a jawline. ANSOME turns raw on-chain momentum into institutional-grade, community-backed liquidity. No VC handouts, no insider unlocks, no silent allocations \u2014 just a collective of delusional bulls who decided that if we're going to hold the line through the dips, we're going to look immaculate doing it. This is decentralized finance, re-architected with pure alpha energy.<\/p>\r\n  <\/section>\r\n\r\n  <section class=\"as-section as-thesis as-reveal\" id=\"thesis\">\r\n    <div class=\"as-container as-thesis-grid\">\r\n      <div class=\"as-thesis-left\" aria-hidden=\"true\">\r\n        <svg viewBox=\"-1 -1 23 15\" preserveAspectRatio=\"xMidYMid meet\">\r\n          <rect class=\"gr-rect lg\" x=\"0\" y=\"0\" width=\"21\" height=\"13\"\/>\r\n          <rect class=\"gr-rect\" x=\"0\" y=\"0\" width=\"13\" height=\"13\"\/>\r\n          <rect class=\"gr-rect\" x=\"13\" y=\"0\" width=\"8\" height=\"8\"\/>\r\n          <rect class=\"gr-rect\" x=\"13\" y=\"8\" width=\"8\" height=\"5\"\/>\r\n          <rect class=\"gr-rect\" x=\"16\" y=\"8\" width=\"5\" height=\"5\"\/>\r\n          <rect class=\"gr-rect\" x=\"13\" y=\"8\" width=\"3\" height=\"5\"\/>\r\n          <rect class=\"gr-rect\" x=\"13\" y=\"10\" width=\"3\" height=\"3\"\/>\r\n          <rect class=\"gr-rect\" x=\"13\" y=\"8\" width=\"3\" height=\"2\"\/>\r\n          <rect class=\"gr-rect\" x=\"13\" y=\"8\" width=\"2\" height=\"2\"\/>\r\n          <rect class=\"gr-rect\" x=\"15\" y=\"8\" width=\"1\" height=\"1\"\/>\r\n          <rect class=\"gr-rect\" x=\"15\" y=\"9\" width=\"1\" height=\"1\"\/>\r\n          <path class=\"gr-spiral\"\r\n            d=\"M 0 13 A 13 13 0 0 0 13 0 A 8 8 0 0 0 21 8 A 5 5 0 0 0 16 13 A 3 3 0 0 0 13 10 A 2 2 0 0 0 15 8 A 1 1 0 0 0 16 9 A 1 1 0 0 0 15 10\"\/>\r\n          <circle class=\"gr-dot gr-dot-pulse\" cx=\"15.5\" cy=\"9.5\" r=\".3\"\/>\r\n          <circle class=\"gr-dot\" cx=\"0\" cy=\"13\" r=\".2\"\/>\r\n        <\/svg>\r\n      <\/div>\r\n      <div class=\"as-thesis-right\">\r\n        <div class=\"as-eyebrow\">02 \u00b7 Verifiable Math<\/div>\r\n        <h2 class=\"as-h2\">The Golden<br>Ratio <em>Thesis<\/em><\/h2>\r\n        <p class=\"as-text\">Symmetry is everything. The entire architecture of $ANSOME is checkable live on Solana. While the rest of the timeline gets blinded by noise and red candles, the herd focuses on the math. We anchor the project to a public, verifiable supply trail, redirecting transaction fees straight into the ecosystem's core. We do not gamble on promises; we build infrastructure around pure cultural conviction.<\/p>\r\n        <div class=\"as-thesis-stats\">\r\n          <div class=\"as-stat\"><div class=\"as-stat-v\">1.618<\/div><div class=\"as-stat-l\">Phi \u00b7 ratio<\/div><\/div>\r\n          <div class=\"as-stat\"><div class=\"as-stat-v\">100%<\/div><div class=\"as-stat-l\">On-chain<\/div><\/div>\r\n          <div class=\"as-stat\"><div class=\"as-stat-v\">20%<\/div><div class=\"as-stat-l\">Flywheel cut<\/div><\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <section class=\"as-section as-container as-reveal\" id=\"tokenomics\">\r\n    <div class=\"as-tk-card\">\r\n      <div class=\"as-tk-grid\">\r\n        <div class=\"as-tk-left\">\r\n          <div class=\"as-eyebrow\">03 \u00b7 Tokenomics<\/div>\r\n          <h2 class=\"as-h2\">Pure On-Chain<br><em>Muscle.<\/em><\/h2>\r\n          <p class=\"as-text\" style=\"font-size:15px; color:#d0d0d0;\">No infinite emissions. No hyper-inflationary reward tokens. Just a lean, value-accruing engine fueled by real volume.<\/p>\r\n        <\/div>\r\n        <div class=\"as-tk-points\">\r\n          <div class=\"as-tk-point\">\r\n            <span class=\"as-tk-no\">01<\/span>\r\n            <div>\r\n              <div class=\"as-tk-t\">The Ecosystem Vaults<\/div>\r\n              <div class=\"as-tk-d\">Community liquidity compounds protocol-owned treasury depth.<\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"as-tk-point\">\r\n            <span class=\"as-tk-no\">02<\/span>\r\n            <div>\r\n              <div class=\"as-tk-t\">Real Yield, No Fluff<\/div>\r\n              <div class=\"as-tk-d\">Swap volume across our verified pools generates hard, on-chain trading fees.<\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"as-tk-point\">\r\n            <span class=\"as-tk-no\">03<\/span>\r\n            <div>\r\n              <div class=\"as-tk-t\">The Flywheel Cut<\/div>\r\n              <div class=\"as-tk-d\">A 20% protocol fee on each harvest routes back to the ecosystem \u2014 split between strategic marketing and open-market $ANSOME buybacks.<\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <section class=\"as-section as-container as-reveal\" id=\"roadmap\">\r\n    <div class=\"as-rm-head\">\r\n      <div class=\"as-eyebrow\" style=\"justify-content:center\">04 \u00b7 Trajectory<\/div>\r\n      <h2 class=\"as-h2\">The Chiseled<br>Path <em>Forward.<\/em><\/h2>\r\n    <\/div>\r\n    <div class=\"as-rm\" id=\"asRm\">\r\n      <div class=\"as-rm-line\"><\/div>\r\n      <div class=\"as-phase\" data-status=\"live\">\r\n        <div class=\"as-phase-node\"><\/div>\r\n        <div class=\"as-phase-meta\">PH \u00b7 01 \/ TAKEOVER<\/div>\r\n        <div class=\"as-phase-t\">The Takeover<\/div>\r\n        <div class=\"as-phase-d\">Community alignment and brand ignition. The contract address is deployed, verified, and locked. The timeline belongs to the herd.<\/div>\r\n        <div class=\"as-phase-status\"><span class=\"d\"><\/span>Live<\/div>\r\n      <\/div>\r\n      <div class=\"as-phase\">\r\n        <div class=\"as-phase-node\"><\/div>\r\n        <div class=\"as-phase-meta\">PH \u00b7 02 \/ VAULTS<\/div>\r\n        <div class=\"as-phase-t\">Chad Vaults<\/div>\r\n        <div class=\"as-phase-d\">Going live on mainnet. Non-custodial, on-page liquidity routing for $ANSOME\/SOL and stable pairs. You sign every transaction; you own your depth.<\/div>\r\n        <div class=\"as-phase-status\"><span class=\"d\"><\/span>In Progress<\/div>\r\n      <\/div>\r\n      <div class=\"as-phase\">\r\n        <div class=\"as-phase-node\"><\/div>\r\n        <div class=\"as-phase-meta\">PH \u00b7 03 \/ VOLUME<\/div>\r\n        <div class=\"as-phase-t\">Prove The Volume<\/div>\r\n        <div class=\"as-phase-d\">Seeding the protocol-owned liquidity treasury. Live dashboards for volume, fee accumulation, and buyback execution. Proof of flywheel before the hype.<\/div>\r\n        <div class=\"as-phase-status\"><span class=\"d\"><\/span>Queued<\/div>\r\n      <\/div>\r\n      <div class=\"as-phase\">\r\n        <div class=\"as-phase-node\"><\/div>\r\n        <div class=\"as-phase-meta\">PH \u00b7 04 \/ ENGINE<\/div>\r\n        <div class=\"as-phase-t\">The Index Engine<\/div>\r\n        <div class=\"as-phase-d\">The ultimate deployment. Stake $ANSOME, mint the fully-backed index share, and claim your pro-rata slice of the accumulated ecosystem basket.<\/div>\r\n        <div class=\"as-phase-status\"><span class=\"d\"><\/span>Horizon<\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <footer class=\"as-footer\">\r\n    <div class=\"as-container\">\r\n      <div class=\"as-footer-mark\">Ansome<\/div>\r\n      <div class=\"as-footer-grid\">\r\n        <div class=\"as-footer-brand\">\r\n          <div class=\"as-logo\"><span class=\"as-logo-mark\"><\/span>The Green Bull<\/div>\r\n          <p>The aesthetic layer for decentralized finance. Community-owned liquidity, verifiable on Solana \u2014 built for the herd that holds the line.<\/p>\r\n        <\/div>\r\n        <div>\r\n          <h4>Protocol<\/h4>\r\n          <ul>\r\n            <li><a href=\"#about\">About<\/a><\/li>\r\n            <li><a href=\"#thesis\">Thesis<\/a><\/li>\r\n            <li><a href=\"#tokenomics\">Tokenomics<\/a><\/li>\r\n            <li><a href=\"#roadmap\">Roadmap<\/a><\/li>\r\n          <\/ul>\r\n        <\/div>\r\n        <div>\r\n          <h4>Trade<\/h4>\r\n          <ul>\r\n            <li><a href=\"#\">Dexscreener<\/a><\/li>\r\n            <li><a href=\"#\">Jupiter<\/a><\/li>\r\n            <li><a href=\"#\">Raydium<\/a><\/li>\r\n            <li><a href=\"#\">Solscan<\/a><\/li>\r\n          <\/ul>\r\n        <\/div>\r\n        <div>\r\n          <h4>Community<\/h4>\r\n          <ul>\r\n            <li><a href=\"#\">Twitter \/ X<\/a><\/li>\r\n            <li><a href=\"#\">Telegram<\/a><\/li>\r\n            <li><a href=\"#\">Discord<\/a><\/li>\r\n            <li><a href=\"#\">Docs<\/a><\/li>\r\n          <\/ul>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"as-footer-bottom\">\r\n        <div>\u00a9 2026 \u00b7 ANSOME \u00b7 The Aesthetic Layer<\/div>\r\n        <div>CA \u00b7 7xKX...gAsU<\/div>\r\n        <div class=\"as-footer-socials\">\r\n          <a href=\"#\" class=\"as-icon-btn\" aria-label=\"Twitter\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><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\"\/><\/svg>\r\n          <\/a>\r\n          <a href=\"#\" class=\"as-icon-btn\" aria-label=\"Telegram\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M21.5 4.5L2.5 12.05c-1.3.5-1.3 1.25-.24 1.57l4.86 1.52 1.88 5.77c.23.64.41.88 1.04.88.49 0 .7-.22.97-.49l2.34-2.28 4.87 3.6c.9.49 1.54.24 1.76-.83l3.18-14.99c.32-1.31-.5-1.9-1.36-1.51z\"\/><\/svg>\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/footer>\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\n  \/\/ ============ LOADER ============\r\n  var loader = document.getElementById('asLoader');\r\n  var pct = document.getElementById('asPct');\r\n  var bar = document.getElementById('asBar');\r\n  var stage = document.getElementById('asStage');\r\n  var stages = ['BOOT \u00b7 KERNEL', 'LINK \u00b7 SOLANA', 'SYNC \u00b7 LIQUIDITY', 'COMPILE \u00b7 UI', 'READY'];\r\n  var p = 0;\r\n  var iv = setInterval(function(){\r\n    p += Math.random() * 8 + 3;\r\n    if (p >= 100) { p = 100; clearInterval(iv); setTimeout(hide, 600); }\r\n    pct.textContent = String(Math.floor(p)).padStart(3,'0') + '%';\r\n    bar.style.width = p + '%';\r\n    stage.textContent = stages[Math.min(stages.length-1, Math.floor(p\/22))];\r\n  }, 70);\r\n  function hide(){\r\n    loader.classList.add('hide');\r\n    setTimeout(function(){ loader.style.display='none'; }, 1000);\r\n  }\r\n  window.addEventListener('load', function(){\r\n    setTimeout(function(){\r\n      if (p < 100) { p = 100; pct.textContent='100%'; bar.style.width='100%'; clearInterval(iv); hide(); }\r\n    }, 1500);\r\n  });\r\n\r\n  \/\/ ============ COPY CA ============\r\n  var caBtn = document.getElementById('asCaBtn');\r\n  var caEl = document.getElementById('asCa');\r\n  caBtn.addEventListener('click', function(){\r\n    var t = caEl.textContent.trim();\r\n    if(t === 'COPIED \u2713') return;\r\n    var orig = t;\r\n    if (navigator.clipboard) {\r\n      navigator.clipboard.writeText(t).then(function(){\r\n        caEl.textContent = 'COPIED \u2713';\r\n        caBtn.style.borderColor = 'var(--accent)';\r\n        caBtn.style.color = '#000';\r\n        caBtn.style.background = 'var(--accent)';\r\n        setTimeout(function(){\r\n          caEl.textContent = orig;\r\n          caBtn.style.borderColor = '';\r\n          caBtn.style.color = '';\r\n          caBtn.style.background = '';\r\n        }, 2000);\r\n      });\r\n    }\r\n  });\r\n\r\n  \/\/ ============ REVEAL ============\r\n  var io = new IntersectionObserver(function(entries){\r\n    entries.forEach(function(e){\r\n      if (e.isIntersecting) {\r\n        e.target.classList.add('in');\r\n      }\r\n    });\r\n  }, { threshold: 0.15, rootMargin: \"0px 0px -50px 0px\" });\r\n  document.querySelectorAll('.as-reveal, .as-rm').forEach(function(el){ io.observe(el); });\r\n\r\n  \/\/ ============ SMOOTH SCROLL ============\r\n  document.querySelectorAll('.as-root a[href^=\"#\"]').forEach(function(a){\r\n    a.addEventListener('click', function(e){\r\n      var id = a.getAttribute('href');\r\n      if (id.length > 1) {\r\n        var el = document.querySelector(id);\r\n        if (el) { e.preventDefault(); el.scrollIntoView({ behavior:'smooth', block:'start' }); }\r\n      }\r\n    });\r\n  });\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<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>SYS \u00b7 ANSOME \/\/ v2.0 SOL \u00b7 MAINNET \/\/ Synchronizing The Aesthetic Layer Compiling on-chain truth 000% BOOT \u00b7 KERNEL ANSOME \/ CORE The Green Bull About Thesis Tokenomics Roadmap Dexscreener Swap Now LAT \u00b7 0x90 \u00b7 LON \u00b7 7F4C FRAME \u00b7 001 SOLANA \/ MAINNET REC \u25cf $ANSOME \u00b7 The Aesthetic Layer The Aesthetic [&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:\/\/ansome.xyz\/index.php?rest_route=\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ansome.xyz\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ansome.xyz\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ansome.xyz\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ansome.xyz\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":25,"href":"https:\/\/ansome.xyz\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":44,"href":"https:\/\/ansome.xyz\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/44"}],"wp:attachment":[{"href":"https:\/\/ansome.xyz\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}