/*
 * DTM investor experience
 * One authoritative layer for public, authentication and account pages.
 */

:root {
    --dtm-canvas: #f3f5f1;
    --dtm-canvas-deep: #e9eeea;
    --dtm-panel: #ffffff;
    --dtm-panel-soft: #f8faf7;
    --dtm-ink: #132033;
    --dtm-ink-soft: #2f3d52;
    --dtm-muted: #687588;
    --dtm-line: #dfe5e2;
    --dtm-line-strong: #cbd5d0;
    --dtm-navy: #0b1524;
    --dtm-navy-soft: #13243a;
    --dtm-emerald: #00a884;
    --dtm-emerald-deep: #087c68;
    --dtm-emerald-soft: #e7f7f2;
    --dtm-cobalt: #315efb;
    --dtm-lime: #c7f464;
    --dtm-theme-primary-rgb: 0, 168, 132;
    --dtm-theme-secondary-rgb: 199, 244, 100;
    --dtm-theme-link-rgb: 49, 94, 251;
    --dtm-theme-glow: rgb(var(--dtm-theme-glow-rgb));
    --dtm-theme-glow-rgb: 69, 230, 255;
    --dtm-theme-bright: rgb(var(--dtm-theme-bright-rgb));
    --dtm-theme-bright-rgb: 116, 247, 178;
    --dtm-theme-neon: rgb(var(--dtm-theme-neon-rgb));
    --dtm-theme-neon-rgb: 205, 252, 106;
    --dtm-danger: #d94b5f;
    --dtm-warning: #d69a2d;
    --dtm-info: #3478f6;
    --dtm-radius-xs: 6px;
    --dtm-radius-sm: 10px;
    --dtm-radius-md: 14px;
    --dtm-radius-lg: 20px;
    --dtm-shadow-sm: 0 1px 2px rgba(11, 21, 36, .04), 0 8px 24px rgba(11, 21, 36, .05);
    --dtm-shadow-md: 0 18px 50px rgba(11, 21, 36, .09);
    --dtm-sidebar: 264px;
    --dtm-shell-pad: clamp(16px, 3vw, 42px);
}

html {
    min-width: 320px;
    background: var(--dtm-canvas);
}

body.investhub-shell {
    min-width: 320px;
    min-height: 100vh;
    margin: 0;
    overflow-x: hidden;
    background:
        radial-gradient(circle at 84% 4%, rgba(var(--dtm-theme-primary-rgb), .07), transparent 26rem),
        var(--dtm-canvas) !important;
    color: var(--dtm-ink);
    font: 400 14px/1.6 "IBM Plex Sans", sans-serif !important;
    -webkit-font-smoothing: antialiased;
}

.investhub-shell *,
.investhub-shell *::before,
.investhub-shell *::after {
    box-sizing: border-box;
}

.investhub-shell :where(.row, [class*="col-"], .card, .card-body, .dashboard-inner,
    .dashboard-wrapper, .dashboard-container, .dashboard-container-fluid, .table-responsive,
    .accordion-item, .modal-content, .app-surface, .market-shell-card) {
    min-width: 0;
}

.investhub-shell img,
.investhub-shell svg,
.investhub-shell canvas,
.investhub-shell iframe {
    max-width: 100%;
}

.investhub-shell img {
    height: auto;
}

.investhub-shell h1,
.investhub-shell h2,
.investhub-shell h3,
.investhub-shell h4,
.investhub-shell h5,
.investhub-shell h6 {
    margin-top: 0;
    color: var(--dtm-ink);
    font-family: "Sora", sans-serif !important;
    font-weight: 600;
    letter-spacing: -.025em;
    line-height: 1.22;
    overflow-wrap: anywhere;
}

.investhub-shell h1 { font-size: clamp(1.9rem, 4vw, 3.4rem); }
.investhub-shell h2 { font-size: clamp(1.55rem, 2.6vw, 2.35rem); }
.investhub-shell h3 { font-size: clamp(1.25rem, 2vw, 1.7rem); }
.investhub-shell h4 { font-size: 1.15rem; }
.investhub-shell h5 { font-size: 1rem; }
.investhub-shell h6 { font-size: .9rem; }

.investhub-shell p,
.investhub-shell li,
.investhub-shell td,
.investhub-shell th,
.investhub-shell label,
.investhub-shell span {
    overflow-wrap: anywhere;
}

.investhub-shell p {
    color: var(--dtm-muted);
}

.investhub-shell a {
    color: var(--dtm-cobalt);
    text-decoration: none;
    transition: color .18s ease, background-color .18s ease, border-color .18s ease, transform .18s ease;
}

.investhub-shell a:hover {
    color: var(--dtm-emerald-deep);
}

.investhub-shell .container {
    width: 100%;
    max-width: none;
    margin-inline: auto;
    padding-inline: var(--dtm-shell-pad);
}

.investhub-shell .pt-120 { padding-top: clamp(52px, 7vw, 88px) !important; }
.investhub-shell .pb-120 { padding-bottom: clamp(52px, 7vw, 88px) !important; }

/* Actions */
.investhub-shell .btn,
.investhub-shell .cmn--btn,
.investhub-shell .cmn-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 42px;
    padding: 9px 16px;
    border-radius: var(--dtm-radius-sm) !important;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.2;
    white-space: normal;
    box-shadow: none !important;
}

.investhub-shell .btn--sm,
.investhub-shell .btn--smd,
.investhub-shell .btn-sm {
    min-height: 36px;
    padding: 7px 12px;
    font-size: 12px;
}

.investhub-shell :where(.btn--base, .cmn--btn, .cmn-btn, .plan-btn) {
    border: 1px solid var(--dtm-emerald) !important;
    background: var(--dtm-emerald) !important;
    color: var(--dtm-on-primary) !important;
}

.investhub-shell :where(.btn--base, .cmn--btn, .cmn-btn, .plan-btn):hover {
    border-color: var(--dtm-emerald-deep) !important;
    background: var(--dtm-emerald-deep) !important;
    color: var(--dtm-on-primary) !important;
    transform: translateY(-1px);
}

.investhub-shell .btn--secondary {
    border: 1px solid var(--dtm-line-strong) !important;
    background: var(--dtm-panel) !important;
    color: var(--dtm-ink) !important;
}

.investhub-shell .btn--secondary:hover {
    border-color: var(--dtm-ink-soft) !important;
    background: var(--dtm-panel-soft) !important;
}

.investhub-shell .btn--danger,
.investhub-shell .btn-danger {
    border-color: var(--dtm-danger) !important;
    background: var(--dtm-danger) !important;
    color: #fff !important;
}

.investhub-shell .btn--icon {
    width: 36px;
    min-width: 36px;
    height: 36px;
    min-height: 36px;
    padding: 0;
}

/* Public navigation */
.investhub-shell .header {
    position: sticky;
    top: 0;
    z-index: 100;
    padding: 0 !important;
    border-bottom: 1px solid rgba(255, 255, 255, .08);
    background: rgba(11, 21, 36, .97) !important;
    box-shadow: 0 10px 36px rgba(5, 13, 24, .16);
    backdrop-filter: blur(14px);
}

.investhub-shell .header-bottom,
.investhub-shell .header-bottom-area {
    min-height: 64px;
}

.investhub-shell .header .logo img {
    display: block;
    width: auto;
    max-width: 154px;
    max-height: 38px;
    object-fit: contain;
}

.investhub-shell .header .menu {
    align-items: center;
    gap: 3px;
}

.investhub-shell .header .menu > li > a {
    padding: 10px 11px;
    color: #c9d4e2 !important;
    font-size: 13px;
    font-weight: 600;
}

.investhub-shell .header .menu > li > a:hover {
    color: #fff !important;
}

.investhub-shell .header .menu-btn a {
    margin-left: 5px;
    padding: 10px 14px !important;
    border: 1px solid rgba(var(--dtm-theme-secondary-rgb), .38);
    border-radius: 999px;
    background: rgba(var(--dtm-theme-secondary-rgb), .1);
    color: var(--dtm-lime) !important;
}

.investhub-shell .header-trigger {
    width: 40px;
    height: 40px;
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 12px;
    background: rgba(255, 255, 255, .06);
}

.investhub-shell .header-trigger span,
.investhub-shell .header-trigger span::before,
.investhub-shell .header-trigger span::after {
    background: #fff !important;
}

/* Loader */
.investhub-shell .preloader {
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: grid;
    place-items: center;
    background: var(--dtm-navy) !important;
}

.market-loader {
    display: grid;
    justify-items: center;
    gap: 16px;
}

.market-loader__bars {
    display: flex;
    align-items: end;
    gap: 5px;
    height: 44px;
}

.market-loader__bars i {
    display: block;
    width: 7px;
    border-radius: 3px 3px 1px 1px;
    background: var(--dtm-emerald);
    animation: dtm-market-bars 1s ease-in-out infinite alternate;
}

.market-loader__bars i:nth-child(1) { height: 16px; animation-delay: -.4s; }
.market-loader__bars i:nth-child(2) { height: 31px; animation-delay: -.2s; }
.market-loader__bars i:nth-child(3) { height: 22px; animation-delay: -.5s; }
.market-loader__bars i:nth-child(4) { height: 42px; animation-delay: -.1s; background: var(--dtm-lime); }
.market-loader__bars i:nth-child(5) { height: 27px; animation-delay: -.3s; }

.market-loader__label {
    color: #d8e2ef;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .16em;
    text-transform: uppercase;
}

@keyframes dtm-market-bars {
    to { height: 11px; opacity: .45; }
}

@media (prefers-reduced-motion: reduce) {
    .investhub-shell *,
    .investhub-shell *::before,
    .investhub-shell *::after {
        scroll-behavior: auto !important;
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
    }
}

/* Public surfaces */
.market-hero,
.app-public-shell,
.auth-shell {
    position: relative;
    background: transparent !important;
}

.market-hero {
    padding: clamp(34px, 6vw, 72px) 0 36px !important;
}

.market-hero__panel,
.app-page-hero {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    padding: clamp(26px, 5vw, 58px) !important;
    border: 1px solid rgba(255, 255, 255, .1) !important;
    border-radius: clamp(18px, 3vw, 28px) !important;
    background:
        linear-gradient(110deg, rgba(11, 21, 36, .98) 0%, rgba(19, 36, 58, .96) 68%, rgba(var(--dtm-theme-primary-rgb), .92) 100%) !important;
    box-shadow: var(--dtm-shadow-md) !important;
    color: #fff !important;
}

.market-hero__panel::after,
.app-page-hero::after {
    content: "";
    position: absolute;
    z-index: -1;
    right: -6%;
    bottom: -54%;
    width: min(44vw, 480px);
    aspect-ratio: 1;
    border: 1px solid rgba(var(--dtm-theme-secondary-rgb), .14);
    border-radius: 50%;
    box-shadow: 0 0 0 50px rgba(var(--dtm-theme-primary-rgb), .06), 0 0 0 100px rgba(var(--dtm-theme-primary-rgb), .035);
}

.market-hero__title,
.app-page-title {
    max-width: 820px;
    margin: 14px 0 16px;
    color: #f8fbff !important;
    font-size: clamp(2rem, 4.5vw, 4rem) !important;
    line-height: 1.08 !important;
}

.app-page-title {
    font-size: clamp(1.75rem, 3.4vw, 3.1rem) !important;
}

.market-hero__text,
.app-page-text,
.app-page-hero p {
    max-width: 760px;
    color: #aebdce !important;
    font-size: clamp(14px, 1.5vw, 17px) !important;
}

.eyebrow-label,
.dash-kicker,
.admin-auth-pill {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: var(--dtm-emerald-deep) !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: .14em !important;
    text-transform: uppercase;
}

.market-hero__panel .eyebrow-label,
.app-page-hero .eyebrow-label {
    color: var(--dtm-lime) !important;
}

.eyebrow-label::before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: currentColor;
    box-shadow: 0 0 0 4px color-mix(in srgb, currentColor 12%, transparent);
}

.market-chip-list,
.app-info-list,
.app-market-strip {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    margin-top: 28px;
}

.market-chip,
.app-info-list__item,
.app-market-chip {
    display: grid;
    align-content: start;
    gap: 5px;
    min-width: 0;
    padding: 15px;
    border: 1px solid rgba(255, 255, 255, .1) !important;
    border-radius: var(--dtm-radius-md) !important;
    background: rgba(255, 255, 255, .06) !important;
    box-shadow: none !important;
}

.market-chip strong,
.app-info-list__item strong,
.app-market-chip strong {
    color: #fff !important;
    font: 600 14px/1.3 "Sora", sans-serif;
}

.market-chip span,
.app-info-list__item span,
.app-market-chip span {
    color: #aebdce !important;
    font-size: 12px;
}

.app-market-strip {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-top: 0;
}

.app-market-chip {
    border-color: var(--dtm-line) !important;
    background: var(--dtm-panel-soft) !important;
}

.app-market-chip strong { color: var(--dtm-ink) !important; }
.app-market-chip span { color: var(--dtm-muted) !important; }

.market-shell-card,
.app-surface,
.contact-meta-card,
.cookies-card,
.custom--card,
.investhub-shell .card {
    border: 1px solid var(--dtm-line) !important;
    border-radius: var(--dtm-radius-lg) !important;
    background: var(--dtm-panel) !important;
    color: var(--dtm-ink) !important;
    box-shadow: var(--dtm-shadow-sm) !important;
}

.market-shell-card,
.app-surface {
    padding: clamp(20px, 3vw, 30px) !important;
}

.market-shell-card .eyebrow-label + h2,
.market-shell-card .eyebrow-label + h3,
.market-shell-card .eyebrow-label + h5 {
    margin-top: 12px !important;
}

.market-shell-card .icon-area {
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    border-radius: 12px;
    background: var(--dtm-emerald-soft);
}

.market-shell-card .icon-area img {
    width: 24px;
    max-height: 24px;
    object-fit: contain;
}

.full-span-panel {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    margin-inline: calc(var(--dtm-shell-pad) * -1);
    padding-inline: var(--dtm-shell-pad) !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.full-span-panel--surface {
    padding-top: clamp(24px, 4vw, 36px) !important;
    padding-bottom: clamp(24px, 4vw, 36px) !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(248, 250, 247, .96)) !important;
    border-top: 1px solid var(--dtm-line) !important;
    border-bottom: 1px solid var(--dtm-line) !important;
}

.full-span-panel--dark {
    padding-top: clamp(26px, 4.6vw, 44px) !important;
    padding-bottom: clamp(26px, 4.6vw, 44px) !important;
    color: #fff !important;
    background:
        radial-gradient(circle at 80% 16%, rgba(46, 112, 255, .14), transparent 24rem),
        linear-gradient(110deg, rgba(11, 21, 36, .98) 0%, rgba(19, 36, 58, .96) 68%, rgba(var(--dtm-theme-primary-rgb), .92) 100%) !important;
    border-top: 1px solid rgba(255, 255, 255, .08) !important;
    border-bottom: 1px solid rgba(255, 255, 255, .08) !important;
}

.full-span-panel--dark h1,
.full-span-panel--dark h2,
.full-span-panel--dark h3,
.full-span-panel--dark h4,
.full-span-panel--dark h5,
.full-span-panel--dark h6 {
    color: #f5f8fc !important;
}

.full-span-panel--dark p,
.full-span-panel--dark .market-hero__text,
.full-span-panel--dark .app-page-text,
.full-span-panel--dark .wallet-summary-footnote,
.full-span-panel--dark .wallet-panel p {
    color: #aebdce !important;
}

.full-span-panel--dark .eyebrow-label {
    color: var(--dtm-lime) !important;
}

.full-span-panel--dark .wallet-panel__eyebrow {
    background: rgba(var(--dtm-theme-secondary-rgb), .12);
    color: var(--dtm-lime);
}

.full-span-panel--dark .wallet-funding-highlights span {
    background: rgba(255, 255, 255, .08);
    color: #eef4ff;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .08);
}

.full-span-panel--footer {
    background:
        radial-gradient(circle at top right, rgba(var(--dtm-theme-primary-rgb), .12), transparent 28%),
        linear-gradient(135deg, rgba(11, 21, 36, .98), rgba(19, 36, 58, .95)) !important;
}

.full-span-panel--compact {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
}

.app-public-shell {
    padding: 32px 0 clamp(52px, 7vw, 88px) !important;
}

.app-public-shell .app-surface,
.app-plan-grid {
    margin-top: 18px;
}

.dash-market-widget {
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
    border: 1px solid #243750;
    border-radius: var(--dtm-radius-md);
    background: var(--dtm-navy) !important;
}

footer {
    padding: 0 0 32px !important;
    background: transparent !important;
}

footer .market-shell-card {
    border-color: rgba(255, 255, 255, .08) !important;
    background: var(--dtm-navy) !important;
}

footer h3,
footer .copy-right-text,
footer .footer-links a {
    color: #f5f8fc !important;
}

footer .footer-text,
footer .copy-right-text {
    color: #98a8bc !important;
}

/* FAQ and content sections */
.faq-section,
.contact-section,
.policy-section,
.cookie-section {
    background: transparent !important;
}

.faq-item {
    margin: 0 0 10px;
    overflow: hidden;
    border: 1px solid var(--dtm-line) !important;
    border-radius: var(--dtm-radius-md) !important;
    background: var(--dtm-panel-soft) !important;
}

.faq-item__title {
    padding: 17px 18px !important;
    background: transparent !important;
}

.faq-item__title .title,
.faq-item__title h5 {
    margin: 0;
    color: var(--dtm-ink) !important;
    font-size: 14px !important;
}

.faq-item__content {
    padding: 0 18px 18px !important;
    background: transparent !important;
}

.faq-item__content p {
    margin: 0;
    color: var(--dtm-muted) !important;
}

/* Plans */
.app-plan-grid .row,
.plan-section .row {
    row-gap: 18px !important;
}

.investhub-shell .plan-item,
.investhub-shell .plan-item.style--two,
.investhub-shell .app-plan-card {
    position: relative;
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 20px !important;
    overflow: hidden !important;
    border: 1px solid var(--dtm-line) !important;
    border-radius: 18px !important;
    background: var(--dtm-panel) !important;
    color: var(--dtm-ink) !important;
    box-shadow: var(--dtm-shadow-sm) !important;
    transform: none !important;
}

.investhub-shell .plan-item::before,
.investhub-shell .plan-item::after,
.investhub-shell .plan-item.style--two::before,
.investhub-shell .plan-item.style--two::after {
    display: none !important;
}

.investhub-shell .app-plan-card__header,
.investhub-shell .app-plan-card__body,
.investhub-shell .app-plan-card__footer {
    width: 100%;
    min-width: 0;
}

.investhub-shell .app-plan-card__eyebrow {
    display: inline-flex;
    width: fit-content;
    padding: 5px 9px;
    border-radius: 999px;
    background: var(--dtm-emerald-soft) !important;
    color: var(--dtm-emerald-deep) !important;
    font-size: 10px !important;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.investhub-shell .app-plan-card__topline {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 13px;
}

.investhub-shell .app-plan-card__serial {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 5px 9px;
    border-radius: 999px;
    background: rgba(var(--dtm-theme-link-rgb), .08) !important;
    color: var(--dtm-cobalt) !important;
    font-size: 10px !important;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.investhub-shell .plan-title {
    margin: 0 0 5px !important;
    color: var(--dtm-ink) !important;
    font-size: 18px !important;
}

.investhub-shell .app-plan-card__summary {
    min-height: 0;
    color: var(--dtm-muted) !important;
    font-size: 12px !important;
}

.investhub-shell .plan-rate,
.investhub-shell .app-plan-card__rate {
    display: grid;
    gap: 4px;
    width: 100%;
    margin: 16px 0 0 !important;
    padding: 15px !important;
    border: 1px solid color-mix(in srgb, var(--dtm-emerald) 24%, var(--dtm-line)) !important;
    border-radius: 13px !important;
    background: linear-gradient(135deg, var(--dtm-emerald-soft), #f7fbf8) !important;
}

.investhub-shell .plan-rate .rate,
.investhub-shell .app-plan-card__rate .rate {
    margin: 0 !important;
    color: var(--dtm-emerald-deep) !important;
    font-size: clamp(22px, 3vw, 29px) !important;
    line-height: 1.1 !important;
}

.investhub-shell .plan-rate p {
    margin: 0;
    color: var(--dtm-muted) !important;
    font-size: 10px !important;
    font-weight: 700;
    letter-spacing: .05em;
}

.investhub-shell .app-plan-card__body {
    flex: 1;
    margin: 16px 0 !important;
}

.investhub-shell .app-plan-specs {
    display: grid;
    gap: 0;
    margin: 0;
    padding: 0;
    list-style: none;
}

.investhub-shell .app-plan-specs__row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, auto);
    align-items: start;
    gap: 12px;
    padding: 10px 0;
    border-bottom: 1px solid #edf1ee;
}

.investhub-shell .app-plan-specs__row .label {
    color: var(--dtm-muted) !important;
    font-size: 12px !important;
}

.investhub-shell .app-plan-specs__row .value {
    max-width: 170px;
    color: var(--dtm-ink) !important;
    font-size: 12px !important;
    font-weight: 700;
    text-align: right;
    overflow-wrap: anywhere;
}

.investhub-shell .app-plan-flags {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 12px;
}

.investhub-shell .app-plan-flag {
    display: inline-flex;
    padding: 5px 8px;
    border-radius: 999px;
    background: #f1f4f2 !important;
    color: var(--dtm-muted) !important;
    font-size: 10px !important;
}

.investhub-shell .app-plan-card__footer .btn {
    width: 100%;
}

/* Public investment plan board */
.app-plan-page {
    position: relative;
    isolation: isolate;
    padding-top: 0 !important;
    overflow: hidden;
    background:
        radial-gradient(circle at 8% 16%, rgba(var(--dtm-theme-bright-rgb), .12), transparent 28rem),
        radial-gradient(circle at 92% 10%, rgba(var(--dtm-theme-glow-rgb), .14), transparent 30rem),
        linear-gradient(180deg, #071320 0%, #03070f 100%) !important;
}

.app-plan-page::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background:
        linear-gradient(rgba(255, 255, 255, .035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, .035) 1px, transparent 1px);
    background-size: 54px 54px;
    mask-image: linear-gradient(180deg, rgba(0, 0, 0, .72), transparent 76%);
}

.app-plan-page .app-plan-page__inner {
    padding-top: clamp(18px, 3vw, 34px) !important;
    padding-bottom: clamp(34px, 6vw, 76px) !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.app-plan-page .app-page-hero,
.app-plan-page .app-market-widget,
.app-plan-board {
    border: 1px solid rgba(255, 255, 255, .12) !important;
    background:
        radial-gradient(circle at 12% 0%, rgba(var(--dtm-theme-bright-rgb), .11), transparent 24rem),
        linear-gradient(135deg, rgba(255, 255, 255, .085), rgba(255, 255, 255, .035)) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .12), 0 24px 90px rgba(0, 0, 0, .22) !important;
    backdrop-filter: blur(18px);
}

.app-plan-page .app-page-hero {
    margin-top: 0;
}

.app-plan-page .app-market-widget h4,
.app-plan-board h2 {
    color: #f8fbff !important;
}

.app-plan-page .app-market-widget .app-page-text,
.app-plan-board p {
    color: #aebed1 !important;
}

.app-plan-page .app-market-chip {
    border-color: rgba(255, 255, 255, .1) !important;
    background: rgba(255, 255, 255, .07) !important;
}

.app-plan-page .app-market-chip strong {
    color: #ffffff !important;
}

.app-plan-page .app-market-chip span {
    color: #aebed1 !important;
}

.app-plan-board {
    position: relative;
    isolation: isolate;
    margin-top: clamp(20px, 3vw, 32px);
    padding: clamp(22px, 4vw, 46px);
    overflow: hidden;
    border-radius: clamp(24px, 3vw, 38px);
}

.app-plan-board::before,
.app-plan-board::after {
    content: "";
    position: absolute;
    z-index: -1;
    pointer-events: none;
    border-radius: 999px;
}

.app-plan-board::before {
    right: -110px;
    top: -130px;
    width: 330px;
    height: 330px;
    background: radial-gradient(circle, rgba(var(--dtm-theme-glow-rgb), .2), transparent 68%);
}

.app-plan-board::after {
    left: -120px;
    bottom: -160px;
    width: 360px;
    height: 360px;
    background: radial-gradient(circle, rgba(var(--dtm-theme-bright-rgb), .18), transparent 68%);
}

.app-plan-board__head {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(230px, auto);
    align-items: end;
    gap: clamp(18px, 3vw, 36px);
    margin-bottom: clamp(22px, 3vw, 34px);
}

.app-plan-board__head h2 {
    max-width: 820px;
    margin: 12px 0 10px;
    font-size: clamp(1.65rem, 3vw, 2.65rem) !important;
    line-height: 1.08 !important;
}

.app-plan-board__head p {
    max-width: 710px;
    margin: 0;
    font-size: clamp(14px, 1.3vw, 16px) !important;
}

.app-plan-board__badges {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
}

.app-plan-board__badges span {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    padding: 8px 12px;
    border: 1px solid rgba(var(--dtm-theme-bright-rgb), .18);
    border-radius: 999px;
    background: rgba(var(--dtm-theme-bright-rgb), .08);
    color: #c8ffd9 !important;
    font-size: 11px !important;
    font-weight: 800;
}

.app-plan-page .app-plan-grid {
    position: relative;
    z-index: 1;
    margin-top: 0 !important;
}

.app-plan-page .app-plan-grid .row {
    --bs-gutter-x: clamp(18px, 2.2vw, 30px);
    --bs-gutter-y: clamp(18px, 2.2vw, 30px);
}

.investhub-shell .app-plan-page .app-plan-card {
    isolation: isolate;
    min-height: 100% !important;
    padding: clamp(22px, 2.6vw, 32px) !important;
    border-color: rgba(255, 255, 255, .14) !important;
    border-radius: 30px !important;
    background:
        radial-gradient(circle at 16% 0%, rgba(var(--dtm-theme-bright-rgb), .16), transparent 17rem),
        radial-gradient(circle at 92% 18%, rgba(var(--dtm-theme-glow-rgb), .14), transparent 18rem),
        linear-gradient(155deg, rgba(11, 24, 38, .98) 0%, rgba(5, 15, 28, .96) 58%, rgba(6, 34, 37, .94) 100%) !important;
    color: #f8fbff !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .12), 0 30px 80px rgba(0, 0, 0, .3) !important;
    transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
}

.investhub-shell .app-plan-page .app-plan-card:hover {
    transform: translateY(-7px) !important;
    border-color: rgba(var(--dtm-theme-bright-rgb), .38) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .16), 0 36px 100px rgba(0, 0, 0, .38) !important;
}

.investhub-shell .app-plan-page .app-plan-card::before,
.investhub-shell .app-plan-page .app-plan-card::after {
    content: "";
    position: absolute;
    display: block !important;
    pointer-events: none;
}

.investhub-shell .app-plan-page .app-plan-card::before {
    inset: 0;
    z-index: -2;
    background:
        linear-gradient(120deg, rgba(255, 255, 255, .16), transparent 34%),
        linear-gradient(180deg, rgba(255, 255, 255, .035), transparent);
}

.investhub-shell .app-plan-page .app-plan-card::after {
    right: -58px;
    top: -58px;
    z-index: -1;
    width: 150px;
    height: 150px;
    border: 1px solid rgba(var(--dtm-theme-bright-rgb), .18);
    border-radius: 50%;
    background: radial-gradient(circle, rgba(var(--dtm-theme-bright-rgb), .16), transparent 68%);
}

.investhub-shell .app-plan-page .app-plan-card__eyebrow {
    background: rgba(var(--dtm-theme-bright-rgb), .13) !important;
    color: var(--dtm-theme-bright) !important;
}

.investhub-shell .app-plan-page .app-plan-card__serial {
    border: 1px solid rgba(var(--dtm-theme-glow-rgb), .2);
    background: rgba(var(--dtm-theme-glow-rgb), .09) !important;
    color: #9ef4ff !important;
}

.investhub-shell .app-plan-page .plan-title {
    min-height: auto;
    color: #ffffff !important;
    font-size: clamp(1.22rem, 2vw, 1.72rem) !important;
    line-height: 1.12 !important;
}

.investhub-shell .app-plan-page .app-plan-card__summary {
    color: #b8c8da !important;
    font-size: 13px !important;
}

.investhub-shell .app-plan-page .plan-rate,
.investhub-shell .app-plan-page .app-plan-card__rate {
    margin-top: 20px !important;
    padding: clamp(18px, 2.2vw, 24px) !important;
    border-color: rgba(var(--dtm-theme-bright-rgb), .22) !important;
    border-radius: 22px !important;
    background:
        radial-gradient(circle at 85% 0%, rgba(var(--dtm-theme-glow-rgb), .16), transparent 16rem),
        linear-gradient(135deg, rgba(var(--dtm-theme-bright-rgb), .16), rgba(255, 255, 255, .055)) !important;
}

.investhub-shell .app-plan-page .plan-rate .rate,
.investhub-shell .app-plan-page .app-plan-card__rate .rate {
    color: #ffffff !important;
    font-size: clamp(2.4rem, 4vw, 4.2rem) !important;
    letter-spacing: -.06em;
    text-shadow: 0 0 30px rgba(var(--dtm-theme-bright-rgb), .22);
}

.investhub-shell .app-plan-page .plan-rate p {
    color: #c8d6e8 !important;
    font-size: 11px !important;
    letter-spacing: .12em;
}

.investhub-shell .app-plan-page .app-plan-card__body {
    margin: 18px 0 22px !important;
}

.investhub-shell .app-plan-page .app-plan-specs {
    gap: 8px;
}

.investhub-shell .app-plan-page .app-plan-specs__row {
    min-height: 48px;
    align-items: center;
    padding: 12px 0;
    border-color: rgba(255, 255, 255, .1) !important;
}

.investhub-shell .app-plan-page .app-plan-specs__row .label {
    color: #9fb1c7 !important;
    font-size: 13px !important;
}

.investhub-shell .app-plan-page .app-plan-specs__row .value {
    max-width: 210px;
    color: #f8fbff !important;
    font-size: 13px !important;
}

.investhub-shell .app-plan-page .app-plan-flag {
    border: 1px solid rgba(var(--dtm-theme-bright-rgb), .14);
    background: rgba(var(--dtm-theme-bright-rgb), .09) !important;
    color: #b9ffd2 !important;
    font-weight: 700;
}

.investhub-shell .app-plan-page .app-plan-card__footer .btn,
.investhub-shell .app-plan-page .plan-btn {
    min-height: 56px;
    border: 0 !important;
    border-radius: 999px !important;
    background:
        linear-gradient(135deg, var(--dtm-theme-bright) 0%, var(--dtm-theme-glow) 48%, var(--dtm-theme-neon) 100%) !important;
    color: #04101c !important;
    font-family: "Sora", sans-serif !important;
    font-weight: 900 !important;
    box-shadow: 0 18px 44px rgba(var(--dtm-theme-glow-rgb), .18) !important;
}

@media (max-width: 991px) {
    .app-plan-board__head {
        grid-template-columns: 1fr;
    }

    .app-plan-board__badges {
        justify-content: flex-start;
    }
}

@media (max-width: 575px) {
    .app-plan-page .app-plan-page__inner {
        padding-inline: 12px !important;
    }

    .app-plan-board {
        padding: 18px;
        border-radius: 24px;
    }

    .investhub-shell .app-plan-page .app-plan-card {
        padding: 20px !important;
        border-radius: 24px !important;
    }

    .investhub-shell .app-plan-page .app-plan-specs__row {
        grid-template-columns: 1fr;
        gap: 4px;
    }

    .investhub-shell .app-plan-page .app-plan-specs__row .value {
        max-width: none;
        text-align: left;
    }
}

/* Authentication */
.auth-shell {
    display: grid;
    min-height: 100vh;
    place-items: center;
    padding: 36px 0;
    background:
        radial-gradient(circle at 10% 20%, rgba(var(--dtm-theme-primary-rgb), .13), transparent 27rem),
        linear-gradient(145deg, #f3f5f1 0%, #e7eeea 100%) !important;
}

.auth-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(360px, .72fr);
    width: min(100%, 1040px);
    margin: 0 auto;
    overflow: hidden;
    border: 1px solid var(--dtm-line);
    border-radius: 26px;
    background: var(--dtm-panel);
    box-shadow: var(--dtm-shadow-md);
}

.auth-panel {
    min-width: 0;
    padding: clamp(26px, 5vw, 52px) !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: var(--dtm-panel) !important;
    color: var(--dtm-ink) !important;
    box-shadow: none !important;
}

.auth-showcase {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    background:
        radial-gradient(circle at 85% 12%, rgba(var(--dtm-theme-secondary-rgb), .16), transparent 18rem),
        linear-gradient(145deg, var(--dtm-navy), var(--dtm-navy-soft)) !important;
}

.auth-showcase::after {
    content: "";
    position: absolute;
    z-index: -1;
    right: -120px;
    bottom: -130px;
    width: 310px;
    height: 310px;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 50%;
    box-shadow: 0 0 0 45px rgba(var(--dtm-theme-primary-rgb), .06), 0 0 0 90px rgba(var(--dtm-theme-primary-rgb), .035);
}

.auth-showcase h1,
.auth-showcase h2,
.auth-showcase h3,
.auth-showcase h4 {
    color: #fff !important;
}

.auth-showcase p,
.auth-showcase li {
    color: #b8c5d4 !important;
}

.auth-showcase .eyebrow-label {
    color: var(--dtm-lime) !important;
}

.auth-page-logo img {
    width: auto;
    max-width: 170px;
    max-height: 44px;
    object-fit: contain;
}

.auth-benefits,
.admin-auth-list {
    display: grid;
    gap: 13px;
    margin: 28px 0 0;
    padding: 0;
    list-style: none;
}

.auth-benefits li {
    position: relative;
    padding-left: 25px;
    font-size: 13px;
}

.auth-benefits li::before {
    content: "";
    position: absolute;
    top: .48em;
    left: 0;
    width: 9px;
    height: 9px;
    border: 2px solid var(--dtm-lime);
    border-radius: 50%;
}

.auth-form {
    width: 100%;
}

.auth-shell--login,
.auth-shell--register {
    position: relative;
    isolation: isolate;
    padding: clamp(30px, 5vw, 70px) 0 !important;
    overflow: hidden;
    background:
        radial-gradient(circle at 18% 12%, rgba(var(--dtm-theme-bright-rgb), .15), transparent 26rem),
        radial-gradient(circle at 86% 18%, rgba(var(--dtm-theme-glow-rgb), .13), transparent 28rem),
        linear-gradient(145deg, #03070f 0%, #071320 52%, #04101c 100%) !important;
}

.auth-shell--login::before,
.auth-shell--login::after,
.auth-shell--register::before,
.auth-shell--register::after {
    content: "";
    position: absolute;
    z-index: -1;
    pointer-events: none;
}

.auth-shell--login::before,
.auth-shell--register::before {
    inset: 0;
    background:
        linear-gradient(rgba(255, 255, 255, .035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, .035) 1px, transparent 1px);
    background-size: 54px 54px;
    mask-image: radial-gradient(circle at 50% 42%, #000 0%, transparent 72%);
}

.auth-shell--login::after,
.auth-shell--register::after {
    left: 50%;
    bottom: -210px;
    width: min(760px, 90vw);
    height: min(760px, 90vw);
    border: 1px solid rgba(var(--dtm-theme-bright-rgb), .12);
    border-radius: 50%;
    box-shadow:
        0 0 0 58px rgba(var(--dtm-theme-glow-rgb), .035),
        0 0 0 116px rgba(var(--dtm-theme-bright-rgb), .025);
    transform: translateX(-50%);
}

.auth-layout--login,
.auth-layout--register {
    position: relative;
    display: block;
    overflow: visible;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.auth-layout--login {
    width: min(100%, 520px);
}

.auth-layout--register {
    width: min(100%, 720px);
}

.auth-login-panel,
.auth-register-panel {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .14) !important;
    border-radius: 34px !important;
    background:
        radial-gradient(circle at 12% 0%, rgba(var(--dtm-theme-bright-rgb), .12), transparent 22rem),
        radial-gradient(circle at 95% 16%, rgba(var(--dtm-theme-glow-rgb), .12), transparent 24rem),
        linear-gradient(155deg, rgba(255, 255, 255, .11), rgba(255, 255, 255, .045)) !important;
    color: #f8fbff !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .14), 0 32px 110px rgba(0, 0, 0, .38) !important;
    backdrop-filter: blur(20px);
}

.auth-login-panel::before,
.auth-register-panel::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background: linear-gradient(120deg, rgba(255, 255, 255, .14), transparent 36%);
    pointer-events: none;
}

.auth-login-panel .auth-login-panel__logo,
.auth-register-panel .auth-register-panel__logo {
    align-items: center;
    justify-content: center;
    width: 100%;
}

.auth-login-panel .auth-page-logo img,
.auth-register-panel .auth-page-logo img {
    max-width: 190px;
    max-height: 58px;
}

.auth-login-panel .eyebrow-label,
.auth-register-panel .eyebrow-label {
    color: var(--dtm-theme-bright) !important;
}

.auth-login-panel h4,
.auth-register-panel h4 {
    color: #ffffff !important;
    font-size: clamp(1.45rem, 3vw, 2rem) !important;
}

.auth-login-panel .dashboard-note,
.auth-login-panel p,
.auth-register-panel .dashboard-note,
.auth-register-panel p {
    color: #b7c7da !important;
}

.auth-login-panel label,
.auth-register-panel label {
    color: #e8f2ff !important;
}

.auth-login-panel .form--control,
.auth-login-panel .form-control,
.auth-register-panel .form--control,
.auth-register-panel .form-control {
    border-color: rgba(255, 255, 255, .14) !important;
    background: rgba(3, 7, 15, .42) !important;
    color: #ffffff !important;
}

.auth-login-panel .form--control:focus,
.auth-login-panel .form-control:focus,
.auth-register-panel .form--control:focus,
.auth-register-panel .form-control:focus {
    border-color: rgba(var(--dtm-theme-bright-rgb), .5) !important;
    box-shadow: 0 0 0 3px rgba(var(--dtm-theme-bright-rgb), .11) !important;
}

.auth-login-panel .custom--checkbox label,
.auth-login-panel a,
.auth-register-panel .custom--checkbox label,
.auth-register-panel a {
    color: #bfefff !important;
}

.auth-login-panel .btn--base,
.auth-register-panel .btn--base {
    border: 0 !important;
    background: linear-gradient(135deg, var(--dtm-theme-bright) 0%, var(--dtm-theme-glow) 52%, var(--dtm-theme-neon) 100%) !important;
    color: #04101c !important;
    font-family: "Sora", sans-serif !important;
    font-weight: 900 !important;
    box-shadow: 0 18px 48px rgba(var(--dtm-theme-glow-rgb), .2) !important;
}

/* Investor application shell */
.app-dashboard-shell {
    min-height: 100vh;
    background: transparent;
}

.dashboard-sidebar {
    position: fixed !important;
    inset: 0 auto 0 0 !important;
    z-index: 1035 !important;
    display: flex;
    flex-direction: column;
    width: var(--dtm-sidebar) !important;
    min-width: var(--dtm-sidebar);
    height: 100dvh;
    padding: 18px 14px !important;
    overflow-x: hidden;
    overflow-y: auto;
    border: 0 !important;
    border-right: 1px solid rgba(255, 255, 255, .075) !important;
    border-radius: 0 !important;
    background:
        radial-gradient(circle at 18% 6%, rgba(var(--dtm-theme-primary-rgb), .14), transparent 16rem),
        var(--dtm-navy) !important;
    box-shadow: 16px 0 50px rgba(5, 13, 24, .09);
    scrollbar-width: thin;
    scrollbar-color: #31445d transparent;
}

.dashboard-sidebar .dash-sidebar-close {
    position: absolute;
    top: 14px;
    right: 12px;
    z-index: 2;
    width: 34px;
    height: 34px;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 10px;
    background-color: rgba(255, 255, 255, .07);
    filter: invert(1);
    opacity: .9;
}

.dashboard-sidebar .logo {
    display: flex !important;
    align-items: center;
    min-height: 44px;
    margin: 0 4px 18px !important;
    padding: 0 5px;
}

.dashboard-sidebar .logo img {
    width: auto;
    max-width: 152px;
    max-height: 36px;
    object-fit: contain;
}

.dashboard-sidebar .balance-card {
    display: grid;
    gap: 5px;
    margin: 0 0 9px !important;
    padding: 13px !important;
    border: 1px solid rgba(255, 255, 255, .09) !important;
    border-radius: 13px !important;
    background: rgba(255, 255, 255, .055) !important;
    box-shadow: none !important;
}

.dashboard-sidebar .balance-card__label,
.dashboard-sidebar .dashboard-note,
.dashboard-sidebar p,
.dashboard-sidebar small {
    color: #91a2b8 !important;
    font-size: 10px !important;
    line-height: 1.45;
}

.dashboard-sidebar .balance-card__label {
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.dashboard-sidebar .balance-card__amount,
.dashboard-sidebar .usd-balance,
.dashboard-sidebar .btc-balance {
    color: #f5f8fc !important;
    font: 600 17px/1.25 "Sora", sans-serif !important;
    overflow-wrap: anywhere;
}

.dashboard-sidebar > .d-flex .btn {
    min-width: 0;
    min-height: 36px;
    padding-inline: 10px;
}

.sidebar-menu {
    display: grid;
    gap: 3px;
    margin: 17px 0 0 !important;
    padding: 0 0 16px !important;
    list-style: none;
}

.sidebar-menu li {
    margin: 0 !important;
}

.sidebar-menu li a {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    min-height: 40px;
    padding: 9px 10px !important;
    border: 1px solid transparent;
    border-radius: 10px !important;
    color: #b9c7d7 !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 1.25;
}

.sidebar-menu li a img {
    flex: 0 0 18px;
    width: 18px !important;
    height: 18px !important;
    object-fit: contain;
    filter: grayscale(1) brightness(1.7);
    opacity: .75;
}

.sidebar-menu li a:hover,
.sidebar-menu li a.active {
    border-color: rgba(var(--dtm-theme-primary-rgb), .22) !important;
    background: rgba(var(--dtm-theme-primary-rgb), .13) !important;
    color: #fff !important;
    transform: none !important;
}

.sidebar-menu li a.active {
    box-shadow: inset 3px 0 0 var(--dtm-lime);
}

.sidebar-menu li a:hover img,
.sidebar-menu li a.active img {
    filter: none;
    opacity: 1;
}

.dashboard-sidebar-scrim {
    position: fixed;
    inset: 0;
    z-index: 1030;
    display: none;
    border: 0;
    background: rgba(6, 13, 23, .56);
    backdrop-filter: blur(3px);
}

.dashboard-wrapper {
    width: calc(100% - var(--dtm-sidebar)) !important;
    min-width: 0;
    min-height: 100vh;
    margin-left: var(--dtm-sidebar) !important;
    padding: 18px clamp(16px, 2.2vw, 30px) 32px !important;
    overflow: visible !important;
    background: transparent !important;
}

.dashboard-container,
.dashboard-container-fluid {
    width: 100% !important;
    max-width: 1480px !important;
    min-width: 0;
    margin-inline: auto !important;
    padding: 0 !important;
}

.dashboard-nav {
    position: relative;
    z-index: 20;
    width: 100%;
    max-width: 1480px;
    min-height: 70px;
    margin: 0 auto 16px !important;
    padding: 12px 15px !important;
    border: 1px solid var(--dtm-line) !important;
    border-radius: 16px !important;
    background: rgba(255, 255, 255, .91) !important;
    box-shadow: var(--dtm-shadow-sm) !important;
    backdrop-filter: blur(16px);
}

.dashboard-nav .nav-left,
.dashboard-nav .nav-right {
    min-width: 0;
}

.dashboard-heading {
    min-width: 0;
}

.dashboard-heading .eyebrow-label {
    display: none;
}

.dashboard-heading h3 {
    margin: 0 !important;
    color: var(--dtm-ink) !important;
    font-size: clamp(15px, 1.6vw, 18px) !important;
    line-height: 1.25 !important;
}

.dashboard-note,
.dashboard-heading p {
    margin: 3px 0 0;
    color: var(--dtm-muted) !important;
    font-size: 11px !important;
}

.dash-sidebar-toggler {
    display: grid;
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    place-items: center;
    border: 1px solid var(--dtm-line);
    border-radius: 11px;
    background: var(--dtm-panel-soft);
    color: var(--dtm-ink);
    cursor: pointer;
}

.nav-header-link {
    margin: 0;
}

.nav-header-link .link {
    display: grid !important;
    width: 38px !important;
    height: 38px !important;
    place-items: center;
    border: 1px solid var(--dtm-emerald-deep);
    border-radius: 12px !important;
    background: var(--dtm-emerald) !important;
    color: var(--dtm-on-primary) !important;
    font: 700 12px/1 "Sora", sans-serif;
}

.nav-header-link li {
    position: relative;
}

.nav-header-link .dropdown-wrapper {
    top: calc(100% + 10px);
    right: 0;
    width: min(280px, calc(100vw - 28px));
    overflow: hidden;
    border: 1px solid var(--dtm-line) !important;
    border-radius: 14px !important;
    background: var(--dtm-panel) !important;
    box-shadow: var(--dtm-shadow-md) !important;
}

.nav-header-link .dropdown-wrapper :where(h6, p, a) {
    color: var(--dtm-ink) !important;
}

.nav-header-link .dropdown-wrapper a:hover {
    background: var(--dtm-panel-soft) !important;
}

.language_switcher__caption .text,
.language_switcher::after {
    color: var(--dtm-ink) !important;
}

/* Shared account pages */
.dashboard-inner {
    width: 100%;
    min-height: 0 !important;
    padding: clamp(18px, 2.4vw, 26px) !important;
    overflow: hidden;
    border: 1px solid var(--dtm-line) !important;
    border-radius: 18px !important;
    background: var(--dtm-panel) !important;
    box-shadow: var(--dtm-shadow-sm) !important;
}

.dashboard-inner > .mb-4:first-child,
.dashboard-inner > .row:first-child > [class*="col-"] > .mb-4:first-child {
    margin-bottom: 18px !important;
}

.dashboard-inner > .mb-4:first-child > p:first-child {
    margin: 0 0 5px;
    color: var(--dtm-emerald-deep) !important;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.dashboard-inner h3 {
    margin-bottom: 6px !important;
    font-size: clamp(18px, 2vw, 24px) !important;
}

.dashboard-inner hr,
.app-surface hr {
    margin: 18px 0;
    border-color: var(--dtm-line);
    opacity: 1;
}

.investhub-shell .card {
    overflow: hidden;
}

.investhub-shell .card-header,
.investhub-shell .card-footer {
    padding: 14px 18px;
    border-color: var(--dtm-line) !important;
    background: var(--dtm-panel-soft) !important;
}

.investhub-shell .card-body {
    padding: clamp(16px, 2vw, 22px) !important;
    background: var(--dtm-panel) !important;
    color: var(--dtm-ink) !important;
}

/* Forms */
.investhub-shell .form-group {
    margin-bottom: 16px;
}

.investhub-shell :where(label, .form-label) {
    display: inline-block;
    margin-bottom: 6px;
    color: var(--dtm-ink-soft) !important;
    font-size: 12px !important;
    font-weight: 600;
}

.investhub-shell :where(.form-control, .form--control, .form-select, select, textarea,
    input[type="text"], input[type="email"], input[type="password"], input[type="number"],
    input[type="tel"], input[type="search"], input[type="url"]) {
    width: 100%;
    max-width: 100%;
    min-height: 43px !important;
    padding: 9px 12px !important;
    border: 1px solid var(--dtm-line-strong) !important;
    border-radius: 10px !important;
    outline: 0;
    background: #fbfcfa !important;
    color: var(--dtm-ink) !important;
    font: 500 13px/1.4 "IBM Plex Sans", sans-serif !important;
    box-shadow: none !important;
}

.investhub-shell textarea.form-control,
.investhub-shell textarea.form--control,
.investhub-shell textarea {
    min-height: 110px !important;
    resize: vertical;
}

.investhub-shell :where(.form-control, .form--control, .form-select, select, textarea, input):focus {
    border-color: var(--dtm-emerald) !important;
    box-shadow: 0 0 0 3px rgba(var(--dtm-theme-primary-rgb), .11) !important;
}

.investhub-shell :where(.form-control, .form--control, input)[readonly],
.investhub-shell :where(.form-control, .form--control, input)[disabled] {
    background: #eef1ef !important;
    color: #7a8695 !important;
    opacity: 1;
}

.investhub-shell .input-group {
    flex-wrap: nowrap;
}

.investhub-shell .input-group-text,
.investhub-shell .deposit-info__input-group-text {
    min-height: 43px;
    border: 1px solid var(--dtm-line-strong) !important;
    background: #eef3f0 !important;
    color: var(--dtm-ink-soft) !important;
    font-size: 12px;
    font-weight: 700;
}

.investhub-shell .select2-container {
    width: 100% !important;
    max-width: 100%;
}

.investhub-shell .select2-container .select2-selection {
    min-height: 43px !important;
    border: 1px solid var(--dtm-line-strong) !important;
    border-radius: 10px !important;
    background: #fbfcfa !important;
}

.investhub-shell .select2-selection__rendered {
    color: var(--dtm-ink) !important;
    line-height: 41px !important;
}

.custom-input-box {
    display: grid;
    min-width: 0;
}

.filter-area {
    padding: 14px;
    border: 1px solid var(--dtm-line);
    border-radius: 14px;
    background: var(--dtm-panel-soft);
}

.filter-area > .d-flex {
    gap: 12px !important;
}

.filter-area .flex-grow-1 {
    flex: 1 1 190px !important;
    min-width: 0;
}

/* Tables and list data */
.investhub-shell .table-responsive,
.investhub-shell [class*="table-responsive--"] {
    width: 100%;
    max-width: 100%;
    overflow-x: auto !important;
    border: 1px solid var(--dtm-line) !important;
    border-radius: 14px !important;
    background: var(--dtm-panel) !important;
    box-shadow: none !important;
    -webkit-overflow-scrolling: touch;
}

.investhub-shell .table {
    width: 100%;
    min-width: 680px;
    margin: 0 !important;
    border-collapse: separate;
    border-spacing: 0;
}

.investhub-shell .table th {
    padding: 12px 14px !important;
    border: 0 !important;
    border-bottom: 1px solid var(--dtm-line) !important;
    background: #f2f5f3 !important;
    color: #5e6b7c !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: .08em;
    text-transform: uppercase;
    white-space: nowrap;
}

.investhub-shell .table td {
    max-width: 320px;
    padding: 13px 14px !important;
    border: 0 !important;
    border-bottom: 1px solid #edf1ee !important;
    background: var(--dtm-panel) !important;
    color: var(--dtm-ink-soft) !important;
    font-size: 12px !important;
    vertical-align: middle;
    overflow-wrap: anywhere;
}

.investhub-shell .table tbody tr:last-child td {
    border-bottom: 0 !important;
}

.investhub-shell .table tbody tr:hover td {
    background: #fbfcfa !important;
}

.investhub-shell .badge {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding: 4px 8px;
    border-radius: 999px !important;
    font-size: 10px !important;
    font-weight: 700;
    line-height: 1.1;
}

.investhub-shell .accordion.table--acordion,
.investhub-shell .accordion {
    display: grid;
    gap: 9px;
}

.investhub-shell .accordion-item,
.investhub-shell .transaction-item {
    overflow: hidden;
    border: 1px solid var(--dtm-line) !important;
    border-radius: 14px !important;
    background: var(--dtm-panel) !important;
    box-shadow: none !important;
}

.investhub-shell .accordion-button {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    min-width: 0;
    gap: 8px 0;
    padding: 14px !important;
    background: var(--dtm-panel) !important;
    color: var(--dtm-ink) !important;
    font-size: 12px;
    box-shadow: none !important;
}

.investhub-shell .accordion-button::after {
    flex: 0 0 auto;
    margin-left: 8px;
}

.investhub-shell .accordion-button > [class*="col-"] {
    min-width: 0;
}

.investhub-shell .accordion-button .left {
    display: flex;
    align-items: center;
    min-width: 0;
    gap: 10px;
}

.investhub-shell .accordion-button .content {
    min-width: 0;
}

.investhub-shell .accordion-button .icon {
    display: grid;
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    place-items: center;
    border-radius: 10px;
}

.investhub-shell .trans-title {
    margin: 0;
    color: var(--dtm-ink) !important;
    font-size: 12px !important;
}

.investhub-shell .accordion-body {
    padding: 14px !important;
    border-top: 1px solid var(--dtm-line);
    background: var(--dtm-panel-soft) !important;
    color: var(--dtm-ink-soft) !important;
}

.investhub-shell .caption-list {
    display: grid;
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.investhub-shell .caption-list li {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
    padding-bottom: 8px;
    border-bottom: 1px solid var(--dtm-line);
}

.investhub-shell .caption-list li:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}

.investhub-shell .caption-list .caption {
    color: var(--dtm-muted) !important;
    font-size: 11px;
}

.investhub-shell .caption-list .value {
    max-width: 70%;
    color: var(--dtm-ink) !important;
    font-size: 12px;
    font-weight: 600;
    text-align: right;
}

/* Payments */
.gateway-card {
    width: 100%;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
}

.payment-system-list {
    width: 100%;
    min-height: 100%;
    max-height: 540px;
    padding: 14px !important;
    overflow: auto;
    border: 1px solid var(--dtm-line) !important;
    border-radius: 16px !important;
    background: var(--dtm-panel-soft) !important;
}

.payment-item {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
    min-width: 0;
    margin: 0 0 8px !important;
    padding: 12px !important;
    border: 1px solid var(--dtm-line) !important;
    border-radius: 12px !important;
    background: var(--dtm-panel) !important;
    color: var(--dtm-ink) !important;
    cursor: pointer;
}

.payment-item:has(input:checked) {
    border-color: var(--dtm-emerald) !important;
    box-shadow: 0 0 0 3px rgba(var(--dtm-theme-primary-rgb), .09);
}

.payment-item__info {
    display: flex;
    align-items: center;
    min-width: 0;
    gap: 10px;
}

.payment-item__check {
    flex: 0 0 15px;
    width: 15px;
    height: 15px;
    border: 1px solid var(--dtm-line-strong);
    border-radius: 50%;
}

.payment-item:has(input:checked) .payment-item__check {
    border: 4px solid var(--dtm-emerald);
}

.payment-item__name {
    color: var(--dtm-ink) !important;
    font-size: 12px;
    font-weight: 600;
}

.payment-item__thumb {
    display: grid;
    flex: 0 0 64px;
    width: 64px;
    height: 34px;
    place-items: center;
}

.payment-item__thumb-img {
    max-width: 60px !important;
    max-height: 30px;
    object-fit: contain;
}

.payment-item__btn {
    width: 100%;
    padding: 10px;
    border: 1px dashed var(--dtm-line-strong);
    border-radius: 11px;
    background: transparent;
    color: var(--dtm-emerald-deep);
    font-size: 12px;
    font-weight: 700;
}

.deposit-info {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    min-width: 0;
    padding: 8px 0;
}

.deposit-info__title,
.deposit-info__input {
    min-width: 0;
}

.deposit-info__input {
    max-width: 62%;
    text-align: right;
}

.deposit-info .text {
    margin: 0;
    color: var(--dtm-ink-soft) !important;
    font-size: 12px;
}

.deposit-info.total-amount {
    margin-top: 8px;
    border-top: 1px solid var(--dtm-line);
}

.deposit-info.total-amount .text {
    color: var(--dtm-ink) !important;
    font-weight: 700;
}

/* Modals, pagination, alerts */
.investhub-shell .modal {
    padding-inline: 10px !important;
}

.investhub-shell .modal-dialog {
    width: auto;
    max-width: min(720px, calc(100vw - 20px));
    margin-inline: auto;
}

.investhub-shell .modal-content,
.investhub-shell .modal-dialog.modal-content-bg {
    overflow: hidden;
    border: 1px solid var(--dtm-line) !important;
    border-radius: 18px !important;
    background: var(--dtm-panel) !important;
    color: var(--dtm-ink) !important;
    box-shadow: var(--dtm-shadow-md) !important;
}

.investhub-shell .modal-header,
.investhub-shell .modal-footer {
    padding: 14px 18px;
    border-color: var(--dtm-line) !important;
    background: var(--dtm-panel-soft) !important;
}

.investhub-shell .modal-title {
    margin: 0;
    color: var(--dtm-ink) !important;
    font-size: 16px !important;
}

.investhub-shell .modal-body {
    max-height: calc(100dvh - 170px);
    padding: 18px;
    overflow-y: auto;
    background: var(--dtm-panel) !important;
    color: var(--dtm-ink-soft) !important;
}

.investhub-shell .modal .close {
    display: grid;
    width: 34px;
    height: 34px;
    padding: 0;
    place-items: center;
    border: 1px solid var(--dtm-line);
    border-radius: 10px;
    background: #fff;
    color: var(--dtm-ink);
}

.investment-plan-modal {
    z-index: 1090 !important;
}

.investment-plan-modal .modal-dialog {
    position: relative;
    z-index: 1091;
    pointer-events: auto;
}

.investment-plan-modal-backdrop {
    z-index: 1080 !important;
}

.investment-plan-modal .select2-container {
    z-index: 1092;
}

.investment-plan-modal .select2-container--open .select2-dropdown {
    z-index: 1093;
}

.investhub-shell :where(.alert, .user-alert, .status-banner) {
    padding: 13px 14px !important;
    border: 1px solid var(--dtm-line) !important;
    border-left: 4px solid var(--dtm-info) !important;
    border-radius: 12px !important;
    background: var(--dtm-panel) !important;
    color: var(--dtm-ink-soft) !important;
    font-size: 12px;
}

.custom--pagination,
.pagination {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 5px;
    margin: 18px 0 0;
}

.pagination .page-link {
    display: grid;
    min-width: 34px;
    min-height: 34px;
    padding: 6px;
    place-items: center;
    border: 1px solid var(--dtm-line) !important;
    border-radius: 9px !important;
    background: var(--dtm-panel) !important;
    color: var(--dtm-ink-soft) !important;
    font-size: 12px;
}

.pagination .active .page-link {
    border-color: var(--dtm-emerald) !important;
    background: var(--dtm-emerald) !important;
    color: var(--dtm-on-primary) !important;
}

.cookies-card {
    right: 18px !important;
    bottom: 18px !important;
    width: min(360px, calc(100vw - 36px)) !important;
    padding: 18px !important;
}

/* User dashboard */
.dashboard-workspace,
.invest-stats-workspace {
    display: grid;
    min-width: 0;
    gap: 14px;
}

.dash-strip,
.invest-stats-hero {
    position: relative;
    isolation: isolate;
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 18px;
    min-width: 0;
    padding: clamp(20px, 3vw, 28px) !important;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .09) !important;
    border-radius: 18px !important;
    background:
        radial-gradient(circle at 88% 20%, rgba(var(--dtm-theme-secondary-rgb), .14), transparent 16rem),
        linear-gradient(120deg, var(--dtm-navy), var(--dtm-navy-soft)) !important;
    color: #fff !important;
    box-shadow: var(--dtm-shadow-sm) !important;
}

.dash-strip::after,
.invest-stats-hero::after {
    content: "";
    position: absolute;
    z-index: -1;
    right: -70px;
    bottom: -125px;
    width: 280px;
    height: 280px;
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 50%;
    box-shadow: 0 0 0 40px rgba(var(--dtm-theme-primary-rgb), .05);
}

.dash-strip h4,
.invest-stats-hero h3 {
    margin: 5px 0 !important;
    color: #fff !important;
    font-size: clamp(19px, 2vw, 25px) !important;
}

.dash-strip p,
.invest-stats-hero p {
    max-width: 700px;
    margin: 0;
    color: #aebdce !important;
    font-size: 12px !important;
}

.dash-strip .dash-kicker,
.invest-stats-hero .eyebrow-label {
    color: var(--dtm-lime) !important;
}

.dash-actions {
    display: flex;
    flex: 0 0 auto;
    gap: 8px;
}

.dash-alert-stack {
    display: grid;
    gap: 8px;
}

.dash-notice {
    display: grid;
    grid-template-columns: minmax(130px, .25fr) minmax(0, 1fr);
    align-items: center;
    gap: 12px;
    padding: 11px 13px;
    border: 1px solid var(--dtm-line);
    border-left: 3px solid var(--dtm-info);
    border-radius: 12px;
    background: var(--dtm-panel);
    box-shadow: 0 1px 2px rgba(11, 21, 36, .03);
}

.dash-notice.warning { border-left-color: var(--dtm-warning); }
.dash-notice.danger { border-left-color: var(--dtm-danger); }

.dash-notice strong {
    color: var(--dtm-ink);
    font-size: 11px;
}

.dash-notice span,
.dash-notice a {
    color: var(--dtm-muted);
    font-size: 11px;
}

.dash-stat-grid,
.invest-stats-summary {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}

.dash-stat,
.invest-stat-card {
    position: relative;
    display: grid;
    gap: 7px;
    min-width: 0;
    padding: 16px;
    overflow: hidden;
    border: 1px solid var(--dtm-line);
    border-radius: 15px;
    background: var(--dtm-panel);
    box-shadow: var(--dtm-shadow-sm);
}

.dash-stat::after,
.invest-stat-card::after {
    content: "";
    position: absolute;
    right: 14px;
    top: 14px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--dtm-emerald);
    box-shadow: 0 0 0 4px rgba(var(--dtm-theme-primary-rgb), .1);
}

.dash-stat span,
.invest-stat-card span,
.dash-panel-head span,
.dash-list span {
    color: var(--dtm-muted) !important;
    font-size: 10px !important;
    font-weight: 700;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.dash-stat strong,
.invest-stat-card strong {
    max-width: calc(100% - 18px);
    color: var(--dtm-ink) !important;
    font: 600 clamp(17px, 2vw, 22px)/1.2 "Sora", sans-serif;
    overflow-wrap: anywhere;
}

.dash-panel-grid,
.invest-stats-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

.dash-main-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(280px, .65fr);
    gap: 12px;
}

.dash-panel,
.invest-stats-panel {
    min-width: 0;
    padding: 16px;
    overflow: hidden;
    border: 1px solid var(--dtm-line);
    border-radius: 15px;
    background: var(--dtm-panel);
    box-shadow: var(--dtm-shadow-sm);
}

.dash-panel-head,
.invest-stats-panel__head,
.dash-list div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-width: 0;
    gap: 10px;
}

.dash-panel-head,
.invest-stats-panel__head {
    margin-bottom: 12px;
}

.dash-panel h5,
.invest-stats-panel h5 {
    margin: 0;
    color: var(--dtm-ink) !important;
    font-size: 14px !important;
}

.dash-panel-head a,
.invest-stats-panel__head a {
    color: var(--dtm-emerald-deep);
    font-size: 11px;
    font-weight: 700;
}

.dash-list {
    display: grid;
    gap: 0;
}

.dash-list div {
    padding: 10px 0;
    border-bottom: 1px solid #edf1ee;
}

.dash-list div:last-child {
    border-bottom: 0;
}

.dash-list strong {
    max-width: 52%;
    color: var(--dtm-ink) !important;
    font-size: 12px;
    text-align: right;
    overflow-wrap: anywhere;
}

.dash-chart,
.dash-market-widget,
.invest-stats-chart {
    width: 100% !important;
    min-height: 270px;
    max-width: 100% !important;
}

.apexcharts-canvas,
.apexcharts-svg {
    max-width: 100% !important;
}

/* Ranking */
.referral__level__area,
.referral__level__item,
.referral__level__item__inner {
    max-width: 100%;
}

.referral__level__item__inner {
    border-color: var(--dtm-line) !important;
    background: var(--dtm-panel) !important;
}

/* Responsive */
@media (max-width: 1199.98px) {
    .dashboard-sidebar {
        transform: translateX(-102%);
        transition: transform .24s ease;
    }

    .dashboard-sidebar.active {
        transform: translateX(0);
    }

    .dashboard-sidebar.active ~ .dashboard-sidebar-scrim {
        display: block;
    }

    .dashboard-wrapper {
        width: 100% !important;
        margin-left: 0 !important;
    }

    .dash-stat-grid,
    .invest-stats-summary {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

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

@media (max-width: 991.98px) {
    .investhub-shell .header .menu {
        top: 70px;
        right: 16px;
        left: 16px;
        width: auto;
        max-height: calc(100dvh - 88px);
        padding: 10px;
        overflow-y: auto;
        border: 1px solid rgba(255, 255, 255, .1);
        border-radius: 16px;
        background: var(--dtm-navy) !important;
        box-shadow: var(--dtm-shadow-md);
    }

    .investhub-shell .header .menu > li > a {
        display: block;
        padding: 11px 12px;
    }

    .investhub-shell .header .menu-btn a {
        margin: 4px 0 0;
    }

    .auth-layout {
        grid-template-columns: 1fr;
        width: min(100%, 660px);
    }

    .auth-showcase {
        padding-bottom: 34px !important;
    }

    .auth-benefits {
        margin-top: 20px;
    }

    .market-chip-list,
    .app-info-list,
    .app-market-strip {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

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

@media (max-width: 767.98px) {
    :root {
        --dtm-shell-pad: 16px;
    }

    .investhub-shell .container {
        width: 100%;
    }

    .investhub-shell .pt-120 { padding-top: 44px !important; }
    .investhub-shell .pb-120 { padding-bottom: 44px !important; }

    .market-hero {
        padding-top: 22px !important;
    }

    .market-hero__panel,
    .app-page-hero {
        padding: 24px 20px !important;
    }

    .market-hero__title,
    .app-page-title {
        font-size: clamp(1.65rem, 8.5vw, 2.35rem) !important;
    }

    .market-chip-list,
    .app-info-list,
    .app-market-strip {
        grid-template-columns: 1fr;
    }

    .dashboard-wrapper {
        padding: 10px 10px 24px !important;
    }

    .dashboard-nav {
        min-height: 62px;
        margin-bottom: 10px !important;
        padding: 9px 10px !important;
        border-radius: 13px !important;
    }

    .dashboard-nav .nav-left {
        gap: 9px !important;
        max-width: calc(100% - 48px);
    }

    .dashboard-heading p,
    .dashboard-nav .language_switcher {
        display: none !important;
    }

    .dashboard-heading h3 {
        display: -webkit-box;
        overflow: hidden;
        font-size: 14px !important;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    .dashboard-nav .nav-right {
        gap: 6px !important;
    }

    .dashboard-inner {
        padding: 16px !important;
        border-radius: 14px !important;
    }

    .dash-strip,
    .invest-stats-hero {
        display: grid;
        align-items: start;
        padding: 20px !important;
    }

    .dash-actions {
        width: 100%;
    }

    .dash-actions .btn {
        flex: 1;
    }

    .dash-notice {
        grid-template-columns: 1fr;
        gap: 3px;
    }

    .dash-stat-grid,
    .invest-stats-summary,
    .dash-panel-grid,
    .invest-stats-grid {
        grid-template-columns: 1fr;
    }

    .dash-stat,
    .invest-stat-card,
    .dash-panel,
    .invest-stats-panel {
        padding: 14px;
        border-radius: 13px;
    }

    .filter-area > .d-flex {
        display: grid !important;
        grid-template-columns: 1fr;
    }

    .filter-area .flex-grow-1 {
        width: 100%;
    }

    .investhub-shell .accordion-button {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .investhub-shell .accordion-button > [class*="col-"] {
        width: auto;
        max-width: none;
        margin: 0 !important;
    }

    .investhub-shell .accordion-button .icon-wrapper {
        grid-column: 1;
        grid-row: 1;
    }

    .investhub-shell .accordion-button .amount-wrapper {
        grid-column: 2;
        grid-row: 1;
    }

    .investhub-shell .accordion-button .content-wrapper {
        grid-column: 1 / -1;
        grid-row: 2;
        padding-left: 44px;
        text-align: left;
    }

    .investhub-shell .accordion-button::after {
        display: none;
    }

    .investhub-shell .caption-list li,
    .deposit-info {
        display: grid;
        gap: 4px;
    }

    .investhub-shell .caption-list .value,
    .deposit-info__input {
        max-width: 100%;
        text-align: left;
    }

    .payment-system-list {
        max-height: none;
    }

    .app-plan-specs__row {
        grid-template-columns: minmax(0, 1fr) minmax(100px, auto) !important;
    }

    .app-plan-specs__row .value {
        max-width: 145px !important;
    }

    .investhub-shell .modal-body {
        padding: 15px;
    }
}

@media (max-width: 479.98px) {
    .dashboard-sidebar {
        width: min(282px, calc(100vw - 38px)) !important;
        min-width: 0;
    }

    .market-chip-list,
    .app-info-list {
        margin-top: 20px;
    }

    .auth-shell {
        padding: 12px 0;
    }

    .auth-layout {
        border-radius: 18px;
    }

    .auth-panel {
        padding: 24px 19px !important;
    }

    .auth-showcase .auth-benefits {
        display: none;
    }

    .dashboard-nav .nav-right > :not(.nav-header-link) {
        display: none !important;
    }

    .investhub-shell .d-flex.justify-content-between {
        gap: 10px;
    }

    .investhub-shell .d-flex.justify-content-between > h3 {
        min-width: 0;
    }

    .investhub-shell .d-flex.justify-content-between > span,
    .investhub-shell .d-flex.justify-content-between > .btn {
        flex: 0 0 auto;
    }

    .investhub-shell .app-plan-card {
        padding: 17px !important;
    }
}

/* Shared rail refinements */
.sidebar-brand {
    display: grid;
    gap: 2px;
    margin-bottom: 15px;
    padding: 0 5px;
}

.dashboard-sidebar .sidebar-brand .logo {
    min-height: 36px;
    margin: 0 !important;
    padding: 0;
}

.sidebar-brand > span {
    color: #70849d !important;
    font-size: 9px !important;
    font-weight: 700;
    letter-spacing: .13em;
    text-transform: uppercase;
}

.sidebar-wallet {
    display: grid;
    gap: 0;
    margin-bottom: 10px;
    padding: 12px;
    border: 1px solid rgba(255, 255, 255, .09);
    border-radius: 13px;
    background: rgba(255, 255, 255, .055);
}

.sidebar-wallet__head,
.sidebar-wallet__row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-width: 0;
    gap: 9px;
}

.sidebar-wallet__head {
    margin-bottom: 5px;
    color: #8fa0b5;
}

.sidebar-wallet__head span {
    color: #8fa0b5 !important;
    font-size: 9px !important;
    font-weight: 700;
    letter-spacing: .09em;
    text-transform: uppercase;
}

.sidebar-wallet__head i {
    color: var(--dtm-lime);
    font-size: 15px;
}

.sidebar-wallet__row {
    padding: 8px 0;
    border-top: 1px solid rgba(255, 255, 255, .07);
}

.sidebar-wallet__row > span {
    color: #8fa0b5 !important;
    font-size: 10px !important;
}

.sidebar-wallet__row strong {
    max-width: 65%;
    color: #f5f8fc;
    font: 600 13px/1.25 "Sora", sans-serif;
    text-align: right;
    overflow-wrap: anywhere;
}

.sidebar-wallet__row small {
    color: #8295ad !important;
    font: 600 8px/1 "IBM Plex Sans", sans-serif;
}

.sidebar-menu__label {
    margin: 12px 10px 4px !important;
    color: #677b95 !important;
    font-size: 8px !important;
    font-weight: 700;
    letter-spacing: .13em;
    text-transform: uppercase;
}

/* Dashboard portfolio summary */
.dash-portfolio-value {
    display: grid;
    flex: 0 0 auto;
    min-width: 190px;
    gap: 3px;
    padding: 12px 14px;
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 13px;
    background: rgba(255, 255, 255, .055);
}

.dash-portfolio-value > span {
    color: #95a8bd !important;
    font-size: 9px !important;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.dash-portfolio-value strong {
    color: #fff;
    font: 600 clamp(17px, 2vw, 21px)/1.2 "Sora", sans-serif;
    overflow-wrap: anywhere;
}

.dash-portfolio-value small {
    display: flex;
    align-items: center;
    gap: 6px;
    color: #99cbbc !important;
    font-size: 9px;
}

.dash-portfolio-value small i {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--dtm-lime);
    box-shadow: 0 0 0 4px rgba(var(--dtm-theme-secondary-rgb), .1);
}

.dash-stat__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.dash-stat__top i {
    color: var(--dtm-emerald-deep);
    font-size: 17px;
}

.dash-stat > small {
    color: #8994a2 !important;
    font-size: 10px;
}

/* Investment statistics */
.invest-stats-workspace.dashboard-inner {
    gap: 13px;
    padding: 0 !important;
    overflow: visible;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.invest-stats-hero {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(290px, .8fr);
    align-items: end;
}

.invest-market-strip {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px;
}

.invest-market-chip {
    display: grid;
    gap: 2px;
    min-width: 0;
    padding: 10px;
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 10px;
    background: rgba(255, 255, 255, .055);
}

.invest-market-chip span {
    color: #8fa2b8 !important;
    font-size: 8px !important;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.invest-market-chip strong {
    color: #f7faff;
    font: 600 11px/1.25 "Sora", sans-serif;
}

.invest-summary-grid,
.invest-content-grid {
    display: grid;
    gap: 11px;
}

.invest-summary-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.invest-content-grid {
    grid-template-columns: minmax(0, 1.15fr) minmax(300px, .85fr);
}

.invest-summary-card,
.invest-panel {
    min-width: 0;
    padding: 15px !important;
    overflow: hidden;
    border: 1px solid var(--dtm-line) !important;
    border-radius: 14px !important;
    background: var(--dtm-panel) !important;
    color: var(--dtm-ink) !important;
    box-shadow: var(--dtm-shadow-sm) !important;
}

.invest-summary-card {
    position: relative;
    display: grid;
    gap: 7px;
}

.invest-summary-card::after {
    content: "";
    position: absolute;
    top: 14px;
    right: 14px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--dtm-emerald);
    box-shadow: 0 0 0 4px rgba(var(--dtm-theme-primary-rgb), .1);
}

.invest-summary-card > span,
.invest-panel-head > span,
.invest-allocation-list p {
    color: var(--dtm-muted) !important;
    font-size: 9px !important;
    font-weight: 700;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.invest-summary-card strong {
    max-width: calc(100% - 18px);
    color: var(--dtm-ink) !important;
    font: 600 clamp(17px, 2vw, 22px)/1.2 "Sora", sans-serif;
    overflow-wrap: anywhere;
}

.invest-summary-card sup {
    margin-right: 2px;
    color: var(--dtm-emerald-deep) !important;
    font-size: 50%;
}

.invest-summary-card a,
.invest-panel-head a {
    color: var(--dtm-emerald-deep) !important;
    font-size: 10px !important;
    font-weight: 700;
}

.invest-panel-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-width: 0;
    gap: 10px;
    margin-bottom: 12px;
}

.invest-panel-head h5 {
    margin: 0;
    color: var(--dtm-ink) !important;
    font-size: 13px !important;
}

.invest-allocation {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(140px, 180px);
    align-items: center;
    gap: 14px;
}

.invest-allocation-list {
    display: grid;
    gap: 7px;
}

.invest-allocation-list p {
    margin: 0;
    color: var(--dtm-ink-soft) !important;
    letter-spacing: 0;
    text-transform: none;
}

.invest-statistics__chart {
    width: 100%;
    max-width: 180px;
    margin-left: auto;
}

.invest-empty-state {
    display: grid;
    gap: 7px;
    justify-items: start;
    padding: 16px;
    border: 1px dashed var(--dtm-line-strong);
    border-radius: 12px;
    background: var(--dtm-panel-soft);
}

.invest-empty-state :where(h5, p) {
    margin: 0;
}

@media (max-width: 991.98px) {
    .dash-strip {
        align-items: start;
        flex-wrap: wrap;
    }

    .dash-portfolio-value {
        order: 3;
        flex: 1 1 220px;
    }

    .invest-stats-hero,
    .invest-content-grid {
        grid-template-columns: 1fr;
    }

    .invest-market-strip {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (max-width: 767.98px) {
    .dash-portfolio-value {
        order: initial;
        width: 100%;
    }

    .invest-summary-grid {
        grid-template-columns: 1fr;
    }

    .invest-market-strip {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .invest-allocation {
        grid-template-columns: 1fr;
    }

    .invest-statistics__chart {
        margin: 0 auto;
    }
}

/* Public hero command card */
.market-hero__grid {
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(280px, .75fr);
    align-items: center;
    gap: clamp(26px, 5vw, 64px);
}

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

.market-hero__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
    margin-top: 24px;
}

.market-hero__ghost {
    border: 1px solid rgba(255, 255, 255, .18) !important;
    background: rgba(255, 255, 255, .06) !important;
    color: #f3f7fc !important;
}

.market-hero__ghost:hover {
    border-color: rgba(var(--dtm-theme-secondary-rgb), .5) !important;
    background: rgba(var(--dtm-theme-secondary-rgb), .08) !important;
    color: var(--dtm-lime) !important;
}

.market-command-card {
    min-width: 0;
    padding: 14px;
    border: 1px solid rgba(255, 255, 255, .11);
    border-radius: 17px;
    background: rgba(5, 14, 26, .42);
    box-shadow: 0 20px 45px rgba(4, 11, 20, .22);
    backdrop-filter: blur(12px);
}

.market-command-card__head,
.market-command-row,
.market-command-card__foot {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-width: 0;
    gap: 12px;
}

.market-command-card__head {
    padding: 3px 2px 13px;
}

.market-command-card__head > div {
    display: grid;
    gap: 2px;
}

.market-command-card__head span,
.market-command-card__foot span {
    color: #8195ad !important;
    font-size: 8px !important;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.market-command-card__head strong {
    color: #f5f8fc;
    font: 600 13px/1.3 "Sora", sans-serif;
}

.market-command-card__head > i {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--dtm-lime);
    box-shadow: 0 0 0 5px rgba(var(--dtm-theme-secondary-rgb), .1);
}

.market-command-row {
    padding: 12px 2px;
    border-top: 1px solid rgba(255, 255, 255, .08);
}

.market-command-row > span {
    color: #aab9ca !important;
    font-size: 10px;
}

.market-command-row b {
    display: inline-grid;
    width: 29px;
    height: 25px;
    margin-right: 8px;
    place-items: center;
    border-radius: 7px;
    background: rgba(var(--dtm-theme-primary-rgb), .14);
    color: var(--dtm-theme-bright);
    font-size: 8px;
    letter-spacing: .05em;
}

.market-command-row > strong {
    color: #f5f8fc;
    font: 600 10px/1.2 "Sora", sans-serif;
}

.market-command-card__foot {
    margin-top: 5px;
    padding: 11px 12px;
    border-radius: 10px;
    background: rgba(var(--dtm-theme-primary-rgb), .11);
}

.market-command-card__foot strong {
    color: var(--dtm-lime);
    font: 600 10px/1.2 "Sora", sans-serif;
}

@media (max-width: 991.98px) {
    .market-hero__grid {
        grid-template-columns: 1fr;
    }

    .market-command-card {
        width: min(100%, 520px);
    }
}

@media (max-width: 575.98px) {
    .market-hero__actions {
        display: grid;
        grid-template-columns: 1fr;
    }

    .market-hero__actions .btn {
        width: 100%;
    }
}

/* Legacy specialty pages */
.counter-area span {
    display: inline-flex;
    min-width: 56px;
    margin: 4px !important;
    padding: 10px;
    justify-content: center;
    border: 1px solid var(--dtm-line);
    border-radius: 11px;
    background: var(--dtm-panel-soft);
    color: var(--dtm-ink) !important;
    font: 600 clamp(18px, 4vw, 28px)/1 "Sora", sans-serif !important;
}

.referral-form {
    overflow: hidden;
    border-radius: 11px;
}

.referral-form textarea {
    min-height: 118px !important;
    overflow: auto !important;
    border-radius: 11px !important;
}

.referral-form::before {
    z-index: 2;
    border-radius: 11px !important;
    background: rgba(11, 21, 36, .9) !important;
    color: var(--dtm-lime) !important;
    font: 600 15px/1 "Sora", sans-serif !important;
    transition: height .18s ease;
}

.register-disable {
    min-height: 100vh;
    padding: 28px 0 !important;
    background:
        radial-gradient(circle at 12% 18%, rgba(var(--dtm-theme-primary-rgb), .14), transparent 28rem),
        var(--dtm-canvas) !important;
    color: var(--dtm-ink) !important;
}

.register-disable-panel {
    max-width: 680px !important;
    padding: clamp(24px, 5vw, 44px) !important;
    border: 1px solid var(--dtm-line);
    border-radius: 22px;
    background: var(--dtm-panel);
    box-shadow: var(--dtm-shadow-md);
}

.register-disable-image {
    width: min(210px, 58vw) !important;
    margin-bottom: 22px !important;
}

.register-disable-title {
    color: var(--dtm-ink) !important;
    font-size: clamp(22px, 5vw, 34px) !important;
}

.register-disable-desc {
    color: var(--dtm-muted) !important;
    font-size: 14px !important;
}

.register-disable-footer-link {
    display: inline-flex;
    min-height: 42px;
    padding: 10px 17px !important;
    align-items: center;
    border-radius: 10px !important;
    background: var(--dtm-emerald) !important;
    color: var(--dtm-on-primary) !important;
    font-weight: 700;
}

/* Investor template expansion */
.investhub-shell .header .menu > li.has-sub-menu > a {
    gap: 8px;
}

.investhub-shell .header .menu .sub-menu {
    min-width: 220px;
    padding: 10px;
    border: 1px solid var(--dtm-line);
    border-radius: 16px;
    background: var(--dtm-panel) !important;
    box-shadow: var(--dtm-shadow-md);
}

.investhub-shell .header .menu .sub-menu li + li {
    margin-top: 4px;
}

.investhub-shell .header .menu .sub-menu li a {
    color: var(--dtm-ink) !important;
    font-size: 13px;
    font-weight: 600;
    border-radius: 10px;
}

.investhub-shell .header .menu .sub-menu li a:hover {
    padding-left: 18px;
    background: var(--dtm-panel-soft);
    color: var(--dtm-emerald-deep) !important;
}

.footer-link-block {
    height: 100%;
    padding: 24px;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 22px;
    background: rgba(255, 255, 255, .04);
}

.footer-link-eyebrow {
    display: inline-flex;
    color: #9db0c7;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.footer-link-list {
    display: grid;
    gap: 10px;
    margin: 14px 0 0;
    padding: 0;
    list-style: none;
}

footer .footer-link-block h3,
footer .footer-link-list a {
    color: #f5f8fc !important;
}

footer .footer-link-block p,
footer .footer-link-list a:hover {
    color: #9db0c7 !important;
}

.invester-nav-card,
.invester-feature-card,
.invester-step-card,
.invester-detail-card {
    height: 100%;
}

.invester-nav-card {
    display: block;
    text-decoration: none;
    transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.invester-nav-card:hover {
    transform: translateY(-4px);
    border-color: color-mix(in srgb, var(--dtm-cobalt) 34%, var(--dtm-line));
    box-shadow: var(--dtm-shadow-md) !important;
}

.invester-nav-card__icon,
.invester-step-card__count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    margin-bottom: 16px;
    border-radius: 16px;
    background: var(--dtm-emerald-soft);
    color: var(--dtm-emerald-deep);
    font-size: 22px;
}

.invester-step-card__count {
    color: var(--dtm-cobalt);
    font-size: 17px;
    font-weight: 700;
}

.invester-nav-card__cta {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-top: 16px;
    color: var(--dtm-cobalt);
    font-size: 13px;
    font-weight: 700;
}

.invester-nav-card h3,
.invester-feature-card h3,
.invester-step-card h3,
.invester-detail-card h3 {
    margin-bottom: 10px;
}

.invester-nav-card p,
.invester-feature-card p,
.invester-step-card p,
.invester-detail-card p {
    margin-bottom: 0;
}

.marketing-page-section {
    background: transparent !important;
}

.invester-stat-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.invester-stat-card {
    padding: 20px 18px;
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: var(--dtm-radius-md);
    background: rgba(255, 255, 255, .07);
}

.invester-stat-card strong {
    display: block;
    color: #f5f8fc;
    font: 600 24px/1.2 "Sora", sans-serif;
}

.invester-stat-card p {
    margin: 8px 0 0;
    color: #b6c3d4 !important;
}

.invester-detail-list {
    display: grid;
    gap: 10px;
    margin: 18px 0 0;
    padding: 0;
    list-style: none;
}

.invester-detail-list li {
    position: relative;
    padding-left: 18px;
    color: var(--dtm-muted);
}

.invester-detail-list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 10px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--dtm-emerald);
}

.invester-cta-band {
    padding: 36px;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 26px;
    background:
        radial-gradient(circle at top right, rgba(var(--dtm-theme-primary-rgb), .12), transparent 32%),
        linear-gradient(135deg, rgba(11, 21, 36, .98), rgba(19, 36, 58, .95));
    box-shadow: var(--dtm-shadow-md);
}

.invester-cta-band h2,
.invester-cta-band h3 {
    color: #f5f8fc !important;
}

.invester-cta-band p {
    color: #aebdce !important;
}

.invester-cta-band .eyebrow-label {
    color: var(--dtm-lime) !important;
}

.invester-cta-band__actions,
.marketing-page-actions {
    display: grid;
    gap: 12px;
}

.wallet-funding-section,
.crypto-confirm-section {
    background: transparent !important;
}

.wallet-funding-hero,
.wallet-panel,
.wallet-input-card,
.wallet-note-card,
.wallet-summary-card,
.crypto-qr-card,
.crypto-details-card,
.wallet-address-card,
.crypto-checklist-card {
    border: 1px solid var(--dtm-line);
    border-radius: var(--dtm-radius-lg);
    background: linear-gradient(180deg, #ffffff, var(--dtm-panel-soft));
    box-shadow: var(--dtm-shadow-sm);
}

.wallet-panel__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 16px;
    padding: 8px 14px;
    border-radius: 999px;
    background: var(--dtm-emerald-soft);
    color: var(--dtm-emerald-deep);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.wallet-funding-hero {
    padding: 30px;
    margin-bottom: 24px;
}

.wallet-funding-hero h2 {
    font-size: clamp(2rem, 3vw, 3rem);
    line-height: 1.12;
    margin-bottom: 14px;
}

.wallet-funding-hero p,
.wallet-panel p,
.wallet-note-card li,
.wallet-summary-footnote,
.crypto-details-card__head p,
.crypto-guide-card p,
.crypto-checklist-card li {
    color: var(--dtm-muted) !important;
}

.wallet-funding-highlights {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 24px;
}

.wallet-funding-highlights span,
.wallet-summary-badge {
    display: inline-flex;
    align-items: center;
    padding: 9px 14px;
    border-radius: 999px;
    background: var(--dtm-panel);
    color: var(--dtm-ink-soft);
    font-size: 12px;
    font-weight: 600;
    box-shadow: inset 0 0 0 1px var(--dtm-line);
}

.wallet-funding-history {
    white-space: nowrap;
}

.wallet-panel,
.wallet-summary-card,
.crypto-qr-card,
.crypto-details-card {
    padding: 30px;
}

.wallet-input-card,
.wallet-note-card,
.wallet-address-card,
.crypto-checklist-card {
    padding: 26px;
}

.wallet-panel__head,
.wallet-summary-card__header {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 24px;
}

.wallet-panel__head p,
.wallet-summary-card__header p {
    max-width: 330px;
    margin-bottom: 0;
}

.wallet-gateway-list {
    padding: 10px;
}

.wallet-payment-item {
    margin-bottom: 10px;
    border-radius: 20px;
    border: 1px solid transparent;
    background: #fff;
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.wallet-payment-item:last-of-type {
    margin-bottom: 0;
}

.wallet-payment-item:hover {
    transform: translateY(-1px);
}

.wallet-payment-item:has(.payment-item__radio:checked) {
    border-color: color-mix(in srgb, var(--dtm-emerald) 26%, var(--dtm-line));
    box-shadow: 0 0 0 3px rgba(var(--dtm-theme-primary-rgb), .08);
}

.wallet-payment-item__copy small {
    display: block;
    margin-top: 6px;
    padding-left: 10px;
    color: var(--dtm-muted);
    font-size: 12px;
}

.wallet-payment-item__thumb {
    width: 110px;
}

.wallet-payment-item__thumb img {
    max-height: 42px;
    object-fit: contain;
}

.wallet-note-card ul,
.crypto-checklist-card ul {
    display: grid;
    gap: 12px;
    margin: 16px 0 0;
    padding-left: 18px;
}

.wallet-summary-card {
    position: sticky;
    top: 104px;
}

.wallet-summary-list {
    padding: 22px 22px 10px;
    border-radius: 20px;
    background: #fff;
    box-shadow: inset 0 0 0 1px var(--dtm-line);
}

.wallet-summary-qr-note {
    margin-top: 18px;
    padding: 16px 18px;
    border: 1px solid color-mix(in srgb, var(--dtm-emerald) 18%, var(--dtm-line));
    border-radius: 18px;
    background: var(--dtm-emerald-soft);
    color: var(--dtm-ink-soft);
    line-height: 1.7;
}

.wallet-summary-steps {
    display: grid;
    gap: 12px;
    margin: 22px 0 24px;
}

.wallet-summary-step {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px 16px;
    border: 1px solid var(--dtm-line);
    border-radius: 18px;
    background: #fff;
    color: var(--dtm-ink-soft);
}

.wallet-summary-step strong {
    color: var(--dtm-cobalt);
}

.wallet-submit-btn {
    min-height: 54px;
}

.wallet-summary-footnote {
    margin-top: 16px;
    margin-bottom: 0;
}

.crypto-qr-frame {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 290px;
    margin: 24px 0;
    padding: 24px;
    border-radius: 22px;
    background: #fff;
    box-shadow: inset 0 0 0 1px var(--dtm-line);
}

.crypto-qr-frame img {
    max-width: 100%;
    max-height: 250px;
    object-fit: contain;
    border-radius: 16px;
    background: #fff;
    padding: 8px;
}

.crypto-amount-summary,
.crypto-action-bar {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.crypto-amount-summary div,
.crypto-action-bar__copy {
    padding: 18px;
    border: 1px solid var(--dtm-line);
    border-radius: 18px;
    background: #fff;
}

.crypto-amount-summary span,
.crypto-action-bar__copy span,
.wallet-address-card span {
    display: block;
    margin-bottom: 8px;
    color: var(--dtm-muted);
    font-size: 12px;
}

.crypto-amount-summary strong,
.crypto-action-bar__copy strong {
    display: block;
    font-size: 18px;
    line-height: 1.4;
}

.wallet-address-card {
    margin: 24px 0;
}

.wallet-address-card span {
    letter-spacing: .14em;
    text-transform: uppercase;
}

.wallet-address-card__row {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 16px 18px;
    border: 1px solid var(--dtm-line);
    border-radius: 18px;
    background: #fff;
}

.wallet-address-card__row code {
    flex: 1;
    color: var(--dtm-ink);
    font-size: 15px;
    white-space: normal;
    word-break: break-all;
}

.wallet-copy-btn {
    border: 0;
    padding: 12px 16px;
    border-radius: 14px;
    background: var(--dtm-cobalt);
    color: #fff;
    transition: background .18s ease;
}

.wallet-copy-btn:hover {
    background: #2548c2;
}

.crypto-guide-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    margin-bottom: 22px;
}

.crypto-guide-card {
    padding: 22px;
    border: 1px solid var(--dtm-line);
    border-radius: 20px;
    background: #fff;
}

.crypto-guide-card strong {
    display: inline-flex;
    margin-bottom: 12px;
    color: var(--dtm-cobalt);
    font-size: 20px;
}

.crypto-action-bar {
    align-items: center;
    margin-top: 22px;
}

.crypto-action-bar__buttons {
    display: grid;
    gap: 12px;
}

@media (max-width: 1199.98px) {
    .wallet-summary-card {
        position: static;
    }

    .crypto-guide-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 991.98px) {
    .investhub-shell .header .menu .sub-menu {
        min-width: 0;
        margin-top: 8px;
        padding: 8px 0 0 10px;
        border: 0;
        border-top: 1px solid rgba(255, 255, 255, .08);
        border-radius: 0;
        background: transparent !important;
        box-shadow: none;
    }

    .investhub-shell .header .menu .sub-menu li a {
        color: #c9d4e2 !important;
        padding: 9px 0;
    }

    .invester-stat-grid,
    .crypto-amount-summary,
    .crypto-action-bar {
        grid-template-columns: 1fr;
    }

    .wallet-panel__head,
    .wallet-summary-card__header {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (max-width: 767.98px) {
    .footer-link-block,
    .invester-cta-band,
    .wallet-funding-hero,
    .wallet-panel,
    .wallet-input-card,
    .wallet-note-card,
    .wallet-summary-card,
    .crypto-qr-card,
    .crypto-details-card,
    .wallet-address-card,
    .crypto-checklist-card {
        padding: 24px;
    }

    .wallet-address-card__row {
        flex-direction: column;
        align-items: stretch;
    }

    .wallet-copy-btn {
        width: 100%;
    }

    .crypto-guide-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 575.98px) {
    .wallet-funding-highlights span,
    .wallet-summary-step {
        width: 100%;
    }

    .wallet-funding-history {
        width: 100%;
    }
}

.market-hero--cinematic {
    padding-top: 8px !important;
}

.hero-scene-panel {
    position: relative;
    overflow: hidden;
    padding: clamp(22px, 4.5vw, 36px) !important;
}

.hero-scene-panel::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .04), transparent 42%),
        radial-gradient(circle at 80% 16%, rgba(46, 112, 255, .16), transparent 24rem),
        radial-gradient(circle at 14% 20%, rgba(var(--dtm-theme-secondary-rgb), .08), transparent 20rem);
    pointer-events: none;
}

.hero-orb {
    position: absolute;
    border-radius: 50%;
    filter: blur(2px);
    opacity: .45;
    pointer-events: none;
}

.hero-orb--one {
    top: 14%;
    right: 10%;
    width: 86px;
    height: 86px;
    background: radial-gradient(circle, rgba(255, 192, 72, .85), rgba(255, 192, 72, 0));
    animation: dtm-float 7s ease-in-out infinite;
}

.hero-orb--two {
    bottom: 14%;
    right: 34%;
    width: 62px;
    height: 62px;
    background: radial-gradient(circle, rgba(var(--dtm-theme-primary-rgb), .8), rgba(var(--dtm-theme-primary-rgb), 0));
    animation: dtm-float 8.2s ease-in-out infinite reverse;
}

.hero-orb--three {
    top: 42%;
    left: 48%;
    width: 44px;
    height: 44px;
    background: radial-gradient(circle, rgba(92, 147, 255, .9), rgba(92, 147, 255, 0));
    animation: dtm-float 6.8s ease-in-out infinite;
}

.hero-copy-stack {
    position: relative;
    z-index: 1;
    display: grid;
    gap: 0;
    height: 100%;
}

.hero-metric-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin-top: 26px;
}

.hero-metric-card {
    padding: 16px;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 16px;
    background: rgba(255, 255, 255, .05);
    backdrop-filter: blur(10px);
}

.hero-metric-card strong {
    display: block;
    color: #f5f8fc;
    font: 600 clamp(16px, 2vw, 22px)/1.2 "Sora", sans-serif;
}

.hero-metric-card span {
    display: block;
    margin-top: 7px;
    color: #aebdce !important;
    font-size: 11px;
}

.hero-gateway-strip {
    margin-top: 24px;
}

.hero-strip-label {
    display: inline-flex;
    margin-bottom: 12px;
    color: #8fa0b5;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.hero-gateway-list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.hero-gateway-chip {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 78px;
    min-height: 54px;
    padding: 10px 12px;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 14px;
    background: rgba(255, 255, 255, .06);
}

.hero-gateway-chip img {
    max-width: 100%;
    max-height: 32px;
    object-fit: contain;
}

.hero-visual-grid {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(0, .95fr);
    gap: 14px;
    align-content: start;
}

.hero-visual-card,
.hero-symbol-panel {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 22px;
    background: rgba(255, 255, 255, .05);
    backdrop-filter: blur(14px);
    box-shadow: 0 20px 46px rgba(4, 10, 18, .18);
}

.hero-visual-card--main {
    min-height: 340px;
    grid-row: span 2;
}

.hero-visual-card--stacked {
    min-height: 164px;
}

.hero-visual-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.hero-visual-card::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(11, 21, 36, 0) 18%, rgba(11, 21, 36, .78) 100%);
}

.hero-image-tag,
.hero-visual-card__content,
.hero-coin-chip {
    position: absolute;
    z-index: 2;
}

.hero-image-tag {
    top: 16px;
    left: 16px;
    display: inline-flex;
    padding: 8px 12px;
    border-radius: 999px;
    background: rgba(11, 21, 36, .78);
    color: #f5f8fc;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.hero-visual-card__content {
    right: 18px;
    bottom: 18px;
    left: 18px;
}

.hero-visual-card__content span {
    display: inline-flex;
    margin-bottom: 8px;
    color: var(--dtm-lime) !important;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.hero-visual-card__content h3 {
    margin: 0;
    color: #f5f8fc !important;
    font-size: clamp(18px, 2vw, 24px);
    line-height: 1.18;
}

.hero-coin-chip {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 9px 12px;
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 999px;
    background: rgba(11, 21, 36, .75);
    color: #f5f8fc;
    font-size: 12px;
    font-weight: 700;
    box-shadow: 0 10px 20px rgba(0, 0, 0, .18);
}

.hero-coin-chip--btc {
    top: 18px;
    right: 18px;
}

.hero-coin-chip--fx {
    bottom: 96px;
    left: 18px;
}

.hero-coin-chip--gold {
    bottom: 18px;
    left: 18px;
}

.hero-price-stack {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.hero-price-card,
.price-pulse-card {
    position: relative;
    overflow: hidden;
    padding: 16px;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 18px;
    background: rgba(255, 255, 255, .05);
}

.hero-price-card::before,
.price-pulse-card::before {
    content: "";
    position: absolute;
    right: -18px;
    bottom: -18px;
    width: 68px;
    height: 68px;
    border-radius: 50%;
    opacity: .18;
}

.hero-price-card--btc::before,
.price-pulse-card:nth-child(1)::before {
    background: #f59f3a;
}

.hero-price-card--eth::before,
.price-pulse-card:nth-child(2)::before {
    background: #7b8df8;
}

.hero-price-card--fx::before,
.price-pulse-card:nth-child(3)::before {
    background: var(--dtm-emerald);
}

.hero-price-card--gold::before,
.price-pulse-card:nth-child(4)::before {
    background: #d6b25c;
}

.hero-price-card span,
.price-pulse-card span {
    display: block;
    color: #8fa0b5 !important;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.hero-price-card strong,
.price-pulse-card strong {
    display: block;
    margin-top: 8px;
    color: #f5f8fc;
    font: 600 18px/1.2 "Sora", sans-serif;
}

.hero-price-card small,
.price-pulse-card small {
    display: block;
    margin-top: 8px;
    color: #aebdce;
}

.hero-symbol-panel {
    padding: 14px 14px 10px;
}

.hero-symbol-panel__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 12px;
}

.hero-symbol-panel__head span {
    color: #8fa0b5 !important;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.hero-symbol-panel__head strong {
    color: #f5f8fc;
    font: 600 13px/1.2 "Sora", sans-serif;
}

.visual-mosaic-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    height: 100%;
}

.media-story-card {
    position: relative;
    overflow: hidden;
    min-height: 260px;
    border-radius: 24px;
    box-shadow: var(--dtm-shadow-md);
}

.media-story-card--wide {
    min-height: 440px;
    grid-column: span 2;
}

.media-story-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.media-story-card::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(11, 21, 36, .05) 18%, rgba(11, 21, 36, .82) 100%);
}

.media-story-card__content {
    position: absolute;
    right: 22px;
    bottom: 22px;
    left: 22px;
    z-index: 1;
}

.media-story-card__content span {
    display: inline-flex;
    margin-bottom: 8px;
    color: var(--dtm-lime) !important;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.media-story-card__content h3 {
    margin: 0;
    color: #f5f8fc !important;
    font-size: clamp(18px, 2vw, 28px);
    line-height: 1.18;
}

.logo-rail-card {
    padding: 28px !important;
}

.logo-marquee {
    overflow: hidden;
    padding: 8px 0;
}

.logo-marquee__track {
    display: flex;
    align-items: center;
    gap: 12px;
    width: max-content;
    animation: dtm-marquee 24s linear infinite;
}

.logo-marquee__item {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 84px;
    height: 84px;
    padding: 12px;
    border: 1px solid var(--dtm-line);
    border-radius: 18px;
    background: #fff;
    box-shadow: var(--dtm-shadow-sm);
}

.logo-marquee__item img {
    max-width: 100%;
    max-height: 52px;
    object-fit: contain;
}

.team-mini-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

.team-mini-card {
    overflow: hidden;
    border: 1px solid var(--dtm-line);
    border-radius: 20px;
    background: #fff;
    box-shadow: var(--dtm-shadow-sm);
}

.team-mini-card img {
    width: 100%;
    aspect-ratio: 1 / 1.15;
    object-fit: cover;
}

.team-mini-card__content {
    padding: 14px 14px 16px;
}

.team-mini-card__content strong {
    display: block;
    color: var(--dtm-ink);
    font-size: 13px;
    line-height: 1.35;
}

.team-mini-card__content span {
    display: block;
    margin-top: 5px;
    color: var(--dtm-muted) !important;
    font-size: 11px;
}

.team-story-card {
    padding: 26px !important;
}

.pricing-side-card {
    padding: 28px !important;
}

.price-pulse-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin-top: 16px;
}

.pricing-benefit-list {
    display: grid;
    gap: 12px;
    margin: 16px 0 0;
    padding: 0;
    list-style: none;
}

.pricing-benefit-list li {
    position: relative;
    padding-left: 18px;
    color: var(--dtm-muted);
}

.pricing-benefit-list li::before {
    content: "";
    position: absolute;
    top: 9px;
    left: 0;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--dtm-cobalt);
}

.workflow-visual-card {
    position: relative;
    overflow: hidden;
}

.workflow-visual-card::after {
    content: "";
    position: absolute;
    right: -24px;
    bottom: -24px;
    width: 88px;
    height: 88px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(var(--dtm-theme-primary-rgb), .12), rgba(var(--dtm-theme-primary-rgb), 0));
}

@keyframes dtm-marquee {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-50%);
    }
}

@keyframes dtm-float {
    0%, 100% {
        transform: translate3d(0, 0, 0);
    }
    50% {
        transform: translate3d(0, -12px, 0);
    }
}

@media (max-width: 1399.98px) {
    .hero-visual-grid {
        grid-template-columns: minmax(0, 1.2fr) minmax(0, .9fr);
    }
}

@media (max-width: 1199.98px) {
    .hero-visual-grid {
        grid-template-columns: 1fr 1fr;
    }

    .hero-visual-card--main {
        min-height: 300px;
    }

    .team-mini-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 991.98px) {
    .hero-visual-grid,
    .hero-price-stack,
    .visual-mosaic-grid,
    .price-pulse-grid {
        grid-template-columns: 1fr;
    }

    .hero-visual-card--main,
    .media-story-card--wide {
        grid-column: auto;
        grid-row: auto;
    }

    .hero-visual-card--main {
        min-height: 320px;
    }

    .media-story-card--wide {
        min-height: 320px;
    }

    .team-mini-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767.98px) {
    .logo-rail-card,
    .pricing-side-card,
    .team-story-card {
        padding: 22px;
    }

    .hero-metric-grid {
        grid-template-columns: 1fr;
    }

    .hero-gateway-list {
        overflow-x: auto;
        flex-wrap: nowrap;
        padding-bottom: 4px;
    }

    .team-mini-grid {
        grid-template-columns: 1fr;
    }

    .hero-coin-chip {
        font-size: 11px;
    }
}

@media (max-width: 575.98px) {
    .hero-symbol-panel__head {
        gap: 10px;
    }

    .hero-symbol-panel__head {
        align-items: flex-start;
        flex-direction: column;
    }

    .hero-visual-card--main {
        min-height: 270px;
    }

    .media-story-card,
    .media-story-card--wide {
        min-height: 240px;
    }
}

/* Professional homepage refresh */
.home-hero {
    position: relative;
    isolation: isolate;
    min-height: 620px;
    display: flex;
    align-items: stretch;
    overflow: hidden;
    background-image: var(--home-hero-image);
    background-position: center;
    background-size: cover;
    color: #fff;
}

.home-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background: rgba(5, 12, 20, .62);
}

.home-hero::after {
    content: "";
    position: absolute;
    inset: auto 0 0;
    z-index: -1;
    height: 42%;
    background: rgba(5, 12, 20, .34);
}

.home-hero .container {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: inherit;
    padding-top: 64px;
    padding-bottom: 28px;
}

.home-hero__content {
    max-width: 690px;
}

.home-kicker {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 14px;
    color: var(--dtm-lime) !important;
    font-size: .78rem !important;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: uppercase;
}

.home-kicker::before {
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 999px;
    background: currentColor;
}

.home-hero h1 {
    max-width: 640px;
    margin: 0 0 16px;
    color: #fff !important;
    font-size: 4.25rem !important;
    line-height: 1.02;
    letter-spacing: 0;
}

.home-hero p {
    max-width: 610px;
    margin: 0;
    color: #d8e0ea !important;
    font-size: 1.08rem;
    line-height: 1.7;
}

.home-hero__actions,
.home-final-cta__actions,
.home-footer__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 28px;
}

.home-hero__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 22px;
    margin-top: auto;
    padding: 16px;
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 8px;
    background: rgba(7, 16, 27, .68);
    backdrop-filter: blur(14px);
}

.home-hero__metrics {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}

.home-hero__metric {
    min-width: 132px;
}

.home-hero__metric strong {
    display: block;
    color: #fff;
    font-size: 1.35rem;
    line-height: 1;
}

.home-hero__metric span,
.home-hero__gateways span {
    display: block;
    margin-top: 5px;
    color: #bdc9d6 !important;
    font-size: .82rem;
}

.home-hero__gateways {
    display: flex;
    align-items: center;
    gap: 16px;
}

.home-hero__gateways > div {
    display: flex;
    align-items: center;
    gap: 8px;
}

.home-hero__gateways img {
    width: 42px;
    height: 30px;
    object-fit: contain;
    padding: 5px;
    border-radius: 8px;
    background: #fff;
}

.home-section {
    padding: 72px 0;
    background: transparent;
}

.home-section + .home-section {
    padding-top: 16px;
}

.home-section__head {
    max-width: 690px;
    margin-bottom: 28px;
}

.home-section__head--split {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 24px;
    max-width: none;
}

.home-section__head h2,
.home-story__copy h2,
.home-final-cta h2 {
    margin: 0;
    color: var(--dtm-ink) !important;
    font-size: 2.15rem !important;
    line-height: 1.16;
    letter-spacing: 0;
}

.home-section__head p {
    max-width: 520px;
    margin: 10px 0 0;
    color: var(--dtm-muted) !important;
    font-size: .98rem;
}

.home-text-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--dtm-cobalt);
    font-weight: 700;
    white-space: nowrap;
}

.home-market-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 320px;
    gap: 20px;
    align-items: stretch;
}

.home-market-widget,
.home-asset-panel {
    overflow: hidden;
    border: 1px solid var(--dtm-line);
    border-radius: 8px;
    background: #0b1524;
}

.home-market-widget {
    min-height: 430px;
}

.home-asset-panel {
    display: grid;
    align-content: start;
    gap: 12px;
    padding: 18px;
    background: var(--dtm-panel);
}

.home-asset-panel .home-kicker {
    margin-bottom: 2px;
    color: var(--dtm-emerald-deep) !important;
}

.home-asset {
    padding: 16px;
    border: 1px solid var(--dtm-line);
    border-left-width: 4px;
    border-radius: 8px;
    background: var(--dtm-panel-soft);
}

.home-asset--btc { border-left-color: #f59f3a; }
.home-asset--eth { border-left-color: #7b8df8; }
.home-asset--fx { border-left-color: var(--dtm-emerald); }
.home-asset--gold { border-left-color: #d6b25c; }

.home-asset span {
    display: block;
    color: var(--dtm-muted) !important;
    font-size: .82rem;
}

.home-asset strong {
    display: block;
    margin-top: 5px;
    color: var(--dtm-ink);
    font-size: 1rem;
}

.home-story {
    display: grid;
    grid-template-columns: minmax(0, .92fr) minmax(0, 1fr);
    gap: 34px;
    align-items: center;
}

.home-story__media {
    overflow: hidden;
    min-height: 380px;
    border-radius: 8px;
}

.home-story__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.home-story__copy {
    max-width: 590px;
}

.home-story__list {
    display: grid;
    gap: 12px;
    margin-top: 24px;
}

.home-story__list div {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 0;
    border-bottom: 1px solid var(--dtm-line);
}

.home-story__list i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 8px;
    background: var(--dtm-emerald-soft);
    color: var(--dtm-emerald-deep);
    font-size: 1.15rem;
}

.home-story__list span {
    color: var(--dtm-ink-soft) !important;
    font-weight: 700;
}

.home-section--plans .app-plan-card {
    border-radius: 8px !important;
    box-shadow: none !important;
}

.home-process-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}

.home-process-step,
.home-page-link {
    border: 1px solid var(--dtm-line);
    border-radius: 8px;
    background: var(--dtm-panel);
    box-shadow: none;
}

.home-process-step {
    position: relative;
    min-height: 190px;
    padding: 20px;
}

.home-process-step > span {
    color: var(--dtm-cobalt) !important;
    font-size: .82rem;
    font-weight: 800;
}

.home-process-step img {
    display: block;
    width: 44px;
    height: 44px;
    margin: 28px 0 18px;
    object-fit: contain;
}

.home-process-step h3 {
    margin: 0;
    color: var(--dtm-ink) !important;
    font-size: 1rem !important;
    line-height: 1.35;
}

.home-page-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}

.home-page-link {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 2px 14px;
    padding: 18px;
    color: var(--dtm-ink);
    text-decoration: none;
}

.home-page-link:hover {
    border-color: color-mix(in srgb, var(--dtm-cobalt) 32%, var(--dtm-line));
    color: var(--dtm-ink);
}

.home-page-link i {
    grid-row: span 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border-radius: 8px;
    background: var(--dtm-emerald-soft);
    color: var(--dtm-emerald-deep);
    font-size: 1.2rem;
}

.home-page-link strong {
    color: var(--dtm-ink);
    font-size: 1rem;
}

.home-page-link span {
    color: var(--dtm-muted) !important;
    font-size: .88rem;
    line-height: 1.45;
}

.home-final-cta {
    margin-inline: calc(var(--dtm-shell-pad) * -1);
    padding: 58px var(--dtm-shell-pad);
    background: #101a2a;
    color: #fff;
}

.home-final-cta h2 {
    max-width: 780px;
    color: #fff !important;
}

.home-final-cta .home-kicker {
    color: var(--dtm-lime) !important;
}

.site-footer {
    padding: 0 !important;
    background: transparent !important;
}

.home-footer {
    padding-top: 50px !important;
    padding-bottom: 26px !important;
}

.home-footer__top {
    display: grid;
    grid-template-columns: minmax(280px, .85fr) minmax(0, 1.15fr);
    gap: 46px;
}

.home-footer__logo {
    display: inline-flex;
    margin-bottom: 18px;
}

.home-footer__logo img {
    max-width: 160px;
    max-height: 42px;
    object-fit: contain;
}

.home-footer__brand p {
    max-width: 440px;
    margin: 0;
    color: #bdc9d6 !important;
    line-height: 1.7;
}

.home-footer__links {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
}

.home-footer__links span {
    display: block;
    margin-bottom: 14px;
    color: #fff !important;
    font-weight: 800;
}

.home-footer__links ul,
.home-footer__bottom ul {
    display: grid;
    gap: 10px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.home-footer__links a,
.home-footer__bottom a {
    color: #bdc9d6 !important;
}

.home-footer__links a:hover,
.home-footer__bottom a:hover {
    color: #fff !important;
}

.home-footer__bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-top: 42px;
    padding-top: 20px;
    border-top: 1px solid rgba(255, 255, 255, .1);
}

.home-footer__bottom ul {
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
}

@media (max-width: 1199.98px) {
    .home-market-grid,
    .home-story,
    .home-footer__top {
        grid-template-columns: 1fr;
    }

    .home-asset-panel {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .home-asset-panel .home-kicker {
        grid-column: 1 / -1;
    }
}

@media (max-width: 991.98px) {
    .home-hero {
        min-height: 590px;
    }

    .home-hero h1 {
        font-size: 3.1rem !important;
    }

    .home-hero__footer,
    .home-section__head--split,
    .home-footer__bottom {
        align-items: flex-start;
        flex-direction: column;
    }

    .home-process-grid,
    .home-page-grid,
    .home-footer__links {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767.98px) {
    .home-hero {
        min-height: auto;
    }

    .home-hero .container {
        min-height: 560px;
        padding-top: 48px;
        padding-bottom: 18px;
    }

    .home-hero h1 {
        font-size: 2.35rem !important;
    }

    .home-hero p {
        font-size: .98rem;
    }

    .home-hero__metrics,
    .home-asset-panel,
    .home-process-grid,
    .home-page-grid,
    .home-footer__links {
        grid-template-columns: 1fr;
    }

    .home-hero__gateways {
        align-items: flex-start;
        flex-direction: column;
    }

    .home-section {
        padding: 48px 0;
    }

    .home-section + .home-section {
        padding-top: 0;
    }

    .home-section__head h2,
    .home-story__copy h2,
    .home-final-cta h2 {
        font-size: 1.7rem !important;
    }

    .home-story__media {
        min-height: 260px;
    }

    .home-final-cta {
        padding-top: 42px;
        padding-bottom: 42px;
    }
}

/* Homepage signature refresh */
.home-hero--signature {
    min-height: 760px;
    background-position: center;
}

.home-hero--signature::before {
    background:
        linear-gradient(90deg, rgba(5, 12, 20, .9) 0%, rgba(5, 12, 20, .72) 46%, rgba(5, 12, 20, .34) 100%),
        linear-gradient(180deg, rgba(5, 12, 20, .28), rgba(5, 12, 20, .76));
}

.home-hero--signature::after {
    height: 100%;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .06), transparent 26%),
        repeating-linear-gradient(90deg, rgba(255, 255, 255, .04) 0 1px, transparent 1px 88px);
    opacity: .22;
}

.home-hero--signature .container {
    padding-top: 98px;
    padding-bottom: 32px;
}

.home-hero--signature .home-hero__content {
    max-width: 760px;
    padding-bottom: 118px;
}

.home-hero--signature h1 {
    max-width: 780px;
    font-size: 5rem !important;
}

.home-hero--signature p {
    max-width: 650px;
    color: #e3eaf2 !important;
}

.home-hero__dashboard {
    position: absolute;
    top: 116px;
    right: var(--dtm-shell-pad);
    width: min(420px, 35vw);
    display: grid;
    gap: 14px;
}

.home-hero__mini-chart,
.home-hero-asset {
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 8px;
    background: rgba(8, 18, 31, .74);
    backdrop-filter: blur(14px);
    box-shadow: 0 24px 60px rgba(0, 0, 0, .18);
}

.home-hero__mini-chart {
    padding: 20px;
}

.home-hero__mini-chart span,
.home-hero-asset span {
    display: block;
    color: #aebdce !important;
    font-size: .82rem;
}

.home-hero__mini-chart strong {
    display: block;
    margin-top: 6px;
    color: #fff;
    font-size: 1.5rem;
}

.home-chart-bars {
    display: flex;
    align-items: end;
    gap: 8px;
    height: 116px;
    margin-top: 22px;
}

.home-chart-bars i {
    display: block;
    flex: 1;
    min-width: 12px;
    border-radius: 8px 8px 0 0;
    background: linear-gradient(180deg, var(--dtm-lime), var(--dtm-emerald));
}

.home-chart-bars i:nth-child(1) { height: 42%; }
.home-chart-bars i:nth-child(2) { height: 64%; }
.home-chart-bars i:nth-child(3) { height: 50%; }
.home-chart-bars i:nth-child(4) { height: 82%; }
.home-chart-bars i:nth-child(5) { height: 68%; }
.home-chart-bars i:nth-child(6) { height: 94%; }
.home-chart-bars i:nth-child(7) { height: 76%; }

.home-hero__asset-stack {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.home-hero-asset {
    padding: 15px;
}

.home-hero-asset i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    margin-bottom: 12px;
    border-radius: 8px;
    background: rgba(255, 255, 255, .1);
    color: var(--dtm-lime);
    font-size: 1rem;
}

.home-hero-asset strong {
    display: block;
    margin-top: 5px;
    color: #fff;
    font-size: .95rem;
}

.home-hero-asset--btc i { color: #f59f3a; }
.home-hero-asset--eth i { color: #9aa8ff; }
.home-hero-asset--fx i { color: var(--dtm-theme-bright); }
.home-hero-asset--gold i { color: #d6b25c; }

.home-hero--signature .home-hero__footer {
    padding: 18px 20px;
    border-radius: 8px;
}

.home-hero--signature .home-hero__metrics {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.home-section {
    padding: 84px 0;
}

.home-section + .home-section {
    padding-top: 44px;
}

.home-section--assets,
.home-section--platform,
.home-section--security,
.home-section--resources {
    position: relative;
}

.home-section__head--split p {
    max-width: 460px;
    margin: 0;
}

.home-asset-class-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
}

.home-asset-class {
    min-height: 210px;
    padding: 22px;
    border: 1px solid var(--dtm-line);
    border-radius: 8px;
    background:
        linear-gradient(180deg, #fff, var(--dtm-panel-soft));
    transition: transform .2s ease, border-color .2s ease;
}

.home-asset-class:hover {
    transform: translateY(-4px);
    border-color: color-mix(in srgb, var(--dtm-cobalt) 30%, var(--dtm-line));
}

.home-asset-class i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    margin-bottom: 52px;
    border-radius: 8px;
    background: var(--dtm-navy);
    color: var(--dtm-lime);
    font-size: 1.25rem;
}

.home-asset-class strong {
    display: block;
    color: var(--dtm-ink);
    font-size: 1.08rem;
}

.home-asset-class span {
    display: block;
    margin-top: 8px;
    color: var(--dtm-muted) !important;
}

.home-market-grid--wide {
    grid-template-columns: minmax(0, 1fr) 360px;
}

.home-market-side {
    display: grid;
    gap: 12px;
}

.home-market-side .home-asset {
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr);
    gap: 2px 12px;
    align-items: center;
    min-height: 82px;
}

.home-market-side .home-asset i {
    grid-row: span 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 8px;
    background: #fff;
    color: var(--dtm-emerald-deep);
}

.home-side-cta {
    display: grid;
    align-content: end;
    min-height: 130px;
    padding: 20px;
    border-radius: 8px;
    background: var(--dtm-navy);
    color: #fff;
}

.home-side-cta span {
    color: #aebdce !important;
}

.home-side-cta strong {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: 10px;
    color: #fff;
}

.home-platform {
    display: grid;
    grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
    gap: 0;
    overflow: hidden;
    border-radius: 8px;
    background: var(--dtm-navy);
}

.home-platform__media {
    min-height: 560px;
}

.home-platform__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.home-platform__content {
    padding: clamp(34px, 5vw, 64px);
}

.home-platform__content h2 {
    max-width: 680px;
    margin: 0;
    color: #fff !important;
    font-size: 2.4rem !important;
    line-height: 1.14;
}

.home-platform__features {
    display: grid;
    gap: 14px;
    margin-top: 30px;
}

.home-platform__features div {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 4px 14px;
    padding: 16px;
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 8px;
    background: rgba(255, 255, 255, .06);
}

.home-platform__features i {
    grid-row: span 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 8px;
    background: rgba(var(--dtm-theme-secondary-rgb), .12);
    color: var(--dtm-lime);
    font-size: 1.2rem;
}

.home-platform__features strong {
    color: #fff;
}

.home-platform__features span {
    color: #aebdce !important;
    line-height: 1.55;
}

.home-security {
    display: grid;
    grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
    gap: 28px;
    align-items: stretch;
}

.home-security__copy,
.home-security__list {
    padding: 34px;
    border-radius: 8px;
}

.home-security__copy {
    background:
        linear-gradient(180deg, #fff, var(--dtm-panel-soft));
    border: 1px solid var(--dtm-line);
}

.home-security__copy h2 {
    margin: 0;
    color: var(--dtm-ink) !important;
    font-size: 2.2rem !important;
    line-height: 1.15;
}

.home-security__copy p {
    margin: 16px 0 0;
    max-width: 560px;
}

.home-security__list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    background: #fff;
    border: 1px solid var(--dtm-line);
}

.home-security__list div {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 16px;
    border-radius: 8px;
    background: var(--dtm-panel-soft);
    color: var(--dtm-ink-soft);
    font-weight: 700;
}

.home-security__list i {
    color: var(--dtm-emerald-deep);
    font-size: 1.25rem;
}

.home-process-step {
    min-height: 240px;
}

.home-process-step p {
    margin: 12px 0 0;
    color: var(--dtm-muted) !important;
    font-size: .9rem;
    line-height: 1.55;
}

.home-resource-band {
    position: relative;
    isolation: isolate;
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 24px;
    min-height: 320px;
    margin-bottom: 18px;
    padding: 38px;
    overflow: hidden;
    border-radius: 8px;
    background-image: var(--home-resource-image);
    background-position: center;
    background-size: cover;
    color: #fff;
}

.home-resource-band::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background: linear-gradient(90deg, rgba(5, 12, 20, .86), rgba(5, 12, 20, .38));
}

.home-resource-band h2 {
    max-width: 660px;
    margin: 0;
    color: #fff !important;
    font-size: 2.35rem !important;
    line-height: 1.16;
}

.home-page-grid--rich {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.home-final-cta {
    background:
        linear-gradient(135deg, #0b1524 0%, #122238 60%, #073f36 100%);
}

@media (max-width: 1199.98px) {
    .home-hero__dashboard {
        position: relative;
        top: auto;
        right: auto;
        width: 100%;
        max-width: 720px;
        margin-top: 36px;
    }

    .home-hero--signature .home-hero__content {
        padding-bottom: 0;
    }

    .home-platform,
    .home-security,
    .home-market-grid--wide {
        grid-template-columns: 1fr;
    }

    .home-platform__media {
        min-height: 360px;
    }
}

@media (max-width: 991.98px) {
    .home-hero--signature {
        min-height: auto;
    }

    .home-hero--signature .container {
        padding-top: 68px;
    }

    .home-hero--signature h1 {
        font-size: 3.35rem !important;
    }

    .home-hero--signature .home-hero__metrics,
    .home-asset-class-grid,
    .home-security__list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .home-page-grid--rich {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767.98px) {
    .home-hero--signature .container {
        min-height: auto;
        padding-top: 54px;
        padding-bottom: 24px;
    }

    .home-hero--signature h1 {
        font-size: 2.55rem !important;
    }

    .home-hero__asset-stack,
    .home-hero--signature .home-hero__metrics,
    .home-asset-class-grid,
    .home-security__list,
    .home-page-grid--rich {
        grid-template-columns: 1fr;
    }

    .home-asset-class {
        min-height: 170px;
    }

    .home-asset-class i {
        margin-bottom: 28px;
    }

    .home-platform__content,
    .home-security__copy,
    .home-security__list,
    .home-resource-band {
        padding: 24px;
    }

    .home-platform__content h2,
    .home-security__copy h2,
    .home-resource-band h2 {
        font-size: 1.75rem !important;
    }

    .home-resource-band {
        align-items: flex-start;
        flex-direction: column;
        min-height: 280px;
    }
}

/* Hero command-center upgrade */
.home-hero--signature {
    min-height: 820px;
}

.home-hero--signature::before {
    background:
        linear-gradient(90deg, rgba(4, 10, 18, .95) 0%, rgba(4, 10, 18, .82) 43%, rgba(4, 10, 18, .44) 100%),
        linear-gradient(180deg, rgba(4, 10, 18, .18), rgba(4, 10, 18, .82));
}

.home-hero--signature::after {
    height: 100%;
    background:
        linear-gradient(120deg, transparent 0 46%, rgba(255, 255, 255, .08) 46% 47%, transparent 47% 100%),
        repeating-linear-gradient(90deg, rgba(255, 255, 255, .05) 0 1px, transparent 1px 96px);
    opacity: .24;
}

.home-hero--signature .container {
    justify-content: space-between;
    padding-top: 86px;
}

.home-hero__layout {
    display: grid;
    grid-template-columns: minmax(0, .92fr) minmax(430px, .78fr);
    gap: 48px;
    align-items: center;
    width: 100%;
    padding: 42px 0 34px;
}

.home-hero--signature .home-hero__content {
    max-width: 780px;
    padding-bottom: 0;
}

.home-brand-pill {
    display: inline-flex;
    align-items: center;
    margin-bottom: 18px;
    padding: 8px 13px;
    border: 1px solid rgba(var(--dtm-theme-secondary-rgb), .34);
    border-radius: 8px;
    background: rgba(var(--dtm-theme-secondary-rgb), .1);
    color: var(--dtm-lime) !important;
    font-weight: 800;
}

.home-hero--signature h1 {
    max-width: 760px;
    font-size: 4.7rem !important;
    line-height: .98;
}

.home-hero--signature p {
    max-width: 690px;
    font-size: 1.14rem;
}

.home-hero__trust-row {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 26px;
}

.home-hero__trust-row span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 12px;
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 8px;
    background: rgba(255, 255, 255, .08);
    color: #eef4ff !important;
    font-weight: 700;
}

.home-hero__trust-row i {
    color: var(--dtm-lime);
}

.home-hero__showcase {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 150px;
    grid-template-areas:
        "terminal photo"
        "terminal funding";
    gap: 14px;
}

.home-terminal,
.home-funding-card,
.home-hero__photo {
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 8px;
    background: rgba(8, 18, 31, .78);
    backdrop-filter: blur(16px);
    box-shadow: 0 26px 70px rgba(0, 0, 0, .24);
}

.home-terminal {
    grid-area: terminal;
    padding: 20px;
}

.home-terminal__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

.home-terminal__head span,
.home-funding-card span {
    display: block;
    color: #9fb0c5 !important;
    font-size: .8rem;
}

.home-terminal__head strong,
.home-funding-card strong {
    display: block;
    margin-top: 5px;
    color: #fff;
    font-size: 1.18rem;
}

.home-terminal__head em {
    display: inline-flex;
    padding: 7px 10px;
    border-radius: 8px;
    background: rgba(var(--dtm-theme-primary-rgb), .16);
    color: var(--dtm-theme-bright);
    font-size: .76rem;
    font-style: normal;
    font-weight: 800;
}

.home-terminal__chart {
    display: flex;
    align-items: end;
    gap: 9px;
    height: 190px;
    margin: 28px 0 22px;
    padding: 18px;
    border-radius: 8px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .08), rgba(255, 255, 255, .03));
}

.home-terminal__chart span {
    display: block;
    flex: 1;
    min-width: 12px;
    border-radius: 8px 8px 0 0;
    background: linear-gradient(180deg, var(--dtm-lime), var(--dtm-emerald));
}

.home-terminal__chart span:nth-child(1) { height: 38%; }
.home-terminal__chart span:nth-child(2) { height: 56%; }
.home-terminal__chart span:nth-child(3) { height: 44%; }
.home-terminal__chart span:nth-child(4) { height: 78%; }
.home-terminal__chart span:nth-child(5) { height: 63%; }
.home-terminal__chart span:nth-child(6) { height: 92%; }
.home-terminal__chart span:nth-child(7) { height: 74%; }
.home-terminal__chart span:nth-child(8) { height: 86%; }

.home-terminal__rows {
    display: grid;
    gap: 10px;
}

.home-terminal-row {
    display: grid;
    grid-template-columns: 36px minmax(0, 1fr) auto;
    gap: 2px 12px;
    align-items: center;
    padding: 12px;
    border-radius: 8px;
    background: rgba(255, 255, 255, .06);
}

.home-terminal-row i {
    grid-row: span 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 8px;
    background: rgba(255, 255, 255, .1);
    color: var(--dtm-lime);
}

.home-terminal-row span {
    color: #9fb0c5 !important;
    font-size: .78rem;
}

.home-terminal-row strong {
    color: #fff;
    font-size: .95rem;
}

.home-terminal-row em {
    grid-column: 3;
    grid-row: 1 / span 2;
    color: var(--dtm-theme-bright);
    font-style: normal;
    font-weight: 800;
}

.home-terminal-row--btc i { color: #f59f3a; }
.home-terminal-row--eth i { color: #9aa8ff; }
.home-terminal-row--fx i { color: var(--dtm-theme-bright); }
.home-terminal-row--gold i { color: #d6b25c; }

.home-funding-card {
    grid-area: funding;
    padding: 16px;
}

.home-funding-card strong {
    font-size: .98rem;
    line-height: 1.35;
}

.home-funding-card__qr {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 7px;
    width: 82px;
    height: 82px;
    margin-top: 18px;
    padding: 8px;
    border-radius: 8px;
    background: #fff;
}

.home-funding-card__qr i {
    display: block;
    border-radius: 4px;
    background: var(--dtm-navy);
}

.home-funding-card__qr i:nth-child(2),
.home-funding-card__qr i:nth-child(3) {
    background: var(--dtm-emerald);
}

.home-hero__photo {
    grid-area: photo;
    overflow: hidden;
    min-height: 214px;
}

.home-hero__photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.home-hero--signature .home-hero__footer {
    margin-top: 0;
}

@media (max-width: 1199.98px) {
    .home-hero__layout {
        grid-template-columns: 1fr;
        gap: 34px;
    }

    .home-hero__showcase {
        max-width: 760px;
    }
}

@media (max-width: 767.98px) {
    .home-hero--signature {
        min-height: auto;
    }

    .home-hero__layout {
        padding-top: 20px;
    }

    .home-hero--signature h1 {
        font-size: 2.8rem !important;
    }

    .home-hero__showcase {
        grid-template-columns: 1fr;
        grid-template-areas:
            "terminal"
            "photo"
            "funding";
    }

    .home-terminal__chart {
        height: 140px;
        padding: 12px;
    }

    .home-hero__photo {
        min-height: 220px;
    }

    .home-terminal-row {
        grid-template-columns: 34px minmax(0, 1fr);
    }

    .home-terminal-row em {
        grid-column: 2;
        grid-row: auto;
    }
}

/* Investor homepage full redesign */
.pro-home {
    background:
        linear-gradient(180deg, #eef3ef 0%, #f7faf6 34%, #eef3ef 100%);
    color: var(--dtm-ink);
}

.pro-home .container {
    max-width: none;
}

.pro-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 14px;
    color: var(--dtm-emerald-deep) !important;
    font-size: .78rem !important;
    font-weight: 800;
    letter-spacing: 0;
    text-transform: uppercase;
}

.pro-eyebrow::before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 999px;
    background: currentColor;
}

.pro-hero {
    position: relative;
    isolation: isolate;
    min-height: 820px;
    overflow: hidden;
    background-image: var(--pro-hero-image);
    background-position: center;
    background-size: cover;
    color: #fff;
}

.pro-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -2;
    background:
        linear-gradient(90deg, rgba(4, 10, 18, .95) 0%, rgba(4, 10, 18, .82) 45%, rgba(4, 10, 18, .42) 100%),
        linear-gradient(180deg, rgba(4, 10, 18, .22), rgba(4, 10, 18, .88));
}

.pro-hero::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background:
        linear-gradient(120deg, transparent 0 45%, rgba(255, 255, 255, .08) 45% 46%, transparent 46%),
        repeating-linear-gradient(90deg, rgba(255, 255, 255, .055) 0 1px, transparent 1px 92px);
    opacity: .32;
}

.pro-hero .container {
    min-height: inherit;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-top: 90px;
    padding-bottom: 30px;
}

.pro-hero__grid {
    display: grid;
    grid-template-columns: minmax(0, .95fr) minmax(460px, .78fr);
    gap: 54px;
    align-items: center;
    width: 100%;
}

.pro-hero__copy {
    max-width: 800px;
}

.pro-hero .pro-eyebrow {
    color: var(--dtm-lime) !important;
}

.pro-hero h1 {
    max-width: 840px;
    margin: 0;
    color: #fff !important;
    font-size: 4.9rem !important;
    line-height: .98;
    letter-spacing: 0;
}

.pro-hero p {
    max-width: 650px;
    margin: 22px 0 0;
    color: #dce6f1 !important;
    font-size: 1.12rem;
    line-height: 1.75;
}

.pro-hero__actions,
.pro-final > div {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 30px;
}

.pro-hero__stats {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    max-width: 720px;
    margin-top: 42px;
}

.pro-hero__stats div {
    padding: 16px;
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 8px;
    background: rgba(255, 255, 255, .08);
    backdrop-filter: blur(12px);
}

.pro-hero__stats strong {
    display: block;
    color: #fff;
    font-size: 1.35rem;
    line-height: 1;
}

.pro-hero__stats span {
    display: block;
    margin-top: 7px;
    color: #bfcbda !important;
    font-size: .82rem;
}

.pro-trade-desk {
    padding: 20px;
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 8px;
    background: rgba(8, 18, 31, .78);
    backdrop-filter: blur(18px);
    box-shadow: 0 34px 90px rgba(0, 0, 0, .28);
}

.pro-trade-desk__top,
.pro-funding-preview {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
}

.pro-trade-desk__top span,
.pro-funding-preview span {
    display: block;
    color: #aab8c8 !important;
    font-size: .82rem;
}

.pro-trade-desk__top strong,
.pro-funding-preview strong {
    display: block;
    margin-top: 5px;
    color: #fff;
    font-size: 1.2rem;
}

.pro-trade-desk__top em {
    display: inline-flex;
    padding: 8px 11px;
    border-radius: 8px;
    background: rgba(var(--dtm-theme-primary-rgb), .16);
    color: var(--dtm-theme-bright);
    font-size: .76rem;
    font-style: normal;
    font-weight: 800;
}

.pro-trade-chart {
    display: flex;
    align-items: end;
    gap: 9px;
    height: 210px;
    margin: 26px 0 18px;
    padding: 18px;
    border-radius: 8px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .08), rgba(255, 255, 255, .025));
}

.pro-trade-chart span {
    display: block;
    flex: 1;
    min-width: 12px;
    border-radius: 8px 8px 0 0;
    background: linear-gradient(180deg, var(--dtm-lime), var(--dtm-emerald));
}

.pro-trade-chart span:nth-child(1) { height: 38%; }
.pro-trade-chart span:nth-child(2) { height: 61%; }
.pro-trade-chart span:nth-child(3) { height: 46%; }
.pro-trade-chart span:nth-child(4) { height: 78%; }
.pro-trade-chart span:nth-child(5) { height: 66%; }
.pro-trade-chart span:nth-child(6) { height: 94%; }
.pro-trade-chart span:nth-child(7) { height: 73%; }
.pro-trade-chart span:nth-child(8) { height: 88%; }

.pro-market-list,
.pro-market-aside {
    display: grid;
    gap: 10px;
}

.pro-market-row {
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr) auto;
    gap: 2px 12px;
    align-items: center;
    padding: 12px;
    border-radius: 8px;
    background: rgba(255, 255, 255, .07);
}

.pro-market-row i {
    grid-row: span 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 8px;
    background: rgba(255, 255, 255, .1);
    color: var(--dtm-lime);
}

.pro-market-row span {
    color: #aab8c8 !important;
    font-size: .8rem;
}

.pro-market-row strong {
    color: #fff;
    font-size: .98rem;
}

.pro-market-row em {
    grid-column: 3;
    grid-row: 1 / span 2;
    color: var(--dtm-theme-bright);
    font-style: normal;
    font-weight: 800;
}

.pro-market-row--amber i { color: #f59f3a; }
.pro-market-row--blue i { color: #95a5ff; }
.pro-market-row--green i { color: var(--dtm-theme-bright); }
.pro-market-row--gold i { color: #d6b25c; }

.pro-funding-preview {
    margin-top: 14px;
    padding: 14px;
    border-radius: 8px;
    background: rgba(var(--dtm-theme-secondary-rgb), .08);
}

.pro-qr {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 6px;
    flex: 0 0 72px;
    width: 72px;
    height: 72px;
    padding: 7px;
    border-radius: 8px;
    background: #fff;
}

.pro-qr i {
    border-radius: 4px;
    background: var(--dtm-navy);
}

.pro-qr i:nth-child(2),
.pro-qr i:nth-child(3) {
    background: var(--dtm-emerald);
}

.pro-hero__rail {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-top: 34px;
    padding: 15px 18px;
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 8px;
    background: rgba(8, 18, 31, .72);
    backdrop-filter: blur(14px);
}

.pro-hero__rail span {
    color: #bfcbda !important;
    font-weight: 800;
}

.pro-hero__rail div {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 9px;
}

.pro-hero__rail img {
    width: 46px;
    height: 34px;
    object-fit: contain;
    padding: 6px;
    border-radius: 8px;
    background: #fff;
}

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

.pro-section + .pro-section {
    padding-top: 42px;
}

.pro-section__head {
    max-width: 760px;
    margin-bottom: 30px;
}

.pro-section__head--split {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 32px;
    max-width: none;
}

.pro-section__head h2,
.pro-platform__content h2,
.pro-funding__copy h2,
.pro-security h2,
.pro-final h2 {
    margin: 0;
    color: var(--dtm-ink) !important;
    font-size: 2.35rem !important;
    line-height: 1.14;
    letter-spacing: 0;
}

.pro-section__head p,
.pro-funding__copy p,
.pro-security p {
    max-width: 560px;
    margin: 12px 0 0;
    color: var(--dtm-muted) !important;
    line-height: 1.7;
}

.pro-section__head--split p {
    margin: 0;
}

.pro-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--dtm-cobalt);
    font-weight: 800;
    white-space: nowrap;
}

.pro-asset-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
}

.pro-asset-card,
.pro-action-grid article,
.pro-process-grid article,
.pro-resource-grid a {
    border: 1px solid var(--dtm-line);
    border-radius: 8px;
    background: #fff;
}

.pro-asset-card {
    min-height: 246px;
    padding: 24px;
    transition: transform .2s ease, border-color .2s ease;
}

.pro-asset-card:hover,
.pro-resource-grid a:hover {
    transform: translateY(-4px);
    border-color: color-mix(in srgb, var(--dtm-cobalt) 30%, var(--dtm-line));
}

.pro-asset-card i,
.pro-action-grid i,
.pro-resource-grid i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    margin-bottom: 42px;
    border-radius: 8px;
    background: var(--dtm-navy);
    color: var(--dtm-lime);
    font-size: 1.25rem;
}

.pro-asset-card h3,
.pro-action-grid h3,
.pro-process-grid h3 {
    margin: 0;
    color: var(--dtm-ink) !important;
    font-size: 1.1rem !important;
    line-height: 1.3;
}

.pro-asset-card p,
.pro-action-grid p,
.pro-process-grid p {
    margin: 10px 0 0;
    color: var(--dtm-muted) !important;
    line-height: 1.6;
}

.pro-platform {
    display: grid;
    grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
    overflow: hidden;
    border-radius: 8px;
    background: var(--dtm-navy);
}

.pro-platform__media {
    min-height: 570px;
}

.pro-platform__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.pro-platform__content {
    padding: 58px;
}

.pro-platform__content .pro-eyebrow,
.pro-funding .pro-eyebrow,
.pro-final .pro-eyebrow {
    color: var(--dtm-lime) !important;
}

.pro-platform__content h2 {
    color: #fff !important;
}

.pro-action-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    margin-top: 28px;
}

.pro-action-grid article {
    min-height: 220px;
    padding: 20px;
    background: rgba(255, 255, 255, .06);
    border-color: rgba(255, 255, 255, .12);
}

.pro-action-grid i {
    margin-bottom: 28px;
    background: rgba(var(--dtm-theme-secondary-rgb), .12);
}

.pro-action-grid h3 {
    color: #fff !important;
}

.pro-action-grid p {
    color: #b8c6d6 !important;
}

.pro-market-board {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 360px;
    gap: 18px;
}

.pro-market-widget,
.pro-market-aside {
    overflow: hidden;
    border: 1px solid var(--dtm-line);
    border-radius: 8px;
    background: #0b1524;
}

.pro-market-widget {
    min-height: 470px;
}

.pro-market-aside {
    padding: 14px;
}

.pro-market-cta {
    display: grid;
    align-content: end;
    min-height: 130px;
    padding: 18px;
    border-radius: 8px;
    background: rgba(var(--dtm-theme-secondary-rgb), .1);
    color: #fff;
}

.pro-market-cta span {
    color: #aebdce !important;
}

.pro-market-cta strong {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: 8px;
    color: #fff;
}

.pro-funding {
    position: relative;
    isolation: isolate;
    display: grid;
    grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
    gap: 34px;
    min-height: 430px;
    padding: 42px;
    overflow: hidden;
    border-radius: 8px;
    background-image: var(--pro-funding-image);
    background-position: center;
    background-size: cover;
    color: #fff;
}

.pro-funding::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background: linear-gradient(90deg, rgba(6, 14, 24, .9), rgba(6, 14, 24, .58));
}

.pro-funding__copy h2 {
    color: #fff !important;
}

.pro-funding__copy p {
    color: #d6e0ec !important;
}

.pro-funding__steps {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    align-self: end;
}

.pro-funding__steps div {
    min-height: 210px;
    padding: 20px;
    border: 1px solid rgba(255, 255, 255, .15);
    border-radius: 8px;
    background: rgba(255, 255, 255, .1);
    backdrop-filter: blur(12px);
}

.pro-funding__steps span {
    display: block;
    color: var(--dtm-lime) !important;
    font-weight: 900;
}

.pro-funding__steps strong {
    display: block;
    margin-top: 46px;
    color: #fff;
    font-size: 1.05rem;
}

.pro-funding__steps p {
    margin: 9px 0 0;
    color: #d6e0ec !important;
    line-height: 1.55;
}

.pro-section--plans .app-plan-card {
    border-radius: 8px !important;
}

.pro-security {
    display: grid;
    grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr);
    gap: 24px;
    align-items: stretch;
}

.pro-security > div {
    padding: 34px;
    border: 1px solid var(--dtm-line);
    border-radius: 8px;
    background: #fff;
}

.pro-security__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.pro-security__grid span {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 16px;
    border-radius: 8px;
    background: var(--dtm-panel-soft);
    color: var(--dtm-ink-soft) !important;
    font-weight: 800;
}

.pro-security__grid i {
    color: var(--dtm-emerald-deep);
    font-size: 1.2rem;
}

.pro-process-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}

.pro-process-grid article {
    min-height: 260px;
    padding: 22px;
}

.pro-process-grid article > span {
    color: var(--dtm-cobalt) !important;
    font-size: .8rem;
    font-weight: 900;
}

.pro-process-grid img {
    display: block;
    width: 46px;
    height: 46px;
    margin: 34px 0 18px;
    object-fit: contain;
}

.pro-resource-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}

.pro-resource-grid a {
    display: grid;
    grid-template-columns: 46px minmax(0, 1fr);
    gap: 4px 14px;
    min-height: 132px;
    padding: 18px;
    color: var(--dtm-ink);
    transition: transform .2s ease, border-color .2s ease;
}

.pro-resource-grid i {
    grid-row: span 2;
    width: 46px;
    height: 46px;
    margin: 0;
    background: var(--dtm-emerald-soft);
    color: var(--dtm-emerald-deep);
}

.pro-resource-grid strong {
    color: var(--dtm-ink);
}

.pro-resource-grid span {
    color: var(--dtm-muted) !important;
    line-height: 1.45;
}

.pro-payments {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 24px;
    border: 1px solid var(--dtm-line);
    border-radius: 8px;
    background: #fff;
}

.pro-payments .pro-eyebrow {
    margin-bottom: 0;
}

.pro-payments div {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 10px;
}

.pro-payments img {
    width: 58px;
    height: 42px;
    object-fit: contain;
    padding: 7px;
    border: 1px solid var(--dtm-line);
    border-radius: 8px;
    background: var(--dtm-panel-soft);
}

.pro-final {
    margin-inline: calc(var(--dtm-shell-pad) * -1);
    padding: 66px var(--dtm-shell-pad);
    background:
        linear-gradient(135deg, #0b1524 0%, #132238 58%, #073f36 100%);
    color: #fff;
}

.pro-final h2 {
    max-width: 840px;
    color: #fff !important;
}

.pro-footer {
    background:
        linear-gradient(135deg, #07111f 0%, #101d30 58%, #073b34 100%) !important;
}

.pro-footer .home-footer__top {
    align-items: start;
}

.pro-footer .home-footer__brand p {
    max-width: 520px;
    color: #c2cfdd !important;
}

.pro-footer .home-footer__links > div {
    padding: 18px;
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 8px;
    background: rgba(255, 255, 255, .04);
}

.pro-footer .home-footer__bottom {
    border-color: rgba(255, 255, 255, .12);
}

@media (max-width: 1199.98px) {
    .pro-hero__grid,
    .pro-platform,
    .pro-market-board,
    .pro-funding,
    .pro-security {
        grid-template-columns: 1fr;
    }

    .pro-trade-desk {
        max-width: 760px;
    }

    .pro-asset-grid,
    .pro-process-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 991.98px) {
    .pro-hero {
        min-height: auto;
    }

    .pro-hero h1 {
        font-size: 3.35rem !important;
    }

    .pro-hero__stats,
    .pro-action-grid,
    .pro-funding__steps,
    .pro-resource-grid,
    .pro-security__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .pro-section__head--split,
    .pro-payments,
    .pro-hero__rail {
        align-items: flex-start;
        flex-direction: column;
    }

    .pro-hero__rail div,
    .pro-payments div {
        justify-content: flex-start;
    }
}

@media (max-width: 767.98px) {
    .pro-hero .container {
        padding-top: 54px;
    }

    .pro-hero h1 {
        font-size: 2.55rem !important;
    }

    .pro-hero p {
        font-size: 1rem;
    }

    .pro-hero__stats,
    .pro-asset-grid,
    .pro-action-grid,
    .pro-funding__steps,
    .pro-process-grid,
    .pro-resource-grid,
    .pro-security__grid {
        grid-template-columns: 1fr;
    }

    .pro-trade-desk,
    .pro-platform__content,
    .pro-funding,
    .pro-security > div {
        padding: 22px;
    }

    .pro-trade-chart {
        height: 150px;
        padding: 12px;
    }

    .pro-market-row {
        grid-template-columns: 38px minmax(0, 1fr);
    }

    .pro-market-row em {
        grid-column: 2;
        grid-row: auto;
    }

    .pro-section {
        padding: 54px 0;
    }

    .pro-section + .pro-section {
        padding-top: 12px;
    }

    .pro-section__head h2,
    .pro-platform__content h2,
    .pro-funding__copy h2,
    .pro-security h2,
    .pro-final h2 {
        font-size: 1.8rem !important;
    }

    .pro-platform__media {
        min-height: 280px;
    }
}

/* Nova homepage cinematic redesign */
.nova-home {
    --nova-bg: #03070f;
    --nova-bg-soft: #07111f;
    --nova-ink: #f5f8ff;
    --nova-muted: #9eafc4;
    --nova-line: rgba(255, 255, 255, .12);
    --nova-panel: rgba(9, 20, 35, .76);
    --nova-panel-strong: rgba(11, 28, 49, .92);
    --nova-cyan: var(--dtm-theme-glow);
    --nova-green: var(--dtm-theme-bright);
    --nova-lime: var(--dtm-theme-neon);
    --nova-orange: #ffb04f;
    --nova-blue: #6aa7ff;
    --nova-radius: 30px;
    position: relative;
    isolation: isolate;
    overflow: hidden;
    background:
        radial-gradient(circle at 8% 8%, rgba(var(--dtm-theme-glow-rgb), .16), transparent 34rem),
        radial-gradient(circle at 88% 18%, rgba(var(--dtm-theme-bright-rgb), .13), transparent 36rem),
        linear-gradient(180deg, #03070f 0%, #07111f 44%, #04101c 100%);
    color: var(--nova-ink);
}

.nova-home::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -2;
    opacity: .28;
    background-image:
        linear-gradient(rgba(255, 255, 255, .05) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, .05) 1px, transparent 1px);
    background-size: 72px 72px;
    mask-image: linear-gradient(180deg, #000 0%, transparent 75%);
}

.nova-home::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background:
        linear-gradient(90deg, rgba(3, 7, 15, .95) 0%, transparent 20%, transparent 80%, rgba(3, 7, 15, .95) 100%),
        radial-gradient(circle at 50% 0%, rgba(255, 255, 255, .08), transparent 38rem);
}

.nova-home :where(h1, h2, h3, h4, h5, h6) {
    color: var(--nova-ink) !important;
    font-family: "Space Grotesk", "Sora", sans-serif !important;
}

.nova-home p,
.nova-home span,
.nova-home li {
    color: inherit;
}

.nova-home p {
    color: var(--nova-muted);
}

.nova-home .container {
    position: relative;
    z-index: 2;
}

.nova-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    width: max-content;
    max-width: 100%;
    margin-bottom: 16px;
    padding: 8px 13px;
    border: 1px solid rgba(var(--dtm-theme-glow-rgb), .22);
    border-radius: 999px;
    background: rgba(var(--dtm-theme-glow-rgb), .08);
    color: var(--nova-cyan) !important;
    font-family: "Space Grotesk", "Sora", sans-serif;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .14em;
    line-height: 1;
    text-transform: uppercase;
}

.nova-eyebrow::before {
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 999px;
    background: var(--nova-green);
    box-shadow: 0 0 18px rgba(var(--dtm-theme-bright-rgb), .9);
}

.nova-home .btn {
    min-height: 50px;
    border-radius: 999px !important;
    padding-inline: 22px;
    letter-spacing: .01em;
}

.nova-home .btn--base {
    border-color: var(--nova-lime) !important;
    background: linear-gradient(135deg, var(--nova-lime), var(--nova-green)) !important;
    color: var(--dtm-on-primary) !important;
    box-shadow: 0 20px 50px rgba(var(--dtm-theme-bright-rgb), .22) !important;
}

.nova-home .btn--secondary {
    border-color: rgba(255, 255, 255, .2) !important;
    background: rgba(255, 255, 255, .08) !important;
    color: #fff !important;
    backdrop-filter: blur(14px);
}

.nova-home .btn--secondary:hover {
    border-color: rgba(var(--dtm-theme-glow-rgb), .44) !important;
    background: rgba(var(--dtm-theme-glow-rgb), .13) !important;
    color: #fff !important;
}

.nova-hero {
    position: relative;
    min-height: calc(100vh - 64px);
    padding: clamp(58px, 7vw, 106px) 0 clamp(30px, 5vw, 70px);
    overflow: hidden;
    background-color: var(--nova-bg);
    background-image:
        linear-gradient(90deg, rgba(3, 7, 15, .97) 0%, rgba(3, 7, 15, .76) 44%, rgba(3, 7, 15, .88) 100%),
        var(--nova-hero-image);
    background-position: center;
    background-size: cover;
}

.nova-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 72% 42%, rgba(var(--dtm-theme-glow-rgb), .19), transparent 30rem),
        radial-gradient(circle at 26% 18%, rgba(var(--dtm-theme-neon-rgb), .13), transparent 28rem),
        linear-gradient(180deg, transparent 0%, rgba(3, 7, 15, .66) 100%);
}

.nova-hero::after {
    content: "";
    position: absolute;
    inset: auto 0 0;
    height: 180px;
    background: linear-gradient(180deg, transparent, var(--nova-bg));
}

.nova-hero__mesh {
    position: absolute;
    inset: 0;
    opacity: .3;
    background:
        conic-gradient(from 115deg at 73% 45%, rgba(var(--dtm-theme-glow-rgb), .38), transparent 18%, rgba(var(--dtm-theme-neon-rgb), .18), transparent 38%),
        repeating-linear-gradient(115deg, transparent 0 32px, rgba(255, 255, 255, .055) 33px, transparent 34px);
    animation: nova-drift 18s linear infinite;
}

.nova-hero__layout {
    display: grid;
    grid-template-columns: minmax(0, .9fr) minmax(460px, 1.1fr);
    align-items: center;
    gap: clamp(34px, 6vw, 96px);
}

.nova-hero__copy {
    max-width: 760px;
}

.nova-hero h1 {
    max-width: 790px;
    margin-bottom: 22px;
    font-size: clamp(3rem, 7.3vw, 7.7rem) !important;
    font-weight: 800;
    line-height: .91;
    letter-spacing: -.075em;
}

.nova-hero__copy p {
    max-width: 650px;
    color: #c4d1e3;
    font-size: clamp(1rem, 1.45vw, 1.22rem);
    line-height: 1.75;
}

.nova-hero__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 34px;
}

.nova-hero__metrics {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    max-width: 690px;
    margin-top: 38px;
}

.nova-hero__metrics div {
    padding: 20px;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 22px;
    background: rgba(255, 255, 255, .07);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .12);
    backdrop-filter: blur(18px);
}

.nova-hero__metrics strong {
    display: block;
    color: #fff;
    font-family: "Space Grotesk", "Sora", sans-serif;
    font-size: clamp(1.5rem, 2.5vw, 2.25rem);
    line-height: 1;
}

.nova-hero__metrics span {
    display: block;
    margin-top: 8px;
    color: #aab9ca;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.nova-orbit-stage {
    position: relative;
    min-height: 650px;
}

.nova-orbit-stage__glow {
    position: absolute;
    inset: 8% -8% 4% 0;
    border-radius: 44px;
    background:
        radial-gradient(circle at 50% 50%, rgba(var(--dtm-theme-glow-rgb), .24), transparent 26rem),
        linear-gradient(135deg, rgba(255, 255, 255, .1), rgba(255, 255, 255, .02));
    filter: blur(.2px);
}

.nova-orbit-stage__photo {
    position: absolute;
    right: 0;
    bottom: 12px;
    width: min(74%, 560px);
    height: 60%;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 44px;
    background: rgba(255, 255, 255, .08);
    box-shadow: 0 34px 90px rgba(0, 0, 0, .34);
}

.nova-orbit-stage__photo::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background:
        linear-gradient(180deg, rgba(3, 7, 15, .04), rgba(3, 7, 15, .86)),
        radial-gradient(circle at 30% 15%, rgba(var(--dtm-theme-glow-rgb), .2), transparent 18rem);
}

.nova-orbit-stage__photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.08);
    filter: saturate(1.2) contrast(1.05);
}

.nova-coin-core {
    position: absolute;
    top: 15%;
    right: 22%;
    z-index: 4;
    display: grid;
    place-items: center;
    width: clamp(188px, 24vw, 320px);
    aspect-ratio: 1;
    border: 1px solid rgba(255, 255, 255, .22);
    border-radius: 50%;
    background:
        radial-gradient(circle at 34% 25%, rgba(255, 255, 255, .96), transparent 13%),
        radial-gradient(circle at 50% 50%, #ffca6d 0%, #f59e33 48%, #9f5d13 100%);
    box-shadow:
        0 0 0 18px rgba(255, 176, 79, .06),
        0 0 90px rgba(255, 176, 79, .38),
        inset 0 -28px 60px rgba(49, 21, 4, .36);
    animation: nova-float 5.4s ease-in-out infinite;
}

.nova-coin-core::before,
.nova-coin-core::after {
    content: "";
    position: absolute;
    inset: 15%;
    border: 2px solid rgba(255, 255, 255, .35);
    border-radius: inherit;
}

.nova-coin-core::after {
    inset: 24%;
    border-color: rgba(45, 18, 0, .17);
}

.nova-coin-core span {
    position: relative;
    z-index: 2;
    color: #3b2100;
    font-family: "Space Grotesk", "Sora", sans-serif;
    font-size: clamp(4.5rem, 10vw, 9rem);
    font-weight: 900;
    line-height: 1;
    text-shadow: 0 3px 0 rgba(255, 255, 255, .18);
}

.nova-orbit-ring {
    position: absolute;
    top: 10%;
    right: 10%;
    z-index: 2;
    width: clamp(310px, 40vw, 570px);
    aspect-ratio: 1;
    border: 1px dashed rgba(var(--dtm-theme-glow-rgb), .28);
    border-radius: 50%;
    transform: rotate(-14deg);
    animation: nova-orbit 16s linear infinite;
}

.nova-orbit-ring--two {
    top: 0;
    right: 0;
    width: clamp(390px, 48vw, 680px);
    border-color: rgba(var(--dtm-theme-neon-rgb), .18);
    animation-duration: 23s;
    animation-direction: reverse;
}

.nova-float-card {
    position: absolute;
    z-index: 5;
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
    width: min(265px, 48vw);
    padding: 13px;
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 22px;
    background: rgba(7, 17, 31, .76);
    box-shadow: 0 22px 60px rgba(0, 0, 0, .3);
    backdrop-filter: blur(18px);
    animation: nova-card-float 6s ease-in-out infinite;
}

.nova-float-card i {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border-radius: 15px;
    background: rgba(255, 255, 255, .1);
    color: var(--nova-cyan);
    font-size: 20px;
}

.nova-float-card span {
    display: block;
    color: #91a4bb;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .1em;
}

.nova-float-card strong {
    display: block;
    color: #fff;
    font-family: "Space Grotesk", "Sora", sans-serif;
    font-size: 18px;
}

.nova-float-card em {
    color: var(--nova-green);
    font-size: 12px;
    font-style: normal;
    font-weight: 900;
}

.nova-float-card--1 {
    top: 8%;
    left: 2%;
}

.nova-float-card--2 {
    top: 34%;
    right: 0;
    animation-delay: -1.4s;
}

.nova-float-card--3 {
    left: 9%;
    bottom: 21%;
    animation-delay: -2.3s;
}

.nova-float-card--4 {
    right: 6%;
    bottom: 4%;
    animation-delay: -3.1s;
}

.nova-float-card--orange i,
.nova-market-chip--orange i {
    color: var(--nova-orange);
}

.nova-float-card--blue i,
.nova-market-chip--blue i {
    color: var(--nova-blue);
}

.nova-float-card--lime i,
.nova-market-chip--lime i {
    color: var(--nova-lime);
}

.nova-float-card--gold i,
.nova-market-chip--gold i {
    color: #ffd56a;
}

.nova-qr-card {
    position: absolute;
    left: 0;
    bottom: 2%;
    z-index: 6;
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px;
    border: 1px solid rgba(var(--dtm-theme-neon-rgb), .24);
    border-radius: 24px;
    background: rgba(5, 14, 25, .78);
    box-shadow: 0 24px 70px rgba(0, 0, 0, .34);
    backdrop-filter: blur(20px);
}

.nova-qr-card span {
    color: #dce7f6;
    font-family: "Space Grotesk", "Sora", sans-serif;
    font-size: 13px;
    font-weight: 800;
}

.nova-qr {
    display: grid;
    grid-template-columns: repeat(2, 17px);
    grid-auto-rows: 17px;
    gap: 5px;
    padding: 10px;
    border-radius: 14px;
    background: #effbf5;
}

.nova-qr i {
    display: block;
    border-radius: 4px;
    background: #051322;
}

.nova-qr i:nth-child(2) {
    border-radius: 50%;
    background: var(--nova-green);
}

.nova-qr i:nth-child(3) {
    background: var(--nova-cyan);
}

.nova-asset-strip {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    margin-top: clamp(26px, 5vw, 70px);
}

.nova-asset-strip div {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    padding: 14px;
    border: 1px solid rgba(255, 255, 255, .13);
    border-radius: 20px;
    background: rgba(255, 255, 255, .065);
    backdrop-filter: blur(14px);
}

.nova-asset-strip i {
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    border-radius: 13px;
    background: rgba(255, 255, 255, .09);
    color: var(--nova-cyan);
}

.nova-asset-strip span {
    display: block;
    color: #fff;
    font-weight: 800;
}

.nova-asset-strip strong {
    color: #92a6bf;
    font-size: 12px;
}

.nova-asset-strip em {
    color: var(--nova-green);
    font-size: 12px;
    font-style: normal;
    font-weight: 900;
}

.nova-section {
    position: relative;
    padding: clamp(72px, 9vw, 130px) 0;
}

.nova-section--ecosystem {
    background:
        radial-gradient(circle at 78% 0%, rgba(var(--dtm-theme-glow-rgb), .13), transparent 30rem),
        linear-gradient(180deg, rgba(7, 17, 31, .84), rgba(3, 7, 15, .98));
}

.nova-section--visual {
    background:
        radial-gradient(circle at 12% 22%, rgba(var(--dtm-theme-neon-rgb), .11), transparent 27rem),
        #06111f;
}

.nova-section--market-board {
    background:
        linear-gradient(180deg, #03070f, #071320),
        radial-gradient(circle at 90% 30%, rgba(var(--dtm-theme-glow-rgb), .16), transparent 32rem);
}

.nova-section--plans {
    background:
        radial-gradient(circle at 12% 0%, rgba(var(--dtm-theme-bright-rgb), .12), transparent 30rem),
        radial-gradient(circle at 86% 30%, rgba(var(--dtm-theme-glow-rgb), .13), transparent 32rem),
        linear-gradient(180deg, #071320 0%, #04101c 100%);
    color: var(--nova-ink);
}

.nova-section--plans :where(h1, h2, h3, h4, h5, h6) {
    color: var(--nova-ink) !important;
}

.nova-section--plans p {
    color: #aebed1;
}

.nova-section--funding {
    overflow: hidden;
    background-color: #04101c;
    background-image:
        linear-gradient(90deg, rgba(3, 7, 15, .95), rgba(3, 7, 15, .76), rgba(3, 7, 15, .96)),
        var(--nova-funding-image);
    background-position: center;
    background-size: cover;
}

.nova-section--process {
    background:
        radial-gradient(circle at 20% 0%, rgba(var(--dtm-theme-bright-rgb), .11), transparent 30rem),
        #07111f;
}

.nova-section--resources {
    background:
        linear-gradient(180deg, #07111f, #03070f),
        radial-gradient(circle at 80% 30%, rgba(var(--dtm-theme-neon-rgb), .1), transparent 26rem);
}

.nova-section--insights {
    background: #081422;
}

.nova-section--payments {
    background:
        radial-gradient(circle at 15% 30%, rgba(255, 95, 191, .11), transparent 28rem),
        radial-gradient(circle at 80% 20%, rgba(var(--dtm-theme-neon-rgb), .1), transparent 30rem),
        linear-gradient(180deg, #03070f 0%, #071320 100%);
    color: var(--nova-ink);
}

.nova-section--payments :where(h1, h2, h3, h4, h5, h6) {
    color: var(--nova-ink) !important;
}

.nova-section--final {
    padding-bottom: clamp(80px, 10vw, 150px);
    background:
        radial-gradient(circle at 50% 100%, rgba(var(--dtm-theme-glow-rgb), .16), transparent 32rem),
        #03070f;
}

.nova-section__head {
    max-width: 860px;
    margin-bottom: clamp(34px, 5vw, 58px);
}

.nova-section__head--split {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(290px, 440px);
    align-items: end;
    gap: clamp(22px, 4vw, 64px);
    max-width: none;
}

.nova-section__head h2 {
    margin-bottom: 0;
    font-size: clamp(2.1rem, 4.8vw, 4.9rem) !important;
    font-weight: 800;
    line-height: .98;
    letter-spacing: -.055em;
}

.nova-section__head p {
    margin-bottom: 0;
    color: var(--nova-muted);
    font-size: 1rem;
    line-height: 1.75;
}

.nova-text-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    width: max-content;
    color: var(--nova-cyan) !important;
    font-family: "Space Grotesk", "Sora", sans-serif;
    font-weight: 800;
}

.nova-ecosystem-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
}

.nova-ecosystem-card {
    position: relative;
    min-height: 320px;
    overflow: hidden;
    padding: 26px;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: var(--nova-radius);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .09), rgba(255, 255, 255, .03)),
        rgba(255, 255, 255, .045);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .11);
}

.nova-ecosystem-card::before {
    content: "";
    position: absolute;
    right: -52px;
    bottom: -52px;
    width: 150px;
    aspect-ratio: 1;
    border: 1px solid rgba(var(--dtm-theme-glow-rgb), .18);
    border-radius: 50%;
    background: rgba(var(--dtm-theme-glow-rgb), .07);
}

.nova-ecosystem-card i {
    display: grid;
    place-items: center;
    width: 62px;
    height: 62px;
    margin-bottom: 72px;
    border-radius: 22px;
    background: rgba(var(--dtm-theme-glow-rgb), .11);
    color: var(--nova-cyan);
    font-size: 30px;
}

.nova-ecosystem-card h3 {
    margin-bottom: 12px;
    font-size: 1.35rem !important;
}

.nova-ecosystem-card p {
    margin-bottom: 0;
    color: #a9b8ca;
}

.nova-split-showcase {
    display: grid;
    grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);
    gap: clamp(24px, 5vw, 70px);
    align-items: center;
}

.nova-split-showcase__media {
    position: relative;
    min-height: 620px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .13);
    border-radius: 44px;
    background: rgba(255, 255, 255, .06);
    box-shadow: 0 32px 90px rgba(0, 0, 0, .28);
}

.nova-split-showcase__media::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background:
        linear-gradient(180deg, transparent 0%, rgba(3, 7, 15, .86) 100%),
        radial-gradient(circle at 28% 20%, rgba(var(--dtm-theme-glow-rgb), .24), transparent 20rem);
}

.nova-split-showcase__media img {
    width: 100%;
    height: 100%;
    min-height: 620px;
    object-fit: cover;
    filter: saturate(1.14) contrast(1.03);
}

.nova-split-showcase__badge {
    position: absolute;
    left: 24px;
    right: 24px;
    bottom: 24px;
    z-index: 2;
    padding: 20px;
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 26px;
    background: rgba(5, 14, 25, .74);
    backdrop-filter: blur(18px);
}

.nova-split-showcase__badge strong,
.nova-split-showcase__badge span {
    display: block;
}

.nova-split-showcase__badge strong {
    color: #fff;
    font-family: "Space Grotesk", "Sora", sans-serif;
    font-size: 1.25rem;
}

.nova-split-showcase__badge span {
    margin-top: 4px;
    color: #aab8c9;
}

.nova-split-showcase__content h2 {
    margin-bottom: 18px;
    font-size: clamp(2.1rem, 4.5vw, 4.6rem) !important;
    font-weight: 800;
    line-height: .98;
    letter-spacing: -.055em;
}

.nova-split-showcase__content > p {
    max-width: 680px;
    margin-bottom: 30px;
    color: #aebbd0;
    font-size: 1.02rem;
}

.nova-lane-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.nova-lane-grid article {
    padding: 20px;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 24px;
    background: rgba(255, 255, 255, .055);
}

.nova-lane-grid i {
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    margin-bottom: 18px;
    border-radius: 16px;
    background: rgba(var(--dtm-theme-bright-rgb), .11);
    color: var(--nova-green);
    font-size: 22px;
}

.nova-lane-grid strong,
.nova-lane-grid span {
    display: block;
}

.nova-lane-grid strong {
    color: #fff;
    font-family: "Space Grotesk", "Sora", sans-serif;
    font-size: 1rem;
}

.nova-lane-grid span {
    margin-top: 6px;
    color: #a8b8ca;
    font-size: 13px;
}

.nova-market-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(320px, 420px);
    gap: 18px;
    align-items: stretch;
}

.nova-market-widget,
.nova-market-side {
    border: 1px solid rgba(255, 255, 255, .13);
    border-radius: 32px;
    background: rgba(255, 255, 255, .055);
    box-shadow: 0 28px 80px rgba(0, 0, 0, .24);
    backdrop-filter: blur(16px);
}

.nova-market-widget {
    min-height: 500px;
    overflow: hidden;
    padding: 10px;
}

.nova-market-widget .nova-local-market-board {
    min-height: 470px;
    border-radius: 24px;
    overflow: hidden;
    background: rgba(2, 10, 20, .72);
}

.nova-market-side {
    display: grid;
    align-content: start;
    gap: 12px;
    padding: 24px;
}

.nova-market-side h3 {
    margin-bottom: 8px;
    font-size: 1.75rem !important;
}

.nova-market-chip {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr) auto;
    align-items: center;
    gap: 11px;
    padding: 13px;
    border: 1px solid rgba(255, 255, 255, .11);
    border-radius: 18px;
    background: rgba(255, 255, 255, .055);
}

.nova-market-chip i {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border-radius: 14px;
    background: rgba(255, 255, 255, .08);
}

.nova-market-chip span {
    color: #fff;
    font-weight: 800;
}

.nova-market-chip strong {
    color: #91a6bd;
    font-size: 13px;
}

.nova-market-chip em {
    color: var(--nova-green);
    font-size: 12px;
    font-style: normal;
    font-weight: 900;
}

.nova-side-cta {
    display: block;
    margin-top: 8px;
    padding: 20px;
    border-radius: 22px;
    background: linear-gradient(135deg, var(--nova-lime), var(--nova-green));
    color: #07120d !important;
}

.nova-side-cta span,
.nova-side-cta strong {
    display: block;
    color: inherit;
}

.nova-side-cta span {
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.nova-side-cta strong {
    margin-top: 5px;
    font-family: "Space Grotesk", "Sora", sans-serif;
    font-size: 1.1rem;
}

.nova-plans-shell {
    padding: clamp(24px, 4vw, 44px);
    border: 1px solid rgba(255, 255, 255, .13);
    border-radius: 38px;
    background:
        radial-gradient(circle at 10% 0%, rgba(var(--dtm-theme-bright-rgb), .16), transparent 28rem),
        radial-gradient(circle at 100% 35%, rgba(var(--dtm-theme-glow-rgb), .1), transparent 26rem),
        linear-gradient(135deg, rgba(255, 255, 255, .1), rgba(255, 255, 255, .035));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .12), 0 28px 90px rgba(0, 0, 0, .24);
    backdrop-filter: blur(18px);
}

.nova-plans-shell .nova-eyebrow {
    border-color: rgba(var(--dtm-theme-bright-rgb), .24);
    background: rgba(var(--dtm-theme-bright-rgb), .1);
    color: var(--nova-green) !important;
}

.nova-plans-shell .nova-text-link {
    color: var(--nova-cyan) !important;
}

.investhub-shell .nova-plans-shell .app-plan-card,
.investhub-shell .nova-plans-shell .plan-item,
.investhub-shell .nova-plans-shell .plan-item.style--two,
.investhub-shell .nova-plans-shell .plan-item.style--two.app-plan-card {
    padding: clamp(22px, 2.4vw, 30px) !important;
    border-color: rgba(255, 255, 255, .14) !important;
    border-radius: 30px !important;
    background:
        radial-gradient(circle at 18% 0%, rgba(var(--dtm-theme-bright-rgb), .17), transparent 18rem),
        radial-gradient(circle at 92% 18%, rgba(var(--dtm-theme-glow-rgb), .12), transparent 18rem),
        linear-gradient(155deg, rgba(11, 24, 38, .98) 0%, rgba(5, 15, 28, .96) 58%, rgba(6, 34, 37, .94) 100%) !important;
    color: #f5f8ff !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .12), 0 28px 78px rgba(0, 0, 0, .3) !important;
    transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
}

.investhub-shell .nova-plans-shell .app-plan-card:hover,
.investhub-shell .nova-plans-shell .plan-item.style--two:hover {
    transform: translateY(-6px) !important;
    border-color: rgba(var(--dtm-theme-bright-rgb), .34) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 34px 92px rgba(0, 0, 0, .36) !important;
}

.investhub-shell .nova-plans-shell .plan-title,
.investhub-shell .nova-plans-shell .app-plan-card__rate .rate,
.investhub-shell .nova-plans-shell .app-plan-specs__row .value {
    color: #ffffff !important;
}

.investhub-shell .nova-plans-shell .plan-title {
    font-size: clamp(1.18rem, 1.8vw, 1.55rem) !important;
}

.investhub-shell .nova-plans-shell .app-plan-card__summary,
.investhub-shell .nova-plans-shell .app-plan-specs__row .label,
.investhub-shell .nova-plans-shell .plan-rate p {
    color: #b6c6d9 !important;
}

.investhub-shell .nova-plans-shell .app-plan-card__eyebrow,
.investhub-shell .nova-plans-shell .app-plan-flag {
    border: 1px solid rgba(var(--dtm-theme-bright-rgb), .16);
    background: rgba(var(--dtm-theme-bright-rgb), .13) !important;
    color: var(--dtm-theme-bright) !important;
}

.investhub-shell .nova-plans-shell .app-plan-card__serial {
    border: 1px solid rgba(var(--dtm-theme-glow-rgb), .18);
    background: rgba(var(--dtm-theme-glow-rgb), .09) !important;
    color: #9ef4ff !important;
}

.investhub-shell .nova-plans-shell .plan-rate,
.investhub-shell .nova-plans-shell .app-plan-card__rate {
    border-color: rgba(var(--dtm-theme-bright-rgb), .22) !important;
    border-radius: 22px !important;
    background:
        radial-gradient(circle at 85% 0%, rgba(var(--dtm-theme-glow-rgb), .16), transparent 16rem),
        linear-gradient(135deg, rgba(var(--dtm-theme-bright-rgb), .16), rgba(255, 255, 255, .055)) !important;
}

.investhub-shell .nova-plans-shell .app-plan-specs__row {
    border-color: rgba(255, 255, 255, .1) !important;
}

.investhub-shell .nova-plans-shell .app-plan-card__footer .btn,
.investhub-shell .nova-plans-shell .plan-btn {
    min-height: 56px;
    border: 0 !important;
    border-radius: 999px !important;
    background:
        linear-gradient(135deg, var(--dtm-theme-bright) 0%, var(--dtm-theme-glow) 48%, var(--dtm-theme-neon) 100%) !important;
    color: #04101c !important;
    font-family: "Sora", sans-serif !important;
    font-weight: 900 !important;
    box-shadow: 0 18px 44px rgba(var(--dtm-theme-glow-rgb), .18) !important;
}

.nova-empty-state {
    padding: 36px;
    border-radius: 24px;
    border: 1px solid rgba(255, 255, 255, .12);
    background: rgba(255, 255, 255, .055);
    text-align: center;
}

.nova-funding-panel {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, .9fr) minmax(0, .78fr) minmax(250px, .42fr);
    gap: 18px;
    align-items: stretch;
    padding: clamp(24px, 4vw, 48px);
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .15);
    border-radius: 42px;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, .12), rgba(255, 255, 255, .035)),
        rgba(5, 14, 25, .76);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .14), 0 30px 90px rgba(0, 0, 0, .3);
    backdrop-filter: blur(18px);
}

.nova-funding-panel::before {
    content: "";
    position: absolute;
    inset: -30% auto auto -12%;
    width: 420px;
    aspect-ratio: 1;
    border-radius: 50%;
    background: rgba(var(--dtm-theme-glow-rgb), .17);
    filter: blur(20px);
}

.nova-funding-panel__copy {
    position: relative;
    z-index: 1;
}

.nova-funding-panel__copy h2 {
    margin-bottom: 18px;
    font-size: clamp(2rem, 4.2vw, 4rem) !important;
    font-weight: 800;
    line-height: 1;
    letter-spacing: -.052em;
}

.nova-funding-panel__copy p {
    max-width: 620px;
    color: #b6c5d8;
}

.nova-funding-steps {
    position: relative;
    z-index: 1;
    display: grid;
    gap: 12px;
}

.nova-funding-steps article {
    padding: 20px;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 24px;
    background: rgba(255, 255, 255, .06);
}

.nova-funding-steps span {
    display: block;
    margin-bottom: 18px;
    color: var(--nova-lime);
    font-family: "Space Grotesk", "Sora", sans-serif;
    font-size: 14px;
    font-weight: 900;
}

.nova-funding-steps strong {
    display: block;
    color: #fff;
    font-family: "Space Grotesk", "Sora", sans-serif;
    font-size: 1.05rem;
}

.nova-funding-steps p {
    margin: 6px 0 0;
    color: #aebed1;
    font-size: 13px;
}

.nova-wallet-card {
    position: relative;
    z-index: 1;
    display: grid;
    align-content: space-between;
    gap: 18px;
    min-height: 320px;
    padding: 24px;
    border: 1px solid rgba(var(--dtm-theme-neon-rgb), .28);
    border-radius: 30px;
    background: linear-gradient(180deg, rgba(var(--dtm-theme-neon-rgb), .16), rgba(255, 255, 255, .06));
}

.nova-wallet-card span,
.nova-wallet-card strong {
    display: block;
}

.nova-wallet-card span {
    color: #aebdd0;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.nova-wallet-card strong {
    margin-top: 7px;
    color: #fff;
    font-family: "Space Grotesk", "Sora", sans-serif;
    font-size: 1.25rem;
}

.nova-qr--large {
    grid-template-columns: repeat(2, 32px);
    grid-auto-rows: 32px;
    gap: 8px;
    width: max-content;
    padding: 16px;
    border-radius: 22px;
}

.nova-process-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
}

.nova-process-grid article {
    position: relative;
    min-height: 300px;
    padding: 26px;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 28px;
    background: rgba(255, 255, 255, .055);
}

.nova-process-grid article > span {
    display: block;
    margin-bottom: 48px;
    color: var(--nova-cyan);
    font-family: "Space Grotesk", "Sora", sans-serif;
    font-size: 13px;
    font-weight: 900;
}

.nova-process-grid img {
    width: 52px;
    height: 52px;
    margin-bottom: 20px;
    border-radius: 18px;
}

.nova-process-grid h3 {
    margin-bottom: 10px;
    font-size: 1.18rem !important;
}

.nova-process-grid p {
    margin-bottom: 0;
    color: #a8b8ca;
}

.nova-resource-grid {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 12px;
}

.nova-resource-grid a {
    display: flex;
    min-height: 235px;
    flex-direction: column;
    justify-content: space-between;
    padding: 22px;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 28px;
    background: rgba(255, 255, 255, .055);
    color: #fff !important;
}

.nova-resource-grid a:hover {
    transform: translateY(-4px);
    border-color: rgba(var(--dtm-theme-glow-rgb), .34);
    background: rgba(var(--dtm-theme-glow-rgb), .09);
}

.nova-resource-grid i {
    display: grid;
    place-items: center;
    width: 50px;
    height: 50px;
    border-radius: 18px;
    background: rgba(var(--dtm-theme-glow-rgb), .1);
    color: var(--nova-cyan);
    font-size: 25px;
}

.nova-resource-grid strong,
.nova-resource-grid span {
    display: block;
}

.nova-resource-grid strong {
    margin-top: auto;
    color: #fff;
    font-family: "Space Grotesk", "Sora", sans-serif;
    font-size: 1.08rem;
}

.nova-resource-grid span {
    margin-top: 8px;
    color: #a8b8ca;
    font-size: 13px;
}

.nova-insight-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}

.nova-insight-card {
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 32px;
    background: rgba(255, 255, 255, .055);
}

.nova-insight-card__image {
    height: 245px;
    overflow: hidden;
}

.nova-insight-card__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .45s ease;
}

.nova-insight-card:hover .nova-insight-card__image img {
    transform: scale(1.06);
}

.nova-insight-card__body {
    padding: 24px;
}

.nova-insight-card h3 {
    margin-bottom: 12px;
    font-size: 1.28rem !important;
}

.nova-insight-card p {
    margin-bottom: 18px;
    color: #a8b8ca;
}

.nova-insight-card a {
    color: var(--nova-cyan) !important;
    font-weight: 800;
}

.nova-payments-panel {
    display: grid;
    grid-template-columns: minmax(280px, 470px) minmax(0, 1fr);
    gap: 30px;
    align-items: center;
    padding: clamp(24px, 4vw, 44px);
    border: 1px solid rgba(255, 255, 255, .13);
    border-radius: 36px;
    background:
        radial-gradient(circle at 0% 0%, rgba(var(--dtm-theme-glow-rgb), .13), transparent 24rem),
        linear-gradient(135deg, rgba(255, 255, 255, .1), rgba(255, 255, 255, .035));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .12), 0 25px 80px rgba(0, 0, 0, .25);
    backdrop-filter: blur(18px);
}

.nova-payments-panel .nova-eyebrow {
    border-color: rgba(var(--dtm-theme-glow-rgb), .24);
    background: rgba(var(--dtm-theme-glow-rgb), .1);
    color: var(--nova-cyan) !important;
}

.nova-payments-panel h2 {
    margin-bottom: 0;
    font-size: clamp(1.8rem, 3.5vw, 3.35rem) !important;
    font-weight: 800;
    line-height: 1.04;
}

.nova-payment-logos {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 10px;
}

.nova-payment-logos img {
    width: 64px;
    height: 64px;
    object-fit: contain;
    padding: 10px;
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 18px;
    background: rgba(255, 255, 255, .9);
    box-shadow: 0 16px 40px rgba(0, 0, 0, .16);
}

.nova-final-cta {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 24px;
    align-items: center;
    padding: clamp(28px, 5vw, 58px);
    border: 1px solid rgba(255, 255, 255, .15);
    border-radius: 42px;
    background:
        radial-gradient(circle at 80% 0%, rgba(var(--dtm-theme-neon-rgb), .14), transparent 26rem),
        linear-gradient(135deg, rgba(255, 255, 255, .11), rgba(255, 255, 255, .04));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .13), 0 30px 90px rgba(0, 0, 0, .24);
}

.nova-final-cta h2 {
    max-width: 850px;
    margin-bottom: 0;
    font-size: clamp(2rem, 4.2vw, 4.2rem) !important;
    font-weight: 800;
    line-height: 1;
    letter-spacing: -.055em;
}

.nova-final-cta__actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 12px;
}

.nova-footer {
    border: 1px solid rgba(255, 255, 255, .1) !important;
    background:
        radial-gradient(circle at 15% 0%, rgba(var(--dtm-theme-glow-rgb), .1), transparent 24rem),
        #03070f !important;
}

.nova-footer .home-footer__top {
    gap: clamp(28px, 5vw, 90px);
}

.nova-footer .home-footer__links > div {
    border-color: rgba(255, 255, 255, .09);
    background: rgba(255, 255, 255, .045);
}

.nova-footer .home-footer__brand p {
    max-width: 480px;
}

.nova-footer .home-footer__bottom {
    border-color: rgba(255, 255, 255, .1);
}

@keyframes nova-drift {
    0% {
        transform: translate3d(0, 0, 0) scale(1);
    }
    50% {
        transform: translate3d(-22px, 12px, 0) scale(1.04);
    }
    100% {
        transform: translate3d(0, 0, 0) scale(1);
    }
}

@keyframes nova-orbit {
    to {
        transform: rotate(346deg);
    }
}

@keyframes nova-float {
    0%, 100% {
        transform: translateY(0) rotate(-4deg);
    }
    50% {
        transform: translateY(-18px) rotate(3deg);
    }
}

@keyframes nova-card-float {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px);
    }
}

@media (prefers-reduced-motion: reduce) {
    .nova-hero__mesh,
    .nova-coin-core,
    .nova-orbit-ring,
    .nova-float-card {
        animation: none !important;
    }
}

@media (max-width: 1399px) {
    .nova-hero__layout {
        grid-template-columns: minmax(0, .92fr) minmax(420px, 1fr);
    }

    .nova-resource-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 1199px) {
    .nova-hero__layout,
    .nova-split-showcase,
    .nova-market-layout,
    .nova-funding-panel,
    .nova-payments-panel {
        grid-template-columns: 1fr;
    }

    .nova-orbit-stage {
        min-height: 600px;
    }

    .nova-ecosystem-grid,
    .nova-process-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .nova-payment-logos {
        justify-content: flex-start;
    }
}

@media (max-width: 991px) {
    .nova-hero {
        min-height: auto;
    }

    .nova-section__head--split {
        grid-template-columns: 1fr;
        align-items: start;
    }

    .nova-asset-strip,
    .nova-insight-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .nova-final-cta {
        grid-template-columns: 1fr;
    }

    .nova-final-cta__actions {
        justify-content: flex-start;
    }
}

@media (max-width: 767px) {
    .nova-home .btn,
    .nova-hero__actions .btn,
    .nova-final-cta__actions .btn {
        width: 100%;
    }

    .nova-hero h1 {
        font-size: clamp(2.55rem, 16vw, 4.4rem) !important;
        letter-spacing: -.06em;
    }

    .nova-hero__metrics,
    .nova-asset-strip,
    .nova-ecosystem-grid,
    .nova-lane-grid,
    .nova-process-grid,
    .nova-resource-grid,
    .nova-insight-grid {
        grid-template-columns: 1fr;
    }

    .nova-orbit-stage {
        display: grid;
        gap: 12px;
        min-height: auto;
        padding-top: 18px;
    }

    .nova-orbit-stage__glow,
    .nova-orbit-stage__photo,
    .nova-coin-core,
    .nova-orbit-ring,
    .nova-float-card,
    .nova-qr-card {
        position: relative;
        inset: auto;
        right: auto;
        bottom: auto;
        left: auto;
        top: auto;
        width: 100%;
        transform: none;
    }

    .nova-orbit-stage__glow,
    .nova-orbit-ring {
        display: none;
    }

    .nova-orbit-stage__photo {
        height: 280px;
        border-radius: 30px;
    }

    .nova-orbit-stage__photo img {
        min-height: 280px;
    }

    .nova-coin-core {
        width: min(240px, 70vw);
        justify-self: center;
        order: -1;
    }

    .nova-float-card {
        grid-template-columns: 42px minmax(0, 1fr) auto;
    }

    .nova-qr-card {
        justify-content: space-between;
    }

    .nova-section {
        padding: 62px 0;
    }

    .nova-section__head h2,
    .nova-split-showcase__content h2,
    .nova-funding-panel__copy h2,
    .nova-final-cta h2 {
        font-size: clamp(2rem, 10vw, 3rem) !important;
    }

    .nova-split-showcase__media,
    .nova-split-showcase__media img {
        min-height: 360px;
    }

    .nova-market-chip {
        grid-template-columns: 42px minmax(0, 1fr);
    }

    .nova-market-chip em {
        grid-column: 2;
    }
}

@media (max-width: 480px) {
    .nova-hero {
        padding-top: 42px;
    }

    .nova-hero__metrics div,
    .nova-ecosystem-card,
    .nova-lane-grid article,
    .nova-market-side,
    .nova-funding-panel,
    .nova-process-grid article,
    .nova-resource-grid a,
    .nova-insight-card__body,
    .nova-payments-panel,
    .nova-final-cta {
        padding: 20px;
        border-radius: 24px;
    }

    .nova-asset-strip div,
    .nova-market-chip {
        grid-template-columns: 38px minmax(0, 1fr);
    }

    .nova-asset-strip em {
        grid-column: 2;
    }

    .nova-payment-logos img {
        width: 56px;
        height: 56px;
    }
}

/* Nova homepage polish: richer hero, color, motion, and mobile navigation alignment */
.nova-home {
    --nova-pink: #ff5fbf;
    --nova-violet: #8f7cff;
    --nova-aqua: #24ffd2;
}

.investhub-shell .header-bottom-area {
    display: flex;
    align-items: center;
    gap: 14px;
    width: 100%;
}

.investhub-shell .header-trigger-wrapper {
    margin-left: auto;
    position: relative;
    z-index: 1002;
}

.investhub-shell .header-trigger {
    display: grid;
    place-items: center;
    margin-top: 0 !important;
    box-shadow: 0 12px 32px rgba(0, 0, 0, .22);
}

.investhub-shell .header-trigger span {
    display: block;
}

.nova-hero {
    min-height: calc(100vh - 56px);
    background-image:
        radial-gradient(circle at 80% 12%, rgba(255, 95, 191, .22), transparent 26rem),
        radial-gradient(circle at 54% 42%, rgba(36, 255, 210, .18), transparent 28rem),
        linear-gradient(92deg, rgba(3, 7, 15, .98) 0%, rgba(3, 7, 15, .7) 46%, rgba(3, 7, 15, .9) 100%),
        var(--nova-hero-image);
}

.nova-hero--video {
    margin-top: -1px;
    padding-top: clamp(8px, 2vw, 28px);
    background-image:
        radial-gradient(circle at 80% 12%, rgba(255, 95, 191, .16), transparent 26rem),
        radial-gradient(circle at 54% 42%, rgba(36, 255, 210, .12), transparent 28rem),
        linear-gradient(92deg, rgba(3, 7, 15, .78) 0%, rgba(3, 7, 15, .36) 46%, rgba(3, 7, 15, .72) 100%);
}

.nova-hero--video::before {
    background:
        linear-gradient(90deg, rgba(3, 7, 15, .68) 0%, rgba(3, 7, 15, .18) 46%, rgba(3, 7, 15, .64) 100%),
        radial-gradient(circle at 72% 32%, rgba(var(--dtm-theme-glow-rgb), .08), transparent 24rem);
}

.nova-hero--video::after {
    height: 110px;
    background: linear-gradient(180deg, transparent, rgba(3, 7, 15, .68));
}

.nova-hero--video .nova-hero__mesh,
.nova-hero--video .nova-orbit-stage::before {
    display: none;
}

.nova-hero--video .nova-hero__aurora {
    opacity: .45;
}

.nova-hero__aurora {
    position: absolute;
    inset: 0;
    overflow: hidden;
    pointer-events: none;
}

.nova-hero__aurora span {
    position: absolute;
    width: clamp(260px, 28vw, 520px);
    aspect-ratio: 1;
    border-radius: 44% 56% 62% 38%;
    opacity: .34;
    filter: blur(20px);
    mix-blend-mode: screen;
    animation: nova-aurora-flow 14s ease-in-out infinite;
}

.nova-hero__aurora span:nth-child(1) {
    top: 9%;
    right: 24%;
    background: linear-gradient(135deg, var(--nova-cyan), var(--nova-violet));
}

.nova-hero__aurora span:nth-child(2) {
    right: -8%;
    bottom: 18%;
    background: linear-gradient(135deg, var(--nova-pink), var(--nova-orange));
    animation-delay: -4s;
}

.nova-hero__aurora span:nth-child(3) {
    left: 28%;
    bottom: 4%;
    background: linear-gradient(135deg, var(--nova-lime), var(--nova-aqua));
    animation-delay: -8s;
}

.nova-hero__mesh {
    opacity: .42;
    background:
        conic-gradient(from 110deg at 70% 42%, rgba(var(--dtm-theme-glow-rgb), .52), transparent 15%, rgba(255, 95, 191, .26), transparent 30%, rgba(var(--dtm-theme-neon-rgb), .25), transparent 48%),
        repeating-linear-gradient(118deg, transparent 0 28px, rgba(255, 255, 255, .075) 29px, transparent 31px);
}

.nova-hero__copy > * {
    animation: nova-rise-in .78s cubic-bezier(.2, .8, .2, 1) both;
}

.nova-hero__copy > *:nth-child(2) {
    animation-delay: .08s;
}

.nova-hero__copy > *:nth-child(3) {
    animation-delay: .16s;
}

.nova-hero__copy > *:nth-child(4) {
    animation-delay: .24s;
}

.nova-hero__copy > *:nth-child(5) {
    animation-delay: .32s;
}

.nova-hero__copy > *:nth-child(6) {
    animation-delay: .4s;
}

.nova-hero h1 {
    text-shadow: 0 18px 70px rgba(0, 0, 0, .34);
}

.nova-hero h1 span {
    display: inline-block;
    color: transparent !important;
    background: linear-gradient(100deg, #fff 0%, var(--nova-cyan) 28%, var(--nova-lime) 55%, var(--nova-orange) 78%, var(--nova-pink) 100%);
    -webkit-background-clip: text;
    background-clip: text;
    filter: drop-shadow(0 0 28px rgba(var(--dtm-theme-glow-rgb), .24));
}

.nova-hero__pills {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 24px;
}

.nova-hero__pills span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 38px;
    padding: 8px 13px;
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 999px;
    background: linear-gradient(135deg, rgba(255, 255, 255, .12), rgba(255, 255, 255, .045));
    color: #e9f5ff;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .02em;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .13);
    backdrop-filter: blur(14px);
}

.nova-hero__pills i {
    color: var(--nova-lime);
    font-size: 16px;
}

.nova-orbit-stage::before {
    content: "";
    position: absolute;
    inset: 11% 8% 7% 4%;
    border-radius: 46px;
    background:
        linear-gradient(90deg, rgba(255, 255, 255, .075) 1px, transparent 1px),
        linear-gradient(rgba(255, 255, 255, .075) 1px, transparent 1px);
    background-size: 36px 36px;
    opacity: .26;
    mask-image: radial-gradient(circle at 50% 44%, #000 0%, transparent 68%);
    transform: perspective(700px) rotateX(58deg) rotateZ(-8deg);
    animation: nova-grid-slide 10s linear infinite;
}

.nova-orbit-stage__glow {
    background:
        radial-gradient(circle at 42% 38%, rgba(255, 95, 191, .18), transparent 18rem),
        radial-gradient(circle at 50% 50%, rgba(var(--dtm-theme-glow-rgb), .34), transparent 28rem),
        linear-gradient(135deg, rgba(255, 255, 255, .13), rgba(255, 255, 255, .02));
}

.nova-coin-core {
    background:
        radial-gradient(circle at 34% 25%, rgba(255, 255, 255, .98), transparent 13%),
        conic-gradient(from 140deg, #ffdf7e, #ff8f3d, #ff5fbf, #8f7cff, var(--dtm-theme-glow), #ffdf7e);
    box-shadow:
        0 0 0 18px rgba(255, 95, 191, .055),
        0 0 70px rgba(255, 176, 79, .36),
        0 0 130px rgba(var(--dtm-theme-glow-rgb), .22),
        inset 0 -28px 60px rgba(49, 21, 4, .3);
}

.nova-coin-core span {
    font-size: 0 !important;
}

.nova-coin-core span::before {
    content: "\20BF";
    color: #2a1700;
    font-family: "Space Grotesk", "Sora", sans-serif;
    font-size: clamp(4.5rem, 10vw, 9rem);
    font-weight: 900;
    line-height: 1;
    text-shadow: 0 3px 0 rgba(255, 255, 255, .2);
}

.nova-coin-core::before {
    animation: nova-pulse-ring 2.8s ease-in-out infinite;
}

.nova-float-card {
    overflow: hidden;
}

.nova-float-card::before {
    content: "";
    position: absolute;
    inset: 0;
    opacity: .22;
    background: linear-gradient(120deg, transparent 0%, rgba(255, 255, 255, .28) 45%, transparent 62%);
    transform: translateX(-120%);
    animation: nova-shine 4.8s ease-in-out infinite;
}

.nova-float-card--1::after,
.nova-float-card--2::after,
.nova-float-card--3::after,
.nova-float-card--4::after {
    content: "";
    position: absolute;
    inset: auto 14px 0;
    height: 3px;
    border-radius: 999px 999px 0 0;
}

.nova-float-card--1::after {
    background: var(--nova-orange);
}

.nova-float-card--2::after {
    background: var(--nova-blue);
}

.nova-float-card--3::after {
    background: var(--nova-lime);
}

.nova-float-card--4::after {
    background: #ffd56a;
}

.nova-hero__metrics div,
.nova-asset-strip div,
.nova-ecosystem-card,
.nova-lane-grid article,
.nova-resource-grid a,
.nova-insight-card {
    transition: transform .28s ease, border-color .28s ease, background .28s ease, box-shadow .28s ease;
}

.nova-hero__metrics div:hover,
.nova-asset-strip div:hover,
.nova-ecosystem-card:hover,
.nova-lane-grid article:hover,
.nova-resource-grid a:hover,
.nova-insight-card:hover {
    transform: translateY(-6px);
    border-color: rgba(var(--dtm-theme-glow-rgb), .32);
    box-shadow: 0 28px 80px rgba(0, 0, 0, .24), 0 0 44px rgba(var(--dtm-theme-glow-rgb), .08);
}

.nova-section--ecosystem {
    background:
        radial-gradient(circle at 15% 18%, rgba(255, 95, 191, .12), transparent 28rem),
        radial-gradient(circle at 80% 0%, rgba(var(--dtm-theme-glow-rgb), .16), transparent 30rem),
        linear-gradient(180deg, rgba(7, 17, 31, .88), rgba(3, 7, 15, .98));
}

.nova-section--visual {
    background:
        radial-gradient(circle at 12% 22%, rgba(var(--dtm-theme-neon-rgb), .13), transparent 27rem),
        radial-gradient(circle at 88% 52%, rgba(143, 124, 255, .12), transparent 28rem),
        #06111f;
}

.nova-section--market-board {
    background:
        radial-gradient(circle at 12% 70%, rgba(255, 95, 191, .1), transparent 26rem),
        radial-gradient(circle at 90% 30%, rgba(var(--dtm-theme-glow-rgb), .18), transparent 32rem),
        linear-gradient(180deg, #03070f, #071320);
}

@keyframes nova-aurora-flow {
    0%, 100% {
        transform: translate3d(0, 0, 0) rotate(0deg) scale(1);
    }
    45% {
        transform: translate3d(-34px, 26px, 0) rotate(18deg) scale(1.12);
    }
    70% {
        transform: translate3d(28px, -20px, 0) rotate(-12deg) scale(.94);
    }
}

@keyframes nova-rise-in {
    from {
        opacity: 0;
        transform: translateY(24px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes nova-grid-slide {
    from {
        background-position: 0 0, 0 0;
    }
    to {
        background-position: 72px 0, 0 72px;
    }
}

@keyframes nova-pulse-ring {
    0%, 100% {
        transform: scale(1);
        opacity: .9;
    }
    50% {
        transform: scale(1.08);
        opacity: .45;
    }
}

@keyframes nova-shine {
    0%, 72% {
        transform: translateX(-130%);
    }
    100% {
        transform: translateX(130%);
    }
}

@media (max-width: 991px) {
    .investhub-shell .header-bottom {
        padding: 8px 0 !important;
    }

    .investhub-shell .header-bottom,
    .investhub-shell .header-bottom-area {
        min-height: 58px;
    }

    .investhub-shell .header .logo img {
        max-width: 136px;
        max-height: 34px;
    }

    .investhub-shell .header-trigger-wrapper {
        display: flex !important;
        align-items: center;
        justify-content: flex-end;
        padding-left: 12px;
    }

    .investhub-shell .header-trigger {
        width: 44px;
        height: 44px;
        border-radius: 16px;
        background:
            linear-gradient(135deg, rgba(var(--dtm-theme-glow-rgb), .18), rgba(255, 95, 191, .12)),
            rgba(255, 255, 255, .07);
    }

    .investhub-shell .header .menu {
        position: fixed;
        top: 66px;
        left: 12px;
        right: 12px;
        width: auto;
        min-width: 0;
        max-height: calc(100vh - 84px);
        padding: 20px;
        border: 1px solid rgba(255, 255, 255, .14);
        border-radius: 24px;
        background:
            radial-gradient(circle at 100% 0%, rgba(var(--dtm-theme-glow-rgb), .15), transparent 17rem),
            rgba(3, 10, 21, .97) !important;
        box-shadow: 0 30px 90px rgba(0, 0, 0, .42);
        backdrop-filter: blur(22px);
    }

    .investhub-shell .header .menu.active {
        top: 66px;
    }

    .nova-hero__pills {
        margin-top: 20px;
    }
}

@media (max-width: 767px) {
    .nova-hero {
        padding-top: 48px;
    }

    .nova-hero__pills span {
        width: 100%;
        justify-content: center;
    }

    .nova-orbit-stage::before {
        display: none;
    }

    .nova-hero__aurora span {
        opacity: .22;
        filter: blur(28px);
    }
}

@media (prefers-reduced-motion: reduce) {
    .nova-hero__aurora span,
    .nova-hero__copy > *,
    .nova-orbit-stage::before,
    .nova-coin-core::before,
    .nova-float-card::before {
        animation: none !important;
    }
}

/* Nova hero video background and investment growth graph */
.nova-hero__video {
    position: absolute;
    inset: 0;
    z-index: 0;
    overflow: hidden;
    pointer-events: none;
    height: 100%;
    opacity: 1;
    filter: saturate(1.25) contrast(1.12);
}

.nova-hero__video::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 72% 32%, rgba(var(--dtm-theme-glow-rgb), .08), transparent 24rem),
        linear-gradient(90deg, rgba(3, 7, 15, .58), rgba(3, 7, 15, .16), rgba(3, 7, 15, .62));
}

.nova-hero__video iframe {
    position: absolute;
    top: -90%;
    left: 50%;
    width: 240vw;
    height: 135vw;
    min-width: 430vh;
    min-height: 270%;
    border: 0;
    transform: translateX(-50%) scale(1.24);
    transform-origin: top center;
}

.nova-hero::before,
.nova-hero::after {
    z-index: 1;
    pointer-events: none;
}

.nova-hero__aurora,
.nova-hero__mesh {
    z-index: 2;
}

.nova-hero .container {
    z-index: 3;
}

.nova-growth-graph {
    position: absolute;
    left: 5%;
    bottom: 11%;
    z-index: 6;
    width: min(430px, 48vw);
    padding: 18px;
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 26px;
    background:
        linear-gradient(135deg, rgba(7, 18, 31, .88), rgba(7, 18, 31, .58)),
        radial-gradient(circle at 100% 0%, rgba(var(--dtm-theme-bright-rgb), .18), transparent 16rem);
    box-shadow: 0 28px 80px rgba(0, 0, 0, .34), inset 0 1px 0 rgba(255, 255, 255, .13);
    backdrop-filter: blur(20px);
    animation: nova-graph-float 6.5s ease-in-out infinite;
}

.nova-orbit-stage .nova-float-card--3 {
    left: auto;
    right: 12%;
    bottom: 43%;
}

.nova-orbit-stage .nova-qr-card {
    left: auto;
    right: 40%;
    bottom: 1%;
}

.nova-growth-graph__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 8px;
}

.nova-growth-graph__head span,
.nova-growth-graph__head strong,
.nova-growth-graph__head em {
    display: block;
}

.nova-growth-graph__head span {
    color: #94a9bf;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.nova-growth-graph__head strong {
    margin-top: 3px;
    color: #fff;
    font-family: "Space Grotesk", "Sora", sans-serif;
    font-size: clamp(1.4rem, 2.3vw, 2.05rem);
    line-height: 1;
}

.nova-growth-graph__head em {
    padding: 7px 10px;
    border: 1px solid rgba(var(--dtm-theme-bright-rgb), .28);
    border-radius: 999px;
    background: rgba(var(--dtm-theme-bright-rgb), .12);
    color: var(--nova-green);
    font-size: 12px;
    font-style: normal;
    font-weight: 900;
}

.nova-growth-graph svg {
    display: block;
    width: 100%;
    height: 210px;
    overflow: visible;
}

.nova-growth-graph__grid line {
    stroke: rgba(255, 255, 255, .1);
    stroke-width: 1;
}

.nova-growth-graph__candles line {
    stroke: rgba(255, 255, 255, .22);
    stroke-width: 9;
    stroke-linecap: round;
    stroke-dasharray: 1;
    stroke-dashoffset: 1;
    animation: nova-candle-rise 5.8s ease-in-out infinite;
}

.nova-growth-graph__candles line:nth-child(2) {
    animation-delay: .18s;
}

.nova-growth-graph__candles line:nth-child(3) {
    animation-delay: .36s;
}

.nova-growth-graph__candles line:nth-child(4) {
    animation-delay: .54s;
}

.nova-growth-graph__candles line:nth-child(5) {
    animation-delay: .72s;
}

.nova-growth-graph__candles line:nth-child(6) {
    animation-delay: .9s;
}

.nova-growth-graph__area {
    fill: url(#novaGrowthArea);
    opacity: 0;
    animation: nova-area-glow 5.8s ease-in-out infinite;
}

.nova-growth-graph__line {
    fill: none;
    stroke: url(#novaGrowthStroke);
    stroke-width: 5;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-dasharray: 1;
    stroke-dashoffset: 1;
    filter: drop-shadow(0 0 12px rgba(var(--dtm-theme-bright-rgb), .55));
    animation: nova-line-draw 5.8s ease-in-out infinite;
}

.nova-growth-graph__points circle {
    fill: #061322;
    stroke: var(--nova-green);
    stroke-width: 3;
    opacity: 0;
    animation: nova-point-pop 5.8s ease-in-out infinite;
}

.nova-growth-graph__points circle:nth-child(2) {
    animation-delay: .25s;
}

.nova-growth-graph__points circle:nth-child(3) {
    animation-delay: .5s;
}

.nova-growth-graph__points circle:nth-child(4) {
    animation-delay: .75s;
}

.nova-growth-graph__points circle:nth-child(5) {
    stroke: var(--nova-cyan);
    animation-delay: 1s;
}

.nova-growth-graph__axis {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
    margin-top: 3px;
}

.nova-growth-graph__axis span {
    color: #70879f;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .12em;
    text-align: center;
    text-transform: uppercase;
}

@keyframes nova-line-draw {
    0% {
        stroke-dashoffset: 1;
    }
    42%, 100% {
        stroke-dashoffset: 0;
    }
}

@keyframes nova-area-glow {
    0%, 18% {
        opacity: 0;
    }
    45%, 100% {
        opacity: 1;
    }
}

@keyframes nova-candle-rise {
    0%, 10% {
        stroke-dashoffset: 1;
        opacity: .15;
    }
    40%, 100% {
        stroke-dashoffset: 0;
        opacity: .85;
    }
}

@keyframes nova-point-pop {
    0%, 28% {
        opacity: 0;
        r: 2;
    }
    45%, 100% {
        opacity: 1;
        r: 5;
    }
}

@keyframes nova-graph-float {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-10px);
    }
}

@media (max-width: 1199px) {
    .nova-growth-graph {
        left: 0;
        width: min(410px, 52vw);
    }
}

@media (max-width: 767px) {
    .nova-hero__video {
        opacity: .74;
    }

    .nova-hero__video iframe {
        top: -74%;
        width: 340vw;
        height: 191.25vw;
        min-width: 310vh;
        min-height: 250%;
        transform: translateX(-50%) scale(1.18);
    }

    .nova-growth-graph {
        position: relative;
        inset: auto;
        width: 100%;
        order: 3;
        padding: 16px;
        border-radius: 24px;
    }

    .nova-growth-graph svg {
        height: 180px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .nova-growth-graph,
    .nova-growth-graph__candles line,
    .nova-growth-graph__area,
    .nova-growth-graph__line,
    .nova-growth-graph__points circle {
        animation: none !important;
    }

    .nova-growth-graph__area,
    .nova-growth-graph__points circle {
        opacity: 1;
    }

    .nova-growth-graph__line,
    .nova-growth-graph__candles line {
        stroke-dashoffset: 0;
    }
}

/* Centered login and registration cards */
.auth-layout--login {
    width: min(100%, 520px) !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.auth-layout--register {
    width: min(100%, 720px) !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

@media (max-width: 575px) {
    .auth-shell--login,
    .auth-shell--register {
        padding: 18px 0 !important;
    }

    .auth-login-panel,
    .auth-register-panel {
        padding: 24px 19px !important;
        border-radius: 24px !important;
    }
}

/* 20260707 colorful user operations pages */
.wallet-funding-section--vivid,
.invest-stats-workspace--vivid {
    position: relative;
    isolation: isolate;
}

.wallet-funding-section--vivid {
    overflow: hidden;
    background:
        radial-gradient(circle at 10% 8%, rgba(var(--dtm-theme-link-rgb), .2), transparent 27rem),
        radial-gradient(circle at 86% 4%, rgba(var(--dtm-theme-bright-rgb), .22), transparent 30rem),
        linear-gradient(145deg, #030712 0%, #071525 48%, #041513 100%) !important;
}

.wallet-funding-section--vivid::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background:
        linear-gradient(rgba(255, 255, 255, .035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, .035) 1px, transparent 1px);
    background-size: 58px 58px;
    mask-image: radial-gradient(circle at 50% 20%, #000 0%, transparent 78%);
}

.wallet-funding-section--vivid .container {
    position: relative;
    z-index: 1;
}

.wallet-funding-section--vivid .wallet-funding-hero {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .16) !important;
    border-radius: 32px !important;
    background:
        radial-gradient(circle at 86% 14%, rgba(var(--dtm-theme-secondary-rgb), .22), transparent 20rem),
        radial-gradient(circle at 12% 10%, rgba(var(--dtm-theme-glow-rgb), .18), transparent 22rem),
        linear-gradient(135deg, rgba(255, 255, 255, .13), rgba(255, 255, 255, .045)) !important;
    color: #fff !important;
    box-shadow: 0 30px 110px rgba(0, 0, 0, .26);
    backdrop-filter: blur(18px);
}

.wallet-funding-section--vivid .wallet-funding-hero h2,
.wallet-funding-section--vivid .wallet-panel h3,
.wallet-funding-section--vivid .wallet-input-card h3,
.wallet-funding-section--vivid .wallet-summary-card h3 {
    color: #fff !important;
}

.wallet-funding-section--vivid .wallet-funding-hero p,
.wallet-funding-section--vivid .wallet-panel p,
.wallet-funding-section--vivid .wallet-input-card p,
.wallet-funding-section--vivid .wallet-summary-card p,
.wallet-funding-section--vivid .wallet-note-card li,
.wallet-funding-section--vivid .wallet-summary-footnote {
    color: #b9c9db !important;
}

.wallet-funding-orb {
    position: absolute;
    z-index: -1;
    border-radius: 50%;
    filter: blur(1px);
    opacity: .62;
    pointer-events: none;
    animation: wallet-orb-float 8s ease-in-out infinite;
}

.wallet-funding-orb--one {
    right: 12%;
    top: 12%;
    width: 96px;
    height: 96px;
    background: radial-gradient(circle, rgba(var(--dtm-theme-secondary-rgb), .86), rgba(var(--dtm-theme-secondary-rgb), 0));
}

.wallet-funding-orb--two {
    right: 34%;
    bottom: 10%;
    width: 68px;
    height: 68px;
    background: radial-gradient(circle, rgba(var(--dtm-theme-glow-rgb), .84), rgba(var(--dtm-theme-glow-rgb), 0));
    animation-delay: -3s;
}

.wallet-funding-section--vivid .wallet-funding-highlights span {
    border: 1px solid rgba(255, 255, 255, .12);
    background: rgba(255, 255, 255, .08);
    color: #e9f6ff !important;
    box-shadow: none;
}

.wallet-funding-section--vivid .wallet-panel,
.wallet-funding-section--vivid .wallet-input-card,
.wallet-funding-section--vivid .wallet-note-card,
.wallet-funding-section--vivid .wallet-summary-card {
    border: 1px solid rgba(255, 255, 255, .13) !important;
    background:
        radial-gradient(circle at 100% 0%, rgba(var(--dtm-theme-link-rgb), .14), transparent 18rem),
        linear-gradient(160deg, rgba(255, 255, 255, .105), rgba(255, 255, 255, .045)) !important;
    color: #fff !important;
    box-shadow: 0 24px 72px rgba(0, 0, 0, .22) !important;
    backdrop-filter: blur(18px);
}

.wallet-funding-section--vivid .wallet-panel__eyebrow {
    background: rgba(var(--dtm-theme-bright-rgb), .12);
    color: var(--dtm-theme-bright) !important;
    box-shadow: inset 0 0 0 1px rgba(var(--dtm-theme-bright-rgb), .22);
}

.wallet-funding-section--vivid .wallet-payment-item,
.wallet-funding-section--vivid .wallet-summary-list,
.wallet-funding-section--vivid .wallet-summary-step {
    border-color: rgba(255, 255, 255, .12) !important;
    background: rgba(3, 7, 15, .38) !important;
    color: #f8fbff !important;
    box-shadow: none !important;
}

.wallet-funding-section--vivid .wallet-payment-item:hover {
    border-color: rgba(var(--dtm-theme-bright-rgb), .36) !important;
    background: rgba(255, 255, 255, .08) !important;
}

.wallet-funding-section--vivid .wallet-payment-item:has(.payment-item__radio:checked) {
    border-color: rgba(var(--dtm-theme-bright-rgb), .58) !important;
    background:
        radial-gradient(circle at 100% 0%, rgba(var(--dtm-theme-bright-rgb), .16), transparent 11rem),
        rgba(255, 255, 255, .1) !important;
    box-shadow: 0 0 0 3px rgba(var(--dtm-theme-bright-rgb), .1) !important;
}

.wallet-funding-section--vivid .payment-item__name,
.wallet-funding-section--vivid .wallet-summary-step span,
.wallet-funding-section--vivid .deposit-info .text {
    color: #f8fbff !important;
}

.wallet-funding-section--vivid .wallet-payment-item__copy small,
.wallet-funding-section--vivid .deposit-info__title .text,
.wallet-funding-section--vivid .wallet-summary-step strong {
    color: #93aac0 !important;
}

.wallet-funding-section--vivid .deposit-info__input-group-text {
    border-color: rgba(255, 255, 255, .14) !important;
    background: rgba(var(--dtm-theme-bright-rgb), .13) !important;
    color: var(--dtm-theme-bright) !important;
}

.wallet-funding-section--vivid .amount.form--control,
.wallet-funding-section--vivid .amount.form-control {
    border-color: rgba(255, 255, 255, .14) !important;
    background: rgba(3, 7, 15, .45) !important;
    color: #fff !important;
}

.wallet-funding-section--vivid .amount.form--control:focus,
.wallet-funding-section--vivid .amount.form-control:focus {
    border-color: rgba(var(--dtm-theme-bright-rgb), .48) !important;
    box-shadow: 0 0 0 3px rgba(var(--dtm-theme-bright-rgb), .11) !important;
}

.wallet-funding-section--vivid .wallet-summary-badge,
.wallet-funding-section--vivid .wallet-summary-qr-note {
    border: 1px solid rgba(var(--dtm-theme-bright-rgb), .24);
    background: rgba(var(--dtm-theme-bright-rgb), .11);
    color: var(--dtm-theme-bright) !important;
    box-shadow: none;
}

.wallet-crypto-preview {
    display: grid;
    grid-template-columns: 118px minmax(0, 1fr);
    gap: 16px;
    align-items: center;
    margin: 0 0 20px;
    padding: 16px;
    border: 1px solid rgba(var(--dtm-theme-bright-rgb), .18);
    border-radius: 22px;
    background:
        radial-gradient(circle at 100% 0%, rgba(var(--dtm-theme-bright-rgb), .13), transparent 12rem),
        rgba(3, 7, 15, .36);
}

.wallet-crypto-preview__qr {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: repeat(5, 1fr);
    gap: 5px;
    width: 112px;
    height: 112px;
    padding: 11px;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 20px;
    background: #f8fbff;
    box-shadow: 0 18px 44px rgba(0, 0, 0, .2);
}

.wallet-crypto-preview__qr span {
    border-radius: 5px;
    background: #061322;
    animation: qr-pulse 3.8s ease-in-out infinite;
}

.wallet-crypto-preview__qr span:nth-child(2n) {
    background: var(--dtm-emerald);
    animation-delay: -.6s;
}

.wallet-crypto-preview__qr span:nth-child(3n) {
    background: var(--dtm-cobalt);
    animation-delay: -1.2s;
}

.wallet-crypto-preview__qr span:nth-child(4),
.wallet-crypto-preview__qr span:nth-child(8),
.wallet-crypto-preview__qr span:nth-child(14),
.wallet-crypto-preview__qr span:nth-child(19),
.wallet-crypto-preview__qr span:nth-child(23) {
    opacity: .18;
}

.wallet-crypto-preview__copy {
    display: grid;
    gap: 4px;
}

.wallet-crypto-preview__copy span {
    color: var(--dtm-theme-bright) !important;
    font-size: 10px !important;
    font-weight: 900;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.wallet-crypto-preview__copy strong {
    color: #fff;
    font: 700 16px/1.25 "Sora", sans-serif;
}

.wallet-crypto-preview__copy small {
    color: #9fb4c9 !important;
    font-size: 12px;
    line-height: 1.6;
}

.invest-stats-workspace--vivid.dashboard-inner {
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .1) !important;
    background:
        radial-gradient(circle at 8% 5%, rgba(var(--dtm-theme-link-rgb), .18), transparent 25rem),
        radial-gradient(circle at 90% 8%, rgba(var(--dtm-theme-bright-rgb), .2), transparent 30rem),
        linear-gradient(145deg, #030712 0%, #071525 48%, #041513 100%) !important;
    color: #fff !important;
}

.invest-stats-workspace--vivid .invest-stats-hero {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .15) !important;
    border-radius: 30px !important;
    background:
        radial-gradient(circle at 86% 12%, rgba(var(--dtm-theme-secondary-rgb), .24), transparent 19rem),
        radial-gradient(circle at 12% 12%, rgba(var(--dtm-theme-glow-rgb), .16), transparent 22rem),
        linear-gradient(135deg, rgba(255, 255, 255, .11), rgba(255, 255, 255, .04)) !important;
    box-shadow: 0 28px 90px rgba(0, 0, 0, .25) !important;
    backdrop-filter: blur(18px);
}

.invest-stats-workspace--vivid .invest-stats-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background:
        linear-gradient(rgba(255, 255, 255, .035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, .035) 1px, transparent 1px);
    background-size: 46px 46px;
    mask-image: linear-gradient(120deg, #000 0%, transparent 76%);
}

.invest-stats-workspace--vivid .invest-stats-hero h3 {
    color: #fff !important;
    font-size: clamp(1.7rem, 3.2vw, 2.75rem) !important;
}

.invest-stats-workspace--vivid .invest-stats-hero p {
    color: #b9c9db !important;
}

.invest-stats-workspace--vivid .invest-market-strip--vivid {
    position: relative;
    isolation: isolate;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    min-height: 260px;
    padding: 18px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 24px;
    background: rgba(3, 7, 15, .34);
}

.invest-stats-workspace--vivid .invest-market-chip {
    position: relative;
    z-index: 2;
    border: 1px solid rgba(255, 255, 255, .12);
    background: rgba(255, 255, 255, .08);
    backdrop-filter: blur(12px);
}

.invest-stats-workspace--vivid .invest-market-chip span {
    color: #8fa8bf !important;
}

.invest-stats-workspace--vivid .invest-market-chip strong {
    color: #fff !important;
}

.invest-hero-graph {
    position: absolute;
    inset: auto 18px 18px 18px;
    z-index: 1;
    height: 118px;
    border-radius: 18px;
    background:
        linear-gradient(rgba(255, 255, 255, .07) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, .07) 1px, transparent 1px);
    background-size: 30px 30px;
    opacity: .92;
}

.invest-hero-graph__line {
    position: absolute;
    inset: 16px 8px 18px;
    background: linear-gradient(90deg, var(--dtm-cobalt), var(--dtm-theme-glow), var(--dtm-theme-bright));
    clip-path: polygon(0 76%, 22% 56%, 39% 62%, 58% 36%, 75% 42%, 100% 8%, 100% 18%, 75% 52%, 58% 46%, 39% 72%, 22% 66%, 0 88%);
    filter: drop-shadow(0 0 12px rgba(var(--dtm-theme-bright-rgb), .45));
    animation: invest-graph-flow 4.8s ease-in-out infinite;
}

.invest-hero-graph span {
    position: absolute;
    left: var(--point-x);
    top: var(--point-y);
    width: 11px;
    height: 11px;
    border: 2px solid var(--dtm-theme-bright);
    border-radius: 50%;
    background: #071525;
    box-shadow: 0 0 0 6px rgba(var(--dtm-theme-bright-rgb), .1);
    animation: invest-point-pop 4.8s ease-in-out infinite;
}

.invest-stats-workspace--vivid .invest-summary-card,
.invest-stats-workspace--vivid .invest-panel {
    border: 1px solid rgba(255, 255, 255, .13) !important;
    background:
        radial-gradient(circle at 100% 0%, rgba(var(--dtm-theme-link-rgb), .12), transparent 14rem),
        linear-gradient(160deg, rgba(255, 255, 255, .105), rgba(255, 255, 255, .045)) !important;
    color: #fff !important;
    box-shadow: 0 22px 70px rgba(0, 0, 0, .22) !important;
    backdrop-filter: blur(16px);
}

.invest-stats-workspace--vivid .invest-summary-card:nth-child(2) {
    background:
        radial-gradient(circle at 100% 0%, rgba(var(--dtm-theme-bright-rgb), .16), transparent 14rem),
        linear-gradient(160deg, rgba(255, 255, 255, .105), rgba(255, 255, 255, .045)) !important;
}

.invest-stats-workspace--vivid .invest-summary-card:nth-child(3) {
    background:
        radial-gradient(circle at 100% 0%, rgba(var(--dtm-theme-secondary-rgb), .18), transparent 14rem),
        linear-gradient(160deg, rgba(255, 255, 255, .105), rgba(255, 255, 255, .045)) !important;
}

.invest-stats-workspace--vivid .invest-summary-card span,
.invest-stats-workspace--vivid .invest-panel-head span,
.invest-stats-workspace--vivid .invest-allocation-list p {
    color: #96abc0 !important;
}

.invest-stats-workspace--vivid .invest-summary-card strong,
.invest-stats-workspace--vivid .invest-panel-head h5,
.invest-stats-workspace--vivid .invest-allocation-list p,
.invest-stats-workspace--vivid .invest-empty-state h5 {
    color: #fff !important;
}

.invest-stats-workspace--vivid .invest-summary-card a,
.invest-stats-workspace--vivid .invest-panel-head a {
    color: var(--dtm-theme-bright) !important;
}

.invest-stats-workspace--vivid .invest-market-panel .invest-crypto-pulse,
.invest-stats-workspace--vivid .invest-empty-state,
.invest-stats-workspace--vivid .invest-panel .table,
.invest-stats-workspace--vivid .invest-panel .accordion-item {
    border-color: rgba(255, 255, 255, .12) !important;
    background: rgba(3, 7, 15, .38) !important;
    color: #f8fbff !important;
}

.invest-stats-workspace--vivid .invest-panel .table th,
.invest-stats-workspace--vivid .invest-panel .table td {
    border-color: rgba(255, 255, 255, .09) !important;
    background: transparent !important;
    color: #dbe7f4 !important;
}

@keyframes wallet-orb-float {
    0%, 100% {
        transform: translate3d(0, 0, 0);
    }
    50% {
        transform: translate3d(14px, -18px, 0);
    }
}

@keyframes qr-pulse {
    0%, 100% {
        opacity: .92;
        transform: scale(1);
    }
    50% {
        opacity: .58;
        transform: scale(.82);
    }
}

@keyframes invest-graph-flow {
    0%, 100% {
        opacity: .74;
        transform: translateY(4px) scaleX(.98);
    }
    50% {
        opacity: 1;
        transform: translateY(-4px) scaleX(1);
    }
}

@keyframes invest-point-pop {
    0%, 20% {
        opacity: .38;
        transform: scale(.8);
    }
    45%, 100% {
        opacity: 1;
        transform: scale(1);
    }
}

@media (max-width: 991.98px) {
    .invest-stats-workspace--vivid .invest-market-strip--vivid {
        grid-template-columns: 1fr;
        min-height: 360px;
    }
}

@media (max-width: 767.98px) {
    .wallet-funding-section--vivid .wallet-funding-hero,
    .wallet-funding-section--vivid .wallet-panel,
    .wallet-funding-section--vivid .wallet-input-card,
    .wallet-funding-section--vivid .wallet-note-card,
    .wallet-funding-section--vivid .wallet-summary-card,
    .invest-stats-workspace--vivid .invest-stats-hero,
    .invest-stats-workspace--vivid .invest-summary-card,
    .invest-stats-workspace--vivid .invest-panel {
        border-radius: 22px !important;
    }

    .wallet-crypto-preview {
        grid-template-columns: 1fr;
    }

    .wallet-crypto-preview__qr {
        width: 100%;
        max-width: 156px;
        height: 156px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .wallet-funding-orb,
    .wallet-crypto-preview__qr span,
    .invest-hero-graph__line,
    .invest-hero-graph span {
        animation: none !important;
    }
}

/* 20260716 public contact and light deposit refinement */
.app-contact-shell {
    overflow: hidden;
    background:
        radial-gradient(circle at 6% 8%, rgba(var(--dtm-theme-primary-rgb), .12), transparent 22rem),
        radial-gradient(circle at 92% 12%, rgba(var(--dtm-theme-link-rgb), .08), transparent 28rem) !important;
}

.app-contact-shell .contact-hero {
    display: grid;
    grid-template-columns: minmax(0, 1.45fr) minmax(260px, .55fr);
    gap: clamp(18px, 4vw, 40px);
    align-items: stretch;
    min-height: 0;
    padding: clamp(22px, 4vw, 42px) !important;
    border-color: rgba(var(--dtm-theme-primary-rgb), .16) !important;
    background:
        radial-gradient(circle at 96% 0%, rgba(var(--dtm-theme-secondary-rgb), .26), transparent 17rem),
        radial-gradient(circle at 0% 0%, rgba(var(--dtm-theme-glow-rgb), .16), transparent 18rem),
        linear-gradient(135deg, #ffffff 0%, var(--dtm-emerald-soft) 100%) !important;
    color: var(--dtm-ink) !important;
    box-shadow: var(--dtm-shadow-sm) !important;
}

.app-contact-shell .contact-hero::after {
    right: -10%;
    bottom: -74%;
    border-color: rgba(var(--dtm-theme-primary-rgb), .16);
    box-shadow: 0 0 0 42px rgba(var(--dtm-theme-primary-rgb), .06), 0 0 0 86px rgba(var(--dtm-theme-link-rgb), .035);
}

.app-contact-shell .contact-hero .eyebrow-label {
    color: var(--dtm-emerald-deep) !important;
}

.app-contact-shell .contact-hero .app-page-title {
    max-width: 720px;
    margin: 12px 0 12px;
    color: var(--dtm-ink) !important;
    font-size: clamp(1.75rem, 3.5vw, 3rem) !important;
}

.app-contact-shell .contact-hero .app-page-text {
    max-width: 680px;
    color: var(--dtm-muted) !important;
    font-size: clamp(13px, 1.35vw, 16px) !important;
}

.contact-hero__copy {
    align-self: center;
}

.contact-hero__trust {
    display: grid;
    gap: 10px;
    align-self: stretch;
}

.contact-hero__trust div {
    display: grid;
    align-content: center;
    min-height: 92px;
    padding: 16px;
    border: 1px solid rgba(var(--dtm-theme-primary-rgb), .13);
    border-radius: 18px;
    background: rgba(255, 255, 255, .72);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .82);
    backdrop-filter: blur(10px);
}

.contact-hero__trust strong {
    color: var(--dtm-emerald-deep);
    font: 800 clamp(1.35rem, 2.2vw, 2rem)/1 "Sora", sans-serif;
}

.contact-hero__trust span {
    margin-top: 7px;
    color: var(--dtm-ink-soft) !important;
    font-size: 11px !important;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.app-contact-shell .contact-meta-card {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    height: 100%;
    min-height: 136px;
    padding: 18px !important;
    overflow: hidden;
    border-color: rgba(var(--dtm-theme-primary-rgb), .12) !important;
    background:
        radial-gradient(circle at 100% 0%, rgba(var(--dtm-theme-secondary-rgb), .16), transparent 11rem),
        linear-gradient(180deg, #ffffff, var(--dtm-panel-soft)) !important;
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.app-contact-shell .contact-meta-card:hover {
    transform: translateY(-2px);
    border-color: rgba(var(--dtm-theme-primary-rgb), .3) !important;
    box-shadow: var(--dtm-shadow-md) !important;
}

.app-contact-shell .contact-meta-card__icon {
    display: grid;
    flex: 0 0 46px;
    width: 46px;
    height: 46px;
    place-items: center;
    border-radius: 15px;
    background: linear-gradient(135deg, var(--dtm-emerald), color-mix(in srgb, var(--dtm-emerald) 58%, #ffffff));
    color: var(--dtm-on-primary) !important;
    font-size: 18px;
    box-shadow: 0 14px 30px rgba(var(--dtm-theme-primary-rgb), .2);
}

.app-contact-shell .contact-meta-card__icon :where(i, svg) {
    color: currentColor !important;
}

.app-contact-shell .contact-meta-card span {
    display: inline-block;
    margin-bottom: 5px;
    color: var(--dtm-muted) !important;
    font-size: 10px !important;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.app-contact-shell .contact-meta-card strong {
    display: block;
    margin-bottom: 6px;
    color: var(--dtm-ink) !important;
    font: 700 15px/1.25 "Sora", sans-serif;
}

.app-contact-shell .contact-meta-card p {
    color: var(--dtm-muted) !important;
    font-size: 13px;
    line-height: 1.55;
}

.contact-form-card {
    overflow: hidden;
    border-color: rgba(var(--dtm-theme-primary-rgb), .14) !important;
    background:
        linear-gradient(90deg, rgba(var(--dtm-theme-primary-rgb), .7), transparent 36%),
        var(--dtm-panel) !important;
}

.contact-form-card .card-body {
    padding: clamp(16px, 2.8vw, 26px) !important;
}

.contact-form-layout {
    display: grid;
    grid-template-columns: minmax(220px, .42fr) minmax(0, .58fr);
    gap: clamp(16px, 3vw, 28px);
    align-items: stretch;
}

.contact-form-card__aside {
    display: grid;
    align-content: start;
    padding: clamp(18px, 3vw, 26px);
    border: 1px solid rgba(var(--dtm-theme-primary-rgb), .12);
    border-radius: 18px;
    background:
        radial-gradient(circle at 100% 0%, rgba(var(--dtm-theme-link-rgb), .11), transparent 13rem),
        linear-gradient(160deg, #0b1524, #12352f);
}

.contact-form-card__aside .eyebrow-label {
    color: var(--dtm-lime) !important;
}

.contact-form-card__aside h3 {
    color: #f7fbff !important;
}

.contact-form-card__aside p {
    color: #b9c9db !important;
}

.contact-service-list {
    display: grid;
    gap: 9px;
    margin-top: 22px;
}

.contact-service-list span {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 11px 12px;
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 12px;
    background: rgba(255, 255, 255, .06);
    color: #e9f3ff !important;
    font-size: 12px !important;
    font-weight: 700;
}

.contact-service-list span::before {
    content: "";
    flex: 0 0 7px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--dtm-lime);
    box-shadow: 0 0 0 4px rgba(var(--dtm-theme-secondary-rgb), .13);
}

.contact-form-card__body {
    min-width: 0;
}

.contact-form-card .contact-form textarea {
    min-height: 132px !important;
}

.contact-form-card .btn--base {
    min-width: 160px;
}

.contact-form-card input[name="math_answer"] {
    max-width: 220px;
}

.wallet-funding-section--mint {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    background:
        radial-gradient(circle at 8% 6%, rgba(var(--dtm-theme-primary-rgb), .13), transparent 25rem),
        radial-gradient(circle at 88% 0%, rgba(var(--dtm-theme-glow-rgb), .13), transparent 30rem),
        linear-gradient(180deg, var(--dtm-panel-soft) 0%, var(--dtm-canvas-deep) 48%, var(--dtm-panel-soft) 100%) !important;
}

.wallet-funding-section--mint::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    opacity: .7;
    background:
        linear-gradient(rgba(var(--dtm-theme-primary-rgb), .045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(var(--dtm-theme-primary-rgb), .045) 1px, transparent 1px);
    background-size: 54px 54px;
    mask-image: linear-gradient(180deg, #000 0%, transparent 74%);
}

.wallet-funding-section--mint .wallet-funding-hero,
.wallet-funding-section--mint .wallet-panel,
.wallet-funding-section--mint .wallet-input-card,
.wallet-funding-section--mint .wallet-note-card,
.wallet-funding-section--mint .wallet-summary-card {
    border-color: rgba(var(--dtm-theme-primary-rgb), .14) !important;
    background:
        radial-gradient(circle at 100% 0%, rgba(var(--dtm-theme-secondary-rgb), .13), transparent 15rem),
        linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(249, 253, 250, .96)) !important;
    color: var(--dtm-ink) !important;
    box-shadow: 0 18px 52px rgba(11, 21, 36, .07) !important;
}

.wallet-funding-section--mint .wallet-funding-hero {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    padding: clamp(22px, 4vw, 36px);
}

.wallet-funding-section--mint .wallet-funding-hero__grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(230px, 320px);
    gap: clamp(18px, 4vw, 38px);
    align-items: end;
}

.wallet-funding-section--mint .wallet-funding-hero h2,
.wallet-funding-section--mint .wallet-panel h3,
.wallet-funding-section--mint .wallet-input-card h3,
.wallet-funding-section--mint .wallet-summary-card h3 {
    color: var(--dtm-ink) !important;
}

.wallet-funding-section--mint .wallet-funding-hero h2 {
    max-width: 780px;
    font-size: clamp(1.8rem, 3.2vw, 3rem);
}

.wallet-funding-section--mint .wallet-funding-hero p,
.wallet-funding-section--mint .wallet-panel p,
.wallet-funding-section--mint .wallet-input-card p,
.wallet-funding-section--mint .wallet-summary-card p,
.wallet-funding-section--mint .wallet-note-card li,
.wallet-funding-section--mint .wallet-summary-footnote {
    color: var(--dtm-muted) !important;
}

.wallet-funding-section--mint .wallet-panel__eyebrow {
    background: rgba(var(--dtm-theme-primary-rgb), .1);
    color: var(--dtm-emerald-deep) !important;
    box-shadow: inset 0 0 0 1px rgba(var(--dtm-theme-primary-rgb), .14);
}

.wallet-funding-section--mint .wallet-funding-highlights {
    gap: 9px;
    margin-top: 22px;
}

.wallet-funding-section--mint .wallet-funding-highlights span,
.wallet-funding-section--mint .wallet-summary-badge {
    border: 1px solid rgba(var(--dtm-theme-primary-rgb), .13);
    background: rgba(255, 255, 255, .78);
    color: var(--dtm-ink-soft) !important;
    box-shadow: none;
}

.wallet-funding-hero__side {
    display: grid;
    gap: 10px;
}

.wallet-funding-mini-card {
    padding: 15px;
    border: 1px solid rgba(var(--dtm-theme-primary-rgb), .12);
    border-radius: 16px;
    background: rgba(255, 255, 255, .78);
}

.wallet-funding-mini-card span {
    display: block;
    color: var(--dtm-muted) !important;
    font-size: 10px !important;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.wallet-funding-mini-card strong {
    display: block;
    margin-top: 5px;
    color: var(--dtm-ink);
    font: 700 16px/1.2 "Sora", sans-serif;
}

.wallet-funding-section--mint .wallet-funding-orb {
    opacity: .32;
    filter: blur(0);
}

.wallet-funding-section--mint .wallet-funding-orb--one {
    background: radial-gradient(circle, rgba(var(--dtm-theme-primary-rgb), .36), rgba(var(--dtm-theme-primary-rgb), 0));
}

.wallet-funding-section--mint .wallet-funding-orb--two {
    background: radial-gradient(circle, rgba(var(--dtm-theme-link-rgb), .24), rgba(var(--dtm-theme-link-rgb), 0));
}

.wallet-funding-section--mint .wallet-panel,
.wallet-funding-section--mint .wallet-summary-card {
    padding: clamp(18px, 2.6vw, 26px);
}

.wallet-funding-section--mint .wallet-panel--compact .wallet-panel__head,
.wallet-funding-section--mint .wallet-summary-card__header {
    margin-bottom: 18px;
}

.wallet-funding-section--mint .wallet-panel__head h3,
.wallet-funding-section--mint .wallet-input-card h3 {
    margin-bottom: 8px;
}

.wallet-funding-section--mint .wallet-gateway-list {
    max-height: 430px;
    padding: 10px !important;
    border-color: rgba(var(--dtm-theme-primary-rgb), .12) !important;
    background: rgba(var(--dtm-theme-primary-rgb), .52) !important;
}

.wallet-funding-section--mint .wallet-payment-item {
    margin-bottom: 9px !important;
    padding: 11px !important;
    border-color: rgba(19, 32, 51, .09) !important;
    border-radius: 15px !important;
    background: rgba(255, 255, 255, .92) !important;
    box-shadow: 0 8px 20px rgba(11, 21, 36, .035) !important;
}

.wallet-funding-section--mint .wallet-payment-item:hover {
    border-color: rgba(var(--dtm-theme-primary-rgb), .28) !important;
    transform: translateY(-1px);
}

.wallet-funding-section--mint .wallet-payment-item:has(.payment-item__radio:checked) {
    border-color: rgba(var(--dtm-theme-primary-rgb), .52) !important;
    background:
        radial-gradient(circle at 100% 0%, rgba(var(--dtm-theme-primary-rgb), .1), transparent 9rem),
        #ffffff !important;
    box-shadow: 0 0 0 3px rgba(var(--dtm-theme-primary-rgb), .09) !important;
}

.wallet-funding-section--mint .payment-item__name,
.wallet-funding-section--mint .wallet-summary-step span,
.wallet-funding-section--mint .deposit-info .text {
    color: var(--dtm-ink) !important;
}

.wallet-funding-section--mint .wallet-payment-item__copy small,
.wallet-funding-section--mint .deposit-info__title .text,
.wallet-funding-section--mint .wallet-summary-step strong {
    color: var(--dtm-muted) !important;
}

.wallet-funding-section--mint .wallet-input-card,
.wallet-funding-section--mint .wallet-note-card {
    height: 100%;
    border-radius: 18px;
}

.wallet-funding-section--mint .wallet-note-card ul {
    padding-left: 0;
    list-style: none;
}

.wallet-funding-section--mint .wallet-note-card li {
    position: relative;
    padding-left: 23px;
}

.wallet-funding-section--mint .wallet-note-card li::before {
    content: "";
    position: absolute;
    left: 0;
    top: .58em;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--dtm-emerald);
    box-shadow: 0 0 0 4px rgba(var(--dtm-theme-primary-rgb), .1);
}

.wallet-funding-section--mint .deposit-info__input-group-text {
    border-color: rgba(var(--dtm-theme-primary-rgb), .18) !important;
    background: rgba(var(--dtm-theme-primary-rgb), .1) !important;
    color: var(--dtm-emerald-deep) !important;
}

.wallet-funding-section--mint .amount.form--control,
.wallet-funding-section--mint .amount.form-control {
    min-height: 52px !important;
    border-color: rgba(var(--dtm-theme-primary-rgb), .18) !important;
    background: #fff !important;
    color: var(--dtm-ink) !important;
    font-size: 18px !important;
    font-weight: 800 !important;
}

.wallet-funding-section--mint .amount.form--control:focus,
.wallet-funding-section--mint .amount.form-control:focus {
    border-color: rgba(var(--dtm-theme-primary-rgb), .52) !important;
    box-shadow: 0 0 0 3px rgba(var(--dtm-theme-primary-rgb), .12) !important;
}

.wallet-funding-section--mint .wallet-summary-card {
    top: 88px;
}

.wallet-funding-section--mint .wallet-summary-card__header {
    display: grid;
    gap: 12px;
}

.wallet-funding-section--mint .wallet-summary-badge {
    width: fit-content;
}

.wallet-funding-section--mint .wallet-crypto-preview {
    grid-template-columns: 92px minmax(0, 1fr);
    gap: 14px;
    padding: 13px;
    border-color: rgba(var(--dtm-theme-primary-rgb), .16);
    background:
        radial-gradient(circle at 100% 0%, rgba(var(--dtm-theme-glow-rgb), .11), transparent 10rem),
        rgba(var(--dtm-theme-primary-rgb), .56);
}

.wallet-funding-section--mint .wallet-crypto-preview__qr {
    width: 88px;
    height: 88px;
    gap: 4px;
    padding: 9px;
    border-color: rgba(var(--dtm-theme-primary-rgb), .12);
    border-radius: 16px;
    box-shadow: 0 14px 34px rgba(11, 21, 36, .08);
}

.wallet-funding-section--mint .wallet-crypto-preview__qr span {
    border-radius: 4px;
    background: var(--dtm-ink);
}

.wallet-funding-section--mint .wallet-crypto-preview__copy span {
    color: var(--dtm-emerald-deep) !important;
}

.wallet-funding-section--mint .wallet-crypto-preview__copy strong {
    color: var(--dtm-ink) !important;
    font-size: 14px;
}

.wallet-funding-section--mint .wallet-crypto-preview__copy small {
    color: var(--dtm-muted) !important;
}

.wallet-funding-section--mint .wallet-summary-list {
    padding: 16px 16px 8px;
    border-color: rgba(var(--dtm-theme-primary-rgb), .12) !important;
    border-radius: 16px;
    background: rgba(255, 255, 255, .82) !important;
}

.wallet-funding-section--mint .deposit-info {
    padding: 7px 0;
}

.wallet-funding-section--mint .deposit-info.total-amount {
    border-top-color: rgba(var(--dtm-theme-primary-rgb), .16);
}

.wallet-funding-section--mint .wallet-summary-qr-note {
    border-color: rgba(var(--dtm-theme-primary-rgb), .18);
    background: rgba(var(--dtm-theme-primary-rgb), .08);
    color: var(--dtm-ink-soft) !important;
}

.wallet-funding-section--mint .wallet-summary-steps {
    gap: 9px;
    margin: 18px 0;
}

.wallet-funding-section--mint .wallet-summary-step {
    padding: 11px 12px;
    border-color: rgba(var(--dtm-theme-primary-rgb), .12) !important;
    border-radius: 14px;
    background: rgba(255, 255, 255, .76) !important;
}

.wallet-funding-section--mint .wallet-summary-step strong {
    color: var(--dtm-emerald-deep) !important;
}

.wallet-funding-section--mint .wallet-submit-btn {
    min-height: 50px;
    border-radius: 14px !important;
}

@media (max-width: 1199.98px) {
    .wallet-funding-section--mint .wallet-funding-hero__grid {
        grid-template-columns: 1fr;
    }

    .wallet-funding-hero__side {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .wallet-funding-hero__side .wallet-funding-history {
        grid-column: 1 / -1;
        width: fit-content;
    }
}

@media (max-width: 991.98px) {
    .app-contact-shell .contact-hero,
    .contact-form-layout {
        grid-template-columns: 1fr;
    }

    .contact-hero__trust {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 767.98px) {
    .app-contact-shell .contact-hero,
    .contact-form-card__aside,
    .wallet-funding-section--mint .wallet-funding-hero,
    .wallet-funding-section--mint .wallet-panel,
    .wallet-funding-section--mint .wallet-input-card,
    .wallet-funding-section--mint .wallet-note-card,
    .wallet-funding-section--mint .wallet-summary-card {
        border-radius: 22px !important;
    }

    .contact-hero__trust,
    .wallet-funding-hero__side {
        grid-template-columns: 1fr;
    }

    .wallet-funding-section--mint .wallet-crypto-preview {
        grid-template-columns: 1fr;
    }

    .wallet-funding-section--mint .wallet-crypto-preview__qr {
        width: 128px;
        height: 128px;
    }
}

@media (max-width: 575.98px) {
    .contact-form-card .col-12.text-end {
        text-align: left !important;
    }

    .contact-form-card .btn--base,
    .wallet-funding-section--mint .wallet-funding-history {
        width: 100%;
    }
}

/* 20260707 investment statistics light dashboard correction */
.invest-stats-workspace:not(.invest-stats-workspace--vivid).dashboard-inner {
    background: transparent !important;
    color: var(--dtm-ink) !important;
}

.invest-stats-workspace:not(.invest-stats-workspace--vivid) .invest-stats-hero {
    border-radius: 22px !important;
    background:
        radial-gradient(circle at 88% 14%, rgba(var(--dtm-theme-secondary-rgb), .14), transparent 17rem),
        radial-gradient(circle at 14% 12%, rgba(var(--dtm-theme-link-rgb), .14), transparent 20rem),
        linear-gradient(120deg, var(--dtm-navy), var(--dtm-navy-soft)) !important;
    box-shadow: var(--dtm-shadow-sm) !important;
}

.invest-market-strip--graphic {
    position: relative;
    isolation: isolate;
    min-height: 230px;
    padding: 14px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .11);
    border-radius: 18px;
    background: rgba(255, 255, 255, .06);
}

.invest-market-strip--graphic .invest-market-chip {
    position: relative;
    z-index: 2;
    border-color: rgba(255, 255, 255, .13);
    background: rgba(255, 255, 255, .09);
    backdrop-filter: blur(10px);
}

.invest-stats-workspace:not(.invest-stats-workspace--vivid) .invest-hero-graph {
    inset: auto 14px 14px 14px;
    height: 104px;
    background:
        linear-gradient(rgba(255, 255, 255, .08) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, .08) 1px, transparent 1px);
    background-size: 28px 28px;
}

.invest-stats-workspace:not(.invest-stats-workspace--vivid) .invest-summary-card,
.invest-stats-workspace:not(.invest-stats-workspace--vivid) .invest-panel {
    border-color: var(--dtm-line) !important;
    background:
        radial-gradient(circle at 100% 0%, rgba(var(--dtm-theme-primary-rgb), .055), transparent 14rem),
        var(--dtm-panel) !important;
    color: var(--dtm-ink) !important;
    box-shadow: var(--dtm-shadow-sm) !important;
}

.invest-stats-workspace:not(.invest-stats-workspace--vivid) .invest-summary-card:nth-child(2) {
    background:
        radial-gradient(circle at 100% 0%, rgba(var(--dtm-theme-link-rgb), .07), transparent 14rem),
        var(--dtm-panel) !important;
}

.invest-stats-workspace:not(.invest-stats-workspace--vivid) .invest-summary-card:nth-child(3) {
    background:
        radial-gradient(circle at 100% 0%, rgba(var(--dtm-theme-secondary-rgb), .16), transparent 14rem),
        var(--dtm-panel) !important;
}

.invest-stats-workspace:not(.invest-stats-workspace--vivid) .invest-summary-card strong,
.invest-stats-workspace:not(.invest-stats-workspace--vivid) .invest-panel-head h5,
.invest-stats-workspace:not(.invest-stats-workspace--vivid) .invest-allocation-list p,
.invest-stats-workspace:not(.invest-stats-workspace--vivid) .invest-empty-state h5 {
    color: var(--dtm-ink) !important;
}

.invest-stats-workspace:not(.invest-stats-workspace--vivid) .invest-summary-card span,
.invest-stats-workspace:not(.invest-stats-workspace--vivid) .invest-panel-head span {
    color: var(--dtm-muted) !important;
}

.invest-stats-workspace:not(.invest-stats-workspace--vivid) .invest-market-panel .invest-crypto-pulse {
    background: #101926 !important;
}

@media (max-width: 991.98px) {
    .invest-market-strip--graphic {
        min-height: 300px;
    }
}

/* 20260716 simple math security fields */
.contact-math-check .input-group,
.auth-math-check .input-group {
    overflow: hidden;
    border: 1px solid rgba(var(--dtm-theme-primary-rgb), .16);
    border-radius: 14px;
    background: #ffffff;
    box-shadow: 0 10px 24px rgba(11, 21, 36, .05);
}

.contact-math-check .input-group-text,
.auth-math-check .input-group-text {
    border: 0 !important;
    background: rgba(var(--dtm-theme-primary-rgb), .10) !important;
    color: var(--dtm-emerald-deep, var(--dtm-emerald-deep)) !important;
    font-size: 13px;
    font-weight: 800;
}

.contact-math-check .form--control,
.auth-math-check .form--control {
    border: 0 !important;
    background: #ffffff !important;
    color: var(--dtm-ink, #142033) !important;
    font-weight: 800;
}

/* 20260716 compact deposit hero */
.wallet-funding-section--mint.pt-120 {
    padding-top: 58px !important;
}

.wallet-funding-section--mint.pb-120 {
    padding-bottom: 72px !important;
}

.wallet-funding-section--mint .wallet-funding-hero--simple {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    min-height: 0;
    margin-bottom: 22px;
    padding: 18px 22px !important;
    border-radius: 18px !important;
}

.wallet-funding-section--mint .wallet-funding-hero--simple .wallet-funding-hero__copy {
    display: grid;
    gap: 7px;
    min-width: 0;
}

.wallet-funding-section--mint .wallet-funding-hero--simple h2 {
    max-width: none;
    margin: 0;
    font-size: clamp(1.45rem, 2.1vw, 2rem) !important;
    line-height: 1.12;
}

.wallet-funding-section--mint .wallet-funding-hero--simple p {
    max-width: 620px;
    margin: 0;
    font-size: 14px;
}

.wallet-funding-section--mint .wallet-funding-hero--simple .wallet-panel__eyebrow {
    width: fit-content;
    padding: 8px 14px;
    font-size: 11px !important;
}

.wallet-funding-section--mint .wallet-funding-hero--simple .wallet-funding-history {
    flex: 0 0 auto;
    min-height: 42px;
    padding: 10px 16px;
    border-radius: 12px !important;
}

@media (max-width: 767.98px) {
    .wallet-funding-section--mint.pt-120 {
        padding-top: 38px !important;
    }

    .wallet-funding-section--mint .wallet-funding-hero--simple {
        display: grid;
        padding: 16px !important;
    }

    .wallet-funding-section--mint .wallet-funding-hero--simple .wallet-funding-history {
        width: 100%;
    }
}

/* 20260716 invest details cockpit */
.invest-details-workspace.dashboard-inner {
    display: grid;
    gap: 14px;
    padding: 0 !important;
    overflow: visible;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.invest-details-hero {
    position: relative;
    isolation: isolate;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    min-width: 0;
    padding: clamp(17px, 2.2vw, 24px);
    overflow: hidden;
    border: 1px solid rgba(var(--dtm-theme-primary-rgb), .18);
    border-radius: 22px;
    background:
        radial-gradient(circle at 8% 16%, rgba(var(--dtm-theme-primary-rgb), .16), transparent 17rem),
        radial-gradient(circle at 78% 6%, rgba(var(--dtm-theme-link-rgb), .16), transparent 16rem),
        radial-gradient(circle at 100% 100%, rgba(var(--dtm-theme-secondary-rgb), .28), transparent 15rem),
        linear-gradient(135deg, #ffffff 0%, var(--dtm-emerald-soft) 58%, var(--dtm-emerald-soft) 100%);
    color: var(--dtm-ink);
    box-shadow: var(--dtm-shadow-sm);
}

.invest-details-hero::after {
    content: "";
    position: absolute;
    z-index: -1;
    right: -72px;
    bottom: -98px;
    width: 260px;
    height: 260px;
    border: 1px solid rgba(var(--dtm-theme-primary-rgb), .12);
    border-radius: 50%;
    box-shadow:
        0 0 0 38px rgba(var(--dtm-theme-secondary-rgb), .10),
        0 0 0 76px rgba(var(--dtm-theme-link-rgb), .055);
}

.invest-details-hero__copy,
.invest-details-hero__title-row,
.invest-details-hero__side {
    min-width: 0;
}

.invest-details-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    width: fit-content;
    margin-bottom: 10px;
    padding: 7px 11px;
    border: 1px solid rgba(var(--dtm-theme-primary-rgb), .18);
    border-radius: 999px;
    background: rgba(255, 255, 255, .72);
    color: var(--dtm-emerald-deep) !important;
    font-size: 10px !important;
    font-weight: 800;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.invest-details-eyebrow i {
    color: var(--dtm-emerald);
    font-size: 15px;
}

.invest-details-hero__title-row {
    display: flex;
    flex-wrap: wrap;
    align-items: end;
    gap: 12px 16px;
}

.invest-details-hero h3 {
    margin: 0 !important;
    color: var(--dtm-ink) !important;
    font-size: clamp(1.45rem, 2.4vw, 2.05rem) !important;
    line-height: 1.08;
}

.invest-details-hero p {
    margin: 5px 0 0;
    color: var(--dtm-ink-soft) !important;
    font-weight: 700;
}

.invest-details-hero p span {
    color: var(--dtm-muted) !important;
    font-weight: 600;
}

.invest-details-status-row {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}

.invest-details-hero__side {
    display: grid;
    grid-template-columns: 74px minmax(150px, auto) auto;
    align-items: center;
    gap: 12px;
    padding: 10px;
    border: 1px solid rgba(255, 255, 255, .72);
    border-radius: 18px;
    background: rgba(255, 255, 255, .66);
    box-shadow: 0 14px 36px rgba(11, 21, 36, .07);
    backdrop-filter: blur(12px);
}

.invest-details-progress {
    position: relative;
    display: grid;
    width: 74px;
    height: 74px;
    place-items: center;
    border-radius: 50%;
    background:
        conic-gradient(var(--dtm-emerald) var(--progress), rgba(var(--dtm-theme-primary-rgb), .12) 0);
}

.invest-details-progress::before {
    content: "";
    position: absolute;
    inset: 8px;
    border-radius: inherit;
    background: #fff;
    box-shadow: inset 0 0 0 1px rgba(var(--dtm-theme-primary-rgb), .08);
}

.invest-details-progress span {
    position: relative;
    color: var(--dtm-emerald-deep) !important;
    font: 800 13px/1 "Sora", sans-serif;
}

.invest-details-hero__schedule {
    display: grid;
    gap: 3px;
    min-width: 0;
}

.invest-details-hero__schedule span,
.invest-details-kpi span,
.invest-details-panel__head span,
.invest-details-section-head span,
.invest-transaction-label,
.invest-transaction-meta span {
    color: var(--dtm-muted) !important;
    font-size: 10px !important;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.invest-details-hero__schedule strong {
    color: var(--dtm-ink) !important;
    font: 700 12px/1.35 "Sora", sans-serif;
}

.invest-details-manage {
    min-height: 40px;
    white-space: nowrap;
}

.invest-details-kpi-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 11px;
}

.invest-details-kpi {
    --kpi-accent: var(--dtm-emerald);
    --kpi-soft: rgba(var(--dtm-theme-primary-rgb), .12);
    position: relative;
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    align-items: center;
    gap: 11px;
    min-width: 0;
    min-height: 102px;
    padding: 14px;
    overflow: hidden;
    border: 1px solid var(--dtm-line) !important;
    border-radius: 18px;
    background:
        radial-gradient(circle at 100% 0%, var(--kpi-soft), transparent 9rem),
        #fff !important;
    box-shadow: var(--dtm-shadow-sm);
}

.invest-details-kpi::after {
    content: "";
    position: absolute;
    top: 12px;
    right: 12px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--kpi-accent);
    box-shadow: 0 0 0 5px var(--kpi-soft);
}

.invest-details-kpi--lime {
    --kpi-accent: var(--dtm-lime);
    --kpi-soft: rgba(var(--dtm-theme-secondary-rgb), .24);
}

.invest-details-kpi--sky {
    --kpi-accent: var(--dtm-info);
    --kpi-soft: rgba(var(--dtm-theme-link-rgb), .13);
}

.invest-details-kpi--amber {
    --kpi-accent: var(--dtm-warning);
    --kpi-soft: rgba(214, 154, 45, .16);
}

.invest-details-kpi--ink {
    --kpi-accent: var(--dtm-navy);
    --kpi-soft: rgba(11, 21, 36, .10);
}

.invest-details-kpi__icon {
    display: grid;
    width: 42px;
    height: 42px;
    place-items: center;
    border-radius: 14px;
    background: var(--kpi-soft);
    color: var(--kpi-accent) !important;
    font-size: 21px !important;
}

.invest-details-kpi div {
    display: grid;
    gap: 5px;
    min-width: 0;
}

.invest-details-kpi strong {
    display: block;
    max-width: 100%;
    color: var(--dtm-ink) !important;
    font: 700 clamp(14px, 1.25vw, 19px)/1.18 "Sora", sans-serif;
    font-variant-numeric: tabular-nums;
    letter-spacing: -.03em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.invest-details-info-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

.invest-details-panel {
    position: relative;
    min-width: 0;
    padding: 16px;
    overflow: hidden;
    border: 1px solid var(--dtm-line) !important;
    border-radius: 18px;
    background:
        radial-gradient(circle at 100% 0%, rgba(var(--dtm-theme-primary-rgb), .06), transparent 11rem),
        #fff !important;
    box-shadow: var(--dtm-shadow-sm);
}

.invest-details-panel:nth-child(2) {
    background:
        radial-gradient(circle at 100% 0%, rgba(var(--dtm-theme-link-rgb), .07), transparent 11rem),
        #fff !important;
}

.invest-details-panel--schedule {
    background:
        radial-gradient(circle at 100% 0%, rgba(var(--dtm-theme-secondary-rgb), .18), transparent 11rem),
        #fff !important;
}

.invest-details-panel__head {
    display: grid;
    gap: 4px;
    margin-bottom: 12px;
}

.invest-details-panel__head h5 {
    margin: 0;
    color: var(--dtm-ink) !important;
    font-size: 15px !important;
}

.invest-details-list {
    display: grid;
    gap: 8px;
}

.invest-details-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(120px, auto);
    align-items: center;
    gap: 10px;
    min-width: 0;
    padding: 10px 11px;
    border: 1px solid rgba(223, 229, 226, .82);
    border-radius: 12px;
    background: rgba(248, 250, 247, .72);
}

.invest-details-row > span:first-child {
    color: var(--dtm-muted) !important;
    font-size: 11px !important;
    font-weight: 700;
}

.invest-details-row strong {
    min-width: 0;
    color: var(--dtm-ink) !important;
    font-size: 12px;
    font-weight: 800;
    text-align: right;
    overflow-wrap: anywhere;
}

.invest-details-transactions {
    display: grid;
    gap: 12px;
    min-width: 0;
    padding: 16px;
    border: 1px solid var(--dtm-line) !important;
    border-radius: 20px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .96), rgba(248, 250, 247, .96)) !important;
    box-shadow: var(--dtm-shadow-sm);
}

.invest-details-section-head {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 12px;
}

.invest-details-section-head h4 {
    margin: 4px 0 0;
    color: var(--dtm-ink) !important;
    font-size: clamp(1rem, 1.6vw, 1.25rem) !important;
}

.invest-details-feed-count {
    display: inline-flex;
    align-items: center;
    min-height: 31px;
    padding: 7px 10px;
    border: 1px solid rgba(var(--dtm-theme-primary-rgb), .16);
    border-radius: 999px;
    background: rgba(var(--dtm-theme-primary-rgb), .08);
    color: var(--dtm-emerald-deep) !important;
    white-space: nowrap;
}

.invest-details-workspace .invest-transaction-feed {
    gap: 10px;
}

.invest-details-workspace .invest-transaction-item {
    overflow: hidden;
    border: 1px solid rgba(203, 213, 208, .82) !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: 0 10px 24px rgba(11, 21, 36, .045) !important;
}

.invest-details-workspace .invest-transaction-button {
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(150px, .55fr) minmax(150px, auto) 18px;
    align-items: center;
    gap: 12px;
    padding: 12px 14px !important;
    border: 0 !important;
    background:
        linear-gradient(90deg, rgba(255, 255, 255, .98), rgba(var(--dtm-theme-primary-rgb), .98)) !important;
}

.invest-details-workspace .invest-transaction-button:not(.collapsed) {
    background:
        linear-gradient(90deg, rgba(var(--dtm-theme-primary-rgb), .98), rgba(255, 255, 255, .98)) !important;
}

.invest-details-workspace .invest-transaction-button::after {
    display: block !important;
    grid-column: 4;
    justify-self: end;
    width: 1rem;
    height: 1rem;
    margin-left: 0;
    background-size: 1rem;
    opacity: .76;
}

.invest-transaction-main {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    align-items: center;
    gap: 11px;
    min-width: 0;
}

.invest-details-workspace .invest-transaction-icon {
    display: grid;
    width: 42px;
    height: 42px;
    place-items: center;
    border-radius: 14px;
    font-size: 18px;
    transform: none !important;
}

.invest-transaction-icon.is-credit {
    background: rgba(var(--dtm-theme-primary-rgb), .12);
    color: var(--dtm-emerald-deep);
}

.invest-transaction-icon.is-debit {
    background: rgba(217, 75, 95, .12);
    color: var(--dtm-danger);
}

.invest-transaction-main .content {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.invest-transaction-main .trans-title {
    color: var(--dtm-ink) !important;
    font-size: 13px !important;
}

.invest-transaction-main small,
.invest-transaction-amount small {
    color: var(--dtm-muted) !important;
    font-size: 11px;
    font-weight: 600;
}

.invest-transaction-meta {
    display: grid;
    gap: 3px;
    min-width: 0;
}

.invest-transaction-meta strong {
    color: var(--dtm-ink-soft) !important;
    font-size: 12px;
    overflow-wrap: anywhere;
}

.invest-transaction-amount {
    display: grid;
    gap: 3px;
    min-width: 0;
    text-align: right;
}

.invest-transaction-amount strong {
    color: var(--dtm-ink) !important;
    font: 800 13px/1.25 "Sora", sans-serif;
}

.invest-transaction-amount.is-credit strong {
    color: var(--dtm-emerald-deep) !important;
}

.invest-transaction-amount.is-debit strong {
    color: var(--dtm-danger) !important;
}

.invest-details-workspace .accordion-body {
    padding: 12px 14px 14px !important;
    background: var(--dtm-panel-soft) !important;
}

.invest-details-workspace .invest-transaction-details {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.invest-details-workspace .invest-transaction-details li {
    display: grid;
    gap: 4px;
    padding: 11px;
    border: 1px solid rgba(223, 229, 226, .85);
    border-radius: 12px;
    background: #fff;
}

.invest-details-workspace .invest-transaction-details li:last-child {
    border: 1px solid rgba(223, 229, 226, .85);
}

.invest-details-workspace .invest-transaction-details .value {
    max-width: 100%;
    text-align: left;
}

.invest-details-empty-state {
    display: grid;
    justify-items: center;
    gap: 8px;
    padding: 28px 18px;
    border: 1px dashed var(--dtm-line-strong);
    border-radius: 16px;
    background: #fff;
}

.invest-details-empty-state i {
    color: var(--dtm-warning);
    font-size: 26px;
}

.invest-details-empty-state h4 {
    margin: 0;
    color: var(--dtm-muted) !important;
}

@media (max-width: 1199.98px) {
    .invest-details-hero {
        align-items: stretch;
        flex-direction: column;
    }

    .invest-details-hero__side {
        width: 100%;
        grid-template-columns: 74px minmax(0, 1fr) auto;
    }

    .invest-details-kpi-grid {
        grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    }

    .invest-details-info-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .invest-details-panel--schedule {
        grid-column: 1 / -1;
    }
}

@media (max-width: 991.98px) {
    .invest-details-info-grid {
        grid-template-columns: 1fr;
    }

    .invest-details-panel--schedule {
        grid-column: auto;
    }

    .invest-details-workspace .invest-transaction-button {
        grid-template-columns: minmax(0, 1fr) minmax(150px, auto) 18px;
    }

    .invest-details-workspace .invest-transaction-button::after {
        grid-column: 3;
        grid-row: 1;
    }

    .invest-transaction-meta {
        grid-column: 1 / -1;
        grid-row: 2;
        padding-left: 53px;
    }

    .invest-transaction-amount {
        grid-column: 2;
        grid-row: 1;
    }
}

@media (max-width: 767.98px) {
    .invest-details-workspace.dashboard-inner {
        gap: 12px;
    }

    .invest-details-hero,
    .invest-details-transactions,
    .invest-details-panel,
    .invest-details-kpi {
        border-radius: 16px;
    }

    .invest-details-hero__title-row,
    .invest-details-section-head {
        align-items: flex-start;
        flex-direction: column;
    }

    .invest-details-hero__side {
        grid-template-columns: 68px minmax(0, 1fr);
    }

    .invest-details-progress {
        width: 68px;
        height: 68px;
    }

    .invest-details-manage {
        grid-column: 1 / -1;
        width: 100%;
    }

    .invest-details-kpi-grid {
        grid-template-columns: 1fr;
    }

    .invest-details-kpi strong {
        font-size: clamp(16px, 5vw, 22px);
    }

    .invest-details-row {
        grid-template-columns: 1fr;
        gap: 3px;
    }

    .invest-details-row strong {
        text-align: left;
    }

    .invest-details-workspace .invest-transaction-button {
        grid-template-columns: minmax(0, 1fr) auto 18px;
    }

    .invest-transaction-main {
        grid-column: 1;
        grid-row: 1;
    }

    .invest-transaction-amount {
        grid-column: 2;
        grid-row: 1;
    }

    .invest-details-workspace .invest-transaction-button::after {
        grid-column: 3;
        grid-row: 1;
    }

    .invest-transaction-meta {
        grid-column: 1 / -1;
        grid-row: 2;
        padding-left: 53px;
    }

    .invest-details-workspace .invest-transaction-details {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 575.98px) {
    .invest-details-hero,
    .invest-details-transactions,
    .invest-details-panel,
    .invest-details-kpi {
        padding: 14px;
    }

    .invest-details-hero__side,
    .invest-transaction-main {
        grid-template-columns: 1fr;
    }

    .invest-details-workspace .invest-transaction-button {
        grid-template-columns: minmax(0, 1fr) 18px;
    }

    .invest-details-workspace .invest-transaction-button::after {
        grid-column: 2;
        grid-row: 1;
    }

    .invest-details-progress {
        margin-inline: auto;
    }

    .invest-details-hero__schedule,
    .invest-transaction-amount,
    .invest-transaction-meta {
        padding-left: 0;
        text-align: left;
    }

    .invest-transaction-amount,
    .invest-transaction-meta {
        grid-column: 1;
        grid-row: auto;
    }
}

/* 20260716 dashboard-wide investment cockpit */
.dashboard-cockpit-shell {
    position: relative;
    isolation: isolate;
}

.dashboard-cockpit-shell::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background:
        radial-gradient(circle at 86% 8%, rgba(var(--dtm-theme-primary-rgb), .10), transparent 22rem),
        radial-gradient(circle at 28% 2%, rgba(var(--dtm-theme-link-rgb), .07), transparent 20rem),
        linear-gradient(135deg, rgba(255, 255, 255, .44), rgba(var(--dtm-theme-primary-rgb), .52));
}

.dashboard-cockpit-container {
    display: block;
}

.dashboard-cockpit-shell .dashboard-wrapper {
    background:
        linear-gradient(rgba(19, 32, 51, .026) 1px, transparent 1px),
        linear-gradient(90deg, rgba(19, 32, 51, .022) 1px, transparent 1px),
        transparent !important;
    background-size: 32px 32px;
}

.dashboard-cockpit-shell .dashboard-inner:not(.invest-details-workspace):not(.invest-stats-workspace) {
    position: relative;
    isolation: isolate;
    display: grid;
    gap: 14px;
    padding: clamp(16px, 2.2vw, 22px) !important;
    overflow: visible;
    border-color: rgba(var(--dtm-theme-primary-rgb), .14) !important;
    border-radius: 22px !important;
    background:
        radial-gradient(circle at 100% 0%, rgba(var(--dtm-theme-primary-rgb), .07), transparent 16rem),
        radial-gradient(circle at 0% 100%, rgba(var(--dtm-theme-secondary-rgb), .13), transparent 18rem),
        rgba(255, 255, 255, .94) !important;
    box-shadow: 0 14px 42px rgba(11, 21, 36, .07) !important;
}

.dashboard-cockpit-shell .dashboard-inner:not(.invest-details-workspace):not(.invest-stats-workspace)::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    border-radius: inherit;
    background:
        linear-gradient(90deg, rgba(var(--dtm-theme-primary-rgb), .22), rgba(var(--dtm-theme-secondary-rgb), .18), rgba(var(--dtm-theme-link-rgb), .12)) top left / 100% 4px no-repeat;
    pointer-events: none;
}

.dashboard-cockpit-shell .dashboard-inner:not(.invest-details-workspace):not(.invest-stats-workspace) > .mb-4:first-child,
.dashboard-cockpit-shell .dashboard-inner:not(.invest-details-workspace):not(.invest-stats-workspace) > .text-end:first-child,
.dashboard-cockpit-shell .dashboard-inner:not(.invest-details-workspace):not(.invest-stats-workspace) > .row:first-child > [class*="col-"] > .mb-4:first-child,
.dashboard-cockpit-shell .dashboard-inner:not(.invest-details-workspace):not(.invest-stats-workspace) > .row:first-child > [class*="col-"] > .text-end:first-child {
    position: relative;
    display: grid !important;
    align-items: start;
    gap: 14px;
    min-width: 0;
    margin: 0 0 2px !important;
    padding: 14px 16px !important;
    overflow: hidden;
    border: 1px solid rgba(var(--dtm-theme-primary-rgb), .13);
    border-radius: 18px;
    background:
        radial-gradient(circle at 96% 10%, rgba(var(--dtm-theme-secondary-rgb), .24), transparent 12rem),
        linear-gradient(135deg, rgba(255, 255, 255, .88), rgba(var(--dtm-theme-primary-rgb), .78));
}

.dashboard-cockpit-shell .dashboard-inner:not(.invest-details-workspace):not(.invest-stats-workspace) > .mb-4:first-child > :first-child:not(.d-flex),
.dashboard-cockpit-shell .dashboard-inner:not(.invest-details-workspace):not(.invest-stats-workspace) > .text-end:first-child > :first-child:not(.d-flex),
.dashboard-cockpit-shell .dashboard-inner:not(.invest-details-workspace):not(.invest-stats-workspace) > .row:first-child > [class*="col-"] > .mb-4:first-child > :first-child:not(.d-flex),
.dashboard-cockpit-shell .dashboard-inner:not(.invest-details-workspace):not(.invest-stats-workspace) > .row:first-child > [class*="col-"] > .text-end:first-child > :first-child:not(.d-flex) {
    min-width: 0;
}

.dashboard-cockpit-shell .dashboard-inner:not(.invest-details-workspace):not(.invest-stats-workspace) > .mb-4:first-child > .d-flex,
.dashboard-cockpit-shell .dashboard-inner:not(.invest-details-workspace):not(.invest-stats-workspace) > .text-end:first-child,
.dashboard-cockpit-shell .dashboard-inner:not(.invest-details-workspace):not(.invest-stats-workspace) > .row:first-child > [class*="col-"] > .text-end:first-child {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    width: 100%;
    min-width: 0;
}

.dashboard-cockpit-shell .dashboard-inner:not(.invest-details-workspace):not(.invest-stats-workspace) > .mb-4:first-child > .d-flex > div,
.dashboard-cockpit-shell .dashboard-inner:not(.invest-details-workspace):not(.invest-stats-workspace) > .text-end:first-child > div,
.dashboard-cockpit-shell .dashboard-inner:not(.invest-details-workspace):not(.invest-stats-workspace) > .row:first-child > [class*="col-"] > .text-end:first-child > div {
    min-width: 0;
    text-align: left;
}

.dashboard-cockpit-shell .dashboard-inner:not(.invest-details-workspace):not(.invest-stats-workspace) h3 {
    margin: 0 !important;
    color: var(--dtm-ink) !important;
    font-size: clamp(19px, 2vw, 25px) !important;
    line-height: 1.12 !important;
}

.dashboard-cockpit-shell .dashboard-inner:not(.invest-details-workspace):not(.invest-stats-workspace) > .mb-4:first-child p,
.dashboard-cockpit-shell .dashboard-inner:not(.invest-details-workspace):not(.invest-stats-workspace) > .text-end:first-child p,
.dashboard-cockpit-shell .dashboard-inner:not(.invest-details-workspace):not(.invest-stats-workspace) > .row:first-child > [class*="col-"] > .mb-4:first-child p,
.dashboard-cockpit-shell .dashboard-inner:not(.invest-details-workspace):not(.invest-stats-workspace) > .row:first-child > [class*="col-"] > .text-end:first-child p {
    max-width: 780px;
    margin: 5px 0 0 !important;
    color: var(--dtm-muted) !important;
    font-size: 12px !important;
    line-height: 1.55;
}

.dashboard-cockpit-shell .dashboard-inner:not(.invest-details-workspace):not(.invest-stats-workspace) > .mb-4:first-child > p:first-child {
    width: fit-content;
    margin: 0 0 8px !important;
    padding: 5px 9px;
    border: 1px solid rgba(var(--dtm-theme-primary-rgb), .16);
    border-radius: 999px;
    background: rgba(255, 255, 255, .82);
    color: var(--dtm-emerald-deep) !important;
    font-size: 9px !important;
    font-weight: 800;
    letter-spacing: .12em;
    line-height: 1.1;
    text-transform: uppercase;
}

.dashboard-cockpit-shell .dashboard-inner:not(.invest-details-workspace):not(.invest-stats-workspace) hr {
    margin: 0 !important;
    border-color: rgba(var(--dtm-theme-primary-rgb), .10);
}

.dashboard-cockpit-shell .dashboard-inner:not(.invest-details-workspace):not(.invest-stats-workspace) .card,
.dashboard-cockpit-shell .dashboard-inner:not(.invest-details-workspace):not(.invest-stats-workspace) .custom--card {
    border: 1px solid rgba(var(--dtm-theme-primary-rgb), .12) !important;
    border-radius: 18px !important;
    background:
        radial-gradient(circle at 100% 0%, rgba(var(--dtm-theme-primary-rgb), .045), transparent 11rem),
        #ffffff !important;
    box-shadow: 0 10px 30px rgba(11, 21, 36, .045) !important;
}

.dashboard-cockpit-shell .dashboard-inner:not(.invest-details-workspace):not(.invest-stats-workspace) .card-header,
.dashboard-cockpit-shell .dashboard-inner:not(.invest-details-workspace):not(.invest-stats-workspace) .card-footer {
    padding: 13px 16px !important;
    border-color: rgba(var(--dtm-theme-primary-rgb), .10) !important;
    background:
        linear-gradient(135deg, rgba(var(--dtm-theme-primary-rgb), .86), rgba(255, 255, 255, .94)) !important;
}

.dashboard-cockpit-shell .dashboard-inner:not(.invest-details-workspace):not(.invest-stats-workspace) .card-header h5,
.dashboard-cockpit-shell .dashboard-inner:not(.invest-details-workspace):not(.invest-stats-workspace) .card-title,
.dashboard-cockpit-shell .dashboard-fluid-inner .card-header .title,
.dashboard-cockpit-shell .pool-header .title {
    margin: 0 !important;
    color: var(--dtm-ink) !important;
    font-size: 15px !important;
    line-height: 1.25;
}

.dashboard-cockpit-shell .dashboard-inner:not(.invest-details-workspace):not(.invest-stats-workspace) .card-body {
    padding: clamp(15px, 1.8vw, 20px) !important;
}

.dashboard-cockpit-shell :where(.btn--success, .btn-success) {
    border-color: var(--dtm-emerald) !important;
    background: var(--dtm-emerald) !important;
    color: var(--dtm-on-primary) !important;
}

.dashboard-cockpit-shell :where(.btn--primary, .btn-primary) {
    border-color: var(--dtm-info) !important;
    background: var(--dtm-info) !important;
    color: #fff !important;
}

.dashboard-cockpit-shell :where(.btn--dark, .btn-dark) {
    border-color: var(--dtm-ink) !important;
    background: var(--dtm-ink) !important;
    color: #fff !important;
}

.dashboard-cockpit-shell .btn[disabled],
.dashboard-cockpit-shell .btn:disabled {
    cursor: not-allowed;
    opacity: .58;
    transform: none !important;
}

.dashboard-cockpit-shell .filter-area {
    padding: 12px !important;
    border-color: rgba(var(--dtm-theme-primary-rgb), .12) !important;
    border-radius: 16px !important;
    background:
        linear-gradient(135deg, rgba(248, 250, 247, .96), rgba(var(--dtm-theme-primary-rgb), .58)) !important;
}

.dashboard-cockpit-shell .custom-input-box label,
.dashboard-cockpit-shell .plan-label,
.dashboard-cockpit-shell .deposit-info__title .text,
.dashboard-cockpit-shell .pool-item .remaining .title,
.dashboard-cockpit-shell .pool-item .interest-rate span {
    color: var(--dtm-muted) !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.dashboard-cockpit-shell .trx-search .icon-area {
    top: 28px !important;
    right: 10px !important;
    display: grid;
    width: 32px;
    height: 32px;
    place-items: center;
    border-radius: 9px;
    color: var(--dtm-emerald-deep);
}

.dashboard-cockpit-shell .table-responsive,
.dashboard-cockpit-shell [class*="table-responsive--"] {
    border-color: rgba(var(--dtm-theme-primary-rgb), .12) !important;
    border-radius: 16px !important;
    box-shadow: 0 10px 28px rgba(11, 21, 36, .035) !important;
}

.dashboard-cockpit-shell .table th {
    background:
        linear-gradient(180deg, rgba(var(--dtm-theme-primary-rgb), .9), rgba(242, 245, 243, .98)) !important;
    color: var(--dtm-emerald-deep) !important;
}

.dashboard-cockpit-shell .table td b,
.dashboard-cockpit-shell .table td strong {
    color: var(--dtm-ink) !important;
}

.dashboard-cockpit-shell .accordion.table--acordion {
    gap: 10px;
}

.dashboard-cockpit-shell .dashboard-inner:not(.invest-details-workspace):not(.invest-stats-workspace) .accordion.table--acordion .accordion-item,
.dashboard-cockpit-shell .dashboard-inner:not(.invest-details-workspace):not(.invest-stats-workspace) .accordion.table--acordion .transaction-item {
    overflow: hidden;
    border-color: rgba(203, 213, 208, .82) !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: 0 10px 24px rgba(11, 21, 36, .045) !important;
}

.dashboard-cockpit-shell .dashboard-inner:not(.invest-details-workspace):not(.invest-stats-workspace) .accordion.table--acordion .accordion-button {
    min-height: 68px;
    padding: 12px 14px !important;
    background:
        linear-gradient(90deg, rgba(255, 255, 255, .98), rgba(var(--dtm-theme-primary-rgb), .98)) !important;
}

.dashboard-cockpit-shell .dashboard-inner:not(.invest-details-workspace):not(.invest-stats-workspace) .accordion.table--acordion .accordion-button:not(.collapsed) {
    background:
        linear-gradient(90deg, rgba(var(--dtm-theme-primary-rgb), .98), rgba(255, 255, 255, .98)) !important;
}

.dashboard-cockpit-shell .dashboard-inner:not(.invest-details-workspace):not(.invest-stats-workspace) .accordion.table--acordion .accordion-button p {
    margin: 0 !important;
}

.dashboard-cockpit-shell .dashboard-inner:not(.invest-details-workspace):not(.invest-stats-workspace) .accordion.table--acordion .icon {
    background: rgba(var(--dtm-theme-primary-rgb), .10);
    color: var(--dtm-emerald-deep);
}

.dashboard-cockpit-shell .dashboard-inner:not(.invest-details-workspace):not(.invest-stats-workspace) .accordion.table--acordion .icon-danger {
    background: rgba(217, 75, 95, .12);
    color: var(--dtm-danger);
}

.dashboard-cockpit-shell .dashboard-inner:not(.invest-details-workspace):not(.invest-stats-workspace) .accordion.table--acordion .icon-warning {
    background: rgba(214, 154, 45, .14);
    color: var(--dtm-warning);
}

.dashboard-cockpit-shell .dashboard-inner:not(.invest-details-workspace):not(.invest-stats-workspace) .accordion.table--acordion .icon-success {
    background: rgba(var(--dtm-theme-primary-rgb), .12);
    color: var(--dtm-emerald-deep);
}

.dashboard-cockpit-shell .dashboard-inner:not(.invest-details-workspace):not(.invest-stats-workspace) .accordion.table--acordion .amount-wrapper b {
    color: var(--dtm-ink) !important;
    font: 800 13px/1.25 "Sora", sans-serif;
}

.dashboard-cockpit-shell .dashboard-inner:not(.invest-details-workspace):not(.invest-stats-workspace) .accordion.table--acordion .accordion-body {
    border-top-color: rgba(var(--dtm-theme-primary-rgb), .10);
    background: var(--dtm-panel-soft) !important;
}

.dashboard-cockpit-shell .caption-list li,
.dashboard-cockpit-shell .list-group-item {
    border-color: rgba(223, 229, 226, .9) !important;
    background: #fff !important;
}

.dashboard-cockpit-shell .list-group {
    display: grid;
    gap: 8px;
    margin: 0;
    padding: 0;
}

.dashboard-cockpit-shell .list-group-item {
    margin: 0 !important;
    padding: 11px 12px !important;
    border: 1px solid rgba(223, 229, 226, .9) !important;
    border-radius: 12px !important;
    color: var(--dtm-ink-soft) !important;
    font-size: 12px;
}

.dashboard-cockpit-shell .list-group-item span,
.dashboard-cockpit-shell .list-group-item strong {
    color: var(--dtm-ink) !important;
    font-weight: 800;
}

.dashboard-cockpit-shell .accordion-body.text-center,
.dashboard-cockpit-shell .card-body.text-center,
.dashboard-cockpit-shell .dashboard-inner .text-center.bg-white {
    padding: 28px 18px !important;
    border: 1px dashed rgba(var(--dtm-theme-primary-rgb), .22) !important;
    border-radius: 16px !important;
    background:
        radial-gradient(circle at 50% 0%, rgba(var(--dtm-theme-secondary-rgb), .18), transparent 11rem),
        #fff !important;
    color: var(--dtm-muted) !important;
}

.dashboard-cockpit-shell .accordion-body.text-center h4,
.dashboard-cockpit-shell .card-body.text-center h4,
.dashboard-cockpit-shell .text--muted {
    color: var(--dtm-muted) !important;
}

.dashboard-cockpit-shell .badge,
.dashboard-cockpit-shell [class*="badge--"] {
    border: 1px solid transparent;
}

.dashboard-cockpit-shell :where(.badge--success, .badge.bg-success) {
    border-color: rgba(var(--dtm-theme-primary-rgb), .16);
    background: rgba(var(--dtm-theme-primary-rgb), .12) !important;
    color: var(--dtm-emerald-deep) !important;
}

.dashboard-cockpit-shell :where(.badge--warning, .badge.bg-warning) {
    border-color: rgba(214, 154, 45, .18);
    background: rgba(214, 154, 45, .14) !important;
    color: #8a5c0e !important;
}

.dashboard-cockpit-shell :where(.badge--danger, .badge.bg-danger) {
    border-color: rgba(217, 75, 95, .18);
    background: rgba(217, 75, 95, .12) !important;
    color: var(--dtm-danger) !important;
}

.dashboard-cockpit-shell :where(.badge--primary, .badge--info, .badge.bg-info, .badge.bg-primary) {
    border-color: rgba(var(--dtm-theme-link-rgb), .18);
    background: rgba(var(--dtm-theme-link-rgb), .12) !important;
    color: var(--dtm-info) !important;
}

.dashboard-cockpit-shell :where(.badge--dark, .badge.bg-dark) {
    border-color: rgba(19, 32, 51, .14);
    background: rgba(19, 32, 51, .10) !important;
    color: var(--dtm-ink) !important;
}

.dashboard-cockpit-shell .copy-link {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 8px;
    padding: 7px;
    border: 1px solid rgba(var(--dtm-theme-primary-rgb), .14);
    border-radius: 14px;
    background: rgba(248, 250, 247, .86);
}

.dashboard-cockpit-shell .copy-link input,
.dashboard-cockpit-shell .copyURL {
    min-height: 38px !important;
    border: 0 !important;
    background: transparent !important;
    color: var(--dtm-ink) !important;
    font-weight: 700 !important;
}

.dashboard-cockpit-shell .copy-link span,
.dashboard-cockpit-shell .copyBoard {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 36px;
    padding: 7px 11px;
    border-radius: 10px;
    background: var(--dtm-emerald);
    color: var(--dtm-on-primary) !important;
    font-size: 11px;
    font-weight: 800;
    cursor: pointer;
}

.dashboard-cockpit-shell .plan-list {
    display: grid !important;
    gap: 10px !important;
    width: 100%;
    min-width: 0;
}

.dashboard-cockpit-shell .plan-item-two {
    position: relative;
    display: grid !important;
    grid-template-columns: minmax(220px, 1.45fr) repeat(3, minmax(128px, .75fr)) auto;
    align-items: center;
    gap: 12px;
    width: 100%;
    min-width: 0;
    padding: 14px !important;
    overflow: hidden;
    border: 1px solid rgba(203, 213, 208, .86) !important;
    border-radius: 16px !important;
    background:
        radial-gradient(circle at 100% 0%, rgba(var(--dtm-theme-primary-rgb), .07), transparent 9rem),
        #fff !important;
    color: var(--dtm-ink) !important;
    box-shadow: 0 10px 24px rgba(11, 21, 36, .045) !important;
}

.dashboard-cockpit-shell .plan-item-two::after {
    content: "";
    position: absolute;
    top: 14px;
    right: 14px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--dtm-emerald);
    box-shadow: 0 0 0 5px rgba(var(--dtm-theme-primary-rgb), .10);
}

.dashboard-cockpit-shell .plan-item-two .plan-inner-div,
.dashboard-cockpit-shell .plan-item-two .plan-name-data {
    min-width: 0;
    max-width: none !important;
}

.dashboard-cockpit-shell .plan-item-two .plan-name,
.dashboard-cockpit-shell .plan-item-two .plan-value,
.dashboard-cockpit-shell .plan-item-two .plan-desc,
.dashboard-cockpit-shell .plan-item-two p,
.dashboard-cockpit-shell .plan-item-two span {
    color: var(--dtm-ink) !important;
    font-size: 12px;
    overflow-wrap: anywhere;
}

.dashboard-cockpit-shell .plan-item-two .plan-name,
.dashboard-cockpit-shell .plan-item-two .plan-value.amount {
    font-weight: 800;
}

.dashboard-cockpit-shell .plan-item-two .plan-desc,
.dashboard-cockpit-shell .plan-item-two .date {
    color: var(--dtm-muted) !important;
}

.dashboard-cockpit-shell .invest-details-link {
    display: inline-grid;
    width: 38px;
    height: 38px;
    place-items: center;
    border: 1px solid rgba(var(--dtm-theme-primary-rgb), .18) !important;
    border-radius: 12px !important;
    background: rgba(var(--dtm-theme-primary-rgb), .08) !important;
    color: var(--dtm-emerald-deep) !important;
    line-height: 1 !important;
}

.dashboard-cockpit-shell .custom-progress {
    max-width: 42px !important;
    max-height: 42px !important;
}

.dashboard-cockpit-shell .custom-progress .progress-circle {
    stroke: var(--dtm-emerald) !important;
}

.dashboard-cockpit-shell .custom-progress .bg-circle {
    stroke: rgba(var(--dtm-theme-primary-rgb), .12) !important;
}

.dashboard-cockpit-shell .dashboard-fluid-inner {
    display: grid;
    gap: 14px;
    padding: 0 !important;
}

.dashboard-cockpit-shell .dashboard-fluid-inner > .row {
    row-gap: 14px;
}

.dashboard-cockpit-shell .dashboard-fluid-inner .card,
.dashboard-cockpit-shell .pool-wrapper {
    overflow: hidden;
    border: 1px solid rgba(var(--dtm-theme-primary-rgb), .12) !important;
    border-radius: 20px !important;
    background:
        radial-gradient(circle at 100% 0%, rgba(var(--dtm-theme-primary-rgb), .055), transparent 14rem),
        #fff !important;
    box-shadow: 0 14px 40px rgba(11, 21, 36, .06) !important;
}

.dashboard-cockpit-shell .dashboard-fluid-inner .card-header,
.dashboard-cockpit-shell .pool-header {
    padding: 14px 16px !important;
    border: 1px solid rgba(var(--dtm-theme-primary-rgb), .10) !important;
    border-radius: 18px !important;
    background:
        radial-gradient(circle at 96% 0%, rgba(var(--dtm-theme-secondary-rgb), .22), transparent 12rem),
        linear-gradient(135deg, rgba(255, 255, 255, .92), rgba(var(--dtm-theme-primary-rgb), .78)) !important;
}

.dashboard-cockpit-shell .dashboard-fluid-inner .card-body {
    padding: 16px !important;
}

.dashboard-cockpit-shell .pool-wrapper {
    padding: clamp(14px, 2vw, 20px) !important;
}

.dashboard-cockpit-shell .pool-body {
    padding: 16px 0 0 !important;
}

.dashboard-cockpit-shell .pool-item {
    position: relative;
    display: grid;
    gap: 13px;
    height: 100%;
    margin: 0 0 14px !important;
    padding: 18px !important;
    overflow: hidden;
    border: 1px solid rgba(var(--dtm-theme-primary-rgb), .14) !important;
    border-radius: 18px !important;
    background:
        radial-gradient(circle at 100% 0%, rgba(var(--dtm-theme-secondary-rgb), .18), transparent 11rem),
        #fff !important;
    text-align: left !important;
    box-shadow: 0 10px 28px rgba(11, 21, 36, .045);
}

.dashboard-cockpit-shell .pool-item::after {
    content: "";
    position: absolute;
    top: 14px;
    right: 14px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--dtm-lime);
    box-shadow: 0 0 0 6px rgba(var(--dtm-theme-secondary-rgb), .18);
}

.dashboard-cockpit-shell .pool-item > .title,
.dashboard-cockpit-shell .pool-item .interest-rate .title {
    margin: 0 !important;
    color: var(--dtm-ink) !important;
    font-size: 17px !important;
}

.dashboard-cockpit-shell .pool-item .list {
    display: grid;
    gap: 8px;
    margin: 0 !important;
    padding: 0;
    list-style: none;
}

.dashboard-cockpit-shell .pool-item .list .item {
    margin: 0 !important;
    padding: 9px 10px !important;
    border: 1px solid rgba(223, 229, 226, .8) !important;
    border-radius: 12px;
    background: rgba(248, 250, 247, .72);
    color: var(--dtm-ink-soft) !important;
    font-size: 12px !important;
}

.dashboard-cockpit-shell .pool-item .remaining,
.dashboard-cockpit-shell .pool-item .interest-rate {
    margin: 0 !important;
}

.dashboard-cockpit-shell .pool-item .remaining-amount {
    color: var(--dtm-ink) !important;
    font-weight: 800;
}

.dashboard-cockpit-shell .progress {
    height: 10px !important;
    overflow: hidden;
    border-radius: 999px !important;
    background: rgba(var(--dtm-theme-primary-rgb), .10) !important;
}

.dashboard-cockpit-shell .progress-bar {
    border-radius: inherit;
    background:
        linear-gradient(90deg, var(--dtm-emerald), color-mix(in srgb, var(--dtm-emerald) 48%, #ffffff) 58%, var(--dtm-lime)) !important;
}

.dashboard-cockpit-shell .remaining-time {
    color: var(--dtm-emerald-deep) !important;
    font-weight: 800;
}

.dashboard-cockpit-shell .raking-invest,
.dashboard-cockpit-shell .raking-common {
    height: 100%;
    padding: 12px;
    border: 1px solid rgba(var(--dtm-theme-primary-rgb), .12);
    border-radius: 14px;
    background: rgba(248, 250, 247, .76);
}

.dashboard-cockpit-shell .raking-invest img {
    width: 52px;
    height: 52px;
    object-fit: contain;
}

.dashboard-cockpit-shell .raking-invest span,
.dashboard-cockpit-shell .raking-common span {
    color: var(--dtm-muted) !important;
    font-size: 10px !important;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.dashboard-cockpit-shell .raking-invest h5,
.dashboard-cockpit-shell .raking-common h5 {
    margin: 4px 0 0 !important;
    color: var(--dtm-ink) !important;
    font-size: 15px !important;
}

.dashboard-cockpit-shell .invest-badge {
    min-height: 100%;
    padding: 18px 14px !important;
    border: 1px solid rgba(var(--dtm-theme-primary-rgb), .12);
    border-radius: 18px;
    background:
        radial-gradient(circle at 50% 0%, rgba(var(--dtm-theme-secondary-rgb), .20), transparent 12rem),
        #fff;
    box-shadow: 0 10px 28px rgba(11, 21, 36, .045);
}

.dashboard-cockpit-shell .invest-badge__title {
    margin-top: 10px !important;
    color: var(--dtm-ink) !important;
}

.dashboard-cockpit-shell .invest-badge__subtitle {
    color: var(--dtm-emerald-deep) !important;
    font-weight: 800;
}

.dashboard-cockpit-shell .thumb__350px {
    overflow: hidden;
    border: 1px solid rgba(var(--dtm-theme-primary-rgb), .12);
    border-radius: 14px;
    background: var(--dtm-panel-soft);
}

.dashboard-cockpit-shell .thumb__350px img {
    display: block;
    aspect-ratio: 16 / 9;
    object-fit: cover;
}

.dashboard-cockpit-shell .referral-form textarea {
    border-radius: 12px !important;
}

.dashboard-cockpit-shell .referral-form::before {
    border-radius: 12px !important;
    background: rgba(19, 32, 51, .82) !important;
    font: 800 20px/1.2 "Sora", sans-serif !important;
    backdrop-filter: blur(6px);
}

.dashboard-cockpit-shell .treeview-container {
    overflow-x: auto;
    padding: 12px;
    border: 1px solid rgba(var(--dtm-theme-primary-rgb), .12);
    border-radius: 14px;
    background: rgba(248, 250, 247, .72);
}

.dashboard-cockpit-shell .support-message,
.dashboard-cockpit-shell .dashboard-inner .row.border {
    margin-inline: 0 !important;
    border-width: 1px !important;
    border-color: rgba(var(--dtm-theme-primary-rgb), .14) !important;
    border-radius: 16px !important;
    background:
        radial-gradient(circle at 100% 0%, rgba(var(--dtm-theme-primary-rgb), .06), transparent 9rem),
        #fff !important;
}

.dashboard-cockpit-shell .dashboard-inner .row.border-warning {
    border-color: rgba(214, 154, 45, .28) !important;
    background:
        radial-gradient(circle at 100% 0%, rgba(214, 154, 45, .10), transparent 9rem),
        #fffaf0 !important;
}

.dashboard-cockpit-shell .dashboard-inner .border-end {
    border-color: rgba(var(--dtm-theme-primary-rgb), .12) !important;
}

.dashboard-cockpit-shell .alert--base,
.dashboard-cockpit-shell .alert-info,
.dashboard-cockpit-shell .alert {
    border-left-color: var(--dtm-emerald) !important;
    background:
        linear-gradient(135deg, rgba(var(--dtm-theme-primary-rgb), .84), #fff) !important;
}

.dashboard-cockpit-shell .card-wrapper {
    overflow: hidden;
    border-radius: 16px;
}

.dashboard-cockpit-shell .text--success,
.dashboard-cockpit-shell .text-success {
    color: var(--dtm-emerald-deep) !important;
}

.dashboard-cockpit-shell .text--info,
.dashboard-cockpit-shell .text-info {
    color: var(--dtm-info) !important;
}

.dashboard-cockpit-shell .text--base,
.dashboard-cockpit-shell .text-primary {
    color: var(--dtm-emerald-deep) !important;
}

@media (min-width: 768px) {
    .dashboard-cockpit-shell .dashboard-inner:not(.invest-details-workspace):not(.invest-stats-workspace) .accordion.table--acordion .accordion-button {
        display: grid;
        grid-template-columns: minmax(0, 1.2fr) minmax(130px, .56fr) minmax(130px, .5fr) 18px;
        align-items: center;
        gap: 12px;
    }

    .dashboard-cockpit-shell .dashboard-inner:not(.invest-details-workspace):not(.invest-stats-workspace) .accordion.table--acordion .accordion-button > [class*="col-"] {
        width: auto;
        max-width: none;
        margin: 0 !important;
    }

    .dashboard-cockpit-shell .dashboard-inner:not(.invest-details-workspace):not(.invest-stats-workspace) .accordion.table--acordion .icon-wrapper {
        grid-column: 1;
    }

    .dashboard-cockpit-shell .dashboard-inner:not(.invest-details-workspace):not(.invest-stats-workspace) .accordion.table--acordion .content-wrapper {
        grid-column: 2;
        text-align: left;
    }

    .dashboard-cockpit-shell .dashboard-inner:not(.invest-details-workspace):not(.invest-stats-workspace) .accordion.table--acordion .amount-wrapper {
        grid-column: 3;
    }

    .dashboard-cockpit-shell .dashboard-inner:not(.invest-details-workspace):not(.invest-stats-workspace) .accordion.table--acordion .accordion-button::after {
        grid-column: 4;
        justify-self: end;
        margin-left: 0;
    }
}

@media (max-width: 1199.98px) {
    .dashboard-cockpit-shell .plan-item-two {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767.98px) {
    .dashboard-cockpit-shell .dashboard-inner:not(.invest-details-workspace):not(.invest-stats-workspace) {
        gap: 12px;
        padding: 13px !important;
        border-radius: 18px !important;
    }

    .dashboard-cockpit-shell .dashboard-inner:not(.invest-details-workspace):not(.invest-stats-workspace) > .mb-4:first-child,
    .dashboard-cockpit-shell .dashboard-inner:not(.invest-details-workspace):not(.invest-stats-workspace) > .text-end:first-child,
    .dashboard-cockpit-shell .dashboard-inner:not(.invest-details-workspace):not(.invest-stats-workspace) > .row:first-child > [class*="col-"] > .mb-4:first-child,
    .dashboard-cockpit-shell .dashboard-inner:not(.invest-details-workspace):not(.invest-stats-workspace) > .row:first-child > [class*="col-"] > .text-end:first-child {
        display: grid !important;
        align-items: start;
        padding: 13px !important;
        border-radius: 15px;
    }

    .dashboard-cockpit-shell .dashboard-inner:not(.invest-details-workspace):not(.invest-stats-workspace) > .mb-4:first-child > .d-flex,
    .dashboard-cockpit-shell .dashboard-inner:not(.invest-details-workspace):not(.invest-stats-workspace) > .text-end:first-child {
        display: grid !important;
        justify-items: start;
    }

    .dashboard-cockpit-shell .dashboard-inner:not(.invest-details-workspace):not(.invest-stats-workspace) .btn {
        white-space: normal;
    }

    .dashboard-cockpit-shell .dashboard-inner:not(.invest-details-workspace):not(.invest-stats-workspace) .accordion.table--acordion .accordion-button {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) minmax(76px, auto) 18px !important;
        align-items: center;
        gap: 8px 10px;
    }

    .dashboard-cockpit-shell .dashboard-inner:not(.invest-details-workspace):not(.invest-stats-workspace) .accordion.table--acordion .accordion-button > [class*="col-"] {
        width: auto;
        max-width: none;
        min-width: 0;
        margin: 0 !important;
    }

    .dashboard-cockpit-shell .dashboard-inner:not(.invest-details-workspace):not(.invest-stats-workspace) .accordion.table--acordion .icon-wrapper {
        grid-column: 1;
        grid-row: 1;
    }

    .dashboard-cockpit-shell .dashboard-inner:not(.invest-details-workspace):not(.invest-stats-workspace) .accordion.table--acordion .amount-wrapper {
        grid-column: 2;
        grid-row: 1;
        text-align: right !important;
    }

    .dashboard-cockpit-shell .dashboard-inner:not(.invest-details-workspace):not(.invest-stats-workspace) .accordion.table--acordion .content-wrapper {
        grid-column: 1 / -1;
        grid-row: 2;
        padding-left: 44px;
        text-align: left !important;
    }

    .dashboard-cockpit-shell .dashboard-inner:not(.invest-details-workspace):not(.invest-stats-workspace) .accordion.table--acordion .accordion-button::after {
        display: block !important;
        grid-column: 3;
        grid-row: 1;
        justify-self: end;
        align-self: center;
        width: 1rem;
        height: 1rem;
        margin-left: 0;
        background-size: 1rem;
        opacity: .75;
    }

    .dashboard-cockpit-shell .plan-item-two {
        grid-template-columns: 1fr;
    }

    .dashboard-cockpit-shell .plan-item-two .text-end {
        text-align: left !important;
    }

    .dashboard-cockpit-shell .copy-link {
        grid-template-columns: 1fr;
    }

    .dashboard-cockpit-shell .copy-link span,
    .dashboard-cockpit-shell .copyBoard {
        width: 100%;
    }

    .dashboard-cockpit-shell .pool-header {
        display: grid;
        gap: 10px;
    }

    .dashboard-cockpit-shell .pool-header .btn {
        width: 100%;
    }

    .dashboard-cockpit-shell .dashboard-inner .row.border .border-end {
        border-right: 0 !important;
        border-bottom: 1px solid rgba(var(--dtm-theme-primary-rgb), .12) !important;
        text-align: left !important;
    }
}

@media (max-width: 575.98px) {
    .dashboard-cockpit-shell .dashboard-fluid-inner .card-body,
    .dashboard-cockpit-shell .pool-wrapper,
    .dashboard-cockpit-shell .pool-item {
        padding: 14px !important;
    }

    .dashboard-cockpit-shell .dashboard-inner:not(.invest-details-workspace):not(.invest-stats-workspace) .accordion.table--acordion .accordion-button {
        min-height: 0;
    }
}

/* 20260717 dashboard /plan contrast fix */
.dashboard-cockpit-shell .app-plan-page {
    padding: 0 !important;
    overflow: visible;
    background: transparent !important;
}

.dashboard-cockpit-shell .app-plan-page::before {
    display: none !important;
}

.dashboard-cockpit-shell .app-plan-page .app-plan-page__inner {
    gap: clamp(10px, 1.4vw, 16px);
    padding: clamp(12px, 1.6vw, 18px) !important;
}

.dashboard-cockpit-shell .app-plan-page .app-page-hero,
.dashboard-cockpit-shell .app-plan-page .app-market-widget,
.dashboard-cockpit-shell .app-plan-page .app-plan-board {
    border: 1px solid rgba(var(--dtm-theme-primary-rgb), .14) !important;
    background:
        radial-gradient(circle at 100% 0%, rgba(var(--dtm-theme-secondary-rgb), .20), transparent 18rem),
        linear-gradient(135deg, var(--dtm-panel), var(--dtm-panel-soft)) !important;
    box-shadow: 0 14px 38px rgba(11, 21, 36, .06) !important;
    backdrop-filter: none;
}

.dashboard-cockpit-shell .app-plan-page .app-page-hero {
    margin: 0 !important;
    padding: clamp(14px, 2.2vw, 24px) !important;
    border-radius: 18px !important;
    color: var(--dtm-ink) !important;
}

.dashboard-cockpit-shell .app-plan-page .app-page-hero::after {
    right: -90px;
    bottom: -110px;
    border-color: rgba(var(--dtm-theme-primary-rgb), .14);
    box-shadow:
        0 0 0 48px rgba(var(--dtm-theme-primary-rgb), .055),
        0 0 0 96px rgba(var(--dtm-theme-secondary-rgb), .05);
}

.dashboard-cockpit-shell .app-plan-page .app-page-hero .eyebrow-label,
.dashboard-cockpit-shell .app-plan-page .app-plan-board .eyebrow-label,
.dashboard-cockpit-shell .app-plan-page .app-market-widget .eyebrow-label {
    color: var(--dtm-emerald-deep) !important;
}

.dashboard-cockpit-shell .app-plan-page .app-page-title {
    max-width: 920px;
    margin: 10px 0 10px !important;
    color: var(--dtm-ink) !important;
    font-size: clamp(1.35rem, 2.3vw, 2.05rem) !important;
    line-height: 1.1 !important;
    text-shadow: none !important;
}

.dashboard-cockpit-shell .app-plan-page .app-page-text,
.dashboard-cockpit-shell .app-plan-page .app-page-hero p,
.dashboard-cockpit-shell .app-plan-page .app-market-widget .app-page-text,
.dashboard-cockpit-shell .app-plan-page .app-plan-board p {
    color: var(--dtm-muted) !important;
    font-size: 13px !important;
    text-shadow: none !important;
}

.dashboard-cockpit-shell .app-plan-page .app-info-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    margin-top: 12px;
}

.dashboard-cockpit-shell .app-plan-page .app-info-list__item,
.dashboard-cockpit-shell .app-plan-page .app-market-chip {
    padding: 11px 12px;
    border-color: rgba(var(--dtm-theme-primary-rgb), .13) !important;
    background: rgba(255, 255, 255, .76) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .68) !important;
}

.dashboard-cockpit-shell .app-plan-page .app-info-list__item strong,
.dashboard-cockpit-shell .app-plan-page .app-market-chip strong,
.dashboard-cockpit-shell .app-plan-page .app-market-widget h4,
.dashboard-cockpit-shell .app-plan-page .app-plan-board h2 {
    color: var(--dtm-ink) !important;
    text-shadow: none !important;
}

.dashboard-cockpit-shell .app-plan-page .app-info-list__item span,
.dashboard-cockpit-shell .app-plan-page .app-market-chip span {
    color: var(--dtm-muted) !important;
}

.dashboard-cockpit-shell .app-plan-page .app-market-widget {
    padding: clamp(14px, 1.9vw, 20px) !important;
}

.dashboard-cockpit-shell .app-plan-page .app-market-widget h4 {
    margin-top: 8px !important;
    margin-bottom: 6px !important;
    font-size: 1rem !important;
}

.dashboard-cockpit-shell .app-plan-page .app-market-strip {
    gap: 8px;
}

.dashboard-cockpit-shell .app-plan-page .app-local-market-panel {
    min-height: 290px !important;
}

.dashboard-cockpit-shell .app-plan-page .app-plan-board {
    margin-top: 0;
    padding: clamp(14px, 2vw, 22px);
    border-radius: 18px;
}

.dashboard-cockpit-shell .app-plan-page .app-plan-board__head {
    gap: 14px;
    margin-bottom: 14px;
}

.dashboard-cockpit-shell .app-plan-page .app-plan-board__head h2 {
    margin: 8px 0 6px;
    font-size: clamp(1.25rem, 2vw, 1.75rem) !important;
    line-height: 1.14 !important;
}

.dashboard-cockpit-shell .app-plan-page .app-plan-board__badges {
    gap: 6px;
}

.dashboard-cockpit-shell .app-plan-page .app-plan-board__badges span {
    min-height: 28px;
    padding: 6px 9px;
    border-color: rgba(var(--dtm-theme-primary-rgb), .16);
    background: rgba(var(--dtm-theme-primary-rgb), .09);
    color: var(--dtm-emerald-deep) !important;
    font-size: 10px !important;
}

.dashboard-cockpit-shell .app-plan-page .app-plan-grid .row {
    --bs-gutter-x: clamp(12px, 1.5vw, 18px);
    --bs-gutter-y: clamp(12px, 1.5vw, 18px);
}

.investhub-shell .dashboard-cockpit-shell .app-plan-page .app-plan-card {
    min-height: 100% !important;
    padding: clamp(14px, 1.7vw, 18px) !important;
    border-color: rgba(var(--dtm-theme-primary-rgb), .14) !important;
    border-radius: 18px !important;
    background:
        radial-gradient(circle at 100% 0%, rgba(var(--dtm-theme-primary-rgb), .055), transparent 12rem),
        var(--dtm-panel) !important;
    color: var(--dtm-ink) !important;
    box-shadow: 0 12px 34px rgba(11, 21, 36, .055) !important;
    transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}

.investhub-shell .dashboard-cockpit-shell .app-plan-page .app-plan-card:hover {
    transform: translateY(-2px) !important;
    border-color: rgba(var(--dtm-theme-primary-rgb), .28) !important;
    box-shadow: 0 18px 42px rgba(11, 21, 36, .08) !important;
}

.investhub-shell .dashboard-cockpit-shell .app-plan-page .app-plan-card::before,
.investhub-shell .dashboard-cockpit-shell .app-plan-page .app-plan-card::after {
    content: none !important;
    display: none !important;
}

.investhub-shell .dashboard-cockpit-shell .app-plan-page .app-plan-card__eyebrow,
.investhub-shell .dashboard-cockpit-shell .app-plan-page .app-plan-flag {
    padding: 4px 7px;
    border: 1px solid rgba(var(--dtm-theme-primary-rgb), .14);
    background: rgba(var(--dtm-theme-primary-rgb), .09) !important;
    color: var(--dtm-emerald-deep) !important;
}

.investhub-shell .dashboard-cockpit-shell .app-plan-page .app-plan-card__serial {
    min-height: 24px;
    padding: 4px 7px;
    border: 1px solid rgba(var(--dtm-theme-link-rgb), .16);
    background: rgba(var(--dtm-theme-link-rgb), .08) !important;
    color: var(--dtm-cobalt) !important;
}

.investhub-shell .dashboard-cockpit-shell .app-plan-page .plan-title {
    color: var(--dtm-ink) !important;
    font-size: clamp(1rem, 1.45vw, 1.2rem) !important;
    line-height: 1.16 !important;
    text-shadow: none !important;
}

.investhub-shell .dashboard-cockpit-shell .app-plan-page .app-plan-card__summary {
    color: var(--dtm-muted) !important;
    font-size: 11px !important;
}

.investhub-shell .dashboard-cockpit-shell .app-plan-page .plan-rate,
.investhub-shell .dashboard-cockpit-shell .app-plan-page .app-plan-card__rate {
    margin-top: 12px !important;
    padding: 12px !important;
    border-radius: 14px !important;
    border-color: rgba(var(--dtm-theme-primary-rgb), .18) !important;
    background:
        radial-gradient(circle at 92% 0%, rgba(var(--dtm-theme-secondary-rgb), .22), transparent 12rem),
        linear-gradient(135deg, rgba(var(--dtm-theme-primary-rgb), .10), rgba(var(--dtm-theme-secondary-rgb), .12)) !important;
}

.investhub-shell .dashboard-cockpit-shell .app-plan-page .plan-rate .rate,
.investhub-shell .dashboard-cockpit-shell .app-plan-page .app-plan-card__rate .rate {
    color: var(--dtm-emerald-deep) !important;
    font-size: clamp(1.55rem, 2.4vw, 2.35rem) !important;
    letter-spacing: -.045em;
    text-shadow: none !important;
}

.investhub-shell .dashboard-cockpit-shell .app-plan-page .plan-rate p {
    color: var(--dtm-muted) !important;
    font-size: 10px !important;
}

.investhub-shell .dashboard-cockpit-shell .app-plan-page .app-plan-card__body {
    margin: 12px 0 !important;
}

.investhub-shell .dashboard-cockpit-shell .app-plan-page .app-plan-specs__row {
    min-height: 0;
    padding: 8px 0;
    border-color: rgba(var(--dtm-theme-primary-rgb), .11) !important;
}

.investhub-shell .dashboard-cockpit-shell .app-plan-page .app-plan-specs__row .label {
    color: var(--dtm-muted) !important;
    font-size: 11px !important;
}

.investhub-shell .dashboard-cockpit-shell .app-plan-page .app-plan-specs__row .value {
    color: var(--dtm-ink) !important;
    font-size: 11px !important;
}

.investhub-shell .dashboard-cockpit-shell .app-plan-page .app-plan-card__footer .btn,
.investhub-shell .dashboard-cockpit-shell .app-plan-page .plan-btn {
    min-height: 44px;
    border-radius: 12px !important;
    border: 1px solid var(--dtm-emerald) !important;
    background: linear-gradient(135deg, var(--dtm-emerald), var(--dtm-emerald-deep)) !important;
    color: var(--dtm-on-primary) !important;
    box-shadow: 0 14px 30px rgba(var(--dtm-theme-primary-rgb), .20) !important;
}

.investhub-shell .dashboard-cockpit-shell .app-plan-page .app-plan-card__footer .btn:hover,
.investhub-shell .dashboard-cockpit-shell .app-plan-page .plan-btn:hover,
.investhub-shell .dashboard-cockpit-shell .app-plan-page .app-plan-card__footer .btn:focus-visible,
.investhub-shell .dashboard-cockpit-shell .app-plan-page .plan-btn:focus-visible {
    border-color: var(--dtm-emerald-deep) !important;
    background: linear-gradient(135deg, var(--dtm-emerald-deep), var(--dtm-emerald)) !important;
    color: var(--dtm-on-primary-strong, var(--dtm-on-primary)) !important;
    box-shadow: 0 0 0 4px rgba(var(--dtm-theme-primary-rgb), .12), 0 16px 34px rgba(var(--dtm-theme-primary-rgb), .22) !important;
}

@media (max-width: 767.98px) {
    .dashboard-cockpit-shell .app-plan-page .app-info-list,
    .dashboard-cockpit-shell .app-plan-page .app-market-strip {
        grid-template-columns: 1fr;
    }

    .dashboard-cockpit-shell .app-plan-page .app-local-market-panel {
        min-height: 240px !important;
    }

    .dashboard-cockpit-shell .app-plan-page .app-plan-board__badges {
        justify-content: flex-start;
    }
}

@media (max-width: 575.98px) {
    .dashboard-cockpit-shell .app-plan-page .app-page-hero,
    .dashboard-cockpit-shell .app-plan-page .app-market-widget,
    .dashboard-cockpit-shell .app-plan-page .app-plan-board,
    .investhub-shell .dashboard-cockpit-shell .app-plan-page .app-plan-card {
        border-radius: 17px !important;
    }

    .investhub-shell .dashboard-cockpit-shell .app-plan-page .app-plan-specs__row {
        grid-template-columns: 1fr;
        gap: 4px;
    }

    .investhub-shell .dashboard-cockpit-shell .app-plan-page .app-plan-specs__row .value {
        max-width: none;
        text-align: left;
    }
}

/* 20260717 dashboard header/sidebar/statistics advisor refresh */
.dashboard-cockpit-shell .dashboard-nav {
    flex-wrap: nowrap !important;
    gap: 12px;
}

.dashboard-cockpit-shell .dashboard-nav .nav-left {
    flex: 1 1 auto;
}

.dashboard-cockpit-shell .dashboard-nav .nav-right {
    flex: 0 0 auto;
    flex-wrap: nowrap !important;
}

.dashboard-translate-control {
    position: relative;
    z-index: 22;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    min-height: 44px;
}

.dashboard-translate-control .gtranslate_wrapper {
    display: flex;
    align-items: center;
    min-height: 44px;
}

.dashboard-translate-control .gt_switcher-popup {
    display: inline-flex !important;
    align-items: center;
    gap: 5px;
    min-height: 42px;
    padding: 0 13px !important;
    border: 1px solid rgba(var(--dtm-theme-primary-rgb), .18);
    border-radius: 12px;
    background: linear-gradient(135deg, rgba(255, 255, 255, .95), rgba(248, 250, 247, .86));
    color: var(--dtm-ink) !important;
    font: 800 12px/1 "IBM Plex Sans", sans-serif;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .72);
    white-space: nowrap;
}

.dashboard-translate-control .gt_switcher-popup:hover,
.dashboard-translate-control .gt_switcher-popup:focus-visible {
    border-color: rgba(var(--dtm-theme-primary-rgb), .32);
    color: var(--dtm-emerald-deep) !important;
    box-shadow: 0 0 0 4px rgba(var(--dtm-theme-primary-rgb), .08);
}

.dashboard-translate-control .gt_switcher-popup img {
    width: 18px !important;
    height: 18px !important;
    border-radius: 50%;
    object-fit: cover;
}

.dashboard-translate-control .gt_switcher-popup span:first-of-type {
    max-width: 112px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dashboard-translate-control .gt_switcher-popup span[style] {
    color: var(--dtm-emerald-deep) !important;
}

body.dashboard-gtranslate-scope .gt_black_overlay {
    position: fixed !important;
    inset: 0 !important;
    z-index: 999998 !important;
    background: rgba(5, 13, 24, .54) !important;
    backdrop-filter: blur(5px);
}

body.dashboard-gtranslate-scope .gt_white_content {
    position: fixed !important;
    inset: auto !important;
    top: 50% !important;
    left: 50% !important;
    z-index: 999999 !important;
    width: min(840px, calc(100vw - 40px)) !important;
    height: auto !important;
    max-width: calc(100vw - 40px) !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-height: min(720px, calc(100dvh - 40px)) !important;
    margin: 0 !important;
    padding: 58px 18px 18px !important;
    overflow: auto !important;
    border: 1px solid rgba(var(--dtm-theme-primary-rgb), .16) !important;
    border-radius: 22px !important;
    background: #ffffff !important;
    color: var(--dtm-ink) !important;
    text-align: left !important;
    box-shadow: 0 24px 70px rgba(5, 13, 24, .28) !important;
    transform: translate(-50%, -50%) !important;
    overscroll-behavior: contain;
}

body.dashboard-gtranslate-scope .gt_white_content iframe,
body.dashboard-gtranslate-scope .gt_white_content table {
    max-width: 100% !important;
}

body.dashboard-gtranslate-scope .gt_white_content .gt_languages {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
    gap: 2px 14px;
    max-height: none !important;
    overflow: visible !important;
}

body.dashboard-gtranslate-scope .gt_white_content a.glink {
    display: flex !important;
    align-items: center;
    gap: 8px;
    min-height: 42px;
    padding: 10px 8px !important;
    border-bottom: 1px solid #edf2f6 !important;
    color: var(--dtm-ink) !important;
    font: 700 12.5px/1.2 "IBM Plex Sans", sans-serif !important;
    white-space: nowrap;
}

body.dashboard-gtranslate-scope .gt_white_content a.glink:hover,
body.dashboard-gtranslate-scope .gt_white_content a.gt-current-lang {
    color: var(--dtm-emerald-deep) !important;
}

body.dashboard-gtranslate-scope .gt_white_content a.glink img {
    width: 18px !important;
    height: 18px !important;
    flex: 0 0 auto;
    border-radius: 50%;
    object-fit: cover;
}

body.dashboard-gtranslate-scope .gt_white_content a.glink span {
    margin-right: 0 !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
}

body.dashboard-gtranslate-scope .dashboard-translate-close {
    position: sticky;
    top: 0;
    z-index: 2;
    display: grid;
    width: 40px;
    height: 40px;
    margin: -46px 0 8px auto;
    padding: 0;
    place-items: center;
    border: 1px solid rgba(var(--dtm-theme-primary-rgb), .16);
    border-radius: 12px;
    background: #f7fafc;
    color: var(--dtm-ink);
    font: 800 22px/1 "IBM Plex Sans", sans-serif;
    cursor: pointer;
    box-shadow: 0 10px 24px rgba(5, 13, 24, .08);
}

body.dashboard-gtranslate-scope .dashboard-translate-close:hover,
body.dashboard-gtranslate-scope .dashboard-translate-close:focus-visible {
    border-color: rgba(var(--dtm-theme-primary-rgb), .32);
    background: rgba(var(--dtm-theme-primary-rgb), .08);
    color: var(--dtm-emerald-deep);
    outline: none;
}

body.dashboard-gtranslate-open {
    overflow: hidden;
}

.dashboard-cockpit-shell .dashboard-sidebar {
    isolation: isolate;
}

.dashboard-cockpit-shell .dashboard-sidebar > * {
    position: relative;
    z-index: 1;
}

.dashboard-cockpit-shell .dashboard-sidebar::before,
.dashboard-cockpit-shell .dashboard-sidebar::after {
    content: "";
    position: absolute;
    inset-inline: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
}

.dashboard-cockpit-shell .dashboard-sidebar .dash-sidebar-close {
    z-index: 3;
}

.dashboard-cockpit-shell .invest-stats-workspace:not(.invest-stats-workspace--vivid) .invest-stats-hero {
    grid-template-columns: minmax(0, 1fr) minmax(300px, 420px);
    align-items: stretch;
    min-height: 260px;
}

.dashboard-cockpit-shell .invest-stats-workspace:not(.invest-stats-workspace--vivid) .invest-stats-hero > :first-child {
    position: relative;
    z-index: 2;
    align-self: center;
    min-width: 0;
}

.dashboard-cockpit-shell .invest-advisor-panel {
    position: relative;
    isolation: isolate;
    align-content: start;
    min-height: 238px;
    border-color: rgba(255, 255, 255, .14) !important;
    background:
        radial-gradient(circle at 88% 8%, rgba(var(--dtm-theme-secondary-rgb), .16), transparent 11rem),
        rgba(255, 255, 255, .055) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .12),
        0 18px 42px rgba(5, 13, 24, .16);
}

.dashboard-cockpit-shell .invest-advisor-panel::before,
.dashboard-cockpit-shell .invest-advisor-panel::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    pointer-events: none;
}

.dashboard-cockpit-shell .invest-advisor-panel::before {
    z-index: -2;
    background: var(--invest-advisor-image) 62% 50% / cover no-repeat;
    opacity: .82;
}

.dashboard-cockpit-shell .invest-advisor-panel::after {
    z-index: -1;
    background:
        radial-gradient(circle at 84% 18%, rgba(var(--dtm-theme-glow-rgb), .20), transparent 10rem),
        linear-gradient(90deg, rgba(9, 18, 31, .96) 0%, rgba(9, 18, 31, .74) 48%, rgba(9, 18, 31, .24) 100%),
        linear-gradient(180deg, rgba(9, 18, 31, .08) 0%, rgba(9, 18, 31, .82) 100%);
}

.dashboard-cockpit-shell .invest-advisor-panel .invest-market-chip,
.dashboard-cockpit-shell .invest-advisor-panel .invest-hero-graph {
    position: relative;
    z-index: 2;
}

.dashboard-cockpit-shell .invest-advisor-panel .invest-market-chip {
    border-color: rgba(255, 255, 255, .16) !important;
    background: rgba(9, 18, 31, .58) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08);
}

.dashboard-cockpit-shell .invest-advisor-panel .invest-market-chip span {
    color: rgba(238, 246, 255, .74) !important;
}

.dashboard-cockpit-shell .invest-advisor-panel .invest-market-chip strong {
    color: #ffffff !important;
}

@media (max-width: 1199.98px) {
    .dashboard-cockpit-shell .dashboard-sidebar::before {
        height: 285px;
        background:
            linear-gradient(90deg, rgba(7, 15, 27, .92) 0%, rgba(7, 15, 27, .68) 48%, rgba(7, 15, 27, .36) 100%),
            linear-gradient(180deg, rgba(7, 15, 27, .12) 0%, rgba(7, 15, 27, .88) 78%, var(--dtm-navy) 100%),
            var(--dashboard-advisor-image) 63% 0 / cover no-repeat;
        opacity: .9;
    }

    .dashboard-cockpit-shell .dashboard-sidebar::after {
        height: 330px;
        background:
            radial-gradient(circle at 82% 10%, rgba(var(--dtm-theme-glow-rgb), .22), transparent 9rem),
            linear-gradient(180deg, transparent 0%, rgba(11, 21, 36, .58) 66%, var(--dtm-navy) 100%);
        opacity: 1;
    }

    .dashboard-cockpit-shell .sidebar-wallet {
        border-color: rgba(255, 255, 255, .12);
        background: rgba(7, 15, 27, .58);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, .07);
        backdrop-filter: blur(10px);
    }

    .dashboard-cockpit-shell .invest-stats-workspace:not(.invest-stats-workspace--vivid) .invest-stats-hero {
        grid-template-columns: 1fr !important;
        align-items: start;
        gap: 12px;
        min-height: 0;
    }

    .dashboard-cockpit-shell .invest-advisor-panel {
        width: 100%;
        min-width: 0;
    }
}

@media (max-width: 991.98px) {
    .dashboard-cockpit-shell .invest-stats-workspace:not(.invest-stats-workspace--vivid) .invest-stats-hero {
        grid-template-columns: 1fr !important;
        gap: 12px;
        min-height: 0;
    }

    .dashboard-cockpit-shell .invest-advisor-panel {
        min-height: 220px;
    }
}

@media (max-width: 767.98px) {
    .dashboard-cockpit-shell .dashboard-nav {
        gap: 8px;
    }

    .dashboard-cockpit-shell .dashboard-nav .nav-left {
        max-width: none;
    }

    .dashboard-cockpit-shell .dashboard-nav .nav-right {
        gap: 6px !important;
    }

    .dashboard-cockpit-shell .invest-stats-workspace:not(.invest-stats-workspace--vivid) .invest-stats-hero {
        min-height: 0;
        background:
            linear-gradient(90deg, rgba(9, 18, 31, .97) 0%, rgba(9, 18, 31, .88) 58%, rgba(9, 18, 31, .66) 100%),
            var(--invest-advisor-image) 68% 0 / cover no-repeat !important;
    }

    .dashboard-cockpit-shell .invest-stats-workspace:not(.invest-stats-workspace--vivid) .invest-stats-hero h3,
    .dashboard-cockpit-shell .invest-stats-workspace:not(.invest-stats-workspace--vivid) .invest-stats-hero p {
        text-shadow: 0 2px 14px rgba(0, 0, 0, .42);
    }

    .dashboard-cockpit-shell .invest-advisor-panel {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        min-height: 0;
        padding: 10px;
        background: rgba(8, 17, 30, .52) !important;
        backdrop-filter: blur(10px);
    }

    .dashboard-cockpit-shell .invest-advisor-panel::before {
        opacity: 0;
    }

    .dashboard-cockpit-shell .invest-advisor-panel::after {
        background: linear-gradient(180deg, rgba(8, 17, 30, .22), rgba(8, 17, 30, .72));
    }

    .dashboard-cockpit-shell .invest-advisor-panel .invest-hero-graph {
        display: none;
    }
}

@media (max-width: 575.98px) {
    .dashboard-cockpit-shell .dashboard-nav {
        align-items: center !important;
    }

    .dashboard-translate-control .gt_switcher-popup {
        width: 44px;
        justify-content: center;
        padding-inline: 0 !important;
    }

    .dashboard-translate-control .gt_switcher-popup span:first-of-type {
        display: none;
    }
}

@media (max-width: 479.98px) {
    .dashboard-cockpit-shell .dashboard-nav .nav-right > .dashboard-translate-control {
        display: flex !important;
    }
}

/* 20260717 final mobile dashboard compactness */
@media (max-width: 767.98px) {
    .investhub-shell .dashboard-wrapper {
        padding: 8px 8px 18px !important;
    }

    .dashboard-cockpit-shell .dashboard-inner:not(.invest-details-workspace):not(.invest-stats-workspace) {
        gap: 8px !important;
        padding: 10px !important;
        border-radius: 16px !important;
    }

    .investhub-shell .dashboard-workspace,
    .investhub-shell .invest-stats-workspace,
    .investhub-shell .dashboard-cockpit-shell .dashboard-inner:not(.invest-details-workspace):not(.invest-stats-workspace) {
        gap: 8px !important;
    }

    .investhub-shell .dash-strip,
    .investhub-shell .invest-stats-hero {
        min-height: 0 !important;
        gap: 10px !important;
        padding: 13px !important;
        border-radius: 15px !important;
    }

    .investhub-shell .dash-strip h4,
    .investhub-shell .invest-stats-hero h3,
    .dashboard-cockpit-shell .dashboard-inner:not(.invest-details-workspace):not(.invest-stats-workspace) h3 {
        margin: 3px 0 !important;
        font-size: clamp(17px, 5vw, 20px) !important;
        line-height: 1.14 !important;
    }

    .investhub-shell .dash-strip p,
    .investhub-shell .invest-stats-hero p,
    .dashboard-cockpit-shell .dashboard-inner:not(.invest-details-workspace):not(.invest-stats-workspace) > .mb-4:first-child p:not(:first-child),
    .dashboard-cockpit-shell .dashboard-inner:not(.invest-details-workspace):not(.invest-stats-workspace) > .text-end:first-child p:not(:first-child),
    .dashboard-cockpit-shell .dashboard-inner:not(.invest-details-workspace):not(.invest-stats-workspace) > .row:first-child > [class*="col-"] > .mb-4:first-child p:not(:first-child),
    .dashboard-cockpit-shell .dashboard-inner:not(.invest-details-workspace):not(.invest-stats-workspace) > .row:first-child > [class*="col-"] > .text-end:first-child p:not(:first-child) {
        display: -webkit-box !important;
        max-width: 100% !important;
        margin-top: 2px !important;
        overflow: hidden !important;
        color: rgba(245, 248, 255, .68) !important;
        font-size: 11px !important;
        line-height: 1.35 !important;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    .dashboard-cockpit-shell .dashboard-inner:not(.invest-details-workspace):not(.invest-stats-workspace) > .mb-4:first-child p:not(:first-child),
    .dashboard-cockpit-shell .dashboard-inner:not(.invest-details-workspace):not(.invest-stats-workspace) > .text-end:first-child p:not(:first-child),
    .dashboard-cockpit-shell .dashboard-inner:not(.invest-details-workspace):not(.invest-stats-workspace) > .row:first-child > [class*="col-"] > .mb-4:first-child p:not(:first-child),
    .dashboard-cockpit-shell .dashboard-inner:not(.invest-details-workspace):not(.invest-stats-workspace) > .row:first-child > [class*="col-"] > .text-end:first-child p:not(:first-child) {
        color: var(--dtm-muted) !important;
    }

    .investhub-shell .dash-kicker,
    .investhub-shell .eyebrow-label,
    .dashboard-cockpit-shell .dashboard-inner:not(.invest-details-workspace):not(.invest-stats-workspace) > .mb-4:first-child > p:first-child {
        font-size: 8px !important;
        letter-spacing: .1em !important;
    }

    .investhub-shell .dash-portfolio-value {
        min-width: 0 !important;
        padding: 9px 10px !important;
        border-radius: 11px !important;
    }

    .investhub-shell .dash-portfolio-value strong {
        font-size: 17px !important;
    }

    .investhub-shell .dash-actions {
        gap: 6px !important;
    }

    .investhub-shell .dash-actions .btn,
    .dashboard-cockpit-shell .dashboard-inner:not(.invest-details-workspace):not(.invest-stats-workspace) .btn {
        min-height: 34px !important;
        padding: 7px 10px !important;
        border-radius: 10px !important;
        font-size: 10px !important;
    }

    .investhub-shell .dash-live-tape {
        gap: 6px !important;
        padding: 7px !important;
        border-radius: 13px !important;
    }

    .investhub-shell .dash-live-tape__label {
        min-height: 26px !important;
        padding-inline: 8px !important;
        font-size: 8px !important;
    }

    .investhub-shell .dash-ticker-widget {
        height: 40px !important;
        min-height: 40px !important;
        border-radius: 10px !important;
    }

    .investhub-shell .dash-alert-stack,
    .investhub-shell .dash-stat-grid,
    .investhub-shell .dash-panel-grid,
    .investhub-shell .dash-main-grid,
    .investhub-shell .invest-summary-grid,
    .investhub-shell .invest-content-grid {
        gap: 8px !important;
    }

    .investhub-shell .dash-notice {
        gap: 3px !important;
        padding: 9px 10px !important;
        border-radius: 11px !important;
    }

    .investhub-shell .dash-notice strong,
    .investhub-shell .dash-notice span,
    .investhub-shell .dash-notice a {
        font-size: 10px !important;
        line-height: 1.35 !important;
    }

    .investhub-shell .dash-stat,
    .investhub-shell .dash-panel,
    .investhub-shell .invest-summary-card,
    .investhub-shell .invest-panel,
    .dashboard-cockpit-shell .dashboard-inner:not(.invest-details-workspace):not(.invest-stats-workspace) .card,
    .dashboard-cockpit-shell .dashboard-inner:not(.invest-details-workspace):not(.invest-stats-workspace) .custom--card {
        padding: 11px !important;
        border-radius: 12px !important;
    }

    .investhub-shell .dash-stat {
        gap: 4px !important;
    }

    .investhub-shell .dash-stat strong,
    .investhub-shell .invest-summary-card strong {
        font-size: clamp(15px, 5vw, 18px) !important;
    }

    .investhub-shell .dash-stat span,
    .investhub-shell .dash-stat > small,
    .investhub-shell .dash-panel-head span,
    .investhub-shell .dash-list span,
    .investhub-shell .invest-summary-card > span,
    .investhub-shell .invest-panel-head > span {
        font-size: 9px !important;
        line-height: 1.25 !important;
    }

    .investhub-shell .dash-panel-head,
    .investhub-shell .invest-panel-head {
        gap: 6px !important;
        margin-bottom: 8px !important;
    }

    .investhub-shell .dash-panel h5,
    .investhub-shell .invest-panel-head h5 {
        font-size: 13px !important;
    }

    .investhub-shell .dash-list div {
        padding: 7px 0 !important;
    }

    .investhub-shell .dash-list strong {
        font-size: 11px !important;
    }

    .investhub-shell .dash-chart,
    .investhub-shell .dash-market-widget,
    .investhub-shell .invest-market-panel .invest-crypto-pulse {
        min-height: 220px !important;
    }

    .investhub-shell .invest-market-strip--graphic {
        min-height: 0 !important;
        padding: 10px !important;
        border-radius: 14px !important;
    }

    .investhub-shell .invest-market-chip {
        padding: 8px !important;
        border-radius: 9px !important;
    }

    .dashboard-cockpit-shell .table-responsive,
    .dashboard-cockpit-shell [class*="table-responsive--"] {
        border-radius: 12px !important;
    }

    .dashboard-cockpit-shell .table th,
    .dashboard-cockpit-shell .table td {
        padding: 8px 9px !important;
        font-size: 11px !important;
    }

    .dashboard-cockpit-shell .accordion.table--acordion {
        gap: 7px !important;
    }

    .dashboard-cockpit-shell .dashboard-inner:not(.invest-details-workspace):not(.invest-stats-workspace) .accordion.table--acordion .accordion-item,
    .dashboard-cockpit-shell .dashboard-inner:not(.invest-details-workspace):not(.invest-stats-workspace) .accordion.table--acordion .transaction-item {
        border-radius: 12px !important;
    }

    .dashboard-cockpit-shell .dashboard-inner:not(.invest-details-workspace):not(.invest-stats-workspace) .accordion.table--acordion .accordion-button {
        min-height: 0 !important;
        padding: 9px 10px !important;
        gap: 6px 8px !important;
        grid-template-columns: minmax(0, 1fr) minmax(64px, auto) 16px !important;
    }

    .dashboard-cockpit-shell .dashboard-inner:not(.invest-details-workspace):not(.invest-stats-workspace) .accordion.table--acordion .content-wrapper {
        padding-left: 38px !important;
    }

    .dashboard-cockpit-shell .dashboard-inner:not(.invest-details-workspace):not(.invest-stats-workspace) .accordion.table--acordion .accordion-body {
        padding: 10px !important;
    }
}

@media (max-width: 575.98px) {
    .investhub-shell .dashboard-wrapper .container {
        padding-inline: 10px !important;
    }

    .investhub-shell .dashboard-wrapper {
        padding: 6px 6px 16px !important;
    }

    .dashboard-cockpit-shell .dashboard-nav {
        min-height: 52px !important;
        margin-bottom: 7px !important;
        padding: 7px !important;
        border-radius: 12px !important;
    }

    .dashboard-cockpit-shell .dashboard-inner:not(.invest-details-workspace):not(.invest-stats-workspace) {
        padding: 8px !important;
        border-radius: 14px !important;
    }

    .investhub-shell .dash-strip,
    .investhub-shell .invest-stats-hero {
        gap: 8px !important;
        padding: 10px !important;
        border-radius: 12px !important;
    }

    .investhub-shell .dash-strip p,
    .investhub-shell .invest-stats-hero p {
        display: none !important;
    }

    .investhub-shell .dash-strip h4,
    .investhub-shell .invest-stats-hero h3 {
        font-size: clamp(16px, 5.4vw, 19px) !important;
    }

    .investhub-shell .dash-portfolio-value,
    .investhub-shell .dash-notice,
    .investhub-shell .dash-stat,
    .investhub-shell .dash-panel,
    .investhub-shell .invest-summary-card,
    .investhub-shell .invest-panel {
        padding: 9px !important;
        border-radius: 11px !important;
    }

    .investhub-shell .dash-actions {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        width: 100% !important;
    }

    .investhub-shell .dash-live-tape {
        padding: 6px !important;
    }

    .investhub-shell .dash-live-tape__label {
        width: 100% !important;
        justify-content: center !important;
    }

    .investhub-shell .dash-ticker-widget {
        height: 38px !important;
        min-height: 38px !important;
    }

    .investhub-shell .dash-chart,
    .investhub-shell .dash-market-widget,
    .investhub-shell .invest-market-panel .invest-crypto-pulse {
        min-height: 200px !important;
    }

    .investhub-shell .invest-allocation {
        gap: 10px !important;
    }

    .investhub-shell .invest-empty-state {
        padding: 11px !important;
        border-radius: 10px !important;
    }

    .dashboard-cockpit-shell .dashboard-inner:not(.invest-details-workspace):not(.invest-stats-workspace) .card-header,
    .dashboard-cockpit-shell .dashboard-inner:not(.invest-details-workspace):not(.invest-stats-workspace) .card-footer,
    .dashboard-cockpit-shell .dashboard-inner:not(.invest-details-workspace):not(.invest-stats-workspace) .card-body {
        padding: 10px !important;
    }

    .dashboard-cockpit-shell .dashboard-inner:not(.invest-details-workspace):not(.invest-stats-workspace) .accordion.table--acordion .content-wrapper {
        padding-left: 0 !important;
    }
}

@media (max-width: 479.98px) {
    .investhub-shell .dash-actions {
        grid-template-columns: 1fr;
    }

    .investhub-shell .dash-live-tape__label {
        display: none !important;
    }

    .investhub-shell .dash-ticker-widget {
        height: 36px !important;
        min-height: 36px !important;
    }

    .investhub-shell .invest-market-strip {
        gap: 6px !important;
    }

    .dashboard-cockpit-shell .dashboard-inner:not(.invest-details-workspace):not(.invest-stats-workspace) .accordion.table--acordion .accordion-button {
        grid-template-columns: minmax(0, 1fr) minmax(58px, auto) 14px !important;
        padding: 8px !important;
    }
}

/* 20260717 translator panel and active mobile dashboard hero refinement */
@media (max-width: 767.98px) {
    body.dashboard-gtranslate-scope .gt_white_content {
        top: 72px !important;
        right: 12px !important;
        bottom: 12px !important;
        left: 12px !important;
        width: auto !important;
        max-width: none !important;
        max-height: calc(100dvh - 84px) !important;
        padding: 58px 14px 14px !important;
        border-radius: 22px !important;
        transform: none !important;
    }

    body.dashboard-gtranslate-scope .dashboard-translate-close {
        width: 40px;
        height: 40px;
        margin-top: -46px;
    }

    body.dashboard-gtranslate-scope .gt_white_content .gt_languages {
        grid-template-columns: repeat(auto-fit, minmax(138px, 1fr));
    }

    body.dashboard-gtranslate-scope .gt_white_content a.glink {
        min-height: 40px;
        padding-block: 9px !important;
    }

    .investhub-shell .dashboard-workspace .dash-strip {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        align-items: start !important;
        gap: 10px !important;
        min-height: 0 !important;
        padding: 15px !important;
        overflow: hidden !important;
        border-color: rgba(255, 255, 255, .14) !important;
        border-radius: 18px !important;
        background:
            radial-gradient(circle at 90% 0%, rgba(var(--dtm-theme-glow-rgb), .30), transparent 10rem),
            linear-gradient(135deg, #071321 0%, #11243b 58%, #15324a 100%) !important;
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, .12),
            0 14px 34px rgba(5, 13, 24, .14) !important;
    }

    .investhub-shell .dashboard-workspace .dash-strip::before {
        content: "";
        position: absolute;
        inset: 0;
        z-index: 1;
        background:
            linear-gradient(90deg, rgba(7, 19, 33, .98) 0%, rgba(7, 19, 33, .92) 50%, rgba(7, 19, 33, .36) 100%),
            radial-gradient(circle at 10% 0%, rgba(var(--dtm-theme-secondary-rgb), .16), transparent 11rem);
        opacity: 1;
        pointer-events: none;
    }

    .investhub-shell .dashboard-workspace .dash-strip::after {
        content: "";
        position: absolute;
        inset: 0 0 0 auto;
        z-index: 0;
        width: min(48%, 220px);
        height: 100%;
        border: 0;
        border-radius: 0;
        background: url("../../../images/frontend/team/dashboard-marketing-advisor-20260717.jpg") right bottom / auto 106% no-repeat !important;
        box-shadow: none;
        opacity: .82;
        pointer-events: none;
        transform: none;
    }

    .investhub-shell .dashboard-workspace .dash-strip > * {
        position: relative;
        z-index: 2;
    }

    .investhub-shell .dashboard-workspace .dash-hero-copy {
        width: min(72%, 22rem);
        min-width: 0 !important;
        max-width: 22rem;
    }

    .investhub-shell .dashboard-workspace .dash-kicker {
        display: inline-flex;
        width: fit-content;
        padding: 4px 7px;
        border: 1px solid rgba(132, 231, 216, .22);
        border-radius: 999px;
        background: rgba(255, 255, 255, .08);
        color: #b8fff3 !important;
        line-height: 1;
    }

    .investhub-shell .dashboard-workspace .dash-strip h4 {
        max-width: 20ch;
        margin: 6px 0 0 !important;
        color: #ffffff !important;
        font-size: clamp(18px, 5vw, 21px) !important;
        line-height: 1.08 !important;
        text-shadow: 0 8px 22px rgba(0, 0, 0, .28);
    }

    .investhub-shell .dashboard-workspace .dash-strip p {
        display: -webkit-box !important;
        max-width: 28ch !important;
        margin-top: 5px !important;
        overflow: hidden !important;
        color: rgba(238, 246, 255, .74) !important;
        font-size: 11px !important;
        line-height: 1.35 !important;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    .investhub-shell .dashboard-workspace .dash-portfolio-value {
        width: min(100%, 248px) !important;
        min-width: 0 !important;
        padding: 10px 11px !important;
        border-color: rgba(255, 255, 255, .16) !important;
        border-radius: 13px !important;
        background: rgba(7, 18, 31, .62) !important;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, .10);
        backdrop-filter: blur(14px);
    }

    .investhub-shell .dashboard-workspace .dash-portfolio-value > span {
        color: rgba(210, 229, 239, .74) !important;
        font-size: 8px !important;
    }

    .investhub-shell .dashboard-workspace .dash-portfolio-value strong {
        color: #ffffff !important;
        font-size: 18px !important;
        line-height: 1.12 !important;
    }

    .investhub-shell .dashboard-workspace .dash-portfolio-value small {
        color: #b8fff3 !important;
        font-size: 8px !important;
    }

    .investhub-shell .dashboard-workspace .dash-actions {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        width: min(100%, 264px) !important;
        gap: 7px !important;
    }

    .investhub-shell .dashboard-workspace .dash-actions .btn {
        min-height: 35px !important;
        padding: 8px 10px !important;
        border-radius: 11px !important;
        font-size: 10px !important;
        font-weight: 900 !important;
        letter-spacing: .02em;
    }
}

@media (max-width: 575.98px) {
    .dashboard-translate-control {
        min-width: 42px;
        min-height: 42px;
    }

    .dashboard-translate-control .gtranslate_wrapper {
        min-height: 42px;
    }

    .dashboard-translate-control .gt_switcher-popup {
        width: 42px !important;
        min-height: 40px;
        padding-inline: 0 !important;
        border-radius: 12px;
    }

    .dashboard-translate-control .gt_switcher-popup img {
        width: 18px !important;
        height: 18px !important;
    }

    .investhub-shell .dashboard-workspace .dash-strip {
        gap: 8px !important;
        padding: 13px !important;
        border-radius: 16px !important;
    }

    .investhub-shell .dashboard-workspace .dash-strip::after {
        width: 54%;
        background-size: auto 102% !important;
        opacity: .74;
    }

    .investhub-shell .dashboard-workspace .dash-hero-copy {
        width: min(78%, 19rem);
    }

    .investhub-shell .dashboard-workspace .dash-strip h4 {
        font-size: clamp(16px, 5.4vw, 19px) !important;
    }

    .investhub-shell .dashboard-workspace .dash-strip p {
        display: -webkit-box !important;
        max-width: 24ch !important;
        -webkit-line-clamp: 1;
    }

    .investhub-shell .dashboard-workspace .dash-actions {
        width: 100% !important;
    }
}

@media (max-width: 389.98px) {
    .dashboard-translate-control .gt_switcher-popup span {
        display: none !important;
    }

    .investhub-shell .dashboard-workspace .dash-strip::before {
        background:
            linear-gradient(90deg, rgba(7, 19, 33, .98) 0%, rgba(7, 19, 33, .95) 58%, rgba(7, 19, 33, .60) 100%),
            radial-gradient(circle at 10% 0%, rgba(var(--dtm-theme-secondary-rgb), .16), transparent 11rem);
    }

    .investhub-shell .dashboard-workspace .dash-strip::after {
        width: 50%;
        opacity: .48;
    }

    .investhub-shell .dashboard-workspace .dash-hero-copy {
        width: 100%;
    }
}

/* 20260717 mobile dashboard portfolio and widget performance fallback */
.investhub-shell .mobile-portfolio-shell {
    display: none;
}

.investhub-shell .dash-local-ticker {
    position: relative;
    display: flex;
    align-items: center;
}

.investhub-shell .dash-local-ticker__track {
    display: flex;
    width: max-content;
    min-width: 100%;
    gap: 8px;
    padding: 6px;
    animation: dashLocalTicker 34s linear infinite;
    will-change: transform;
}

.investhub-shell .dash-local-ticker__track span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 32px;
    padding: 7px 11px;
    border: 1px solid rgba(255, 255, 255, .10);
    border-radius: 999px;
    background: rgba(255, 255, 255, .075);
    color: #aebdce;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .02em;
    line-height: 1;
    white-space: nowrap;
}

.investhub-shell .dash-local-ticker__track b {
    color: #fff;
    font-size: 11px;
    letter-spacing: 0;
}

.investhub-shell .dash-local-ticker__track small {
    color: var(--dtm-lime);
    font-size: 9px;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.investhub-shell .dash-market-snapshot {
    position: relative;
    isolation: isolate;
    display: grid;
    align-content: space-between;
    gap: 14px;
    min-height: 280px;
    padding: 16px;
    border: 1px solid rgba(255, 255, 255, .10);
    border-radius: 14px;
    overflow: hidden;
    background:
        radial-gradient(circle at 86% 10%, rgba(var(--dtm-theme-glow-rgb), .26), transparent 9rem),
        radial-gradient(circle at 12% 100%, rgba(var(--dtm-theme-primary-rgb), .24), transparent 10rem),
        linear-gradient(145deg, #081424 0%, #111f34 58%, #122c3b 100%) !important;
    color: #fff;
}

.investhub-shell .dash-market-snapshot::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background:
        linear-gradient(115deg, rgba(255, 255, 255, .09), transparent 34%),
        repeating-linear-gradient(90deg, rgba(255, 255, 255, .04) 0 1px, transparent 1px 42px);
    opacity: .62;
    pointer-events: none;
}

.investhub-shell .dash-market-snapshot__hero {
    display: grid;
    gap: 5px;
}

.investhub-shell .dash-market-snapshot__hero span,
.investhub-shell .dash-market-snapshot__hero small,
.investhub-shell .dash-market-snapshot__grid span {
    color: rgba(220, 235, 246, .70);
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .10em;
    line-height: 1.25;
    text-transform: uppercase;
}

.investhub-shell .dash-market-snapshot__hero strong {
    color: #fff;
    font: 700 clamp(25px, 3vw, 34px)/1 "Sora", sans-serif;
    letter-spacing: -.04em;
}

.investhub-shell .dash-market-snapshot__hero small {
    max-width: 18rem;
    color: rgba(205, 252, 106, .88);
    letter-spacing: .04em;
}

.investhub-shell .dash-market-snapshot__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}

.investhub-shell .dash-market-snapshot__grid div {
    display: grid;
    gap: 4px;
    min-width: 0;
    padding: 11px;
    border: 1px solid rgba(255, 255, 255, .11);
    border-radius: 13px;
    background: rgba(255, 255, 255, .075);
}

.investhub-shell .dash-market-snapshot__grid strong {
    color: #fff;
    font-size: 13px;
    line-height: 1.2;
}

.investhub-shell .dash-market-growth {
    position: relative;
    isolation: isolate;
    display: grid;
    gap: 8px;
    min-width: 0;
    padding: 10px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 16px;
    background:
        radial-gradient(circle at 85% 8%, rgba(var(--dtm-theme-secondary-rgb), .22), transparent 7rem),
        linear-gradient(180deg, rgba(5, 15, 28, .62), rgba(4, 12, 22, .36));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .10),
        0 12px 28px rgba(2, 8, 18, .18);
}

.investhub-shell .dash-market-growth::before {
    content: "";
    position: absolute;
    inset: 10px 10px 50px;
    z-index: -1;
    border-radius: 12px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .06), transparent),
        repeating-linear-gradient(90deg, rgba(255, 255, 255, .035) 0 1px, transparent 1px 36px);
    opacity: .78;
    pointer-events: none;
}

.investhub-shell .dash-market-growth__header,
.investhub-shell .dash-market-growth__stats {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    min-width: 0;
}

.investhub-shell .dash-market-growth__header span,
.investhub-shell .dash-market-growth__stats b {
    color: rgba(220, 235, 246, .64);
    font-size: 9px;
    font-weight: 900;
    letter-spacing: .10em;
    line-height: 1.2;
    text-transform: uppercase;
}

.investhub-shell .dash-market-growth__header strong {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--dtm-lime);
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .06em;
    line-height: 1.2;
    text-transform: uppercase;
    white-space: nowrap;
}

.investhub-shell .dash-market-growth__header strong::before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: currentColor;
    box-shadow: 0 0 12px rgba(var(--dtm-theme-secondary-rgb), .7);
}

.investhub-shell .dash-market-growth svg {
    display: block;
    width: 100%;
    height: 124px;
    overflow: visible;
}

.investhub-shell .dash-market-growth__grid path {
    fill: none;
    stroke: rgba(213, 232, 244, .12);
    stroke-width: 1;
    vector-effect: non-scaling-stroke;
}

.investhub-shell .dash-market-growth__area {
    opacity: 0;
    transform: scaleY(.74);
    transform-origin: 50% 95%;
    animation: dashMarketAreaLift .9s ease-out .18s forwards;
}

.investhub-shell .dash-market-growth__shadow,
.investhub-shell .dash-market-growth__line {
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.investhub-shell .dash-market-growth__shadow {
    stroke: rgba(var(--dtm-theme-glow-rgb), .24);
    stroke-width: 9;
    opacity: .72;
}

.investhub-shell .dash-market-growth__line {
    stroke-width: 3.2;
    stroke-dasharray: 1;
    stroke-dashoffset: 1;
    animation:
        dashMarketLineDraw 1.45s cubic-bezier(.2, .8, .25, 1) .12s forwards,
        dashMarketLineGlow 3.4s ease-in-out 1.6s infinite;
    vector-effect: non-scaling-stroke;
}

.investhub-shell .dash-market-growth__marker-halo,
.investhub-shell .dash-market-growth__endpoint-halo {
    fill: rgba(var(--dtm-theme-secondary-rgb), .18);
    stroke: rgba(255, 255, 255, .22);
    stroke-width: 1;
}

.investhub-shell .dash-market-growth__marker-dot,
.investhub-shell .dash-market-growth__endpoint-dot {
    fill: #f7ffe8;
    stroke: var(--dtm-lime);
    stroke-width: 2;
}

.investhub-shell .dash-market-growth__endpoint {
    animation: dashMarketEndpointPulse 2.4s ease-in-out infinite;
}

.investhub-shell .dash-market-growth__stats {
    align-items: stretch;
}

.investhub-shell .dash-market-growth__stats span {
    display: grid;
    gap: 3px;
    min-width: 0;
    flex: 1 1 0;
    padding: 7px 8px;
    border: 1px solid rgba(255, 255, 255, .10);
    border-radius: 11px;
    background: rgba(255, 255, 255, .07);
}

.investhub-shell .dash-market-growth__stats strong {
    color: #ffffff;
    font-size: 11px;
    font-weight: 900;
    line-height: 1.15;
    overflow-wrap: anywhere;
}

@keyframes dashMarketAreaLift {
    to {
        opacity: 1;
        transform: scaleY(1);
    }
}

@keyframes dashMarketLineDraw {
    to {
        stroke-dashoffset: 0;
    }
}

@keyframes dashMarketLineGlow {
    0%,
    100% {
        opacity: .86;
    }

    50% {
        opacity: 1;
    }
}

@keyframes dashMarketEndpointPulse {
    0%,
    100% {
        opacity: .78;
        transform: scale(.94);
    }

    50% {
        opacity: 1;
        transform: scale(1);
    }
}

@media (prefers-reduced-motion: reduce) {
    .investhub-shell .dash-market-growth__area,
    .investhub-shell .dash-market-growth__line,
    .investhub-shell .dash-market-growth__endpoint {
        animation: none !important;
    }

    .investhub-shell .dash-market-growth__area {
        opacity: 1;
        transform: none;
    }

    .investhub-shell .dash-market-growth__line {
        stroke-dashoffset: 0;
    }

    .investhub-shell .dash-market-growth__marker {
        display: none;
    }
}

@media (max-width: 767.98px) {
    .investhub-shell .dashboard-workspace {
        overflow-x: hidden;
    }

    .investhub-shell .dashboard-workspace > .dash-strip,
    .investhub-shell .dashboard-workspace > .dash-live-tape,
    .investhub-shell .dashboard-workspace > .dash-stat-grid,
    .investhub-shell .dashboard-workspace > .dash-panel-grid,
    .investhub-shell .dashboard-workspace > .dash-main-grid {
        display: none !important;
    }

    .investhub-shell .dashboard-workspace .mobile-portfolio-shell {
        display: grid !important;
        gap: 10px;
        min-width: 0;
        max-width: 100%;
    }

    .investhub-shell .mobile-portfolio-card,
    .investhub-shell .mobile-market-snapshot,
    .investhub-shell .mobile-transactions,
    .investhub-shell .mobile-pulse-card,
    .investhub-shell .mobile-quick-actions a {
        min-width: 0;
        max-width: 100%;
        border: 1px solid var(--dtm-line);
        border-radius: 18px;
        box-shadow: 0 10px 26px rgba(11, 21, 36, .07);
    }

    .investhub-shell .mobile-portfolio-card {
        position: relative;
        isolation: isolate;
        display: grid;
        gap: 16px;
        overflow: hidden;
        padding: 18px;
        border-color: rgba(255, 255, 255, .12);
        background:
            radial-gradient(circle at 86% 8%, rgba(var(--dtm-theme-glow-rgb), .28), transparent 8.5rem),
            radial-gradient(circle at 12% 100%, rgba(var(--dtm-theme-secondary-rgb), .18), transparent 9rem),
            linear-gradient(135deg, #071321 0%, #10223a 56%, #123a47 100%);
        color: #fff;
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, .13),
            0 16px 34px rgba(5, 13, 24, .18);
    }

    .investhub-shell .mobile-portfolio-card::before {
        content: "";
        position: absolute;
        inset: 0;
        z-index: -1;
        background:
            linear-gradient(115deg, rgba(255, 255, 255, .10), transparent 34%),
            repeating-linear-gradient(90deg, rgba(255, 255, 255, .045) 0 1px, transparent 1px 42px);
        opacity: .7;
        pointer-events: none;
    }

    .investhub-shell .mobile-portfolio-card::after {
        content: "";
        position: absolute;
        right: -38px;
        bottom: -50px;
        z-index: -1;
        width: 152px;
        height: 152px;
        border: 1px solid rgba(255, 255, 255, .16);
        border-radius: 50%;
        box-shadow:
            0 0 0 24px rgba(255, 255, 255, .04),
            0 0 0 52px rgba(var(--dtm-theme-primary-rgb), .08);
        pointer-events: none;
    }

    .investhub-shell .mobile-portfolio-card__head,
    .investhub-shell .mobile-section-head {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 12px;
        min-width: 0;
    }

    .investhub-shell .mobile-portfolio-card__head span,
    .investhub-shell .mobile-section-head span,
    .investhub-shell .mobile-pulse-card span,
    .investhub-shell .mobile-wallet-split span {
        color: rgba(220, 235, 246, .72);
        font-size: 9px !important;
        font-weight: 900;
        letter-spacing: .12em;
        line-height: 1.2;
        text-transform: uppercase;
    }

    .investhub-shell .mobile-portfolio-card__head small {
        color: rgba(205, 252, 106, .92);
        font-size: 10px;
        font-weight: 800;
        text-align: right;
    }

    .investhub-shell .mobile-portfolio-card > strong {
        color: #fff;
        font: 700 clamp(28px, 10vw, 40px)/1.04 "Sora", sans-serif;
        letter-spacing: -.04em;
        overflow-wrap: anywhere;
    }

    .investhub-shell .mobile-wallet-split {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 9px;
    }

    .investhub-shell .mobile-wallet-split div {
        display: grid;
        gap: 4px;
        min-width: 0;
        padding: 12px;
        border: 1px solid rgba(255, 255, 255, .13);
        border-radius: 14px;
        background: rgba(255, 255, 255, .075);
    }

    .investhub-shell .mobile-wallet-split b {
        color: #fff;
        font-size: 14px;
        line-height: 1.2;
        overflow-wrap: anywhere;
    }

    .investhub-shell .mobile-quick-actions {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 8px;
        min-width: 0;
    }

    .investhub-shell .mobile-quick-actions a {
        display: grid;
        gap: 6px;
        min-height: 66px;
        padding: 10px 6px;
        place-items: center;
        background: #fff;
        color: var(--dtm-ink);
        font-size: 10px;
        font-weight: 900;
        line-height: 1.1;
        text-align: center;
    }

    .investhub-shell .mobile-quick-actions i {
        display: grid;
        width: 28px;
        height: 28px;
        place-items: center;
        border-radius: 10px;
        background: rgba(var(--dtm-theme-primary-rgb), .10);
        color: var(--dtm-emerald-deep);
        font-size: 18px;
    }

    .investhub-shell .mobile-pulse-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
        min-width: 0;
    }

    .investhub-shell .mobile-pulse-card {
        display: grid;
        gap: 5px;
        padding: 13px;
        background: #fff;
    }

    .investhub-shell .mobile-pulse-card span,
    .investhub-shell .mobile-section-head span {
        color: var(--dtm-muted) !important;
    }

    .investhub-shell .mobile-pulse-card strong {
        color: var(--dtm-ink);
        font: 700 16px/1.16 "Sora", sans-serif;
        overflow-wrap: anywhere;
    }

    .investhub-shell .mobile-pulse-card--chip {
        background: linear-gradient(135deg, #f8fbf8, #eef8f4);
        border-color: rgba(var(--dtm-theme-primary-rgb), .24);
    }

    .investhub-shell .mobile-market-snapshot,
    .investhub-shell .mobile-transactions {
        display: grid;
        gap: 12px;
        padding: 14px;
        overflow: hidden;
        background: #fff;
    }

    .investhub-shell .mobile-section-head h5 {
        margin: 2px 0 0;
        color: var(--dtm-ink) !important;
        font-size: 15px !important;
        line-height: 1.15;
    }

    .investhub-shell .mobile-section-head small,
    .investhub-shell .mobile-section-head a {
        color: var(--dtm-emerald-deep);
        font-size: 11px;
        font-weight: 900;
        white-space: nowrap;
    }

    .investhub-shell .mobile-market-ticker {
        max-width: 100%;
        overflow: hidden;
        border: 1px solid rgba(255, 255, 255, .10);
        border-radius: 14px;
        background:
            radial-gradient(circle at 12% 0%, rgba(var(--dtm-theme-bright-rgb), .17), transparent 10rem),
            linear-gradient(135deg, #081424, #13263d);
    }

    .investhub-shell .mobile-market-ticker__track {
        display: flex;
        width: max-content;
        gap: 8px;
        padding: 9px;
        animation: mobileMarketTicker 26s linear infinite;
        will-change: transform;
    }

    .investhub-shell .mobile-market-ticker__track span {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        min-height: 34px;
        padding: 8px 10px;
        border: 1px solid rgba(255, 255, 255, .12);
        border-radius: 999px;
        background: rgba(255, 255, 255, .08);
        color: #b8c7dc;
        font-size: 10px;
        font-weight: 800;
        white-space: nowrap;
    }

    .investhub-shell .mobile-market-ticker__track b {
        color: #fff;
        font-size: 11px;
    }

    .investhub-shell .mobile-market-notice {
        display: flex;
        align-items: flex-start;
        gap: 8px;
        padding: 10px;
        border-radius: 13px;
        background: var(--dtm-emerald-soft);
        color: var(--dtm-emerald-deep);
        font-size: 11px;
        font-weight: 800;
        line-height: 1.35;
    }

    .investhub-shell .mobile-market-notice i {
        margin-top: 1px;
        font-size: 16px;
    }

    .investhub-shell .mobile-transaction-list {
        display: grid;
        gap: 8px;
        min-width: 0;
    }

    .investhub-shell .mobile-transaction-row {
        display: grid;
        grid-template-columns: 38px minmax(0, 1fr) minmax(74px, auto);
        align-items: center;
        gap: 9px;
        min-width: 0;
        padding: 10px;
        border: 1px solid #edf2f7;
        border-radius: 14px;
        background: #fbfcfd;
        color: var(--dtm-ink);
    }

    .investhub-shell .mobile-transaction-icon {
        display: grid;
        width: 38px;
        height: 38px;
        place-items: center;
        border-radius: 13px;
        font-size: 18px;
    }

    .investhub-shell .mobile-transaction-icon.is-credit {
        background: rgba(var(--dtm-theme-primary-rgb), .10);
        color: var(--dtm-emerald-deep);
    }

    .investhub-shell .mobile-transaction-icon.is-debit {
        background: rgba(217, 75, 95, .10);
        color: var(--dtm-danger);
    }

    .investhub-shell .mobile-transaction-copy {
        display: grid;
        gap: 3px;
        min-width: 0;
    }

    .investhub-shell .mobile-transaction-copy strong {
        display: -webkit-box;
        overflow: hidden;
        color: var(--dtm-ink);
        font-size: 12px;
        font-weight: 900;
        line-height: 1.25;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    .investhub-shell .mobile-transaction-copy small {
        display: flex;
        flex-wrap: wrap;
        gap: 4px 7px;
        color: var(--dtm-muted);
        font-size: 10px;
        font-weight: 700;
        line-height: 1.25;
    }

    .investhub-shell .mobile-transaction-amount {
        justify-self: end;
        max-width: 112px;
        font-size: 12px;
        font-weight: 900;
        line-height: 1.2;
        overflow-wrap: anywhere;
        text-align: right;
    }

    .investhub-shell .mobile-transaction-amount.is-credit {
        color: var(--dtm-emerald-deep);
    }

    .investhub-shell .mobile-transaction-amount.is-debit {
        color: var(--dtm-danger);
    }

    .investhub-shell .mobile-empty-state {
        display: grid;
        justify-items: center;
        gap: 5px;
        padding: 18px 12px;
        border: 1px dashed var(--dtm-line-strong);
        border-radius: 14px;
        background: var(--dtm-panel-soft);
        text-align: center;
    }

    .investhub-shell .mobile-empty-state i {
        color: var(--dtm-emerald-deep);
        font-size: 24px;
    }

    .investhub-shell .mobile-empty-state strong {
        color: var(--dtm-ink);
        font-size: 13px;
    }

    .investhub-shell .mobile-empty-state span {
        color: var(--dtm-muted);
        font-size: 11px;
    }
}

@media (max-width: 575.98px) {
    .investhub-shell .mobile-portfolio-card {
        gap: 14px;
        padding: 16px;
        border-radius: 17px;
    }

    .investhub-shell .mobile-wallet-split div,
    .investhub-shell .mobile-pulse-card,
    .investhub-shell .mobile-market-snapshot,
    .investhub-shell .mobile-transactions {
        border-radius: 14px;
    }

    .investhub-shell .mobile-market-snapshot,
    .investhub-shell .mobile-transactions {
        padding: 12px;
    }
}

@media (max-width: 389.98px) {
    .investhub-shell .mobile-quick-actions {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .investhub-shell .mobile-quick-actions a {
        min-height: 54px;
        grid-template-columns: 28px minmax(0, 1fr);
        justify-items: start;
        padding: 9px 10px;
        text-align: left;
    }

    .investhub-shell .mobile-transaction-row {
        grid-template-columns: 34px minmax(0, 1fr);
    }

    .investhub-shell .mobile-transaction-icon {
        width: 34px;
        height: 34px;
    }

    .investhub-shell .mobile-transaction-amount {
        grid-column: 2;
        justify-self: start;
        max-width: 100%;
        text-align: left;
    }
}

@media (prefers-reduced-motion: reduce) {
    .investhub-shell .dash-local-ticker__track,
    .investhub-shell .mobile-market-ticker__track {
        animation: none;
        transform: none;
    }
}

@keyframes dashLocalTicker {
    from {
        transform: translate3d(0, 0, 0);
    }

    to {
        transform: translate3d(-50%, 0, 0);
    }
}

@keyframes mobileMarketTicker {
    from {
        transform: translate3d(0, 0, 0);
    }

    to {
        transform: translate3d(-50%, 0, 0);
    }
}

/* 20260717 local market widgets replacing blocked third-party embeds */
.investhub-shell .nova-local-market-board,
.investhub-shell .app-local-market-panel,
.investhub-shell .invest-crypto-pulse {
    position: relative;
    isolation: isolate;
    display: grid;
    gap: 14px;
    min-width: 0;
    max-width: 100%;
    border: 1px solid rgba(255, 255, 255, .12);
    overflow: hidden;
    color: #fff;
}

.investhub-shell .nova-local-market-board,
.investhub-shell .invest-crypto-pulse {
    background:
        radial-gradient(circle at 88% 10%, rgba(var(--dtm-theme-glow-rgb), .24), transparent 11rem),
        radial-gradient(circle at 10% 100%, rgba(var(--dtm-theme-primary-rgb), .22), transparent 12rem),
        linear-gradient(145deg, #071321 0%, #101f35 56%, #123246 100%);
}

.investhub-shell .nova-local-market-board {
    align-content: space-between;
    padding: 22px;
}

.investhub-shell .nova-local-market-board::before,
.investhub-shell .app-local-market-panel::before,
.investhub-shell .invest-crypto-pulse::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background:
        linear-gradient(115deg, rgba(255, 255, 255, .09), transparent 34%),
        repeating-linear-gradient(90deg, rgba(255, 255, 255, .04) 0 1px, transparent 1px 42px);
    opacity: .58;
    pointer-events: none;
}

.investhub-shell .nova-local-market-board__head,
.investhub-shell .app-local-market-panel__main,
.investhub-shell .invest-crypto-pulse__hero {
    min-width: 0;
}

.investhub-shell .nova-local-market-board__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
}

.investhub-shell .nova-local-market-board__head span,
.investhub-shell .nova-local-market-board__head small,
.investhub-shell .nova-local-tabs span,
.investhub-shell .nova-local-market-grid span,
.investhub-shell .nova-local-market-grid small,
.investhub-shell .app-local-market-panel__main span,
.investhub-shell .app-local-market-panel__main p,
.investhub-shell .app-local-market-assets span,
.investhub-shell .invest-crypto-pulse__hero span,
.investhub-shell .invest-crypto-pulse__hero small,
.investhub-shell .invest-crypto-assets span {
    color: rgba(220, 235, 246, .72);
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .10em;
    line-height: 1.35;
    text-transform: uppercase;
}

.investhub-shell .nova-local-market-board__head h3 {
    max-width: 560px;
    margin: 6px 0 0;
    color: #fff !important;
    font-size: clamp(1.45rem, 2.5vw, 2.2rem) !important;
    line-height: 1.05 !important;
}

.investhub-shell .nova-local-market-board__head small,
.investhub-shell .app-local-market-assets b,
.investhub-shell .invest-crypto-assets b {
    color: var(--dtm-lime);
}

.investhub-shell .nova-local-tabs,
.investhub-shell .nova-local-ticker,
.investhub-shell .app-local-market-assets,
.investhub-shell .invest-crypto-assets {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    min-width: 0;
}

.investhub-shell .nova-local-tabs span,
.investhub-shell .nova-local-ticker span,
.investhub-shell .app-local-market-assets span,
.investhub-shell .invest-crypto-assets span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 34px;
    padding: 8px 11px;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 999px;
    background: rgba(255, 255, 255, .08);
    white-space: nowrap;
}

.investhub-shell .nova-local-ticker b,
.investhub-shell .app-local-market-assets b,
.investhub-shell .invest-crypto-assets b {
    color: #fff;
    font-size: 11px;
    letter-spacing: 0;
}

.investhub-shell .nova-local-market-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}

.investhub-shell .nova-local-market-grid article {
    display: grid;
    gap: 5px;
    min-width: 0;
    padding: 14px;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 18px;
    background: rgba(255, 255, 255, .075);
}

.investhub-shell .nova-local-market-grid strong {
    color: #fff;
    font: 700 18px/1.1 "Sora", sans-serif;
    overflow-wrap: anywhere;
}

.investhub-shell .nova-local-market-grid small {
    color: rgba(205, 252, 106, .78);
}

.investhub-shell .nova-local-market-chart,
.investhub-shell .app-local-mini-chart,
.investhub-shell .invest-crypto-graph {
    position: relative;
    isolation: isolate;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    gap: 10px;
    min-width: 0;
    min-height: 216px;
    padding: 14px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .10);
    border-radius: 20px;
    background:
        radial-gradient(circle at 82% 7%, rgba(var(--dtm-theme-secondary-rgb), .22), transparent 8rem),
        radial-gradient(circle at 14% 100%, rgba(var(--dtm-theme-glow-rgb), .13), transparent 10rem),
        linear-gradient(180deg, rgba(4, 13, 25, .72), rgba(3, 10, 19, .38));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .10),
        0 16px 34px rgba(2, 8, 18, .18);
}

.investhub-shell .app-local-mini-chart,
.investhub-shell .invest-crypto-graph {
    min-height: 210px;
}

.investhub-shell .nova-local-market-chart::before,
.investhub-shell .app-local-mini-chart::before,
.investhub-shell .invest-crypto-graph::before {
    content: "";
    position: absolute;
    inset: 11px 11px 52px;
    z-index: -1;
    border-radius: 16px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .055), transparent),
        repeating-linear-gradient(90deg, rgba(255, 255, 255, .035) 0 1px, transparent 1px 44px);
    opacity: .78;
    pointer-events: none;
}

.investhub-shell .local-growth-graph .local-growth-graph__head,
.investhub-shell .local-growth-graph .local-growth-graph__stats {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    min-width: 0;
}

.investhub-shell .local-growth-graph .local-growth-graph__head span,
.investhub-shell .local-growth-graph .local-growth-graph__stats b {
    color: rgba(220, 235, 246, .66);
    font-size: 9px;
    font-weight: 900;
    letter-spacing: .10em;
    line-height: 1.2;
    text-transform: uppercase;
}

.investhub-shell .local-growth-graph .local-growth-graph__head strong {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    max-width: none;
    margin: 0;
    color: var(--dtm-lime);
    font-family: "Sora", sans-serif;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .04em;
    line-height: 1.2;
    white-space: nowrap;
}

.investhub-shell .local-growth-graph .local-growth-graph__head strong::before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: currentColor;
    box-shadow: 0 0 13px rgba(var(--dtm-theme-secondary-rgb), .74);
}

.investhub-shell .local-growth-graph svg {
    display: block;
    width: 100%;
    height: 136px;
    overflow: visible;
}

.investhub-shell .nova-local-market-chart svg {
    height: 154px;
}

.investhub-shell .local-growth-graph__grid path {
    fill: none;
    stroke: rgba(213, 232, 244, .12);
    stroke-width: 1;
    vector-effect: non-scaling-stroke;
}

.investhub-shell .local-growth-graph__ranges line {
    stroke: rgba(255, 255, 255, .32);
    stroke-linecap: round;
    stroke-width: 5;
    opacity: .42;
    vector-effect: non-scaling-stroke;
}

.investhub-shell .local-growth-graph__volume rect {
    fill: rgba(var(--dtm-theme-glow-rgb), .16);
    opacity: .78;
}

.investhub-shell .local-growth-graph__area {
    opacity: 0;
    transform: scaleY(.72);
    transform-origin: 50% 96%;
    animation: localGrowthAreaLift .9s ease-out .18s forwards;
}

.investhub-shell .local-growth-graph__glow,
.investhub-shell .local-growth-graph__line {
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.investhub-shell .local-growth-graph__glow {
    stroke: rgba(var(--dtm-theme-glow-rgb), .24);
    stroke-width: 12;
    opacity: .82;
}

.investhub-shell .local-growth-graph__line {
    stroke-width: 3.4;
    stroke-dasharray: 1;
    stroke-dashoffset: 1;
    animation:
        localGrowthLineDraw 1.55s cubic-bezier(.2, .8, .25, 1) .12s forwards,
        localGrowthLineGlow 3.6s ease-in-out 1.7s infinite;
    vector-effect: non-scaling-stroke;
}

.investhub-shell .local-growth-graph__points circle {
    fill: #071321;
    stroke: rgba(255, 255, 255, .86);
    stroke-width: 1.5;
    opacity: 0;
    animation: localGrowthPointPop .42s ease-out .9s forwards;
    vector-effect: non-scaling-stroke;
}

.investhub-shell .local-growth-graph__points circle:nth-child(2) {
    animation-delay: 1.04s;
}

.investhub-shell .local-growth-graph__points circle:nth-child(3) {
    animation-delay: 1.18s;
}

.investhub-shell .local-growth-graph__points circle:nth-child(4) {
    animation-delay: 1.32s;
}

.investhub-shell .local-growth-graph__endpoint {
    animation: localGrowthEndpointPulse 2.5s ease-in-out 1.4s infinite;
    transform-box: fill-box;
    transform-origin: center;
}

.investhub-shell .local-growth-graph__endpoint-halo {
    fill: rgba(var(--dtm-theme-secondary-rgb), .16);
    stroke: rgba(255, 255, 255, .22);
    stroke-width: 1;
    vector-effect: non-scaling-stroke;
}

.investhub-shell .local-growth-graph__endpoint-dot,
.investhub-shell .local-growth-graph__runner {
    fill: #f7ffe8;
    stroke: var(--dtm-lime);
    stroke-width: 2;
    vector-effect: non-scaling-stroke;
}

.investhub-shell .local-growth-graph__runner {
    filter: drop-shadow(0 0 8px rgba(var(--dtm-theme-secondary-rgb), .68));
}

.investhub-shell .local-growth-graph .local-growth-graph__stats {
    align-items: stretch;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(82px, 1fr));
}

.investhub-shell .local-growth-graph .local-growth-graph__stats span {
    display: grid;
    gap: 3px;
    min-width: 0;
    padding: 7px 8px;
    border: 1px solid rgba(255, 255, 255, .10);
    border-radius: 11px;
    background: rgba(255, 255, 255, .07);
}

.investhub-shell .local-growth-graph .local-growth-graph__stats strong {
    display: block;
    max-width: none;
    margin: 0;
    color: #ffffff;
    font-family: "Sora", sans-serif;
    font-size: 11px;
    font-weight: 900;
    line-height: 1.15;
    overflow-wrap: anywhere;
}

@keyframes localGrowthAreaLift {
    to {
        opacity: 1;
        transform: scaleY(1);
    }
}

@keyframes localGrowthLineDraw {
    to {
        stroke-dashoffset: 0;
    }
}

@keyframes localGrowthLineGlow {
    0%,
    100% {
        opacity: .88;
    }

    50% {
        opacity: 1;
    }
}

@keyframes localGrowthPointPop {
    from {
        transform: scale(.68);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes localGrowthEndpointPulse {
    0%,
    100% {
        opacity: .78;
        transform: scale(.94);
    }

    50% {
        opacity: 1;
        transform: scale(1);
    }
}

@media (prefers-reduced-motion: reduce) {
    .investhub-shell .local-growth-graph__area,
    .investhub-shell .local-growth-graph__line,
    .investhub-shell .local-growth-graph__points circle,
    .investhub-shell .local-growth-graph__endpoint {
        animation: none !important;
    }

    .investhub-shell .local-growth-graph__area,
    .investhub-shell .local-growth-graph__points circle {
        opacity: 1;
        transform: none;
    }

    .investhub-shell .local-growth-graph__line {
        stroke-dashoffset: 0;
    }

    .investhub-shell .local-growth-graph__runner {
        display: none;
    }
}

.investhub-shell .app-local-market-panel {
    grid-template-rows: minmax(0, 1fr) auto;
    padding: 16px;
    border-color: rgba(var(--dtm-theme-primary-rgb), .16);
    border-radius: 18px;
    background:
        radial-gradient(circle at 92% 10%, rgba(var(--dtm-theme-secondary-rgb), .18), transparent 14rem),
        linear-gradient(135deg, #081424, #14263c);
    box-shadow: 0 14px 34px rgba(11, 21, 36, .10);
}

.investhub-shell .app-local-market-panel__main {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(180px, 280px);
    gap: 16px;
    align-items: stretch;
}

.investhub-shell .app-local-market-panel__main strong {
    display: block;
    max-width: 620px;
    margin-top: 6px;
    color: #fff;
    font: 700 clamp(1.25rem, 2.2vw, 1.9rem)/1.1 "Sora", sans-serif;
}

.investhub-shell .app-local-market-panel__main p {
    max-width: 600px;
    margin: 8px 0 0;
    color: rgba(220, 235, 246, .72) !important;
    letter-spacing: 0;
    text-transform: none;
}

.investhub-shell .invest-crypto-pulse {
    align-content: space-between;
    padding: 15px;
    border-radius: 14px;
}

.investhub-shell .invest-crypto-pulse__hero {
    display: grid;
    gap: 5px;
}

.investhub-shell .invest-crypto-pulse__hero strong {
    color: #fff;
    font: 700 clamp(1.7rem, 3vw, 2.35rem)/1 "Sora", sans-serif;
    letter-spacing: -.05em;
}

.investhub-shell .invest-crypto-pulse__hero small {
    max-width: 18rem;
    color: rgba(205, 252, 106, .84);
    letter-spacing: .04em;
}

.investhub-shell [data-live-market] [data-market-price],
.investhub-shell [data-live-market] [data-market-change],
.investhub-shell [data-live-market] [data-market-status],
.investhub-shell [data-live-market] [data-market-updated] {
    transition: color .2s ease, opacity .2s ease, transform .2s ease;
}

.investhub-shell [data-market-change],
.investhub-shell [data-market-status] {
    font-style: normal;
}

.investhub-shell [data-market-status] {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    gap: 5px;
    color: rgba(220, 235, 246, .66);
    font-size: 9px;
    font-weight: 900;
    letter-spacing: .08em;
    line-height: 1.1;
    text-transform: uppercase;
}

.investhub-shell [data-market-status]::before {
    content: "";
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: currentColor;
    opacity: .78;
    box-shadow: 0 0 10px currentColor;
}

.investhub-shell .is-market-live [data-market-status] {
    color: var(--dtm-lime);
}

.investhub-shell .is-market-updating [data-market-status] {
    color: var(--dtm-cyan, #45e6ff);
}

.investhub-shell .is-market-offline [data-market-status],
.investhub-shell .is-market-static [data-market-status] {
    color: rgba(220, 235, 246, .58);
}

.investhub-shell .is-market-positive [data-market-change],
.investhub-shell .is-market-live [data-market-change] {
    color: var(--dtm-lime) !important;
}

.investhub-shell .is-market-negative [data-market-change] {
    color: #ff8a9a !important;
}

.market-data-credit {
    position: fixed;
    left: 14px;
    bottom: 12px;
    z-index: 1060;
    padding: 5px 9px;
    border: 1px solid rgba(15, 195, 158, .18);
    border-radius: 999px;
    background: rgba(6, 20, 34, .62);
    color: rgba(229, 247, 239, .74);
    font: 700 10px/1 "Sora", sans-serif;
    letter-spacing: .02em;
    text-decoration: none;
    backdrop-filter: blur(12px);
    box-shadow: 0 12px 28px rgba(5, 22, 36, .18);
}

.market-data-credit:hover,
.market-data-credit:focus {
    color: #fff;
    text-decoration: none;
}

.investhub-shell .nova-float-card small {
    display: block;
    margin-top: 2px;
}

.investhub-shell .nova-asset-strip b,
.investhub-shell .nova-local-market-grid b,
.investhub-shell .nova-local-ticker strong,
.investhub-shell .app-local-market-assets strong,
.investhub-shell .invest-crypto-assets strong,
.investhub-shell .dash-local-ticker__track strong,
.investhub-shell .mobile-market-ticker__track strong {
    color: #ffffff;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0;
    line-height: 1;
}

.investhub-shell .nova-asset-strip strong {
    display: inline-flex;
    align-items: baseline;
    gap: 6px;
}

.investhub-shell .nova-asset-strip strong span {
    color: #ffffff !important;
    font-size: 13px;
}

.investhub-shell .nova-local-market-grid small b {
    color: #ffffff;
    font-size: 10px;
    letter-spacing: 0;
}

.investhub-shell .nova-local-market-grid small em,
.investhub-shell .nova-local-ticker em,
.investhub-shell .app-local-market-assets em,
.investhub-shell .invest-crypto-assets em {
    color: var(--dtm-lime);
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 0;
}

.investhub-shell .app-market-chip small,
.investhub-shell .invest-market-chip small,
.investhub-shell .dash-market-snapshot__grid small {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    margin: 0;
    color: var(--dtm-lime);
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .02em;
    line-height: 1.25;
}

.investhub-shell .app-market-chip small b {
    color: rgba(220, 235, 246, .64);
    font-size: 9px;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.investhub-shell .dash-market-snapshot__hero span em,
.investhub-shell .invest-crypto-pulse__hero span em {
    margin-left: 6px;
    vertical-align: middle;
}

.investhub-shell .dash-market-snapshot__hero small b,
.investhub-shell .invest-crypto-pulse__hero small b {
    color: var(--dtm-lime);
    font-weight: 900;
}

.investhub-shell .dash-market-snapshot__grid small {
    color: rgba(205, 252, 106, .86);
}

.investhub-shell .dash-local-ticker__track span,
.investhub-shell .mobile-market-ticker__track span {
    flex-shrink: 0;
}

.investhub-shell .dash-local-ticker__track strong,
.investhub-shell .mobile-market-ticker__track strong {
    color: rgba(255, 255, 255, .92);
}

@media (max-width: 991.98px) {
    .investhub-shell .nova-local-market-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .investhub-shell .app-local-market-panel__main {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 575.98px) {
    .investhub-shell .nova-local-market-board,
    .investhub-shell .app-local-market-panel,
    .investhub-shell .invest-crypto-pulse {
        gap: 11px;
        padding: 12px;
        border-radius: 16px;
    }

    .investhub-shell .nova-local-market-board__head {
        display: grid;
    }

    .investhub-shell .nova-local-market-grid {
        grid-template-columns: 1fr;
    }

    .investhub-shell .nova-local-market-chart,
    .investhub-shell .app-local-mini-chart,
    .investhub-shell .invest-crypto-graph {
        min-height: 178px;
        padding: 10px;
        gap: 8px;
        border-radius: 14px;
    }

    .investhub-shell .nova-local-market-chart::before,
    .investhub-shell .app-local-mini-chart::before,
    .investhub-shell .invest-crypto-graph::before {
        inset: 9px 9px 45px;
        border-radius: 12px;
    }

    .investhub-shell .nova-local-market-chart svg,
    .investhub-shell .app-local-mini-chart svg,
    .investhub-shell .invest-crypto-graph svg {
        height: 108px;
    }

    .investhub-shell .nova-local-tabs span,
    .investhub-shell .nova-local-ticker span,
    .investhub-shell .app-local-market-assets span,
    .investhub-shell .invest-crypto-assets span {
        min-height: 30px;
        padding: 7px 9px;
        font-size: 9px;
    }
}

/* 20260717 public header translator and mobile menu tap layer */
.investhub-shell .header {
    isolation: isolate;
    z-index: 1200 !important;
}

.investhub-shell .header-bottom-area {
    position: relative;
    z-index: 1201;
}

.investhub-shell .header-brand-tools {
    position: relative;
    z-index: 1204;
    display: inline-flex;
    align-items: center;
    flex: 0 1 auto;
    gap: 10px;
    min-width: 0;
    pointer-events: auto;
}

.investhub-shell .header-brand-tools .logo {
    flex: 0 1 auto;
    min-width: 0;
}

.investhub-shell .public-translate-control {
    z-index: 1205;
    flex: 0 0 auto;
    pointer-events: auto;
}

.investhub-shell .public-translate-control .gtranslate_wrapper,
.investhub-shell .public-translate-control .gt_switcher-popup {
    pointer-events: auto;
}

.investhub-shell .public-translate-control .gt_switcher-popup {
    border-color: rgba(255, 255, 255, .18);
    background: linear-gradient(135deg, rgba(255, 255, 255, .98), rgba(232, 249, 244, .92));
    color: var(--dtm-ink) !important;
    box-shadow: 0 12px 30px rgba(2, 9, 18, .16), inset 0 1px 0 rgba(255, 255, 255, .74);
}

.investhub-shell .public-translate-control .gt_switcher-popup:hover,
.investhub-shell .public-translate-control .gt_switcher-popup:focus-visible {
    border-color: rgba(var(--dtm-theme-secondary-rgb), .48);
    color: var(--dtm-emerald-deep) !important;
    box-shadow: 0 0 0 4px rgba(var(--dtm-theme-secondary-rgb), .12), 0 14px 34px rgba(2, 9, 18, .18);
}

.investhub-shell .overlay {
    z-index: -1;
    background: rgba(5, 13, 24, .58);
    pointer-events: none;
}

.investhub-shell .overlay.active {
    z-index: 1090 !important;
    pointer-events: auto;
}

@media (max-width: 991.98px) {
    .investhub-shell .header-bottom-area {
        flex-wrap: nowrap;
        gap: 8px;
    }

    .investhub-shell .header-brand-tools {
        flex: 1 1 auto;
    }

    .investhub-shell .header .menu {
        z-index: 1202 !important;
        pointer-events: auto;
    }

    .investhub-shell .header .menu.active {
        z-index: 1202 !important;
        pointer-events: auto;
    }

    .investhub-shell .header .menu > li,
    .investhub-shell .header .menu a,
    .investhub-shell .header .menu .sub-menu {
        pointer-events: auto;
    }

    .investhub-shell .header-trigger-wrapper {
        z-index: 1206 !important;
        flex: 0 0 auto;
        margin-left: 0;
        pointer-events: auto;
    }

    .investhub-shell .language_switcher {
        position: relative;
        z-index: 1205;
        flex: 0 0 auto;
    }
}

@media (max-width: 575.98px) {
    .investhub-shell .header-brand-tools {
        gap: 8px;
    }

    .investhub-shell .header .logo img {
        max-width: min(112px, 34vw);
    }

    .investhub-shell .public-translate-control,
    .investhub-shell .public-translate-control .gtranslate_wrapper {
        min-width: 42px;
        min-height: 42px;
    }

    .investhub-shell .public-translate-control .gt_switcher-popup {
        width: 42px !important;
        min-height: 40px;
        padding-inline: 0 !important;
        border-radius: 12px;
    }

    .investhub-shell .public-translate-control .gt_switcher-popup img {
        width: 18px !important;
        height: 18px !important;
    }

    .investhub-shell .header .menu {
        top: 62px !important;
        right: 10px;
        left: 10px;
        max-height: calc(100dvh - 76px);
    }

    .investhub-shell .header .menu.active {
        top: 62px !important;
    }
}

@media (max-width: 389.98px) {
    .investhub-shell .header .logo img {
        max-width: min(94px, 30vw);
    }

    .investhub-shell .header-brand-tools {
        gap: 6px;
    }
}
.investhub-shell .menu-btn--install a {
    gap: 8px;
}

.investhub-shell .menu-btn--install a i {
    font-size: 19px;
}

@media (min-width: 992px) {
    .investhub-shell .header .menu > li.menu-btn--install {
        display: none !important;
    }
}

.investhub-shell .sidebar-menu li a .pwa-menu-icon {
    width: 24px;
    height: 24px;
    flex: 0 0 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #38bdf8;
    font-size: 22px;
}

.investhub-shell .sidebar-menu li a.js-pwa-install {
    border: 1px solid rgba(56, 189, 248, .22);
    background: linear-gradient(135deg, rgba(56, 189, 248, .12), rgba(255, 255, 255, .04));
}

.investhub-shell .sidebar-menu li a.js-pwa-install.is-installed {
    opacity: .78;
}

/* 20260718 public auth CTA and translator viewport fit */
.investhub-shell .header .menu-btn--login a {
    border-color: rgba(var(--dtm-theme-link-rgb), .42) !important;
    background:
        radial-gradient(circle at 18% 10%, rgba(255, 255, 255, .20), transparent 42%),
        linear-gradient(135deg, rgba(var(--dtm-theme-link-rgb), .95), rgba(var(--dtm-theme-primary-rgb), .88)) !important;
    color: #ffffff !important;
    box-shadow: 0 14px 32px rgba(var(--dtm-theme-link-rgb), .22), inset 0 1px 0 rgba(255, 255, 255, .28);
}

.investhub-shell .header .menu-btn--login a:hover,
.investhub-shell .header .menu-btn--login a:focus-visible {
    border-color: rgba(var(--dtm-theme-secondary-rgb), .52) !important;
    background:
        radial-gradient(circle at 18% 10%, rgba(255, 255, 255, .24), transparent 42%),
        linear-gradient(135deg, rgba(var(--dtm-theme-primary-rgb), .95), rgba(var(--dtm-theme-link-rgb), .92)) !important;
    color: #ffffff !important;
    box-shadow: 0 16px 36px rgba(var(--dtm-theme-primary-rgb), .24), 0 0 0 4px rgba(var(--dtm-theme-secondary-rgb), .10);
}

body.dashboard-gtranslate-scope .gt_white_content,
body.dashboard-gtranslate-scope .gt_white_content * {
    box-sizing: border-box !important;
}

body.dashboard-gtranslate-scope .gt_white_content {
    overflow-x: hidden !important;
}

body.dashboard-gtranslate-scope .gt_white_content table,
body.dashboard-gtranslate-scope .gt_white_content iframe,
body.dashboard-gtranslate-scope .gt_white_content .gt_languages {
    width: 100% !important;
    max-width: 100% !important;
}

body.dashboard-gtranslate-scope .gt_white_content table {
    table-layout: fixed !important;
}

body.dashboard-gtranslate-scope .gt_white_content a.glink {
    min-width: 0 !important;
}

@media (max-width: 575.98px) {
    body.dashboard-gtranslate-scope .gt_white_content {
        top: max(12px, env(safe-area-inset-top)) !important;
        right: auto !important;
        bottom: auto !important;
        left: 50% !important;
        width: calc(100vw - 18px) !important;
        min-width: 0 !important;
        max-width: calc(100vw - 18px) !important;
        height: auto !important;
        max-height: calc(100dvh - 24px) !important;
        padding: 54px 10px 12px !important;
        border-radius: 18px !important;
        transform: translateX(-50%) !important;
    }

    body.dashboard-gtranslate-scope .gt_white_content .gt_languages {
        grid-template-columns: 1fr !important;
        max-height: calc(100dvh - 116px) !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        padding-right: 2px;
    }

    body.dashboard-gtranslate-scope .gt_white_content a.glink {
        width: 100% !important;
        min-height: 38px !important;
        padding: 9px 6px !important;
        white-space: normal !important;
    }

    body.dashboard-gtranslate-scope .gt_white_content a.glink span {
        overflow-wrap: anywhere;
        white-space: normal !important;
    }

    body.dashboard-gtranslate-scope .dashboard-translate-close {
        width: 38px;
        height: 38px;
        margin: -44px 0 8px auto;
    }
}

/* 20260718 mobile translator panel and market value fit */
.investhub-shell [data-live-market],
.investhub-shell [data-live-market] * {
    min-width: 0;
}

.investhub-shell [data-live-market] [data-market-price],
.investhub-shell [data-live-market] [data-market-change],
.investhub-shell [data-live-market] [data-market-status],
.investhub-shell [data-live-market] b,
.investhub-shell [data-live-market] em {
    overflow-wrap: normal !important;
    white-space: nowrap !important;
    word-break: keep-all !important;
}

.investhub-shell [data-live-market] [data-market-price],
.investhub-shell [data-live-market] [data-market-change] {
    min-width: max-content;
}

@media (max-width: 575.98px) {
    body.dashboard-gtranslate-scope .gt_white_content {
        top: 72px !important;
        right: 10px !important;
        bottom: 12px !important;
        left: 10px !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        height: calc(100dvh - 84px) !important;
        min-height: min(420px, calc(100dvh - 84px)) !important;
        max-height: calc(100dvh - 84px) !important;
        padding: 54px 10px 12px !important;
        overflow: hidden !important;
        border-radius: 18px !important;
        display: flex !important;
        flex-direction: column !important;
        transform: none !important;
    }

    body.dashboard-gtranslate-scope .gt_white_content table,
    body.dashboard-gtranslate-scope .gt_white_content iframe,
    body.dashboard-gtranslate-scope .gt_white_content .gt_languages {
        flex: 1 1 auto !important;
        min-height: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    body.dashboard-gtranslate-scope .gt_white_content iframe {
        display: block !important;
        height: calc(100dvh - 150px) !important;
        min-height: 260px !important;
        border: 0 !important;
    }

    body.dashboard-gtranslate-scope .gt_white_content table,
    body.dashboard-gtranslate-scope .gt_white_content .gt_languages {
        max-height: none !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
    }

    body.dashboard-gtranslate-scope .gt_white_content a.glink {
        white-space: nowrap !important;
    }

    body.dashboard-gtranslate-scope .gt_white_content a.glink span {
        overflow: hidden;
        overflow-wrap: normal !important;
        text-overflow: ellipsis;
        white-space: nowrap !important;
    }

    .investhub-shell .nova-local-market-grid article {
        grid-template-columns: minmax(0, 1fr) auto !important;
        align-items: center;
        row-gap: 7px;
        padding: 13px !important;
    }

    .investhub-shell .nova-local-market-grid article > span {
        grid-column: 1;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap !important;
    }

    .investhub-shell .nova-local-market-grid article > strong {
        grid-column: 2;
        justify-self: end;
        min-width: max-content;
        font-size: 15px !important;
        text-align: right;
    }

    .investhub-shell .nova-local-market-grid article > small:not([data-market-status]) {
        grid-column: 1 / -1;
        display: flex !important;
        align-items: center;
        flex-wrap: nowrap;
        gap: 7px;
        min-width: 0;
    }

    .investhub-shell .nova-local-market-grid article > small[data-market-status] {
        grid-column: 1 / -1;
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

@media (max-width: 480px) {
    .investhub-shell .nova-asset-strip div,
    .investhub-shell .nova-market-chip,
    .investhub-shell .nova-float-card {
        grid-template-columns: 38px minmax(0, 1fr) auto !important;
    }

    .investhub-shell .nova-float-card {
        width: 100% !important;
        max-width: 100% !important;
    }

    .investhub-shell .nova-asset-strip div > i,
    .investhub-shell .nova-market-chip > i,
    .investhub-shell .nova-float-card > i {
        grid-column: 1;
        grid-row: 1 / 3;
    }

    .investhub-shell .nova-asset-strip div > span,
    .investhub-shell .nova-market-chip > span {
        grid-column: 2;
        grid-row: 1;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap !important;
    }

    .investhub-shell .nova-asset-strip div > strong,
    .investhub-shell .nova-market-chip > strong {
        grid-column: 2;
        grid-row: 2;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap !important;
    }

    .investhub-shell .nova-asset-strip div > em,
    .investhub-shell .nova-market-chip > em,
    .investhub-shell .nova-float-card > em {
        grid-column: 3 !important;
        grid-row: 1 / 3;
        align-self: center;
        justify-self: end;
        min-width: max-content;
        white-space: nowrap !important;
    }

    .investhub-shell .nova-float-card > div {
        min-width: 0;
    }

    .investhub-shell .nova-float-card span,
    .investhub-shell .nova-float-card strong,
    .investhub-shell .nova-float-card small {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap !important;
    }
}

/* 20260718 translator close escape for mobile overlays */
@media (max-width: 575.98px) {
    body.dashboard-gtranslate-scope .dashboard-translate-close {
        position: fixed !important;
        top: calc(82px + env(safe-area-inset-top, 0px)) !important;
        right: 18px !important;
        z-index: 1000002 !important;
        display: grid !important;
        width: 42px !important;
        height: 42px !important;
        margin: 0 !important;
        padding: 0 !important;
        place-items: center !important;
        border: 1px solid rgba(var(--dtm-theme-primary-rgb), .22) !important;
        border-radius: 14px !important;
        background: #ffffff !important;
        color: #071321 !important;
        font: 900 25px/1 "IBM Plex Sans", sans-serif !important;
        box-shadow: 0 12px 28px rgba(5, 13, 24, .22) !important;
        pointer-events: auto !important;
        touch-action: manipulation;
    }

    body.dashboard-gtranslate-scope .dashboard-translate-close:active {
        transform: scale(.96);
    }

    body.dashboard-gtranslate-scope .gt_white_content {
        padding-top: 64px !important;
    }
}

/* 20260718 header logo expansion and translator dropdown alignment */
.investhub-shell .header-bottom,
.investhub-shell .header-bottom-area {
    min-height: 76px !important;
}

.investhub-shell .header-brand-tools {
    flex: 0 0 auto !important;
    gap: 0 !important;
    min-width: 0;
}

.investhub-shell .header-brand-tools .logo {
    flex: 0 0 auto !important;
}

.investhub-shell .header .logo img {
    max-width: clamp(190px, 15vw, 238px) !important;
    max-height: 56px !important;
}

.investhub-shell .public-translate-control {
    position: relative;
    z-index: 1207;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    margin-left: 12px;
}

.investhub-shell .public-translate-control .gtranslate_wrapper {
    display: inline-flex;
    align-items: center;
}

.investhub-shell .public-translate-control .gt_switcher-popup {
    justify-content: center !important;
    width: 48px !important;
    min-width: 48px !important;
    min-height: 44px !important;
    padding: 0 !important;
    border-radius: 15px !important;
}

.investhub-shell .public-translate-control .gt_switcher-popup span {
    display: none !important;
}

.investhub-shell .public-translate-control .gt_switcher-popup img {
    width: 20px !important;
    height: 20px !important;
}

body.dashboard-gtranslate-scope .gt_white_content.dashboard-translate-panel--dropdown {
    padding: 48px 12px 12px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    border-radius: 18px !important;
    box-shadow: 0 18px 48px rgba(5, 13, 24, .22) !important;
}

body.dashboard-gtranslate-scope .gt_white_content.dashboard-translate-panel--dropdown .gt_languages {
    grid-template-columns: 1fr !important;
    gap: 0 !important;
    max-height: min(430px, calc(100dvh - 120px)) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
}

body.dashboard-gtranslate-scope .gt_white_content.dashboard-translate-panel--dropdown a.glink {
    min-height: 38px !important;
    padding: 9px 8px !important;
}

body.dashboard-gtranslate-scope .gt_white_content.dashboard-translate-panel--dropdown .dashboard-translate-close {
    position: sticky !important;
    top: 0 !important;
    width: 36px !important;
    height: 36px !important;
    margin: -40px 0 8px auto !important;
    border-radius: 12px !important;
    font-size: 22px !important;
}

@media (max-width: 1199.98px) {
    .investhub-shell .header .logo img {
        max-width: clamp(174px, 19vw, 218px) !important;
        max-height: 52px !important;
    }
}

@media (max-width: 991.98px) {
    .investhub-shell .header-bottom,
    .investhub-shell .header-bottom-area {
        min-height: 68px !important;
    }

    .investhub-shell .header-brand-tools {
        flex: 1 1 auto !important;
    }

    .investhub-shell .header .logo img {
        max-width: min(168px, 48vw) !important;
        max-height: 46px !important;
    }

    .investhub-shell .public-translate-control {
        margin-left: auto;
    }
}

@media (max-width: 575.98px) {
    .investhub-shell .header-bottom-area {
        gap: 8px !important;
    }

    .investhub-shell .header .logo img {
        max-width: min(152px, 44vw) !important;
        max-height: 42px !important;
    }

    .investhub-shell .public-translate-control,
    .investhub-shell .public-translate-control .gtranslate_wrapper {
        min-width: 44px !important;
        min-height: 42px !important;
    }

    .investhub-shell .public-translate-control .gt_switcher-popup {
        width: 44px !important;
        min-width: 44px !important;
        min-height: 42px !important;
    }
}

@media (max-width: 389.98px) {
    .investhub-shell .header .logo img {
        max-width: min(136px, 42vw) !important;
        max-height: 38px !important;
    }
}

/* 20260718 simple inner-page heroes */
.investhub-shell .app-page-hero--simple {
    display: block !important;
    min-height: 0 !important;
    padding: clamp(18px, 3vw, 32px) !important;
}

.investhub-shell .app-page-hero--simple::after {
    right: -140px !important;
    bottom: -170px !important;
    width: min(32vw, 320px) !important;
    opacity: .7;
}

.investhub-shell .app-page-hero--simple .app-page-title,
.investhub-shell .app-page-hero--simple h1,
.investhub-shell .app-page-hero--simple h3 {
    max-width: 780px !important;
    margin: 8px 0 0 !important;
    font-size: clamp(1.65rem, 3vw, 2.65rem) !important;
    line-height: 1.08 !important;
}

.investhub-shell .app-page-hero--simple .app-page-text {
    max-width: 620px !important;
    margin: 10px 0 0 !important;
    font-size: clamp(13px, 1.1vw, 15px) !important;
    line-height: 1.55 !important;
}

.investhub-shell .app-contact-shell .contact-hero.app-page-hero--simple {
    grid-template-columns: 1fr !important;
    padding: clamp(18px, 3vw, 30px) !important;
}

.investhub-shell .app-page-hero--simple .contact-hero__trust,
.investhub-shell .app-page-hero--simple .app-info-list,
.investhub-shell .app-page-hero--simple .invester-stat-grid {
    display: none !important;
}

.investhub-shell .marketing-page-section .app-page-hero--simple {
    margin-bottom: 4px;
}

@media (max-width: 575.98px) {
    .investhub-shell .app-page-hero--simple {
        padding: 16px !important;
        border-radius: 16px !important;
    }

    .investhub-shell .app-page-hero--simple .app-page-title,
    .investhub-shell .app-page-hero--simple h1,
    .investhub-shell .app-page-hero--simple h3 {
        font-size: clamp(1.45rem, 7vw, 2rem) !important;
    }
}

/* 20260718 reliable GTranslate float widget */
.dashboard-translate-control .gtranslate_wrapper {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    min-width: 0 !important;
}

.dashboard-translate-control #gt_float_wrapper {
    position: relative !important;
    inset: auto !important;
    z-index: 1004 !important;
}

.dashboard-translate-control .gt_float_switcher {
    position: relative !important;
    overflow: visible !important;
    max-width: min(260px, calc(100vw - 24px)) !important;
    border: 1px solid rgba(var(--base-rgb, 0, 168, 132), .28) !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, .08) !important;
    color: #102035 !important;
    box-shadow: none !important;
    font-family: inherit !important;
    font-size: 13px !important;
    line-height: 1 !important;
}

.dashboard-translate-control .gt_float_switcher .gt-selected {
    overflow: visible !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, .92) !important;
}

.dashboard-translate-control .gt_float_switcher .gt-selected .gt-current-lang {
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    min-height: 38px !important;
    padding: 8px 12px !important;
    color: #102035 !important;
    font-weight: 800 !important;
}

.dashboard-translate-control .gt_float_switcher img {
    width: 20px !important;
    min-width: 20px !important;
    height: auto !important;
    margin: 0 !important;
    border-radius: 999px !important;
}

.dashboard-translate-control .gt_float_switcher .gt-selected .gt-current-lang span.gt-lang-code {
    position: static !important;
    color: #102035 !important;
    font-size: 12px !important;
    letter-spacing: .05em !important;
}

.dashboard-translate-control .gt_float_switcher .gt_options {
    position: absolute !important;
    top: calc(100% + 10px) !important;
    right: 0 !important;
    left: auto !important;
    width: 240px !important;
    min-width: 220px !important;
    max-width: min(300px, calc(100vw - 24px)) !important;
    max-height: min(380px, calc(100dvh - 100px)) !important;
    padding: 8px !important;
    border: 1px solid rgba(18, 35, 58, .12) !important;
    border-radius: 18px !important;
    background: #ffffff !important;
    box-shadow: 0 24px 60px rgba(8, 22, 36, .22) !important;
    opacity: 0 !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    transform: translateY(-8px) !important;
    z-index: 1000000 !important;
}

.dashboard-translate-control .gt_float_switcher .gt_options.gt-open {
    opacity: 1 !important;
    transform: translateY(0) !important;
}

.dashboard-translate-control .gt_float_switcher .gt_options a {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    width: 100% !important;
    padding: 10px 12px !important;
    border-radius: 12px !important;
    color: #17243a !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
    white-space: normal !important;
}

.dashboard-translate-control .gt_float_switcher .gt_options a:hover,
.dashboard-translate-control .gt_float_switcher .gt_options a:focus-visible {
    background: rgba(var(--base-rgb, 0, 168, 132), .1) !important;
    color: rgb(var(--base-rgb, 0, 168, 132)) !important;
}

@media (max-width: 767.98px) {
    .dashboard-translate-control .gt_float_switcher {
        background: transparent !important;
        border-color: rgba(255, 255, 255, .16) !important;
    }

    .dashboard-translate-control .gt_float_switcher .gt-selected .gt-current-lang {
        justify-content: center !important;
        width: 42px !important;
        min-width: 42px !important;
        height: 42px !important;
        min-height: 42px !important;
        padding: 0 !important;
    }

    .dashboard-translate-control .gt_float_switcher .gt-selected .gt-current-lang span.gt-lang-code,
    .dashboard-translate-control .gt_float_switcher .gt-selected .gt-current-lang span.gt_float_switcher-arrow {
        display: none !important;
    }

    .dashboard-translate-control .gt_float_switcher img {
        width: 22px !important;
        min-width: 22px !important;
    }

    .dashboard-translate-control .gt_float_switcher .gt_options {
        position: fixed !important;
        top: 66px !important;
        right: 10px !important;
        left: 10px !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        max-height: calc(100dvh - 86px) !important;
        padding: 10px !important;
        border-radius: 20px !important;
    }

    .dashboard-translate-control .gt_float_switcher .gt_options a {
        padding: 12px 14px !important;
        font-size: 14px !important;
    }
}