.stockara-signal-page {
    --ssp-primary: #1368e8;
    --ssp-primary-dark: #0a4db7;
    --ssp-accent: #00a86b;
    --ssp-dark: #07152b;
    --ssp-dark-soft: #10223d;
    --ssp-text: #182338;
    --ssp-text-light: #65738a;
    --ssp-border: #e2e9f2;
    --ssp-bg: #f6f9fd;
    --ssp-white: #ffffff;
    font-family: "Inter", "Segoe UI", Arial, sans-serif;
    color: var(--ssp-text);
    background: #fff;
    line-height: 1.7;
    overflow: hidden;
}

    .stockara-signal-page *,
    .stockara-signal-page *::before,
    .stockara-signal-page *::after {
        box-sizing: border-box;
    }

    .stockara-signal-page h1,
    .stockara-signal-page h2,
    .stockara-signal-page h3,
    .stockara-signal-page p,
    .stockara-signal-page ul {
        margin-top: 0;
    }

    .stockara-signal-page p {
        font-size: 16px;
        color: var(--ssp-text-light);
        margin-bottom: 18px;
    }

    .stockara-signal-page h2 {
        font-size: 38px;
        line-height: 1.2;
        color: var(--ssp-dark);
        margin-bottom: 20px;
        letter-spacing: -0.8px;
        font-weight:800;
    }

    .stockara-signal-page h3 {
        color: var(--ssp-dark);
        line-height: 1.35;
    }

    .stockara-signal-page .ssp-container {
        width: min(1180px, calc(100% - 40px));
        margin: 0 auto;
    }


    /* HERO */

    .stockara-signal-page .ssp-hero {
        position: relative;
        padding: 100px 0 90px;
        background: radial-gradient(circle at 85% 20%, rgba(19,104,232,.16), transparent 28%), radial-gradient(circle at 10% 80%, rgba(0,168,107,.10), transparent 30%), linear-gradient(135deg, #f7fbff 0%, #ffffff 55%, #f2f7ff 100%);
    }

        .stockara-signal-page .ssp-hero::before {
            content: "";
            position: absolute;
            inset: 0;
            background-image: linear-gradient(rgba(10,55,120,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(10,55,120,.035) 1px, transparent 1px);
            background-size: 45px 45px;
            pointer-events: none;
        }

    .stockara-signal-page .ssp-hero-content {
        position: relative;
        max-width: 900px;
    }

    .stockara-signal-page .ssp-badge,
    .stockara-signal-page .ssp-small-title {
        display: inline-block;
        color: var(--ssp-primary);
        font-size: 13px;
        font-weight: 800;
        letter-spacing: 1.3px;
        text-transform: uppercase;
        margin-bottom: 15px;
    }

    .stockara-signal-page .ssp-badge {
        padding: 9px 16px;
        border-radius: 50px;
        background: rgba(19,104,232,.09);
        border: 1px solid rgba(19,104,232,.15);
    }

    .stockara-signal-page .ssp-hero h1 {
        max-width: 900px;
        margin: 0 0 25px;
        color: var(--ssp-dark);
        font-size: clamp(44px, 6vw, 72px);
        line-height: 1.05;
        letter-spacing: -2.8px;
    }

        .stockara-signal-page .ssp-hero h1 span {
            color: var(--ssp-primary);
        }

    .stockara-signal-page .ssp-hero-text {
        max-width: 820px;
        font-size: 19px;
        line-height: 1.8;
    }

    .stockara-signal-page .ssp-hero-buttons {
        display: flex;
        flex-wrap: wrap;
        gap: 13px;
        margin-top: 30px;
    }

    .stockara-signal-page .ssp-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 52px;
        padding: 0 26px;
        border-radius: 10px;
        text-decoration: none;
        font-size: 15px;
        font-weight: 750;
        transition: transform .25s ease, box-shadow .25s ease, background .25s ease;
    }

        .stockara-signal-page .ssp-btn:hover {
            transform: translateY(-2px);
        }

    .stockara-signal-page .ssp-btn-primary {
        background: linear-gradient(135deg, var(--ssp-primary), #0653cb);
        color: #fff;
        box-shadow: 0 12px 30px rgba(19,104,232,.22);
    }

    .stockara-signal-page .ssp-btn-secondary {
        background: #fff;
        color: var(--ssp-dark);
        border: 1px solid var(--ssp-border);
    }

    .stockara-signal-page .ssp-btn-light {
        background: rgba(255,255,255,.1);
        border: 1px solid rgba(255,255,255,.2);
        color: #fff;
    }

    .stockara-signal-page .ssp-market-tags {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        margin-top: 35px;
    }

        .stockara-signal-page .ssp-market-tags span {
            padding: 8px 14px;
            border-radius: 7px;
            background: #fff;
            color: #33435d;
            border: 1px solid var(--ssp-border);
            font-size: 13px;
            font-weight: 700;
        }


    /* GENERAL SECTIONS */

    .stockara-signal-page .ssp-section {
        padding: 85px 0;
    }

    .stockara-signal-page .ssp-bg-light {
        background: var(--ssp-bg);
    }

    .stockara-signal-page .ssp-section-heading {
        max-width: 760px;
        margin-bottom: 42px;
    }

        .stockara-signal-page .ssp-section-heading.ssp-center {
            margin-left: auto;
            margin-right: auto;
            text-align: center;
        }

        .stockara-signal-page .ssp-section-heading p {
            font-size: 17px;
        }

    .stockara-signal-page .ssp-content-card {
        background: #fff;
        border: 1px solid var(--ssp-border);
        border-radius: 18px;
        padding: 35px;
        box-shadow: 0 16px 45px rgba(13,41,78,.06);
    }

        .stockara-signal-page .ssp-content-card p:last-child {
            margin-bottom: 0;
        }

    .stockara-signal-page .ssp-two-column {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        gap: 60px;
    }

    .stockara-signal-page .ssp-align-center {
        align-items: center;
    }


    /* CHECK LIST */

    .stockara-signal-page .ssp-check-card,
    .stockara-signal-page .ssp-benefits-box {
        padding: 30px;
        background: #fff;
        border-radius: 18px;
        border: 1px solid var(--ssp-border);
        box-shadow: 0 14px 40px rgba(23,50,90,.06);
    }

    .stockara-signal-page .ssp-check-list,
    .stockara-signal-page .ssp-benefit-list {
        list-style: none;
        padding: 0;
        margin: 0;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 12px;
    }

        .stockara-signal-page .ssp-check-list li,
        .stockara-signal-page .ssp-benefit-list li {
            position: relative;
            padding: 11px 12px 11px 38px;
            background: #f8faff;
            border-radius: 9px;
            color: #304058;
            font-size: 14px;
            font-weight: 650;
        }

            .stockara-signal-page .ssp-check-list li::before,
            .stockara-signal-page .ssp-benefit-list li::before {
                content: "✓";
                position: absolute;
                left: 13px;
                top: 9px;
                color: var(--ssp-accent);
                font-weight: 900;
            }

    .stockara-signal-page .ssp-note-box {
        margin-top: 35px;
        padding: 20px 24px;
        border-radius: 12px;
        border-left: 4px solid var(--ssp-primary);
        background: rgba(19,104,232,.06);
        color: #40506a;
        font-size: 14px;
    }


    /* INFO GRID */

    .stockara-signal-page .ssp-info-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 22px;
    }

    .stockara-signal-page .ssp-info-box {
        padding: 28px;
        border: 1px solid var(--ssp-border);
        border-radius: 16px;
        background: #fff;
        transition: transform .25s ease, box-shadow .25s ease;
    }

        .stockara-signal-page .ssp-info-box:hover {
            transform: translateY(-5px);
            box-shadow: 0 18px 45px rgba(17,50,100,.09);
        }

    .stockara-signal-page .ssp-icon {
        width: 46px;
        height: 46px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: rgba(19,104,232,.09);
        color: var(--ssp-primary);
        border-radius: 12px;
        font-weight: 900;
        margin-bottom: 20px;
    }

    .stockara-signal-page .ssp-info-box h3 {
        font-size: 19px;
        margin-bottom: 10px;
    }

    .stockara-signal-page .ssp-info-box p {
        margin: 0;
        font-size: 14px;
    }


    /* DARK FEATURE SECTION */

    .stockara-signal-page .ssp-bg-dark {
        position: relative;
        background: radial-gradient(circle at 85% 15%, rgba(19,104,232,.32), transparent 25%), var(--ssp-dark);
    }

    .stockara-signal-page .ssp-white-heading h2,
    .stockara-signal-page .ssp-white-heading p {
        color: #fff;
    }

    .stockara-signal-page .ssp-white-heading p {
        opacity: .7;
    }

    .stockara-signal-page .ssp-feature-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 18px;
    }

    .stockara-signal-page .ssp-feature-card {
        padding: 27px 23px;
        border-radius: 15px;
        background: rgba(255,255,255,.055);
        border: 1px solid rgba(255,255,255,.1);
    }

        .stockara-signal-page .ssp-feature-card > span {
            display: block;
            color: #5ca0ff;
            font-size: 13px;
            font-weight: 900;
            margin-bottom: 20px;
        }

        .stockara-signal-page .ssp-feature-card h3 {
            color: #fff;
            font-size: 18px;
            margin-bottom: 11px;
        }

        .stockara-signal-page .ssp-feature-card p {
            color: rgba(255,255,255,.65);
            font-size: 14px;
            margin: 0;
        }


    /* TIMEFRAME */

    .stockara-signal-page .ssp-timeframes {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        margin-top: 25px;
    }

        .stockara-signal-page .ssp-timeframes span {
            padding: 10px 16px;
            background: var(--ssp-dark);
            color: #fff;
            border-radius: 8px;
            font-size: 13px;
            font-weight: 750;
        }

    .stockara-signal-page .ssp-highlight-card {
        padding: 38px;
        border-radius: 20px;
        color: #fff;
        background: linear-gradient(145deg, rgba(19,104,232,.96), rgba(8,66,161,.98));
        box-shadow: 0 22px 55px rgba(19,104,232,.22);
    }

        .stockara-signal-page .ssp-highlight-card .ssp-card-label {
            display: block;
            font-size: 11px;
            font-weight: 850;
            letter-spacing: 1px;
            text-transform: uppercase;
            opacity: .7;
            margin-bottom: 15px;
        }

        .stockara-signal-page .ssp-highlight-card h3 {
            color: #fff;
            font-size: 24px;
        }

        .stockara-signal-page .ssp-highlight-card p {
            color: rgba(255,255,255,.78);
            margin-bottom: 0;
        }


    /* TRADING CARDS */

    .stockara-signal-page .ssp-three-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 22px;
    }

    .stockara-signal-page .ssp-trading-card {
        position: relative;
        overflow: hidden;
        padding: 33px;
        background: #fff;
        border: 1px solid var(--ssp-border);
        border-radius: 17px;
    }

    .stockara-signal-page .ssp-number {
        font-size: 50px;
        color: rgba(19,104,232,.09);
        font-weight: 900;
        line-height: 1;
        margin-bottom: 20px;
    }

    .stockara-signal-page .ssp-trading-card h3 {
        font-size: 22px;
    }


    /* TOPIC CARDS */

    .stockara-signal-page .ssp-topic-card {
        display: grid;
        grid-template-columns: 70px 1fr;
        gap: 25px;
        padding: 28px 0;
        border-bottom: 1px solid var(--ssp-border);
    }

        .stockara-signal-page .ssp-topic-card:last-child {
            border-bottom: 0;
        }

    .stockara-signal-page .ssp-topic-number {
        width: 54px;
        height: 54px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 13px;
        background: rgba(19,104,232,.08);
        color: var(--ssp-primary);
        font-weight: 900;
    }

    .stockara-signal-page .ssp-topic-card h2 {
        font-size: 26px;
        margin-bottom: 12px;
    }

    .stockara-signal-page .ssp-topic-card p {
        margin-bottom: 0;
    }


    /* OPTION SECTION */

    .stockara-signal-page .ssp-option-section {
        background: radial-gradient(circle at 20% 40%, rgba(0,168,107,.08), transparent 30%), #f9fcff;
    }

    .stockara-signal-page .ssp-option-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 12px;
    }

        .stockara-signal-page .ssp-option-grid span {
            padding: 16px;
            border-radius: 10px;
            background: #fff;
            border: 1px solid var(--ssp-border);
            font-size: 14px;
            font-weight: 700;
            color: #324158;
        }


    /* MARKETS */

    .stockara-signal-page .ssp-market-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 15px;
    }

        .stockara-signal-page .ssp-market-grid div {
            padding: 20px;
            text-align: center;
            border-radius: 12px;
            background: #fff;
            border: 1px solid var(--ssp-border);
            color: var(--ssp-dark);
            font-size: 15px;
            font-weight: 800;
        }


    /* FORMULA */

    .stockara-signal-page .ssp-formula-box {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        gap: 10px;
        max-width: 1000px;
        margin: 0 auto;
        padding: 30px;
        border: 1px solid var(--ssp-border);
        border-radius: 18px;
        background: var(--ssp-bg);
    }

        .stockara-signal-page .ssp-formula-box span {
            padding: 11px 15px;
            border-radius: 8px;
            background: #fff;
            border: 1px solid var(--ssp-border);
            color: var(--ssp-dark);
            font-size: 13px;
            font-weight: 750;
        }

        .stockara-signal-page .ssp-formula-box b {
            color: var(--ssp-primary);
        }

    .stockara-signal-page .ssp-text-center-box {
        max-width: 850px;
        margin: 30px auto 0;
        text-align: center;
    }


    /* USER CARDS */

    .stockara-signal-page .ssp-user-grid {
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        gap: 16px;
    }

    .stockara-signal-page .ssp-user-card {
        padding: 24px;
        background: #fff;
        border: 1px solid var(--ssp-border);
        border-radius: 14px;
    }

        .stockara-signal-page .ssp-user-card h3 {
            font-size: 17px;
            margin-bottom: 10px;
        }

        .stockara-signal-page .ssp-user-card p {
            margin: 0;
            font-size: 13px;
        }


    /* COMPARISON */

    .stockara-signal-page .ssp-comparison-grid {
        display: grid;
        grid-template-columns: 1fr 70px 1fr;
        align-items: center;
        gap: 20px;
    }

    .stockara-signal-page .ssp-compare-card {
        padding: 35px;
        border-radius: 18px;
        border: 1px solid var(--ssp-border);
        background: #fff;
    }

        .stockara-signal-page .ssp-compare-card > span {
            color: var(--ssp-primary);
            font-size: 12px;
            font-weight: 900;
            text-transform: uppercase;
            letter-spacing: 1px;
        }

        .stockara-signal-page .ssp-compare-card h3 {
            margin: 10px 0 13px;
            font-size: 22px;
        }

        .stockara-signal-page .ssp-compare-card p {
            margin: 0;
        }

    .stockara-signal-page .ssp-compare-featured {
        border-color: rgba(19,104,232,.25);
        box-shadow: 0 18px 50px rgba(19,104,232,.09);
    }

    .stockara-signal-page .ssp-compare-arrow {
        text-align: center;
        font-size: 35px;
        color: var(--ssp-primary);
    }


    /* GOOD SOFTWARE */

    .stockara-signal-page .ssp-good-software-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 14px;
    }

        .stockara-signal-page .ssp-good-software-grid div {
            position: relative;
            padding: 18px 18px 18px 48px;
            background: #fff;
            border: 1px solid var(--ssp-border);
            border-radius: 11px;
            font-size: 14px;
            font-weight: 700;
        }

            .stockara-signal-page .ssp-good-software-grid div::before {
                content: "✓";
                position: absolute;
                left: 18px;
                color: var(--ssp-accent);
                font-weight: 900;
            }


    /* LIVE DEMO */

    .stockara-signal-page .ssp-demo-section {
        background: #fff;
    }

    .stockara-signal-page .ssp-demo-box {
        display: grid;
        grid-template-columns: 1.1fr .9fr;
        gap: 50px;
        padding: 55px;
        border-radius: 24px;
        background: radial-gradient(circle at 90% 10%, rgba(19,104,232,.3), transparent 30%), var(--ssp-dark);
    }

    .stockara-signal-page .ssp-demo-content h2 {
        color: #fff;
        font-size: 38px;
    }

    .stockara-signal-page .ssp-demo-content p {
        color: rgba(255,255,255,.7);
    }

    .stockara-signal-page .ssp-demo-list {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
    }

        .stockara-signal-page .ssp-demo-list span {
            position: relative;
            padding: 12px 12px 12px 34px;
            border: 1px solid rgba(255,255,255,.1);
            border-radius: 9px;
            color: rgba(255,255,255,.86);
            font-size: 13px;
        }

            .stockara-signal-page .ssp-demo-list span::before {
                content: "✓";
                position: absolute;
                left: 13px;
                color: #42dea4;
            }


    /* FAQ */

    .stockara-signal-page .ssp-faq-container {
        max-width: 900px;
    }

    .stockara-signal-page .ssp-faq-item {
        margin-bottom: 13px;
        border: 1px solid var(--ssp-border);
        border-radius: 12px;
        background: #fff;
        overflow: hidden;
    }

        .stockara-signal-page .ssp-faq-item summary {
            position: relative;
            cursor: pointer;
            padding: 21px 55px 21px 22px;
            list-style: none;
            font-size: 16px;
            font-weight: 750;
            color: var(--ssp-dark);
        }

            .stockara-signal-page .ssp-faq-item summary::-webkit-details-marker {
                display: none;
            }

            .stockara-signal-page .ssp-faq-item summary::after {
                content: "+";
                position: absolute;
                right: 21px;
                top: 15px;
                font-size: 27px;
                font-weight: 400;
                color: var(--ssp-primary);
            }

        .stockara-signal-page .ssp-faq-item[open] summary::after {
            content: "−";
        }

        .stockara-signal-page .ssp-faq-item > div {
            padding: 0 22px 20px;
        }

        .stockara-signal-page .ssp-faq-item p {
            margin: 0;
            font-size: 14px;
        }


    /* FINAL CTA */

    .stockara-signal-page .ssp-final-cta {
        padding: 90px 0;
        background: radial-gradient(circle at 15% 30%, rgba(19,104,232,.35), transparent 27%), linear-gradient(135deg, #07152b, #0b2751);
    }

    .stockara-signal-page .ssp-final-cta-inner {
        max-width: 850px;
    }

    .stockara-signal-page .ssp-final-cta h2 {
        color: #fff;
        font-size: 44px;
    }

    .stockara-signal-page .ssp-final-cta p {
        color: rgba(255,255,255,.7);
        font-size: 17px;
    }


    /* RISK */

    .stockara-signal-page .ssp-risk {
        padding: 25px 0;
        background: #050e1e;
        color: rgba(255,255,255,.55);
        font-size: 12px;
        line-height: 1.75;
    }

        .stockara-signal-page .ssp-risk strong {
            color: rgba(255,255,255,.82);
        }


/* TABLET */

@media (max-width: 1024px) {

    .stockara-signal-page .ssp-feature-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .stockara-signal-page .ssp-user-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .stockara-signal-page .ssp-market-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}


/* MOBILE */

@media (max-width: 768px) {

    .stockara-signal-page .ssp-container {
        width: min(100% - 28px, 1180px);
    }

    .stockara-signal-page .ssp-section {
        padding: 60px 0;
    }

    .stockara-signal-page .ssp-hero {
        padding: 70px 0 60px;
    }

        .stockara-signal-page .ssp-hero h1 {
            font-size: 43px;
            letter-spacing: -1.6px;
        }

    .stockara-signal-page .ssp-hero-text {
        font-size: 16px;
    }

    .stockara-signal-page h2 {
        font-size: 31px;
    }

    .stockara-signal-page .ssp-two-column,
    .stockara-signal-page .ssp-three-grid,
    .stockara-signal-page .ssp-info-grid,
    .stockara-signal-page .ssp-demo-box,
    .stockara-signal-page .ssp-comparison-grid {
        grid-template-columns: 1fr;
    }

    .stockara-signal-page .ssp-feature-grid,
    .stockara-signal-page .ssp-user-grid,
    .stockara-signal-page .ssp-good-software-grid {
        grid-template-columns: 1fr;
    }

    .stockara-signal-page .ssp-two-column {
        gap: 30px;
    }

    .stockara-signal-page .ssp-check-list,
    .stockara-signal-page .ssp-benefit-list {
        grid-template-columns: 1fr;
    }

    .stockara-signal-page .ssp-topic-card {
        grid-template-columns: 1fr;
    }

    .stockara-signal-page .ssp-compare-arrow {
        transform: rotate(90deg);
    }

    .stockara-signal-page .ssp-demo-box {
        padding: 35px 22px;
    }

    .stockara-signal-page .ssp-demo-content h2 {
        font-size: 31px;
    }

    .stockara-signal-page .ssp-final-cta h2 {
        font-size: 34px;
    }
}


/* SMALL MOBILE */

@media (max-width: 480px) {

    .stockara-signal-page .ssp-hero h1 {
        font-size: 36px;
    }

    .stockara-signal-page .ssp-hero-buttons {
        flex-direction: column;
    }

    .stockara-signal-page .ssp-btn {
        width: 100%;
    }

    .stockara-signal-page .ssp-feature-grid,
    .stockara-signal-page .ssp-option-grid,
    .stockara-signal-page .ssp-market-grid,
    .stockara-signal-page .ssp-demo-list {
        grid-template-columns: 1fr;
    }

    .stockara-signal-page .ssp-content-card,
    .stockara-signal-page .ssp-highlight-card {
        padding: 25px 20px;
    }

    .stockara-signal-page .ssp-formula-box {
        justify-content: flex-start;
        padding: 20px;
    }
}

/* ============================================================
   STOXARA GROWTH SECTION V2
   FULLY ISOLATED CSS
   Scope: #stoxara-growth-v2
   ============================================================ */

#stoxara-growth-v2 {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    overflow: hidden;
    padding: 80px 20px;
    font-family: Arial, Helvetica, sans-serif;
    background: radial-gradient( circle at 10% 10%, rgba(106, 75, 255, 0.12), transparent 28% ), radial-gradient( circle at 93% 85%, rgba(27, 161, 255, 0.10), transparent 30% ), linear-gradient( 135deg, #f8f9ff 0%, #eef1ff 50%, #f8fbff 100% );
}


    /* Reset only inside this section */

    #stoxara-growth-v2 *,
    #stoxara-growth-v2 *::before,
    #stoxara-growth-v2 *::after {
        box-sizing: border-box;
    }


    /* Main layout */

    #stoxara-growth-v2 .sgv2-wrap {
        position: relative;
        z-index: 2;
        width: 100%;
        max-width: 1450px;
        margin: 0 auto;
        display: grid;
        grid-template-columns: 1.05fr 0.95fr;
        gap: 65px;
        align-items: center;
    }


    /* ============================================================
   LEFT CARD
   ============================================================ */

    #stoxara-growth-v2 .sgv2-content {
        position: relative;
        margin: 0;
        padding: 55px;
        background: rgba(255, 255, 255, 0.92);
        border: 1px solid rgba(255, 255, 255, 0.95);
        border-radius: 32px;
        box-shadow: 0 30px 80px rgba(32, 45, 95, 0.09), inset 0 1px 0 rgba(255, 255, 255, 1);
    }


    /* Small badge */

    #stoxara-growth-v2 .sgv2-small-badge {
        display: inline-flex;
        align-items: center;
        gap: 9px;
        margin: 0 0 21px;
        padding: 9px 15px;
        color: #6042ed;
        background: #f4f1ff;
        border: 1px solid rgba(102, 67, 238, 0.12);
        border-radius: 50px;
        font-size: 11px;
        line-height: 1;
        font-weight: 700;
        letter-spacing: 0.8px;
        text-transform: uppercase;
    }


        #stoxara-growth-v2 .sgv2-small-badge span {
            display: block;
            width: 8px;
            height: 8px;
            margin: 0;
            padding: 0;
            background: #6645ff;
            border-radius: 50%;
            box-shadow: 0 0 0 4px rgba(102, 69, 255, 0.11);
        }


    /* Heading */

    #stoxara-growth-v2 .sgv2-title {
        max-width: 700px;
        margin: 0 0 24px;
        padding: 0;
        color: #07142e;
        font-family: Arial, Helvetica, sans-serif;
        font-size: clamp(42px, 4vw, 66px);
        font-weight: 800;

        letter-spacing: -2.5px;
    }


        #stoxara-growth-v2 .sgv2-title span {
            display: block;
            background: linear-gradient( 90deg, #603cff 0%, #7d43ff 45%, #3d55ff 100% );
            -webkit-background-clip: text;
            background-clip: text;
            -webkit-text-fill-color: transparent;
            color: transparent;
        }


    /* Paragraph */

    #stoxara-growth-v2 .sgv2-text {
        max-width: 690px;
        margin: 0 0 13px;
        padding: 0;
        color: #667188;
        font-size: 16px;
        font-weight: 400;
        line-height: 1.8;
    }


    /* ============================================================
   FEATURES
   ============================================================ */

    #stoxara-growth-v2 .sgv2-feature-grid {
        width: 100%;
        margin: 28px 0 0;
        padding: 0;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 13px;
    }


    #stoxara-growth-v2 .sgv2-feature {
        min-width: 0;
        display: flex;
        align-items: flex-start;
        gap: 13px;
        margin: 0;
        padding: 17px;
        background: #fafbff;
        border: 1px solid #eceff7;
        border-radius: 16px;
        transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
    }


        #stoxara-growth-v2 .sgv2-feature:hover {
            transform: translateY(-4px);
            border-color: rgba(94, 61, 255, 0.18);
            box-shadow: 0 15px 35px rgba(37, 47, 94, 0.09);
        }


    #stoxara-growth-v2 .sgv2-feature-icon {
        flex: 0 0 43px;
        width: 43px;
        height: 43px;
        margin: 0;
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 12px;
        background: linear-gradient( 135deg, #6842ff, #3555ff );
        box-shadow: 0 8px 18px rgba(87, 60, 255, 0.19);
    }


        #stoxara-growth-v2 .sgv2-feature-icon svg {
            width: 21px;
            height: 21px;
            margin: 0;
            padding: 0;
            display: block;
            fill: none;
            stroke: #ffffff;
            stroke-width: 2;
            stroke-linecap: round;
            stroke-linejoin: round;
        }


    #stoxara-growth-v2 .sgv2-feature-info {
        min-width: 0;
    }


        #stoxara-growth-v2 .sgv2-feature-info h4 {
            margin: 1px 0 5px;
            padding: 0;
            color: #101d36;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 14px;
            line-height: 1.35;
            font-weight: 700;
        }


        #stoxara-growth-v2 .sgv2-feature-info p {
            margin: 0;
            padding: 0;
            color: #7a8499;
            font-size: 12.5px;
            line-height: 1.5;
            font-weight: 400;
        }


    /* ============================================================
   QUOTE
   ============================================================ */

    #stoxara-growth-v2 .sgv2-quote {
        position: relative;
        margin: 26px 0 0;
        padding: 22px 24px 22px 58px;
        overflow: hidden;
        background: linear-gradient( 100deg, rgba(102, 65, 255, 0.075), rgba(40, 120, 255, 0.035) );
        border: 1px solid rgba(97, 61, 255, 0.10);
        border-radius: 17px;
    }


        #stoxara-growth-v2 .sgv2-quote::before {
            content: "";
            position: absolute;
            left: 0;
            top: 0;
            bottom: 0;
            width: 4px;
            background: linear-gradient( 180deg, #7547ff, #3e59ff );
        }


    #stoxara-growth-v2 .sgv2-quote-icon {
        position: absolute;
        top: 9px;
        left: 19px;
        margin: 0;
        padding: 0;
        color: #7049ff;
        font-family: Georgia, serif;
        font-size: 48px;
        line-height: 1;
    }


    #stoxara-growth-v2 .sgv2-quote p {
        margin: 0;
        padding: 0;
        color: #29344c;
        font-size: 16px;
        line-height: 1.65;
        font-weight: 400;
    }


    #stoxara-growth-v2 .sgv2-quote strong {
        color: #0b1830;
        font-weight: 700;
    }


    /* ============================================================
   BUTTONS
   ============================================================ */

    #stoxara-growth-v2 .sgv2-buttons {
        display: flex;
        flex-wrap: wrap;
        gap: 12px;
        margin: 26px 0 0;
        padding: 0;
    }


    #stoxara-growth-v2 .sgv2-btn {
        min-height: 52px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 9px;
        margin: 0;
        padding: 0 23px;
        border-radius: 12px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14px;
        line-height: 1;
        font-weight: 700;
        text-decoration: none;
        transition: transform 0.28s ease, box-shadow 0.28s ease, border-color 0.28s ease;
    }


        #stoxara-growth-v2 .sgv2-btn svg {
            width: 18px;
            height: 18px;
            display: block;
            margin: 0;
            padding: 0;
            fill: none;
            stroke: currentColor;
            stroke-width: 2;
            stroke-linecap: round;
            stroke-linejoin: round;
        }


    #stoxara-growth-v2 .sgv2-btn-main {
        color: #ffffff;
        background: linear-gradient( 100deg, #643dff, #3e50ff );
        border: 1px solid transparent;
        box-shadow: 0 12px 30px rgba(88, 60, 255, 0.22);
    }


        #stoxara-growth-v2 .sgv2-btn-main:hover {
            color: #ffffff;
            text-decoration: none;
            transform: translateY(-3px);
            box-shadow: 0 17px 38px rgba(88, 60, 255, 0.28);
        }


    #stoxara-growth-v2 .sgv2-btn-call {
        color: #1c2946;
        background: #ffffff;
        border: 1px solid #e1e5ef;
    }


        #stoxara-growth-v2 .sgv2-btn-call:hover {
            color: #17233c;
            text-decoration: none;
            transform: translateY(-3px);
            border-color: #bfc5d3;
            box-shadow: 0 12px 28px rgba(29, 40, 78, 0.08);
        }


    /* ============================================================
   RIGHT VISUAL
   ============================================================ */

    #stoxara-growth-v2 .sgv2-visual {
        position: relative;
        width: 100%;
        margin: 0;
        padding: 35px;
    }


    #stoxara-growth-v2 .sgv2-image-box {
        position: relative;
        z-index: 3;
        width: 100%;
        margin: 0;
        padding: 24px;
        background: rgba(255, 255, 255, 0.78);
        border: 1px solid rgba(255, 255, 255, 0.88);
        border-radius: 32px;
        box-shadow: 0 35px 80px rgba(36, 48, 103, 0.14);
    }


    #stoxara-growth-v2 .sgv2-dashboard-img {
        display: block;
        width: 100%;
        max-width: 100%;
        height: auto;
        margin: 0;
        padding: 0;
        border: 0;
        border-radius: 18px;
        object-fit: contain;
    }


    /* Live status */

    #stoxara-growth-v2 .sgv2-live {
        position: absolute;
        z-index: 6;
        top: 37px;
        left: 37px;
        display: inline-flex;
        align-items: center;
        gap: 7px;
        margin: 0;
        padding: 8px 11px;
        color: #dbffe8;
        background: rgba(6, 18, 24, 0.90);
        border: 1px solid rgba(50, 230, 125, 0.28);
        border-radius: 8px;
        font-size: 9px;
        line-height: 1;
        font-weight: 700;
        letter-spacing: 0.6px;
    }


        #stoxara-growth-v2 .sgv2-live span {
            width: 7px;
            height: 7px;
            margin: 0;
            padding: 0;
            display: block;
            background: #22dd78;
            border-radius: 50%;
            box-shadow: 0 0 0 4px rgba(34, 221, 120, 0.14);
            animation: sgv2-live-pulse 1.7s infinite ease-in-out;
        }


@keyframes sgv2-live-pulse {

    0%, 100% {
        opacity: 1;
        transform: scale(1);
    }

    50% {
        opacity: 0.55;
        transform: scale(0.78);
    }
}


/* ============================================================
   FLOATING INFO BOXES
   ============================================================ */

#stoxara-growth-v2 .sgv2-floating {
    position: absolute;
    z-index: 7;
    min-width: 165px;
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0;
    padding: 12px 14px;
    color: #ffffff;
    background: rgba(10, 21, 46, 0.94);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 13px;
    box-shadow: 0 15px 35px rgba(8, 17, 45, 0.24);
}


#stoxara-growth-v2 .sgv2-floating-left {
    top: 31%;
    left: -28px;
}


#stoxara-growth-v2 .sgv2-floating-right {
    right: -28px;
    bottom: 21%;
}


#stoxara-growth-v2 .sgv2-floating-icon {
    width: 36px;
    height: 36px;
    flex: 0 0 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 0;
    background: linear-gradient( 135deg, #7449ff, #3560ff );
    border-radius: 9px;
    color: #ffffff;
    font-size: 18px;
    line-height: 1;
    font-weight: 800;
}


    #stoxara-growth-v2 .sgv2-floating-icon.sgv2-ai {
        background: linear-gradient( 135deg, #00b9d4, #5543ff );
        font-size: 11px;
    }


#stoxara-growth-v2 .sgv2-floating small {
    display: block;
    margin: 0 0 3px;
    padding: 0;
    color: #98a4bb;
    font-size: 9px;
    line-height: 1.3;
}


#stoxara-growth-v2 .sgv2-floating strong {
    display: block;
    margin: 0;
    padding: 0;
    color: #ffffff;
    font-size: 12px;
    line-height: 1.3;
    font-weight: 700;
}


/* ============================================================
   BACKGROUND ORBS
   ============================================================ */

#stoxara-growth-v2 .sgv2-orb {
    position: absolute;
    margin: 0;
    padding: 0;
    border-radius: 50%;
    pointer-events: none;
}


#stoxara-growth-v2 .sgv2-orb-one {
    width: 270px;
    height: 270px;
    top: -5px;
    right: -15px;
    background: rgba(101, 68, 255, 0.10);
}


#stoxara-growth-v2 .sgv2-orb-two {
    width: 220px;
    height: 220px;
    bottom: 0;
    left: -5px;
    background: rgba(18, 166, 255, 0.08);
}


/* ============================================================
   MARKET ROW
   ============================================================ */

#stoxara-growth-v2 .sgv2-market-row {
    position: relative;
    z-index: 5;
    width: calc(100% - 65px);
    margin: -3px auto 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    background: #ffffff;
    border: 1px solid #eceff6;
    border-radius: 15px;
    box-shadow: 0 14px 38px rgba(31, 45, 91, 0.09);
}


    #stoxara-growth-v2 .sgv2-market-row > div {
        position: relative;
        margin: 0;
        padding: 14px 8px;
        text-align: center;
    }


        #stoxara-growth-v2 .sgv2-market-row > div:not(:last-child)::after {
            content: "";
            position: absolute;
            right: 0;
            top: 25%;
            width: 1px;
            height: 50%;
            background: #e9edf5;
        }


    #stoxara-growth-v2 .sgv2-market-row strong {
        display: block;
        margin: 0 0 3px;
        padding: 0;
        color: #14233f;
        font-size: 12px;
        line-height: 1;
        font-weight: 800;
    }


    #stoxara-growth-v2 .sgv2-market-row span {
        display: block;
        margin: 0;
        padding: 0;
        color: #8c95a8;
        font-size: 8px;
        line-height: 1.2;
        font-weight: 500;
        letter-spacing: 0.5px;
        text-transform: uppercase;
    }


/* ============================================================
   TABLET
   ============================================================ */

@media (max-width: 1150px) {

    #stoxara-growth-v2 .sgv2-wrap {
        max-width: 900px;
        grid-template-columns: 1fr;
        gap: 40px;
    }

    #stoxara-growth-v2 .sgv2-visual {
        max-width: 760px;
        margin-left: auto;
        margin-right: auto;
    }
}


/* ============================================================
   MOBILE
   ============================================================ */

@media (max-width: 720px) {

    #stoxara-growth-v2 {
        padding: 45px 14px;
    }

        #stoxara-growth-v2 .sgv2-content {
            padding: 33px 23px;
            border-radius: 23px;
        }

        #stoxara-growth-v2 .sgv2-title {
            margin-bottom: 18px;
            font-size: 32px;
            line-height: 1.07;
            letter-spacing: -1.6px;
        }

        #stoxara-growth-v2 .sgv2-text {
            font-size: 15px;
            line-height: 1.7;
        }

        #stoxara-growth-v2 .sgv2-feature-grid {
            grid-template-columns: 1fr;
        }

        #stoxara-growth-v2 .sgv2-visual {
            padding: 12px 3px;
        }

        #stoxara-growth-v2 .sgv2-image-box {
            padding: 11px;
            border-radius: 21px;
        }

        #stoxara-growth-v2 .sgv2-dashboard-img {
            border-radius: 13px;
        }

        #stoxara-growth-v2 .sgv2-floating {
            display: none;
        }

        #stoxara-growth-v2 .sgv2-live {
            top: 21px;
            left: 21px;
            padding: 7px 9px;
            font-size: 8px;
        }

        #stoxara-growth-v2 .sgv2-market-row {
            width: calc(100% - 16px);
            grid-template-columns: repeat(2, 1fr);
        }

            #stoxara-growth-v2 .sgv2-market-row > div:nth-child(2)::after {
                display: none;
            }

        #stoxara-growth-v2 .sgv2-buttons {
            flex-direction: column;
        }

        #stoxara-growth-v2 .sgv2-btn {
            width: 100%;
        }
}


/* Small phone */

@media (max-width: 440px) {

    #stoxara-growth-v2 .sgv2-title {
        font-size: 36px;
    }

    #stoxara-growth-v2 .sgv2-quote {
        padding: 20px 17px 20px 47px;
    }

        #stoxara-growth-v2 .sgv2-quote p {
            font-size: 14px;
        }
}
/* =========================================================
   STOCKARA PROFESSIONAL 550PX VERSION
   Bigger form fonts
   Unique prefix: stkPro550B-
   ========================================================= */

.stkPro550B-section,
.stkPro550B-section * {
    box-sizing: border-box;
}

.stkPro550B-section {
    width: 100%;
    padding: 24px 18px;
    overflow: hidden;
    font-family: Arial, Helvetica, sans-serif;
    background: radial-gradient(circle at 8% 5%, rgba(37,99,235,.08), transparent 24%), radial-gradient(circle at 94% 92%, rgba(59,130,246,.08), transparent 24%), linear-gradient(135deg, #f7faff, #ffffff 48%, #f4f8ff);
}


    /* MAIN WRAP */

    .stkPro550B-section .stkPro550B-wrap {
        width: 100%;
        max-width: 1450px;
        height: 550px;
        max-height: 550px;
        margin: 0 auto;
        display: grid;
        grid-template-columns: 1.05fr .95fr;
        gap: 24px;
    }


    /* LEFT CARD */

    .stkPro550B-section .stkPro550B-left {
        height: 550px;
        overflow: hidden;
        border: 1px solid #e4eaf2;
        border-radius: 24px;
        background: #ffffff;
        box-shadow: 0 20px 60px rgba(15,23,42,.08);
    }


    .stkPro550B-section .stkPro550B-leftInner {
        height: 100%;
        padding: 34px 38px 30px;
        display: flex;
        flex-direction: column;
    }


    /* BADGE */

    .stkPro550B-section .stkPro550B-badge {
        width: max-content;
        max-width: 100%;
        margin-bottom: 12px;
        padding: 7px 13px;
        border-radius: 30px;
        background: #edf5ff;
        color: #1555bd;
        font-size: 12px;
        font-weight: 700;
    }


    /* TITLE */

    .stkPro550B-section .stkPro550B-title {
        margin: 0;
        max-width: 700px;
        color: #101827;
        font-size: 43px;
        line-height: 1.04;
        letter-spacing: -1.8px;
        font-weight: 800;
    }


        .stkPro550B-section .stkPro550B-title span {
            color: #1554c0;
        }


    /* SUBTITLE */

    .stkPro550B-section .stkPro550B-subtitle {
        margin: 13px 0 7px;
        max-width: 680px;
        color: #094cb7;
        font-size: 15px;
        line-height: 1.4;
        font-weight: 700;
    }


    .stkPro550B-section .stkPro550B-desc {
        margin: 0 0 18px;
        max-width: 620px;
        color: #657084;
        font-size: 13px;
        line-height: 1.5;
    }


    /* FEATURES */

    .stkPro550B-section .stkPro550B-features {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }


    .stkPro550B-section .stkPro550B-feature {
        height: 76px;
        min-width: 0;
        padding: 11px 13px;
        display: flex;
        align-items: center;
        gap: 12px;
        border: 1px solid #e2e8f0;
        border-radius: 13px;
        background: #fff;
        transition: .22s ease;
    }


        .stkPro550B-section .stkPro550B-feature:hover {
            transform: translateY(-3px);
            border-color: #bfd5fc;
            box-shadow: 0 12px 24px rgba(37,99,235,.09);
        }


    /* ICON */

    .stkPro550B-section .stkPro550B-icon {
        width: 44px;
        height: 44px;
        min-width: 44px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        color: #fff;
        font-size: 17px;
    }


    .stkPro550B-section .stkPro550B-blue {
        background: linear-gradient(135deg,#2369f1,#0750c9);
    }

    .stkPro550B-section .stkPro550B-green {
        background: linear-gradient(135deg,#19be68,#069547);
    }

    .stkPro550B-section .stkPro550B-purple {
        background: linear-gradient(135deg,#8739ef,#5c17c7);
    }

    .stkPro550B-section .stkPro550B-orange {
        background: linear-gradient(135deg,#ff9e2b,#ff6900);
    }


    /* FEATURE TEXT */

    .stkPro550B-section .stkPro550B-feature h3 {
        margin: 0 0 4px;
        color: #151d2b;
        font-size: 13px;
        font-weight: 700;
    }


    .stkPro550B-section .stkPro550B-feature p {
        margin: 0;
        color: #788396;
        font-size: 11px;
        line-height: 1.35;
    }


    /* LEFT BOTTOM */

    .stkPro550B-section .stkPro550B-bottomLeft {
        margin-top: auto;
    }


    .stkPro550B-section .stkPro550B-trust {
        margin-bottom: 10px;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        gap: 8px;
        color: #687487;
        font-size: 11px;
    }


        .stkPro550B-section .stkPro550B-trust span {
            color: #0ca65a;
        }


        .stkPro550B-section .stkPro550B-trust i {
            font-style: normal;
            color: #a0a8b5;
        }


    /* PLAN BUTTON */

    .stkPro550B-section .stkPro550B-planBtn {
        width: 100%;
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        border-radius: 11px;
        color: #fff;
        text-decoration: none;
        background: linear-gradient(90deg,#0758df,#1762e7);
        font-size: 14px;
        font-weight: 700;
        box-shadow: 0 10px 22px rgba(37,99,235,.19);
    }


    /* RIGHT CARD */

    .stkPro550B-section .stkPro550B-right {
        height: 550px;
        overflow: hidden;
        border-radius: 24px;
        background: linear-gradient(145deg,#0755d2,#0964e9);
        box-shadow: 0 20px 60px rgba(21,74,171,.18);
    }


    /* FORM HEADER */

    .stkPro550B-section .stkPro550B-formHeader {
        height: 105px;
        padding: 17px 30px;
        display: flex;
        align-items: center;
        gap: 15px;
        color: #fff;
    }


    .stkPro550B-section .stkPro550B-shield {
        width: 48px;
        height: 54px;
        min-width: 48px;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 3px solid #fff;
        border-radius: 14px 14px 17px 17px;
        font-size: 20px;
        font-weight: 800;
    }


    .stkPro550B-section .stkPro550B-formSmall {
        display: block;
        margin-bottom: 2px;
        font-size: 13px;
    }


    .stkPro550B-section .stkPro550B-formHeader h2 {
        margin: 0;
        color: #fff;
        font-size: 26px;
        line-height: 1.1;
        font-weight: 800;
    }


    .stkPro550B-section .stkPro550B-formHeader p {
        margin: 3px 0 0;
        color: rgba(255,255,255,.9);
        font-size: 13px;
    }


    /* FORM BODY */

    .stkPro550B-section .stkPro550B-form {
        height: 445px;
        padding: 16px 20px 14px;
        display: flex;
        flex-direction: column;
        background: #fff;
        border-radius: 21px 21px 0 0;
    }


    /* FORM FIELD */

    .stkPro550B-section .stkPro550B-field {
        width: 100%;
        height: 45px;
        min-height: 45px;
        margin-bottom: 8px;
        display: flex;
        align-items: center;
        overflow: hidden;
        border: 1px solid #dce4ed;
        border-radius: 10px;
        background: #fff;
    }


    .stkPro550B-section .stkPro550B-fieldIcon {
        width: 44px;
        min-width: 44px;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #0960db;
        background: #f2f7ff;
        font-size: 16px;
    }


    .stkPro550B-section .stkPro550B-fieldTitle {
        width: 105px;
        min-width: 105px;
        color: #374151;
        font-size: 13px;
        font-weight: 600;
    }


    /* INCREASED INPUT FONT */

    .stkPro550B-section .stkPro550B-field input,
    .stkPro550B-section .stkPro550B-field select {
        flex: 1;
        min-width: 0;
        height: 100%;
        border: 0;
        outline: 0;
        padding: 0 11px;
        background: #fff;
        color: #465266;
        font-family: inherit;
        font-size: 13px;
    }


        .stkPro550B-section .stkPro550B-field input::placeholder {
            color: #929dab;
            font-size: 13px;
        }


    /* DATE TIME */

    .stkPro550B-section .stkPro550B-dateRow {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 8px;
        margin-bottom: 8px;
    }


    .stkPro550B-section .stkPro550B-miniField {
        height: 56px;
        min-width: 0;
        padding: 7px 9px;
        display: flex;
        align-items: center;
        gap: 8px;
        border: 1px solid #dce4ed;
        border-radius: 10px;
    }


        .stkPro550B-section .stkPro550B-miniField > span {
            width: 34px;
            height: 34px;
            min-width: 34px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            background: #edf5ff;
            color: #075fdc;
            font-size: 14px;
        }


        .stkPro550B-section .stkPro550B-miniField > div {
            flex: 1;
            min-width: 0;
        }


        /* BIGGER LABEL */

        .stkPro550B-section .stkPro550B-miniField label {
            display: block;
            margin-bottom: 2px;
            color: #6f7a8d;
            font-size: 11px;
            font-weight: 600;
        }


        /* BIGGER DATE TIME FONT */

        .stkPro550B-section .stkPro550B-miniField input,
        .stkPro550B-section .stkPro550B-miniField select {
            width: 100%;
            border: 0;
            outline: 0;
            padding: 0;
            background: transparent;
            color: #3e4858;
            font-family: inherit;
            font-size: 12px;
        }


    /* SAFE BOX */

    .stkPro550B-section .stkPro550B-safe {
        min-height: 50px;
        margin-bottom: 8px;
        padding: 7px 10px;
        display: flex;
        align-items: center;
        gap: 10px;
        border-radius: 10px;
        background: linear-gradient(135deg,#eff6ff,#e8f1ff);
    }


    .stkPro550B-section .stkPro550B-safeIcon {
        width: 34px;
        height: 34px;
        min-width: 34px;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 2px solid #1764d8;
        border-radius: 50%;
        color: #1764d8;
        font-size: 13px;
        font-weight: 800;
    }


    /* SAFE TEXT BIGGER */

    .stkPro550B-section .stkPro550B-safe strong {
        display: block;
        margin-bottom: 2px;
        color: #104ba9;
        font-size: 12px;
    }


    .stkPro550B-section .stkPro550B-safe p {
        margin: 0;
        color: #758094;
        font-size: 10px;
        line-height: 1.3;
    }


    /* BOOK NOW */

    .stkPro550B-section .stkPro550B-book {
        width: 100%;
        height: 58px;
        min-height: 58px;
        margin-top: auto;
        flex-shrink: 0;
        padding: 0 18px;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 12px;
        border: 0;
        border-radius: 11px;
        cursor: pointer;
        color: #fff;
        background: linear-gradient(90deg,#069f4b,#0ab35a);
        box-shadow: 0 10px 23px rgba(6,165,79,.23);
    }


        .stkPro550B-section .stkPro550B-book > span {
            font-size: 18px;
        }


        .stkPro550B-section .stkPro550B-book > div {
            text-align: left;
        }


        .stkPro550B-section .stkPro550B-book strong {
            display: block;
            color: #fff;
            font-size: 17px;
            line-height: 1.1;
        }


        .stkPro550B-section .stkPro550B-book small {
            display: block;
            margin-top: 2px;
            color: rgba(255,255,255,.85);
            font-size: 10px;
        }


        .stkPro550B-section .stkPro550B-book b {
            margin-left: 8px;
            color: #fff;
            font-size: 20px;
        }


    /* FORM BOTTOM */

    .stkPro550B-section .stkPro550B-formBottom {
        min-height: 20px;
        margin-top: 7px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        gap: 7px;
        color: #667085;
        font-size: 10px;
    }


        .stkPro550B-section .stkPro550B-formBottom span:first-child {
            color: #159b54;
        }


        .stkPro550B-section .stkPro550B-formBottom i {
            font-style: normal;
            color: #a0a7b3;
        }


/* TABLET */

@media (max-width: 950px) {

    .stkPro550B-section .stkPro550B-wrap {
        height: auto;
        max-height: none;
        max-width: 760px;
        grid-template-columns: 1fr;
    }

    .stkPro550B-section .stkPro550B-left,
    .stkPro550B-section .stkPro550B-right {
        height: auto;
    }

    .stkPro550B-section .stkPro550B-form {
        height: auto;
    }

    .stkPro550B-section .stkPro550B-book {
        margin-top: 8px;
    }
}


/* MOBILE */

@media (max-width: 600px) {

    .stkPro550B-section {
        padding: 14px 9px;
    }

        .stkPro550B-section .stkPro550B-leftInner {
            padding: 26px 18px;
        }

        .stkPro550B-section .stkPro550B-title {
            font-size: 32px;
        }

        .stkPro550B-section .stkPro550B-features {
            grid-template-columns: 1fr;
        }

        .stkPro550B-section .stkPro550B-feature {
            height: auto;
            min-height: 68px;
        }

        .stkPro550B-section .stkPro550B-formHeader {
            height: auto;
            padding: 21px 17px;
        }

        .stkPro550B-section .stkPro550B-form {
            padding: 16px 13px 18px;
        }

        .stkPro550B-section .stkPro550B-field {
            min-height: 50px;
            height: 50px;
        }

        .stkPro550B-section .stkPro550B-fieldTitle {
            width: 85px;
            min-width: 85px;
            font-size: 12px;
        }

        .stkPro550B-section .stkPro550B-dateRow {
            grid-template-columns: 1fr;
        }

        .stkPro550B-section .stkPro550B-miniField {
            height: 58px;
        }

        .stkPro550B-section .stkPro550B-book {
            height: 60px;
            min-height: 60px;
        }
}
/* ==================================================
   STOCKARA PROFESSIONAL NAVBAR
   Unique prefix: stkpro-nav-
   ================================================== */

.stkpro-nav-header,
.stkpro-nav-header * {
    box-sizing: border-box;
}

.stkpro-nav-header {
    width: 100%;
    background: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
    position: relative;
    z-index: 9999;
    border-bottom: 1px solid #edf1f6;
}

.stkpro-nav-wrap {
    width: 100%;
    max-width: 1480px;
    min-height: 96px;
    margin: 0 auto;
    padding: 0 24px;
    display: flex;
    align-items: center;
    gap: 0;
}

/* Logo */

.stkpro-nav-logo-box {
    flex-shrink: 0;
    display: flex;
    align-items: center;
}

.stkpro-nav-logo-link {
    display: flex;
    align-items: center;
    text-decoration: none;
}

.stkpro-nav-logo {
    display: block;
    width: 195px;
    max-width: 100%;
    height: auto;
    border-radius:5px;
}

/* Divider */

.stkpro-nav-divider {
    width: 1px;
    height: 46px;
    background: #dfe5ec;
    margin: 0 32px;
    flex-shrink: 0;
}

/* Menu */

.stkpro-nav-menu {
    display: flex;
    align-items: center;
    gap: 34px;
    white-space: nowrap;
    margin-right: auto;
}

.stkpro-nav-link {
    position: relative;
    display: inline-flex;
    align-items: center;
    padding: 35px 0;
    font-size: 15px;
    line-height: 1;
    font-weight: 600;
    color: #101b31;
    text-decoration: none;
    transition: color 0.25s ease, transform 0.25s ease;
}

    .stkpro-nav-link:hover {
        color: #2467ed;
    }

    .stkpro-nav-link::after {
        content: "";
        position: absolute;
        left: 50%;
        bottom: 20px;
        width: 0;
        height: 3px;
        background: #2467ed;
        border-radius: 50px;
        transform: translateX(-50%);
        transition: width 0.25s ease;
    }

    .stkpro-nav-link:hover::after,
    .stkpro-nav-active::after {
        width: 25px;
    }

.stkpro-nav-active {
    color: #2467ed;
}

/* Contact section */

.stkpro-nav-contact-area {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-left: 30px;
    flex-shrink: 0;
}

/* Call information white box */

.stkpro-nav-call-info {
    min-height: 58px;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 7px 15px 7px 8px;
    border: 1px solid #e3e8ef;
    border-radius: 16px;
    background: #ffffff;
    text-decoration: none;
    box-shadow: 0 5px 20px rgba(14, 35, 70, 0.04);
    transition: border-color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease;
}

    .stkpro-nav-call-info:hover {
        border-color: #cddcff;
        box-shadow: 0 10px 30px rgba(22, 73, 163, 0.10);
        transform: translateY(-2px);
    }

.stkpro-nav-call-icon {
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #eef4ff;
    color: #2e6cf6;
    font-size: 20px;
}

.stkpro-nav-call-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

    .stkpro-nav-call-text small {
        margin-bottom: 2px;
        font-size: 11px;
        line-height: 1.2;
        font-weight: 500;
        color: #677184;
    }

    .stkpro-nav-call-text strong {
        font-size: 14px;
        line-height: 1.2;
        font-weight: 700;
        color: #162038;
    }

/* Gradient phone button */

.stkpro-nav-call-btn {
    min-height: 58px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 0 25px;
    border-radius: 15px;
    background: linear-gradient( 100deg, #2767ed 0%, #167fd7 48%, #17bb91 100% );
    color: #ffffff;
    text-decoration: none;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: -0.2px;
    box-shadow: 0 8px 24px rgba(30, 111, 220, 0.18);
    transition: transform 0.25s ease, box-shadow 0.25s ease, filter 0.25s ease;
}

    .stkpro-nav-call-btn:hover {
        color: #ffffff;
        text-decoration: none;
        transform: translateY(-2px);
        box-shadow: 0 12px 28px rgba(30, 111, 220, 0.28);
        filter: brightness(1.04);
    }

.stkpro-nav-btn-icon {
    font-size: 20px;
    line-height: 1;
}

/* Mobile hamburger */

.stkpro-nav-toggle {
    width: 44px;
    height: 44px;
    padding: 10px;
    margin-left: auto;
    display: none;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
    border: 1px solid #e4e9f0;
    border-radius: 10px;
    background: #ffffff;
    cursor: pointer;
}

    .stkpro-nav-toggle span {
        display: block;
        width: 21px;
        height: 2px;
        border-radius: 10px;
        background: #16213a;
    }

/* Mobile menu */

.stkpro-nav-mobile-menu {
    display: none;
    background: #ffffff;
    padding: 10px 20px 22px;
    border-top: 1px solid #edf1f5;
    box-shadow: 0 15px 30px rgba(20, 38, 68, 0.08);
}

    .stkpro-nav-mobile-menu > a {
        display: block;
        padding: 13px 12px;
        color: #152039;
        font-size: 15px;
        font-weight: 600;
        text-decoration: none;
        border-bottom: 1px solid #f0f3f7;
    }

        .stkpro-nav-mobile-menu > a:hover {
            color: #2368ed;
        }

.stkpro-nav-mobile-phone {
    margin-top: 15px;
    border: none !important;
    border-radius: 12px;
    text-align: center;
    color: #ffffff !important;
    background: linear-gradient( 100deg, #2866ed, #167bdc, #17ba92 );
}

/* ========================================
   RESPONSIVE
   ======================================== */

@media (max-width: 1250px) {

    .stkpro-nav-menu {
        gap: 22px;
    }

    .stkpro-nav-divider {
        margin-left: 24px;
        margin-right: 24px;
    }

    .stkpro-nav-logo {
        width: 175px;
    }

    .stkpro-nav-call-info {
        display: none;
    }

    .stkpro-nav-contact-area {
        margin-left: 22px;
    }
}

@media (max-width: 1020px) {

    .stkpro-nav-wrap {
        min-height: 80px;
    }

    .stkpro-nav-menu,
    .stkpro-nav-divider,
    .stkpro-nav-contact-area {
        display: none;
    }

    .stkpro-nav-toggle {
        display: flex;
    }

    .stkpro-nav-logo {
        width: 175px;
    }

    .stkpro-nav-mobile-menu.stkpro-nav-mobile-open {
        display: block;
    }
}

@media (max-width: 480px) {

    .stkpro-nav-wrap {
        min-height: 74px;
        padding-left: 16px;
        padding-right: 16px;
    }

    .stkpro-nav-logo {
        width: 155px;
    }

    .stkpro-nav-toggle {
        width: 42px;
        height: 42px;
    }
}

/* =========================================================
   STOCKARA PROFESSIONAL HERO
   Unique Prefix: stkpro-
   ========================================================= */

.stkpro-hero {
    position: relative;
    width: 100%;
    overflow: hidden;
    isolation: isolate;
    font-family: Inter, "Segoe UI", Arial, sans-serif;
    background: radial-gradient( circle at 88% 30%, rgba(38, 126, 255, 0.16), transparent 34% ), radial-gradient( circle at 8% 85%, rgba(20, 200, 190, 0.07), transparent 30% ), linear-gradient( 115deg, #ffffff 0%, #fbfdff 48%, #edf5ff 100% );
}


/* ================= GRID BACKGROUND ================= */

.stkpro-grid {
    position: absolute;
    inset: 0;
    z-index: -3;
    pointer-events: none;
    background-image: linear-gradient( rgba(39, 99, 170, 0.045) 1px, transparent 1px ), linear-gradient( 90deg, rgba(39, 99, 170, 0.045) 1px, transparent 1px );
    background-size: 45px 45px;
}


.stkpro-glow {
    position: absolute;
    width: 750px;
    height: 750px;
    right: -250px;
    top: -180px;
    border-radius: 50%;
    background: radial-gradient( circle, rgba(72, 146, 255, 0.16), transparent 68% );
    z-index: -2;
}


/* ================= MAIN CONTAINER ================= */

.stkpro-container {
    position: relative;
    width: min(1540px, calc(100% - 60px));
    min-height: 720px;
    margin: 0 auto;
    padding: clamp(40px, 6vw, 40px) 0 clamp(40px, 5vw, 45px);
    display: grid;
    /*
       LEFT SIDE LARGER
       LEFT  = 58%
       RIGHT = 42%
    */
    grid-template-columns: minmax(0, 1.38fr) minmax(430px, 1fr);
    gap: clamp(25px, 3vw, 55px);
    align-items: center;
}


/* =========================================================
   LEFT CONTENT
   ========================================================= */

.stkpro-content {
    position: relative;
    z-index: 5;
    max-width: 880px;
}


/* BADGE */

.stkpro-badge {
    width: fit-content;
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 10px 17px;
    margin-bottom: 24px;
    border-radius: 50px;
    border: 1px solid #bcd6ff;
    background: linear-gradient( 135deg, #f3f8ff, #e7f1ff );
    color: #0964e9;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 1.1px;
    box-shadow: 0 8px 25px rgba(26, 104, 220, 0.08);
}


.stkpro-badge-icon {
    font-size: 16px;
}


/* ================= TITLE ================= */

.stkpro-title {
    margin: 0;
    max-width: 850px;
    color: #07172f;
    font-size: clamp(48px, 4.7vw, 76px);
    line-height: 1.04;
    font-weight: 720;
    letter-spacing: -3.5px;
}


    .stkpro-title span {
        color: #176ee9;
        background: linear-gradient( 120deg, #1264e9, #2789ff );
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
    }


/* SMALL LINE */

.stkpro-line {
    width: 105px;
    height: 4px;
    margin: 28px 0 25px;
    border-radius: 10px;
    background: linear-gradient( 90deg, #1169ed, #24c8d4 );
}


/* DESCRIPTION */

.stkpro-description {
    max-width: 780px;
    margin: 0;
    color: #536a87;
    font-size: 17px;
    line-height: 1.78;
    font-weight: 400;
}


/* =========================================================
   BUTTONS
   ========================================================= */

.stkpro-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 29px;
}


.stkpro-btn {
    min-height: 57px;
    padding: 0 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border-radius: 9px;
    font-size: 15px;
    font-weight: 750;
    text-decoration: none;
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}


.stkpro-btn-symbol {
    font-size: 19px;
}


/* PRIMARY */

.stkpro-primary {
    color: #ffffff;
    border: 1px solid #0963e7;
    background: linear-gradient( 135deg, #1675f5, #075bd9 );
    box-shadow: 0 12px 30px rgba(13, 101, 230, 0.25);
}


    .stkpro-primary:hover {
        transform: translateY(-3px);
        box-shadow: 0 17px 36px rgba(13, 101, 230, 0.34);
    }


/* SECONDARY */

.stkpro-secondary {
    color: #17375f;
    border: 1px solid #cad9ec;
    background: rgba(255, 255, 255, 0.92);
}


    .stkpro-secondary:hover {
        transform: translateY(-3px);
        border-color: #8bb8f5;
        box-shadow: 0 12px 25px rgba(35, 79, 135, 0.10);
    }


/* =========================================================
   MARKET TAGS
   ========================================================= */

.stkpro-markets {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
    margin-top: 30px;
}


.stkpro-market {
    min-height: 44px;
    padding: 0 15px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border: 1px solid #d4e0ee;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.90);
    color: #17345b;
    font-size: 13px;
    font-weight: 700;
    box-shadow: 0 6px 16px rgba(28, 67, 116, 0.04);
    transition: 0.25s ease;
}


    .stkpro-market span {
        color: #1269e7;
        font-size: 16px;
        font-weight: 900;
    }


    .stkpro-market:hover {
        transform: translateY(-2px);
        border-color: #9ec2f3;
        background: #ffffff;
        box-shadow: 0 10px 20px rgba(26, 86, 165, 0.08);
    }


/* =========================================================
   FEATURES
   ========================================================= */

.stkpro-features {
    margin-top: 36px;
    padding-top: 27px;
    border-top: 1px solid rgba(111, 143, 183, 0.18);
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}


.stkpro-feature {
    position: relative;
    display: flex;
    align-items: center;
    gap: 11px;
    min-width: 0;
    padding-right: 12px;
}


    .stkpro-feature:not(:last-child)::after {
        content: "";
        position: absolute;
        right: 0;
        top: 5px;
        width: 1px;
        height: 50px;
        background: #dce5f0;
    }


/* FEATURE ICON */

.stkpro-feature-icon {
    flex: 0 0 46px;
    width: 46px;
    height: 46px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    color: #1268e7;
    background: linear-gradient( 135deg, #edf5ff, #e2efff );
    border: 1px solid #cfe1fa;
    font-size: 22px;
}


/* FEATURE TEXT */

.stkpro-feature-text strong {
    display: block;
    color: #102949;
    font-size: 13px;
    line-height: 1.3;
}


.stkpro-feature-text span {
    display: block;
    margin-top: 3px;
    color: #71829a;
    font-size: 11.5px;
    line-height: 1.35;
}


/* =========================================================
   TRUST BAR
   ========================================================= */

.stkpro-trust {
    margin-top: 31px;
    max-width: 760px;
    padding: 15px 18px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    border: 1px solid #d1e0f3;
    border-radius: 11px;
    background: rgba(255, 255, 255, 0.75);
    box-shadow: 0 12px 35px rgba(30, 77, 135, 0.05);
    backdrop-filter: blur(8px);
}


.stkpro-trust-item {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 2px 13px;
}


    .stkpro-trust-item:not(:last-child)::after {
        content: "";
        position: absolute;
        right: 0;
        width: 1px;
        height: 40px;
        background: #dde6f1;
    }


.stkpro-trust-icon {
    flex: 0 0 35px;
    width: 35px;
    height: 35px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    color: #1269e9;
    background: #edf5ff;
    font-weight: 900;
}


.stkpro-trust-item strong {
    display: block;
    color: #142e50;
    font-size: 12px;
}


.stkpro-trust-item span {
    display: block;
    margin-top: 3px;
    color: #75869d;
    font-size: 10.5px;
}


/* =========================================================
   RIGHT SIDE
   ========================================================= */

.stkpro-visual {
    position: relative;
    width: 100%;
    min-height: 540px;
    display: flex;
    align-items: center;
    justify-content: center;
}


/* LARGE BACKGROUND CIRCLE */

.stkpro-visual-circle {
    position: absolute;
    width: 520px;
    height: 520px;
    border-radius: 50%;
    border: 1px solid rgba(112, 166, 239, 0.25);
    background: radial-gradient( circle at center, rgba(95, 159, 255, 0.17), rgba(130, 184, 255, 0.06) 50%, transparent 72% );
}


    .stkpro-visual-circle::after {
        content: "";
        position: absolute;
        inset: 40px;
        border-radius: 50%;
        border: 1px dashed rgba(79, 147, 238, 0.16);
    }


/* SOFTWARE IMAGE */

.stkpro-software-image {
    position: relative;
    z-index: 3;
    display: block;
    width: 112%;
    max-width: 720px;
    height: auto;
    object-fit: contain;
    transform: perspective(1400px) rotateY(-4deg) rotateX(1deg);
    filter: drop-shadow( 0 30px 30px rgba(16, 52, 100, 0.20) );
    transition: transform 0.35s ease;
}


.stkpro-visual:hover
.stkpro-software-image {
    transform: perspective(1400px) rotateY(-2deg) translateY(-5px);
}


/* IMAGE SHADOW */

.stkpro-image-shadow {
    position: absolute;
    z-index: 1;
    bottom: 40px;
    width: 70%;
    height: 30px;
    border-radius: 50%;
    background: rgba(36, 75, 126, 0.14);
    filter: blur(22px);
}


/* LIVE BADGE */

.stkpro-live-badge {
    position: absolute;
    z-index: 5;
    top: 15%;
    left: 0;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 9px 13px;
    border: 1px solid #cfe0f4;
    border-radius: 7px;
    background: rgba(255, 255, 255, 0.92);
    color: #183b67;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.7px;
    box-shadow: 0 10px 30px rgba(32, 82, 146, 0.12);
    backdrop-filter: blur(8px);
}


    .stkpro-live-badge span {
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: #12c979;
        box-shadow: 0 0 0 5px rgba(18, 201, 121, 0.12);
    }


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1200px) {

    .stkpro-container {
        grid-template-columns: minmax(0, 1.25fr) minmax(380px, 0.85fr);
        gap: 25px;
    }


    .stkpro-title {
        font-size: clamp(46px, 5vw, 65px);
    }


    .stkpro-features {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }


    .stkpro-feature:nth-child(2)::after {
        display: none;
    }


    .stkpro-software-image {
        width: 108%;
    }
}


/* =========================================================
   MOBILE / TABLET
   ========================================================= */

@media (max-width: 900px) {

    .stkpro-container {
        width: min(100% - 36px, 850px);
        grid-template-columns: 1fr;
        text-align: center;
        padding: 35px 0 25px;
    }


    .stkpro-content {
        max-width: 800px;
        margin: 0 auto;
    }


    .stkpro-badge {
        margin-left: auto;
        margin-right: auto;
    }


    .stkpro-title {
        max-width: 760px;
        margin: 0 auto;
    }


    .stkpro-line {
        margin-left: auto;
        margin-right: auto;
    }


    .stkpro-description {
        margin-left: auto;
        margin-right: auto;
    }


    .stkpro-buttons,
    .stkpro-markets {
        justify-content: center;
    }


    .stkpro-trust {
        margin-left: auto;
        margin-right: auto;
    }


    .stkpro-visual {
        min-height: 430px;
        margin-top: 15px;
    }


    .stkpro-software-image {
        width: 90%;
        max-width: 680px;
        transform: none;
    }


    .stkpro-visual:hover
    .stkpro-software-image {
        transform: translateY(-4px);
    }


    .stkpro-live-badge {
        display: none;
    }
}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 600px) {

    .stkpro-container {
        width: min(100% - 28px, 600px);
        padding: 42px 0;
    }


    .stkpro-title {
        font-size: 40px;
        letter-spacing: -2px;
    }


    .stkpro-description {
        font-size: 15px;
        line-height: 1.7;
    }


    .stkpro-buttons {
        flex-direction: column;
    }


    .stkpro-btn {
        width: 100%;
        box-sizing: border-box;
    }


    .stkpro-market {
        flex: 1 1 calc(33.333% - 9px);
    }


    .stkpro-features {
        grid-template-columns: repeat(2, 1fr);
    }


    .stkpro-feature {
        flex-direction: column;
        text-align: center;
        padding: 0;
    }


        .stkpro-feature::after {
            display: none !important;
        }


    .stkpro-trust {
        grid-template-columns: 1fr;
        gap: 14px;
        text-align: left;
    }


    .stkpro-trust-item {
        padding: 8px 5px;
    }


        .stkpro-trust-item::after {
            display: none;
        }


    .stkpro-visual {
        min-height: 300px;
    }


    .stkpro-visual-circle {
        width: 320px;
        height: 320px;
    }


    .stkpro-software-image {
        width: 100%;
    }
}


/* =========================================================
   VERY SMALL MOBILE
   ========================================================= */

@media (max-width: 420px) {

    .stkpro-title {
        font-size: 34px;
    }


    .stkpro-market {
        flex-basis: calc(50% - 8px);
    }


    .stkpro-features {
        grid-template-columns: 1fr;
    }
}
/* ======================================================
   STOCKARA INTRO SECTION
   Unique prefix: stkintro-
   ====================================================== */

.stkintro-section {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding: 70px 0 65px;
    background: radial-gradient( circle at 94% 12%, rgba(59, 130, 246, 0.13), transparent 30% ), linear-gradient( 120deg, #ffffff 0%, #fbfdff 55%, #f3f8ff 100% );
    font-family: Inter, "Segoe UI", Arial, sans-serif;
    isolation: isolate;
}


/* BACKGROUND GRID */

.stkintro-grid {
    position: absolute;
    inset: 0;
    z-index: -3;
    opacity: 0.35;
    background-image: linear-gradient( rgba(27, 90, 170, 0.04) 1px, transparent 1px ), linear-gradient( 90deg, rgba(27, 90, 170, 0.04) 1px, transparent 1px );
    background-size: 46px 46px;
}


/* DECORATIVE MARKET SHAPE */

.stkintro-bg-shape {
    position: absolute;
    width: 650px;
    height: 420px;
    right: -80px;
    top: -20px;
    z-index: -2;
    border-radius: 50%;
    background: radial-gradient( circle, rgba(40, 124, 248, 0.09), rgba(83, 151, 249, 0.02) 55%, transparent 72% );
}


/* MAIN WIDTH */

.stkintro-container {
    width: min(1520px, calc(100% - 70px));
    margin: 0 auto;
}


/* ======================================================
   TOP LABEL
   ====================================================== */

.stkintro-label {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 28px;
}


.stkintro-label-icon {
    width: 45px;
    height: 45px;
    display: grid;
    place-items: center;
    border-radius: 6px;
    color: #ffffff;
    background: linear-gradient( 135deg, #1b6ff1, #0d57df );
    font-size: 26px;
    font-weight: 800;
    box-shadow: 0 8px 22px rgba(22, 103, 229, 0.23);
}


.stkintro-label strong {
    display: block;
    color: #1262df;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 1.3px;
}


.stkintro-label-line {
    display: block;
    width: 100px;
    height: 3px;
    margin-top: 9px;
    border-radius: 50px;
    background: linear-gradient( 90deg, #116cf0, #22c6d2 );
}


/* ======================================================
   HEADING
   ====================================================== */

.stkintro-heading-wrap {
    margin-bottom: 30px;
}


.stkintro-heading {
    max-width: 1100px;
    margin: 0;
    color: #06162f;
    font-size: clamp(42px, 4.5vw, 72px);
    line-height: 1.08;
    font-weight: 750;
    letter-spacing: -3px;
}


    .stkintro-heading span {
        color: #176cec;
        background: linear-gradient( 90deg, #1265e8, #297ff3 );
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
    }


.stkintro-heading-lines {
    display: flex;
    gap: 5px;
    margin-top: 20px;
}


    .stkintro-heading-lines span:first-child {
        width: 66px;
        height: 4px;
        border-radius: 10px;
        background: #1768e7;
    }


    .stkintro-heading-lines span:last-child {
        width: 36px;
        height: 4px;
        border-radius: 10px;
        background: #24bdd6;
    }


/* ======================================================
   MAIN CARD
   ====================================================== */

.stkintro-main-card {
    position: relative;
    border: 1px solid #dbe6f3;
    border-radius: 18px;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.88);
    box-shadow: 0 20px 55px rgba(31, 74, 128, 0.08);
    backdrop-filter: blur(8px);
}


    .stkintro-main-card::after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        height: 4px;
        background: linear-gradient( 90deg, #1766eb, #1c91f5, #25c5dc );
    }


/* ROW */

.stkintro-info-row {
    display: grid;
    grid-template-columns: 90px minmax(0, 1fr) minmax(280px, 340px);
    align-items: center;
    gap: 28px;
    padding: 30px 40px;
    border-bottom: 1px solid #e2eaf4;
}


.stkintro-info-row-last {
    border-bottom: 0;
}


/* LEFT ICON */

.stkintro-main-icon {
    width: 64px;
    height: 64px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    color: #1467ea;
    background: linear-gradient( 135deg, #eef5ff, #e6f0ff );
    box-shadow: inset 0 0 0 1px rgba(47, 119, 226, 0.05);
}


    .stkintro-main-icon svg {
        width: 35px;
        height: 35px;
    }


/* TEXT */

.stkintro-info-text p {
    margin: 0;
    max-width: 900px;
    color: #243d62;
    font-size: 16px;
    line-height: 1.75;
}


/* RIGHT FEATURE */

.stkintro-side-feature {
    min-height: 64px;
    display: flex;
    align-items: center;
    gap: 18px;
    padding-left: 30px;
    border-left: 1px solid #dce6f2;
}


.stkintro-side-icon {
    flex: 0 0 48px;
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    color: #1268ea;
}


    .stkintro-side-icon svg {
        width: 42px;
        height: 42px;
    }


.stkintro-side-feature strong {
    display: block;
    margin-bottom: 6px;
    color: #0c2243;
    font-size: 16px;
    font-weight: 750;
}


.stkintro-side-feature span {
    display: block;
    color: #607594;
    font-size: 13px;
    line-height: 1.4;
}


/* ======================================================
   MARKET LIST
   ====================================================== */

.stkintro-market-list {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin-top: 34px;
}


.stkintro-market {
    min-width: 160px;
    min-height: 64px;
    padding: 0 25px;
    display: flex;
    align-items: center;
    gap: 14px;
    border: 1px solid #e1e8f2;
    border-radius: 13px;
    background: rgba(255, 255, 255, 0.92);
    color: #0c2240;
    box-shadow: 0 10px 25px rgba(30, 72, 125, 0.06);
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}


    .stkintro-market:hover {
        transform: translateY(-4px);
        border-color: #a9c9f4;
        box-shadow: 0 16px 32px rgba(27, 92, 172, 0.12);
    }


.stkintro-market-icon {
    color: #1466e8;
    font-size: 25px;
    font-weight: 800;
}


.stkintro-market strong {
    color: #132a4b;
    font-size: 15px;
    font-weight: 700;
}


/* ======================================================
   TABLET
   ====================================================== */

@media (max-width: 1100px) {

    .stkintro-info-row {
        grid-template-columns: 70px minmax(0, 1fr) 250px;
        gap: 20px;
        padding: 27px 26px;
    }


    .stkintro-side-feature {
        padding-left: 20px;
    }


    .stkintro-market {
        min-width: 145px;
    }
}


/* ======================================================
   MOBILE TABLET
   ====================================================== */

@media (max-width: 850px) {

    .stkintro-section {
        padding: 50px 0;
    }


    .stkintro-container {
        width: min(100% - 36px, 800px);
    }


    .stkintro-heading {
        letter-spacing: -2px;
    }


    .stkintro-info-row {
        grid-template-columns: 62px 1fr;
        gap: 18px;
    }


    .stkintro-side-feature {
        grid-column: 1 / -1;
        margin-top: 5px;
        padding: 18px 0 0;
        border-left: 0;
        border-top: 1px solid #e2eaf4;
    }


    .stkintro-market-list {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }


    .stkintro-market {
        min-width: 0;
    }
}


/* ======================================================
   MOBILE
   ====================================================== */

@media (max-width: 600px) {

    .stkintro-section {
        padding: 40px 0;
    }


    .stkintro-container {
        width: calc(100% - 28px);
    }


    .stkintro-label {
        align-items: flex-start;
    }


    .stkintro-label-icon {
        width: 40px;
        height: 40px;
        font-size: 22px;
    }


    .stkintro-label strong {
        font-size: 12px;
    }


    .stkintro-heading {
        font-size: 39px;
        line-height: 1.08;
        letter-spacing: -1.7px;
    }


    .stkintro-info-row {
        grid-template-columns: 1fr;
        padding: 25px 20px;
        text-align: left;
    }


    .stkintro-main-icon {
        width: 55px;
        height: 55px;
    }


    .stkintro-info-text p {
        font-size: 14.5px;
    }


    .stkintro-side-feature {
        grid-column: auto;
        padding-top: 18px;
    }


    .stkintro-market-list {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }


    .stkintro-market {
        min-height: 58px;
        padding: 0 14px;
    }


    .stkintro-market-icon {
        font-size: 21px;
    }


    .stkintro-market strong {
        font-size: 13px;
    }
}


/* VERY SMALL */

@media (max-width: 390px) {

    .stkintro-heading {
        font-size: 34px;
    }


    .stkintro-market-list {
        grid-template-columns: 1fr;
    }
}

/* ======================================================
   PRICING + PAYMENT DESIGN
   UNIQUE PREFIX = stkPadPrice
   Includes padding on ALL sides
====================================================== */

.stkPadPrice-section,
.stkPadPrice-section * {
    box-sizing: border-box;
}


.stkPadPrice-section {
    width: 100%;
    /* PADDING ON ALL SIDES */
    padding: 45px 55px;
    font-family: Arial, Helvetica, sans-serif;
    color: #111827;
    background: radial-gradient( circle at 0% 0%, rgba(37,99,235,.07), transparent 25% ), radial-gradient( circle at 100% 100%, rgba(16,185,129,.05), transparent 25% ), #f5f8fc;
}


    /* =========================================
   INNER CONTAINER
========================================= */

    .stkPadPrice-section .stkPadPrice-container {
        width: 100%;
        max-width: 1500px;
        margin: 0 auto;
        padding: 25px;
        border: 1px solid #e4e9f0;
        border-radius: 24px;
        background: #ffffff;
        box-shadow: 0 20px 60px rgba(15,23,42,.08);
    }


    /* =========================================
   HEADER
========================================= */

    .stkPadPrice-section .stkPadPrice-header {
        min-height: 135px;
        margin-bottom: 30px;
        padding: 20px 25px;
        display: grid;
        grid-template-columns: 1fr 1.3fr 1fr;
        align-items: center;
        gap: 25px;
        border: 1px solid #e5eaf1;
        border-radius: 18px;
        background: linear-gradient( 135deg, #ffffff, #f8fbff );
    }


    /* BRAND */

    .stkPadPrice-section .stkPadPrice-brand {
        display: flex;
        align-items: center;
        gap: 12px;
    }


    .stkPadPrice-section .stkPadPrice-logo {
        width: 62px;
        height: 62px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        border-radius: 17px;
        color: #ffffff;
        background: linear-gradient( 135deg, #16b64c, #0768db );
        font-size: 37px;
        font-weight: 900;
        font-style: italic;
        box-shadow: 0 8px 18px rgba(37,99,235,.17);
    }


    .stkPadPrice-section .stkPadPrice-brandName {
        color: #101828;
        font-size: 32px;
        line-height: 1;
        font-weight: 800;
    }


        .stkPadPrice-section .stkPadPrice-brandName span {
            color: #11a34b;
        }


    .stkPadPrice-section .stkPadPrice-brand small {
        display: block;
        margin-top: 5px;
        color: #657084;
        font-size: 9px;
        letter-spacing: .5px;
    }


    /* HEADER CENTER */

    .stkPadPrice-section .stkPadPrice-heading {
        text-align: center;
    }


        .stkPadPrice-section .stkPadPrice-heading > span {
            display: block;
            margin-bottom: 5px;
            color: #2462d5;
            font-size: 12px;
            font-weight: 800;
            letter-spacing: 3px;
        }


        .stkPadPrice-section .stkPadPrice-heading h2 {
            margin: 0 0 8px;
            padding: 0;
            color: #111827;
            font-size: 27px;
            line-height: 1.1;
            font-weight: 800;
        }


            .stkPadPrice-section .stkPadPrice-heading h2 b {
                color: #1564e9;
            }


            .stkPadPrice-section .stkPadPrice-heading h2 strong {
                color: #078a3c;
            }


        .stkPadPrice-section .stkPadPrice-heading small {
            display: inline-block;
            padding: 5px 13px;
            border-radius: 20px;
            color: #ffffff;
            background: #163f91;
            font-size: 8px;
            font-weight: 700;
        }


    /* CONTACT */

    .stkPadPrice-section .stkPadPrice-contact {
        justify-self: end;
        text-align: left;
        padding: 12px 17px;
        border: 1px solid #dce5ee;
        border-radius: 12px;
        background: #ffffff;
    }


        .stkPadPrice-section .stkPadPrice-contact span {
            display: block;
            margin-bottom: 6px;
            color: #596579;
            font-size: 11px;
        }


        .stkPadPrice-section .stkPadPrice-contact strong {
            display: block;
            color: #172033;
            font-size: 14px;
            line-height: 1.45;
        }


    /* =========================================
   PRICING GRID
========================================= */

    .stkPadPrice-section .stkPadPrice-grid {
        display: grid;
        grid-template-columns: repeat(4, minmax(0,1fr));
        gap: 20px;
        /* INTERNAL PADDING */
        padding: 15px 10px 25px;
    }


    /* =========================================
   CARD
========================================= */

    .stkPadPrice-section .stkPadPrice-card {
        --stkPadAccent: #1264db;
        position: relative;
        min-width: 0;
        min-height: 530px;
        padding: 26px 20px 20px;
        display: flex;
        flex-direction: column;
        border: 1px solid #dfe6ee;
        border-radius: 18px;
        background: #ffffff;
        box-shadow: 0 12px 32px rgba(15,23,42,.07);
        transition: transform .25s ease, box-shadow .25s ease;
    }


        .stkPadPrice-section .stkPadPrice-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 20px 42px rgba(15,23,42,.12);
        }


    /* COLORS */

    .stkPadPrice-section .stkPadPrice-green {
        --stkPadAccent: #078533;
        border-top: 4px solid #078533;
    }


    .stkPadPrice-section .stkPadPrice-blue {
        --stkPadAccent: #1456bd;
        border-top: 4px solid #1456bd;
    }


    .stkPadPrice-section .stkPadPrice-orange {
        --stkPadAccent: #e85d05;
        border-top: 4px solid #e85d05;
    }


    .stkPadPrice-section .stkPadPrice-purple {
        --stkPadAccent: #71169b;
        border-top: 4px solid #71169b;
    }


    /* ICON */

    .stkPadPrice-section .stkPadPrice-icon {
        width: 52px;
        height: 52px;
        margin: -53px auto 8px;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 4px solid #ffffff;
        border-radius: 50%;
        color: #ffffff;
        background: var(--stkPadAccent);
        font-size: 21px;
        box-shadow: 0 7px 16px rgba(0,0,0,.14);
    }


    /* PLAN */

    .stkPadPrice-section .stkPadPrice-plan {
        width: 90%;
        margin: 0 auto 9px;
        padding: 7px 10px;
        border-radius: 7px;
        text-align: center;
        color: #ffffff;
        background: var(--stkPadAccent);
        font-size: 13px;
        font-weight: 800;
    }


    /* PRICE */

    .stkPadPrice-section .stkPadPrice-price {
        text-align: center;
        color: var(--stkPadAccent);
        font-size: 38px;
        line-height: 1;
        font-weight: 900;
        letter-spacing: -1px;
    }


    .stkPadPrice-section .stkPadPrice-validity {
        margin: 4px 0 16px;
        text-align: center;
        color: #343d4c;
        font-size: 10px;
        font-weight: 700;
    }


    /* =========================================
   FEATURES
========================================= */

    .stkPadPrice-section .stkPadPrice-card ul {
        flex: 1;
        margin: 0;
        padding: 0;
        list-style: none;
    }


    .stkPadPrice-section .stkPadPrice-card li {
        position: relative;
        margin-bottom: 8px;
        padding-left: 20px;
        color: #354052;
        font-size: 12.5px;
        line-height: 1.4;
    }


        .stkPadPrice-section .stkPadPrice-card li::before {
            content: "✓";
            position: absolute;
            top: 1px;
            left: 0;
            width: 14px;
            height: 14px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            color: #ffffff;
            background: var(--stkPadAccent);
            font-size: 10px;
            font-weight: 900;
        }


    /* =========================================
   CARD BUTTON
========================================= */

    .stkPadPrice-section .stkPadPrice-button {
        width: 100%;
        min-height: 42px;
        margin-top: 15px;
        padding: 10px 15px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 8px;
        color: #ffffff;
        background: var(--stkPadAccent);
        text-decoration: none;
        font-size: 11px;
        font-weight: 800;
        box-shadow: 0 8px 17px rgba(15,23,42,.12);
        transition: transform .2s ease;
    }


        .stkPadPrice-section .stkPadPrice-button:hover {
            transform: translateY(-2px);
        }


    /* POPULAR */

    .stkPadPrice-section .stkPadPrice-popular {
        position: absolute;
        top: 9px;
        left: -7px;
        padding: 6px 12px;
        border-radius: 3px 5px 5px 3px;
        color: #ffffff;
        background: #d91b1b;
        font-size: 8px;
        font-weight: 800;
        transform: rotate(-7deg);
        box-shadow: 0 6px 14px rgba(0,0,0,.15);
    }


    /* =========================================
   PAYMENT STRIP
========================================= */

    .stkPadPrice-section .stkPadPrice-payment {
        margin: 5px 10px 25px;
        padding: 12px 18px;
        min-height: 72px;
        display: grid;
        grid-template-columns: 1.5fr repeat(5,1fr);
        align-items: center;
        gap: 5px;
        border: 1px solid #e0e6ee;
        border-radius: 14px;
        background: linear-gradient( 135deg, #ffffff, #f8fbff );
    }


    .stkPadPrice-section .stkPadPrice-secure {
        display: flex;
        align-items: center;
        gap: 10px;
    }


    .stkPadPrice-section .stkPadPrice-secureIcon {
        width: 38px;
        height: 38px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        color: #ffffff;
        background: #07883c;
        font-weight: 800;
    }


    .stkPadPrice-section .stkPadPrice-secure strong {
        display: block;
        font-size: 10px;
    }


    .stkPadPrice-section .stkPadPrice-secure small {
        display: block;
        margin-top: 2px;
        color: #079143;
        font-size: 9px;
    }


    .stkPadPrice-section .stkPadPrice-method {
        min-height: 42px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        border-left: 1px solid #e4e9ef;
        color: #174da7;
        font-size: 12px;
    }


        .stkPadPrice-section .stkPadPrice-method small {
            color: #697386;
            font-size: 8px;
        }


    /* =========================================
   BANK
========================================= */

    .stkPadPrice-section .stkPadPrice-bank {
        margin: 0 10px 25px;
        overflow: hidden;
        border: 1px solid #e1e6ed;
        border-radius: 16px;
        background: #ffffff;
        box-shadow: 0 12px 30px rgba(15,23,42,.06);
    }


    /* BANK HEADER */

    .stkPadPrice-section .stkPadPrice-bankHeader {
        min-height: 75px;
        padding: 14px 28px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        color: #ffffff;
        background: linear-gradient( 100deg, #e94a0a, #b00b11 );
    }


    .stkPadPrice-section .stkPadPrice-bankLogo {
        font-size: 36px;
        font-style: italic;
        font-weight: 900;
    }


    .stkPadPrice-section .stkPadPrice-bankHeader strong {
        display: block;
        font-size: 18px;
    }


    .stkPadPrice-section .stkPadPrice-bankHeader span {
        display: block;
        margin-top: 3px;
        font-size: 11px;
    }


    /* BANK CONTENT */

    .stkPadPrice-section .stkPadPrice-bankContent {
        padding: 25px 30px;
        display: grid;
        grid-template-columns: 1.5fr .6fr;
        gap: 40px;
    }


    .stkPadPrice-section .stkPadPrice-account h3 {
        margin: 0 0 17px;
        color: #173575;
        font-size: 18px;
    }


    .stkPadPrice-section .stkPadPrice-accountRow {
        display: grid;
        grid-template-columns: 150px 1fr;
        padding: 10px 0;
        border-bottom: 1px solid #edf0f4;
        font-size: 13px;
    }


        .stkPadPrice-section .stkPadPrice-accountRow span {
            color: #596579;
        }


        .stkPadPrice-section .stkPadPrice-accountRow strong {
            color: #111827;
        }


    /* =========================================
   QR
========================================= */

    .stkPadPrice-section .stkPadPrice-qr {
        overflow: hidden;
        text-align: center;
        border: 1px solid #e0e5ec;
        border-radius: 10px;
        background: #ffffff;
    }


    .stkPadPrice-section .stkPadPrice-qrHeading {
        padding: 7px;
        color: #ffffff;
        background: #b7191d;
        font-size: 10px;
        font-weight: 800;
    }


    .stkPadPrice-section .stkPadPrice-qrPlaceholder {
        width: 130px;
        height: 130px;
        margin: 15px auto 8px;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 8px solid #ffffff;
        outline: 1px solid #d8dde5;
        color: #ffffff;
        background: repeating-linear-gradient( 45deg, #111 0 5px, #fff 5px 10px );
        font-size: 22px;
        font-weight: 900;
        text-shadow: 0 1px 4px #000;
    }


    .stkPadPrice-section .stkPadPrice-qr p {
        margin: 0 0 12px;
        color: #b01b1b;
        font-size: 9px;
    }


    /* =========================================
   BANK METHODS
========================================= */

    .stkPadPrice-section .stkPadPrice-bankMethods {
        margin: 0 25px 20px;
        min-height: 65px;
        display: grid;
        grid-template-columns: repeat(6,1fr);
        align-items: center;
        border: 1px solid #e4e9ef;
        border-radius: 10px;
        overflow: hidden;
        background: #fbfcfe;
    }


        .stkPadPrice-section .stkPadPrice-bankMethods span {
            padding: 15px 5px;
            text-align: center;
            border-right: 1px solid #e6ebf1;
            color: #344054;
            font-size: 13px;
            font-weight: 800;
        }


    /* =========================================
   FOOTER
========================================= */

    .stkPadPrice-section .stkPadPrice-footer {
        min-height: 55px;
        margin: 0 10px;
        padding: 10px 25px;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 35px;
        border-radius: 10px;
        color: #ffffff;
        background: linear-gradient( 90deg, #0c3988, #0756c7 );
        font-size: 13px;
        font-weight: 700;
    }


        .stkPadPrice-section .stkPadPrice-footer i {
            width: 1px;
            height: 25px;
            background: rgba(255,255,255,.4);
        }


/* =========================================
   TABLET
========================================= */

@media (max-width: 1100px) {

    .stkPadPrice-section {
        padding: 35px 25px;
    }


        .stkPadPrice-section .stkPadPrice-grid {
            grid-template-columns: repeat(2,1fr);
            gap: 40px 20px;
        }


        .stkPadPrice-section .stkPadPrice-header {
            grid-template-columns: 1fr;
            text-align: center;
        }


        .stkPadPrice-section .stkPadPrice-brand {
            justify-content: center;
        }


        .stkPadPrice-section .stkPadPrice-contact {
            justify-self: center;
        }


        .stkPadPrice-section .stkPadPrice-payment {
            grid-template-columns: repeat(3,1fr);
        }
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 650px) {

    .stkPadPrice-section {
        /* MOBILE PADDING ALL SIDES */
        padding: 20px 12px;
    }


        .stkPadPrice-section .stkPadPrice-container {
            padding: 18px 12px;
            border-radius: 18px;
        }


        .stkPadPrice-section .stkPadPrice-header {
            padding: 20px 15px;
            margin-bottom: 25px;
        }


        .stkPadPrice-section .stkPadPrice-heading h2 {
            font-size: 23px;
        }


        .stkPadPrice-section .stkPadPrice-grid {
            grid-template-columns: 1fr;
            gap: 40px;
            padding: 15px 5px 25px;
        }


        .stkPadPrice-section .stkPadPrice-card {
            min-height: auto;
            padding: 26px 18px 20px;
        }


        .stkPadPrice-section .stkPadPrice-payment {
            margin: 5px 5px 20px;
            grid-template-columns: repeat(2,1fr);
            gap: 10px;
        }


        .stkPadPrice-section .stkPadPrice-bank {
            margin: 0 5px 20px;
        }


        .stkPadPrice-section .stkPadPrice-bankHeader {
            padding: 15px;
            flex-direction: column;
            align-items: flex-start;
            gap: 8px;
        }


        .stkPadPrice-section .stkPadPrice-bankLogo {
            font-size: 30px;
        }


        .stkPadPrice-section .stkPadPrice-bankContent {
            padding: 20px 15px;
            grid-template-columns: 1fr;
            gap: 20px;
        }


        .stkPadPrice-section .stkPadPrice-accountRow {
            grid-template-columns: 105px 1fr;
            font-size: 11px;
        }


        .stkPadPrice-section .stkPadPrice-bankMethods {
            margin: 0 15px 15px;
            grid-template-columns: repeat(3,1fr);
        }


        .stkPadPrice-section .stkPadPrice-footer {
            margin: 0 5px;
            padding: 15px;
            flex-direction: column;
            gap: 6px;
            font-size: 11px;
        }


            .stkPadPrice-section .stkPadPrice-footer i {
                display: none;
            }
}
/* =========================================================
   STOCKARA MOBILE PLAN SECTION 2026
   UNIQUE PREFIX: stkmb26-
   ========================================================= */

.stkmb26-section,
.stkmb26-section * {
    box-sizing: border-box;
}


/* MAIN SECTION */

.stkmb26-section {
    position: relative;
    width: 100%;
    margin: 0;
    overflow: hidden;
    /*
       PADDING ON ALL SIDES
       top | right | bottom | left
    */
    padding: 45px 45px 50px 45px;
    font-family: Inter, "Segoe UI", Arial, sans-serif;
    color: #0b2042;
    background: radial-gradient( circle at 0% 5%, rgba(26, 105, 230, 0.08), transparent 24% ), radial-gradient( circle at 100% 5%, rgba(29, 180, 119, 0.07), transparent 25% ), linear-gradient( 180deg, #ffffff 0%, #f7fbff 100% );
}


    /* INNER WIDTH */

    .stkmb26-section .stkmb26-inner {
        width: 100%;
        max-width: 1500px;
        margin: 0 auto;
        padding: 30px;
        border: 1px solid #e1e9f4;
        border-radius: 24px;
        background: rgba(255, 255, 255, 0.72);
        box-shadow: 0 25px 65px rgba(24, 67, 124, 0.08);
    }


    /* =========================================================
   HEADER
   ========================================================= */

    .stkmb26-section .stkmb26-header {
        display: grid;
        grid-template-columns: 310px 1fr;
        align-items: center;
        gap: 40px;
        padding: 5px 10px 22px;
    }


    /* BRAND */

    .stkmb26-section .stkmb26-brand {
        display: flex;
        align-items: center;
        gap: 14px;
    }


    .stkmb26-section .stkmb26-brand-icon {
        flex: 0 0 62px;
        width: 62px;
        height: 62px;
        display: grid;
        place-items: center;
        border-radius: 15px;
        color: #ffffff;
        background: linear-gradient( 140deg, #18c58d, #1092e3 50%, #165be8 );
        font-size: 32px;
        font-weight: 900;
        box-shadow: 0 10px 25px rgba(26, 103, 219, 0.22);
    }


    .stkmb26-section .stkmb26-brand-name {
        color: #080e18;
        font-size: 36px;
        line-height: 1;
        font-weight: 850;
        letter-spacing: -1.5px;
    }


        .stkmb26-section .stkmb26-brand-name span {
            color: #12974b;
        }


    .stkmb26-section .stkmb26-brand-tag {
        margin-top: 6px;
        color: #53677f;
        font-size: 8px;
        font-weight: 800;
        letter-spacing: 1.8px;
    }


    /* MAIN HEADING */

    .stkmb26-section .stkmb26-heading {
        text-align: center;
        color: #080f20;
        font-size: clamp(27px, 3vw, 44px);
        line-height: 1.15;
        font-weight: 800;
        letter-spacing: -1.4px;
    }


        .stkmb26-section .stkmb26-heading strong {
            color: #1262e7;
        }


        .stkmb26-section .stkmb26-heading span {
            color: #147b3d;
        }


    /* =========================================================
   USP BAR
   ========================================================= */

    .stkmb26-section .stkmb26-uspbar {
        width: min(850px, 100%);
        margin: 0 auto 22px;
        padding: 9px 22px;
        min-height: 64px;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 26px;
        border: 1px solid #dae5f2;
        border-radius: 40px;
        background: rgba(255, 255, 255, 0.97);
        box-shadow: 0 10px 30px rgba(27, 72, 130, 0.07);
    }


    .stkmb26-section .stkmb26-usp {
        display: flex;
        align-items: center;
        gap: 10px;
    }


    .stkmb26-section .stkmb26-uspicon {
        flex: 0 0 42px;
        width: 42px;
        height: 42px;
        display: grid;
        place-items: center;
        border-radius: 11px;
        color: #ffffff;
        background: linear-gradient( 135deg, #1044a0, #071a60 );
        font-size: 14px;
        font-weight: 800;
    }


    .stkmb26-section .stkmb26-usp strong {
        color: #102852;
        font-size: 13px;
        text-transform: uppercase;
    }


    .stkmb26-section .stkmb26-usp-separator {
        width: 1px;
        height: 30px;
        background: #cbd8e8;
    }


    /* =========================================================
   PRICING GRID
   ========================================================= */

    .stkmb26-section .stkmb26-pricing {
        display: grid;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        gap: 16px;
        padding: 5px 5px 10px;
    }


    /* PLAN CARD */

    .stkmb26-section .stkmb26-plan {
        --stkmb26-color: #1464df;
        --stkmb26-dark: #083ca8;
        position: relative;
        min-width: 0;
        min-height: 510px;
        padding: 20px 17px 16px;
        display: flex;
        flex-direction: column;
        overflow: hidden;
        border: 1px solid #dce5f0;
        border-radius: 18px;
        background: linear-gradient( 180deg, #ffffff, #fcfdff );
        box-shadow: 0 12px 30px rgba(21, 65, 120, 0.07);
        transition: transform .25s ease, box-shadow .25s ease;
    }


        .stkmb26-section .stkmb26-plan:hover {
            transform: translateY(-5px);
            box-shadow: 0 20px 38px rgba(21, 65, 120, 0.13);
        }


    /* COLORS */

    .stkmb26-section .stkmb26-plan-blue {
        --stkmb26-color: #1260e0;
        --stkmb26-dark: #0739b2;
    }


    .stkmb26-section .stkmb26-plan-green {
        --stkmb26-color: #12852f;
        --stkmb26-dark: #075d1a;
    }


    .stkmb26-section .stkmb26-plan-orange {
        --stkmb26-color: #ff4514;
        --stkmb26-dark: #d62d08;
    }


    .stkmb26-section .stkmb26-plan-purple {
        --stkmb26-color: #6216b8;
        --stkmb26-dark: #3d088d;
    }


    .stkmb26-section .stkmb26-plan-navy {
        --stkmb26-color: #07558f;
        --stkmb26-dark: #05315f;
    }


    /* POPULAR */

    .stkmb26-section .stkmb26-popular {
        position: absolute;
        top: 15px;
        left: -38px;
        width: 140px;
        padding: 7px;
        transform: rotate(-45deg);
        text-align: center;
        color: #ffffff;
        background: #12852f;
        font-size: 9px;
        font-weight: 800;
    }


    /* ICON */

    .stkmb26-section .stkmb26-planicon {
        width: 53px;
        height: 53px;
        flex: 0 0 53px;
        margin: 0 auto 10px;
        display: grid;
        place-items: center;
        border-radius: 50%;
        color: #ffffff;
        background: linear-gradient( 145deg, var(--stkmb26-color), var(--stkmb26-dark) );
        box-shadow: 0 8px 20px rgba(16, 74, 150, 0.16);
        font-size: 22px;
        font-weight: 900;
    }


    /* PLAN TITLE */

    .stkmb26-section .stkmb26-plan h3 {
        min-height: 40px;
        margin: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        color: var(--stkmb26-color);
        font-size: 15px;
        line-height: 1.15;
        font-weight: 850;
        text-transform: uppercase;
    }


    .stkmb26-section .stkmb26-planmini {
        min-height: 16px;
        text-align: center;
        color: #40556f;
        font-size: 8px;
        font-weight: 700;
    }


    /* PRICE */

    .stkmb26-section .stkmb26-price {
        margin-top: 8px;
        text-align: center;
        color: var(--stkmb26-color);
        font-size: 24px;
        font-weight: 900;
    }


        .stkmb26-section .stkmb26-price small {
            color: #27364b;
            font-size: 10px;
            font-weight: 600;
        }


    /* DAY COST */

    .stkmb26-section .stkmb26-daycost {
        width: fit-content;
        margin: 8px auto 14px;
        padding: 6px 15px;
        border-radius: 7px;
        color: #ffffff;
        background: linear-gradient( 135deg, var(--stkmb26-color), var(--stkmb26-dark) );
        font-size: 10px;
        font-weight: 750;
    }


    /* LONG PRICE */

    .stkmb26-section .stkmb26-longprice {
        display: grid;
        grid-template-columns: 1fr auto 1fr;
        gap: 7px;
        align-items: stretch;
        padding: 10px 8px;
        border: 1px solid #dce5ef;
        border-radius: 9px;
        background: #fbfdff;
    }


        .stkmb26-section .stkmb26-longprice > div {
            text-align: center;
        }


        .stkmb26-section .stkmb26-longprice span,
        .stkmb26-section .stkmb26-longprice strong,
        .stkmb26-section .stkmb26-longprice small {
            display: block;
        }


        .stkmb26-section .stkmb26-longprice span {
            color: var(--stkmb26-color);
            font-size: 9px;
            font-weight: 700;
        }


        .stkmb26-section .stkmb26-longprice strong {
            margin-top: 3px;
            color: var(--stkmb26-dark);
            font-size: 13px;
        }


        .stkmb26-section .stkmb26-longprice small {
            margin-top: 3px;
            color: var(--stkmb26-color);
            font-size: 8px;
            font-weight: 650;
        }


        .stkmb26-section .stkmb26-longprice i {
            width: 1px;
            background: #ced9e6;
        }


    /* FEATURES */

    .stkmb26-section .stkmb26-list {
        flex: 1;
        margin: 15px 0;
        padding: 0;
        list-style: none;
    }


        .stkmb26-section .stkmb26-list li {
            position: relative;
            margin-bottom: 8px;
            padding-left: 20px;
            color: #233b5d;
            font-size: 10.5px;
            line-height: 1.35;
            font-weight: 600;
        }


            .stkmb26-section .stkmb26-list li::before {
                content: "✓";
                position: absolute;
                left: 0;
                top: 0;
                width: 14px;
                height: 14px;
                display: grid;
                place-items: center;
                border-radius: 50%;
                color: #ffffff;
                background: var(--stkmb26-color);
                font-size: 8px;
                font-weight: 900;
            }


    /* SUBSCRIBE */

    .stkmb26-section .stkmb26-subscribe {
        min-height: 41px;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 16px;
        padding: 0 15px;
        border-radius: 9px;
        color: #ffffff;
        background: linear-gradient( 135deg, var(--stkmb26-color), var(--stkmb26-dark) );
        text-decoration: none;
        font-size: 12px;
        font-weight: 850;
        text-transform: uppercase;
    }


        .stkmb26-section .stkmb26-subscribe b {
            width: 22px;
            height: 22px;
            display: grid;
            place-items: center;
            border-radius: 50%;
            color: var(--stkmb26-color);
            background: #ffffff;
            font-size: 18px;
        }


    /* =========================================================
   WEBSITE BAR
   ========================================================= */

    .stkmb26-section .stkmb26-sitebar {
        width: min(900px, 100%);
        margin: 18px auto;
        padding: 10px 25px;
        display: grid;
        grid-template-columns: 1fr auto 1fr;
        gap: 25px;
        align-items: center;
        border: 1px solid #e0e8f3;
        border-radius: 40px;
        background: #ffffff;
        box-shadow: 0 8px 24px rgba(28, 68, 120, 0.06);
    }


        .stkmb26-section .stkmb26-sitebar a {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 9px;
            color: #103c9f;
            text-decoration: none;
            font-size: 12px;
            font-weight: 700;
        }


            .stkmb26-section .stkmb26-sitebar a span {
                font-size: 20px;
            }


    .stkmb26-section .stkmb26-sitebrand {
        padding: 0 28px;
        border-left: 1px solid #c7d3e3;
        border-right: 1px solid #c7d3e3;
    }


        .stkmb26-section .stkmb26-sitebrand strong {
            color: #111927;
            font-size: 25px;
            letter-spacing: -1px;
        }


        .stkmb26-section .stkmb26-sitebrand span {
            color: #11964c;
        }


    /* =========================================================
   PAYMENT
   ========================================================= */

    .stkmb26-section .stkmb26-payment {
        margin-top: 18px;
        overflow: hidden;
        border: 1px solid #e0e5ec;
        border-radius: 16px;
        background: #ffffff;
        box-shadow: 0 14px 38px rgba(28, 67, 115, 0.09);
    }


    /* PAYMENT HEADER */

    .stkmb26-section .stkmb26-payment-header {
        min-height: 66px;
        padding: 10px 45px;
        display: grid;
        grid-template-columns: 1fr 1fr;
        align-items: center;
        color: #ffffff;
        background: linear-gradient( 110deg, #fa5708, #e2200e 55%, #c91320 );
    }


    .stkmb26-section .stkmb26-icici {
        font-size: 29px;
        font-weight: 900;
        font-style: italic;
    }


    .stkmb26-section .stkmb26-payment-caption {
        padding-left: 55px;
        border-left: 1px solid rgba(255, 255, 255, .6);
    }


        .stkmb26-section .stkmb26-payment-caption strong,
        .stkmb26-section .stkmb26-payment-caption span {
            display: block;
        }


        .stkmb26-section .stkmb26-payment-caption strong {
            font-size: 18px;
            text-transform: uppercase;
        }


        .stkmb26-section .stkmb26-payment-caption span {
            margin-top: 3px;
            font-size: 11px;
        }


    /* PAYMENT CONTENT */

    .stkmb26-section .stkmb26-payment-content {
        display: grid;
        grid-template-columns: 1.35fr .70fr 1fr;
        gap: 30px;
        padding: 25px 40px;
    }


    /* ACCOUNT */

    .stkmb26-section .stkmb26-account h3,
    .stkmb26-section .stkmb26-accepted h3 {
        margin: 0 0 12px;
        color: #12336f;
        font-size: 15px;
        font-weight: 800;
        text-transform: uppercase;
    }


    .stkmb26-section .stkmb26-accountline {
        min-height: 39px;
        display: grid;
        grid-template-columns: 35px 120px 1fr;
        align-items: center;
        border-bottom: 1px solid #e3e9f0;
    }


        .stkmb26-section .stkmb26-accountline > span {
            width: 25px;
            height: 25px;
            display: grid;
            place-items: center;
            border-radius: 6px;
            color: #ffffff;
            background: #ff5900;
            font-size: 10px;
        }


        .stkmb26-section .stkmb26-accountline label {
            color: #17376e;
            font-size: 11px;
            font-weight: 700;
        }


        .stkmb26-section .stkmb26-accountline strong {
            color: #171717;
            font-size: 14px;
        }


    /* QR */

    .stkmb26-section .stkmb26-payqr {
        padding: 0 25px;
        text-align: center;
        border-left: 1px solid #e0e5eb;
        border-right: 1px solid #e0e5eb;
    }


    .stkmb26-section .stkmb26-scan {
        padding: 5px;
        color: #ffffff;
        background: #d3191d;
        border-radius: 6px 6px 0 0;
        font-size: 11px;
        font-weight: 800;
        text-transform: uppercase;
    }


    .stkmb26-section .stkmb26-qrbox {
        width: 150px;
        height: 150px;
        margin: 8px auto;
        padding: 7px;
        border: 1px solid #d9e0e8;
        border-radius: 7px;
        background: #ffffff;
    }


        .stkmb26-section .stkmb26-qrbox img {
            display: block;
            width: 100%;
            height: 100%;
            object-fit: contain;
        }


    .stkmb26-section .stkmb26-upi {
        color: #263b59;
        font-size: 10px;
    }


        .stkmb26-section .stkmb26-upi strong {
            color: #e52b24;
        }


    /* METHODS */

    .stkmb26-section .stkmb26-accepted h3 {
        text-align: center;
    }


    .stkmb26-section .stkmb26-methods {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 9px;
    }


        .stkmb26-section .stkmb26-methods div {
            min-height: 44px;
            display: grid;
            place-items: center;
            border: 1px solid #e2e7ee;
            border-radius: 8px;
            background: #ffffff;
            color: #33445c;
            font-size: 17px;
            font-weight: 850;
        }


    /* DISCLAIMER */

    .stkmb26-section .stkmb26-note {
        max-width: 950px;
        margin: 18px auto 2px;
        padding: 10px 15px;
        text-align: center;
        color: #748397;
        font-size: 10px;
        line-height: 1.5;
    }


/* =========================================================
   LARGE TABLET
   ========================================================= */

@media (max-width: 1200px) {

    .stkmb26-section {
        padding: 35px;
    }


        .stkmb26-section .stkmb26-pricing {
            grid-template-columns: repeat(3, 1fr);
        }


        .stkmb26-section .stkmb26-header {
            grid-template-columns: 1fr;
            text-align: center;
        }


        .stkmb26-section .stkmb26-brand {
            justify-content: center;
        }
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 900px) {

    .stkmb26-section {
        padding: 28px;
    }


        .stkmb26-section .stkmb26-inner {
            padding: 24px;
        }


        .stkmb26-section .stkmb26-pricing {
            grid-template-columns: repeat(2, 1fr);
        }


        .stkmb26-section .stkmb26-payment-content {
            grid-template-columns: 1fr 1fr;
        }


        .stkmb26-section .stkmb26-accepted {
            grid-column: 1 / -1;
        }


        .stkmb26-section .stkmb26-payqr {
            border-right: 0;
        }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 650px) {

    .stkmb26-section {
        padding: 18px;
    }


        .stkmb26-section .stkmb26-inner {
            padding: 18px;
            border-radius: 18px;
        }


        .stkmb26-section .stkmb26-heading {
            font-size: 28px;
        }


        .stkmb26-section .stkmb26-uspbar {
            flex-direction: column;
            gap: 12px;
            padding: 16px;
            border-radius: 16px;
        }


        .stkmb26-section .stkmb26-usp-separator {
            width: 80%;
            height: 1px;
        }


        .stkmb26-section .stkmb26-pricing {
            grid-template-columns: 1fr;
        }


        .stkmb26-section .stkmb26-sitebar {
            grid-template-columns: 1fr;
            gap: 10px;
            border-radius: 16px;
        }


        .stkmb26-section .stkmb26-sitebrand {
            padding: 8px 0;
            border-left: 0;
            border-right: 0;
            border-top: 1px solid #d7e0eb;
            border-bottom: 1px solid #d7e0eb;
            text-align: center;
        }


        .stkmb26-section .stkmb26-payment-header {
            grid-template-columns: 1fr;
            gap: 12px;
            padding: 17px 20px;
            text-align: center;
        }


        .stkmb26-section .stkmb26-payment-caption {
            padding: 12px 0 0;
            border-left: 0;
            border-top: 1px solid rgba(255,255,255,.5);
        }


        .stkmb26-section .stkmb26-payment-content {
            grid-template-columns: 1fr;
            padding: 20px;
        }


        .stkmb26-section .stkmb26-payqr {
            padding: 20px 0;
            border-left: 0;
            border-right: 0;
            border-top: 1px solid #e2e7ed;
            border-bottom: 1px solid #e2e7ed;
        }


        .stkmb26-section .stkmb26-accepted {
            grid-column: auto;
        }
}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 420px) {

    .stkmb26-section {
        padding: 12px;
    }


        .stkmb26-section .stkmb26-inner {
            padding: 14px;
        }


        .stkmb26-section .stkmb26-brand-name {
            font-size: 28px;
        }


        .stkmb26-section .stkmb26-brand-icon {
            width: 52px;
            height: 52px;
            flex-basis: 52px;
        }


        .stkmb26-section .stkmb26-accountline {
            grid-template-columns: 30px 95px 1fr;
        }


            .stkmb26-section .stkmb26-accountline strong {
                font-size: 12px;
            }


        .stkmb26-section .stkmb26-methods {
            grid-template-columns: 1fr 1fr;
        }
}
/* ==========================================================
   STOCKARA WHITE PRICING SECTION
   UNIQUE PREFIX: stkwp26-
   ========================================================== */

.stkwp26-section,
.stkwp26-section * {
    box-sizing: border-box;
}

.stkwp26-section {
    width: 100%;
    position: relative;
    overflow: hidden;
    padding: 50px;
    font-family: Inter, "Segoe UI", Arial, sans-serif;
    color: #071633;
    background: radial-gradient( circle at 0% 35%, rgba(42, 119, 255, .08), transparent 23% ), radial-gradient( circle at 100% 25%, rgba(25, 209, 126, .07), transparent 22% ), #ffffff;
}


    /* MAIN WIDTH */

    .stkwp26-section .stkwp26-wrap {
        width: min(1550px, 100%);
        margin: 0 auto;
    }


    /* ==========================================================
   HEADER
   ========================================================== */

    .stkwp26-section .stkwp26-header {
        max-width: 1050px;
        margin: 0 auto 35px;
        text-align: center;
    }

    .stkwp26-section .stkwp26-title-line {
        margin: 0;
        font-size: clamp(34px, 4vw, 58px);
        line-height: 1.1;
        font-weight: 850;
        letter-spacing: -2px;
    }

        .stkwp26-section .stkwp26-title-line span {
            color: #07142f;
        }

        .stkwp26-section .stkwp26-title-line strong {
            margin-left: 8px;
            background: linear-gradient( 90deg, #13a959, #078eeb, #3263ef );
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
        }

    .stkwp26-section .stkwp26-header p {
        max-width: 760px;
        margin: 14px auto 0;
        color: #617087;
        font-size: 16px;
        line-height: 1.65;
    }


    /* ==========================================================
   MAIN LAYOUT
   ========================================================== */

    .stkwp26-section .stkwp26-main {
        display: grid;
        grid-template-columns: 230px minmax(0, 1fr) 185px;
        gap: 25px;
        align-items: center;
    }


    /* ==========================================================
   PHONE
   ========================================================== */

    .stkwp26-section .stkwp26-phone-area {
        display: flex;
        justify-content: center;
    }

    .stkwp26-section .stkwp26-phone {
        width: 215px;
        min-height: 530px;
        padding: 28px 16px 20px;
        position: relative;
        border: 8px solid #10141c;
        border-radius: 38px;
        background: linear-gradient( 180deg, #ffffff, #f5faff );
        box-shadow: 0 25px 45px rgba(23, 52, 98, .18);
        transform: rotate(-2deg);
    }

        .stkwp26-section .stkwp26-phone::before {
            content: "";
            position: absolute;
            width: 72px;
            height: 17px;
            left: 50%;
            top: 7px;
            transform: translateX(-50%);
            border-radius: 20px;
            background: #10141c;
        }


    /* PHONE LOGO */

    .stkwp26-section .stkwp26-phone-top {
        display: flex;
        align-items: center;
        gap: 8px;
        margin-top: 8px;
    }

    .stkwp26-section .stkwp26-phone-logo {
        width: 35px;
        height: 35px;
        display: grid;
        place-items: center;
        flex-shrink: 0;
        border-radius: 9px;
        color: #ffffff;
        background: linear-gradient( 135deg, #12c77b, #1769f1 );
        font-size: 20px;
        font-weight: 900;
    }

    .stkwp26-section .stkwp26-phone-top strong {
        display: block;
        color: #071631;
        font-size: 19px;
    }

        .stkwp26-section .stkwp26-phone-top strong span {
            color: #149c52;
        }

    .stkwp26-section .stkwp26-phone-top small {
        display: block;
        margin-top: 2px;
        color: #718096;
        font-size: 5.5px;
        letter-spacing: .5px;
    }


    /* FAKE CHART */

    .stkwp26-section .stkwp26-mini-chart {
        height: 150px;
        margin: 25px 0 13px;
        position: relative;
        overflow: hidden;
        border-radius: 13px;
        background: linear-gradient( rgba(43, 108, 176, .08) 1px, transparent 1px ), linear-gradient( 90deg, rgba(43, 108, 176, .08) 1px, transparent 1px );
        background-size: 24px 24px;
    }

    .stkwp26-section .stkwp26-bars {
        position: absolute;
        left: 10px;
        right: 10px;
        bottom: 20px;
        height: 100px;
        display: flex;
        align-items: flex-end;
        gap: 5px;
    }

        .stkwp26-section .stkwp26-bars i {
            flex: 1;
            min-width: 4px;
            border-radius: 3px 3px 0 0;
            background: #12bb6c;
        }

            .stkwp26-section .stkwp26-bars i:nth-child(1) {
                height: 30%;
            }

            .stkwp26-section .stkwp26-bars i:nth-child(2) {
                height: 45%;
            }

            .stkwp26-section .stkwp26-bars i:nth-child(3) {
                height: 38%;
            }

            .stkwp26-section .stkwp26-bars i:nth-child(4) {
                height: 56%;
            }

            .stkwp26-section .stkwp26-bars i:nth-child(5) {
                height: 48%;
                background: #ef4454;
            }

            .stkwp26-section .stkwp26-bars i:nth-child(6) {
                height: 66%;
            }

            .stkwp26-section .stkwp26-bars i:nth-child(7) {
                height: 58%;
            }

            .stkwp26-section .stkwp26-bars i:nth-child(8) {
                height: 72%;
            }

            .stkwp26-section .stkwp26-bars i:nth-child(9) {
                height: 62%;
                background: #ef4454;
            }

            .stkwp26-section .stkwp26-bars i:nth-child(10) {
                height: 78%;
            }

            .stkwp26-section .stkwp26-bars i:nth-child(11) {
                height: 88%;
            }

            .stkwp26-section .stkwp26-bars i:nth-child(12) {
                height: 100%;
            }


    /* LIVE */

    .stkwp26-section .stkwp26-live {
        width: fit-content;
        margin-bottom: 13px;
        padding: 7px 11px;
        border: 1px solid #dbe6f3;
        border-radius: 20px;
        color: #14284c;
        background: #ffffff;
        font-size: 9px;
        font-weight: 800;
    }

        .stkwp26-section .stkwp26-live span {
            width: 7px;
            height: 7px;
            margin-right: 5px;
            display: inline-block;
            border-radius: 50%;
            background: #13bf68;
        }


    /* MARKET ROW */

    .stkwp26-section .stkwp26-market-row {
        margin-bottom: 8px;
        padding: 9px 10px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        border: 1px solid #e1e8f1;
        border-radius: 10px;
        background: #ffffff;
    }

        .stkwp26-section .stkwp26-market-row small,
        .stkwp26-section .stkwp26-market-row strong {
            display: block;
        }

        .stkwp26-section .stkwp26-market-row small {
            font-size: 8px;
            font-weight: 750;
        }

        .stkwp26-section .stkwp26-market-row strong {
            margin-top: 2px;
            font-size: 11px;
        }

        .stkwp26-section .stkwp26-market-row em {
            color: #0bad5c;
            font-size: 8px;
            font-weight: 800;
            font-style: normal;
        }

    .stkwp26-section .stkwp26-phone-btn {
        margin-top: 15px;
        padding: 11px;
        border-radius: 22px;
        text-align: center;
        color: #ffffff;
        background: linear-gradient( 90deg, #11b85f, #1478f3 );
        font-size: 10px;
        font-weight: 750;
    }


    /* ==========================================================
   PRICING CARDS
   ========================================================== */

    .stkwp26-section .stkwp26-plans {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 20px;
        align-items: stretch;
    }

    .stkwp26-section .stkwp26-card {
        --stkwp26-accent: #ee174d;
        --stkwp26-accent2: #c70840;
        position: relative;
        min-width: 0;
        min-height: 540px;
        padding: 28px 24px 22px;
        display: flex;
        flex-direction: column;
        border: 1px solid #e2e7ef;
        border-radius: 23px;
        background: linear-gradient( 180deg, #ffffff, #fcfdff );
        box-shadow: 0 18px 40px rgba(31, 58, 104, .10);
        transition: transform .25s ease, box-shadow .25s ease;
    }

        .stkwp26-section .stkwp26-card:hover {
            transform: translateY(-6px);
            box-shadow: 0 25px 50px rgba(31, 58, 104, .15);
        }


    /* STARTER */

    .stkwp26-section .stkwp26-starter {
        --stkwp26-accent: #f21d59;
        --stkwp26-accent2: #c90842;
    }


    /* ADVANCED */

    .stkwp26-section .stkwp26-advanced {
        --stkwp26-accent: #ff8b00;
        --stkwp26-accent2: #ef3d00;
        border: 2px solid #ff8a00;
        transform: translateY(-10px);
        box-shadow: 0 25px 55px rgba(244, 121, 12, .18);
    }

        .stkwp26-section .stkwp26-advanced:hover {
            transform: translateY(-15px);
        }


    /* PREMIUM */

    .stkwp26-section .stkwp26-premium {
        --stkwp26-accent: #0868f4;
        --stkwp26-accent2: #073ec4;
    }


    /* BADGES */

    .stkwp26-section .stkwp26-badge,
    .stkwp26-section .stkwp26-popular {
        width: fit-content;
        margin: 0 auto 15px;
        padding: 8px 19px;
        border-radius: 30px;
        color: #ffffff;
        background: linear-gradient( 135deg, var(--stkwp26-accent), var(--stkwp26-accent2) );
        font-size: 11px;
        font-weight: 800;
        box-shadow: 0 7px 18px rgba(30, 67, 145, .15);
    }

    .stkwp26-section .stkwp26-popular {
        margin-top: -48px;
        margin-bottom: 23px;
        padding: 10px 24px;
        font-size: 12px;
        box-shadow: 0 8px 20px rgba(255, 112, 0, .28);
    }


    /* PLAN TITLE */

    .stkwp26-section .stkwp26-card h3 {
        margin: 0;
        text-align: center;
        color: #071534;
        font-size: 22px;
        line-height: 1.2;
        font-weight: 800;
    }


    /* PRICE */

    .stkwp26-section .stkwp26-price {
        margin: 14px 0 20px;
        text-align: center;
        color: var(--stkwp26-accent);
        font-size: clamp(29px, 2.2vw, 39px);
        font-weight: 900;
        letter-spacing: -1.5px;
    }

        .stkwp26-section .stkwp26-price small {
            color: #25314a;
            font-size: 12px;
            font-weight: 650;
            letter-spacing: 0;
        }


    /* FEATURES */

    .stkwp26-section .stkwp26-card ul {
        flex: 1;
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .stkwp26-section .stkwp26-card li {
        position: relative;
        padding: 10px 0 10px 26px;
        border-bottom: 1px solid #e7ebf1;
        color: #26354d;
        font-size: 12px;
        line-height: 1.4;
    }

        .stkwp26-section .stkwp26-card li::before {
            content: "✓";
            position: absolute;
            left: 0;
            top: 10px;
            width: 16px;
            height: 16px;
            display: grid;
            place-items: center;
            border-radius: 50%;
            color: #ffffff;
            background: #13b95f;
            font-size: 9px;
            font-weight: 900;
        }


    /* BUTTON */

    .stkwp26-section .stkwp26-button {
        width: fit-content;
        min-width: 170px;
        margin: 20px auto 0;
        padding: 13px 16px 13px 22px;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 18px;
        border-radius: 10px;
        color: #ffffff;
        background: linear-gradient( 135deg, var(--stkwp26-accent), var(--stkwp26-accent2) );
        box-shadow: 0 10px 22px rgba(29, 68, 140, .14);
        text-decoration: none;
        font-size: 13px;
        font-weight: 800;
    }

        .stkwp26-section .stkwp26-button span {
            width: 21px;
            height: 21px;
            display: grid;
            place-items: center;
            border-radius: 50%;
            color: var(--stkwp26-accent);
            background: #ffffff;
            font-size: 18px;
        }


    /* ==========================================================
   BENEFITS
   ========================================================== */

    .stkwp26-section .stkwp26-benefits {
        display: flex;
        flex-direction: column;
        gap: 12px;
    }

    .stkwp26-section .stkwp26-bull {
        min-height: 150px;
        margin-bottom: 8px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        border-radius: 50%;
        color: #0ab76b;
        background: radial-gradient( circle, rgba(22, 208, 125, .12), transparent 68% );
        font-size: 70px;
        font-weight: 900;
    }

        .stkwp26-section .stkwp26-bull span {
            margin-top: -10px;
            color: #0c4ca9;
            font-size: 11px;
            letter-spacing: 3px;
        }

    .stkwp26-section .stkwp26-benefit {
        min-height: 68px;
        padding: 12px 13px;
        display: flex;
        align-items: center;
        gap: 12px;
        border: 1px solid #e1e7ef;
        border-radius: 15px;
        background: #ffffff;
        box-shadow: 0 10px 24px rgba(33, 67, 118, .08);
    }

        .stkwp26-section .stkwp26-benefit b {
            width: 38px;
            height: 38px;
            flex-shrink: 0;
            display: grid;
            place-items: center;
            border-radius: 10px;
            color: #ffffff;
            background: linear-gradient( 135deg, #10bd73, #1375f2 );
            font-size: 19px;
        }

        .stkwp26-section .stkwp26-benefit span {
            color: #22324c;
            font-size: 11px;
            line-height: 1.35;
        }

        .stkwp26-section .stkwp26-benefit strong {
            display: block;
            color: #0a1835;
        }


    /* ==========================================================
   PAYMENT
   ========================================================== */

    .stkwp26-section .stkwp26-payment {
        margin-top: 35px;
        overflow: hidden;
        border: 1px solid #dfe5ed;
        border-radius: 23px;
        background: #ffffff;
        box-shadow: 0 22px 55px rgba(34, 62, 110, .11);
    }


    /* PAYMENT HEADER */

    .stkwp26-section .stkwp26-payment-head {
        min-height: 78px;
        padding: 12px 55px;
        display: grid;
        grid-template-columns: 1fr 1fr;
        align-items: center;
        color: #ffffff;
        background: linear-gradient( 110deg, #ff5a00 0%, #e82a00 45%, #c90917 100% );
    }

    .stkwp26-section .stkwp26-bank {
        display: flex;
        align-items: center;
        gap: 14px;
    }

        .stkwp26-section .stkwp26-bank > span {
            width: 48px;
            height: 48px;
            display: grid;
            place-items: center;
            border-radius: 50%;
            color: #ffffff;
            background: rgba(139, 0, 13, .55);
            border: 2px solid rgba(255,255,255,.5);
            font-family: Georgia, serif;
            font-size: 32px;
            font-style: italic;
            font-weight: 900;
        }

        .stkwp26-section .stkwp26-bank strong {
            font-size: clamp(28px, 3vw, 45px);
            font-weight: 900;
            font-style: italic;
            letter-spacing: -2px;
        }

    .stkwp26-section .stkwp26-pay-title {
        display: flex;
        align-items: center;
        gap: 14px;
        justify-content: center;
    }

        .stkwp26-section .stkwp26-pay-title > b {
            font-size: 34px;
        }

        .stkwp26-section .stkwp26-pay-title strong,
        .stkwp26-section .stkwp26-pay-title small {
            display: block;
        }

        .stkwp26-section .stkwp26-pay-title strong {
            font-size: 21px;
        }

        .stkwp26-section .stkwp26-pay-title small {
            margin-top: 4px;
            font-size: 12px;
        }


    /* PAYMENT BODY */

    .stkwp26-section .stkwp26-payment-body {
        display: grid;
        grid-template-columns: 1.25fr .7fr 1fr;
        gap: 30px;
        padding: 25px 45px 18px;
    }


    /* ACCOUNT */

    .stkwp26-section .stkwp26-account {
        padding-right: 25px;
        border-right: 1px solid #dce3eb;
    }

        .stkwp26-section .stkwp26-account h3,
        .stkwp26-section .stkwp26-accept h3 {
            margin: 0 0 13px;
            color: #102a5a;
            font-size: 18px;
            font-weight: 850;
        }

            .stkwp26-section .stkwp26-account h3::after {
                content: "";
                width: 45px;
                height: 2px;
                margin-top: 7px;
                display: block;
                background: #ff4d00;
            }

    .stkwp26-section .stkwp26-account-row {
        min-height: 40px;
        display: grid;
        grid-template-columns: 35px 125px 1fr;
        align-items: center;
        border-bottom: 1px solid #e5e9ee;
    }

        .stkwp26-section .stkwp26-account-row i {
            width: 25px;
            height: 25px;
            display: grid;
            place-items: center;
            border-radius: 6px;
            color: #ffffff;
            background: #ff5a00;
            font-size: 10px;
            font-style: normal;
        }

        .stkwp26-section .stkwp26-account-row span {
            color: #213659;
            font-size: 12px;
            font-weight: 700;
        }

        .stkwp26-section .stkwp26-account-row strong {
            color: #111827;
            font-size: 15px;
        }


    /* QR */

    .stkwp26-section .stkwp26-qr {
        text-align: center;
    }

    .stkwp26-section .stkwp26-scan-title {
        padding: 6px;
        border-radius: 7px 7px 0 0;
        color: #ffffff;
        background: #d4141c;
        font-size: 11px;
        font-weight: 850;
    }

    .stkwp26-section .stkwp26-qr-img {
        width: 150px;
        height: 150px;
        margin: 8px auto;
        padding: 6px;
        border: 1px solid #dce2e9;
        border-radius: 7px;
        background: #ffffff;
    }

        .stkwp26-section .stkwp26-qr-img img {
            width: 100%;
            height: 100%;
            display: block;
            object-fit: contain;
        }

    .stkwp26-section .stkwp26-qr p {
        margin: 0;
        color: #20345a;
        font-size: 10px;
    }

        .stkwp26-section .stkwp26-qr p strong {
            color: #e51c23;
        }


    /* ACCEPT */

    .stkwp26-section .stkwp26-accept {
        padding-left: 15px;
    }

        .stkwp26-section .stkwp26-accept h3 {
            text-align: center;
        }

    .stkwp26-section .stkwp26-methods {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 10px;
    }

        .stkwp26-section .stkwp26-methods > div {
            min-height: 60px;
            padding: 8px;
            display: grid;
            place-items: center;
            border: 1px solid #dce2e9;
            border-radius: 10px;
            color: #303847;
            background: #ffffff;
            box-shadow: 0 5px 12px rgba(34, 58, 95, .05);
            font-size: 17px;
            font-weight: 900;
            font-style: italic;
        }

        .stkwp26-section .stkwp26-methods .stkwp26-imobile {
            color: #ffffff;
            background: linear-gradient( 135deg, #f38300, #c80c14 );
        }


    /* SECURITY */

    .stkwp26-section .stkwp26-security {
        margin: 0 35px 15px;
        min-height: 46px;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 16px;
        border: 1px solid #e0e5ec;
        border-radius: 12px;
        color: #263957;
        background: #f9fbfe;
        font-size: 11px;
    }

        .stkwp26-section .stkwp26-security > span:first-child {
            font-size: 20px;
            color: #0b397d;
        }

        .stkwp26-section .stkwp26-security i {
            width: 1px;
            height: 18px;
            background: #c7d0dc;
        }


    /* ==========================================================
   DISCLAIMER
   ========================================================== */

    .stkwp26-section .stkwp26-disclaimer {
        max-width: 1100px;
        margin: 20px auto 0;
        padding: 11px 18px;
        text-align: center;
        color: #7a8698;
        font-size: 10px;
        line-height: 1.55;
    }

        .stkwp26-section .stkwp26-disclaimer strong {
            color: #536176;
        }


/* ==========================================================
   RESPONSIVE
   ========================================================== */

@media (max-width: 1300px) {

    .stkwp26-section .stkwp26-main {
        grid-template-columns: 190px minmax(0, 1fr);
    }

    .stkwp26-section .stkwp26-benefits {
        grid-column: 1 / -1;
        display: grid;
        grid-template-columns: repeat(4, 1fr);
    }

    .stkwp26-section .stkwp26-bull {
        display: none;
    }
}


@media (max-width: 1050px) {

    .stkwp26-section {
        padding: 35px;
    }

        .stkwp26-section .stkwp26-main {
            grid-template-columns: 1fr;
        }

        .stkwp26-section .stkwp26-phone-area {
            display: none;
        }

        .stkwp26-section .stkwp26-payment-body {
            grid-template-columns: 1fr 1fr;
        }

        .stkwp26-section .stkwp26-accept {
            grid-column: 1 / -1;
            padding-left: 0;
        }
}


@media (max-width: 800px) {

    .stkwp26-section .stkwp26-plans {
        grid-template-columns: 1fr;
    }

    .stkwp26-section .stkwp26-card {
        min-height: auto;
    }

    .stkwp26-section .stkwp26-advanced {
        transform: none;
    }

        .stkwp26-section .stkwp26-advanced:hover {
            transform: translateY(-6px);
        }

    .stkwp26-section .stkwp26-popular {
        margin-top: 0;
        margin-bottom: 15px;
    }

    .stkwp26-section .stkwp26-benefits {
        grid-template-columns: repeat(2, 1fr);
    }

    .stkwp26-section .stkwp26-payment-head {
        grid-template-columns: 1fr;
        gap: 15px;
        padding: 20px;
        text-align: center;
    }

    .stkwp26-section .stkwp26-bank,
    .stkwp26-section .stkwp26-pay-title {
        justify-content: center;
    }

    .stkwp26-section .stkwp26-payment-body {
        grid-template-columns: 1fr;
    }

    .stkwp26-section .stkwp26-account {
        padding-right: 0;
        border-right: 0;
    }

    .stkwp26-section .stkwp26-accept {
        grid-column: auto;
    }
}


@media (max-width: 550px) {

    .stkwp26-section {
        padding: 20px 14px;
    }

        .stkwp26-section .stkwp26-title-line {
            font-size: 34px;
            letter-spacing: -1.2px;
        }

            .stkwp26-section .stkwp26-title-line strong {
                display: block;
                margin: 5px 0 0;
            }

        .stkwp26-section .stkwp26-header p {
            font-size: 14px;
        }

        .stkwp26-section .stkwp26-card {
            padding: 25px 18px;
        }

        .stkwp26-section .stkwp26-benefits {
            grid-template-columns: 1fr;
        }

        .stkwp26-section .stkwp26-payment-body {
            padding: 20px 15px;
        }

        .stkwp26-section .stkwp26-account-row {
            grid-template-columns: 30px 95px 1fr;
        }

            .stkwp26-section .stkwp26-account-row strong {
                font-size: 12px;
            }

        .stkwp26-section .stkwp26-methods {
            grid-template-columns: repeat(2, 1fr);
        }

        .stkwp26-section .stkwp26-security {
            margin: 0 15px 15px;
            padding: 10px;
            flex-wrap: wrap;
        }
}
/* ============================================
   STOCKARA PRODUCTS
   All Classes Prefix: stk-products-
============================================ */

.stk-products-section {
    width: 100%;
    padding: 35px 20px 30px;
    background: radial-gradient(circle at 8% 10%, rgba(37, 99, 235, 0.07), transparent 22%), radial-gradient(circle at 92% 15%, rgba(16, 185, 129, 0.06), transparent 20%), linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
    font-family: "Inter", "Segoe UI", Arial, sans-serif;
    color: #0b1f44;
    box-sizing: border-box;
}

    .stk-products-section * {
        box-sizing: border-box;
    }

.stk-products-wrap {
    max-width: 1420px;
    margin: 0 auto;
}


/* ==========================
   HEADING
========================== */

.stk-products-head {
    max-width: 850px;
    text-align: center;
    margin: 0 auto 38px;
}

.stk-products-label {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 22px;
    margin-bottom: 14px;
    border: 1.5px solid #2563eb;
    border-radius: 50px;
    color: #135dec;
    background: rgba(255,255,255,.9);
    font-size: 13px;
    font-weight: 800;
    letter-spacing: .5px;
}

.stk-products-head h2 {
    margin: 0 0 12px;
    font-size: clamp(34px, 4vw, 52px);
    line-height: 1.08;
    font-weight: 850;
    letter-spacing: -1.7px;
    color: #071b3c;
}

    .stk-products-head h2 span {
        color: #145cff;
    }

.stk-products-head p {
    max-width: 810px;
    margin: 0 auto;
    font-size: 16px;
    line-height: 1.65;
    color: #506079;
}


/* ==========================
   PRODUCT GRID
========================== */

.stk-products-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
}


/* ==========================
   PRODUCT CARD
========================== */

.stk-products-card {
    --stk-card-color: #145cff;
    --stk-card-light: #edf4ff;
    position: relative;
    min-height: 325px;
    padding: 24px 24px 18px;
    background: #ffffff;
    border: 1px solid #e3ebf5;
    border-bottom: 4px solid var(--stk-card-color);
    border-radius: 17px;
    box-shadow: 0 5px 15px rgba(30, 64, 175, .06), 0 16px 35px rgba(15, 23, 42, .05);
    overflow: hidden;
    transition: transform .3s ease, box-shadow .3s ease;
}

    .stk-products-card:hover {
        transform: translateY(-6px);
        box-shadow: 0 12px 25px rgba(15, 23, 42, .08), 0 22px 45px rgba(30, 64, 175, .10);
    }


/* Card Colors */

.stk-products-blue {
    --stk-card-color: #145cff;
    --stk-card-light: #eef5ff;
}

.stk-products-green {
    --stk-card-color: #009d67;
    --stk-card-light: #edfdf6;
}

.stk-products-purple {
    --stk-card-color: #6728d8;
    --stk-card-light: #f4efff;
}

.stk-products-orange {
    --stk-card-color: #ff6b00;
    --stk-card-light: #fff2e9;
}


/* ==========================
   NUMBER
========================== */

.stk-products-no {
    position: absolute;
    top: 0;
    left: 0;
    width: 68px;
    height: 62px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 13px 0 0 15px;
    color: #fff;
    font-size: 21px;
    font-weight: 800;
    background: var(--stk-card-color);
    border-radius: 0 0 42px 0;
}


/* ==========================
   STATUS
========================== */

.stk-products-status {
    position: absolute;
    top: 18px;
    right: 18px;
    display: inline-flex;
    padding: 5px 11px;
    color: #fff;
    background: #145cff;
    border-radius: 30px;
    font-size: 11px;
    font-weight: 800;
}

.stk-products-new {
    background: #009d67;
}


/* ==========================
   CARD MAIN
========================== */

.stk-products-main {
    display: grid;
    grid-template-columns: 125px 1fr;
    gap: 20px;
    align-items: center;
    margin-top: 16px;
}


/* Icon */

.stk-products-icon {
    width: 125px;
    height: 125px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--stk-card-light);
    border: 1px solid rgba(148,163,184,.18);
    color: var(--stk-card-color);
    font-size: 53px;
    transition: transform .3s ease;
}

.stk-products-card:hover .stk-products-icon {
    transform: scale(1.05);
}


/* Content */

.stk-products-content h3 {
    margin: 0 0 9px;
    color: #071b3c;
    font-size: 22px;
    line-height: 1.18;
    letter-spacing: -.35px;
    font-weight: 800;
}

.stk-products-content p {
    margin: 0;
    color: #52627a;
    font-size: 13.5px;
    line-height: 1.55;
}


/* ==========================
   FEATURES
========================== */

.stk-products-features {
    margin-top: 20px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px 20px;
}

    .stk-products-features span {
        display: inline-flex;
        align-items: center;
        gap: 7px;
        color: #364865;
        font-size: 11.5px;
        font-weight: 600;
    }

    .stk-products-features i {
        color: var(--stk-card-color);
        font-size: 14px;
    }


/* ==========================
   EXPLORE LINK
========================== */

.stk-products-link {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-top: 18px;
    color: var(--stk-card-color);
    font-size: 13px;
    font-weight: 800;
    text-decoration: none;
    transition: gap .25s ease;
}

    .stk-products-link:hover {
        gap: 15px;
    }


/* ==========================
   CTA
========================== */

.stk-products-cta {
    margin-top: 20px;
    min-height: 110px;
    padding: 22px 30px;
    display: flex;
    align-items: center;
    gap: 22px;
    border-radius: 16px;
    background: radial-gradient(circle at 90% 50%, rgba(34,197,94,.13), transparent 25%), linear-gradient(120deg, #06245a 0%, #031b45 60%, #061b3e 100%);
    box-shadow: 0 15px 35px rgba(3, 27, 69, .18);
}


/* CTA Icon */

.stk-products-help-icon {
    width: 70px;
    height: 70px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #145cff;
    color: #fff;
    font-size: 28px;
    box-shadow: 0 8px 20px rgba(20,92,255,.32);
}


/* CTA text */

.stk-products-cta-text {
    flex: 1;
}

    .stk-products-cta-text h3 {
        margin: 0 0 5px;
        color: #fff;
        font-size: 20px;
        font-weight: 800;
    }

    .stk-products-cta-text p {
        max-width: 450px;
        margin: 0;
        color: #d3def0;
        font-size: 13px;
        line-height: 1.5;
    }


/* Divider */

.stk-products-divider {
    width: 1px;
    height: 65px;
    background: rgba(255,255,255,.45);
}


/* Actions */

.stk-products-cta-actions {
    display: flex;
    gap: 18px;
    align-items: center;
}

.stk-products-demo-btn,
.stk-products-call-btn {
    height: 52px;
    padding: 0 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 800;
    text-decoration: none;
    white-space: nowrap;
    transition: .25s ease;
}


/* Demo */

.stk-products-demo-btn {
    background: linear-gradient(135deg, #1465ff, #0647ec);
    color: #fff;
    box-shadow: 0 7px 18px rgba(20,101,255,.25);
}

    .stk-products-demo-btn:hover {
        transform: translateY(-2px);
        box-shadow: 0 10px 22px rgba(20,101,255,.36);
    }


/* Call */

.stk-products-call-btn {
    min-width: 205px;
    color: #fff;
    border: 1.3px solid rgba(255,255,255,.75);
    background: rgba(255,255,255,.03);
}

    .stk-products-call-btn:hover {
        background: rgba(255,255,255,.10);
    }


/* ==========================
   BENEFITS
========================== */

.stk-products-benefits {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    margin-top: 10px;
    background: #fff;
}

.stk-products-benefit {
    display: grid;
    grid-template-columns: 45px 1fr;
    gap: 12px;
    align-items: center;
    padding: 18px 20px;
    border-right: 1px solid #e3eaf3;
}

    .stk-products-benefit:last-child {
        border-right: 0;
    }

    .stk-products-benefit > div {
        width: 40px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #145cff;
        font-size: 23px;
    }

    .stk-products-benefit section {
        margin: 0;
        padding: 0;
    }

    .stk-products-benefit strong {
        display: block;
        color: #102657;
        font-size: 12px;
        font-weight: 800;
        margin-bottom: 3px;
    }

    .stk-products-benefit p {
        margin: 0;
        color: #75839a;
        font-size: 10.5px;
        line-height: 1.4;
    }


/* =================================
   RESPONSIVE
================================= */

@media (max-width: 1150px) {

    .stk-products-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .stk-products-cta {
        flex-wrap: wrap;
    }

    .stk-products-divider {
        display: none;
    }

    .stk-products-cta-actions {
        width: 100%;
        padding-left: 92px;
    }

    .stk-products-benefits {
        grid-template-columns: repeat(2, 1fr);
    }

    .stk-products-benefit:nth-child(2) {
        border-right: 0;
    }
}


@media (max-width: 720px) {

    .stk-products-section {
        padding: 50px 14px 30px;
    }

    .stk-products-head h2 {
        font-size: 32px;
    }

    .stk-products-head p {
        font-size: 14px;
    }

    .stk-products-grid {
        grid-template-columns: 1fr;
    }

    .stk-products-card {
        min-height: auto;
        padding: 22px 18px 18px;
    }

    .stk-products-main {
        grid-template-columns: 95px 1fr;
        gap: 15px;
        margin-top: 26px;
    }

    .stk-products-icon {
        width: 95px;
        height: 95px;
        font-size: 39px;
    }

    .stk-products-content h3 {
        font-size: 19px;
    }

    .stk-products-content p {
        font-size: 12.5px;
    }

    .stk-products-cta {
        padding: 24px 20px;
        flex-direction: column;
        align-items: flex-start;
    }

    .stk-products-help-icon {
        width: 55px;
        height: 55px;
        font-size: 22px;
    }

    .stk-products-cta-actions {
        width: 100%;
        padding-left: 0;
        flex-direction: column;
    }

    .stk-products-demo-btn,
    .stk-products-call-btn {
        width: 100%;
    }

    .stk-products-benefits {
        grid-template-columns: 1fr;
    }

    .stk-products-benefit {
        border-right: 0;
        border-bottom: 1px solid #e3eaf3;
    }

        .stk-products-benefit:last-child {
            border-bottom: 0;
        }
}


@media (max-width: 450px) {

    .stk-products-main {
        grid-template-columns: 1fr;
    }

    .stk-products-icon {
        margin-top: 22px;
    }

    .stk-products-features {
        gap: 10px 14px;
    }

    .stk-products-label {
        font-size: 11px;
        padding: 7px 15px;
    }
}

/* =========================================================
   STOCKARA PROFESSIONAL THANK YOU PAGE
   FULLY ISOLATED
   ID: #stockaraThankYouPro26
   ========================================================= */

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

    #stockaraThankYouPro26 h1,
    #stockaraThankYouPro26 h2,
    #stockaraThankYouPro26 h3,
    #stockaraThankYouPro26 p {
        margin-top: 0;
    }

    #stockaraThankYouPro26 a {
        text-decoration: none;
    }


/* MAIN */

#stockaraThankYouPro26 {
    position: relative;
    width: 100%;
    min-height: 100vh;
    padding: 40px;
    overflow: hidden;
    font-family: Inter, "Segoe UI", Arial, sans-serif;
    color: #081a37;
    background: radial-gradient( circle at 90% 13%, rgba(41, 123, 255, .12), transparent 27% ), radial-gradient( circle at 4% 90%, rgba(20, 198, 132, .06), transparent 25% ), linear-gradient( 135deg, #ffffff 0%, #fbfdff 60%, #f1f7ff 100% );
}


    /* GRID EFFECT */

    #stockaraThankYouPro26::before {
        content: "";
        position: absolute;
        inset: 0;
        pointer-events: none;
        opacity: .3;
        background-image: linear-gradient( rgba(30, 99, 181, .035) 1px, transparent 1px ), linear-gradient( 90deg, rgba(30, 99, 181, .035) 1px, transparent 1px );
        background-size: 48px 48px;
    }


    /* SHELL */

    #stockaraThankYouPro26 .stypro26-shell {
        position: relative;
        z-index: 2;
        width: 100%;
        max-width: 1500px;
        margin: 0 auto;
    }


    /* =========================================================
   BRAND BAR
   ========================================================= */

    #stockaraThankYouPro26 .stypro26-brandbar {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 25px;
        margin-bottom: 35px;
    }


    /* BRAND */

    #stockaraThankYouPro26 .stypro26-brand {
        display: flex;
        align-items: center;
        gap: 11px;
        color: inherit;
    }


    #stockaraThankYouPro26 .stypro26-logo {
        width: 48px;
        height: 48px;
        display: grid;
        place-items: center;
        border-radius: 12px;
        color: #ffffff;
        background: linear-gradient( 140deg, #1ac788, #168be4 50%, #175de8 );
        box-shadow: 0 10px 24px rgba(25, 99, 213, .20);
        font-size: 25px;
        font-weight: 900;
    }


    #stockaraThankYouPro26 .stypro26-brandcopy strong {
        display: block;
        color: #071326;
        font-size: 28px;
        line-height: 1;
        font-weight: 850;
        letter-spacing: -1px;
    }


        #stockaraThankYouPro26 .stypro26-brandcopy strong span {
            color: #119953;
        }


    #stockaraThankYouPro26 .stypro26-brandcopy small {
        display: block;
        margin-top: 5px;
        color: #748197;
        font-size: 7px;
        font-weight: 800;
        letter-spacing: 1.4px;
    }


    /* STATUS */

    #stockaraThankYouPro26 .stypro26-status {
        padding: 10px 16px;
        display: flex;
        align-items: center;
        gap: 9px;
        border: 1px solid #cdeada;
        border-radius: 30px;
        color: #137443;
        background: #f1fff8;
        font-size: 12px;
        font-weight: 700;
    }


        #stockaraThankYouPro26 .stypro26-status > span {
            width: 9px;
            height: 9px;
            border-radius: 50%;
            background: #13bc68;
            box-shadow: 0 0 0 5px rgba(19, 188, 104, .10);
        }


    /* =========================================================
   HERO
   ========================================================= */

    #stockaraThankYouPro26 .stypro26-hero {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(540px, .95fr);
        gap: 60px;
        align-items: center;
    }


    /* =========================================================
   CONTENT
   ========================================================= */

    #stockaraThankYouPro26 .stypro26-content {
        padding: 25px 0;
    }


    /* SUCCESS BADGE */

    #stockaraThankYouPro26 .stypro26-success {
        width: fit-content;
        margin-bottom: 20px;
        padding: 8px 14px;
        display: flex;
        align-items: center;
        gap: 8px;
        border: 1px solid #cfe3ff;
        border-radius: 30px;
        color: #1467e9;
        background: linear-gradient( 135deg, #f6faff, #edf5ff );
        font-size: 11px;
        font-weight: 850;
        letter-spacing: 1px;
    }


        #stockaraThankYouPro26 .stypro26-success span {
            width: 20px;
            height: 20px;
            display: grid;
            place-items: center;
            border-radius: 50%;
            color: #ffffff;
            background: #136aee;
            font-size: 10px;
        }


    /* H1 */

    #stockaraThankYouPro26 .stypro26-content h1 {
        max-width: 760px;
        margin-bottom: 15px;
        color: #07172f;
        font-size: clamp(45px, 4.7vw, 70px);
        line-height: 1.03;
        font-weight: 830;
        letter-spacing: -3px;
    }


        #stockaraThankYouPro26 .stypro26-content h1 span {
            color: #146cea;
            background: linear-gradient( 90deg, #1264e8, #2688ff );
            -webkit-background-clip: text;
            background-clip: text;
            -webkit-text-fill-color: transparent;
        }


    /* H2 */

    #stockaraThankYouPro26 .stypro26-content h2 {
        margin-bottom: 22px;
        color: #233956;
        font-size: clamp(22px, 2.3vw, 32px);
        line-height: 1.3;
        font-weight: 650;
        letter-spacing: -.7px;
    }


    /* DESCRIPTION */

    #stockaraThankYouPro26 .stypro26-lead {
        max-width: 720px;
        margin-bottom: 25px;
        color: #68768b;
        font-size: 16px;
        line-height: 1.7;
    }


    /* =========================================================
   RESPONSE BOX
   ========================================================= */

    #stockaraThankYouPro26 .stypro26-responsebox {
        max-width: 720px;
        padding: 18px 20px;
        display: grid;
        grid-template-columns: 52px 1fr;
        gap: 16px;
        align-items: center;
        border: 1px solid #dce8f7;
        border-radius: 14px;
        background: linear-gradient( 135deg, #ffffff, #f8fbff );
        box-shadow: 0 12px 28px rgba(28, 71, 128, .06);
    }


    #stockaraThankYouPro26 .stypro26-response-icon {
        width: 52px;
        height: 52px;
        display: grid;
        place-items: center;
        border-radius: 13px;
        color: #1167ea;
        background: #eaf3ff;
        font-size: 27px;
    }


    #stockaraThankYouPro26 .stypro26-responsebox small,
    #stockaraThankYouPro26 .stypro26-responsebox strong {
        display: block;
    }


    #stockaraThankYouPro26 .stypro26-responsebox small {
        margin-bottom: 4px;
        color: #1470ed;
        font-size: 9px;
        font-weight: 850;
        letter-spacing: .8px;
    }


    #stockaraThankYouPro26 .stypro26-responsebox strong {
        color: #142b4e;
        font-size: 14px;
    }


    #stockaraThankYouPro26 .stypro26-responsebox p {
        margin: 5px 0 0;
        color: #758297;
        font-size: 11px;
        line-height: 1.5;
    }


    /* =========================================================
   ACTIONS
   ========================================================= */

    #stockaraThankYouPro26 .stypro26-actions {
        margin-top: 24px;
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 12px;
    }


    #stockaraThankYouPro26 .stypro26-action {
        min-height: 72px;
        padding: 11px 14px;
        display: flex;
        align-items: center;
        gap: 11px;
        border: 1px solid #dce5f1;
        border-radius: 12px;
        color: #152640;
        background: #ffffff;
        box-shadow: 0 9px 22px rgba(29, 69, 120, .06);
        transition: transform .2s ease, box-shadow .2s ease;
    }


        #stockaraThankYouPro26 .stypro26-action:hover {
            transform: translateY(-3px);
            box-shadow: 0 15px 30px rgba(29, 69, 120, .11);
        }


    #stockaraThankYouPro26 .stypro26-actionicon {
        width: 43px;
        height: 43px;
        flex: 0 0 43px;
        display: grid;
        place-items: center;
        border-radius: 11px;
        color: #ffffff;
        font-size: 20px;
    }


    #stockaraThankYouPro26 .stypro26-action small,
    #stockaraThankYouPro26 .stypro26-action strong {
        display: block;
    }


    #stockaraThankYouPro26 .stypro26-action small {
        color: #778599;
        font-size: 9px;
    }


    #stockaraThankYouPro26 .stypro26-action strong {
        margin-top: 2px;
        color: #172944;
        font-size: 13px;
    }


    /* CALL */

    #stockaraThankYouPro26 .stypro26-call {
        border-color: #bfecd1;
    }


        #stockaraThankYouPro26 .stypro26-call .stypro26-actionicon {
            background: linear-gradient( 135deg, #62d98a, #13ad5b );
        }


        #stockaraThankYouPro26 .stypro26-call strong {
            color: #0aa956;
        }


    /* WHATSAPP */

    #stockaraThankYouPro26 .stypro26-whatsapp {
        border-color: #bfecd1;
    }


        #stockaraThankYouPro26 .stypro26-whatsapp .stypro26-actionicon {
            background: linear-gradient( 135deg, #25d96e, #04a947 );
        }


    /* YOUTUBE */

    #stockaraThankYouPro26 .stypro26-youtube {
        border-color: #ffd0d0;
    }


        #stockaraThankYouPro26 .stypro26-youtube .stypro26-actionicon {
            background: linear-gradient( 135deg, #ff3a32, #ed0505 );
        }


    /* =========================================================
   VISUAL
   ========================================================= */

    #stockaraThankYouPro26 .stypro26-visual {
        position: relative;
        min-height: 510px;
        display: flex;
        align-items: center;
        justify-content: center;
    }


    /* GLOW */

    #stockaraThankYouPro26 .stypro26-glow {
        position: absolute;
        width: 480px;
        height: 480px;
        border-radius: 50%;
        background: radial-gradient( circle, rgba(42, 126, 255, .18), transparent 68% );
        filter: blur(10px);
    }


    /* RINGS */

    #stockaraThankYouPro26 .stypro26-ring {
        position: absolute;
        border: 1px solid rgba(46, 127, 250, .15);
        border-radius: 50%;
    }


    #stockaraThankYouPro26 .stypro26-ring-one {
        width: 430px;
        height: 430px;
    }


    #stockaraThankYouPro26 .stypro26-ring-two {
        width: 330px;
        height: 330px;
    }


    /* =========================================================
   MONITOR
   ========================================================= */

    #stockaraThankYouPro26 .stypro26-monitor {
        position: relative;
        z-index: 3;
        width: min(610px, 94%);
    }


    #stockaraThankYouPro26 .stypro26-screen {
        width: 100%;
        overflow: hidden;
        border: 9px solid #16191e;
        border-radius: 16px 16px 5px 5px;
        background: #061526;
        box-shadow: 0 30px 55px rgba(16, 47, 86, .20);
    }


    /* SCREEN HEAD */

    #stockaraThankYouPro26 .stypro26-screenhead {
        min-height: 60px;
        padding: 10px 15px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 15px;
        background: #071a2e;
    }


    #stockaraThankYouPro26 .stypro26-screenbrand {
        display: flex;
        align-items: center;
        gap: 7px;
        color: #ffffff;
    }


        #stockaraThankYouPro26 .stypro26-screenbrand > span {
            width: 28px;
            height: 28px;
            display: grid;
            place-items: center;
            border-radius: 7px;
            background: linear-gradient( 135deg, #15bf82, #126cf0 );
            font-weight: 900;
        }


        #stockaraThankYouPro26 .stypro26-screenbrand b {
            font-size: 12px;
        }


        #stockaraThankYouPro26 .stypro26-screenbrand small {
            color: #91a3b7;
            font-size: 7px;
        }


    #stockaraThankYouPro26 .stypro26-live {
        padding: 5px 9px;
        display: flex;
        align-items: center;
        gap: 6px;
        border: 1px solid rgba(18, 196, 111, .25);
        border-radius: 20px;
        color: #15ca75;
        background: rgba(17, 186, 104, .08);
        font-size: 7px;
        font-weight: 800;
    }


        #stockaraThankYouPro26 .stypro26-live i {
            width: 6px;
            height: 6px;
            border-radius: 50%;
            background: #17cb75;
        }


    /* DASHBOARD */

    #stockaraThankYouPro26 .stypro26-dashboard {
        display: grid;
        grid-template-columns: 105px 1fr;
        min-height: 335px;
    }


    /* SIDEBAR */

    #stockaraThankYouPro26 .stypro26-sidebar {
        padding: 12px 8px;
        display: flex;
        flex-direction: column;
        gap: 7px;
        background: #071b30;
    }


        #stockaraThankYouPro26 .stypro26-sidebar strong,
        #stockaraThankYouPro26 .stypro26-sidebar span {
            padding: 7px;
            border-radius: 5px;
            color: #b6c4d2;
            font-size: 7px;
        }


        #stockaraThankYouPro26 .stypro26-sidebar strong {
            color: #ffffff;
            background: linear-gradient( 90deg, #1276ef, #115ccd );
        }


    /* CHART PANEL */

    #stockaraThankYouPro26 .stypro26-chartpanel {
        padding: 14px;
        background: #061526;
    }


    /* MARKET HEAD */

    #stockaraThankYouPro26 .stypro26-markethead {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 8px;
        margin-bottom: 7px;
    }


        #stockaraThankYouPro26 .stypro26-markethead > div {
            padding: 5px;
            border-radius: 5px;
            background: #091c31;
        }


        #stockaraThankYouPro26 .stypro26-markethead small,
        #stockaraThankYouPro26 .stypro26-markethead strong,
        #stockaraThankYouPro26 .stypro26-markethead em {
            display: block;
        }


        #stockaraThankYouPro26 .stypro26-markethead small {
            color: #8496aa;
            font-size: 6px;
        }


        #stockaraThankYouPro26 .stypro26-markethead strong {
            margin-top: 3px;
            color: #ffffff;
            font-size: 8px;
        }


        #stockaraThankYouPro26 .stypro26-markethead em {
            margin-top: 2px;
            color: #14cb7d;
            font-size: 6px;
            font-style: normal;
        }


    /* CHART */

    #stockaraThankYouPro26 .stypro26-chart {
        height: 190px;
        overflow: hidden;
        background-image: linear-gradient( rgba(143, 169, 198, .08) 1px, transparent 1px ), linear-gradient( 90deg, rgba(143, 169, 198, .08) 1px, transparent 1px );
        background-size: 40px 34px;
    }


        #stockaraThankYouPro26 .stypro26-chart svg {
            width: 100%;
            height: 100%;
            display: block;
        }


    /* SCREEN STATS */

    #stockaraThankYouPro26 .stypro26-screenstats {
        margin-top: 9px;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 7px;
    }


        #stockaraThankYouPro26 .stypro26-screenstats > div {
            padding: 8px;
            border: 1px solid rgba(130, 158, 188, .12);
            border-radius: 6px;
            background: #091c31;
        }


        #stockaraThankYouPro26 .stypro26-screenstats small,
        #stockaraThankYouPro26 .stypro26-screenstats strong {
            display: block;
        }


        #stockaraThankYouPro26 .stypro26-screenstats small {
            color: #8597ab;
            font-size: 6px;
        }


        #stockaraThankYouPro26 .stypro26-screenstats strong {
            margin-top: 3px;
            color: #18ca7d;
            font-size: 8px;
        }


    /* BASE */

    #stockaraThankYouPro26 .stypro26-monitorbase {
        width: 112%;
        height: 18px;
        margin-left: -6%;
        border-radius: 0 0 80% 80%;
        background: linear-gradient( #d8dbde, #757d83 );
        box-shadow: 0 13px 20px rgba(0,0,0,.10);
    }


    /* FLOATING CONFIRMATION */

    #stockaraThankYouPro26 .stypro26-floating {
        position: absolute;
        z-index: 5;
        left: -5px;
        bottom: 15px;
        min-width: 235px;
        padding: 13px 16px;
        display: flex;
        align-items: center;
        gap: 11px;
        border: 1px solid #cbead8;
        border-radius: 13px;
        background: rgba(255, 255, 255, .97);
        box-shadow: 0 15px 32px rgba(24, 69, 122, .13);
    }


    #stockaraThankYouPro26 .stypro26-float-icon {
        width: 36px;
        height: 36px;
        display: grid;
        place-items: center;
        border-radius: 50%;
        color: #ffffff;
        background: #12ba67;
        font-weight: 900;
    }


    #stockaraThankYouPro26 .stypro26-floating small,
    #stockaraThankYouPro26 .stypro26-floating strong {
        display: block;
    }


    #stockaraThankYouPro26 .stypro26-floating small {
        color: #14a95e;
        font-size: 7px;
        font-weight: 850;
        letter-spacing: .7px;
    }


    #stockaraThankYouPro26 .stypro26-floating strong {
        margin-top: 3px;
        color: #1d3150;
        font-size: 10px;
    }


    /* =========================================================
   TRUST BAR
   ========================================================= */

    #stockaraThankYouPro26 .stypro26-trustbar {
        margin-top: 38px;
        min-height: 95px;
        padding: 14px 25px;
        display: grid;
        grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr;
        gap: 20px;
        align-items: center;
        border: 1px solid #e1e8f1;
        border-radius: 16px;
        background: rgba(255,255,255,.94);
        box-shadow: 0 12px 34px rgba(28, 67, 117, .07);
    }


        #stockaraThankYouPro26 .stypro26-trustbar > i {
            width: 1px;
            height: 42px;
            background: #d6dfe9;
        }


    #stockaraThankYouPro26 .stypro26-trustitem {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 12px;
    }


        #stockaraThankYouPro26 .stypro26-trustitem > span {
            width: 43px;
            height: 43px;
            flex: 0 0 43px;
            display: grid;
            place-items: center;
            border-radius: 12px;
            color: #1269ec;
            background: #edf5ff;
            font-size: 21px;
            font-weight: 900;
        }


        #stockaraThankYouPro26 .stypro26-trustitem strong,
        #stockaraThankYouPro26 .stypro26-trustitem small {
            display: block;
        }


        #stockaraThankYouPro26 .stypro26-trustitem strong {
            color: #1b2f4c;
            font-size: 12px;
        }


        #stockaraThankYouPro26 .stypro26-trustitem small {
            margin-top: 3px;
            color: #758297;
            font-size: 9px;
        }


    /* =========================================================
   FOOTER
   ========================================================= */

    #stockaraThankYouPro26 .stypro26-footer {
        margin-top: 23px;
        text-align: center;
    }


        #stockaraThankYouPro26 .stypro26-footer p {
            margin-bottom: 8px;
            color: #56667c;
            font-size: 12px;
        }


            #stockaraThankYouPro26 .stypro26-footer p a {
                margin-left: 5px;
                color: #1268e9;
                font-weight: 750;
            }


        #stockaraThankYouPro26 .stypro26-footer > span {
            display: block;
            color: #909baa;
            font-size: 9px;
            line-height: 1.5;
        }


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 1100px) {

    #stockaraThankYouPro26 {
        padding: 32px;
    }

        #stockaraThankYouPro26 .stypro26-hero {
            grid-template-columns: 1fr 1fr;
            gap: 30px;
        }
}


@media (max-width: 900px) {

    #stockaraThankYouPro26 .stypro26-hero {
        grid-template-columns: 1fr;
    }

    #stockaraThankYouPro26 .stypro26-content {
        text-align: center;
    }

    #stockaraThankYouPro26 .stypro26-success {
        margin-left: auto;
        margin-right: auto;
    }

    #stockaraThankYouPro26 .stypro26-lead,
    #stockaraThankYouPro26 .stypro26-responsebox {
        margin-left: auto;
        margin-right: auto;
    }

    #stockaraThankYouPro26 .stypro26-actions {
        max-width: 720px;
        margin-left: auto;
        margin-right: auto;
    }

    #stockaraThankYouPro26 .stypro26-trustbar {
        grid-template-columns: repeat(2, 1fr);
    }

        #stockaraThankYouPro26 .stypro26-trustbar > i {
            display: none;
        }
}


@media (max-width: 600px) {

    #stockaraThankYouPro26 {
        padding: 25px 15px;
    }

        #stockaraThankYouPro26 .stypro26-brandbar {
            flex-direction: column;
            align-items: flex-start;
        }

        #stockaraThankYouPro26 .stypro26-content h1 {
            font-size: 42px;
            letter-spacing: -2px;
        }

        #stockaraThankYouPro26 .stypro26-content h2 {
            font-size: 22px;
        }

        #stockaraThankYouPro26 .stypro26-lead {
            font-size: 14px;
        }

        #stockaraThankYouPro26 .stypro26-responsebox {
            grid-template-columns: 1fr;
            text-align: left;
        }

        #stockaraThankYouPro26 .stypro26-actions {
            grid-template-columns: 1fr;
        }

        #stockaraThankYouPro26 .stypro26-visual {
            min-height: 340px;
        }

        #stockaraThankYouPro26 .stypro26-monitor {
            width: 100%;
        }

        #stockaraThankYouPro26 .stypro26-dashboard {
            grid-template-columns: 70px 1fr;
            min-height: 235px;
        }

        #stockaraThankYouPro26 .stypro26-sidebar {
            gap: 3px;
        }

            #stockaraThankYouPro26 .stypro26-sidebar strong,
            #stockaraThankYouPro26 .stypro26-sidebar span {
                padding: 5px;
                font-size: 5px;
            }

        #stockaraThankYouPro26 .stypro26-chart {
            height: 125px;
        }

        #stockaraThankYouPro26 .stypro26-floating {
            display: none;
        }

        #stockaraThankYouPro26 .stypro26-trustbar {
            grid-template-columns: 1fr;
            padding: 20px;
        }

        #stockaraThankYouPro26 .stypro26-trustitem {
            width: 240px;
            margin: 0 auto;
            justify-content: flex-start;
        }
}
/* =========================================================
   STOCKARA PROFESSIONAL FOOTER
   UNIQUE PREFIX: stkpro-footer-
   ========================================================= */

.stkpro-footer,
.stkpro-footer * {
    box-sizing: border-box;
}

.stkpro-footer {
    position: relative;
    width: 100%;
    overflow: hidden;
    color: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
    background: radial-gradient( circle at 100% 5%, rgba(42, 212, 158, 0.26) 0%, rgba(42, 212, 158, 0.09) 20%, transparent 42% ), radial-gradient( circle at 0% 100%, rgba(20, 66, 214, 0.35) 0%, transparent 36% ), linear-gradient( 120deg, #020b24 0%, #051737 45%, #063344 78%, #0e765f 130% );
}


/* Decorative glow */

.stkpro-footer-glow {
    position: absolute;
    pointer-events: none;
    border-radius: 50%;
    filter: blur(90px);
    opacity: 0.35;
}

.stkpro-footer-glow-one {
    width: 350px;
    height: 350px;
    right: -150px;
    top: -170px;
    background: #2ee6a6;
}

.stkpro-footer-glow-two {
    width: 300px;
    height: 300px;
    left: -120px;
    bottom: -150px;
    background: #134dd8;
}


/* =========================================================
   MAIN GRID
   ========================================================= */

.stkpro-footer-container {
    position: relative;
    z-index: 2;
    width: min(1500px, 92%);
    margin: 0 auto;
    padding: 70px 0 60px;
    display: grid;
    grid-template-columns: minmax(280px, 1.1fr) minmax(190px, 0.72fr) minmax(330px, 1.18fr) minmax(260px, 0.85fr);
    gap: 55px;
}


/* =========================================================
   LOGO
   ========================================================= */

.stkpro-footer-logo {
    display: inline-flex;
    align-items: center;
    gap: 15px;
    text-decoration: none;
    color: #ffffff;
    margin-bottom: 34px;
}

.stkpro-footer-logo-icon {
    width: 63px;
    height: 56px;
    position: relative;
    display: flex;
    align-items: flex-end;
    gap: 3px;
}

.stkpro-footer-bar {
    display: block;
    width: 9px;
    background: linear-gradient( to top, #25dba0, #ffffff );
    border-radius: 2px 2px 0 0;
}

.stkpro-footer-bar1 {
    height: 20px;
}

.stkpro-footer-bar2 {
    height: 30px;
}

.stkpro-footer-bar3 {
    height: 40px;
}

.stkpro-footer-bar4 {
    height: 50px;
}

.stkpro-footer-arrow {
    position: absolute;
    top: -9px;
    right: 0;
    color: #33e8ab;
    font-size: 42px;
    font-weight: 700;
    line-height: 1;
}

.stkpro-footer-logo-text {
    display: flex;
    flex-direction: column;
}

    .stkpro-footer-logo-text strong {
        font-size: 30px;
        letter-spacing: 4px;
        font-weight: 700;
        color: #ffffff;
    }

    .stkpro-footer-logo-text small {
        margin-top: 5px;
        color: #32dfa6;
        font-size: 13px;
        font-weight: 600;
        letter-spacing: 1px;
    }


/* =========================================================
   BRAND TITLE
   ========================================================= */

.stkpro-footer-brand-title {
    margin: 0 0 30px;
    color: #ffffff;
    font-size: 21px;
    line-height: 1.55;
    font-weight: 700;
}

    .stkpro-footer-brand-title span {
        color: #34dfa6;
    }


/* =========================================================
   BENEFITS
   ========================================================= */

.stkpro-footer-benefits {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .stkpro-footer-benefits li {
        display: flex;
        align-items: center;
        gap: 12px;
        margin-bottom: 17px;
        font-size: 15px;
        line-height: 1.5;
        color: #edf6ff;
    }

.stkpro-footer-check {
    flex: 0 0 22px;
    width: 22px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #29d99f;
    border-radius: 50%;
    color: #2ee6a6;
    font-size: 12px;
    font-weight: 700;
}


/* =========================================================
   HEADINGS
   ========================================================= */

.stkpro-footer-heading {
    position: relative;
    margin: 0 0 31px;
    padding-bottom: 17px;
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
    color: #ffffff;
}

    .stkpro-footer-heading::after {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        width: 54px;
        height: 4px;
        border-radius: 30px;
        background: linear-gradient( 90deg, #31dfa5, #54eec0 );
    }


/* =========================================================
   QUICK LINKS
   ========================================================= */

.stkpro-footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .stkpro-footer-links li {
        border-bottom: 1px solid rgba(255,255,255,0.11);
    }

        .stkpro-footer-links li:last-child {
            border-bottom: 0;
        }

    .stkpro-footer-links a {
        min-height: 60px;
        display: flex;
        align-items: center;
        gap: 13px;
        text-decoration: none;
        color: #f3f8fc;
        font-size: 16px;
        transition: color 0.25s ease, transform 0.25s ease, padding-left 0.25s ease;
    }

        .stkpro-footer-links a span {
            color: #31dda4;
            font-size: 30px;
            font-weight: 300;
            transition: transform 0.25s ease;
        }

        .stkpro-footer-links a:hover {
            color: #36e5aa;
            padding-left: 6px;
        }

            .stkpro-footer-links a:hover span {
                transform: translateX(4px);
            }


/* =========================================================
   KEYWORDS
   ========================================================= */

.stkpro-footer-keyword-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .stkpro-footer-keyword-list li {
        border-bottom: 1px solid rgba(255,255,255,0.11);
    }

        .stkpro-footer-keyword-list li:last-child {
            border-bottom: none;
        }

    .stkpro-footer-keyword-list a {
        min-height: 60px;
        display: flex;
        align-items: center;
        gap: 14px;
        color: #f4f8fc;
        text-decoration: none;
        font-size: 15px;
        line-height: 1.4;
        transition: color 0.25s ease, transform 0.25s ease;
    }

.stkpro-footer-tag-icon {
    width: 24px;
    height: 24px;
    flex: 0 0 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: rotate(45deg);
    border: 2px solid #27dca0;
    border-radius: 5px;
    color: #29dca2;
    font-size: 0;
}

    .stkpro-footer-tag-icon::after {
        content: "";
        width: 5px;
        height: 5px;
        background: #29dca2;
        border-radius: 50%;
    }

.stkpro-footer-keyword-list a:hover {
    color: #35e4aa;
    transform: translateX(5px);
}


/* =========================================================
   CONTACT
   ========================================================= */

.stkpro-footer-contact-list {
    display: flex;
    flex-direction: column;
    gap: 27px;
}

.stkpro-footer-contact-item {
    display: flex;
    align-items: center;
    gap: 17px;
    min-height: 42px;
    color: #f3f8fc;
    font-size: 16px;
    line-height: 1.5;
}

    .stkpro-footer-contact-item a {
        color: #f3f8fc;
        text-decoration: none;
        transition: color 0.25s ease;
    }

        .stkpro-footer-contact-item a:hover {
            color: #34e4aa;
        }

.stkpro-footer-contact-icon {
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #32dfa5;
    font-size: 25px;
}


/* =========================================================
   SOCIAL ICONS
   ========================================================= */

.stkpro-footer-social {
    margin-top: 30px;
    padding-top: 27px;
    border-top: 1px solid rgba(255,255,255,0.1);
    display: flex;
    align-items: center;
    gap: 14px;
}

    .stkpro-footer-social a {
        width: 48px;
        height: 48px;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1px solid rgba(255,255,255,0.25);
        border-radius: 50%;
        color: #ffffff;
        text-decoration: none;
        font-size: 18px;
        font-weight: 700;
        background: rgba(255,255,255,0.025);
        transition: background 0.25s ease, color 0.25s ease, border-color 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease;
    }

        .stkpro-footer-social a:hover {
            color: #04152d;
            background: #32dfa5;
            border-color: #32dfa5;
            transform: translateY(-4px);
            box-shadow: 0 10px 25px rgba(46, 225, 165, 0.22);
        }


/* =========================================================
   BOTTOM FOOTER
   ========================================================= */

.stkpro-footer-bottom {
    position: relative;
    z-index: 2;
    border-top: 1px solid rgba(88, 227, 187, 0.25);
    background: rgba(0, 8, 31, 0.23);
    backdrop-filter: blur(8px);
}

.stkpro-footer-bottom-container {
    width: min(1500px, 92%);
    margin: 0 auto;
    min-height: 155px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    align-items: center;
    gap: 40px;
}


/* =========================================================
   REGISTRATION BADGE
   ========================================================= */

.stkpro-footer-badge {
    display: flex;
    align-items: center;
    gap: 18px;
}

.stkpro-footer-shield {
    width: 64px;
    height: 72px;
    display: flex;
    align-items: center;
    justify-content: center;
    clip-path: polygon( 50% 0, 95% 18%, 88% 73%, 50% 100%, 12% 73%, 5% 18% );
    background: linear-gradient( 145deg, #58e5ab, #69c682 );
    position: relative;
}

    .stkpro-footer-shield::before {
        content: "";
        position: absolute;
        inset: 7px;
        clip-path: inherit;
        background: #073355;
    }

    .stkpro-footer-shield strong {
        position: relative;
        z-index: 2;
        color: #72e89d;
        font-size: 19px;
    }

.stkpro-footer-badge > div:last-child {
    display: flex;
    flex-direction: column;
}

.stkpro-footer-badge strong {
    font-size: 17px;
    color: #ffffff;
}

.stkpro-footer-badge span {
    margin-top: 8px;
    color: #b8c8d8;
    font-size: 14px;
}


/* =========================================================
   COPYRIGHT
   ========================================================= */

.stkpro-footer-copyright {
    text-align: center;
}

    .stkpro-footer-copyright p {
        margin: 0;
        color: #f3f8fc;
        font-size: 15px;
    }

    .stkpro-footer-copyright span {
        display: block;
        margin-top: 13px;
        color: #31dfa4;
        font-size: 15px;
    }


/* =========================================================
   SECURITY
   ========================================================= */

.stkpro-footer-security {
    justify-self: end;
    display: flex;
    align-items: center;
    gap: 17px;
}

.stkpro-footer-security-icon {
    width: 64px;
    height: 72px;
    display: flex;
    align-items: center;
    justify-content: center;
    clip-path: polygon( 50% 0, 95% 18%, 88% 73%, 50% 100%, 12% 73%, 5% 18% );
    border: none;
    background: linear-gradient( 145deg, #70dea2, #5ab77e );
    color: #073355;
    font-size: 27px;
}

.stkpro-footer-security > div:last-child {
    display: flex;
    flex-direction: column;
}

.stkpro-footer-security strong {
    color: #ffffff;
    font-size: 17px;
}

.stkpro-footer-security span {
    margin-top: 6px;
    color: #b8c8d8;
    font-size: 14px;
    line-height: 1.55;
}


/* =========================================================
   RESPONSIVE - TABLET
   ========================================================= */

@media (max-width: 1200px) {

    .stkpro-footer-container {
        grid-template-columns: repeat(2, 1fr);
        gap: 55px 45px;
    }

    .stkpro-footer-bottom-container {
        grid-template-columns: 1fr;
        padding: 35px 0;
        text-align: center;
        gap: 30px;
    }

    .stkpro-footer-badge,
    .stkpro-footer-security {
        justify-self: center;
    }
}


/* =========================================================
   RESPONSIVE - MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .stkpro-footer-container {
        width: 90%;
        grid-template-columns: 1fr;
        padding-top: 50px;
        padding-bottom: 45px;
        gap: 45px;
    }

    .stkpro-footer-logo-text strong {
        font-size: 24px;
        letter-spacing: 3px;
    }

    .stkpro-footer-logo-text small {
        font-size: 11px;
    }

    .stkpro-footer-brand-title {
        font-size: 19px;
    }

    .stkpro-footer-heading {
        font-size: 18px;
    }

    .stkpro-footer-links a,
    .stkpro-footer-keyword-list a {
        min-height: 55px;
    }

    .stkpro-footer-social a {
        width: 43px;
        height: 43px;
    }

    .stkpro-footer-bottom-container {
        width: 90%;
    }

    .stkpro-footer-badge,
    .stkpro-footer-security {
        flex-direction: column;
        text-align: center;
    }
}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 420px) {

    .stkpro-footer-logo {
        gap: 10px;
    }

    .stkpro-footer-logo-icon {
        width: 52px;
        transform: scale(0.88);
        transform-origin: left center;
    }

    .stkpro-footer-logo-text strong {
        font-size: 20px;
        letter-spacing: 2px;
    }

    .stkpro-footer-benefits li {
        font-size: 14px;
    }

    .stkpro-footer-contact-item {
        font-size: 14px;
    }
}
/* ==========================================================
   STOCKARA CONTACT V4
   Desktop Max Height Approx. 650px
   Fully isolated from old CSS
========================================================== */

#stockara-contact-v4 {
    width: 100%;
    margin: 0;
    padding: 35px 20px;
    overflow: hidden;
    background: radial-gradient(circle at 10% 20%, rgba(0, 81, 190, .06), transparent 30%), radial-gradient(circle at 90% 80%, rgba(255, 35, 65, .05), transparent 30%), #f8fbff;
    font-family: "Inter", "Segoe UI", Arial, sans-serif;
    box-sizing: border-box;
}


    #stockara-contact-v4 *,
    #stockara-contact-v4 *::before,
    #stockara-contact-v4 *::after {
        box-sizing: border-box;
    }


    /* =========================
   WRAPPER
========================= */

    #stockara-contact-v4 .scv4-wrap {
        width: 100%;
        max-width: 1320px;
        height: 580px;
        max-height: 580px;
        margin: 0 auto;
        display: grid;
        grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr);
        gap: 25px;
        align-items: stretch;
    }


    /* =========================
   LEFT FORM CARD
========================= */

    #stockara-contact-v4 .scv4-form-card {
        position: relative;
        height: 100%;
        overflow: hidden;
        padding: 34px 40px;
        border-radius: 24px;
        background: radial-gradient( circle at 87% 15%, rgba(25, 103, 250, .25), transparent 32% ), linear-gradient( 145deg, #08275c 0%, #051d46 50%, #03142e 100% );
        box-shadow: 0 20px 45px rgba(3, 25, 60, .17);
    }


        #stockara-contact-v4 .scv4-form-card::before {
            content: "";
            position: absolute;
            width: 400px;
            height: 400px;
            right: -220px;
            bottom: -260px;
            border-radius: 50%;
            border: 1px solid rgba(60, 142, 255, .15);
        }


    /* =========================
   FORM HEADING
========================= */

    #stockara-contact-v4 .scv4-head {
        position: relative;
        z-index: 2;
        display: flex;
        align-items: center;
        gap: 18px;
        margin-bottom: 25px;
    }


    #stockara-contact-v4 .scv4-head-icon {
        width: 65px;
        height: 65px;
        flex: 0 0 65px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 2px solid #1684dc;
        background: rgba(13, 77, 165, .20);
    }


        #stockara-contact-v4 .scv4-head-icon svg {
            width: 26px;
            height: 26px;
            fill: none;
            stroke: #ffffff;
            stroke-width: 1.8;
            stroke-linecap: round;
            stroke-linejoin: round;
        }


    #stockara-contact-v4 .scv4-head h2 {
        margin: 0 !important;
        padding: 0 !important;
        font-size: 32px !important;
        line-height: 1.15;
        font-weight: 800;
        color: #ffffff !important;
    }


        #stockara-contact-v4 .scv4-head h2 span {
            color: #ff2a49;
        }


    #stockara-contact-v4 .scv4-head-line {
        width: 40px;
        height: 3px;
        margin: 9px 0 9px;
        border-radius: 50px;
        background: #ff2445;
    }


    #stockara-contact-v4 .scv4-head p {
        margin: 0 !important;
        color: rgba(255, 255, 255, .78) !important;
        font-size: 14px !important;
        line-height: 1.5;
    }


    /* =========================
   FORM
========================= */

    #stockara-contact-v4 .scv4-form {
        position: relative;
        z-index: 2;
    }


    #stockara-contact-v4 .scv4-row {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        gap: 14px;
        margin-bottom: 14px;
    }


    /* FIELD */

    #stockara-contact-v4 .scv4-field {
        position: relative;
        height: 61px;
        overflow: hidden;
        margin: 0 !important;
        padding: 0 !important;
        border: 1px solid #e2e8f0;
        border-radius: 10px;
        background: #ffffff;
        box-shadow: 0 7px 16px rgba(0, 20, 50, .06);
    }


    #stockara-contact-v4 .scv4-full {
        margin-bottom: 14px !important;
    }


    /* FIELD ICON */

    #stockara-contact-v4 .scv4-field-icon {
        position: absolute;
        left: 19px;
        top: 50%;
        width: 21px;
        height: 21px;
        transform: translateY(-50%);
        display: flex;
        align-items: center;
        justify-content: center;
        color: #425a7c;
        z-index: 2;
        pointer-events: none;
    }


        #stockara-contact-v4 .scv4-field-icon svg {
            width: 20px;
            height: 20px;
            fill: none;
            stroke: currentColor;
            stroke-width: 1.8;
            stroke-linecap: round;
            stroke-linejoin: round;
        }


    /* INPUT */

    #stockara-contact-v4 .scv4-field input {
        width: 100% !important;
        height: 60px !important;
        margin: 0 !important;
        padding: 0 18px 0 52px !important;
        border: 0 !important;
        outline: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        border-radius: 0 !important;
        color: #18263c !important;
        font-family: inherit !important;
        font-size: 14px !important;
    }


        #stockara-contact-v4 .scv4-field input::placeholder,
        #stockara-contact-v4 .scv4-message textarea::placeholder {
            color: #6f7b90 !important;
            opacity: 1;
        }


    /* =========================
   MESSAGE
========================= */

    #stockara-contact-v4 .scv4-message {
        height: 135px;
        margin-bottom: 14px !important;
    }


        #stockara-contact-v4 .scv4-message .scv4-field-icon {
            top: 19px;
            transform: none;
        }


        #stockara-contact-v4 .scv4-message textarea {
            width: 100% !important;
            height: 100% !important;
            min-height: 135px !important;
            margin: 0 !important;
            padding: 17px 18px 17px 52px !important;
            border: 0 !important;
            outline: 0 !important;
            resize: none;
            background: transparent !important;
            box-shadow: none !important;
            border-radius: 0 !important;
            color: #18263c !important;
            font-family: inherit !important;
            font-size: 14px !important;
            line-height: 1.5;
        }


    /* =========================
   SUBMIT BUTTON
========================= */

    #stockara-contact-v4 .scv4-submit {
        width: 100% !important;
        height: 58px !important;
        min-height: 58px !important;
        margin: 0 !important;
        padding: 0 20px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 10px;
        border: 0 !important;
        outline: 0 !important;
        border-radius: 10px !important;
        cursor: pointer;
        background: linear-gradient( 90deg, #f71338, #ff354f ) !important;
        color: #ffffff !important;
        font-family: inherit !important;
        font-size: 16px !important;
        font-weight: 700 !important;
        text-transform: none !important;
        box-shadow: 0 12px 25px rgba(255, 28, 64, .20) !important;
        transition: .25s ease;
    }


        #stockara-contact-v4 .scv4-submit svg {
            width: 19px;
            height: 19px;
            fill: none;
            stroke: #ffffff;
            stroke-width: 1.8;
            stroke-linecap: round;
            stroke-linejoin: round;
        }


        #stockara-contact-v4 .scv4-submit:hover {
            transform: translateY(-2px);
            box-shadow: 0 16px 30px rgba(255, 28, 64, .30) !important;
        }


    /* =========================
   SECURITY
========================= */

    #stockara-contact-v4 .scv4-safe {
        margin-top: 16px;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 9px;
        color: rgba(255, 255, 255, .75);
    }


        #stockara-contact-v4 .scv4-safe span {
            width: 38px;
            height: 1px;
            background: rgba(67, 155, 255, .45);
        }


        #stockara-contact-v4 .scv4-safe svg {
            width: 15px;
            height: 15px;
            fill: none;
            stroke: currentColor;
            stroke-width: 1.7;
        }


        #stockara-contact-v4 .scv4-safe p {
            margin: 0 !important;
            color: rgba(255, 255, 255, .75) !important;
            font-size: 11px !important;
        }


    /* =========================
   RIGHT CARD
========================= */

    #stockara-contact-v4 .scv4-info-card {
        height: 100%;
        overflow: hidden;
        border-radius: 24px;
        border: 1px solid #e9eef5;
        background: #ffffff;
        box-shadow: 0 20px 45px rgba(21, 43, 77, .09);
    }


    /* =========================
   INFO ITEMS
========================= */

    #stockara-contact-v4 .scv4-info-item {
        display: grid;
        grid-template-columns: 75px minmax(0, 1fr);
        gap: 18px;
        padding: 28px 32px;
        border-bottom: 1px solid #e8edf4;
    }


    #stockara-contact-v4 .scv4-icon {
        width: 64px;
        height: 64px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
    }


        #stockara-contact-v4 .scv4-icon svg {
            width: 29px;
            height: 29px;
            fill: none;
            stroke: currentColor;
            stroke-width: 1.8;
            stroke-linecap: round;
            stroke-linejoin: round;
        }


    #stockara-contact-v4 .scv4-red {
        background: rgba(255, 35, 64, .08);
        color: #ff2340;
    }


    #stockara-contact-v4 .scv4-blue {
        background: rgba(4, 84, 190, .08);
        color: #0758bd;
    }


    #stockara-contact-v4 .scv4-green {
        background: rgba(5, 151, 91, .08);
        color: #07965c;
    }


    /* =========================
   INFORMATION
========================= */

    #stockara-contact-v4 .scv4-info-content h3 {
        margin: 0 !important;
        color: #071d47 !important;
        font-size: 20px !important;
        line-height: 1.3;
        font-weight: 800 !important;
    }


    #stockara-contact-v4 .scv4-line {
        display: block;
        width: 32px;
        height: 3px;
        margin: 8px 0 13px;
        border-radius: 30px;
    }


    #stockara-contact-v4 .scv4-line-red {
        background: #ff2444;
    }


    #stockara-contact-v4 .scv4-line-blue {
        background: #1265d4;
    }


    #stockara-contact-v4 .scv4-line-green {
        background: #07975b;
    }


    #stockara-contact-v4 .scv4-info-content p {
        margin: 0 !important;
        color: #4d5970 !important;
        font-size: 13.5px !important;
        line-height: 1.65;
    }


    /* =========================
   CONTACT LINKS
========================= */

    #stockara-contact-v4 .scv4-contact-list {
        display: flex;
        flex-direction: column;
        gap: 9px;
    }


        #stockara-contact-v4 .scv4-contact-list a {
            display: flex;
            align-items: center;
            gap: 10px;
            color: #4d5970 !important;
            font-size: 13.5px !important;
            line-height: 1.5;
            text-decoration: none !important;
            background: transparent !important;
            border: 0 !important;
            box-shadow: none !important;
        }


            #stockara-contact-v4 .scv4-contact-list a:hover {
                color: #ff2444 !important;
            }


        #stockara-contact-v4 .scv4-contact-list p {
            margin: 0 !important;
        }


    /* =========================
   RESPONSE
========================= */

    #stockara-contact-v4 .scv4-response {
        position: relative;
        margin: 17px 24px;
        padding: 13px 16px;
        min-height: 62px;
        display: flex;
        align-items: center;
        gap: 12px;
        border-radius: 11px;
        background: linear-gradient( 100deg, rgba(5, 83, 195, .08), rgba(40, 115, 220, .03) );
    }


    #stockara-contact-v4 .scv4-response-icon {
        width: 38px;
        height: 38px;
        flex: 0 0 38px;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #ffffff;
        font-size: 15px;
        background: #075bcf;
    }


    #stockara-contact-v4 .scv4-response strong {
        display: block;
        margin-bottom: 2px;
        color: #071d47;
        font-size: 12.5px;
        line-height: 1.4;
    }


    #stockara-contact-v4 .scv4-response p {
        margin: 0 !important;
        color: #657189 !important;
        font-size: 11.5px !important;
    }


    #stockara-contact-v4 .scv4-plane {
        position: absolute;
        right: 17px;
        font-size: 27px;
        color: rgba(16, 92, 204, .13);
    }


/* ==========================================================
   TABLET / MOBILE
   Height becomes AUTO so content does not get cut
========================================================== */

@media only screen and (max-width: 1050px) {

    #stockara-contact-v4 .scv4-wrap {
        height: auto;
        max-height: none;
        max-width: 760px;
        grid-template-columns: 1fr;
    }

    #stockara-contact-v4 .scv4-form-card,
    #stockara-contact-v4 .scv4-info-card {
        height: auto;
    }
}


@media only screen and (max-width: 650px) {

    #stockara-contact-v4 {
        padding: 30px 14px;
    }


        #stockara-contact-v4 .scv4-form-card {
            padding: 28px 20px;
            border-radius: 19px;
        }


        #stockara-contact-v4 .scv4-row {
            grid-template-columns: 1fr;
        }


        #stockara-contact-v4 .scv4-head {
            align-items: flex-start;
        }


        #stockara-contact-v4 .scv4-head-icon {
            width: 55px;
            height: 55px;
            flex-basis: 55px;
        }


        #stockara-contact-v4 .scv4-head h2 {
            font-size: 27px !important;
        }


        #stockara-contact-v4 .scv4-info-item {
            grid-template-columns: 1fr;
            padding: 25px 22px;
        }


        #stockara-contact-v4 .scv4-info-card {
            border-radius: 19px;
        }
}


@media only screen and (max-width: 450px) {

    #stockara-contact-v4 .scv4-head {
        flex-direction: column;
    }


    #stockara-contact-v4 .scv4-safe span {
        width: 20px;
    }


    #stockara-contact-v4 .scv4-plane {
        display: none;
    }
}