.everblue-sales-landing {
    --ebx-sl-ink: var(--everblue-surface-ink, #0b111e);
    --ebx-sl-deep: var(--everblue-surface-deep, #070c15);
    --ebx-sl-panel: var(--everblue-surface-panel, #101a2a);
    --ebx-sl-panel-alt: var(--everblue-surface-panel-alt, #132034);
    --ebx-sl-gold: var(--everblue-brand-gold, #c9a163);
    --ebx-sl-gold-light: var(--everblue-brand-gold-light, #f2e4b7);
    --ebx-sl-white: var(--everblue-text-primary, #fff);
    --ebx-sl-text: var(--everblue-text-secondary, #cbd5e1);
    --ebx-sl-muted: var(--everblue-text-muted, #9eacc1);
    --ebx-sl-line: var(--everblue-border-subtle, rgba(255, 255, 255, .09));
}

.everblue-sales-landing .ebx-page-hero { display: none; }
.everblue-sales-landing .page-area,
.everblue-sales-landing .page__area { padding-block: 0 !important; }
.everblue-sales-landing .pageontent {
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}
.everblue-sales-landing .pageontent > p:empty { display: none; }

.ebx-sales-landing {
    width: 100vw;
    margin-inline: calc(50% - 50vw);
    overflow: hidden;
    background: var(--ebx-sl-ink);
    color: var(--ebx-sl-text);
    font-family: var(--everblue-font-family, "Outfit", sans-serif);
}
.ebx-sl-container {
    width: min(calc(100% - 3rem), var(--everblue-container-max, 1180px));
    margin-inline: auto;
}
.ebx-sl-section { padding-block: clamp(4.5rem, 8vw, 7rem); }
.ebx-sl-section--deep { background: var(--ebx-sl-deep); }
.ebx-sl-section--line { border-block: 1px solid var(--ebx-sl-line); }
.ebx-sl-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: .65rem;
    color: var(--ebx-sl-gold-light);
    font-size: .75rem;
    font-weight: 750;
    letter-spacing: .12em;
    text-transform: uppercase;
}
.ebx-sl-eyebrow::before { width: 24px; height: 1px; background: var(--ebx-sl-gold); content: ""; }
.ebx-sl-title {
    max-width: 850px;
    margin: .8rem 0 1rem;
    color: var(--ebx-sl-white) !important;
    font-size: clamp(2.25rem, 5vw, 4.35rem);
    font-weight: 800;
    letter-spacing: -.045em;
    line-height: 1.02;
}
.ebx-sl-title span { color: var(--ebx-sl-gold); }
.ebx-sl-lead { max-width: 710px; margin: 0; color: var(--ebx-sl-text); font-size: clamp(1rem, 2vw, 1.18rem); line-height: 1.7; }
.ebx-sl-section-title { max-width: 760px; margin: .75rem 0 1rem; color: var(--ebx-sl-white) !important; font-size: clamp(1.9rem, 4vw, 3rem); line-height: 1.08; }
.ebx-sl-section-intro { max-width: 720px; margin: 0 0 2.5rem; color: var(--ebx-sl-muted); font-size: 1rem; line-height: 1.72; }

.ebx-sl-hero {
    position: relative;
    isolation: isolate;
    min-height: 660px;
    display: grid;
    align-items: center;
    background:
        radial-gradient(circle at 82% 26%, rgba(201, 161, 99, .17), transparent 26%),
        radial-gradient(circle at 18% 16%, rgba(34, 50, 76, .72), transparent 39%),
        linear-gradient(128deg, var(--ebx-sl-deep), var(--ebx-sl-ink) 70%);
}
.ebx-sl-hero::after {
    position: absolute;
    z-index: -1;
    right: -190px;
    bottom: -310px;
    width: 660px;
    height: 660px;
    border: 1px solid rgba(201, 161, 99, .15);
    border-radius: 50%;
    box-shadow: 0 0 0 85px rgba(201, 161, 99, .025), 0 0 0 170px rgba(34, 50, 76, .035);
    content: "";
}
.ebx-sl-hero__inner { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(280px, .65fr); align-items: center; gap: clamp(2rem, 7vw, 6rem); padding-block: 6rem; }
.ebx-sl-hero__price { margin: 1.65rem 0 .25rem; color: var(--ebx-sl-white); font-size: .78rem; font-weight: 650; letter-spacing: .08em; text-transform: uppercase; }
.ebx-sl-hero__price strong { display: block; margin-top: .2rem; color: var(--ebx-sl-gold-light); font-size: clamp(2.4rem, 5vw, 4rem); letter-spacing: -.04em; line-height: 1; }
.ebx-sl-hero__card {
    padding: clamp(1.5rem, 3vw, 2.3rem);
    border: 1px solid rgba(201, 161, 99, .25);
    border-radius: 1.3rem;
    background: rgba(16, 26, 42, .78);
    box-shadow: 0 30px 80px rgba(0, 0, 0, .24);
    backdrop-filter: blur(16px);
}
.ebx-sl-hero__card strong { display: block; margin-bottom: 1rem; color: var(--ebx-sl-white); font-size: 1.15rem; }
.ebx-sl-hero__card ul { display: grid; gap: .8rem; margin: 0; padding: 0; list-style: none; }
.ebx-sl-hero__card li { position: relative; padding-left: 1.35rem; color: var(--ebx-sl-text); font-size: .9rem; line-height: 1.5; }
.ebx-sl-hero__card li::before { position: absolute; top: .55em; left: 0; width: 6px; height: 6px; border-radius: 50%; background: var(--ebx-sl-gold); content: ""; }

.ebx-sl-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }
.ebx-sl-card { padding: clamp(1.4rem, 3vw, 2rem); border: 1px solid var(--ebx-sl-line); border-radius: 1rem; background: linear-gradient(145deg, rgba(19, 32, 52, .95), rgba(12, 21, 36, .95)); }
.ebx-sl-card__number { display: block; margin-bottom: 2rem; color: var(--ebx-sl-gold); font-size: .78rem; font-weight: 750; letter-spacing: .1em; }
.ebx-sl-card h3 { margin: 0 0 .7rem; color: var(--ebx-sl-white) !important; font-size: 1.18rem; line-height: 1.25; }
.ebx-sl-card p { margin: 0; color: var(--ebx-sl-muted); font-size: .92rem; line-height: 1.66; }

.ebx-sl-split { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(2rem, 7vw, 6rem); align-items: start; }
.ebx-sl-list { display: grid; gap: .9rem; margin: 0; padding: 0; list-style: none; }
.ebx-sl-list li { position: relative; padding: 1rem 1rem 1rem 2.65rem; border: 1px solid var(--ebx-sl-line); border-radius: .85rem; background: rgba(255, 255, 255, .025); color: var(--ebx-sl-text); line-height: 1.55; }
.ebx-sl-list li::before { position: absolute; top: 1.08rem; left: 1rem; color: var(--ebx-sl-gold); content: "✓"; font-weight: 800; }

.ebx-sl-proof { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .85rem; }
.ebx-sl-metric { padding: 1.4rem; border: 1px solid rgba(201, 161, 99, .2); border-radius: 1rem; background: rgba(201, 161, 99, .045); }
.ebx-sl-metric strong { display: block; color: var(--ebx-sl-gold-light); font-size: clamp(1.75rem, 4vw, 2.5rem); line-height: 1; }
.ebx-sl-metric span { display: block; margin-top: .55rem; color: var(--ebx-sl-text); font-size: .82rem; line-height: 1.4; }
.ebx-sl-proof-note { max-width: 860px; margin: 1.25rem 0 0; color: var(--ebx-sl-muted); font-size: .78rem; line-height: 1.55; }

.ebx-sl-faq { display: grid; gap: .75rem; max-width: 900px; }
.ebx-sl-faq details { padding: 0 1.25rem; border: 1px solid var(--ebx-sl-line); border-radius: .9rem; background: var(--ebx-sl-panel); }
.ebx-sl-faq details[open] { border-color: rgba(201, 161, 99, .35); }
.ebx-sl-faq summary { padding: 1.25rem 2rem 1.25rem 0; color: var(--ebx-sl-white); font-weight: 650; cursor: pointer; }
.ebx-sl-faq details p { margin: 0; padding: 0 0 1.25rem; color: var(--ebx-sl-muted); line-height: 1.65; }

.ebx-sl-cta { text-align: center; }
.ebx-sl-cta__box { padding: clamp(2rem, 7vw, 5rem); border: 1px solid rgba(201, 161, 99, .27); border-radius: 1.3rem; background: radial-gradient(circle at 85% 0, rgba(201, 161, 99, .16), transparent 28%), linear-gradient(135deg, #152641, #0c1524 74%); }
.ebx-sl-cta__box .ebx-sl-title { margin-inline: auto; }
.ebx-sl-cta__box .ebx-sl-lead { margin-inline: auto; }
.ebx-sl-action { margin-top: 1.8rem; }
.ebx-sl-payment-note { max-width: 34rem; margin: .75rem 0 0; color: var(--ebx-sl-muted); font-size: .82rem; line-height: 1.55; }
.ebx-sl-enroll { min-width: 190px; }
.ebx-sl-receipt { min-width: 260px; margin-top: .75rem; }
.ebx-sl-payment-placeholder { display: inline-flex; min-height: 52px; align-items: center; justify-content: center; padding: .85rem 1.5rem; border: 1px dashed rgba(201, 161, 99, .5); border-radius: .8rem; background: rgba(201, 161, 99, .08); color: var(--ebx-sl-gold-light); font-size: .79rem; font-weight: 750; letter-spacing: .04em; }
.ebx-sl-internal-note { max-width: 760px; margin: 1rem auto 0; padding: .75rem 1rem; border: 1px dashed rgba(242, 228, 183, .35); border-radius: .7rem; color: var(--ebx-sl-gold-light); font-size: .75rem; line-height: 1.5; }
.ebx-sl-risk { padding-block: 2rem; border-top: 1px solid var(--ebx-sl-line); background: var(--ebx-sl-deep); }
.ebx-sl-risk p { margin: 0; color: var(--ebx-sl-muted); font-size: .76rem; line-height: 1.55; text-align: center; }

/* Premium VSL draft */
.ebx-sl-hero--premium { min-height: 620px; text-align: center; }
.ebx-sl-hero--premium .ebx-sl-hero__inner { display: block; max-width: 940px; padding-block: 7rem; }
.ebx-sl-hero--premium .ebx-sl-eyebrow { justify-content: center; }
.ebx-sl-hero--premium .ebx-sl-title,
.ebx-sl-hero--premium .ebx-sl-lead { margin-inline: auto; }
.ebx-sl-scroll-link { display: inline-flex; align-items: center; gap: .55rem; margin-top: 2rem; color: var(--ebx-sl-gold-light) !important; font-size: .8rem; font-weight: 700; letter-spacing: .07em; text-decoration: none !important; text-transform: uppercase; }
.ebx-sl-scroll-link::after { content: "↓"; font-size: 1rem; }
.ebx-sl-scroll-link:focus-visible { outline: 2px solid var(--ebx-sl-gold-light); outline-offset: 5px; }

.ebx-vsl { max-width: 980px; margin-inline: auto; }
.ebx-vsl__frame { position: relative; aspect-ratio: 16 / 9; overflow: hidden; border: 1px solid rgba(201, 161, 99, .32); border-radius: 1.25rem; background: radial-gradient(circle at 50% 35%, rgba(34, 50, 76, .78), transparent 45%), var(--ebx-sl-deep); box-shadow: 0 35px 100px rgba(0, 0, 0, .28); }
.ebx-vsl__frame::before { position: absolute; inset: 1rem; border: 1px solid rgba(255, 255, 255, .06); border-radius: .85rem; content: ""; pointer-events: none; }
.ebx-vsl__placeholder { position: absolute; inset: 0; display: grid; place-content: center; gap: .75rem; padding: 2rem; text-align: center; }
.ebx-vsl__play { display: grid; width: 70px; height: 70px; margin-inline: auto; place-items: center; border: 1px solid rgba(201, 161, 99, .5); border-radius: 50%; background: rgba(201, 161, 99, .1); color: var(--ebx-sl-gold-light); font-size: 1.4rem; }
.ebx-vsl__placeholder strong { color: var(--ebx-sl-white); font-size: clamp(1.1rem, 2vw, 1.4rem); }
.ebx-vsl__placeholder span:last-child { color: var(--ebx-sl-muted); font-size: .82rem; }
.ebx-vsl video { width: 100%; height: 100%; object-fit: contain; background: #000; }
.ebx-vsl__progress { height: 4px; margin-top: .8rem; overflow: hidden; border-radius: 999px; background: rgba(255, 255, 255, .07); }
.ebx-vsl__progress span { display: block; width: 0; height: 100%; background: var(--ebx-sl-gold); transition: width .25s linear; }
.ebx-vsl-gate { margin-top: 1.5rem; text-align: center; }
.ebx-vsl-gate[hidden],
.ebx-vsl-gate[data-vsl-gate-state="locked"] { display: none !important; }
.ebx-vsl-gate .ebx-sl-internal-note { display: none; }
.ebx-vsl-gate[data-vsl-gate-state="preview"] .ebx-sl-internal-note { display: block; }
.ebx-vsl-gate__hint { margin: .8rem 0 0; color: var(--ebx-sl-muted); font-size: .78rem; }

.ebx-sl-audience { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
.ebx-sl-audience__panel { padding: clamp(1.5rem, 4vw, 2.5rem); border: 1px solid var(--ebx-sl-line); border-radius: 1.1rem; background: var(--ebx-sl-panel); }
.ebx-sl-audience__panel--yes { border-color: rgba(201, 161, 99, .28); }
.ebx-sl-audience__panel h3 { margin: 0 0 1.2rem; color: var(--ebx-sl-white) !important; font-size: 1.35rem; }
.ebx-sl-audience__panel ul { display: grid; gap: .8rem; margin: 0; padding-left: 1.15rem; }
.ebx-sl-audience__panel li { color: var(--ebx-sl-text); font-size: .92rem; line-height: 1.55; }
.ebx-sl-audience__panel--yes li::marker { color: var(--ebx-sl-gold); }

.ebx-sl-founders { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
.ebx-sl-founder { padding: clamp(1.5rem, 4vw, 2.5rem); border: 1px solid var(--ebx-sl-line); border-radius: 1.1rem; background: linear-gradient(145deg, rgba(19, 32, 52, .96), rgba(12, 21, 36, .96)); }
.ebx-sl-founder__role { display: block; color: var(--ebx-sl-gold); font-size: .7rem; font-weight: 750; letter-spacing: .09em; text-transform: uppercase; }
.ebx-sl-founder h3 { margin: .55rem 0 1rem; color: var(--ebx-sl-white) !important; font-size: 1.65rem; }
.ebx-sl-founder p { color: var(--ebx-sl-muted); font-size: .9rem; line-height: 1.65; }
.ebx-sl-founder p:last-child { margin-bottom: 0; }

/* Trader and Elite companion pages */
.ebx-sales-landing--trader .ebx-sl-grid,
.ebx-sales-landing--elite .ebx-sl-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.ebx-sl-hero--elite { background: radial-gradient(circle at 82% 26%, rgba(201,161,99,.24), transparent 28%), radial-gradient(circle at 15% 12%, rgba(45,74,112,.82), transparent 42%), linear-gradient(128deg, #070c15, #101a2a 70%); }
.ebx-sl-guided { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem; margin-top: 2.2rem; }
.ebx-sl-guided article { display: grid; min-width: 0; min-height: 230px; grid-template-rows: auto 1fr; gap: 2.2rem; padding: 1.5rem; border: 1px solid var(--ebx-sl-line); border-radius: 1rem; background: linear-gradient(145deg, rgba(19,32,52,.98), rgba(12,21,36,.98)); }
.ebx-sl-guided b { display: grid; width: 40px; height: 40px; place-items: center; border: 1px solid rgba(201,161,99,.35); border-radius: .7rem; color: var(--ebx-sl-gold); font-size: .72rem; }
.ebx-sl-guided h3 { margin: 0 0 .55rem; color: var(--ebx-sl-white) !important; font-size: 1.15rem; }
.ebx-sl-guided p { margin: 0; color: var(--ebx-sl-muted); font-size: .88rem; line-height: 1.6; }

.ebx-sl-includes { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.ebx-sl-include { display: grid; grid-template-columns: auto 1fr; gap: 1rem; padding: 1.4rem; border: 1px solid var(--ebx-sl-line); border-radius: 1rem; background: rgba(255, 255, 255, .025); }
.ebx-sl-include b { display: grid; width: 36px; height: 36px; place-items: center; border: 1px solid rgba(201, 161, 99, .35); border-radius: .65rem; color: var(--ebx-sl-gold); font-size: .78rem; }
.ebx-sl-include h3 { margin: .1rem 0 .4rem; color: var(--ebx-sl-white) !important; font-size: 1.05rem; }
.ebx-sl-include p { margin: 0; color: var(--ebx-sl-muted); font-size: .88rem; line-height: 1.58; }

@media (max-width: 900px) {
    .ebx-sl-hero { min-height: auto; }
    .ebx-sl-hero__inner,
    .ebx-sl-split { grid-template-columns: 1fr; }
    .ebx-sl-hero__inner { padding-block: 5rem; }
    .ebx-sl-grid { grid-template-columns: 1fr 1fr; }
    .ebx-sl-proof { grid-template-columns: 1fr 1fr; }
    .ebx-sl-founders { grid-template-columns: 1fr; }
	.ebx-sales-landing--trader .ebx-sl-grid,
	.ebx-sales-landing--elite .ebx-sl-grid,
	.ebx-sl-guided { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 620px) {
    .ebx-sl-container { width: min(calc(100% - 2rem), var(--everblue-container-max, 1180px)); }
    .ebx-sl-section { padding-block: 4rem; }
    .ebx-sl-hero__inner { padding-block: 4rem; }
    .ebx-sl-grid,
    .ebx-sl-proof,
    .ebx-sl-audience,
    .ebx-sl-includes,
	.ebx-sales-landing--trader .ebx-sl-grid,
	.ebx-sales-landing--elite .ebx-sl-grid,
	.ebx-sl-guided { grid-template-columns: 1fr; }
    .ebx-sl-hero__card { padding: 1.3rem; }
    .ebx-sl-cta__box { padding: 2.2rem 1.25rem; }
}

@media (prefers-reduced-motion: reduce) {
    .ebx-sales-landing *,
    .ebx-sales-landing *::before,
    .ebx-sales-landing *::after { scroll-behavior: auto !important; transition: none !important; }
}
