:root {
    --ush-ink: #1a1a2e;
    --ush-red: #e63329;
    --ush-cyan: #0e7490;
    --ush-lime: #5b7f12;
}

/* Visual-only layer: no route, form, API, or existing interaction changes. */
.ush-digital-signal a,
#ush-user-command a {
    -webkit-tap-highlight-color: transparent;
}
.ush-digital-signal a:focus-visible,
#ush-user-command a:focus-visible {
    outline: 3px solid var(--ush-cyan);
    outline-offset: 3px;
}

/* Landing page: digital product signal between hero and trust bar. */
#main-content.ush-landing-page { isolation: isolate; }
.ush-digital-signal-wrap,
#main-content.ush-landing-page + .ush-digital-signal-wrap {
    position: relative;
    z-index: 2;
    padding: 0 1rem 2.5rem;
    background: #f5f0e8;
}
.ush-digital-signal {
    position: relative;
    max-width: 80rem;
    margin: 0 auto;
    overflow: hidden;
    border: 1px solid rgba(26,26,46,.1);
    border-radius: 2rem;
    color: var(--ush-ink);
    background:
        radial-gradient(circle at 92% 0%, rgba(14,116,144,.1), transparent 28%),
        radial-gradient(circle at 0% 100%, rgba(230,51,41,.08), transparent 35%),
        linear-gradient(135deg, #fffdf9 0%, #fffaf4 52%, #f8f7f2 100%);
    box-shadow: 0 24px 70px rgba(26, 26, 46, .1);
}
.ush-digital-signal::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    opacity: .65;
    background-image:
        linear-gradient(rgba(26,26,46,.045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(26,26,46,.045) 1px, transparent 1px);
    background-size: 32px 32px;
    mask-image: linear-gradient(120deg, black, transparent 80%);
}
.ush-signal-heading {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 1.25rem;
    padding: 1.35rem 1.35rem 1rem;
}
.ush-signal-heading h2 {
    max-width: 42rem;
    margin: .55rem 0 0;
    color: var(--ush-ink);
    font: 800 clamp(1.45rem, 3vw, 2.35rem)/1.05 Outfit, sans-serif;
    letter-spacing: -.04em;
}
.ush-signal-heading p {
    max-width: 22rem;
    margin: 0 0 .2rem;
    color: #6b7280;
    font: 400 .92rem/1.65 Inter, sans-serif;
}
.ush-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    color: var(--ush-red);
    font: 800 .68rem/1 Inter, sans-serif;
    letter-spacing: .16em;
    text-transform: uppercase;
}
.ush-pulse-dot {
    width: .45rem;
    height: .45rem;
    border-radius: 999px;
    background: currentColor;
    box-shadow: 0 0 0 .3rem rgba(230,51,41,.1), 0 0 14px rgba(230,51,41,.25);
}
.ush-signal-grid {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .7rem;
    padding: 0 1.35rem 1.35rem;
}
.ush-signal-card {
    display: flex;
    min-height: 8.3rem;
    flex-direction: column;
    justify-content: space-between;
    padding: 1rem;
    border: 1px solid rgba(26,26,46,.1);
    border-radius: 1.1rem;
    color: var(--ush-ink);
    background: rgba(255,255,255,.82);
    transition: transform .22s ease, border-color .22s ease, background .22s ease, box-shadow .22s ease;
}
.ush-signal-card:hover {
    transform: translateY(-3px);
    border-color: rgba(14,116,144,.38);
    background: #ffffff;
    box-shadow: 0 12px 28px rgba(26,26,46,.09);
}
.ush-signal-icon {
    display: grid;
    width: 2.35rem;
    height: 2.35rem;
    place-items: center;
    border-radius: .78rem;
    color: #b42318;
    background: #fff0ee;
    font-size: 1.05rem;
}
.ush-signal-icon-lime { color: #3f6212; background: #ecfccb; }
.ush-signal-icon-cyan { color: #0e7490; background: #cffafe; }
.ush-signal-icon-amber { color: #9a3412; background: #ffedd5; }
.ush-signal-card strong {
    display: block;
    margin-top: .85rem;
    font: 800 .85rem/1.2 Outfit, sans-serif;
}
.ush-signal-card small {
    display: block;
    margin-top: .35rem;
    color: #6b7280;
    font: 400 .7rem/1.45 Inter, sans-serif;
}
.ush-signal-arrow {
    align-self: flex-end;
    margin-top: .65rem;
    color: #94a3b8;
    font-size: .9rem;
    transition: transform .2s ease, color .2s ease;
}
.ush-signal-card:hover .ush-signal-arrow { color: var(--ush-cyan); transform: translate(3px, -3px); }
#main-content.ush-landing-page .trust-logo {
    filter: grayscale(1);
    opacity: .68;
    transition: filter .2s ease, opacity .2s ease, transform .2s ease;
}
#main-content.ush-landing-page .trust-logo:hover { filter: grayscale(0); opacity: 1; }
#main-content.ush-landing-page [data-counter] { font-variant-numeric: tabular-nums; }

/* User dashboard: clearer command surface while retaining every existing action. */
#main-content.ush-dashboard-page {
    background:
        radial-gradient(circle at 100% 0%, rgba(230,51,41,.045), transparent 26rem),
        linear-gradient(180deg, #f8fafc 0%, #f1f5f9 100%);
}
#ush-user-command {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(148,163,184,.2);
    border-radius: 1.25rem;
    padding: 1rem;
    background: linear-gradient(135deg, rgba(255,255,255,.94), rgba(248,250,252,.88));
    box-shadow: 0 12px 32px rgba(15,23,42,.05);
}
#ush-user-command::after {
    content: "";
    position: absolute;
    top: -4rem;
    right: -3rem;
    width: 11rem;
    height: 11rem;
    border: 1px solid rgba(34,211,238,.14);
    border-radius: 50%;
    box-shadow: 0 0 0 1rem rgba(34,211,238,.035), 0 0 0 2rem rgba(34,211,238,.02);
    pointer-events: none;
}
.ush-command-intro,
.ush-command-links { position: relative; z-index: 1; }
.ush-command-intro { margin-bottom: .9rem; }
.ush-command-intro h2 {
    margin-top: .45rem;
    color: #0f172a;
    font: 800 1.15rem/1.15 Outfit, sans-serif;
    letter-spacing: -.025em;
}
.ush-command-intro p {
    max-width: 38rem;
    margin-top: .3rem;
    color: #64748b;
    font: 400 .75rem/1.5 Inter, sans-serif;
}
.ush-command-links {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .6rem;
}
.ush-command-link {
    display: flex;
    min-height: 4.5rem;
    align-items: center;
    gap: .7rem;
    border: 1px solid rgba(226,232,240,.9);
    border-radius: .95rem;
    padding: .75rem;
    color: #0f172a;
    background: #fff;
    transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.ush-command-link:hover {
    transform: translateY(-2px);
    border-color: rgba(230,51,41,.3);
    box-shadow: 0 10px 22px rgba(15,23,42,.08);
}
.ush-command-icon {
    display: grid;
    width: 2.15rem;
    height: 2.15rem;
    flex: 0 0 auto;
    place-items: center;
    border-radius: .72rem;
    font-size: 1rem;
}
.ush-command-icon-red { color: #b42318; background: #fff0ee; }
.ush-command-icon-lime { color: #3f6212; background: #ecfccb; }
.ush-command-icon-cyan { color: #0e7490; background: #cffafe; }
.ush-command-link > span:nth-child(2) { min-width: 0; flex: 1; }
.ush-command-link strong { display: block; font: 800 .75rem/1.25 Outfit, sans-serif; }
.ush-command-link small { display: block; margin-top: .2rem; color: #94a3b8; font: 400 .66rem/1.3 Inter, sans-serif; }
.ush-command-link > i { color: #cbd5e1; font-size: .85rem; transition: transform .2s ease, color .2s ease; }
.ush-command-link:hover > i { color: var(--ush-red); transform: translate(2px, -2px); }

@media (max-width: 767px) {
    .ush-digital-signal-wrap,
    #main-content.ush-landing-page + .ush-digital-signal-wrap { padding: 0 .75rem 1.5rem; }
    .ush-digital-signal { border-radius: 1.35rem; }
    .ush-signal-heading { display: block; padding: 1.1rem 1.1rem .8rem; }
    .ush-signal-heading p { margin-top: .7rem; font-size: .78rem; }
    .ush-signal-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 0 1.1rem 1.1rem; }
    .ush-signal-card { min-height: 7.5rem; padding: .8rem; }
    .ush-signal-card strong { font-size: .78rem; }
    .ush-signal-card small { font-size: .65rem; }
    #ush-user-command { padding: .85rem; }
    .ush-command-links { grid-template-columns: 1fr; }
    .ush-command-link { min-height: 4rem; }
}
@media (prefers-reduced-motion: reduce) {
    .ush-signal-card,
    .ush-signal-arrow,
    .ush-command-link,
    .ush-command-link > i { transition: none !important; }
}