ALE Ecosystem — Antifragile Liquidity Engine · antifragiletrader.com
<!--
════════════════════════════════════════════════════════════
INSTRUCCIONES PARA ELEMENTOR / WORDPRESS
════════════════════════════════════════════════════════════
1. En WordPress, crea una nueva Página.
2. En "Atributos de página" → Plantilla: selecciona
"Elementor Canvas" (página completamente en blanco,
sin header ni footer de tu tema).
3. Abre Elementor → añade un widget "HTML" que ocupe
el 100% del ancho.
4. Pega TODO el contenido de este archivo dentro del
widget HTML de Elementor.
5. Guarda y publica.
NOTA: El y el al final funcionan
perfectamente dentro del widget HTML de Elementor.
No necesitas plugins adicionales.
════════════════════════════════════════════════════════════
-->
/* ═══════════════════════════════════════════════
RESET — aislado para no interferir con WordPress
═══════════════════════════════════════════════ */
#ale-root *,
#ale-root *::before,
#ale-root *::after {
box-sizing: border-box;
margin: 0;
padding: 0;
}
#ale-root {
--bg: #05080f;
--bg2: #080d18;
--surf: #0b1221;
--surf2: #0f1929;
--brd: #162035;
--brd2: #1d2e4a;
--cyan: #00ccff;
--green: #00ffb2;
--gold: #f5c842;
--red: #ff4d6a;
--text: #d8eaf8;
--muted: #3d6080;
--muted2: #6a90b0;
--fD: 'Unbounded', sans-serif;
--fM: 'DM Mono', monospace;
font-family: var(--fM);
color: var(--text);
background: var(--bg);
line-height: 1.6;
overflow-x: hidden;
}
/* grid bg */
#ale-root::before {
content: '';
position: fixed; inset: 0;
background-image:
linear-gradient(rgba(0,204,255,.027) 1px, transparent 1px),
linear-gradient(90deg, rgba(0,204,255,.027) 1px, transparent 1px);
background-size: 54px 54px;
pointer-events: none;
z-index: 0;
}
/* ── helpers ── */
.ale-wrap { max-width: 1200px; margin: 0 auto; padding: 0 32px; }
.ale-z { position: relative; z-index: 1; }
.ale-eyebrow {
display: block;
font-family: var(--fM);
font-size: 10px; letter-spacing: 3.5px; text-transform: uppercase;
color: var(--cyan); margin-bottom: 14px;
}
.ale-eyebrow.green { color: var(--green); }
.ale-sec-title {
font-family: var(--fD);
font-size: clamp(28px, 4vw, 52px);
font-weight: 700; line-height: 1.05; letter-spacing: -1.5px;
}
.ale-sec-desc {
font-size: 13px; color: var(--muted2);
line-height: 2; max-width: 560px; margin-top: 16px;
}
.ale-sec-head { margin-bottom: 52px; }
/* buttons */
.ale-btn {
display: inline-flex; align-items: center; gap: 10px;
padding: 16px 38px;
background: var(--cyan); color: var(--bg);
font-family: var(--fM); font-size: 11px; font-weight: 500;
letter-spacing: 2px; text-transform: uppercase;
text-decoration: none; border: none; cursor: pointer;
transition: all .3s; position: relative;
}
.ale-btn:hover {
background: var(--green);
box-shadow: 0 0 36px rgba(0,255,178,.4);
transform: translateY(-2px);
color: var(--bg);
text-decoration: none;
}
.ale-btn-lg { font-size: 13px; padding: 18px 48px; }
.ale-btn-ghost {
display: inline-flex; align-items: center; gap: 8px;
padding: 16px 32px;
border: 1px solid var(--brd2); color: var(--muted2);
font-family: var(--fM); font-size: 11px;
letter-spacing: 2px; text-transform: uppercase; text-decoration: none;
transition: all .3s;
}
.ale-btn-ghost:hover { border-color: var(--cyan); color: var(--cyan); text-decoration: none; }
/* ── tags ── */
.ale-tag {
display: inline-block; font-size: 9px; letter-spacing: 2px;
text-transform: uppercase; padding: 3px 10px;
border: 1px solid var(--brd2); color: var(--muted2);
}
.ale-tag.live { border-color: rgba(0,255,178,.35); color: var(--green); }
/* ═══════════════════════════════════════════════
NAVBAR
═══════════════════════════════════════════════ */
#ale-nav {
position: fixed; top: 0; width: 100%; z-index: 500;
height: 64px; display: flex; align-items: center;
padding: 0 40px;
background: rgba(5,8,15,.9);
backdrop-filter: blur(22px);
border-bottom: 1px solid var(--brd);
}
.ale-nav-inner {
width: 100%; display: flex; align-items: center;
justify-content: space-between; gap: 20px;
}
/* LOGO */
.ale-logo {
text-decoration: none;
display: flex; flex-direction: column; gap: 0px;
line-height: 1;
}
.ale-logo-top {
font-family: var(--fD);
font-size: 11px; font-weight: 300;
letter-spacing: 5px; text-transform: uppercase;
color: var(--muted2);
}
.ale-logo-main {
font-family: var(--fD);
font-size: 18px; font-weight: 900;
letter-spacing: 1px;
color: var(--cyan);
display: flex; align-items: center; gap: 0;
}
.ale-logo-main .ale-slash {
color: var(--green);
font-weight: 300; font-size: 22px;
margin: 0 2px;
}
.ale-logo-main .ale-sub {
color: var(--muted2);
font-size: 11px; font-weight: 300;
letter-spacing: 3px;
align-self: flex-end; margin-bottom: 2px; margin-left: 4px;
}
.ale-logo-dot {
width: 5px; height: 5px; border-radius: 50%;
background: var(--green);
animation: ale-pulse 1.4s infinite;
display: inline-block; margin-left: 6px; margin-bottom: 3px;
}
.ale-nav-links {
display: flex; gap: 28px; list-style: none;
}
.ale-nav-links a {
color: var(--muted2); text-decoration: none;
font-size: 10px; letter-spacing: 1.5px; text-transform: uppercase;
transition: color .2s;
}
.ale-nav-links a:hover { color: var(--cyan); text-decoration: none; }
.ale-nav-cta {
background: var(--cyan); color: var(--bg) !important;
padding: 9px 22px; font-weight: 500;
font-size: 10px !important; letter-spacing: 2px;
transition: all .25s !important; white-space: nowrap;
}
.ale-nav-cta:hover {
background: var(--green) !important;
box-shadow: 0 0 24px rgba(0,255,178,.35);
}
.ale-hamburger {
display: none; flex-direction: column; gap: 5px;
background: none; border: none; cursor: pointer; padding: 4px;
}
.ale-hamburger span {
display: block; width: 22px; height: 2px;
background: var(--text); transition: .3s;
}
/* mobile menu */
#ale-mob-menu {
display: none;
position: fixed; top: 64px; left: 0; right: 0; z-index: 499;
background: rgba(5,8,15,.97);
border-bottom: 1px solid var(--brd);
padding: 24px 32px 28px;
backdrop-filter: blur(20px);
}
#ale-mob-menu.open { display: block; }
#ale-mob-menu ul { list-style: none; display: flex; flex-direction: column; gap: 16px; }
#ale-mob-menu a {
color: var(--muted2); text-decoration: none;
font-size: 13px; letter-spacing: 1.5px; text-transform: uppercase;
}
.ale-mob-cta {
display: block; margin-top: 20px; text-align: center;
background: var(--cyan); color: var(--bg);
padding: 14px; font-size: 11px; letter-spacing: 2px;
text-transform: uppercase; text-decoration: none; font-weight: 600;
}
/* ═══════════════════════════════════════════════
TICKER
═══════════════════════════════════════════════ */
#ale-ticker {
position: relative; z-index: 1;
background: var(--surf);
border-bottom: 1px solid var(--brd);
overflow: hidden; height: 36px;
display: flex; align-items: center;
margin-top: 64px;
}
.ale-ticker-track {
display: flex; white-space: nowrap;
animation: ale-ticker 30s linear infinite;
}
.ale-ticker-item {
font-size: 10px; color: var(--muted2);
padding: 0 28px; letter-spacing: 1.5px;
border-right: 1px solid var(--brd);
display: flex; align-items: center; gap: 8px;
height: 36px;
}
.ale-ticker-item .up { color: var(--green); }
.ale-ticker-item .dn { color: var(--red); }
.ale-ticker-item .dot {
width: 5px; height: 5px; border-radius: 50%;
background: var(--green); animation: ale-pulse 1.4s infinite;
}
/* ═══════════════════════════════════════════════
HERO
═══════════════════════════════════════════════ */
#ale-hero {
min-height: calc(100vh - 100px);
display: flex; flex-direction: column;
justify-content: center; align-items: center;
text-align: center;
padding: 80px 24px 80px;
position: relative; z-index: 1; overflow: hidden;
}
#ale-hero::before {
content: '';
position: absolute;
width: 900px; height: 900px;
background: radial-gradient(circle, rgba(0,204,255,.07) 0%, transparent 65%);
top: 50%; left: 50%; transform: translate(-50%,-55%);
pointer-events: none;
}
.ale-hero-badge {
display: inline-flex; align-items: center; gap: 8px;
font-size: 9.5px; letter-spacing: 3px; text-transform: uppercase;
color: var(--green); border: 1px solid rgba(0,255,178,.22);
padding: 6px 16px; margin-bottom: 32px;
animation: ale-fadeup .5s ease both;
}
.ale-hero-badge::before {
content: ''; width: 7px; height: 7px; border-radius: 50%;
background: var(--green); animation: ale-pulse 1.3s infinite;
}
#ale-hero h1 {
font-family: var(--fD);
font-size: clamp(52px, 9vw, 110px);
font-weight: 900; line-height: .95;
letter-spacing: -4px; margin-bottom: 20px;
animation: ale-fadeup .6s .08s ease both;
color: var(--text);
}
#ale-hero h1 .ale-h1-accent { color: var(--cyan); }
.ale-hero-sub {
font-family: var(--fD);
font-size: clamp(10px, 1.3vw, 13px);
letter-spacing: 5px; text-transform: uppercase;
color: var(--muted2); margin-bottom: 24px;
animation: ale-fadeup .6s .14s ease both;
}
.ale-hero-desc {
font-size: 13px; color: var(--muted2); line-height: 2;
max-width: 580px; margin-bottom: 44px;
animation: ale-fadeup .6s .2s ease both;
}
.ale-hero-actions {
display: flex; gap: 14px; flex-wrap: wrap; justify-content: center;
animation: ale-fadeup .6s .26s ease both;
}
.ale-hero-stats {
display: flex; gap: 0; margin-top: 72px;
border: 1px solid var(--brd); flex-wrap: wrap;
animation: ale-fadeup .6s .34s ease both;
}
.ale-hstat {
padding: 20px 36px; border-right: 1px solid var(--brd);
flex: 1; min-width: 130px; text-align: center;
}
.ale-hstat:last-child { border-right: none; }
.ale-hstat .n {
font-family: var(--fD); font-size: 28px; font-weight: 700;
color: var(--cyan); display: block; line-height: 1; margin-bottom: 5px;
}
.ale-hstat .l {
font-size: 9.5px; letter-spacing: 2px; color: var(--muted); text-transform: uppercase;
}
/* ═══════════════════════════════════════════════
MAIN CHART
═══════════════════════════════════════════════ */
#ale-chart-wrap {
position: relative; z-index: 1;
padding: 0 32px 80px;
max-width: 1280px; margin: 0 auto;
}
.ale-chart-frame {
background: var(--surf);
border: 1px solid var(--brd2);
overflow: hidden;
}
.ale-chart-topbar {
background: var(--surf2); border-bottom: 1px solid var(--brd);
padding: 10px 18px;
display: flex; align-items: center; justify-content: space-between;
flex-wrap: wrap; gap: 10px;
}
.ale-cpair {
font-family: var(--fD); font-size: 14px; font-weight: 700;
display: flex; align-items: center; gap: 10px;
}
.ale-cpair .chg {
font-size: 11px; font-family: var(--fM);
padding: 2px 8px; background: rgba(0,255,178,.12); color: var(--green);
}
.ale-ctf { display: flex; gap: 4px; }
.ale-ctf span {
font-size: 9.5px; padding: 4px 9px; border: 1px solid var(--brd);
color: var(--muted); letter-spacing: 1px; cursor: pointer; transition: .2s;
}
.ale-ctf span.on { border-color: var(--cyan); color: var(--cyan); background: rgba(0,204,255,.08); }
.ale-cindics { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.ale-ci { font-size: 9px; padding: 3px 9px; border-radius: 2px; letter-spacing: 1px; }
.ale-ci-d { background: rgba(0,204,255,.12); color: var(--cyan); }
.ale-ci-c { background: rgba(0,255,178,.12); color: var(--green); }
.ale-ci-s { background: rgba(245,200,66,.12); color: var(--gold); }
.ale-chart-body { background: #060c16; position: relative; overflow: hidden; }
.ale-chart-body svg { width: 100%; display: block; }
.ale-chart-body::after {
content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px;
background: linear-gradient(90deg, transparent, rgba(0,204,255,.15), transparent);
animation: ale-scanline 6s linear infinite; pointer-events: none;
}
.ale-chart-foot {
display: grid; grid-template-columns: repeat(5,1fr);
background: var(--surf2); border-top: 1px solid var(--brd);
}
.ale-cfi {
padding: 11px 16px; border-right: 1px solid var(--brd);
}
.ale-cfi:last-child { border-right: none; }
.ale-cfi-l { font-size: 9px; letter-spacing: 1.5px; color: var(--muted); text-transform: uppercase; margin-bottom: 3px; }
.ale-cfi-v { font-size: 13px; font-weight: 500; }
.cg { color: var(--green); } .cb { color: var(--cyan); }
.co { color: var(--gold); } .cr { color: var(--red); }
/* ═══════════════════════════════════════════════
MANIFESTO
═══════════════════════════════════════════════ */
#ale-manifesto {
position: relative; z-index: 1;
background: linear-gradient(135deg, rgba(0,180,255,.05), rgba(0,255,178,.04));
border-top: 1px solid var(--brd); border-bottom: 1px solid var(--brd);
padding: 72px 32px; overflow: hidden;
}
#ale-manifesto::before {
content: ''; position: absolute; right: -200px; top: -200px;
width: 600px; height: 600px;
background: radial-gradient(circle, rgba(0,255,178,.05) 0%, transparent 65%);
pointer-events: none;
}
.ale-manifesto-inner {
max-width: 960px; margin: 0 auto;
display: grid; grid-template-columns: 180px 1fr; gap: 60px; align-items: center;
}
.ale-manifesto-bg-text {
font-family: var(--fD); font-size: clamp(36px,6vw,72px); font-weight: 900;
color: rgba(0,204,255,.07); line-height: .95; letter-spacing: -2px;
}
.ale-manifesto-body {
font-family: var(--fD);
font-size: clamp(16px, 2.2vw, 24px);
font-weight: 400; line-height: 1.5; color: var(--text); letter-spacing: -.4px;
}
.ale-manifesto-body em { color: var(--cyan); font-style: normal; }
.ale-manifesto-body strong { color: var(--green); }
/* ═══════════════════════════════════════════════
ENGINES
═══════════════════════════════════════════════ */
#ale-engines { padding: 96px 0; position: relative; z-index: 1; }
.ale-engines-grid {
display: grid; grid-template-columns: repeat(3,1fr);
gap: 1px; background: var(--brd); border: 1px solid var(--brd);
}
.ale-engine-card {
background: var(--surf); padding: 36px 30px;
position: relative; overflow: hidden; transition: background .3s;
}
.ale-engine-card:hover { background: var(--surf2); }
.ale-engine-card::before {
content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px;
background: transparent; transition: .3s;
}
.ale-engine-card:hover::before { background: var(--cyan); }
.ale-engine-bg {
font-family: var(--fD); font-size: 42px; font-weight: 900;
color: rgba(0,204,255,.07); position: absolute; top: 12px; right: 18px;
transition: .3s;
}
.ale-engine-card:hover .ale-engine-bg { color: rgba(0,204,255,.14); }
.ale-engine-icon { font-size: 26px; margin-bottom: 18px; display: block; }
.ale-engine-name {
font-family: var(--fD); font-size: 16px; font-weight: 700;
margin-bottom: 10px; color: var(--text);
}
.ale-engine-desc { font-size: 12px; color: var(--muted2); line-height: 1.9; }
/* ═══════════════════════════════════════════════
OSCILLATORS
═══════════════════════════════════════════════ */
.ale-osc-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.ale-osc-panel { background: var(--surf); border: 1px solid var(--brd); overflow: hidden; }
.ale-osc-head {
background: var(--surf2); border-bottom: 1px solid var(--brd);
padding: 10px 16px; display: flex; justify-content: space-between; align-items: center;
}
.ale-osc-name { font-family: var(--fD); font-size: 12px; font-weight: 700; }
/* ═══════════════════════════════════════════════
HOW IT WORKS
═══════════════════════════════════════════════ */
.ale-steps {
display: grid; grid-template-columns: repeat(4,1fr);
border: 1px solid var(--brd);
}
.ale-step {
padding: 36px 28px; border-right: 1px solid var(--brd);
position: relative; overflow: hidden;
}
.ale-step:last-child { border-right: none; }
.ale-step-n {
font-family: var(--fD); font-size: 72px; font-weight: 900;
color: rgba(0,204,255,.06);
position: absolute; top: 10px; right: 16px; line-height: 1;
}
.ale-step-ico { font-size: 26px; margin-bottom: 18px; display: block; }
.ale-step-t {
font-family: var(--fD); font-size: 15px; font-weight: 700;
margin-bottom: 10px; color: var(--text);
}
.ale-step-d { font-size: 12px; color: var(--muted2); line-height: 1.85; }
/* ═══════════════════════════════════════════════
COMPARISON TABLE
═══════════════════════════════════════════════ */
.ale-table-scroll { overflow-x: auto; border: 1px solid var(--brd); }
.ale-ctable {
width: 100%; border-collapse: collapse;
font-size: 12px; min-width: 720px;
}
.ale-ctable thead tr { background: var(--surf2); border-bottom: 1px solid var(--brd); }
.ale-ctable th {
padding: 14px 16px; text-align: center;
font-family: var(--fD); font-size: 12px; font-weight: 700;
white-space: nowrap; border-right: 1px solid var(--brd);
}
.ale-ctable th:first-child { text-align: left; }
.ale-ctable th:last-child { border-right: none; }
.ale-ctable th.hl {
background: rgba(0,204,255,.1); color: var(--cyan);
border-bottom: 2px solid var(--cyan); position: relative;
}
.ale-ctable th.hl::after {
content: '★ LIVE'; position: absolute; top: -1px; right: -1px;
font-size: 7px; padding: 2px 6px;
background: var(--cyan); color: var(--bg); letter-spacing: 1px;
}
.ale-ctable td {
padding: 11px 16px; border-bottom: 1px solid var(--brd);
border-right: 1px solid var(--brd); text-align: center;
color: var(--muted2); transition: background .2s;
}
.ale-ctable td:first-child { text-align: left; color: var(--text); }
.ale-ctable td:last-child { border-right: none; }
.ale-ctable tr:hover td { background: rgba(255,255,255,.018); }
.ale-ctable .ale-sec-row td {
background: var(--surf2); color: var(--cyan);
font-size: 9.5px; letter-spacing: 2.5px; text-transform: uppercase;
padding: 8px 16px; border-right: none;
}
.yi { color: var(--green); font-size: 15px; }
.ni { color: var(--brd2); font-size: 15px; }
.pi { color: var(--gold); font-size: 11px; }
.ale-dev-pill {
font-size: 8.5px; letter-spacing: 1px; color: var(--muted);
border: 1px solid var(--brd); padding: 2px 8px; display: inline-block;
}
.ale-dl-btn {
display: inline-block; padding: 8px 18px;
background: var(--cyan); color: var(--bg);
font-family: var(--fM); font-size: 10px; font-weight: 500;
letter-spacing: 1.5px; text-transform: uppercase;
text-decoration: none; transition: all .25s; white-space: nowrap;
}
.ale-dl-btn:hover {
background: var(--green);
box-shadow: 0 0 20px rgba(0,255,178,.35);
color: var(--bg); text-decoration: none;
}
/* ═══════════════════════════════════════════════
ABOUT ECOSYSTEM
═══════════════════════════════════════════════ */
#ale-about { padding: 96px 0; position: relative; z-index: 1; }
.ale-eco-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: start; }
.ale-eco-left p {
font-size: 13px; color: var(--muted2); line-height: 2; margin-bottom: 16px;
}
.ale-eco-left strong { color: var(--text); }
.ale-eco-pillars {
display: grid; grid-template-columns: 1fr 1fr;
gap: 1px; background: var(--brd);
border: 1px solid var(--brd); margin-top: 32px;
}
.ale-eco-pillar {
background: var(--surf); padding: 22px 20px; transition: background .3s;
}
.ale-eco-pillar:hover { background: var(--surf2); }
.ale-eco-pillar-icon { font-size: 20px; margin-bottom: 10px; display: block; }
.ale-eco-pillar-name { font-family: var(--fD); font-size: 13px; font-weight: 700; margin-bottom: 6px; color: var(--text); }
.ale-eco-pillar-desc { font-size: 11px; color: var(--muted2); line-height: 1.75; }
.ale-eco-right { display: flex; flex-direction: column; gap: 16px; }
/* roadmap */
.ale-roadmap { background: var(--surf); border: 1px solid var(--brd); overflow: hidden; }
.ale-roadmap-head {
padding: 14px 20px; background: var(--surf2); border-bottom: 1px solid var(--brd);
font-family: var(--fD); font-size: 12px; font-weight: 700;
display: flex; justify-content: space-between; align-items: center;
}
.ale-rm-item {
display: flex; align-items: center; gap: 14px;
padding: 12px 20px; border-bottom: 1px solid var(--brd);
}
.ale-rm-item:last-child { border-bottom: none; }
.ale-rm-dot { width: 8px; height: 8px; border-radius: 50%; flex-shrink: 0; }
.ale-rm-dot.live { background: var(--green); box-shadow: 0 0 8px var(--green); }
.ale-rm-dot.dev { background: var(--brd2); }
.ale-rm-name { font-size: 12px; font-weight: 500; flex: 1; }
.ale-rm-status { font-size: 9.5px; letter-spacing: 1px; text-transform: uppercase; }
.live-txt { color: var(--green); } .dev-txt { color: var(--muted); }
/* team */
.ale-team { background: var(--surf); border: 1px solid var(--brd); padding: 24px 20px; }
.ale-team h4 {
font-family: var(--fD); font-size: 11px; font-weight: 700;
color: var(--muted2); letter-spacing: 2px; text-transform: uppercase; margin-bottom: 16px;
}
.ale-members { display: flex; flex-direction: column; gap: 12px; }
.ale-tm { display: flex; align-items: center; gap: 12px; }
.ale-tm-avatar {
width: 38px; height: 38px; border-radius: 50%;
background: var(--surf2); border: 1px solid var(--brd2);
display: flex; align-items: center; justify-content: center;
font-size: 15px; flex-shrink: 0;
}
.ale-tm-name { font-size: 12px; font-weight: 500; color: var(--text); }
.ale-tm-role { font-size: 10px; color: var(--muted); letter-spacing: .5px; }
/* ═══════════════════════════════════════════════
QUOTE
═══════════════════════════════════════════════ */
#ale-quote {
position: relative; z-index: 1;
text-align: center; padding: 80px 32px;
}
.ale-quote-mark {
font-family: var(--fD); font-size: 80px; font-weight: 900;
color: rgba(0,204,255,.07); line-height: .8;
margin-bottom: -24px; display: block;
}
.ale-quote-body {
font-family: var(--fD);
font-size: clamp(18px, 2.8vw, 30px);
font-weight: 600; line-height: 1.35; letter-spacing: -.5px;
max-width: 820px; margin: 0 auto 20px; color: var(--text);
}
.ale-quote-body em { color: var(--cyan); font-style: normal; }
.ale-quote-author {
font-size: 10.5px; color: var(--muted);
letter-spacing: 2.5px; text-transform: uppercase;
}
/* ═══════════════════════════════════════════════
SPOTLIGHT — ALE CORE LITE
═══════════════════════════════════════════════ */
#ale-lite {
position: relative; z-index: 1;
background: linear-gradient(170deg, rgba(0,200,255,.07) 0%, rgba(0,255,178,.04) 60%, transparent 100%);
border-top: 1px solid var(--brd); border-bottom: 1px solid var(--brd);
padding: 96px 0; overflow: hidden;
}
#ale-lite::before {
content: 'LITE';
font-family: var(--fD); font-weight: 900;
font-size: clamp(100px, 16vw, 200px);
color: rgba(0,255,178,.04);
position: absolute; top: 50%; left: 50%;
transform: translate(-50%,-50%);
white-space: nowrap; pointer-events: none; letter-spacing: -4px;
}
.ale-spot-grid {
display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center;
}
.ale-spot-left .ale-sec-title em { color: var(--green); font-style: normal; }
.ale-spot-left p { font-size: 13px; color: var(--muted2); line-height: 2; margin-bottom: 14px; }
.ale-spot-features { display: flex; flex-direction: column; gap: 10px; margin: 24px 0 36px; }
.ale-sf {
display: flex; align-items: flex-start; gap: 12px;
padding: 12px 16px;
background: rgba(0,255,178,.04); border: 1px solid rgba(0,255,178,.1);
}
.ale-sf-icon { font-size: 16px; flex-shrink: 0; margin-top: 1px; }
.ale-sf-name { font-size: 12px; font-weight: 500; color: var(--text); margin-bottom: 2px; }
.ale-sf-desc { font-size: 11px; color: var(--muted2); line-height: 1.7; }
.ale-spot-cta-group { display: flex; flex-direction: column; gap: 12px; align-items: flex-start; }
.ale-spot-note { font-size: 10.5px; color: var(--muted); letter-spacing: .5px; }
.ale-spot-note span { color: var(--green); margin-right: 4px; }
/* lite chart frame */
.ale-lite-chart { background: var(--surf); border: 1px solid var(--brd2); overflow: hidden; }
.ale-lite-chart-head {
background: var(--surf2); border-bottom: 1px solid var(--brd);
padding: 10px 16px;
display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 8px;
}
.ale-lite-chart-head .pair { font-family: var(--fD); font-size: 13px; font-weight: 700; }
.ale-lite-chart-head .pair span { font-size: 10px; color: var(--muted2); font-family: var(--fM); }
.ale-lite-tf { display: flex; gap: 4px; }
.ale-lite-tf span {
font-size: 9px; padding: 3px 8px; border: 1px solid var(--brd);
color: var(--muted); cursor: pointer; letter-spacing: 1px;
}
.ale-lite-tf span.on { border-color: var(--cyan); color: var(--cyan); }
/* spec grid */
.ale-spec-grid {
display: grid; grid-template-columns: 1fr 1fr;
gap: 1px; background: var(--brd); border: 1px solid var(--brd); margin-top: 20px;
}
.ale-sg { background: var(--surf); padding: 14px 16px; }
.ale-sg-l { font-size: 9.5px; letter-spacing: 1.5px; color: var(--muted); text-transform: uppercase; margin-bottom: 3px; }
.ale-sg-v { font-size: 13px; font-weight: 500; }
.ale-sg-v.g { color: var(--green); } .ale-sg-v.b { color: var(--cyan); }
/* ═══════════════════════════════════════════════
CTA BOTTOM
═══════════════════════════════════════════════ */
#ale-cta {
position: relative; z-index: 1;
padding: 100px 32px; text-align: center;
}
#ale-cta h2 {
font-family: var(--fD);
font-size: clamp(30px, 5.5vw, 68px);
font-weight: 900; letter-spacing: -2.5px; line-height: 1; margin-bottom: 18px;
color: var(--text);
}
#ale-cta h2 span { color: var(--green); }
#ale-cta p { font-size: 13px; color: var(--muted2); margin-bottom: 40px; max-width: 480px; margin-left: auto; margin-right: auto; }
.ale-cta-badges {
display: flex; gap: 16px; justify-content: center; flex-wrap: wrap; margin-top: 28px;
}
.ale-cb { display: flex; align-items: center; gap: 7px; font-size: 10.5px; color: var(--muted2); }
.ale-cb::before { content: '✔'; color: var(--green); font-size: 11px; }
/* ═══════════════════════════════════════════════
FOOTER
═══════════════════════════════════════════════ */
#ale-footer {
position: relative; z-index: 1;
background: var(--surf); border-top: 1px solid var(--brd);
padding: 48px 40px 24px;
}
.ale-footer-grid {
display: grid; grid-template-columns: 2fr 1fr 1fr 1fr;
gap: 40px; max-width: 1200px; margin: 0 auto 40px;
}
.ale-fg-brand .ale-footer-logo {
font-family: var(--fD); font-size: 16px; font-weight: 900;
color: var(--cyan); letter-spacing: 2px; margin-bottom: 6px; display: block;
}
.ale-fg-brand .ale-footer-logo-sub {
font-size: 9px; color: var(--muted); letter-spacing: 3px; text-transform: uppercase;
display: block; margin-bottom: 12px;
}
.ale-fg-brand p { font-size: 11.5px; color: var(--muted); line-height: 1.85; max-width: 240px; }
.ale-fg-col h4 {
font-size: 9.5px; letter-spacing: 2.5px; text-transform: uppercase;
color: var(--muted); margin-bottom: 14px;
}
.ale-fg-col ul { list-style: none; }
.ale-fg-col ul li { margin-bottom: 9px; }
.ale-fg-col ul a {
color: var(--muted2); text-decoration: none;
font-size: 12px; transition: color .2s;
}
.ale-fg-col ul a:hover { color: var(--cyan); text-decoration: none; }
.ale-footer-bottom {
max-width: 1200px; margin: 0 auto;
border-top: 1px solid var(--brd); padding-top: 20px;
display: flex; justify-content: space-between; align-items: center;
font-size: 10.5px; color: var(--muted); flex-wrap: wrap; gap: 10px;
}
.ale-footer-bottom a { color: var(--muted2); text-decoration: none; }
.ale-footer-bottom a:hover { color: var(--cyan); }
/* ═══════════════════════════════════════════════
KEYFRAMES
═══════════════════════════════════════════════ */
@keyframes ale-pulse { 0%,100%{opacity:1;transform:scale(1)} 50%{opacity:.25;transform:scale(.7)} }
@keyframes ale-fadeup { from{opacity:0;transform:translateY(26px)} to{opacity:1;transform:translateY(0)} }
@keyframes ale-ticker { 0%{transform:translateX(0)} 100%{transform:translateX(-50%)} }
@keyframes ale-scanline{ 0%{transform:translateY(-100%)} 100%{transform:translateY(100vh)} }
@keyframes ale-blink { 0%,100%{opacity:1} 50%{opacity:.2} }
/* ═══════════════════════════════════════════════
RESPONSIVE
═══════════════════════════════════════════════ */
@media(max-width:1024px){
.ale-eco-grid { grid-template-columns: 1fr; gap: 40px; }
.ale-spot-grid { grid-template-columns: 1fr; gap: 40px; }
.ale-footer-grid{ grid-template-columns: 1fr 1fr; }
.ale-engines-grid{ grid-template-columns: 1fr 1fr; }
}
@media(max-width:768px){
#ale-nav { padding: 0 20px; }
.ale-nav-links { display: none; }
.ale-hamburger { display: flex; }
#ale-hero h1 { letter-spacing: -2px; }
.ale-hero-stats { flex-direction: column; }
.ale-hstat { border-right: none; border-bottom: 1px solid var(--brd); }
.ale-hstat:last-child { border-bottom: none; }
.ale-chart-foot { grid-template-columns: 1fr 1fr; }
.ale-steps { grid-template-columns: 1fr 1fr; }
.ale-engines-grid { grid-template-columns: 1fr; }
.ale-osc-grid { grid-template-columns: 1fr; }
.ale-eco-pillars { grid-template-columns: 1fr; }
.ale-spec-grid { grid-template-columns: 1fr; }
.ale-footer-grid { grid-template-columns: 1fr; }
.ale-manifesto-inner { grid-template-columns: 1fr; gap: 20px; }
.ale-manifesto-bg-text { font-size: 40px; opacity: .5; }
.ale-wrap { padding: 0 20px; }
}
@media(max-width:480px){
.ale-steps { grid-template-columns: 1fr; }
.ale-step { border-right: none; border-bottom: 1px solid var(--brd); }
.ale-step:last-child { border-bottom: none; }
.ale-hero-actions { flex-direction: column; align-items: center; width: 100%; }
.ale-btn,.ale-btn-ghost { width: 100%; justify-content: center; }
#ale-nav { padding: 0 16px; }
}
LIVE ▲ BTC/USDT +2.41%
ETH/USDT +1.87%
DELTA ENGINE ACTIVO
COMPOSITE SCORE 91/100
EUR/USD −0.22%
GOLD +0.63%
ALE PRO EN DESARROLLO
S&P500 +0.41%
INITIATION SIGNAL DETECTADO
LIVE ▲ BTC/USDT +2.41%
ETH/USDT +1.87%
DELTA ENGINE ACTIVO
COMPOSITE SCORE 91/100
EUR/USD −0.22%
GOLD +0.63%
ALE PRO EN DESARROLLO
S&P500 +0.41%
INITIATION SIGNAL DETECTADO
ALE Core Lite — Disponible ahora en TradingView
ALE EcosystemAntifragile Liquidity Engine · antifragiletrader.com
Un ecosistema cuantitativo de análisis de liquidez construido sobre cinco motores propios.
Detecta dónde se mueve el dinero institucional antes de que el precio lo refleje.
5 Engines propios
0€ Acceso Lite
∞ Activos · Timeframes
v1.0 Pine Script v5
BTC/USDT +2.41%
Δ Delta Engine
⬡ Composite
◈ Scoring 91
15m 1H 4H 1D 1W
INIT
INIT
INIT
EXH
EXH
SCORE 87
SCORE 91
67,842
70,000
65,000
60,000
WHY
El trading moderno exige más que soportes y resistencias. Exige entender quién mueve el mercado , cuándo lo mueve y por qué ahora . ALE Ecosystem fue construido para responder exactamente esas tres preguntas, en tiempo real, en cualquier activo.
Este es el primer paso. Y es completamente gratuito.
// core engines
Cinco motores.
Cada engine resuelve una pregunta específica sobre la liquidez del mercado. Juntos, forman el núcleo del ALE Ecosystem.
Δ
Δ
Delta Engine
Calcula el desequilibrio neto entre presión compradora y vendedora vela a vela. Es la capa base del sistema: sin él, el resto no tiene contexto. Identifica en tiempo real si el mercado está siendo absorbido o impulsado.
◉
◉
Initiation Engine
Detecta el momento exacto en que comienza un movimiento institucional antes de que el precio lo confirme. Genera señales de entrada de alta confluencia con un sistema de validación multicapa propio.
⬡
⬡
Exhaustion Engine
Identifica el agotamiento de una tendencia antes del giro. Analiza la relación entre volumen relativo, momentum y estructura para anticipar reversiones con una ratio señal/ruido muy por encima del estándar.
◈
◈
Scoring Engine
Sistema de puntuación cuantitativa de 0 a 100. Evalúa la calidad de cada señal según contexto estructural, momentum y confluencia de factores internos. Solo las señales de alta calidad merecen tu atención.
⊕
⊕
Composite Engine
Agrega la salida de todos los motores en una señal unificada y ponderada dinámicamente según el régimen de mercado. Reduce el ruido estructural y maximiza la consistencia del sistema.
✓
✓
Confirmation Engine
Capa de validación que confirma o descarta cada señal evaluando la acción del precio posterior. Evita entradas prematuras y filtra los falsos positivos que los sistemas convencionales no detectan.
Delta Engine — Flujo Neto
+3.18% ▲
Composite Score — Calidad de Señal
91 / 100
70
40
// protocolo operativo
Cuatro pasos.
01
📡
Escáner de liquidez
El Delta Engine analiza cada vela en tiempo real, cuantificando el desequilibrio entre flujo comprador y vendedor con resolución tick-by-tick.
02
⚡
Detección de estructura
Initiation y Exhaustion identifican el inicio o fin de movimientos institucionales con confirmación estructural integrada y sin repainting.
03
◈
Scoring cuantitativo
Cada señal recibe una puntuación de 0 a 100. Solo actúas sobre señales de alta calidad, en confluencia con el contexto estructural.
04
✓
Validación y ejecución
El Confirmation Engine valida la señal frente a la acción del precio. Entras con convicción estadística, no con suposiciones.
// ecosistema completo
Un ecosistema.
ALE Core Lite es el punto de entrada gratuito. El resto del ecosistema está en desarrollo activo y llegará con capas estructurales, cuantitativas y de IA.
// sobre el proyecto
¿Qué es el
El ALE Ecosystem nació de una pregunta incómoda: ¿por qué la mayoría de los indicadores miran el pasado para predecir el futuro, cuando la liquidez ya está ahí, en tiempo real, antes de que el precio se mueva?
Durante más de dos años, el equipo de antifragiletrader.com —traders cuantitativos y desarrolladores de sistemas algorítmicos— trabajó en silencio para construir algo diferente: un ecosistema de herramientas propietarias basadas en el análisis de flujo de órdenes, desequilibrio de liquidez y estructura de mercado real.
El resultado es ALE. No es un indicador. Es un lenguaje. Un nuevo sistema de lectura del mercado que reemplaza la subjetividad del análisis técnico clásico con métricas cuantitativas precisas, accionables y reproducibles en cualquier activo, en cualquier timeframe, en cualquier condición de mercado.
ALE Core Lite es la puerta de entrada a ese ecosistema. Gratuita. Sin restricciones. Disponible hoy en TradingView.
🔬
Metodología propia
Cinco engines desarrollados internamente, sin dependencia de indicadores estándar o fórmulas públicas.
📐
Cuantitativo puro
Cada señal tiene un score numérico. Sin interpretación subjetiva, sin zonas grises.
⚙️
Sin repainting
Las señales no se recalculan retroactivamente. Lo que ves es lo que existió en tiempo real.
🌐
Multimercado
Crypto, Forex, Índices, Commodities. ALE funciona donde existe liquidez real.
Roadmap del Ecosystem
2025–2026
ALE Premium — AI Layer
Planificado
// Equipo antifragiletrader.com
⚡
Lead Quant Developer
Arquitectura de motores · Pine Script v5 · Algorítmica
📊
Market Structure Analyst
Order Flow · Liquidez institucional · Backtesting
🔬
Quant Research
Modelos probabilísticos · Optimización · Estadística
🎯
Systems Trader
Trading en vivo · Validación de señales · Risk Management
ETH/USDT · 1H +1.87%
INIT
EXH
3,481
"
No construimos otro indicador. Construimos un nuevo idioma para leer el mercado . Uno que habla de liquidez, no de líneas.
— Equipo ALE · antifragiletrader.com
// disponible ahora · gratuito · tradingview
ALE Core Lite
ALE Core Lite es la versión de acceso libre al ecosistema ALE. No es una demo recortada ni un gancho de marketing. Es una herramienta real, funcional y en producción, con cinco engines activos disponibles en cualquier activo y cualquier timeframe directamente desde TradingView.
Está pensada para que cualquier trader pueda experimentar por sí mismo la diferencia entre analizar precios y analizar liquidez. Sin coste, sin registro adicional, sin trampa. Lo que ALE Core Lite ofrece hoy supera en profundidad a la mayoría de indicadores de pago del mercado.
Δ Delta Engine — Desequilibrio en tiempo real
Flujo neto comprador/vendedor vela a vela. La base de todo el sistema ALE.
◉ Initiation Engine — Inicio institucional
Señales visuales directas en el gráfico. Sin repainting, sin demora.
⬡ Exhaustion Engine — Agotamiento de tendencia
Anticipa reversiones antes de que el precio las confirme.
◈ Scoring básico 0–100
Filtra señales de baja calidad. Solo actúa sobre lo que tiene peso cuantitativo.
⊕ Composite + Confirmation Engine
Señal unificada y validada. Máxima claridad operativa, mínimo ruido.
BTC/USDT · 4H · ALE Core Lite
1H 4H 1D
INIT
INIT
INIT
EXH
EXH
SCORE 84
SCORE 91
67,842
El mercado yaidioma.
Descarga ALE Core Lite en TradingView y empieza a leerlo hoy.
↓ Descargar ALE Core Lite — 100% Gratis
Sin registro extra
Sin coste
Sin repainting
Todos los activos
Pine Script v5
Actualizaciones incluidas
(function(){
// Mobile menu
function aleToggleMenu(){
document.getElementById('ale-mob-menu').classList.toggle('open');
}
window.aleToggleMenu = aleToggleMenu;
// TF button toggle — main chart
document.getElementById('ale-ctf-main').addEventListener('click',function(e){
if(e.target.tagName==='SPAN'){
this.querySelectorAll('span').forEach(function(s){s.classList.remove('on');});
e.target.classList.add('on');
}
});
// TF button toggle — lite chart
document.getElementById('ale-lite-tf').addEventListener('click',function(e){
if(e.target.tagName==='SPAN'){
this.querySelectorAll('span').forEach(function(s){s.classList.remove('on');});
e.target.classList.add('on');
}
});
// Scroll reveal
var obs = new IntersectionObserver(function(entries){
entries.forEach(function(e){
if(e.isIntersecting){
e.target.style.opacity='1';
e.target.style.transform='translateY(0)';
}
});
},{threshold:.1});
document.querySelectorAll(
'#ale-root .ale-engine-card, #ale-root .ale-step, #ale-root .ale-osc-panel, '+
'#ale-root .ale-eco-pillar, #ale-root .ale-sf, #ale-root .ale-rm-item, #ale-root .ale-tm'
).forEach(function(el){
el.style.opacity='0';
el.style.transform='translateY(18px)';
el.style.transition='opacity .45s ease, transform .45s ease';
obs.observe(el);
});
})();