/* Source: wwwroot/brokerage-overview/brokerage-overview.css */
.brokerage-overview {
    background-image: radial-gradient(#ebedf3 1.5px, transparent 1.5px);
    color: #323232;
    text-align: center;
    margin-top:100px;
}

.brokerage-overview__eyebrow { display: inline-block; padding: 10px 20px; border-radius: 15px; background: #fff; box-shadow: 0 0 10px #0000001a; color: #181345; font-size: 13px; letter-spacing: .5px; }
.brokerage-overview h2 { margin: 20px 0 24px; font-size: clamp(32px, 4vw, 60px); line-height: 1.05; font-weight: 600; letter-spacing: .5px; }
.brokerage-overview p { margin: 0 0 20px; color: #4b4b4b; font-size: 18px; line-height: 1.4; }
.brokerage-overview__grid { display: grid; grid-template-columns: 3fr 4fr 3fr; gap: 24px; align-items: stretch; margin-top: 80px; }
.brokerage-overview__grid--no-round { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.brokerage-overview__frame { min-height: 400px; padding: 20px; border-radius: 20px; background: #6742fb url('../images/brokerage-blur-img.png') center / cover; box-shadow: 0 0 10px #0000000d; }
.brokerage-overview__panel { height: 100%; padding: 40px; border-radius: 15px; background: #fff; }
.brokerage-overview__metrics { display: grid; grid-template-columns: repeat(2, 1fr); align-content: center; gap: 16px; }
.brokerage-overview__metric, .brokerage-overview__features > strong { border: 1px solid #5f41fb1c; border-radius: 10px; background: #5f41fb0f; color: #1a0877; }
.brokerage-overview__metric { display: flex; min-height: 109px; flex-direction: column; justify-content: center; gap: 10px; padding: 15px; }
.brokerage-overview__metric strong { font-size: 20px; }
.brokerage-overview__metric span { color: #575757; font-size: 14px; line-height: 1.6; }
.brokerage-overview__round { display: grid; gap: 15px; }
.brokerage-overview__stat { display: flex; min-height: 90px; align-items: center; justify-content: space-between; gap: 20px; padding: 20px; border-radius: 15px; background: #fff; box-shadow: 0 0 10px #0000001a; text-align: left; }
.brokerage-overview__stat > div { min-width: 0; }
.brokerage-overview__stat div > span { display: block; color: #666; font-size: 14px; text-transform: uppercase; letter-spacing: .5px; }
.brokerage-overview__stat strong { display: block; margin-top: 9px; font-size: 20px; line-height: 1.15; overflow-wrap: anywhere; }
.brokerage-overview__icon { display: grid; flex: 0 0 50px; height: 50px; place-items: center; border-radius: 10px; font: 30px Arial, sans-serif; }
.brokerage-overview__stat--active strong, .brokerage-overview__stat--active .brokerage-overview__icon { color: #059669; }
.brokerage-overview__stat--active .brokerage-overview__icon { border: 1px solid #05966917; background: #05966912; }
.brokerage-overview__stat--committed strong, .brokerage-overview__stat--committed .brokerage-overview__icon { color: #2563eb; }
.brokerage-overview__stat--committed .brokerage-overview__icon { border: 1px solid #d2e0ff; background: #e6eeff; }
.brokerage-overview__stat--investors strong, .brokerage-overview__stat--investors .brokerage-overview__icon { color: #d97706; }
.brokerage-overview__stat--investors .brokerage-overview__icon { border: 1px solid #d9770647; background: #d9770614; }
.brokerage-overview__stat--countdown strong, .brokerage-overview__stat--countdown .brokerage-overview__icon { color: #b90000; }
.brokerage-overview__stat--countdown .brokerage-overview__icon { border: 1px solid #b900002e; background: #b9000014; }
.brokerage-overview__features { display: flex; flex-direction: column; justify-content: center; gap: 16px; }
.brokerage-overview__features > strong { display: block; padding: 11px; font-size: 18px; }
@media (max-width: 1100px) {
    .brokerage-overview__grid { grid-template-columns: 1fr 1fr; }
    .brokerage-overview__round { grid-column: span 2; grid-row: 2; }
}
@media (max-width: 680px) {
    .brokerage-overview { padding: 38px 16px; }
    .brokerage-overview p { font-size: 14px; line-height: 1.5; }
    .brokerage-overview__grid { grid-template-columns: 1fr; gap: 18px; margin-top: 40px; }
    .brokerage-overview__round { grid-column: auto; grid-row: auto; }
    .brokerage-overview__frame { min-height: 0; }
    .brokerage-overview__panel { padding: 20px; }
    .brokerage-overview__features { gap: 12px; }
}


/* Source: wwwroot/funding-rounds/funding-rounds.css */
.funding-design { --primary-theme-color:#5f41fb;--funding-text:#323232;--funding-muted:#4b4b4b;--funding-border:#e3e9f4;--funding-light:#f7f8fb;--funding-green:#009966;--fr-purple:#6840ff;--fr-orange:#e98200;--fr-green:#00a873; }
@scope (.funding-design) {
.funding-section {
    width: 100%;
    margin: 0 0 25px;
    background: #fff;
    color: var(--funding-text);
    font-family: "Inter", sans-serif;
    font-size: 14px;
    line-height: 1.5;
}

.funding-section h1,
.funding-section h2,
.funding-section h3 {
    margin: 0;
}



.funding-section button,
.funding-section input {
    font-family: inherit;
}

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

.funding-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 31px;
}

.funding-heading {
    display: flex;
    align-items: center;
    gap: 17px;
    min-width: 0;
}

.funding-heading-icon {
    width: 60px;
    height: 60px;
    flex: 0 0 60px;
    border-radius: 15px;
    background: #f0efff;
    display: flex;
    color:#5f41fb;
    align-items: center;
    justify-content: center;
}

.funding-heading-icon .icon-space {
    width: 38px;
    height: 38px;
}

.funding-heading h1 {
    font-size: 30px;
    
    font-weight: 600;
    letter-spacing: .5px;
    line-height: 1;
    color: #323232;
}

.funding-heading p {
    margin-top: 10px;
    color: var(--funding-muted);
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
}

.funding-status {
    text-align: right;
    flex-shrink: 0;
    padding-top: 1px;
}

.funding-status-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 44px;
    padding: 8px 21px;
    border: 1px solid #c9f1df;
    border-radius: 30px;
    background: #effbf5;
    color: #008d60;
    font-size: 14px;
    font-weight: 600;
    white-space: nowrap;
}

.funding-status-dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #07976b;
    flex-shrink: 0;
}

.funding-status p {
    margin-top: 4px;
    padding-right: 13px;
    font-size: 14px;
    font-weight: 500;
    color: #333;
}

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

.funding-layout {
    --bs-gutter-x: 16px;
    --bs-gutter-y: 16px;
    align-items: stretch;
}

.funding-panel {
    height: 100%;
    min-width: 0;
    border: 1px solid var(--funding-border);
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 5px 22px rgba(35, 52, 90, 0.025);
}

/* =========================
   LEFT: ROUND DETAILS
========================= */

.funding-round-panel {
    padding: 26px 29px 26px;
}

.round-topline {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
}

.round-main-content {
    min-width: 0;
    flex: 1;
}

.round-active-badge {
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    padding: 4px 18px;
    line-height: 1;
    border-radius: 20px;
    background: #efedff;
    color: var(--primary-theme-color);
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .25px;
}

.round-main-content h2 {
    margin-top: 17px;
    font-size: 28px;
    font-weight: 700;
    line-height: 1;
    color: #333;
}

.round-description {
    margin-top: 13px !important;
    color: #4b4b4b;
    font-size: 16px;
    line-height: 1.52;
    font-weight: 400;
}

.round-closing {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 17px;
    flex: 0 0 175px;
    min-height: 73px;
    margin-top: 11px;
    padding-left: 28px;
    border-left: 1px solid #e2e8f2;
}

.round-closing-icon {
    width: 50px;
    height: 50px;
    flex: 0 0 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 13px;
    background: #f0efff;
    color:#5f41fb;
}

.icon-space {
    display: inline-block;
    flex: 0 0 auto;
}

.round-closing-label {
    color: #586786;
    font-size: 14px;
    line-height: 1.4;
}

.round-closing strong {
    display: block;
    margin-top: 2px;
    color: #333;
    font-size: 17px;
    line-height: 1.4;
    font-weight: 700;
    white-space: nowrap;
}

.round-closing small {
    display: block;
    margin-top: 5px;
    color: #3d4b67;
    font-size: 12px;
    line-height: 1.4;
    white-space: nowrap;
}

/* =========================
   RAISED PROGRESS
========================= */

.funding-progress-card {
    margin-top: 34px;
    padding: 27px 29px 26px;
    border: 1px solid #e3e8f2;
    border-radius: 14px;
    background: linear-gradient(115deg, #fafbfc 0%, #f7f8fb 100%);
    line-height: 1;
}

.funding-progress-stats {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
}

.funding-progress-stat {
    min-width: 0;
}

.funding-progress-stat:nth-child(2) {
    text-align: center;
}

.funding-progress-stat:nth-child(3) {
    text-align: right;
}

.funding-progress-stat strong {
    display: block;
    
    color: #5f41fb;
    font-size: 20px;
    line-height: 1;
    font-weight: 700;
    white-space: nowrap;
}

.funding-progress-stat span {
    display: block;
    margin-top: 10px;
    line-height: 1;
    color: #4b4b4b;
    font-size: 14px;
    font-weight: 600;
}

.funding-progress-track {
    height: 15px;
    width: 100%;
    overflow: hidden;
    margin-top: 21px;
    border-radius: 20px;
    background: #dfe4ed;
}

.funding-progress-fill {
    width: 34.5%;
    height: 100%;
    border-radius: inherit;
    background: repeating-linear-gradient(
        130deg,
        #6041ff 0,
        #6041ff 10px,
        #684cff 10px,
        #684cff 17px
    );
    box-shadow: inset 0 1px 2px rgba(255,255,255,.15);
}

.funding-progress-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: 10px;
    color: #4b4b4b;
    font-size: 14px;
    font-weight: 600;
}

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

.funding-summary-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 16px;
    margin-top: 26px;
}

.funding-summary-card {
    display: flex;
    align-items: flex-start;
    gap: 17px;
    padding: 20px;
    border: 1px solid #e7ecf5;
    border-radius: 15px;
    background: #fff;
    line-height: 1;
}

.funding-summary-icon {
    width: 66px;
    height: 66px;
    flex: 0 0 66px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #f2f0ff;
    color: #5f41fb;
}

.funding-summary-icon.green {
    background: #effaf5;
    color: #008f4f;
}

.funding-summary-icon.blue {
    background: #f0f5ff;
    color: #0647c7;
}

.funding-summary-content {
    min-width: 0;
    padding-top: 3px;
}

.funding-summary-label {
    display: block;
    
    color: #4b4b4b;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    white-space: nowrap;
}

.funding-summary-content strong {
    display: block;
    margin-top: 3px;
    color: #333;
    font-size: 18px;
    line-height: 1;
    margin: 10px 0;
    font-weight: 800;
}

.funding-summary-content small {
    display: block;
   color: #4b4b4b;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    white-space: nowrap;
}

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

.funding-trust-grid {
    display: grid;
    grid-template-columns: 1.08fr 1.15fr 1.05fr 1fr;
    align-items: center;
    margin-top: 34px;
}

.funding-trust-item {
    display: flex;
    align-items: center;
    gap: 13px;
    min-width: 0;
    padding: 0 13px;
    border-right: 1px solid #e0e6f0;
}

.funding-trust-item:first-child {
    padding-left: 0;
}

.funding-trust-item:last-child {
    padding-right: 0;
    border-right: 0;
}

.funding-trust-icon {
    width: 53px;
    height: 53px;
    flex: 0 0 53px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #f5f7fa;
}

.funding-trust-content {
    min-width: 0;
}

.funding-trust-content strong {
    display: block;
    color: #111d40;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.45;
    white-space: nowrap;
}

.funding-trust-content small {
    display: block;
    margin-top: 4px;
    color: #7a89a5;
    font-size: 12px;
    line-height: 1.4;
    white-space: nowrap;
}

/* =========================
   RIGHT: COMMITMENT PANEL
========================= */

.funding-commitment-panel {
    padding: 24px 29px 26px;
}

.commitment-heading {
    display: flex;
    align-items: flex-start;
    gap: 17px;
}

.commitment-heading-icon {
    width: 42px;
    height: 46px;
    flex: 0 0 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    background: #f2f0ff;
    
    color: #5f41fb;
}

.commitment-heading h2 {
    
    font-size: 20px;
    font-weight: 700;
    line-height: 1;
    color: #333;
}

.commitment-heading p {
    margin-top: 10px;
    color: var(--funding-muted);
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
}

.commitment-form {
    margin-top: 26px;
}

.commitment-form label {
    display: block;
    margin-bottom: 5px;
    color: #333;
    font-size: 14px;
    font-weight: 500;
    padding: 0;
}

.commitment-input-wrap {
    display: flex;
    align-items: stretch;
    width: 100%;
    height: 61px;
    overflow: hidden;
    border: 1px solid #d9e1ef;
    border-radius: 12px;
    background: #fff;
}

.commitment-currency {
    width: 48px;
    flex: 0 0 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-right: 1px solid #e0e6f0;
    background: #f7f8fb;
    color: #1c2946;
    font-size: 23px;
    font-weight: 600;
}

.commitment-input-wrap input {
    display: block;
    width: 100%;
    min-width: 0;
    padding: 0 16px;
    outline: 0;
    border: 0;
    background: transparent;
    color: #111426;
    font-size: 24px;
    font-weight: 700;
}

.commitment-input-wrap input:focus {
    box-shadow: inset 0 0 0 1px var(--primary-theme-color);
}

.commitment-stepper {
    width: 51px;
    flex: 0 0 51px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0;
    border-left: 1px solid #dfe5ef;
}

.commitment-stepper button {
    width: 100%;
    height: 29px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 0;
    background: #fff;
    color: #7182a3;
    font-size: 18px;
    line-height: 1;
    cursor: pointer;
}

.commitment-stepper button:hover {
    color: var(--primary-theme-color);
    background: #f8f7ff;
}

.commitment-presets {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin-top: 14px;
}

.commitment-preset {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 0;
    min-height: 53px;
    padding: 10px 4px;
    border: 1px solid transparent;
    border-radius: 12px;
    background: #f3f4f8;
    color: #405071;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: background .18s ease, color .18s ease;
}

.commitment-preset:hover {
    border-color: #d8d0ff;
    color: var(--primary-theme-color);
    background: #f4f1ff;
}

.commitment-preset.active {
    border-color: var(--primary-theme-color);
    background: var(--primary-theme-color);
    color: #fff;
    box-shadow: 0 4px 10px rgba(95, 65, 251, .15);
}

.commitment-divider {
    height: 1px;
    margin: 20px 0;
    border: 0;
    background: #a2abbd;
}

/* =========================
   CALCULATIONS
========================= */

.commitment-calculations {
    padding: 7px 17px;
    border-radius: 12px;
    background: linear-gradient(110deg, #f7f8fa, #f5f7fa);
}

.commitment-calculation-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 78px;
    padding: 11px 0;
    border-bottom: 1px solid #e4eaf3;
}

.commitment-calculation-row:last-child {
    border-bottom: 0;
}

.commitment-calculation-info {
    display: flex;
    align-items: center;
    gap: 19px;
    min-width: 0;
}

.commitment-calculation-icon {
    width: 49px;
    height: 47px;
    flex: 0 0 49px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: #edf0ff;
    color: #5f41fb;
}

.commitment-calculation-info strong {
    display: block;
    color: #333;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.45;
    white-space: nowrap;
}

.commitment-calculation-info small {
    display: block;
    margin-top: 4px;
    color: #71809d;
    font-size: 13px;
    line-height: 1.35;
    white-space: nowrap;
}

.commitment-calculation-value {
    flex-shrink: 0;
    color: #11152b;
    font-size: 18px;
    line-height: 1;
    font-weight: 800;
    white-space: nowrap;
}

.commitment-calculation-value.green {
    color: #00965f;
}

.commitment-calculation-value.purple {
    color: var(--primary-theme-color);
}

/* =========================
   SUBMIT BUTTON
========================= */

.commitment-submit {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    width: 100%;
    min-height: 65px;
    margin-top: 20px;
    padding: 13px 18px;
    border: 1px solid var(--primary-theme-color);
    border-radius: 13px;
    background: var(--primary-theme-color);
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.4;
    text-align: center;
    box-shadow: 0 5px 12px rgba(95, 65, 251, .13);
    cursor: pointer;
    transition: background .2s ease, transform .2s ease;
}

.commitment-submit:hover {
    background: #4d31e8;
    transform: translateY(-1px);
}

.commitment-submit:active {
    transform: translateY(0);
}

.commitment-submit .icon-space {
    width: 24px;
    height: 24px;
}

.commitment-security {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-top: 17px;
    color: #7887a4;
    font-size: 12px;
    line-height: 1.5;
    text-align: center;
}

.commitment-security .icon-space {
    width: 16px;
    height: 16px;
}

/* =========================
   ICON PLACEHOLDERS
   Add your own icons here
========================= */

.funding-section .icon-space {
    overflow: hidden;
}

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

@media (max-width: 1399.98px) {
    .funding-section {
        padding-right: 24px;
        padding-left: 24px;
    }

    .funding-round-panel {
        padding: 24px;
    }

    .funding-commitment-panel {
        padding: 23px;
    }

    .round-topline {
        flex-wrap: wrap;
    }

    .round-closing {
        flex-basis: auto;
        padding-left: 18px;
    }

    .round-main-content h2 {
        font-size: 39px;
    }

    .round-description {
        font-size: 16px;
    }

    .funding-summary-card {
        gap: 12px;
        padding: 13px;
    }

    .funding-summary-icon {
        width: 53px;
        height: 53px;
        flex-basis: 53px;
        
    }

    .funding-summary-content strong {
        font-size: 18px;
    }

    .funding-summary-label {
        font-size: 13px;
    }

    .funding-summary-content small {
        font-size: 12px;
        white-space: normal;
    }

    .funding-trust-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        row-gap: 20px;
    }

    .funding-trust-item:nth-child(2) {
        border-right: 0;
    }

    .funding-trust-item:nth-child(3) {
        padding-left: 0;
    }
}

@media (max-width: 991.98px) {
    .funding-section {
        padding: 22px 20px;
    }

    .funding-header {
        margin-bottom: 24px;
    }

    .funding-heading-icon {
        width: 58px;
        height: 58px;
        flex-basis: 58px;
    }

    .funding-heading h1 {
        font-size: 30px;
    }

    .funding-heading p {
        font-size: 14px;
    }

    .funding-status-badge {
        min-height: 36px;
        padding: 7px 12px;
        font-size: 13px;
    }

    .funding-status p {
        font-size: 12px;
        padding-right: 0;
    }

    .round-topline {
        flex-wrap: nowrap;
    }

    .round-main-content h2 {
        font-size: 34px;
    }

    .round-closing {
        gap: 10px;
    }

    .round-closing-icon {
        width: 42px;
        height: 42px;
        flex-basis: 42px;
    }

    .round-closing strong {
        font-size: 14px;
    }

    .round-closing small {
        font-size: 10px;
        white-space: normal;
    }

    .funding-progress-stat strong {
        font-size: 21px;
    }

    .funding-progress-stat span {
        font-size: 13px;
    }

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

    .funding-summary-card {
        min-height: 90px;
        align-items: center;
        padding: 14px 18px;
    }

    .funding-summary-content {
        padding-top: 0;
    }

    .funding-summary-content small {
        margin-top: 4px;
    }

    .funding-commitment-panel {
        padding: 24px;
    }
}

@media (max-width: 575.98px) {
    .funding-section {
        padding: 17px 12px;
    }

    .funding-header {
        align-items: flex-start;
        gap: 12px;
        margin-bottom: 18px;
        flex-direction:column;
    }

    .funding-heading {
        gap: 10px;
    }

    .funding-heading-icon {
        width: 43px;
        height: 43px;
        flex-basis: 43px;
        border-radius: 11px;
    }

    .funding-heading h1 {
        font-size: 22px;
        letter-spacing: -.7px;
    }

    .funding-heading p {
        font-size: 11px;
        line-height: 1.4;
    }

    .funding-status-badge {
        gap: 5px;
        min-height: 30px;
        padding: 5px 8px;
        font-size: 10px;
    }

    .funding-status-dot {
        width: 7px;
        height: 7px;
    }

    .funding-status p {
        font-size: 10px;
    }

    .funding-round-panel,
    .funding-commitment-panel {
        padding: 18px 15px;
    }

    .round-topline {
        flex-direction: column;
        gap: 18px;
    }

    .round-active-badge {
        min-height: 26px;
        padding: 4px 12px;
        font-size: 12px;
    }

    .round-main-content h2 {
        margin-top: 12px;
        font-size: 30px;
        letter-spacing: -1px;
    }

    .round-description {
        margin-top: 10px !important;
        font-size: 14px;
        line-height: 1.6;
    }

    .round-closing {
        width: 100%;
        min-height: 52px;
        padding-left: 0;
        border-left: 0;
        border-top: 1px solid #e2e8f2;
        padding-top: 14px;
        margin-top: 0;
    }

    .funding-progress-card {
        margin-top: 20px;
        padding: 17px 14px;
    }

    .funding-progress-stats {
        gap: 15px;
        flex-direction: column;
    }

    .funding-progress-stat strong {
        font-size: 15px;
        white-space: normal;
    }
    .funding-progress-stat:nth-child(3){
        text-align:left;
    }

    .funding-progress-stat span {
        font-size: 11px;
    }

    .funding-progress-track {
        height: 14px;
        margin-top: 15px;
    }

    .funding-progress-footer {
        font-size: 10px;
    }

    .funding-summary-grid {
        gap: 10px;
        margin-top: 16px;
    }

    .funding-summary-card {
        min-height: 83px;
        gap: 12px;
        padding: 11px 12px;
    }

    .funding-summary-icon {
        width: 46px;
        height: 46px;
        flex-basis: 46px;
    }

    .funding-summary-label {
        font-size: 12px;
    }

    .funding-summary-content strong {
        font-size: 17px;
    }

    .funding-summary-content small {
        font-size: 11px;
    }

    .funding-trust-grid {
        grid-template-columns: 1fr 1fr;
        gap: 17px 8px;
        margin-top: 22px;
    }

    .funding-trust-item {
        gap: 8px;
        padding: 0 5px;
        border-right: 0;
    }

    .funding-trust-item:nth-child(odd) {
        padding-left: 0;
    }

    .funding-trust-icon {
        width: 38px;
        height: 38px;
        flex-basis: 38px;
    }

    .funding-trust-content strong {
        font-size: 11px;
        white-space: normal;
    }

    .funding-trust-content small {
        font-size: 9px;
        white-space: normal;
    }

    .commitment-heading {
        gap: 11px;
    }

    .commitment-heading h2 {
        font-size: 18px;
    }

    .commitment-heading p {
        font-size: 12px;
    }

    .commitment-form {
        margin-top: 20px;
    }

    .commitment-form label {
        font-size: 13px;
    }

    .commitment-input-wrap {
        height: 52px;
    }

    .commitment-input-wrap input {
        font-size: 20px;
        padding: 0 10px;
    }

    .commitment-presets {
        gap: 7px;
    }

    .commitment-preset {
        min-height: 43px;
        font-size: 13px;
    }

    .commitment-divider {
        margin: 16px 0;
    }

    .commitment-calculations {
        padding: 6px 10px;
    }

    .commitment-calculation-row {
        min-height: 68px;
        gap: 6px;
    }

    .commitment-calculation-info {
        gap: 9px;
    }

    .commitment-calculation-icon {
        width: 37px;
        height: 37px;
        flex-basis: 37px;
        
    }

    .commitment-calculation-info strong {
        font-size: 11px;
        white-space: normal;
    }

    .commitment-calculation-info small {
        font-size: 10px;
        white-space: normal;
    }

    .commitment-calculation-value {
        font-size: 15px;
    }

    .commitment-submit {
        min-height: 54px;
        margin-top: 15px;
        gap: 8px;
        padding: 11px;
        font-size: 14px;
    }

    .commitment-security {
        align-items: flex-start;
        font-size: 10px;
    }
}

/* ROUND LIST */

.fr-round-list {
    display: flex;
    flex-direction: column;
    gap: 19px;
}

.fr-round-card {
    position: relative;
    width: 100%;
    min-width: 0;
    border: 1px solid var(--funding-border);
    border-radius: 15px;
    overflow: hidden;
    padding: 20px;
}



/* ROUND BACKGROUNDS */

.fr-series-a {
    border-color: #eeebff;
    background: linear-gradient(110deg, #faf9ff 0%, #f6f4ff 100%);
}

.fr-series-a::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 155px;
    height: 100%;
    pointer-events: none;
    opacity: .35;
    background: repeating-linear-gradient(
        48deg,
        transparent 0,
        transparent 12px,
        rgba(116, 92, 255, .06) 12px,
        rgba(116, 92, 255, .06) 14px
    );
    clip-path: polygon(0 0, 100% 0, 100% 100%);
}

.fr-series-b {
    border-color: #fff0e2;
    background: linear-gradient(110deg, #fffbf7 0%, #fff9f4 100%);
}

.fr-seed-round {
    border-color: #e1f4ed;
    background: linear-gradient(110deg, #f8fcfa 0%, #f5fbf8 100%);
}

/* ILLUSTRATION PLACEHOLDERS */


.fr-round-visual {
    width: 100px;
    height: 115px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}

.fr-illustration-space {
    display: block;
    width: 100%;
    height: 100%;
}

.fr-visual-purple {
    color: var(--fr-purple);
}

.fr-visual-orange {
    color: var(--fr-orange);
}

.fr-visual-green {
    color: var(--fr-green);
}

/* ROUND DESCRIPTION */


.fr-badge {
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    padding: 4px 18px;
    line-height: 1;
    border-radius: 20px;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: .25px;
}

.fr-badge-purple {
    color: var(--primary-theme-color);
    background: #e7e1ff;
}

.fr-badge-orange {
    color: #b54f00;
    background: #ffead3;
}

.fr-badge-green {
    color: #008454;
    background: #d6f4e7;
}

.fr-description-col h2 {
    margin-top: 17px;
    font-size: 28px;
    font-weight: 700;
    line-height: 1;
    color: #333;
}

.fr-description-col h2 span {
    font-size: 18px;
}

.fr-description-col p {
    margin-top: 13px !important;
    color: #4b4b4b;
    font-size: 16px;
    line-height: 1.52;
    font-weight: 400;
}

/* METRICS */


.fr-metric-label {
    display: block;
    color: #4b4b4b;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    white-space: nowrap;
}

.fr-metric-value {
    display: block;
    margin-top: 3px;
    color: #333;
    font-size: 18px;
    line-height: 1;
    margin: 10px 0;
    font-weight: 700;
    white-space: nowrap;
}

.fr-metric-value small {
    font-size: 14px;
    font-weight: 600;
    letter-spacing: -.2px;
}

.fr-metric-subtitle {
    display: block;
    color: #4b4b4b;
    font-size: 14px;
    font-weight: 500;
    white-space: nowrap;
}



/* INLINE PROGRESS */

.fr-progress-inline {
    display: flex;
    align-items: center;
    gap: 12px;
    width: calc(100% + 220px);
    margin-top: 19px;
}

.fr-progress-inline > strong,
.fr-seed-progress > strong {
    flex: 0 0 auto;
    color: #10162e;
    font-size: 15px;
    font-weight: 700;
}

.fr-progress-track {
    width: 100%;
    height: 18px;
    overflow: hidden;
    border-radius: 20px;
    background: #dfe4ed;
}

.fr-progress-fill {
    height: 100%;
    border-radius: inherit;
}

.fr-progress-purple {
    background: repeating-linear-gradient(
        130deg,
        #6040ff 0,
        #6040ff 9px,
        #704fff 9px,
        #704fff 15px
    );
}

.fr-progress-green {
    background: repeating-linear-gradient(
        130deg,
        #009963 0,
        #009963 10px,
        #0aa974 10px,
        #0aa974 16px
    );
}

/* CLOSING DATE */
.fr-closing-col{
    text-align:center;

}
    .fr-closing-col .fr-closing-icon{
        color:var(--primary-theme-color);
    }
    .fr-closing-col.fr-seed-closing .fr-closing-icon {
        color: #009963;
    }
    .fr-closing-icon {
        width: 34px;
        height: 36px;
        flex: 0 0 34px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: auto;
    }

.fr-closing-icon .fr-icon-space {
    width: 31px;
    height: 31px;
}

.fr-closing-content {
    min-width: 0;
}

.fr-closing-content strong {
    display: block;
    margin-top: 6px;
    color: #10152d;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.4;
    white-space: nowrap;
}

    .fr-closing-content small {
        display: block;
        color: #4b4b4b;
        font-size: 14px;
        font-weight: 500;
        line-height: 1;
        white-space: nowrap;
    }

/* ACTIONS */



.fr-action-primary {
    background: var(--primary-theme-color);
    color: #fff;
    box-shadow: 0 4px 12px rgba(95, 65, 251, .12);
    line-height: 1;
    padding: 11px 15px;
    font-size: 15px;
    font-weight: 500;
}

.fr-action-primary:hover {
    background: #4e30ee;
    box-shadow: 0 6px 15px rgba(95, 65, 251, .2);
}

/* SERIES B */



.fr-series-b-target {
    flex: 0 0 17%;
    width: 17%;
    max-width: 17%;
}

.fr-schedule-col {
    flex: 0 0 20%;
    width: 20%;
    max-width: 20%;
}
.fr-inline-detail {
    display: flex;
    align-items: center;
    gap: 13px;
    margin-top: 13px;
}

.fr-inline-icon {
    width: 34px;
    height: 35px;
    flex: 0 0 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ff8517;
}

.fr-inline-icon .fr-icon-space {
    width: 31px;
    height: 31px;
}

.fr-ticket-icon {
    color: #ff8517;
}

.fr-inline-detail strong {
    color: #151a34;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.5;
    white-space: nowrap;
}

.fr-action-register {
    padding: 7px 17px;
    border-color: #f0ebff;
    background: #f5f2ff;
    color: #4e2aff;
    display: flex;
    align-items: center;
    gap: 10px;
    line-height:1;
}

.fr-register-icon {
    width: 30px;
    height: 30px;
    flex: 0 0 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.fr-register-icon .fr-icon-space {
    width: 26px;
    height: 26px;
}

.fr-register-text {
    flex: 1 1 auto;
    font-size: 15px;
}

.fr-register-arrow {
    flex: 0 0 auto;
    color: #8c7bff;
    font-size: 23px;
    font-weight: 400;
}

/* SEED ROUND */



.fr-seed-raised {
    flex: 0 0 14%;
    width: 14%;
    max-width: 14%;
}

.fr-seed-target {
    flex: 0 0 13%;
    width: 13%;
    max-width: 13%;
}

.fr-seed-investors {
    flex: 0 0 14%;
    width: 14%;
    max-width: 14%;
}

.fr-green-value {
    color: #009760;
    font-size: 19px;
}


.fr-seed-closing .fr-closing-content strong {
    font-size: 14px;
}

.fr-completed-status {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding:7px 12px;
    background: #e5f7ef;
    color: #007e50;
    font-size: 12px;
    font-weight: 600;
}

.fr-completed-icon {
    width: 25px;
    height: 25px;
    flex: 0 0 25px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.fr-completed-icon .fr-icon-space {
    width: 24px;
    height: 24px;
}

.fr-seed-progress {
    position: absolute;
    z-index: 2;
    left: calc(123px + 27% + 24px);
    right: 25%;
    bottom: 29px;
    display: flex;
    align-items: center;
    gap: 14px;
    width: 50%;
}

.fr-seed-progress .fr-progress-track {
    height: 18px;
}

.fr-seed-progress .fr-progress-fill {
    width: 100%;
}

/* ICON SPACES */

.fr-icon-space {
    display: inline-block;
    flex: 0 0 auto;
    overflow: hidden;
}

/* TABLET */

@media (max-width: 1399.98px) {
    .funding-rounds-section {
        padding: 28px 22px;
    }

    .fr-header {
        margin: 0 8px 30px;
    }

    .fr-heading {
        gap: 15px;
    }

    .fr-heading-icon {
        width: 62px;
        height: 62px;
        flex-basis: 62px;
    }

    .fr-heading h1 {
        font-size: 31px;
    }

    .fr-heading p {
        font-size: 15px;
    }



    .fr-round-visual {
        width: 82px;
        height: 95px;
    }

   
  
    .fr-progress-inline {
        width: 100%;
    }

    .fr-series-b-target,
    .fr-schedule-col,
    .fr-ticket-col,
    .fr-seed-raised,
    .fr-seed-target,
    .fr-seed-investors,
    .fr-seed-closing {
        flex: 1 1 25%;
        width: auto;
        max-width: none;
    }

    .fr-seed-progress {
        left: 30px;
        right: 230px;
        bottom: 17px;
    }
}

/* MOBILE */

@media (max-width: 767.98px) {
    .funding-rounds-section {
        padding: 20px 13px;
    }

    .fr-header {
        align-items: flex-start;
        margin: 0 0 22px;
        gap: 12px;
    }

    .fr-heading {
        align-items: flex-start;
        gap: 11px;
    }

    .fr-heading-icon {
        width: 45px;
        height: 45px;
        flex-basis: 45px;
        border-radius: 11px;
    }

    .fr-heading-icon .fr-icon-space {
        width: 28px;
        height: 28px;
    }

    .fr-heading h1 {
        font-size: 23px;
        letter-spacing: -.6px;
    }

    .fr-heading p {
        font-size: 11px;
        line-height: 1.5;
    }

    .fr-round-count {
        min-width: auto;
        min-height: 37px;
        gap: 6px;
        padding: 6px 10px;
        font-size: 11px;
    }

    .fr-round-count .fr-icon-space {
        width: 18px;
        height: 18px;
    }

    .fr-count-arrow {
        font-size: 20px;
    }

    .fr-round-list {
        gap: 14px;
    }

    .fr-round-card {
        border-radius: 15px;
    }


   

    .fr-round-visual {
        width: 61px;
        height: 70px;
    }

    .fr-description-col {
        flex: 1 1 calc(100% - 67px);
        width: auto;
        max-width: none;
        padding: 0 0 0 8px;
    }

    .fr-badge {
        min-height: 24px;
        padding: 3px 9px;
        font-size: 10px;
    }

    .fr-description-col h2 {
        font-size: 18px;
        letter-spacing: -.4px;
        white-space: normal;
    }

    .fr-description-col h2 span {
        font-size: 13px;
    }

    .fr-description-col p {
        margin-top: 5px;
        font-size: 12px;
        line-height: 1.6;
    }

    .fr-metric-col,
    .fr-series-b-target,
    .fr-schedule-col,
    .fr-ticket-col,
    .fr-seed-raised,
    .fr-seed-target,
    .fr-seed-investors {
        flex: 1 1 42%;
        width: auto;
        max-width: none;
        min-height: 65px;
        padding: 10px 12px;
        border-left: 1px solid #e1e6f1;
    }

    .fr-metric-label {
        font-size: 11px;
        white-space: normal;
    }

    .fr-metric-value,
    .fr-raised-col .fr-metric-value,
    .fr-green-value {
        margin-top: 5px;
        font-size: 16px;
        white-space: normal;
        overflow-wrap: anywhere;
    }

    .fr-metric-value small,
    .fr-raised-col .fr-metric-value small {
        font-size: 11px;
    }

    .fr-metric-subtitle {
        font-size: 11px;
    }

    .fr-progress-inline {
        width: 100%;
        gap: 7px;
        margin-top: 10px;
    }

    .fr-progress-track,
    .fr-seed-progress .fr-progress-track {
        height: 12px;
    }

    .fr-progress-inline > strong,
    .fr-seed-progress > strong {
        font-size: 11px;
    }

    

    .fr-closing-icon {
        width: 27px;
        height: 29px;
        flex-basis: 27px;
    }

    .fr-closing-icon .fr-icon-space {
        width: 25px;
        height: 25px;
    }

    .fr-closing-content strong,
    .fr-seed-closing .fr-closing-content strong {
        font-size: 13px;
        white-space: normal;
    }

    .fr-closing-content small {
        font-size: 11px;
        white-space: normal;
    }

 

    .fr-action-button {
        min-height: 48px;
        padding: 10px 15px;
        font-size: 13px;
    }

 
    .fr-register-text {
        font-size: 13px;
    }

    .fr-inline-detail {
        align-items: flex-start;
        gap: 8px;
        margin-top: 9px;
    }

    .fr-inline-icon {
        width: 25px;
        height: 25px;
        flex-basis: 25px;
    }

    .fr-inline-icon .fr-icon-space {
        width: 24px;
        height: 24px;
    }

    .fr-inline-detail strong {
        font-size: 12px;
        white-space: normal;
        overflow-wrap: anywhere;
    }

    .fr-completed-status {
        justify-content: flex-start;
        padding: 10px 14px;
    }

 


    .fr-seed-progress {
        position: static;
        flex: 1 1 100%;
        width: 100%;
        margin-top: 0;
        gap: 10px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .fr-action-button {
        transition: none;
    }
}


}
.funding-design .funding-data-error { margin: 0 0 20px; padding: 12px 16px; border: 1px solid #fbd5a5; border-radius: 10px; background: #fff8eb; color: #92400e; }
.funding-design { margin-bottom: 64px; }
@media (max-width: 680px) { .funding-design { margin-bottom: 40px; } }




/* Source: wwwroot/three-year-model/model.css */
.three-year-model { --primary-theme-color: #5f41fb; --funding-muted: #535963; margin: 32px auto 44px; color: #333; font-family: "Plus Jakarta Sans", sans-serif; }
.three-year-model .dashboard { display: grid; gap: 28px; }
.three-year-model .brandline h2 { margin: 10px 0 0; font-size: clamp(26px, 2vw, 34px); font-weight: 700; line-height: 1.2; }
.three-year-model .brandline h2 span { color: #5f41fb; }
@scope (.three-year-model) {
.panel {
    background: rgba(255,255,255,.88);
    border: 1px solid rgba(228,234,255,.8);
    border-radius: 26px;
    padding: 30px;
    box-shadow: 0 16px 45px rgba(63,88,160,.06)
}

.topline {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 22px;
    margin-bottom:10px;
}
#scaleSlider{
    height:14px;
    padding:0;
}
.brandline {
    display: flex;
    gap: 18px
}

.iconbox {
    width: 66px;
    height: 66px;
    border-radius: 17px;
    background: linear-gradient(145deg, #f0edff, #f3f0ff);
    display: grid;
    place-items: center;
    color: var(--primary-theme-color);
    box-shadow: 0 8px 20px #5f41fb12;
    flex-shrink: 0
}

    .iconbox svg {
        width: 34px;
        height: 34px
    }

.eyebrow {
    display: inline-flex;
    padding: 8px 16px;
    line-height:1;
    border-radius: 99px;
    background: #efecff;
    color: var(--primary-theme-color);
    font-weight: 600;
    font-size: 14px;
    letter-spacing: .04em
}

.brandline h1 {
    font-size: 30px;
    font-weight: 600;
    letter-spacing: .5px;
    line-height: 1;
    color: #323232;
    margin-top: 10px;
}

.subtitle {
    margin-top: 10px;
    color: var(--funding-muted);
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
}

.multiplier {
    display: flex;
    align-items: center;
    gap: 18px;
    padding: 10px 15px;
    border: 1px solid #e8e4ff;
    border-radius: 10px;
    background: linear-gradient(120deg,#fff,#faf9ff);
    box-shadow: 0 12px 28px #5f41fb13;
    white-space: nowrap;
    line-height:1;
}

    .multiplier svg {
        color: var(--primary-theme-color);
        width: 25px;
        height: 25px
    }

    .multiplier strong {
        font-size: 21px;
        color: var(--primary-theme-color);
        letter-spacing: -.03em
    }

.slider-row {
    display: grid;
    grid-template-columns: 44px 1fr 44px;
    gap: 18px;
    align-items: center;
    margin: 0 0 32px
}

.stepper {
    height: 44px;
    width: 44px;
    border-radius: 50%;
    border: 1px solid #dce3ff;
    background: #eef1ff;
    color: #333;
    font-size: 29px;
    line-height: 1;
    cursor: pointer;
    display: grid;
    place-items: center;
    transition: .2s;
    padding: 0;
    font-weight: 300;
}

    .stepper:hover {
        background: var(--primary-theme-color);
        color: #fff;
        transform: scale(1.05)
    }

input[type=range]:not(.range-box input[type=range]) {
    width: 100%;
    appearance: none;
    height: 14px;
    border-radius: 30px;
    background: linear-gradient(to right,var(--primary-theme-color) 0%,var(--primary-theme-color) var(--progress,25%),#e8ecfa var(--progress,25%),#e8ecfa 100%);
    outline: none;
    cursor: grab
}

    input[type=range]:active {
        cursor: grabbing
    }

input[type=range]:not(.range-box input[type=range])::-webkit-slider-thumb {
    appearance: none;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: var(--primary-theme-color);
    border: 6px solid #fff;
    box-shadow: 0 4px 15px #5f41fb55
}

input[type=range]:not(.range-box input[type=range])::-moz-range-thumb {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: var(--primary-theme-color);
    border: 6px solid #fff;
    box-shadow: 0 4px 15px #5f41fb55
}

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

.year-card {
    --accent: #5f41fb;
    --tint: #eeebff;
    position: relative;
    overflow: hidden;
    padding: 30px;
    border: 1px solid #e6ebff;
    border-radius: 22px;
    background: linear-gradient(145deg,#fff 0%,#fff 65%,color-mix(in srgb,var(--accent) 4%,white) 100%);
    box-shadow: 0 10px 25px rgba(75,94,155,.04)
}

    .year-card::before {
        content: "";
        position: absolute;
        right: -30px;
        bottom: -75px;
        width: 65%;
        height: 180px;
        border-radius: 50%;
        background: var(--tint);
        filter: blur(2px);
        opacity: .6;
        pointer-events: none
    }
    .year-card::after {
        content: "";
        position: absolute;
        background-image: url('../images/model-year-1.png');
        width: 200px;
        background-size: contain;
        background-repeat: no-repeat;
        top: 0;
        right: 50px;
        height: 200px;
    }

    .year-card:nth-child(2)::after {
        background-image: url('../images/model-year-2.png');
    }
    .year-card:nth-child(3)::after {
        background-image: url('../images/model-year-3.png');
    }
        .year-head {
            position: relative;
            z-index: 1;
            display: flex;
            align-items: center;
            justify-content: space-between
        }

.year-label {
    padding: 8px 14px;
    border-radius: 10px;
    background: var(--tint);
    color: var(--accent);
    font-weight: 600;
    font-size: 14px;
    line-height:1;

}

.trend {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: #fff;
    color: var(--accent);
    border: 1px solid color-mix(in srgb,var(--accent) 20%,white);
    box-shadow: 0 5px 18px color-mix(in srgb,var(--accent) 18%,transparent);
    font-size: 30px;
    font-weight: 900
}

.revenue-label {
    position: relative;
    margin: 12px 0 2px;
    color: #333;
    opacity:.7;
    font-size: 16px;
    font-weight: 600;
    line-height:1;

}

.revenue {
    position: relative;
    margin: 0;
    color: var(--accent);
    font-size: 34px;
    line-height: 1;
    font-weight: 700;
    margin:15px 0;

}

.ebitda {
    position: relative;
    margin: 12px 0 2px;
    color: #333;
    opacity: .8;
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
}

.chart {
    position: absolute;
    right: 26px;
    bottom: 24px;
    width: 38%;
    height: 100px;
    display: flex;
    align-items: flex-end;
    gap: 8px;
    opacity: .72;
    pointer-events: none
}

.bar {
    flex: 1;
    max-width: 48px;
    border-radius: 5px 5px 2px 2px;
    background: linear-gradient(180deg,color-mix(in srgb,var(--accent) 85%,white),color-mix(in srgb,var(--accent) 12%,white));
    box-shadow: inset 1px 1px 0 #ffffffa8
}

    .bar:nth-child(1) {
        height: 42%
    }

    .bar:nth-child(2) {
        height: 70%
    }

    .bar:nth-child(3) {
        height: 100%
    }

.year-card:nth-child(2) {
    --accent: #12ad7a;
    --tint: #e0f8ee
}

.year-card:nth-child(3) {
    --accent: #ff932e;
    --tint: #fff0df
}

.lower-panel {
    padding: 25px 26px 22px;
    overflow: hidden;
    position: relative
}

.lower-heading {
    display: flex;
    align-items: center;
    gap: 18px;
    margin-bottom: 22px;
    position: relative
}

    .lower-heading h2 {
        font-size: 30px;
        font-weight: 600;
        letter-spacing: .5px;
        line-height: 1;
        color: #323232;
        margin-top: 10px;
    }
.panel.lower-panel{
    margin-top:30px;
}
.world-art {
    position: absolute;
    right: 8px;
    top: -5px;
    width: 36%;
    height: 95px;
    opacity: .32;
    pointer-events: none
}

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

.roadmap-card {
    --accent: #4386ff;
    --tint: #e8f1ff;
    position: relative;
    border: 1px solid #e5ebff;
    border-radius: 20px;
    padding: 20px 21px;
    background: linear-gradient(145deg,#fff 0%,#fff 75%,var(--tint) 100%);
    overflow: hidden
}

    .roadmap-card:after {
        content: "";
        position: absolute;
        width: 150px;
        height: 90px;
        right: -50px;
        bottom: -48px;
        border-radius: 50%;
        background: var(--tint)
    }

    .roadmap-card:nth-child(2) {
        --accent: #12ad7a;
        --tint: #e4f8ef
    }

    .roadmap-card:nth-child(3) {
        --accent: #4386ff;
        --tint: #eaf2ff
    }

    .roadmap-card:nth-child(4) {
        --accent: #8550ef;
        --tint: #f0e9ff
    }

.roadmap-top {
    display: flex;
    align-items: center;
    gap: 12px;
    position: relative;
    z-index: 1
}

.mini-icon {
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    border-radius: 13px;
    background: var(--tint);
    color: var(--accent);
    border: 1px solid color-mix(in srgb,var(--accent) 13%,white)
}

    .mini-icon svg {
        width: 25px;
        height: 25px
    }

.status {
    padding: 8px 13px;
    border-radius: 30px;
    background: #e1f8ed;
    color: #0ba975;
    font-size: 12px;
    font-weight: 600;
    line-height:1;
    letter-spacing: .02em;
    white-space: nowrap
}

    .status.blue {
        background: #e8f1ff;
        color: #397df2
    }

    .status.purple {
        background: #f0e8ff;
        color: #7c43ef
    }

.number {
    margin-left: auto;
    font-size: 130px;
    font-weight: 800;
    color: #c7d1ff2e;
    position: absolute;
    right: -30px;
    top: -40px;
    line-height: 1;
}

.roadmap-card h3 {
    position: relative;
    z-index: 1;
    font-size: 19px;
    margin: 13px 0 7px
}

.roadmap-card p {
    margin-top: 10px;
    color: var(--funding-muted);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom:0;
}

@media(max-width:1050px) {
    body {
        padding: 16px
    }

    .panel {
        padding: 22px
    }

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

    .multiplier {
        align-self: stretch;
        justify-content: flex-start
    }

    .projection-grid {
        gap: 14px
    }

    .year-card {
        padding: 24px 22px
    }

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

    .world-art {
        width: 30%
    }
}

@media(max-width:650px) {
    body {
        padding: 10px
    }

    .dashboard {
        gap: 14px
    }

    .panel {
        padding: 18px;
        border-radius: 20px
    }

    .brandline {
        align-items: flex-start;
        gap: 12px
    }

    .iconbox {
        width: 48px;
        height: 48px;
        border-radius: 13px
    }

        .iconbox svg {
            width: 27px;
            height: 27px
        }

    .eyebrow {
        font-size: 10px;
        padding: 7px 10px
    }

    h1 {
        font-size: 28px
    }

    .subtitle {
        font-size: 14px
    }

    .multiplier {
        padding: 13px 14px;
        gap: 10px;
        white-space: normal;
        flex-wrap: wrap
    }

        .multiplier strong {
            font-size: 18px
        }

    .slider-row {
        grid-template-columns: 36px 1fr 36px;
        gap: 10px;
        margin: 22px 0
    }

    .stepper {
        width: 36px;
        height: 36px;
        font-size: 21px
    }

    .projection-grid {
        grid-template-columns: 1fr
    }

    .year-card {
        min-height: 205px;
        padding: 23px
    }

    .revenue {
        font-size: 42px
    }

    .chart {
        width: 34%;
        height: 80px;
        right: 18px;
        bottom: 20px
    }

    .ebitda {
        font-size: 16px
    }

    .lower-panel {
        padding: 18px
    }

    .lower-heading {
        align-items: flex-start
    }

        .lower-heading .iconbox {
            width: 48px;
            height: 48px
        }

        .lower-heading h2 {
            font-size: 23px
        }

    .world-art {
        display: none
    }

    .roadmap-grid {
        grid-template-columns: 1fr;
        gap: 12px
    }

    .roadmap-card {
        min-height: 175px
    }

        .roadmap-card p {
            font-size: 15px
        }
}

@media(prefers-reduced-motion:reduce) {
    * {
        transition: none !important;
        scroll-behavior: auto !important
    }
}
}


/* Source: wwwroot/trading-funding/executive-summary.css */
.funding-executive-summary {
    position: relative;
    padding: 48px 24px 34px;
    overflow: hidden;
    background: #fff radial-gradient(#e9eaf2 1.5px, transparent 1.5px) 0 0 / 26px 26px;
    color: #323232;
    font-family: 'Plus Jakarta Sans', sans-serif;
}

.funding-executive-summary__inner { max-width: 1760px; margin: 0 auto; }
.funding-executive-summary__header { position: relative; min-height: 255px; padding: 8px 0 24px; }
.funding-executive-summary__copy { position: relative; z-index: 2; max-width: 1030px; }
.funding-executive-summary__eyebrow { display: inline-block; padding: 10px 22px; border-radius: 24px; background: #eeebff; color: #5f41fb; font-size: 16px; font-weight: 700; letter-spacing: 1px; line-height: 1.5; text-transform: uppercase; }
.funding-executive-summary h1 { margin: 15px 0 21px; font-size: clamp(29px, 2.2vw, 38px); font-weight: 600; line-height: 1.16; letter-spacing: .3px; }
.funding-executive-summary__copy p { max-width: 1040px; margin: 0; color: #4b4b4b; font-size: 18px; line-height: 1.7; }
.funding-executive-summary__pitch { position: absolute; z-index: 3; top: 82px; right: 0; display: inline-flex; align-items: center; gap: 12px; padding: 14px 22px; border-radius: 2px; background: #5f41fb; color: #fff; font-size: 16px; text-decoration: none; box-shadow: 0 8px 20px #5f41fb20; }
.funding-executive-summary__pitch:hover, .funding-executive-summary__pitch:focus { background: #4e32df; color: #fff; }
.funding-executive-summary__pitch i { font-size: 21px; }
.funding-executive-summary__chart { position: absolute; z-index: 0; top: 30px; right: 0; width: 39%; height: 275px; overflow: hidden; pointer-events: none; opacity: .8; mask-image: linear-gradient(90deg, transparent, #000 30%); }
.funding-executive-summary__chart svg { position: absolute; inset: 0; width: 100%; height: 100%; }
.funding-executive-summary__bars { position: absolute; right: 0; bottom: 0; display: flex; align-items: flex-end; justify-content: space-between; width: 93%; height: 210px; }
.funding-executive-summary__bars span { width: 6%; background: linear-gradient(#d8dfff, #e5e9ff16); }
.funding-executive-summary__bars span:nth-child(1) { height: 15%; }.funding-executive-summary__bars span:nth-child(2) { height: 23%; }.funding-executive-summary__bars span:nth-child(3) { height: 31%; }.funding-executive-summary__bars span:nth-child(4) { height: 40%; }.funding-executive-summary__bars span:nth-child(5) { height: 49%; }.funding-executive-summary__bars span:nth-child(6) { height: 58%; }.funding-executive-summary__bars span:nth-child(7) { height: 68%; }.funding-executive-summary__bars span:nth-child(8) { height: 78%; }.funding-executive-summary__bars span:nth-child(9) { height: 89%; }.funding-executive-summary__bars span:nth-child(10) { height: 100%; }
.funding-executive-summary__cards { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 26px 36px; scroll-margin-top: 110px; }
.funding-executive-summary__card { position: relative; display: flex; align-items: center; min-height: 170px; gap: 40px; padding: 28px 50px; overflow: hidden; border: 1px solid #e3e9f4; border-radius: 17px; background: #ffffffed; box-shadow: 0 4px 15px #253d6f05; }
.funding-executive-summary__card::before { position: absolute; top: 18px; bottom: 18px; left: 10px; width: 6px; border-radius: 10px; background: var(--thesis-accent); content: ''; }
.funding-executive-summary__card--blue { --thesis-accent: #5f41fb; --thesis-soft: #eef2ff; --thesis-number: #e9e3ff; }
.funding-executive-summary__card--green { --thesis-accent: #00a873; --thesis-soft: #e4fbf0; --thesis-number: #dcefe7; }
.funding-executive-summary__card--orange { --thesis-accent: #e98200; --thesis-soft: #fff7e3; --thesis-number: #ffedcb; }
.funding-executive-summary__card--purple { --thesis-accent: #8b24ff; --thesis-soft: #f5e9ff; --thesis-number: #f0e4fc; }
.funding-executive-summary__icon { display: grid; flex: 0 0 96px; height: 96px; place-items: center; border-radius: 27px; background: var(--thesis-soft); color: var(--thesis-accent); font-size: 47px; }
.funding-executive-summary__card > div { position: relative; z-index: 1; min-width: 0; }
.funding-executive-summary__card h2 { margin: 0 0 13px; font-size: 22px; font-weight: 700; line-height: 1.2; }
.funding-executive-summary__card p { margin: 0; color: #4b4b4b; font-size: 18px; line-height: 1.65; }
.funding-executive-summary__number { position: absolute; top: 19px; right: 34px; color: var(--thesis-number); font-size: 64px; font-weight: 700; line-height: 1; }
@media (max-width: 1100px) {
    .funding-executive-summary__copy { max-width: 720px; }
    .funding-executive-summary__pitch { top: 165px; }
    .funding-executive-summary__card { gap: 20px; padding: 24px 28px; }
    .funding-executive-summary__icon { flex-basis: 76px; height: 76px; font-size: 37px; }
    .funding-executive-summary__card h2 { font-size: 19px; }
    .funding-executive-summary__card p { font-size: 16px; }
}
@media (max-width: 760px) {
    .funding-executive-summary { padding: 36px 16px; }
    .funding-executive-summary__header { min-height: 0; padding-bottom: 30px; }
    .funding-executive-summary__copy p { font-size: 16px; }
    .funding-executive-summary__pitch { position: relative; top: auto; right: auto; margin-top: 22px; }
    .funding-executive-summary__chart { display: none; }
    .funding-executive-summary__cards { grid-template-columns: 1fr; gap: 16px; }
    .funding-executive-summary__card { min-height: 145px; padding: 24px 24px 24px 36px; }
    .funding-executive-summary__icon { flex-basis: 68px; height: 68px; font-size: 32px; border-radius: 18px; }
    .funding-executive-summary__number { top: 12px; right: 16px; font-size: 46px; }
}
@media (max-width: 460px) {
    .funding-executive-summary__card { align-items: flex-start; gap: 14px; }
    .funding-executive-summary__icon { flex-basis: 52px; height: 52px; font-size: 25px; }
    .funding-executive-summary__card h2 { padding-right: 32px; font-size: 18px; }
    .funding-executive-summary__card p { font-size: 14px; }
}


/* Source: wwwroot/trading-funding/valuation-track.css */
.valuation-track {
    padding: 26px 24px 64px;
    background: #fff radial-gradient(#e9eaf2 1.5px, transparent 1.5px) 0 0 / 26px 26px;
    color: #333;
    font-family: 'Plus Jakarta Sans', sans-serif;
}
.valuation-track__panel { max-width: 1760px; margin: auto; padding: 28px 32px 36px; border: 1px solid #e8edf8; background: #ffffffd9; box-shadow: 0 8px 36px #26395a0a; }
.valuation-track__header { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; margin-bottom: 32px; }
.valuation-track__eyebrow { display: inline-block; padding: 9px 20px; border-radius: 24px; background: #eeebff; color: #5f41fb; font-size: 14px; font-weight: 700; letter-spacing: .7px; text-transform: uppercase; }
.valuation-track h2 { margin: 12px 0 0; font-size: clamp(25px, 2vw, 33px); font-weight: 700; line-height: 1.25; }
.valuation-track__desk, .valuation-track__participate { display: inline-flex; align-items: center; justify-content: center; gap: 10px; padding: 13px 20px; border-radius: 3px; background: #5f41fb; color: white; font-size: 14px; font-weight: 700; text-decoration: none; }
.valuation-track__desk:hover, .valuation-track__participate:hover { background: #4d32db; color: white; }
.valuation-track__notice { padding: 12px 16px; border-radius: 8px; background: #fff5df; color: #8b5a00; }
.valuation-track__summary { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 18px; margin-bottom: 34px; }
.valuation-track__summary-card { display: flex; gap: 24px; min-height: 166px; padding: 22px 20px; border: 1px solid #e0e7f5; border-radius: 16px; background: #fff; box-shadow: 0 3px 12px #253d6f05; }
.valuation-track__summary-card--blue { --accent: #3473ff; --soft: #eaf0ff; }
.valuation-track__summary-card--green { --accent: #00a875; --soft: #e6f9f1; }
.valuation-track__summary-card--purple { --accent: #6944ff; --soft: #f1ecff; }
.valuation-track__summary-card--orange { --accent: #e88300; --soft: #fff3db; }
.valuation-track__icon { display: grid; flex: 0 0 68px; height: 68px; place-items: center; border-radius: 14px; background: var(--soft); color: var(--accent); font-size: 34px; }
.valuation-track__summary-card > div { display: flex; flex-direction: column; align-items: flex-start; min-width: 0; }
.valuation-track__summary-card span:not(.valuation-track__icon) { font-size: 13px; font-weight: 600; }
.valuation-track__summary-card strong { margin: 9px 0 14px; color: var(--accent); font-size: clamp(17px, 1.15vw, 22px); line-height: 1.25; overflow-wrap: anywhere; }
.valuation-track__summary-card small { padding: 7px 14px; border-radius: 20px; background: var(--soft); color: var(--accent); font-size: 11px; font-weight: 700; }
.valuation-track__rounds { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 18px; }
.valuation-track__round-card { min-height: 310px; padding: 28px 30px; border: 1px solid #e0e7f5; border-radius: 16px; background: #fff; }
.valuation-track__round-card--active { border-color: #6944ff; background: #fefcff; }
.valuation-track__round-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding-bottom: 16px; border-bottom: 1px solid #e3e7f1; color: #384363; font-size: 13px; font-weight: 700; text-transform: uppercase; }
.valuation-track__round-card--active .valuation-track__round-head { color: #5f41fb; }
.valuation-track__round-head small { padding: 9px 15px; border-radius: 20px; background: #eef1f5; color: #46516a; font-size: 10px; white-space: nowrap; }
.valuation-track__round-card--active .valuation-track__round-head small { background: #5f41fb; color: #fff; }
.valuation-track__round-card h3 { margin: 24px 0 8px; font-size: 23px; font-weight: 700; }
.valuation-track__round-card > strong { display: block; margin-bottom: 8px; font-size: 24px; }
.valuation-track__round-card p { margin: 0 0 14px; color: #535963; font-size: 14px; line-height: 1.7; }
.valuation-track__round-card hr { margin: 28px 0 22px; border-color: #dce2ed; opacity: 1; }
.valuation-track__progress { height: 18px; margin-top: 28px; overflow: hidden; border-radius: 20px; background: #e0e5ee; }
.valuation-track__progress span { display: block; height: 100%; border-radius: inherit; background: repeating-linear-gradient(125deg, #6944ff 0 10px, #7957ff 10px 20px); }
.valuation-track__percent { margin-top: 7px !important; color: #5f41fb !important; text-align: right; font-weight: 700; }
.valuation-track__participate { width: 100%; margin-top: 12px; }
@media (max-width: 1150px) { .valuation-track__summary { grid-template-columns: repeat(2, minmax(0, 1fr)); } .valuation-track__rounds { grid-template-columns: 1fr; } .valuation-track__round-card { min-height: 0; } }
@media (max-width: 650px) { .valuation-track { padding: 24px 14px 42px; } .valuation-track__panel { padding: 22px 16px; } .valuation-track__header { flex-direction: column; } .valuation-track__summary { grid-template-columns: 1fr; gap: 12px; } .valuation-track__summary-card { min-height: 130px; } .valuation-track__round-card { padding: 22px 18px; } }


/* Source: wwwroot/trading-markets/market-disruption.css */

.market-disruption * { box-sizing: border-box; }
.market-disruption .md-container { max-width: 1760px; margin: auto; }
.market-disruption .round-active-badge { display: inline-block; padding: 9px 20px; border-radius: 24px; background: #eeebff; color: #5f41fb; font-size: 14px; font-weight: 700; letter-spacing: .6px; }
.market-disruption .md-header h2 { margin: 15px 0 30px; font-size: clamp(28px, 2.2vw, 38px); font-weight: 700; line-height: 1.2; }
.market-disruption .md-highlight, .market-disruption .md-growth-header h2 span { color: #5f41fb; }
.market-disruption .md-comparison { position: relative; display: grid; grid-template-columns: 1fr 1fr; align-items: stretch; gap: 15%; }
.market-disruption .md-panel { min-width: 0; padding: 30px 34px; border: 1px solid; border-radius: 18px; }
.market-disruption .md-problems { border-color: #ffe1e5; background: linear-gradient(115deg,#fff5f6,#fffafa); }
.market-disruption .md-solutions { border-color: #d8f5e9; background: linear-gradient(115deg,#f3fcf8,#effbf6); }
.market-disruption .md-panel-heading h2 { margin: 0 0 14px; font-size: clamp(23px, 1.75vw, 32px); font-weight: 700; line-height: 1.18; }
.market-disruption .md-problems .md-panel-heading h2 span { color: #d8173e; }
.market-disruption .md-solutions .md-panel-heading h2 span { color: #099b61; }
.market-disruption .md-panel-heading p { margin: 0 0 24px; color: #535963; font-size: 16px; line-height: 1.7; }
.market-disruption .md-solution-badge { display: inline-block; margin: -10px 0 10px; padding: 6px 16px; border-radius: 20px; background: #00a66c; color: #fff; font-size: 12px; font-weight: 800; }
.market-disruption .md-list-item { display: grid; grid-template-columns: 48px 62px minmax(0,1fr); align-items: center; gap: 15px; padding: 24px 0; border-bottom: 1px solid #e4e7ec; }
.market-disruption .md-list-item:last-child { border-bottom: 0; }
.market-disruption .md-number, .market-disruption .md-item-icon { display: grid; place-items: center; border-radius: 50%; }
.market-disruption .md-number { width: 48px; height: 48px; background: #ffe8ec; color: #d8173e; font-weight: 800; }
.market-disruption .md-item-icon { width: 62px; height: 62px; background: #ffedf0; color: #d8173e; }
.market-disruption .md-solutions .md-number { background: #e3faef; color: #078b59; }
.market-disruption .md-solutions .md-item-icon { background: #e5f9f0; color: #099b61; }
.market-disruption .md-icon-placeholder, .market-disruption .md-icon-placeholder svg { display: block; width: 29px; height: 29px; }
.market-disruption .md-item-content h3 { margin: 0 0 10px; font-size: 18px; font-weight: 700; line-height: 1.3; }
.market-disruption .md-solutions .md-item-content h3 { color: #08775d; }
.market-disruption .md-item-content p { margin: 0; color: #535963; font-size: 15px; line-height: 1.7; }
.market-disruption .md-center-visual { position: absolute; z-index: 1; top: 10%; bottom: 0; left: 50%; display: flex; align-items: center; justify-content: center; width: 19%; transform: translateX(-50%); pointer-events: none; }
.market-disruption .md-center-image { display: block; max-width: 100%; max-height: 500px; object-fit: contain; filter: drop-shadow(0 12px 22px #5f41fb20); }
.market-disruption .md-transition-arrow { position: absolute; top: 50%; left: 50%; display: grid; width: 54px; height: 54px; place-items: center; border-radius: 50%; background: #fff; box-shadow: 0 5px 22px #282d641f; transform: translate(-50%,-50%); }
.market-disruption .md-transition-arrow span { width: 15px; height: 15px; border-top: 5px solid #5f41fb; border-right: 5px solid #5f41fb; transform: rotate(45deg); }
.market-disruption .md-growth { margin-top: 40px; padding: 28px; border: 1px solid #e0e7f5; border-radius: 18px; background: linear-gradient(115deg,#fbfcff,#f6f7ff,#fbfcff); }
.market-disruption .md-growth-header { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 22px; }
.market-disruption .md-growth-header h2 { margin: 0; font-size: clamp(23px,1.8vw,30px); font-weight: 700; }
.market-disruption .md-market-badge { display: inline-flex; align-items: center; gap: 10px; padding: 9px 16px; border: 1px solid #967fff; border-radius: 25px; background: #f6f3ff; color: #5f41fb; font-size: 13px; white-space: nowrap; }
.market-disruption .md-market-icon svg { width: 20px; height: 20px; }
.market-disruption .md-growth-card { display: grid; grid-template-columns: 38px 58px minmax(0,1fr); gap: 12px; height: 100%; padding: 18px; border: 1px solid #e0e7f5; border-radius: 15px; background: #fff; }
.market-disruption .md-growth-number, .market-disruption .md-growth-icon { display: grid; place-items: center; border-radius: 12px; background: #eef5ff; color: #1460ff; }
.market-disruption .md-growth-number { min-width: 38px; height: 38px; font-weight: 800; }
.market-disruption .md-growth-icon { width: 58px; height: 58px; }
.market-disruption .md-growth-card h3 { margin: 0 0 8px; font-size: 17px; font-weight: 700; }
.market-disruption .md-growth-card ul li, .market-disruption .md-growth-card p { margin: 0; color: #535963; font-size: 14px; line-height: 1.6; }
.market-disruption .md-growth-green .md-growth-icon, .market-disruption .md-growth-green .md-growth-number { color: #009c70; background: #eefaf6; }
.market-disruption .md-growth-purple .md-growth-icon, .market-disruption .md-growth-purple .md-growth-number { color: #613bff; background: #f2edff; }
.market-disruption .md-growth-orange .md-growth-icon, .market-disruption .md-growth-orange .md-growth-number { color: #e77a00; background: #fff8ed; }
.market-disruption .md-growth-pink .md-growth-icon, .market-disruption .md-growth-pink .md-growth-number { color: #e81761; background: #fff0f6; }
@media (max-width: 1100px) { .market-disruption .md-comparison { gap: 9%; } .market-disruption .md-panel { padding: 24px 20px; } .market-disruption .md-list-item { grid-template-columns: 36px 44px minmax(0,1fr); gap: 9px; } .market-disruption .md-number { width: 36px; height: 36px; } .market-disruption .md-item-icon { width: 44px; height: 44px; } .market-disruption .md-item-content h3 { font-size: 15px; } .market-disruption .md-item-content p { font-size: 13px; } }
@media (max-width: 760px) { .market-disruption { padding: 0; } .market-disruption .md-comparison { display: flex; flex-direction: column; gap: 18px; } .market-disruption .md-center-visual { position: relative; top: auto; bottom: auto; left: auto; width: 100%; height: 200px; transform: none; } .market-disruption .md-center-image { height: 100%; } .market-disruption .md-growth { padding: 0;border:0; } .market-disruption .md-growth-header { align-items: flex-start; flex-direction: column; } .market-disruption .md-market-badge { white-space: normal; } }


@media(max-width:575px) {
    .market-disruption .md-growth-card,
    .market-disruption .md-list-item {
        grid-template-columns: 1fr;
    }
}
/* Source: wwwroot/account-products/product-suite.css */
.business-model .nav-tabs .nav-link span {
    display: block;
    font-size: 11px;
    color: var(--funding-muted);
}
.asset-suite * { box-sizing: border-box; }
.asset-suite-container { max-width: 1760px; margin: auto; }
.asset-suite .asset-hero { margin-bottom: 28px; }
.asset-suite .asset-eyebrow { display: inline-block; padding: 9px 20px; border-radius: 22px; background: #efedff; color: #5f41fb; font-size: 14px; font-weight: 700; letter-spacing: .3px; }
.asset-suite .asset-hero h2 { margin: 14px 0 12px; color: #323232; font-size: clamp(28px,2.2vw,38px); font-weight: 700; line-height: 1.18; }
.asset-suite .asset-hero-content > p { max-width: 1000px; margin: 0; color: #535963; font-size: 17px; line-height: 1.7; }
.asset-suite .asset-instruments-banner { display: flex; align-items: center; gap: 24px; min-height: 106px; margin-bottom: 24px; padding: 20px; overflow: hidden; border: 1px solid #e0e7f5; border-radius: 16px; background: linear-gradient(105deg,#fff,#f9f8ff); }
.asset-suite .asset-banner-icon { display: grid; flex: 0 0 76px; width: 76px; height: 74px; place-items: center; border-radius: 15px; background: linear-gradient(140deg,#927bff,#5f41fb); color: #fff; }
.asset-suite .asset-banner-label { display: inline-block; padding: 5px 12px; border: 1px solid #e7dfff; border-radius: 13px; background: #f4f0ff; color: #5f41fb; font-size: 13px; font-weight: 700; }
.asset-suite .asset-banner-content h2 { margin: 12px 0 0; font-size: clamp(20px,1.8vw,29px); font-weight: 700; line-height: 1.2; }
.asset-suite .asset-banner-content h2 span { color: #5f41fb; }
.asset-suite .asset-banner-line { align-self: flex-end; flex: 1; height: 4px; margin: 0 7% 7px 0; border-radius: 10px; background: linear-gradient(90deg,#8d71ff,#d8d0ff,transparent); }
.asset-suite .asset-product-row { --bs-gutter-x: 20px; --bs-gutter-y: 20px; }
.asset-suite .asset-product-card { display: flex; flex-direction: column; height: 100%; padding: 24px; border: 1px solid #e0e7f5; border-radius: 16px; background: #fff; box-shadow: 0 10px 30px #2b437508; }
.asset-suite .asset-card-header { display: flex; align-items: center; justify-content: space-between; gap: 14px; }
.asset-suite .asset-card-title { display: flex; align-items: center; gap: 18px; min-width: 0; }
.asset-suite .asset-card-icon { display: grid; flex: 0 0 68px; width: 68px; height: 68px; place-items: center; border: 1px solid #c9f3e5; border-radius: 15px; background: #effbf7; color: #00a66c; }
.asset-suite .asset-institutional-card .asset-card-icon { border-color: #d0dfff; background: #eff4ff; color: #075aff; }
.asset-suite .asset-card-title h3 { margin: 0; font-size: clamp(20px,1.7vw,27px); font-weight: 700; line-height: 1.2; }
.asset-suite .asset-card-badge { padding: 8px 14px; border: 1px solid; border-radius: 22px; font-size: 12px; font-weight: 700; white-space: nowrap; }
.asset-suite .asset-retail-badge { border-color: #c8f3e2; background: #effcf7; color: #008e53; }
.asset-suite .asset-institutional-badge { border-color: #d0dfff; background: #eff4ff; color: #075aff; }
.asset-suite .asset-card-description { margin: 18px 0 0; color: #535963; font-size: 16px; line-height: 1.65; }
.asset-suite .asset-feature-tags { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 18px; }
.asset-suite .asset-feature-tags > span { display: inline-flex; align-items: center; gap: 9px; padding: 8px 13px; border: 1px solid #edf1f8; border-radius: 12px; background: linear-gradient(#f5f7fb,#f0f3f8); color: #152342; font-size: 13px; line-height: 1.3; }
.asset-suite .asset-feature-tags i { display: inline-block; width: 9px; height: 9px; border-radius: 50%; background: #5f41fb; }
.asset-suite .asset-institutional-card .asset-feature-tags i { background: #0750f6; }
.asset-suite .asset-benefits { position: relative; display: flex; flex-direction: column; gap: 13px; margin-top: 20px; padding: 18px 20px; border: 1px solid; border-radius: 15px; }
.asset-suite .asset-retail-benefits { border-color: #d2f4e5; background: linear-gradient(110deg,#f0fcf7,#eafbf4); }
.asset-suite .asset-institutional-benefits { border-color: #d9e3ff; background: linear-gradient(110deg,#f2f5ff,#edf1ff); }
.asset-suite .asset-benefit-item { display: flex; align-items: center; gap: 15px; }
.asset-suite .asset-check { display: grid; flex: 0 0 29px; width: 29px; height: 29px; place-items: center; border-radius: 50%; background: #00a66c; color: #fff; }
.asset-suite .asset-institutional-benefits .asset-check { background: #0750f6; }
.asset-suite .asset-benefit-item p { margin: 0; color: #535963; font-size: 15px; line-height: 1.5; }
.asset-suite .asset-benefits-visual { display: none; }
.asset-suite .asset-card-footer { margin-top: auto; padding-top: 18px; border-top: 1px solid #e4eaf5; color: #4e5f7f; font-size: 14px; line-height: 1.6; }
@media (max-width: 1199px) { .asset-suite .asset-card-header { align-items: flex-start; flex-direction: column; } .asset-suite .asset-card-badge { white-space: normal; } }
@media (max-width: 767px) {
    .asset-suite .asset-instruments-banner {
        gap: 14px;
        flex-direction: column;
        align-items: start;
    } .asset-suite .asset-banner-icon { flex-basis: 52px; width: 52px; height: 52px; } .asset-suite .asset-banner-icon svg { width: 28px; } .asset-suite .asset-banner-line { display: none; } .asset-suite .asset-product-card { padding: 18px; } .asset-suite .asset-feature-tags > span { white-space: normal; } }


/* Source: wwwroot/account-products/asset-details.css */
.account-product-details { --pm-text: #333; --funding-muted: #535963; --funding-border: #e0e7f5; --primary-theme-color: #5f41fb; margin: 28px auto 0; padding: 0 24px 60px; max-width: 1810px; color: #333; font-family: 'Plus Jakarta Sans', sans-serif; background: #fff radial-gradient(#e9eaf2 1.5px, transparent 1.5px) 0 0 / 26px 26px; }
.account-product-details .nav-tabs { display: flex; flex-wrap: wrap; gap: 6px; padding: 14px; border: 0; border-radius: 22px; background: #fff; box-shadow: 0 4px 24px #26395a12; }
.account-product-details .nav-item { flex: 1 1 225px; }
.account-product-details .nav-link { display: flex; align-items: center; gap: 12px; width: 100%; min-height: 100px; padding: 14px 18px; border: 0; border-radius: 16px; background: transparent; color: #333; text-align: left; font-size: 19px; line-height: 1.25; }
.account-product-details .nav-link svg { flex: 0 0 42px; width: 42px; height: 42px; stroke: #5f41fb; }
.account-product-details .nav-link span { display: block; margin-top: 8px; color: #535963; font-size: 13px; }
.account-product-details .nav-link:hover { background: #f4f1ff; }
.account-product-details .nav-link.active, .account-product-details .nav-link.active:hover { background: #5f41fb; color: #fff; }
.account-product-details .nav-link.active svg { stroke: #fff; }
.account-product-details .nav-link.active span { color: #fff; }
.account-product-details .tab-content { padding-top: 25px; }
.account-product-details .pm-heading { font-family: inherit; }
@media (max-width: 767px) { .account-product-details { padding: 0 14px 38px; } .account-product-details .nav-item { flex-basis: 165px; } .account-product-details .nav-link { min-height: 75px; padding: 10px; font-size: 15px; } .account-product-details .nav-link svg { flex-basis: 30px; width: 30px; height: 30px; } }
.pm-asset-nav {
    min-height: 95px;
    padding: 0 26px;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    gap: 8px;
    background: rgba(255, 255, 255, 0.94);
    border-bottom: 1px solid #e7ebf4;
}

.pm-nav-item {
    position: relative;
    display: flex;
    flex: 1 1 auto;
    align-items: center;
    justify-content: center;
    gap: 13px;
    padding: 15px 8px;
    color: var(--pm-text);
    white-space: nowrap;
}

.pm-nav-item:not(:last-child)::after {
    content: "";
    position: absolute;
    right: -3px;
    top: 34%;
    width: 1px;
    height: 32%;
    background: #e0e5f0;
}

.pm-nav-icon {
    display: inline-flex;
    flex: 0 0 22px;
    width: 22px;
    height: 26px;
    align-items: center;
    justify-content: center;
}

.pm-nav-item strong,
.pm-nav-item small {
    display: block;
}

.pm-nav-item strong {
    font-size: 13px;
    font-weight: 700;
    line-height: 1.45;
}

.pm-nav-item small {
    margin-top: 2px;
    color: #77819d;
    font-size: 12px;
}

.pm-nav-item.active {
    color: var(--primary-theme-color);
}

.pm-nav-item.active::before {
    content: "";
    position: absolute;
    bottom: 8px;
    left: 8px;
    right: 8px;
    height: 3px;
    background: var(--primary-theme-color);
}

/* Main Layout */
.pm-container {
    padding: 37px 28px 17px;
}

.pm-main-row {
    align-items: stretch;
}

.pm-left-column {
    padding-right: 12px;
}

.pm-right-column {
    padding-left: 12px;
}


.pm-heading {
    margin: 0;
    font-size: 30px;
    font-weight: 600;
    letter-spacing: .5px;
    line-height: 1;
    color: #323232;
}

.pm-subheading {
    margin: 8px 0 17px;
    color: #7c85a0;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.4;
}

.pm-description {
    margin: 0 0 19px;
    color: var(--funding-muted);
    font-size: 16px;
    font-weight: 400;
}

/* Feature Cards */
.pm-feature-grid {
    margin-top: 0;
}

.pm-feature-card {
    position: relative;
    display: flex;
    align-items: center;
    gap: 17px;
    padding: 12px 14px;
    overflow: hidden;
    border: 1px solid var(--funding-border);
    border-radius: 15px;
    background: linear-gradient(120deg, #ffffff 0%, #fcfcff 100%);
    box-shadow: 0 2px 5px rgba(32, 54, 100, 0.015);
}

.pm-feature-card::before {
    content: "";
    position: absolute;
    top: 6px;
    bottom: 6px;
    left: 0;
    width: 4px;
    border-radius: 0 4px 4px 0;
    background: linear-gradient(180deg, #a34dff, #5b61ff);
}

.pm-feature-icon {
    display: flex;
    flex: 0 0 60px;
    width: 60px;
    height: 60px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #f3f0ff;
}

.pm-purple {
    color: var(--primary-theme-color);
}

.pm-feature-label {
    display: block;
    color: #4b4b4b;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
}

.pm-feature-card p {
    color: var(--funding-muted);
    font-size: 16px;
    font-weight: 400;
    margin: 10px 0 0;
}

.pm-feature-card .pm-green-text {
    color: #07885d;
}

.pm-feature-card .pm-purple-text {
    color: var(--primary-theme-color);
}

/* Institutional Features */
.pm-institutional {
    margin-top: 25px;
}

    .pm-institutional h3 {
        margin: 0 0 12px;
        font-size: 20px;
        font-weight: 600;
        letter-spacing: .5px;
        line-height: 1;
        color: #323232;
    }

.pm-check-item {
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--funding-muted);
    font-size: 16px;
    font-weight: 400;
}

.pm-check-icon {
    position: relative;
    display: inline-flex;
    flex: 0 0 22px;
    width: 22px;
    height: 22px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: linear-gradient(135deg, #e5dcff, #f0eaff);
}

.pm-check-icon::after {
    content: "";
    width: 9px;
    height: 5px;
    margin-top: -3px;
    border-left: 2px solid var(--primary-theme-color);
    border-bottom: 2px solid var(--primary-theme-color);
    transform: rotate(-45deg);
}

/* DMA Order Book */
.pm-order-card {
    min-height: 564px;
    padding: 26px 21px;
    border: 1px solid #e0e6f2;
    border-radius: 13px;
    background:
        radial-gradient(ellipse at 85% 85%, #f8faff 0%, transparent 50%),
        linear-gradient(145deg, #ffffff 0%, #fcfdff 100%);
    box-shadow: 0 2px 8px rgba(30, 50, 100, 0.025);
}

.pm-order-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 23px;
}

.pm-order-title {
    display: flex;
    align-items: center;
    gap: 14px;
    min-width: 0;
}

.pm-order-title-icon {
    display: inline-flex;
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    align-items: center;
    justify-content: center;
    color: var(--primary-theme-color);
    background-color: #f2f0ff;
    border-radius: 10px;
}

.pm-order-title h3 {
    margin: 0;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.3;
}

.pm-live-badge {
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    gap: 8px;
    padding: 9px 15px;
    border: 1px solid #d1f7eb;
    border-radius: 30px;
    background: #f0fdf8;
    color: #008f60;
    font-size: 12px;
    font-weight: 600;
}

.pm-order-table-wrap {
    overflow: auto;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.88);
}

.pm-order-table {
    width: 100%;
    vertical-align: middle;
}

.pm-order-table thead th {
    padding: 12px 9px;
    font-size: 12px;
    font-weight: 500;
    white-space: nowrap;
}

    .pm-order-table tbody td {
        padding: 18px 9px;
        text-align: center;
        border: 6px solid #f5f5f5;
    }


.pm-order-table th:first-child,
.pm-order-table td:first-child {
    padding-left: 18px;
    text-align: left;
}

.pm-order-table td strong {
    display: block;
    color: #19223f;
    font-size: 15px;
    font-weight: 700;
    white-space: nowrap;
}

.pm-order-table td strong.pm-bid {
    color: var(--primary-theme-color);
}

.pm-order-table td small {
    display: block;
    margin-top: 4px;
    color: #8992ad;
    font-size: 12px;
    white-space: nowrap;
}

.pm-change {
    display: inline-block;
    padding: 8px 12px;
    border: 1px solid #c9f6e7;
    border-radius: 25px;
    background: #e9fff7;
    color: #008b5b;
    font-size: 13px;
    font-weight: 700;
    white-space: nowrap;
}

/* Distribution Architecture */
.pm-distribution {
    display: flex;
    align-items: center;
    gap: 0;
    margin-top: 32px;
    padding: 22px 25px;
    border: 1px solid #e1e7f2;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.82);
}

.pm-distribution-heading {
    position: relative;
    flex: 0 0 26%;
    padding-right: 22px;
}

    .pm-distribution-heading h3 {
        font-size: 20px;
        font-weight: 600;
        letter-spacing: .5px;
        line-height: 1;
        color: #323232;
    }

.pm-distribution-item {
    display: flex;
    flex: 1 1 0;
    align-items: center;
    gap: 15px;
    min-width: 0;
    padding: 0 20px;
    border-left: 1px solid #e0e5ef;
}

.pm-distribution-icon {
    display: inline-flex;
    flex: 0 0 52px;
    width: 52px;
    height: 52px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #f3f1ff;
    color: var(--primary-theme-color);
}

.pm-distribution-item h4 {
    display: block;
    margin-top: 3px;
    color: #333;
    font-size: 18px;
    line-height: 1;
    margin: 0 0 10px 0;
    font-weight: 700;
}

.pm-distribution-item p {
    display: block;
    color: #4b4b4b;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    margin-bottom:0
}

/* Bottom Description */
.pm-bottom-note {
    display: flex;
    align-items: center;
    gap: 17px;
    margin-top: 15px;
    padding: 17px 25px;
    border-radius: 12px;
    background: linear-gradient(100deg, #f7f6ff 0%, #f5f5fc 100%);
}

.pm-note-accent {
    flex: 0 0 4px;
    width: 4px;
    height: 45px;
    border-radius: 5px;
    background: linear-gradient(180deg, #a54cff, #5f41fb);
}

.pm-note-icon {
    display: inline-flex;
    flex: 0 0 48px;
    width: 48px;
    height: 48px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #ffffff;
    color: #27345e;
}

.pm-bottom-note p {
    margin: 0;
    color: #737e9b;
    font-size: 14px;
    line-height: 1.65;
}

/* Responsive */
@media (max-width: 1199.98px) {
    .pm-asset-nav {
        overflow-x: auto;
        justify-content: flex-start;
    }

    .pm-nav-item {
        flex: 0 0 auto;
        min-width: 155px;
    }

    .pm-distribution {
        flex-wrap: wrap;
        row-gap: 22px;
    }

    .pm-distribution-heading {
        flex-basis: 100%;
    }

    .pm-distribution-item {
        flex-basis: 33.333%;
    }

    .pm-distribution-item:first-of-type {
        border-left: 0;
    }

    .pm-distribution-item p {
        white-space: normal;
    }

    .pm-order-card {
        min-height: 100%;
    }
}

@media (max-width: 991.98px) {
    .pm-container {
        padding: 28px 20px 18px;
    }

    .pm-left-column,
    .pm-right-column {
        padding-right: 12px;
        padding-left: 12px;
    }

    .pm-order-card {
        min-height: 0;
    }

    .pm-distribution {
        padding: 20px;
    }

    .pm-distribution-item {
        flex-basis: 50%;
    }

    .pm-distribution-item:nth-of-type(2) {
        border-left: 0;
    }
}

@media (max-width: 575.98px) {
    .pm-asset-nav {
        min-height: 78px;
        padding: 0 12px;
    }

    .pm-nav-item {
        min-width: 145px;
        gap: 8px;
        padding: 12px 6px;
    }

    .pm-nav-item strong {
        font-size: 12px;
    }

    .pm-nav-item small {
        font-size: 11px;
    }

    .pm-container {
        padding: 24px 14px 14px;
    }

    .pm-heading {
        font-size: 35px;
        letter-spacing: -1.2px;
    }

    .pm-subheading {
        font-size: 19px;
    }

    .pm-description {
        font-size: 14px;
    }

    .pm-feature-card {
        height: auto;
        min-height: 82px;
        gap: 12px;
        padding: 10px;
    }

    .pm-feature-icon {
        flex-basis: 46px;
        width: 46px;
        height: 46px;
    }

    .pm-feature-card p {
        font-size: 12px;
    }

    .pm-feature-label {
        font-size: 12px;
    }

    .pm-institutional h3 {
        font-size: 18px;
    }

    .pm-check-item {
        font-size: 13px;
    }

    .pm-order-card {
        padding: 17px 12px;
    }

    .pm-order-header {
        flex-wrap: wrap;
        margin-bottom: 15px;
    }

    .pm-order-title {
        gap: 8px;
    }

    .pm-order-title h3 {
        font-size: 16px;
    }

    .pm-live-badge {
        padding: 7px 10px;
        font-size: 10px;
    }

    .pm-order-table thead th {
        padding: 10px 5px;
        font-size: 10px;
    }

    .pm-order-table tbody td {
        padding: 15px 5px;
    }

    .pm-order-table th:first-child,
    .pm-order-table td:first-child {
        padding-left: 7px;
    }

    .pm-order-table td strong {
        font-size: 12px;
    }

    .pm-order-table td small {
        font-size: 10px;
    }

    .pm-change {
        padding: 6px 7px;
        font-size: 10px;
    }

    .pm-distribution {
        display: block;
        margin-top: 22px;
        padding: 18px 14px;
    }

    .pm-distribution-heading {
        padding: 0 0 18px;
    }

    .pm-distribution-heading h3 {
        font-size: 18px;
        white-space: normal;
    }

    .pm-distribution-item {
        padding: 15px 0;
        border-top: 1px solid #e0e5ef;
        border-left: 0;
    }

    .pm-distribution-item p {
        font-size: 12px;
    }

    .pm-bottom-note {
        align-items: flex-start;
        gap: 10px;
        padding: 14px 12px;
    }

    .pm-note-icon {
        flex-basis: 38px;
        width: 38px;
        height: 38px;
    }

    .pm-bottom-note p {
        font-size: 12px;
    }
}


/* Source: wwwroot/account-technology/technology.css */
.infra-section {
    width: 100%;
    padding: 44px 0 38px;
    overflow: hidden;

    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 16px;
    line-height: 1.5;
}

.infra-section h2,
.infra-section h3,
.infra-section p {
    margin: 0;
}


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

.infra-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
    margin: 0 8px 34px;
}

.infra-heading-wrap {
    display: flex;
    align-items: center;
    gap: 15px;
    min-width: 0;
}

.infra-main-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 65px;
    height: 65px;
    flex: 0 0 65px;
    color: #5f41fb;
    border: 1px solid #efedff;
    border-radius: 15px;
    background: linear-gradient(145deg, #f5f3ff, #eeeeff);
}

.infra-heading-content {
    min-width: 0;
}

.infra-eyebrow {
    display: inline-flex;
    align-items: center;
    padding: 5px 19px;
    line-height:1;
    border: 1px solid #f0edff;
    border-radius: 24px;
    background: linear-gradient(100deg, #f4f1ff, #f7f5ff);
    color: var(--primary-theme-color);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .45px;
    white-space: nowrap;
}

.infra-heading-content h2 {
    font-size: 30px;
    font-weight: 600;
    letter-spacing: .5px;
    line-height: 1;
    color: #323232;
    margin-top:15px;
}

.infra-latency-badge {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 7px 19px;
    flex-shrink: 0;
    border: 1px solid #a7ecd8;
    border-radius: 30px;
    background: linear-gradient(100deg, #f7fffc, #effbf7);
    color: #333;
    font-weight:600;
    font-size: 14px;
    line-height:1;
    white-space: nowrap;
}

    .infra-latency-badge strong {
        color: #009d68;
        font-size: 16px;
        font-weight: 700;
    }

.infra-latency-icon {
    display: flex;
    color: #009d68;
    align-items: center;
    justify-content: center;

}

/* ======================================
   LOCATION GRID
====================================== */

.infra-location-row {
    --bs-gutter-x: 20px;
    --bs-gutter-y: 20px;
}

.infra-location-card {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 30px;
    overflow: hidden;
    border: 1px solid #efefef;
    border-radius: 12px;
    background: rgba(255, 255, 255, .96);
    box-shadow:0 0 5px 0 rgba(0,0,0,0.1);
}

    .infra-location-card::before {
        position: absolute;
        top: -1px;
        left: -1px;
        width: 139px;
        height: 3px;
        border-radius: 4px;
        background: #5c3ff3;
        content: "";
    }

.infra-card-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.infra-location-identity {
    display: flex;
    align-items: center;
    gap: 16px;
    min-width: 0;
}

.infra-location-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 73px;
    height: 74px;
    flex: 0 0 73px;
    color: var(--primary-theme-color);
    border: 1px solid #e0e8ff;
    border-radius: 14px;
    background: linear-gradient(140deg, #f5f7ff, #f0f3ff);
}

    .infra-location-icon svg{
        height:50px;
        width:50px;
    }
    .infra-location-badge {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 8px 17px;
        border: 1px solid transparent;
        border-radius: 25px;
        font-size: 15px;
        font-weight: 700;
        white-space: nowrap;
    }

.infra-purple-badge {
    border-color: #f0ebff;
    background: linear-gradient(100deg, #f4f0ff, #f7f4ff);
    color: var(--primary-theme-color);
}

.infra-orange-badge {
    border-color: #fff0d6;
    background: #fff8e9;
    color: #f18700;
}

.infra-core-latency {
    display: flex;
    align-items: center;
    gap: 11px;
    flex-shrink: 0;
    color: #009d68;
    font-size: 16px;
    white-space: nowrap;
}

.infra-core-latency strong {
    font-weight: 700;
}

.infra-status-dot {
    display: inline-block;
    width: 14px;
    height: 14px;
    flex: 0 0 14px;
    border-radius: 50%;
    background: #08a879;
}

.infra-location-card h3 {
    margin-top: 17px;
    color: #333;
    font-size: 20px;
    font-weight: 700;
    line-height:1;
}

.infra-description {
    margin-top: 13px !important;
    color: #4b4b4b;
    font-size: 15px;
    line-height: 1.52;
    font-weight: 500;
    height:69px;
}

/* ======================================
   CONNECTIVITY STRIP
====================================== */

.infra-connectivity {
    display: flex;
    align-items: center;
    gap: 19px;
    justify-content:center;
    margin-top: 20px;
    padding: 15px 20px;
    border: 1px solid #eaf0fc;
    border-radius: 13px;
    background: linear-gradient(110deg, #f8f9fd, #f6f8fc);
}


.infra-connectivity p {
    color: #333;
    font-size: 15px;
    line-height:1;
    font-weight:600;
}

/* ======================================
   PERFORMANCE METRICS
====================================== */

.infra-metrics {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    align-items: center;
    margin-top: 29px;
    padding: 23px 0;
    border: 1px solid #efefef;
    border-radius: 12px;
    background: rgba(255, 255, 255, .96);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
}

.infra-metric-item {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 5px 29px;
    border-right: 1px solid #e2e9f8;
}

.infra-metric-item:last-child {
    border-right: 0;
}

.infra-metric-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    flex: 0 0 50px;
    border: 1px solid transparent;
    border-radius: 15px;
}

.infra-metric-blue {
    border-color: #e8edff;
    background: #eff3ff;
    color: #2857e5;
}

.infra-metric-green {
    border-color: #e0f8ef;
    background: #eafbf5;
    color: #08a574;
}

.infra-metric-purple {
    border-color: #efe6ff;
    background: #f5efff;
    color: var(--primary-theme-color);
}

.infra-metric-orange {
    border-color: #fff0d8;
    background: #fff6e5;
    color: #f27c00;
}

.infra-metric-content {
    min-width: 0;
}

    .infra-metric-content > p {
        margin-bottom: 10px;
        color: #4b4b4b;
        font-size: 14px;
        line-height: 1;
        font-weight:600;
    }

.infra-metric-content h3 {
    font-size:22px;
    font-weight: 700;
    line-height:1;
    white-space: nowrap;
}

.infra-value-purple {
    color: var(--primary-theme-color);
}
.infra-value-blue {
    color: #2857e5;
}
.infra-value-green {
    color: #08a574;
}

.infra-value-orange {
    color: #f27c00;
}

/* ======================================
   DESKTOP / LAPTOP
====================================== */

@media (max-width: 1399.98px) {
    .infra-container {
        padding-right: 20px;
        padding-left: 20px;
    }

    .infra-header {
        align-items: flex-start;
    }

    .infra-heading-content h2 {
        font-size: 36px;
    }

    .infra-location-card {
        padding: 22px 20px;
        min-height: 365px;
    }

    .infra-location-icon {
        width: 58px;
        height: 60px;
        flex-basis: 58px;
    }

    .infra-location-identity {
        gap: 10px;
    }

    .infra-location-badge {
        padding: 7px 12px;
        font-size: 12px;
    }

    .infra-core-latency {
        gap: 7px;
        font-size: 14px;
    }

    .infra-status-dot {
        width: 10px;
        height: 10px;
        flex-basis: 10px;
    }

    .infra-location-card h3 {
        font-size: 19px;
    }

    .infra-description {
        font-size: 15px;
    }

    .infra-connectivity {
        gap: 12px;
        padding: 12px;
    }

    .infra-connectivity p {
        font-size: 13px;
    }

    .infra-metric-item {
        gap: 13px;
        padding: 5px 17px;
    }

    .infra-metric-icon {
        width: 54px;
        height: 54px;
        flex-basis: 54px;
    }

    .infra-metric-content > p {
        font-size: 13px;
    }

    .infra-metric-content h3 {
        font-size: 19px;
        white-space: normal;
    }
}

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

@media (max-width: 991.98px) {
    .infra-section {
        padding: 30px 0;
    }

    .infra-header {
        flex-direction: column;
        gap: 18px;
        margin: 0 4px 25px;
    }

    .infra-heading-content h2 {
        font-size: clamp(27px, 4vw, 36px);
        letter-spacing: -.8px;
    }

    .infra-latency-badge {
        align-self: flex-start;
    }

    .infra-location-row {
        --bs-gutter-x: 16px;
        --bs-gutter-y: 16px;
    }

    .infra-location-card {
        min-height: 360px;
    }

    .infra-card-top {
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .infra-core-latency {
        margin-top: 5px;
    }

    .infra-location-card h3 {
        font-size: 20px;
    }

    .infra-metrics {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        padding: 10px 0;
    }

    .infra-metric-item {
        padding: 15px 20px;
    }

    .infra-metric-item:nth-child(2) {
        border-right: 0;
    }

    .infra-metric-item:nth-child(-n+2) {
        border-bottom: 1px solid #e2e9f8;
    }

    .infra-metric-content h3 {
        font-size: 20px;
    }
}

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

@media (max-width: 575.98px) {
    .infra-section {
        padding: 23px 0;
    }

    .infra-container {
        padding-right: 13px;
        padding-left: 13px;
    }

    .infra-header {
        gap: 14px;
        margin: 0 0 20px;
    }

    .infra-heading-wrap {
        align-items: flex-start;
        gap: 10px;
    }

    .infra-main-icon {
        width: 45px;
        height: 45px;
        flex-basis: 45px;
        border-radius: 11px;
    }

    .infra-eyebrow {
        min-height: 30px;
        padding: 6px 10px;
        font-size: 10px;
        letter-spacing: .3px;
    }

    .infra-heading-content h2 {
        margin-top: 9px;
        font-size: 27px;
        line-height: 1.25;
    }

    .infra-latency-badge {
        min-height: 43px;
        padding: 8px 12px;
        gap: 6px;
        font-size: 11px;
        white-space: normal;
    }

    .infra-latency-badge strong {
        font-size: 15px;
        white-space: nowrap;
    }

    .infra-latency-icon {
        width: 20px;
        height: 20px;
        flex-basis: 20px;
    }

    .infra-location-row {
        --bs-gutter-x: 0px;
        --bs-gutter-y: 13px;
    }

    .infra-location-card {
        min-height: 0;
        padding: 17px;
        border-radius: 12px;
    }

    .infra-card-top {
        gap: 12px;
    }

    .infra-location-identity {
        gap: 10px;
    }

    .infra-location-icon {
        width: 49px;
        height: 49px;
        flex-basis: 49px;
        border-radius: 11px;
    }

    .infra-location-badge {
        min-height: 32px;
        padding: 6px 10px;
        font-size: 11px;
    }

    .infra-core-latency {
        font-size: 13px;
    }

    .infra-location-card h3 {
        margin-top: 15px;
        font-size: 19px;
    }

    .infra-description {
        margin-top: 9px !important;
        font-size: 14px;
        line-height: 1.55;
    }

    .infra-connectivity {
        margin-top: 17px;
        padding: 10px;
        gap: 10px;
    }

    .infra-connectivity-icon {
        width: 29px;
        height: 29px;
        flex-basis: 29px;
    }

    .infra-connectivity p {
        font-size: 12px;
    }

    .infra-metrics {
        grid-template-columns: minmax(0, 1fr);
        margin-top: 16px;
        padding: 4px 15px;
    }

    .infra-metric-item {
        min-height: 80px;
        gap: 15px;
        padding: 12px 0;
        border-right: 0;
        border-bottom: 1px solid #e2e9f8;
    }

    .infra-metric-item:nth-child(2) {
        border-bottom: 1px solid #e2e9f8;
    }

    .infra-metric-item:last-child {
        border-bottom: 0;
    }

    .infra-metric-icon {
        width: 49px;
        height: 49px;
        flex-basis: 49px;
        border-radius: 12px;
    }

    .infra-metric-content > p {
        margin-bottom: 3px;
        font-size: 13px;
    }

    .infra-metric-content h3 {
        font-size: 19px;
        margin-top:10px;
    }
}



/* Source: wwwroot/education-moats/moats.css */
.competitive-moats > .container-fluid { max-width: 1760px; margin: 0 auto; }
.competitive-moats .moat-header h2 { line-height: 1.2; font-weight: 700; }

.coverage-sidebar {
    width: 100%;
    height: 100%;
    padding: 12px;
    background: #ffffff;
    border: 2px solid #edf0f6;
    border-radius: 15px;
    display: flex;
    flex-direction: column;
}

.coverage-region {
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 28px;
    padding: 24px 18px;
    min-height: 131px;
    border-bottom: 2px solid #edf0f6;
    cursor: pointer;
    transition: background 0.25s ease, border-radius 0.25s ease;
}

    .coverage-region:last-child {
        border-bottom: none;
    }

.region-number {
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #f2f4f8;
    color: #42516f;
    font-size: 20px;
    font-weight: 500;
    transition: all 0.25s ease;
}

.region-info {
    min-width: 0;
    padding-top: 1px;
}

    .region-info h3 {
        margin: 0 0 7px;
        color: #111d40;
        font-size: 20px;
        font-weight: 600;
        line-height: 1.35;
    }

    .region-info p {
        margin: 0;
        color: #4b4b4b;
        font-size: 16px;
        font-weight: 400;
        line-height: 1.5;
    }

.coverage-region.active {
    background: #f6f5ff;
    border-radius: 15px;
    border-bottom-color: transparent;
}

    .coverage-region.active::before {
        content: "";
        position: absolute;
        left: -13px;
        top: 0;
        width: 4px;
        height: 100%;
        background: var(--primary-theme-color);
        border-radius: 0 4px 4px 0;
    }

    .coverage-region.active .region-number {
        color: #ffffff;
        background: linear-gradient( 135deg, #775cff, var(--primary-theme-color) );
    }

    .coverage-region.active .region-info h3 {
        color: #201b88;
    }

.coverage-content {
    width: 100%;
    padding: 0 4px 0 24px;
}

.coverage-eyebrow {
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    padding: 4px 18px;
    line-height: 1;
    border-radius: 20px;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: .25px;
    color: var(--primary-theme-color);
    background: #e7e1ff;
}


.coverage-heading-row h2 {
    margin-top: 17px;
    font-size: 28px;
    font-weight: 600;
    line-height: 1;
    color: #333;
}

.coverage-subheading-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding-bottom: 18px;
    border-bottom: 2px solid #edf0f6;
}

    .coverage-subheading-row h3 {
        font-size: 24px;
        font-weight: 600;
        line-height: 1;
        color: #333;
    }

.coverage-hubs {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 8px;
    padding: 12px 22px;
    background: #f6f5ff;
    border: 1px solid #eeebff;
    border-radius: 40px;
    font-size: 14px;
    line-height: 1.5;
    white-space: normal;
}

.coverage-location-icon {
    width: 24px;
    height: 24px;
    flex: 0 0 24px;
    color: #6550ff;
}

.hub-label {
    color: #6550ff;
    font-weight: 600;
}

#coverage-hubs-text {
    color: #39486a;
    font-weight: 400;
}

.coverage-details {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding-top: 22px;
}

.coverage-detail-row {
    min-height: 98px;
    display: flex;
    align-items: center;
    gap: 30px;
    padding: 14px 24px;
    background: #ffffff;
    border: 2px solid #edf0f6;
    border-radius: 15px;
    transition: border-color 0.25s ease, box-shadow 0.25s ease;
}

    .coverage-detail-row:hover {
        border-color: #ded9ff;
        box-shadow: 0 8px 24px rgba(95, 65, 251, 0.05);
    }

.coverage-detail-icon {
    flex: 0 0 74px;
    width: 74px;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f4f3ff;
    border-radius: 17px;
    color: var(--primary-theme-color);
}

.coverage-detail-text {
    min-width: 0;
    padding-left: 30px;
    border-left: 2px solid #e8edf5;
}

    .coverage-detail-text p {
        display: block;
        color: #111d40;
        font-size: 14px;
        font-weight: 600;
        line-height: 1.45;
    }

    .coverage-detail-text h4 {
        display: block;
        color: #4b4b4b;
        font-size: 14px;
        font-weight: 500;
        line-height: 1;
    }

        .coverage-detail-text h4.coverage-payment-text {
            color: #087957;
        }

/* Tablet */
@media (max-width: 1199.98px) {
    .global-coverage {
        padding: 30px 18px;
    }

    .coverage-content {
        padding-left: 10px;
    }

    .coverage-region {
        gap: 16px;
        padding: 22px 12px;
    }

    .region-number {
        flex-basis: 44px;
        width: 44px;
        height: 44px;
        font-size: 22px;
    }

    .region-info h3 {
        font-size: 19px;
    }

    .region-info p {
        font-size: 16px;
    }

    .coverage-hubs {
        font-size: 14px;
        padding: 10px 14px;
    }

    .coverage-detail-row {
        gap: 18px;
        padding: 14px 18px;
    }

    .coverage-detail-icon {
        flex-basis: 58px;
        width: 58px;
        height: 58px;
    }

    .coverage-detail-text {
        padding-left: 18px;
    }

        .coverage-detail-text p {
            font-size: 16px;
        }

        .coverage-detail-text h4 {
            font-size: 17px;
        }
}

/* Mobile */
@media (max-width: 767.98px) {
    .global-coverage {
        padding: 0;
    }
    .logo {
        width: 180px;
    }
    .menu-toggle {
        position: unset;
    }
        .wz-hero.bg-mesh-pattern{
        padding-top: 90px!important;
    }
    .coverage-sidebar {
        padding: 8px;
    }

    .coverage-region {
        min-height: auto;
        gap: 14px;
        padding: 17px 12px;
    }

        .coverage-region.active::before {
            left: -9px;
        }

    .region-number {
        flex-basis: 40px;
        width: 40px;
        height: 40px;
        font-size: 20px;
    }

    .region-info h3 {
        font-size: 17px;
    }

    .region-info p {
        font-size: 14px;
    }

    .coverage-content {
        padding: 10px 0 0;
    }

    .coverage-eyebrow {
        margin-bottom: 20px;
        font-size: 13px;
        letter-spacing: 2px;
    }

    .coverage-heading-row h2 {
        margin-bottom: 22px;
        font-size: 30px;
        letter-spacing: -0.8px;
    }

    .coverage-subheading-row {
        align-items: flex-start;
        flex-direction: column;
        gap: 14px;
    }

        .coverage-subheading-row h3 {
            font-size: 25px;
        }

    .coverage-hubs {
        justify-content: flex-start;
        font-size: 13px;
    }

    .coverage-details {
        gap: 10px;
        padding-top: 16px;
    }

    .coverage-detail-row {
        min-height: 82px;
        gap: 12px;
        padding: 12px;
        border-radius: 14px;
    }

    .coverage-detail-icon {
        flex-basis: 44px;
        width: 44px;
        height: 48px;
        border-radius: 12px;
    }

    .coverage-detail-text {
        padding-left: 12px;
    }

        .coverage-detail-text p {
            font-size: 13px;
        }

        .coverage-detail-text h4 {
            font-size: 14px;
            line-height: 1.6;
        }
}
@scope (.competitive-moats) {
.moat-header {
    margin-bottom: 26px;
    padding: 0 2px;
}

.moat-main-icon {
    width: 60px;
    height: 60px;
    flex: 0 0 60px;
    border-radius: 15px;
    background: #f0efff;
    display: flex;
    color: #5f41fb;
    align-items: center;
    justify-content: center;
}

.moat-eyebrow {
  
    display: inline-flex;
    padding: 8px 16px;
    line-height: 1;
    border-radius: 99px;
    background: #efecff;
    color: var(--primary-theme-color);
    font-weight: 600;
    font-size: 14px;
    letter-spacing: .04em;

}

.moat-header h2 {
    font-size: 30px;
    font-weight: 600;
    letter-spacing: .5px;
    line-height: 1;
    color: #323232;
    margin-top:10px;
}

/* Cards */

.moat-cards {
    --bs-gutter-x: 20px;
    --bs-gutter-y: 20px;
}

.moat-card {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    min-height: 174px;
    padding: 20px 22px;
    overflow: hidden;
    border: 1px solid var(--moat-card-border);
    border-radius: 17px;
    background: linear-gradient( 120deg, var(--moat-card-bg) 0%, #fff 66%, var(--moat-card-tint) 100% );
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

    .moat-card:hover {
        transform: translateY(-3px);
        box-shadow: 0 12px 28px rgba(45, 57, 100, 0.07);
    }

.moat-card-content {
    position: relative;
    z-index: 2;
    width: calc(100% - 88px);
}

.moat-badge {
    display: inline-flex;
    align-items: center;
    margin-bottom: 8px;

    background: var(--moat-card-badge);
    color: var(--moat-card-accent);

    padding: 8px 14px;
    border-radius: 10px;
    font-weight: 600;
    font-size: 14px;
    line-height: 1;
}

.moat-card h3 {
    margin: 0 0 7px;
    color: #333;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.35;
    letter-spacing: -0.35px;
}

.moat-card p {
    margin-top: 13px !important;
    color: #4b4b4b;
    font-size: 16px;
    line-height: 1.52;
    font-weight: 400;
}

.moat-visual {
    position: absolute;
    top: 50%;
    right: 16px;
    z-index: 1;
    width: 88px;
    height: 100px;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Individual card themes */

.moat-purple {
    --moat-card-border: #dcd0ff;
    --moat-card-bg: #faf7ff;
    --moat-card-tint: #f1eaff;
    --moat-card-badge: #e7dcff;
    --moat-card-accent: #6338ff;
}

.moat-blue {
    --moat-card-border: #c7d9ff;
    --moat-card-bg: #f7faff;
    --moat-card-tint: #eaf2ff;
    --moat-card-badge: #dceaff;
    --moat-card-accent: #1761ed;
}

.moat-green {
    --moat-card-border: #c8f1df;
    --moat-card-bg: #f6fff9;
    --moat-card-tint: #ddf9ec;
    --moat-card-badge: #d5f7e7;
    --moat-card-accent: #008c53;
}

.moat-orange {
    --moat-card-border: #ffe2a4;
    --moat-card-bg: #fffdf6;
    --moat-card-tint: #fff1ce;
    --moat-card-badge: #ffedbb;
    --moat-card-accent: #e98500;
}

.moat-cyan {
    --moat-card-border: #bceff4;
    --moat-card-bg: #f4feff;
    --moat-card-tint: #def9fc;
    --moat-card-badge: #c9f6f7;
    --moat-card-accent: #079ca5;
}

.moat-indigo {
    --moat-card-border: #c7d6ff;
    --moat-card-bg: #f7f9ff;
    --moat-card-tint: #e8efff;
    --moat-card-badge: #dbe3ff;
    --moat-card-accent: #2349ff;
}

/* Capability matrix */

.capability-matrix {
    margin-top: 24px;
    padding: 18px 16px 20px;
    background: #fff;
    border: 1px solid #e1eaff;
    border-radius: 19px;
    box-shadow: 0 6px 24px rgba(35, 66, 130, 0.035);
}

.matrix-heading {
    display: flex;
    align-items: center;
    gap: 18px;
    padding: 0 10px 12px;
}

.matrix-heading-icon {
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.matrix-heading h3 {
    margin: 0;
    color: #101a3b;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.4;
}

.matrix-table-wrap {
    width: 100%;
    overflow-x: auto;
    border-radius: 13px;
}

.capability-table {
    width: 100%;
    min-width: 900px;
    margin: 0;
    border-collapse: separate;
    border-spacing: 0;
    vertical-align: middle;
    --bs-table-bg: transparent;
    --bs-table-color: var(--moat-text);
}

    .capability-table > :not(caption) > * > * {
        padding: 11px 14px;
        border-bottom: 1px solid #e9edf6;
        box-shadow: none;
        vertical-align: middle;
    }

    .capability-table thead th {
        height: 52px;
        background: #f0f4fc;
        color: #455779;
        font-size: 14px;
        font-weight: 600;
        text-align: center;
        white-space: nowrap;
    }

        .capability-table thead th:first-child {
            border-radius: 12px 0 0 12px;
            text-align: left;
        }

        .capability-table thead th:last-child {
            border-radius: 0 12px 12px 0;
        }

    .capability-table thead .our-group-column {
        background: #eae6ff;
        color: #3923ff;
    }

.matrix-column-icon {
    display: inline-flex;
    width: 26px;
    height: 24px;
    margin-right: 8px;
    vertical-align: middle;
    align-items: center;
    justify-content: center;
}

.capability-table tbody td {
    height: 45px;
    color: #5c7096;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    white-space: nowrap;
}

.capability-table tbody tr:last-child td {
    border-bottom: none;
}

.capability-table .dimension-cell {
    color: #111b3c;
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-weight: 600;
    text-align: left;
}

.dimension-icon {
    display: inline-flex;
    width: 30px;
    height: 26px;
    margin-right: 10px;
    vertical-align: middle;
    align-items: center;
    justify-content: center;
}

.capability-table .matrix-good {
    color: #009652;
    font-family: Consolas, monospace;
    font-weight: 700;
}

.capability-table .matrix-bad {
    color: #f01848;
    font-family: Consolas, monospace;
    font-weight: 500;
}

.capability-table .matrix-neutral {
    color: #5c7096;
    font-family: Consolas, monospace;
    font-weight: 500;
}

/* Tablet */

@media (max-width: 991.98px) {
    .competitive-moats {
        padding: 24px 18px;
    }

    .moat-main-icon {
        width: 68px;
        height: 68px;
    }

    .moat-header h2 {
        font-size: 30px;
        letter-spacing: -0.5px;
    }

    .moat-card {
        min-height: 180px;
        padding: 18px;
    }

    .moat-card-content {
        width: calc(100% - 70px);
    }

    .moat-visual {
        right: 8px;
        width: 68px;
    }

    .moat-card h3 {
        font-size: 17px;
    }

    .moat-card p {
        font-size: 14px;
    }

    .matrix-heading h3 {
        font-size: 20px;
    }
}

/* Mobile */

@media (max-width: 575.98px) {
    .competitive-moats {
        padding: 20px 12px;
    }

    .moat-header {
        margin-bottom: 20px;
    }

    .moat-main-icon {
        width: 52px;
        height: 52px;
        border-radius: 14px;
    }

    .moat-eyebrow {
        margin-bottom: 7px;
        font-size: 11px;
    }

    .moat-header h2 {
        font-size: 23px;
        line-height: 1.35;
    }

    .moat-cards {
        --bs-gutter-x: 12px;
        --bs-gutter-y: 12px;
    }

    .moat-card {
        min-height: 166px;
        padding: 16px;
        border-radius: 14px;
    }

    .moat-card-content {
        width: calc(100% - 60px);
    }

    .moat-badge {
        margin-bottom: 7px;
        padding: 4px 9px;
        font-size: 11px;
    }

    .moat-card h3 {
        font-size: 15px;
    }

    .moat-card p {
        font-size: 12px;
        line-height: 1.55;
    }

    .moat-visual {
        right: 4px;
        width: 56px;
        height: 75px;
    }

    .capability-matrix {
        margin-top: 18px;
        padding: 14px 10px;
        border-radius: 14px;
    }

    .matrix-heading {
        gap: 10px;
        padding: 0 4px 12px;
    }

        .matrix-heading h3 {
            font-size: 17px;
        }

    .matrix-table-wrap {
        -webkit-overflow-scrolling: touch;
    }
}


}