{"id":8,"date":"2026-08-13T19:11:50","date_gmt":"2026-08-13T19:11:50","guid":{"rendered":"https:\/\/truckhouse.xyz\/?page_id=8"},"modified":"2026-08-13T19:45:02","modified_gmt":"2026-08-13T19:45:02","slug":"elementor-8","status":"publish","type":"page","link":"https:\/\/truckhouse.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-3fa50a4 e-con-full e-flex e-con e-parent\" data-id=\"3fa50a4\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-012d2f4 elementor-widget elementor-widget-html\" data-id=\"012d2f4\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- Google Fonts: Doto & Space Mono -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Doto:wght@500;700;900&family=Space+Mono:wght@400;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n  \/* ==========================================\r\n     GLOBAL & PREMIUM LO-FI DARK STYLES\r\n     ========================================== *\/\r\n  :root {\r\n    --th-bg-base: #03060a;\r\n    --th-bg-card: rgba(12, 16, 22, 0.65);\r\n    --th-accent: #ff8c42; \/* Campfire Orange *\/\r\n    --th-accent-light: #ffaa77;\r\n    --th-accent-glow: rgba(255, 140, 66, 0.3);\r\n    --th-text-main: #eef2f6;\r\n    --th-text-muted: #94a3b8;\r\n    --th-border: rgba(255, 140, 66, 0.15);\r\n    --th-font-title: 'Doto', sans-serif;\r\n    --th-font-body: 'Space Mono', monospace;\r\n    --th-transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);\r\n  }\r\n\r\n  * {\r\n    box-sizing: border-box;\r\n    margin: 0;\r\n    padding: 0;\r\n  }\r\n\r\n  \/* Complex Textured Background *\/\r\n  body, .th-wrapper {\r\n    background-color: var(--th-bg-base);\r\n    background-image: \r\n      radial-gradient(circle at 50% 0%, rgba(255, 140, 66, 0.05) 0%, transparent 50%),\r\n      radial-gradient(circle at 100% 100%, rgba(107, 142, 120, 0.05) 0%, transparent 50%),\r\n      linear-gradient(rgba(255, 255, 255, 0.02) 1px, transparent 1px),\r\n      linear-gradient(90deg, rgba(255, 255, 255, 0.02) 1px, transparent 1px);\r\n    background-size: 100% 100%, 100% 100%, 40px 40px, 40px 40px;\r\n    background-attachment: fixed;\r\n    color: var(--th-text-main);\r\n    font-family: var(--th-font-body);\r\n    font-size: 15px;\r\n    line-height: 1.7;\r\n    overflow-x: hidden;\r\n  }\r\n\r\n  \/* Lo-Fi Grain \/ Noise Effect *\/\r\n  .th-noise {\r\n    position: fixed;\r\n    top: 0; left: 0; width: 100vw; height: 100vh;\r\n    pointer-events: none;\r\n    z-index: 9999;\r\n    opacity: 0.04;\r\n    background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'\/%3E%3C\/svg%3E\");\r\n  }\r\n\r\n  \/* GLOBAL FOG CANVAS - Fixed at the bottom of the screen *\/\r\n  #th-global-fog {\r\n    position: fixed;\r\n    bottom: 0;\r\n    left: 0;\r\n    width: 100vw;\r\n    height: 100vh;\r\n    pointer-events: none;\r\n    z-index: 99999;\r\n    opacity: 0.1;\r\n  }\r\n\r\n  \/* Container *\/\r\n  .th-container {\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    padding: 0 32px;\r\n    width: 100%;\r\n    position: relative;\r\n    z-index: 10;\r\n  }\r\n\r\n  .th-section {\r\n    padding: 120px 0;\r\n    position: relative;\r\n    z-index: 10;\r\n  }\r\n\r\n  \/* Typography *\/\r\n  h1, h2, h3, .th-logo-text {\r\n    font-family: var(--th-font-title);\r\n    font-weight: 900;\r\n    text-transform: uppercase;\r\n    letter-spacing: 2px;\r\n  }\r\n\r\n  .th-section-title {\r\n    font-size: clamp(2.2rem, 4vw, 3.5rem);\r\n    color: #ffffff;\r\n    text-shadow: 0 0 25px var(--th-accent-glow);\r\n    margin-bottom: 16px;\r\n    line-height: 1.2;\r\n  }\r\n\r\n  .th-section-desc {\r\n    color: var(--th-text-muted);\r\n    font-size: 1rem;\r\n    max-width: 540px;\r\n    font-weight: 400;\r\n  }\r\n\r\n  .th-center-desc {\r\n    margin: 0 auto;\r\n    text-align: center;\r\n  }\r\n\r\n  \/* Grid *\/\r\n  .th-grid-2 {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 60px;\r\n    align-items: center;\r\n  }\r\n\r\n  \/* ==========================================\r\n     NAVBAR (FLOATING PILL)\r\n     ========================================== *\/\r\n  .th-navbar-wrapper {\r\n    position: fixed;\r\n    top: 24px;\r\n    left: 0;\r\n    right: 0;\r\n    z-index: 9999;\r\n    display: flex;\r\n    justify-content: center;\r\n    padding: 0 20px;\r\n    pointer-events: none;\r\n  }\r\n\r\n  .th-navbar {\r\n    pointer-events: auto;\r\n    background: rgba(6, 8, 10, 0.7);\r\n    backdrop-filter: blur(16px);\r\n    -webkit-backdrop-filter: blur(16px);\r\n    border: 1px solid rgba(255, 255, 255, 0.08);\r\n    border-radius: 60px;\r\n    padding: 8px 24px;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 32px;\r\n    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.5), inset 0 0 0 1px rgba(255, 140, 66, 0.1);\r\n    transition: var(--th-transition);\r\n  }\r\n\r\n  .th-navbar:hover {\r\n    border-color: rgba(255, 140, 66, 0.3);\r\n    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.6), 0 0 20px rgba(255, 140, 66, 0.15);\r\n  }\r\n\r\n  .th-logo-text {\r\n    font-size: 1.25rem;\r\n    color: var(--th-text-main);\r\n    text-decoration: none;\r\n    white-space: nowrap;\r\n    text-shadow: 0 0 10px rgba(255, 255, 255, 0.2);\r\n    transition: var(--th-transition);\r\n  }\r\n\r\n  .th-logo-text span {\r\n    color: var(--th-accent);\r\n  }\r\n\r\n  .th-nav-right {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 16px;\r\n  }\r\n\r\n  .th-socials {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n  }\r\n\r\n  .th-icon-btn {\r\n    width: 40px;\r\n    height: 40px;\r\n    border-radius: 50%;\r\n    background: rgba(255, 255, 255, 0.03);\r\n    border: 1px solid rgba(255, 255, 255, 0.08);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    color: var(--th-text-main);\r\n    text-decoration: none;\r\n    transition: var(--th-transition);\r\n  }\r\n\r\n  .th-icon-btn:hover {\r\n    background: var(--th-accent);\r\n    color: #000;\r\n    border-color: var(--th-accent);\r\n    transform: translateY(-3px) scale(1.05);\r\n    box-shadow: 0 10px 20px var(--th-accent-glow);\r\n  }\r\n\r\n  .th-icon-btn svg {\r\n    width: 18px;\r\n    height: 18px;\r\n    fill: currentColor;\r\n  }\r\n\r\n  .th-btn-buy {\r\n    font-family: var(--th-font-title);\r\n    background: linear-gradient(135deg, var(--th-accent) 0%, #ff6b00 100%);\r\n    color: #000;\r\n    padding: 10px 24px;\r\n    border-radius: 50px;\r\n    text-decoration: none;\r\n    font-weight: 700;\r\n    font-size: 0.95rem;\r\n    white-space: nowrap;\r\n    transition: var(--th-transition);\r\n    box-shadow: 0 0 15px var(--th-accent-glow);\r\n    letter-spacing: 1px;\r\n  }\r\n\r\n  .th-btn-buy:hover {\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 8px 25px rgba(255, 140, 66, 0.5);\r\n    filter: brightness(1.1);\r\n  }\r\n\r\n  \/* ==========================================\r\n     HERO SECTION\r\n     ========================================== *\/\r\n  .th-hero {\r\n    position: relative;\r\n    height: 100vh;\r\n    min-height: 700px;\r\n    display: flex;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .th-hero-video {\r\n    position: absolute;\r\n    top: 0; left: 0; width: 100%; height: 100%;\r\n    object-fit: cover;\r\n    z-index: 1;\r\n    transform: scale(1.02);\r\n  }\r\n\r\n  .th-hero-overlay {\r\n    position: absolute;\r\n    top: 0; left: 0; width: 100%; height: 100%;\r\n    z-index: 2;\r\n    background: linear-gradient(\r\n      180deg, \r\n      rgba(3, 6, 10, 0.2) 0%, \r\n      rgba(3, 6, 10, 0.7) 70%, \r\n      var(--th-bg-base) 100%\r\n    );\r\n  }\r\n\r\n  .th-hero-container {\r\n    position: relative;\r\n    z-index: 10;\r\n    display: flex;\r\n    align-items: flex-end;     \r\n    justify-content: flex-start; \r\n    padding-bottom: 80px;      \r\n    height: 100%;\r\n  }\r\n\r\n  .th-hero-content {\r\n    max-width: 680px;\r\n    text-align: left; \r\n  }\r\n\r\n  .th-hero-title {\r\n    font-size: clamp(3rem, 6vw, 5rem);\r\n    line-height: 1.05;\r\n    margin-bottom: 24px;\r\n    color: #fff;\r\n    text-shadow: 0 10px 30px rgba(0,0,0,0.9), 0 0 40px var(--th-accent-glow);\r\n  }\r\n\r\n  .th-hero-desc {\r\n    margin-bottom: 40px;\r\n    font-size: 1.1rem;\r\n    color: #e2e8f0;\r\n    text-shadow: 0 2px 10px rgba(0,0,0,0.9);\r\n    max-width: 500px;\r\n  }\r\n\r\n  \/* Copy CA Button *\/\r\n  .th-ca-box {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    background: rgba(12, 16, 22, 0.7);\r\n    backdrop-filter: blur(12px);\r\n    border: 1px solid rgba(255, 140, 66, 0.3);\r\n    padding: 14px 24px;\r\n    border-radius: 16px;\r\n    cursor: pointer;\r\n    transition: var(--th-transition);\r\n    position: relative;\r\n    box-shadow: 0 10px 30px rgba(0,0,0,0.5), inset 0 0 20px rgba(255,255,255,0.02);\r\n  }\r\n\r\n  .th-ca-box:hover {\r\n    background: rgba(255, 140, 66, 0.15);\r\n    border-color: var(--th-accent);\r\n    transform: translateY(-3px);\r\n    box-shadow: 0 15px 35px rgba(255, 140, 66, 0.3);\r\n  }\r\n\r\n  .th-ca-label {\r\n    font-family: var(--th-font-title);\r\n    color: var(--th-accent);\r\n    font-weight: 700;\r\n    font-size: 1.1rem;\r\n  }\r\n\r\n  .th-ca-text {\r\n    color: #fff;\r\n    font-size: 0.95rem;\r\n    letter-spacing: 1px;\r\n  }\r\n\r\n  .th-ca-icon svg {\r\n    width: 18px;\r\n    height: 18px;\r\n    fill: none;\r\n    stroke: var(--th-accent);\r\n    transition: var(--th-transition);\r\n  }\r\n\r\n  .th-ca-box:hover .th-ca-icon svg {\r\n    transform: scale(1.1) rotate(5deg);\r\n  }\r\n\r\n  .th-ca-toast {\r\n    position: absolute;\r\n    top: -40px;\r\n    right: 0;\r\n    background: var(--th-accent);\r\n    color: #000;\r\n    font-family: var(--th-font-title);\r\n    font-weight: 900;\r\n    font-size: 0.8rem;\r\n    padding: 6px 14px;\r\n    border-radius: 8px;\r\n    opacity: 0;\r\n    transform: translateY(10px);\r\n    transition: var(--th-transition);\r\n    pointer-events: none;\r\n    box-shadow: 0 5px 15px rgba(255, 140, 66, 0.4);\r\n  }\r\n\r\n  .th-ca-toast.show {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n\r\n  \/* ==========================================\r\n     ABOUT SECTION\r\n     ========================================== *\/\r\n  .th-photo-wrapper {\r\n    position: relative;\r\n    animation: float 6s ease-in-out infinite;\r\n  }\r\n\r\n  @keyframes float {\r\n    0% { transform: translateY(0px) rotate(-1deg); }\r\n    50% { transform: translateY(-15px) rotate(1deg); }\r\n    100% { transform: translateY(0px) rotate(-1deg); }\r\n  }\r\n\r\n  .th-photo-frame {\r\n    position: relative;\r\n    background: rgba(18, 24, 32, 0.5);\r\n    backdrop-filter: blur(10px);\r\n    border: 1px solid rgba(255,255,255,0.08);\r\n    padding: 20px;\r\n    border-radius: 24px;\r\n    box-shadow: 0 30px 60px rgba(0,0,0,0.8), inset 0 1px 0 rgba(255,255,255,0.15);\r\n  }\r\n\r\n  .th-about-img {\r\n    width: 100%;\r\n    height: auto;\r\n    border-radius: 12px;\r\n    display: block;\r\n    filter: contrast(1.1) brightness(0.9) saturate(1.2);\r\n  }\r\n\r\n  .th-frame-badge {\r\n    position: absolute;\r\n    bottom: -15px;\r\n    right: 30px;\r\n    background: var(--th-accent);\r\n    color: #000;\r\n    font-family: var(--th-font-title);\r\n    font-size: 0.85rem;\r\n    font-weight: 900;\r\n    padding: 6px 16px;\r\n    border-radius: 8px;\r\n    box-shadow: 0 10px 20px rgba(255, 140, 66, 0.3);\r\n    letter-spacing: 1px;\r\n  }\r\n\r\n  \/* ==========================================\r\n     VIBE SECTION\r\n     ========================================== *\/\r\n  .th-vibe-card {\r\n    position: relative;\r\n    border-radius: 32px;\r\n    overflow: hidden;\r\n    padding: 100px 40px;\r\n    text-align: center;\r\n    border: 1px solid rgba(255, 255, 255, 0.08);\r\n    box-shadow: 0 40px 80px rgba(0,0,0,0.8), inset 0 0 0 1px rgba(255, 140, 66, 0.2);\r\n  }\r\n\r\n  .th-vibe-video {\r\n    position: absolute;\r\n    top: 0; left: 0; width: 100%; height: 100%;\r\n    object-fit: cover;\r\n    z-index: 1;\r\n    transform: scale(1.05); \r\n  }\r\n\r\n  .th-vibe-overlay {\r\n    position: absolute;\r\n    top: 0; left: 0; width: 100%; height: 100%;\r\n    z-index: 2;\r\n    background: radial-gradient(circle at center, rgba(3, 6, 10, 0.5) 0%, rgba(3, 6, 10, 0.9) 100%);\r\n    backdrop-filter: blur(4px);\r\n  }\r\n\r\n  .th-vibe-content {\r\n    position: relative;\r\n    z-index: 3;\r\n    max-width: 700px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  \/* ==========================================\r\n     HOW TO BUY SECTION\r\n     ========================================== *\/\r\n  .th-how-to-buy-section {\r\n    position: relative;\r\n    padding: 120px 0;\r\n    overflow: hidden; \/* Ensure background doesn't bleed *\/\r\n  }\r\n\r\n  .th-how-to-buy-bg {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background-image: url('https:\/\/truckhouse.xyz\/wp-content\/uploads\/2026\/08\/Asset-5.png');\r\n    background-size: cover;\r\n    background-position: center center;\r\n    background-repeat: no-repeat;\r\n    opacity: 1;\r\n    z-index: 1; \/* Below content, above section bg *\/\r\n  }\r\n\r\n  .th-how-to-buy-section .th-container {\r\n      position: relative;\r\n      z-index: 2; \/* Ensure content is above the background image *\/\r\n  }\r\n\r\n  .th-buy-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\r\n    gap: 24px;\r\n    margin-top: 60px;\r\n  }\r\n\r\n  .th-step-card {\r\n    background: var(--th-bg-card);\r\n    backdrop-filter: blur(12px);\r\n    border: 1px solid rgba(255,255,255,0.05);\r\n    border-radius: 24px;\r\n    padding: 40px 24px;\r\n    text-align: center;\r\n    position: relative;\r\n    transition: var(--th-transition);\r\n    overflow: hidden;\r\n  }\r\n\r\n  .th-step-card::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0; left: 50%;\r\n    transform: translateX(-50%);\r\n    width: 60%; height: 2px;\r\n    background: radial-gradient(circle, var(--th-accent) 0%, transparent 100%);\r\n    opacity: 0;\r\n    transition: var(--th-transition);\r\n  }\r\n\r\n  .th-step-card:hover {\r\n    transform: translateY(-10px);\r\n    border-color: rgba(255, 140, 66, 0.3);\r\n    box-shadow: 0 20px 40px rgba(0,0,0,0.6), 0 0 30px rgba(255, 140, 66, 0.1);\r\n    background: rgba(18, 24, 32, 0.8);\r\n  }\r\n\r\n  .th-step-card:hover::before {\r\n    opacity: 1;\r\n  }\r\n\r\n  .th-step-num {\r\n    font-family: var(--th-font-title);\r\n    font-size: 3.5rem;\r\n    color: transparent;\r\n    -webkit-text-stroke: 1px var(--th-accent);\r\n    margin-bottom: 16px;\r\n    line-height: 1;\r\n    opacity: 0.7;\r\n    transition: var(--th-transition);\r\n  }\r\n\r\n  .th-step-card:hover .th-step-num {\r\n    color: var(--th-accent);\r\n    -webkit-text-stroke: 0px;\r\n    text-shadow: 0 0 20px var(--th-accent-glow);\r\n    opacity: 1;\r\n  }\r\n\r\n  .th-step-card h3 {\r\n    font-size: 1.25rem;\r\n    color: #fff;\r\n    margin-bottom: 12px;\r\n  }\r\n\r\n  .th-step-card p {\r\n    color: var(--th-text-muted);\r\n    font-size: 0.9rem;\r\n  }\r\n\r\n  \/* ==========================================\r\n     TOKENOMICS SECTION\r\n     ========================================== *\/\r\n  .th-tok-cards {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 20px;\r\n  }\r\n\r\n  .th-tok-card {\r\n    background: var(--th-bg-card);\r\n    backdrop-filter: blur(12px);\r\n    border: 1px solid rgba(255,255,255,0.06);\r\n    padding: 32px 24px;\r\n    border-radius: 20px;\r\n    transition: var(--th-transition);\r\n    position: relative;\r\n  }\r\n\r\n  .th-tok-card:hover {\r\n    border-color: var(--th-accent);\r\n    background: rgba(255, 140, 66, 0.08);\r\n    box-shadow: 0 10px 30px rgba(0,0,0,0.5);\r\n  }\r\n\r\n  .th-tok-label {\r\n    font-family: var(--th-font-title);\r\n    color: var(--th-text-muted);\r\n    font-size: 0.85rem;\r\n    margin-bottom: 8px;\r\n    letter-spacing: 1px;\r\n  }\r\n\r\n  .th-tok-val {\r\n    font-family: var(--th-font-title);\r\n    font-size: 1.6rem;\r\n    color: var(--th-accent);\r\n    word-break: break-word;\r\n    text-shadow: 0 0 15px rgba(255, 140, 66, 0.2);\r\n  }\r\n\r\n  \/* ==========================================\r\n     FOOTER\r\n     ========================================== *\/\r\n  .th-footer {\r\n    border-top: 1px solid rgba(255,255,255,0.05);\r\n    padding: 80px 0 40px;\r\n    background: #020304;\r\n    text-align: center;\r\n    position: relative;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .th-footer::after {\r\n    content: '';\r\n    position: absolute;\r\n    bottom: -50px; left: 50%;\r\n    transform: translateX(-50%);\r\n    width: 50%; height: 100px;\r\n    background: var(--th-accent);\r\n    filter: blur(100px);\r\n    opacity: 0.15;\r\n    pointer-events: none;\r\n  }\r\n\r\n  .th-footer-inner {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    gap: 24px;\r\n    position: relative;\r\n    z-index: 2;\r\n  }\r\n\r\n  .th-footer-desc {\r\n    color: var(--th-text-muted);\r\n    font-size: 0.95rem;\r\n    max-width: 450px;\r\n  }\r\n\r\n  .th-copyright {\r\n    color: #475569;\r\n    font-size: 0.8rem;\r\n    margin-top: 30px;\r\n    font-family: var(--th-font-title);\r\n  }\r\n\r\n  \/* ==========================================\r\n     RESPONSIVE MEDIA QUERIES\r\n     ========================================== *\/\r\n  @media (max-width: 992px) {\r\n    .th-grid-2 {\r\n      grid-template-columns: 1fr;\r\n      gap: 50px;\r\n    }\r\n    .th-about-content {\r\n      text-align: center;\r\n    }\r\n    .th-section-desc {\r\n      margin: 0 auto;\r\n    }\r\n    .th-tok-info {\r\n      text-align: center;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .th-navbar {\r\n      gap: 16px;\r\n      padding: 8px 16px;\r\n    }\r\n    .th-logo-text {\r\n      font-size: 1rem;\r\n    }\r\n    .th-btn-buy {\r\n      padding: 8px 16px;\r\n      font-size: 0.85rem;\r\n    }\r\n    .th-icon-btn {\r\n      width: 34px; height: 34px;\r\n    }\r\n    .th-hero-title {\r\n      font-size: 2.5rem;\r\n    }\r\n    .th-hero-container {\r\n      padding-bottom: 60px;\r\n    }\r\n    .th-ca-box {\r\n      padding: 12px 16px;\r\n    }\r\n    .th-ca-text {\r\n      font-size: 0.8rem;\r\n    }\r\n    .th-tok-cards {\r\n      grid-template-columns: 1fr;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"th-wrapper\">\r\n  \r\n  <!-- Global Noise Overlay -->\r\n  <div class=\"th-noise\"><\/div>\r\n  \r\n  <!-- GLOBAL FOG CANVAS -->\r\n  <canvas id=\"th-global-fog\"><\/canvas>\r\n\r\n  <!-- NAVBAR (Floating Pill) -->\r\n  <div class=\"th-navbar-wrapper\">\r\n    <nav class=\"th-navbar\">\r\n      <a href=\"#\" class=\"th-logo-text\">Truck<span>House<\/span><\/a>\r\n      \r\n      <div class=\"th-nav-right\">\r\n        <div class=\"th-socials\">\r\n          <!-- Twitter \/ X -->\r\n          <a href=\"#\" target=\"_blank\" aria-label=\"Twitter\" class=\"th-icon-btn\">\r\n            <svg viewBox=\"0 0 24 24\"><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          <!-- Telegram -->\r\n          <a href=\"#\" target=\"_blank\" aria-label=\"Telegram\" class=\"th-icon-btn\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M12 0C5.37 0 0 5.37 0 12s5.37 12 12 12 12-5.37 12-12S18.63 0 12 0zm5.562 8.161c-.18 1.897-.962 6.502-1.359 8.627-.168.9-.5 1.201-.82 1.23-.697.064-1.226-.461-1.901-.903-1.056-.693-1.653-1.124-2.678-1.8-1.185-.781-.417-1.21.258-1.911.177-.184 3.247-2.977 3.307-3.23.007-.032.014-.15-.056-.212s-.174-.041-.249-.024c-.106.024-1.793 1.14-5.061 3.345-.48.33-.913.49-1.302.48-.428-.008-1.252-.241-1.865-.44-.752-.245-1.349-.374-1.297-.789.027-.216.325-.437.893-.663 3.498-1.524 5.831-2.529 6.998-3.014 3.332-1.386 4.025-1.627 4.476-1.635.099-.002.321.023.465.141.119.098.152.228.166.331.016.115.021.257.01.397z\"\/><\/svg>\r\n          <\/a>\r\n          <!-- Chart Icon -->\r\n          <a href=\"#\" target=\"_blank\" aria-label=\"Chart\" class=\"th-icon-btn\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M5 9.2h3V19H5zM10.6 5h2.8v14h-2.8zM16.2 13H19v6h-2.8z\"\/><\/svg>\r\n          <\/a>\r\n        <\/div>\r\n        <a href=\"#how-to-buy\" class=\"th-btn-buy\">Buy $K-HOUSE<\/a>\r\n      <\/div>\r\n    <\/nav>\r\n  <\/div>\r\n\r\n  <!-- HERO SECTION -->\r\n  <section class=\"th-hero\">\r\n    <video class=\"th-hero-video\" autoplay loop muted playsinline>\r\n      <source src=\"https:\/\/truckhouse.xyz\/wp-content\/uploads\/2026\/08\/TRUCKHOUSE-BG1.mp4\" type=\"video\/mp4\">\r\n    <\/video>\r\n    <div class=\"th-hero-overlay\"><\/div>\r\n    \r\n    <div class=\"th-container th-hero-container\">\r\n      <div class=\"th-hero-content\">\r\n        <h1 class=\"th-hero-title\">Park Here.<br>Stay Forever.<\/h1>\r\n        <p class=\"th-hero-desc\">Six trucks. Six colors. One very good idea. Leave the grid behind. No rent. No lease. No landlord. Just find an empty truck and move in.<\/p>\r\n        \r\n        <div class=\"th-ca-box\" id=\"thCaBox\">\r\n          <span class=\"th-ca-label\">CA:<\/span>\r\n          <span class=\"th-ca-text\" id=\"thCaText\">khouseX7v8pQ9m2L4k1J3h5G6f7E8d9C0b1A2pump<\/span>\r\n          <span class=\"th-ca-icon\">\r\n            <svg viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\" ry=\"2\"><\/rect><path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\"><\/path><\/svg>\r\n          <\/span>\r\n          <span class=\"th-ca-toast\" id=\"thCaToast\">COPIED!<\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ABOUT SECTION -->\r\n  <section class=\"th-section\" id=\"about\">\r\n    <div class=\"th-container th-grid-2\">\r\n      <div class=\"th-about-content\">\r\n        <h2 class=\"th-section-title\">The Story of the Stack<\/h2>\r\n        <p class=\"th-section-desc\">Parked on a quiet lake, a stack of old delivery trucks is now a home. No blueprints or permits. Just trucks parked on trucks because it's easier than buying a house. We aren't going anywhere.<\/p>\r\n      <\/div>\r\n      <div class=\"th-about-media\">\r\n        <div class=\"th-photo-wrapper\">\r\n          <div class=\"th-photo-frame\">\r\n            <img decoding=\"async\" src=\"https:\/\/truckhouse.xyz\/wp-content\/uploads\/2026\/08\/TRUCK-HOUSE-01.png\" alt=\"Truck House Stack\" class=\"th-about-img\">\r\n            <div class=\"th-frame-badge\">EST. LAKESIDE<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- VIBE SECTION -->\r\n  <section class=\"th-section\" id=\"vibe\">\r\n    <div class=\"th-container\">\r\n      <div class=\"th-vibe-card\">\r\n        <video class=\"th-vibe-video\" autoplay loop muted playsinline>\r\n          <source src=\"https:\/\/truckhouse.xyz\/wp-content\/uploads\/2026\/08\/TRUCKHOUSE22.mp4\" type=\"video\/mp4\">\r\n        <\/video>\r\n        <div class=\"th-vibe-overlay\"><\/div>\r\n        <div class=\"th-vibe-content\">\r\n          <h2 class=\"th-section-title\">No Landlords Allowed<\/h2>\r\n          <p class=\"th-section-desc th-center-desc\">Life here is simple. A warm fire pit, a lakeside dock, and zero rush. $K-HOUSE is a mindset for those tired of the hustle. You aren't just an investor\u2014you\u2019re a neighbor. Pull up a chair.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- HOW TO BUY SECTION (UPDATED) -->\r\n  <section class=\"th-how-to-buy-section\" id=\"how-to-buy\">\r\n    <div class=\"th-how-to-buy-bg\"><\/div>\r\n    <div class=\"th-container\">\r\n      <div style=\"text-align: center;\">\r\n        <h2 class=\"th-section-title\">How to Move In<\/h2>\r\n        <p class=\"th-section-desc th-center-desc\">Getting your keys is easy. No credit checks required.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"th-buy-grid\">\r\n        <div class=\"th-step-card\">\r\n          <div class=\"th-step-num\">01<\/div>\r\n          <h3>Get a Wallet<\/h3>\r\n          <p>Download Phantom or Solflare from the app store or browser extension.<\/p>\r\n        <\/div>\r\n        <div class=\"th-step-card\">\r\n          <div class=\"th-step-num\">02<\/div>\r\n          <h3>Load SOL<\/h3>\r\n          <p>Buy SOL on an exchange and transfer it to your new wallet address.<\/p>\r\n        <\/div>\r\n        <div class=\"th-step-card\">\r\n          <div class=\"th-step-num\">03<\/div>\r\n          <h3>Swap $K-HOUSE<\/h3>\r\n          <p>Connect to Raydium or Jupiter and swap your SOL for $K-HOUSE.<\/p>\r\n        <\/div>\r\n        <div class=\"th-step-card\">\r\n          <div class=\"th-step-num\">04<\/div>\r\n          <h3>Kick Back<\/h3>\r\n          <p>You're officially moved in! Grab a spot by the fire and enjoy the view.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- TOKENOMICS SECTION -->\r\n  <section class=\"th-section\" id=\"tokenomics\">\r\n    <div class=\"th-container th-grid-2\">\r\n      <div class=\"th-tok-info\">\r\n        <h2 class=\"th-section-title\">The Blueprint<\/h2>\r\n        <p class=\"th-section-desc\">No rent, no corporate landlords. Built purely for the community with a transparent, tax-free structure.<\/p>\r\n      <\/div>\r\n      <div class=\"th-tok-cards\">\r\n        <div class=\"th-tok-card\">\r\n          <div class=\"th-tok-label\">TOTAL SUPPLY<\/div>\r\n          <div class=\"th-tok-val\">1B $K-HOUSE<\/div>\r\n        <\/div>\r\n        <div class=\"th-tok-card\">\r\n          <div class=\"th-tok-label\">BUY \/ SELL TAX<\/div>\r\n          <div class=\"th-tok-val\">0% \/ 0%<\/div>\r\n        <\/div>\r\n        <div class=\"th-tok-card\">\r\n          <div class=\"th-tok-label\">LIQUIDITY<\/div>\r\n          <div class=\"th-tok-val\">100% BURNED<\/div>\r\n        <\/div>\r\n        <div class=\"th-tok-card\">\r\n          <div class=\"th-tok-label\">CONTRACT<\/div>\r\n          <div class=\"th-tok-val\">RENOUNCED<\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- FOOTER -->\r\n  <footer class=\"th-footer\">\r\n    <div class=\"th-container th-footer-inner\">\r\n      <div class=\"th-logo-text\" style=\"font-size: 1.8rem;\">Truck<span>House<\/span><\/div>\r\n      <p class=\"th-footer-desc\">Six trucks. Six colors. One very good idea. Parked by the lake, enjoying the campfire breeze.<\/p>\r\n      <div class=\"th-copyright\">\r\n        \u00a9 2026 Truck House ($K-HOUSE). All rights reserved. \r\n      <\/div>\r\n    <\/div>\r\n  <\/footer>\r\n\r\n<\/div>\r\n\r\n<!-- JAVASCRIPT -->\r\n<script>\r\n  document.addEventListener('DOMContentLoaded', function() {\r\n    \r\n    \/\/ 1. Copy CA Logic\r\n    const caBox = document.getElementById('thCaBox');\r\n    const caText = document.getElementById('thCaText').innerText;\r\n    const toast = document.getElementById('thCaToast');\r\n\r\n    if (caBox) {\r\n      caBox.addEventListener('click', function() {\r\n        navigator.clipboard.writeText(caText).then(function() {\r\n          toast.classList.add('show');\r\n          setTimeout(function() {\r\n            toast.classList.remove('show');\r\n          }, 2000);\r\n        }).catch(function(err) {\r\n          console.error('Failed to copy: ', err);\r\n        });\r\n      });\r\n    }\r\n\r\n    \/\/ 2. Smooth Scroll Navigation\r\n    document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\r\n      anchor.addEventListener('click', function (e) {\r\n        const targetId = this.getAttribute('href');\r\n        if (targetId !== '#') {\r\n          e.preventDefault();\r\n          const target = document.querySelector(targetId);\r\n          if (target) {\r\n            target.scrollIntoView({ behavior: 'smooth' });\r\n          }\r\n        }\r\n      });\r\n    });\r\n\r\n    \/\/ 3. SINGLE GLOBAL FOG CANVAS\r\n    const canvas = document.getElementById('th-global-fog');\r\n    if (canvas) {\r\n      const ctx = canvas.getContext('2d');\r\n      let width, height;\r\n\r\n      function resizeCanvas() {\r\n        width = window.innerWidth;\r\n        height = window.innerHeight * 0.6; \r\n        canvas.width = width;\r\n        canvas.height = height;\r\n      }\r\n\r\n      window.addEventListener('resize', resizeCanvas);\r\n      resizeCanvas(); \r\n\r\n      \/\/ Particle Setup\r\n      const particles = [];\r\n      const particleCount = window.innerWidth < 768 ? 25 : 50; \r\n      \r\n      for (let i = 0; i < particleCount; i++) {\r\n        particles.push({\r\n          x: Math.random() * width,\r\n          y: Math.random() * height,\r\n          radius: Math.random() * 100 + 50, \r\n          vx: (Math.random() - 0.5) * 0.7, \r\n          vy: (Math.random() - 0.5) * 0.2, \r\n          opacity: Math.random() * 0.12 + 0.02 \r\n        });\r\n      }\r\n\r\n      function renderGlobalFog() {\r\n        ctx.clearRect(0, 0, width, height);\r\n        \r\n        particles.forEach(p => {\r\n          p.x += p.vx;\r\n          p.y += p.vy;\r\n\r\n          if (p.x < -p.radius) p.x = width + p.radius;\r\n          if (p.x > width + p.radius) p.x = -p.radius;\r\n          if (p.y < -p.radius) p.y = height + p.radius;\r\n          if (p.y > height + p.radius) p.y = -p.radius;\r\n\r\n          ctx.beginPath();\r\n          const gradient = ctx.createRadialGradient(p.x, p.y, 0, p.x, p.y, p.radius);\r\n          gradient.addColorStop(0, `rgba(215, 225, 235, ${p.opacity})`);\r\n          gradient.addColorStop(1, `rgba(215, 225, 235, 0)`);\r\n          \r\n          ctx.fillStyle = gradient;\r\n          ctx.arc(p.x, p.y, p.radius, 0, Math.PI * 2);\r\n          ctx.fill();\r\n        });\r\n        \r\n        requestAnimationFrame(renderGlobalFog);\r\n      }\r\n      \r\n      renderGlobalFog();\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>TruckHouse Buy $K-HOUSE Park Here.Stay Forever. Six trucks. Six colors. One very good idea. Leave the grid behind. No rent. No lease. No landlord. Just find an empty truck and move in. CA: khouseX7v8pQ9m2L4k1J3h5G6f7E8d9C0b1A2pump COPIED! The Story of the Stack Parked on a quiet lake, a stack of old delivery trucks is now a home. [&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:\/\/truckhouse.xyz\/index.php?rest_route=\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/truckhouse.xyz\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/truckhouse.xyz\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/truckhouse.xyz\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/truckhouse.xyz\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":22,"href":"https:\/\/truckhouse.xyz\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":41,"href":"https:\/\/truckhouse.xyz\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/41"}],"wp:attachment":[{"href":"https:\/\/truckhouse.xyz\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}