{"id":8,"date":"2026-08-02T11:53:47","date_gmt":"2026-08-02T11:53:47","guid":{"rendered":"https:\/\/toybot.fun\/?page_id=8"},"modified":"2026-08-03T03:15:09","modified_gmt":"2026-08-03T03:15:09","slug":"elementor-8","status":"publish","type":"page","link":"https:\/\/toybot.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-8ae13e2 e-con-full e-flex e-con e-parent\" data-id=\"8ae13e2\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a710343 elementor-widget elementor-widget-html\" data-id=\"a710343\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- =========================================================\r\n     TOYBOT ($TOYBOT) \u2014 v2 \u2014 SINGLE BLOCK (HTML + CSS + JS)\r\n     Paste into an Elementor \"HTML\" widget (full width, no padding).\r\n     Replace INSERT_CONTRACT_ADDRESS_HERE (2x) and href=\"#\" links.\r\n     ========================================================= -->\r\n\r\n<div id=\"toybot-app\">\r\n\r\n  <!-- scroll progress -->\r\n  <div class=\"tb-progress\"><i id=\"tb-progress-bar\"><\/i><\/div>\r\n\r\n  <!-- floating blocks background -->\r\n  <div class=\"tb-blocks\" id=\"tb-blocks\" aria-hidden=\"true\"><\/div>\r\n\r\n  <!-- ============ HERO ============ -->\r\n  <section class=\"tb-hero\" id=\"top\">\r\n    <video class=\"tb-hero-video\" id=\"tb-hero-video\" autoplay muted loop playsinline preload=\"auto\"\r\n           src=\"https:\/\/toybot.fun\/wp-content\/uploads\/2026\/08\/TOYBOTHERO2.mp4\"><\/video>\r\n    <div class=\"tb-hero-veil\"><\/div>\r\n    <div class=\"tb-hero-grain\"><\/div>\r\n\r\n    <div class=\"tb-hero-inner\" id=\"tb-hero-inner\">\r\n      <span class=\"tb-badge tb-rise\" data-d=\"0\">\r\n        <i class=\"tb-dot\"><\/i> $TOYBOT \u00b7 Live on Solana\r\n      <\/span>\r\n\r\n      <h1 class=\"tb-h1\" id=\"tb-h1\">\r\n        <span class=\"tb-line\"><span>Meet<\/span> <span class=\"tb-grad\">ToyBot<\/span><\/span>\r\n        <span class=\"tb-line\"><span>The Happiest Robot on Solana<\/span><\/span>\r\n      <\/h1>\r\n\r\n      <p class=\"tb-hero-p tb-rise\" style=\"color:#fff\" data-d=\"260\">\r\n        Born from blocks and built for fun. Join the ToyBot Army and let's build a\r\n        colorful crypto empire together \u2014 from playroom to the moon.\r\n      <\/p>\r\n\r\n      <div class=\"tb-hero-actions tb-rise\" data-d=\"360\">\r\n        <a class=\"tb-btn tb-btn--primary tb-mag\" href=\"#\" target=\"_blank\" rel=\"noopener\">\r\n          <svg viewBox=\"0 0 24 24\" width=\"15\" height=\"15\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4Z\"\/><path d=\"M3 6h18\"\/><path d=\"M16 10a4 4 0 0 1-8 0\"\/><\/svg>\r\n          Buy $TOYBOT\r\n        <\/a>\r\n        <a class=\"tb-btn tb-btn--ghost tb-mag\" href=\"#buy\">How to buy<\/a>\r\n      <\/div>\r\n\r\n      <button class=\"tb-ca tb-rise\" data-d=\"450\" data-copy>\r\n        <span class=\"tb-ca-k\">CA<\/span>\r\n        <span class=\"tb-ca-value\">INSERT_CONTRACT_ADDRESS_HERE<\/span>\r\n        <span class=\"tb-ca-icon\" aria-hidden=\"true\">\r\n          <svg viewBox=\"0 0 24 24\" width=\"15\" height=\"15\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\"\/><path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\"\/><\/svg>\r\n        <\/span>\r\n      <\/button>\r\n\r\n      <div class=\"tb-stats tb-rise\" data-d=\"540\">\r\n        <div class=\"tb-stat\"><b data-count=\"100\" data-suffix=\"%\">0<\/b><span>Community owned<\/span><\/div>\r\n        <div class=\"tb-stat\"><b data-count=\"0\" data-suffix=\"%\">0<\/b><span>Tax<\/span><\/div>\r\n        <div class=\"tb-stat\"><b data-count=\"100\" data-suffix=\"%\">0<\/b><span>LP burned<\/span><\/div>\r\n        <div class=\"tb-stat\"><b data-count=\"24\" data-suffix=\"\/7\">0<\/b><span>Good vibes<\/span><\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <a class=\"tb-scroll-cue\" href=\"#about\" aria-label=\"Scroll down\"><i><\/i><\/a>\r\n  <\/section>\r\n\r\n  <!-- ============ MARQUEE 1 ============ -->\r\n  <div class=\"tb-marquee tb-marquee--a\">\r\n    <div class=\"tb-marquee-track\">\r\n      <!-- HALF 1 -->\r\n      <span>\u2b50\ufe0f THE HAPPIEST ROBOT ON SOLANA<\/span>\r\n      <span>\u2b50\ufe0f BORN FROM BLOCKS. BUILT FOR FUN.<\/span>\r\n      <span>\u2b50\ufe0f THE HAPPIEST ROBOT ON SOLANA<\/span>\r\n      <span>\u2b50\ufe0f BORN FROM BLOCKS. BUILT FOR FUN.<\/span>\r\n      <!-- HALF 2 (DUPLICATE UNTUK INFINITE LOOP) -->\r\n      <span>\u2b50\ufe0f THE HAPPIEST ROBOT ON SOLANA<\/span>\r\n      <span>\u2b50\ufe0f BORN FROM BLOCKS. BUILT FOR FUN.<\/span>\r\n      <span>\u2b50\ufe0f THE HAPPIEST ROBOT ON SOLANA<\/span>\r\n      <span>\u2b50\ufe0f BORN FROM BLOCKS. BUILT FOR FUN.<\/span>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- ============ ABOUT ============ -->\r\n  <section class=\"tb-section\" id=\"about\">\r\n    <div class=\"tb-glass tb-about tb-reveal\">\r\n      <div class=\"tb-about-text\">\r\n        <span class=\"tb-eyebrow\">\ud83d\udcd6 About<\/span>\r\n        <h2 class=\"tb-h2\">The Origin of Joy:<br>The Story of ToyBot<\/h2>\r\n        <p>In a forgotten playroom somewhere in the Solana universe, a pile of colorful building blocks began to glow as the blockchain lit up with pure energy. From that magical stack emerged ToyBot \u2014 a cheerful robot brought to life by children's imagination and decentralized magic.<\/p>\r\n        <p class=\"tb-fade-p\">With his bright yellow triangular head, teal block body, big sparkling eyes, and an infectious smile that never fades, ToyBot is no ordinary robot. He is the living embodiment of pure joy, creativity, and unbreakable friendship.<\/p>\r\n        <button class=\"tb-btn tb-btn--primary tb-mag\" id=\"tb-more\">\r\n          Read the full story\r\n          <svg viewBox=\"0 0 24 24\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg>\r\n        <\/button>\r\n      <\/div>\r\n\r\n      <div class=\"tb-about-img\" data-parallax=\"-30\">\r\n        <img decoding=\"async\" src=\"https:\/\/toybot.fun\/wp-content\/uploads\/2026\/08\/Asset-5.png\" alt=\"ToyBot character\" loading=\"lazy\">\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ============ MARQUEE 2 ============ -->\r\n  <div class=\"tb-marquee tb-marquee--b\">\r\n    <div class=\"tb-marquee-track\">\r\n      <!-- HALF 1 -->\r\n      <span>\ud83c\udf19 ONE STAR, ONE SMILE, ONE MOON MISSION.<\/span>\r\n      <span>\ud83c\udf19 KEEP SMILING. KEEP BUILDING. KEEP PUMPING.<\/span>\r\n      <span>\ud83c\udf19 ONE STAR, ONE SMILE, ONE MOON MISSION.<\/span>\r\n      <span>\ud83c\udf19 KEEP SMILING. KEEP BUILDING. KEEP PUMPING.<\/span>\r\n      <!-- HALF 2 -->\r\n      <span>\ud83c\udf19 ONE STAR, ONE SMILE, ONE MOON MISSION.<\/span>\r\n      <span>\ud83c\udf19 KEEP SMILING. KEEP BUILDING. KEEP PUMPING.<\/span>\r\n      <span>\ud83c\udf19 ONE STAR, ONE SMILE, ONE MOON MISSION.<\/span>\r\n      <span>\ud83c\udf19 KEEP SMILING. KEEP BUILDING. KEEP PUMPING.<\/span>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- ============ HOW TO BUY (Robust Sticky ScrollStack) ============ -->\r\n  <section class=\"tb-section\" id=\"buy\">\r\n    \r\n    <div class=\"tb-section-head\">\r\n      <span class=\"tb-eyebrow tb-reveal\">\ud83d\udee0\ufe0f How to buy<\/span>\r\n      <h2 class=\"tb-h2 tb-reveal\">Build Your Stack: How to Get $TOYBOT<\/h2>\r\n      <p class=\"tb-sub tb-reveal\">Ready to add some joy to your wallet? Follow these simple steps to become an official member of the ToyBot Army.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"tb-stack\" id=\"tb-stack\">\r\n      \r\n      <div class=\"tb-card tb-glass tb-t3d\">\r\n        <span class=\"tb-step\">01<\/span>\r\n        <h3>Create a Wallet<\/h3>\r\n        <p>Download a Solana-compatible wallet like Phantom or Solflare from your app store or browser extension store.<\/p>\r\n      <\/div>\r\n      \r\n      <div class=\"tb-card tb-glass tb-t3d\">\r\n        <span class=\"tb-step\">02<\/span>\r\n        <h3>Get Some SOL<\/h3>\r\n        <p>Fund your wallet with Solana (SOL). Buy SOL on any major exchange (Binance, Coinbase, etc.) and send it to your wallet address.<\/p>\r\n      <\/div>\r\n      \r\n      <div class=\"tb-card tb-glass tb-t3d\">\r\n        <span class=\"tb-step\">03<\/span>\r\n        <h3>Connect to a DEX<\/h3>\r\n        <p>Go to a decentralized exchange like Raydium or Jupiter and connect your wallet.<\/p>\r\n      <\/div>\r\n      \r\n      <div class=\"tb-card tb-glass tb-t3d\">\r\n        <span class=\"tb-step\">04<\/span>\r\n        <h3>Swap for $TOYBOT<\/h3>\r\n        <p>Paste the official $TOYBOT contract address, select the amount of SOL you want to trade, and confirm the swap. Welcome to the playroom!<\/p>\r\n      <\/div>\r\n      \r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ============ MARQUEE 3 ============ -->\r\n  <div class=\"tb-marquee tb-marquee--c\">\r\n    <div class=\"tb-marquee-track\">\r\n      <!-- HALF 1 -->\r\n      <span>\ud83e\uddf1 SPREADING JOY, BLOCK BY BLOCK.<\/span>\r\n      <span>\ud83e\uddf1 FROM PLAYROOM TO THE MOON.<\/span>\r\n      <span>\ud83e\uddf1 SPREADING JOY, BLOCK BY BLOCK.<\/span>\r\n      <span>\ud83e\uddf1 FROM PLAYROOM TO THE MOON.<\/span>\r\n      <!-- HALF 2 -->\r\n      <span>\ud83e\uddf1 SPREADING JOY, BLOCK BY BLOCK.<\/span>\r\n      <span>\ud83e\uddf1 FROM PLAYROOM TO THE MOON.<\/span>\r\n      <span>\ud83e\uddf1 SPREADING JOY, BLOCK BY BLOCK.<\/span>\r\n      <span>\ud83e\uddf1 FROM PLAYROOM TO THE MOON.<\/span>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- ============ COMMUNITY ============ -->\r\n  <section class=\"tb-section\" id=\"community\">\r\n    <div class=\"tb-tilt-scene tb-reveal\">\r\n      <div class=\"tb-glass tb-community\" id=\"tb-tilt\">\r\n        <div class=\"tb-community-bg\" style=\"background-image:url('https:\/\/toybot.fun\/wp-content\/uploads\/2026\/08\/Asset-6.png')\"><\/div>\r\n        <div class=\"tb-community-glow\" id=\"tb-com-glow\"><\/div>\r\n        <div class=\"tb-community-inner\">\r\n          <span class=\"tb-eyebrow\">\ud83e\udd1d Community<\/span>\r\n          <h2 class=\"tb-h2\">Assemble the ToyBot Army:<br>Join the Fun!<\/h2>\r\n          <p class=\"tb-sub\">The playroom is open, and there's plenty of space for everyone! ToyBot is powered by friendship, community and good vibes. Don't build alone \u2014 come hang out with the most colorful community on Solana.<\/p>\r\n          <div class=\"tb-com-links\">\r\n            <a class=\"tb-btn tb-btn--dark tb-mag\" href=\"#\" target=\"_blank\" rel=\"noopener\">\r\n              <svg viewBox=\"0 0 24 24\" width=\"15\" height=\"15\" fill=\"currentColor\"><path d=\"M18.9 2H22l-7.2 8.2L23.3 22h-6.6l-5.2-6.8L5.5 22H2.4l7.7-8.8L1.1 2h6.8l4.7 6.2L18.9 2Zm-1.1 18h1.8L7.3 3.9H5.4L17.8 20Z\"\/><\/svg>\r\n              Twitter (X)\r\n            <\/a>\r\n            <a class=\"tb-btn tb-btn--dark tb-mag\" href=\"#\" target=\"_blank\" rel=\"noopener\">\r\n              <svg viewBox=\"0 0 24 24\" width=\"15\" height=\"15\" fill=\"currentColor\"><path d=\"M21.9 4.3 18.9 19c-.2 1-.8 1.3-1.7.8l-4.6-3.4-2.2 2.1c-.3.3-.5.5-1 .5l.3-4.6 8.5-7.7c.4-.3-.1-.5-.6-.2L6.9 13.1l-4.5-1.4c-1-.3-1-1 .2-1.5l17.6-6.8c.8-.3 1.5.2 1.2 1.5Z\"\/><\/svg>\r\n              Telegram\r\n            <\/a>\r\n          <\/div>\r\n          <button class=\"tb-ca tb-ca--wide\" data-copy>\r\n            <span class=\"tb-ca-k\">CA<\/span>\r\n            <span class=\"tb-ca-value\">INSERT_CONTRACT_ADDRESS_HERE<\/span>\r\n            <span class=\"tb-ca-icon\"><svg viewBox=\"0 0 24 24\" width=\"15\" height=\"15\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\"\/><path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\"\/><\/svg><\/span>\r\n          <\/button>\r\n          <p class=\"tb-slogan\">Keep smiling. Keep building. Keep pumping.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ============ FOOTER ============ -->\r\n  <footer class=\"tb-footer\">\r\n    <div class=\"tb-glass tb-footer-card tb-reveal\">\r\n      <div class=\"tb-footer-top\">\r\n        <div class=\"tb-foot-brand\">\r\n          <h3 class=\"tb-logo\"><span class=\"tb-logo-mark\">\ud83e\udd16<\/span> TOYBOT<\/h3>\r\n          <p class=\"tb-foot-tag\">From playroom to the moon \u2014 one colorful block at a time.<\/p>\r\n          <div class=\"tb-foot-social\">\r\n            <a href=\"#\" target=\"_blank\" rel=\"noopener\" aria-label=\"Twitter\"><svg viewBox=\"0 0 24 24\" width=\"15\" height=\"15\" fill=\"currentColor\"><path d=\"M18.9 2H22l-7.2 8.2L23.3 22h-6.6l-5.2-6.8L5.5 22H2.4l7.7-8.8L1.1 2h6.8l4.7 6.2L18.9 2Zm-1.1 18h1.8L7.3 3.9H5.4L17.8 20Z\"\/><\/svg><\/a>\r\n            <a href=\"#\" target=\"_blank\" rel=\"noopener\" aria-label=\"Telegram\"><svg viewBox=\"0 0 24 24\" width=\"15\" height=\"15\" fill=\"currentColor\"><path d=\"M21.9 4.3 18.9 19c-.2 1-.8 1.3-1.7.8l-4.6-3.4-2.2 2.1c-.3.3-.5.5-1 .5l.3-4.6 8.5-7.7c.4-.3-.1-.5-.6-.2L6.9 13.1l-4.5-1.4c-1-.3-1-1 .2-1.5l17.6-6.8c.8-.3 1.5.2 1.2 1.5Z\"\/><\/svg><\/a>\r\n            <a href=\"#\" target=\"_blank\" rel=\"noopener\" aria-label=\"Chart\"><svg viewBox=\"0 0 24 24\" width=\"15\" height=\"15\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 3v18h18\"\/><path d=\"M7 15l4-5 3 3 5-7\"\/><\/svg><\/a>\r\n          <\/div>\r\n        <\/div>\r\n        <nav class=\"tb-foot-nav\">\r\n          <span class=\"tb-foot-h\">Explore<\/span>\r\n          <a href=\"#about\">About<\/a>\r\n          <a href=\"#buy\">How to Buy<\/a>\r\n          <a href=\"#community\">Community<\/a>\r\n        <\/nav>\r\n        <div class=\"tb-foot-cta\">\r\n          <span class=\"tb-foot-h\">Join the army<\/span>\r\n          <p>The playroom never closes.<\/p>\r\n          <a class=\"tb-btn tb-btn--primary tb-mag\" href=\"#\" target=\"_blank\" rel=\"noopener\">Buy $TOYBOT<\/a>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"tb-footer-word\" aria-hidden=\"true\">TOYBOT<\/div>\r\n      <div class=\"tb-footer-bottom\">\r\n        <span>\u00a9 <span id=\"tb-year\"><\/span> ToyBot. All smiles reserved.<\/span>\r\n        <span>$TOYBOT is a meme coin with no intrinsic value or expectation of financial return.<\/span>\r\n      <\/div>\r\n    <\/div>\r\n  <\/footer>\r\n\r\n  <div class=\"tb-dock-space\"><\/div>\r\n\r\n  <!-- ============ FLOATING DOCK ============ -->\r\n  <div class=\"tb-dock-outer\">\r\n    <div class=\"tb-dock\" id=\"tb-dock\" role=\"toolbar\" aria-label=\"ToyBot dock\">\r\n      <a class=\"tb-dock-item\" href=\"#top\" data-label=\"Top\">\r\n        <span class=\"tb-dock-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 10.5 12 3l9 7.5\"\/><path d=\"M5 10v11h14V10\"\/><\/svg><\/span>\r\n        <span class=\"tb-dock-label\">Top<\/span>\r\n      <\/a>\r\n      <a class=\"tb-dock-item\" href=\"#\" target=\"_blank\" rel=\"noopener\" data-label=\"Twitter\">\r\n        <span class=\"tb-dock-icon\"><svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M18.9 2H22l-7.2 8.2L23.3 22h-6.6l-5.2-6.8L5.5 22H2.4l7.7-8.8L1.1 2h6.8l4.7 6.2L18.9 2Zm-1.1 18h1.8L7.3 3.9H5.4L17.8 20Z\"\/><\/svg><\/span>\r\n        <span class=\"tb-dock-label\">Twitter<\/span>\r\n      <\/a>\r\n      <a class=\"tb-dock-item\" href=\"#\" target=\"_blank\" rel=\"noopener\" data-label=\"Telegram\">\r\n        <span class=\"tb-dock-icon\"><svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M21.9 4.3 18.9 19c-.2 1-.8 1.3-1.7.8l-4.6-3.4-2.2 2.1c-.3.3-.5.5-1 .5l.3-4.6 8.5-7.7c.4-.3-.1-.5-.6-.2L6.9 13.1l-4.5-1.4c-1-.3-1-1 .2-1.5l17.6-6.8c.8-.3 1.5.2 1.2 1.5Z\"\/><\/svg><\/span>\r\n        <span class=\"tb-dock-label\">Telegram<\/span>\r\n      <\/a>\r\n      <a class=\"tb-dock-item\" href=\"#\" target=\"_blank\" rel=\"noopener\" data-label=\"Chart\">\r\n        <span class=\"tb-dock-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 3v18h18\"\/><path d=\"M7 15l4-5 3 3 5-7\"\/><\/svg><\/span>\r\n        <span class=\"tb-dock-label\">Chart<\/span>\r\n      <\/a>\r\n      <a class=\"tb-dock-item tb-dock-item--buy\" href=\"#\" target=\"_blank\" rel=\"noopener\" data-label=\"Buy $TOYBOT\">\r\n        <span class=\"tb-dock-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4Z\"\/><path d=\"M3 6h18\"\/><path d=\"M16 10a4 4 0 0 1-8 0\"\/><\/svg><\/span>\r\n        <span class=\"tb-dock-label\">Buy<\/span>\r\n      <\/a>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- toast -->\r\n  <div class=\"tb-toast\" id=\"tb-toast\">Copied! \ud83c\udf89<\/div>\r\n\r\n  <!-- ============ ABOUT MODAL ============ -->\r\n  <div class=\"tb-modal\" id=\"tb-modal\" aria-hidden=\"true\">\r\n    <div class=\"tb-modal-backdrop\" data-close><\/div>\r\n    <div class=\"tb-modal-card tb-glass\" role=\"dialog\" aria-modal=\"true\" aria-label=\"The Story of ToyBot\">\r\n      <button class=\"tb-modal-x\" data-close aria-label=\"Close\">\u2715<\/button>\r\n      <span class=\"tb-eyebrow\">\ud83d\udcd6 Full story<\/span>\r\n      <h2 class=\"tb-h2\">The Origin of Joy<\/h2>\r\n      <div class=\"tb-modal-body\">\r\n        <p>In a forgotten playroom somewhere in the Solana universe, a pile of colorful building blocks began to glow as the blockchain lit up with pure energy. From that magical stack emerged ToyBot \u2014 a cheerful robot brought to life by children's imagination and decentralized magic.<\/p>\r\n        <p>With his bright yellow triangular head, teal block body, big sparkling eyes, and an infectious smile that never fades, ToyBot is no ordinary robot. He is the living embodiment of pure joy, creativity, and unbreakable friendship. Every block in his body symbolizes a connected community \u2014 the more friends that join, the stronger and happier he becomes.<\/p>\r\n        <p>ToyBot didn't come to replace humans. He came to remind us all that:<\/p>\r\n        <p><b>Playing is important. Laughing is essential. And building something fun together is one of the most powerful things in the universe.<\/b><\/p>\r\n        <p>Now, ToyBot has awakened on Solana, ready to spread happiness across the entire crypto world. He invites everyone to join the ToyBot Army \u2014 a vibrant community of dreamers, builders and believers ready to create the most colorful empire on the blockchain.<\/p>\r\n        <blockquote>\"From playroom to the moon \u2014 one colorful block at a time.\"<\/blockquote>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Baloo+2:wght@600;700;800&family=Nunito:wght@600;700;800;900&display=swap');\r\n\r\n#toybot-app{\r\n  --bg:#FFF8EB;\r\n  --ink:#1D1A16;\r\n  --ink-soft:#5D554A;\r\n  --teal:#17BEBB;\r\n  --yellow:#FFC93C;\r\n  --coral:#FF6B5A;\r\n  --glass:rgba(255,255,255,.55);\r\n  --stroke:rgba(255,255,255,.75);\r\n  --shadow:0 24px 60px -26px rgba(60,44,20,.36);\r\n  --ease:cubic-bezier(.2,.8,.2,1);\r\n  background:var(--bg);color:var(--ink);\r\n  font-family:'Nunito',ui-sans-serif,system-ui,sans-serif;font-weight:700;\r\n  position:relative;overflow-x:clip;isolation:isolate;\r\n}\r\n#toybot-app *{box-sizing:border-box}\r\n#toybot-app::before{\r\n  content:'';position:absolute;inset:0;z-index:-2;pointer-events:none;\r\n  background:\r\n    radial-gradient(58vw 58vw at 12% 6%, rgba(23,190,187,.22), transparent 60%),\r\n    radial-gradient(48vw 48vw at 88% 30%, rgba(255,201,60,.26), transparent 60%),\r\n    radial-gradient(52vw 52vw at 50% 94%, rgba(255,107,90,.18), transparent 60%);\r\n}\r\n#toybot-app h1,#toybot-app h2,#toybot-app h3{font-family:'Baloo 2','Nunito',sans-serif;margin:0;letter-spacing:-.015em;line-height:1.12}\r\n#toybot-app p{margin:0 0 .9rem;font-weight:600;color:var(--ink-soft);line-height:1.7;font-size:.95rem}\r\n#toybot-app a{-webkit-tap-highlight-color:transparent}\r\n\r\n\/* ---- scroll progress ---- *\/\r\n.tb-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:10001;background:transparent;pointer-events:none}\r\n.tb-progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--teal),var(--yellow),var(--coral));border-radius:0 3px 3px 0;transition:width .1s linear}\r\n\r\n\/* ---- floating blocks ---- *\/\r\n.tb-blocks{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}\r\n.tb-blk{position:absolute;border-radius:8px;opacity:.5;will-change:transform;\r\n  box-shadow:0 8px 20px -10px rgba(60,44,20,.4)}\r\n\r\n\/* ---- typography scale (compact) ---- *\/\r\n.tb-section{max-width:1120px;margin:0 auto;padding:clamp(52px,7vw,92px) 20px}\r\n.tb-h1{font-size:clamp(1.9rem,4.2vw,3.15rem);font-weight:800;line-height:1.08}\r\n.tb-h2{font-size:clamp(1.35rem,2.4vw,1.95rem);font-weight:800;margin-bottom:.7rem}\r\n#toybot-app h3{font-size:1.05rem}\r\n.tb-grad{background:linear-gradient(100deg,var(--teal),var(--yellow) 55%,var(--coral));-webkit-background-clip:text;background-clip:text;color:transparent}\r\n.tb-eyebrow{display:inline-block;font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;font-weight:900;color:var(--teal);margin-bottom:.55rem}\r\n\r\n\/* FIXED CENTERING FOR HEADINGS *\/\r\n.tb-section-head { \r\n  display: flex; \r\n  flex-direction: column; \r\n  align-items: center; \r\n  text-align: center; \r\n  margin: 0 auto 3rem; \r\n  max-width: 680px; \r\n}\r\n.tb-section-head .tb-eyebrow,\r\n.tb-section-head .tb-h2,\r\n.tb-sub { \r\n  text-align: center; \r\n  margin-left: auto; \r\n  margin-right: auto; \r\n}\r\n\r\n.tb-glass{background:var(--glass);border:1px solid var(--stroke);\r\n  backdrop-filter:blur(22px) saturate(150%);-webkit-backdrop-filter:blur(22px) saturate(150%);\r\n  box-shadow:var(--shadow), inset 0 1px 0 rgba(255,255,255,.9);border-radius:28px}\r\n\r\n\/* ---- buttons (compact) ---- *\/\r\n.tb-btn{position:relative;display:inline-flex;align-items:center;gap:.42rem;border:0;cursor:pointer;font-family:inherit;\r\n  font-weight:900;font-size:.82rem;padding:.6rem 1.05rem;border-radius:999px;text-decoration:none;overflow:hidden;\r\n  transition:transform .2s var(--ease), box-shadow .25s, background .25s;white-space:nowrap}\r\n.tb-btn--primary{background:var(--ink);color:#FFF8EB;box-shadow:0 10px 22px -12px rgba(29,26,22,.85)}\r\n.tb-btn--primary:hover{box-shadow:0 14px 26px -12px rgba(29,26,22,.9)}\r\n.tb-btn--ghost{background:rgba(255,255,255,.22);color:#fff;border:1px solid rgba(255,255,255,.55);backdrop-filter:blur(12px)}\r\n.tb-btn--ghost:hover{background:rgba(255,255,255,.34)}\r\n.tb-btn--dark{background:rgba(255,255,255,.78);color:var(--ink);border:1px solid var(--stroke);box-shadow:0 10px 22px -16px rgba(29,26,22,.6)}\r\n.tb-btn .tb-ripple{position:absolute;border-radius:50%;transform:translate(-50%,-50%) scale(0);background:rgba(255,255,255,.45);\r\n  animation:tb-rip .6s ease-out forwards;pointer-events:none}\r\n.tb-btn--dark .tb-ripple,.tb-btn--ghost .tb-ripple{background:rgba(29,26,22,.16)}\r\n@keyframes tb-rip{to{transform:translate(-50%,-50%) scale(1);opacity:0}}\r\n\r\n\/* ---- HERO ---- *\/\r\n.tb-hero{position:relative;min-height:min(100vh,860px);display:flex;flex-direction:column;justify-content:center;\r\n  align-items:center;text-align:center;padding:clamp(70px,10vh,120px) 20px clamp(80px,10vh,110px);overflow:hidden}\r\n.tb-hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1;will-change:transform}\r\n.tb-hero-veil{position:absolute;inset:0;z-index:-1;\r\n  background:radial-gradient(70% 60% at 50% 40%, rgba(20,16,10,.18), rgba(20,16,10,.62) 100%),\r\n             linear-gradient(180deg,rgba(255,248,235,.06),rgba(20,16,10,.55))}\r\n.tb-hero-grain{position:absolute;inset:0;z-index:-1;opacity:.16;mix-blend-mode:overlay;pointer-events:none;\r\n  background-image:radial-gradient(rgba(255,255,255,.9) .5px, transparent .5px);background-size:3px 3px}\r\n.tb-hero-inner{position:relative;z-index:2;max-width:760px;width:100%}\r\n.tb-hero-inner .tb-h1{color:#fff;text-shadow:0 10px 34px rgba(0,0,0,.4)}\r\n.tb-line{display:block;overflow:hidden}\r\n.tb-line>span{display:inline-block;transform:translateY(110%);opacity:0}\r\n.tb-hero.is-in .tb-line>span{animation:tb-up .9s var(--ease) forwards}\r\n.tb-hero.is-in .tb-line:nth-child(2)>span{animation-delay:.12s}\r\n@keyframes tb-up{to{transform:translateY(0);opacity:1}}\r\n\r\n.tb-badge{display:inline-flex;align-items:center;gap:.45rem;padding:.34rem .8rem;border-radius:999px;\r\n  background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.45);backdrop-filter:blur(14px);\r\n  color:#fff;font-weight:900;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;margin-bottom:.9rem}\r\n.tb-dot{width:7px;height:7px;border-radius:50%;background:#5BF0A5;box-shadow:0 0 0 0 rgba(91,240,165,.7);animation:tb-pulse 2s infinite}\r\n@keyframes tb-pulse{70%{box-shadow:0 0 0 8px rgba(91,240,165,0)}100%{box-shadow:0 0 0 0 rgba(91,240,165,0)}}\r\n\r\n.tb-hero-p{color:rgba(255,255,255,.92);font-size:.95rem;max-width:520px;margin:.9rem auto 1.3rem;text-shadow:0 4px 18px rgba(0,0,0,.4)}\r\n.tb-hero-actions{display:flex;gap:.6rem;justify-content:center;flex-wrap:wrap;margin-bottom:1.1rem}\r\n\r\n.tb-ca{display:inline-flex;align-items:center;gap:.55rem;cursor:pointer;font-family:inherit;padding:.45rem .5rem .45rem .55rem;\r\n  border-radius:999px;border:1px dashed rgba(255,255,255,.5);background:rgba(255,255,255,.16);backdrop-filter:blur(14px);\r\n  max-width:100%;transition:transform .2s var(--ease),border-color .25s,background .25s}\r\n.tb-ca:hover{transform:translateY(-2px);border-color:var(--teal);background:rgba(255,255,255,.26)}\r\n.tb-ca-k{flex:none;font-size:.6rem;letter-spacing:.16em;font-weight:900;background:var(--teal);color:#fff;padding:.24rem .5rem;border-radius:999px}\r\n.tb-ca-value{font-size:.76rem;font-weight:800;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\r\n.tb-ca-icon{flex:none;color:#fff;display:flex;opacity:.85}\r\n.tb-ca--wide{border-color:rgba(29,26,22,.22);background:rgba(255,255,255,.6);margin:0 auto}\r\n.tb-ca--wide .tb-ca-value,.tb-ca--wide .tb-ca-icon{color:var(--ink)}\r\n\r\n.tb-stats{display:flex;gap:clamp(.9rem,3vw,2.2rem);justify-content:center;flex-wrap:wrap;margin-top:1.6rem;\r\n  padding-top:1.1rem;border-top:1px solid rgba(255,255,255,.2)}\r\n.tb-stat{display:flex;flex-direction:column;align-items:center;min-width:76px}\r\n.tb-stat b{font-family:'Baloo 2',sans-serif;font-size:1.25rem;color:#fff;line-height:1}\r\n.tb-stat span{font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;font-weight:800;color:rgba(255,255,255,.72);margin-top:.3rem}\r\n\r\n.tb-scroll-cue{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);width:22px;height:36px;border-radius:12px;\r\n  border:2px solid rgba(255,255,255,.6);display:flex;justify-content:center;padding-top:6px;z-index:2}\r\n.tb-scroll-cue i{width:3px;height:7px;border-radius:2px;background:#fff;animation:tb-cue 1.6s infinite}\r\n@keyframes tb-cue{0%{opacity:0;transform:translateY(-3px)}40%{opacity:1}100%{opacity:0;transform:translateY(10px)}}\r\n\r\n\/* reveal on load *\/\r\n.tb-rise{opacity:0;transform:translateY(18px);transition:opacity .7s var(--ease),transform .7s var(--ease)}\r\n.tb-hero.is-in .tb-rise{opacity:1;transform:none}\r\n\r\n\r\n\/* ---- PURE CSS MARQUEE (BULLETPROOF & SMOOTH) ---- *\/\r\n.tb-marquee {\r\n  position: relative;\r\n  width: 100%;\r\n  overflow: hidden;\r\n  display: flex;\r\n  padding: 1.2rem 0;\r\n  border-top: 3px solid var(--ink);\r\n  border-bottom: 3px solid var(--ink);\r\n  box-shadow: 0 10px 30px -10px rgba(0,0,0,0.15);\r\n  margin: -0.1rem 0;\r\n  z-index: 10;\r\n}\r\n.tb-marquee--a { background: var(--teal); }\r\n.tb-marquee--b { background: var(--yellow); }\r\n.tb-marquee--c { background: var(--coral); }\r\n\r\n.tb-marquee-track {\r\n  display: flex;\r\n  align-items: center;\r\n  width: fit-content;\r\n  will-change: transform;\r\n  animation: tb-scroll-x 20s linear infinite;\r\n}\r\n.tb-marquee--b .tb-marquee-track {\r\n  animation-direction: reverse;\r\n  animation-duration: 25s;\r\n}\r\n\r\n.tb-marquee span {\r\n  font-family: 'Baloo 2', sans-serif;\r\n  font-size: clamp(1.2rem, 2vw, 1.6rem);\r\n  font-weight: 900;\r\n  color: var(--ink);\r\n  letter-spacing: .05em;\r\n  white-space: nowrap;\r\n  text-transform: uppercase;\r\n  padding: 0 1.5rem;\r\n}\r\n.tb-marquee--a span, .tb-marquee--c span { \r\n  color: #fff; \r\n  text-shadow: 2px 2px 0px rgba(0,0,0,0.15); \r\n}\r\n\r\n\/* Kunci animasi marquee smooth = bergerak sejauh setengah lebar track yang persis duplikat *\/\r\n@keyframes tb-scroll-x {\r\n  0% { transform: translateX(0); }\r\n  100% { transform: translateX(-50%); }\r\n}\r\n\r\n\r\n\/* ---- ABOUT ---- *\/\r\n.tb-about{display:grid;grid-template-columns:1.15fr .85fr;gap:2rem;padding:clamp(24px,3.4vw,46px);position:relative;margin-top:60px}\r\n.tb-about-img{position:relative;align-self:end;will-change:transform}\r\n.tb-about-img img{width:100%;display:block;margin-top:-150px;filter:drop-shadow(0 26px 36px rgba(60,44,20,.28));animation:tb-float 6s ease-in-out infinite}\r\n@keyframes tb-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}\r\n.tb-fade-p{-webkit-mask-image:linear-gradient(180deg,#000 45%,transparent);mask-image:linear-gradient(180deg,#000 45%,transparent)}\r\n\r\n\/* ---- SCROLL STACK (Robust Sticky Logic) ---- *\/\r\n.tb-stack{\r\n  position:relative;\r\n  display:flex;\r\n  flex-direction:column;\r\n  max-width:720px;\r\n  margin:0 auto;\r\n  padding-bottom:30vh; \/* gives room to scroll and complete animations *\/\r\n}\r\n.tb-card{\r\n  \/* position sticky applied via JS to ensure logic binds *\/\r\n  padding:clamp(22px,2.6vw,36px);\r\n  border-radius:26px;\r\n  min-height:200px;\r\n  width:100%;\r\n  transform-origin:top center;\r\n  will-change:transform;\r\n  display:flex;\r\n  flex-direction:column;\r\n  align-items:center;\r\n  text-align:center;\r\n  box-sizing:border-box;\r\n}\r\n.tb-card::after{content:'';position:absolute;right:-40px;top:-40px;width:170px;height:170px;border-radius:50%;\r\n  background:radial-gradient(circle,rgba(23,190,187,.26),transparent 70%);transition:transform .5s var(--ease);z-index:-1;}\r\n.tb-card:hover::after{transform:scale(1.25)}\r\n.tb-card h3{font-size:1.15rem;margin-bottom:.45rem}\r\n.tb-step{display:inline-flex;align-items:center;justify-content:center;font-family:'Baloo 2',sans-serif;font-size:.85rem;font-weight:800;color:#fff;background:var(--ink);\r\n  width:34px;height:34px;line-height:34px;text-align:center;border-radius:11px;margin-bottom:.8rem}\r\n\r\n\/* ---- COMMUNITY ---- *\/\r\n.tb-tilt-scene{perspective:1100px}\r\n.tb-community{position:relative;overflow:hidden;padding:clamp(28px,4.4vw,60px);text-align:center;\r\n  transition:transform .35s var(--ease);transform-style:preserve-3d}\r\n.tb-community-bg{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.32;transform:scale(1.06)}\r\n.tb-community-glow{position:absolute;width:340px;height:340px;border-radius:50%;pointer-events:none;opacity:0;\r\n  background:radial-gradient(circle,rgba(255,255,255,.75),transparent 65%);transform:translate(-50%,-50%);transition:opacity .3s}\r\n.tb-community:hover .tb-community-glow{opacity:.7}\r\n.tb-community-inner{position:relative;z-index:2;max-width:680px;margin:0 auto;transform:translateZ(46px)}\r\n.tb-com-links{display:flex;gap:.6rem;justify-content:center;flex-wrap:wrap;margin-bottom:1.1rem}\r\n.tb-slogan{margin-top:1.2rem;font-family:'Baloo 2',sans-serif;font-size:1rem;font-weight:800;color:var(--ink)}\r\n\r\n\/* ---- FOOTER ---- *\/\r\n.tb-footer{max-width:1120px;margin:0 auto;padding:0 20px clamp(36px,5vw,70px)}\r\n.tb-footer-card{padding:clamp(24px,3.2vw,40px);position:relative;overflow:hidden}\r\n.tb-footer-top{display:grid;grid-template-columns:1.4fr .7fr .9fr;gap:1.6rem;padding-bottom:1.3rem;\r\n  border-bottom:1px solid rgba(29,26,22,.1)}\r\n.tb-logo{font-size:1.15rem;font-weight:800;display:flex;align-items:center;gap:.4rem}\r\n.tb-logo-mark{display:inline-block;transition:transform .4s var(--ease)}\r\n.tb-logo:hover .tb-logo-mark{transform:rotate(-14deg) scale(1.15)}\r\n.tb-foot-tag{margin:.35rem 0 .8rem;max-width:290px;font-size:.85rem}\r\n.tb-foot-social{display:flex;gap:.45rem}\r\n.tb-foot-social a{width:32px;height:32px;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;\r\n  background:rgba(255,255,255,.7);border:1px solid var(--stroke);color:var(--ink);transition:transform .22s var(--ease),background .22s,color .22s}\r\n.tb-foot-social a:hover{transform:translateY(-3px) rotate(-6deg);background:var(--ink);color:#FFF8EB}\r\n.tb-foot-h{display:block;font-size:.64rem;letter-spacing:.18em;text-transform:uppercase;font-weight:900;color:var(--ink-soft);margin-bottom:.6rem}\r\n.tb-foot-nav{display:flex;flex-direction:column;gap:.4rem}\r\n.tb-foot-nav a{color:var(--ink);text-decoration:none;font-weight:800;font-size:.85rem;width:fit-content;position:relative}\r\n.tb-foot-nav a::after{content:'';position:absolute;left:0;bottom:-2px;height:2px;width:100%;background:var(--teal);\r\n  transform:scaleX(0);transform-origin:right;transition:transform .3s var(--ease)}\r\n.tb-foot-nav a:hover::after{transform:scaleX(1);transform-origin:left}\r\n.tb-foot-cta p{font-size:.85rem;margin-bottom:.7rem}\r\n.tb-footer-word{font-family:'Baloo 2',sans-serif;font-weight:800;font-size:clamp(3rem,13vw,9rem);line-height:.85;text-align:center;\r\n  margin:1rem 0 -.4rem;background:linear-gradient(180deg,rgba(29,26,22,.13),rgba(29,26,22,0));-webkit-background-clip:text;\r\n  background-clip:text;color:transparent;letter-spacing:-.03em;user-select:none;pointer-events:none}\r\n.tb-footer-bottom{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding-top:1rem;\r\n  font-size:.72rem;font-weight:700;color:var(--ink-soft)}\r\n.tb-dock-space{height:110px}\r\n\r\n\/* ---- DOCK ---- *\/\r\n.tb-dock-outer{position:fixed;left:0;right:0;bottom:16px;z-index:9999;display:flex;justify-content:center;pointer-events:none}\r\n.tb-dock{pointer-events:auto;display:flex;align-items:flex-end;gap:.6rem;padding:.55rem .7rem;border-radius:22px;\r\n  background:rgba(255,255,255,.62);border:1px solid var(--stroke);backdrop-filter:blur(22px) saturate(160%);\r\n  -webkit-backdrop-filter:blur(22px) saturate(160%);\r\n  box-shadow:0 18px 40px -18px rgba(60,44,20,.5), inset 0 1px 0 rgba(255,255,255,.9);\r\n  transform:translateY(0);transition:transform .4s var(--ease),opacity .4s}\r\n.tb-dock.is-hidden{transform:translateY(130%);opacity:0}\r\n.tb-dock-item{position:relative;width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;\r\n  border-radius:14px;background:rgba(255,255,255,.82);border:1px solid rgba(255,255,255,.9);color:var(--ink);\r\n  text-decoration:none;box-shadow:0 8px 16px -10px rgba(60,44,20,.6);will-change:width,height}\r\n.tb-dock-item--buy{background:linear-gradient(140deg,var(--teal),#0fa3a1);color:#fff;border-color:rgba(255,255,255,.5)}\r\n.tb-dock-icon{display:flex;align-items:center;justify-content:center;width:100%;height:100%}\r\n.tb-dock-icon svg{width:44%;height:44%;min-width:16px;min-height:16px}\r\n.tb-dock-label{position:absolute;top:-1.9rem;left:50%;transform:translateX(-50%) translateY(6px);white-space:pre;\r\n  border-radius:9px;background:var(--ink);color:#FFF8EB;padding:.16rem .5rem;font-size:.66rem;font-weight:800;\r\n  opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}\r\n.tb-dock-item:hover .tb-dock-label,.tb-dock-item:focus-visible .tb-dock-label{opacity:1;transform:translateX(-50%) translateY(0)}\r\n\r\n\/* ---- TOAST ---- *\/\r\n.tb-toast{position:fixed;left:50%;bottom:88px;transform:translate(-50%,14px);z-index:10002;opacity:0;pointer-events:none;\r\n  background:var(--ink);color:#FFF8EB;font-weight:900;font-size:.78rem;padding:.5rem .9rem;border-radius:999px;\r\n  box-shadow:0 14px 30px -14px rgba(29,26,22,.8);transition:opacity .25s,transform .25s var(--ease)}\r\n.tb-toast.is-on{opacity:1;transform:translate(-50%,0)}\r\n\r\n\/* ---- MODAL ---- *\/\r\n.tb-modal{position:fixed;inset:0;z-index:10000;display:none;align-items:center;justify-content:center;padding:20px}\r\n.tb-modal.is-open{display:flex}\r\n.tb-modal-backdrop{position:absolute;inset:0;background:rgba(29,26,22,.45);backdrop-filter:blur(8px);animation:tb-fade .3s ease}\r\n@keyframes tb-fade{from{opacity:0}to{opacity:1}}\r\n.tb-modal-card{position:relative;z-index:2;max-width:660px;width:100%;max-height:82vh;overflow:auto;padding:clamp(22px,3vw,38px);\r\n  background:rgba(255,248,235,.94);animation:tb-pop .34s cubic-bezier(.2,.9,.3,1.2)}\r\n@keyframes tb-pop{from{opacity:0;transform:scale(.94) translateY(14px)}to{opacity:1;transform:none}}\r\n.tb-modal-x{position:absolute;top:14px;right:14px;width:32px;height:32px;border-radius:50%;border:1px solid var(--stroke);\r\n  background:rgba(255,255,255,.8);cursor:pointer;font-weight:900;font-family:inherit;color:var(--ink);font-size:.8rem;\r\n  transition:transform .2s var(--ease),background .2s}\r\n.tb-modal-x:hover{transform:rotate(90deg);background:var(--ink);color:#FFF8EB}\r\n.tb-modal blockquote{margin:1.2rem 0 0;padding-left:.9rem;border-left:3px solid var(--teal);\r\n  font-family:'Baloo 2',sans-serif;font-size:1rem;font-weight:800;color:var(--ink)}\r\n\r\n\/* ---- REVEAL ---- *\/\r\n.tb-reveal{opacity:0;transform:translateY(26px) scale(.985);transition:opacity .8s var(--ease),transform .8s var(--ease)}\r\n.tb-reveal.is-in{opacity:1;transform:none}\r\n\r\n\/* ---- RESPONSIVE ---- *\/\r\n@media (max-width:900px){\r\n  .tb-about{grid-template-columns:1fr;margin-top:40px}\r\n  .tb-about-img{order:-1;max-width:300px;margin:0 auto}\r\n  .tb-about-img img{margin-top:-100px}\r\n  .tb-footer-top{grid-template-columns:1fr;gap:1.3rem}\r\n  .tb-footer-bottom{flex-direction:column}\r\n  .tb-hero{min-height:92vh}\r\n  .tb-ca-value{max-width:150px}\r\n}\r\n\r\n\/* Pastikan animasi Marquee TETAP JALAN walaupun User pakai Reduced Motion (disable yg lain aja) *\/\r\n@media (prefers-reduced-motion:reduce){\r\n  #toybot-app *:not(.tb-marquee-track){animation:none!important;transition:none!important}\r\n  .tb-reveal,.tb-rise,.tb-line>span{opacity:1;transform:none}\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function(){\r\n  var app = document.getElementById('toybot-app');\r\n  if(!app) return;\r\n  var reduce = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n  var y = document.getElementById('tb-year'); if(y) y.textContent = new Date().getFullYear();\r\n\r\n  \/* ---------- HERO INTRO ---------- *\/\r\n  requestAnimationFrame(function(){\r\n    var hero = app.querySelector('.tb-hero');\r\n    hero.classList.add('is-in');\r\n    hero.querySelectorAll('.tb-rise').forEach(function(el){\r\n      el.style.transitionDelay = (parseInt(el.dataset.d||0,10)) + 'ms';\r\n    });\r\n  });\r\n\r\n  \/* ---------- FLOATING BLOCKS ---------- *\/\r\n  (function(){\r\n    var host = document.getElementById('tb-blocks');\r\n    var colors = ['#17BEBB','#FFC93C','#FF6B5A','#8ED8F8'];\r\n    var n = window.innerWidth < 700 ? 8 : 16, items = [];\r\n    for(var i=0;i<n;i++){\r\n      var b = document.createElement('i');\r\n      var s = 14 + Math.random()*30;\r\n      b.className='tb-blk';\r\n      b.style.cssText = 'width:'+s+'px;height:'+s+'px;background:'+colors[i%4]+';left:'+(Math.random()*96)+'%;top:'+(Math.random()*100)+'%;opacity:'+(0.18+Math.random()*0.3);\r\n      host.appendChild(b);\r\n      items.push({el:b, sp:0.05+Math.random()*0.25, rot:(Math.random()*2-1)*40, ph:Math.random()*6.28});\r\n    }\r\n    window.__tbBlocks = items;\r\n  })();\r\n\r\n  \/* ---------- MAIN RAF LOOP ---------- *\/\r\n  var t0 = performance.now();\r\n  var lastY = window.scrollY, lastT = performance.now();\r\n\r\n  function tick(now){\r\n    var dt = Math.min(50, now - lastT)\/1000; lastT = now;\r\n    var t = (now - t0)\/1000;\r\n\r\n    \/* floating blocks *\/\r\n    if(!reduce && window.__tbBlocks){\r\n      var sy = window.scrollY;\r\n      window.__tbBlocks.forEach(function(b){\r\n        var ty = -sy*b.sp + Math.sin(t*0.6 + b.ph)*10;\r\n        b.el.style.transform = 'translate3d(0,'+ty.toFixed(1)+'px,0) rotate('+(b.rot + t*8*b.sp).toFixed(1)+'deg)';\r\n      });\r\n    }\r\n\r\n    requestAnimationFrame(tick);\r\n  }\r\n  requestAnimationFrame(tick);\r\n\r\n  \/* ---------- ROBUST SCROLLSTACK (Sticky + React Bits Math) ---------- *\/\r\n  var stack = document.getElementById('tb-stack');\r\n  var cards = stack ? Array.prototype.slice.call(stack.querySelectorAll('.tb-card')) : [];\r\n  \r\n  var ITEM_DIST = 100; \/\/ Original spacing before stack\r\n  var STACK_DIST = 30; \/\/ Spacing when stacked\r\n  var STACK_POS_PCT = 20; \/\/ 20% viewport pin point\r\n  var SCALE_END_PCT = 10; \/\/ 10% viewport scale end\r\n  var BASE_SCALE = 0.85;\r\n  var ITEM_SCALE = 0.03;\r\n  var initialTops = [];\r\n\r\n  \/\/ Setup initial gaps based on props\r\n  cards.forEach(function(c, i) { \r\n    if(i < cards.length - 1) c.style.marginBottom = ITEM_DIST + 'px'; \r\n  });\r\n\r\n  function initStack() {\r\n    if(!stack || window.innerWidth < 760 || reduce) {\r\n      cards.forEach(function(c) { \r\n        c.style.position = ''; c.style.top = ''; c.style.transform = 'none'; \r\n      });\r\n      return;\r\n    }\r\n    \r\n    var sy = window.scrollY;\r\n    \r\n    \/\/ 1. Temporarily disable sticky to read absolute layout offsets\r\n    cards.forEach(function(c) {\r\n      c.style.position = 'static';\r\n      c.style.transform = 'none';\r\n    });\r\n    \r\n    \/\/ 2. Read natural document positions\r\n    cards.forEach(function(c, i) {\r\n      initialTops[i] = c.getBoundingClientRect().top + sy;\r\n    });\r\n    \r\n    \/\/ 3. Re-apply native CSS sticky for perfectly smooth pinning\r\n    cards.forEach(function(c, i) {\r\n      c.style.position = 'sticky';\r\n      c.style.top = 'calc(' + STACK_POS_PCT + 'vh + ' + (i * STACK_DIST) + 'px)';\r\n      c.style.zIndex = i + 1; \/\/ ensure proper visual overlap\r\n    });\r\n    \r\n    updateScrollStack(); \/\/ immediately calculate scale based on current scroll\r\n  }\r\n\r\n  function updateScrollStack() {\r\n    if(!stack || window.innerWidth < 760 || reduce) return;\r\n    \r\n    var sy = window.scrollY;\r\n    var vh = window.innerHeight;\r\n    var stackPosPx = (STACK_POS_PCT \/ 100) * vh;\r\n    var scaleEndPx = (SCALE_END_PCT \/ 100) * vh;\r\n\r\n    cards.forEach(function(c, i) {\r\n      var trueTop = initialTops[i];\r\n      if(!trueTop) return;\r\n      \r\n      var stickyTop = stackPosPx + (i * STACK_DIST);\r\n      var pinScrollY = trueTop - stickyTop;\r\n      var triggerEndScrollY = trueTop - scaleEndPx;\r\n      var maxDist = triggerEndScrollY - pinScrollY;\r\n\r\n      if (sy >= pinScrollY) {\r\n         \/\/ It's pinned, calculate progress toward max shrink\r\n         var progress = (sy - pinScrollY) \/ maxDist;\r\n         if(progress > 1) progress = 1;\r\n         if(progress < 0) progress = 0;\r\n\r\n         var targetScale = BASE_SCALE + (i * ITEM_SCALE);\r\n         var scale = 1 - progress * (1 - targetScale);\r\n\r\n         c.style.transform = 'scale(' + scale.toFixed(4) + ')';\r\n      } else {\r\n         c.style.transform = 'scale(1)';\r\n      }\r\n    });\r\n  }\r\n\r\n  \/\/ Initialize stack after rendering frames settle\r\n  window.addEventListener('load', function() {\r\n    setTimeout(initStack, 100);\r\n  });\r\n  document.addEventListener('DOMContentLoaded', initStack);\r\n\r\n\r\n  \/* ---------- GLOBAL SCROLL HANDLER ---------- *\/\r\n  var bar = document.getElementById('tb-progress-bar');\r\n  var heroVideo = document.getElementById('tb-hero-video');\r\n  var heroInner = document.getElementById('tb-hero-inner');\r\n  var dock = document.getElementById('tb-dock');\r\n  var lastScroll = window.scrollY;\r\n\r\n  function onScrollRaw(){\r\n    var sy = window.scrollY;\r\n    var vh = window.innerHeight;\r\n    lastY = sy;\r\n\r\n    var docH = document.documentElement.scrollHeight - vh;\r\n    bar.style.width = (docH>0 ? (sy\/docH)*100 : 0) + '%';\r\n\r\n    if(!reduce){\r\n      heroVideo.style.transform = 'translate3d(0,'+(sy*0.28).toFixed(1)+'px,0) scale(1.12)';\r\n      var f = Math.max(0, 1 - sy\/520);\r\n      heroInner.style.opacity = f;\r\n      heroInner.style.transform = 'translate3d(0,'+(sy*0.16).toFixed(1)+'px,0)';\r\n      app.querySelectorAll('[data-parallax]').forEach(function(el){\r\n        var r = el.getBoundingClientRect();\r\n        var p = (r.top + r.height\/2 - vh\/2) \/ vh;\r\n        el.style.transform = 'translate3d(0,'+(p*parseFloat(el.dataset.parallax)).toFixed(1)+'px,0)';\r\n      });\r\n    }\r\n\r\n    \/* dock auto hide *\/\r\n    if(sy > lastScroll + 6 && sy > 300) dock.classList.add('is-hidden');\r\n    else if(sy < lastScroll - 6) dock.classList.remove('is-hidden');\r\n    lastScroll = sy;\r\n\r\n    \/* Execute the JS scaling for Stack *\/\r\n    updateScrollStack();\r\n  }\r\n\r\n  var ticking=false;\r\n  window.addEventListener('scroll', function(){\r\n    if(!ticking){ ticking=true; requestAnimationFrame(function(){ onScrollRaw(); ticking=false; }); }\r\n  }, {passive:true});\r\n  \r\n  \/\/ Recompute offsets and scale on resize\r\n  window.addEventListener('resize', function(){\r\n    initStack();\r\n    onScrollRaw();\r\n  });\r\n\r\n  \/* ---------- REVEAL ON SCROLL ---------- *\/\r\n  if('IntersectionObserver' in window){\r\n    var io = new IntersectionObserver(function(ents){\r\n      ents.forEach(function(e){ if(e.isIntersecting){ e.target.classList.add('is-in'); io.unobserve(e.target); } });\r\n    }, {threshold:.14, rootMargin:'0px 0px -6% 0px'});\r\n    app.querySelectorAll('.tb-reveal').forEach(function(el,i){ el.style.transitionDelay = (i%3)*70 + 'ms'; io.observe(el); });\r\n  } else {\r\n    app.querySelectorAll('.tb-reveal').forEach(function(el){ el.classList.add('is-in'); });\r\n  }\r\n\r\n  \/* ---------- COUNTERS ---------- *\/\r\n  (function(){\r\n    var els = app.querySelectorAll('[data-count]');\r\n    var run = function(el){\r\n      var to = parseFloat(el.dataset.count), sfx = el.dataset.suffix||'', s = performance.now();\r\n      (function step(n){\r\n        var p = Math.min(1,(n-s)\/1200), e = 1-Math.pow(1-p,3);\r\n        el.textContent = Math.round(to*e) + sfx;\r\n        if(p<1) requestAnimationFrame(step);\r\n      })(s);\r\n    };\r\n    if('IntersectionObserver' in window){\r\n      var o = new IntersectionObserver(function(es){ es.forEach(function(e){ if(e.isIntersecting){ run(e.target); o.unobserve(e.target); } }); },{threshold:.5});\r\n      els.forEach(function(el){ o.observe(el); });\r\n    } else els.forEach(run);\r\n  })();\r\n\r\n  \/* ---------- MAGNETIC BUTTONS + RIPPLE ---------- *\/\r\n  if(!reduce && window.matchMedia('(hover:hover)').matches){\r\n    app.querySelectorAll('.tb-mag').forEach(function(el){\r\n      el.addEventListener('mousemove', function(e){\r\n        var r = el.getBoundingClientRect();\r\n        var x = (e.clientX - r.left - r.width\/2)*0.28;\r\n        var yy = (e.clientY - r.top - r.height\/2)*0.35;\r\n        el.style.transform = 'translate('+x.toFixed(1)+'px,'+yy.toFixed(1)+'px)';\r\n      });\r\n      el.addEventListener('mouseleave', function(){ el.style.transform=''; });\r\n    });\r\n  }\r\n  app.querySelectorAll('.tb-btn').forEach(function(btn){\r\n    btn.addEventListener('click', function(e){\r\n      var r = btn.getBoundingClientRect(), d = Math.max(r.width,r.height)*2;\r\n      var s = document.createElement('span');\r\n      s.className='tb-ripple';\r\n      s.style.cssText='width:'+d+'px;height:'+d+'px;left:'+(e.clientX-r.left)+'px;top:'+(e.clientY-r.top)+'px';\r\n      btn.appendChild(s); setTimeout(function(){ s.remove(); },620);\r\n    });\r\n  });\r\n\r\n  \/* ---------- CONFETTI ---------- *\/\r\n  function confetti(x,y){\r\n    if(reduce) return;\r\n    var cols=['#17BEBB','#FFC93C','#FF6B5A','#8ED8F8','#1D1A16'];\r\n    for(var i=0;i<22;i++){\r\n      (function(i){\r\n        var p=document.createElement('i');\r\n        var sz=5+Math.random()*7;\r\n        p.style.cssText='position:fixed;z-index:10003;pointer-events:none;border-radius:2px;width:'+sz+'px;height:'+sz+'px;background:'+cols[i%5]+';left:'+x+'px;top:'+y+'px;will-change:transform,opacity';\r\n        document.body.appendChild(p);\r\n        var ang=Math.random()*Math.PI*2, sp=90+Math.random()*190;\r\n        var vx=Math.cos(ang)*sp, vy=Math.sin(ang)*sp-140, st=performance.now();\r\n        (function f(n){\r\n          var t=(n-st)\/1000;\r\n          var px=vx*t, py=vy*t+520*t*t;\r\n          p.style.transform='translate('+px.toFixed(1)+'px,'+py.toFixed(1)+'px) rotate('+(t*520).toFixed(0)+'deg)';\r\n          p.style.opacity=String(Math.max(0,1-t\/1.1));\r\n          if(t<1.1) requestAnimationFrame(f); else p.remove();\r\n        })(st);\r\n      })(i);\r\n    }\r\n  }\r\n\r\n  \/* ---------- COPY CA ---------- *\/\r\n  var toast = document.getElementById('tb-toast');\r\n  function showToast(msg){\r\n    toast.textContent = msg; toast.classList.add('is-on');\r\n    clearTimeout(toast._t); toast._t = setTimeout(function(){ toast.classList.remove('is-on'); },1800);\r\n  }\r\n  app.querySelectorAll('[data-copy]').forEach(function(btn){\r\n    btn.addEventListener('click', function(e){\r\n      var v = btn.querySelector('.tb-ca-value'), txt = v.textContent.trim();\r\n      var done = function(){\r\n        showToast('Contract address copied! \ud83c\udf89');\r\n        confetti(e.clientX, e.clientY);\r\n        var old = v.textContent; v.textContent = 'Copied! \ud83c\udf89';\r\n        setTimeout(function(){ v.textContent = old; }, 1400);\r\n      };\r\n      if(navigator.clipboard && navigator.clipboard.writeText){\r\n        navigator.clipboard.writeText(txt).then(done).catch(done);\r\n      } else {\r\n        var ta=document.createElement('textarea'); ta.value=txt; document.body.appendChild(ta);\r\n        ta.select(); try{document.execCommand('copy');}catch(err){} document.body.removeChild(ta); done();\r\n      }\r\n    });\r\n  });\r\n\r\n  \/* ---------- MODAL ---------- *\/\r\n  var modal = document.getElementById('tb-modal');\r\n  var openBtn = document.getElementById('tb-more');\r\n  function openM(){ modal.classList.add('is-open'); modal.setAttribute('aria-hidden','false'); document.body.style.overflow='hidden'; }\r\n  function closeM(){ modal.classList.remove('is-open'); modal.setAttribute('aria-hidden','true'); document.body.style.overflow=''; }\r\n  if(openBtn) openBtn.addEventListener('click', openM);\r\n  modal.querySelectorAll('[data-close]').forEach(function(el){ el.addEventListener('click', closeM); });\r\n  document.addEventListener('keydown', function(e){ if(e.key==='Escape' && modal.classList.contains('is-open')) closeM(); });\r\n\r\n  \/* ---------- SMOOTH ANCHORS ---------- *\/\r\n  app.querySelectorAll('a[href^=\"#\"]').forEach(function(a){\r\n    a.addEventListener('click', function(e){\r\n      var id = a.getAttribute('href');\r\n      if(id.length < 2) return;\r\n      var t = document.querySelector(id);\r\n      if(!t) return;\r\n      e.preventDefault();\r\n      window.scrollTo({top: t.getBoundingClientRect().top + window.scrollY - 10, behavior:'smooth'});\r\n    });\r\n  });\r\n\r\n  \/* ---------- DOCK MAGNIFICATION ---------- *\/\r\n  var items = Array.prototype.slice.call(dock.querySelectorAll('.tb-dock-item'));\r\n  var BASE = 44, MAG = 64, DIST = 160;\r\n  var targets = items.map(function(){ return BASE; });\r\n  var current = items.map(function(){ return BASE; });\r\n  var mouseX = null, raf = null;\r\n  function loop(){\r\n    var moving=false;\r\n    items.forEach(function(el,i){\r\n      var d = targets[i]-current[i];\r\n      if(Math.abs(d)>0.3){ current[i]+=d*0.22; moving=true; } else current[i]=targets[i];\r\n      el.style.width=current[i]+'px'; el.style.height=current[i]+'px';\r\n    });\r\n    raf = moving ? requestAnimationFrame(loop) : null;\r\n  }\r\n  function computeTargets(){\r\n    items.forEach(function(el,i){\r\n      if(mouseX===null){ targets[i]=BASE; return; }\r\n      var r=el.getBoundingClientRect(), c=r.left+r.width\/2;\r\n      var tt=Math.max(0,1-Math.abs(mouseX-c)\/DIST);\r\n      targets[i]=BASE+(MAG-BASE)*tt;\r\n    });\r\n    if(!raf) raf=requestAnimationFrame(loop);\r\n  }\r\n  dock.addEventListener('mousemove', function(e){ mouseX=e.clientX; computeTargets(); });\r\n  dock.addEventListener('mouseleave', function(){ mouseX=null; computeTargets(); });\r\n  dock.addEventListener('mouseenter', function(){ dock.classList.remove('is-hidden'); });\r\n\r\n  \/* ---------- 3D TILT: community ---------- *\/\r\n  var tilt = document.getElementById('tb-tilt');\r\n  if(tilt && !reduce){\r\n    var glow = document.getElementById('tb-com-glow');\r\n    tilt.addEventListener('mousemove', function(e){\r\n      var r=tilt.getBoundingClientRect();\r\n      var px=(e.clientX-r.left)\/r.width-.5, py=(e.clientY-r.top)\/r.height-.5;\r\n      tilt.style.transform='rotateY('+(px*11).toFixed(2)+'deg) rotateX('+(-py*11).toFixed(2)+'deg)';\r\n      glow.style.left=(e.clientX-r.left)+'px'; glow.style.top=(e.clientY-r.top)+'px';\r\n    });\r\n    tilt.addEventListener('mouseleave', function(){ tilt.style.transform='rotateY(0) rotateX(0)'; });\r\n  }\r\n\r\n  \/\/ Final trigger for states\r\n  onScrollRaw();\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>$TOYBOT \u00b7 Live on Solana Meet ToyBot The Happiest Robot on Solana Born from blocks and built for fun. Join the ToyBot Army and let&#8217;s build a colorful crypto empire together \u2014 from playroom to the moon. Buy $TOYBOT How to buy CA INSERT_CONTRACT_ADDRESS_HERE 0Community owned 0Tax 0LP burned 0Good vibes \u2b50\ufe0f THE HAPPIEST ROBOT [&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:\/\/toybot.fun\/index.php?rest_route=\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/toybot.fun\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/toybot.fun\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/toybot.fun\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/toybot.fun\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":31,"href":"https:\/\/toybot.fun\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":53,"href":"https:\/\/toybot.fun\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/53"}],"wp:attachment":[{"href":"https:\/\/toybot.fun\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}