/* ================================
   PROFESSIONAL FAQ HERO SECTION
================================ */

.faq-hero {
    position: relative;
    min-height: 560px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    padding: 30px 20px;
    background: linear-gradient( 110deg, rgba(4, 15, 35, 0.96) 0%, rgba(7, 25, 52, 0.90) 45%, rgba(5, 20, 42, 0.88) 100% ), url("images/faq-bg.jpg") center center / cover no-repeat;
}


/* Dark professional overlay */
.faq-hero-overlay {
    position: absolute;
    inset: 0;
    background: radial-gradient( circle at 50% 30%, rgba(0, 190, 255, 0.13), transparent 42% ), linear-gradient( to bottom, rgba(2, 12, 28, 0.05), rgba(2, 12, 28, 0.55) );
}


/* subtle grid pattern */
.faq-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: linear-gradient(rgba(255,255,255,0.025) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.025) 1px, transparent 1px);
    background-size: 55px 55px;
    mask-image: linear-gradient( to bottom, transparent, black 25%, black 75%, transparent );
    pointer-events: none;
}


/* Main content */
.faq-hero-content {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 1050px;
    margin: auto;
    text-align: center;
}


/* Top small badge */
.faq-badge {
    width: fit-content;
    margin: 0 auto 25px;
    padding: 9px 17px;
    display: flex;
    align-items: center;
    gap: 9px;
    border: 1px solid rgba(58, 194, 255, 0.28);
    border-radius: 50px;
    background: rgba(12, 46, 78, 0.42);
    backdrop-filter: blur(10px);
    color: #8edcff;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.7px;
}


/* glowing badge dot */
.badge-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #00c8ff;
    box-shadow: 0 0 8px rgba(0, 200, 255, 0.9), 0 0 18px rgba(0, 200, 255, 0.5);
}


/* Main heading */
.faq-hero h1 {
    margin: 0;
    color: #ffffff;
    font-family: "Inter", "Poppins", sans-serif;
    font-size: clamp(42px, 5vw, 72px);
    line-height: 1.08;
    font-weight: 800;
    letter-spacing: -2.5px;
    text-shadow: 0 8px 35px rgba(0, 0, 0, 0.35);
}


    /* Highlight second heading line */
    .faq-hero h1 span {
        display: block;
        margin-top: 8px;
        background: linear-gradient( 90deg, #ffffff 0%, #92dfff 50%, #ffffff 100% );
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
    }


/* Description */
.faq-hero p {
    max-width: 760px;
    margin: 28px auto 0;
    color: rgba(222, 235, 249, 0.78);
    font-family: "Inter", sans-serif;
    font-size: 17px;
    line-height: 1.75;
    font-weight: 400;
}


/* Buttons container */
.faq-hero-buttons {
    margin-top: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    flex-wrap: wrap;
}


/* Buttons */
.faq-btn {
    min-width: 150px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 14px 24px;
    border-radius: 9px;
    text-decoration: none;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 700;
    transition: transform 0.3s ease, box-shadow 0.3s ease, background 0.3s ease;
}


/* Primary button */
.faq-btn-primary {
    color: #041528;
    background: linear-gradient( 135deg, #7ddcff, #22b9f4 );
    box-shadow: 0 10px 30px rgba(0, 173, 239, 0.25);
}


    .faq-btn-primary:hover {
        transform: translateY(-3px);
        box-shadow: 0 14px 35px rgba(0, 173, 239, 0.38);
    }


/* Secondary button */
.faq-btn-outline {
    color: #ffffff;
    border: 1px solid rgba(255,255,255,0.20);
    background: rgba(255,255,255,0.055);
    backdrop-filter: blur(8px);
}


    .faq-btn-outline:hover {
        transform: translateY(-3px);
        background: rgba(255,255,255,0.10);
    }


/* Trust points */
.faq-trust-row {
    margin-top: 38px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 28px;
    flex-wrap: wrap;
    color: rgba(218, 235, 249, 0.72);
    font-family: "Inter", sans-serif;
    font-size: 13px;
    font-weight: 500;
}


    .faq-trust-row span::first-letter {
        color: #38d8a5;
    }


/* Bottom blue glow */
.faq-bottom-glow {
    position: absolute;
    width: 750px;
    height: 150px;
    bottom: -120px;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(0, 174, 255, 0.30);
    filter: blur(90px);
    pointer-events: none;
}


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

@media (max-width: 992px) {

    .faq-hero {
        min-height: 520px;
        padding: 80px 25px;
    }

        .faq-hero h1 {
            font-size: clamp(38px, 7vw, 58px);
            letter-spacing: -1.8px;
        }

        .faq-hero p {
            max-width: 680px;
            font-size: 16px;
        }
}


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

@media (max-width: 600px) {

    .faq-hero {
        min-height: auto;
        padding: 75px 18px 65px;
    }

    .faq-badge {
        font-size: 10px;
        letter-spacing: 1.2px;
        padding: 8px 14px;
    }

    .faq-hero h1 {
        font-size: 38px;
        line-height: 1.12;
        letter-spacing: -1.3px;
    }

        .faq-hero h1 span {
            margin-top: 7px;
        }

    .faq-hero p {
        margin-top: 22px;
        font-size: 15px;
        line-height: 1.65;
    }

    .faq-hero-buttons {
        margin-top: 28px;
        flex-direction: column;
    }

    .faq-btn {
        width: 100%;
        max-width: 290px;
    }

    .faq-trust-row {
        margin-top: 30px;
        gap: 12px;
        flex-direction: column;
        font-size: 12px;
    }
}

/* ==========================================================
   STOCKARA BUY SELL SIGNAL PAGE
   All CSS scoped inside .stockara-signal-page
   ========================================================== */

.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;
    }

    .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;
    }
}

#stk-about-section {
    --stk-primary: #155eef;
    --stk-primary-dark: #0b3fa4;
    --stk-purple: #6857e5;
    --stk-green: #0ba66d;
    --stk-dark: #101828;
    --stk-text: #475467;
    --stk-muted: #667085;
    --stk-border: #e4e7ec;
    --stk-light: #f8faff;
    --stk-white: #ffffff;
    position: relative;
    width: 100%;
    padding: 40px 20px;
    overflow: hidden;
    background: radial-gradient(circle at 10% 10%, rgba(21,94,239,.08), transparent 30%), radial-gradient(circle at 90% 20%, rgba(104,87,229,.08), transparent 30%), #ffffff;
    font-family: Arial, Helvetica, sans-serif;
    color: var(--stk-dark);
    line-height: 1.7;
    box-sizing: border-box;
}

    #stk-about-section *,
    #stk-about-section *::before,
    #stk-about-section *::after {
        box-sizing: border-box;
    }

    #stk-about-section .stk-about-container {
        width: 100%;
        max-width: 1180px;
        margin: 0 auto;
    }


    /* ==============================
   HERO
================================ */

    #stk-about-section .stk-about-hero {
        max-width: 950px;
        margin: 0 auto 65px;
        text-align: center;
    }

    #stk-about-section .stk-about-badge {
        display: inline-flex;
        align-items: center;
        gap: 9px;
        padding: 8px 16px;
        margin-bottom: 18px;
        background: rgba(21,94,239,.06);
        border: 1px solid rgba(21,94,239,.18);
        border-radius: 50px;
        color: var(--stk-primary);
        font-size: 14px;
        font-weight: 700;
    }

        #stk-about-section .stk-about-badge::before {
            content: "";
            width: 8px;
            height: 8px;
            flex: 0 0 8px;
            background: var(--stk-green);
            border-radius: 50%;
            box-shadow: 0 0 0 5px rgba(11,166,109,.10);
        }

    #stk-about-section .stk-about-title {
        margin: 0 0 24px;
        padding: 0;
        color: var(--stk-dark);
        font-size: clamp(36px, 5vw, 58px);
        font-weight: 800;
        line-height: 1.12;
        letter-spacing: -1.5px;
    }

    #stk-about-section .stk-about-title-highlight {
        color: var(--stk-primary);
        background: linear-gradient( 90deg, var(--stk-primary), var(--stk-purple) );
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
    }

    #stk-about-section .stk-about-hero-text {
        max-width: 900px;
        margin: 0 auto 17px;
        padding: 0;
        color: var(--stk-text);
        font-size: 17px;
        line-height: 1.75;
    }

    #stk-about-section .stk-about-market-tags {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 10px;
        margin-top: 28px;
    }

    #stk-about-section .stk-about-market-tag {
        display: inline-block;
        padding: 8px 15px;
        background: #ffffff;
        border: 1px solid var(--stk-border);
        border-radius: 9px;
        color: #344054;
        font-size: 14px;
        font-weight: 700;
        box-shadow: 0 4px 15px rgba(16,24,40,.04);
    }


    /* ==============================
   COMMON SECTION
================================ */

    #stk-about-section .stk-about-section {
        margin-top: 70px;
    }

    #stk-about-section .stk-about-section-header {
        max-width: 800px;
        margin: 0 auto 38px;
        text-align: center;
    }

    #stk-about-section .stk-about-label {
        display: block;
        margin-bottom: 8px;
        color: var(--stk-primary);
        font-size: 13px;
        font-weight: 800;
        letter-spacing: 1.4px;
        text-transform: uppercase;
    }

    #stk-about-section .stk-about-heading {
        margin: 0 0 16px;
        padding: 0;
        color: var(--stk-dark);
        font-size: clamp(28px, 4vw, 40px);
        font-weight: 800;
        line-height: 1.2;
        letter-spacing: -.8px;
    }

    #stk-about-section .stk-about-description {
        margin: 0;
        padding: 0;
        color: var(--stk-text);
        font-size: 17px;
        line-height: 1.75;
    }


    /* ==============================
   AI SECTION
================================ */

    #stk-about-section .stk-about-ai-box {
        display: grid;
        grid-template-columns: 1fr 1fr;
        align-items: center;
        gap: 45px;
        padding: 50px;
        background: linear-gradient( 135deg, #f8faff, #ffffff );
        border: 1px solid var(--stk-border);
        border-radius: 26px;
        box-shadow: 0 20px 60px rgba(16,24,40,.06);
    }

    #stk-about-section .stk-about-ai-content {
        min-width: 0;
    }

    #stk-about-section .stk-about-ai-heading {
        margin: 0 0 20px;
        padding: 0;
        color: var(--stk-dark);
        font-size: 36px;
        font-weight: 800;
        line-height: 1.2;
    }

    #stk-about-section .stk-about-ai-text {
        margin: 0 0 17px;
        padding: 0;
        color: var(--stk-text);
        font-size: 16px;
        line-height: 1.75;
    }

    #stk-about-section .stk-about-objective {
        margin-top: 22px;
        padding: 18px 20px;
        background: #ffffff;
        border-left: 4px solid var(--stk-primary);
        border-radius: 5px 14px 14px 5px;
        color: #344054;
        font-size: 15px;
        font-weight: 600;
        box-shadow: 0 8px 25px rgba(16,24,40,.05);
    }


    /* ==============================
   AI DASHBOARD VISUAL
================================ */

    #stk-about-section .stk-about-dashboard {
        position: relative;
        overflow: hidden;
        padding: 30px;
        background: #101828;
        border-radius: 22px;
    }

        #stk-about-section .stk-about-dashboard::before {
            content: "";
            position: absolute;
            width: 240px;
            height: 240px;
            top: -130px;
            right: -90px;
            background: rgba(21,94,239,.35);
            border-radius: 50%;
            filter: blur(30px);
        }

    #stk-about-section .stk-about-dashboard-title {
        position: relative;
        z-index: 2;
        margin-bottom: 24px;
        color: #ffffff;
        font-size: 18px;
        font-weight: 800;
    }

    #stk-about-section .stk-about-analysis-item {
        position: relative;
        z-index: 2;
        margin-bottom: 20px;
    }

        #stk-about-section .stk-about-analysis-item:last-child {
            margin-bottom: 0;
        }

    #stk-about-section .stk-about-analysis-top {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 20px;
        margin-bottom: 8px;
        color: #d0d5dd;
        font-size: 13px;
    }

    #stk-about-section .stk-about-analysis-track {
        width: 100%;
        height: 8px;
        overflow: hidden;
        background: rgba(255,255,255,.10);
        border-radius: 10px;
    }

    #stk-about-section .stk-about-analysis-fill {
        height: 100%;
        background: linear-gradient( 90deg, #528bff, #8b7cff );
        border-radius: 10px;
    }

    #stk-about-section .stk-fill-1 {
        width: 88%;
    }

    #stk-about-section .stk-fill-2 {
        width: 75%;
    }

    #stk-about-section .stk-fill-3 {
        width: 82%;
    }

    #stk-about-section .stk-fill-4 {
        width: 68%;
    }


    /* ==============================
   FEATURE GRID
================================ */

    #stk-about-section .stk-about-features-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 18px;
    }

    #stk-about-section .stk-about-feature-card {
        position: relative;
        padding: 25px;
        background: #ffffff;
        border: 1px solid var(--stk-border);
        border-radius: 18px;
        transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;
    }

        #stk-about-section .stk-about-feature-card:hover {
            transform: translateY(-5px);
            border-color: rgba(21,94,239,.35);
            box-shadow: 0 15px 35px rgba(16,24,40,.08);
        }

    #stk-about-section .stk-about-feature-icon {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 48px;
        height: 48px;
        margin-bottom: 16px;
        background: rgba(21,94,239,.08);
        border-radius: 13px;
        color: var(--stk-primary);
        font-size: 15px;
        font-weight: 800;
    }

    #stk-about-section .stk-about-feature-title {
        margin: 0 0 8px;
        padding: 0;
        color: var(--stk-dark);
        font-size: 17px;
        font-weight: 700;
        line-height: 1.4;
    }

    #stk-about-section .stk-about-feature-text {
        margin: 0;
        padding: 0;
        color: var(--stk-muted);
        font-size: 14px;
        line-height: 1.65;
    }


    /* ==============================
   INDIAN MARKET SECTION
================================ */

    #stk-about-section .stk-about-india-box {
        position: relative;
        overflow: hidden;
        padding: 52px;
        background: linear-gradient( 120deg, #155eef, #6657df );
        border-radius: 26px;
        color: #ffffff;
    }

        #stk-about-section .stk-about-india-box::after {
            content: "";
            position: absolute;
            width: 320px;
            height: 320px;
            right: -120px;
            bottom: -170px;
            border: 55px solid rgba(255,255,255,.06);
            border-radius: 50%;
        }

    #stk-about-section .stk-about-india-heading {
        position: relative;
        z-index: 2;
        margin: 0 0 18px;
        padding: 0;
        color: #ffffff;
        font-size: 36px;
        font-weight: 800;
        line-height: 1.2;
    }

    #stk-about-section .stk-about-india-text {
        position: relative;
        z-index: 2;
        max-width: 900px;
        margin: 0 0 14px;
        padding: 0;
        color: rgba(255,255,255,.88);
        font-size: 16px;
        line-height: 1.75;
    }


    /* ==============================
   WHY STOCKARA
================================ */

    #stk-about-section .stk-about-why-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 17px;
    }

    #stk-about-section .stk-about-why-card {
        padding: 26px 20px;
        background: var(--stk-light);
        border: 1px solid var(--stk-border);
        border-radius: 16px;
        text-align: center;
    }

    #stk-about-section .stk-about-why-number {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 42px;
        height: 42px;
        margin: 0 auto 15px;
        background: var(--stk-primary);
        border-radius: 50%;
        color: #ffffff;
        font-size: 13px;
        font-weight: 800;
    }

    #stk-about-section .stk-about-why-title {
        margin: 0 0 8px;
        padding: 0;
        color: var(--stk-dark);
        font-size: 16px;
        font-weight: 700;
    }

    #stk-about-section .stk-about-why-text {
        margin: 0;
        padding: 0;
        color: var(--stk-muted);
        font-size: 14px;
        line-height: 1.65;
    }


    /* ==============================
   MISSION
================================ */

    #stk-about-section .stk-about-mission {
        max-width: 930px;
        margin: 70px auto 0;
        padding: 55px 40px;
        text-align: center;
        background: linear-gradient( 180deg, #f8faff, #ffffff );
        border: 1px solid var(--stk-border);
        border-radius: 25px;
    }

    #stk-about-section .stk-about-mission-heading {
        margin: 0 0 18px;
        padding: 0;
        color: var(--stk-dark);
        font-size: 38px;
        font-weight: 800;
        line-height: 1.25;
    }

    #stk-about-section .stk-about-mission-text {
        margin: 0;
        padding: 0;
        color: var(--stk-text);
        font-size: 16px;
        line-height: 1.8;
    }


    /* ==============================
   CTA
================================ */

    #stk-about-section .stk-about-cta {
        position: relative;
        overflow: hidden;
        margin-top: 70px;
        padding: 60px 30px;
        background: #101828;
        border-radius: 28px;
        text-align: center;
    }

        #stk-about-section .stk-about-cta::before {
            content: "";
            position: absolute;
            width: 450px;
            height: 450px;
            left: -250px;
            top: -250px;
            background: rgba(21,94,239,.35);
            border-radius: 50%;
            filter: blur(35px);
        }

        #stk-about-section .stk-about-cta::after {
            content: "";
            position: absolute;
            width: 350px;
            height: 350px;
            right: -180px;
            bottom: -230px;
            background: rgba(104,87,229,.30);
            border-radius: 50%;
            filter: blur(30px);
        }

    #stk-about-section .stk-about-cta-inner {
        position: relative;
        z-index: 2;
        max-width: 780px;
        margin: 0 auto;
    }

    #stk-about-section .stk-about-cta-label {
        display: block;
        margin-bottom: 10px;
        color: #8ab4ff;
        font-size: 13px;
        font-weight: 800;
        letter-spacing: 1.3px;
        text-transform: uppercase;
    }

    #stk-about-section .stk-about-cta-heading {
        margin: 0 0 15px;
        padding: 0;
        color: #ffffff;
        font-size: clamp(30px, 4vw, 44px);
        font-weight: 800;
        line-height: 1.2;
    }

    #stk-about-section .stk-about-cta-text {
        margin: 0 0 22px;
        padding: 0;
        color: #d0d5dd;
        font-size: 16px;
        line-height: 1.7;
    }

    #stk-about-section .stk-about-cta-tagline {
        margin-bottom: 30px;
        color: #ffffff;
        font-size: 18px;
        font-weight: 700;
    }

    #stk-about-section .stk-about-buttons {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 12px;
    }

    #stk-about-section .stk-about-btn {
        display: inline-block;
        padding: 14px 25px;
        border-radius: 10px;
        font-size: 15px;
        font-weight: 700;
        line-height: 1.3;
        text-decoration: none;
        transition: transform .25s ease, background .25s ease;
    }

    #stk-about-section .stk-about-btn-primary {
        background: var(--stk-primary);
        color: #ffffff;
    }

        #stk-about-section .stk-about-btn-primary:hover {
            background: var(--stk-primary-dark);
            color: #ffffff;
            transform: translateY(-2px);
        }

    #stk-about-section .stk-about-btn-secondary {
        background: #ffffff;
        color: #101828;
    }

        #stk-about-section .stk-about-btn-secondary:hover {
            background: #f2f4f7;
            color: #101828;
            transform: translateY(-2px);
        }


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

    #stk-about-section .stk-about-disclaimer {
        max-width: 1000px;
        margin: 28px auto 0;
        padding: 18px 22px;
        background: #fffaeb;
        border: 1px solid #fedf89;
        border-radius: 12px;
        color: #7a5c00;
        font-size: 13px;
        line-height: 1.7;
    }

        #stk-about-section .stk-about-disclaimer strong {
            color: #664d03;
        }


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

@media (max-width: 950px) {

    #stk-about-section .stk-about-ai-box {
        grid-template-columns: 1fr;
    }

    #stk-about-section .stk-about-features-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    #stk-about-section .stk-about-why-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}


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

@media (max-width: 650px) {

    #stk-about-section {
        padding: 55px 15px;
    }

        #stk-about-section .stk-about-hero {
            margin-bottom: 45px;
        }

        #stk-about-section .stk-about-title {
            font-size: 36px;
            letter-spacing: -.7px;
        }

        #stk-about-section .stk-about-hero-text,
        #stk-about-section .stk-about-description,
        #stk-about-section .stk-about-ai-text,
        #stk-about-section .stk-about-india-text,
        #stk-about-section .stk-about-mission-text {
            font-size: 15px;
        }

        #stk-about-section .stk-about-section {
            margin-top: 50px;
        }

        #stk-about-section .stk-about-ai-box,
        #stk-about-section .stk-about-india-box,
        #stk-about-section .stk-about-mission {
            padding: 30px 22px;
        }

        #stk-about-section .stk-about-ai-heading,
        #stk-about-section .stk-about-india-heading,
        #stk-about-section .stk-about-mission-heading {
            font-size: 28px;
        }

        #stk-about-section .stk-about-features-grid,
        #stk-about-section .stk-about-why-grid {
            grid-template-columns: 1fr;
        }

        #stk-about-section .stk-about-cta {
            padding: 45px 20px;
        }

        #stk-about-section .stk-about-buttons {
            flex-direction: column;
        }

        #stk-about-section .stk-about-btn {
            width: 100%;
        }
}
.stockara-ai-page {
    font-family: Arial, Helvetica, sans-serif;
    color: #172033;
    background: #ffffff;
    line-height: 1.7;
    width: 100%;
    overflow: hidden;
}

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

    .stockara-ai-page .stockara-ai-container {
        width: 92%;
        max-width: 1180px;
        margin-left: auto;
        margin-right: auto;
    }


    /* HERO */

    .stockara-ai-page .stockara-ai-hero {
        padding: 85px 0;
        background: radial-gradient(circle at 15% 20%, rgba(42, 110, 255, .22), transparent 30%), radial-gradient(circle at 85% 30%, rgba(0, 210, 170, .16), transparent 25%), linear-gradient(135deg, #06152e 0%, #0d2d63 100%);
        color: #ffffff;
    }

    .stockara-ai-page .stockara-ai-hero-grid {
        display: grid;
        grid-template-columns: 1.2fr .8fr;
        gap: 55px;
        align-items: center;
    }

    .stockara-ai-page .stockara-ai-badge {
        display: inline-block;
        padding: 8px 16px;
        margin-bottom: 20px;
        border: 1px solid rgba(255,255,255,.2);
        background: rgba(255,255,255,.08);
        border-radius: 30px;
        font-size: 14px;
        font-weight: 700;
    }

    .stockara-ai-page .stockara-ai-hero h1 {
        margin: 0 0 22px;
        padding: 0;
        color: #ffffff;
        font-size: clamp(38px, 5vw, 64px);
        font-weight: 800;
        line-height: 1.08;
        letter-spacing: -1.5px;
    }

        .stockara-ai-page .stockara-ai-hero h1 span {
            color: #5ee7c4;
        }

    .stockara-ai-page .stockara-ai-hero p {
        margin: 0 0 28px;
        padding: 0;
        color: #d8e4f8;
        font-size: 18px;
        max-width: 700px;
    }

    .stockara-ai-page .stockara-ai-buttons {
        display: flex;
        gap: 14px;
        flex-wrap: wrap;
    }

    .stockara-ai-page .stockara-ai-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 13px 24px;
        min-height: 50px;
        border-radius: 10px;
        font-size: 15px;
        font-weight: 700;
        text-decoration: none;
        transition: all .25s ease;
    }

    .stockara-ai-page .stockara-ai-btn-primary {
        color: #07172f;
        background: #5ee7c4;
    }

        .stockara-ai-page .stockara-ai-btn-primary:hover {
            color: #07172f;
            background: #72f0d0;
            transform: translateY(-2px);
        }

    .stockara-ai-page .stockara-ai-btn-outline {
        color: #ffffff;
        border: 1px solid rgba(255,255,255,.35);
        background: rgba(255,255,255,.06);
    }

        .stockara-ai-page .stockara-ai-btn-outline:hover {
            color: #ffffff;
            background: rgba(255,255,255,.14);
        }


    /* DASHBOARD */

    .stockara-ai-page .stockara-ai-dashboard-wrap {
        padding: 14px;
        border-radius: 22px;
        background: rgba(255,255,255,.08);
        border: 1px solid rgba(255,255,255,.13);
    }

    .stockara-ai-page .stockara-ai-dashboard {
        padding: 22px;
        background: #ffffff;
        color: #172033;
        border-radius: 16px;
        box-shadow: 0 25px 60px rgba(0,0,0,.2);
    }

    .stockara-ai-page .stockara-ai-dashboard-head {
        display: flex;
        justify-content: space-between;
        gap: 15px;
        margin-bottom: 18px;
    }

        .stockara-ai-page .stockara-ai-dashboard-head span {
            color: #00a77e;
            font-weight: 800;
        }

    .stockara-ai-page .stockara-ai-signal-grid {
        display: grid;
        grid-template-columns: repeat(2,1fr);
        gap: 12px;
    }

    .stockara-ai-page .stockara-ai-signal-box {
        padding: 17px;
        background: #f3f7ff;
        border: 1px solid #e4ebf6;
        border-radius: 12px;
    }

        .stockara-ai-page .stockara-ai-signal-box small {
            display: block;
            color: #6b768b;
            font-size: 13px;
        }

        .stockara-ai-page .stockara-ai-signal-box strong {
            display: block;
            margin-top: 4px;
            font-size: 19px;
            color: #15213a;
        }


    /* TRUST */

    .stockara-ai-page .stockara-ai-trust {
        background: #ffffff;
        border-bottom: 1px solid #e8edf5;
    }

    .stockara-ai-page .stockara-ai-trust-grid {
        display: grid;
        grid-template-columns: repeat(4,1fr);
        gap: 20px;
        padding: 28px 0;
        text-align: center;
    }

        .stockara-ai-page .stockara-ai-trust-grid strong {
            display: block;
            color: #0b5bd8;
            font-size: 25px;
        }

        .stockara-ai-page .stockara-ai-trust-grid span {
            display: block;
            color: #667085;
            font-size: 14px;
        }


    /* COMMON SECTIONS */

    .stockara-ai-page .stockara-ai-section {
        padding: 80px 0;
        background: #ffffff;
    }

    .stockara-ai-page .stockara-ai-two-column {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 50px;
        align-items: center;
    }

    .stockara-ai-page .stockara-ai-text h2 {
        margin: 0 0 18px;
        padding: 0;
        color: #111b2e;
        font-size: 38px;
        line-height: 1.2;
    }

    .stockara-ai-page .stockara-ai-text p,
    .stockara-ai-page .stockara-ai-info p {
        margin: 0 0 15px;
        color: #667085;
    }

    .stockara-ai-page .stockara-ai-info {
        padding: 35px;
        background: linear-gradient(145deg,#edf4ff,#fbfcff);
        border: 1px solid #dae6fa;
        border-radius: 22px;
    }

        .stockara-ai-page .stockara-ai-info h3 {
            margin: 0 0 15px;
            padding: 0;
            color: #172033;
            font-size: 24px;
        }


    /* LIST */

    .stockara-ai-page .stockara-ai-list {
        list-style: none;
        margin: 22px 0 0;
        padding: 0;
    }

        .stockara-ai-page .stockara-ai-list li {
            position: relative;
            margin: 0 0 11px;
            padding: 0 0 0 30px;
            color: #394359;
        }

            .stockara-ai-page .stockara-ai-list li::before {
                content: "✓";
                position: absolute;
                left: 0;
                top: 0;
                color: #00a77e;
                font-weight: 900;
            }


    /* SECTION TITLE */

    .stockara-ai-page .stockara-ai-heading {
        max-width: 780px;
        margin: 0 auto 45px;
        text-align: center;
    }

        .stockara-ai-page .stockara-ai-heading > span {
            display: inline-block;
            margin-bottom: 8px;
            color: #0b63f6;
            font-size: 14px;
            font-weight: 800;
            letter-spacing: 1.4px;
            text-transform: uppercase;
        }

        .stockara-ai-page .stockara-ai-heading h2 {
            margin: 0 0 15px;
            padding: 0;
            color: #111b2e;
            font-size: clamp(30px,4vw,44px);
            font-weight: 800;
            line-height: 1.2;
        }

        .stockara-ai-page .stockara-ai-heading p {
            margin: 0;
            color: #667085;
        }


    /* FEATURES */

    .stockara-ai-page .stockara-ai-features {
        background: #f6f8fc;
    }

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

    .stockara-ai-page .stockara-ai-feature-card {
        padding: 28px;
        background: #ffffff;
        border: 1px solid #e6ebf4;
        border-radius: 18px;
        box-shadow: 0 8px 25px rgba(15,35,70,.04);
        transition: .3s ease;
    }

        .stockara-ai-page .stockara-ai-feature-card:hover {
            transform: translateY(-6px);
            box-shadow: 0 18px 45px rgba(15,35,70,.1);
        }

    .stockara-ai-page .stockara-ai-icon {
        width: 50px;
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 18px;
        background: #edf4ff;
        border-radius: 12px;
        font-size: 23px;
    }

    .stockara-ai-page .stockara-ai-feature-card h3 {
        margin: 0 0 10px;
        padding: 0;
        color: #172033;
        font-size: 20px;
    }

    .stockara-ai-page .stockara-ai-feature-card p {
        margin: 0;
        color: #667085;
        font-size: 15px;
    }


    /* MARKETS */

    .stockara-ai-page .stockara-ai-markets {
        padding: 80px 0;
        background: linear-gradient(135deg,#06152e,#0b2d62);
    }

    .stockara-ai-page .stockara-ai-heading-light h2 {
        color: #ffffff;
    }

    .stockara-ai-page .stockara-ai-heading-light p {
        color: #c9d6ea;
    }

    .stockara-ai-page .stockara-ai-heading-light > span {
        color: #5ee7c4;
    }

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

        .stockara-ai-page .stockara-ai-market-grid > div {
            padding: 22px 12px;
            text-align: center;
            color: #ffffff;
            font-weight: 800;
            background: rgba(255,255,255,.07);
            border: 1px solid rgba(255,255,255,.12);
            border-radius: 14px;
        }


    /* BENEFITS */

    .stockara-ai-page .stockara-ai-benefit-grid {
        display: grid;
        grid-template-columns: repeat(2,1fr);
        gap: 20px;
    }

    .stockara-ai-page .stockara-ai-benefit {
        display: flex;
        align-items: flex-start;
        gap: 18px;
        padding: 25px;
        background: #ffffff;
        border: 1px solid #e5ebf3;
        border-radius: 16px;
    }

        .stockara-ai-page .stockara-ai-benefit > span {
            flex: 0 0 46px;
            width: 46px;
            height: 46px;
            display: flex;
            align-items: center;
            justify-content: center;
            background: #0b63f6;
            color: #ffffff;
            border-radius: 50%;
            font-size: 14px;
            font-weight: 800;
        }

        .stockara-ai-page .stockara-ai-benefit h3 {
            margin: 0 0 5px;
            padding: 0;
            color: #172033;
            font-size: 20px;
        }

        .stockara-ai-page .stockara-ai-benefit p {
            margin: 0;
            color: #687387;
        }


    /* FAQ */

    .stockara-ai-page .stockara-ai-faq {
        padding: 80px 0;
        background: #f7f9fc;
    }

    .stockara-ai-page .stockara-ai-faq-wrap {
        max-width: 900px;
    }

    .stockara-ai-page .stockara-ai-faq-item {
        margin: 0 0 14px;
        padding: 0;
        background: #ffffff;
        border: 1px solid #e3eaf4;
        border-radius: 14px;
        overflow: hidden;
    }

        .stockara-ai-page .stockara-ai-faq-item summary {
            position: relative;
            cursor: pointer;
            list-style: none;
            margin: 0;
            padding: 20px 55px 20px 22px;
            color: #172033;
            font-weight: 800;
        }

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

            .stockara-ai-page .stockara-ai-faq-item summary::after {
                content: "+";
                position: absolute;
                right: 22px;
                top: 50%;
                transform: translateY(-50%);
                color: #0b63f6;
                font-size: 24px;
            }

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

        .stockara-ai-page .stockara-ai-faq-item p {
            margin: 0;
            padding: 0 22px 22px;
            color: #667085;
        }


    /* CTA */

    .stockara-ai-page .stockara-ai-cta {
        padding: 75px 0;
        background: linear-gradient(135deg,#0c5ce5,#073783);
        text-align: center;
        color: #ffffff;
    }

    .stockara-ai-page .stockara-ai-cta-inner {
        max-width: 800px;
    }

    .stockara-ai-page .stockara-ai-cta h2 {
        margin: 0 0 15px;
        padding: 0;
        color: #ffffff;
        font-size: clamp(32px,4vw,48px);
        line-height: 1.2;
    }

    .stockara-ai-page .stockara-ai-cta p {
        margin: 0 auto 25px;
        color: #dbe6f9;
        font-size: 17px;
    }

    .stockara-ai-page .stockara-ai-btn-white {
        background: #ffffff;
        color: #0b51bf;
    }

        .stockara-ai-page .stockara-ai-btn-white:hover {
            background: #f2f6ff;
            color: #073d91;
            transform: translateY(-2px);
        }


    /* DISCLAIMER */

    .stockara-ai-page .stockara-ai-disclaimer {
        padding: 24px 0;
        background: #fff8e9;
        border-top: 1px solid #f3dfb7;
    }

        .stockara-ai-page .stockara-ai-disclaimer p {
            margin: 0;
            padding: 0;
            color: #675631;
            font-size: 13px;
        }


/* TABLET */

@media (max-width: 991px) {

    .stockara-ai-page .stockara-ai-hero-grid,
    .stockara-ai-page .stockara-ai-two-column {
        grid-template-columns: 1fr;
    }

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

    .stockara-ai-page .stockara-ai-market-grid {
        grid-template-columns: repeat(3,1fr);
    }
}


/* MOBILE */

@media (max-width: 650px) {

    .stockara-ai-page .stockara-ai-hero {
        padding: 60px 0;
    }

    .stockara-ai-page .stockara-ai-section,
    .stockara-ai-page .stockara-ai-features,
    .stockara-ai-page .stockara-ai-faq,
    .stockara-ai-page .stockara-ai-markets {
        padding: 55px 0;
    }

    .stockara-ai-page .stockara-ai-hero h1 {
        font-size: 38px;
    }

    .stockara-ai-page .stockara-ai-hero p {
        font-size: 16px;
    }

    .stockara-ai-page .stockara-ai-signal-grid,
    .stockara-ai-page .stockara-ai-feature-grid,
    .stockara-ai-page .stockara-ai-benefit-grid,
    .stockara-ai-page .stockara-ai-trust-grid {
        grid-template-columns: 1fr;
    }

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

    .stockara-ai-page .stockara-ai-text h2 {
        font-size: 30px;
    }

    .stockara-ai-page .stockara-ai-buttons {
        flex-direction: column;
    }

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

/* ==================================================
   STOCKARA INTRADAY PAGE
   Scoped CSS - avoids conflict with existing website
================================================== */

.stockara-intraday-page {
    --sip-primary: #176bff;
    --sip-primary-dark: #0753dd;
    --sip-secondary: #16a96c;
    --sip-dark: #09152b;
    --sip-dark-2: #0e1e38;
    --sip-text: #25334d;
    --sip-muted: #657189;
    --sip-border: #dfe6f1;
    --sip-bg: #ffffff;
    --sip-soft: #f5f8fd;
    --sip-green-soft: #eafbf3;
    --sip-blue-soft: #edf5ff;
    --sip-radius: 22px;
    --sip-shadow: 0 18px 50px rgba(15, 40, 80, 0.09);
    background: #fff;
    color: var(--sip-text);
    font-family: Inter, "Segoe UI", Arial, sans-serif;
    font-size: 16px;
    line-height: 1.7;
    overflow: hidden;
}

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

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

    .stockara-intraday-page a {
        text-decoration: none;
    }

    .stockara-intraday-page .sip-container {
        width: min(1180px, calc(100% - 40px));
        margin-inline: auto;
    }

    .stockara-intraday-page .sip-narrow {
        width: min(900px, calc(100% - 40px));
    }

    .stockara-intraday-page .sip-section {
        padding: 95px 0;
    }

    .stockara-intraday-page .sip-soft-bg {
        background: radial-gradient(circle at 10% 10%, rgba(23, 107, 255, 0.06), transparent 28%), radial-gradient(circle at 90% 80%, rgba(22, 169, 108, 0.05), transparent 25%), var(--sip-soft);
    }


    /* ==================================================
   TYPOGRAPHY
================================================== */

    .stockara-intraday-page .sip-heading {
        margin-bottom: 42px;
    }

        .stockara-intraday-page .sip-heading > span,
        .stockara-intraday-page .sip-small-title {
            display: inline-flex;
            margin-bottom: 13px;
            color: var(--sip-primary);
            font-size: 13px;
            font-weight: 800;
            letter-spacing: 1.2px;
            text-transform: uppercase;
        }

        .stockara-intraday-page .sip-heading h2,
        .stockara-intraday-page .sip-all-in-one h2,
        .stockara-intraday-page .sip-cta-box h2 {
            margin-bottom: 20px;
            color: var(--sip-dark);
            font-size: clamp(32px, 4vw, 48px);
            line-height: 1.13;
            letter-spacing: -1.5px;
        }

            .stockara-intraday-page .sip-heading h2 em,
            .stockara-intraday-page .sip-all-in-one h2 em,
            .stockara-intraday-page .sip-cta-box h2 em {
                display: block;
                color: var(--sip-primary);
                font-style: normal;
            }

        .stockara-intraday-page .sip-heading p {
            max-width: 760px;
            margin-bottom: 0;
            color: var(--sip-muted);
            font-size: 18px;
        }

    .stockara-intraday-page .sip-center {
        max-width: 850px;
        margin-right: auto;
        margin-left: auto;
        text-align: center;
    }

        .stockara-intraday-page .sip-center p {
            margin-right: auto;
            margin-left: auto;
        }


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

    .stockara-intraday-page .sip-btn {
        display: inline-flex;
        min-height: 54px;
        align-items: center;
        justify-content: center;
        padding: 13px 25px;
        border: 1px solid transparent;
        border-radius: 12px;
        font-size: 15px;
        font-weight: 800;
        transition: 0.25s ease;
    }

    .stockara-intraday-page .sip-btn-primary {
        background: linear-gradient(135deg, var(--sip-primary), #0757e8);
        color: #fff;
        box-shadow: 0 12px 28px rgba(23, 107, 255, 0.25);
    }

        .stockara-intraday-page .sip-btn-primary:hover {
            transform: translateY(-2px);
            box-shadow: 0 16px 34px rgba(23, 107, 255, 0.32);
        }

    .stockara-intraday-page .sip-btn-secondary {
        border-color: #cfd9e8;
        background: #fff;
        color: var(--sip-dark);
    }

        .stockara-intraday-page .sip-btn-secondary:hover {
            border-color: var(--sip-primary);
            color: var(--sip-primary);
        }

    .stockara-intraday-page .sip-btn-white {
        background: #fff;
        color: var(--sip-primary);
    }

        .stockara-intraday-page .sip-btn-white:hover {
            transform: translateY(-2px);
        }


    /* ==================================================
   HERO
================================================== */

    .stockara-intraday-page .sip-hero {
        position: relative;
        padding: 80px 0 75px;
        background: radial-gradient(circle at 83% 20%, rgba(23, 107, 255, 0.14), transparent 28%), radial-gradient(circle at 10% 85%, rgba(22, 169, 108, 0.08), transparent 25%), linear-gradient(180deg, #f9fbff 0%, #ffffff 100%);
    }

        .stockara-intraday-page .sip-hero::before {
            position: absolute;
            inset: 0;
            background-image: linear-gradient(rgba(25, 55, 100, 0.03) 1px, transparent 1px), linear-gradient(90deg, rgba(25, 55, 100, 0.03) 1px, transparent 1px);
            background-size: 42px 42px;
            content: "";
            mask-image: linear-gradient(to bottom, #000, transparent);
            pointer-events: none;
        }

    .stockara-intraday-page .sip-hero-grid {
        position: relative;
        z-index: 2;
        display: grid;
        grid-template-columns: 1.05fr 0.95fr;
        gap: 60px;
        align-items: center;
    }

    .stockara-intraday-page .sip-eyebrow {
        display: inline-flex;
        align-items: center;
        gap: 9px;
        margin-bottom: 20px;
        padding: 8px 13px;
        border: 1px solid #dce7f7;
        border-radius: 999px;
        background: rgba(255, 255, 255, 0.88);
        color: #39516f;
        font-size: 12px;
        font-weight: 800;
        letter-spacing: 0.7px;
        text-transform: uppercase;
    }

    .stockara-intraday-page .sip-live-dot {
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: #16b46f;
        box-shadow: 0 0 0 5px rgba(22, 180, 111, 0.12);
    }

    .stockara-intraday-page .sip-hero h1 {
        margin-bottom: 22px;
        color: var(--sip-dark);
        font-size: clamp(43px, 5.2vw, 68px);
        line-height: 1.02;
        letter-spacing: -2.8px;
    }

        .stockara-intraday-page .sip-hero h1 span {
            display: block;
            background: linear-gradient(135deg, var(--sip-primary), #0c84bd);
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
        }

    .stockara-intraday-page .sip-hero-lead {
        max-width: 650px;
        margin-bottom: 12px;
        color: #35445e;
        font-size: 19px;
    }

    .stockara-intraday-page .sip-hero-text {
        max-width: 650px;
        color: var(--sip-muted);
    }

    .stockara-intraday-page .sip-market-tags {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        margin: 27px 0;
    }

        .stockara-intraday-page .sip-market-tags span {
            padding: 7px 12px;
            border: 1px solid #dce5f2;
            border-radius: 8px;
            background: #fff;
            color: #33445e;
            font-size: 12px;
            font-weight: 800;
        }

    .stockara-intraday-page .sip-hero-buttons {
        display: flex;
        flex-wrap: wrap;
        gap: 12px;
        margin-bottom: 28px;
    }

    .stockara-intraday-page .sip-contact-strip {
        display: flex;
        flex-wrap: wrap;
        gap: 28px;
    }

        .stockara-intraday-page .sip-contact-strip div {
            display: flex;
            flex-direction: column;
        }

        .stockara-intraday-page .sip-contact-strip span {
            color: #8a95a7;
            font-size: 11px;
            font-weight: 700;
            letter-spacing: 0.5px;
            text-transform: uppercase;
        }

        .stockara-intraday-page .sip-contact-strip strong {
            color: var(--sip-dark);
            font-size: 14px;
        }


    /* Dashboard Visual */

    .stockara-intraday-page .sip-dashboard-card {
        position: relative;
        padding: 14px;
        border: 1px solid rgba(255,255,255,.75);
        border-radius: 24px;
        background: linear-gradient(145deg, rgba(255,255,255,.98), rgba(244,248,255,.98));
        box-shadow: 0 35px 75px rgba(24, 54, 100, 0.18), inset 0 0 0 1px rgba(23,107,255,.04);
    }

        .stockara-intraday-page .sip-dashboard-card::before {
            position: absolute;
            z-index: -1;
            right: -35px;
            bottom: -35px;
            width: 180px;
            height: 180px;
            border-radius: 50%;
            background: rgba(23,107,255,.13);
            filter: blur(35px);
            content: "";
        }

    .stockara-intraday-page .sip-window-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 5px 7px 14px;
    }

    .stockara-intraday-page .sip-window-dots {
        display: flex;
        gap: 5px;
    }

        .stockara-intraday-page .sip-window-dots span {
            width: 8px;
            height: 8px;
            border-radius: 50%;
            background: #c5cfdd;
        }

    .stockara-intraday-page .sip-live-market {
        color: #1a9d69;
        font-size: 10px;
        font-weight: 900;
        letter-spacing: 1px;
    }

    .stockara-intraday-page .sip-dashboard-title {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 13px;
        padding: 17px;
        border-radius: 14px;
        background: var(--sip-dark);
        color: #fff;
    }

        .stockara-intraday-page .sip-dashboard-title div {
            display: flex;
            flex-direction: column;
        }

        .stockara-intraday-page .sip-dashboard-title small {
            color: #7faeff;
            font-size: 9px;
            font-weight: 900;
            letter-spacing: 1.2px;
        }

        .stockara-intraday-page .sip-dashboard-title strong {
            font-size: 15px;
        }

    .stockara-intraday-page .sip-market-status {
        padding: 6px 9px;
        border-radius: 7px;
        background: rgba(255,255,255,.09);
        color: #afbdd1;
        font-size: 9px;
        font-weight: 700;
    }

    .stockara-intraday-page .sip-signal-cards {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 8px;
    }

    .stockara-intraday-page .sip-mini-card {
        display: flex;
        min-height: 100px;
        flex-direction: column;
        justify-content: center;
        padding: 12px;
        border: 1px solid #e2e8f2;
        border-radius: 12px;
        background: #fff;
    }

        .stockara-intraday-page .sip-mini-card span,
        .stockara-intraday-page .sip-mini-card small {
            color: #8b97a8;
            font-size: 9px;
        }

        .stockara-intraday-page .sip-mini-card strong {
            margin: 4px 0;
            color: var(--sip-dark);
            font-size: 17px;
        }

        .stockara-intraday-page .sip-mini-card.sip-buy strong {
            color: #139962;
        }

        .stockara-intraday-page .sip-mini-card.sip-risk strong {
            color: #e15e5e;
        }

    .stockara-intraday-page .sip-chart-box {
        margin-top: 10px;
        padding: 14px;
        border: 1px solid #e2e8f2;
        border-radius: 14px;
        background: #fff;
    }

    .stockara-intraday-page .sip-chart-header {
        display: flex;
        justify-content: space-between;
        margin-bottom: 15px;
        color: #718097;
        font-size: 10px;
    }

        .stockara-intraday-page .sip-chart-header strong {
            color: var(--sip-dark);
        }

    .stockara-intraday-page .sip-chart-bars {
        display: flex;
        height: 100px;
        align-items: end;
        gap: 7px;
        padding: 0 5px;
        border-bottom: 1px solid #e3e8f0;
        background: repeating-linear-gradient( to bottom, transparent, transparent 24px, rgba(30,60,100,.05) 25px );
    }

        .stockara-intraday-page .sip-chart-bars div {
            width: 100%;
            height: var(--bar);
            border-radius: 4px 4px 0 0;
            background: linear-gradient(180deg, #3b82ff, #16a66b);
        }

    .stockara-intraday-page .sip-timeframes {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 8px;
        margin-top: 10px;
    }

        .stockara-intraday-page .sip-timeframes div {
            padding: 11px 8px;
            border-radius: 10px;
            background: #eff5ff;
            text-align: center;
        }

        .stockara-intraday-page .sip-timeframes span {
            display: block;
            color: #78869a;
            font-size: 9px;
        }

        .stockara-intraday-page .sip-timeframes strong {
            color: #128c5c;
            font-size: 10px;
        }


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

    .stockara-intraday-page .sip-quick-features {
        position: relative;
        z-index: 5;
    }

    .stockara-intraday-page .sip-feature-strip {
        display: grid;
        margin-top: -32px;
        grid-template-columns: repeat(4, 1fr);
        border: 1px solid var(--sip-border);
        border-radius: 18px;
        background: #fff;
        box-shadow: var(--sip-shadow);
    }

        .stockara-intraday-page .sip-feature-strip > div {
            display: flex;
            align-items: center;
            gap: 13px;
            padding: 22px;
            border-right: 1px solid var(--sip-border);
        }

            .stockara-intraday-page .sip-feature-strip > div:last-child {
                border-right: 0;
            }

    .stockara-intraday-page .sip-feature-icon {
        display: inline-flex;
        width: 39px;
        height: 39px;
        flex: 0 0 39px;
        align-items: center;
        justify-content: center;
        border-radius: 10px;
        background: var(--sip-blue-soft);
        color: var(--sip-primary);
        font-size: 12px;
        font-weight: 900;
    }

    .stockara-intraday-page .sip-feature-strip p {
        margin: 0;
        color: var(--sip-muted);
        font-size: 12px;
        line-height: 1.45;
    }

    .stockara-intraday-page .sip-feature-strip strong {
        display: block;
        margin-bottom: 3px;
        color: var(--sip-dark);
        font-size: 14px;
    }


    /* ==================================================
   TWO COLUMN
================================================== */

    .stockara-intraday-page .sip-two-column {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 70px;
    }

    .stockara-intraday-page .sip-align-center {
        align-items: center;
    }

    .stockara-intraday-page .sip-two-column p {
        color: var(--sip-muted);
    }

    .stockara-intraday-page .sip-note {
        margin-top: 25px;
        padding: 17px 19px;
        border-left: 4px solid var(--sip-primary);
        border-radius: 9px;
        background: var(--sip-blue-soft);
        color: #536279;
        font-size: 14px;
    }

        .stockara-intraday-page .sip-note strong {
            color: var(--sip-dark);
        }


    /* ==================================================
   ANALYSIS CHECK CARD
================================================== */

    .stockara-intraday-page .sip-analysis-card {
        padding: 32px;
        border: 1px solid var(--sip-border);
        border-radius: var(--sip-radius);
        background: #fff;
        box-shadow: var(--sip-shadow);
    }

        .stockara-intraday-page .sip-analysis-card h3 {
            margin-bottom: 23px;
            color: var(--sip-dark);
            font-size: 22px;
        }

    .stockara-intraday-page .sip-check-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
    }

        .stockara-intraday-page .sip-check-grid div {
            display: flex;
            align-items: center;
            gap: 8px;
            padding: 12px 13px;
            border-radius: 9px;
            background: #f7f9fc;
            color: #48566c;
            font-size: 13px;
            font-weight: 700;
        }

        .stockara-intraday-page .sip-check-grid span {
            color: var(--sip-secondary);
        }


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

    .stockara-intraday-page .sip-card-grid {
        display: grid;
        gap: 18px;
    }

    .stockara-intraday-page .sip-grid-3 {
        grid-template-columns: repeat(3, 1fr);
    }

    .stockara-intraday-page .sip-info-card {
        position: relative;
        min-height: 240px;
        padding: 29px;
        border: 1px solid var(--sip-border);
        border-radius: 17px;
        background: #fff;
        transition: .25s ease;
    }

        .stockara-intraday-page .sip-info-card:hover {
            transform: translateY(-5px);
            border-color: #bfd3f5;
            box-shadow: 0 18px 40px rgba(26,56,95,.08);
        }

    .stockara-intraday-page .sip-number {
        position: absolute;
        top: 20px;
        right: 22px;
        color: #d8e1ed;
        font-size: 12px;
        font-weight: 900;
    }

    .stockara-intraday-page .sip-card-icon {
        display: inline-flex;
        width: 47px;
        height: 47px;
        align-items: center;
        justify-content: center;
        margin-bottom: 22px;
        border-radius: 12px;
        background: var(--sip-blue-soft);
        color: var(--sip-primary);
        font-size: 12px;
        font-weight: 900;
    }

    .stockara-intraday-page .sip-info-card h3 {
        margin-bottom: 10px;
        color: var(--sip-dark);
        font-size: 19px;
    }

    .stockara-intraday-page .sip-info-card p {
        margin: 0;
        color: var(--sip-muted);
        font-size: 14px;
    }


    /* ==================================================
   TRADE LEVELS
================================================== */

    .stockara-intraday-page .sip-trade-levels {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 18px;
    }

    .stockara-intraday-page .sip-level-card {
        padding: 30px;
        border: 1px solid var(--sip-border);
        border-radius: 18px;
        background: #fff;
    }

    .stockara-intraday-page .sip-level-top {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 35px;
    }

        .stockara-intraday-page .sip-level-top span {
            padding: 7px 10px;
            border-radius: 7px;
            background: var(--sip-blue-soft);
            color: var(--sip-primary);
            font-size: 10px;
            font-weight: 900;
            letter-spacing: 1px;
        }

        .stockara-intraday-page .sip-level-top strong {
            color: #d5ddea;
            font-size: 18px;
        }

    .stockara-intraday-page .sip-level-card h3 {
        margin-bottom: 10px;
        color: var(--sip-dark);
        font-size: 21px;
    }

    .stockara-intraday-page .sip-level-card p {
        margin-bottom: 0;
        color: var(--sip-muted);
        font-size: 14px;
    }


    /* ==================================================
   DARK SECTIONS
================================================== */

    .stockara-intraday-page .sip-dark-section {
        position: relative;
        background: radial-gradient(circle at 90% 20%, rgba(23,107,255,.22), transparent 30%), var(--sip-dark);
        color: #fff;
    }

    .stockara-intraday-page .sip-light-heading h2 {
        color: #fff;
    }

    .stockara-intraday-page .sip-light-heading > span {
        color: #78a8ff;
    }

    .stockara-intraday-page .sip-dark-section p {
        color: #aab8cd;
    }

    .stockara-intraday-page .sip-dark-list {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }

        .stockara-intraday-page .sip-dark-list div {
            display: flex;
            align-items: center;
            gap: 12px;
            padding: 17px;
            border: 1px solid rgba(255,255,255,.09);
            border-radius: 11px;
            background: rgba(255,255,255,.045);
        }

        .stockara-intraday-page .sip-dark-list span {
            color: #6a9cff;
            font-size: 10px;
            font-weight: 900;
        }

        .stockara-intraday-page .sip-dark-list strong {
            color: #eaf0f8;
            font-size: 13px;
        }


    /* ==================================================
   TIMEFRAMES
================================================== */

    .stockara-intraday-page .sip-timeframe-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 18px;
    }

    .stockara-intraday-page .sip-timeframe-card {
        padding: 32px 26px;
        border: 1px solid var(--sip-border);
        border-radius: 17px;
        background: #fff;
        text-align: center;
    }

        .stockara-intraday-page .sip-timeframe-card > strong {
            display: inline;
            color: var(--sip-primary);
            font-size: 46px;
            line-height: 1;
        }

        .stockara-intraday-page .sip-timeframe-card > span {
            margin-left: 4px;
            color: #98a4b6;
            font-size: 11px;
            font-weight: 900;
        }

        .stockara-intraday-page .sip-timeframe-card h3 {
            margin: 18px 0 7px;
            color: var(--sip-dark);
            font-size: 17px;
        }

        .stockara-intraday-page .sip-timeframe-card p {
            margin-bottom: 0;
            color: var(--sip-muted);
            font-size: 13px;
        }


    /* ==================================================
   DASHBOARD FEATURE LIST
================================================== */

    .stockara-intraday-page .sip-dashboard-features {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        border-top: 1px solid var(--sip-border);
        border-left: 1px solid var(--sip-border);
    }

        .stockara-intraday-page .sip-dashboard-features div {
            display: flex;
            align-items: center;
            gap: 14px;
            padding: 18px;
            border-right: 1px solid var(--sip-border);
            border-bottom: 1px solid var(--sip-border);
            background: rgba(255,255,255,.75);
            color: #34425a;
            font-size: 14px;
            font-weight: 700;
        }

        .stockara-intraday-page .sip-dashboard-features span {
            color: var(--sip-primary);
            font-size: 10px;
            font-weight: 900;
        }


    /* ==================================================
   MARKET CARDS
================================================== */

    .stockara-intraday-page .sip-market-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
    }

    .stockara-intraday-page .sip-market-card {
        padding: 31px;
        border: 1px solid var(--sip-border);
        border-radius: 18px;
        background: #fff;
        box-shadow: 0 13px 35px rgba(30,55,90,.05);
    }

    .stockara-intraday-page .sip-market-card-top {
        display: flex;
        justify-content: space-between;
        margin-bottom: 25px;
    }

        .stockara-intraday-page .sip-market-card-top span {
            color: var(--sip-primary);
            font-size: 10px;
            font-weight: 900;
            letter-spacing: 1px;
        }

        .stockara-intraday-page .sip-market-card-top strong {
            color: #d3dce8;
            font-size: 13px;
        }

    .stockara-intraday-page .sip-market-card h3 {
        margin-bottom: 12px;
        color: var(--sip-dark);
        font-size: 27px;
    }

    .stockara-intraday-page .sip-market-card p {
        color: var(--sip-muted);
        font-size: 14px;
    }

    .stockara-intraday-page .sip-market-card ul,
    .stockara-intraday-page .sip-large-info-card ul {
        margin: 20px 0 0;
        padding: 0;
        list-style: none;
    }

    .stockara-intraday-page .sip-market-card li,
    .stockara-intraday-page .sip-large-info-card li {
        position: relative;
        padding: 8px 0 8px 18px;
        border-top: 1px solid #edf0f5;
        color: #59667a;
        font-size: 13px;
    }

        .stockara-intraday-page .sip-market-card li::before,
        .stockara-intraday-page .sip-large-info-card li::before {
            position: absolute;
            left: 0;
            color: var(--sip-secondary);
            content: "✓";
        }


    /* ==================================================
   OPTION CHAIN
================================================== */

    .stockara-intraday-page .sip-option-section {
        background: #fbfcff;
    }

    .stockara-intraday-page .sip-option-panel {
        padding: 22px;
        border-radius: 20px;
        background: var(--sip-dark);
        box-shadow: 0 25px 55px rgba(18,42,77,.18);
    }

    .stockara-intraday-page .sip-option-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 20px;
    }

        .stockara-intraday-page .sip-option-head span {
            color: #78a9ff;
            font-size: 10px;
            font-weight: 900;
            letter-spacing: 1px;
        }

        .stockara-intraday-page .sip-option-head strong {
            color: #fff;
            font-size: 13px;
        }

    .stockara-intraday-page .sip-option-row {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        margin-bottom: 7px;
        padding: 15px;
        border-radius: 9px;
        background: rgba(255,255,255,.055);
        color: #d9e3f0;
        font-size: 12px;
        text-align: center;
    }

    .stockara-intraday-page .sip-option-labels {
        background: transparent;
        color: #7e8da3;
        font-size: 9px;
        font-weight: 900;
    }

    .stockara-intraday-page .sip-option-active {
        border: 1px solid rgba(81,140,255,.38);
        background: rgba(23,107,255,.16);
    }

    .stockara-intraday-page .sip-option-row strong {
        color: #78a9ff;
    }

    .stockara-intraday-page .sip-pcr {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 8px;
        margin-top: 14px;
    }

        .stockara-intraday-page .sip-pcr div {
            padding: 15px;
            border-radius: 9px;
            background: rgba(255,255,255,.06);
            text-align: center;
        }

        .stockara-intraday-page .sip-pcr span {
            display: block;
            color: #7c8da4;
            font-size: 9px;
        }

        .stockara-intraday-page .sip-pcr strong {
            color: #fff;
            font-size: 18px;
        }

    .stockara-intraday-page .sip-simple-list {
        display: grid;
        gap: 13px;
    }

        .stockara-intraday-page .sip-simple-list > div {
            display: flex;
            gap: 12px;
        }

            .stockara-intraday-page .sip-simple-list > div > span {
                display: inline-flex;
                width: 29px;
                height: 29px;
                flex: 0 0 29px;
                align-items: center;
                justify-content: center;
                border-radius: 7px;
                background: var(--sip-green-soft);
                color: var(--sip-secondary);
                font-size: 11px;
                font-weight: 900;
            }

        .stockara-intraday-page .sip-simple-list p {
            margin: 0;
            font-size: 13px;
        }

        .stockara-intraday-page .sip-simple-list strong {
            display: block;
            margin-bottom: 2px;
            color: var(--sip-dark);
            font-size: 14px;
        }


    /* ==================================================
   SCANNER
================================================== */

    .stockara-intraday-page .sip-scanner-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 12px;
    }

        .stockara-intraday-page .sip-scanner-grid div {
            display: flex;
            min-height: 90px;
            align-items: center;
            gap: 13px;
            padding: 20px;
            border: 1px solid var(--sip-border);
            border-radius: 13px;
            background: #fff;
        }

        .stockara-intraday-page .sip-scanner-grid span {
            display: inline-flex;
            width: 40px;
            height: 40px;
            flex: 0 0 40px;
            align-items: center;
            justify-content: center;
            border-radius: 9px;
            background: var(--sip-blue-soft);
            color: var(--sip-primary);
            font-size: 9px;
            font-weight: 900;
        }

        .stockara-intraday-page .sip-scanner-grid strong {
            color: #344258;
            font-size: 13px;
        }


    /* ==================================================
   LARGE INFO CARDS
================================================== */

    .stockara-intraday-page .sip-large-info-card {
        padding: 31px;
        border-top: 4px solid var(--sip-primary);
        border-radius: 0 0 17px 17px;
        background: #f9fbfe;
    }

        .stockara-intraday-page .sip-large-info-card > span {
            color: #a7b3c3;
            font-size: 11px;
            font-weight: 900;
        }

        .stockara-intraday-page .sip-large-info-card h3 {
            margin: 16px 0 11px;
            color: var(--sip-dark);
            font-size: 21px;
        }

        .stockara-intraday-page .sip-large-info-card p {
            color: var(--sip-muted);
            font-size: 14px;
        }


    /* ==================================================
   USERS
================================================== */

    .stockara-intraday-page .sip-user-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 12px;
    }

        .stockara-intraday-page .sip-user-grid > div {
            padding: 28px;
            border: 1px solid rgba(255,255,255,.09);
            border-radius: 14px;
            background: rgba(255,255,255,.045);
        }

        .stockara-intraday-page .sip-user-grid span {
            color: #6fa2ff;
            font-size: 10px;
            font-weight: 900;
        }

        .stockara-intraday-page .sip-user-grid h3 {
            margin: 15px 0 7px;
            color: #fff;
            font-size: 18px;
        }

        .stockara-intraday-page .sip-user-grid p {
            margin-bottom: 0;
            font-size: 13px;
        }


    /* ==================================================
   WHY STOCKARA
================================================== */

    .stockara-intraday-page .sip-why-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 11px;
    }

        .stockara-intraday-page .sip-why-grid > div {
            padding: 22px;
            border: 1px solid var(--sip-border);
            border-radius: 13px;
            background: #fff;
        }

            .stockara-intraday-page .sip-why-grid > div > strong {
                color: #a5b1c2;
                font-size: 10px;
            }

        .stockara-intraday-page .sip-why-grid h3 {
            margin: 11px 0 5px;
            color: var(--sip-dark);
            font-size: 16px;
        }

        .stockara-intraday-page .sip-why-grid p {
            margin: 0;
            font-size: 12px;
        }


    /* ==================================================
   HOW IT WORKS
================================================== */

    .stockara-intraday-page .sip-steps {
        position: relative;
        max-width: 820px;
        margin: 0 auto;
    }

    .stockara-intraday-page .sip-step {
        display: grid;
        grid-template-columns: 70px 1fr;
        gap: 22px;
        padding: 0 0 30px;
    }

        .stockara-intraday-page .sip-step > span {
            display: inline-flex;
            width: 56px;
            height: 56px;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            background: var(--sip-dark);
            color: #fff;
            font-size: 11px;
            font-weight: 900;
            box-shadow: 0 0 0 8px #e8f0ff;
        }

        .stockara-intraday-page .sip-step h3 {
            margin: 5px 0 6px;
            color: var(--sip-dark);
            font-size: 18px;
        }

        .stockara-intraday-page .sip-step p {
            margin-bottom: 0;
            color: var(--sip-muted);
            font-size: 14px;
        }


    /* ==================================================
   ALL IN ONE
================================================== */

    .stockara-intraday-page .sip-all-in-one {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 60px;
        align-items: center;
        padding: 50px;
        border: 1px solid var(--sip-border);
        border-radius: 25px;
        background: radial-gradient(circle at 90% 20%, rgba(23,107,255,.08), transparent 30%), #fff;
        box-shadow: var(--sip-shadow);
    }

        .stockara-intraday-page .sip-all-in-one p {
            margin-bottom: 0;
            color: var(--sip-muted);
        }

    .stockara-intraday-page .sip-tool-cloud {
        display: flex;
        flex-wrap: wrap;
        gap: 9px;
    }

        .stockara-intraday-page .sip-tool-cloud span {
            padding: 11px 14px;
            border: 1px solid var(--sip-border);
            border-radius: 9px;
            background: #fff;
            color: #425169;
            font-size: 12px;
            font-weight: 800;
        }


    /* ==================================================
   FAQ
================================================== */

    .stockara-intraday-page .sip-faq {
        display: grid;
        gap: 11px;
    }

        .stockara-intraday-page .sip-faq details {
            border: 1px solid var(--sip-border);
            border-radius: 13px;
            background: #fff;
            overflow: hidden;
        }

        .stockara-intraday-page .sip-faq summary {
            position: relative;
            padding: 20px 55px 20px 22px;
            color: var(--sip-dark);
            font-size: 15px;
            font-weight: 800;
            cursor: pointer;
            list-style: none;
        }

            .stockara-intraday-page .sip-faq summary::-webkit-details-marker {
                display: none;
            }

            .stockara-intraday-page .sip-faq summary::after {
                position: absolute;
                top: 50%;
                right: 20px;
                width: 28px;
                height: 28px;
                border-radius: 7px;
                background: var(--sip-blue-soft);
                color: var(--sip-primary);
                font-size: 19px;
                line-height: 28px;
                text-align: center;
                transform: translateY(-50%);
                content: "+";
            }

        .stockara-intraday-page .sip-faq details[open] summary::after {
            content: "−";
        }

        .stockara-intraday-page .sip-faq details p {
            margin: 0;
            padding: 0 22px 22px;
            color: var(--sip-muted);
            font-size: 14px;
        }


    /* ==================================================
   FINAL CTA
================================================== */

    .stockara-intraday-page .sip-final-cta {
        padding: 80px 0;
        background: #fff;
    }

    .stockara-intraday-page .sip-cta-box {
        display: grid;
        grid-template-columns: 1.4fr .6fr;
        gap: 50px;
        align-items: center;
        padding: 55px;
        border-radius: 25px;
        background: radial-gradient(circle at 90% 20%, rgba(73,135,255,.3), transparent 30%), linear-gradient(135deg, #0a1a34, #102b55);
        box-shadow: 0 30px 70px rgba(15,45,85,.19);
    }

        .stockara-intraday-page .sip-cta-box > div > span {
            display: inline-block;
            margin-bottom: 12px;
            color: #7faaff;
            font-size: 11px;
            font-weight: 900;
            letter-spacing: 1px;
            text-transform: uppercase;
        }

        .stockara-intraday-page .sip-cta-box h2 {
            color: #fff;
        }

        .stockara-intraday-page .sip-cta-box p {
            margin-bottom: 0;
            color: #b5c2d4;
        }

    .stockara-intraday-page .sip-cta-action {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }

        .stockara-intraday-page .sip-cta-action > strong {
            margin-top: 10px;
            color: #fff;
            font-size: 25px;
        }

        .stockara-intraday-page .sip-cta-action > a:not(.sip-btn) {
            color: #8fb5ff;
            font-size: 14px;
        }


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

    .stockara-intraday-page .sip-disclaimer {
        padding: 23px 0;
        border-top: 1px solid #e2e7ee;
        background: #f5f7fa;
    }

        .stockara-intraday-page .sip-disclaimer p {
            margin: 0;
            color: #758094;
            font-size: 11px;
            line-height: 1.7;
        }

        .stockara-intraday-page .sip-disclaimer strong {
            color: #4e5b6f;
        }


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

@media (max-width: 1024px) {

    .stockara-intraday-page .sip-hero-grid,
    .stockara-intraday-page .sip-two-column,
    .stockara-intraday-page .sip-all-in-one {
        grid-template-columns: 1fr;
    }

    .stockara-intraday-page .sip-hero-grid {
        gap: 45px;
    }

    .stockara-intraday-page .sip-feature-strip {
        grid-template-columns: repeat(2, 1fr);
    }

        .stockara-intraday-page .sip-feature-strip > div {
            border-bottom: 1px solid var(--sip-border);
        }

    .stockara-intraday-page .sip-grid-3,
    .stockara-intraday-page .sip-market-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .stockara-intraday-page .sip-timeframe-grid,
    .stockara-intraday-page .sip-scanner-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .stockara-intraday-page .sip-cta-box {
        grid-template-columns: 1fr;
    }
}


@media (max-width: 767px) {

    .stockara-intraday-page .sip-container,
    .stockara-intraday-page .sip-narrow {
        width: min(100% - 28px, 1180px);
    }

    .stockara-intraday-page .sip-section {
        padding: 65px 0;
    }

    .stockara-intraday-page .sip-hero {
        padding: 55px 0 65px;
    }

        .stockara-intraday-page .sip-hero h1 {
            font-size: 42px;
            letter-spacing: -1.8px;
        }

    .stockara-intraday-page .sip-heading h2,
    .stockara-intraday-page .sip-all-in-one h2,
    .stockara-intraday-page .sip-cta-box h2 {
        font-size: 34px;
        letter-spacing: -1px;
    }

    .stockara-intraday-page .sip-feature-strip,
    .stockara-intraday-page .sip-grid-3,
    .stockara-intraday-page .sip-trade-levels,
    .stockara-intraday-page .sip-market-grid,
    .stockara-intraday-page .sip-user-grid,
    .stockara-intraday-page .sip-dashboard-features {
        grid-template-columns: 1fr;
    }

        .stockara-intraday-page .sip-feature-strip > div {
            border-right: 0;
        }

            .stockara-intraday-page .sip-feature-strip > div:last-child {
                border-bottom: 0;
            }

    .stockara-intraday-page .sip-signal-cards {
        grid-template-columns: repeat(2, 1fr);
    }

    .stockara-intraday-page .sip-timeframes {
        grid-template-columns: repeat(2, 1fr);
    }

    .stockara-intraday-page .sip-check-grid {
        grid-template-columns: 1fr;
    }

    .stockara-intraday-page .sip-dark-list {
        grid-template-columns: 1fr;
    }

    .stockara-intraday-page .sip-timeframe-grid,
    .stockara-intraday-page .sip-scanner-grid,
    .stockara-intraday-page .sip-why-grid {
        grid-template-columns: 1fr;
    }

    .stockara-intraday-page .sip-all-in-one,
    .stockara-intraday-page .sip-cta-box {
        padding: 32px 24px;
    }
}


@media (max-width: 480px) {

    .stockara-intraday-page .sip-hero h1 {
        font-size: 37px;
    }

    .stockara-intraday-page .sip-heading h2,
    .stockara-intraday-page .sip-all-in-one h2,
    .stockara-intraday-page .sip-cta-box h2 {
        font-size: 30px;
    }

    .stockara-intraday-page .sip-hero-buttons {
        flex-direction: column;
    }

    .stockara-intraday-page .sip-btn {
        width: 100%;
    }

    .stockara-intraday-page .sip-signal-cards {
        grid-template-columns: 1fr 1fr;
    }

    .stockara-intraday-page .sip-dashboard-card {
        padding: 9px;
    }

    .stockara-intraday-page .sip-dashboard-title {
        padding: 13px;
    }

    .stockara-intraday-page .sip-analysis-card,
    .stockara-intraday-page .sip-market-card,
    .stockara-intraday-page .sip-info-card,
    .stockara-intraday-page .sip-level-card {
        padding: 23px;
    }

    .stockara-intraday-page .sip-contact-strip {
        gap: 16px;
    }
}
.stockara-nifty-page,
.stockara-nifty-page * {
    box-sizing: border-box;
}

.stockara-nifty-page {
    --sn-primary: #0f4cdd;
    --sn-primary2: #2563eb;
    --sn-dark: #07152e;
    --sn-dark2: #10213e;
    --sn-green: #10b981;
    --sn-red: #ef4444;
    --sn-orange: #f59e0b;
    --sn-light: #f5f8ff;
    --sn-border: #e3eaf5;
    --sn-text: #566176;
    font-family: Inter,Arial,sans-serif;
    color: var(--sn-dark);
    line-height: 1.65;
    background: #fff;
    overflow: hidden;
}

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

    .stockara-nifty-page a {
        text-decoration: none;
    }

    .stockara-nifty-page .sn-container {
        max-width: 1200px;
        margin: auto;
        padding-left: 20px;
        padding-right: 20px;
    }

    /* =========================
 HERO
========================= */

    .stockara-nifty-page .sn-hero {
        position: relative;
        padding: 90px 0;
        background: radial-gradient(circle at 80% 15%,rgba(37,99,235,.17),transparent 28%), radial-gradient(circle at 10% 80%,rgba(16,185,129,.10),transparent 25%), linear-gradient(135deg,#f9fbff,#eef4ff);
    }

        .stockara-nifty-page .sn-hero:before {
            content: "";
            position: absolute;
            inset: 0;
            opacity: .25;
            background-image: linear-gradient(rgba(15,76,221,.08) 1px,transparent 1px), linear-gradient(90deg,rgba(15,76,221,.08) 1px,transparent 1px);
            background-size: 45px 45px;
        }

    .stockara-nifty-page .sn-hero-wrap {
        position: relative;
        z-index: 2;
        display: grid;
        grid-template-columns: 1.1fr .9fr;
        gap: 60px;
        align-items: center;
    }

    .stockara-nifty-page .sn-badge {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        background: #e8efff;
        color: var(--sn-primary);
        border: 1px solid #d4e0ff;
        padding: 8px 15px;
        border-radius: 30px;
        font-size: 13px;
        font-weight: 800;
        margin-bottom: 20px;
    }

    .stockara-nifty-page .sn-badge-dot {
        width: 9px;
        height: 9px;
        background: var(--sn-green);
        border-radius: 50%;
        box-shadow: 0 0 0 5px rgba(16,185,129,.13);
    }

    .stockara-nifty-page .sn-hero h1 {
        font-size: 52px;
        line-height: 1.1;
        letter-spacing: -1.5px;
        margin-bottom: 22px;
        font-weight: 850;
    }

    .stockara-nifty-page .sn-gradient-text {
        color: var(--sn-primary);
    }

    .stockara-nifty-page .sn-hero-text {
        font-size: 18px;
        color: var(--sn-text);
        max-width: 700px;
        margin-bottom: 18px;
    }

    .stockara-nifty-page .sn-highlight-line {
        font-weight: 800;
        color: var(--sn-dark);
        margin: 22px 0;
    }

    .stockara-nifty-page .sn-hero-buttons {
        display: flex;
        gap: 12px;
        flex-wrap: wrap;
        margin-top: 30px;
    }

    .stockara-nifty-page .sn-btn {
        min-height: 52px;
        padding: 0 23px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 11px;
        font-weight: 800;
        transition: .25s ease;
    }

    .stockara-nifty-page .sn-btn-primary {
        background: linear-gradient(135deg,var(--sn-primary),var(--sn-primary2));
        color: white;
        box-shadow: 0 12px 30px rgba(37,99,235,.25);
    }

        .stockara-nifty-page .sn-btn-primary:hover {
            transform: translateY(-2px);
            box-shadow: 0 16px 35px rgba(37,99,235,.35);
        }

    .stockara-nifty-page .sn-btn-outline {
        background: #fff;
        color: var(--sn-dark);
        border: 1px solid var(--sn-border);
    }

        .stockara-nifty-page .sn-btn-outline:hover {
            border-color: var(--sn-primary);
            color: var(--sn-primary);
        }

    /* HERO DASHBOARD */

    .stockara-nifty-page .sn-dashboard {
        background: #08172f;
        border: 1px solid rgba(255,255,255,.12);
        box-shadow: 0 30px 65px rgba(7,21,46,.25);
        border-radius: 22px;
        overflow: hidden;
        transform: perspective(1000px) rotateY(-3deg);
    }

    .stockara-nifty-page .sn-dashboard-top {
        display: flex;
        justify-content: space-between;
        align-items: center;
        color: #fff;
        padding: 16px 20px;
        background: #0d203e;
        border-bottom: 1px solid rgba(255,255,255,.08);
    }

    .stockara-nifty-page .sn-dashboard-title {
        font-size: 14px;
        font-weight: 800;
    }

    .stockara-nifty-page .sn-live {
        display: flex;
        align-items: center;
        gap: 7px;
        color: #82f4c1;
        font-size: 12px;
        font-weight: 700;
    }

        .stockara-nifty-page .sn-live:before {
            content: "";
            width: 8px;
            height: 8px;
            background: #22c55e;
            border-radius: 50%;
        }

    .stockara-nifty-page .sn-dashboard-body {
        padding: 20px;
    }

    .stockara-nifty-page .sn-market-head {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        margin-bottom: 18px;
    }

    .stockara-nifty-page .sn-market-name {
        color: white;
        font-size: 22px;
        font-weight: 800;
    }

    .stockara-nifty-page .sn-market-sub {
        color: #8da2c4;
        font-size: 12px;
    }

    .stockara-nifty-page .sn-market-trend {
        padding: 7px 11px;
        border-radius: 8px;
        background: rgba(16,185,129,.13);
        color: #50e2a7;
        font-size: 12px;
        font-weight: 800;
    }

    .stockara-nifty-page .sn-chart {
        height: 160px;
        display: flex;
        align-items: flex-end;
        gap: 7px;
        margin-bottom: 20px;
        border-bottom: 1px solid rgba(255,255,255,.1);
        position: relative;
    }

        .stockara-nifty-page .sn-chart:before,
        .stockara-nifty-page .sn-chart:after {
            content: "";
            position: absolute;
            width: 100%;
            left: 0;
            height: 1px;
            background: rgba(255,255,255,.06);
        }

        .stockara-nifty-page .sn-chart:before {
            top: 35%;
        }

        .stockara-nifty-page .sn-chart:after {
            top: 65%;
        }

    .stockara-nifty-page .sn-candle {
        flex: 1;
        max-width: 17px;
        border-radius: 2px 2px 0 0;
        position: relative;
        z-index: 2;
    }

        .stockara-nifty-page .sn-candle.green {
            background: #19c88a;
        }

        .stockara-nifty-page .sn-candle.red {
            background: #ef5a67;
        }

    .stockara-nifty-page .sn-signal-row {
        display: grid;
        grid-template-columns: repeat(3,1fr);
        gap: 10px;
    }

    .stockara-nifty-page .sn-signal-box {
        background: #102642;
        border: 1px solid rgba(255,255,255,.07);
        border-radius: 12px;
        padding: 13px;
    }

    .stockara-nifty-page .sn-signal-label {
        font-size: 10px;
        text-transform: uppercase;
        color: #8296b6;
    }

    .stockara-nifty-page .sn-signal-value {
        margin-top: 4px;
        color: #fff;
        font-size: 15px;
        font-weight: 800;
    }

    .stockara-nifty-page .sn-buy {
        color: #32dc9c !important;
    }

    /* =========================
 SECTIONS
========================= */

    .stockara-nifty-page .sn-section {
        padding: 85px 0;
    }

    .stockara-nifty-page .sn-section-light {
        background: var(--sn-light);
    }

    .stockara-nifty-page .sn-heading {
        text-align: center;
        max-width: 800px;
        margin: 0 auto 50px;
    }

        .stockara-nifty-page .sn-heading span {
            color: var(--sn-primary);
            font-size: 13px;
            font-weight: 800;
            text-transform: uppercase;
            letter-spacing: 1.5px;
        }

        .stockara-nifty-page .sn-heading h2 {
            font-size: 38px;
            line-height: 1.2;
            margin: 10px 0 15px;
            letter-spacing: -.7px;
        }

        .stockara-nifty-page .sn-heading p {
            color: var(--sn-text);
            font-size: 16px;
        }

    /* =========================
 INFO BOX
========================= */

    .stockara-nifty-page .sn-info-grid {
        display: grid;
        grid-template-columns: .95fr 1.05fr;
        gap: 55px;
        align-items: center;
    }

    .stockara-nifty-page .sn-info-content h2 {
        font-size: 38px;
        line-height: 1.2;
        margin-bottom: 18px;
    }

    .stockara-nifty-page .sn-info-content p {
        color: var(--sn-text);
    }

    .stockara-nifty-page .sn-feature-list {
        display: grid;
        grid-template-columns: repeat(2,1fr);
        gap: 12px;
        margin-top: 25px;
    }

        .stockara-nifty-page .sn-feature-list div {
            display: flex;
            align-items: center;
            gap: 9px;
            font-weight: 700;
            font-size: 14px;
        }

    .stockara-nifty-page .sn-check {
        width: 24px;
        height: 24px;
        border-radius: 50%;
        background: #dcfce7;
        color: #059669;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 12px;
        flex-shrink: 0;
    }

    /* =========================
 ANALYSIS CARDS
========================= */

    .stockara-nifty-page .sn-card-grid {
        display: grid;
        grid-template-columns: repeat(3,1fr);
        gap: 20px;
    }

    .stockara-nifty-page .sn-card {
        background: #fff;
        border: 1px solid var(--sn-border);
        border-radius: 17px;
        padding: 27px;
        box-shadow: 0 10px 35px rgba(15,35,70,.05);
        transition: .25s;
    }

        .stockara-nifty-page .sn-card:hover {
            transform: translateY(-5px);
            border-color: #c9d7ff;
            box-shadow: 0 20px 45px rgba(15,35,70,.10);
        }

    .stockara-nifty-page .sn-card-icon {
        width: 48px;
        height: 48px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 13px;
        background: #eaf0ff;
        color: var(--sn-primary);
        font-weight: 900;
        font-size: 20px;
        margin-bottom: 18px;
    }

    .stockara-nifty-page .sn-card h3 {
        font-size: 19px;
        margin-bottom: 8px;
    }

    .stockara-nifty-page .sn-card p {
        color: var(--sn-text);
        font-size: 14px;
        margin-bottom: 0;
    }

    /* =========================
 SIGNAL SECTION
========================= */

    .stockara-nifty-page .sn-signal-section {
        background: linear-gradient(135deg,#07152e,#0e264b);
        color: #fff;
    }

        .stockara-nifty-page .sn-signal-section .sn-heading h2 {
            color: #fff;
        }

        .stockara-nifty-page .sn-signal-section .sn-heading p {
            color: #adbad0;
        }

    .stockara-nifty-page .sn-signal-cards {
        display: grid;
        grid-template-columns: repeat(5,1fr);
        gap: 13px;
    }

    .stockara-nifty-page .sn-dark-card {
        padding: 20px 15px;
        text-align: center;
        background: rgba(255,255,255,.055);
        border: 1px solid rgba(255,255,255,.09);
        border-radius: 14px;
    }

        .stockara-nifty-page .sn-dark-card strong {
            display: block;
            font-size: 14px;
        }

        .stockara-nifty-page .sn-dark-card span {
            font-size: 12px;
            color: #99a9c2;
        }

    /* =========================
 ENTRY TARGET SL
========================= */

    .stockara-nifty-page .sn-trade-levels {
        display: grid;
        grid-template-columns: repeat(3,1fr);
        gap: 22px;
    }

    .stockara-nifty-page .sn-level {
        padding: 30px;
        border-radius: 18px;
        border: 1px solid var(--sn-border);
        background: #fff;
        position: relative;
        overflow: hidden;
    }

        .stockara-nifty-page .sn-level:before {
            content: "";
            width: 90px;
            height: 90px;
            position: absolute;
            right: -30px;
            top: -30px;
            border-radius: 50%;
            background: #edf3ff;
        }

    .stockara-nifty-page .sn-level-number {
        width: 42px;
        height: 42px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 10px;
        background: var(--sn-primary);
        color: #fff;
        font-size: 17px;
        font-weight: 900;
        margin-bottom: 18px;
    }

    .stockara-nifty-page .sn-level h3 {
        font-size: 21px;
        margin-bottom: 8px;
    }

    .stockara-nifty-page .sn-level p {
        color: var(--sn-text);
        font-size: 14px;
        margin: 0;
    }

    /* =========================
 TIMEFRAMES
========================= */

    .stockara-nifty-page .sn-timeframes {
        display: grid;
        grid-template-columns: repeat(4,1fr);
        gap: 16px;
    }

    .stockara-nifty-page .sn-time {
        text-align: center;
        padding: 30px 15px;
        background: white;
        border: 1px solid var(--sn-border);
        border-radius: 16px;
    }

        .stockara-nifty-page .sn-time strong {
            display: block;
            font-size: 30px;
            color: var(--sn-primary);
            margin-bottom: 3px;
        }

        .stockara-nifty-page .sn-time span {
            color: var(--sn-text);
            font-size: 13px;
        }

    /* =========================
 OPTION CHAIN
========================= */

    .stockara-nifty-page .sn-option-wrap {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 50px;
        align-items: center;
    }

    .stockara-nifty-page .sn-option-demo {
        background: #09182f;
        border-radius: 20px;
        padding: 20px;
        box-shadow: 0 25px 55px rgba(7,21,46,.20);
    }

    .stockara-nifty-page .sn-option-header {
        color: #fff;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-bottom: 14px;
        font-weight: 800;
    }

    .stockara-nifty-page .sn-option-table {
        width: 100%;
        border-collapse: collapse;
        font-size: 12px;
    }

        .stockara-nifty-page .sn-option-table th {
            color: #8296b6;
            padding: 10px 6px;
            background: #102642;
        }

        .stockara-nifty-page .sn-option-table td {
            color: #d8e2f2;
            padding: 11px 6px;
            border-bottom: 1px solid rgba(255,255,255,.06);
            text-align: center;
        }

        .stockara-nifty-page .sn-option-table .sn-ce {
            color: #ff8f97;
        }

        .stockara-nifty-page .sn-option-table .sn-pe {
            color: #43dca5;
        }

    .stockara-nifty-page .sn-option-content h2 {
        font-size: 37px;
        line-height: 1.25;
        margin-bottom: 18px;
    }

    .stockara-nifty-page .sn-option-content p {
        color: var(--sn-text);
    }

    .stockara-nifty-page .sn-mini-features {
        margin-top: 22px;
    }

    .stockara-nifty-page .sn-mini-feature {
        display: flex;
        gap: 12px;
        align-items: flex-start;
        padding: 13px 0;
        border-bottom: 1px solid var(--sn-border);
    }

        .stockara-nifty-page .sn-mini-feature strong {
            display: block;
        }

        .stockara-nifty-page .sn-mini-feature p {
            font-size: 13px;
            margin: 2px 0 0;
        }

    /* =========================
 USERS
========================= */

    .stockara-nifty-page .sn-user-grid {
        display: grid;
        grid-template-columns: repeat(3,1fr);
        gap: 18px;
    }

    /* =========================
 STEPS
========================= */

    .stockara-nifty-page .sn-steps {
        max-width: 900px;
        margin: auto;
    }

    .stockara-nifty-page .sn-step {
        display: flex;
        gap: 20px;
        margin-bottom: 16px;
        padding: 22px;
        border-radius: 15px;
        border: 1px solid var(--sn-border);
        background: #fff;
    }

    .stockara-nifty-page .sn-step-num {
        min-width: 45px;
        height: 45px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: var(--sn-primary);
        color: #fff;
        font-weight: 900;
        border-radius: 50%;
    }

    .stockara-nifty-page .sn-step h3 {
        margin: 0 0 5px;
        font-size: 18px;
    }

    .stockara-nifty-page .sn-step p {
        margin: 0;
        color: var(--sn-text);
        font-size: 14px;
    }

    /* =========================
 FAQ
========================= */

    .stockara-nifty-page .sn-faq {
        max-width: 900px;
        margin: auto;
    }

    .stockara-nifty-page details {
        background: #fff;
        border: 1px solid var(--sn-border);
        border-radius: 13px;
        margin-bottom: 12px;
        overflow: hidden;
    }

    .stockara-nifty-page summary {
        list-style: none;
        cursor: pointer;
        padding: 20px 55px 20px 20px;
        font-weight: 800;
        position: relative;
    }

        .stockara-nifty-page summary::-webkit-details-marker {
            display: none;
        }

        .stockara-nifty-page summary:after {
            content: "+";
            width: 30px;
            height: 30px;
            border-radius: 50%;
            background: #edf3ff;
            color: var(--sn-primary);
            display: flex;
            align-items: center;
            justify-content: center;
            position: absolute;
            right: 17px;
            top: 16px;
            font-size: 20px;
        }

    .stockara-nifty-page details[open] summary:after {
        content: "−";
    }

    .stockara-nifty-page .sn-faq-answer {
        padding: 0 20px 20px;
        color: var(--sn-text);
        font-size: 14px;
    }

    /* =========================
 CTA
========================= */

    .stockara-nifty-page .sn-final-cta {
        padding: 80px 0;
    }

    .stockara-nifty-page .sn-cta-box {
        position: relative;
        overflow: hidden;
        background: linear-gradient(135deg,#0f4cdd,#173d9f);
        color: #fff;
        border-radius: 25px;
        padding: 55px 40px;
        text-align: center;
    }

        .stockara-nifty-page .sn-cta-box:before {
            content: "";
            position: absolute;
            width: 280px;
            height: 280px;
            background: rgba(255,255,255,.08);
            border-radius: 50%;
            right: -100px;
            top: -120px;
        }

        .stockara-nifty-page .sn-cta-box h2 {
            position: relative;
            font-size: 39px;
            margin-bottom: 12px;
        }

        .stockara-nifty-page .sn-cta-box p {
            position: relative;
            max-width: 700px;
            margin: 0 auto 25px;
            color: #dce7ff;
        }

    .stockara-nifty-page .sn-cta-buttons {
        position: relative;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        gap: 10px;
    }

    .stockara-nifty-page .sn-white-btn {
        background: white;
        color: var(--sn-primary);
    }

    .stockara-nifty-page .sn-phone-btn {
        background: #0a2c7e;
        border: 1px solid rgba(255,255,255,.25);
        color: white;
    }

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

    .stockara-nifty-page .sn-disclaimer {
        max-width: 1000px;
        margin: 0 auto 55px;
        padding: 20px;
        border: 1px solid #fed7aa;
        background: #fffaf2;
        border-radius: 13px;
        color: #7c5b2d;
        font-size: 13px;
        text-align: center;
    }

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

@media(max-width:950px) {

    .stockara-nifty-page .sn-hero-wrap,
    .stockara-nifty-page .sn-info-grid,
    .stockara-nifty-page .sn-option-wrap {
        grid-template-columns: 1fr;
    }

    .stockara-nifty-page .sn-dashboard {
        transform: none;
    }

    .stockara-nifty-page .sn-card-grid,
    .stockara-nifty-page .sn-user-grid {
        grid-template-columns: repeat(2,1fr);
    }

    .stockara-nifty-page .sn-signal-cards {
        grid-template-columns: repeat(2,1fr);
    }
}

@media(max-width:700px) {

    .stockara-nifty-page .sn-hero {
        padding: 60px 0;
    }

        .stockara-nifty-page .sn-hero h1 {
            font-size: 37px;
        }

    .stockara-nifty-page .sn-heading h2,
    .stockara-nifty-page .sn-info-content h2,
    .stockara-nifty-page .sn-option-content h2 {
        font-size: 30px;
    }

    .stockara-nifty-page .sn-section {
        padding: 60px 0;
    }

    .stockara-nifty-page .sn-card-grid,
    .stockara-nifty-page .sn-user-grid,
    .stockara-nifty-page .sn-trade-levels,
    .stockara-nifty-page .sn-timeframes {
        grid-template-columns: 1fr;
    }

    .stockara-nifty-page .sn-feature-list {
        grid-template-columns: 1fr;
    }

    .stockara-nifty-page .sn-signal-row {
        grid-template-columns: 1fr;
    }

    .stockara-nifty-page .sn-cta-box {
        padding: 40px 20px;
    }

        .stockara-nifty-page .sn-cta-box h2 {
            font-size: 30px;
        }
}

/* ==========================================
   STOCKARA BANK NIFTY LANDING PAGE
   All classes scoped with .stkbn-
========================================== */

.stkbn-page,
.stkbn-page * {
    box-sizing: border-box;
}

.stkbn-page {
    --stkbn-primary: #1769ff;
    --stkbn-primary-dark: #0d4bc9;
    --stkbn-accent: #00a96b;
    --stkbn-dark: #071426;
    --stkbn-dark2: #0c1c34;
    --stkbn-text: #172033;
    --stkbn-muted: #667085;
    --stkbn-border: #e7eaf0;
    --stkbn-bg: #f6f9ff;
    --stkbn-white: #ffffff;
    --stkbn-red: #e23d4f;
    font-family: Inter, "Segoe UI", Arial, sans-serif;
    color: var(--stkbn-text);
    line-height: 1.65;
    background: #fff;
}

    .stkbn-page h1,
    .stkbn-page h2,
    .stkbn-page h3,
    .stkbn-page p {
        margin-top: 0;
    }

    .stkbn-page a {
        text-decoration: none;
    }

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


/* HERO */

.stkbn-hero {
    position: relative;
    overflow: hidden;
    padding: 95px 0 85px;
    background: radial-gradient(circle at 80% 20%, rgba(23,105,255,.14), transparent 28%), radial-gradient(circle at 15% 75%, rgba(0,169,107,.10), transparent 25%), linear-gradient(135deg, #f8fbff 0%, #ffffff 50%, #f1f6ff 100%);
}

    .stkbn-hero:before {
        content: "";
        position: absolute;
        inset: 0;
        opacity: .32;
        pointer-events: none;
        background-image: linear-gradient(rgba(23,105,255,.05) 1px, transparent 1px), linear-gradient(90deg, rgba(23,105,255,.05) 1px, transparent 1px);
        background-size: 40px 40px;
    }

.stkbn-hero-grid {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: 1.08fr .92fr;
    gap: 65px;
    align-items: center;
}

.stkbn-eyebrow,
.stkbn-section-head > span,
.stkbn-complete-box > span,
.stkbn-cta-box > div > span {
    display: inline-flex;
    align-items: center;
    padding: 7px 14px;
    border-radius: 999px;
    background: rgba(23,105,255,.09);
    color: var(--stkbn-primary);
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .7px;
}

.stkbn-hero h1 {
    margin: 20px 0 22px;
    max-width: 720px;
    color: #0d1c35;
    font-size: clamp(40px, 5vw, 68px);
    line-height: 1.05;
    letter-spacing: -2.4px;
}

    .stkbn-hero h1 span {
        color: var(--stkbn-primary);
    }

.stkbn-lead {
    max-width: 720px;
    color: #526078;
    font-size: 18px;
    line-height: 1.8;
}

.stkbn-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
    margin: 28px 0;
}

    .stkbn-tags span {
        padding: 8px 13px;
        border: 1px solid #dce6f5;
        border-radius: 9px;
        background: rgba(255,255,255,.75);
        color: #3f4b61;
        font-size: 13px;
        font-weight: 700;
    }

.stkbn-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 13px;
}

.stkbn-btn {
    display: inline-flex;
    min-height: 52px;
    align-items: center;
    justify-content: center;
    padding: 0 24px;
    border-radius: 11px;
    font-size: 15px;
    font-weight: 800;
    transition: .25s ease;
}

.stkbn-btn-primary {
    color: white;
    background: linear-gradient(135deg, var(--stkbn-primary), #0054e8);
    box-shadow: 0 12px 30px rgba(23,105,255,.22);
}

    .stkbn-btn-primary:hover {
        transform: translateY(-2px);
        box-shadow: 0 16px 35px rgba(23,105,255,.30);
    }

.stkbn-btn-light {
    border: 1px solid #dfe6ef;
    color: #15233c;
    background: #fff;
}

.stkbn-contact-bar {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    margin-top: 32px;
}

    .stkbn-contact-bar div {
        display: flex;
        flex-direction: column;
    }

    .stkbn-contact-bar span {
        color: #8a94a6;
        font-size: 11px;
        text-transform: uppercase;
        letter-spacing: .8px;
    }

    .stkbn-contact-bar strong {
        color: #18233a;
        font-size: 15px;
    }


/* HERO DASHBOARD */

.stkbn-dashboard-card {
    border: 1px solid rgba(255,255,255,.45);
    border-radius: 25px;
    padding: 20px;
    background: linear-gradient(160deg, #101f39 0%, #071324 100%);
    box-shadow: 0 30px 70px rgba(9,29,59,.22);
    color: #fff;
}

.stkbn-window-top {
    display: flex;
    gap: 6px;
    align-items: center;
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(255,255,255,.08);
}

    .stkbn-window-top span {
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: rgba(255,255,255,.25);
    }

    .stkbn-window-top small {
        margin-left: auto;
        color: #8192af;
        font-size: 10px;
        letter-spacing: .8px;
    }

.stkbn-market-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 24px 0;
}

    .stkbn-market-title small {
        display: block;
        color: #7688a7;
        font-size: 10px;
    }

    .stkbn-market-title strong {
        display: block;
        font-size: 24px;
    }

.stkbn-live-badge {
    padding: 6px 10px;
    border-radius: 999px;
    background: rgba(0,203,137,.12);
    color: #4ce7ad;
    font-size: 9px;
    font-weight: 800;
}

.stkbn-signal-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.stkbn-signal {
    padding: 18px;
    border-radius: 14px;
}

    .stkbn-signal span,
    .stkbn-signal small {
        display: block;
    }

    .stkbn-signal span {
        color: rgba(255,255,255,.68);
        font-size: 11px;
    }

    .stkbn-signal strong {
        display: block;
        margin: 4px 0;
        font-size: 25px;
    }

    .stkbn-signal small {
        color: rgba(255,255,255,.55);
    }

.stkbn-buy {
    background: linear-gradient(135deg, rgba(0,186,123,.23), rgba(0,186,123,.08));
}

    .stkbn-buy strong {
        color: #38df9f;
    }

.stkbn-sell {
    background: linear-gradient(135deg, rgba(230,66,86,.20), rgba(230,66,86,.06));
}

    .stkbn-sell strong {
        color: #ff7485;
    }

.stkbn-levels {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
    margin: 13px 0;
}

    .stkbn-levels div {
        padding: 12px;
        border: 1px solid rgba(255,255,255,.07);
        border-radius: 11px;
        background: rgba(255,255,255,.035);
    }

    .stkbn-levels span,
    .stkbn-levels strong {
        display: block;
    }

    .stkbn-levels span {
        color: #71829d;
        font-size: 9px;
    }

    .stkbn-levels strong {
        margin-top: 3px;
        font-size: 11px;
    }

.stkbn-chart {
    position: relative;
    height: 135px;
    overflow: hidden;
    margin-top: 14px;
    border-radius: 14px;
    background: linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px);
    background-size: 27px 27px;
}

.stkbn-chart-line {
    position: absolute;
    left: 7%;
    right: 7%;
    bottom: 25%;
    height: 2px;
    transform: rotate(-7deg);
    background: linear-gradient(90deg, #0dcc89, #3ca0ff);
    box-shadow: 30px -15px 0 -1px #3ca0ff, 70px -7px 0 -1px #0dcc89;
}

.stkbn-chart-label {
    position: absolute;
    left: 14px;
    bottom: 11px;
    color: #70829e;
    font-size: 9px;
}

.stkbn-mini-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 6px;
    margin-top: 12px;
}

    .stkbn-mini-grid div {
        padding: 9px 6px;
        border-radius: 9px;
        background: rgba(255,255,255,.045);
        text-align: center;
    }

    .stkbn-mini-grid span,
    .stkbn-mini-grid strong {
        display: block;
    }

    .stkbn-mini-grid span {
        color: #7789a6;
        font-size: 8px;
    }

    .stkbn-mini-grid strong {
        margin-top: 2px;
        font-size: 9px;
        color: #dbe7fa;
    }


/* GLOBAL SECTIONS */

.stkbn-section {
    padding: 88px 0;
}

.stkbn-soft-section {
    background: var(--stkbn-bg);
}

.stkbn-section-head {
    max-width: 790px;
    margin: 0 auto 48px;
    text-align: center;
}

    .stkbn-section-head h2 {
        margin: 16px 0 14px;
        color: #101d34;
        font-size: clamp(31px, 4vw, 46px);
        line-height: 1.16;
        letter-spacing: -1.4px;
    }

    .stkbn-section-head p {
        color: var(--stkbn-muted);
        font-size: 16px;
    }

.stkbn-align-left {
    max-width: none;
    margin-left: 0;
    text-align: left;
}


/* FEATURE CARDS */

.stkbn-feature-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
}

.stkbn-feature {
    padding: 28px;
    border: 1px solid var(--stkbn-border);
    border-radius: 17px;
    background: #fff;
    transition: .25s ease;
}

    .stkbn-feature:hover {
        transform: translateY(-4px);
        border-color: rgba(23,105,255,.25);
        box-shadow: 0 18px 40px rgba(31,60,110,.08);
    }

.stkbn-icon {
    display: grid;
    width: 43px;
    height: 43px;
    margin-bottom: 18px;
    place-items: center;
    border-radius: 11px;
    background: #eef4ff;
    color: var(--stkbn-primary);
    font-size: 20px;
    font-weight: 800;
}

.stkbn-feature h3 {
    margin-bottom: 8px;
    font-size: 18px;
}

.stkbn-feature p {
    margin: 0;
    color: var(--stkbn-muted);
    font-size: 14px;
}

.stkbn-note {
    margin-top: 28px;
    padding: 18px 20px;
    border-left: 4px solid #f0a500;
    border-radius: 8px;
    background: #fff9e9;
    color: #6d5a22;
    font-size: 14px;
}


/* TWO COL */

.stkbn-two-col {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
}

.stkbn-check-list {
    display: grid;
    gap: 12px;
}

    .stkbn-check-list > div {
        display: flex;
        gap: 12px;
        align-items: flex-start;
        padding: 15px 17px;
        border: 1px solid #e4e9f2;
        border-radius: 12px;
        background: #fff;
    }

    .stkbn-check-list b {
        display: grid;
        min-width: 25px;
        height: 25px;
        place-items: center;
        border-radius: 50%;
        background: #eafaf4;
        color: #00a66a;
        font-size: 12px;
    }

    .stkbn-check-list span {
        color: #59667b;
        font-size: 14px;
    }

.stkbn-analysis-panel {
    padding: 29px;
    border-radius: 23px;
    background: linear-gradient(145deg, #0b1930, #102647);
    box-shadow: 0 25px 55px rgba(14,34,67,.18);
    color: #fff;
}

.stkbn-panel-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 29px;
}

    .stkbn-panel-title small {
        color: #7691b6;
        font-size: 9px;
    }

    .stkbn-panel-title h3 {
        margin: 3px 0 0;
        font-size: 20px;
    }

    .stkbn-panel-title > span {
        padding: 5px 9px;
        border-radius: 999px;
        background: rgba(0,200,132,.12);
        color: #49e5af;
        font-size: 9px;
        font-weight: 800;
    }

.stkbn-meter {
    margin-bottom: 20px;
}

.stkbn-meter-label {
    display: flex;
    justify-content: space-between;
    margin-bottom: 7px;
    color: #90a3bf;
    font-size: 11px;
}

    .stkbn-meter-label strong {
        color: #d8e6f8;
    }

.stkbn-meter-bar {
    height: 7px;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(255,255,255,.08);
}

    .stkbn-meter-bar i {
        display: block;
        height: 100%;
        border-radius: inherit;
        background: linear-gradient(90deg, #00c786, #2385ff);
    }

.stkbn-panel-stats {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 7px;
    margin-top: 27px;
}

    .stkbn-panel-stats div {
        padding: 11px 8px;
        border-radius: 9px;
        background: rgba(255,255,255,.05);
        text-align: center;
    }

    .stkbn-panel-stats span,
    .stkbn-panel-stats b {
        display: block;
    }

    .stkbn-panel-stats span {
        color: #758ba9;
        font-size: 8px;
    }

    .stkbn-panel-stats b {
        margin-top: 3px;
        color: #e5eefb;
        font-size: 9px;
    }


/* PILLS */

.stkbn-pill-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
}

    .stkbn-pill-grid span {
        padding: 13px 18px;
        border: 1px solid #dfe6ef;
        border-radius: 999px;
        background: #fff;
        color: #36435a;
        font-size: 14px;
        font-weight: 700;
        box-shadow: 0 5px 15px rgba(25,56,100,.04);
    }


/* DARK SECTION */

.stkbn-dark-section {
    background: radial-gradient(circle at 85% 20%, rgba(30,117,255,.18), transparent 28%), linear-gradient(135deg, #071426, #0c1e39);
}

.stkbn-light-head h2 {
    color: #fff;
}

.stkbn-light-head p {
    color: #9eb0c9;
}

.stkbn-light-head > span {
    background: rgba(72,137,255,.12);
    color: #72a7ff;
}

.stkbn-trade-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
}

    .stkbn-trade-grid article {
        padding: 29px;
        border: 1px solid rgba(255,255,255,.09);
        border-radius: 17px;
        background: rgba(255,255,255,.045);
    }

.stkbn-number {
    display: inline-block;
    margin-bottom: 38px;
    color: #4b8cff;
    font-size: 13px;
    font-weight: 900;
}

.stkbn-trade-grid h3 {
    color: #fff;
    font-size: 20px;
}

.stkbn-trade-grid p {
    margin: 0;
    color: #94a7c2;
    font-size: 14px;
}


/* DATA CARD */

.stkbn-data-card {
    overflow: hidden;
    border: 1px solid #e1e7ef;
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 22px 55px rgba(22,53,94,.10);
}

.stkbn-data-head {
    display: flex;
    justify-content: space-between;
    padding: 22px;
    color: #fff;
    background: #0b1b33;
}

    .stkbn-data-head span {
        font-size: 10px;
        letter-spacing: .8px;
    }

.stkbn-data-row {
    display: flex;
    justify-content: space-between;
    gap: 15px;
    padding: 16px 22px;
    border-bottom: 1px solid #edf0f4;
    color: #5a6577;
    font-size: 13px;
}

    .stkbn-data-row:last-child {
        border-bottom: 0;
    }

    .stkbn-data-row b {
        color: var(--stkbn-primary);
    }

.stkbn-clean-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px 18px;
    margin: 25px 0 0;
    padding: 0;
    list-style: none;
}

    .stkbn-clean-list li {
        position: relative;
        padding-left: 25px;
        color: #526078;
        font-weight: 600;
    }

        .stkbn-clean-list li:before {
            content: "✓";
            position: absolute;
            left: 0;
            color: #00a96b;
            font-weight: 900;
        }


/* TIMEFRAMES */

.stkbn-time-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 15px;
}

    .stkbn-time-grid article {
        position: relative;
        padding: 30px 22px;
        overflow: hidden;
        border: 1px solid #e1e7ef;
        border-radius: 16px;
        background: #fff;
    }

        .stkbn-time-grid article > span {
            display: block;
            margin-bottom: 13px;
            color: var(--stkbn-primary);
            font-size: 42px;
            font-weight: 900;
            line-height: 1;
        }

    .stkbn-time-grid h3 {
        margin-bottom: 8px;
        font-size: 17px;
    }

    .stkbn-time-grid p {
        margin: 0;
        color: var(--stkbn-muted);
        font-size: 13px;
    }


/* DASHBOARD FEATURES */

.stkbn-dashboard-features {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    overflow: hidden;
    border: 1px solid #e3e7ed;
    border-radius: 18px;
    background: #fff;
}

    .stkbn-dashboard-features div {
        padding: 18px;
        border-right: 1px solid #edf0f4;
        border-bottom: 1px solid #edf0f4;
        color: #48556a;
        font-size: 14px;
        font-weight: 650;
    }

    .stkbn-dashboard-features span {
        margin-right: 8px;
        color: #00a96b;
    }


/* OPTIONS */

.stkbn-options-section {
    background: radial-gradient(circle at 50% -20%, rgba(23,105,255,.11), transparent 42%), #f9fbff;
}

.stkbn-options-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
}

    .stkbn-options-grid article,
    .stkbn-tool-grid article,
    .stkbn-users-grid article {
        padding: 26px;
        border: 1px solid var(--stkbn-border);
        border-radius: 17px;
        background: #fff;
    }

.stkbn-option-badge {
    display: grid;
    width: 47px;
    height: 47px;
    margin-bottom: 19px;
    place-items: center;
    border-radius: 12px;
    background: #eef4ff;
    color: var(--stkbn-primary);
    font-size: 12px;
    font-weight: 900;
}

.stkbn-options-grid h3 {
    font-size: 17px;
}

.stkbn-options-grid p {
    margin: 0;
    color: var(--stkbn-muted);
    font-size: 13px;
}


/* INFO */

.stkbn-info-list {
    display: grid;
    gap: 8px;
}

    .stkbn-info-list div {
        padding: 14px 16px;
        border-left: 3px solid #dce8ff;
        background: #f8faff;
    }

    .stkbn-info-list b,
    .stkbn-info-list span {
        display: block;
    }

    .stkbn-info-list b {
        font-size: 14px;
    }

    .stkbn-info-list span {
        margin-top: 3px;
        color: var(--stkbn-muted);
        font-size: 12px;
    }


/* CHAIN */

.stkbn-chain-card {
    overflow: hidden;
    border: 1px solid #e0e7ef;
    border-radius: 19px;
    background: #fff;
    box-shadow: 0 20px 45px rgba(26,53,88,.09);
}

.stkbn-chain-title {
    display: flex;
    justify-content: space-between;
    padding: 21px;
    background: #0a1930;
    color: #fff;
}

    .stkbn-chain-title span {
        color: #88a1c3;
        font-size: 10px;
    }

.stkbn-chain-head,
.stkbn-chain-row {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    text-align: center;
}

.stkbn-chain-head {
    padding: 11px;
    background: #f3f6fb;
    color: #788498;
    font-size: 10px;
    font-weight: 800;
}

.stkbn-chain-row {
    padding: 13px;
    border-bottom: 1px solid #edf0f4;
    color: #566276;
    font-size: 12px;
}

    .stkbn-chain-row b {
        color: #17243b;
    }

    .stkbn-chain-row.stkbn-atm {
        background: #edf4ff;
        color: var(--stkbn-primary);
    }

.stkbn-pcr-box {
    display: flex;
    justify-content: space-between;
    padding: 18px 21px;
}

    .stkbn-pcr-box span {
        color: var(--stkbn-muted);
        font-size: 12px;
    }

    .stkbn-pcr-box strong {
        color: var(--stkbn-primary);
        font-size: 13px;
    }


/* TOOL GRID */

.stkbn-tool-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
}

    .stkbn-tool-grid article > span {
        display: inline-block;
        margin-bottom: 18px;
        padding: 7px 9px;
        border-radius: 8px;
        background: #edf4ff;
        color: var(--stkbn-primary);
        font-size: 10px;
        font-weight: 900;
    }

    .stkbn-tool-grid h3 {
        font-size: 18px;
    }

    .stkbn-tool-grid p {
        margin: 0;
        color: var(--stkbn-muted);
        font-size: 13px;
    }


/* MARKET */

.stkbn-market-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
}

    .stkbn-market-grid article {
        padding: 31px;
        border-radius: 18px;
    }

        .stkbn-market-grid article > span {
            display: block;
            margin-bottom: 25px;
            font-size: 34px;
            font-weight: 900;
        }

    .stkbn-market-grid h3 {
        font-size: 22px;
    }

    .stkbn-market-grid p {
        margin: 0;
        font-size: 14px;
    }

.stkbn-market-up {
    border: 1px solid #ccefe3;
    background: #f1fbf7;
    color: #087951;
}

.stkbn-market-down {
    border: 1px solid #f6d6da;
    background: #fff5f6;
    color: #b53043;
}

.stkbn-market-flat {
    border: 1px solid #e2e5eb;
    background: #f7f8fa;
    color: #566074;
}


/* DERIVATIVES */

.stkbn-derivative-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
}

    .stkbn-derivative-grid article {
        padding: 27px;
        border: 1px solid rgba(255,255,255,.1);
        border-radius: 17px;
        background: rgba(255,255,255,.04);
    }

    .stkbn-derivative-grid h3 {
        color: #fff;
    }

    .stkbn-derivative-grid ul {
        margin: 0;
        padding-left: 19px;
        color: #9cb0cc;
        font-size: 13px;
    }

    .stkbn-derivative-grid li {
        margin: 8px 0;
    }


/* WHY */

.stkbn-why-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    border: 1px solid #e3e8ef;
    border-radius: 18px;
    overflow: hidden;
}

    .stkbn-why-grid article {
        padding: 25px;
        border-right: 1px solid #e9edf2;
        border-bottom: 1px solid #e9edf2;
    }

    .stkbn-why-grid b {
        display: block;
        margin-bottom: 20px;
        color: var(--stkbn-primary);
        font-size: 11px;
    }

    .stkbn-why-grid h3 {
        font-size: 16px;
    }

    .stkbn-why-grid p {
        margin: 0;
        color: var(--stkbn-muted);
        font-size: 12px;
    }


/* STEPS */

.stkbn-steps {
    max-width: 850px;
    margin: 0 auto;
}

.stkbn-step {
    display: grid;
    grid-template-columns: 58px 1fr;
    gap: 22px;
    position: relative;
    padding-bottom: 30px;
}

    .stkbn-step > span {
        display: grid;
        position: relative;
        z-index: 2;
        width: 48px;
        height: 48px;
        place-items: center;
        border-radius: 14px;
        background: var(--stkbn-primary);
        color: #fff;
        font-weight: 900;
    }

    .stkbn-step:not(:last-child):before {
        content: "";
        position: absolute;
        top: 48px;
        left: 23px;
        bottom: 0;
        width: 2px;
        background: #d7e3f7;
    }

    .stkbn-step h3 {
        margin: 2px 0 6px;
        font-size: 19px;
    }

    .stkbn-step p {
        margin: 0;
        color: var(--stkbn-muted);
        font-size: 14px;
    }


/* USERS */

.stkbn-users-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
}

    .stkbn-users-grid article > span {
        display: inline-block;
        margin-bottom: 17px;
        color: var(--stkbn-primary);
        font-size: 11px;
        font-weight: 900;
    }

    .stkbn-users-grid h3 {
        font-size: 17px;
    }

    .stkbn-users-grid p {
        margin: 0;
        color: var(--stkbn-muted);
        font-size: 13px;
    }


/* COMPLETE */

.stkbn-complete-section {
    padding-top: 20px;
}

.stkbn-complete-box {
    padding: 60px;
    border-radius: 26px;
    background: radial-gradient(circle at 90% 20%, rgba(33,132,255,.22), transparent 28%), linear-gradient(135deg, #08172c, #102b52);
    color: #fff;
    text-align: center;
}

    .stkbn-complete-box h2 {
        margin: 18px 0 15px;
        font-size: clamp(31px, 4vw, 48px);
    }

    .stkbn-complete-box p {
        max-width: 850px;
        margin: 0 auto 29px;
        color: #a7b9d2;
    }


/* FAQ */

.stkbn-faq-wrap {
    max-width: 900px;
}

.stkbn-faq {
    margin-bottom: 11px;
    border: 1px solid #e2e7ee;
    border-radius: 13px;
    background: #fff;
}

    .stkbn-faq summary {
        position: relative;
        padding: 19px 50px 19px 20px;
        cursor: pointer;
        color: #1a273e;
        font-weight: 800;
        list-style: none;
    }

        .stkbn-faq summary::-webkit-details-marker {
            display: none;
        }

        .stkbn-faq summary:after {
            content: "+";
            position: absolute;
            top: 50%;
            right: 20px;
            transform: translateY(-50%);
            color: var(--stkbn-primary);
            font-size: 24px;
            font-weight: 400;
        }

    .stkbn-faq[open] summary:after {
        content: "−";
    }

    .stkbn-faq p {
        margin: 0;
        padding: 0 20px 20px;
        color: var(--stkbn-muted);
        font-size: 14px;
    }


/* FINAL CTA */

.stkbn-final-cta {
    padding: 30px 0 70px;
}

.stkbn-cta-box {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 35px;
    align-items: center;
    padding: 45px;
    border-radius: 23px;
    background: linear-gradient(135deg, #1769ff, #0648bc);
    color: #fff;
}

    .stkbn-cta-box > div > span {
        background: rgba(255,255,255,.12);
        color: #d7e6ff;
    }

    .stkbn-cta-box h2 {
        margin: 15px 0 10px;
        font-size: clamp(27px, 4vw, 40px);
    }

    .stkbn-cta-box p {
        max-width: 700px;
        margin: 0;
        color: #d7e4fb;
    }

.stkbn-cta-actions {
    display: flex;
    flex-direction: column;
    gap: 9px;
}

.stkbn-btn-white {
    background: #fff;
    color: #1259d8;
}

.stkbn-btn-outline {
    border: 1px solid rgba(255,255,255,.35);
    color: #fff;
}

.stkbn-disclaimer {
    max-width: 950px;
    margin: 22px auto 0;
    color: #7a8495;
    font-size: 11px;
    text-align: center;
}


/* RESPONSIVE */

@media (max-width: 1024px) {

    .stkbn-hero-grid,
    .stkbn-two-col {
        grid-template-columns: 1fr;
    }

    .stkbn-hero-content {
        max-width: 780px;
    }

    .stkbn-dashboard-card {
        max-width: 650px;
    }

    .stkbn-feature-grid,
    .stkbn-tool-grid,
    .stkbn-users-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .stkbn-options-grid,
    .stkbn-why-grid {
        grid-template-columns: repeat(2, 1fr);
    }

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

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


@media (max-width: 768px) {

    .stkbn-container {
        width: min(100% - 28px, 1180px);
    }

    .stkbn-hero {
        padding: 65px 0 55px;
    }

    .stkbn-section {
        padding: 65px 0;
    }

    .stkbn-hero-grid {
        gap: 40px;
    }

    .stkbn-hero h1 {
        letter-spacing: -1.5px;
    }

    .stkbn-lead {
        font-size: 16px;
    }

    .stkbn-feature-grid,
    .stkbn-options-grid,
    .stkbn-tool-grid,
    .stkbn-market-grid,
    .stkbn-derivative-grid,
    .stkbn-users-grid,
    .stkbn-trade-grid {
        grid-template-columns: 1fr;
    }

    .stkbn-why-grid {
        grid-template-columns: 1fr 1fr;
    }

    .stkbn-dashboard-features {
        grid-template-columns: 1fr 1fr;
    }

    .stkbn-two-col {
        gap: 36px;
    }

    .stkbn-complete-box {
        padding: 45px 25px;
    }

    .stkbn-cta-box {
        grid-template-columns: 1fr;
        padding: 34px 25px;
    }

    .stkbn-cta-actions {
        flex-direction: row;
        flex-wrap: wrap;
    }
}


@media (max-width: 520px) {

    .stkbn-hero h1 {
        font-size: 38px;
        line-height: 1.08;
    }

    .stkbn-section-head h2 {
        font-size: 31px;
    }

    .stkbn-actions,
    .stkbn-cta-actions {
        flex-direction: column;
    }

    .stkbn-btn {
        width: 100%;
    }

    .stkbn-signal-grid,
    .stkbn-levels,
    .stkbn-time-grid,
    .stkbn-dashboard-features,
    .stkbn-why-grid,
    .stkbn-panel-stats {
        grid-template-columns: 1fr;
    }

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

    .stkbn-clean-list {
        grid-template-columns: 1fr;
    }

    .stkbn-contact-bar {
        gap: 15px;
    }

        .stkbn-contact-bar div {
            width: 100%;
        }

    .stkbn-dashboard-card,
    .stkbn-analysis-panel {
        padding: 16px;
        border-radius: 18px;
    }

    .stkbn-feature,
    .stkbn-options-grid article,
    .stkbn-tool-grid article,
    .stkbn-users-grid article {
        padding: 22px;
    }

    .stkbn-complete-box {
        padding: 38px 20px;
    }
}

/* =========================================================
   STOCKARA OPTIONS TRADING SOFTWARE PAGE
   Scoped CSS - designed to avoid conflict with existing CSS
========================================================= */

.stockara-options-page {
    --so-primary: #0b57d0;
    --so-secondary: #673de6;
    --so-dark: #091426;
    --so-dark-2: #101f38;
    --so-text: #172033;
    --so-muted: #657085;
    --so-light: #f5f8fd;
    --so-border: #e2e8f2;
    --so-white: #ffffff;
    --so-success: #0b9467;
    --so-radius: 20px;
    font-family: Inter, Arial, Helvetica, sans-serif;
    color: var(--so-text);
    background: #fff;
    line-height: 1.7;
    overflow: hidden;
}

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

    .stockara-options-page img {
        max-width: 100%;
        height: auto;
        display: block;
    }

    .stockara-options-page a {
        text-decoration: none;
    }

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


    /* HERO */

    .stockara-options-page .so-hero {
        position: relative;
        padding: 95px 0 90px;
        background: radial-gradient(circle at 15% 10%, rgba(103, 61, 230, .12), transparent 35%), radial-gradient(circle at 90% 80%, rgba(11, 87, 208, .13), transparent 32%), linear-gradient(135deg, #f9fbff 0%, #eef4ff 100%);
    }

        .stockara-options-page .so-hero::before {
            content: "";
            position: absolute;
            inset: 0;
            background-image: linear-gradient(rgba(12, 36, 75, .035) 1px, transparent 1px), linear-gradient(90deg, rgba(12, 36, 75, .035) 1px, transparent 1px);
            background-size: 45px 45px;
            pointer-events: none;
        }

    .stockara-options-page .so-hero-grid,
    .stockara-options-page .so-two-column {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 65px;
        align-items: center;
    }

    .stockara-options-page .so-hero-content,
    .stockara-options-page .so-hero-image {
        position: relative;
        z-index: 2;
    }

    .stockara-options-page .so-badge,
    .stockara-options-page .so-mini-title {
        display: inline-flex;
        align-items: center;
        padding: 8px 14px;
        border-radius: 100px;
        background: rgba(11, 87, 208, .09);
        color: var(--so-primary);
        font-size: 12px;
        font-weight: 800;
        letter-spacing: .8px;
        text-transform: uppercase;
    }

    .stockara-options-page .so-hero h1 {
        margin: 19px 0 20px;
        font-size: clamp(40px, 5vw, 68px);
        line-height: 1.06;
        letter-spacing: -2.5px;
        color: var(--so-dark);
    }

        .stockara-options-page .so-hero h1 span {
            display: block;
            background: linear-gradient(90deg, var(--so-primary), var(--so-secondary));
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }

    .stockara-options-page .so-hero-content > p {
        margin: 0;
        max-width: 650px;
        color: var(--so-muted);
        font-size: 17px;
    }

    .stockara-options-page .so-hero-points {
        display: flex;
        flex-wrap: wrap;
        gap: 10px 18px;
        margin: 25px 0 28px;
    }

        .stockara-options-page .so-hero-points span {
            font-size: 14px;
            font-weight: 700;
            color: #35415a;
        }

    .stockara-options-page .so-hero-buttons,
    .stockara-options-page .so-cta-buttons {
        display: flex;
        flex-wrap: wrap;
        gap: 12px;
    }

    .stockara-options-page .so-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 52px;
        padding: 12px 25px;
        border-radius: 12px;
        font-size: 15px;
        font-weight: 800;
        transition: .25s ease;
    }

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

    .stockara-options-page .so-btn-primary {
        color: #fff;
        background: linear-gradient(135deg, var(--so-primary), var(--so-secondary));
        box-shadow: 0 12px 30px rgba(31, 71, 180, .23);
    }

    .stockara-options-page .so-btn-outline {
        color: var(--so-dark);
        background: #fff;
        border: 1px solid var(--so-border);
    }

    .stockara-options-page .so-small-note {
        margin-top: 18px !important;
        font-size: 12px !important;
        color: #7b8494 !important;
    }

    .stockara-options-page .so-image-card {
        padding: 14px;
        border-radius: 26px;
        background: rgba(255,255,255,.88);
        box-shadow: 0 30px 70px rgba(28, 52, 89, .16);
        border: 1px solid rgba(255,255,255,.9);
    }

        .stockara-options-page .so-image-card img {
            width: 100%;
            min-height: 390px;
            object-fit: cover;
            border-radius: 17px;
        }

    .stockara-options-page .so-floating-card {
        position: absolute;
        padding: 12px 16px;
        min-width: 165px;
        background: rgba(255,255,255,.95);
        border: 1px solid var(--so-border);
        border-radius: 13px;
        box-shadow: 0 15px 35px rgba(22, 43, 77, .14);
    }

        .stockara-options-page .so-floating-card strong,
        .stockara-options-page .so-floating-card span {
            display: block;
        }

        .stockara-options-page .so-floating-card strong {
            color: var(--so-dark);
            font-size: 14px;
        }

        .stockara-options-page .so-floating-card span {
            margin-top: 2px;
            color: var(--so-muted);
            font-size: 11px;
        }

    .stockara-options-page .so-floating-one {
        left: -30px;
        bottom: 50px;
    }

    .stockara-options-page .so-floating-two {
        top: 40px;
        right: -25px;
    }


    /* GENERAL SECTIONS */

    .stockara-options-page .so-section {
        padding: 90px 0;
    }

    .stockara-options-page .so-light-section {
        background: var(--so-light);
    }

    .stockara-options-page .so-gradient-section {
        background: radial-gradient(circle at 100% 0, rgba(103,61,230,.10), transparent 35%), linear-gradient(180deg, #f9fbff, #f3f6fd);
    }

    .stockara-options-page .so-section-heading {
        max-width: 780px;
        margin: 0 auto 48px;
        text-align: center;
    }

        .stockara-options-page .so-section-heading h2,
        .stockara-options-page .so-left-title,
        .stockara-options-page .so-dark-content h2 {
            margin: 14px 0 14px;
            color: var(--so-dark);
            font-size: clamp(30px, 4vw, 44px);
            line-height: 1.17;
            letter-spacing: -1.2px;
        }

        .stockara-options-page .so-section-heading p,
        .stockara-options-page .so-left-text {
            margin: 0;
            color: var(--so-muted);
            font-size: 16px;
        }

    .stockara-options-page .so-content-box {
        padding: 36px;
        border-radius: var(--so-radius);
        border: 1px solid var(--so-border);
        background: #fff;
        box-shadow: 0 16px 45px rgba(26, 44, 73, .07);
    }

        .stockara-options-page .so-content-box h3 {
            margin: 0 0 12px;
            font-size: 26px;
            color: var(--so-dark);
        }

        .stockara-options-page .so-content-box p {
            margin: 0 0 20px;
            color: var(--so-muted);
        }

    .stockara-options-page .so-check-list {
        list-style: none;
        padding: 0;
        margin: 0;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
    }

        .stockara-options-page .so-check-list li {
            position: relative;
            padding-left: 25px;
            font-size: 14px;
            font-weight: 700;
            color: #35415a;
        }

            .stockara-options-page .so-check-list li::before {
                content: "✓";
                position: absolute;
                left: 0;
                color: var(--so-success);
                font-weight: 900;
            }

    .stockara-options-page .so-content-image img {
        width: 100%;
        min-height: 390px;
        object-fit: cover;
        border-radius: var(--so-radius);
        box-shadow: 0 25px 55px rgba(28, 51, 87, .12);
    }


    /* FEATURES */

    .stockara-options-page .so-feature-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 22px;
    }

    .stockara-options-page .so-feature-card {
        padding: 30px;
        background: #fff;
        border: 1px solid var(--so-border);
        border-radius: var(--so-radius);
        transition: .3s ease;
    }

        .stockara-options-page .so-feature-card:hover {
            transform: translateY(-6px);
            box-shadow: 0 20px 45px rgba(22, 44, 79, .10);
            border-color: rgba(11,87,208,.2);
        }

    .stockara-options-page .so-icon {
        width: 48px;
        height: 48px;
        display: grid;
        place-items: center;
        margin-bottom: 18px;
        border-radius: 14px;
        background: linear-gradient(135deg, rgba(11,87,208,.12), rgba(103,61,230,.12));
        color: var(--so-primary);
        font-size: 21px;
        font-weight: 900;
    }

    .stockara-options-page .so-feature-card h3 {
        margin: 0 0 9px;
        font-size: 19px;
        color: var(--so-dark);
    }

    .stockara-options-page .so-feature-card p {
        margin: 0;
        color: var(--so-muted);
        font-size: 14px;
    }


    /* LEVEL CARDS */

    .stockara-options-page .so-level-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 22px;
    }

    .stockara-options-page .so-level-card {
        padding: 30px;
        border: 1px solid var(--so-border);
        border-radius: var(--so-radius);
        background: #fff;
    }

    .stockara-options-page .so-level-number {
        display: inline-block;
        margin-bottom: 28px;
        color: rgba(11,87,208,.18);
        font-size: 46px;
        line-height: 1;
        font-weight: 900;
    }

    .stockara-options-page .so-level-card h3 {
        margin: 0 0 8px;
        color: var(--so-dark);
        font-size: 22px;
    }

    .stockara-options-page .so-level-card p {
        margin: 0;
        color: var(--so-muted);
        font-size: 14px;
    }


    /* DARK SECTION */

    .stockara-options-page .so-dark-section {
        color: #fff;
        background: radial-gradient(circle at 85% 15%, rgba(80, 94, 255, .24), transparent 32%), linear-gradient(135deg, #081426, #12294a);
    }

    .stockara-options-page .so-dark-content h2 {
        color: #fff;
    }

    .stockara-options-page .so-dark-content > p {
        color: #bdc9da;
    }

    .stockara-options-page .so-mini-light {
        color: #dce8ff;
        background: rgba(255,255,255,.10);
    }

    .stockara-options-page .so-dark-list {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 13px;
        margin-top: 28px;
    }

        .stockara-options-page .so-dark-list div {
            padding: 15px;
            border: 1px solid rgba(255,255,255,.10);
            border-radius: 13px;
            background: rgba(255,255,255,.05);
        }

        .stockara-options-page .so-dark-list strong,
        .stockara-options-page .so-dark-list span {
            display: block;
        }

        .stockara-options-page .so-dark-list strong {
            font-size: 14px;
        }

        .stockara-options-page .so-dark-list span {
            margin-top: 3px;
            color: #aebbd0;
            font-size: 12px;
        }

    .stockara-options-page .so-dark-image img {
        box-shadow: 0 28px 70px rgba(0,0,0,.30);
    }


    /* MARKET CARDS */

    .stockara-options-page .so-market-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 22px;
    }

    .stockara-options-page .so-market-card {
        position: relative;
        padding: 32px;
        overflow: hidden;
        border-radius: var(--so-radius);
        border: 1px solid var(--so-border);
        background: #fff;
    }

        .stockara-options-page .so-market-card > span {
            display: inline-block;
            margin-bottom: 18px;
            padding: 6px 11px;
            border-radius: 7px;
            background: #edf4ff;
            color: var(--so-primary);
            font-size: 11px;
            font-weight: 900;
            letter-spacing: .7px;
        }

        .stockara-options-page .so-market-card h3 {
            margin: 0 0 10px;
            font-size: 21px;
            color: var(--so-dark);
        }

        .stockara-options-page .so-market-card p {
            margin: 0;
            color: var(--so-muted);
            font-size: 14px;
        }


    /* TIMEFRAME */

    .stockara-options-page .so-time-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 16px;
    }

    .stockara-options-page .so-time-card {
        padding: 28px 20px;
        text-align: center;
        border-radius: 18px;
        background: #fff;
        border: 1px solid var(--so-border);
        box-shadow: 0 14px 35px rgba(30, 51, 84, .05);
    }

        .stockara-options-page .so-time-card strong,
        .stockara-options-page .so-time-card span {
            display: block;
        }

        .stockara-options-page .so-time-card strong {
            margin-bottom: 5px;
            color: var(--so-primary);
            font-size: 26px;
        }

        .stockara-options-page .so-time-card span {
            color: var(--so-muted);
            font-size: 13px;
        }


    /* BENEFITS */

    .stockara-options-page .so-benefits {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
        margin-top: 28px;
    }

        .stockara-options-page .so-benefits div {
            padding: 13px 14px;
            border-radius: 10px;
            background: var(--so-light);
            color: #35415a;
            font-size: 13px;
            font-weight: 700;
        }


    /* PROCESS */

    .stockara-options-page .so-process-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 18px;
    }

    .stockara-options-page .so-process-card {
        padding: 27px;
        border-radius: var(--so-radius);
        border: 1px solid var(--so-border);
        background: #fff;
    }

        .stockara-options-page .so-process-card > span {
            width: 40px;
            height: 40px;
            display: grid;
            place-items: center;
            margin-bottom: 20px;
            border-radius: 50%;
            color: #fff;
            background: linear-gradient(135deg, var(--so-primary), var(--so-secondary));
            font-weight: 900;
        }

        .stockara-options-page .so-process-card h3 {
            margin: 0 0 8px;
            color: var(--so-dark);
            font-size: 18px;
        }

        .stockara-options-page .so-process-card p {
            margin: 0;
            color: var(--so-muted);
            font-size: 13px;
        }


    /* FAQ */

    .stockara-options-page .so-faq-container {
        max-width: 900px;
    }

    .stockara-options-page .so-faq {
        margin-bottom: 13px;
        border: 1px solid var(--so-border);
        border-radius: 14px;
        background: #fff;
        overflow: hidden;
    }

        .stockara-options-page .so-faq summary {
            position: relative;
            padding: 20px 55px 20px 22px;
            color: var(--so-dark);
            font-size: 15px;
            font-weight: 800;
            cursor: pointer;
            list-style: none;
        }

            .stockara-options-page .so-faq summary::-webkit-details-marker {
                display: none;
            }

            .stockara-options-page .so-faq summary::after {
                content: "+";
                position: absolute;
                right: 20px;
                top: 50%;
                transform: translateY(-50%);
                color: var(--so-primary);
                font-size: 24px;
            }

        .stockara-options-page .so-faq[open] summary::after {
            content: "−";
        }

        .stockara-options-page .so-faq p {
            padding: 0 22px 20px;
            margin: 0;
            color: var(--so-muted);
            font-size: 14px;
        }


    /* FINAL CTA */

    .stockara-options-page .so-final-cta {
        padding: 85px 0;
        text-align: center;
        color: #fff;
        background: radial-gradient(circle at 10% 20%, rgba(255,255,255,.13), transparent 30%), linear-gradient(135deg, #0b57d0 0%, #673de6 100%);
    }

        .stockara-options-page .so-final-cta h2 {
            max-width: 780px;
            margin: 16px auto;
            color: #fff;
            font-size: clamp(32px, 5vw, 50px);
            line-height: 1.13;
            letter-spacing: -1.4px;
        }

        .stockara-options-page .so-final-cta > .so-container > p {
            max-width: 760px;
            margin: 0 auto 26px;
            color: rgba(255,255,255,.84);
        }

    .stockara-options-page .so-cta-buttons {
        justify-content: center;
    }

    .stockara-options-page .so-btn-white {
        color: var(--so-primary);
        background: #fff;
    }

    .stockara-options-page .so-btn-glass {
        color: #fff;
        border: 1px solid rgba(255,255,255,.35);
        background: rgba(255,255,255,.10);
    }

    .stockara-options-page .so-risk-text {
        margin-top: 22px !important;
        margin-bottom: 0 !important;
        font-size: 11px !important;
        opacity: .75;
    }


/* RESPONSIVE */

@media (max-width: 991px) {

    .stockara-options-page .so-hero-grid,
    .stockara-options-page .so-two-column {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .stockara-options-page .so-feature-grid,
    .stockara-options-page .so-level-grid,
    .stockara-options-page .so-market-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .stockara-options-page .so-process-grid,
    .stockara-options-page .so-time-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .stockara-options-page .so-floating-one {
        left: 10px;
    }

    .stockara-options-page .so-floating-two {
        right: 10px;
    }
}


@media (max-width: 640px) {

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

    .stockara-options-page .so-hero {
        padding: 65px 0;
    }

    .stockara-options-page .so-section {
        padding: 65px 0;
    }

    .stockara-options-page .so-hero h1 {
        font-size: 39px;
        letter-spacing: -1.5px;
    }

    .stockara-options-page .so-feature-grid,
    .stockara-options-page .so-level-grid,
    .stockara-options-page .so-market-grid,
    .stockara-options-page .so-process-grid,
    .stockara-options-page .so-time-grid,
    .stockara-options-page .so-benefits,
    .stockara-options-page .so-check-list,
    .stockara-options-page .so-dark-list {
        grid-template-columns: 1fr;
    }

    .stockara-options-page .so-hero-buttons,
    .stockara-options-page .so-cta-buttons {
        flex-direction: column;
    }

    .stockara-options-page .so-btn {
        width: 100%;
    }

    .stockara-options-page .so-image-card img,
    .stockara-options-page .so-content-image img {
        min-height: 260px;
    }

    .stockara-options-page .so-floating-card {
        display: none;
    }

    .stockara-options-page .so-content-box {
        padding: 25px;
    }

    .stockara-options-page .so-section-heading {
        margin-bottom: 35px;
    }
}
/* ==========================================================
   STOCKARA BUY SELL SIGNAL APP
   All styles scoped under .stockara-app-page
   ========================================================== */

.stockara-app-page {
    --sap-primary: #1557ff;
    --sap-primary-dark: #0739bd;
    --sap-secondary: #6928ff;
    --sap-green: #00a86b;
    --sap-red: #ef4444;
    --sap-dark: #071225;
    --sap-dark-2: #0c1930;
    --sap-text: #172033;
    --sap-muted: #667085;
    --sap-border: #e5e9f2;
    --sap-soft: #f6f8fc;
    --sap-white: #ffffff;
    width: 100%;
    color: var(--sap-text);
    font-family: Inter, Arial, Helvetica, sans-serif;
    line-height: 1.65;
    overflow: hidden;
    background: #fff;
}

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

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

    .stockara-app-page a {
        text-decoration: none;
    }

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


    /* =====================
   HERO
   ===================== */

    .stockara-app-page .sap-hero {
        position: relative;
        padding: 95px 0 85px;
        background: radial-gradient(circle at 10% 20%, rgba(21,87,255,.10), transparent 30%), radial-gradient(circle at 90% 10%, rgba(105,40,255,.09), transparent 30%), linear-gradient(180deg, #f8fbff 0%, #ffffff 100%);
    }

        .stockara-app-page .sap-hero::before {
            content: "";
            position: absolute;
            inset: 0;
            opacity: .35;
            pointer-events: none;
            background-image: linear-gradient(rgba(21,87,255,.05) 1px, transparent 1px), linear-gradient(90deg, rgba(21,87,255,.05) 1px, transparent 1px);
            background-size: 50px 50px;
        }

    .stockara-app-page .sap-hero-grid {
        position: relative;
        z-index: 2;
        display: grid;
        grid-template-columns: 1.06fr .94fr;
        gap: 70px;
        align-items: center;
    }

    .stockara-app-page .sap-badge {
        display: inline-flex;
        align-items: center;
        gap: 9px;
        padding: 8px 14px;
        margin-bottom: 20px;
        border: 1px solid #dbe5ff;
        border-radius: 100px;
        color: var(--sap-primary);
        background: #fff;
        font-size: 13px;
        font-weight: 800;
        letter-spacing: .04em;
        box-shadow: 0 8px 25px rgba(30,70,160,.08);
    }

    .stockara-app-page .sap-live-dot {
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: var(--sap-green);
        box-shadow: 0 0 0 5px rgba(0,168,107,.12);
    }

    .stockara-app-page .sap-hero h1 {
        max-width: 720px;
        margin-bottom: 23px;
        color: #071225;
        font-size: clamp(42px, 5vw, 68px);
        line-height: 1.05;
        letter-spacing: -.045em;
        font-weight: 850;
    }

        .stockara-app-page .sap-hero h1 span {
            display: block;
            background: linear-gradient( 90deg, var(--sap-primary), var(--sap-secondary) );
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
        }

    .stockara-app-page .sap-hero-text {
        max-width: 690px;
        margin-bottom: 25px;
        color: #596579;
        font-size: 17px;
    }

    .stockara-app-page .sap-market-pills {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        margin: 25px 0 30px;
    }

        .stockara-app-page .sap-market-pills span {
            padding: 7px 12px;
            border: 1px solid #e1e6ef;
            border-radius: 8px;
            color: #354057;
            background: #fff;
            font-size: 12px;
            font-weight: 800;
        }

    .stockara-app-page .sap-hero-buttons {
        display: flex;
        flex-wrap: wrap;
        gap: 12px;
    }

    .stockara-app-page .sap-btn {
        display: inline-flex;
        min-height: 52px;
        padding: 13px 24px;
        align-items: center;
        justify-content: center;
        border-radius: 10px;
        font-weight: 800;
        transition: .25s ease;
    }

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

    .stockara-app-page .sap-btn-primary {
        color: #fff;
        background: linear-gradient( 135deg, var(--sap-primary), var(--sap-secondary) );
        box-shadow: 0 12px 30px rgba(21,87,255,.25);
    }

    .stockara-app-page .sap-btn-outline {
        border: 1px solid #dbe0ea;
        color: #172033;
        background: #fff;
    }

    .stockara-app-page .sap-contact-line {
        display: flex;
        gap: 10px;
        margin-top: 20px;
        color: var(--sap-muted);
        font-size: 14px;
    }

        .stockara-app-page .sap-contact-line a {
            color: var(--sap-primary);
            font-weight: 800;
        }


    /* =====================
   HERO DASHBOARD
   ===================== */

    .stockara-app-page .sap-dashboard {
        position: relative;
        padding: 18px;
        border: 1px solid rgba(255,255,255,.8);
        border-radius: 24px;
        color: #fff;
        background: radial-gradient(circle at top right, rgba(88,120,255,.4), transparent 35%), linear-gradient(145deg, #071225, #101e39);
        box-shadow: 0 35px 80px rgba(21,35,70,.25), inset 0 1px rgba(255,255,255,.08);
    }

        .stockara-app-page .sap-dashboard::before {
            content: "";
            position: absolute;
            width: 180px;
            height: 180px;
            right: -50px;
            top: -50px;
            z-index: -1;
            border-radius: 50%;
            background: rgba(21,87,255,.17);
            filter: blur(20px);
        }

    .stockara-app-page .sap-window-bar {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-bottom: 15px;
        margin-bottom: 15px;
        border-bottom: 1px solid rgba(255,255,255,.08);
        color: #b9c6dc;
        font-size: 12px;
    }

    .stockara-app-page .sap-window-dots {
        display: flex;
        gap: 5px;
    }

        .stockara-app-page .sap-window-dots i {
            display: block;
            width: 7px;
            height: 7px;
            border-radius: 50%;
            background: #64748b;
        }

    .stockara-app-page .sap-live-label {
        padding: 4px 8px;
        border-radius: 5px;
        color: #7dffd0;
        background: rgba(0,168,107,.15);
        font-size: 9px;
        font-weight: 900;
    }

    .stockara-app-page .sap-market-card {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 16px;
        border: 1px solid rgba(255,255,255,.07);
        border-radius: 14px;
        background: rgba(255,255,255,.045);
    }

        .stockara-app-page .sap-market-card small,
        .stockara-app-page .sap-mini-card span,
        .stockara-app-page .sap-trade-box span {
            display: block;
            margin-bottom: 5px;
            color: #8fa0bb;
            font-size: 10px;
            text-transform: uppercase;
            letter-spacing: .08em;
        }

    .stockara-app-page .sap-up,
    .stockara-app-page .sap-green {
        color: #36e6a2 !important;
    }

    .stockara-app-page .sap-red {
        color: #ff7981 !important;
    }

    .stockara-app-page .sap-signal-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 8px;
        margin: 10px 0;
    }

    .stockara-app-page .sap-mini-card {
        padding: 12px 8px;
        border: 1px solid rgba(255,255,255,.06);
        border-radius: 10px;
        background: rgba(255,255,255,.035);
    }

        .stockara-app-page .sap-mini-card strong {
            font-size: 11px;
        }

    .stockara-app-page .sap-trade-box {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 7px;
        padding: 12px;
        border-radius: 12px;
        background: rgba(0,0,0,.18);
    }

        .stockara-app-page .sap-trade-box strong {
            font-size: 12px;
        }

    .stockara-app-page .sap-chart {
        position: relative;
        height: 150px;
        margin-top: 12px;
        overflow: hidden;
        border-radius: 13px;
        color: #22d3a0;
        background: rgba(5,12,28,.75);
    }

    .stockara-app-page .sap-chart-grid {
        position: absolute;
        inset: 0;
        background-image: linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px);
        background-size: 45px 35px;
    }

    .stockara-app-page .sap-chart-line {
        position: absolute;
        inset: 15px;
        width: calc(100% - 30px);
        height: calc(100% - 30px);
    }


    /* =====================
   FEATURE STRIP
   ===================== */

    .stockara-app-page .sap-feature-strip {
        position: relative;
        z-index: 4;
        margin-top: -20px;
    }

    .stockara-app-page .sap-feature-strip-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        padding: 22px 25px;
        border: 1px solid var(--sap-border);
        border-radius: 18px;
        background: #fff;
        box-shadow: 0 18px 50px rgba(20,38,75,.10);
    }

        .stockara-app-page .sap-feature-strip-grid > div {
            display: flex;
            gap: 11px;
            padding: 4px 22px;
            border-right: 1px solid var(--sap-border);
        }

            .stockara-app-page .sap-feature-strip-grid > div:last-child {
                border-right: 0;
            }

    .stockara-app-page .sap-strip-icon {
        display: flex;
        flex: 0 0 36px;
        width: 36px;
        height: 36px;
        align-items: center;
        justify-content: center;
        border-radius: 9px;
        color: var(--sap-primary);
        background: #eef4ff;
        font-size: 10px;
        font-weight: 900;
    }

    .stockara-app-page .sap-feature-strip p {
        margin: 0;
        color: var(--sap-muted);
        font-size: 11px;
        line-height: 1.45;
    }

    .stockara-app-page .sap-feature-strip strong {
        display: block;
        color: var(--sap-text);
        font-size: 13px;
    }


    /* =====================
   GENERAL SECTION
   ===================== */

    .stockara-app-page .sap-section {
        padding: 90px 0;
    }

    .stockara-app-page .sap-soft-section {
        background: var(--sap-soft);
    }

    .stockara-app-page .sap-heading {
        margin-bottom: 48px;
    }

    .stockara-app-page .sap-heading-center {
        max-width: 760px;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }

    .stockara-app-page .sap-heading > span,
    .stockara-app-page .sap-eyebrow {
        display: block;
        margin-bottom: 10px;
        color: var(--sap-primary);
        font-size: 12px;
        font-weight: 900;
        letter-spacing: .13em;
    }

    .stockara-app-page .sap-heading h2,
    .stockara-app-page .sap-section-copy h2 {
        margin-bottom: 16px;
        color: #0b1528;
        font-size: clamp(32px, 4vw, 48px);
        line-height: 1.12;
        letter-spacing: -.035em;
    }

        .stockara-app-page .sap-heading h2 em,
        .stockara-app-page .sap-section-copy h2 em {
            color: var(--sap-primary);
            font-style: normal;
        }

    .stockara-app-page .sap-heading p,
    .stockara-app-page .sap-section-copy > p {
        color: var(--sap-muted);
        font-size: 16px;
    }


    /* =====================
   FACTOR CARDS
   ===================== */

    .stockara-app-page .sap-factor-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 16px;
    }

    .stockara-app-page .sap-factor-card {
        position: relative;
        padding: 26px;
        border: 1px solid var(--sap-border);
        border-radius: 15px;
        background: #fff;
        transition: .25s ease;
    }

        .stockara-app-page .sap-factor-card:hover {
            transform: translateY(-5px);
            border-color: #cbd8ff;
            box-shadow: 0 15px 40px rgba(17,43,94,.09);
        }

        .stockara-app-page .sap-factor-card b {
            display: block;
            margin-bottom: 20px;
            color: #c3cad7;
            font-size: 12px;
        }

        .stockara-app-page .sap-factor-card h3 {
            margin-bottom: 8px;
            color: #121b2e;
            font-size: 18px;
        }

        .stockara-app-page .sap-factor-card p {
            margin: 0;
            color: var(--sap-muted);
            font-size: 13px;
        }

    .stockara-app-page .sap-risk-note {
        margin-top: 25px;
        padding: 15px 18px;
        border-left: 4px solid #f7b731;
        border-radius: 7px;
        color: #735716;
        background: #fff9e9;
        font-size: 13px;
    }


    /* =====================
   DARK SECTION
   ===================== */

    .stockara-app-page .sap-dark-section {
        color: #fff;
        background: radial-gradient(circle at top right, rgba(36,93,255,.28), transparent 30%), #071225;
    }

    .stockara-app-page .sap-two-column {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 65px;
        align-items: center;
    }

    .stockara-app-page .sap-dark-section .sap-section-copy h2 {
        color: #fff;
    }

    .stockara-app-page .sap-dark-section .sap-section-copy > p {
        color: #acb8cb;
    }

    .stockara-app-page .sap-check-list {
        display: grid;
        gap: 14px;
        margin-top: 30px;
    }

        .stockara-app-page .sap-check-list > div {
            display: flex;
            gap: 12px;
        }

        .stockara-app-page .sap-check-list i {
            display: flex;
            flex: 0 0 26px;
            width: 26px;
            height: 26px;
            align-items: center;
            justify-content: center;
            border-radius: 7px;
            color: #6dffc7;
            background: rgba(0,168,107,.14);
            font-style: normal;
            font-weight: 900;
        }

        .stockara-app-page .sap-check-list p {
            margin: 0;
            color: #97a6bd;
            font-size: 13px;
        }

        .stockara-app-page .sap-check-list strong {
            display: block;
            margin-bottom: 2px;
            color: #fff;
            font-size: 14px;
        }


    /* AI PANEL */

    .stockara-app-page .sap-ai-panel {
        padding: 28px;
        border: 1px solid rgba(255,255,255,.09);
        border-radius: 22px;
        background: rgba(255,255,255,.055);
        box-shadow: 0 25px 60px rgba(0,0,0,.22);
    }

    .stockara-app-page .sap-ai-heading {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

        .stockara-app-page .sap-ai-heading span {
            color: #8190aa;
            font-size: 11px;
        }

        .stockara-app-page .sap-ai-heading h3 {
            margin: 2px 0 0;
            color: #fff;
            font-size: 21px;
        }

    .stockara-app-page .sap-ai-icon {
        display: flex;
        width: 50px;
        height: 50px;
        align-items: center;
        justify-content: center;
        border-radius: 13px;
        background: linear-gradient(135deg, #1557ff, #7738ff);
        font-weight: 900;
    }

    .stockara-app-page .sap-meter-box {
        padding: 20px;
        margin: 25px 0 15px;
        border-radius: 14px;
        background: rgba(0,0,0,.18);
    }

    .stockara-app-page .sap-meter-title {
        display: flex;
        justify-content: space-between;
        margin-bottom: 12px;
        font-size: 12px;
    }

    .stockara-app-page .sap-meter {
        height: 8px;
        overflow: hidden;
        border-radius: 30px;
        background: rgba(255,255,255,.09);
    }

        .stockara-app-page .sap-meter span {
            display: block;
            height: 100%;
            border-radius: inherit;
            background: linear-gradient(90deg, #1fdf9a, #3b82f6);
        }

    .stockara-app-page .sap-ai-stats {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }

        .stockara-app-page .sap-ai-stats div {
            padding: 16px;
            border-radius: 12px;
            background: rgba(255,255,255,.045);
        }

        .stockara-app-page .sap-ai-stats small {
            display: block;
            color: #8290a6;
        }

        .stockara-app-page .sap-ai-stats strong {
            color: #e9f2ff;
            font-size: 13px;
        }


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

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

        .stockara-app-page .sap-signal-features > div {
            padding: 24px;
            border: 1px solid var(--sap-border);
            border-radius: 14px;
            background: #fff;
        }

            .stockara-app-page .sap-signal-features > div > span {
                display: inline-flex;
                min-width: 42px;
                height: 38px;
                padding: 0 10px;
                margin-bottom: 18px;
                align-items: center;
                justify-content: center;
                border-radius: 8px;
                color: var(--sap-primary);
                background: #edf3ff;
                font-size: 11px;
                font-weight: 900;
            }

        .stockara-app-page .sap-signal-features h3 {
            margin-bottom: 7px;
            font-size: 16px;
        }

        .stockara-app-page .sap-signal-features p {
            margin: 0;
            color: var(--sap-muted);
            font-size: 12px;
        }


    /* =====================
   ENTRY TARGET STOP LOSS
   ===================== */

    .stockara-app-page .sap-level-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 18px;
    }

    .stockara-app-page .sap-level-card {
        position: relative;
        padding: 32px;
        overflow: hidden;
        border: 1px solid var(--sap-border);
        border-radius: 18px;
        background: #fff;
    }

    .stockara-app-page .sap-level-number {
        position: absolute;
        top: 14px;
        right: 18px;
        color: #e7eaf0;
        font-size: 38px;
        font-weight: 900;
    }

    .stockara-app-page .sap-level-icon {
        display: flex;
        width: 48px;
        height: 48px;
        margin-bottom: 22px;
        align-items: center;
        justify-content: center;
        border-radius: 12px;
        font-size: 21px;
        font-weight: 800;
    }

    .stockara-app-page .sap-entry .sap-level-icon {
        color: #1557ff;
        background: #edf3ff;
    }

    .stockara-app-page .sap-target .sap-level-icon {
        color: #008f63;
        background: #e8fff5;
    }

    .stockara-app-page .sap-stoploss .sap-level-icon {
        color: #dc3f47;
        background: #fff0f1;
    }

    .stockara-app-page .sap-level-card h3 {
        margin-bottom: 9px;
        font-size: 19px;
    }

    .stockara-app-page .sap-level-card p {
        margin: 0;
        color: var(--sap-muted);
        font-size: 13px;
    }


    /* =====================
   SEGMENTS
   ===================== */

    .stockara-app-page .sap-segment-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 17px;
    }

    .stockara-app-page .sap-segment-card {
        position: relative;
        padding: 30px;
        border: 1px solid var(--sap-border);
        border-radius: 17px;
        background: #fff;
        transition: .25s ease;
    }

        .stockara-app-page .sap-segment-card:hover {
            transform: translateY(-5px);
            border-color: #c9d6ff;
            box-shadow: 0 18px 45px rgba(14,38,85,.09);
        }

    .stockara-app-page .sap-segment-icon {
        display: flex;
        width: 49px;
        height: 49px;
        margin-bottom: 20px;
        align-items: center;
        justify-content: center;
        border-radius: 12px;
        color: #fff;
        background: linear-gradient( 135deg, var(--sap-primary), var(--sap-secondary) );
        font-size: 12px;
        font-weight: 900;
    }

    .stockara-app-page .sap-segment-card h3 {
        margin-bottom: 9px;
        font-size: 19px;
    }

    .stockara-app-page .sap-segment-card p {
        min-height: 64px;
        margin-bottom: 17px;
        color: var(--sap-muted);
        font-size: 13px;
    }

    .stockara-app-page .sap-segment-card > span {
        color: var(--sap-primary);
        font-size: 12px;
        font-weight: 800;
    }


    /* =====================
   OPTION CHAIN
   ===================== */

    .stockara-app-page .sap-option-section {
        background: #f8faff;
    }

    .stockara-app-page .sap-option-dashboard {
        padding: 20px;
        border-radius: 20px;
        color: #fff;
        background: #09152a;
        box-shadow: 0 30px 70px rgba(18,36,72,.2);
    }

    .stockara-app-page .sap-option-top {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 18px;
    }

        .stockara-app-page .sap-option-top span {
            display: block;
            color: #8291a9;
            font-size: 10px;
        }

        .stockara-app-page .sap-option-top strong {
            font-size: 14px;
        }

    .stockara-app-page .sap-live-tag {
        padding: 4px 8px;
        border-radius: 6px;
        color: #54edb5 !important;
        background: rgba(0,168,107,.15);
        font-weight: 900;
    }

    .stockara-app-page .sap-option-head,
    .stockara-app-page .sap-option-row {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        text-align: center;
    }

    .stockara-app-page .sap-option-head {
        padding: 9px 10px;
        color: #77879e;
        font-size: 9px;
    }

    .stockara-app-page .sap-option-row {
        padding: 13px 10px;
        margin-bottom: 5px;
        border-radius: 8px;
        background: rgba(255,255,255,.04);
        font-size: 12px;
    }

    .stockara-app-page .sap-option-atm {
        border: 1px solid rgba(21,87,255,.45);
        background: rgba(21,87,255,.14);
    }

        .stockara-app-page .sap-option-atm small {
            padding: 2px 4px;
            border-radius: 3px;
            color: #9db9ff;
            background: #173b82;
            font-size: 7px;
        }

    .stockara-app-page .sap-option-bottom {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 7px;
        margin-top: 12px;
    }

        .stockara-app-page .sap-option-bottom div {
            padding: 12px;
            border-radius: 8px;
            text-align: center;
            background: rgba(255,255,255,.04);
        }

        .stockara-app-page .sap-option-bottom small {
            display: block;
            color: #77879e;
        }

        .stockara-app-page .sap-option-bottom strong {
            font-size: 12px;
        }

    .stockara-app-page .sap-option-list {
        display: grid;
        gap: 10px;
        margin-top: 25px;
    }

        .stockara-app-page .sap-option-list > div {
            display: flex;
            gap: 12px;
        }

        .stockara-app-page .sap-option-list b {
            display: flex;
            flex: 0 0 42px;
            width: 42px;
            height: 42px;
            align-items: center;
            justify-content: center;
            border-radius: 9px;
            color: var(--sap-primary);
            background: #edf3ff;
            font-size: 10px;
        }

        .stockara-app-page .sap-option-list p {
            margin: 0;
            color: var(--sap-muted);
            font-size: 12px;
        }

        .stockara-app-page .sap-option-list strong {
            display: block;
            color: var(--sap-text);
            font-size: 14px;
        }


    /* =====================
   TIMEFRAMES
   ===================== */

    .stockara-app-page .sap-light-heading h2 {
        color: #fff;
    }

    .stockara-app-page .sap-light-heading p {
        color: #aab7ca;
    }

    .stockara-app-page .sap-timeframe-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 12px;
    }

        .stockara-app-page .sap-timeframe-grid > div {
            padding: 30px 20px;
            border: 1px solid rgba(255,255,255,.08);
            border-radius: 15px;
            text-align: center;
            background: rgba(255,255,255,.045);
        }

        .stockara-app-page .sap-timeframe-grid span {
            display: block;
            color: #fff;
            font-size: 46px;
            line-height: 1;
            font-weight: 850;
        }

        .stockara-app-page .sap-timeframe-grid strong {
            display: block;
            margin: 7px 0 8px;
            color: #76a2ff;
        }

        .stockara-app-page .sap-timeframe-grid small {
            color: #8d9db5;
        }


    /* =====================
   HOW IT WORKS
   ===================== */

    .stockara-app-page .sap-steps {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 13px;
    }

    .stockara-app-page .sap-step {
        display: flex;
        gap: 18px;
        padding: 25px;
        border: 1px solid var(--sap-border);
        border-radius: 14px;
    }

        .stockara-app-page .sap-step b {
            display: flex;
            flex: 0 0 42px;
            width: 42px;
            height: 42px;
            align-items: center;
            justify-content: center;
            border-radius: 9px;
            color: #fff;
            background: var(--sap-primary);
            font-size: 11px;
        }

        .stockara-app-page .sap-step h3 {
            margin-bottom: 5px;
            font-size: 16px;
        }

        .stockara-app-page .sap-step p {
            margin: 0;
            color: var(--sap-muted);
            font-size: 12px;
        }


    /* =====================
   WHY STOCKARA
   ===================== */

    .stockara-app-page .sap-why-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 14px;
    }

        .stockara-app-page .sap-why-grid > div {
            padding: 27px;
            border: 1px solid var(--sap-border);
            border-radius: 15px;
            background: #fff;
        }

        .stockara-app-page .sap-why-grid span {
            color: #b5bdca;
            font-size: 12px;
            font-weight: 900;
        }

        .stockara-app-page .sap-why-grid h3 {
            margin: 13px 0 7px;
            font-size: 17px;
        }

        .stockara-app-page .sap-why-grid p {
            margin: 0;
            color: var(--sap-muted);
            font-size: 12px;
        }


    /* =====================
   FAQ
   ===================== */

    .stockara-app-page .sap-faq-container {
        max-width: 900px;
    }

    .stockara-app-page .sap-faq {
        display: grid;
        gap: 10px;
    }

        .stockara-app-page .sap-faq details {
            border: 1px solid var(--sap-border);
            border-radius: 12px;
            overflow: hidden;
            background: #fff;
        }

        .stockara-app-page .sap-faq summary {
            position: relative;
            padding: 19px 52px 19px 21px;
            cursor: pointer;
            list-style: none;
            color: #182133;
            font-size: 14px;
            font-weight: 750;
        }

            .stockara-app-page .sap-faq summary::-webkit-details-marker {
                display: none;
            }

            .stockara-app-page .sap-faq summary::after {
                content: "+";
                position: absolute;
                top: 50%;
                right: 20px;
                transform: translateY(-50%);
                color: var(--sap-primary);
                font-size: 22px;
            }

        .stockara-app-page .sap-faq details[open] summary::after {
            content: "−";
        }

        .stockara-app-page .sap-faq details p {
            padding: 0 21px 20px;
            margin: 0;
            color: var(--sap-muted);
            font-size: 13px;
        }


    /* =====================
   FINAL CTA
   ===================== */

    .stockara-app-page .sap-final-cta {
        padding: 30px 0 90px;
    }

    .stockara-app-page .sap-cta-card {
        display: grid;
        grid-template-columns: 1fr auto;
        gap: 40px;
        align-items: center;
        padding: 48px;
        border-radius: 23px;
        color: #fff;
        background: radial-gradient(circle at 90% 20%, rgba(255,255,255,.16), transparent 25%), linear-gradient(135deg, #0f4ce7, #6728e8);
        box-shadow: 0 25px 65px rgba(38,69,190,.23);
    }

        .stockara-app-page .sap-cta-card > div > span {
            font-size: 11px;
            font-weight: 900;
            letter-spacing: .13em;
            opacity: .75;
        }

        .stockara-app-page .sap-cta-card h2 {
            max-width: 650px;
            margin: 8px 0 13px;
            font-size: clamp(30px, 4vw, 44px);
            line-height: 1.1;
        }

            .stockara-app-page .sap-cta-card h2 em {
                display: block;
                font-style: normal;
            }

        .stockara-app-page .sap-cta-card p {
            max-width: 650px;
            margin: 0;
            color: rgba(255,255,255,.8);
            font-size: 14px;
        }

    .stockara-app-page .sap-cta-actions {
        display: flex;
        align-items: center;
        gap: 18px;
    }

    .stockara-app-page .sap-btn-white {
        color: var(--sap-primary);
        background: #fff;
    }

    .stockara-app-page .sap-cta-phone {
        color: #fff;
    }

        .stockara-app-page .sap-cta-phone small {
            display: block;
            color: rgba(255,255,255,.65);
            font-size: 10px;
        }

        .stockara-app-page .sap-cta-phone strong {
            font-size: 17px;
        }


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

@media (max-width: 1024px) {

    .stockara-app-page .sap-hero-grid,
    .stockara-app-page .sap-two-column {
        grid-template-columns: 1fr;
    }

    .stockara-app-page .sap-hero-grid {
        gap: 45px;
    }

    .stockara-app-page .sap-dashboard {
        max-width: 650px;
        margin: 0 auto;
    }

    .stockara-app-page .sap-feature-strip-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
    }

        .stockara-app-page .sap-feature-strip-grid > div {
            border-right: 0;
        }

    .stockara-app-page .sap-signal-features {
        grid-template-columns: repeat(2, 1fr);
    }

    .stockara-app-page .sap-factor-grid,
    .stockara-app-page .sap-segment-grid,
    .stockara-app-page .sap-why-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .stockara-app-page .sap-cta-card {
        grid-template-columns: 1fr;
    }
}


@media (max-width: 767px) {

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

    .stockara-app-page .sap-hero {
        padding: 65px 0 55px;
    }

        .stockara-app-page .sap-hero h1 {
            font-size: 42px;
        }

    .stockara-app-page .sap-hero-text {
        font-size: 15px;
    }

    .stockara-app-page .sap-section {
        padding: 65px 0;
    }

    .stockara-app-page .sap-feature-strip {
        margin-top: 0;
        padding-top: 20px;
    }

    .stockara-app-page .sap-feature-strip-grid,
    .stockara-app-page .sap-factor-grid,
    .stockara-app-page .sap-level-grid,
    .stockara-app-page .sap-segment-grid,
    .stockara-app-page .sap-why-grid,
    .stockara-app-page .sap-timeframe-grid,
    .stockara-app-page .sap-steps {
        grid-template-columns: 1fr;
    }

        .stockara-app-page .sap-feature-strip-grid > div {
            padding: 5px;
        }

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

    .stockara-app-page .sap-signal-features {
        grid-template-columns: 1fr 1fr;
    }

    .stockara-app-page .sap-heading {
        margin-bottom: 35px;
    }

        .stockara-app-page .sap-heading h2,
        .stockara-app-page .sap-section-copy h2 {
            font-size: 33px;
        }

    .stockara-app-page .sap-cta-card {
        padding: 32px 24px;
    }

    .stockara-app-page .sap-cta-actions {
        align-items: flex-start;
        flex-direction: column;
    }
}


@media (max-width: 480px) {

    .stockara-app-page .sap-hero h1 {
        font-size: 37px;
    }

    .stockara-app-page .sap-hero-buttons,
    .stockara-app-page .sap-hero-buttons .sap-btn {
        width: 100%;
    }

    .stockara-app-page .sap-signal-features {
        grid-template-columns: 1fr;
    }

    .stockara-app-page .sap-trade-box {
        grid-template-columns: 1fr;
    }

    .stockara-app-page .sap-dashboard {
        padding: 12px;
        border-radius: 17px;
    }

    .stockara-app-page .sap-window-bar > span {
        display: none;
    }

    .stockara-app-page .sap-cta-actions,
    .stockara-app-page .sap-cta-actions .sap-btn {
        width: 100%;
    }
}
/* =============================================
   STOCKARA AMIBROKER PAGE
   Scoped CSS - avoids conflict with existing CSS
============================================= */

.stockara-amibroker-page {
    --sap-primary: #155eef;
    --sap-primary-dark: #0b3fa8;
    --sap-secondary: #00a76f;
    --sap-danger: #ef4444;
    --sap-dark: #071226;
    --sap-dark-2: #0d1c34;
    --sap-text: #172033;
    --sap-muted: #64748b;
    --sap-light: #f5f8fc;
    --sap-border: #e5eaf1;
    --sap-white: #ffffff;
    width: 100%;
    overflow: hidden;
    font-family: Inter, "Segoe UI", Arial, sans-serif;
    color: var(--sap-text);
    background: #fff;
    line-height: 1.65;
}

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

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

    .stockara-amibroker-page a {
        text-decoration: none;
    }

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


/* HERO */

.sap-hero {
    position: relative;
    padding: 90px 0 80px;
    background: radial-gradient(circle at 85% 20%, rgba(21, 94, 239, 0.13), transparent 32%), radial-gradient(circle at 10% 90%, rgba(0, 167, 111, 0.09), transparent 30%), linear-gradient(135deg, #f9fbff 0%, #ffffff 55%, #f2f7ff 100%);
}

    .sap-hero::before {
        content: "";
        position: absolute;
        inset: 0;
        opacity: .25;
        pointer-events: none;
        background-image: linear-gradient(#dce6f3 1px, transparent 1px), linear-gradient(90deg, #dce6f3 1px, transparent 1px);
        background-size: 45px 45px;
        mask-image: linear-gradient(to bottom, black, transparent);
    }

.sap-hero-grid {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: 1.05fr .95fr;
    gap: 70px;
    align-items: center;
}

.sap-badge {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 8px 14px;
    margin-bottom: 22px;
    background: #eaf2ff;
    border: 1px solid #d6e4ff;
    border-radius: 50px;
    color: #174cad;
    font-size: 13px;
    font-weight: 700;
}

.sap-live-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #00a76f;
    box-shadow: 0 0 0 5px rgba(0, 167, 111, .12);
}

.sap-hero h1 {
    max-width: 680px;
    margin-bottom: 24px;
    font-size: clamp(40px, 5.2vw, 68px);
    line-height: 1.07;
    letter-spacing: -2.5px;
    font-weight: 800;
    color: #081730;
}

    .sap-hero h1 span {
        display: block;
        color: var(--sap-primary);
    }

.sap-hero-text {
    max-width: 690px;
    margin-bottom: 25px;
    color: #556277;
    font-size: 17px;
}

.sap-market-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
    margin-bottom: 28px;
}

    .sap-market-tags span {
        padding: 7px 13px;
        border: 1px solid #dde5f0;
        border-radius: 50px;
        background: #fff;
        box-shadow: 0 5px 20px rgba(30, 60, 100, .04);
        font-size: 12px;
        font-weight: 700;
    }

.sap-hero-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.sap-btn {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    min-height: 50px;
    padding: 0 24px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 700;
    transition: all .25s ease;
}

.sap-btn-primary {
    background: linear-gradient( 135deg, var(--sap-primary), #073ea7 );
    color: #fff;
    box-shadow: 0 12px 30px rgba(21, 94, 239, .24);
}

    .sap-btn-primary:hover {
        transform: translateY(-2px);
        box-shadow: 0 16px 35px rgba(21, 94, 239, .32);
    }

.sap-btn-outline {
    border: 1px solid #cbd7e6;
    background: rgba(255,255,255,.85);
    color: #172033;
}

    .sap-btn-outline:hover {
        border-color: var(--sap-primary);
        color: var(--sap-primary);
    }

.sap-contact-line {
    display: flex;
    gap: 35px;
    margin-top: 30px;
    padding-top: 23px;
    border-top: 1px solid #e4eaf2;
}

    .sap-contact-line small {
        display: block;
        color: #8893a4;
        font-size: 11px;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 1px;
    }

    .sap-contact-line strong {
        color: #16233a;
        font-size: 14px;
    }


/* DASHBOARD MOCKUP */

.sap-dashboard-wrap {
    position: relative;
}

    .sap-dashboard-wrap::before {
        content: "";
        position: absolute;
        width: 320px;
        height: 320px;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background: #2b76ff;
        opacity: .12;
        filter: blur(75px);
        border-radius: 50%;
    }

.sap-dashboard {
    position: relative;
    padding: 18px;
    background: rgba(8, 21, 44, .96);
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 25px;
    box-shadow: 0 40px 80px rgba(19, 40, 75, .28), inset 0 1px 0 rgba(255,255,255,.09);
    transform: perspective(1200px) rotateY(-3deg);
}

.sap-dashboard-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 6px 4px 18px;
    color: white;
}

    .sap-dashboard-top > div {
        display: flex;
        align-items: center;
        gap: 9px;
    }

.sap-logo-icon {
    display: grid;
    place-items: center;
    width: 31px;
    height: 31px;
    border-radius: 8px;
    background: linear-gradient(135deg, #2979ff, #1256d7);
    font-weight: 900;
}

.sap-dashboard-top strong {
    letter-spacing: .8px;
}

.sap-live {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 5px 9px;
    border-radius: 20px;
    background: rgba(0, 167, 111, .14);
    color: #4fe1ad;
    font-size: 10px;
    font-weight: 800;
}

    .sap-live i {
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background: #28d99d;
    }

.sap-chart-box {
    padding: 17px;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 15px;
    background: #0d1c34;
}

.sap-chart-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .sap-chart-head small {
        color: #77859c;
    }

    .sap-chart-head h3 {
        margin: 2px 0;
        color: white;
        font-size: 15px;
    }

.sap-trend-up {
    padding: 5px 9px;
    border-radius: 20px;
    background: rgba(0, 167, 111, .13);
    color: #3ee5a7;
    font-size: 10px;
    font-weight: 700;
}

.sap-chart {
    position: relative;
    height: 245px;
    margin-top: 12px;
    overflow: hidden;
    border-radius: 8px;
}

.sap-grid-lines {
    position: absolute;
    inset: 0;
    opacity: .15;
    background-image: linear-gradient(rgba(255,255,255,.3) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.3) 1px, transparent 1px);
    background-size: 50px 45px;
}

.sap-candle {
    position: absolute;
    bottom: 45px;
    width: 12px;
    height: 55px;
    background: #00c98b;
    border-radius: 2px;
}

    .sap-candle::before {
        content: "";
        position: absolute;
        width: 2px;
        height: 80px;
        left: 5px;
        top: -13px;
        background: inherit;
    }

    .sap-candle.red {
        background: #f05b68;
    }

    .sap-candle.c1 {
        left: 9%;
        height: 42px;
        bottom: 42px;
    }

    .sap-candle.c2 {
        left: 20%;
        height: 48px;
        bottom: 65px;
    }

    .sap-candle.c3 {
        left: 31%;
        height: 60px;
        bottom: 55px;
    }

    .sap-candle.c4 {
        left: 42%;
        height: 75px;
        bottom: 72px;
    }

    .sap-candle.c5 {
        left: 53%;
        height: 45px;
        bottom: 98px;
    }

    .sap-candle.c6 {
        left: 64%;
        height: 65px;
        bottom: 93px;
    }

    .sap-candle.c7 {
        left: 75%;
        height: 80px;
        bottom: 115px;
    }

    .sap-candle.c8 {
        left: 86%;
        height: 65px;
        bottom: 143px;
    }

.sap-buy-label {
    position: absolute;
    right: 5%;
    top: 20px;
    padding: 6px 12px;
    border-radius: 20px;
    background: #00a76f;
    color: white;
    font-size: 10px;
    font-weight: 800;
}

.sap-stats-grid {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 9px;
    margin-top: 12px;
}

.sap-stat,
.sap-levels > div {
    padding: 13px;
    border: 1px solid rgba(255,255,255,.07);
    border-radius: 10px;
    background: rgba(255,255,255,.025);
}

    .sap-stat span,
    .sap-levels span {
        display: block;
        margin-bottom: 3px;
        color: #7b899f;
        font-size: 10px;
    }

    .sap-stat strong,
    .sap-levels strong {
        color: white;
        font-size: 13px;
    }

.sap-green {
    color: #35d9a1 !important;
}

.sap-red-text {
    color: #ff6b75 !important;
}

.sap-levels {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 9px;
    margin-top: 9px;
}


/* HIGHLIGHTS */

.sap-highlights {
    position: relative;
    z-index: 4;
    padding: 0 0 35px;
    background: #fff;
}

.sap-highlight-grid {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    margin-top: -32px;
    overflow: hidden;
    border: 1px solid #e5ebf3;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 15px 50px rgba(30, 55, 90, .09);
}

.sap-highlight {
    display: flex;
    gap: 13px;
    padding: 24px;
    border-right: 1px solid #e7edf5;
}

    .sap-highlight:last-child {
        border-right: 0;
    }

.sap-hi-icon {
    display: grid;
    place-items: center;
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    border-radius: 10px;
    background: #edf4ff;
    color: var(--sap-primary);
    font-weight: 900;
}

.sap-highlight strong {
    display: block;
    font-size: 14px;
}

.sap-highlight p {
    margin: 3px 0 0;
    color: #7a8798;
    font-size: 11px;
}


/* GENERAL SECTIONS */

.sap-section {
    padding: 90px 0;
}

.sap-white {
    background: #fff;
}

.sap-light {
    background: var(--sap-light);
}

.sap-two-column {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 70px;
}

.sap-align-center {
    align-items: center;
}

.sap-section-label {
    display: inline-block;
    margin-bottom: 13px;
    color: var(--sap-primary);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1.7px;
}

.sap-section h2,
.sap-final-cta h2 {
    margin-bottom: 20px;
    color: #0d1c34;
    font-size: clamp(32px, 4vw, 48px);
    line-height: 1.14;
    letter-spacing: -1.4px;
}

    .sap-section h2 span,
    .sap-final-cta h2 span {
        color: var(--sap-primary);
    }

.sap-section p {
    color: #657286;
}

.sap-heading-center {
    max-width: 760px;
    margin: 0 auto 50px;
    text-align: center;
}

    .sap-heading-center p {
        max-width: 650px;
        margin: 0 auto;
    }


/* FEATURE PANEL */

.sap-feature-panel {
    padding: 35px;
    border: 1px solid #e4eaf3;
    border-radius: 20px;
    background: linear-gradient(145deg,#ffffff,#f7faff);
    box-shadow: 0 20px 55px rgba(22, 47, 85, .07);
}

    .sap-feature-panel h3 {
        margin-bottom: 22px;
        font-size: 19px;
    }

.sap-check-list {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 12px;
}

    .sap-check-list div {
        padding: 11px 12px;
        border-radius: 8px;
        background: #f4f8fd;
        color: #35445b;
        font-size: 13px;
        font-weight: 600;
    }

.sap-info-note {
    margin-top: 25px;
    padding: 16px 18px;
    border-left: 4px solid var(--sap-primary);
    border-radius: 8px;
    background: #f2f7ff;
    color: #536075;
    font-size: 13px;
}


/* CARDS */

.sap-card-grid {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 20px;
}

.sap-card {
    padding: 30px 27px;
    border: 1px solid #e4eaf2;
    border-radius: 16px;
    background: #fff;
    transition: all .3s ease;
}

    .sap-card:hover {
        transform: translateY(-6px);
        border-color: #c9dafa;
        box-shadow: 0 20px 45px rgba(31, 64, 110, .09);
    }

.sap-card-icon {
    display: grid;
    place-items: center;
    width: 48px;
    height: 48px;
    margin-bottom: 20px;
    border-radius: 12px;
    background: #e9f7f1;
    color: #008b60;
    font-size: 18px;
    font-weight: 900;
}

    .sap-card-icon.red-icon {
        background: #fff0f1;
        color: #e84352;
    }

.sap-card h3 {
    margin-bottom: 10px;
    font-size: 17px;
}

.sap-card p {
    margin: 0;
    font-size: 13px;
}


/* DARK DASHBOARD */

.sap-dark {
    background: radial-gradient(circle at 10% 20%, rgba(29, 96, 210, .25), transparent 27%), #071226;
}

    .sap-dark h2 {
        color: white;
    }

        .sap-dark h2 span {
            color: #52a2ff;
        }

    .sap-dark p {
        color: #9aaac0;
    }

    .sap-dark .sap-section-label {
        color: #5ca7ff;
    }

.sap-dark-list {
    margin-top: 30px;
}

    .sap-dark-list > div {
        display: flex;
        align-items: center;
        gap: 15px;
        padding: 13px 0;
        border-bottom: 1px solid rgba(255,255,255,.08);
        color: #d7e0ec;
        font-size: 14px;
    }

    .sap-dark-list b {
        color: #428cff;
        font-size: 11px;
    }

.sap-signal-card {
    padding: 27px;
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 20px;
    background: linear-gradient(145deg, rgba(255,255,255,.07), rgba(255,255,255,.025));
    box-shadow: 0 30px 60px rgba(0,0,0,.25);
}

.sap-signal-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 18px;
    border-bottom: 1px solid rgba(255,255,255,.1);
}

    .sap-signal-header small {
        color: #6f819c;
    }

    .sap-signal-header h3 {
        margin: 2px 0 0;
        color: white;
    }

    .sap-signal-header > span {
        padding: 5px 10px;
        border-radius: 20px;
        background: rgba(0, 190, 125, .13);
        color: #47e9b0;
        font-size: 9px;
        font-weight: 800;
    }

.sap-signal-status {
    margin: 25px 0;
    text-align: center;
}

    .sap-signal-status small {
        color: #70819b;
        font-size: 10px;
    }

    .sap-signal-status strong {
        display: block;
        margin: 5px;
        color: #35e0a5;
        font-size: 32px;
    }

    .sap-signal-status p {
        margin: 0;
        font-size: 11px;
    }

.sap-signal-level-grid {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 10px;
}

    .sap-signal-level-grid > div {
        padding: 13px;
        border-radius: 9px;
        background: rgba(255,255,255,.04);
    }

    .sap-signal-level-grid span {
        display: block;
        color: #7686a0;
        font-size: 9px;
    }

    .sap-signal-level-grid strong {
        color: white;
        font-size: 13px;
    }

.sap-progress-row {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
    color: #8da0ba;
    font-size: 11px;
}

    .sap-progress-row b {
        color: #43dcaa;
    }

.sap-progress {
    height: 6px;
    margin-top: 7px;
    overflow: hidden;
    border-radius: 10px;
    background: rgba(255,255,255,.08);
}

    .sap-progress i {
        display: block;
        height: 100%;
        border-radius: inherit;
        background: linear-gradient(90deg,#1c72e8,#34d9a0);
    }


/* THREE LEVEL CARDS */

.sap-three-grid {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 20px;
}

.sap-level-card {
    position: relative;
    padding: 33px;
    overflow: hidden;
    border: 1px solid #e4eaf2;
    border-radius: 17px;
    background: #fff;
}

.sap-number {
    display: inline-grid;
    place-items: center;
    width: 45px;
    height: 45px;
    margin-bottom: 20px;
    border-radius: 11px;
    background: #eaf8f3;
    color: #008c62;
    font-weight: 800;
}

    .sap-number.red-number {
        background: #fff0f1;
        color: #e44553;
    }


/* SCANNER */

.sap-scanner-grid {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 12px;
}

.sap-scanner-item {
    display: flex;
    align-items: center;
    gap: 13px;
    padding: 17px;
    border: 1px solid #e2e8f1;
    border-radius: 11px;
    background: #fff;
    color: #34435a;
    font-size: 13px;
    font-weight: 700;
}

    .sap-scanner-item span {
        display: grid;
        place-items: center;
        width: 30px;
        height: 30px;
        border-radius: 8px;
        background: #eef4ff;
        color: var(--sap-primary);
        font-size: 10px;
    }


/* TIMEFRAMES */

.sap-timeframe-grid {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 16px;
}

.sap-timeframe {
    padding: 32px 20px;
    border: 1px solid #e4eaf2;
    border-radius: 16px;
    text-align: center;
    background: #fff;
}

    .sap-timeframe strong {
        display: block;
        color: var(--sap-primary);
        font-size: 44px;
        line-height: 1;
    }

    .sap-timeframe span {
        display: block;
        margin-top: 7px;
        font-weight: 800;
    }

    .sap-timeframe p {
        margin: 10px 0 0;
        font-size: 12px;
    }


/* MARKET CARDS */

.sap-market-grid {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 18px;
}

.sap-market-card {
    padding: 28px;
    border: 1px solid #e3e9f1;
    border-radius: 15px;
    background: #fff;
}

    .sap-market-card > span {
        color: var(--sap-primary);
        font-size: 11px;
        font-weight: 800;
    }

    .sap-market-card h3 {
        margin: 10px 0 8px;
    }

    .sap-market-card p {
        margin: 0;
        font-size: 13px;
    }


/* AFL SECTION */

.sap-afl {
    background: #08162b;
}

    .sap-afl h2 {
        color: #fff;
    }

        .sap-afl h2 span {
            color: #58a8ff;
        }

    .sap-afl p {
        color: #98a8bd;
    }

.sap-code-card {
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 17px;
    background: #06101e;
    box-shadow: 0 25px 60px rgba(0,0,0,.25);
}

.sap-code-header {
    display: flex;
    align-items: center;
    gap: 7px;
    padding: 13px 16px;
    border-bottom: 1px solid rgba(255,255,255,.08);
}

    .sap-code-header span {
        width: 9px;
        height: 9px;
        border-radius: 50%;
        background: #ff625f;
    }

        .sap-code-header span:nth-child(2) {
            background: #ffc44d;
        }

        .sap-code-header span:nth-child(3) {
            background: #33c75a;
        }

    .sap-code-header b {
        margin-left: 8px;
        color: #75859d;
        font-size: 10px;
    }

.sap-code-card pre {
    margin: 0;
    padding: 30px;
    overflow-x: auto;
    color: #b9c6d8;
    font-family: Consolas, monospace;
    font-size: 13px;
    line-height: 1.9;
}

    .sap-code-card pre span {
        color: #4fa2ff;
    }

.sap-afl-list div {
    border: 1px solid rgba(255,255,255,.08);
    background: rgba(255,255,255,.04);
    color: #b8c5d7;
}


/* BENEFITS */

.sap-benefit-grid {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 20px;
}

    .sap-benefit-grid > div {
        padding: 28px;
        border-top: 3px solid var(--sap-primary);
        border-radius: 12px;
        background: #f8fafd;
    }

    .sap-benefit-grid b {
        color: #a2adc0;
        font-size: 11px;
    }

    .sap-benefit-grid h3 {
        margin: 10px 0 7px;
        font-size: 17px;
    }

    .sap-benefit-grid p {
        margin: 0;
        font-size: 13px;
    }


/* PROCESS */

.sap-process {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 20px;
}

.sap-process-item {
    padding: 27px;
    border: 1px solid #e2e8f0;
    border-radius: 15px;
    background: #fff;
}

    .sap-process-item > div {
        display: grid;
        place-items: center;
        width: 42px;
        height: 42px;
        margin-bottom: 17px;
        border-radius: 50%;
        background: #eaf2ff;
        color: var(--sap-primary);
        font-size: 11px;
        font-weight: 900;
    }

    .sap-process-item h3 {
        margin-bottom: 7px;
        font-size: 16px;
    }

    .sap-process-item p {
        margin: 0;
        font-size: 12px;
    }


/* FAQ */

.sap-faq-container {
    max-width: 900px;
}

.sap-faq {
    display: grid;
    gap: 12px;
}

    .sap-faq details {
        overflow: hidden;
        border: 1px solid #e1e8f1;
        border-radius: 12px;
        background: #fff;
    }

    .sap-faq summary {
        position: relative;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 20px 22px;
        cursor: pointer;
        color: #1c2a40;
        font-size: 14px;
        font-weight: 700;
        list-style: none;
    }

        .sap-faq summary::-webkit-details-marker {
            display: none;
        }

        .sap-faq summary span {
            display: grid;
            place-items: center;
            width: 27px;
            height: 27px;
            border-radius: 50%;
            background: #eef4ff;
            color: var(--sap-primary);
            font-size: 18px;
            transition: .2s ease;
        }

    .sap-faq details[open] summary span {
        transform: rotate(45deg);
    }

    .sap-faq details p {
        margin: 0;
        padding: 0 22px 21px;
        font-size: 13px;
    }


/* CTA */

.sap-final-cta {
    padding: 75px 0 40px;
    background: #fff;
}

.sap-cta-box {
    display: grid;
    grid-template-columns: 1.3fr .7fr;
    gap: 40px;
    align-items: center;
    padding: 55px;
    border-radius: 24px;
    background: radial-gradient(circle at 90% 20%, rgba(255,255,255,.15), transparent 25%), linear-gradient(135deg,#0c58d8,#092d74);
    box-shadow: 0 30px 70px rgba(17, 73, 156, .25);
}

.sap-cta-small {
    color: #9ec8ff;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1.5px;
}

.sap-final-cta h2 {
    margin: 10px 0 14px;
    color: white;
}

    .sap-final-cta h2 span {
        color: #78d8b7;
    }

.sap-final-cta .sap-cta-box p {
    max-width: 680px;
    margin: 0;
    color: #c2d7f3;
}

.sap-cta-actions {
    display: grid;
    gap: 10px;
}

.sap-btn-white {
    background: #fff;
    color: #0a4ab5;
}

.sap-btn-glass {
    border: 1px solid rgba(255,255,255,.28);
    background: rgba(255,255,255,.08);
    color: white;
}

    .sap-btn-glass:hover {
        background: rgba(255,255,255,.15);
    }

.sap-disclaimer {
    max-width: 900px;
    margin: 25px auto 0;
    color: #7a8798;
    font-size: 11px;
    text-align: center;
}


/* RESPONSIVE */

@media (max-width: 991px) {

    .sap-hero {
        padding-top: 65px;
    }

    .sap-hero-grid,
    .sap-two-column,
    .sap-cta-box {
        grid-template-columns: 1fr;
    }

    .sap-dashboard {
        max-width: 620px;
        margin: 10px auto 0;
        transform: none;
    }

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

    .sap-highlight:nth-child(2) {
        border-right: 0;
    }

    .sap-highlight:nth-child(-n+2) {
        border-bottom: 1px solid #e7edf5;
    }

    .sap-card-grid,
    .sap-market-grid,
    .sap-benefit-grid,
    .sap-process {
        grid-template-columns: repeat(2,1fr);
    }

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

    .sap-two-column {
        gap: 45px;
    }
}

@media (max-width: 650px) {

    .sap-container {
        width: min(100% - 28px,1180px);
    }

    .sap-hero {
        padding: 50px 0 60px;
    }

        .sap-hero h1 {
            letter-spacing: -1.5px;
        }

    .sap-section {
        padding: 65px 0;
    }

    .sap-highlight-grid,
    .sap-card-grid,
    .sap-three-grid,
    .sap-market-grid,
    .sap-benefit-grid,
    .sap-process,
    .sap-timeframe-grid {
        grid-template-columns: 1fr;
    }

    .sap-highlight {
        border-right: 0;
        border-bottom: 1px solid #e7edf5;
    }

        .sap-highlight:last-child {
            border-bottom: 0;
        }

    .sap-check-list,
    .sap-scanner-grid,
    .sap-signal-level-grid {
        grid-template-columns: 1fr;
    }

    .sap-stats-grid,
    .sap-levels {
        grid-template-columns: repeat(3,1fr);
    }

    .sap-dashboard {
        padding: 11px;
        border-radius: 16px;
    }

    .sap-chart {
        height: 210px;
    }

    .sap-contact-line {
        flex-direction: column;
        gap: 10px;
    }

    .sap-cta-box {
        padding: 34px 24px;
    }

    .sap-hero-buttons {
        display: grid;
    }

    .sap-btn {
        width: 100%;
    }
}