@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

@media(max-width:700px) {
    body {
        overflow-x: hidden
    }

    .main-nav {
        gap: 12px;
        padding: 18px 16px
    }

    .main-nav nav {
        display: none
    }

    .earnways-logo {
        min-width: 0;
        flex: 1
    }

    .earnways-logo b {
        font-size: 20px
    }

    .earnways-logo small {
        font-size: 10px
    }

    .logo-bull {
        font-size: 30px
    }

    .nav-actions .outline {
        display: none
    }

    .outline-green {
        padding: 11px 12px;
        font-size: 11px;
        white-space: nowrap
    }

    .neon-hero {
        display: block;
        min-height: 0;
        padding: 35px 20px 0
    }

    .hero-copy h1 {
        font-size: clamp(36px, 10vw, 52px);
        line-height: 1.08;
        letter-spacing: -2px
    }

    .hero-copy p {
        font-size: 14px;
        line-height: 1.65
    }

    .hero-buttons {
        flex-wrap: wrap
    }

    .trust-points {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 5px
    }

    .trust-points span {
        border-right: 1px solid #37506c;
        padding: 0 5px;
        display: block;
        font-size: 14px
    }

    .trust-points span:last-child {
        border: 0
    }

    .trust-points b,
    .trust-points small {
        display: block;
        margin-top: 5px
    }

    .trust-points b {
        font-size: 10px
    }

    .trust-points small {
        font-size: 8px
    }

    .ai-stage {
        min-height: 360px;
        margin-top: 15px;
        transform: none;
        width: 100%;
        overflow: hidden
    }

    .glow-ring {
        width: 290px;
        height: 290px;
        left: 8%;
        top: 30px
    }

    .ai-orb {
        width: 180px;
        height: 180px;
        left: 24%;
        top: 90px;
        font-size: 45px
    }

    .candles {
        font-size: 30px;
        right: -30px;
        top: 45%
    }

    .signal-card {
        width: 155px;
        padding: 10px
    }

    .signal-card b {
        font-size: 10px
    }

    .signal-card small {
        font-size: 8px
    }

    .signal-0 {
        right: 0;
        top: 20px
    }

    .signal-1 {
        right: 0;
        top: 145px
    }

    .signal-2 {
        right: 0;
        top: 270px
    }

    .stats-panel {
        margin: 0 20px;
        grid-template-columns: repeat(2, 1fr);
        padding: 20px 10px;
        gap: 20px 8px
    }

    .stat {
        gap: 9px;
        padding: 0 5px
    }

    .stat>i {
        width: 38px;
        height: 38px;
        font-size: 16px
    }

    .stat strong {
        font-size: 22px
    }

    .stat b {
        font-size: 10px
    }

    .stat small {
        font-size: 8px
    }

    .trusted {
        padding: 35px 20px 50px
    }

    .trusted>small {
        font-size: 9px
    }

    .trusted div {
        gap: 15px;
        font-size: 11px
    }

    .below {
        padding: 65px 20px
    }

    .below h2 {
        font-size: 30px
    }

    .below-cards {
        grid-template-columns: 1fr
    }

    .faq-strip {
        padding: 55px 20px
    }

    .faq-strip h2 {
        font-size: 25px
    }

    footer {
        display: block;
        text-align: center;
        padding: 28px 20px
    }

    footer>* {
        margin: 14px auto;
        display: block
    }
}

:root {
    --bg: #020916;
    --panel: #06172a;
    --line: #123654;
    --green: #36ef67;
    --cyan: #18c8ff;
    --purple: #8a5cff;
    --white: #f5f8ff;
    --muted: #a5b4c9
}

* {
    box-sizing: border-box
}

html {
    scroll-behavior: smooth
}

body {
    margin: 0;
    background: var(--bg);
    color: var(--white);
    font-family: Inter, Arial, sans-serif
}

.earnways-page {
    min-height: 100vh;
    background: radial-gradient(circle at 78% 30%, #073b51 0, transparent 26%), var(--bg)
}

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

.main-nav {
    height: 105px;
    border-bottom: 1px solid #102033;
    display: flex;
    align-items: center;
    gap: 30px;
    padding: 0 3.2%;
    position: relative;
    z-index: 5
}

.earnways-logo {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 260px
}

.earnways-logo b {
    display: block;
    font-size: 25px;
    font-style: italic;
    letter-spacing: -1px
}

.earnways-logo small {
    display: block;
    color: var(--green);
    font-size: 13px;
    letter-spacing: 4px;
    margin-top: 2px
}

.logo-bull {
    font-size: 40px;
    color: var(--green);
    text-shadow: 0 0 18px var(--green)
}

nav {
    display: flex;
    justify-content: center;
    gap: 35px;
    flex: 1
}

nav a {
    font-size: 14px;
    font-weight: 600;
    color: #dce4f1;
    padding: 40px 0 18px;
    border-bottom: 2px solid transparent
}

nav a.active,
nav a:hover {
    color: var(--green);
    border-color: var(--green)
}

.nav-actions {
    display: flex;
    gap: 14px
}

.outline-green,
.outline {
    padding: 15px 22px;
    border: 1px solid;
    border-radius: 12px;
    font-size: 14px;
    font-weight: 600
}

.outline-green {
    border-color: var(--green) var(--cyan);
    box-shadow: 0 0 18px #00e97022
}

.outline {
    border-color: #728097
}

.neon-hero {
    max-width: 1320px;
    margin: auto;
    display: grid;
    grid-template-columns: 48% 52%;
    min-height: 650px;
    padding: 45px 3% 0px
}

.eyebrow {
    display: inline-block;
    color: #d7ecfb;
    border: 1px solid #03bd8d;
    border-radius: 22px;
    padding: 10px 17px;
    font-size: 12px;
    letter-spacing: .5px;
    background: #052d39
}

.eyebrow:first-letter {
    color: var(--green)
}

.hero-copy {
    padding-top: 10px;
    position: relative;
    z-index: 2
}

.hero-copy h1 {
    font-size: 62px;
    line-height: 1.12;
    letter-spacing: -3px;
    margin: 25px 0 20px
}

.hero-copy h1 span {
    color: var(--green)
}

.hero-copy h1 strong {
    background: linear-gradient(90deg, #16d6ff, #8d5bff);
    background-clip: text;
    color: transparent
}

.hero-copy p {
    color: #b1bfd2;
    line-height: 1.7;
    max-width: 580px;
    font-size: 17px
}

.hero-buttons {
    display: flex;
    gap: 20px;
    margin: 32px 0
}

.primary-btn,
.secondary-btn {
    display: inline-flex;
    gap: 32px;
    align-items: center;
    padding: 17px 25px;
    border-radius: 9px;
    font-size: 15px;
    font-weight: 700
}

.primary-btn {
    background: linear-gradient(100deg, #41ed5f, #08a9ff);
    box-shadow: 0 0 25px #0be88944
}

.secondary-btn {
    border: 1px solid #8290a3
}

.primary-btn b,
.secondary-btn b {
    font-size: 22px
}

.trust-points {
    display: flex;
    gap: 28px;
    color: var(--green);
    margin-top: 30px
}

.trust-points span {
    display: grid;
    grid-template-columns: 28px 1fr;
    column-gap: 7px;
    font-size: 23px;
    border-right: 1px solid #37506c;
    padding-right: 25px
}

.trust-points b {
    font-size: 13px;
    color: #edf4ff
}

.trust-points small {
    grid-column: 2;
    color: #8fa1b8;
    font-size: 11px
}

.ai-stage {
    position: relative;
    min-height: 570px
}

.glow-ring {
    position: absolute;
    width: 440px;
    height: 440px;
    border: 2px solid var(--cyan);
    border-radius: 50%;
    left: 16%;
    top: 8%;
    box-shadow: 0 0 40px #00baff99, inset 0 0 40px #3a55ff66
}

.ai-orb {
    position: absolute;
    left: 29%;
    top: 26%;
    width: 265px;
    height: 265px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    color: #8feaff;
    font-size: 68px;
    font-weight: 800;
    background: radial-gradient(circle at 35% 30%, #d9f5ff, #2476b5 35%, #07172e 66%);
    box-shadow: 0 0 60px #2ae4ff99;
    border: 5px solid #6be7ff
}

.candles {
    position: absolute;
    right: 0;
    top: 34%;
    font-size: 52px;
    letter-spacing: 1px;
    color: var(--green);
    transform: rotate(-15deg);
    text-shadow: 0 0 15px #00ff81
}

.signal-card {
    position: absolute;
    width: 220px;
    background: #06182cdd;
    border: 1px solid #154e73;
    border-radius: 14px;
    padding: 15px;
    box-shadow: 0 8px 30px #0008
}

.signal-card i {
    display: inline-grid;
    place-items: center;
    border-radius: 50%;
    background: #142a62;
    color: #b68aff;
    width: 35px;
    height: 35px;
    font-style: normal;
    margin-right: 8px
}

.signal-card b {
    font-size: 13px
}

.signal-card small {
    display: block;
    color: #9facbd;
    font-size: 11px;
    margin: 8px 0
}

.signal-card em {
    color: var(--green);
    font-style: normal;
    font-size: 18px
}

.signal-0 {
    right: 1%;
    top: 10%
}

.signal-1 {
    right: 1%;
    top: 40%
}

.signal-2 {
    right: 1%;
    top: 70%
}

.stats-panel {
    max-width: 1250px;
    margin: -15px auto 0;
    border: 1px solid #154a76;
    border-radius: 17px;
    background: linear-gradient(100deg, #041326, #061e37);
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    padding: 38px 30px;
    position: relative;
    z-index: 2
}

.stat {
    display: flex;
    gap: 18px;
    padding: 0 30px;
    border-right: 1px solid #23415f
}

.stat:last-child {
    border: 0
}

.stat>i {
    display: grid;
    place-items: center;
    width: 58px;
    height: 58px;
    border: 1px solid var(--cyan);
    border-radius: 50%;
    color: var(--green);
    font-size: 25px
}

.stat strong {
    display: block;
    font-size: 30px;
    color: var(--green)
}

.stat b,
.stat small {
    display: block
}

.stat b {
    font-size: 13px;
    margin: 6px 0
}

.stat small {
    color: #98a9bf;
    font-size: 11px;
    line-height: 1.4
}

.stat-1 strong {
    color: #219fff
}

.stat-2 strong {
    color: #9b62ff
}

.stat-3 strong {
    color: #18e5df
}

.trusted {
    text-align: center;
    padding: 38px 20px 70px
}

.trusted>small {
    color: #8494ab;
    letter-spacing: 2px
}

.trusted div {
    display: flex;
    justify-content: space-evenly;
    gap: 25px;
    flex-wrap: wrap;
    color: #8b98ad;
    font-size: 20px;
    margin-top: 30px
}

.below {
    text-align: center;
    padding: 100px 5%;
    background: linear-gradient(180deg, #031124, #061c30)
}

.below h2 {
    font-size: 45px;
    margin: 22px 0
}

.below h2 span {
    color: var(--cyan)
}

.below>p {
    max-width: 580px;
    color: var(--muted);
    margin: 0 auto 45px;
    line-height: 1.7
}

.below-cards {
    max-width: 1100px;
    margin: auto;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    text-align: left
}

.below-cards article {
    border: 1px solid var(--line);
    border-radius: 14px;
    padding: 28px;
    background: #071b31
}

.below-cards b {
    color: var(--green)
}

.below-cards h3 {
    font-size: 19px
}

.below-cards p {
    color: var(--muted);
    line-height: 1.6
}

.faq-strip {
    padding: 80px 5%;
    text-align: center
}

.faq-strip h2 {
    font-size: 35px;
    margin-bottom: 28px
}

footer {
    border-top: 1px solid #142b43;
    padding: 35px 4%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #95a5bb;
    font-size: 13px
}

footer .earnways-logo {
    min-width: auto
}

footer .earnways-logo b {
    font-size: 18px
}

@media(max-width:900px) {
    .main-nav {
        height: auto;
        padding: 20px;
        flex-wrap: wrap
    }

    .earnways-logo {
        min-width: auto
    }

    .main-nav nav {
        order: 3;
        overflow: auto;
        justify-content: flex-start;
        width: 100%;
        gap: 22px
    }

    .main-nav nav a {
        padding: 10px 0
    }

    .nav-actions {
        margin-left: auto
    }

    .neon-hero {
        grid-template-columns: 1fr;
        padding-top: 35px
    }

    .hero-copy h1 {
        font-size: 46px
    }

    .ai-stage {
        min-height: 440px
    }

    .stats-panel {
        margin: 0 18px;
        grid-template-columns: repeat(2, 1fr);
        gap: 25px
    }

    .stat {
        border: 0;
        padding: 0
    }

    .below-cards {
        grid-template-columns: 1fr
    }
}

@media(max-width:560px) {
    .nav-actions .outline {
        display: none
    }

    .nav-actions a {
        padding: 11px 12px;
        font-size: 11px
    }

    .hero-copy h1 {
        font-size: 38px
    }

    .hero-copy p {
        font-size: 14px
    }

    .hero-buttons {
        gap: 10px
    }

    .primary-btn,
    .secondary-btn {
        padding: 14px 15px;
        gap: 15px;
        font-size: 12px
    }

    .trust-points {
        gap: 10px
    }

    .trust-points span {
        padding-right: 8px;
        font-size: 16px
    }

    .trust-points b {
        font-size: 10px
    }

    .trust-points small {
        font-size: 9px
    }

    .ai-stage {
        transform: scale(.78);
        transform-origin: top left;
        width: 125%;
        margin-bottom: -80px
    }

    .stats-panel {
        grid-template-columns: 1fr;
        padding: 25px
    }

    .trusted div {
        font-size: 14px
    }

    .below h2 {
        font-size: 32px
    }

    .below-cards {
        grid-template-columns: 1fr
    }

    footer {
        display: block;
        text-align: center
    }

    footer>* {
        margin: 14px auto;
        display: block
    }
}

/* Font Awesome icon alignment */
.signal-card em i {
    display: inline;
    font-size: inherit;
    width: auto;
    height: auto;
    margin: 0;
    background: none;
    color: inherit
}

.trust-points>span>i {
    font-size: 18px;
    align-self: start;
    margin-top: 3px
}

/* AI trading intro section */
.ai-trading-intro {
    max-width: 1250px;
    margin: 25px auto 0;
    padding: 55px 5%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 35px;
    background: radial-gradient(circle at 80% 25%, #073b51 0, transparent 40%), #020b1c;
    /*border: 1px solid #123c67;
    border-radius: 18px*/
}

.intro-copy h2 {
    font-size: 58px;
    line-height: 1;
    letter-spacing: -2px;
    margin: 24px 0
}

.intro-copy h2 span {
    color: var(--green)
}

.intro-copy p {
    max-width: 570px;
    color: #c4d0e2;
    font-size: 18px;
    line-height: 1.7
}

.vision-mission {
    grid-column: 1/-1;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px
}

.vision-mission article {
    display: flex;
    gap: 25px;
    align-items: center;
    padding: 28px;
    border: 1px solid #0b9e8b;
    border-radius: 18px;
    background: #04182d
}

.vision-mission article:last-child {
    border-color: #116de0
}

.vision-mission>article>i {
    display: grid;
    place-items: center;
    flex: 0 0 80px;
    height: 80px;
    border: 1px solid var(--cyan);
    border-radius: 50%;
    color: var(--green);
    font-size: 35px
}

.vision-mission h3 {
    font-size: 30px;
    margin: 0 0 12px
}

.vision-mission h3 span {
    color: var(--green)
}

.vision-mission article:last-child h3 span {
    color: #218fff
}

.vision-mission p {
    color: #c0ccdd;
    line-height: 1.55;
    margin: 0
}

@media(max-width:700px) {
    .ai-trading-intro {
        display: block;
        margin: 20px;
        padding: 35px 22px
    }

    .intro-copy h2 {
        font-size: 42px
    }

    .intro-copy p {
        font-size: 14px
    }

    .vision-mission {
        display: block;
        margin-top: 25px
    }

    .vision-mission article {
        margin-top: 15px;
        padding: 18px;
        gap: 15px
    }

    .vision-mission>article>i {
        flex-basis: 58px;
        height: 58px;
        font-size: 25px
    }

    .vision-mission h3 {
        font-size: 21px
    }

    .vision-mission p {
        font-size: 13px
    }
}

.neon-hero {
    order: 1
}

.stats-panel {
    order: 2
}

.ai-trading-intro {
    order: 3
}

.trusted {
    order: 4
}

.below {
    order: 5
}

.faq-strip {
    order: 6
}

main#home {
    display: flex;
    flex-direction: column
}

.neon-hero {
    width: 100%;
    min-height: clamp(560px, 72vh, 700px);
    align-items: center;
    overflow: hidden
}

.hero-copy {
    max-width: 620px;
    padding-top: 0
}

.hero-copy h1 {
    font-size: clamp(48px, 5vw, 68px);
    line-height: 1.04;
    margin: 22px 0
}

.hero-copy p {
    max-width: 540px
}

.ai-stage {
    height: 570px;
    min-height: 0;
    overflow: hidden
}

.banner-image {
    position: absolute;
    z-index: 1;
    width: min(92%, 620px);
    max-height: 610px;
    object-fit: contain;
    object-position: center bottom;
    right: 0;
    bottom: 0
}

.glow-ring,
.ai-orb,
.candles,
.signal-card {
    z-index: 2
}

.stats-panel {
    width: calc(100% - 36px);
    margin: 0 auto
}

.main-nav {
    padding-left: 4%;
    padding-right: 4%
}

@media(max-width:900px) {
    .neon-hero {
        min-height: auto;
        grid-template-columns: 1fr;
        padding: 45px 6% 0
    }

    .hero-copy {
        max-width: 680px
    }

    .ai-stage {
        height: 470px;
        margin-top: 20px
    }

    .banner-image {
        width: min(100%, 560px);
        left: 50%;
        right: auto;
        transform: translateX(-50%)
    }
}

@media(max-width:560px) {
    .neon-hero {
        padding: 35px 20px 0
    }

    .hero-copy h1 {
        font-size: clamp(40px, 12vw, 54px)
    }

    .ai-stage {
        height: 390px
    }

    .banner-image {
        width: 125%
    }
}

.ai-trading-intro {
    position: relative;
    min-height: 470px;
    overflow: hidden;
    padding-right: 52%;
    background: radial-gradient(circle at 80% 40%, #073b51 0, transparent 38%), #020b1c
}

.ai-trading-intro:before {
    content: "";
    position: absolute;
    right: 2%;
    top: 20px;
    width: 48%;
    height: 347px;
    background: url('/assets/img/banner/aitrading.png') center/contain no-repeat;
    filter: drop-shadow(0 0 22px #008cff55);
    pointer-events: none
}

.ai-trading-intro .vision-mission {
    position: relative;
    z-index: 1
}

.ai-trading-intro .intro-copy {
    position: relative;
    z-index: 1
}

.ai-trading-intro .intro-copy p {
    max-width: 540px
}

@media(max-width:700px) {
    .ai-trading-intro {
        padding-right: 22px;
        min-height: 0
    }

    .ai-trading-intro:before {
        position: relative;
        display: block;
        right: auto;
        top: auto;
        width: 100%;
        height: 260px;
        margin: 10px 0 15px;
        background-size: contain
    }

    .ai-trading-intro .intro-copy {
        display: flex;
        flex-direction: column
    }

    .ai-trading-intro .intro-copy h2 {
        order: 0
    }

    .ai-trading-intro .intro-copy p {
        order: 1
    }
}

.ai-trading-intro {
    width: min(1250px, calc(100% - 40px));
    margin: 26px auto;
    padding: 55px 5%;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 35px;
    align-items: start;
    min-height: 0
}

.ai-trading-intro:before {
    right: 3%;
    top: 30px;
    width: 48%;
    height: 337px
}

.intro-copy {
    min-width: 0
}

.intro-copy h2 {
    font-size: clamp(42px, 5vw, 68px);
    overflow-wrap: break-word
}

.vision-mission {
    grid-column: 1/-1;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px
}

.vision-mission article {
    min-width: 0
}

.vision-mission p {
    overflow-wrap: anywhere
}

.stats-panel {
    width: min(1250px, calc(100% - 40px));
    grid-template-columns: repeat(4, minmax(0, 1fr));
    padding: 30px 20px
}

.stat {
    min-width: 0;
    padding: 0 18px
}

.stat span {
    min-width: 0
}

.stat small {
    overflow-wrap: anywhere
}

.trusted,
.below,
.faq-strip,
footer {
    width: 100%;
    max-width: 100%;
    overflow: hidden
}

@media(max-width:991.98px) {
    .main-nav {
        height: auto;
        min-height: 90px;
        padding: 18px 24px;
        flex-wrap: wrap
    }

    .main-nav nav {
        order: 3;
        flex-basis: 100%;
        overflow-x: auto;
        justify-content: flex-start;
        gap: 24px
    }

    .main-nav nav a {
        padding: 10px 0
    }

    .neon-hero {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        min-height: 560px;
        padding: 38px 24px 10px
    }

    .hero-copy h1 {
        font-size: clamp(45px, 6vw, 62px)
    }

    .ai-stage {
        min-width: 0
    }

    .banner-image {
        max-width: 100%
    }

    .stats-panel {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 24px 0
    }

    .stat {
        border-right: 1px solid #23415f
    }

    .stat:nth-child(2n) {
        border-right: 0
    }

    .ai-trading-intro {
        grid-template-columns: 1fr 1fr;
        padding: 40px 4%
    }

    .ai-trading-intro:before {
        width: 50%;
        height: 340px
    }

    .vision-mission {
        grid-template-columns: 1fr
    }

    .below-cards {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
}

@media(max-width:767.98px) {
    .main-nav {
        padding: 16px
    }

    .main-nav nav {
        display: none
    }

    .neon-hero {
        display: block;
        min-height: 0;
        padding: 34px 20px 0
    }

    .hero-copy h1 {
        font-size: clamp(40px, 11vw, 56px)
    }

    .hero-copy p {
        font-size: 15px
    }

    .ai-stage {
        height: 390px;
        margin-top: 18px
    }

    .stats-panel {
        grid-template-columns: 1fr;
        width: calc(100% - 32px);
        margin: 16px auto;
        padding: 24px 18px
    }

    .stat,
    .stat:nth-child(2n) {
        border: 0;
        border-bottom: 1px solid #23415f;
        padding: 14px 0
    }

    .stat:last-child {
        border-bottom: 0
    }

    .ai-trading-intro {
        display: block;
        width: calc(100% - 32px);
        padding: 30px 20px;
        margin: 20px auto
    }

    .ai-trading-intro:before {
        position: relative;
        display: block;
        right: auto;
        top: auto;
        width: 100%;
        height: 230px;
        margin: 0 0 20px
    }

    .intro-copy h2 {
        font-size: clamp(40px, 12vw, 54px)
    }

    .intro-copy p {
        font-size: 15px
    }

    .vision-mission {
        display: block
    }

    .vision-mission article {
        margin-top: 16px;
        padding: 20px
    }

    .below-cards {
        grid-template-columns: 1fr
    }

    .trusted {
        padding: 35px 16px
    }

    .trusted div {
        gap: 16px;
        font-size: 14px
    }

    footer {
        display: block;
        text-align: center;
        padding: 28px 16px
    }
}

@media(max-width:575.98px) {
    .nav-actions .outline {
        display: none
    }

    .nav-actions .outline-green {
        padding: 11px 12px;
        font-size: 11px
    }

    .hero-buttons {
        flex-direction: column;
        align-items: stretch
    }

    .primary-btn,
    .secondary-btn {
        justify-content: space-between
    }

    .trust-points {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 5px
    }

    .trust-points span {
        padding: 0 5px
    }

    .ai-stage {
        height: 330px
    }

    .ai-trading-intro:before {
        height: 190px
    }

    .vision-mission article {
        display: block;
        text-align: center
    }

    .vision-mission article>i {
        margin: 0 auto 14px
    }

    .vision-mission h3 {
        font-size: 23px
    }

    .below {
        padding: 60px 20px
    }

    .faq-strip {
        padding: 55px 20px
    }
}

.earnways-logo img {
    display: block;
    width: 190px;
    height: 58px;
    object-fit: contain;
    object-position: left center
}

.main-nav .earnways-logo img {
    max-width: 210px
}

.ai-stage .banner-image {
    display: block;
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center
}

.ai-stage .banner-image~* {
    display: none
}
.ai-trading-intro{background-image:linear-gradient(90deg,rgba(2,9,22,.9),rgba(2,9,22,.62)),url('/assets/img/banner/back.png');background-position:center;background-size:cover;background-attachment:fixed;background-repeat:no-repeat}
.ai-trading-intro{position:relative;overflow:hidden;min-height:720px;padding:64px 0!important;background-image:linear-gradient(90deg,rgba(2,9,22,.94) 0%,rgba(2,9,22,.72) 48%,rgba(2,9,22,.28) 100%),url('/assets/img/banner/back.png')!important;background-size:cover!important;background-position:center!important}.ai-trading-intro>.container{position:relative;z-index:2}.ai-trading-intro .intro-copy{padding:0 12px!important;max-width:520px}.ai-trading-intro .intro-copy h2{font-size:clamp(48px,6vw,78px)!important;line-height:.98!important;letter-spacing:-2px;margin:28px 0!important}.ai-trading-intro .intro-copy p{font-size:17px;line-height:1.7;max-width:480px}.ai-trading-intro:before{z-index:1;right:4%;top:35px;width:50%;height:337px!important;background-size:contain!important}.ai-trading-intro .vision-mission{flex:0 0 100%!important;max-width:100%!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:22px!important;margin:28px 0 0!important;padding:0 12px!important}.ai-trading-intro .vision-mission article{width:100%!important;min-height:230px;padding:28px!important;display:flex!important;align-items:center!important;border-radius:18px}.ai-trading-intro .vision-mission article>i{flex:0 0 80px}.ai-trading-intro .vision-mission h3{font-size:28px!important;margin:0 0 12px!important}.ai-trading-intro .vision-mission p{font-size:15px;line-height:1.55}@media(max-width:767.98px){.ai-trading-intro{min-height:0;padding:38px 0!important}.ai-trading-intro:before{position:relative;display:block;right:auto;top:auto;width:100%;height:230px!important;margin:0 auto 25px}.ai-trading-intro .intro-copy{max-width:none}.ai-trading-intro .intro-copy h2{font-size:clamp(44px,13vw,62px)!important}.ai-trading-intro .vision-mission{display:grid!important;grid-template-columns:1fr!important;margin-top:24px!important}.ai-trading-intro .vision-mission article{min-height:0;padding:22px!important}.ai-trading-intro .vision-mission h3{font-size:23px!important}}
@media(max-width:767.98px){.ai-trading-intro{width:100%!important;margin:0!important;padding:36px 16px 42px!important;display:block!important;min-height:0!important}.ai-trading-intro:before{display:block!important;position:relative!important;width:100%!important;height:230px!important;right:auto!important;top:auto!important;margin:0 0 28px!important}.ai-trading-intro>.container{width:100%!important;max-width:100%!important;padding:0!important}.ai-trading-intro .intro-copy{width:100%!important;max-width:100%!important;padding:0!important}.ai-trading-intro .intro-copy h2{font-size:clamp(46px,14vw,68px)!important;line-height:1!important;letter-spacing:-1px!important;word-break:normal!important}.ai-trading-intro .intro-copy p{font-size:16px!important;line-height:1.65!important;max-width:100%!important}.ai-trading-intro .vision-mission{width:100%!important;max-width:100%!important;margin:28px 0 0!important;padding:0!important;display:grid!important;grid-template-columns:1fr!important;gap:16px!important}.ai-trading-intro .vision-mission article,.ai-trading-intro .vision-mission article.col-12,.ai-trading-intro .vision-mission article.col-lg-6{grid-column:1/-1!important;width:100%!important;max-width:100%!important;min-height:0!important;display:flex!important;flex-direction:row!important;text-align:left!important;padding:22px!important}.ai-trading-intro .vision-mission article>i{margin:0 18px 0 0!important;flex:0 0 62px!important;width:62px!important;height:62px!important}.ai-trading-intro .vision-mission h3{font-size:24px!important}.ai-trading-intro .vision-mission p{font-size:14px!important}}
.ai-trading-intro>.container{grid-column:1/-1!important;width:100%!important;max-width:1140px!important;margin-left:auto!important;margin-right:auto!important;padding-left:12px!important;padding-right:12px!important}@media(min-width:1200px){.ai-trading-intro>.container{max-width:1140px!important}}@media(max-width:767.98px){.ai-trading-intro>.container{width:100%!important;max-width:100%!important}}
@media(max-width:991.98px){.hero-buttons{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:10px!important}.hero-buttons>a{flex:1 1 0!important;min-width:0!important;justify-content:space-between!important;white-space:nowrap!important;padding:15px 14px!important}.hero-buttons>a b{font-size:20px!important}}@media(max-width:575.98px){.hero-buttons>a{font-size:12px!important;padding:14px 12px!important}}
.neon-hero .ai-stage{position:relative;overflow:hidden;min-width:0}.neon-hero .ai-stage>.banner-image{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:contain!important;object-position:center center!important;transform:none!important;display:block!important}.neon-hero .ai-stage>.banner-image~*{display:none}@media(max-width:991.98px){.neon-hero .ai-stage{height:440px}.neon-hero .ai-stage>.banner-image{object-fit:contain!important}}@media(max-width:767.98px){.neon-hero .ai-stage{height:360px;width:100%}.neon-hero .ai-stage>.banner-image{object-fit:contain!important;object-position:center center!important}}
.how-it-works{padding:95px 0 80px;background:linear-gradient(180deg,#020b1d,#031a32);background-image:linear-gradient(180deg,rgba(2,9,22,.85),rgba(2,18,42,.94)),url('/assets/img/banner/back.png');background-size:cover;background-position:center}.how-heading .eyebrow{margin-bottom:22px}.how-heading h2{font-size:clamp(42px,6vw,78px);margin:0 0 18px;letter-spacing:-2px}.how-heading h2 span{color:var(--green)}.how-heading p{max-width:620px;margin:0 auto 45px;color:#c2d0e2;font-size:18px}.process-row{align-items:stretch}.process-card{height:100%;min-height:390px;position:relative;text-align:center;padding:58px 22px 25px;border:1px solid #087bdc;border-radius:18px;background:linear-gradient(145deg,#061b35,#031226);box-shadow:0 10px 35px #0005}.process-card.active{border-color:var(--green);box-shadow:0 0 25px #18e5a533}.step-number{position:absolute;top:-25px;left:50%;transform:translateX(-50%);width:54px;height:54px;display:grid;place-items:center;border:1px solid #168dff;border-radius:50%;background:#061e42;color:#e8f4ff;font-size:22px}.process-icon{display:grid;place-items:center;width:100px;height:100px;margin:0 auto 25px;border-radius:50%;color:#19b7ff;font-size:54px;text-shadow:0 0 18px #008cff;background:#061b3c}.process-card.active .process-icon{color:var(--green)}.process-card h3{font-size:20px;line-height:1.3;margin:0 0 18px}.process-card p{color:#c1cedf;line-height:1.55;font-size:14px;margin:0}.process-benefits{max-width:1100px;margin:48px auto 0;padding:22px 20px;border:1px solid #15528c;border-radius:18px;background:#041831}.process-benefits span{display:grid;grid-template-columns:45px 1fr;column-gap:12px;align-items:center;padding:6px 18px;border-right:1px solid #1b4468}.process-benefits span:last-child{border:0}.process-benefits i{grid-row:span 2;font-size:30px;color:var(--green)}.process-benefits b{font-size:15px}.process-benefits small{color:#a6b9d0}@media(max-width:1199.98px){.process-card{min-height:360px;padding-left:16px;padding-right:16px}.process-card h3{font-size:17px}}@media(max-width:767.98px){.how-it-works{padding:70px 16px 55px}.how-heading p{font-size:15px;margin-bottom:42px}.process-card{min-height:0;padding:52px 22px 25px}.process-benefits{padding:15px 8px}.process-benefits span{border:0;padding:12px 8px}.process-benefits b{font-size:12px}.process-benefits small{font-size:10px}}
.how-it-works{order:5}.below{order:6}.faq-strip{order:7}
@media(min-width:992px){.hero-copy h1,.ai-trading-intro .intro-copy h2,.how-heading h2,.below h2,.faq-strip h2{font-size:50px!important;line-height:1.08!important}}@media(min-width:768px) and (max-width:991.98px){.hero-copy h1,.ai-trading-intro .intro-copy h2,.how-heading h2,.below h2,.faq-strip h2{font-size:44px!important;line-height:1.1!important}}@media(max-width:767.98px){.hero-copy h1,.ai-trading-intro .intro-copy h2,.how-heading h2,.below h2,.faq-strip h2{font-size:clamp(34px,10vw,42px)!important;line-height:1.08!important;letter-spacing:-1px!important}}
.ai-trading-intro,.how-it-works{background-size:100% 100%!important;background-position:center center!important;background-repeat:no-repeat!important;background-attachment:fixed!important}.ai-trading-intro{background-image:linear-gradient(90deg,rgba(2,9,22,.84),rgba(2,9,22,.48)),url('/assets/img/banner/back.png')!important}.how-it-works{background-image:linear-gradient(180deg,rgba(2,9,22,.78),rgba(2,18,42,.8)),url('/assets/img/banner/back.png')!important}@media(max-width:767.98px){.ai-trading-intro,.how-it-works{background-size:auto 100%!important;background-attachment:scroll!important;background-position:center!important}}
.neon-hero{position:relative;isolation:isolate}.neon-hero>.hero-bg-video{position:absolute;z-index:-1;inset:0;width:100%;height:100%;object-fit:cover;opacity:.5;pointer-events:none}.neon-hero>.hero-copy,.neon-hero>.ai-stage{z-index:1}
.key-benefits{order:6;padding:90px 0 70px;background:linear-gradient(120deg,rgba(2,9,22,.96),rgba(2,24,48,.86)),url('/assets/img/banner/back.png') center/cover}.benefits-heading h2{font-size:50px;margin:24px 0 15px}.benefits-heading h2 span{color:var(--green)}.benefits-heading p{max-width:520px;color:#c5d3e5;font-size:18px;line-height:1.6}.benefits-list{margin-top:28px}.benefits-list article{display:flex;align-items:center;gap:18px;min-height:92px;margin:14px 0;padding:16px 20px;border:1px solid #10518a;border-radius:18px;background:#04172d}.benefits-list article>i{display:grid;place-items:center;flex:0 0 58px;height:58px;border-radius:15px;color:var(--green);font-size:25px;background:#063c42;box-shadow:0 0 18px #00e88944}.benefits-list article:nth-child(even)>i{color:#13b6ff;background:#073366}.benefits-list h3{font-size:19px;margin:0 0 5px}.benefits-list p{color:#b8c7da;font-size:14px;margin:0;line-height:1.4}.benefits-list article>b{margin-left:auto;color:#17d7ff;font-size:34px;font-weight:400}.benefits-visual{min-height:620px;display:grid;place-items:center;position:relative;border-radius:28px;background:radial-gradient(circle,#0b4d88 0,#061a39 34%,transparent 65%)}.benefits-visual strong{font-size:120px;color:#8feaff;text-shadow:0 0 30px #00aaff}.benefits-visual>i{position:absolute;font-size:230px;color:#1285ff;opacity:.28}.benefits-visual span{position:absolute;right:15%;bottom:20%;font-size:100px;color:var(--green);transform:rotate(-15deg);text-shadow:0 0 25px #00ffad}.benefits-strip{margin:48px auto 0;border:1px solid #15528c;border-radius:18px;background:#041831;padding:20px 8px}.benefits-strip>div{display:grid;grid-template-columns:45px 1fr;column-gap:10px;padding:8px 18px;border-right:1px solid #1b4468}.benefits-strip>div:last-child{border:0}.benefits-strip i{grid-row:span 2;color:var(--green);font-size:28px}.benefits-strip b,.benefits-strip small{display:block}.benefits-strip small{color:#a7b9d0}@media(max-width:991.98px){.benefits-visual{min-height:400px}.benefits-heading h2{font-size:44px}}@media(max-width:767.98px){.key-benefits{padding:65px 16px 50px}.benefits-heading h2{font-size:40px}.benefits-heading p{font-size:15px}.benefits-list article{padding:14px;gap:12px}.benefits-list h3{font-size:16px}.benefits-list p{font-size:12px}.benefits-visual{min-height:260px}.benefits-visual strong{font-size:80px}.benefits-visual>i{font-size:150px}.benefits-visual span{font-size:65px}.benefits-strip{margin-top:32px;padding:10px 4px}.benefits-strip>div{padding:10px 6px;border:0}.benefits-strip b{font-size:12px}.benefits-strip small{font-size:10px}}
.key-benefits{order:6}.below{order:7}.faq-strip{order:8}
.key-benefits .benefits-strip{display:none!important}
.trusted{display:none!important}
.benefits-visual{background-image:url('/assets/img/banner/drty.png')!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important}.benefits-visual>i,.benefits-visual>strong,.benefits-visual>span{display:none!important}