/* ELITE public landing page
   Kept isolated from the authenticated dashboard styles. */
body.elite-public-mode {
    background: #fbfcfa;
}

body.elite-public-mode .header,
body.elite-public-mode .app-sidebar,
body.elite-public-mode .app-bottombar,
body.elite-public-mode .ai-chat-widget {
    display: none !important;
}

body.elite-public-mode #homePage {
    max-width: none !important;
    padding: 0 !important;
}

body.elite-public-mode #homePage > .container {
    display: none !important;
}

body.elite-app-mode #eliteLanding {
    display: none !important;
}

#eliteLanding {
    --elite-navy: #1f2c4d;
    --elite-deep: #111a2c;
    --elite-ink: #202b42;
    --elite-muted: #667285;
    --elite-soft: #f4f7f4;
    --elite-line: #dfe6e7;
    --elite-lime: #c7dc31;
    --elite-lime-soft: #eef4bb;
    --elite-teal: #159c96;
    --elite-teal-soft: #dff4f1;
    --elite-gold: #e2a72b;
    --elite-coral: #d56b6b;
    color: var(--elite-ink);
    background: #fbfcfa;
    font-family: Manrope, Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    line-height: 1.5;
    overflow: clip;
}

#eliteLanding *,
#eliteLanding *::before,
#eliteLanding *::after {
    box-sizing: border-box;
}

#eliteLanding button,
#eliteLanding input,
#eliteLanding select {
    font: inherit;
}

#eliteLanding button {
    cursor: pointer;
}

#eliteLanding a {
    color: inherit;
    text-decoration: none;
}

#eliteLanding .elite-container {
    width: min(1180px, calc(100% - 48px));
    margin: 0 auto;
}

#eliteLanding .elite-nav {
    position: sticky;
    top: 0;
    z-index: 40;
    height: 78px;
    border-bottom: 1px solid rgba(223, 230, 231, .9);
    background: rgba(251, 252, 250, .92);
    box-shadow: 0 7px 24px rgba(31, 44, 77, .05);
    backdrop-filter: blur(18px);
}

#eliteLanding .elite-nav-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
    height: 100%;
}

#eliteLanding .elite-logo {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    border: 0;
    background: transparent;
    color: var(--elite-navy);
    font-size: 18px;
    font-weight: 800;
    letter-spacing: -.055em;
}

#eliteLanding .elite-mark {
    display: grid;
    place-items: center;
    width: 29px;
    height: 29px;
    border-radius: 9px;
    background: var(--elite-navy);
    color: var(--elite-lime);
    font-size: 14px;
    font-weight: 800;
    transform: rotate(-8deg);
}

#eliteLanding .elite-mark.mini {
    width: 21px;
    height: 21px;
    border-radius: 6px;
    font-size: 10px;
}

#eliteLanding .elite-nav-links {
    display: flex;
    align-items: center;
    gap: 24px;
    margin-left: auto;
    color: #637084;
    font-size: 12px;
    font-weight: 700;
}

#eliteLanding .elite-nav-links button,
#eliteLanding .elite-nav-login,
#eliteLanding .elite-footer-links button {
    border: 0;
    background: transparent;
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
}

#eliteLanding .elite-nav-links button:hover,
#eliteLanding .elite-nav-login:hover,
#eliteLanding .elite-footer-links button:hover {
    color: var(--elite-navy);
}

#eliteLanding .elite-nav-actions {
    display: flex;
    align-items: center;
    gap: 14px;
}

#eliteLanding .elite-nav-login {
    color: var(--elite-navy);
}

#eliteLanding .elite-button-primary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 45px;
    padding: 0 18px;
    border: 0;
    border-radius: 8px;
    background: var(--elite-lime);
    color: var(--elite-deep);
    box-shadow: 0 9px 22px rgba(199, 220, 49, .2);
    font-size: 12px;
    font-weight: 800;
    transition: transform .2s, background .2s, box-shadow .2s;
}

#eliteLanding .elite-button-primary:hover {
    transform: translateY(-2px);
    background: #d4e840;
    box-shadow: 0 13px 26px rgba(199, 220, 49, .26);
}

#eliteLanding .elite-button-primary:focus-visible,
#eliteLanding button:focus-visible,
#eliteLanding input:focus-visible,
#eliteLanding select:focus-visible {
    outline: 3px solid rgba(21, 156, 150, .42);
    outline-offset: 3px;
}

#eliteLanding .elite-mobile-toggle {
    display: none;
    border: 0;
    background: transparent;
    color: var(--elite-navy);
    font-size: 18px;
}

#eliteLanding .elite-hero {
    position: relative;
    padding: 84px 0 104px;
    background: radial-gradient(circle at 78% 19%, rgba(199, 220, 49, .2), transparent 24%), linear-gradient(135deg, #f3f8ef 0%, #fbfcfa 60%);
}

#eliteLanding .elite-hero::before {
    position: absolute;
    inset: 0;
    pointer-events: none;
    content: "";
    opacity: .35;
    background-image: linear-gradient(rgba(31, 44, 77, .035) 1px, transparent 1px), linear-gradient(90deg, rgba(31, 44, 77, .035) 1px, transparent 1px);
    background-size: 44px 44px;
    mask-image: linear-gradient(to bottom, black, transparent 76%);
}

#eliteLanding .elite-hero-grid {
    position: relative;
    display: grid;
    grid-template-columns: minmax(300px, .78fr) minmax(560px, 1.22fr);
    gap: 64px;
    align-items: center;
}

#eliteLanding .elite-eyebrow,
#eliteLanding .elite-kicker {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    color: var(--elite-teal);
    font-family: "DM Mono", "SFMono-Regular", monospace;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .12em;
    text-transform: uppercase;
}

#eliteLanding .elite-eyebrow::before {
    width: 23px;
    height: 1px;
    background: var(--elite-lime);
    content: "";
}

#eliteLanding .elite-hero h1 {
    max-width: 535px;
    margin: 20px 0 21px;
    color: var(--elite-navy);
    font-size: clamp(47px, 5.4vw, 75px);
    font-weight: 800;
    line-height: .98;
    letter-spacing: -.082em;
}

#eliteLanding .elite-hero h1 em {
    color: var(--elite-teal);
    font-style: normal;
}

#eliteLanding .elite-hero-copy {
    max-width: 520px;
    color: var(--elite-muted);
    font-size: 21px;
    line-height: 1.7;
}

#eliteLanding .elite-hero-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 17px;
    margin-top: 29px;
}

#eliteLanding .elite-secondary-button {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border: 0;
    background: transparent;
    color: var(--elite-navy);
    font-size: 12px;
    font-weight: 800;
}

#eliteLanding .elite-secondary-button:hover {
    color: var(--elite-teal);
}

#eliteLanding .elite-trust-row {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    margin-top: 24px;
    color: #87929e;
    font-size: 10px;
}

#eliteLanding .elite-trust-row span {
    display: flex;
    align-items: center;
    gap: 5px;
}

#eliteLanding .elite-trust-row i {
    color: var(--elite-teal);
}

#eliteLanding .elite-hero-aside {
    position: relative;
}

#eliteLanding .elite-hero-aside::before {
    position: absolute;
    width: 76%;
    height: 73%;
    top: 13%;
    right: -5%;
    border-radius: 25px;
    background: var(--elite-lime);
    content: "";
    opacity: .56;
    transform: rotate(3.5deg);
}

#eliteLanding .elite-hero-aside::after {
    position: absolute;
    width: 108px;
    height: 108px;
    top: -38px;
    right: 25px;
    border: 1px solid rgba(31, 44, 77, .13);
    border-radius: 50%;
    content: "";
    box-shadow: 0 0 0 15px rgba(31, 44, 77, .03), 0 0 0 30px rgba(31, 44, 77, .02);
}

#eliteLanding .elite-board-wrap {
    position: relative;
    z-index: 1;
}

#eliteLanding .elite-board {
    overflow: hidden;
    border: 1px solid #dbe3e4;
    border-radius: 15px;
    background: #f8faf9;
    box-shadow: 0 25px 70px rgba(31, 44, 77, .15);
    transform: rotate(-1.2deg);
    transition: transform .35s;
}

#eliteLanding .elite-board:hover {
    transform: rotate(0) translateY(-3px);
}

#eliteLanding .elite-board-top {
    display: flex;
    align-items: center;
    gap: 14px;
    height: 42px;
    padding: 0 16px;
    border-bottom: 1px solid #e1e7e7;
    background: #fff;
    color: #7d8994;
    font-size: 9px;
}

#eliteLanding .elite-board-logo {
    display: flex;
    align-items: center;
    gap: 7px;
    color: var(--elite-navy);
    font-size: 10px;
    font-weight: 800;
}

#eliteLanding .elite-board-live {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-left: auto;
    font-family: "DM Mono", monospace;
    font-size: 8px;
}

#eliteLanding .elite-board-live span {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--elite-teal);
    box-shadow: 0 0 0 3px rgba(21, 156, 150, .12);
}

#eliteLanding .elite-board-user {
    display: grid;
    place-items: center;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: var(--elite-navy);
    color: #fff;
    font-size: 8px;
}

#eliteLanding .elite-board-body {
    display: flex;
    min-height: 404px;
}

#eliteLanding .elite-board-side {
    display: flex;
    flex: 0 0 143px;
    flex-direction: column;
    gap: 4px;
    padding: 18px 10px;
    border-right: 1px solid #e1e7e7;
    background: #f2f6f5;
}

#eliteLanding .elite-side-caption {
    margin: 0 7px 5px;
    color: #9aa6ad;
    font-family: "DM Mono", monospace;
    font-size: 7px;
    letter-spacing: .1em;
    text-transform: uppercase;
}

#eliteLanding .elite-side-caption.market {
    margin-top: 19px;
}

#eliteLanding .elite-side-link {
    display: flex;
    align-items: center;
    gap: 7px;
    padding: 8px 7px;
    border: 0;
    border-radius: 6px;
    background: transparent;
    color: #7d8994;
    text-align: left;
    font-size: 9px;
}

#eliteLanding .elite-side-link:hover {
    background: #e8efed;
    color: var(--elite-navy);
}

#eliteLanding .elite-side-link.selected {
    background: var(--elite-navy);
    color: #fff;
    box-shadow: 0 4px 10px rgba(31, 44, 77, .15);
}

#eliteLanding .elite-market-side {
    display: flex;
    align-items: center;
    gap: 7px;
    padding: 5px 7px;
    color: #89959e;
    font-size: 8px;
}

#eliteLanding .elite-market-side i,
#eliteLanding .elite-signal-dot {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--elite-teal);
}

#eliteLanding .elite-market-side .gold-dot {
    background: var(--elite-gold);
}

#eliteLanding .elite-market-side .coral-dot {
    background: var(--elite-coral);
}

#eliteLanding .elite-side-bottom {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-top: auto;
    padding: 10px 7px 0;
    border-top: 1px solid #e0e7e5;
    color: #97a3a7;
    font-size: 8px;
}

#eliteLanding .elite-board-main {
    flex: 1;
    min-width: 0;
    padding: 21px 22px 25px;
    background: #fbfcfc;
}

#eliteLanding .elite-board-heading {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 15px;
}

#eliteLanding .elite-board-kicker {
    color: #9ba5ad;
    font-family: "DM Mono", monospace;
    font-size: 7px;
    letter-spacing: .09em;
    text-transform: uppercase;
}

#eliteLanding .elite-board-heading h3 {
    margin: 6px 0 2px;
    color: var(--elite-navy);
    font-size: 17px;
    line-height: 1.1;
    letter-spacing: -.055em;
}

#eliteLanding .elite-board-heading p {
    margin: 0;
    color: #8b979e;
    font-size: 9px;
}

#eliteLanding .elite-symbol-search {
    display: flex;
    flex-shrink: 0;
    overflow: hidden;
    border: 1px solid #d7e0e0;
    border-radius: 6px;
    background: #fff;
}

#eliteLanding .elite-symbol-search input {
    width: 52px;
    border: 0;
    outline: 0;
    padding: 7px 5px 7px 9px;
    color: var(--elite-navy);
    font-family: "DM Mono", monospace;
    font-size: 9px;
    font-weight: 600;
    text-transform: uppercase;
}

#eliteLanding .elite-symbol-search button {
    display: grid;
    place-items: center;
    width: 28px;
    border: 0;
    background: var(--elite-navy);
    color: #fff;
}

#eliteLanding .elite-board-tabs {
    display: flex;
    gap: 18px;
    margin-top: 21px;
    border-bottom: 1px solid #e6ebec;
}

#eliteLanding .elite-board-tabs button {
    position: relative;
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 0 0 9px;
    border: 0;
    background: transparent;
    color: #9ca6ae;
    font-size: 9px;
}

#eliteLanding .elite-board-tabs button:hover,
#eliteLanding .elite-board-tabs button.active {
    color: var(--elite-navy);
}

#eliteLanding .elite-board-tabs button.active {
    font-weight: 800;
}

#eliteLanding .elite-board-tabs button.active::after {
    position: absolute;
    right: 0;
    bottom: -1px;
    left: 0;
    height: 2px;
    background: var(--elite-lime);
    content: "";
}

#eliteLanding .elite-context-card {
    display: grid;
    grid-template-columns: 1fr 54px 155px;
    gap: 16px;
    align-items: center;
    margin-top: 17px;
    padding: 14px 16px;
    border: 1px solid #dce8e5;
    border-radius: 9px;
    background: linear-gradient(110deg, #eaf7f3, #f9fcf8);
}

#eliteLanding .elite-context-label {
    display: flex;
    align-items: center;
    gap: 6px;
    color: var(--elite-teal);
    font-family: "DM Mono", monospace;
    font-size: 8px;
    letter-spacing: .07em;
    text-transform: uppercase;
}

#eliteLanding .elite-context-label span {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--elite-teal);
    box-shadow: 0 0 0 4px rgba(21, 156, 150, .12);
}

#eliteLanding .elite-context-copy strong {
    display: block;
    margin-top: 5px;
    color: var(--elite-navy);
    font-size: 16px;
    letter-spacing: -.04em;
}

#eliteLanding .elite-context-copy p {
    max-width: 325px;
    margin: 5px 0 0;
    color: #7b898a;
    font-size: 8px;
    line-height: 1.5;
}

#eliteLanding .elite-context-score {
    display: grid;
    justify-items: center;
    padding-left: 14px;
    border-left: 1px solid #dce8e4;
}

#eliteLanding .elite-context-score b {
    color: var(--elite-teal);
    font-size: 26px;
    line-height: 1;
    letter-spacing: -.08em;
}

#eliteLanding .elite-context-score small {
    margin-top: 4px;
    color: #8c9b99;
    font-size: 7px;
}

#eliteLanding .elite-mini-chart {
    align-self: end;
    width: 100%;
    height: 57px;
}

#eliteLanding .elite-board-columns {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 13px;
    margin-top: 13px;
}

#eliteLanding .elite-board-card {
    min-height: 171px;
    padding: 14px;
    border: 1px solid #e0e7e8;
    border-radius: 9px;
    background: #fff;
}

#eliteLanding .elite-card-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #74818d;
    font-family: "DM Mono", monospace;
    font-size: 8px;
    letter-spacing: .05em;
    text-transform: uppercase;
}

#eliteLanding .elite-card-title small {
    display: flex;
    align-items: center;
    gap: 3px;
    color: var(--elite-teal);
    font-family: Manrope, sans-serif;
    font-size: 8px;
    letter-spacing: 0;
    text-transform: none;
}

#eliteLanding .elite-card-title .elite-live-read {
    color: #93a3a1;
}

#eliteLanding .elite-escore {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 18px 0 13px;
}

#eliteLanding .elite-escore b {
    color: var(--elite-navy);
    font-size: 27px;
    line-height: 1;
    letter-spacing: -.08em;
}

#eliteLanding .elite-escore span {
    padding: 4px 6px;
    border-radius: 4px;
    background: var(--elite-teal-soft);
    color: var(--elite-teal);
    font-size: 7px;
    font-weight: 800;
    letter-spacing: .06em;
}

#eliteLanding .elite-factor-list {
    display: grid;
    gap: 7px;
}

#eliteLanding .elite-factor {
    display: grid;
    grid-template-columns: 82px 18px 1fr;
    gap: 6px;
    align-items: center;
    color: #86919b;
    font-size: 7px;
}

#eliteLanding .elite-factor b {
    color: var(--elite-navy);
    font-family: "DM Mono", monospace;
    text-align: right;
}

#eliteLanding .elite-score-track {
    height: 4px;
    overflow: hidden;
    border-radius: 5px;
    background: #eef1f2;
}

#eliteLanding .elite-score-fill {
    height: 100%;
    border-radius: 5px;
}

#eliteLanding .elite-symbol-name {
    display: flex;
    align-items: baseline;
    gap: 8px;
    margin-top: 25px;
}

#eliteLanding .elite-symbol-name b {
    color: var(--elite-navy);
    font-size: 25px;
    letter-spacing: -.08em;
}

#eliteLanding .elite-symbol-name span {
    color: #8d98a2;
    font-size: 8px;
}

#eliteLanding .elite-symbol-metrics {
    display: flex;
    gap: 12px;
    margin: 12px 0;
    color: #8a969d;
    font-size: 7px;
}

#eliteLanding .elite-symbol-metrics b {
    color: var(--elite-teal);
    font-family: "DM Mono", monospace;
    font-size: 9px;
}

#eliteLanding .elite-symbol-card p {
    margin: 0;
    color: #7d8994;
    font-size: 8px;
    line-height: 1.55;
}

#eliteLanding .elite-inline-link {
    display: flex;
    align-items: center;
    gap: 5px;
    margin-top: 13px;
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--elite-navy);
    font-size: 8px;
    font-weight: 800;
}

#eliteLanding .elite-inline-link:hover {
    color: var(--elite-teal);
}

#eliteLanding .elite-board-panel {
    margin-top: 18px;
    padding: 17px;
    border: 1px solid #e1e6e8;
    border-radius: 9px;
    background: #fff;
}

#eliteLanding .elite-panel-intro {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding-bottom: 16px;
    border-bottom: 1px solid #edf0f1;
}

#eliteLanding .elite-panel-icon,
#eliteLanding .elite-detail-icon,
#eliteLanding .elite-feature-icon,
#eliteLanding .elite-agent-icon {
    display: grid;
    place-items: center;
}

#eliteLanding .elite-panel-icon {
    width: 30px;
    height: 30px;
    border-radius: 8px;
}

#eliteLanding .elite-panel-icon.teal,
#eliteLanding .elite-feature-icon {
    color: var(--elite-teal);
    background: var(--elite-teal-soft);
}

#eliteLanding .elite-panel-icon.gold {
    color: #9c6d08;
    background: #fff5d8;
}

#eliteLanding .elite-panel-intro h4 {
    margin: 0;
    color: var(--elite-navy);
    font-size: 13px;
}

#eliteLanding .elite-panel-intro p {
    margin: 4px 0 0;
    color: #8a969e;
    font-size: 9px;
}

#eliteLanding .elite-signal-row {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 12px 0;
    border-bottom: 1px solid #f0f2f3;
    color: var(--elite-navy);
    font-size: 9px;
    font-weight: 700;
}

#eliteLanding .elite-signal-row:last-child {
    border-bottom: 0;
}

#eliteLanding .elite-signal-row em {
    margin-left: auto;
    padding: 4px 7px;
    border-radius: 99px;
    background: var(--elite-teal-soft);
    color: var(--elite-teal);
    font-size: 7px;
    font-style: normal;
}

#eliteLanding .elite-option-matrix {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 8px;
    margin-top: 16px;
}

#eliteLanding .elite-option-matrix > div {
    display: grid;
    gap: 5px;
    padding: 10px;
    border: 1px solid #e8edeb;
    border-radius: 7px;
}

#eliteLanding .elite-option-matrix small,
#eliteLanding .elite-option-matrix span {
    color: #8b979d;
    font-size: 7px;
}

#eliteLanding .elite-option-matrix b {
    color: var(--elite-navy);
    font-family: "DM Mono", monospace;
    font-size: 15px;
}

#eliteLanding .elite-option-matrix .positive {
    color: var(--elite-teal);
}

#eliteLanding .elite-board-note {
    display: flex;
    align-items: center;
    gap: 8px;
    width: max-content;
    margin: 22px 0 0 auto;
    color: #7d8992;
    font-size: 10px;
    font-style: italic;
}

#eliteLanding .elite-note-line {
    width: 23px;
    height: 1px;
    background: var(--elite-lime);
}

#eliteLanding .elite-section {
    padding: 112px 0;
}

#eliteLanding .elite-section.soft {
    background: var(--elite-soft);
}

#eliteLanding .elite-section.dark {
    background: var(--elite-deep);
    color: #fff;
}

#eliteLanding .elite-section-head {
    max-width: 655px;
    margin-bottom: 48px;
}

#eliteLanding .elite-section-head h2 {
    margin: 15px 0 16px;
    color: var(--elite-navy);
    font-size: clamp(35px, 4.4vw, 56px);
    line-height: 1.02;
    letter-spacing: -.073em;
}

#eliteLanding .elite-section.dark .elite-section-head h2 {
    color: #fff;
}

#eliteLanding .elite-section-head p {
    color: var(--elite-muted);
    font-size: 15px;
    line-height: 1.74;
}

#eliteLanding .elite-section.dark .elite-section-head p {
    color: #aeb8c8;
}

#eliteLanding .elite-market-layout,
#eliteLanding .elite-score-layout,
#eliteLanding .elite-mechanism,
#eliteLanding .elite-pricing-grid,
#eliteLanding .elite-lead-grid {
    display: grid;
    align-items: center;
    gap: 74px;
}

#eliteLanding .elite-market-layout {
    grid-template-columns: .72fr 1.28fr;
}

#eliteLanding .elite-market-cockpit {
    min-width: 0;
}

#eliteLanding .elite-market-cockpit .elite-board-wrap {
    width: 100%;
}

#eliteLanding .elite-market-list {
    display: grid;
    gap: 10px;
    margin-top: 28px;
}

#eliteLanding .elite-market-list span {
    display: inline-flex;
    width: max-content;
    padding: 8px 11px;
    border: 1px solid var(--elite-line);
    border-radius: 7px;
    background: #fff;
    color: #687487;
    font-size: 11px;
}

#eliteLanding .elite-market-list span:nth-child(2) { margin-left: 23px; }
#eliteLanding .elite-market-list span:nth-child(3) { margin-left: 47px; }
#eliteLanding .elite-market-list span:nth-child(4) { margin-left: 70px; }
#eliteLanding .elite-market-list span:nth-child(5) { margin-left: 93px; }

#eliteLanding .elite-market-callout,
#eliteLanding .elite-mechanism-note {
    margin-top: 33px;
    padding-left: 17px;
    border-left: 3px solid var(--elite-lime);
    color: var(--elite-navy);
    font-size: 17px;
    font-weight: 800;
    line-height: 1.4;
}

#eliteLanding .elite-market-callout small,
#eliteLanding .elite-mechanism-note small {
    display: block;
    margin-top: 8px;
    color: #87929a;
    font-size: 10px;
    font-weight: 500;
    line-height: 1.6;
}

#eliteLanding .elite-score-layout {
    grid-template-columns: .95fr 1.05fr;
}

#eliteLanding .elite-evidence-card {
    padding: 22px;
    border: 1px solid #dfe7e7;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 17px 40px rgba(31, 44, 77, .07);
}

#eliteLanding .elite-evidence-top {
    display: flex;
    justify-content: space-between;
    padding-bottom: 17px;
    border-bottom: 1px solid #edf0f0;
}

#eliteLanding .elite-evidence-label {
    color: #8b969f;
    font-family: "DM Mono", monospace;
    font-size: 8px;
    letter-spacing: .09em;
    text-transform: uppercase;
}

#eliteLanding .elite-evidence-symbol {
    margin-top: 7px;
    color: var(--elite-navy);
    font-size: 21px;
    font-weight: 800;
    letter-spacing: -.06em;
}

#eliteLanding .elite-evidence-number {
    color: var(--elite-teal);
    font-size: 39px;
    font-weight: 800;
    line-height: .9;
    letter-spacing: -.1em;
}

#eliteLanding .elite-evidence-number small {
    display: block;
    margin-top: 7px;
    color: #a1abb1;
    font-family: "DM Mono", monospace;
    font-size: 7px;
    letter-spacing: .08em;
    text-align: right;
}

#eliteLanding .elite-evidence-bars {
    display: grid;
    gap: 12px;
    margin-top: 21px;
}

#eliteLanding .elite-evidence-bar {
    display: grid;
    grid-template-columns: 105px 30px 1fr;
    gap: 9px;
    align-items: center;
    color: #77838e;
    font-size: 9px;
}

#eliteLanding .elite-evidence-bar b {
    color: var(--elite-navy);
    font-family: "DM Mono", monospace;
    font-size: 9px;
    text-align: right;
}

#eliteLanding .elite-evidence-bar .elite-score-track {
    height: 6px;
}

#eliteLanding .elite-evidence-foot {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-top: 21px;
    padding-top: 13px;
    border-top: 1px solid #edf0f0;
    color: #8b969d;
    font-size: 9px;
}

#eliteLanding .elite-evidence-foot b {
    color: var(--elite-teal);
}

#eliteLanding .elite-score-callout {
    margin-top: 27px;
    padding: 13px 15px;
    border-radius: 8px;
    background: var(--elite-lime-soft);
    color: #5d6d19;
    font-size: 11px;
    line-height: 1.55;
}

#eliteLanding .elite-mechanism {
    grid-template-columns: .74fr 1.26fr;
    align-items: start;
}

#eliteLanding .elite-mechanism-aside {
    position: sticky;
    top: 105px;
}

#eliteLanding .elite-workflow {
    overflow: hidden;
    border: 1px solid #dce4e4;
    border-radius: 13px;
    background: #fff;
    box-shadow: 0 18px 45px rgba(31, 44, 77, .07);
}

#eliteLanding .elite-workflow-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    padding: 16px 18px;
    border-bottom: 1px solid #e9eeee;
}

#eliteLanding .elite-workflow-top strong {
    color: var(--elite-navy);
    font-size: 12px;
}

#eliteLanding .elite-workflow-top span {
    color: #8c989f;
    font-family: "DM Mono", monospace;
    font-size: 8px;
    letter-spacing: .08em;
    text-transform: uppercase;
}

#eliteLanding .elite-workflow-main {
    display: grid;
    grid-template-columns: 182px 1fr;
    min-height: 324px;
}

#eliteLanding .elite-workflow-nav {
    padding: 14px 10px;
    border-right: 1px solid #e6eceb;
    background: #f5f8f7;
}

#eliteLanding .elite-workflow-tab {
    display: grid;
    grid-template-columns: 1fr 15px;
    gap: 9px;
    width: 100%;
    padding: 11px 8px;
    border: 0;
    border-radius: 7px;
    background: transparent;
    color: #8a969d;
    text-align: left;
}

#eliteLanding .elite-workflow-tab:hover {
    background: #e8efed;
    color: var(--elite-navy);
}

#eliteLanding .elite-workflow-tab.active {
    background: var(--elite-navy);
    color: #fff;
    box-shadow: 0 6px 14px rgba(31, 44, 77, .14);
}

#eliteLanding .elite-workflow-tab strong,
#eliteLanding .elite-workflow-tab small {
    display: block;
}

#eliteLanding .elite-workflow-tab strong {
    font-size: 9px;
    line-height: 1.25;
}

#eliteLanding .elite-workflow-tab small {
    margin-top: 3px;
    font-size: 7px;
    opacity: .8;
}

#eliteLanding .elite-workflow-tab i {
    grid-column: 2;
    grid-row: 1 / 3;
    align-self: center;
}

#eliteLanding .elite-workflow-detail {
    padding: 29px 31px;
}

#eliteLanding .elite-detail-icon {
    width: 39px;
    height: 39px;
    border-radius: 10px;
    background: var(--elite-lime-soft);
    color: var(--elite-teal);
}

#eliteLanding .elite-workflow-detail h3 {
    max-width: 410px;
    margin: 18px 0 10px;
    color: var(--elite-navy);
    font-size: clamp(28px, 3.4vw, 45px);
    line-height: 1.02;
    letter-spacing: -.065em;
}

#eliteLanding .elite-workflow-detail p {
    max-width: 445px;
    color: var(--elite-muted);
    font-size: 12px;
    line-height: 1.7;
}

#eliteLanding .elite-detail-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin-top: 23px;
}

#eliteLanding .elite-detail-chips span {
    padding: 6px 8px;
    border: 1px solid #dfe8e5;
    border-radius: 5px;
    color: #6d7e82;
    font-family: "DM Mono", monospace;
    font-size: 8px;
}

#eliteLanding .elite-detail-footer {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 31px;
    padding-top: 14px;
    border-top: 1px solid #edf0ef;
    color: #8b969d;
    font-size: 9px;
}

#eliteLanding .elite-detail-footer b {
    color: var(--elite-teal);
    font-family: "DM Mono", monospace;
    font-weight: 600;
}

#eliteLanding .elite-agent-intro {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 30px;
    margin-bottom: 38px;
}

#eliteLanding .elite-agent-summary {
    max-width: 355px;
    color: #aeb8c8;
    font-size: 15px;
    line-height: 1.7;
}

#eliteLanding .elite-agents {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 13px;
}

#eliteLanding .elite-agent-card {
    min-height: 226px;
    padding: 21px;
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 10px;
    background: rgba(255, 255, 255, .055);
    transition: transform .22s, border-color .22s, background .22s;
}

#eliteLanding .elite-agent-card:hover {
    border-color: rgba(199, 220, 49, .65);
    background: rgba(255, 255, 255, .09);
    transform: translateY(-5px);
}

#eliteLanding .elite-agent-icon {
    width: 37px;
    height: 37px;
    margin-bottom: 24px;
    border-radius: 9px;
}

#eliteLanding .elite-agent-icon.teal { color: #6fe1d3; background: rgba(21, 156, 150, .2); }
#eliteLanding .elite-agent-icon.coral { color: #ff9a9a; background: rgba(213, 107, 107, .16); }
#eliteLanding .elite-agent-icon.gold { color: #f6c961; background: rgba(226, 167, 43, .16); }
#eliteLanding .elite-agent-icon.blue { color: #a0bcf1; background: rgba(112, 143, 200, .2); }
#eliteLanding .elite-agent-icon.lime { color: var(--elite-lime); background: rgba(199, 220, 49, .14); }
#eliteLanding .elite-agent-icon.violet { color: #c7b5f5; background: rgba(148, 127, 192, .18); }

#eliteLanding .elite-agent-card h3 {
    margin: 0 0 5px;
    color: #fff;
    font-size: 17px;
    line-height: 1.15;
    letter-spacing: -.03em;
}

#eliteLanding .elite-agent-card label {
    color: var(--elite-lime);
    font-family: "DM Mono", monospace;
    font-size: 10px;
}

#eliteLanding .elite-agent-card p {
    margin: 14px 0 0;
    color: #b8c2cf;
    font-size: 12px;
    line-height: 1.62;
}

#eliteLanding .elite-swarm-result {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-top: 25px;
    padding: 18px 21px;
    border: 1px solid rgba(199, 220, 49, .38);
    border-radius: 9px;
    background: linear-gradient(90deg, rgba(199, 220, 49, .1), rgba(21, 156, 150, .1));
}

#eliteLanding .elite-swarm-result strong {
    display: block;
    color: var(--elite-lime);
    font-size: 15px;
}

#eliteLanding .elite-swarm-result span {
    display: block;
    margin-top: 4px;
    color: #c2cad4;
    font-size: 12px;
    line-height: 1.5;
}

#eliteLanding .elite-swarm-result i {
    color: var(--elite-lime);
}

#eliteLanding .elite-features {
    background: #fbfcfa;
}

#eliteLanding .elite-feature-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 13px;
}

#eliteLanding .elite-feature-card {
    padding: 22px;
    border: 1px solid #dfe7e6;
    border-radius: 11px;
    background: #fff;
    box-shadow: 0 14px 32px rgba(31, 44, 77, .04);
}

#eliteLanding .elite-feature-card.highlight {
    border-color: #d5e39e;
    background: linear-gradient(135deg, #f2f8e2, #fff);
}

#eliteLanding .elite-feature-icon {
    width: 34px;
    height: 34px;
    border-radius: 9px;
}

#eliteLanding .elite-feature-card h3 {
    margin: 22px 0 8px;
    color: var(--elite-navy);
    font-size: 18px;
    letter-spacing: -.04em;
}

#eliteLanding .elite-feature-card p {
    margin: 0;
    color: #78868d;
    font-size: 12px;
    line-height: 1.65;
}

#eliteLanding .elite-feature-metrics {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin-top: 19px;
}

#eliteLanding .elite-feature-metrics span {
    padding: 6px 8px;
    border: 1px solid #e1e9e5;
    border-radius: 5px;
    color: #6e7e81;
    font-family: "DM Mono", monospace;
    font-size: 8px;
}

#eliteLanding .elite-pricing {
    padding: 108px 0;
    background: #eef5f0;
}

#eliteLanding .elite-pricing-grid {
    grid-template-columns: .88fr 1.12fr;
}

#eliteLanding .elite-pricing-copy h2,
#eliteLanding .elite-lead h2 {
    max-width: 500px;
    margin: 15px 0 17px;
    color: var(--elite-navy);
    font-size: clamp(36px, 4.4vw, 57px);
    line-height: 1.01;
    letter-spacing: -.073em;
}

#eliteLanding .elite-pricing-copy > p {
    max-width: 460px;
    color: var(--elite-muted);
    font-size: 15px;
    line-height: 1.72;
}

#eliteLanding .elite-confidence {
    display: grid;
    gap: 12px;
    margin-top: 26px;
}

#eliteLanding .elite-confidence span {
    display: flex;
    align-items: center;
    gap: 9px;
    color: #66787d;
    font-size: 11px;
}

#eliteLanding .elite-confidence i {
    color: var(--elite-teal);
}

#eliteLanding .elite-price-card {
    padding: 28px;
    border: 1px solid #d9e5dd;
    border-radius: 13px;
    background: #fff;
    box-shadow: 0 20px 50px rgba(31, 44, 77, .09);
}

#eliteLanding .elite-price-head {
    display: flex;
    justify-content: space-between;
    gap: 15px;
    padding-bottom: 21px;
    border-bottom: 1px solid #e9eeee;
}

#eliteLanding .elite-price-head h3 {
    margin: 0;
    color: var(--elite-navy);
    font-size: 20px;
    letter-spacing: -.05em;
}

#eliteLanding .elite-price-head p {
    margin: 4px 0 0;
    color: #87939b;
    font-size: 10px;
}

#eliteLanding .elite-price-badge {
    height: max-content;
    padding: 5px 8px;
    border-radius: 99px;
    background: var(--elite-lime-soft);
    color: #61720d;
    font-family: "DM Mono", monospace;
    font-size: 8px;
    font-weight: 700;
    text-transform: uppercase;
}

#eliteLanding .elite-price {
    display: flex;
    align-items: baseline;
    gap: 6px;
    margin: 24px 0 5px;
    color: var(--elite-navy);
}

#eliteLanding .elite-price b {
    font-size: 53px;
    line-height: 1;
    letter-spacing: -.09em;
}

#eliteLanding .elite-price span {
    color: #75848a;
    font-size: 12px;
}

#eliteLanding .elite-trial {
    margin: 0;
    color: var(--elite-teal);
    font-size: 11px;
    font-weight: 800;
}

#eliteLanding .elite-price-list {
    display: grid;
    gap: 11px;
    margin: 22px 0 25px;
    padding: 20px 0;
    border-top: 1px solid #edf0ef;
    border-bottom: 1px solid #edf0ef;
}

#eliteLanding .elite-price-list span {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #68777e;
    font-size: 11px;
}

#eliteLanding .elite-price-list i {
    color: var(--elite-teal);
}

#eliteLanding .elite-price-card .elite-button-primary {
    width: 100%;
}

#eliteLanding .elite-price-foot,
#eliteLanding .elite-form-privacy {
    margin: 12px 0 0;
    color: #98a1a3;
    font-size: 9px;
    text-align: center;
}

#eliteLanding .elite-pricing-bridge {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    margin-top: 27px;
    color: #718084;
    font-size: 12px;
}

#eliteLanding .elite-pricing-bridge button {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--elite-teal);
    font: inherit;
    font-weight: 800;
}

#eliteLanding .elite-lead {
    padding: 110px 0 125px;
    background: var(--elite-navy);
    color: #fff;
}

#eliteLanding .elite-lead-grid {
    grid-template-columns: .95fr 1.05fr;
    gap: 100px;
    align-items: start;
}

#eliteLanding .elite-lead h2 {
    color: #fff;
}

#eliteLanding .elite-lead-copy {
    max-width: 430px;
    color: #abb7c5;
    font-size: 15px;
    line-height: 1.72;
}

#eliteLanding .elite-lead-aside {
    display: flex;
    align-items: center;
    gap: 9px;
    margin-top: 29px;
    color: var(--elite-lime);
    font-family: "DM Mono", monospace;
    font-size: 10px;
}

#eliteLanding .elite-lead-form {
    padding: 27px;
    border: 1px solid rgba(255, 255, 255, .13);
    border-radius: 12px;
    background: rgba(255, 255, 255, .06);
}

#eliteLanding .elite-form-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
}

#eliteLanding .elite-form-field {
    display: grid;
    gap: 7px;
}

#eliteLanding .elite-form-field.full {
    grid-column: 1 / -1;
}

#eliteLanding .elite-form-field label {
    color: #b7c2cc;
    font-family: "DM Mono", monospace;
    font-size: 9px;
    letter-spacing: .08em;
    text-transform: uppercase;
}

#eliteLanding .elite-form-field input,
#eliteLanding .elite-form-field select {
    width: 100%;
    padding: 12px 11px;
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 6px;
    outline: 0;
    background: rgba(255, 255, 255, .07);
    color: #fff;
    font-size: 12px;
    transition: border-color .2s, background .2s;
}

#eliteLanding .elite-form-field input:focus,
#eliteLanding .elite-form-field select:focus {
    border-color: var(--elite-lime);
    background: rgba(255, 255, 255, .11);
}

#eliteLanding .elite-form-field select option {
    color: var(--elite-navy);
}

#eliteLanding .elite-lead-form .elite-button-primary {
    margin-top: 19px;
}

#eliteLanding .elite-lead-status {
    min-height: 18px;
    margin: 10px 0 0;
    color: var(--elite-lime);
    font-size: 11px;
}

#eliteLanding .elite-footer {
    padding: 23px 0;
    border-top: 1px solid rgba(255, 255, 255, .08);
    background: #101a2c;
    color: #8391a2;
}

#eliteLanding .elite-footer-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

#eliteLanding .elite-footer .elite-logo {
    color: #fff;
    font-size: 15px;
}

#eliteLanding .elite-footer small,
#eliteLanding .elite-footer-links {
    font-size: 9px;
}

#eliteLanding .elite-footer-links {
    display: flex;
    gap: 18px;
}

@media (max-width: 980px) {
    #eliteLanding .elite-hero-grid,
    #eliteLanding .elite-market-layout,
    #eliteLanding .elite-score-layout,
    #eliteLanding .elite-mechanism,
    #eliteLanding .elite-pricing-grid,
    #eliteLanding .elite-lead-grid {
        grid-template-columns: 1fr;
        gap: 48px;
    }

    #eliteLanding .elite-hero {
        padding-top: 70px;
    }

    #eliteLanding .elite-hero-copy {
        max-width: 600px;
    }

    #eliteLanding .elite-hero-aside {
        width: 100%;
        max-width: 740px;
        margin: 0 auto;
    }

    #eliteLanding .elite-mechanism-aside {
        position: static;
    }

    #eliteLanding .elite-agent-intro {
        display: block;
    }

    #eliteLanding .elite-agent-summary {
        margin-top: 18px;
    }

    #eliteLanding .elite-pricing-grid {
        max-width: 650px;
    }

    #eliteLanding .elite-lead-grid {
        max-width: 700px;
    }
}

@media (max-width: 740px) {
    #eliteLanding .elite-container {
        width: min(calc(100% - 32px), 1180px);
    }

    #eliteLanding .elite-nav {
        height: 67px;
    }

    #eliteLanding .elite-nav-links,
    #eliteLanding .elite-nav-actions {
        display: none;
    }

    #eliteLanding .elite-mobile-toggle {
        display: block;
    }

    #eliteLanding .elite-nav.is-open .elite-nav-links {
        position: absolute;
        top: 67px;
        right: 0;
        left: 0;
        display: grid;
        gap: 0;
        padding: 8px 16px 16px;
        border-bottom: 1px solid var(--elite-line);
        background: rgba(251, 252, 250, .98);
        box-shadow: 0 15px 25px rgba(31, 44, 77, .08);
    }

    #eliteLanding .elite-nav.is-open .elite-nav-links button {
        padding: 12px 2px;
        text-align: left;
    }

    #eliteLanding .elite-nav.is-open .elite-nav-actions {
        position: absolute;
        top: 223px;
        right: 16px;
        left: 16px;
        display: flex;
        flex-direction: column;
        gap: 10px;
        padding-bottom: 16px;
        background: rgba(251, 252, 250, .98);
    }

    #eliteLanding .elite-nav.is-open .elite-nav-login {
        order: -1;
        width: 100%;
        padding: 10px 0;
        text-align: center;
        font-weight: 800;
    }

    #eliteLanding .elite-nav.is-open .elite-nav-actions .elite-button-primary {
        width: 100%;
    }

    #eliteLanding .elite-hero {
        padding: 64px 0 72px;
    }

    #eliteLanding .elite-hero h1 {
        font-size: clamp(45px, 14vw, 65px);
    }

    #eliteLanding .elite-hero-actions {
        align-items: stretch;
        flex-direction: column;
    }

    #eliteLanding .elite-hero-actions .elite-button-primary,
    #eliteLanding .elite-hero-actions .elite-secondary-button {
        width: max-content;
    }

    #eliteLanding .elite-board {
        transform: none;
    }

    #eliteLanding .elite-board-body {
        min-height: 0;
    }

    #eliteLanding .elite-board-side {
        display: none;
    }

    #eliteLanding .elite-board-main {
        padding: 16px 13px 18px;
    }

    #eliteLanding .elite-board-heading {
        display: block;
    }

    #eliteLanding .elite-symbol-search {
        width: max-content;
        margin-top: 14px;
    }

    #eliteLanding .elite-context-card {
        grid-template-columns: 1fr 46px;
    }

    #eliteLanding .elite-mini-chart {
        display: none;
    }

    #eliteLanding .elite-board-columns {
        grid-template-columns: 1fr;
    }

    #eliteLanding .elite-board-card {
        min-height: 0;
    }

    #eliteLanding .elite-board-note {
        width: auto;
        margin-left: 0;
        font-size: 9px;
    }

    #eliteLanding .elite-section,
    #eliteLanding .elite-pricing,
    #eliteLanding .elite-lead {
        padding: 76px 0;
    }

    #eliteLanding .elite-section-head {
        margin-bottom: 32px;
    }

    #eliteLanding .elite-workflow-main {
        grid-template-columns: 1fr;
    }

    #eliteLanding .elite-workflow-nav {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 5px;
        border-right: 0;
        border-bottom: 1px solid #e6eceb;
    }

    #eliteLanding .elite-workflow-tab {
        padding: 9px 7px;
    }

    #eliteLanding .elite-workflow-detail {
        padding: 23px 20px;
    }

    #eliteLanding .elite-workflow-detail h3 {
        font-size: 25px;
    }

    #eliteLanding .elite-agents {
        grid-template-columns: 1fr 1fr;
        gap: 9px;
    }

    #eliteLanding .elite-agent-card {
        min-height: 195px;
        padding: 16px;
    }

    #eliteLanding .elite-agent-icon {
        margin-bottom: 18px;
    }

    #eliteLanding .elite-agent-card h3 {
        font-size: 15px;
    }

    #eliteLanding .elite-agent-card p {
        font-size: 10px;
    }

    #eliteLanding .elite-swarm-result {
        align-items: flex-start;
    }

    #eliteLanding .elite-feature-grid {
        grid-template-columns: 1fr;
    }

    #eliteLanding .elite-form-grid {
        grid-template-columns: 1fr;
    }

    #eliteLanding .elite-form-field.full {
        grid-column: auto;
    }

    #eliteLanding .elite-footer-inner {
        align-items: flex-start;
        flex-direction: column;
    }

    #eliteLanding .elite-footer-links {
        order: 3;
    }

    #eliteLanding .elite-option-matrix {
        grid-template-columns: 1fr 1fr;
    }
}

/* ---- Hero workspace preview + live captures ---- */
#eliteLanding .elite-hero-workspace-preview {
    display: grid;
    gap: 12px;
    max-width: 590px;
    margin-top: 24px;
    padding: 14px 15px;
    border: 1px solid rgba(31, 44, 77, .14);
    border-radius: 10px;
    background: rgba(255, 255, 255, .7);
    box-shadow: 0 12px 28px rgba(31, 44, 77, .06);
}
#eliteLanding .elite-hero-workspace-preview > div:first-child {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
}
#eliteLanding .elite-hero-workspace-preview > div:first-child span {
    color: var(--elite-teal);
    font: 8px "DM Mono", monospace;
    letter-spacing: .1em;
}
#eliteLanding .elite-hero-workspace-preview > div:first-child b {
    color: var(--elite-navy);
    font-size: 10px;
}
#eliteLanding .elite-hero-workspace-items {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 6px;
}
#eliteLanding .elite-hero-workspace-items a {
    display: grid;
    gap: 3px;
    min-height: 40px;
    padding: 7px 8px;
    border: 1px solid var(--elite-line);
    border-radius: 6px;
    background: #fbfdf9;
    transition: transform .2s, border-color .2s;
}
#eliteLanding .elite-hero-workspace-items a:hover {
    border-color: var(--elite-teal);
    transform: translateY(-2px);
}
#eliteLanding .elite-hero-workspace-items strong {
    color: var(--elite-navy);
    font-size: 9px;
}
#eliteLanding .elite-hero-workspace-items small {
    overflow: hidden;
    color: #839096;
    font-size: 7px;
    white-space: nowrap;
    text-overflow: ellipsis;
}

#eliteLanding .elite-live-capture {
    overflow: hidden;
    margin: 0;
    border: 1px solid #cfdadd;
    border-radius: 13px;
    background: #fff;
    box-shadow: 0 24px 60px rgba(31, 44, 77, .12);
}
#eliteLanding .elite-live-capture img {
    display: block;
    width: 100%;
    height: auto;
    background: #fff;
}
#eliteLanding .elite-live-capture figcaption {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 13px 16px;
    border-top: 1px solid #dbe4e3;
    color: #74818b;
    font: 9px "DM Mono", monospace;
}
#eliteLanding .elite-live-capture figcaption strong {
    color: var(--elite-navy);
    font: 700 11px Manrope, sans-serif;
}
#eliteLanding .elite-live-capture figcaption span {
    font-size: 8px;
}

#eliteLanding .elite-hero-captures {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 154px;
    gap: 12px;
    align-items: center;
    min-width: 0;
}
#eliteLanding .elite-hero-capture-stack {
    display: grid;
    gap: 12px;
}
#eliteLanding .elite-live-capture--hero {
    position: relative;
    z-index: 1;
    box-shadow: 0 28px 70px rgba(31, 44, 77, .18);
    transform: rotate(-1deg);
}
#eliteLanding .elite-live-capture--hero img {
    aspect-ratio: 1440 / 1000;
    object-fit: cover;
    object-position: top;
}
#eliteLanding .elite-live-capture--peek {
    box-shadow: 0 14px 34px rgba(31, 44, 77, .14);
    transform: rotate(2deg);
}
#eliteLanding .elite-live-capture--peek:nth-child(2) {
    transform: rotate(-2deg);
}
#eliteLanding .elite-live-capture--peek img {
    display: block;
    aspect-ratio: 1440 / 1000;
    object-fit: cover;
    object-position: top;
}
#eliteLanding .elite-live-capture--peek figcaption {
    display: grid;
    gap: 2px;
    padding: 8px 10px;
    background: #fff;
}
#eliteLanding .elite-live-capture--peek figcaption strong {
    font-size: 9px;
}
#eliteLanding .elite-live-capture--peek figcaption span {
    font-size: 7px;
}

/* ---- Workspace rail ---- */
#eliteLanding .elite-workspace-rail {
    position: relative;
    z-index: 2;
    padding: 20px 0 22px;
    border-top: 1px solid rgba(31, 44, 77, .12);
    border-bottom: 1px solid rgba(31, 44, 77, .12);
    background: var(--elite-navy);
    color: #fff;
}
#eliteLanding .elite-workspace-rail-inner {
    display: flex;
    align-items: center;
    gap: 32px;
}
#eliteLanding .elite-workspace-rail-intro {
    flex: 0 0 210px;
}
#eliteLanding .elite-workspace-rail-intro .elite-kicker {
    display: block;
    margin-bottom: 6px;
    color: var(--elite-lime);
    font-size: 9px;
}
#eliteLanding .elite-workspace-rail-intro strong {
    display: block;
    font-size: 15px;
    line-height: 1.15;
    letter-spacing: -.035em;
}
#eliteLanding .elite-workspace-rail-items {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    flex: 1;
    min-width: 0;
}
#eliteLanding .elite-workspace-rail-item {
    display: grid;
    gap: 4px;
    min-height: 48px;
    padding: 2px 12px;
    border-left: 1px solid rgba(255, 255, 255, .16);
    transition: background .2s, transform .2s;
}
#eliteLanding .elite-workspace-rail-item:hover {
    background: rgba(199, 220, 49, .12);
    transform: translateY(-2px);
}
#eliteLanding .elite-workspace-rail-item small {
    color: var(--elite-lime);
    font: 8px "DM Mono", monospace;
}
#eliteLanding .elite-workspace-rail-item span {
    color: #fff;
    font-size: 11px;
    font-weight: 800;
}
#eliteLanding .elite-workspace-rail-item b {
    overflow: hidden;
    color: #9eacbc;
    font-size: 8px;
    font-weight: 500;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/* ---- Surface gallery ---- */
#eliteLanding .elite-surface-gallery {
    display: grid;
    gap: 76px;
    margin-top: 48px;
}
#eliteLanding .elite-surface-section {
    display: grid;
    grid-template-columns: minmax(220px, .72fr) minmax(0, 1.28fr);
    gap: 58px;
    align-items: center;
    padding: 34px 0 76px;
    border-bottom: 1px solid #e4ebea;
}
#eliteLanding .elite-surface-section:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}
#eliteLanding .elite-surface-section--reverse .elite-surface-section-copy {
    order: 2;
}
#eliteLanding .elite-surface-section--reverse .elite-live-capture {
    order: 1;
}
#eliteLanding .elite-surface-section-copy {
    padding-left: 4px;
}
#eliteLanding .elite-surface-section-copy h3 {
    max-width: 330px;
    margin: 14px 0 15px;
    color: var(--elite-navy);
    font-size: clamp(29px, 3.3vw, 44px);
    line-height: 1.03;
    letter-spacing: -.07em;
}
#eliteLanding .elite-surface-section-copy > p:not(.elite-kicker) {
    max-width: 400px;
    margin: 0;
    color: var(--elite-muted);
    font-size: 19px;
    line-height: 1.65;
}
#eliteLanding .elite-surface-section-rule {
    display: block;
    width: 46px;
    height: 3px;
    margin-top: 28px;
    background: var(--elite-lime);
}
#eliteLanding .elite-surface-section .elite-live-capture {
    box-shadow: 0 22px 55px rgba(31, 44, 77, .1);
}

/* ---- Beta card / pricing tweaks ---- */
#eliteLanding .elite-beta-card .elite-price-list {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #edf0ef;
}

/* ---- Updates card ---- */
#eliteLanding .elite-updates-card {
    padding: 27px;
    border: 1px solid rgba(255, 255, 255, .13);
    border-radius: 12px;
    background: rgba(255, 255, 255, .06);
}
#eliteLanding .elite-updates-card h3 {
    color: #fff;
    font-size: 20px;
}
#eliteLanding .elite-updates-card p {
    color: #b7c2cc;
    font-size: 12px;
}
#eliteLanding .elite-updates-card .elite-inline-link {
    margin-top: 15px;
    color: var(--elite-lime);
    font-size: 12px;
    font-weight: 800;
}

/* ---- Footer disclaimer ---- */
#eliteLanding .elite-footer-disclaimer {
    width: 100%;
    max-width: 760px;
    margin: 12px 0 0;
    color: #78889a;
    font-size: 9px;
    line-height: 1.6;
}

/* ---- Notice toast ---- */
.elite-notice {
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 60;
    display: flex;
    gap: 18px;
    max-width: 360px;
    padding: 14px 16px;
    border: 1px solid rgba(31, 44, 77, .2);
    border-radius: 8px;
    background: var(--elite-lime-soft);
    color: var(--elite-navy);
    font-size: 12px;
    box-shadow: 0 14px 28px rgba(31, 44, 77, .16);
}
.elite-notice button {
    border: 0;
    background: transparent;
    font-size: 18px;
    cursor: pointer;
}

/* ---- Beta modal ---- */
.elite-modal-backdrop {
    position: fixed;
    inset: 0;
    z-index: 70;
    display: grid;
    place-items: center;
    padding: 20px;
    background: rgba(17, 26, 44, .52);
    backdrop-filter: blur(8px);
}
.elite-modal-backdrop[hidden] {
    display: none;
}
.elite-notice[hidden] {
    display: none;
}

/* ---- Footer legal disclaimer block ---- */
#eliteLanding .elite-footer-legal {
    max-width: 820px;
    margin: 28px auto 0;
    padding-top: 24px;
    border-top: 1px solid rgba(255, 255, 255, .12);
}
#eliteLanding .elite-footer-legal h4 {
    margin: 20px 0 6px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, .78);
}
#eliteLanding .elite-footer-legal h4:first-child {
    margin-top: 0;
}
#eliteLanding .elite-footer-legal p {
    margin: 0 0 10px;
    font-size: 12px;
    line-height: 1.6;
    color: rgba(255, 255, 255, .5);
}
.elite-modal {
    position: relative;
    width: min(100%, 440px);
    max-height: 90dvh;
    overflow: auto;
    padding: 32px;
    border-radius: 13px;
    background: #fbfcfa;
    color: var(--elite-ink);
    box-shadow: 0 30px 70px rgba(17, 26, 44, .28);
    font-family: Manrope, ui-sans-serif, system-ui, sans-serif;
}
.elite-modal h2 {
    margin: 10px 0;
    color: var(--elite-navy);
    font-size: 34px;
    line-height: 1.02;
    letter-spacing: -.07em;
}
.elite-modal > p:not(.elite-kicker) {
    color: var(--elite-muted);
    font-size: 14px;
}
.elite-modal-close {
    position: absolute;
    top: 12px;
    right: 15px;
    border: 0;
    background: transparent;
    color: var(--elite-muted);
    font-size: 24px;
    cursor: pointer;
}
.elite-modal form {
    display: grid;
    gap: 12px;
    margin-top: 22px;
}
.elite-modal label {
    display: grid;
    gap: 6px;
    color: var(--elite-navy);
    font-size: 11px;
    font-weight: 800;
}
.elite-modal input,
.elite-modal select {
    min-height: 42px;
    border: 1px solid var(--elite-line);
    border-radius: 6px;
    padding: 9px;
    background: #fff;
    color: var(--elite-navy);
}
.elite-modal .elite-consent {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--elite-muted);
    font-weight: 500;
}
.elite-modal .elite-consent input {
    min-height: auto;
    width: auto;
}
.elite-modal .elite-error {
    color: #b64e4e;
    font-size: 11px;
}
.elite-modal .elite-button-primary {
    margin-top: 6px;
    width: 100%;
    justify-content: center;
}

@media (max-width: 980px) {
    #eliteLanding .elite-hero-workspace-preview,
    #eliteLanding .elite-hero-captures {
        max-width: 740px;
        margin-left: auto;
        margin-right: auto;
    }
    #eliteLanding .elite-workspace-rail-inner {
        display: block;
    }
    #eliteLanding .elite-workspace-rail-intro {
        margin-bottom: 14px;
    }
    #eliteLanding .elite-workspace-rail-items {
        grid-template-columns: repeat(4, 1fr);
        row-gap: 12px;
    }
    #eliteLanding .elite-surface-section {
        grid-template-columns: 1fr;
        gap: 32px;
    }
}

@media (max-width: 740px) {
    #eliteLanding .elite-hero-captures {
        grid-template-columns: 1fr;
    }
    #eliteLanding .elite-hero-capture-stack {
        grid-template-columns: 1fr 1fr;
    }
    #eliteLanding .elite-live-capture--peek figcaption {
        display: none;
    }
    #eliteLanding .elite-workspace-rail-items {
        grid-template-columns: repeat(2, 1fr);
    }
    #eliteLanding .elite-workspace-rail-item {
        padding: 2px 9px;
    }
    #eliteLanding .elite-workspace-rail-item:nth-child(odd) {
        border-left: 0;
    }
    #eliteLanding .elite-surface-section,
    #eliteLanding .elite-surface-section--reverse {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 25px;
        padding: 34px 0 52px;
    }
    #eliteLanding .elite-surface-section--reverse .elite-surface-section-copy,
    #eliteLanding .elite-surface-section--reverse .elite-live-capture {
        order: initial;
    }
    #eliteLanding .elite-surface-section-copy h3 {
        font-size: clamp(30px, 10vw, 42px);
    }
}

@media (max-width: 430px) {
    #eliteLanding .elite-hero h1 {
        font-size: 44px;
    }
}