/*
============================================================
 TOP CHAIN — INSTITUTIONAL HOMEPAGE V2
 Non-destructive presentation layer.
============================================================
*/

:root {
    --tc-bg: #060d18;
    --tc-bg-2: #08111f;
    --tc-bg-3: #0b1525;
    --tc-panel: #0d1829;
    --tc-panel-2: #101d30;
    --tc-panel-3: #132238;
    --tc-line: rgba(148,163,184,.13);
    --tc-line-strong: rgba(96,165,250,.25);
    --tc-text: #f8fafc;
    --tc-muted: #94a3b8;
    --tc-muted-2: #64748b;
    --tc-blue: #3b82f6;
    --tc-blue-light: #60a5fa;
    --tc-cyan: #22d3ee;
    --tc-green: #10b981;
    --tc-red: #ef4444;
    --tc-radius: 16px;
    --tc-radius-lg: 22px;
    --tc-shadow: 0 20px 55px rgba(0,0,0,.28);
}

/* ---------------------------------------------------------
   GLOBAL HOMEPAGE
--------------------------------------------------------- */

body.tc-home-institutional {
    background:
        radial-gradient(circle at 15% 0%, rgba(37,99,235,.09), transparent 27%),
        radial-gradient(circle at 85% 18%, rgba(14,165,233,.055), transparent 24%),
        var(--tc-bg) !important;
    color: var(--tc-text);
}

body.tc-home-institutional main,
body.tc-home-institutional #main-content {
    background: transparent !important;
}

body.tc-home-institutional section {
    position: relative;
    isolation: isolate;
    background: transparent !important;
    border-color: var(--tc-line) !important;
}

body.tc-home-institutional section:not(.im-hero) {
    padding-top: 76px !important;
    padding-bottom: 76px !important;
}

body.tc-home-institutional section:not(.im-hero)::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -2;
    pointer-events: none;
    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.012),
            transparent 30%,
            rgba(59,130,246,.012)
        );
}

body.tc-home-institutional section:nth-of-type(even):not(.im-hero)::before {
    background:
        linear-gradient(
            180deg,
            rgba(13,24,41,.50),
            rgba(8,17,31,.30)
        );
}

body.tc-home-institutional .max-w-7xl {
    max-width: 1320px !important;
}

body.tc-home-institutional h1,
body.tc-home-institutional h2,
body.tc-home-institutional h3,
body.tc-home-institutional h4 {
    letter-spacing: -.025em;
}

body.tc-home-institutional h2 {
    line-height: 1.13;
}

body.tc-home-institutional p {
    line-height: 1.75;
}

/* ---------------------------------------------------------
   HEADER
--------------------------------------------------------- */

body.tc-home-institutional > header,
body.tc-home-institutional header.sticky {
    background: rgba(6,13,24,.91) !important;
    border-bottom: 1px solid rgba(148,163,184,.11) !important;
    box-shadow: 0 12px 38px rgba(0,0,0,.22) !important;
    backdrop-filter: blur(22px) saturate(140%) !important;
    -webkit-backdrop-filter: blur(22px) saturate(140%) !important;
}

body.tc-home-institutional header.sticky > div {
    max-width: 1320px !important;
}

body.tc-home-institutional header.sticky .h-16 {
    height: 74px !important;
}

body.tc-home-institutional header.sticky a[href="/"] span {
    font-size: 20px !important;
    font-weight: 800 !important;
    letter-spacing: -.04em !important;
    color: #fff !important;
}

body.tc-home-institutional header.sticky a[href="/"] span::before {
    content: "";
    display: inline-block;
    width: 9px;
    height: 9px;
    margin-right: 10px;
    border-radius: 999px;
    vertical-align: 2px;
    background: var(--tc-blue);
    box-shadow: 0 0 18px rgba(59,130,246,.85);
}

body.tc-home-institutional header.sticky nav {
    gap: 6px !important;
}

body.tc-home-institutional header.sticky nav > a,
body.tc-home-institutional header.sticky nav > div > button {
    padding: 9px 11px !important;
    border-radius: 9px;
    color: #cbd5e1 !important;
    font-size: 13px !important;
    transition: .2s ease !important;
}

body.tc-home-institutional header.sticky nav > a:hover,
body.tc-home-institutional header.sticky nav > div > button:hover {
    color: #fff !important;
    background: rgba(255,255,255,.045) !important;
}

body.tc-home-institutional header.sticky nav [x-show] {
    background: #0d1829 !important;
    border: 1px solid var(--tc-line) !important;
    border-radius: 12px !important;
    box-shadow: 0 22px 50px rgba(0,0,0,.42) !important;
    overflow: hidden;
}

body.tc-home-institutional header.sticky nav [x-show] a {
    border-radius: 7px;
}

body.tc-home-institutional header.sticky a[href="register"],
body.tc-home-institutional header.sticky a[href="/register"] {
    background: linear-gradient(135deg,#2563eb,#3b82f6) !important;
    border: 1px solid rgba(96,165,250,.45) !important;
    border-radius: 9px !important;
    box-shadow: 0 8px 25px rgba(37,99,235,.22);
}

body.tc-home-institutional header.sticky a[href="login"],
body.tc-home-institutional header.sticky a[href="/login"] {
    border-radius: 9px !important;
}

/* Mobile menu */

body.tc-home-institutional #mobile-menu {
    background: rgba(8,17,31,.98) !important;
    border: 1px solid var(--tc-line);
    border-radius: 0 0 16px 16px;
    box-shadow: var(--tc-shadow);
}

body.tc-home-institutional #mobile-menu a,
body.tc-home-institutional #mobile-menu button {
    border-radius: 9px;
}

/* ---------------------------------------------------------
   HERO
--------------------------------------------------------- */

body.tc-home-institutional .im-hero {
    min-height: 650px;
    border-bottom: 1px solid var(--tc-line);
    background:
        radial-gradient(circle at 78% 38%, rgba(37,99,235,.18), transparent 29%),
        radial-gradient(circle at 17% 18%, rgba(14,165,233,.08), transparent 24%),
        linear-gradient(180deg,#07101d,#08111f) !important;
}

body.tc-home-institutional .im-hero::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: -1;
    opacity: .23;
    background-image:
        linear-gradient(rgba(148,163,184,.05) 1px, transparent 1px),
        linear-gradient(90deg, rgba(148,163,184,.05) 1px, transparent 1px);
    background-size: 46px 46px;
    mask-image: linear-gradient(to bottom,#000,transparent 88%);
}

body.tc-home-institutional .im-title {
    font-size: clamp(42px,5vw,72px) !important;
    line-height: .99 !important;
    letter-spacing: -.055em !important;
    max-width: 720px;
}

body.tc-home-institutional .im-open {
    border-radius: 10px !important;
    box-shadow: 0 12px 30px rgba(37,99,235,.27) !important;
}

body.tc-home-institutional .im-login {
    border-radius: 10px !important;
    background: rgba(255,255,255,.025) !important;
    border-color: rgba(148,163,184,.18) !important;
}

/* Hero market snapshot */

body.tc-home-institutional .im-market-card,
body.tc-home-institutional .im-terminal,
body.tc-home-institutional .im-snapshot {
    background:
        linear-gradient(145deg,rgba(17,30,49,.97),rgba(9,18,32,.97)) !important;
    border: 1px solid rgba(96,165,250,.18) !important;
    border-radius: 18px !important;
    box-shadow:
        0 30px 80px rgba(0,0,0,.35),
        inset 0 1px 0 rgba(255,255,255,.035) !important;
}

/* ---------------------------------------------------------
   TRADINGVIEW TICKER
--------------------------------------------------------- */

body.tc-home-institutional .tradingview-widget-container {
    max-width: 100%;
}

body.tc-home-institutional .im-hero + div,
body.tc-home-institutional .im-hero + .tradingview-widget-container {
    border-top: 1px solid var(--tc-line);
    border-bottom: 1px solid var(--tc-line);
}

/* ---------------------------------------------------------
   STANDARD SECTION HEADERS
--------------------------------------------------------- */

body.tc-home-institutional section:not(.im-hero) h2 {
    font-size: clamp(29px,3vw,42px) !important;
    font-weight: 750 !important;
    color: #f8fafc !important;
    background: none !important;
    -webkit-text-fill-color: initial !important;
}

body.tc-home-institutional section:not(.im-hero) h2 span {
    -webkit-text-fill-color: initial;
}

body.tc-home-institutional section:not(.im-hero) > div > div:first-child p {
    color: #94a3b8 !important;
}

/* ---------------------------------------------------------
   UNIVERSAL CARDS
--------------------------------------------------------- */

body.tc-home-institutional section:not(.im-hero) .bg-gray-800,
body.tc-home-institutional section:not(.im-hero) .bg-gray-700,
body.tc-home-institutional section:not(.im-hero) .bg-dark-200,
body.tc-home-institutional section:not(.im-hero) .bg-dark-300,
body.tc-home-institutional section:not(.im-hero) .bg-dark-400,
body.tc-home-institutional section:not(.im-hero) .bg-dark-500 {
    background:
        linear-gradient(145deg,rgba(16,29,48,.93),rgba(11,21,37,.94)) !important;
}

body.tc-home-institutional section:not(.im-hero) .rounded-lg,
body.tc-home-institutional section:not(.im-hero) .rounded-xl,
body.tc-home-institutional section:not(.im-hero) .rounded-2xl {
    border-color: var(--tc-line) !important;
}

body.tc-home-institutional section:not(.im-hero) .shadow-lg,
body.tc-home-institutional section:not(.im-hero) .shadow-xl,
body.tc-home-institutional section:not(.im-hero) .shadow-2xl {
    box-shadow: var(--tc-shadow) !important;
}

body.tc-home-institutional section:not(.im-hero) [class*="border-gray"] {
    border-color: var(--tc-line) !important;
}

/* Feature cards */

body.tc-home-institutional section .grid > div {
    transition:
        transform .22s ease,
        border-color .22s ease,
        box-shadow .22s ease;
}

@media (hover:hover) {
    body.tc-home-institutional section .grid > div:hover {
        border-color: rgba(96,165,250,.25) !important;
        box-shadow: 0 22px 55px rgba(0,0,0,.24) !important;
    }
}

/* ---------------------------------------------------------
   MARKET ANALYSIS / WIDGETS
--------------------------------------------------------- */

body.tc-home-institutional section iframe {
    display: block;
    width: 100%;
    border-radius: 12px;
}

body.tc-home-institutional section .tradingview-widget-container {
    overflow: hidden;
    border-radius: 13px;
}

body.tc-home-institutional section:has(.tradingview-widget-container)
    .tradingview-widget-container {
    box-shadow: 0 18px 45px rgba(0,0,0,.24);
}

/* ---------------------------------------------------------
   EDUCATION VIDEO
--------------------------------------------------------- */

body.tc-home-institutional iframe[src*="youtube.com"] {
    border: 1px solid var(--tc-line);
    border-radius: 16px !important;
    box-shadow: 0 25px 55px rgba(0,0,0,.32);
    background: #000;
}

/* ---------------------------------------------------------
   COINLIB
--------------------------------------------------------- */

body.tc-home-institutional iframe[src*="coinlib.io"] {
    border-radius: 15px !important;
    border: 1px solid var(--tc-line) !important;
    background: #080f1b;
}

/* ---------------------------------------------------------
   INVESTMENT PLAN AREA
--------------------------------------------------------- */

body.tc-home-institutional #pricing {
    background:
        radial-gradient(circle at 50% 20%,rgba(37,99,235,.075),transparent 36%),
        #08111f !important;
}

body.tc-home-institutional #plans-container > div {
    border: 1px solid rgba(148,163,184,.13) !important;
    border-radius: 17px !important;
    background:
        linear-gradient(155deg,#111e31,#0b1626) !important;
    box-shadow: 0 18px 42px rgba(0,0,0,.24) !important;
}

body.tc-home-institutional #plans-container > div:hover {
    transform: translateY(-4px);
    border-color: rgba(96,165,250,.30) !important;
}

body.tc-home-institutional #pricing a,
body.tc-home-institutional #pricing button {
    border-radius: 9px !important;
}

/* ---------------------------------------------------------
   HOW IT WORKS
--------------------------------------------------------- */

body.tc-home-institutional section h3 {
    color: #f8fafc !important;
}

body.tc-home-institutional section .text-gray-300,
body.tc-home-institutional section .text-gray-400 {
    color: #94a3b8 !important;
}

/* ---------------------------------------------------------
   TESTIMONIALS
--------------------------------------------------------- */

body.tc-home-institutional section[x-data*="activeTestimonial"] {
    background:
        radial-gradient(circle at 50% 0%,rgba(37,99,235,.07),transparent 35%),
        #07101d !important;
}

body.tc-home-institutional section[x-data*="activeTestimonial"] .grid > div {
    background:
        linear-gradient(145deg,#101d30,#0b1626) !important;
    border: 1px solid var(--tc-line) !important;
    border-radius: 16px !important;
}

/* ---------------------------------------------------------
   CRYPTO LOGO STRIP
--------------------------------------------------------- */

body.tc-home-institutional section:last-of-type {
    border-top: 1px solid var(--tc-line);
    padding-top: 32px !important;
    padding-bottom: 32px !important;
}

/* ---------------------------------------------------------
   FOOTER
--------------------------------------------------------- */

body.tc-home-institutional footer {
    background:
        linear-gradient(180deg,#08111f,#050b14) !important;
    border-top: 1px solid var(--tc-line) !important;
    color: #94a3b8 !important;
}

body.tc-home-institutional footer > div:first-child {
    padding-top: 60px !important;
}

body.tc-home-institutional footer h3 {
    color: #f8fafc !important;
    font-size: 12px !important;
    letter-spacing: .12em !important;
}

body.tc-home-institutional footer a {
    transition: color .18s ease !important;
}

body.tc-home-institutional footer a:hover {
    color: #60a5fa !important;
}

/* ---------------------------------------------------------
   EXISTING LIVE TRADING ACTIVITY POPUP
   Preserve functionality — presentation only.
--------------------------------------------------------- */

body.tc-home-institutional #tradingNotification {
    background:
        linear-gradient(145deg,#101d30,#091422) !important;
    border: 1px solid rgba(96,165,250,.22) !important;
    border-radius: 14px !important;
    box-shadow:
        0 24px 65px rgba(0,0,0,.46),
        inset 0 1px 0 rgba(255,255,255,.04) !important;
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
}

body.tc-home-institutional #tradingNotification .notification-title {
    color: #f8fafc !important;
    font-weight: 700 !important;
}

body.tc-home-institutional #tradingNotification .notification-text {
    color: #cbd5e1 !important;
}

body.tc-home-institutional #tradingNotification .notification-footer,
body.tc-home-institutional #tradingNotification .notification-time {
    color: #64748b !important;
}

body.tc-home-institutional #tradingNotification .progress-bar,
body.tc-home-institutional #tradingNotification #progressBar {
    background: linear-gradient(90deg,#2563eb,#22d3ee) !important;
}

/* ---------------------------------------------------------
   BUTTON CONSISTENCY
--------------------------------------------------------- */

body.tc-home-institutional main a[class*="bg-blue"],
body.tc-home-institutional main button[class*="bg-blue"] {
    background: linear-gradient(135deg,#2563eb,#3b82f6) !important;
    border-radius: 9px !important;
    box-shadow: 0 10px 24px rgba(37,99,235,.17);
}

body.tc-home-institutional main a[class*="bg-blue"]:hover,
body.tc-home-institutional main button[class*="bg-blue"]:hover {
    filter: brightness(1.08);
}

/* ---------------------------------------------------------
   SCROLLBAR
--------------------------------------------------------- */

body.tc-home-institutional::-webkit-scrollbar {
    width: 10px;
}

body.tc-home-institutional::-webkit-scrollbar-track {
    background: #060d18;
}

body.tc-home-institutional::-webkit-scrollbar-thumb {
    background: #26364c;
    border: 2px solid #060d18;
    border-radius: 999px;
}

/* ---------------------------------------------------------
   MOBILE
--------------------------------------------------------- */

@media (max-width: 767px) {

    body.tc-home-institutional header.sticky .h-16 {
        height: 64px !important;
    }

    body.tc-home-institutional header.sticky a[href="/"] span {
        font-size: 17px !important;
    }

    body.tc-home-institutional .im-hero {
        min-height: auto;
    }

    body.tc-home-institutional .im-title {
        font-size: clamp(38px,12vw,54px) !important;
        line-height: 1.01 !important;
    }

    body.tc-home-institutional section:not(.im-hero) {
        padding-top: 54px !important;
        padding-bottom: 54px !important;
    }

    body.tc-home-institutional section:not(.im-hero) h2 {
        font-size: 28px !important;
    }

    body.tc-home-institutional section iframe {
        max-width: 100%;
    }

    body.tc-home-institutional #pricing {
        overflow: hidden;
    }

    body.tc-home-institutional #plans-container {
        scroll-snap-type: x proximity;
        -webkit-overflow-scrolling: touch;
    }

    body.tc-home-institutional #plans-container > div {
        scroll-snap-align: start;
    }

    body.tc-home-institutional #tradingNotification {
        max-width: calc(100vw - 24px) !important;
    }
}

/* ---------------------------------------------------------
   SMALL PHONE
--------------------------------------------------------- */

@media (max-width: 420px) {

    body.tc-home-institutional section:not(.im-hero) {
        padding-top: 46px !important;
        padding-bottom: 46px !important;
    }

    body.tc-home-institutional .im-title {
        font-size: 39px !important;
    }

    body.tc-home-institutional header.sticky a[href="/"] span {
        font-size: 15px !important;
    }
}


/* ============================================================
   TOP CHAIN FULL HOMEPAGE COMPOSITION V3
   ============================================================ */

body.tc-home-institutional {
    --page-width: 1280px;
    --page-pad: clamp(18px,4vw,48px);
}


/* ------------------------------------------------------------
   PAGE WIDTH
------------------------------------------------------------ */

body.tc-home-institutional .tc-section > .max-w-7xl,
body.tc-home-institutional .tc-section > .container,
body.tc-home-institutional .im-hero > .max-w-7xl {
    width: min(var(--page-width), calc(100% - 40px)) !important;
    max-width: var(--page-width) !important;
    margin-left: auto !important;
    margin-right: auto !important;
}


/* ------------------------------------------------------------
   SECTION RHYTHM
------------------------------------------------------------ */

body.tc-home-institutional .tc-section {
    padding-top: 88px !important;
    padding-bottom: 88px !important;
    border-bottom: 1px solid rgba(148,163,184,.055);
}

body.tc-home-institutional .tc-section:nth-of-type(odd) {
    background: #08111f !important;
}

body.tc-home-institutional .tc-section:nth-of-type(even) {
    background: #0a1423 !important;
}


/* ------------------------------------------------------------
   SECTION TITLES
------------------------------------------------------------ */

body.tc-home-institutional .tc-section h2 {
    font-size: clamp(30px,3vw,44px) !important;
    line-height: 1.08 !important;
    letter-spacing: -.04em !important;
    font-weight: 800 !important;
    color: #f8fafc !important;
}

body.tc-home-institutional .tc-section h2 + p {
    max-width: 690px;
    color: #8fa1b7 !important;
}


/* ------------------------------------------------------------
   FEATURES — COMPACT INSTITUTIONAL STRIP
------------------------------------------------------------ */

body.tc-home-institutional .tc-features {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
    background: #0a1423 !important;
}

body.tc-home-institutional .tc-features .grid {
    gap: 12px !important;
}

body.tc-home-institutional .tc-features .grid > div {
    min-height: 120px;
    padding: 20px !important;
    background: #0e1b2d !important;
    border: 1px solid rgba(148,163,184,.09) !important;
    border-radius: 12px !important;
    box-shadow: none !important;
}


/* ------------------------------------------------------------
   MARKET ANALYSIS — DASHBOARD COMPOSITION
------------------------------------------------------------ */

body.tc-home-institutional .tc-market-analysis {
    background:
        radial-gradient(circle at 50% 15%,rgba(37,99,235,.07),transparent 32%),
        #08111f !important;
}

body.tc-home-institutional .tc-market-analysis .grid {
    gap: 22px !important;
}

body.tc-home-institutional .tc-market-analysis .grid > div {
    background: #0d192a !important;
    border: 1px solid rgba(148,163,184,.10) !important;
    border-radius: 15px !important;
    overflow: hidden;
}

body.tc-home-institutional .tc-market-analysis .tradingview-widget-container {
    min-height: 400px;
    background: #080f1a;
}


/* ------------------------------------------------------------
   PRODUCTS — 4 CLEAN MARKET CARDS
------------------------------------------------------------ */

body.tc-home-institutional .tc-products .grid {
    gap: 14px !important;
}

body.tc-home-institutional .tc-products .grid > div {
    position: relative;
    overflow: hidden;
    min-height: 220px;
    padding: 24px !important;
    background:
        linear-gradient(145deg,#101d30,#0b1626) !important;
    border: 1px solid rgba(148,163,184,.10) !important;
    border-radius: 14px !important;
    box-shadow: none !important;
}

body.tc-home-institutional .tc-products .grid > div::before {
    content: "";
    position: absolute;
    width: 90px;
    height: 90px;
    right: -30px;
    top: -30px;
    border-radius: 50%;
    background: rgba(59,130,246,.07);
}


/* ------------------------------------------------------------
   CRYPTO — TERMINAL STYLE
------------------------------------------------------------ */

body.tc-home-institutional .tc-crypto {
    background: #091321 !important;
}

body.tc-home-institutional .tc-crypto .grid {
    gap: 18px !important;
}

body.tc-home-institutional .tc-crypto .grid > div {
    border-radius: 14px !important;
    border: 1px solid rgba(148,163,184,.10) !important;
    background: #0e1a2c !important;
}


/* ------------------------------------------------------------
   EDUCATION — LARGE VIDEO + CONTENT
------------------------------------------------------------ */

body.tc-home-institutional .tc-education .grid {
    align-items: center !important;
    gap: clamp(28px,5vw,70px) !important;
}

body.tc-home-institutional .tc-education iframe[src*="youtube"] {
    min-height: 330px;
    border-radius: 16px !important;
}


/* ------------------------------------------------------------
   TRADING ADVANTAGE — TERMINAL PANEL
------------------------------------------------------------ */

body.tc-home-institutional .tc-advantage .grid {
    gap: 24px !important;
    align-items: stretch !important;
}

body.tc-home-institutional .tc-advantage .grid > div {
    background: #0d192a !important;
    border: 1px solid rgba(148,163,184,.10) !important;
    border-radius: 15px !important;
}


/* ------------------------------------------------------------
   COPY TRADING
------------------------------------------------------------ */

body.tc-home-institutional .tc-copy {
    background:
        linear-gradient(180deg,#091321,#08111f) !important;
}

body.tc-home-institutional .tc-copy .grid {
    align-items: center !important;
    gap: 50px !important;
}


/* ------------------------------------------------------------
   ABOUT
------------------------------------------------------------ */

body.tc-home-institutional .tc-about {
    background:
        radial-gradient(circle at 20% 50%,rgba(37,99,235,.06),transparent 35%),
        #091321 !important;
}

body.tc-home-institutional .tc-about .grid {
    gap: 48px !important;
    align-items: center !important;
}


/* ------------------------------------------------------------
   INVESTMENT OPPORTUNITIES
------------------------------------------------------------ */

body.tc-home-institutional .tc-pricing {
    background: #07101d !important;
}

body.tc-home-institutional .tc-pricing #plans-container {
    display: grid !important;
    grid-template-columns: repeat(4,minmax(0,1fr)) !important;
    gap: 14px !important;
    align-items: stretch !important;
}

body.tc-home-institutional .tc-pricing #plans-container > div {
    display: flex;
    flex-direction: column;
    min-height: 100%;
    padding: 0 !important;
    overflow: hidden;
    background:
        linear-gradient(180deg,#10203a,#0c1829) !important;
    border: 1px solid rgba(96,165,250,.16) !important;
    border-radius: 12px !important;
    box-shadow: 0 15px 35px rgba(0,0,0,.20) !important;
}

body.tc-home-institutional .tc-pricing #plans-container > div:hover {
    transform: translateY(-3px);
    border-color: rgba(59,130,246,.42) !important;
}


/* ------------------------------------------------------------
   SUPPORT
------------------------------------------------------------ */

body.tc-home-institutional .tc-support .grid {
    align-items: center !important;
    gap: 48px !important;
}


/* ------------------------------------------------------------
   TRADING TOOLS
------------------------------------------------------------ */

body.tc-home-institutional .tc-trading-tools .grid {
    gap: 16px !important;
}

body.tc-home-institutional .tc-trading-tools .grid > div {
    padding: 24px !important;
    background: #0e1b2d !important;
    border: 1px solid rgba(148,163,184,.10) !important;
    border-radius: 13px !important;
}


/* ------------------------------------------------------------
   TRUSTED BRAND
------------------------------------------------------------ */

body.tc-home-institutional .tc-trusted {
    background:
        radial-gradient(circle at 75% 40%,rgba(37,99,235,.055),transparent 30%),
        #08111f !important;
}

body.tc-home-institutional .tc-trusted .grid {
    gap: 24px !important;
}

body.tc-home-institutional .tc-trusted .tradingview-widget-container {
    border: 1px solid rgba(148,163,184,.10);
    border-radius: 14px;
    overflow: hidden;
}


/* ------------------------------------------------------------
   HOW IT WORKS
------------------------------------------------------------ */

body.tc-home-institutional .tc-how-it-works .grid {
    gap: 14px !important;
}

body.tc-home-institutional .tc-how-it-works .grid > div {
    position: relative;
    padding: 28px 22px !important;
    background: #0d192a !important;
    border: 1px solid rgba(148,163,184,.10) !important;
    border-radius: 13px !important;
}


/* ------------------------------------------------------------
   PREMIUM EXPERIENCE
------------------------------------------------------------ */

body.tc-home-institutional .tc-premium .grid {
    gap: 44px !important;
    align-items: center !important;
}

body.tc-home-institutional .tc-premium img {
    border-radius: 15px !important;
}


/* ------------------------------------------------------------
   SERVICES
------------------------------------------------------------ */

body.tc-home-institutional .tc-services .grid {
    gap: 16px !important;
}

body.tc-home-institutional .tc-services .grid > div {
    padding: 25px !important;
    background: #0e1b2d !important;
    border: 1px solid rgba(148,163,184,.10) !important;
    border-radius: 13px !important;
}


/* ------------------------------------------------------------
   TESTIMONIALS
------------------------------------------------------------ */

body.tc-home-institutional .tc-testimonials {
    background: #07101d !important;
}

body.tc-home-institutional .tc-testimonials .grid {
    gap: 15px !important;
}

body.tc-home-institutional .tc-testimonials .grid > div {
    background:
        linear-gradient(145deg,#101d30,#0b1626) !important;
    border: 1px solid rgba(148,163,184,.10) !important;
    border-radius: 13px !important;
    box-shadow: none !important;
}


/* ------------------------------------------------------------
   CRYPTO LOGOS
------------------------------------------------------------ */

body.tc-home-institutional .tc-crypto-logos {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
    background: #0b1626 !important;
}


/* ------------------------------------------------------------
   HEADER — MATCH HERO
------------------------------------------------------------ */

body.tc-home-institutional header.sticky {
    background: rgba(5,12,22,.96) !important;
    border-bottom: 1px solid rgba(148,163,184,.09) !important;
}

body.tc-home-institutional header.sticky > div {
    max-width: 1280px !important;
}

body.tc-home-institutional header.sticky .h-16 {
    height: 68px !important;
}


/* ------------------------------------------------------------
   FOOTER
------------------------------------------------------------ */

body.tc-home-institutional footer {
    background: #050c16 !important;
    border-top: 1px solid rgba(148,163,184,.09) !important;
}

body.tc-home-institutional footer > div {
    max-width: 1280px !important;
}


/* ------------------------------------------------------------
   RESPONSIVE TABLET
------------------------------------------------------------ */

@media (max-width: 1100px) {

    body.tc-home-institutional .tc-pricing #plans-container {
        grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    }

}


/* ------------------------------------------------------------
   RESPONSIVE MOBILE
------------------------------------------------------------ */

@media (max-width: 767px) {

    body.tc-home-institutional .tc-section {
        padding-top: 58px !important;
        padding-bottom: 58px !important;
    }

    body.tc-home-institutional .tc-section > .max-w-7xl,
    body.tc-home-institutional .tc-section > .container,
    body.tc-home-institutional .im-hero > .max-w-7xl {
        width: calc(100% - 28px) !important;
    }

    body.tc-home-institutional .tc-pricing #plans-container {
        grid-template-columns: 1fr !important;
        gap: 14px !important;
    }

    body.tc-home-institutional .tc-market-analysis .tradingview-widget-container {
        min-height: 330px;
    }

    body.tc-home-institutional .tc-education iframe[src*="youtube"] {
        min-height: 220px;
    }

    body.tc-home-institutional .tc-products .grid > div {
        min-height: auto;
    }

}


/* ============================================================
   END FULL HOMEPAGE COMPOSITION V3
   ============================================================ */


/* ============================================================
   TOP CHAIN — PREMIUM HEADER BACKGROUND V3
   ============================================================ */

body.tc-home-institutional header.sticky {
    position: sticky !important;
    top: 0 !important;
    z-index: 999 !important;

    background:
        linear-gradient(
            180deg,
            rgba(5, 12, 23, 0.98) 0%,
            rgba(7, 17, 31, 0.96) 100%
        ) !important;

    border-bottom:
        1px solid rgba(96, 165, 250, 0.14) !important;

    box-shadow:
        0 10px 35px rgba(0, 0, 0, 0.30),
        0 1px 0 rgba(255,255,255,0.025),
        0 8px 35px rgba(37,99,235,0.035) !important;

    backdrop-filter:
        blur(22px)
        saturate(150%) !important;

    -webkit-backdrop-filter:
        blur(22px)
        saturate(150%) !important;
}


/* subtle blue glow across header */

body.tc-home-institutional header.sticky::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;

    background:
        radial-gradient(
            circle at 82% -40%,
            rgba(59,130,246,.13),
            transparent 35%
        ),
        radial-gradient(
            circle at 18% -80%,
            rgba(34,211,238,.055),
            transparent 32%
        );

    opacity: .9;
}


/* header content remains above background */

body.tc-home-institutional header.sticky > div {
    position: relative;
    z-index: 2;
    max-width: 1280px !important;
}


/* cleaner header height */

body.tc-home-institutional header.sticky .h-16 {
    height: 70px !important;
}


/* navigation */

body.tc-home-institutional header.sticky nav > a,
body.tc-home-institutional header.sticky nav > div > button {
    color: #aebdd0 !important;
    font-weight: 500 !important;
    transition:
        color .18s ease,
        background .18s ease !important;
}


body.tc-home-institutional header.sticky nav > a:hover,
body.tc-home-institutional header.sticky nav > div > button:hover {
    color: #ffffff !important;

    background:
        rgba(255,255,255,.045) !important;
}


/* dropdown background */

body.tc-home-institutional header.sticky nav [x-show] {
    background:
        linear-gradient(
            180deg,
            rgba(14,27,45,.99),
            rgba(9,19,33,.99)
        ) !important;

    border:
        1px solid rgba(148,163,184,.13) !important;

    box-shadow:
        0 25px 60px rgba(0,0,0,.50) !important;

    backdrop-filter: blur(20px);
}


/* logo */

body.tc-home-institutional header.sticky a[href="/"] span {
    color: #ffffff !important;
    font-weight: 800 !important;
}


/* register button */

body.tc-home-institutional header.sticky a[href="/register"],
body.tc-home-institutional header.sticky a[href="register"] {

    background:
        linear-gradient(
            135deg,
            #2563eb,
            #3b82f6
        ) !important;

    border:
        1px solid rgba(96,165,250,.45) !important;

    color: #ffffff !important;

    box-shadow:
        0 8px 24px rgba(37,99,235,.23) !important;
}


/* mobile */

@media (max-width:767px) {

    body.tc-home-institutional header.sticky .h-16 {
        height: 64px !important;
    }

    body.tc-home-institutional #mobile-menu {

        background:
            linear-gradient(
                180deg,
                rgba(8,17,31,.99),
                rgba(6,14,26,.99)
            ) !important;

        border-top:
            1px solid rgba(148,163,184,.09) !important;

        box-shadow:
            0 25px 55px rgba(0,0,0,.45) !important;
    }
}


/* ============================================================
   END PREMIUM HEADER
   ============================================================ */


/* ============================================================
   HERO HEADLINE — MODERATE RESPONSIVE SIZE V1
   ============================================================ */

/* Desktop */
body.tc-home-institutional .im-hero h1 {
    font-size: clamp(2.35rem, 4vw, 3.7rem) !important;
    line-height: 1.05 !important;
    letter-spacing: -0.035em !important;
    margin-bottom: 18px !important;
    max-width: 720px !important;
}

/* Tablet */
@media (max-width: 1024px) {
    body.tc-home-institutional .im-hero h1 {
        font-size: clamp(2.15rem, 5vw, 3rem) !important;
        line-height: 1.08 !important;
        max-width: 620px !important;
        margin-bottom: 16px !important;
    }
}

/* Phone */
@media (max-width: 640px) {
    body.tc-home-institutional .im-hero h1 {
        font-size: 2rem !important;
        line-height: 1.08 !important;
        letter-spacing: -0.025em !important;
        max-width: 100% !important;
        margin-bottom: 14px !important;
    }
}

/* Small phones */
@media (max-width: 390px) {
    body.tc-home-institutional .im-hero h1 {
        font-size: 1.8rem !important;
        line-height: 1.1 !important;
    }
}

/* ============================================================
   END HERO HEADLINE — MODERATE RESPONSIVE SIZE V1
   ============================================================ */

/* ================================================
   TCP HERO FIRST PAINT CSS V1
   Moved from home/index.blade.php so the browser
   receives hero styling before hero markup.
   ================================================ */

.im-hero{
    position:relative;
    overflow:hidden;
    color:#fff;
    background:
        radial-gradient(circle at 88% 24%,rgba(0,111,255,.17),transparent 26%),
        radial-gradient(circle at 54% 45%,rgba(0,89,255,.07),transparent 32%),
        linear-gradient(120deg,#06111f 0%,#071523 45%,#06111e 100%);
    border-bottom:1px solid rgba(91,142,190,.13);
}

.im-grid{
    position:absolute;
    inset:0;
    opacity:.20;
    background-image:
        linear-gradient(rgba(100,150,200,.06) 1px,transparent 1px),
        linear-gradient(90deg,rgba(100,150,200,.06) 1px,transparent 1px);
    background-size:55px 55px;
    mask-image:linear-gradient(to bottom,#000 15%,transparent 95%);
}

.im-chart-bg{
    position:absolute;
    left:0;
    right:0;
    bottom:65px;
    height:330px;
    opacity:.75;
    pointer-events:none;
}

.im-chart-bg svg{
    width:100%;
    height:100%;
}

.im-globe{
    position:absolute;
    width:580px;
    height:580px;
    right:-245px;
    top:-90px;
    border-radius:50%;
    border:1px solid rgba(48,145,255,.35);
    background:
        radial-gradient(circle at 34% 35%,rgba(35,133,255,.16),transparent 35%),
        radial-gradient(circle at 50% 50%,rgba(3,30,56,.5),rgba(1,13,27,.82));
    box-shadow:
        inset 30px 0 90px rgba(0,98,255,.12),
        0 0 80px rgba(0,98,255,.08);
    opacity:.72;
}

.im-globe:before,
.im-globe:after{
    content:"";
    position:absolute;
    border-radius:50%;
    border:1px solid rgba(42,139,255,.17);
}

.im-globe:before{
    inset:16% 4%;
}

.im-globe:after{
    inset:4% 26%;
}

.im-globe-ring{
    position:absolute;
    border:1px solid rgba(38,137,255,.16);
    border-radius:50%;
}

.ring-one{
    inset:34% 0;
}

.ring-two{
    inset:45% 0;
}

.ring-three{
    inset:10%;
    transform:rotate(42deg);
}

.im-globe-shine{
    position:absolute;
    width:42%;
    height:42%;
    left:12%;
    top:14%;
    border-radius:50%;
    background:rgba(28,126,255,.08);
    filter:blur(30px);
}

.im-orbit{
    position:absolute;
    border-radius:50%;
    pointer-events:none;
}

.im-orbit-one{
    width:600px;
    height:600px;
    right:-170px;
    top:-120px;
    border:1px solid rgba(36,135,255,.07);
}

.im-orbit-two{
    width:760px;
    height:760px;
    right:-245px;
    top:-205px;
    border:1px solid rgba(36,135,255,.05);
}

.im-container{
    position:relative;
    z-index:5;
    width:min(1340px,calc(100% - 48px));
    min-height:570px;
    margin:0 auto;
    padding:62px 0 56px;
    display:grid;
    grid-template-columns:minmax(0,.95fr) minmax(520px,1.05fr);
    align-items:center;
    gap:70px;
}

.im-copy{
    max-width:650px;
}

.im-kicker{
    display:inline-flex;
    align-items:center;
    gap:9px;
    min-height:29px;
    padding:0 12px;
    border:1px solid rgba(74,145,210,.15);
    border-radius:999px;
    background:rgba(37,85,125,.23);
    color:#8ecbff;
    font-size:10px;
    font-weight:800;
    letter-spacing:.09em;
}

.im-kicker span{
    width:7px;
    height:7px;
    border-radius:50%;
    background:#22c55e;
    box-shadow:0 0 10px rgba(34,197,94,.7);
}

.im-title{
    margin:21px 0 0;
    color:#f8fafc;
    font-size:clamp(48px,5.1vw,73px);
    line-height:1.02;
    letter-spacing:-.05em;
    font-weight:800;
}

.im-title strong{
    display:block;
    margin-top:5px;
    color:#1788ff;
    font-weight:800;
}

.im-description{
    max-width:590px;
    margin:22px 0 0;
    color:#a7b6c9;
    font-size:17px;
    line-height:1.55;
}

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

.im-open,
.im-login{
    height:53px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:7px;
    text-decoration:none!important;
    font-size:14px;
    font-weight:700;
    transition:.2s ease;
}

.im-open{
    min-width:190px;
    gap:14px;
    color:#fff!important;
    background:linear-gradient(180deg,#1689ff,#0574ee);
    border:1px solid #278fff;
    box-shadow:0 12px 32px rgba(0,112,255,.22);
}

.im-open:hover{
    transform:translateY(-1px);
    background:#1689ff;
}

.im-login{
    min-width:130px;
    color:#e5edf7!important;
    border:1px solid rgba(52,136,220,.55);
    background:rgba(6,25,44,.65);
}

.im-login:hover{
    border-color:#2b8cff;
    background:rgba(11,44,75,.8);
}

.im-benefits{
    display:flex;
    flex-wrap:wrap;
    gap:25px;
    margin-top:27px;
}

.im-benefits div{
    display:flex;
    align-items:center;
    gap:8px;
    color:#d4deeb;
    font-size:11px;
    font-weight:600;
}

.im-benefits i{
    width:17px;
    height:17px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#147bf2;
    color:white;
    font-size:7px;
}

.im-snapshot{
    position:relative;
    overflow:hidden;
    border:1px solid rgba(41,122,199,.34);
    border-radius:13px;
    background:rgba(5,23,40,.90);
    box-shadow:0 28px 70px rgba(0,0,0,.35);
    backdrop-filter:blur(13px);
}

.im-snapshot-header{
    min-height:75px;
    padding:0 20px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    border-bottom:1px solid rgba(68,124,178,.12);
}

.im-small-label{
    display:block;
    color:#4e88bc;
    font-size:7px;
    font-weight:800;
    letter-spacing:.13em;
}

.im-snapshot-header h2{
    margin:3px 0 0;
    color:#f7fbff;
    font-size:18px;
    font-weight:750;
}

.im-live{
    display:flex;
    align-items:center;
    gap:7px;
    color:#7891a9;
    font-size:9px;
}

.im-live span{
    width:7px;
    height:7px;
    border-radius:50%;
    background:#17c873;
    box-shadow:0 0 10px rgba(23,200,115,.6);
}

.im-tabs{
    height:49px;
    padding:7px 11px;
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:4px;
    border-bottom:1px solid rgba(68,124,178,.10);
    background:rgba(5,19,34,.65);
}

.im-tabs span{
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:6px;
    color:#8298ad;
    font-size:10px;
    font-weight:600;
}

.im-tabs span.active{
    color:white;
    background:#087bf2;
    box-shadow:0 4px 15px rgba(0,112,255,.18);
}

.im-market-list{
    padding:0 14px;
}

.im-market-row{
    min-height:67px;
    display:grid;
    grid-template-columns:minmax(190px,1fr) 72px 82px;
    align-items:center;
    gap:10px;
    border-bottom:1px solid rgba(91,132,170,.09);
}

.im-market-row:last-child{
    border-bottom:0;
}

.im-market-symbol{
    display:flex;
    align-items:center;
    gap:11px;
}

.im-asset{
    width:34px;
    height:34px;
    flex:0 0 34px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    font-size:13px;
}

.im-asset.blue{
    color:#dbeafe;
    background:#126fe1;
}

.im-asset.orange{
    color:white;
    background:#f7931a;
}

.im-asset.gold{
    color:#573800;
    background:#f5b91c;
}

.im-asset.purple{
    color:#ede9fe;
    background:#6554d9;
}

.im-market-symbol strong{
    display:block;
    color:#f3f7fb;
    font-size:12px;
}

.im-market-symbol small{
    display:block;
    margin-top:3px;
    color:#60768c;
    font-size:8px;
}

.im-market-type{
    color:#8194a7;
    font-size:8px;
    font-weight:800;
    letter-spacing:.07em;
}

.im-spark{
    height:25px;
    display:flex;
    align-items:flex-end;
    gap:3px;
}

.im-spark span{
    width:12px;
    border-radius:2px 2px 0 0;
}

.im-spark.positive span{
    background:#19c979;
}

.im-spark.positive span:nth-child(1){height:7px}
.im-spark.positive span:nth-child(2){height:11px}
.im-spark.positive span:nth-child(3){height:9px}
.im-spark.positive span:nth-child(4){height:17px}
.im-spark.positive span:nth-child(5){height:22px}

.im-spark.second span:nth-child(1){height:11px}
.im-spark.second span:nth-child(2){height:8px}
.im-spark.second span:nth-child(3){height:15px}
.im-spark.second span:nth-child(4){height:14px}
.im-spark.second span:nth-child(5){height:23px}

.im-spark.third span:nth-child(1){height:8px}
.im-spark.third span:nth-child(2){height:13px}
.im-spark.third span:nth-child(3){height:11px}
.im-spark.third span:nth-child(4){height:20px}
.im-spark.third span:nth-child(5){height:18px}

.im-spark.negative span{
    background:#f43f5e;
}

.im-spark.negative span:nth-child(1){height:22px}
.im-spark.negative span:nth-child(2){height:17px}
.im-spark.negative span:nth-child(3){height:19px}
.im-spark.negative span:nth-child(4){height:11px}
.im-spark.negative span:nth-child(5){height:8px}

.im-snapshot-footer{
    min-height:59px;
    padding:0 17px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    border-top:1px solid rgba(68,124,178,.12);
    background:rgba(6,20,34,.8);
}

.im-snapshot-footer > div{
    display:flex;
    align-items:center;
    gap:7px;
    color:#71879d;
    font-size:9px;
}

.im-footer-dot{
    width:6px;
    height:6px;
    border-radius:50%;
    background:#22c55e;
}

.im-snapshot-footer a{
    display:flex;
    align-items:center;
    gap:8px;
    color:#60a5fa!important;
    text-decoration:none!important;
    font-size:10px;
    font-weight:700;
}

.im-feature-wrap{
    position:relative;
    z-index:6;
    border-top:1px solid rgba(70,125,180,.12);
    background:rgba(5,17,30,.76);
    backdrop-filter:blur(8px);
}

.im-features{
    width:min(1340px,calc(100% - 48px));
    min-height:106px;
    margin:0 auto;
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:18px;
    align-items:center;
}

.im-feature{
    min-height:68px;
    padding:0 16px;
    display:flex;
    align-items:center;
    gap:13px;
    border:1px solid rgba(76,128,176,.14);
    border-radius:9px;
    background:rgba(10,30,49,.58);
}

.im-feature-icon{
    width:39px;
    height:39px;
    flex:0 0 39px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    font-size:14px;
}

.im-feature-icon.blue{
    color:white;
    background:#087ef5;
}

.im-feature-icon.green{
    color:white;
    background:#10b981;
}

.im-feature-icon.purple{
    color:white;
    background:#7547e8;
}

.im-feature-icon.amber{
    color:white;
    background:#f59e0b;
}

.im-feature strong{
    display:block;
    color:#edf4fb;
    font-size:11px;
}

.im-feature small{
    display:block;
    margin-top:3px;
    color:#72869a;
    font-size:8px;
    line-height:1.4;
}

@media(max-width:1050px){

    .im-container{
        grid-template-columns:1fr 1fr;
        gap:34px;
    }

    .im-title{
        font-size:50px;
    }

    .im-features{
        grid-template-columns:repeat(2,1fr);
        padding:18px 0;
    }

}

@media(max-width:820px){

    .im-container{
        width:min(700px,calc(100% - 30px));
        grid-template-columns:1fr;
        min-height:0;
        gap:40px;
        padding:46px 0;
    }

    .im-copy{
        max-width:680px;
    }

    .im-globe{
        width:480px;
        height:480px;
        right:-310px;
        top:-30px;
    }

    .im-features{
        width:min(700px,calc(100% - 30px));
    }

}

@media(max-width:560px){

    .im-container{
        width:calc(100% - 26px);
        padding:35px 0;
        gap:31px;
    }

    .im-kicker{
        font-size:8px;
    }

    .im-title{
        margin-top:17px;
        font-size:39px;
        line-height:1.03;
    }

    .im-description{
        margin-top:17px;
        font-size:13px;
        line-height:1.6;
    }

    .im-buttons{
        display:grid;
        grid-template-columns:1fr 105px;
        gap:9px;
        margin-top:22px;
    }

    .im-open,
    .im-login{
        min-width:0;
        height:47px;
        font-size:11px;
    }

    .im-benefits{
        gap:13px;
        margin-top:20px;
    }

    .im-benefits div{
        font-size:8px;
    }

    .im-snapshot{
        border-radius:10px;
    }

    .im-snapshot-header{
        min-height:65px;
        padding:0 13px;
    }

    .im-snapshot-header h2{
        font-size:15px;
    }

    .im-tabs{
        overflow-x:auto;
        grid-template-columns:repeat(4,minmax(82px,1fr));
    }

    .im-market-list{
        padding:0 10px;
    }

    .im-market-row{
        min-height:62px;
        grid-template-columns:minmax(150px,1fr) 55px 55px;
        gap:5px;
    }

    .im-asset{
        width:29px;
        height:29px;
        flex-basis:29px;
        font-size:10px;
    }

    .im-market-symbol strong{
        font-size:10px;
    }

    .im-market-symbol small{
        font-size:7px;
    }

    .im-spark span{
        width:8px;
    }

    .im-features{
        width:calc(100% - 26px);
        grid-template-columns:1fr 1fr;
        gap:8px;
        padding:12px 0;
    }

    .im-feature{
        min-height:70px;
        padding:8px;
        gap:8px;
    }

    .im-feature-icon{
        width:31px;
        height:31px;
        flex-basis:31px;
        font-size:11px;
    }

    .im-feature strong{
        font-size:9px;
    }

    .im-feature small{
        font-size:7px;
    }

}