{"id":5,"date":"2026-05-28T06:48:49","date_gmt":"2026-05-28T06:48:49","guid":{"rendered":"https:\/\/turtletrading.ai\/?page_id=5"},"modified":"2026-06-10T09:21:39","modified_gmt":"2026-06-10T09:21:39","slug":"home__trashed","status":"publish","type":"page","link":"https:\/\/turtletrading.ai\/","title":{"rendered":"Home"},"content":{"rendered":"\n\n\n\n\n\nTurtleTrading.ai \u2014 Automated Algo Trading<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Bruno+Ace&family=Aldrich&family=Inter:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Aldrich&display=swap\" rel=\"stylesheet\">\n<style>\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n h1, h2, h3 { text-transform: capitalize; }\n\n :root {\n --bg: #03080f;\n --bg2: #050d18;\n --bg3: #071222;\n --card: #06101e;\n --card2: #091428;\n --green: #00e5cc;\n --green2: #00b8a5;\n --blue: #0088ff;\n --blue-brand: #0055cc;\n --btn-primary-color: #00b4d8;\n --btn-primary-hover: #00c8ee;\n --green-dim: rgba(0,229,204,0.08);\n --green-border: rgba(0,229,204,0.18);\n --text: #ffffff;\n --text2: #d0dce8;\n --text3: #4a6878;\n --border: rgba(255,255,255,0.06);\n --font-head: 'Aldrich', sans-serif;\n --font-body: 'Inter', sans-serif;\n }\n\n html { scroll-behavior: smooth; }\n\n body {\n background: var(--bg);\n color: var(--text);\n font-family: var(--font-body);\n font-size: 16px;\n line-height: 1.6;\n overflow-x: hidden;\n }\n body.menu-open { overflow: hidden; }\n\n\n \/* \u2500\u2500 VIGNETTE \u2500\u2500 *\/\n body::after {\n content: '';\n position: fixed;\n inset: 0;\n background:\n radial-gradient(ellipse 80% 80% at 50% 50%, transparent 30%, rgba(3,8,15,0.72) 100%);\n pointer-events: none;\n z-index: 0;\n }\n\n .container { max-width: 1200px; margin: 0 auto; padding: 0 32px; position: relative; z-index: 1; }\n\n @media (max-width: 768px) {\n .container,\n nav .inner,\n .strip-inner,\n .footer-inner { padding-left: 16px; padding-right: 16px; }\n }\n\n \/* \u2500\u2500 NAVBAR \u2500\u2500 *\/\n nav {\n position: fixed; top: 0; left: 0; right: 0;\n z-index: 1000;\n padding: 18px 0;\n backdrop-filter: blur(20px);\n -webkit-backdrop-filter: blur(20px);\n background: rgba(3,8,15,0.94);\n border-bottom: 1px solid transparent;\n transition: border-color 0.35s ease, padding 0.35s ease;\n }\n nav.scrolled {\n border-bottom-color: rgba(255,255,255,0.08);\n padding: 14px 0;\n }\n nav .inner {\n max-width: 1200px; margin: 0 auto; padding: 0 32px;\n display: flex; align-items: center; justify-content: space-between;\n gap: 20px;\n }\n .logo {\n font-family: var(--font-head);\n font-size: 20px;\n text-decoration: none;\n display: flex; align-items: center; gap: 10px;\n flex-shrink: 0;\n letter-spacing: 0;\n }\n .logo-full {\n background: linear-gradient(135deg, #c8c8c8 0%, #f0f0f0 30%, #a8a8a8 52%, #e8e8e8 72%, #b0b0b0 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n letter-spacing: 0;\n }\n .logo-turtle {\n width: 48px; height: 48px;\n flex-shrink: 0;\n display: flex; align-items: center; justify-content: center;\n }\n .logo-turtle img {\n width: 48px; height: 48px;\n object-fit: contain;\n }\n .nav-links {\n display: flex; align-items: center; gap: 2px;\n background: var(--bg3);\n border: 1px solid var(--border);\n border-radius: 100px;\n padding: 5px 6px;\n list-style: none;\n }\n .nav-links a {\n color: var(--text2);\n text-decoration: none;\n font-size: 14px;\n font-weight: 500;\n padding: 7px 15px;\n border-radius: 100px;\n transition: all 0.2s;\n white-space: nowrap;\n }\n .nav-links a:hover {\n color: var(--text);\n background: rgba(255,255,255,0.07);\n }\n .nav-links a.active {\n color: var(--text);\n background: transparent;\n position: relative;\n }\n .nav-links a.active::after {\n content: '';\n position: absolute;\n bottom: 3px;\n left: 15px;\n right: 15px;\n height: 2px;\n background: rgba(0,229,204,0.5);\n border-radius: 2px;\n }\n .nav-cta {\n background: var(--btn-primary-color);\n color: #fff;\n font-family: var(--font-body);\n font-size: 14px;\n font-weight: 600;\n padding: 10px 22px;\n border-radius: 100px;\n border: none;\n cursor: pointer;\n text-decoration: none;\n transition: all 0.2s;\n white-space: nowrap;\n flex-shrink: 0;\n }\n .nav-cta:hover { background: var(--btn-primary-hover); transform: translateY(-1px); box-shadow: 0 4px 24px rgba(0,180,216,0.4), 0 2px 12px rgba(0,229,204,0.25); }\n\n \/* \u2500\u2500 HAMBURGER \u2500\u2500 *\/\n .hamburger {\n display: none;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: 5px;\n width: 40px; height: 40px;\n background: var(--green-dim);\n border: 1px solid var(--green-border);\n border-radius: 9px;\n cursor: pointer;\n flex-shrink: 0;\n padding: 0;\n }\n .hamburger span {\n display: block;\n width: 18px; height: 1.5px;\n background: var(--text);\n border-radius: 2px;\n transition: transform 0.3s ease, opacity 0.3s ease;\n transform-origin: center;\n }\n .hamburger.open span:nth-child(1) { transform: translateY(6.5px) rotate(45deg); }\n .hamburger.open span:nth-child(2) { opacity: 0; transform: scaleX(0); }\n .hamburger.open span:nth-child(3) { transform: translateY(-6.5px) rotate(-45deg); }\n\n \/* \u2500\u2500 MOBILE MENU \u2500\u2500 *\/\n .mobile-overlay {\n position: fixed; inset: 0;\n background: rgba(0,0,0,0.55);\n z-index: 998;\n opacity: 0;\n pointer-events: none;\n transition: opacity 0.3s;\n }\n .mobile-overlay.open { opacity: 1; pointer-events: all; }\n\n .mobile-menu {\n position: fixed; top: 0; right: -300px; bottom: 0;\n width: 280px;\n background: var(--bg2);\n border-left: 1px solid var(--border);\n z-index: 999;\n padding: 80px 24px 40px;\n display: flex; flex-direction: column;\n transition: right 0.35s cubic-bezier(0.4,0,0.2,1);\n }\n .mobile-menu.open { right: 0; }\n .mobile-nav-list {\n list-style: none;\n display: flex; flex-direction: column; gap: 2px;\n margin-bottom: 28px;\n }\n .mobile-nav-list a {\n display: block;\n padding: 13px 16px;\n color: var(--text2);\n text-decoration: none;\n font-size: 16px;\n font-weight: 500;\n border-radius: 10px;\n transition: all 0.2s;\n }\n .mobile-nav-list a:hover, .mobile-nav-list a.active {\n color: var(--text);\n background: var(--green-dim);\n }\n .mobile-cta {\n background: var(--btn-primary-color);\n color: #fff;\n text-align: center;\n padding: 14px;\n border-radius: 10px;\n font-weight: 600;\n font-size: 15px;\n text-decoration: none;\n font-family: var(--font-body);\n transition: background 0.2s;\n }\n .mobile-cta:hover { background: var(--btn-primary-hover); }\n\n @media (max-width: 768px) {\n .nav-links { display: none; }\n .nav-cta { display: none; }\n .hamburger { display: flex; }\n nav .inner { padding-left: 20px; padding-right: 20px; }\n }\n\n \/* \u2500\u2500 HERO \u2500\u2500 *\/\n .hero-bg-img {\n mask-image: linear-gradient(to right, rgba(0,0,0,0.08) 0%, rgba(0,0,0,0.55) 45%, black 100%);\n -webkit-mask-image: linear-gradient(to right, rgba(0,0,0,0.08) 0%, rgba(0,0,0,0.55) 45%, black 100%);\n }\n\n .hero {\n min-height: 100vh;\n display: flex; align-items: center;\n padding: 120px 0 80px;\n position: relative;\n overflow: hidden;\n }\n .hero-glow {\n position: absolute;\n width: 700px; height: 700px;\n background: radial-gradient(circle, rgba(0,229,204,0.12) 0%, rgba(0,136,255,0.06) 45%, transparent 65%);\n top: 50%; left: 38%;\n transform: translate(-50%, -50%);\n pointer-events: none;\n }\n .hero-glow2 {\n position: absolute;\n width: 420px; height: 420px;\n background: radial-gradient(circle, rgba(0,136,255,0.08) 0%, rgba(0,229,204,0.04) 50%, transparent 70%);\n top: 15%; right: 8%;\n pointer-events: none;\n }\n .hero-inner {\n display: grid;\n grid-template-columns: 3fr 2fr;\n gap: 64px;\n align-items: center;\n }\n .hero-badge {\n display: inline-flex; align-items: center; gap: 8px;\n background: var(--green-dim);\n border: 1px solid var(--green-border);\n border-radius: 100px;\n padding: 7px 16px;\n font-size: 13px;\n color: var(--green);\n font-weight: 500;\n margin-bottom: 28px;\n letter-spacing: 0.03em;\n }\n .pulse-dot {\n width: 7px; height: 7px;\n background: var(--green);\n border-radius: 50%;\n flex-shrink: 0;\n animation: pulseGlow 2s infinite;\n }\n @keyframes pulseGlow {\n 0%, 100% { opacity: 1; box-shadow: 0 0 0 0 rgba(0,229,204,0.5); }\n 50% { opacity: 0.75; box-shadow: 0 0 0 5px rgba(0,229,204,0); }\n }\n .hero h1 {\n font-family: var(--font-head);\n font-size: clamp(38px, 5vw, 62px);\n line-height: 1.08;\n color: var(--text);\n margin-bottom: 22px;\n letter-spacing: -0.01em;\n }\n .hero h1 .accent { color: var(--green); }\n .hero-sub {\n font-size: 17px;\n color: var(--text2);\n line-height: 1.65;\n margin-bottom: 36px;\n font-weight: 300;\n max-width: 460px;\n }\n .hero-sub strong { color: var(--text); font-weight: 500; }\n .hero-ctas { display: flex; gap: 12px; align-items: center; margin-bottom: 52px; flex-wrap: wrap; }\n .btn-primary {\n background: #050A0F;\n color: #ffffff;\n font-family: var(--font-body);\n font-size: 15px;\n font-weight: 700;\n padding: 14px 28px;\n border-radius: 10px;\n border: none;\n cursor: pointer;\n text-decoration: none;\n display: inline-flex; align-items: center; gap: 8px;\n transition: background 0.3s ease, color 0.3s ease;\n position: relative;\n z-index: 1;\n }\n .btn-primary:hover { background: #00e5cc; color: #050A0F; }\n .btn-secondary {\n background: transparent;\n color: rgba(255,255,255,0.7);\n font-family: var(--font-body);\n font-size: 15px;\n font-weight: 500;\n padding: 14px 28px;\n border-radius: 10px;\n border: 1px solid rgba(255,255,255,0.2);\n cursor: pointer;\n text-decoration: none;\n display: inline-flex; align-items: center; gap: 8px;\n transition: all 0.25s;\n }\n .btn-secondary:hover { border: 1px solid rgba(255,255,255,0.6); color: #ffffff; background: rgba(255,255,255,0.08); }\n\n .hero-trust {\n display: flex; gap: 24px; align-items: center; flex-wrap: wrap;\n }\n .trust-item { display: flex; flex-direction: column; }\n .trust-val {\n font-family: var(--font-head);\n font-size: 26px;\n color: var(--text);\n line-height: 1;\n }\n .trust-val span { color: var(--green); }\n .trust-label { font-size: 12px; color: var(--text3); margin-top: 4px; }\n .trust-divider { width: 1px; height: 38px; background: var(--border); }\n\n \/* \u2500\u2500 HERO VISUAL \u2500\u2500 *\/\n .hero-visual {\n position: relative;\n display: flex; flex-direction: column; gap: 12px;\n }\n .hero-card {\n background: var(--card);\n border: 1px solid rgba(0,229,204,0.14);\n border-radius: 20px;\n padding: 22px;\n position: relative;\n overflow: hidden;\n box-shadow:\n 0 0 0 1px rgba(0,229,204,0.04),\n 0 0 40px rgba(0,229,204,0.1),\n 0 0 80px rgba(0,229,204,0.05),\n 0 24px 60px rgba(0,0,0,0.5);\n }\n .hero-card::before {\n content: '';\n position: absolute; top: 0; left: 0; right: 0;\n height: 1px;\n background: linear-gradient(90deg, transparent, rgba(0,229,204,0.5), transparent);\n }\n .hero-card-header {\n display: flex; align-items: center; justify-content: space-between;\n margin-bottom: 14px;\n }\n .card-title { font-size: 12px; color: var(--text3); letter-spacing: 0.02em; }\n .live-tag {\n display: flex; align-items: center; gap: 5px;\n background: var(--green-dim);\n border: 1px solid var(--green-border);\n border-radius: 100px;\n padding: 3px 10px;\n font-size: 11px; color: var(--green);\n font-weight: 600; letter-spacing: 0.06em;\n }\n .live-dot {\n width: 5px; height: 5px;\n background: var(--green);\n border-radius: 50%;\n animation: pulseGlow 1.5s infinite;\n }\n .chart-container {\n height: 160px;\n background: rgba(3,8,15,0.7);\n border-radius: 10px;\n position: relative;\n overflow: hidden;\n border: 1px solid var(--border);\n }\n .chart-container svg { width: 100%; height: 100%; }\n .chart-grid-line { stroke: rgba(255,255,255,0.04); stroke-width: 1; }\n .chart-fill {\n fill: url(#chartFillGrad);\n opacity: 0;\n animation: fadeChartFill 0.8s ease-out 2.9s forwards;\n }\n .chart-path {\n stroke: var(--green);\n stroke-width: 2;\n fill: none;\n stroke-linecap: round;\n stroke-linejoin: round;\n stroke-dasharray: 720;\n stroke-dashoffset: 720;\n animation: drawChartLine 2.4s cubic-bezier(0.4,0,0.2,1) 0.6s forwards;\n filter: drop-shadow(0 0 4px rgba(0,229,204,0.55));\n }\n @keyframes drawChartLine { to { stroke-dashoffset: 0; } }\n @keyframes fadeChartFill { to { opacity: 1; } }\n\n .mini-stats {\n display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px;\n margin-top: 12px;\n }\n .mini-stat {\n background: rgba(3,8,15,0.7);\n border: 1px solid var(--border);\n border-radius: 10px;\n padding: 10px;\n text-align: center;\n transition: border-color 0.2s;\n }\n .mini-stat:hover { border-color: var(--green-border); }\n .mini-stat-val {\n font-family: var(--font-head);\n font-size: 15px;\n color: var(--green);\n }\n .mini-stat-label { font-size: 10px; color: var(--text3); margin-top: 2px; }\n\n .ticker-card {\n background: var(--card);\n border: 1px solid var(--border);\n border-radius: 14px;\n padding: 13px 16px;\n display: flex; align-items: center; justify-content: space-between;\n transition: border-color 0.2s;\n }\n .ticker-card:hover { border-color: var(--green-border); }\n .ticker-left { display: flex; align-items: center; gap: 10px; }\n .ticker-icon {\n width: 30px; height: 30px;\n background: var(--green-dim);\n border: 1px solid var(--green-border);\n border-radius: 7px;\n display: flex; align-items: center; justify-content: center;\n font-size: 13px;\n }\n .ticker-pair { font-size: 14px; font-weight: 600; color: var(--text); }\n .ticker-sub { font-size: 11px; color: var(--text3); margin-top: 1px; }\n .ticker-val { text-align: right; }\n .ticker-price { font-family: var(--font-head); font-size: 15px; color: var(--text); }\n .ticker-change { font-size: 11px; color: var(--green); margin-top: 2px; }\n .ticker-change.short { color: #ff5252; }\n\n \/* \u2500\u2500 FEATURE STRIP \u2500\u2500 *\/\n .feature-strip {\n border-top: 1px solid var(--border);\n border-bottom: 1px solid var(--border);\n padding: 32px 0;\n background: var(--bg2);\n }\n .strip-inner {\n max-width: 1200px; margin: 0 auto; padding: 0 32px;\n display: grid; grid-template-columns: repeat(3, 1fr);\n gap: 0;\n }\n .strip-item {\n display: flex; align-items: center; gap: 16px;\n padding: 0 32px;\n border-right: 1px solid var(--border);\n }\n .strip-item:first-child { padding-left: 0; }\n .strip-item:last-child { border-right: none; }\n .strip-icon {\n width: 52px; height: 52px; flex-shrink: 0;\n color: var(--green);\n display: flex; align-items: center; justify-content: center;\n }\n .strip-icon svg { width: 100%; height: 100%; }\n .strip-title { font-size: 14px; font-weight: 600; color: var(--text); margin-bottom: 4px; }\n .strip-desc { font-size: 13px; color: var(--text2); line-height: 1.5; }\n\n @media (max-width: 768px) {\n .strip-inner { grid-template-columns: 1fr; }\n .strip-item {\n flex-direction: column;\n align-items: center;\n text-align: center;\n padding: 24px 20px;\n border-right: none;\n border-bottom: 1px solid var(--border);\n }\n .strip-item:first-child { padding-left: 20px; }\n .strip-item:last-child { border-bottom: none; }\n }\n\n \/* \u2500\u2500 SECTION STYLES \u2500\u2500 *\/\n section { padding: 100px 0; position: relative; z-index: 1; }\n .section-tag {\n display: inline-block;\n font-size: 12px;\n color: rgba(0,229,204,0.45);\n letter-spacing: 0.1em;\n text-transform: uppercase;\n font-weight: 500;\n margin-bottom: 16px;\n }\n .section-tag::before { content: '[ '; }\n .section-tag::after { content: ' ]'; }\n .section-title {\n font-family: var(--font-head);\n font-size: clamp(28px, 4vw, 42px);\n line-height: 1.15;\n color: var(--text);\n margin-bottom: 16px;\n }\n .section-title .accent { color: var(--green); }\n .section-sub {\n font-size: 17px;\n color: var(--text2);\n line-height: 1.65;\n max-width: 540px;\n font-weight: 300;\n }\n\n \/* \u2500\u2500 WHY SECTION \u2500\u2500 *\/\n .why-section { background: var(--bg2); }\n .why-inner {\n background: var(--card);\n border: 1px solid var(--border);\n border-radius: 24px;\n overflow: hidden;\n }\n .why-top {\n display: grid; grid-template-columns: 1fr 1fr;\n gap: 60px;\n padding: 56px;\n position: relative;\n }\n .why-top::after {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 1px;\n background: linear-gradient(90deg, transparent, var(--green-border), transparent);\n }\n .why-right {\n display: flex; flex-direction: column; justify-content: flex-start;\n padding-top: 35px;\n }\n .why-right p { font-size: 16px; color: var(--text2); line-height: 1.7; margin-bottom: 28px; }\n .features-grid {\n display: grid; grid-template-columns: repeat(2, 1fr);\n gap: 12px;\n padding: 0 56px 56px;\n }\n .feature-card {\n background: var(--bg3);\n border: 1px solid var(--border);\n border-radius: 14px;\n padding: 24px;\n transition: border-color 0.2s, transform 0.2s;\n }\n .feature-card:hover {\n border-color: var(--green-border);\n transform: translateY(-2px);\n }\n .feature-icon {\n width: 40px; height: 40px;\n color: var(--green);\n display: flex; align-items: center; justify-content: center;\n margin-bottom: 14px;\n }\n .feature-icon svg { width: 100%; height: 100%; }\n .feature-title { font-size: 15px; font-weight: 600; color: var(--text); margin-bottom: 8px; }\n .feature-desc { font-size: 13px; color: var(--text2); line-height: 1.55; }\n\n @media (max-width: 768px) {\n .why-inner { border-radius: 16px; }\n .why-top {\n grid-template-columns: 1fr;\n gap: 8px;\n padding: 20px;\n }\n .why-right { padding-top: 0; }\n .features-grid {\n grid-template-columns: 1fr 1fr;\n padding: 0 12px 20px;\n gap: 10px;\n }\n .feature-card { padding: 16px; }\n .feature-icon { width: 32px; height: 32px; margin-bottom: 10px; }\n .feature-title { font-size: 13px; }\n .feature-desc { font-size: 12px; }\n }\n\n \/* \u2500\u2500 STORY SECTION \u2500\u2500 *\/\n #story {\n position: relative;\n background-image: url('https:\/\/turtletrading.ai\/wp-content\/uploads\/2026\/06\/img4.jpg');\n background-size: cover;\n background-position: top right;\n }\n #story::before {\n content: '';\n position: absolute;\n inset: 0;\n background: rgba(5,10,15,0.80);\n z-index: 0;\n }\n #story > * {\n position: relative;\n z-index: 1;\n }\n @media (max-width: 768px) {\n #story { background-position: bottom center; }\n }\n .story-grid {\n display: grid; grid-template-columns: 1fr 1fr;\n gap: 60px; align-items: center;\n }\n .story-visual {\n background: var(--card);\n border: 1px solid var(--border);\n border-radius: 20px;\n padding: 40px;\n position: relative;\n overflow: hidden;\n }\n .story-visual::before {\n content: '';\n position: absolute; bottom: 0; right: 0;\n width: 200px; height: 200px;\n background: radial-gradient(circle at bottom right, rgba(0,229,204,0.1), rgba(0,136,255,0.04) 50%, transparent 70%);\n }\n .story-year {\n font-family: var(--font-head);\n font-size: 80px;\n color: rgba(0,229,204,0.08);\n line-height: 1;\n margin-bottom: -20px;\n }\n .story-quote {\n font-size: 18px;\n color: var(--text);\n line-height: 1.6;\n font-style: italic;\n font-weight: 300;\n border-left: 3px solid var(--green);\n padding-left: 20px;\n margin: 20px 0;\n }\n .story-attr { font-size: 13px; color: var(--text3); }\n .story-attr strong { color: var(--text2); }\n\n .founders-grid {\n display: grid; grid-template-columns: 1fr 1fr;\n gap: 16px; margin-top: 32px;\n }\n .founder-card {\n background: var(--card);\n border: 1px solid var(--border);\n border-radius: 14px;\n padding: 24px;\n }\n .founder-avatar {\n width: 44px; height: 44px;\n color: var(--green);\n display: flex; align-items: center; justify-content: center;\n margin-bottom: 14px;\n }\n .founder-avatar svg { width: 100%; height: 100%; }\n .founder-role { font-size: 11px; color: var(--green); letter-spacing: 0.08em; text-transform: uppercase; margin-bottom: 6px; }\n .founder-title { font-size: 15px; font-weight: 600; color: var(--text); margin-bottom: 8px; }\n .founder-desc { font-size: 13px; color: var(--text2); line-height: 1.55; }\n\n @media (max-width: 768px) {\n section { padding: 64px 0; }\n .section-sub { max-width: 100%; }\n\n .story-grid {\n grid-template-columns: 1fr;\n gap: 32px;\n }\n .story-visual {\n padding: 24px;\n border-radius: 16px;\n }\n .story-year {\n font-size: 52px;\n margin-bottom: -10px;\n }\n .story-quote {\n font-size: 16px;\n margin: 16px 0;\n }\n .founders-grid {\n grid-template-columns: 1fr;\n gap: 10px;\n margin-top: 24px;\n }\n .founder-card { padding: 18px; }\n .founder-avatar {\n width: 40px; height: 40px;\n font-size: 18px;\n margin-bottom: 10px;\n }\n }\n\n \/* \u2500\u2500 RISK SECTION \u2500\u2500 *\/\n .risk-section { background: var(--bg2); }\n .risk-grid {\n display: grid; grid-template-columns: repeat(3, 1fr);\n gap: 16px; margin-top: 48px;\n }\n .risk-card {\n background: var(--card);\n border: 1px solid var(--border);\n border-radius: 20px;\n padding: 32px;\n position: relative;\n overflow: hidden;\n transition: border-color 0.2s;\n }\n .risk-card:hover { border-color: var(--green-border); }\n .risk-card::after {\n content: '';\n position: absolute; bottom: 0; right: 0;\n width: 120px; height: 120px;\n background: radial-gradient(circle at bottom right, rgba(0,229,204,0.06), rgba(0,136,255,0.03) 50%, transparent 70%);\n }\n .risk-number {\n font-family: var(--font-head);\n font-size: 21px;\n color: var(--green);\n line-height: 1;\n margin-bottom: 20px;\n }\n .risk-icon {\n position: absolute;\n top: 28px; right: 28px;\n width: 36px; height: 36px;\n color: var(--green);\n display: flex; align-items: center; justify-content: center;\n }\n .risk-icon svg { width: 100%; height: 100%; }\n .risk-title { font-size: 17px; font-weight: 600; color: var(--text); margin-bottom: 10px; }\n .risk-desc { font-size: 14px; color: var(--text2); line-height: 1.65; }\n\n @media (max-width: 768px) {\n .risk-grid {\n grid-template-columns: 1fr;\n gap: 12px;\n margin-top: 32px;\n }\n .risk-card {\n padding: 24px;\n border-radius: 16px;\n }\n .risk-icon { top: 20px; right: 20px; }\n }\n\n \/* \u2500\u2500 STATS SECTION \u2500\u2500 *\/\n .stats-inner {\n display: grid; grid-template-columns: 1fr 1fr;\n gap: 60px; align-items: center;\n }\n .stats-right {\n display: flex; flex-direction: column; gap: 0;\n }\n .stat-row-item {\n display: flex; align-items: flex-start;\n gap: 40px;\n padding: 20px 0;\n border-bottom: 1px solid var(--border);\n }\n .stat-row-item:first-child { border-top: 1px solid var(--border); }\n .stat-big {\n font-family: var(--font-head);\n font-size: 44px;\n color: var(--text);\n line-height: 1;\n flex-shrink: 0;\n width: 150px;\n }\n .stat-big .accent { color: var(--green); }\n .stat-row-label { font-size: 15px; color: var(--text2); }\n\n @media (max-width: 768px) {\n .stats-inner {\n grid-template-columns: 1fr;\n gap: 32px;\n }\n .stat-row-item {\n gap: 24px;\n padding: 16px 0;\n }\n .stat-big {\n font-size: 36px;\n width: 104px;\n }\n .stat-row-label { font-size: 14px; }\n .stats-inner > div:first-child {\n display: flex;\n justify-content: center;\n }\n .stats-inner > div:first-child img {\n height: auto !important;\n max-height: 400px;\n }\n }\n\n \/* \u2500\u2500 PRICING SECTION \u2500\u2500 *\/\n .pricing-grid {\n display: grid; grid-template-columns: repeat(2, 1fr);\n gap: 20px; margin-top: 56px;\n }\n .pricing-card {\n background: var(--card);\n border: 1px solid var(--border);\n border-radius: 20px;\n padding: 36px;\n display: flex; flex-direction: column;\n transition: border-color 0.2s, transform 0.2s;\n }\n .pricing-card:hover { transform: translateY(-4px); }\n .pricing-card.featured {\n border-color: var(--green-border);\n background: var(--card2);\n position: relative;\n }\n .pricing-card.featured::before {\n content: '';\n position: absolute; top: 0; left: 0; right: 0;\n height: 2px;\n background: linear-gradient(90deg, transparent, var(--green), transparent);\n border-radius: 20px 20px 0 0;\n }\n .pricing-badge {\n display: inline-flex; align-items: center; gap: 6px;\n background: var(--green-dim);\n border: 1px solid var(--green-border);\n color: var(--green);\n font-size: 11px;\n font-weight: 600;\n padding: 4px 12px;\n border-radius: 100px;\n text-transform: uppercase;\n letter-spacing: 0.08em;\n margin-bottom: 24px;\n align-self: flex-start;\n }\n .pricing-badge::before {\n content: '';\n width: 5px; height: 5px;\n background: var(--green);\n border-radius: 50%;\n animation: pulseGlow 2s infinite;\n }\n .pricing-name {\n font-family: var(--font-head);\n font-size: 22px;\n color: var(--text);\n margin-bottom: 8px;\n }\n .pricing-desc { font-size: 14px; color: var(--text2); margin-bottom: 28px; line-height: 1.6; }\n .pricing-price {\n display: flex; align-items: flex-end; gap: 6px;\n margin-bottom: 4px;\n }\n .pricing-price-amount {\n font-family: var(--font-head);\n font-size: 52px;\n color: var(--text);\n line-height: 1;\n }\n .pricing-price-currency {\n font-size: 16px;\n color: var(--green);\n font-weight: 600;\n margin-bottom: 8px;\n font-family: var(--font-body);\n }\n .pricing-period { font-size: 13px; color: var(--text3); margin-bottom: 28px; }\n .pricing-divider { height: 1px; background: var(--border); margin-bottom: 24px; }\n .pricing-features { list-style: none; display: flex; flex-direction: column; gap: 12px; flex: 1; }\n .pricing-features li {\n display: flex; align-items: flex-start; gap: 10px;\n font-size: 14px; color: var(--text2);\n }\n .pricing-features li::before {\n content: '\u2713';\n color: var(--green);\n font-weight: 600;\n flex-shrink: 0;\n margin-top: 1px;\n }\n .pricing-cta {\n margin-top: 28px;\n display: block;\n text-align: center;\n padding: 14px;\n border-radius: 10px;\n font-size: 15px;\n font-weight: 600;\n text-decoration: none;\n transition: all 0.2s;\n cursor: pointer;\n border: none;\n font-family: var(--font-body);\n }\n .pricing-cta.primary { background: var(--btn-primary-color); color: #fff; }\n .pricing-cta.primary:hover { background: var(--btn-primary-hover); box-shadow: 0 6px 20px rgba(0,180,216,0.35), 0 3px 12px rgba(0,229,204,0.2); }\n .pricing-cta.secondary {\n background: transparent;\n color: var(--text2);\n border: 1px solid var(--border);\n }\n .pricing-cta.secondary:hover { border-color: var(--green-border); color: var(--text); }\n\n \/* \u2500\u2500 PRICING ADD-ON STRIP \u2500\u2500 *\/\n .pricing-addon {\n margin-top: 16px;\n background: var(--card);\n border: 1px solid var(--border);\n border-radius: 16px;\n padding: 24px 32px;\n display: flex; align-items: center; justify-content: space-between;\n gap: 24px;\n transition: border-color 0.2s;\n }\n .pricing-addon:hover { border-color: var(--green-border); }\n .pricing-addon-left { display: flex; align-items: center; gap: 18px; }\n .pricing-addon-icon {\n width: 44px; height: 44px; flex-shrink: 0;\n color: var(--green);\n display: flex; align-items: center; justify-content: center;\n }\n .pricing-addon-icon svg { width: 100%; height: 100%; }\n .pricing-addon-title { font-size: 15px; font-weight: 600; color: var(--text); margin-bottom: 4px; }\n .pricing-addon-desc { font-size: 13px; color: var(--text2); line-height: 1.5; }\n .pricing-addon-right {\n display: flex; align-items: center; gap: 24px;\n flex-shrink: 0;\n }\n .pricing-addon-price {\n text-align: right;\n }\n .pricing-addon-amount {\n font-family: var(--font-head);\n font-size: 28px;\n color: var(--text);\n line-height: 1;\n }\n .pricing-addon-amount span { color: var(--green); font-size: 14px; vertical-align: super; }\n .pricing-addon-period { font-size: 12px; color: var(--text3); margin-top: 3px; }\n .pricing-addon-cta {\n background: transparent;\n color: var(--text2);\n border: 1px solid var(--border);\n border-radius: 10px;\n padding: 10px 22px;\n font-size: 14px;\n font-weight: 600;\n text-decoration: none;\n font-family: var(--font-body);\n white-space: nowrap;\n transition: all 0.2s;\n }\n .pricing-addon-cta:hover { border-color: var(--green-border); color: var(--text); }\n\n @media (max-width: 768px) {\n .pricing-grid { grid-template-columns: 1fr; gap: 14px; margin-top: 36px; }\n .pricing-card { padding: 24px; border-radius: 16px; }\n .pricing-price-amount { font-size: 40px; }\n .pricing-addon {\n flex-direction: column;\n align-items: flex-start;\n padding: 24px;\n border-radius: 16px;\n gap: 0;\n }\n .pricing-addon-left {\n flex-direction: column;\n align-items: flex-start;\n gap: 12px;\n margin-bottom: 20px;\n }\n .pricing-addon-right {\n flex-direction: column;\n align-items: flex-start;\n gap: 16px;\n width: 100%;\n }\n .pricing-addon-price { text-align: left; }\n .pricing-addon-cta {\n display: block;\n text-align: center;\n width: 100%;\n padding: 14px;\n }\n }\n\n \/* \u2500\u2500 CTA BANNER \u2500\u2500 *\/\n .cta-banner {\n background-color: var(--card);\n background-image: linear-gradient(rgba(5,10,15,0.55), rgba(5,10,15,0.55)), url('https:\/\/turtletrading.ai\/wp-content\/uploads\/2026\/06\/img5.png');\n background-size: cover;\n background-position: center;\n border: 1px solid var(--green-border);\n border-radius: 24px;\n padding: 64px;\n text-align: center;\n position: relative;\n overflow: hidden;\n margin: 0 0 100px;\n }\n .cta-banner::before {\n content: '';\n position: absolute; top: -100px; left: 50%; transform: translateX(-50%);\n width: 400px; height: 300px;\n background: radial-gradient(circle, rgba(0,229,204,0.1) 0%, rgba(0,136,255,0.06) 45%, transparent 70%);\n }\n .cta-banner h2 {\n font-family: var(--font-head);\n font-size: clamp(28px, 4vw, 44px);\n color: var(--text);\n margin-bottom: 16px;\n position: relative;\n }\n .cta-banner p { font-size: 17px; color: var(--text2); margin-bottom: 36px; font-weight: 300; position: relative; }\n .cta-banner .btn-primary { display: inline-flex; position: relative; font-size: 16px; padding: 16px 36px; }\n\n @media (max-width: 768px) {\n .cta-banner { padding: 36px 24px; border-radius: 16px; margin: 0 0 64px; }\n .cta-banner h2 { font-size: clamp(22px, 6vw, 32px); }\n .cta-banner .btn-primary { width: 100%; justify-content: center; }\n }\n\n \/* \u2500\u2500 FOOTER \u2500\u2500 *\/\n footer {\n border-top: 1px solid var(--border);\n padding: 40px 0;\n background: var(--bg2);\n position: relative; z-index: 1;\n }\n .footer-inner {\n max-width: 1200px; margin: 0 auto; padding: 0 32px;\n }\n .footer-top {\n display: flex; justify-content: space-between; align-items: flex-start;\n margin-bottom: 32px;\n }\n .footer-links {\n display: flex; gap: 24px;\n }\n .footer-links a { font-size: 14px; color: var(--text3); text-decoration: none; }\n .footer-links a:hover { color: var(--text2); }\n .footer-disclaimer {\n font-size: 12px;\n color: var(--text3);\n line-height: 1.7;\n padding-top: 24px;\n border-top: 1px solid var(--border);\n }\n .footer-bottom {\n display: flex; justify-content: center; align-items: center;\n margin-top: 20px;\n }\n .footer-copy { font-size: 13px; color: var(--text3); }\n\n @media (max-width: 768px) {\n footer { padding: 32px 0; }\n .footer-top {\n flex-direction: column;\n align-items: flex-start;\n gap: 24px;\n margin-bottom: 24px;\n }\n .footer-links {\n flex-wrap: wrap;\n gap: 12px 20px;\n }\n .footer-disclaimer { font-size: 12px; padding-top: 20px; }\n .footer-bottom { margin-top: 16px; }\n }\n\n \/* \u2500\u2500 ANIMATIONS \u2500\u2500 *\/\n @keyframes fadeUp {\n from { opacity: 0; transform: translateY(26px); }\n to { opacity: 1; transform: translateY(0); }\n }\n .hero-left > * {\n animation: fadeUp 0.7s ease-out forwards;\n opacity: 0;\n }\n .hero-left > *:nth-child(1) { animation-delay: 0.1s; }\n .hero-left > *:nth-child(2) { animation-delay: 0.22s; }\n .hero-left > *:nth-child(3) { animation-delay: 0.36s; }\n .hero-left > *:nth-child(4) { animation-delay: 0.48s; }\n .hero-left > *:nth-child(5) { animation-delay: 0.6s; }\n .hero-visual {\n animation: fadeUp 0.9s ease-out 0.35s forwards;\n opacity: 0;\n }\n\n @media (max-width: 900px) {\n .hero-bg-img {\n mask-image: linear-gradient(to bottom, transparent 0%, transparent 20%, black 45%, black 100%);\n -webkit-mask-image: linear-gradient(to bottom, transparent 0%, transparent 20%, black 45%, black 100%);\n }\n\n .hero-inner {\n grid-template-columns: 1fr;\n gap: 24px;\n }\n .hero-left { text-align: center; }\n\n \/* Badge: plain text, no pill *\/\n .hero-badge {\n background: none;\n border: none;\n padding: 0;\n border-radius: 0;\n margin-bottom: 8px;\n font-size: 12px;\n letter-spacing: 0.04em;\n }\n\n \/* H1 *\/\n .hero h1 { font-size: 32px; line-height: 1.12; }\n\n .hero-sub { max-width: 100%; margin-left: auto; margin-right: auto; font-size: 15px; margin-bottom: 24px; }\n .hero-ctas { justify-content: center; margin-bottom: 28px; }\n\n \/* Chart card: full width, taller *\/\n .hero-visual { display: flex; flex-direction: column; width: 100%; }\n .hero-card { width: 100%; }\n .chart-container { height: 200px; }\n\n \/* trust stats \u2192 2\u00d72 grid *\/\n .hero-trust {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 0;\n width: 100%;\n max-width: 360px;\n margin: 0 auto;\n border: 1px solid var(--border);\n border-radius: 14px;\n overflow: hidden;\n }\n .trust-divider { display: none; }\n .trust-item {\n padding: 20px 16px;\n text-align: center;\n align-items: center;\n }\n \/* internal grid borders *\/\n .hero-trust .trust-item:nth-child(1) {\n border-right: 1px solid var(--border);\n border-bottom: 1px solid var(--border);\n }\n .hero-trust .trust-item:nth-child(3) {\n border-bottom: 1px solid var(--border);\n }\n .hero-trust .trust-item:nth-child(5) {\n border-right: 1px solid var(--border);\n }\n }\n\n \/* \u2500\u2500 SCROLL REVEAL \u2500\u2500 *\/\n .reveal {\n opacity: 0;\n transform: translateY(22px);\n transition: opacity 0.55s ease-out, transform 0.55s ease-out;\n transition-delay: var(--reveal-delay, 0s);\n }\n .reveal.visible {\n opacity: 1;\n transform: translateY(0);\n }\n \/* \u2500\u2500 HERO ENTRANCE \u2500\u2500 *\/\n .hero-enter {\n opacity: 0;\n transform: translateY(16px);\n transition: opacity 0.65s ease-out, transform 0.65s ease-out;\n transition-delay: var(--hero-delay, 0s);\n }\n .hero-enter.go {\n opacity: 1;\n transform: translateY(0);\n }\n\n \/* \u2500\u2500 ROTATING BORDER WRAPPER \u2500\u2500 *\/\n @property --angle {\n syntax: '<angle>';\n initial-value: 0deg;\n inherits: false;\n }\n .btn-glow-wrapper {\n position: relative;\n padding: 2px;\n border-radius: 12px;\n display: inline-block;\n }\n .btn-glow-wrapper::before {\n content: '';\n position: absolute;\n inset: 0;\n border-radius: 12px;\n background: conic-gradient(from var(--angle), transparent 0deg, #00e5cc 60deg, #ffffff 120deg, #00e5cc 180deg, transparent 240deg);\n animation: spin-border 1.875s linear infinite;\n }\n @keyframes spin-border {\n to { --angle: 360deg; }\n }\n\n<\/style>\n<\/head>\n<body>\n\n<!-- NAVBAR -->\n<nav id=\"navbar\">\n <div class=\"inner\">\n <a href=\"#\" class=\"logo\">\n <div class=\"logo-turtle\"><img decoding=\"async\" src=\"https:\/\/turtletrading.ai\/wp-content\/uploads\/2026\/06\/img1.png\" alt=\"TurtleTrading logo\"><\/div>\n <span class=\"logo-full\">TurtleTrading.AI<\/span>\n <\/a>\n <ul class=\"nav-links\">\n <li><a href=\"#\" class=\"active\">Home<\/a><\/li>\n <li><a href=\"#why\">Strategy<\/a><\/li>\n <li><a href=\"#story\">About<\/a><\/li>\n <li><a href=\"#risk\">Risk<\/a><\/li>\n <li><a href=\"#pricing\">Pricing<\/a><\/li>\n <\/ul>\n <a href=\"#\" class=\"nav-cta\">Get Your AI Now<\/a>\n <button class=\"hamburger\" id=\"hamburger\" aria-label=\"Open menu\">\n <span><\/span>\n <span><\/span>\n <span><\/span>\n <\/button>\n <\/div>\n<\/nav>\n\n<!-- MOBILE OVERLAY + DRAWER -->\n<div class=\"mobile-overlay\" id=\"mobileOverlay\"><\/div>\n<div class=\"mobile-menu\" id=\"mobileMenu\">\n <ul class=\"mobile-nav-list\">\n <li><a href=\"#\" class=\"active\" onclick=\"closeMenu()\">Home<\/a><\/li>\n <li><a href=\"#why\" onclick=\"closeMenu()\">Strategy<\/a><\/li>\n <li><a href=\"#story\" onclick=\"closeMenu()\">About<\/a><\/li>\n <li><a href=\"#risk\" onclick=\"closeMenu()\">Risk<\/a><\/li>\n <li><a href=\"#pricing\" onclick=\"closeMenu()\">Pricing<\/a><\/li>\n <\/ul>\n <a href=\"#\" class=\"mobile-cta\" onclick=\"closeMenu()\">Get Your AI Now<\/a>\n<\/div>\n\n<!-- HERO -->\n<section class=\"hero\">\n <div class=\"hero-glow\"><\/div>\n <div class=\"hero-glow2\"><\/div>\n <img decoding=\"async\" src=\"https:\/\/turtletrading.ai\/wp-content\/uploads\/2026\/06\/img2.png\" aria-hidden=\"true\" class=\"hero-bg-img\"\n style=\"position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;opacity:0.38;pointer-events:none;z-index:0;mix-blend-mode:screen;\">\n <div class=\"container\">\n <div class=\"hero-inner\">\n <div class=\"hero-left\">\n <div class=\"hero-badge\">\n <span class=\"pulse-dot\"><\/span>\n Live since October 2022\n <\/div>\n <h1>Our AI Trades 24\/7. <span style=\"color:#00e5cc\">230+ Portfolios Grow.<\/span><\/h1>\n <p class=\"hero-sub\">\n Setup and forget about it. No charts. No signals. No emotions. Our verified MT4 algorithm running live since October 2022 and more than 230 traders profiting from it.\n <\/p>\n <div class=\"hero-ctas\">\n <div class=\"btn-glow-wrapper\"><a href=\"#\" class=\"btn-primary\">Get Your AI Now<\/a><\/div>\n <a href=\"#why\" class=\"btn-secondary\">See How It Works<\/a>\n <\/div>\n <\/div>\n\n <div class=\"hero-visual\">\n <div class=\"hero-card\">\n <div class=\"hero-card-header\">\n <div class=\"card-title\">Performance since Oct. 2022<\/div>\n <div class=\"live-tag\"><span class=\"live-dot\"><\/span> LIVE<\/div>\n <\/div>\n <div class=\"chart-container\">\n <svg viewBox=\"0 0 300 140\" preserveAspectRatio=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <defs>\n <linearGradient id=\"chartFillGrad\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n <stop offset=\"0%\" stop-color=\"#00e5cc\" stop-opacity=\"0.18\"\/>\n <stop offset=\"100%\" stop-color=\"#00e5cc\" stop-opacity=\"0\"\/>\n <\/linearGradient>\n <\/defs>\n <line class=\"chart-grid-line\" x1=\"0\" y1=\"35\" x2=\"300\" y2=\"35\"\/>\n <line class=\"chart-grid-line\" x1=\"0\" y1=\"70\" x2=\"300\" y2=\"70\"\/>\n <line class=\"chart-grid-line\" x1=\"0\" y1=\"105\" x2=\"300\" y2=\"105\"\/>\n <path class=\"chart-fill\" d=\"M0,128 C18,123 36,117 55,110 C72,104 84,100 97,95 C114,89 138,79 158,71 C172,66 173,64 175,62 C194,52 214,42 234,33 C254,24 275,13 300,6 L300,140 L0,140 Z\"\/>\n <path class=\"chart-path\" d=\"M0,128 C18,123 36,117 55,110 C72,104 84,100 97,95 C114,89 138,79 158,71 C172,66 173,64 175,62 C194,52 214,42 234,33 C254,24 275,13 300,6\"\/>\n <\/svg>\n <\/div>\n <div class=\"mini-stats\">\n <div class=\"mini-stat\">\n <div class=\"mini-stat-val\">+228%<\/div>\n <div class=\"mini-stat-label\">Total Return<\/div>\n <\/div>\n <div class=\"mini-stat\">\n <div class=\"mini-stat-val\">80%<\/div>\n <div class=\"mini-stat-label\">Win Rate<\/div>\n <\/div>\n <div class=\"mini-stat\">\n <div class=\"mini-stat-val\">36.16%<\/div>\n <div class=\"mini-stat-label\">Max Drawdown<\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"ticker-card\">\n <div class=\"ticker-left\">\n <div class=\"ticker-icon\" style=\"color:var(--green);\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" width=\"16\" height=\"16\">\n <polyline points=\"20 6 9 17 4 12\"\/>\n <\/svg>\n <\/div>\n <div>\n <div class=\"ticker-pair\">AUD\/CAD<\/div>\n <div class=\"ticker-sub\">Forex \u00b7 Long<\/div>\n <\/div>\n <\/div>\n <div class=\"ticker-val\">\n <div class=\"ticker-price\">0.90418<\/div>\n <div class=\"ticker-change\">\u25b2 +0.38% today<\/div>\n <\/div>\n <\/div>\n <div class=\"ticker-card\">\n <div class=\"ticker-left\">\n <div class=\"ticker-icon\" style=\"color:var(--green);\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" width=\"16\" height=\"16\">\n <polyline points=\"20 6 9 17 4 12\"\/>\n <\/svg>\n <\/div>\n <div>\n <div class=\"ticker-pair\">GBP\/USD<\/div>\n <div class=\"ticker-sub\">Forex \u00b7 Short<\/div>\n <\/div>\n <\/div>\n <div class=\"ticker-val\">\n <div class=\"ticker-price\">1.27340<\/div>\n <div class=\"ticker-change short\">\u25bc -0.29% today<\/div>\n <\/div>\n <\/div>\n <div class=\"ticker-card\">\n <div class=\"ticker-left\">\n <div class=\"ticker-icon\" style=\"color:var(--green);\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" width=\"16\" height=\"16\">\n <polyline points=\"20 6 9 17 4 12\"\/>\n <\/svg>\n <\/div>\n <div>\n <div class=\"ticker-pair\">USD\/JPY<\/div>\n <div class=\"ticker-sub\">Forex \u00b7 Long<\/div>\n <\/div>\n <\/div>\n <div class=\"ticker-val\">\n <div class=\"ticker-price\">149.582<\/div>\n <div class=\"ticker-change\">\u25b2 +0.21% today<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- FEATURE STRIP -->\n<div class=\"feature-strip\">\n <div class=\"strip-inner\">\n <div class=\"strip-item\">\n <div class=\"strip-icon\">\n <!-- Plug -->\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M12 22v-5\"\/>\n <path d=\"M9 7V2\"\/>\n <path d=\"M15 7V2\"\/>\n <path d=\"M6 13V8h12v5a4 4 0 0 1-4 4H10a4 4 0 0 1-4-4z\"\/>\n <\/svg>\n <\/div>\n <div>\n <div class=\"strip-title\">MT4 Compatible<\/div>\n <div class=\"strip-desc\">Works with any broker worldwide. No platform switch needed.<\/div>\n <\/div>\n <\/div>\n <div class=\"strip-item\">\n <div class=\"strip-icon\">\n <!-- BadgeCheck -->\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z\"\/>\n <path d=\"m9 12 2 2 4-4\"\/>\n <\/svg>\n <\/div>\n <div>\n <div class=\"strip-title\">Verified on MyFXBook<\/div>\n <div class=\"strip-desc\">Public live track record since October 2022. No hidden data.<\/div>\n <\/div>\n <\/div>\n <div class=\"strip-item\">\n <div class=\"strip-icon\">\n <!-- Cloud -->\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M17.5 19H9a7 7 0 1 1 6.71-9h1.79a4.5 4.5 0 1 1 0 9Z\"\/>\n <\/svg>\n <\/div>\n <div>\n <div class=\"strip-title\">12 Months VPS Included<\/div>\n <div class=\"strip-desc\">Runs 24\/7 on a dedicated server. No PC required.<\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n\n<!-- WHY SECTION -->\n<section class=\"why-section\" id=\"why\">\n <div class=\"container\">\n <div class=\"why-inner\">\n <div class=\"why-top\">\n <div class=\"why-left\">\n <div class=\"section-tag\">Why TurtleTrading.ai<\/div>\n <h2 class=\"section-title\">3 Ways Traders Lose. <span class=\"accent\">1 Way Traders Win.<\/span><\/h2>\n <\/div>\n <div class=\"why-right\">\n <p>Forget watching charts all day. Our AI rides market momentum 24\/7, protects your capital on every trade and profits in both directions. Built on the same principles that made the original Turtles millions. Start with as little as $100.<\/p>\n <\/div>\n <\/div>\n <div class=\"features-grid\">\n <div class=\"feature-card\">\n <div class=\"feature-icon\">\n <!-- TriangleAlert -->\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"m21.73 18-8-14a2 2 0 0 0-3.46 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3Z\"\/>\n <line x1=\"12\" y1=\"9\" x2=\"12\" y2=\"13\"\/>\n <line x1=\"12\" y1=\"17\" x2=\"12.01\" y2=\"17\"\/>\n <\/svg>\n <\/div>\n <div class=\"feature-title\">You Trade With Emotions<\/div>\n <div class=\"feature-desc\">Fear, greed, revenge trades. Every manual trader knows the feeling. The market does not care about your feelings.<\/div>\n <\/div>\n <div class=\"feature-card\">\n <div class=\"feature-icon\">\n <!-- Clock -->\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\n <polyline points=\"12 6 12 12 16 14\"\/>\n <\/svg>\n <\/div>\n <div class=\"feature-title\">Signals Arrive Too Late<\/div>\n <div class=\"feature-desc\">By the time you read the signal, open your broker and place the trade, the entry is already gone.<\/div>\n <\/div>\n <div class=\"feature-card\">\n <div class=\"feature-icon\">\n <!-- FileX -->\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z\"\/>\n <polyline points=\"14 2 14 8 20 8\"\/>\n <line x1=\"9.5\" y1=\"12.5\" x2=\"14.5\" y2=\"17.5\"\/>\n <line x1=\"14.5\" y1=\"12.5\" x2=\"9.5\" y2=\"17.5\"\/>\n <\/svg>\n <\/div>\n <div class=\"feature-title\">Most Bots Have No Proof<\/div>\n <div class=\"feature-desc\">Backtests look great on paper. Live results are a different story. Most bots have no verified public track record.<\/div>\n <\/div>\n <div class=\"feature-card\" style=\"border-color:#00e5cc;box-shadow:0 0 20px rgba(0,229,204,0.3);background:#0d1f35;position:relative;overflow:hidden;\">\n <div style=\"position:absolute;bottom:0;right:0;width:140px;height:140px;background:radial-gradient(circle at bottom right,rgba(0,229,204,0.09),transparent 70%);pointer-events:none;\"><\/div>\n <div class=\"feature-icon\">\n <img decoding=\"async\" src=\"https:\/\/turtletrading.ai\/wp-content\/uploads\/2026\/06\/img1.png\" alt=\"TurtleTrading.ai\" style=\"width:40px;height:40px;object-fit:contain;\">\n <\/div>\n <div class=\"feature-title\">TurtleTrading.ai User Win<\/div>\n <div class=\"feature-desc\">Trend following. Capital protection. Bidirectional profits. One AI running 24\/7 on your MT4 account.<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- STORY SECTION -->\n<section id=\"story\">\n <div class=\"container\">\n <div class=\"story-grid\">\n <div class=\"story-visual\">\n <div class=\"story-year\">1983<\/div>\n <div class=\"story-quote\">\n “Richard Dennis proved in 1983 that great traders are made, not born. We proved it again in 2022 with an algorithm.”\n <\/div>\n <div class=\"story-attr\"><strong>TurtleTrading.ai<\/strong>, Founders<\/div>\n <div style=\"margin-top:28px; padding:20px; background:var(--bg3); border-radius:12px; border:1px solid var(--border);\">\n <div style=\"font-size:12px; color:var(--text3); text-transform:uppercase; letter-spacing:0.08em; margin-bottom:10px;\">The Result<\/div>\n <div style=\"font-size:15px; color:var(--text2); line-height:1.6;\">23 ordinary people with <span style=\"color:var(--green);\">zero trading experience<\/span> generated over <span style=\"color:var(--green);\">$175 million<\/span> in profits using a strict, rules-based system.<\/div>\n <\/div>\n <\/div>\n <div>\n <div class=\"section-tag\">Our Story<\/div>\n <h2 class=\"section-title\">We Traded For Years. <span class=\"accent\">Now Our AI Does It.<\/span><\/h2>\n <p class=\"section-sub\">We started like many traders do. Following the Turtle Trading rules manually. It worked. But manual execution means emotion, missed entries and sleepless nights watching charts. So we automated it. Optimized it. And ran it on our own accounts first. In October 2022 we went live. Since then the system has been running without interruption. Every trade verified on MyFXBook. No hidden data. No cherry picked results.<\/p>\n <div class=\"founders-grid\">\n <div class=\"founder-card\">\n <div class=\"founder-avatar\">\n <!-- Terminal \/ Code -->\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <polyline points=\"16 18 22 12 16 6\"\/>\n <polyline points=\"8 6 2 12 8 18\"\/>\n <\/svg>\n <\/div>\n <div class=\"founder-role\">Co-Founder<\/div>\n <div class=\"founder-title\">The Architect<\/div>\n <div class=\"founder-desc\">20 years building automated trading systems. Took Richard Dennis his rules and rebuilt them in code.<\/div>\n <\/div>\n <div class=\"founder-card\">\n <div class=\"founder-avatar\">\n <!-- Sliders \/ Operator -->\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <line x1=\"4\" y1=\"21\" x2=\"4\" y2=\"14\"\/>\n <line x1=\"4\" y1=\"10\" x2=\"4\" y2=\"3\"\/>\n <line x1=\"12\" y1=\"21\" x2=\"12\" y2=\"12\"\/>\n <line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"3\"\/>\n <line x1=\"20\" y1=\"21\" x2=\"20\" y2=\"16\"\/>\n <line x1=\"20\" y1=\"12\" x2=\"20\" y2=\"3\"\/>\n <line x1=\"1\" y1=\"14\" x2=\"7\" y2=\"14\"\/>\n <line x1=\"9\" y1=\"8\" x2=\"15\" y2=\"8\"\/>\n <line x1=\"17\" y1=\"16\" x2=\"23\" y2=\"16\"\/>\n <\/svg>\n <\/div>\n <div class=\"founder-role\">Co-Founder<\/div>\n <div class=\"founder-title\">The Operator<\/div>\n <div class=\"founder-desc\">Handles everything outside the algorithm. Setup, support and making sure the experience is seamless from day one.<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- RISK SECTION -->\n<section class=\"risk-section\" id=\"risk\">\n <div class=\"container\">\n <div style=\"text-align:center; max-width:600px; margin:0 auto 0;\">\n <div class=\"section-tag\">Capital Safeguards<\/div>\n <h2 class=\"section-title\">Your Money Is <span class=\"accent\">Protected.<\/span><br>At Every Step.<\/h2>\n <p class=\"section-sub\" style=\"margin:0 auto;\">Three layers of automated protection ensure you always know your maximum risk, before a single trade is opened.<\/p>\n <\/div>\n <div class=\"risk-grid\">\n <div class=\"risk-card\">\n <div class=\"risk-number\">Layer 1<\/div>\n <div class=\"risk-icon\">\n <!-- Lock -->\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\" ry=\"2\"\/>\n <path d=\"M7 11V7a5 5 0 0 1 10 0v4\"\/>\n <\/svg>\n <\/div>\n <div class=\"risk-title\">Equity Stop Protection<\/div>\n <div class=\"risk-desc\">You set the maximum loss you are comfortable with. Our AI closes everything automatically when that level is reached. You always know your worst case before the market opens.<\/div>\n <\/div>\n <div class=\"risk-card\">\n <div class=\"risk-number\">Layer 2<\/div>\n <div class=\"risk-icon\">\n <!-- Alert Triangle -->\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z\"\/>\n <line x1=\"12\" y1=\"9\" x2=\"12\" y2=\"13\"\/>\n <line x1=\"12\" y1=\"17\" x2=\"12.01\" y2=\"17\"\/>\n <\/svg>\n <\/div>\n <div class=\"risk-title\">Drawdown Protection System<\/div>\n <div class=\"risk-desc\">When floating losses hit a set threshold our AI pauses all trading immediately. On a $10,000 account at 20% drawdown that means trading stops before losses exceed $2,000. Full control. Zero panic.<\/div>\n <\/div>\n <div class=\"risk-card\">\n <div class=\"risk-number\">Layer 3<\/div>\n <div class=\"risk-icon\">\n <!-- Activity \/ Pulse monitor -->\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <polyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\"\/>\n <\/svg>\n <\/div>\n <div class=\"risk-title\">Profit Protection Engine<\/div>\n <div class=\"risk-desc\">Our AI only executes during low spread, high liquidity windows. No trades during volatile or illiquid sessions. Your entries are always clean and cost efficient.<\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- STATS SECTION -->\n<section>\n <div class=\"container\">\n <div class=\"stats-inner\">\n <div style=\"display:flex;align-items:center;justify-content:center;\">\n <img decoding=\"async\" src=\"https:\/\/turtletrading.ai\/wp-content\/uploads\/2026\/06\/img3.png\" alt=\"TurtleTrading.ai Box\" style=\"height:650px;aspect-ratio:4\/5;object-fit:contain;filter:drop-shadow(0 0 20px rgba(0,229,204,0.8)) drop-shadow(0 0 50px rgba(0,229,204,0.5)) drop-shadow(0 0 80px rgba(0,229,204,0.2));\">\n <\/div>\n <div class=\"stats-right\">\n <div class=\"section-tag\">TurtleTrading.ai in Numbers<\/div>\n <h2 class=\"section-title\" style=\"margin-bottom:8px;\">Performance That <span class=\"accent\">Speaks<\/span> for Itself.<\/h2>\n <p class=\"section-sub\" style=\"margin-bottom:24px;\">Verified metrics since October 2022. Public on MyFXBook. No cherry picked data.<\/p>\n <div class=\"stat-row-item\">\n <div class=\"stat-big\">44<span class=\"accent\">+<\/span><\/div>\n <div class=\"stat-row-label\">Months Running Live Since October 2022<\/div>\n <\/div>\n <div class=\"stat-row-item\">\n <div class=\"stat-big\">228<span class=\"accent\">%<\/span><\/div>\n <div class=\"stat-row-label\">Total Return Since Launch<\/div>\n <\/div>\n <div class=\"stat-row-item\">\n <div class=\"stat-big\">81<span class=\"accent\">%<\/span><\/div>\n <div class=\"stat-row-label\">Winning Trade Rate Verified On MyFXBook<\/div>\n <\/div>\n <div class=\"stat-row-item\">\n <div class=\"stat-big\">40<span class=\"accent\">+<\/span><\/div>\n <div class=\"stat-row-label\">Years Of Backtested Data Across Global Forex Markets<\/div>\n <\/div>\n <div class=\"stat-row-item\">\n <div class=\"stat-big\">230<span class=\"accent\">+<\/span><\/div>\n <div class=\"stat-row-label\">Active Users Worldwide<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- PRICING SECTION -->\n<section id=\"pricing\" style=\"background:var(--bg2);\">\n <div class=\"container\">\n <div style=\"text-align:center; max-width:560px; margin:0 auto 0;\">\n <div class=\"section-tag\">Simple Pricing<\/div>\n <h2 class=\"section-title\">Pay Once.<br><span class=\"accent\">Trade Forever.<\/span><\/h2>\n <p class=\"section-sub\" style=\"margin:0 auto;\">No subscriptions. No monthly fees. No profit sharing. Pay once and keep 100% of your gains.<\/p>\n <\/div>\n <div class=\"pricing-grid\">\n\n <!-- MAIN PRODUCT -->\n <div class=\"pricing-card featured\">\n <div class=\"pricing-badge\">Recommended<\/div>\n <div class=\"pricing-name\">Turtle AI<\/div>\n <div class=\"pricing-desc\">The complete automated trading system, optimised for AUD\/CAD with 12 months VPS and every protection layer included.<\/div>\n <div class=\"pricing-price\">\n <div class=\"pricing-price-amount\">397<\/div>\n <div class=\"pricing-price-currency\">AUD<\/div>\n <\/div>\n <div class=\"pricing-period\">one-time payment \u00b7 no subscription<\/div>\n <div class=\"pricing-divider\"><\/div>\n <ul class=\"pricing-features\">\n <li>AUD\/CAD currency pair<\/li>\n <li>12 months cloud VPS included<\/li>\n <li>Equity Stop Protection<\/li>\n <li>Drawdown Protection System<\/li>\n <li>Profit Protection Engine<\/li>\n <li>No monthly fees, ever<\/li>\n <\/ul>\n <a href=\"#\" class=\"pricing-cta primary\">Get Started<\/a>\n <\/div>\n\n <!-- PAIR ADD-ONS -->\n <div class=\"pricing-card\">\n <div class=\"pricing-name\">Pair Add-ons<\/div>\n <div class=\"pricing-desc\">Extend your strategy to more markets. Add any major forex pair to your existing Turtle AI setup.<\/div>\n <div class=\"pricing-price\">\n <div class=\"pricing-price-amount\">497<\/div>\n <div class=\"pricing-price-currency\">AUD<\/div>\n <\/div>\n <div class=\"pricing-period\">per pair \u00b7 one-time payment<\/div>\n <div class=\"pricing-divider\"><\/div>\n <ul class=\"pricing-features\">\n <li>EUR\/USD, GBP\/USD, USD\/JPY & more<\/li>\n <li>Plugs into your Turtle AI setup<\/li>\n <li>Runs on your existing VPS<\/li>\n <li>All 3 protections included<\/li>\n <li>No subscription required<\/li>\n <\/ul>\n <a href=\"#\" class=\"pricing-cta secondary\">Add a Pair<\/a>\n <\/div>\n\n <\/div>\n\n <!-- INSTALLATION ADD-ON -->\n <div class=\"pricing-addon\">\n <div class=\"pricing-addon-left\">\n <div class=\"pricing-addon-icon\">\n <!-- Wrench \/ Setup -->\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z\"\/>\n <\/svg>\n <\/div>\n <div>\n <div class=\"pricing-addon-title\">Installation Help<\/div>\n <div class=\"pricing-addon-desc\">One-on-one guided setup session. We get you fully running in under an hour.<\/div>\n <\/div>\n <\/div>\n <div class=\"pricing-addon-right\">\n <div class=\"pricing-addon-price\">\n <div class=\"pricing-addon-amount\">99<span> AUD<\/span><\/div>\n <div class=\"pricing-addon-period\">flat fee \u00b7 book anytime<\/div>\n <\/div>\n <a href=\"#\" class=\"pricing-addon-cta\">Book Now<\/a>\n <\/div>\n <\/div>\n\n <\/div>\n<\/section>\n\n<!-- CTA BANNER -->\n<section style=\"padding:80px 0 0;\">\n <div class=\"container\">\n <div class=\"cta-banner\">\n <h2>You Are Still Reading?<br><span style=\"color:var(--green);\">230+ Traders Are Running It.<\/span><\/h2>\n <p>Our AI has been live since October 2022. Every trade verified. Every result public. The only question is when you start.<\/p>\n <div class=\"btn-glow-wrapper\"><a href=\"#\" class=\"btn-primary\">Get Your AI Now<\/a><\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- FOOTER -->\n<footer>\n <div class=\"footer-inner\">\n <div class=\"footer-top\">\n <a href=\"#\" class=\"logo\" style=\"font-size:18px;\">\n <div class=\"logo-turtle\"><img decoding=\"async\" src=\"https:\/\/turtletrading.ai\/wp-content\/uploads\/2026\/06\/img1.png\" alt=\"TurtleTrading logo\"><\/div>\n <span class=\"logo-full\">TurtleTrading.AI<\/span>\n <\/a>\n <div class=\"footer-links\">\n <a href=\"#\">Strategy<\/a>\n <a href=\"#\">About<\/a>\n <a href=\"#\">Risk<\/a>\n <a href=\"#\">Pricing<\/a>\n <a href=\"#\">Contact<\/a>\n <a href=\"#\">Privacy Policy<\/a>\n <\/div>\n <\/div>\n <div class=\"footer-disclaimer\">\n <strong style=\"color:var(--text2);\">Risk Disclosure & Grounded Reality Check:<\/strong> Even the most sophisticated, proven automated system operates in a world of market probability. There is no such thing as a bot that wins 100% of the time, and drawdowns are a normal part of professional trading. The real advantage isn’t a magical “get rich quick” button. It’s the flawless execution of a mathematical edge, keeping risk tight, and protecting your capital with complete machine discipline. Past performance is not indicative of future results. Trading Forex and CFDs involves substantial risk of loss and is not suitable for all investors. Only trade with capital you can afford to lose. TurtleTrading.ai does not provide financial advice.\n <\/div>\n <div class=\"footer-bottom\">\n <div class=\"footer-copy\">\u00a9 2026 TurtleTrading.ai. All rights reserved.<\/div>\n <\/div>\n <\/div>\n<\/footer>\n\n<script>\n \/* \u2500\u2500 Scroll: add border to navbar \u2500\u2500 *\/\n const navbar = document.getElementById('navbar');\n window.addEventListener('scroll', () => {\n navbar.classList.toggle('scrolled', window.scrollY > 20);\n }, { passive: true });\n\n \/* \u2500\u2500 Active nav link: click + scroll \u2500\u2500 *\/\n const navLinks = document.querySelectorAll('.nav-links a');\n\n function setActiveLink(targetHref) {\n navLinks.forEach(l => l.classList.remove('active'));\n const match = document.querySelector(`.nav-links a[href=\"${targetHref}\"]`);\n if (match) match.classList.add('active');\n }\n\n \/\/ Update on click immediately\n navLinks.forEach(link => {\n link.addEventListener('click', () => setActiveLink(link.getAttribute('href')));\n });\n\n \/\/ Update on scroll via IntersectionObserver\n const sectionIds = ['why', 'story', 'risk', 'pricing'];\n const sections = sectionIds.map(id => document.getElementById(id)).filter(Boolean);\n\n const sectionObserver = new IntersectionObserver(entries => {\n entries.forEach(entry => {\n if (entry.isIntersecting) setActiveLink('#' + entry.target.id);\n });\n }, { rootMargin: '-35% 0px -55% 0px' });\n\n sections.forEach(s => sectionObserver.observe(s));\n\n \/\/ Reset to Home when scrolled near top\n window.addEventListener('scroll', () => {\n if (window.scrollY < 120) setActiveLink('#');\n }, { passive: true });\n\n \/* \u2500\u2500 Mobile hamburger \u2500\u2500 *\/\n const hamburger = document.getElementById('hamburger');\n const mobileMenu = document.getElementById('mobileMenu');\n const mobileOverlay = document.getElementById('mobileOverlay');\n\n hamburger.addEventListener('click', () => {\n const isOpen = mobileMenu.classList.contains('open');\n isOpen ? closeMenu() : openMenu();\n });\n\n mobileOverlay.addEventListener('click', closeMenu);\n\n function openMenu() {\n hamburger.classList.add('open');\n mobileMenu.classList.add('open');\n mobileOverlay.classList.add('open');\n document.body.classList.add('menu-open');\n }\n\n function closeMenu() {\n hamburger.classList.remove('open');\n mobileMenu.classList.remove('open');\n mobileOverlay.classList.remove('open');\n document.body.classList.remove('menu-open');\n }\n\n \/\/ \u2500\u2500 Scroll Reveal \u2500\u2500\n (function() {\n const obs = new IntersectionObserver((entries) => {\n entries.forEach(e => {\n if (e.isIntersecting) { e.target.classList.add('visible'); obs.unobserve(e.target); }\n });\n }, { threshold: 0.1, rootMargin: '0px 0px -40px 0px' });\n\n function observe(selector, stagger) {\n document.querySelectorAll(selector).forEach((el, i) => {\n if (stagger) el.style.setProperty('--reveal-delay', `${i * 0.08}s`);\n el.classList.add('reveal');\n obs.observe(el);\n });\n }\n\n \/\/ Staggered groups\n observe('.strip-item', true);\n observe('.feature-card', true);\n observe('.risk-card', true);\n observe('.pricing-card', true);\n observe('.stat-row-item', true);\n observe('.founder-card', true);\n\n \/\/ Single elements\n ['.section-tag', '.section-title', '.section-sub',\n '.why-right > p', '.story-visual',\n '.cta-banner h2', '.cta-banner p',\n '.cta-banner .btn-glow-wrapper'].forEach(s => observe(s, false));\n\n \/\/ \u2500\u2500 Hero Entrance \u2500\u2500\n const heroMap = [\n ['.hero-badge', 0.10],\n ['.hero-left h1', 0.22],\n ['.hero-sub', 0.34],\n ['.hero-ctas', 0.46],\n ['.hero-trust', 0.56],\n ['.hero-visual', 0.28],\n ];\n heroMap.forEach(([sel, delay]) => {\n document.querySelectorAll(sel).forEach(el => {\n el.classList.add('hero-enter');\n el.style.setProperty('--hero-delay', `${delay}s`);\n });\n });\n requestAnimationFrame(() => requestAnimationFrame(() => {\n document.querySelectorAll('.hero-enter').forEach(el => el.classList.add('go'));\n }));\n })();\n\n<\/script>\n\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>TurtleTrading.ai \u2014 Automated Algo Trading TurtleTrading.AI Home Strategy About Risk Pricing Get Your AI Now Home Strategy About Risk Pricing Get Your AI Now Live since October 2022 Our AI Trades 24\/7. 230+ Portfolios Grow. Setup and forget about it. No charts. No signals. No emotions. Our verified MT4 algorithm running live since October 2022 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"blank","meta":{"footnotes":""},"class_list":["post-5","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/turtletrading.ai\/index.php?rest_route=\/wp\/v2\/pages\/5","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/turtletrading.ai\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/turtletrading.ai\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/turtletrading.ai\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/turtletrading.ai\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=5"}],"version-history":[{"count":1,"href":"https:\/\/turtletrading.ai\/index.php?rest_route=\/wp\/v2\/pages\/5\/revisions"}],"predecessor-version":[{"id":45,"href":"https:\/\/turtletrading.ai\/index.php?rest_route=\/wp\/v2\/pages\/5\/revisions\/45"}],"wp:attachment":[{"href":"https:\/\/turtletrading.ai\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=5"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}