/* ============================================================
   TRIMEROUS TECHNOLOGY
   LIVE DATA & BUSINESS INTELLIGENCE
   PREMIUM PAGE DESIGN SYSTEM
   PREFIX: tld-
   SCOPE: #trimerous-live-dashboard
============================================================ */


/* ============================================================
   01. DESIGN TOKENS
============================================================ */

#trimerous-live-dashboard {

    --tld-orange: #f05125;
    --tld-orange-dark: #d94119;
    --tld-gold: #faa41a;

    --tld-navy: #07111f;
    --tld-navy-2: #0b1728;
    --tld-navy-3: #101e31;
    --tld-blue: #1b395a;

    --tld-white: #ffffff;
    --tld-off-white: #f7f8fa;
    --tld-soft: #eef1f5;

    --tld-text: #172033;
    --tld-text-light: #657083;
    --tld-muted: #8a94a6;

    --tld-border: #e4e8ee;
    --tld-border-dark: rgba(255,255,255,.10);

    --tld-success: #2fbe78;
    --tld-danger: #ef6a5b;

    --tld-shadow-sm:
        0 8px 25px rgba(11, 23, 40, .06);

    --tld-shadow:
        0 18px 55px rgba(11, 23, 40, .10);

    --tld-shadow-lg:
        0 30px 90px rgba(5, 15, 28, .16);

    --tld-radius-sm: 10px;
    --tld-radius: 18px;
    --tld-radius-lg: 28px;

    --tld-transition:
        all .35s cubic-bezier(.22,.61,.36,1);

    width: 100%;
    overflow: hidden;
    background: var(--tld-white);
    color: var(--tld-text);
    font-family: "Poppins", sans-serif;
}


/* ============================================================
   02. RESET / BASE
============================================================ */

#trimerous-live-dashboard *,
#trimerous-live-dashboard *::before,
#trimerous-live-dashboard *::after {
    box-sizing: border-box;
}

#trimerous-live-dashboard img {
    max-width: 100%;
    height: auto;
}

#trimerous-live-dashboard a {
    text-decoration: none;
}

#trimerous-live-dashboard p {
    margin-top: 0;
}

#trimerous-live-dashboard button {
    font-family: inherit;
}

#trimerous-live-dashboard .container {
    width: 100%;
    max-width: 1200px;
}


/* ============================================================
   03. COMMON SECTION
============================================================ */

#trimerous-live-dashboard
.tld-problem-section,
#trimerous-live-dashboard
.tld-value-section,
#trimerous-live-dashboard
.tld-sources-section,
#trimerous-live-dashboard
.tld-dashboard-types-section,
#trimerous-live-dashboard
.tld-kpi-section,
#trimerous-live-dashboard
.tld-process-section,
#trimerous-live-dashboard
.tld-usecase-section,
#trimerous-live-dashboard
.tld-visualization-section,
#trimerous-live-dashboard
.tld-executive-section,
#trimerous-live-dashboard
.tld-alert-section,
#trimerous-live-dashboard
.tld-ai-section,
#trimerous-live-dashboard
.tld-security-section,
#trimerous-live-dashboard
.tld-fit-section,
#trimerous-live-dashboard
.tld-impact-section,
#trimerous-live-dashboard
.tld-custom-section,
#trimerous-live-dashboard
.tld-faq-section,
#trimerous-live-dashboard
.tld-final-cta {
    position: relative;
}


/* ============================================================
   04. SECTION HEADING
============================================================ */

#trimerous-live-dashboard .tld-section-heading {
    max-width: 850px;
    margin: 0 0 58px;
}

#trimerous-live-dashboard .tld-section-heading.text-center {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

#trimerous-live-dashboard .tld-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 9px;

    margin-bottom: 18px;

    color: var(--tld-orange);

    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2.2px;
    line-height: 1.4;
    text-transform: uppercase;
}

#trimerous-live-dashboard .tld-eyebrow::before {
    content: "";
    display: inline-block;

    width: 28px;
    height: 2px;

    background: linear-gradient(
        90deg,
        var(--tld-orange),
        var(--tld-gold)
    );
}

#trimerous-live-dashboard .tld-section-heading h2,
#trimerous-live-dashboard .tld-value-content h2,
#trimerous-live-dashboard .tld-executive-content h2,
#trimerous-live-dashboard .tld-alert-content h2,
#trimerous-live-dashboard .tld-fit-content h2,
#trimerous-live-dashboard .tld-custom-section h2,
#trimerous-live-dashboard .tld-final-cta h2,
#trimerous-live-dashboard .tld-ai-content h2 {

    margin: 0 0 20px;

    color: var(--tld-navy);

    font-size: clamp(34px, 4vw, 53px);
    font-weight: 700;
    line-height: 1.08;
    letter-spacing: -1.7px;
}

#trimerous-live-dashboard .tld-section-heading h2 span,
#trimerous-live-dashboard .tld-value-content h2 span,
#trimerous-live-dashboard .tld-executive-content h2 span,
#trimerous-live-dashboard .tld-alert-content h2 span,
#trimerous-live-dashboard .tld-fit-content h2 span,
#trimerous-live-dashboard .tld-custom-section h2 span,
#trimerous-live-dashboard .tld-final-cta h2 span,
#trimerous-live-dashboard .tld-ai-content h2 span {
    color: var(--tld-orange);
}

#trimerous-live-dashboard .tld-section-heading p,
#trimerous-live-dashboard .tld-value-content > p,
#trimerous-live-dashboard .tld-executive-content > p,
#trimerous-live-dashboard .tld-alert-content > p,
#trimerous-live-dashboard .tld-fit-content > p {

    max-width: 760px;
    margin-bottom: 0;

    color: var(--tld-text-light);

    font-size: 16px;
    font-weight: 400;
    line-height: 1.85;
}


/* ============================================================
   05. BUTTON SYSTEM
============================================================ */

#trimerous-live-dashboard .tld-btn {

    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 13px;

    min-height: 54px;
    padding: 0 25px;

    border: 1px solid transparent;
    border-radius: 9px;

    font-size: 13px;
    font-weight: 600;
    line-height: 1;

    transition: var(--tld-transition);
}

#trimerous-live-dashboard .tld-btn i {
    font-size: 12px;
    transition: transform .3s ease;
}

#trimerous-live-dashboard .tld-btn:hover i {
    transform: translateX(4px);
}

#trimerous-live-dashboard .tld-btn-primary {

    color: #fff !important;

    background:
        linear-gradient(
            135deg,
            var(--tld-orange),
            #ed6a22
        );

    box-shadow:
        0 13px 30px rgba(240,81,37,.23);
}

#trimerous-live-dashboard .tld-btn-primary:hover {

    color: #fff !important;

    transform: translateY(-2px);

    box-shadow:
        0 18px 38px rgba(240,81,37,.30);
}

#trimerous-live-dashboard .tld-btn-secondary {

    color: var(--tld-navy) !important;

    background: #fff;

    border-color: rgba(15,30,48,.16);
}

#trimerous-live-dashboard .tld-btn-secondary:hover {

    color: var(--tld-orange) !important;

    border-color: var(--tld-orange);

    transform: translateY(-2px);
}

#trimerous-live-dashboard .tld-btn-outline {

    color: #fff !important;

    background: transparent;

    border-color: rgba(255,255,255,.28);
}

#trimerous-live-dashboard .tld-btn-outline:hover {

    color: var(--tld-navy) !important;

    background: #fff;

    border-color: #fff;
}


/* ============================================================
   06. HERO
============================================================ */

#trimerous-live-dashboard .tld-hero-section {

    position: relative;

    min-height: 790px;

    padding: 105px 5.5% 95px;

    color: #fff;

    background:
        radial-gradient(
            circle at 78% 15%,
            rgba(250,164,26,.15),
            transparent 26%
        ),
        radial-gradient(
            circle at 18% 75%,
            rgba(240,81,37,.10),
            transparent 30%
        ),
        linear-gradient(
            135deg,
            #06101d 0%,
            #091625 48%,
            #0d1d31 100%
        );

    overflow: hidden;
}

#trimerous-live-dashboard .tld-hero-section::before {

    content: "";

    position: absolute;

    width: 650px;
    height: 650px;

    right: -220px;
    top: -260px;

    border: 1px solid rgba(255,255,255,.06);
    border-radius: 50%;

    box-shadow:
        0 0 0 70px rgba(255,255,255,.015),
        0 0 0 140px rgba(255,255,255,.01);
}

#trimerous-live-dashboard .tld-hero-section::after {

    content: "";

    position: absolute;

    left: 0;
    bottom: 0;

    width: 100%;
    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(250,164,26,.35),
            transparent
        );
}

#trimerous-live-dashboard .tld-hero-grid {

    position: relative;
    z-index: 2;

    max-width: 1400px;
    min-height: 590px;

    margin: auto;

    display: grid;

    grid-template-columns:
        minmax(0, .88fr)
        minmax(600px, 1.12fr);

    align-items: center;

    gap: 70px;
}

#trimerous-live-dashboard .tld-hero-content {
    position: relative;
    z-index: 3;
}

#trimerous-live-dashboard .tld-hero-content .tld-eyebrow {

    color: #fbb25d;

    margin-bottom: 23px;
}

#trimerous-live-dashboard .tld-hero-content .tld-eyebrow::before {
    background: var(--tld-orange);
}

#trimerous-live-dashboard .tld-hero-content h1 {

    max-width: 720px;

    margin: 0 0 25px;

    color: #fff;

    font-size: clamp(48px, 5.3vw, 76px);
    font-weight: 700;
    line-height: .98;
    letter-spacing: -3.4px;
}

#trimerous-live-dashboard .tld-hero-content h1 span {
    display: block;
    color: var(--tld-orange);
}

#trimerous-live-dashboard .tld-hero-lead {

    max-width: 650px;

    margin: 0 0 15px;

    color: rgba(255,255,255,.91);

    font-size: 19px;
    font-weight: 400;
    line-height: 1.72;
}

#trimerous-live-dashboard .tld-hero-description {

    max-width: 610px;

    margin: 0 0 34px;

    color: rgba(255,255,255,.58);

    font-size: 14px;
    line-height: 1.85;
}

#trimerous-live-dashboard .tld-hero-actions {

    display: flex;
    flex-wrap: wrap;
    gap: 12px;

    margin-bottom: 27px;
}

#trimerous-live-dashboard .tld-hero-trust {

    display: flex;
    flex-wrap: wrap;
    gap: 18px;

    color: rgba(255,255,255,.58);

    font-size: 11px;
    font-weight: 500;
}

#trimerous-live-dashboard .tld-hero-trust span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
}

#trimerous-live-dashboard .tld-hero-trust i {
    color: var(--tld-success);
}


/* ============================================================
   07. HERO DASHBOARD VISUAL
============================================================ */

#trimerous-live-dashboard .tld-dashboard-visual {

    position: relative;

    perspective: 1500px;
}

#trimerous-live-dashboard .tld-dashboard-window {

    position: relative;

    width: 100%;

    border: 1px solid rgba(255,255,255,.13);
    border-radius: 20px;

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.11),
            rgba(255,255,255,.045)
        );

    box-shadow:
        0 45px 100px rgba(0,0,0,.38),
        0 0 0 1px rgba(255,255,255,.025) inset;

    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);

    overflow: hidden;

    transform: rotateY(-2deg) rotateX(1deg);
    transition: transform .6s ease;
}

#trimerous-live-dashboard .tld-dashboard-window:hover {
    transform: rotateY(0) rotateX(0) translateY(-5px);
}

#trimerous-live-dashboard .tld-window-top {

    height: 52px;

    display: flex;
    align-items: center;

    padding: 0 18px;

    border-bottom: 1px solid rgba(255,255,255,.08);

    background: rgba(0,0,0,.14);
}

#trimerous-live-dashboard .tld-window-dots {
    display: flex;
    gap: 6px;
}

#trimerous-live-dashboard .tld-window-dots span {

    width: 8px;
    height: 8px;

    border-radius: 50%;

    background: rgba(255,255,255,.28);
}

#trimerous-live-dashboard .tld-window-title {

    margin-left: 17px;

    color: rgba(255,255,255,.58);

    font-size: 10px;
    font-weight: 500;
    letter-spacing: .5px;
}

#trimerous-live-dashboard .tld-live-status {

    margin-left: auto;

    display: flex;
    align-items: center;
    gap: 6px;

    color: #74dda4;

    font-size: 9px;
    font-weight: 700;
    letter-spacing: 1.2px;
}

#trimerous-live-dashboard .tld-live-status i,
#trimerous-live-dashboard .tld-live-badge i {

    width: 6px;
    height: 6px;

    border-radius: 50%;

    background: #49d88b;

    box-shadow: 0 0 0 5px rgba(73,216,139,.10);

    animation: tld-live-pulse 2s infinite;
}

@keyframes tld-live-pulse {

    0%,100% {
        box-shadow: 0 0 0 4px rgba(73,216,139,.08);
    }

    50% {
        box-shadow: 0 0 0 8px rgba(73,216,139,.02);
    }
}

#trimerous-live-dashboard .tld-dashboard-body {
    padding: 25px;
}

#trimerous-live-dashboard .tld-dashboard-heading {

    display: flex;
    align-items: center;
    justify-content: space-between;

    margin-bottom: 20px;
}

#trimerous-live-dashboard .tld-dashboard-heading small {

    display: block;

    margin-bottom: 4px;

    color: rgba(255,255,255,.35);

    font-size: 8px;
    font-weight: 700;
    letter-spacing: 1.5px;
}

#trimerous-live-dashboard .tld-dashboard-heading h3 {

    margin: 0;

    color: #fff;

    font-size: 19px;
    font-weight: 600;
}

#trimerous-live-dashboard .tld-period {

    padding: 8px 11px;

    border: 1px solid rgba(255,255,255,.09);
    border-radius: 7px;

    color: rgba(255,255,255,.58);

    font-size: 9px;
}

#trimerous-live-dashboard .tld-period i {
    margin-left: 6px;
}


/* ============================================================
   08. HERO KPI CARDS
============================================================ */

#trimerous-live-dashboard .tld-kpi-grid {

    display: grid;

    grid-template-columns:
        repeat(4, minmax(0, 1fr));

    gap: 10px;

    margin-bottom: 13px;
}

#trimerous-live-dashboard .tld-kpi-card {

    min-width: 0;

    padding: 15px;

    border: 1px solid rgba(255,255,255,.075);
    border-radius: 11px;

    background:
        rgba(255,255,255,.055);

    transition: var(--tld-transition);
}

#trimerous-live-dashboard .tld-kpi-card:hover {

    background: rgba(255,255,255,.085);

    border-color:
        rgba(250,164,26,.22);

    transform: translateY(-2px);
}

#trimerous-live-dashboard .tld-kpi-label {

    display: block;

    margin-bottom: 8px;

    color: rgba(255,255,255,.43);

    font-size: 8px;
    font-weight: 600;
    letter-spacing: .8px;
    text-transform: uppercase;
}

#trimerous-live-dashboard .tld-kpi-card strong {

    display: block;

    margin-bottom: 7px;

    color: #fff;

    font-size: 21px;
    font-weight: 600;
    line-height: 1;
}

#trimerous-live-dashboard .tld-kpi-card small {

    font-size: 8px;
}

#trimerous-live-dashboard .tld-positive {
    color: #62d999;
}


/* ============================================================
   09. HERO CHART
============================================================ */

#trimerous-live-dashboard .tld-chart-area {

    padding: 17px;

    border: 1px solid rgba(255,255,255,.07);
    border-radius: 12px;

    background: rgba(0,0,0,.13);
}

#trimerous-live-dashboard .tld-chart-header {

    display: flex;
    align-items: center;
    justify-content: space-between;

    margin-bottom: 12px;

    color: rgba(255,255,255,.7);

    font-size: 10px;
}

#trimerous-live-dashboard .tld-chart-header span:last-child {

    color: rgba(255,255,255,.3);

    font-size: 8px;
}

#trimerous-live-dashboard .tld-fake-chart {

    position: relative;

    height: 145px;

    overflow: hidden;

    background:
        repeating-linear-gradient(
            to bottom,
            rgba(255,255,255,.055) 0,
            rgba(255,255,255,.055) 1px,
            transparent 1px,
            transparent 36px
        );
}

#trimerous-live-dashboard .tld-chart-bars {

    position: absolute;
    inset: 15px 0 0;

    display: flex;
    align-items: flex-end;
    justify-content: space-around;

    gap: 9px;
}

#trimerous-live-dashboard .tld-chart-bars span {

    position: relative;

    flex: 1;
    max-width: 28px;

    border-radius: 5px 5px 0 0;

    background:
        linear-gradient(
            180deg,
            rgba(250,164,26,.9),
            rgba(240,81,37,.26)
        );

    box-shadow:
        0 0 18px rgba(240,81,37,.09);
}

#trimerous-live-dashboard .tld-chart-line {

    position: absolute;

    left: 0;
    right: 0;

    top: 47%;

    height: 2px;

    background:
        linear-gradient(
            90deg,
            transparent 0%,
            rgba(250,164,26,.5) 10%,
            #faa41a 48%,
            #f05125 75%,
            transparent 100%
        );

    transform:
        rotate(-6deg)
        scaleX(1.02);

    transform-origin: left center;

    opacity: .85;

    z-index: 2;
}

#trimerous-live-dashboard .tld-dashboard-bottom {

    display: grid;

    grid-template-columns: repeat(3, 1fr);

    gap: 10px;

    margin-top: 12px;
}

#trimerous-live-dashboard .tld-dashboard-bottom > div {

    padding: 12px 14px;

    border-radius: 9px;

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

#trimerous-live-dashboard .tld-dashboard-bottom small {

    display: block;

    margin-bottom: 5px;

    color: rgba(255,255,255,.32);

    font-size: 8px;
}

#trimerous-live-dashboard .tld-dashboard-bottom strong {

    color: rgba(255,255,255,.87);

    font-size: 13px;
    font-weight: 600;
}


/* ============================================================
   10. PROBLEM SECTION
============================================================ */

#trimerous-live-dashboard .tld-problem-section {

    padding: 115px 0 120px;

    background: #fff;
}

#trimerous-live-dashboard .tld-problem-grid {

    display: grid;

    grid-template-columns:
        repeat(4, minmax(0, 1fr));

    gap: 18px;
}

#trimerous-live-dashboard .tld-problem-card {

    position: relative;

    min-height: 285px;

    padding: 30px 27px;

    border: 1px solid var(--tld-border);

    background: #fff;

    transition: var(--tld-transition);
}

#trimerous-live-dashboard .tld-problem-card::after {

    content: "";

    position: absolute;

    left: 0;
    bottom: 0;

    width: 0;
    height: 3px;

    background:
        linear-gradient(
            90deg,
            var(--tld-orange),
            var(--tld-gold)
        );

    transition: width .4s ease;
}

#trimerous-live-dashboard .tld-problem-card:hover {

    border-color: transparent;

    box-shadow: var(--tld-shadow);

    transform: translateY(-7px);
}

#trimerous-live-dashboard .tld-problem-card:hover::after {
    width: 100%;
}

#trimerous-live-dashboard .tld-problem-icon {

    width: 48px;
    height: 48px;

    display: flex;
    align-items: center;
    justify-content: center;

    margin-bottom: 25px;

    border-radius: 11px;

    color: var(--tld-orange);

    background: #fff3ee;

    font-size: 19px;
}

#trimerous-live-dashboard .tld-problem-card h3 {

    margin: 0 0 12px;

    color: var(--tld-navy);

    font-size: 18px;
    font-weight: 600;
}

#trimerous-live-dashboard .tld-problem-card p {

    margin: 0;

    color: var(--tld-text-light);

    font-size: 13px;
    line-height: 1.8;
}


/* ============================================================
   11. VALUE SECTION
============================================================ */

#trimerous-live-dashboard .tld-value-section {

    padding: 125px 0;

    background:
        linear-gradient(
            135deg,
            #f6f7f9 0%,
            #ffffff 70%
        );
}

#trimerous-live-dashboard .tld-value-grid {

    display: grid;

    grid-template-columns:
        minmax(0, .85fr)
        minmax(0, 1.15fr);

    align-items: center;

    gap: 100px;
}

#trimerous-live-dashboard .tld-value-content {
    max-width: 570px;
}

#trimerous-live-dashboard .tld-check-list {

    list-style: none;

    padding: 0;
    margin: 29px 0 0;
}

#trimerous-live-dashboard .tld-check-list li {

    display: flex;
    align-items: flex-start;
    gap: 12px;

    margin-bottom: 13px;

    color: #3e4859;

    font-size: 13px;
    line-height: 1.6;
}

#trimerous-live-dashboard .tld-check-list li i {

    flex: 0 0 auto;

    width: 20px;
    height: 20px;

    display: flex;
    align-items: center;
    justify-content: center;

    margin-top: 1px;

    border-radius: 50%;

    color: var(--tld-orange);

    background: #fff0e9;

    font-size: 9px;
}


/* ============================================================
   12. DATA FLOW
============================================================ */

#trimerous-live-dashboard .tld-data-flow {

    position: relative;

    min-height: 440px;

    display: grid;

    grid-template-columns:
        1fr .55fr 1fr;

    align-items: center;

    padding: 45px 30px;

    border: 1px solid #dfe4ea;
    border-radius: 25px;

    background: #fff;

    box-shadow: var(--tld-shadow);
}

#trimerous-live-dashboard .tld-flow-source,
#trimerous-live-dashboard .tld-flow-result {

    display: flex;
    flex-direction: column;
    gap: 12px;
}

#trimerous-live-dashboard .tld-flow-source span,
#trimerous-live-dashboard .tld-flow-result div {

    display: flex;
    align-items: center;
    gap: 11px;

    min-height: 48px;

    padding: 0 15px;

    border: 1px solid #e7ebef;
    border-radius: 10px;

    color: #455062;

    background: #fafbfc;

    font-size: 11px;
    font-weight: 600;

    transition: var(--tld-transition);
}

#trimerous-live-dashboard .tld-flow-source span:hover,
#trimerous-live-dashboard .tld-flow-result div:hover {

    color: var(--tld-orange);

    border-color: rgba(240,81,37,.2);

    transform: translateX(3px);
}

#trimerous-live-dashboard .tld-flow-source i {
    color: var(--tld-orange);
}

#trimerous-live-dashboard .tld-flow-result i {
    color: var(--tld-gold);
}

#trimerous-live-dashboard .tld-flow-middle {

    position: relative;

    height: 100%;

    display: flex;
    align-items: center;
    justify-content: center;
}

#trimerous-live-dashboard .tld-flow-line {

    position: absolute;

    left: 0;
    right: 0;

    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(240,81,37,.4),
            transparent
        );
}

#trimerous-live-dashboard .tld-flow-engine {

    position: relative;
    z-index: 2;

    width: 130px;
    height: 130px;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    color: #fff;

    background:
        linear-gradient(
            145deg,
            var(--tld-orange),
            #bd3517
        );

    box-shadow:
        0 20px 45px rgba(240,81,37,.25),
        0 0 0 14px rgba(240,81,37,.06);
}

#trimerous-live-dashboard .tld-flow-engine i {

    margin-bottom: 8px;

    font-size: 24px;
}

#trimerous-live-dashboard .tld-flow-engine strong {

    font-size: 10px;
    line-height: 1.25;
    letter-spacing: 1px;
    text-align: center;
}


/* ============================================================
   13. DATA SOURCES
============================================================ */

#trimerous-live-dashboard .tld-sources-section {

    padding: 120px 0;

    background: #fff;
}

#trimerous-live-dashboard .tld-source-grid {

    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap: 16px;
}

#trimerous-live-dashboard .tld-source-card {

    position: relative;

    padding: 32px;

    border: 1px solid #e3e7ed;
    border-radius: 15px;

    background: #fff;

    transition: var(--tld-transition);
}

#trimerous-live-dashboard .tld-source-card::before {

    content: "";

    position: absolute;

    top: 0;
    left: 30px;

    width: 35px;
    height: 2px;

    background: var(--tld-orange);

    opacity: 0;

    transition: opacity .3s ease;
}

#trimerous-live-dashboard .tld-source-card:hover {

    border-color: transparent;

    box-shadow: var(--tld-shadow);

    transform: translateY(-5px);
}

#trimerous-live-dashboard .tld-source-card:hover::before {
    opacity: 1;
}

#trimerous-live-dashboard .tld-source-card > i {

    display: block;

    margin-bottom: 22px;

    color: var(--tld-orange);

    font-size: 25px;
}

#trimerous-live-dashboard .tld-source-card h3 {

    margin: 0 0 10px;

    color: var(--tld-navy);

    font-size: 17px;
    font-weight: 600;
}

#trimerous-live-dashboard .tld-source-card p {

    margin: 0;

    color: var(--tld-text-light);

    font-size: 12.5px;
    line-height: 1.8;
}


/* ============================================================
   14. DASHBOARD TYPES
============================================================ */

#trimerous-live-dashboard .tld-dashboard-types-section {

    padding: 125px 0;

    background: var(--tld-off-white);
}

#trimerous-live-dashboard .tld-dashboard-type-grid {

    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap: 18px;
}

#trimerous-live-dashboard .tld-type-card {

    position: relative;

    min-height: 365px;

    padding: 33px 31px;

    border: 1px solid #e0e5eb;
    border-radius: 17px;

    background: #fff;

    overflow: hidden;

    transition: var(--tld-transition);
}

#trimerous-live-dashboard .tld-type-card:hover {

    transform: translateY(-8px);

    border-color: transparent;

    box-shadow: var(--tld-shadow-lg);
}

#trimerous-live-dashboard .tld-type-card::after {

    content: "";

    position: absolute;

    width: 150px;
    height: 150px;

    right: -75px;
    bottom: -75px;

    border-radius: 50%;

    background: rgba(240,81,37,.045);

    transition: transform .5s ease;
}

#trimerous-live-dashboard .tld-type-card:hover::after {
    transform: scale(2);
}

#trimerous-live-dashboard .tld-featured-type {

    color: #fff;

    border-color: transparent;

    background:
        linear-gradient(
            145deg,
            #0a1727,
            #10253c
        );

    box-shadow:
        0 20px 50px rgba(7,17,31,.13);
}

#trimerous-live-dashboard .tld-featured-type h3,
#trimerous-live-dashboard .tld-featured-type p {
    color: #fff;
}

#trimerous-live-dashboard .tld-featured-type p {
    color: rgba(255,255,255,.61);
}

#trimerous-live-dashboard .tld-type-number {

    position: absolute;

    top: 25px;
    right: 27px;

    color: #b9c0ca;

    font-family: "Oswald", sans-serif;

    font-size: 26px;
    font-weight: 300;
}

#trimerous-live-dashboard .tld-featured-type .tld-type-number {
    color: rgba(255,255,255,.22);
}

#trimerous-live-dashboard .tld-type-card > i {

    display: inline-flex;

    width: 48px;
    height: 48px;

    align-items: center;
    justify-content: center;

    margin-bottom: 25px;

    border-radius: 11px;

    color: var(--tld-orange);

    background: #fff0ea;

    font-size: 18px;
}

#trimerous-live-dashboard .tld-featured-type > i {

    color: #fff;

    background:
        rgba(240,81,37,.18);
}

#trimerous-live-dashboard .tld-type-card h3 {

    margin: 0 0 12px;

    color: var(--tld-navy);

    font-size: 20px;
    font-weight: 600;
}

#trimerous-live-dashboard .tld-type-card p {

    min-height: 70px;

    margin-bottom: 22px;

    color: var(--tld-text-light);

    font-size: 12.5px;
    line-height: 1.75;
}

#trimerous-live-dashboard .tld-type-card ul {

    list-style: none;

    margin: 0;
    padding: 0;

    display: grid;
    grid-template-columns: 1fr 1fr;

    gap: 9px 15px;
}

#trimerous-live-dashboard .tld-type-card li {

    position: relative;

    padding-left: 14px;

    color: #566173;

    font-size: 10.5px;
}

#trimerous-live-dashboard .tld-type-card li::before {

    content: "";

    position: absolute;

    left: 0;
    top: 6px;

    width: 5px;
    height: 5px;

    border-radius: 50%;

    background: var(--tld-orange);
}

#trimerous-live-dashboard .tld-featured-type li {
    color: rgba(255,255,255,.63);
}


/* ============================================================
   15. KPI SECTION
============================================================ */

#trimerous-live-dashboard .tld-kpi-section {

    padding: 115px 0;

    color: #fff;

    background:
        radial-gradient(
            circle at 85% 25%,
            rgba(240,81,37,.13),
            transparent 27%
        ),
        linear-gradient(
            135deg,
            #07111f,
            #0c1929
        );
}

#trimerous-live-dashboard .tld-kpi-intro {

    max-width: 760px;

    margin-bottom: 55px;
}

#trimerous-live-dashboard .tld-kpi-intro .tld-eyebrow {
    color: #f7b04b;
}

#trimerous-live-dashboard .tld-kpi-intro h2 {

    margin: 0 0 18px;

    color: #fff;

    font-size: clamp(36px, 4vw, 55px);
    line-height: 1.05;
    letter-spacing: -1.8px;
}

#trimerous-live-dashboard .tld-kpi-intro h2 span {
    color: var(--tld-orange);
}

#trimerous-live-dashboard .tld-kpi-intro p {

    max-width: 680px;

    margin: 0;

    color: rgba(255,255,255,.56);

    font-size: 15px;
    line-height: 1.8;
}

#trimerous-live-dashboard .tld-kpi-showcase {

    display: grid;

    grid-template-columns:
        repeat(4, minmax(0, 1fr));

    border-top: 1px solid rgba(255,255,255,.11);
    border-bottom: 1px solid rgba(255,255,255,.11);
}

#trimerous-live-dashboard .tld-big-kpi {

    min-height: 215px;

    padding: 38px 28px;

    border-right: 1px solid rgba(255,255,255,.09);

    transition: background .3s ease;
}

#trimerous-live-dashboard .tld-big-kpi:last-child {
    border-right: 0;
}

#trimerous-live-dashboard .tld-big-kpi:hover {
    background: rgba(255,255,255,.035);
}

#trimerous-live-dashboard .tld-big-kpi small {

    display: block;

    margin-bottom: 18px;

    color: rgba(255,255,255,.37);

    font-size: 9px;
    font-weight: 700;
    letter-spacing: 1.5px;
}

#trimerous-live-dashboard .tld-big-kpi strong {

    display: block;

    margin-bottom: 14px;

    color: #fff;

    font-size: clamp(29px, 3vw, 42px);
    font-weight: 600;
    letter-spacing: -1px;
}

#trimerous-live-dashboard .tld-big-kpi span {

    color: #71dba2;

    font-size: 10px;
}


/* ============================================================
   16. PROCESS
============================================================ */

#trimerous-live-dashboard .tld-process-section {

    padding: 120px 0;

    background: #fff;
}

#trimerous-live-dashboard .tld-process-grid {

    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap: 0;

    border-top: 1px solid var(--tld-border);
    border-left: 1px solid var(--tld-border);
}

#trimerous-live-dashboard .tld-process-card {

    position: relative;

    min-height: 275px;

    padding: 33px;

    border-right: 1px solid var(--tld-border);
    border-bottom: 1px solid var(--tld-border);

    background: #fff;

    transition: var(--tld-transition);
}

#trimerous-live-dashboard .tld-process-card:hover {

    z-index: 2;

    background: #fafbfc;

    box-shadow:
        0 15px 45px rgba(10,25,45,.09);
}

#trimerous-live-dashboard .tld-process-number {

    position: absolute;

    top: 24px;
    right: 27px;

    color: #e6e9ed;

    font-family: "Oswald", sans-serif;

    font-size: 35px;
    font-weight: 300;
}

#trimerous-live-dashboard .tld-process-card > i {

    display: flex;

    width: 47px;
    height: 47px;

    align-items: center;
    justify-content: center;

    margin-bottom: 25px;

    border-radius: 10px;

    color: var(--tld-orange);

    background: #fff1eb;

    font-size: 17px;
}

#trimerous-live-dashboard .tld-process-card h3 {

    margin: 0 0 10px;

    color: var(--tld-navy);

    font-size: 19px;
    font-weight: 600;
}

#trimerous-live-dashboard .tld-process-card p {

    max-width: 310px;

    margin: 0;

    color: var(--tld-text-light);

    font-size: 12.5px;
    line-height: 1.8;
}


/* ============================================================
   17. USE CASE
============================================================ */

#trimerous-live-dashboard .tld-usecase-section {

    padding: 125px 0;

    background: var(--tld-off-white);
}

#trimerous-live-dashboard .tld-usecase-grid {

    display: grid;

    grid-template-columns:
        minmax(0, .85fr)
        minmax(0, 1.15fr);

    align-items: center;

    gap: 85px;
}

#trimerous-live-dashboard .tld-usecase-content h2 {

    margin: 0 0 20px;

    color: var(--tld-navy);

    font-size: clamp(35px, 4vw, 52px);
    line-height: 1.08;
    letter-spacing: -1.5px;
}

#trimerous-live-dashboard .tld-usecase-content h2 span {
    color: var(--tld-orange);
}

#trimerous-live-dashboard .tld-usecase-content > p {

    margin-bottom: 30px;

    color: var(--tld-text-light);

    font-size: 14px;
    line-height: 1.8;
}

#trimerous-live-dashboard .tld-usecase-tabs {

    display: flex;
    flex-direction: column;
    gap: 5px;
}

#trimerous-live-dashboard .tld-usecase-item {

    display: flex;
    align-items: center;
    gap: 15px;

    padding: 12px;

    border: 1px solid transparent;
    border-radius: 11px;

    cursor: default;

    transition: var(--tld-transition);
}

#trimerous-live-dashboard .tld-usecase-item.active,
#trimerous-live-dashboard .tld-usecase-item:hover {

    border-color: #e2e6eb;

    background: #fff;

    box-shadow: 0 8px 25px rgba(10,25,45,.05);
}

#trimerous-live-dashboard .tld-usecase-item > span {

    flex: 0 0 auto;

    width: 40px;
    height: 40px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 9px;

    color: var(--tld-orange);

    background: #fff0ea;
}

#trimerous-live-dashboard .tld-usecase-item strong {

    display: block;

    margin-bottom: 3px;

    color: var(--tld-navy);

    font-size: 12px;
}

#trimerous-live-dashboard .tld-usecase-item small {

    display: block;

    color: var(--tld-text-light);

    font-size: 10px;
    line-height: 1.5;
}


/* ============================================================
   18. SALES DASHBOARD VISUAL
============================================================ */

#trimerous-live-dashboard .tld-usecase-visual {
    position: relative;
}

#trimerous-live-dashboard .tld-usecase-visual::before {

    content: "";

    position: absolute;

    width: 300px;
    height: 300px;

    right: -90px;
    top: -70px;

    border-radius: 50%;

    background: rgba(240,81,37,.07);

    filter: blur(4px);
}

#trimerous-live-dashboard .tld-department-dashboard {

    position: relative;
    z-index: 2;

    padding: 28px;

    border: 1px solid #dde3e9;
    border-radius: 20px;

    background: #fff;

    box-shadow: var(--tld-shadow-lg);
}

#trimerous-live-dashboard .tld-mini-header {

    display: flex;
    align-items: center;
    justify-content: space-between;

    padding-bottom: 20px;

    border-bottom: 1px solid #edf0f3;

    color: #798394;

    font-size: 9px;
    font-weight: 700;
    letter-spacing: 1px;
}

#trimerous-live-dashboard .tld-sales-metrics {

    display: grid;

    grid-template-columns: repeat(3,1fr);

    gap: 12px;

    margin: 20px 0;
}

#trimerous-live-dashboard .tld-sales-metrics > div {

    padding: 17px;

    border-radius: 10px;

    background: #f7f8fa;
}

#trimerous-live-dashboard .tld-sales-metrics small {

    display: block;

    margin-bottom: 7px;

    color: #8992a1;

    font-size: 9px;
}

#trimerous-live-dashboard .tld-sales-metrics strong {

    color: var(--tld-navy);

    font-size: 18px;
    font-weight: 600;
}

#trimerous-live-dashboard .tld-progress-block {

    padding: 20px;

    border-radius: 11px;

    background: #0b1728;
}

#trimerous-live-dashboard .tld-progress-title {

    display: flex;
    justify-content: space-between;

    margin-bottom: 10px;

    color: rgba(255,255,255,.55);

    font-size: 9px;
}

#trimerous-live-dashboard .tld-progress-title strong {
    color: #fff;
}

#trimerous-live-dashboard .tld-progress {

    width: 100%;
    height: 6px;

    overflow: hidden;

    border-radius: 10px;

    background: rgba(255,255,255,.12);
}

#trimerous-live-dashboard .tld-progress span {

    display: block;

    height: 100%;

    border-radius: inherit;

    background:
        linear-gradient(
            90deg,
            var(--tld-orange),
            var(--tld-gold)
        );
}

#trimerous-live-dashboard .tld-sales-list {

    margin-top: 18px;
}

#trimerous-live-dashboard .tld-sales-list > div {

    display: flex;
    justify-content: space-between;

    padding: 12px 0;

    border-bottom: 1px solid #edf0f3;

    color: #657083;

    font-size: 10px;
}

#trimerous-live-dashboard .tld-sales-list strong {
    color: var(--tld-navy);
}


/* ============================================================
   19. VISUALIZATION
============================================================ */

#trimerous-live-dashboard .tld-visualization-section {

    padding: 120px 0;

    background: #fff;
}

#trimerous-live-dashboard .tld-visual-grid {

    display: grid;

    grid-template-columns:
        repeat(4, minmax(0, 1fr));

    gap: 16px;
}

#trimerous-live-dashboard .tld-visual-card {

    padding: 32px 27px;

    border: 1px solid #e1e6eb;

    background: #fff;

    transition: var(--tld-transition);
}

#trimerous-live-dashboard .tld-visual-card:hover {

    border-color: transparent;

    box-shadow: var(--tld-shadow);

    transform: translateY(-6px);
}

#trimerous-live-dashboard .tld-visual-icon {

    width: 47px;
    height: 47px;

    display: flex;
    align-items: center;
    justify-content: center;

    margin-bottom: 22px;

    border-radius: 10px;

    color: var(--tld-orange);

    background: #fff1eb;
}

#trimerous-live-dashboard .tld-visual-card h3 {

    margin: 0 0 10px;

    color: var(--tld-navy);

    font-size: 18px;
    font-weight: 600;
}

#trimerous-live-dashboard .tld-visual-card p {

    margin: 0;

    color: var(--tld-text-light);

    font-size: 12px;
    line-height: 1.8;
}


/* ============================================================
   20. EXECUTIVE DASHBOARD SECTION
============================================================ */

#trimerous-live-dashboard .tld-executive-section {

    padding: 125px 0;

    background:
        linear-gradient(
            135deg,
            #f5f6f8,
            #ffffff
        );
}

#trimerous-live-dashboard .tld-executive-grid {

    display: grid;

    grid-template-columns:
        minmax(0, 1.1fr)
        minmax(0, .9fr);

    align-items: center;

    gap: 90px;
}

#trimerous-live-dashboard .tld-executive-dashboard {

    padding: 25px;

    border-radius: 18px;

    color: #fff;

    background:
        linear-gradient(
            145deg,
            #0b1728,
            #11263c
        );

    box-shadow: var(--tld-shadow-lg);
}

#trimerous-live-dashboard .tld-executive-top {

    display: flex;
    justify-content: space-between;

    padding-bottom: 20px;

    border-bottom: 1px solid rgba(255,255,255,.09);
}

#trimerous-live-dashboard .tld-executive-top small {

    display: block;

    margin-bottom: 4px;

    color: rgba(255,255,255,.35);

    font-size: 8px;
    letter-spacing: 1.4px;
}

#trimerous-live-dashboard .tld-executive-top h3 {

    margin: 0;

    font-size: 18px;
    font-weight: 600;
}

#trimerous-live-dashboard .tld-live-badge {

    align-self: flex-start;

    display: inline-flex;
    align-items: center;
    gap: 7px;

    padding: 6px 9px;

    border: 1px solid rgba(73,216,139,.18);
    border-radius: 20px;

    color: #71dba2;

    font-size: 8px;
    font-weight: 700;
    text-transform: uppercase;
}

#trimerous-live-dashboard .tld-executive-row {

    display: grid;

    grid-template-columns: repeat(3,1fr);

    gap: 10px;

    margin: 15px 0;
}

#trimerous-live-dashboard .tld-executive-box {

    padding: 15px;

    border-radius: 9px;

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

#trimerous-live-dashboard .tld-executive-box small {

    display: block;

    margin-bottom: 6px;

    color: rgba(255,255,255,.34);

    font-size: 8px;
}

#trimerous-live-dashboard .tld-executive-box strong {

    display: block;

    margin-bottom: 6px;

    font-size: 17px;
    font-weight: 600;
}

#trimerous-live-dashboard .tld-executive-box span {

    color: #6fd99f;

    font-size: 8px;
}

#trimerous-live-dashboard .tld-executive-chart {

    height: 210px;

    display: flex;

    padding: 20px 12px 10px;

    border-radius: 10px;

    background: rgba(0,0,0,.15);
}

#trimerous-live-dashboard .tld-chart-axis {

    width: 30px;

    display: flex;
    flex-direction: column;
    justify-content: space-between;

    padding-bottom: 10px;

    color: rgba(255,255,255,.24);

    font-size: 7px;
}

#trimerous-live-dashboard .tld-chart-area-large {

    flex: 1;

    display: flex;
    align-items: flex-end;
    justify-content: space-around;

    gap: 8px;

    padding-left: 10px;

    background:
        repeating-linear-gradient(
            to bottom,
            rgba(255,255,255,.05) 0,
            rgba(255,255,255,.05) 1px,
            transparent 1px,
            transparent 42px
        );
}

#trimerous-live-dashboard .tld-chart-area-large span {

    width: 8%;

    border-radius: 4px 4px 0 0;

    background:
        linear-gradient(
            180deg,
            var(--tld-orange),
            rgba(240,81,37,.28)
        );
}

#trimerous-live-dashboard .tld-alert-row {

    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 10px;

    margin-top: 12px;
}

#trimerous-live-dashboard .tld-alert-row div {

    padding: 11px;

    border-radius: 8px;

    color: rgba(255,255,255,.53);

    background: rgba(255,255,255,.04);

    font-size: 8px;
}

#trimerous-live-dashboard .tld-alert-row i {
    margin-right: 5px;
    color: #69d89b;
}

#trimerous-live-dashboard .tld-alert-row div:last-child i {
    color: #f4ae4a;
}


/* ============================================================
   21. ALERTS
============================================================ */

#trimerous-live-dashboard .tld-alert-section {

    padding: 120px 0;

    background: #fff;
}

#trimerous-live-dashboard .tld-alert-grid {

    display: grid;

    grid-template-columns:
        minmax(0, .95fr)
        minmax(0, 1.05fr);

    align-items: center;

    gap: 100px;
}

#trimerous-live-dashboard .tld-alert-features {

    margin-top: 30px;
}

#trimerous-live-dashboard .tld-alert-features > div {

    display: grid;

    grid-template-columns: 45px 1fr;

    column-gap: 13px;

    padding: 17px 0;

    border-bottom: 1px solid #edf0f3;
}

#trimerous-live-dashboard .tld-alert-features i {

    grid-row: span 2;

    width: 43px;
    height: 43px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 9px;

    color: var(--tld-orange);

    background: #fff1eb;
}

#trimerous-live-dashboard .tld-alert-features strong {

    margin-bottom: 3px;

    color: var(--tld-navy);

    font-size: 13px;
}

#trimerous-live-dashboard .tld-alert-features span {

    color: var(--tld-text-light);

    font-size: 10px;
    line-height: 1.6;
}

#trimerous-live-dashboard .tld-alert-visual {

    position: relative;

    padding: 30px;

    border-radius: 20px;

    background:
        linear-gradient(
            145deg,
            #f6f7f9,
            #ffffff
        );

    border: 1px solid #e3e7ec;
}

#trimerous-live-dashboard .tld-notification-card {

    display: flex;
    gap: 17px;

    padding: 21px;

    border: 1px solid #e4e8ed;
    border-radius: 13px;

    background: #fff;

    box-shadow: 0 10px 35px rgba(8,20,35,.06);
}

#trimerous-live-dashboard .tld-notification-card + .tld-notification-card {
    margin-top: 13px;
}

#trimerous-live-dashboard .tld-notification-icon {

    flex: 0 0 auto;

    width: 42px;
    height: 42px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 10px;

    color: var(--tld-orange);

    background: #fff0e9;
}

#trimerous-live-dashboard .tld-notification-card small {

    display: block;

    margin-bottom: 5px;

    color: #9aa2ae;

    font-size: 8px;
    font-weight: 700;
    letter-spacing: 1px;
}

#trimerous-live-dashboard .tld-notification-card strong {

    display: block;

    margin-bottom: 6px;

    color: var(--tld-navy);

    font-size: 13px;
}

#trimerous-live-dashboard .tld-notification-card p {

    margin: 0 0 8px;

    color: var(--tld-text-light);

    font-size: 10px;
    line-height: 1.6;
}

#trimerous-live-dashboard .tld-notification-card span {

    color: #a1a9b4;

    font-size: 8px;
}


/* ============================================================
   22. AI SECTION
============================================================ */

#trimerous-live-dashboard .tld-ai-section {

    padding: 95px 0;

    background: var(--tld-off-white);
}

#trimerous-live-dashboard .tld-ai-card {

    position: relative;

    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        minmax(0, .85fr);

    gap: 70px;

    align-items: center;

    padding: 65px;

    border-radius: 27px;

    overflow: hidden;

    background:
        radial-gradient(
            circle at 85% 20%,
            rgba(250,164,26,.13),
            transparent 28%
        ),
        linear-gradient(
            135deg,
            #081421,
            #10243a
        );

    box-shadow: var(--tld-shadow-lg);
}

#trimerous-live-dashboard .tld-ai-content h2 {
    color: #fff;
}

#trimerous-live-dashboard .tld-ai-content h2 span {
    color: var(--tld-orange);
}

#trimerous-live-dashboard .tld-ai-content > p {

    max-width: 600px;

    color: rgba(255,255,255,.59);

    font-size: 13px;
    line-height: 1.85;
}

#trimerous-live-dashboard .tld-ai-points {

    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 10px;

    margin: 25px 0;
}

#trimerous-live-dashboard .tld-ai-points span {

    color: rgba(255,255,255,.72);

    font-size: 10px;
}

#trimerous-live-dashboard .tld-ai-points i {

    margin-right: 6px;

    color: #6edba0;
}

#trimerous-live-dashboard .tld-ai-note {

    display: block;

    color: rgba(255,255,255,.32);

    font-size: 9px;
    line-height: 1.7;
}

#trimerous-live-dashboard .tld-ai-window {

    padding: 20px;

    border: 1px solid rgba(255,255,255,.10);
    border-radius: 15px;

    background:
        rgba(255,255,255,.055);

    box-shadow:
        0 25px 70px rgba(0,0,0,.2);
}

#trimerous-live-dashboard .tld-ai-window-head {

    display: flex;
    justify-content: space-between;

    padding-bottom: 15px;

    border-bottom: 1px solid rgba(255,255,255,.08);

    color: rgba(255,255,255,.38);

    font-size: 8px;
}

#trimerous-live-dashboard .tld-ai-window-head i {
    margin-right: 5px;
    color: var(--tld-gold);
}

#trimerous-live-dashboard .tld-ai-message {

    display: flex;
    gap: 13px;

    margin-top: 18px;
}

#trimerous-live-dashboard .tld-ai-avatar {

    flex: 0 0 auto;

    width: 37px;
    height: 37px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 9px;

    color: #fff;

    background:
        linear-gradient(
            135deg,
            var(--tld-orange),
            var(--tld-gold)
        );
}

#trimerous-live-dashboard .tld-ai-message strong {

    display: block;

    margin-bottom: 6px;

    color: #fff;

    font-size: 12px;
}

#trimerous-live-dashboard .tld-ai-message p {

    margin: 0 0 10px;

    color: rgba(255,255,255,.58);

    font-size: 10px;
    line-height: 1.7;
}

#trimerous-live-dashboard .tld-ai-message span {

    display: block;

    padding: 10px;

    border-radius: 7px;

    color: rgba(255,255,255,.55);

    background: rgba(255,255,255,.045);

    font-size: 9px;
    line-height: 1.6;
}


/* ============================================================
   23. SECURITY
============================================================ */

#trimerous-live-dashboard .tld-security-section {

    padding: 120px 0;

    background: #fff;
}

#trimerous-live-dashboard .tld-security-grid {

    display: grid;

    grid-template-columns:
        repeat(4, minmax(0, 1fr));

    gap: 15px;
}

#trimerous-live-dashboard .tld-security-card {

    padding: 32px 27px;

    border: 1px solid #e2e7ec;
    border-radius: 14px;

    background: #fff;

    transition: var(--tld-transition);
}

#trimerous-live-dashboard .tld-security-card:hover {

    border-color: transparent;

    box-shadow: var(--tld-shadow);

    transform: translateY(-5px);
}

#trimerous-live-dashboard .tld-security-card > i {

    margin-bottom: 21px;

    color: var(--tld-orange);

    font-size: 23px;
}

#trimerous-live-dashboard .tld-security-card h3 {

    margin: 0 0 10px;

    color: var(--tld-navy);

    font-size: 16px;
    font-weight: 600;
}

#trimerous-live-dashboard .tld-security-card p {

    margin: 0;

    color: var(--tld-text-light);

    font-size: 11px;
    line-height: 1.75;
}


/* ============================================================
   24. FIT SECTION
============================================================ */

#trimerous-live-dashboard .tld-fit-section {

    padding: 120px 0;

    background: var(--tld-off-white);
}

#trimerous-live-dashboard .tld-fit-grid {

    display: grid;

    grid-template-columns:
        minmax(0, .9fr)
        minmax(0, 1.1fr);

    gap: 100px;

    align-items: start;
}

#trimerous-live-dashboard .tld-fit-content {
    position: sticky;
    top: 100px;
}

#trimerous-live-dashboard .tld-fit-list {

    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 12px;
}

#trimerous-live-dashboard .tld-fit-item {

    display: flex;
    gap: 13px;

    padding: 22px;

    border: 1px solid #e0e5ea;
    border-radius: 12px;

    background: #fff;

    transition: var(--tld-transition);
}

#trimerous-live-dashboard .tld-fit-item:hover {

    border-color: rgba(240,81,37,.18);

    transform: translateY(-3px);

    box-shadow: var(--tld-shadow-sm);
}

#trimerous-live-dashboard .tld-fit-item > i {

    flex: 0 0 auto;

    width: 25px;
    height: 25px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    color: var(--tld-orange);

    background: #fff0e9;

    font-size: 9px;
}

#trimerous-live-dashboard .tld-fit-item strong {

    display: block;

    margin-bottom: 5px;

    color: var(--tld-navy);

    font-size: 12px;
}

#trimerous-live-dashboard .tld-fit-item span {

    display: block;

    color: var(--tld-text-light);

    font-size: 9.5px;
    line-height: 1.6;
}


/* ============================================================
   25. IMPACT
============================================================ */

#trimerous-live-dashboard .tld-impact-section {

    padding: 120px 0;

    background: #fff;
}

#trimerous-live-dashboard .tld-impact-grid {

    display: grid;

    grid-template-columns:
        repeat(4, minmax(0,1fr));

    border-top: 1px solid var(--tld-border);
    border-left: 1px solid var(--tld-border);
}

#trimerous-live-dashboard .tld-impact-card {

    position: relative;

    min-height: 295px;

    padding: 34px 29px;

    border-right: 1px solid var(--tld-border);
    border-bottom: 1px solid var(--tld-border);

    overflow: hidden;
}

#trimerous-live-dashboard .tld-impact-number {

    position: absolute;

    top: 17px;
    right: 20px;

    color: #edf0f3;

    font-family: "Oswald", sans-serif;

    font-size: 43px;
    font-weight: 300;
}

#trimerous-live-dashboard .tld-impact-card > i {

    display: block;

    margin-bottom: 27px;

    color: var(--tld-orange);

    font-size: 23px;
}

#trimerous-live-dashboard .tld-impact-card h3 {

    margin: 0 0 12px;

    color: var(--tld-navy);

    font-size: 17px;
    font-weight: 600;
}

#trimerous-live-dashboard .tld-impact-card p {

    margin: 0;

    color: var(--tld-text-light);

    font-size: 11px;
    line-height: 1.8;
}


/* ============================================================
   26. CUSTOM CTA
============================================================ */

#trimerous-live-dashboard .tld-custom-section {

    padding: 80px 0;

    background:
        linear-gradient(
            135deg,
            #f05125,
            #d8421b
        );
}

#trimerous-live-dashboard .tld-custom-grid {

    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        auto;

    align-items: center;

    gap: 60px;
}

#trimerous-live-dashboard .tld-custom-section .tld-eyebrow {
    color: rgba(255,255,255,.65);
}

#trimerous-live-dashboard .tld-custom-section .tld-eyebrow::before {
    background: #fff;
}

#trimerous-live-dashboard .tld-custom-section h2 {

    margin-bottom: 15px;

    color: #fff;

    font-size: clamp(34px,4vw,50px);
}

#trimerous-live-dashboard .tld-custom-section h2 span {
    color: #ffe0ad;
}

#trimerous-live-dashboard .tld-custom-section p {

    max-width: 670px;

    margin: 0;

    color: rgba(255,255,255,.73);

    font-size: 13px;
    line-height: 1.8;
}

#trimerous-live-dashboard .tld-custom-actions {

    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}


/* ============================================================
   27. FAQ
============================================================ */

#trimerous-live-dashboard .tld-faq-section {

    padding: 125px 0;

    background: var(--tld-off-white);
}

#trimerous-live-dashboard .tld-faq-wrapper {

    max-width: 920px;

    margin: 0 auto;
}

#trimerous-live-dashboard .ldd-faq-item {

    margin-bottom: 10px;

    border: 1px solid #e0e5ea;
    border-radius: 11px;

    background: #fff;

    overflow: hidden;

    transition: var(--tld-transition);
}

#trimerous-live-dashboard .ldd-faq-item:hover {
    border-color: #d7dce2;
}

#trimerous-live-dashboard .ldd-faq-question {

    width: 100%;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 20px;

    padding: 22px 24px;

    border: 0;
    outline: 0;

    color: var(--tld-navy);

    background: transparent;

    font-size: 13px;
    font-weight: 600;

    text-align: left;

    cursor: pointer;
}

#trimerous-live-dashboard .ldd-faq-question i {

    flex: 0 0 auto;

    color: var(--tld-orange);

    font-size: 12px;

    transition: transform .3s ease;
}

#trimerous-live-dashboard .ldd-faq-item.active .ldd-faq-question i {
    transform: rotate(45deg);
}

#trimerous-live-dashboard .ldd-faq-answer {

    display: none;

    padding: 0 24px 23px;
}

#trimerous-live-dashboard .ldd-faq-item.active .ldd-faq-answer {
    display: block;
}

#trimerous-live-dashboard .ldd-faq-answer p {

    margin: 0;

    color: var(--tld-text-light);

    font-size: 12px;
    line-height: 1.85;
}


/* ============================================================
   28. FINAL CTA
============================================================ */

#trimerous-live-dashboard .tld-final-cta {

    padding: 125px 0;

    color: #fff;

    background:
        radial-gradient(
            circle at 50% 0%,
            rgba(250,164,26,.12),
            transparent 35%
        ),
        linear-gradient(
            135deg,
            #06101d,
            #0b192b
        );

    text-align: center;
}

#trimerous-live-dashboard .tld-final-cta-inner {

    max-width: 900px;

    margin: auto;
}

#trimerous-live-dashboard .tld-final-cta .tld-eyebrow {
    color: #f7b04b;
}

#trimerous-live-dashboard .tld-final-cta h2 {

    margin-bottom: 21px;

    color: #fff;

    font-size: clamp(40px, 5vw, 62px);
    letter-spacing: -2px;
}

#trimerous-live-dashboard .tld-final-cta h2 span {
    color: var(--tld-orange);
}

#trimerous-live-dashboard .tld-final-cta p {

    max-width: 720px;

    margin: 0 auto 32px;

    color: rgba(255,255,255,.57);

    font-size: 14px;
    line-height: 1.85;
}

#trimerous-live-dashboard .tld-final-actions {

    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 11px;

    margin-bottom: 30px;
}

#trimerous-live-dashboard .tld-final-note {

    display: inline-flex;
    align-items: flex-start;
    gap: 8px;

    max-width: 760px;

    color: rgba(255,255,255,.31);

    font-size: 9px;
    line-height: 1.7;
}

#trimerous-live-dashboard .tld-final-note i {
    margin-top: 2px;
    color: rgba(250,164,26,.65);
}


/* ============================================================
   29. RESPONSIVE — LARGE TABLET
============================================================ */

@media (max-width: 1199px) {

    #trimerous-live-dashboard .tld-hero-section {
        padding-left: 4%;
        padding-right: 4%;
    }

    #trimerous-live-dashboard .tld-hero-grid {
        grid-template-columns:
            minmax(0, .8fr)
            minmax(500px, 1.2fr);

        gap: 45px;
    }

    #trimerous-live-dashboard .tld-hero-content h1 {
        font-size: 57px;
    }

    #trimerous-live-dashboard .tld-value-grid,
    #trimerous-live-dashboard .tld-usecase-grid,
    #trimerous-live-dashboard .tld-executive-grid,
    #trimerous-live-dashboard .tld-alert-grid {
        gap: 55px;
    }

    #trimerous-live-dashboard .tld-ai-card {
        padding: 50px;
    }

}


/* ============================================================
   30. RESPONSIVE — TABLET
============================================================ */

@media (max-width: 991px) {

    #trimerous-live-dashboard .container {
        max-width: 720px;
    }

    #trimerous-live-dashboard .tld-hero-section {
        min-height: auto;
        padding-top: 80px;
        padding-bottom: 85px;
    }

    #trimerous-live-dashboard .tld-hero-grid {

        grid-template-columns: 1fr;

        gap: 55px;

        max-width: 760px;
    }

    #trimerous-live-dashboard .tld-hero-content {
        text-align: center;
    }

    #trimerous-live-dashboard .tld-hero-content h1,
    #trimerous-live-dashboard .tld-hero-lead,
    #trimerous-live-dashboard .tld-hero-description {
        margin-left: auto;
        margin-right: auto;
    }

    #trimerous-live-dashboard .tld-hero-actions {
        justify-content: center;
    }

    #trimerous-live-dashboard .tld-hero-trust {
        justify-content: center;
    }

    #trimerous-live-dashboard .tld-dashboard-window {
        transform: none;
    }

    #trimerous-live-dashboard .tld-problem-grid,
    #trimerous-live-dashboard .tld-security-grid,
    #trimerous-live-dashboard .tld-visual-grid {
        grid-template-columns: repeat(2,1fr);
    }

    #trimerous-live-dashboard .tld-source-grid {
        grid-template-columns: repeat(2,1fr);
    }

    #trimerous-live-dashboard .tld-dashboard-type-grid {
        grid-template-columns: repeat(2,1fr);
    }

    #trimerous-live-dashboard .tld-kpi-showcase {
        grid-template-columns: repeat(2,1fr);
    }

    #trimerous-live-dashboard .tld-big-kpi:nth-child(2) {
        border-right: 0;
    }

    #trimerous-live-dashboard .tld-big-kpi:nth-child(-n+2) {
        border-bottom: 1px solid rgba(255,255,255,.09);
    }

    #trimerous-live-dashboard .tld-process-grid {
        grid-template-columns: repeat(2,1fr);
    }

    #trimerous-live-dashboard .tld-value-grid,
    #trimerous-live-dashboard .tld-usecase-grid,
    #trimerous-live-dashboard .tld-executive-grid,
    #trimerous-live-dashboard .tld-alert-grid {
        grid-template-columns: 1fr;
    }

    #trimerous-live-dashboard .tld-value-content,
    #trimerous-live-dashboard .tld-executive-content {
        max-width: 100%;
    }

    #trimerous-live-dashboard .tld-fit-grid {
        grid-template-columns: 1fr;
        gap: 45px;
    }

    #trimerous-live-dashboard .tld-fit-content {
        position: static;
    }

    #trimerous-live-dashboard .tld-impact-grid {
        grid-template-columns: repeat(2,1fr);
    }

    #trimerous-live-dashboard .tld-custom-grid {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    #trimerous-live-dashboard .tld-ai-card {
        grid-template-columns: 1fr;
        gap: 40px;
    }

}


/* ============================================================
   31. RESPONSIVE — MOBILE
============================================================ */

@media (max-width: 767px) {

    #trimerous-live-dashboard .container {
        max-width: 540px;
    }

    #trimerous-live-dashboard
    .tld-problem-section,
    #trimerous-live-dashboard
    .tld-value-section,
    #trimerous-live-dashboard
    .tld-sources-section,
    #trimerous-live-dashboard
    .tld-dashboard-types-section,
    #trimerous-live-dashboard
    .tld-kpi-section,
    #trimerous-live-dashboard
    .tld-process-section,
    #trimerous-live-dashboard
    .tld-usecase-section,
    #trimerous-live-dashboard
    .tld-visualization-section,
    #trimerous-live-dashboard
    .tld-executive-section,
    #trimerous-live-dashboard
    .tld-alert-section,
    #trimerous-live-dashboard
    .tld-security-section,
    #trimerous-live-dashboard
    .tld-fit-section,
    #trimerous-live-dashboard
    .tld-impact-section,
    #trimerous-live-dashboard
    .tld-faq-section {
        padding-top: 85px;
        padding-bottom: 85px;
    }

    #trimerous-live-dashboard .tld-hero-section {
        padding: 70px 20px 70px;
    }

    #trimerous-live-dashboard .tld-hero-content h1 {
        font-size: 45px;
        letter-spacing: -2px;
    }

    #trimerous-live-dashboard .tld-hero-lead {
        font-size: 16px;
    }

    #trimerous-live-dashboard .tld-hero-description {
        font-size: 12px;
    }

    #trimerous-live-dashboard .tld-hero-trust {
        flex-direction: column;
        align-items: center;
        gap: 9px;
    }

    #trimerous-live-dashboard .tld-dashboard-body {
        padding: 15px;
    }

    #trimerous-live-dashboard .tld-kpi-grid {
        grid-template-columns: repeat(2,1fr);
    }

    #trimerous-live-dashboard .tld-dashboard-bottom {
        grid-template-columns: 1fr;
    }

    #trimerous-live-dashboard .tld-dashboard-bottom > div {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    #trimerous-live-dashboard .tld-problem-grid,
    #trimerous-live-dashboard .tld-source-grid,
    #trimerous-live-dashboard .tld-dashboard-type-grid,
    #trimerous-live-dashboard .tld-security-grid,
    #trimerous-live-dashboard .tld-visual-grid {
        grid-template-columns: 1fr;
    }

    #trimerous-live-dashboard .tld-process-grid {
        grid-template-columns: 1fr;
    }

    #trimerous-live-dashboard .tld-process-card {
        min-height: auto;
    }

    #trimerous-live-dashboard .tld-kpi-showcase {
        grid-template-columns: 1fr;
    }

    #trimerous-live-dashboard .tld-big-kpi {
        border-right: 0;
        border-bottom: 1px solid rgba(255,255,255,.09);
    }

    #trimerous-live-dashboard .tld-big-kpi:last-child {
        border-bottom: 0;
    }

    #trimerous-live-dashboard .tld-data-flow {
        min-height: auto;

        grid-template-columns: 1fr;

        gap: 22px;

        padding: 25px;
    }

    #trimerous-live-dashboard .tld-flow-middle {
        height: 130px;
    }

    #trimerous-live-dashboard .tld-flow-line {
        width: 1px;
        height: 100%;

        left: 50%;

        top: 0;

        background:
            linear-gradient(
                180deg,
                transparent,
                rgba(240,81,37,.4),
                transparent
            );
    }

    #trimerous-live-dashboard .tld-flow-source,
    #trimerous-live-dashboard .tld-flow-result {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    #trimerous-live-dashboard .tld-fit-list {
        grid-template-columns: 1fr;
    }

    #trimerous-live-dashboard .tld-impact-grid {
        grid-template-columns: 1fr;
    }

    #trimerous-live-dashboard .tld-impact-card {
        min-height: auto;
    }

    #trimerous-live-dashboard .tld-custom-section {
        padding: 70px 0;
    }

    #trimerous-live-dashboard .tld-custom-actions {
        flex-direction: column;
        align-items: stretch;
    }

    #trimerous-live-dashboard .tld-custom-actions .tld-btn {
        width: 100%;
    }

    #trimerous-live-dashboard .tld-ai-card {
        padding: 35px 25px;
    }

    #trimerous-live-dashboard .tld-ai-points {
        grid-template-columns: 1fr;
    }

    #trimerous-live-dashboard .tld-executive-dashboard {
        padding: 17px;
    }

    #trimerous-live-dashboard .tld-executive-row {
        grid-template-columns: 1fr;
    }

    #trimerous-live-dashboard .tld-alert-row {
        grid-template-columns: 1fr;
    }

    #trimerous-live-dashboard .tld-alert-visual {
        padding: 15px;
    }

    #trimerous-live-dashboard .tld-section-heading h2,
    #trimerous-live-dashboard .tld-value-content h2,
    #trimerous-live-dashboard .tld-executive-content h2,
    #trimerous-live-dashboard .tld-alert-content h2,
    #trimerous-live-dashboard .tld-fit-content h2,
    #trimerous-live-dashboard .tld-final-cta h2 {
        font-size: 35px;
        letter-spacing: -1.2px;
    }

    #trimerous-live-dashboard .tld-final-cta {
        padding: 85px 20px;
    }

    #trimerous-live-dashboard .tld-final-actions {
        flex-direction: column;
        align-items: stretch;
    }

    #trimerous-live-dashboard .tld-final-actions .tld-btn {
        width: 100%;
    }

}


/* ============================================================
   32. SMALL MOBILE
============================================================ */

@media (max-width: 575px) {

    #trimerous-live-dashboard .container {
        width: calc(100% - 30px);
        max-width: none;
    }

    #trimerous-live-dashboard .tld-hero-section {
        padding-left: 15px;
        padding-right: 15px;
    }

    #trimerous-live-dashboard .tld-hero-content h1 {
        font-size: 38px;
    }

    #trimerous-live-dashboard .tld-hero-actions {
        flex-direction: column;
        align-items: stretch;
    }

    #trimerous-live-dashboard .tld-hero-actions .tld-btn {
        width: 100%;
    }

    #trimerous-live-dashboard .tld-window-top {
        padding: 0 12px;
    }

    #trimerous-live-dashboard .tld-window-title {
        font-size: 8px;
    }

    #trimerous-live-dashboard .tld-dashboard-heading {
        align-items: flex-start;
        gap: 10px;
    }

    #trimerous-live-dashboard .tld-dashboard-heading h3 {
        font-size: 15px;
    }

    #trimerous-live-dashboard .tld-period {
        font-size: 8px;
    }

    #trimerous-live-dashboard .tld-kpi-card {
        padding: 11px;
    }

    #trimerous-live-dashboard .tld-kpi-card strong {
        font-size: 16px;
    }

    #trimerous-live-dashboard .tld-fake-chart {
        height: 115px;
    }

    #trimerous-live-dashboard .tld-flow-source,
    #trimerous-live-dashboard .tld-flow-result {
        grid-template-columns: 1fr;
    }

    #trimerous-live-dashboard .tld-flow-middle {
        height: 115px;
    }

    #trimerous-live-dashboard .tld-sales-metrics {
        grid-template-columns: 1fr;
    }

    #trimerous-live-dashboard .tld-department-dashboard {
        padding: 17px;
    }

    #trimerous-live-dashboard .tld-notification-card {
        padding: 15px;
    }

    #trimerous-live-dashboard .tld-faq-question {
        padding: 18px;
        font-size: 12px;
    }

    #trimerous-live-dashboard .ldd-faq-answer {
        padding-left: 18px;
        padding-right: 18px;
    }

}


/* ============================================================
   33. ACCESSIBILITY / REDUCED MOTION
============================================================ */

@media (prefers-reduced-motion: reduce) {

    #trimerous-live-dashboard *,
    #trimerous-live-dashboard *::before,
    #trimerous-live-dashboard *::after {

        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
        scroll-behavior: auto !important;
    }

}


/* ============================================================
   34. PRINT
============================================================ */

@media print {

    #trimerous-live-dashboard {

        color: #000 !important;
        background: #fff !important;
    }

    #trimerous-live-dashboard .tld-hero-section,
    #trimerous-live-dashboard .tld-kpi-section,
    #trimerous-live-dashboard .tld-ai-section,
    #trimerous-live-dashboard .tld-final-cta {

        color: #000 !important;
        background: #fff !important;
    }

    #trimerous-live-dashboard .tld-dashboard-window,
    #trimerous-live-dashboard .tld-executive-dashboard {

        box-shadow: none !important;
        transform: none !important;
    }

}