/* /Components/Layout/MainLayout.razor.rz.scp.css */
#blazor-error-ui[b-jk86b280qx] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-jk86b280qx] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-qy2zjlgirp],
.components-reconnect-repeated-attempt-visible[b-qy2zjlgirp],
.components-reconnect-failed-visible[b-qy2zjlgirp],
.components-pause-visible[b-qy2zjlgirp],
.components-resume-failed-visible[b-qy2zjlgirp],
.components-rejoining-animation[b-qy2zjlgirp] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-qy2zjlgirp],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-qy2zjlgirp],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-qy2zjlgirp],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-qy2zjlgirp],
#components-reconnect-modal.components-reconnect-retrying[b-qy2zjlgirp],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-qy2zjlgirp],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-qy2zjlgirp],
#components-reconnect-modal.components-reconnect-failed[b-qy2zjlgirp],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-qy2zjlgirp] {
    display: block;
}


#components-reconnect-modal[b-qy2zjlgirp] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-qy2zjlgirp 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-qy2zjlgirp 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-qy2zjlgirp 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-qy2zjlgirp]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-qy2zjlgirp 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-qy2zjlgirp {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-qy2zjlgirp {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-qy2zjlgirp {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-qy2zjlgirp] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-qy2zjlgirp] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-qy2zjlgirp] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-qy2zjlgirp] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-qy2zjlgirp] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-qy2zjlgirp] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-qy2zjlgirp] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-qy2zjlgirp 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-qy2zjlgirp] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-qy2zjlgirp {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Pages/Abax10.razor.rz.scp.css */
/* ============================================
   ABAX10 — Product Page
   ============================================ */

.hero[b-x7uejofbbh] {
    background: var(--omletec-navy);
    border-radius: var(--radius-lg);
    margin: var(--space-md) var(--space-xl) 0;
    padding: 3.5rem 2.5rem 3.25rem;
    position: relative;
    overflow: hidden;
}

.hero-arcs[b-x7uejofbbh] { position: absolute; top: -55px; right: -35px; opacity: 0.07; pointer-events: none; }
.hero-content[b-x7uejofbbh] { position: relative; z-index: 1; max-width: 560px; }

.hero-badge[b-x7uejofbbh] {
    display: inline-block;
    font-size: var(--font-size-xs);
    color: var(--omletec-green);
    background: rgba(72, 177, 112, 0.15);
    padding: 0.3rem 0.85rem;
    border-radius: 20px;
    margin-bottom: var(--space-lg);
    font-weight: 600;
}

.hero-logo[b-x7uejofbbh] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: var(--space-md);
}

.hero-logo-mark[b-x7uejofbbh] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: var(--radius-sm);
    font-size: 0.625rem;
    font-weight: 700;
    color: var(--white);
    letter-spacing: 0.5px;
}

.hero-logo-text[b-x7uejofbbh] {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--white);
    letter-spacing: -0.3px;
}

.hero-title[b-x7uejofbbh] {
    font-size: clamp(1.5rem, 4vw, 2rem);
    font-weight: 600;
    line-height: 1.15;
    letter-spacing: -0.6px;
    color: var(--white);
    margin-bottom: var(--space-md);
}

.hero-subtitle[b-x7uejofbbh] {
    font-size: var(--font-size-base);
    color: rgba(255, 255, 255, 0.55);
    line-height: 1.7;
    margin-bottom: var(--space-xl);
}

.hero-actions[b-x7uejofbbh] { display: flex; gap: 0.65rem; flex-wrap: wrap; }

.btn-cta[b-x7uejofbbh] {
    display: inline-flex;
    align-items: center;
    padding: 0.65rem 1.3rem;
    background: var(--omletec-teal);
    color: var(--omletec-navy);
    border-radius: var(--radius-md);
    font-size: var(--font-size-base);
    font-weight: 600;
    font-family: var(--font-family);
    border: none;
    cursor: pointer;
    transition: transform var(--transition-fast), box-shadow var(--transition-base);
}

    .btn-cta:hover[b-x7uejofbbh] {
        transform: translateY(-1px);
        box-shadow: 0 4px 12px rgba(138, 190, 176, 0.35);
    }

.btn-secondary[b-x7uejofbbh] {
    display: inline-flex;
    align-items: center;
    padding: 0.65rem 1.3rem;
    background: transparent;
    color: rgba(255, 255, 255, 0.85);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: var(--radius-md);
    font-size: var(--font-size-base);
    font-weight: 600;
    font-family: var(--font-family);
    cursor: pointer;
    transition: border-color var(--transition-fast);
}

    .btn-secondary:hover[b-x7uejofbbh] {
        border-color: rgba(255, 255, 255, 0.4);
    }

/* ---- METRICS ---- */
.metrics-row[b-x7uejofbbh] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2rem;
}

.metric[b-x7uejofbbh] { text-align: center; }

.metric-value[b-x7uejofbbh] {
    display: block;
    font-size: var(--font-size-xl);
    font-weight: 600;
    color: var(--omletec-navy);
    line-height: 1;
    margin-bottom: 0.15rem;
}

.metric-label[b-x7uejofbbh] {
    font-size: var(--font-size-xs);
    color: var(--text-secondary);
}

.metric-divider[b-x7uejofbbh] {
    width: 1px;
    height: 36px;
    background: var(--border-light);
}

/* ---- PROBLEM ---- */
.problem-card[b-x7uejofbbh] {
    background: var(--bg-secondary);
    border-radius: var(--radius-lg);
    padding: 2rem;
    max-width: 640px;
}

.problem-title[b-x7uejofbbh] {
    font-size: var(--font-size-xl);
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: var(--space-md);
    letter-spacing: -0.3px;
}

.problem-text[b-x7uejofbbh] {
    font-size: var(--font-size-base);
    color: var(--text-secondary);
    line-height: 1.7;
    margin-bottom: var(--space-md);
}

.problem-text:last-child[b-x7uejofbbh] { margin-bottom: 0; }

/* ---- MODULES ---- */
.module-card[b-x7uejofbbh] {
    border: 1px solid var(--border-light);
    border-radius: var(--radius-lg);
    padding: 1.75rem 1.5rem;
    margin-bottom: var(--space-md);
}

.module-card:last-child[b-x7uejofbbh] { margin-bottom: 0; }

.module-header[b-x7uejofbbh] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: var(--space-lg);
}

.module-icon[b-x7uejofbbh] {
    width: 42px;
    height: 42px;
    border-radius: var(--radius-md);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.module-icon-green[b-x7uejofbbh] { background: rgba(72, 177, 112, 0.1); color: var(--omletec-green); }
.module-icon-navy[b-x7uejofbbh] { background: rgba(0, 53, 95, 0.06); color: var(--omletec-navy); }
.module-icon-blue[b-x7uejofbbh] { background: rgba(85, 121, 187, 0.1); color: var(--omletec-blue); }
.module-icon-coral[b-x7uejofbbh] { background: rgba(243, 153, 97, 0.1); color: var(--omletec-coral); }
.module-icon-purple[b-x7uejofbbh] { background: rgba(67, 37, 90, 0.08); color: var(--omletec-purple); }

.module-name[b-x7uejofbbh] {
    font-size: var(--font-size-lg);
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: 0.1rem;
}

.module-tagline[b-x7uejofbbh] {
    font-size: var(--font-size-sm);
    color: var(--text-secondary);
}

.module-features[b-x7uejofbbh] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--space-md);
    padding-top: var(--space-md);
    border-top: 1px solid var(--border-light);
}

.feature-name[b-x7uejofbbh] {
    font-size: var(--font-size-sm);
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: 0.2rem;
}

.feature-desc[b-x7uejofbbh] {
    font-size: var(--font-size-xs);
    color: var(--text-secondary);
    line-height: 1.55;
}

/* ---- CONFIGURATION ---- */
.config-grid[b-x7uejofbbh] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--space-md);
}

.config-card[b-x7uejofbbh] {
    background: var(--bg-secondary);
    border-radius: var(--radius-md);
    padding: 1.25rem;
}

.config-name[b-x7uejofbbh] {
    font-size: var(--font-size-sm);
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: 0.25rem;
}

.config-desc[b-x7uejofbbh] {
    font-size: var(--font-size-xs);
    color: var(--text-secondary);
    line-height: 1.55;
}

/* ---- BUILT BY US ---- */
.built-card[b-x7uejofbbh] {
    background: var(--bg-secondary);
    border-radius: var(--radius-lg);
    padding: 2rem;
    display: flex;
    gap: 2.5rem;
    align-items: flex-start;
}

.built-content[b-x7uejofbbh] { flex: 1; }

.built-badge[b-x7uejofbbh] {
    display: inline-block;
    font-size: var(--font-size-xs);
    color: var(--omletec-navy);
    background: rgba(0, 53, 95, 0.06);
    padding: 0.2rem 0.6rem;
    border-radius: var(--radius-sm);
    font-weight: 600;
    margin-bottom: var(--space-md);
}

.built-title[b-x7uejofbbh] {
    font-size: var(--font-size-xl);
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: var(--space-sm);
    letter-spacing: -0.3px;
}

.built-text[b-x7uejofbbh] {
    font-size: var(--font-size-sm);
    color: var(--text-secondary);
    line-height: 1.65;
    margin-bottom: var(--space-md);
}

.built-text:last-child[b-x7uejofbbh] { margin-bottom: 0; }

.built-stack[b-x7uejofbbh] {
    width: 180px;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.stack-item[b-x7uejofbbh] {
    background: var(--bg-primary);
    border: 1px solid var(--border-light);
    border-radius: var(--radius-sm);
    padding: 0.6rem 0.75rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.stack-name[b-x7uejofbbh] {
    font-size: var(--font-size-xs);
    font-weight: 600;
    color: var(--omletec-navy);
}

.stack-desc[b-x7uejofbbh] {
    font-size: var(--font-size-xs);
    color: var(--text-tertiary);
}

/* ---- CTA ---- */
.cta-card[b-x7uejofbbh] {
    border-radius: var(--radius-lg);
    background: var(--omletec-navy);
    padding: 2rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.cta-title[b-x7uejofbbh] {
    font-size: var(--font-size-xl);
    font-weight: 600;
    color: var(--white);
    margin-bottom: 0.25rem;
    letter-spacing: -0.3px;
}

.cta-subtitle[b-x7uejofbbh] {
    font-size: var(--font-size-sm);
    color: rgba(255, 255, 255, 0.5);
    max-width: 400px;
    line-height: 1.5;
}

.cta-button[b-x7uejofbbh] { white-space: nowrap; }

/* ---- Responsive ---- */
@media (max-width: 768px) {
    .hero[b-x7uejofbbh] {
        margin: var(--space-sm) var(--space-md) 0;
        padding: 2.5rem 1.5rem;
    }

    .metrics-row[b-x7uejofbbh] {
        flex-direction: column;
        gap: var(--space-md);
    }

    .metric-divider[b-x7uejofbbh] { width: 40px; height: 1px; }

    .module-features[b-x7uejofbbh] { grid-template-columns: 1fr; }
    .config-grid[b-x7uejofbbh] { grid-template-columns: 1fr; }

    .built-card[b-x7uejofbbh] {
        flex-direction: column;
        gap: var(--space-xl);
    }

    .built-stack[b-x7uejofbbh] { width: 100%; }

    .cta-card[b-x7uejofbbh] {
        flex-direction: column;
        text-align: center;
        gap: var(--space-lg);
    }
}

/* ---- VISIBILITY ---- */
.visibility-grid[b-x7uejofbbh] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--space-md);
}

.vis-card[b-x7uejofbbh] {
    border-left: 3px solid var(--omletec-green);
    padding: 1rem 1.25rem;
    background: var(--bg-secondary);
    border-radius: 0 var(--radius-md) var(--radius-md) 0;
}

.vis-name[b-x7uejofbbh] {
    font-size: var(--font-size-base);
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: 0.3rem;
}

.vis-desc[b-x7uejofbbh] {
    font-size: var(--font-size-xs);
    color: var(--text-secondary);
    line-height: 1.55;
}

@media (max-width: 768px) {
    .visibility-grid[b-x7uejofbbh] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/About.razor.rz.scp.css */
/* ============================================
   ABOUT US — Page Styles
   ============================================ */

/* ---- HERO ---- */
.hero[b-ew6v115wem] {
    background: var(--omletec-navy);
    border-radius: var(--radius-lg);
    margin: var(--space-md) var(--space-xl) 0;
    padding: 3rem 2.5rem 2.75rem;
    position: relative;
    overflow: hidden;
}

.hero-arcs[b-ew6v115wem] {
    position: absolute;
    top: -55px;
    right: -35px;
    opacity: 0.07;
    pointer-events: none;
}

.hero-content[b-ew6v115wem] {
    position: relative;
    z-index: 1;
    max-width: 520px;
}

.hero-title[b-ew6v115wem] {
    font-size: clamp(1.75rem, 4.5vw, 2.25rem);
    font-weight: 600;
    line-height: 1.12;
    letter-spacing: -0.8px;
    color: var(--white);
    margin-bottom: var(--space-md);
}

.hero-subtitle[b-ew6v115wem] {
    font-size: var(--font-size-base);
    color: rgba(255, 255, 255, 0.55);
    line-height: 1.65;
}

/* ---- STORY ---- */
.story-grid[b-ew6v115wem] {
    display: flex;
    gap: 2.5rem;
    align-items: flex-start;
}

.story-content[b-ew6v115wem] { flex: 1; }

.story-text[b-ew6v115wem] {
    font-size: var(--font-size-base);
    color: var(--text-secondary);
    line-height: 1.7;
    margin-bottom: var(--space-md);
}

.story-text:last-child[b-ew6v115wem] { margin-bottom: 0; }

.story-stats[b-ew6v115wem] {
    width: 200px;
    flex-shrink: 0;
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.75rem;
}

.story-stat[b-ew6v115wem] {
    background: var(--bg-secondary);
    border-radius: var(--radius-md);
    padding: 1rem;
}

.story-stat-value[b-ew6v115wem] {
    display: block;
    font-size: var(--font-size-xl);
    font-weight: 600;
    color: var(--omletec-navy);
    line-height: 1;
    margin-bottom: 0.15rem;
}

.story-stat-label[b-ew6v115wem] {
    font-size: var(--font-size-xs);
    color: var(--text-secondary);
}

/* ---- BELIEF ---- */
.belief-card[b-ew6v115wem] {
    background: var(--omletec-navy);
    border-radius: var(--radius-lg);
    padding: 2.5rem 2rem;
    max-width: 640px;
}

.belief-title[b-ew6v115wem] {
    font-size: var(--font-size-xl);
    font-weight: 600;
    color: var(--white);
    margin-bottom: var(--space-md);
    letter-spacing: -0.3px;
}

.belief-text[b-ew6v115wem] {
    font-size: var(--font-size-base);
    color: rgba(255, 255, 255, 0.55);
    line-height: 1.7;
    margin-bottom: var(--space-md);
}

.belief-text:last-child[b-ew6v115wem] { margin-bottom: 0; }

/* ---- VALUES ---- */
.values-grid[b-ew6v115wem] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--space-md);
}

.value-card[b-ew6v115wem] {
    border: 1px solid var(--border-light);
    border-radius: var(--radius-lg);
    padding: 1.5rem 1.25rem;
}

.value-icon[b-ew6v115wem] {
    width: 40px;
    height: 40px;
    border-radius: var(--radius-md);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: var(--space-md);
}

.value-icon-coral[b-ew6v115wem] { background: rgba(243, 153, 97, 0.1); color: var(--omletec-coral); }
.value-icon-teal[b-ew6v115wem] { background: rgba(138, 190, 176, 0.12); color: var(--omletec-teal); }
.value-icon-blue[b-ew6v115wem] { background: rgba(85, 121, 187, 0.1); color: var(--omletec-blue); }
.value-icon-purple[b-ew6v115wem] { background: rgba(67, 37, 90, 0.08); color: var(--omletec-purple); }

.value-name[b-ew6v115wem] {
    font-size: var(--font-size-md);
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: 0.35rem;
}

.value-desc[b-ew6v115wem] {
    font-size: var(--font-size-sm);
    color: var(--text-secondary);
    line-height: 1.6;
}

/* ---- DIFFERENTIATORS ---- */
.diff-grid[b-ew6v115wem] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--space-md);
}

.diff-card[b-ew6v115wem] {
    border-left: 3px solid var(--omletec-teal);
    padding: 1rem 1.25rem;
    background: var(--bg-secondary);
    border-radius: 0 var(--radius-md) var(--radius-md) 0;
}

.diff-name[b-ew6v115wem] {
    font-size: var(--font-size-base);
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: 0.3rem;
}

.diff-desc[b-ew6v115wem] {
    font-size: var(--font-size-sm);
    color: var(--text-secondary);
    line-height: 1.6;
}

/* ---- SERVICE LINKS ---- */
.service-links[b-ew6v115wem] {
    display: flex;
    flex-direction: column;
}

.service-link[b-ew6v115wem] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 1rem 0;
    border-bottom: 1px solid var(--border-light);
    transition: padding-left var(--transition-base);
}

.service-link:first-child[b-ew6v115wem] {
    border-top: 1px solid var(--border-light);
}

.service-link:hover[b-ew6v115wem] {
    padding-left: 0.5rem;
}

.service-link:hover .sl-arrow[b-ew6v115wem] {
    opacity: 1;
}

.sl-dot[b-ew6v115wem] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    flex-shrink: 0;
}

.sl-dot-teal[b-ew6v115wem] { background: var(--omletec-teal); }
.sl-dot-blue[b-ew6v115wem] { background: var(--omletec-blue); }
.sl-dot-green[b-ew6v115wem] { background: var(--omletec-green); }
.sl-dot-purple[b-ew6v115wem] { background: var(--omletec-purple); }

.sl-name[b-ew6v115wem] {
    flex: 1;
    font-size: var(--font-size-md);
    font-weight: 500;
    color: var(--text-primary);
}

.sl-arrow[b-ew6v115wem] {
    font-size: var(--font-size-md);
    color: var(--omletec-navy);
    opacity: 0;
    transition: opacity var(--transition-fast);
}

/* ---- CTA ---- */
.cta-card[b-ew6v115wem] {
    border-radius: var(--radius-lg);
    background: var(--omletec-navy);
    padding: 2rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.cta-title[b-ew6v115wem] {
    font-size: var(--font-size-xl);
    font-weight: 600;
    color: var(--white);
    margin-bottom: 0.25rem;
    letter-spacing: -0.3px;
}

.cta-subtitle[b-ew6v115wem] {
    font-size: var(--font-size-sm);
    color: rgba(255, 255, 255, 0.5);
    max-width: 400px;
}

.cta-button[b-ew6v115wem] { white-space: nowrap; }

/* ---- Responsive ---- */
@media (max-width: 768px) {
    .hero[b-ew6v115wem] {
        margin: var(--space-sm) var(--space-md) 0;
        padding: 2rem 1.5rem;
    }

    .story-grid[b-ew6v115wem] {
        flex-direction: column;
    }

    .story-stats[b-ew6v115wem] {
        width: 100%;
        grid-template-columns: repeat(2, 1fr);
    }

    .values-grid[b-ew6v115wem],
    .diff-grid[b-ew6v115wem] {
        grid-template-columns: 1fr;
    }

    .cta-card[b-ew6v115wem] {
        flex-direction: column;
        text-align: center;
        gap: var(--space-lg);
    }
}
/* /Components/Pages/CaseStudies/ManufacturingIoT.razor.rz.scp.css */
/* ============================================
   CASE STUDY PAGE — Self-contained styles
   Includes base article layout + case-study additions
   ============================================ */

/* ── HEADER ── */
.article-header[b-gneek1q3bj] {
    background: var(--omletec-navy);
    border-radius: var(--radius-lg);
    margin: var(--space-md) var(--space-xl) 0;
    padding: 2.5rem 2.5rem 2.25rem;
}

.article-back[b-gneek1q3bj] {
    font-size: var(--font-size-xs);
    color: rgba(255, 255, 255, 0.4);
    display: inline-block;
    margin-bottom: var(--space-lg);
    transition: color var(--transition-fast);
}

    .article-back:hover[b-gneek1q3bj] {
        color: var(--omletec-teal);
    }

.article-cat[b-gneek1q3bj] {
    display: inline-block;
    font-size: 0.625rem;
    font-weight: 600;
    color: var(--omletec-teal);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: var(--space-sm);
}

.article-title[b-gneek1q3bj] {
    font-size: clamp(1.5rem, 4vw, 2rem);
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -0.6px;
    color: var(--white);
    margin-bottom: var(--space-md);
    max-width: 600px;
}

.article-meta-row[b-gneek1q3bj] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.article-meta[b-gneek1q3bj] {
    font-size: var(--font-size-xs);
    color: rgba(255, 255, 255, 0.4);
}

.article-meta-sep[b-gneek1q3bj] {
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.25);
}

/* ── Header lede (inside navy block for case studies) ── */
.article-header .article-lede[b-gneek1q3bj] {
    font-size: var(--font-size-base);
    color: rgba(255, 255, 255, 0.65);
    line-height: 1.7;
    margin-top: var(--space-md);
    margin-bottom: 0;
    max-width: 600px;
}

/* ── LAYOUT ── */
.article-layout[b-gneek1q3bj] {
    display: grid;
    grid-template-columns: 1fr 220px;
    gap: 3rem;
    align-items: flex-start;
    padding-top: var(--space-2xl);
}

/* ── BODY — Typography ── */
.article-body[b-gneek1q3bj] {
    max-width: 640px;
}

    .article-body p[b-gneek1q3bj] {
        font-size: var(--font-size-base);
        color: var(--text-secondary);
        line-height: 1.8;
        margin-bottom: var(--space-lg);
    }

    .article-body h2[b-gneek1q3bj] {
        font-size: var(--font-size-xl);
        font-weight: 600;
        color: var(--text-primary);
        margin-top: var(--space-2xl);
        margin-bottom: var(--space-md);
        letter-spacing: -0.3px;
    }

    .article-body h3[b-gneek1q3bj] {
        font-size: var(--font-size-md);
        font-weight: 600;
        color: var(--text-primary);
        margin-top: var(--space-xl);
        margin-bottom: var(--space-sm);
    }

    .article-body h4[b-gneek1q3bj] {
        font-size: var(--font-size-base);
        font-weight: 600;
        color: var(--text-primary);
        margin-bottom: 0.25rem;
    }

/* ── Results at a Glance ── */
.results-glance[b-gneek1q3bj] {
    background: var(--omletec-navy);
    border-radius: var(--radius-md);
    padding: 1.5rem;
    margin: var(--space-xl) 0;
}

.article-body .results-glance h4.results-heading[b-gneek1q3bj] {
    font-size: 0.625rem;
    font-weight: 600;
    color: var(--omletec-teal);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-top: 0;
    margin-bottom: var(--space-md);
    padding-bottom: var(--space-sm);
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.results-glance .results-grid[b-gneek1q3bj] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--space-md);
}

.results-glance .result-item[b-gneek1q3bj] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.results-glance .result-value[b-gneek1q3bj] {
    font-size: var(--font-size-md);
    font-weight: 600;
    color: #ffffff;
    letter-spacing: -0.3px;
}

.results-glance .result-label[b-gneek1q3bj] {
    font-size: var(--font-size-xs);
    color: rgba(255, 255, 255, 0.45);
    line-height: 1.4;
}

/* ── Pullout / Callout ── */
.pullout[b-gneek1q3bj] {
    border-left: 3px solid var(--omletec-teal);
    padding: var(--space-md) var(--space-xl);
    margin: var(--space-xl) 0;
    background: rgba(0, 191, 179, 0.03);
    border-radius: 0 var(--radius-md) var(--radius-md) 0;
}

    .pullout p[b-gneek1q3bj] {
        font-size: var(--font-size-base) !important;
        font-weight: 500;
        color: var(--text-primary) !important;
        font-style: italic;
        line-height: 1.7;
        margin-bottom: 0 !important;
    }

.pullout-closing[b-gneek1q3bj] {
    border-left-color: var(--omletec-coral);
    background: rgba(243, 153, 97, 0.03);
}

/* ── Challenges Grid ── */
.challenges-grid[b-gneek1q3bj] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--space-md);
    margin: var(--space-xl) 0;
}

.challenge[b-gneek1q3bj] {
    border: 1px solid var(--border-light);
    border-radius: var(--radius-md);
    padding: 1.25rem;
}

.challenge-name[b-gneek1q3bj] {
    font-size: var(--font-size-sm);
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: 0.25rem;
}

.challenge-desc[b-gneek1q3bj] {
    font-size: var(--font-size-xs);
    color: var(--text-secondary);
    line-height: 1.55;
    margin-bottom: 0;
}

/* ── Architecture Flow ── */
.arch-stack[b-gneek1q3bj] {
    background: var(--bg-secondary);
    border-radius: var(--radius-md);
    padding: 1.5rem;
    margin: var(--space-xl) 0;
}

.article-body .arch-stack h4.arch-heading[b-gneek1q3bj] {
    font-size: 0.625rem;
    font-weight: 600;
    color: var(--omletec-teal);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-top: 0;
    margin-bottom: var(--space-md);
    padding-bottom: var(--space-sm);
    border-bottom: 1px solid var(--border-light);
}

.arch-flow[b-gneek1q3bj] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.arch-step[b-gneek1q3bj] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.arch-step-label[b-gneek1q3bj] {
    font-size: var(--font-size-xs);
    font-weight: 600;
    color: var(--text-primary);
}

.arch-step-detail[b-gneek1q3bj] {
    font-size: 0.7rem;
    color: var(--text-secondary);
    line-height: 1.4;
}

.arch-arrow[b-gneek1q3bj] {
    font-size: var(--font-size-sm);
    color: var(--omletec-teal);
    font-weight: 600;
    flex-shrink: 0;
}

/* ── Before vs After ── */
.before-after[b-gneek1q3bj] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0;
    margin: var(--space-xl) 0;
    border-radius: var(--radius-md);
    overflow: hidden;
    border: 1px solid var(--border-light);
}

.ba-col[b-gneek1q3bj] {
    padding: 1.25rem;
}

.ba-before[b-gneek1q3bj] {
    background: rgba(0, 0, 0, 0.02);
    border-right: 1px solid var(--border-light);
}

.ba-after[b-gneek1q3bj] {
    background: rgba(0, 191, 179, 0.03);
}

.article-body .before-after h4.ba-heading[b-gneek1q3bj] {
    font-size: 0.625rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-top: 0;
    margin-bottom: var(--space-md);
    padding-bottom: var(--space-sm);
    border-bottom: 1px solid var(--border-light);
}

.ba-before .ba-heading[b-gneek1q3bj] {
    color: var(--text-tertiary);
}

.ba-after .ba-heading[b-gneek1q3bj] {
    color: var(--omletec-teal);
}

.before-after p[b-gneek1q3bj] {
    font-size: var(--font-size-xs) !important;
    line-height: 1.5 !important;
    margin-bottom: 0.5rem !important;
    color: var(--text-secondary) !important;
}

    .before-after p:last-child[b-gneek1q3bj] {
        margin-bottom: 0 !important;
    }

/* ── Good Practices ── */
.good-practices[b-gneek1q3bj] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--space-md);
    margin: var(--space-xl) 0;
}

.practice[b-gneek1q3bj] {
    background: var(--bg-secondary);
    border-radius: var(--radius-md);
    padding: 1.25rem;
}

.practice-name[b-gneek1q3bj] {
    font-size: var(--font-size-sm);
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: 0.25rem;
}

.practice p[b-gneek1q3bj] {
    font-size: var(--font-size-xs) !important;
    line-height: 1.55 !important;
    margin-bottom: 0 !important;
}

/* ── SIDEBAR ── */
.article-sidebar[b-gneek1q3bj] {
    position: sticky;
    top: 84px;
    display: flex;
    flex-direction: column;
    gap: var(--space-lg);
}

.sidebar-toc[b-gneek1q3bj] {
    border: 1px solid var(--border-light);
    border-radius: var(--radius-md);
    padding: 1.25rem;
}

.sidebar-heading[b-gneek1q3bj] {
    font-size: var(--font-size-xs);
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: var(--space-md);
    padding-bottom: var(--space-sm);
    border-bottom: 1px solid var(--border-light);
}

.toc-list[b-gneek1q3bj] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.toc-item[b-gneek1q3bj] {
    font-size: var(--font-size-xs);
    color: var(--text-secondary);
    transition: color var(--transition-fast);
    line-height: 1.4;
}

    .toc-item:hover[b-gneek1q3bj] {
        color: var(--omletec-navy);
    }

/* ── Sidebar: Project Facts ── */
.sidebar-facts[b-gneek1q3bj] {
    border: 1px solid var(--border-light);
    border-radius: var(--radius-md);
    padding: 1.25rem;
}

.facts-list[b-gneek1q3bj] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 0.35rem 0.75rem;
    margin: 0;
}

    .facts-list dt[b-gneek1q3bj] {
        font-size: var(--font-size-xs);
        color: var(--text-tertiary);
        font-weight: 400;
    }

    .facts-list dd[b-gneek1q3bj] {
        font-size: var(--font-size-xs);
        color: var(--text-primary);
        font-weight: 500;
        margin: 0;
    }

/* ── Sidebar: CTA ── */
.sidebar-cta[b-gneek1q3bj] {
    background: var(--bg-secondary);
    border-radius: var(--radius-md);
    padding: 1.25rem;
}

.sidebar-cta-text[b-gneek1q3bj] {
    font-size: var(--font-size-xs);
    color: var(--text-secondary);
    line-height: 1.5;
    margin-bottom: var(--space-md);
}

.sidebar-cta-btn[b-gneek1q3bj] {
    width: 100%;
    justify-content: center;
    font-size: var(--font-size-xs);
    padding: 0.5rem 1rem;
}

/* ── ARTICLE FOOTER ── */
.article-footer[b-gneek1q3bj] {
    border-top: 1px solid var(--border-light);
    margin-top: var(--space-2xl);
    padding-top: var(--space-xl);
}

.article-footer-text[b-gneek1q3bj] {
    font-size: var(--font-size-sm);
    color: var(--text-secondary);
    line-height: 1.6;
    font-style: italic;
    max-width: 600px;
}

.article-footer-link[b-gneek1q3bj] {
    color: var(--omletec-navy);
    font-weight: 600;
}

    .article-footer-link:hover[b-gneek1q3bj] {
        opacity: 0.7;
    }

/* ── RELATED ── */
.related-grid[b-gneek1q3bj] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--space-md);
    margin-top: var(--space-xl);
}

.related-card[b-gneek1q3bj] {
    border: 1px solid var(--border-light);
    border-radius: var(--radius-lg);
    padding: 1.5rem 1.25rem;
    transition: transform var(--transition-slow), box-shadow var(--transition-slow);
}

    .related-card:hover[b-gneek1q3bj] {
        transform: translateY(-2px);
        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.05);
    }

.related-cat[b-gneek1q3bj] {
    font-size: 0.625rem;
    font-weight: 600;
    color: var(--omletec-teal);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: var(--space-sm);
    display: block;
}

.related-title[b-gneek1q3bj] {
    font-size: var(--font-size-base);
    font-weight: 600;
    color: var(--text-primary);
    line-height: 1.35;
    margin-bottom: var(--space-sm);
}

.related-meta[b-gneek1q3bj] {
    font-size: var(--font-size-xs);
    color: var(--text-tertiary);
}

/* ── Responsive ── */
@media (max-width: 768px) {
    .article-header[b-gneek1q3bj] {
        margin: var(--space-sm) var(--space-md) 0;
        padding: 2rem 1.5rem;
    }

    .article-layout[b-gneek1q3bj] {
        grid-template-columns: 1fr;
        gap: var(--space-xl);
    }

    .article-sidebar[b-gneek1q3bj] {
        position: static;
        order: -1;
    }

    .results-grid[b-gneek1q3bj] {
        grid-template-columns: repeat(2, 1fr);
    }

    .challenges-grid[b-gneek1q3bj],
    .good-practices[b-gneek1q3bj],
    .related-grid[b-gneek1q3bj] {
        grid-template-columns: 1fr;
    }

    .arch-flow[b-gneek1q3bj] {
        flex-direction: column;
        align-items: flex-start;
    }

    .arch-arrow[b-gneek1q3bj] {
        transform: rotate(90deg);
        align-self: center;
    }

    .before-after[b-gneek1q3bj] {
        grid-template-columns: 1fr;
    }

    .ba-before[b-gneek1q3bj] {
        border-right: none;
        border-bottom: 1px solid var(--border-light);
    }

    .pullout[b-gneek1q3bj] {
        padding: var(--space-md) var(--space-lg);
    }
}

@media (max-width: 480px) {
    .results-grid[b-gneek1q3bj] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/CaseStudies/PharmaERP.razor.rz.scp.css */
/* ============================================
   CASE STUDY PAGE — Self-contained styles
   Includes base article layout + case-study additions
   ============================================ */

/* ── HEADER ── */
.article-header[b-adqkhy9pnq] {
    background: var(--omletec-navy);
    border-radius: var(--radius-lg);
    margin: var(--space-md) var(--space-xl) 0;
    padding: 2.5rem 2.5rem 2.25rem;
}

.article-back[b-adqkhy9pnq] {
    font-size: var(--font-size-xs);
    color: rgba(255, 255, 255, 0.4);
    display: inline-block;
    margin-bottom: var(--space-lg);
    transition: color var(--transition-fast);
}

    .article-back:hover[b-adqkhy9pnq] {
        color: var(--omletec-teal);
    }

.article-cat[b-adqkhy9pnq] {
    display: inline-block;
    font-size: 0.625rem;
    font-weight: 600;
    color: var(--omletec-teal);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: var(--space-sm);
}

.article-title[b-adqkhy9pnq] {
    font-size: clamp(1.5rem, 4vw, 2rem);
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -0.6px;
    color: var(--white);
    margin-bottom: var(--space-md);
    max-width: 600px;
}

.article-meta-row[b-adqkhy9pnq] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.article-meta[b-adqkhy9pnq] {
    font-size: var(--font-size-xs);
    color: rgba(255, 255, 255, 0.4);
}

.article-meta-sep[b-adqkhy9pnq] {
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.25);
}

/* ── Header lede (inside navy block for case studies) ── */
.article-header .article-lede[b-adqkhy9pnq] {
    font-size: var(--font-size-base);
    color: rgba(255, 255, 255, 0.65);
    line-height: 1.7;
    margin-top: var(--space-md);
    margin-bottom: 0;
    max-width: 600px;
}

/* ── LAYOUT ── */
.article-layout[b-adqkhy9pnq] {
    display: grid;
    grid-template-columns: 1fr 220px;
    gap: 3rem;
    align-items: flex-start;
    padding-top: var(--space-2xl);
}

/* ── BODY — Typography ── */
.article-body[b-adqkhy9pnq] {
    max-width: 640px;
}

    .article-body p[b-adqkhy9pnq] {
        font-size: var(--font-size-base);
        color: var(--text-secondary);
        line-height: 1.8;
        margin-bottom: var(--space-lg);
    }

    .article-body h2[b-adqkhy9pnq] {
        font-size: var(--font-size-xl);
        font-weight: 600;
        color: var(--text-primary);
        margin-top: var(--space-2xl);
        margin-bottom: var(--space-md);
        letter-spacing: -0.3px;
    }

    .article-body h3[b-adqkhy9pnq] {
        font-size: var(--font-size-md);
        font-weight: 600;
        color: var(--text-primary);
        margin-top: var(--space-xl);
        margin-bottom: var(--space-sm);
    }

    .article-body h4[b-adqkhy9pnq] {
        font-size: var(--font-size-base);
        font-weight: 600;
        color: var(--text-primary);
        margin-bottom: 0.25rem;
    }

/* ── Results at a Glance ── */
.results-glance[b-adqkhy9pnq] {
    background: var(--omletec-navy);
    border-radius: var(--radius-md);
    padding: 1.5rem;
    margin: var(--space-xl) 0;
}

.article-body .results-glance h4.results-heading[b-adqkhy9pnq] {
    font-size: 0.625rem;
    font-weight: 600;
    color: var(--omletec-teal);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-top: 0;
    margin-bottom: var(--space-md);
    padding-bottom: var(--space-sm);
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.results-glance .results-grid[b-adqkhy9pnq] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--space-md);
}

.results-glance .result-item[b-adqkhy9pnq] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.results-glance .result-value[b-adqkhy9pnq] {
    font-size: var(--font-size-md);
    font-weight: 600;
    color: #ffffff;
    letter-spacing: -0.3px;
}

.results-glance .result-label[b-adqkhy9pnq] {
    font-size: var(--font-size-xs);
    color: rgba(255, 255, 255, 0.45);
    line-height: 1.4;
}

/* ── Pullout / Callout ── */
.pullout[b-adqkhy9pnq] {
    border-left: 3px solid var(--omletec-teal);
    padding: var(--space-md) var(--space-xl);
    margin: var(--space-xl) 0;
    background: rgba(0, 191, 179, 0.03);
    border-radius: 0 var(--radius-md) var(--radius-md) 0;
}

    .pullout p[b-adqkhy9pnq] {
        font-size: var(--font-size-base) !important;
        font-weight: 500;
        color: var(--text-primary) !important;
        font-style: italic;
        line-height: 1.7;
        margin-bottom: 0 !important;
    }

.pullout-closing[b-adqkhy9pnq] {
    border-left-color: var(--omletec-coral);
    background: rgba(243, 153, 97, 0.03);
}

/* ── Challenges Grid ── */
.challenges-grid[b-adqkhy9pnq] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--space-md);
    margin: var(--space-xl) 0;
}

.challenge[b-adqkhy9pnq] {
    border: 1px solid var(--border-light);
    border-radius: var(--radius-md);
    padding: 1.25rem;
}

.challenge-name[b-adqkhy9pnq] {
    font-size: var(--font-size-sm);
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: 0.25rem;
}

.challenge-desc[b-adqkhy9pnq] {
    font-size: var(--font-size-xs);
    color: var(--text-secondary);
    line-height: 1.55;
    margin-bottom: 0;
}

/* ── Good Practices ── */
.good-practices[b-adqkhy9pnq] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--space-md);
    margin: var(--space-xl) 0;
}

.practice[b-adqkhy9pnq] {
    background: var(--bg-secondary);
    border-radius: var(--radius-md);
    padding: 1.25rem;
}

.practice-name[b-adqkhy9pnq] {
    font-size: var(--font-size-sm);
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: 0.25rem;
}

.practice p[b-adqkhy9pnq] {
    font-size: var(--font-size-xs) !important;
    line-height: 1.55 !important;
    margin-bottom: 0 !important;
}

/* ── SIDEBAR ── */
.article-sidebar[b-adqkhy9pnq] {
    position: sticky;
    top: 84px;
    display: flex;
    flex-direction: column;
    gap: var(--space-lg);
}

.sidebar-toc[b-adqkhy9pnq] {
    border: 1px solid var(--border-light);
    border-radius: var(--radius-md);
    padding: 1.25rem;
}

.sidebar-heading[b-adqkhy9pnq] {
    font-size: var(--font-size-xs);
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: var(--space-md);
    padding-bottom: var(--space-sm);
    border-bottom: 1px solid var(--border-light);
}

.toc-list[b-adqkhy9pnq] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.toc-item[b-adqkhy9pnq] {
    font-size: var(--font-size-xs);
    color: var(--text-secondary);
    transition: color var(--transition-fast);
    line-height: 1.4;
}

    .toc-item:hover[b-adqkhy9pnq] {
        color: var(--omletec-navy);
    }

/* ── Sidebar: Project Facts ── */
.sidebar-facts[b-adqkhy9pnq] {
    border: 1px solid var(--border-light);
    border-radius: var(--radius-md);
    padding: 1.25rem;
}

.facts-list[b-adqkhy9pnq] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 0.35rem 0.75rem;
    margin: 0;
}

    .facts-list dt[b-adqkhy9pnq] {
        font-size: var(--font-size-xs);
        color: var(--text-tertiary);
        font-weight: 400;
    }

    .facts-list dd[b-adqkhy9pnq] {
        font-size: var(--font-size-xs);
        color: var(--text-primary);
        font-weight: 500;
        margin: 0;
    }

/* ── Sidebar: CTA ── */
.sidebar-cta[b-adqkhy9pnq] {
    background: var(--bg-secondary);
    border-radius: var(--radius-md);
    padding: 1.25rem;
}

.sidebar-cta-text[b-adqkhy9pnq] {
    font-size: var(--font-size-xs);
    color: var(--text-secondary);
    line-height: 1.5;
    margin-bottom: var(--space-md);
}

.sidebar-cta-btn[b-adqkhy9pnq] {
    width: 100%;
    justify-content: center;
    font-size: var(--font-size-xs);
    padding: 0.5rem 1rem;
}

/* ── ARTICLE FOOTER ── */
.article-footer[b-adqkhy9pnq] {
    border-top: 1px solid var(--border-light);
    margin-top: var(--space-2xl);
    padding-top: var(--space-xl);
}

.article-footer-text[b-adqkhy9pnq] {
    font-size: var(--font-size-sm);
    color: var(--text-secondary);
    line-height: 1.6;
    font-style: italic;
    max-width: 600px;
}

.article-footer-link[b-adqkhy9pnq] {
    color: var(--omletec-navy);
    font-weight: 600;
}

    .article-footer-link:hover[b-adqkhy9pnq] {
        opacity: 0.7;
    }

/* ── RELATED ── */
.related-grid[b-adqkhy9pnq] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--space-md);
    margin-top: var(--space-xl);
}

.related-card[b-adqkhy9pnq] {
    border: 1px solid var(--border-light);
    border-radius: var(--radius-lg);
    padding: 1.5rem 1.25rem;
    transition: transform var(--transition-slow), box-shadow var(--transition-slow);
}

    .related-card:hover[b-adqkhy9pnq] {
        transform: translateY(-2px);
        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.05);
    }

.related-cat[b-adqkhy9pnq] {
    font-size: 0.625rem;
    font-weight: 600;
    color: var(--omletec-teal);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: var(--space-sm);
    display: block;
}

.related-title[b-adqkhy9pnq] {
    font-size: var(--font-size-base);
    font-weight: 600;
    color: var(--text-primary);
    line-height: 1.35;
    margin-bottom: var(--space-sm);
}

.related-meta[b-adqkhy9pnq] {
    font-size: var(--font-size-xs);
    color: var(--text-tertiary);
}

/* ── Responsive ── */
@media (max-width: 768px) {
    .article-header[b-adqkhy9pnq] {
        margin: var(--space-sm) var(--space-md) 0;
        padding: 2rem 1.5rem;
    }

    .article-layout[b-adqkhy9pnq] {
        grid-template-columns: 1fr;
        gap: var(--space-xl);
    }

    .article-sidebar[b-adqkhy9pnq] {
        position: static;
        order: -1;
    }

    .results-grid[b-adqkhy9pnq] {
        grid-template-columns: repeat(2, 1fr);
    }

    .challenges-grid[b-adqkhy9pnq],
    .good-practices[b-adqkhy9pnq],
    .related-grid[b-adqkhy9pnq] {
        grid-template-columns: 1fr;
    }

    .pullout[b-adqkhy9pnq] {
        padding: var(--space-md) var(--space-lg);
    }
}

@media (max-width: 480px) {
    .results-grid[b-adqkhy9pnq] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/CaseStudies/SAPCarveout.razor.rz.scp.css */
/* ============================================
   CASE STUDY PAGE — Self-contained styles
   Includes base article layout + case-study additions
   ============================================ */

/* ── HEADER ── */
.article-header[b-82d5zb1hr9] {
    background: var(--omletec-navy);
    border-radius: var(--radius-lg);
    margin: var(--space-md) var(--space-xl) 0;
    padding: 2.5rem 2.5rem 2.25rem;
}

.article-back[b-82d5zb1hr9] {
    font-size: var(--font-size-xs);
    color: rgba(255, 255, 255, 0.4);
    display: inline-block;
    margin-bottom: var(--space-lg);
    transition: color var(--transition-fast);
}

    .article-back:hover[b-82d5zb1hr9] {
        color: var(--omletec-teal);
    }

.article-cat[b-82d5zb1hr9] {
    display: inline-block;
    font-size: 0.625rem;
    font-weight: 600;
    color: var(--omletec-teal);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: var(--space-sm);
}

.article-title[b-82d5zb1hr9] {
    font-size: clamp(1.5rem, 4vw, 2rem);
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -0.6px;
    color: var(--white);
    margin-bottom: var(--space-md);
    max-width: 600px;
}

.article-meta-row[b-82d5zb1hr9] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.article-meta[b-82d5zb1hr9] {
    font-size: var(--font-size-xs);
    color: rgba(255, 255, 255, 0.4);
}

.article-meta-sep[b-82d5zb1hr9] {
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.25);
}

/* ── Header lede (inside navy block for case studies) ── */
.article-header .article-lede[b-82d5zb1hr9] {
    font-size: var(--font-size-base);
    color: rgba(255, 255, 255, 0.65);
    line-height: 1.7;
    margin-top: var(--space-md);
    margin-bottom: 0;
    max-width: 600px;
}

/* ── LAYOUT ── */
.article-layout[b-82d5zb1hr9] {
    display: grid;
    grid-template-columns: 1fr 220px;
    gap: 3rem;
    align-items: flex-start;
    padding-top: var(--space-2xl);
}

/* ── BODY — Typography ── */
.article-body[b-82d5zb1hr9] {
    max-width: 640px;
}

    .article-body p[b-82d5zb1hr9] {
        font-size: var(--font-size-base);
        color: var(--text-secondary);
        line-height: 1.8;
        margin-bottom: var(--space-lg);
    }

    .article-body h2[b-82d5zb1hr9] {
        font-size: var(--font-size-xl);
        font-weight: 600;
        color: var(--text-primary);
        margin-top: var(--space-2xl);
        margin-bottom: var(--space-md);
        letter-spacing: -0.3px;
    }

    .article-body h3[b-82d5zb1hr9] {
        font-size: var(--font-size-md);
        font-weight: 600;
        color: var(--text-primary);
        margin-top: var(--space-xl);
        margin-bottom: var(--space-sm);
    }

    .article-body h4[b-82d5zb1hr9] {
        font-size: var(--font-size-base);
        font-weight: 600;
        color: var(--text-primary);
        margin-bottom: 0.25rem;
    }

/* ── Results at a Glance ── */
.results-glance[b-82d5zb1hr9] {
    background: var(--omletec-navy);
    border-radius: var(--radius-md);
    padding: 1.5rem;
    margin: var(--space-xl) 0;
}

.article-body .results-glance h4.results-heading[b-82d5zb1hr9] {
    font-size: 0.625rem;
    font-weight: 600;
    color: var(--omletec-teal);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-top: 0;
    margin-bottom: var(--space-md);
    padding-bottom: var(--space-sm);
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.results-glance .results-grid[b-82d5zb1hr9] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--space-md);
}

.results-glance .result-item[b-82d5zb1hr9] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.results-glance .result-value[b-82d5zb1hr9] {
    font-size: var(--font-size-md);
    font-weight: 600;
    color: #ffffff;
    letter-spacing: -0.3px;
}

.results-glance .result-label[b-82d5zb1hr9] {
    font-size: var(--font-size-xs);
    color: rgba(255, 255, 255, 0.45);
    line-height: 1.4;
}

/* ── Pullout / Callout ── */
.pullout[b-82d5zb1hr9] {
    border-left: 3px solid var(--omletec-teal);
    padding: var(--space-md) var(--space-xl);
    margin: var(--space-xl) 0;
    background: rgba(0, 191, 179, 0.03);
    border-radius: 0 var(--radius-md) var(--radius-md) 0;
}

    .pullout p[b-82d5zb1hr9] {
        font-size: var(--font-size-base) !important;
        font-weight: 500;
        color: var(--text-primary) !important;
        font-style: italic;
        line-height: 1.7;
        margin-bottom: 0 !important;
    }

.pullout-closing[b-82d5zb1hr9] {
    border-left-color: var(--omletec-coral);
    background: rgba(243, 153, 97, 0.03);
}

/* ── Challenges Grid ── */
.challenges-grid[b-82d5zb1hr9] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--space-md);
    margin: var(--space-xl) 0;
}

.challenge[b-82d5zb1hr9] {
    border: 1px solid var(--border-light);
    border-radius: var(--radius-md);
    padding: 1.25rem;
}

.challenge-name[b-82d5zb1hr9] {
    font-size: var(--font-size-sm);
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: 0.25rem;
}

.challenge-desc[b-82d5zb1hr9] {
    font-size: var(--font-size-xs);
    color: var(--text-secondary);
    line-height: 1.55;
    margin-bottom: 0;
}

/* ── Good Practices ── */
.good-practices[b-82d5zb1hr9] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--space-md);
    margin: var(--space-xl) 0;
}

.practice[b-82d5zb1hr9] {
    background: var(--bg-secondary);
    border-radius: var(--radius-md);
    padding: 1.25rem;
}

.practice-name[b-82d5zb1hr9] {
    font-size: var(--font-size-sm);
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: 0.25rem;
}

.practice p[b-82d5zb1hr9] {
    font-size: var(--font-size-xs) !important;
    line-height: 1.55 !important;
    margin-bottom: 0 !important;
}

/* ── SIDEBAR ── */
.article-sidebar[b-82d5zb1hr9] {
    position: sticky;
    top: 84px;
    display: flex;
    flex-direction: column;
    gap: var(--space-lg);
}

.sidebar-toc[b-82d5zb1hr9] {
    border: 1px solid var(--border-light);
    border-radius: var(--radius-md);
    padding: 1.25rem;
}

.sidebar-heading[b-82d5zb1hr9] {
    font-size: var(--font-size-xs);
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: var(--space-md);
    padding-bottom: var(--space-sm);
    border-bottom: 1px solid var(--border-light);
}

.toc-list[b-82d5zb1hr9] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.toc-item[b-82d5zb1hr9] {
    font-size: var(--font-size-xs);
    color: var(--text-secondary);
    transition: color var(--transition-fast);
    line-height: 1.4;
}

    .toc-item:hover[b-82d5zb1hr9] {
        color: var(--omletec-navy);
    }

/* ── Sidebar: Project Facts ── */
.sidebar-facts[b-82d5zb1hr9] {
    border: 1px solid var(--border-light);
    border-radius: var(--radius-md);
    padding: 1.25rem;
}

.facts-list[b-82d5zb1hr9] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 0.35rem 0.75rem;
    margin: 0;
}

    .facts-list dt[b-82d5zb1hr9] {
        font-size: var(--font-size-xs);
        color: var(--text-tertiary);
        font-weight: 400;
    }

    .facts-list dd[b-82d5zb1hr9] {
        font-size: var(--font-size-xs);
        color: var(--text-primary);
        font-weight: 500;
        margin: 0;
    }

/* ── Sidebar: CTA ── */
.sidebar-cta[b-82d5zb1hr9] {
    background: var(--bg-secondary);
    border-radius: var(--radius-md);
    padding: 1.25rem;
}

.sidebar-cta-text[b-82d5zb1hr9] {
    font-size: var(--font-size-xs);
    color: var(--text-secondary);
    line-height: 1.5;
    margin-bottom: var(--space-md);
}

.sidebar-cta-btn[b-82d5zb1hr9] {
    width: 100%;
    justify-content: center;
    font-size: var(--font-size-xs);
    padding: 0.5rem 1rem;
}

/* ── ARTICLE FOOTER ── */
.article-footer[b-82d5zb1hr9] {
    border-top: 1px solid var(--border-light);
    margin-top: var(--space-2xl);
    padding-top: var(--space-xl);
}

.article-footer-text[b-82d5zb1hr9] {
    font-size: var(--font-size-sm);
    color: var(--text-secondary);
    line-height: 1.6;
    font-style: italic;
    max-width: 600px;
}

.article-footer-link[b-82d5zb1hr9] {
    color: var(--omletec-navy);
    font-weight: 600;
}

    .article-footer-link:hover[b-82d5zb1hr9] {
        opacity: 0.7;
    }

/* ── RELATED ── */
.related-grid[b-82d5zb1hr9] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--space-md);
    margin-top: var(--space-xl);
}

.related-card[b-82d5zb1hr9] {
    border: 1px solid var(--border-light);
    border-radius: var(--radius-lg);
    padding: 1.5rem 1.25rem;
    transition: transform var(--transition-slow), box-shadow var(--transition-slow);
}

    .related-card:hover[b-82d5zb1hr9] {
        transform: translateY(-2px);
        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.05);
    }

.related-cat[b-82d5zb1hr9] {
    font-size: 0.625rem;
    font-weight: 600;
    color: var(--omletec-teal);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: var(--space-sm);
    display: block;
}

.related-title[b-82d5zb1hr9] {
    font-size: var(--font-size-base);
    font-weight: 600;
    color: var(--text-primary);
    line-height: 1.35;
    margin-bottom: var(--space-sm);
}

.related-meta[b-82d5zb1hr9] {
    font-size: var(--font-size-xs);
    color: var(--text-tertiary);
}

/* ── Responsive ── */
@media (max-width: 768px) {
    .article-header[b-82d5zb1hr9] {
        margin: var(--space-sm) var(--space-md) 0;
        padding: 2rem 1.5rem;
    }

    .article-layout[b-82d5zb1hr9] {
        grid-template-columns: 1fr;
        gap: var(--space-xl);
    }

    .article-sidebar[b-82d5zb1hr9] {
        position: static;
        order: -1;
    }

    .results-grid[b-82d5zb1hr9] {
        grid-template-columns: repeat(2, 1fr);
    }

    .challenges-grid[b-82d5zb1hr9],
    .good-practices[b-82d5zb1hr9],
    .related-grid[b-82d5zb1hr9] {
        grid-template-columns: 1fr;
    }

    .pullout[b-82d5zb1hr9] {
        padding: var(--space-md) var(--space-lg);
    }
}

@media (max-width: 480px) {
    .results-grid[b-82d5zb1hr9] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Contact.razor.rz.scp.css */
/* ============================================
   CONTACT — Abax10-style clean form
   ============================================ */

/* ---- HERO ---- */
.hero[b-1op4gysecr] {
    background: var(--omletec-navy);
    border-radius: var(--radius-lg);
    margin: var(--space-md) var(--space-xl) 0;
    padding: 3rem 2.5rem 2.75rem;
    position: relative;
    overflow: hidden;
}

.hero-arcs[b-1op4gysecr] {
    position: absolute;
    top: -55px;
    right: -35px;
    opacity: 0.07;
    pointer-events: none;
}

.hero-content[b-1op4gysecr] {
    position: relative;
    z-index: 1;
    max-width: 480px;
}

.hero-title[b-1op4gysecr] {
    font-size: clamp(1.75rem, 4.5vw, 2.25rem);
    font-weight: 600;
    line-height: 1.12;
    letter-spacing: -0.8px;
    color: var(--white);
    margin-bottom: var(--space-md);
}

.hero-subtitle[b-1op4gysecr] {
    font-size: var(--font-size-base);
    color: rgba(255, 255, 255, 0.55);
    line-height: 1.65;
}

/* ---- LAYOUT ---- */
.contact-grid[b-1op4gysecr] {
    display: grid;
    grid-template-columns: 1fr 280px;
    gap: 3rem;
    align-items: flex-start;
}

/* ---- FORM PANEL ---- */
.form-panel[b-1op4gysecr] {
    max-width: 600px;
}

.form-heading[b-1op4gysecr] {
    font-size: var(--font-size-xl);
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: 0.25rem;
    letter-spacing: -0.3px;
}

.form-intro[b-1op4gysecr] {
    font-size: var(--font-size-sm);
    color: var(--text-secondary);
    margin-bottom: var(--space-2xl);
    line-height: 1.5;
}

/* ---- FIELDS ---- */
.field[b-1op4gysecr] {
    margin-bottom: 1.75rem;
}

.field-row[b-1op4gysecr] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.5rem;
}

.field-label[b-1op4gysecr] {
    display: block;
    font-size: var(--font-size-sm);
    font-weight: 500;
    color: var(--text-primary);
    margin-bottom: 0.5rem;
}

.form-panel[b-1op4gysecr]  input,
.form-panel[b-1op4gysecr]  select,
.form-panel[b-1op4gysecr]  textarea {
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 0.75rem 0.875rem;
    border: 1px solid var(--gray-300);
    border-radius: var(--radius-sm);
    font-family: var(--font-family);
    font-size: var(--font-size-base);
    color: var(--text-primary);
    background: var(--bg-primary);
    transition: border-color var(--transition-fast);
    line-height: 1.5;
    -webkit-appearance: none;
    -moz-appearance: none;
}

    .form-panel[b-1op4gysecr]  input:hover,
    .form-panel[b-1op4gysecr]  select:hover,
    .form-panel[b-1op4gysecr]  textarea:hover {
        border-color: var(--gray-500);
    }

    .form-panel[b-1op4gysecr]  input:focus,
    .form-panel[b-1op4gysecr]  select:focus,
    .form-panel[b-1op4gysecr]  textarea:focus {
        outline: none;
        border-color: var(--omletec-navy);
    }

.form-panel[b-1op4gysecr]  select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M3 4.5l3 3 3-3' stroke='%236c757d' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 0.875rem center;
    padding-right: 2.5rem;
    cursor: pointer;
}

.form-panel[b-1op4gysecr]  textarea {
    resize: vertical;
    min-height: 120px;
}

.field-hint[b-1op4gysecr] {
    display: block;
    font-size: var(--font-size-xs);
    color: var(--text-tertiary);
    margin-top: 0.4rem;
    line-height: 1.4;
}

/* ---- SUCCESS STATE ---- */
.success-panel[b-1op4gysecr] {
    text-align: center;
    padding: 3rem 1.5rem;
}

.success-icon[b-1op4gysecr] {
    color: var(--omletec-green);
    margin-bottom: var(--space-lg);
}

.success-title[b-1op4gysecr] {
    font-size: var(--font-size-xl);
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: var(--space-sm);
}

.success-text[b-1op4gysecr] {
    font-size: var(--font-size-base);
    color: var(--text-secondary);
    line-height: 1.6;
    max-width: 360px;
    margin: 0 auto var(--space-xl);
}

/* ---- SIDEBAR ---- */
.sidebar[b-1op4gysecr] {
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
}

.sidebar-card[b-1op4gysecr] {
    background: var(--bg-secondary);
    border-radius: var(--radius-md);
    padding: 1.5rem 1.25rem;
}

.sidebar-heading[b-1op4gysecr] {
    font-size: var(--font-size-sm);
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: var(--space-lg);
    padding-bottom: var(--space-sm);
    border-bottom: 1px solid var(--border-light);
}

.detail[b-1op4gysecr] {
    margin-bottom: 1.25rem;
}

.detail:last-child[b-1op4gysecr] {
    margin-bottom: 0;
}

.detail-label[b-1op4gysecr] {
    display: block;
    font-size: var(--font-size-xs);
    color: var(--text-tertiary);
    margin-bottom: 0.15rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-weight: 500;
}

.detail-value[b-1op4gysecr] {
    font-size: var(--font-size-sm);
    color: var(--text-primary);
    line-height: 1.5;
}

.detail-link[b-1op4gysecr] {
    color: var(--omletec-navy);
    font-weight: 500;
    transition: opacity var(--transition-fast);
}

.detail-link:hover[b-1op4gysecr] { opacity: 0.7; }

.sidebar-note[b-1op4gysecr] {
    font-size: var(--font-size-xs);
    color: var(--text-tertiary);
    line-height: 1.5;
    padding: 1rem;
    border: 1px solid var(--border-light);
    border-radius: var(--radius-md);
}

/* Button variant */
.btn-outline[b-1op4gysecr] {
    background: transparent;
    border: 1px solid var(--gray-300);
    color: var(--text-primary);
    font-size: var(--font-size-sm);
    font-weight: 600;
    font-family: var(--font-family);
    padding: 0.6rem 1.2rem;
    border-radius: var(--radius-md);
    cursor: pointer;
    transition: border-color var(--transition-fast);
}

.btn-outline:hover[b-1op4gysecr] {
    border-color: var(--omletec-navy);
    color: var(--omletec-navy);
}

/* ---- Responsive ---- */
@media (max-width: 768px) {
    .hero[b-1op4gysecr] {
        margin: var(--space-sm) var(--space-md) 0;
        padding: 2rem 1.5rem;
    }

    .contact-grid[b-1op4gysecr] {
        grid-template-columns: 1fr;
        gap: var(--space-xl);
    }

    .field-row[b-1op4gysecr] {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .sidebar[b-1op4gysecr] {
        order: -1;
    }
}

/* ---- ERROR STATE ---- */
.form-error[b-1op4gysecr] {
    background: rgba(220, 53, 69, 0.06);
    border: 1px solid rgba(220, 53, 69, 0.2);
    border-radius: var(--radius-sm);
    padding: 0.75rem 1rem;
    margin-bottom: 1.5rem;
}

    .form-error span[b-1op4gysecr] {
        font-size: var(--font-size-sm);
        color: #dc3545;
        line-height: 1.5;
    }

.field-hint-error[b-1op4gysecr] {
    color: #dc3545;
}

/* ---- VALIDATION ---- */
.form-panel[b-1op4gysecr]  .validation-message {
    display: block;
    font-size: var(--font-size-xs);
    color: #dc3545;
    margin-top: 0.4rem;
    line-height: 1.4;
}
/* /Components/Pages/Home.razor.rz.scp.css */
/* ============================================
   HOME — With LaunchPad centrepiece
   ============================================ */

/* ---- HERO ---- */
.hero[b-zfqv5hbfdl] {
    background: var(--omletec-navy);
    border-radius: var(--radius-lg);
    margin: var(--space-md) var(--space-xl) 0;
    padding: 3.5rem 2.5rem 3.25rem;
    position: relative;
    overflow: hidden;
}

.hero-arcs[b-zfqv5hbfdl] { position: absolute; top: -55px; right: -35px; opacity: 0.07; pointer-events: none; }
.hero-content[b-zfqv5hbfdl] { position: relative; z-index: 1; max-width: 560px; }

.hero-badge[b-zfqv5hbfdl] {
    display: inline-block;
    font-size: var(--font-size-xs);
    color: var(--omletec-teal);
    border: 1px solid rgba(138, 190, 176, 0.3);
    padding: 0.3rem 0.85rem;
    border-radius: 20px;
    margin-bottom: var(--space-lg);
    font-weight: 500;
    letter-spacing: 0.4px;
}

.hero-title[b-zfqv5hbfdl] {
    font-size: clamp(1.75rem, 4.5vw, 2.5rem);
    font-weight: 600;
    line-height: 1.12;
    letter-spacing: -1px;
    color: var(--white);
    margin-bottom: var(--space-md);
}

.hero-subtitle[b-zfqv5hbfdl] {
    font-size: var(--font-size-base);
    color: rgba(255, 255, 255, 0.55);
    line-height: 1.7;
    margin-bottom: var(--space-xl);
}

.hero-actions[b-zfqv5hbfdl] { display: flex; gap: 0.65rem; flex-wrap: wrap; }

/* ---- LAUNCHPAD ---- */
.launchpad-card[b-zfqv5hbfdl] {
    border: 2px solid var(--omletec-teal);
    border-radius: var(--radius-lg);
    padding: 2rem;
    background: var(--bg-primary);
}

.launchpad-inner[b-zfqv5hbfdl] {
    display: flex;
    gap: 2.5rem;
    align-items: flex-start;
}

.launchpad-content[b-zfqv5hbfdl] { flex: 1; }

.launchpad-badge[b-zfqv5hbfdl] {
    display: inline-block;
    font-size: var(--font-size-xs);
    color: var(--omletec-coral);
    background: rgba(243, 153, 97, 0.1);
    padding: 0.2rem 0.65rem;
    border-radius: var(--radius-sm);
    font-weight: 600;
    margin-bottom: var(--space-md);
}

.launchpad-title[b-zfqv5hbfdl] {
    font-size: 1.75rem;
    font-weight: 700;
    color: var(--omletec-navy);
    margin-bottom: 0.25rem;
    letter-spacing: -0.5px;
}

.launchpad-strapline[b-zfqv5hbfdl] {
    font-size: var(--font-size-md);
    font-weight: 500;
    color: var(--text-primary);
    margin-bottom: var(--space-md);
    line-height: 1.4;
}

.launchpad-text[b-zfqv5hbfdl] {
    font-size: var(--font-size-sm);
    color: var(--text-secondary);
    line-height: 1.65;
    margin-bottom: var(--space-lg);
}

.launchpad-features[b-zfqv5hbfdl] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-bottom: var(--space-xl);
}

.lp-feature[b-zfqv5hbfdl] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: var(--font-size-sm);
    color: var(--text-secondary);
}

.lp-feature-dot[b-zfqv5hbfdl] {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--omletec-teal);
    flex-shrink: 0;
}

.launchpad-actions[b-zfqv5hbfdl] {
    display: flex;
    align-items: center;
    gap: var(--space-md);
}

.btn-lp[b-zfqv5hbfdl] {
    display: inline-flex;
    align-items: center;
    padding: 0.7rem 1.4rem;
    background: var(--omletec-navy);
    color: var(--white);
    border-radius: var(--radius-md);
    font-size: var(--font-size-base);
    font-weight: 600;
    font-family: var(--font-family);
    border: none;
    cursor: pointer;
    transition: transform var(--transition-fast), box-shadow var(--transition-base);
}

.btn-lp:hover[b-zfqv5hbfdl] {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(0, 53, 95, 0.2);
}

.launchpad-free[b-zfqv5hbfdl] {
    font-size: var(--font-size-xs);
    color: var(--text-tertiary);
}

/* LaunchPad preview mockup */
.launchpad-preview[b-zfqv5hbfdl] {
    width: 260px;
    flex-shrink: 0;
    background: var(--bg-secondary);
    border-radius: var(--radius-md);
    border: 1px solid var(--border-light);
    overflow: hidden;
}

.lp-preview-header[b-zfqv5hbfdl] {
    padding: 0.75rem 1rem;
    border-bottom: 1px solid var(--border-light);
}

.lp-preview-title[b-zfqv5hbfdl] {
    font-size: var(--font-size-xs);
    font-weight: 600;
    color: var(--text-primary);
}

.lp-maturity[b-zfqv5hbfdl] {
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
}

.lp-maturity-row[b-zfqv5hbfdl] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.lp-maturity-label[b-zfqv5hbfdl] {
    font-size: 0.625rem;
    color: var(--text-secondary);
    width: 80px;
    flex-shrink: 0;
}

.lp-maturity-bar[b-zfqv5hbfdl] {
    flex: 1;
    height: 6px;
    background: var(--border-light);
    border-radius: 3px;
    overflow: hidden;
}

.lp-maturity-fill[b-zfqv5hbfdl] {
    height: 100%;
    background: var(--omletec-teal);
    border-radius: 3px;
    transition: width 1s ease;
}

.lp-fill-low[b-zfqv5hbfdl] {
    background: var(--omletec-coral);
}

.lp-maturity-score[b-zfqv5hbfdl] {
    font-size: 0.625rem;
    font-weight: 600;
    color: var(--text-primary);
    width: 24px;
    text-align: right;
}

.lp-preview-footer[b-zfqv5hbfdl] {
    padding: 0.75rem 1rem;
    border-top: 1px solid var(--border-light);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.lp-overall-label[b-zfqv5hbfdl] {
    font-size: 0.625rem;
    color: var(--text-secondary);
}

.lp-overall-score[b-zfqv5hbfdl] {
    font-size: var(--font-size-sm);
    font-weight: 700;
    color: var(--omletec-navy);
}

/* ---- FEATURED INSIGHT ---- */
.featured-card[b-zfqv5hbfdl] {
    border-left: 3px solid var(--omletec-teal);
    padding: 1.5rem 2rem;
    max-width: 680px;
}

.featured-label[b-zfqv5hbfdl] {
    display: inline-block;
    font-size: var(--font-size-xs);
    color: var(--omletec-teal);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    margin-bottom: var(--space-md);
}

.featured-title[b-zfqv5hbfdl] {
    font-size: var(--font-size-xl);
    font-weight: 600;
    color: var(--text-primary);
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: var(--space-md);
}

.featured-text[b-zfqv5hbfdl] {
    font-size: var(--font-size-base);
    color: var(--text-secondary);
    line-height: 1.7;
    margin-bottom: var(--space-md);
}

.featured-link[b-zfqv5hbfdl] {
    font-size: var(--font-size-sm);
    color: var(--omletec-navy);
    font-weight: 600;
}

.featured-link:hover[b-zfqv5hbfdl] { opacity: 0.7; }

/* ---- CAPABILITIES ---- */
.narrative-header[b-zfqv5hbfdl] { margin-bottom: var(--space-xl); }

.narrative-intro[b-zfqv5hbfdl] {
    font-size: var(--font-size-base);
    color: var(--text-secondary);
    line-height: 1.6;
    max-width: 520px;
    margin-top: var(--space-sm);
}

.capability-list[b-zfqv5hbfdl] { display: flex; flex-direction: column; }

.capability-row[b-zfqv5hbfdl] {
    display: flex;
    align-items: flex-start;
    gap: var(--space-lg);
    padding: 1.5rem 0;
    border-top: 1px solid var(--border-light);
    transition: padding-left var(--transition-base);
}

.capability-row:last-child[b-zfqv5hbfdl] { border-bottom: 1px solid var(--border-light); }
.capability-row:hover[b-zfqv5hbfdl] { padding-left: 0.5rem; }
.capability-row:hover .cap-arrow[b-zfqv5hbfdl] { opacity: 1; transform: translateX(0); }

.cap-number[b-zfqv5hbfdl] { font-size: var(--font-size-sm); font-weight: 700; color: var(--omletec-teal); min-width: 28px; margin-top: 0.15rem; }
.cap-body[b-zfqv5hbfdl] { flex: 1; }
.cap-name[b-zfqv5hbfdl] { font-size: var(--font-size-md); font-weight: 600; color: var(--text-primary); margin-bottom: 0.3rem; }
.cap-desc[b-zfqv5hbfdl] { font-size: var(--font-size-sm); color: var(--text-secondary); line-height: 1.6; max-width: 520px; }

.cap-arrow[b-zfqv5hbfdl] {
    font-size: var(--font-size-lg);
    color: var(--omletec-navy);
    opacity: 0;
    transform: translateX(-4px);
    transition: opacity var(--transition-base), transform var(--transition-base);
    margin-top: 0.15rem;
}

/* ---- INSIGHTS ---- */
.insights-header[b-zfqv5hbfdl] { display: flex; align-items: center; justify-content: space-between; margin-bottom: var(--space-xl); }

.insights-all[b-zfqv5hbfdl] { font-size: var(--font-size-sm); color: var(--omletec-navy); font-weight: 600; }
.insights-all:hover[b-zfqv5hbfdl] { opacity: 0.7; }

.insights-grid[b-zfqv5hbfdl] { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-md); }

.insight-featured[b-zfqv5hbfdl] {
    border: 1px solid var(--border-light);
    border-radius: var(--radius-lg);
    padding: 1.75rem 1.5rem;
    display: flex;
    flex-direction: column;
    transition: transform var(--transition-slow), box-shadow var(--transition-slow);
}

.insight-featured:hover[b-zfqv5hbfdl] { transform: translateY(-2px); box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05); }

.insight-cat[b-zfqv5hbfdl] { font-size: 0.625rem; font-weight: 600; color: var(--omletec-teal); text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: var(--space-sm); }
.insight-title-lg[b-zfqv5hbfdl] { font-size: var(--font-size-lg); font-weight: 600; color: var(--text-primary); line-height: 1.35; margin-bottom: var(--space-sm); }
.insight-excerpt[b-zfqv5hbfdl] { font-size: var(--font-size-sm); color: var(--text-secondary); line-height: 1.6; margin-bottom: var(--space-md); flex: 1; }
.insight-meta[b-zfqv5hbfdl] { font-size: var(--font-size-xs); color: var(--text-tertiary); }

.insight-stack[b-zfqv5hbfdl] { display: flex; flex-direction: column; gap: var(--space-md); }

.insight-compact[b-zfqv5hbfdl] {
    padding: 1.25rem;
    border: 1px solid var(--border-light);
    border-radius: var(--radius-lg);
    transition: transform var(--transition-slow), box-shadow var(--transition-slow);
}

.insight-compact:hover[b-zfqv5hbfdl] { transform: translateY(-2px); box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04); }
.insight-title-sm[b-zfqv5hbfdl] { font-size: var(--font-size-base); font-weight: 600; color: var(--text-primary); line-height: 1.35; margin-bottom: 0.35rem; }

/* ---- CASES ---- */
.cases-grid[b-zfqv5hbfdl] { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-md); }

.case-card[b-zfqv5hbfdl] {
    border-radius: var(--radius-lg);
    padding: 1.75rem 1.5rem;
    display: flex;
    flex-direction: column;
    min-height: 200px;
    transition: transform var(--transition-slow), box-shadow var(--transition-slow);
}

.case-card:hover[b-zfqv5hbfdl] { transform: translateY(-2px); box-shadow: 0 6px 24px rgba(0, 0, 0, 0.08); }
.case-card-teal[b-zfqv5hbfdl] { background: var(--omletec-navy); }
.case-card-blue[b-zfqv5hbfdl] { background: #1a4a73; }
.case-card-purple[b-zfqv5hbfdl] { background: #2a1a42; }

.case-sector[b-zfqv5hbfdl] { font-size: 0.625rem; font-weight: 600; color: var(--omletec-teal); text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: var(--space-md); }
.case-title[b-zfqv5hbfdl] { font-size: var(--font-size-md); font-weight: 600; color: var(--white); line-height: 1.35; flex: 1; margin-bottom: var(--space-md); }
.case-link[b-zfqv5hbfdl] { font-size: var(--font-size-xs); color: rgba(255, 255, 255, 0.5); transition: color var(--transition-fast); }
.case-card:hover .case-link[b-zfqv5hbfdl] { color: var(--omletec-teal); }

/* ---- WHY ---- */
.why-card[b-zfqv5hbfdl] { background: var(--bg-secondary); border-radius: var(--radius-lg); padding: 2rem; }
.why-title[b-zfqv5hbfdl] { font-size: var(--font-size-xl); font-weight: 600; color: var(--text-primary); margin-bottom: var(--space-xl); letter-spacing: -0.3px; }
.why-grid[b-zfqv5hbfdl] { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--space-xl); }
.why-name[b-zfqv5hbfdl] { font-size: var(--font-size-base); font-weight: 600; color: var(--text-primary); margin-bottom: 0.25rem; }
.why-desc[b-zfqv5hbfdl] { font-size: var(--font-size-sm); color: var(--text-secondary); line-height: 1.6; }

/* ---- CTA ---- */
.cta-card[b-zfqv5hbfdl] {
    border-radius: var(--radius-lg);
    background: var(--omletec-navy);
    padding: 2rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.cta-title[b-zfqv5hbfdl] { font-size: var(--font-size-xl); font-weight: 600; color: var(--white); margin-bottom: 0.25rem; letter-spacing: -0.3px; max-width: 400px; }
.cta-subtitle[b-zfqv5hbfdl] { font-size: var(--font-size-sm); color: rgba(255, 255, 255, 0.5); max-width: 420px; line-height: 1.5; }
.cta-button[b-zfqv5hbfdl] { white-space: nowrap; }

/* ---- Responsive ---- */
@media (max-width: 768px) {
    .hero[b-zfqv5hbfdl] { margin: var(--space-sm) var(--space-md) 0; padding: 2.5rem 1.5rem; }

    .launchpad-inner[b-zfqv5hbfdl] { flex-direction: column; }
    .launchpad-preview[b-zfqv5hbfdl] { width: 100%; }
    .launchpad-actions[b-zfqv5hbfdl] { flex-direction: column; align-items: flex-start; }

    .capability-row[b-zfqv5hbfdl] { flex-direction: column; gap: var(--space-sm); }
    .cap-arrow[b-zfqv5hbfdl] { display: none; }

    .insights-grid[b-zfqv5hbfdl] { grid-template-columns: 1fr; }
    .cases-grid[b-zfqv5hbfdl] { grid-template-columns: 1fr; }
    .why-grid[b-zfqv5hbfdl] { grid-template-columns: 1fr; gap: var(--space-lg); }

    .cta-card[b-zfqv5hbfdl] { flex-direction: column; text-align: center; gap: var(--space-lg); }
    .insights-header[b-zfqv5hbfdl] { flex-direction: column; gap: var(--space-sm); }
}
/* /Components/Pages/Insights.razor.rz.scp.css */
/* ============================================
   INSIGHTS INDEX — Page Styles
   ============================================ */

/* ---- HERO ---- */
.hero[b-0dcvhldxad] {
    background: var(--omletec-navy);
    border-radius: var(--radius-lg);
    margin: var(--space-md) var(--space-xl) 0;
    padding: 3rem 2.5rem 2.75rem;
    position: relative;
    overflow: hidden;
}

.hero-arcs[b-0dcvhldxad] { position: absolute; top: -55px; right: -35px; opacity: 0.07; pointer-events: none; }
.hero-content[b-0dcvhldxad] { position: relative; z-index: 1; max-width: 520px; }
.hero-title[b-0dcvhldxad] { font-size: clamp(1.75rem, 4.5vw, 2.25rem); font-weight: 600; line-height: 1.12; letter-spacing: -0.8px; color: var(--white); margin-bottom: var(--space-md); }
.hero-subtitle[b-0dcvhldxad] { font-size: var(--font-size-base); color: rgba(255, 255, 255, 0.55); line-height: 1.65; }

/* ---- FEATURED ARTICLE ---- */
.featured[b-0dcvhldxad] {
    display: flex;
    gap: 2rem;
    align-items: stretch;
    border: 1px solid var(--border-light);
    border-radius: var(--radius-lg);
    overflow: hidden;
    transition: transform var(--transition-slow), box-shadow var(--transition-slow);
}

.featured:hover[b-0dcvhldxad] {
    transform: translateY(-2px);
    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.06);
}

.featured-content[b-0dcvhldxad] {
    flex: 1;
    padding: 2rem 0 2rem 2rem;
    display: flex;
    flex-direction: column;
}

.featured-cat[b-0dcvhldxad] {
    font-size: 0.625rem;
    font-weight: 600;
    color: var(--omletec-teal);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: var(--space-sm);
}

.featured-title[b-0dcvhldxad] {
    font-size: var(--font-size-xl);
    font-weight: 600;
    color: var(--text-primary);
    line-height: 1.3;
    letter-spacing: -0.3px;
    margin-bottom: var(--space-md);
}

.featured-excerpt[b-0dcvhldxad] {
    font-size: var(--font-size-sm);
    color: var(--text-secondary);
    line-height: 1.65;
    flex: 1;
    margin-bottom: var(--space-md);
}

.featured-meta[b-0dcvhldxad] {
    font-size: var(--font-size-xs);
    color: var(--text-tertiary);
}

.featured-image[b-0dcvhldxad] {
    width: 240px;
    flex-shrink: 0;
    background: linear-gradient(135deg, var(--omletec-navy), #5579bb);
    display: flex;
    align-items: center;
    justify-content: center;
}

.featured-image-inner[b-0dcvhldxad] {
    opacity: 0.6;
}

/* ---- FILTERS ---- */
.section-tight[b-0dcvhldxad] {
    padding-top: 0;
    padding-bottom: 0;
}

.filters[b-0dcvhldxad] {
    display: flex;
    gap: 0.4rem;
    flex-wrap: wrap;
    padding-bottom: var(--space-sm);
    border-bottom: 1px solid var(--border-light);
}

.filter-btn[b-0dcvhldxad] {
    font-family: var(--font-family);
    font-size: var(--font-size-xs);
    font-weight: 500;
    color: var(--text-secondary);
    background: none;
    border: 1px solid transparent;
    border-radius: var(--radius-sm);
    padding: 0.4rem 0.75rem;
    cursor: pointer;
    transition: color var(--transition-fast), border-color var(--transition-fast), background var(--transition-fast);
}

.filter-btn:hover[b-0dcvhldxad] {
    color: var(--text-primary);
    background: var(--bg-secondary);
}

.filter-active[b-0dcvhldxad] {
    color: var(--omletec-navy);
    background: rgba(0, 53, 95, 0.06);
    border-color: rgba(0, 53, 95, 0.12);
    font-weight: 600;
}

/* ---- ARTICLE GRID ---- */
.articles-grid[b-0dcvhldxad] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--space-md);
}

.article-card[b-0dcvhldxad] {
    border: 1px solid var(--border-light);
    border-radius: var(--radius-lg);
    overflow: hidden;
    transition: transform var(--transition-slow), box-shadow var(--transition-slow);
    display: flex;
    flex-direction: column;
}

.article-card:hover[b-0dcvhldxad] {
    transform: translateY(-3px);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.06);
}

.article-header[b-0dcvhldxad] {
    height: 100px;
    display: flex;
    align-items: flex-end;
    padding: 0.75rem 1rem;
}

.article-type[b-0dcvhldxad] {
    font-size: 0.5625rem;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.6);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.article-body[b-0dcvhldxad] {
    padding: 1.25rem;
    display: flex;
    flex-direction: column;
    flex: 1;
}

.article-cat[b-0dcvhldxad] {
    font-size: 0.625rem;
    font-weight: 600;
    color: var(--omletec-teal);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 0.4rem;
}

.article-title[b-0dcvhldxad] {
    font-size: var(--font-size-base);
    font-weight: 600;
    color: var(--text-primary);
    line-height: 1.35;
    margin-bottom: 0.5rem;
}

.article-excerpt[b-0dcvhldxad] {
    font-size: var(--font-size-xs);
    color: var(--text-secondary);
    line-height: 1.55;
    flex: 1;
    margin-bottom: var(--space-md);
}

.article-meta[b-0dcvhldxad] {
    font-size: var(--font-size-xs);
    color: var(--text-tertiary);
}

/* ---- EMPTY STATE ---- */
.empty-state[b-0dcvhldxad] {
    text-align: center;
    padding: var(--space-2xl) 0;
    color: var(--text-tertiary);
    font-size: var(--font-size-sm);
}

/* ---- CTA SPLIT ---- */
.cta-split[b-0dcvhldxad] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--space-md);
}

.cta-left[b-0dcvhldxad] {
    background: var(--bg-secondary);
    border-radius: var(--radius-lg);
    padding: 2rem;
}

.cta-right[b-0dcvhldxad] {
    background: var(--omletec-navy);
    border-radius: var(--radius-lg);
    padding: 2rem;
}

.cta-left .cta-title[b-0dcvhldxad] {
    font-size: var(--font-size-lg);
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: var(--space-sm);
}

.cta-left .cta-text[b-0dcvhldxad] {
    font-size: var(--font-size-sm);
    color: var(--text-secondary);
    line-height: 1.6;
    margin-bottom: var(--space-lg);
}

.cta-right .cta-title[b-0dcvhldxad] {
    font-size: var(--font-size-lg);
    font-weight: 600;
    color: var(--white);
    margin-bottom: var(--space-sm);
}

.cta-right .cta-text[b-0dcvhldxad] {
    font-size: var(--font-size-sm);
    color: rgba(255, 255, 255, 0.5);
    line-height: 1.6;
    margin-bottom: var(--space-lg);
}

/* ---- Responsive ---- */
@media (max-width: 768px) {
    .hero[b-0dcvhldxad] {
        margin: var(--space-sm) var(--space-md) 0;
        padding: 2rem 1.5rem;
    }

    .featured[b-0dcvhldxad] {
        flex-direction: column;
    }

    .featured-content[b-0dcvhldxad] {
        padding: 1.5rem;
    }

    .featured-image[b-0dcvhldxad] {
        width: 100%;
        height: 120px;
        order: -1;
    }

    .articles-grid[b-0dcvhldxad] {
        grid-template-columns: 1fr;
    }

    .cta-split[b-0dcvhldxad] {
        grid-template-columns: 1fr;
    }

    .filters[b-0dcvhldxad] {
        overflow-x: auto;
        flex-wrap: nowrap;
        -webkit-overflow-scrolling: touch;
    }

    .filter-btn[b-0dcvhldxad] {
        white-space: nowrap;
    }
}

@media (min-width: 769px) and (max-width: 1024px) {
    .articles-grid[b-0dcvhldxad] {
        grid-template-columns: repeat(2, 1fr);
    }
}
/* /Components/Pages/InsightsArticles/InsightDataMigration.razor.rz.scp.css */
/* ============================================
   INSIGHT ARTICLE — Editorial Layout
   ============================================ */

/* ---- HEADER ---- */
.article-header[b-llbnec983i] {
    background: var(--omletec-navy);
    border-radius: var(--radius-lg);
    margin: var(--space-md) var(--space-xl) 0;
    padding: 2.5rem 2.5rem 2.25rem;
}

.article-back[b-llbnec983i] {
    font-size: var(--font-size-xs);
    color: rgba(255, 255, 255, 0.4);
    display: inline-block;
    margin-bottom: var(--space-lg);
    transition: color var(--transition-fast);
}

.article-back:hover[b-llbnec983i] { color: var(--omletec-teal); }

.article-cat[b-llbnec983i] {
    display: inline-block;
    font-size: 0.625rem;
    font-weight: 600;
    color: var(--omletec-teal);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: var(--space-sm);
}

.article-title[b-llbnec983i] {
    font-size: clamp(1.5rem, 4vw, 2rem);
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -0.6px;
    color: var(--white);
    margin-bottom: var(--space-md);
    max-width: 600px;
}

.article-meta-row[b-llbnec983i] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.article-meta[b-llbnec983i] {
    font-size: var(--font-size-xs);
    color: rgba(255, 255, 255, 0.4);
}

.article-meta-sep[b-llbnec983i] {
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.25);
}

/* ---- LAYOUT ---- */
.article-layout[b-llbnec983i] {
    display: grid;
    grid-template-columns: 1fr 220px;
    gap: 3rem;
    align-items: flex-start;
    padding-top: var(--space-2xl);
}

/* ---- BODY — Typography ---- */
.article-body[b-llbnec983i] {
    max-width: 640px;
}

.article-lede[b-llbnec983i] {
    font-size: var(--font-size-lg);
    color: var(--text-primary);
    line-height: 1.7;
    margin-bottom: var(--space-xl);
    font-weight: 500;
}

.article-body p[b-llbnec983i] {
    font-size: var(--font-size-base);
    color: var(--text-secondary);
    line-height: 1.8;
    margin-bottom: var(--space-lg);
}

.article-body h2[b-llbnec983i] {
    font-size: var(--font-size-xl);
    font-weight: 600;
    color: var(--text-primary);
    margin-top: var(--space-2xl);
    margin-bottom: var(--space-md);
    letter-spacing: -0.3px;
}

.article-body h3[b-llbnec983i] {
    font-size: var(--font-size-md);
    font-weight: 600;
    color: var(--text-primary);
    margin-top: var(--space-xl);
    margin-bottom: var(--space-sm);
}

.article-body h4[b-llbnec983i] {
    font-size: var(--font-size-base);
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: 0.25rem;
}

/* ---- CASE STUDIES ---- */
.case-study[b-llbnec983i] {
    border-left: 3px solid var(--omletec-coral);
    padding: var(--space-lg) var(--space-xl);
    margin: var(--space-xl) 0;
    background: rgba(243, 153, 97, 0.03);
    border-radius: 0 var(--radius-md) var(--radius-md) 0;
}

.case-study h3[b-llbnec983i] {
    margin-top: 0;
    color: var(--omletec-navy);
}

.case-study p[b-llbnec983i] {
    margin-bottom: var(--space-md);
}

.case-study p:last-child[b-llbnec983i] {
    margin-bottom: 0;
}

.case-lesson[b-llbnec983i] {
    font-weight: 500;
    color: var(--text-primary) !important;
    font-style: italic;
}

/* ---- COMMON THREADS ---- */
.threads-grid[b-llbnec983i] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--space-md);
    margin: var(--space-xl) 0;
}

.thread[b-llbnec983i] {
    border: 1px solid var(--border-light);
    border-radius: var(--radius-md);
    padding: 1.25rem;
}

.thread-name[b-llbnec983i] {
    font-size: var(--font-size-sm);
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: 0.25rem;
}

.thread-desc[b-llbnec983i] {
    font-size: var(--font-size-xs);
    color: var(--text-secondary);
    line-height: 1.55;
    margin-bottom: 0;
}

/* ---- ETL STEPS ---- */
.etl-steps[b-llbnec983i] {
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
    margin: var(--space-lg) 0;
}

.etl-step[b-llbnec983i] {
    border-left: 3px solid var(--omletec-teal);
    padding: 0.75rem var(--space-md);
}

.etl-step-name[b-llbnec983i] {
    font-size: var(--font-size-sm);
    font-weight: 600;
    color: var(--omletec-navy);
    margin-bottom: 0.2rem;
}

.etl-step-desc[b-llbnec983i] {
    font-size: var(--font-size-sm);
    color: var(--text-secondary);
    line-height: 1.6;
    margin-bottom: 0;
}

/* ---- GOOD PRACTICES ---- */
.good-practices[b-llbnec983i] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--space-md);
    margin: var(--space-xl) 0;
}

.practice[b-llbnec983i] {
    background: var(--bg-secondary);
    border-radius: var(--radius-md);
    padding: 1.25rem;
}

.practice-name[b-llbnec983i] {
    font-size: var(--font-size-sm);
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: 0.25rem;
}

.practice p[b-llbnec983i] {
    font-size: var(--font-size-xs) !important;
    line-height: 1.55 !important;
    margin-bottom: 0 !important;
}

/* ---- SIDEBAR ---- */
.article-sidebar[b-llbnec983i] {
    position: sticky;
    top: 84px;
    display: flex;
    flex-direction: column;
    gap: var(--space-lg);
}

.sidebar-toc[b-llbnec983i] {
    border: 1px solid var(--border-light);
    border-radius: var(--radius-md);
    padding: 1.25rem;
}

.sidebar-heading[b-llbnec983i] {
    font-size: var(--font-size-xs);
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: var(--space-md);
    padding-bottom: var(--space-sm);
    border-bottom: 1px solid var(--border-light);
}

.toc-list[b-llbnec983i] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.toc-item[b-llbnec983i] {
    font-size: var(--font-size-xs);
    color: var(--text-secondary);
    transition: color var(--transition-fast);
    line-height: 1.4;
}

.toc-item:hover[b-llbnec983i] { color: var(--omletec-navy); }

.sidebar-cta[b-llbnec983i] {
    background: var(--bg-secondary);
    border-radius: var(--radius-md);
    padding: 1.25rem;
}

.sidebar-cta-text[b-llbnec983i] {
    font-size: var(--font-size-xs);
    color: var(--text-secondary);
    line-height: 1.5;
    margin-bottom: var(--space-md);
}

.sidebar-cta-btn[b-llbnec983i] {
    width: 100%;
    justify-content: center;
    font-size: var(--font-size-xs);
    padding: 0.5rem 1rem;
}

/* ---- ARTICLE FOOTER ---- */
.article-footer[b-llbnec983i] {
    border-top: 1px solid var(--border-light);
    margin-top: var(--space-2xl);
    padding-top: var(--space-xl);
}

.article-footer-text[b-llbnec983i] {
    font-size: var(--font-size-sm);
    color: var(--text-secondary);
    line-height: 1.6;
    font-style: italic;
    max-width: 600px;
}

.article-footer-link[b-llbnec983i] {
    color: var(--omletec-navy);
    font-weight: 600;
}

.article-footer-link:hover[b-llbnec983i] { opacity: 0.7; }

/* ---- RELATED ---- */
.related-grid[b-llbnec983i] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--space-md);
    margin-top: var(--space-xl);
}

.related-card[b-llbnec983i] {
    border: 1px solid var(--border-light);
    border-radius: var(--radius-lg);
    padding: 1.5rem 1.25rem;
    transition: transform var(--transition-slow), box-shadow var(--transition-slow);
}

.related-card:hover[b-llbnec983i] {
    transform: translateY(-2px);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.05);
}

.related-cat[b-llbnec983i] {
    font-size: 0.625rem;
    font-weight: 600;
    color: var(--omletec-teal);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: var(--space-sm);
    display: block;
}

.related-title[b-llbnec983i] {
    font-size: var(--font-size-base);
    font-weight: 600;
    color: var(--text-primary);
    line-height: 1.35;
    margin-bottom: var(--space-sm);
}

.related-meta[b-llbnec983i] {
    font-size: var(--font-size-xs);
    color: var(--text-tertiary);
}

/* ---- Responsive ---- */
@media (max-width: 768px) {
    .article-header[b-llbnec983i] {
        margin: var(--space-sm) var(--space-md) 0;
        padding: 2rem 1.5rem;
    }

    .article-layout[b-llbnec983i] {
        grid-template-columns: 1fr;
        gap: var(--space-xl);
    }

    .article-sidebar[b-llbnec983i] {
        position: static;
        order: -1;
    }

    .threads-grid[b-llbnec983i],
    .good-practices[b-llbnec983i],
    .related-grid[b-llbnec983i] {
        grid-template-columns: 1fr;
    }

    .case-study[b-llbnec983i] {
        padding: var(--space-md) var(--space-lg);
    }
}
/* /Components/Pages/InsightsArticles/InsightERPReadiness.razor.rz.scp.css */
/* ============================================
   INSIGHT ARTICLE — Editorial Layout
   ============================================ */

/* ---- HEADER ---- */
.article-header[b-gd1unj7v7w] {
    background: var(--omletec-navy);
    border-radius: var(--radius-lg);
    margin: var(--space-md) var(--space-xl) 0;
    padding: 2.5rem 2.5rem 2.25rem;
}

.article-back[b-gd1unj7v7w] {
    font-size: var(--font-size-xs);
    color: rgba(255, 255, 255, 0.4);
    display: inline-block;
    margin-bottom: var(--space-lg);
    transition: color var(--transition-fast);
}

.article-back:hover[b-gd1unj7v7w] { color: var(--omletec-teal); }

.article-cat[b-gd1unj7v7w] {
    display: inline-block;
    font-size: 0.625rem;
    font-weight: 600;
    color: var(--omletec-teal);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: var(--space-sm);
}

.article-title[b-gd1unj7v7w] {
    font-size: clamp(1.5rem, 4vw, 2rem);
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -0.6px;
    color: var(--white);
    margin-bottom: var(--space-md);
    max-width: 600px;
}

.article-meta-row[b-gd1unj7v7w] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.article-meta[b-gd1unj7v7w] {
    font-size: var(--font-size-xs);
    color: rgba(255, 255, 255, 0.4);
}

.article-meta-sep[b-gd1unj7v7w] {
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.25);
}

/* ---- LAYOUT ---- */
.article-layout[b-gd1unj7v7w] {
    display: grid;
    grid-template-columns: 1fr 220px;
    gap: 3rem;
    align-items: flex-start;
    padding-top: var(--space-2xl);
}

/* ---- BODY — Typography ---- */
.article-body[b-gd1unj7v7w] {
    max-width: 640px;
}

.article-lede[b-gd1unj7v7w] {
    font-size: var(--font-size-lg);
    color: var(--text-primary);
    line-height: 1.7;
    margin-bottom: var(--space-xl);
    font-weight: 500;
}

.article-body p[b-gd1unj7v7w] {
    font-size: var(--font-size-base);
    color: var(--text-secondary);
    line-height: 1.8;
    margin-bottom: var(--space-lg);
}

.article-body h2[b-gd1unj7v7w] {
    font-size: var(--font-size-xl);
    font-weight: 600;
    color: var(--text-primary);
    margin-top: var(--space-2xl);
    margin-bottom: var(--space-md);
    letter-spacing: -0.3px;
}

.article-body h3[b-gd1unj7v7w] {
    font-size: var(--font-size-md);
    font-weight: 600;
    color: var(--text-primary);
    margin-top: var(--space-xl);
    margin-bottom: var(--space-sm);
}

.article-body h4[b-gd1unj7v7w] {
    font-size: var(--font-size-base);
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: 0.25rem;
}

/* ---- CASE STUDIES ---- */
.case-study[b-gd1unj7v7w] {
    border-left: 3px solid var(--omletec-coral);
    padding: var(--space-lg) var(--space-xl);
    margin: var(--space-xl) 0;
    background: rgba(243, 153, 97, 0.03);
    border-radius: 0 var(--radius-md) var(--radius-md) 0;
}

.case-study h3[b-gd1unj7v7w] {
    margin-top: 0;
    color: var(--omletec-navy);
}

.case-study p[b-gd1unj7v7w] {
    margin-bottom: var(--space-md);
}

.case-study p:last-child[b-gd1unj7v7w] {
    margin-bottom: 0;
}

.case-lesson[b-gd1unj7v7w] {
    font-weight: 500;
    color: var(--text-primary) !important;
    font-style: italic;
}

/* ---- COMMON THREADS ---- */
.threads-grid[b-gd1unj7v7w] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--space-md);
    margin: var(--space-xl) 0;
}

.thread[b-gd1unj7v7w] {
    border: 1px solid var(--border-light);
    border-radius: var(--radius-md);
    padding: 1.25rem;
}

.thread-name[b-gd1unj7v7w] {
    font-size: var(--font-size-sm);
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: 0.25rem;
}

.thread-desc[b-gd1unj7v7w] {
    font-size: var(--font-size-xs);
    color: var(--text-secondary);
    line-height: 1.55;
    margin-bottom: 0;
}

/* ---- ETL STEPS ---- */
.etl-steps[b-gd1unj7v7w] {
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
    margin: var(--space-lg) 0;
}

.etl-step[b-gd1unj7v7w] {
    border-left: 3px solid var(--omletec-teal);
    padding: 0.75rem var(--space-md);
}

.etl-step-name[b-gd1unj7v7w] {
    font-size: var(--font-size-sm);
    font-weight: 600;
    color: var(--omletec-navy);
    margin-bottom: 0.2rem;
}

.etl-step-desc[b-gd1unj7v7w] {
    font-size: var(--font-size-sm);
    color: var(--text-secondary);
    line-height: 1.6;
    margin-bottom: 0;
}

/* ---- GOOD PRACTICES ---- */
.good-practices[b-gd1unj7v7w] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--space-md);
    margin: var(--space-xl) 0;
}

.practice[b-gd1unj7v7w] {
    background: var(--bg-secondary);
    border-radius: var(--radius-md);
    padding: 1.25rem;
}

.practice-name[b-gd1unj7v7w] {
    font-size: var(--font-size-sm);
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: 0.25rem;
}

.practice p[b-gd1unj7v7w] {
    font-size: var(--font-size-xs) !important;
    line-height: 1.55 !important;
    margin-bottom: 0 !important;
}

/* ---- SIDEBAR ---- */
.article-sidebar[b-gd1unj7v7w] {
    position: sticky;
    top: 84px;
    display: flex;
    flex-direction: column;
    gap: var(--space-lg);
}

.sidebar-toc[b-gd1unj7v7w] {
    border: 1px solid var(--border-light);
    border-radius: var(--radius-md);
    padding: 1.25rem;
}

.sidebar-heading[b-gd1unj7v7w] {
    font-size: var(--font-size-xs);
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: var(--space-md);
    padding-bottom: var(--space-sm);
    border-bottom: 1px solid var(--border-light);
}

.toc-list[b-gd1unj7v7w] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.toc-item[b-gd1unj7v7w] {
    font-size: var(--font-size-xs);
    color: var(--text-secondary);
    transition: color var(--transition-fast);
    line-height: 1.4;
}

.toc-item:hover[b-gd1unj7v7w] { color: var(--omletec-navy); }

.sidebar-cta[b-gd1unj7v7w] {
    background: var(--bg-secondary);
    border-radius: var(--radius-md);
    padding: 1.25rem;
}

.sidebar-cta-text[b-gd1unj7v7w] {
    font-size: var(--font-size-xs);
    color: var(--text-secondary);
    line-height: 1.5;
    margin-bottom: var(--space-md);
}

.sidebar-cta-btn[b-gd1unj7v7w] {
    width: 100%;
    justify-content: center;
    font-size: var(--font-size-xs);
    padding: 0.5rem 1rem;
}

/* ---- ARTICLE FOOTER ---- */
.article-footer[b-gd1unj7v7w] {
    border-top: 1px solid var(--border-light);
    margin-top: var(--space-2xl);
    padding-top: var(--space-xl);
}

.article-footer-text[b-gd1unj7v7w] {
    font-size: var(--font-size-sm);
    color: var(--text-secondary);
    line-height: 1.6;
    font-style: italic;
    max-width: 600px;
}

.article-footer-link[b-gd1unj7v7w] {
    color: var(--omletec-navy);
    font-weight: 600;
}

.article-footer-link:hover[b-gd1unj7v7w] { opacity: 0.7; }

/* ---- RELATED ---- */
.related-grid[b-gd1unj7v7w] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--space-md);
    margin-top: var(--space-xl);
}

.related-card[b-gd1unj7v7w] {
    border: 1px solid var(--border-light);
    border-radius: var(--radius-lg);
    padding: 1.5rem 1.25rem;
    transition: transform var(--transition-slow), box-shadow var(--transition-slow);
}

.related-card:hover[b-gd1unj7v7w] {
    transform: translateY(-2px);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.05);
}

.related-cat[b-gd1unj7v7w] {
    font-size: 0.625rem;
    font-weight: 600;
    color: var(--omletec-teal);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: var(--space-sm);
    display: block;
}

.related-title[b-gd1unj7v7w] {
    font-size: var(--font-size-base);
    font-weight: 600;
    color: var(--text-primary);
    line-height: 1.35;
    margin-bottom: var(--space-sm);
}

.related-meta[b-gd1unj7v7w] {
    font-size: var(--font-size-xs);
    color: var(--text-tertiary);
}

/* ---- Responsive ---- */
@media (max-width: 768px) {
    .article-header[b-gd1unj7v7w] {
        margin: var(--space-sm) var(--space-md) 0;
        padding: 2rem 1.5rem;
    }

    .article-layout[b-gd1unj7v7w] {
        grid-template-columns: 1fr;
        gap: var(--space-xl);
    }

    .article-sidebar[b-gd1unj7v7w] {
        position: static;
        order: -1;
    }

    .threads-grid[b-gd1unj7v7w],
    .good-practices[b-gd1unj7v7w],
    .related-grid[b-gd1unj7v7w] {
        grid-template-columns: 1fr;
    }

    .case-study[b-gd1unj7v7w] {
        padding: var(--space-md) var(--space-lg);
    }
}
/* /Components/Pages/InsightsArticles/InsightGovernanceFailures.razor.rz.scp.css */
/* ============================================
   INSIGHT ARTICLE — Editorial Layout
   ============================================ */

/* ---- HEADER ---- */
.article-header[b-m6nonvjp92] {
    background: var(--omletec-navy);
    border-radius: var(--radius-lg);
    margin: var(--space-md) var(--space-xl) 0;
    padding: 2.5rem 2.5rem 2.25rem;
}

.article-back[b-m6nonvjp92] {
    font-size: var(--font-size-xs);
    color: rgba(255, 255, 255, 0.4);
    display: inline-block;
    margin-bottom: var(--space-lg);
    transition: color var(--transition-fast);
}

.article-back:hover[b-m6nonvjp92] { color: var(--omletec-teal); }

.article-cat[b-m6nonvjp92] {
    display: inline-block;
    font-size: 0.625rem;
    font-weight: 600;
    color: var(--omletec-teal);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: var(--space-sm);
}

.article-title[b-m6nonvjp92] {
    font-size: clamp(1.5rem, 4vw, 2rem);
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -0.6px;
    color: var(--white);
    margin-bottom: var(--space-md);
    max-width: 600px;
}

.article-meta-row[b-m6nonvjp92] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.article-meta[b-m6nonvjp92] {
    font-size: var(--font-size-xs);
    color: rgba(255, 255, 255, 0.4);
}

.article-meta-sep[b-m6nonvjp92] {
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.25);
}

/* ---- LAYOUT ---- */
.article-layout[b-m6nonvjp92] {
    display: grid;
    grid-template-columns: 1fr 220px;
    gap: 3rem;
    align-items: flex-start;
    padding-top: var(--space-2xl);
}

/* ---- BODY — Typography ---- */
.article-body[b-m6nonvjp92] {
    max-width: 640px;
}

.article-lede[b-m6nonvjp92] {
    font-size: var(--font-size-lg);
    color: var(--text-primary);
    line-height: 1.7;
    margin-bottom: var(--space-xl);
    font-weight: 500;
}

.article-body p[b-m6nonvjp92] {
    font-size: var(--font-size-base);
    color: var(--text-secondary);
    line-height: 1.8;
    margin-bottom: var(--space-lg);
}

.article-body h2[b-m6nonvjp92] {
    font-size: var(--font-size-xl);
    font-weight: 600;
    color: var(--text-primary);
    margin-top: var(--space-2xl);
    margin-bottom: var(--space-md);
    letter-spacing: -0.3px;
}

.article-body h3[b-m6nonvjp92] {
    font-size: var(--font-size-md);
    font-weight: 600;
    color: var(--text-primary);
    margin-top: var(--space-xl);
    margin-bottom: var(--space-sm);
}

.article-body h4[b-m6nonvjp92] {
    font-size: var(--font-size-base);
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: 0.25rem;
}

/* ---- CASE STUDIES ---- */
.case-study[b-m6nonvjp92] {
    border-left: 3px solid var(--omletec-coral);
    padding: var(--space-lg) var(--space-xl);
    margin: var(--space-xl) 0;
    background: rgba(243, 153, 97, 0.03);
    border-radius: 0 var(--radius-md) var(--radius-md) 0;
}

.case-study h3[b-m6nonvjp92] {
    margin-top: 0;
    color: var(--omletec-navy);
}

.case-study p[b-m6nonvjp92] {
    margin-bottom: var(--space-md);
}

.case-study p:last-child[b-m6nonvjp92] {
    margin-bottom: 0;
}

.case-lesson[b-m6nonvjp92] {
    font-weight: 500;
    color: var(--text-primary) !important;
    font-style: italic;
}

/* ---- COMMON THREADS ---- */
.threads-grid[b-m6nonvjp92] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--space-md);
    margin: var(--space-xl) 0;
}

.thread[b-m6nonvjp92] {
    border: 1px solid var(--border-light);
    border-radius: var(--radius-md);
    padding: 1.25rem;
}

.thread-name[b-m6nonvjp92] {
    font-size: var(--font-size-sm);
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: 0.25rem;
}

.thread-desc[b-m6nonvjp92] {
    font-size: var(--font-size-xs);
    color: var(--text-secondary);
    line-height: 1.55;
    margin-bottom: 0;
}

/* ---- ETL STEPS ---- */
.etl-steps[b-m6nonvjp92] {
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
    margin: var(--space-lg) 0;
}

.etl-step[b-m6nonvjp92] {
    border-left: 3px solid var(--omletec-teal);
    padding: 0.75rem var(--space-md);
}

.etl-step-name[b-m6nonvjp92] {
    font-size: var(--font-size-sm);
    font-weight: 600;
    color: var(--omletec-navy);
    margin-bottom: 0.2rem;
}

.etl-step-desc[b-m6nonvjp92] {
    font-size: var(--font-size-sm);
    color: var(--text-secondary);
    line-height: 1.6;
    margin-bottom: 0;
}

/* ---- GOOD PRACTICES ---- */
.good-practices[b-m6nonvjp92] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--space-md);
    margin: var(--space-xl) 0;
}

.practice[b-m6nonvjp92] {
    background: var(--bg-secondary);
    border-radius: var(--radius-md);
    padding: 1.25rem;
}

.practice-name[b-m6nonvjp92] {
    font-size: var(--font-size-sm);
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: 0.25rem;
}

.practice p[b-m6nonvjp92] {
    font-size: var(--font-size-xs) !important;
    line-height: 1.55 !important;
    margin-bottom: 0 !important;
}

/* ---- SIDEBAR ---- */
.article-sidebar[b-m6nonvjp92] {
    position: sticky;
    top: 84px;
    display: flex;
    flex-direction: column;
    gap: var(--space-lg);
}

.sidebar-toc[b-m6nonvjp92] {
    border: 1px solid var(--border-light);
    border-radius: var(--radius-md);
    padding: 1.25rem;
}

.sidebar-heading[b-m6nonvjp92] {
    font-size: var(--font-size-xs);
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: var(--space-md);
    padding-bottom: var(--space-sm);
    border-bottom: 1px solid var(--border-light);
}

.toc-list[b-m6nonvjp92] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.toc-item[b-m6nonvjp92] {
    font-size: var(--font-size-xs);
    color: var(--text-secondary);
    transition: color var(--transition-fast);
    line-height: 1.4;
}

.toc-item:hover[b-m6nonvjp92] { color: var(--omletec-navy); }

.sidebar-cta[b-m6nonvjp92] {
    background: var(--bg-secondary);
    border-radius: var(--radius-md);
    padding: 1.25rem;
}

.sidebar-cta-text[b-m6nonvjp92] {
    font-size: var(--font-size-xs);
    color: var(--text-secondary);
    line-height: 1.5;
    margin-bottom: var(--space-md);
}

.sidebar-cta-btn[b-m6nonvjp92] {
    width: 100%;
    justify-content: center;
    font-size: var(--font-size-xs);
    padding: 0.5rem 1rem;
}

/* ---- ARTICLE FOOTER ---- */
.article-footer[b-m6nonvjp92] {
    border-top: 1px solid var(--border-light);
    margin-top: var(--space-2xl);
    padding-top: var(--space-xl);
}

.article-footer-text[b-m6nonvjp92] {
    font-size: var(--font-size-sm);
    color: var(--text-secondary);
    line-height: 1.6;
    font-style: italic;
    max-width: 600px;
}

.article-footer-link[b-m6nonvjp92] {
    color: var(--omletec-navy);
    font-weight: 600;
}

.article-footer-link:hover[b-m6nonvjp92] { opacity: 0.7; }

/* ---- RELATED ---- */
.related-grid[b-m6nonvjp92] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--space-md);
    margin-top: var(--space-xl);
}

.related-card[b-m6nonvjp92] {
    border: 1px solid var(--border-light);
    border-radius: var(--radius-lg);
    padding: 1.5rem 1.25rem;
    transition: transform var(--transition-slow), box-shadow var(--transition-slow);
}

.related-card:hover[b-m6nonvjp92] {
    transform: translateY(-2px);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.05);
}

.related-cat[b-m6nonvjp92] {
    font-size: 0.625rem;
    font-weight: 600;
    color: var(--omletec-teal);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: var(--space-sm);
    display: block;
}

.related-title[b-m6nonvjp92] {
    font-size: var(--font-size-base);
    font-weight: 600;
    color: var(--text-primary);
    line-height: 1.35;
    margin-bottom: var(--space-sm);
}

.related-meta[b-m6nonvjp92] {
    font-size: var(--font-size-xs);
    color: var(--text-tertiary);
}

/* ---- Responsive ---- */
@media (max-width: 768px) {
    .article-header[b-m6nonvjp92] {
        margin: var(--space-sm) var(--space-md) 0;
        padding: 2rem 1.5rem;
    }

    .article-layout[b-m6nonvjp92] {
        grid-template-columns: 1fr;
        gap: var(--space-xl);
    }

    .article-sidebar[b-m6nonvjp92] {
        position: static;
        order: -1;
    }

    .threads-grid[b-m6nonvjp92],
    .good-practices[b-m6nonvjp92],
    .related-grid[b-m6nonvjp92] {
        grid-template-columns: 1fr;
    }

    .case-study[b-m6nonvjp92] {
        padding: var(--space-md) var(--space-lg);
    }
}
/* /Components/Pages/InsightsArticles/InsightITStrategicAsset.razor.rz.scp.css */
/* ============================================
   INSIGHT ARTICLE — Editorial Layout
   ============================================ */

/* ---- HEADER ---- */
.article-header[b-v9l1uws6ty] {
    background: var(--omletec-navy);
    border-radius: var(--radius-lg);
    margin: var(--space-md) var(--space-xl) 0;
    padding: 2.5rem 2.5rem 2.25rem;
}

.article-back[b-v9l1uws6ty] {
    font-size: var(--font-size-xs);
    color: rgba(255, 255, 255, 0.4);
    display: inline-block;
    margin-bottom: var(--space-lg);
    transition: color var(--transition-fast);
}

.article-back:hover[b-v9l1uws6ty] { color: var(--omletec-teal); }

.article-cat[b-v9l1uws6ty] {
    display: inline-block;
    font-size: 0.625rem;
    font-weight: 600;
    color: var(--omletec-teal);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: var(--space-sm);
}

.article-title[b-v9l1uws6ty] {
    font-size: clamp(1.5rem, 4vw, 2rem);
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -0.6px;
    color: var(--white);
    margin-bottom: var(--space-md);
    max-width: 600px;
}

.article-meta-row[b-v9l1uws6ty] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.article-meta[b-v9l1uws6ty] {
    font-size: var(--font-size-xs);
    color: rgba(255, 255, 255, 0.4);
}

.article-meta-sep[b-v9l1uws6ty] {
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.25);
}

/* ---- LAYOUT ---- */
.article-layout[b-v9l1uws6ty] {
    display: grid;
    grid-template-columns: 1fr 220px;
    gap: 3rem;
    align-items: flex-start;
    padding-top: var(--space-2xl);
}

/* ---- BODY — Typography ---- */
.article-body[b-v9l1uws6ty] {
    max-width: 640px;
}

.article-lede[b-v9l1uws6ty] {
    font-size: var(--font-size-lg);
    color: var(--text-primary);
    line-height: 1.7;
    margin-bottom: var(--space-xl);
    font-weight: 500;
}

.article-body p[b-v9l1uws6ty] {
    font-size: var(--font-size-base);
    color: var(--text-secondary);
    line-height: 1.8;
    margin-bottom: var(--space-lg);
}

.article-body h2[b-v9l1uws6ty] {
    font-size: var(--font-size-xl);
    font-weight: 600;
    color: var(--text-primary);
    margin-top: var(--space-2xl);
    margin-bottom: var(--space-md);
    letter-spacing: -0.3px;
}

.article-body h3[b-v9l1uws6ty] {
    font-size: var(--font-size-md);
    font-weight: 600;
    color: var(--text-primary);
    margin-top: var(--space-xl);
    margin-bottom: var(--space-sm);
}

.article-body h4[b-v9l1uws6ty] {
    font-size: var(--font-size-base);
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: 0.25rem;
}

/* ---- CASE STUDIES ---- */
.case-study[b-v9l1uws6ty] {
    border-left: 3px solid var(--omletec-coral);
    padding: var(--space-lg) var(--space-xl);
    margin: var(--space-xl) 0;
    background: rgba(243, 153, 97, 0.03);
    border-radius: 0 var(--radius-md) var(--radius-md) 0;
}

.case-study h3[b-v9l1uws6ty] {
    margin-top: 0;
    color: var(--omletec-navy);
}

.case-study p[b-v9l1uws6ty] {
    margin-bottom: var(--space-md);
}

.case-study p:last-child[b-v9l1uws6ty] {
    margin-bottom: 0;
}

.case-lesson[b-v9l1uws6ty] {
    font-weight: 500;
    color: var(--text-primary) !important;
    font-style: italic;
}

/* ---- COMMON THREADS ---- */
.threads-grid[b-v9l1uws6ty] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--space-md);
    margin: var(--space-xl) 0;
}

.thread[b-v9l1uws6ty] {
    border: 1px solid var(--border-light);
    border-radius: var(--radius-md);
    padding: 1.25rem;
}

.thread-name[b-v9l1uws6ty] {
    font-size: var(--font-size-sm);
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: 0.25rem;
}

.thread-desc[b-v9l1uws6ty] {
    font-size: var(--font-size-xs);
    color: var(--text-secondary);
    line-height: 1.55;
    margin-bottom: 0;
}

/* ---- ETL STEPS ---- */
.etl-steps[b-v9l1uws6ty] {
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
    margin: var(--space-lg) 0;
}

.etl-step[b-v9l1uws6ty] {
    border-left: 3px solid var(--omletec-teal);
    padding: 0.75rem var(--space-md);
}

.etl-step-name[b-v9l1uws6ty] {
    font-size: var(--font-size-sm);
    font-weight: 600;
    color: var(--omletec-navy);
    margin-bottom: 0.2rem;
}

.etl-step-desc[b-v9l1uws6ty] {
    font-size: var(--font-size-sm);
    color: var(--text-secondary);
    line-height: 1.6;
    margin-bottom: 0;
}

/* ---- GOOD PRACTICES ---- */
.good-practices[b-v9l1uws6ty] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--space-md);
    margin: var(--space-xl) 0;
}

.practice[b-v9l1uws6ty] {
    background: var(--bg-secondary);
    border-radius: var(--radius-md);
    padding: 1.25rem;
}

.practice-name[b-v9l1uws6ty] {
    font-size: var(--font-size-sm);
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: 0.25rem;
}

.practice p[b-v9l1uws6ty] {
    font-size: var(--font-size-xs) !important;
    line-height: 1.55 !important;
    margin-bottom: 0 !important;
}

/* ---- SIDEBAR ---- */
.article-sidebar[b-v9l1uws6ty] {
    position: sticky;
    top: 84px;
    display: flex;
    flex-direction: column;
    gap: var(--space-lg);
}

.sidebar-toc[b-v9l1uws6ty] {
    border: 1px solid var(--border-light);
    border-radius: var(--radius-md);
    padding: 1.25rem;
}

.sidebar-heading[b-v9l1uws6ty] {
    font-size: var(--font-size-xs);
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: var(--space-md);
    padding-bottom: var(--space-sm);
    border-bottom: 1px solid var(--border-light);
}

.toc-list[b-v9l1uws6ty] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.toc-item[b-v9l1uws6ty] {
    font-size: var(--font-size-xs);
    color: var(--text-secondary);
    transition: color var(--transition-fast);
    line-height: 1.4;
}

.toc-item:hover[b-v9l1uws6ty] { color: var(--omletec-navy); }

.sidebar-cta[b-v9l1uws6ty] {
    background: var(--bg-secondary);
    border-radius: var(--radius-md);
    padding: 1.25rem;
}

.sidebar-cta-text[b-v9l1uws6ty] {
    font-size: var(--font-size-xs);
    color: var(--text-secondary);
    line-height: 1.5;
    margin-bottom: var(--space-md);
}

.sidebar-cta-btn[b-v9l1uws6ty] {
    width: 100%;
    justify-content: center;
    font-size: var(--font-size-xs);
    padding: 0.5rem 1rem;
}

/* ---- ARTICLE FOOTER ---- */
.article-footer[b-v9l1uws6ty] {
    border-top: 1px solid var(--border-light);
    margin-top: var(--space-2xl);
    padding-top: var(--space-xl);
}

.article-footer-text[b-v9l1uws6ty] {
    font-size: var(--font-size-sm);
    color: var(--text-secondary);
    line-height: 1.6;
    font-style: italic;
    max-width: 600px;
}

.article-footer-link[b-v9l1uws6ty] {
    color: var(--omletec-navy);
    font-weight: 600;
}

.article-footer-link:hover[b-v9l1uws6ty] { opacity: 0.7; }

/* ---- RELATED ---- */
.related-grid[b-v9l1uws6ty] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--space-md);
    margin-top: var(--space-xl);
}

.related-card[b-v9l1uws6ty] {
    border: 1px solid var(--border-light);
    border-radius: var(--radius-lg);
    padding: 1.5rem 1.25rem;
    transition: transform var(--transition-slow), box-shadow var(--transition-slow);
}

.related-card:hover[b-v9l1uws6ty] {
    transform: translateY(-2px);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.05);
}

.related-cat[b-v9l1uws6ty] {
    font-size: 0.625rem;
    font-weight: 600;
    color: var(--omletec-teal);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: var(--space-sm);
    display: block;
}

.related-title[b-v9l1uws6ty] {
    font-size: var(--font-size-base);
    font-weight: 600;
    color: var(--text-primary);
    line-height: 1.35;
    margin-bottom: var(--space-sm);
}

.related-meta[b-v9l1uws6ty] {
    font-size: var(--font-size-xs);
    color: var(--text-tertiary);
}

/* ---- Responsive ---- */
@media (max-width: 768px) {
    .article-header[b-v9l1uws6ty] {
        margin: var(--space-sm) var(--space-md) 0;
        padding: 2rem 1.5rem;
    }

    .article-layout[b-v9l1uws6ty] {
        grid-template-columns: 1fr;
        gap: var(--space-xl);
    }

    .article-sidebar[b-v9l1uws6ty] {
        position: static;
        order: -1;
    }

    .threads-grid[b-v9l1uws6ty],
    .good-practices[b-v9l1uws6ty],
    .related-grid[b-v9l1uws6ty] {
        grid-template-columns: 1fr;
    }

    .case-study[b-v9l1uws6ty] {
        padding: var(--space-md) var(--space-lg);
    }
}
/* /Components/Pages/InterimLeadership.razor.rz.scp.css */
/* ============================================
   INTERIM IT LEADERSHIP — Page Styles
   ============================================ */

/* ---- HERO ---- */
.hero[b-wlj4mj6d6z] {
    background: var(--omletec-navy);
    border-radius: var(--radius-lg);
    margin: var(--space-md) var(--space-xl) 0;
    padding: 3rem 2.5rem 2.75rem;
    position: relative;
    overflow: hidden;
}

.hero-arcs[b-wlj4mj6d6z] {
    position: absolute;
    top: -55px;
    right: -35px;
    opacity: 0.07;
    pointer-events: none;
}

.hero-content[b-wlj4mj6d6z] {
    position: relative;
    z-index: 1;
    max-width: 560px;
}

.hero-back[b-wlj4mj6d6z] {
    font-size: var(--font-size-xs);
    color: rgba(255, 255, 255, 0.4);
    display: inline-block;
    margin-bottom: var(--space-lg);
    transition: color var(--transition-fast);
}

.hero-back:hover[b-wlj4mj6d6z] { color: var(--omletec-teal); }

.hero-title[b-wlj4mj6d6z] {
    font-size: clamp(1.5rem, 4vw, 2rem);
    font-weight: 600;
    line-height: 1.15;
    letter-spacing: -0.6px;
    color: var(--white);
    margin-bottom: var(--space-md);
}

.hero-subtitle[b-wlj4mj6d6z] {
    font-size: var(--font-size-base);
    color: rgba(255, 255, 255, 0.55);
    line-height: 1.65;
}

/* ---- IMMEDIATE VALUE ---- */
.immediate-grid[b-wlj4mj6d6z] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--space-md);
}

.immediate-card[b-wlj4mj6d6z] {
    border: 1px solid var(--border-light);
    border-radius: var(--radius-lg);
    padding: 1.5rem 1.25rem;
}

.immediate-card-navy[b-wlj4mj6d6z] {
    grid-row: span 2;
    background: var(--omletec-navy);
    border-color: var(--omletec-navy);
}

.immediate-icon[b-wlj4mj6d6z] {
    width: 42px;
    height: 42px;
    border-radius: var(--radius-md);
    background: rgba(138, 190, 176, 0.15);
    color: var(--omletec-teal);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: var(--space-md);
}

.immediate-icon-alt[b-wlj4mj6d6z] {
    background: rgba(67, 37, 90, 0.08);
    color: var(--omletec-purple);
}

.immediate-heading[b-wlj4mj6d6z] {
    font-size: var(--font-size-md);
    font-weight: 600;
    color: var(--white);
    margin-bottom: var(--space-sm);
}

.immediate-heading-dark[b-wlj4mj6d6z] {
    font-size: var(--font-size-md);
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: var(--space-sm);
}

.immediate-text[b-wlj4mj6d6z] {
    font-size: var(--font-size-sm);
    color: rgba(255, 255, 255, 0.55);
    line-height: 1.65;
}

.immediate-text-dark[b-wlj4mj6d6z] {
    font-size: var(--font-size-sm);
    color: var(--text-secondary);
    line-height: 1.65;
}

/* ---- JOURNEY ---- */
.journey-card[b-wlj4mj6d6z] {
    background: var(--bg-secondary);
    border-radius: var(--radius-lg);
    padding: 2rem;
    display: flex;
    gap: 2.5rem;
    align-items: flex-start;
}

.journey-content[b-wlj4mj6d6z] { flex: 1; }

.journey-badge[b-wlj4mj6d6z] {
    display: inline-block;
    font-size: var(--font-size-xs);
    color: var(--omletec-purple);
    background: rgba(67, 37, 90, 0.08);
    padding: 0.2rem 0.6rem;
    border-radius: var(--radius-sm);
    font-weight: 600;
    margin-bottom: var(--space-md);
}

.journey-title[b-wlj4mj6d6z] {
    font-size: var(--font-size-xl);
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: var(--space-sm);
    letter-spacing: -0.3px;
}

.journey-text[b-wlj4mj6d6z] {
    font-size: var(--font-size-sm);
    color: var(--text-secondary);
    line-height: 1.65;
    margin-bottom: var(--space-md);
}

.journey-text:last-child[b-wlj4mj6d6z] { margin-bottom: 0; }

.journey-phases[b-wlj4mj6d6z] {
    width: 220px;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

.jphase[b-wlj4mj6d6z] {
    display: flex;
    gap: 0.65rem;
    align-items: flex-start;
}

.jphase-marker[b-wlj4mj6d6z] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 2px solid var(--omletec-purple);
    flex-shrink: 0;
    margin-top: 0.35rem;
}

.jphase-marker-now[b-wlj4mj6d6z] {
    background: var(--omletec-purple);
}

.jphase-label[b-wlj4mj6d6z] {
    display: block;
    font-size: 0.5625rem;
    color: var(--text-tertiary);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.jphase-name[b-wlj4mj6d6z] {
    display: block;
    font-size: var(--font-size-sm);
    font-weight: 600;
    color: var(--text-primary);
    line-height: 1.2;
}

.jphase-desc[b-wlj4mj6d6z] {
    font-size: var(--font-size-xs);
    color: var(--text-secondary);
    line-height: 1.35;
}

.jphase-line[b-wlj4mj6d6z] {
    width: 2px;
    height: 14px;
    background: var(--border-light);
    margin-left: 4px;
}

/* ---- ENGAGEMENT MODELS ---- */
.model-grid[b-wlj4mj6d6z] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--space-md);
}

.model-card[b-wlj4mj6d6z] {
    border-radius: var(--radius-lg);
    overflow: hidden;
    border: 1px solid var(--border-light);
    transition: transform var(--transition-slow), box-shadow var(--transition-slow);
}

.model-card:hover[b-wlj4mj6d6z] {
    transform: translateY(-2px);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
}

.model-stripe[b-wlj4mj6d6z] {
    height: 5px;
}

.model-stripe-purple[b-wlj4mj6d6z] { background: var(--omletec-purple); }
.model-stripe-blue[b-wlj4mj6d6z] { background: var(--omletec-blue); }
.model-stripe-teal[b-wlj4mj6d6z] { background: var(--omletec-teal); }

.model-body[b-wlj4mj6d6z] {
    padding: 1.5rem 1.25rem;
}

.model-label[b-wlj4mj6d6z] {
    display: inline-block;
    font-size: var(--font-size-xs);
    font-weight: 600;
    color: var(--omletec-purple);
    background: rgba(67, 37, 90, 0.07);
    padding: 0.2rem 0.55rem;
    border-radius: var(--radius-sm);
    margin-bottom: var(--space-sm);
}

.model-label-blue[b-wlj4mj6d6z] {
    color: var(--omletec-blue);
    background: rgba(85, 121, 187, 0.08);
}

.model-label-teal[b-wlj4mj6d6z] {
    color: #0F6E56;
    background: rgba(138, 190, 176, 0.1);
}

.model-name[b-wlj4mj6d6z] {
    font-size: var(--font-size-md);
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: var(--space-sm);
}

.model-desc[b-wlj4mj6d6z] {
    font-size: var(--font-size-sm);
    color: var(--text-secondary);
    line-height: 1.6;
    margin-bottom: var(--space-md);
}

.model-details[b-wlj4mj6d6z] {
    border-top: 1px solid var(--border-light);
    padding-top: var(--space-sm);
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.model-detail[b-wlj4mj6d6z] {
    display: flex;
    justify-content: space-between;
    font-size: var(--font-size-xs);
}

.model-detail-label[b-wlj4mj6d6z] {
    color: var(--text-secondary);
}

.model-detail-value[b-wlj4mj6d6z] {
    font-weight: 600;
    color: var(--text-primary);
}

/* ---- OUTCOMES ---- */
.outcome-grid[b-wlj4mj6d6z] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--space-md);
}

.outcome-card[b-wlj4mj6d6z] {
    display: flex;
    gap: 0.65rem;
    align-items: flex-start;
    padding: 1rem 1.25rem;
    border-left: 3px solid var(--omletec-purple);
    background: var(--bg-secondary);
    border-radius: 0 var(--radius-md) var(--radius-md) 0;
}

.outcome-dot[b-wlj4mj6d6z] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--omletec-purple);
    flex-shrink: 0;
    margin-top: 0.4rem;
}

.outcome-name[b-wlj4mj6d6z] {
    display: block;
    font-size: var(--font-size-sm);
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: 0.1rem;
}

.outcome-desc[b-wlj4mj6d6z] {
    font-size: var(--font-size-xs);
    color: var(--text-secondary);
    line-height: 1.5;
}

/* ---- CTA ---- */
.cta-card[b-wlj4mj6d6z] {
    border-radius: var(--radius-lg);
    background: var(--omletec-navy);
    padding: 2rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.cta-title[b-wlj4mj6d6z] {
    font-size: var(--font-size-xl);
    font-weight: 600;
    color: var(--white);
    margin-bottom: 0.25rem;
    letter-spacing: -0.3px;
}

.cta-subtitle[b-wlj4mj6d6z] {
    font-size: var(--font-size-sm);
    color: rgba(255, 255, 255, 0.5);
    max-width: 380px;
}

.cta-button[b-wlj4mj6d6z] { white-space: nowrap; }

/* ---- Responsive ---- */
@media (max-width: 768px) {
    .hero[b-wlj4mj6d6z] {
        margin: var(--space-sm) var(--space-md) 0;
        padding: 2rem 1.5rem;
    }

    .immediate-grid[b-wlj4mj6d6z],
    .outcome-grid[b-wlj4mj6d6z] {
        grid-template-columns: 1fr;
    }

    .immediate-card-navy[b-wlj4mj6d6z] {
        grid-row: auto;
    }

    .model-grid[b-wlj4mj6d6z] {
        grid-template-columns: 1fr;
    }

    .journey-card[b-wlj4mj6d6z] {
        flex-direction: column;
        gap: var(--space-xl);
    }

    .journey-phases[b-wlj4mj6d6z] { width: 100%; }

    .cta-card[b-wlj4mj6d6z] {
        flex-direction: column;
        text-align: center;
        gap: var(--space-lg);
    }
}
/* /Components/Pages/LaunchPad.razor.rz.scp.css */
/* ============================================
   LAUNCHPAD — Coming Soon Page
   ============================================ */

.hero[b-3e2vxsj3w3] {
    background: var(--omletec-navy);
    border-radius: var(--radius-lg);
    margin: var(--space-md) var(--space-xl) 0;
    padding: 3.5rem 2.5rem 3.25rem;
    position: relative;
    overflow: hidden;
}

.hero-arcs[b-3e2vxsj3w3] { position: absolute; top: -55px; right: -35px; opacity: 0.07; pointer-events: none; }
.hero-content[b-3e2vxsj3w3] { position: relative; z-index: 1; max-width: 560px; }

.coming-soon-badge[b-3e2vxsj3w3] {
    display: inline-block;
    font-size: var(--font-size-xs);
    color: var(--omletec-coral);
    background: rgba(243, 153, 97, 0.15);
    padding: 0.3rem 0.85rem;
    border-radius: 20px;
    margin-bottom: var(--space-lg);
    font-weight: 600;
    letter-spacing: 0.3px;
}

.hero-title[b-3e2vxsj3w3] {
    font-size: clamp(2rem, 5vw, 2.75rem);
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -1px;
    color: var(--white);
    margin-bottom: var(--space-md);
}

.hero-strapline[b-3e2vxsj3w3] {
    font-size: var(--font-size-md);
    color: rgba(255, 255, 255, 0.55);
    line-height: 1.65;
}

/* ---- INTRO ---- */
.intro-grid[b-3e2vxsj3w3] { display: flex; gap: 2.5rem; align-items: flex-start; }
.intro-content[b-3e2vxsj3w3] { flex: 1; }
.intro-text[b-3e2vxsj3w3] { font-size: var(--font-size-base); color: var(--text-secondary); line-height: 1.7; margin-bottom: var(--space-md); }
.intro-text:last-child[b-3e2vxsj3w3] { margin-bottom: 0; }

.intro-aside[b-3e2vxsj3w3] {
    width: 180px;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.aside-stat[b-3e2vxsj3w3] {
    background: var(--bg-secondary);
    border-radius: var(--radius-md);
    padding: 1rem;
}

.aside-stat-value[b-3e2vxsj3w3] { display: block; font-size: var(--font-size-xl); font-weight: 700; color: var(--omletec-navy); line-height: 1; margin-bottom: 0.15rem; }
.aside-stat-label[b-3e2vxsj3w3] { font-size: var(--font-size-xs); color: var(--text-secondary); }

/* ---- STEPS ---- */
.steps-grid[b-3e2vxsj3w3] { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--space-md); }

.step-card[b-3e2vxsj3w3] {
    border: 1px solid var(--border-light);
    border-radius: var(--radius-lg);
    padding: 1.5rem 1.25rem;
}

.step-num[b-3e2vxsj3w3] { font-size: 1.75rem; font-weight: 700; color: var(--omletec-teal); opacity: 0.4; line-height: 1; margin-bottom: var(--space-sm); }
.step-name[b-3e2vxsj3w3] { font-size: var(--font-size-base); font-weight: 600; color: var(--text-primary); margin-bottom: 0.35rem; }
.step-desc[b-3e2vxsj3w3] { font-size: var(--font-size-sm); color: var(--text-secondary); line-height: 1.6; }

/* ---- DIMENSIONS ---- */
.dimensions-grid[b-3e2vxsj3w3] { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--space-xl); }

.dimension-group-title[b-3e2vxsj3w3] {
    font-size: var(--font-size-sm);
    font-weight: 600;
    color: var(--omletec-navy);
    margin-bottom: var(--space-md);
    padding-bottom: var(--space-sm);
    border-bottom: 2px solid var(--omletec-teal);
    display: inline-block;
}

.dimension-list[b-3e2vxsj3w3] { display: flex; flex-direction: column; gap: 0.4rem; }

.dimension-item[b-3e2vxsj3w3] {
    font-size: var(--font-size-sm);
    color: var(--text-secondary);
    padding: 0.4rem 0;
    border-bottom: 1px solid var(--border-light);
}

.dimension-item:last-child[b-3e2vxsj3w3] { border-bottom: none; }

/* ---- MATURITY LEVELS ---- */
.maturity-scale[b-3e2vxsj3w3] { display: flex; flex-direction: column; gap: 0; }

.maturity-level[b-3e2vxsj3w3] {
    display: flex;
    align-items: stretch;
    gap: 0;
}

.maturity-bar[b-3e2vxsj3w3] {
    width: 6px;
    flex-shrink: 0;
}

.maturity-bar-1[b-3e2vxsj3w3] { background: #e74c3c; }
.maturity-bar-2[b-3e2vxsj3w3] { background: var(--omletec-coral); }
.maturity-bar-3[b-3e2vxsj3w3] { background: #f1c40f; }
.maturity-bar-4[b-3e2vxsj3w3] { background: var(--omletec-teal); }
.maturity-bar-5[b-3e2vxsj3w3] { background: var(--omletec-green); }

.maturity-content[b-3e2vxsj3w3] {
    flex: 1;
    padding: 1rem 1.25rem;
    border-bottom: 1px solid var(--border-light);
}

.maturity-level:last-child .maturity-content[b-3e2vxsj3w3] { border-bottom: none; }

.maturity-num[b-3e2vxsj3w3] { font-size: var(--font-size-xs); font-weight: 600; color: var(--text-tertiary); text-transform: uppercase; letter-spacing: 0.5px; }
.maturity-name[b-3e2vxsj3w3] { font-size: var(--font-size-md); font-weight: 600; color: var(--text-primary); margin-bottom: 0.15rem; }
.maturity-desc[b-3e2vxsj3w3] { font-size: var(--font-size-sm); color: var(--text-secondary); line-height: 1.5; }

/* ---- PREVIEW ---- */
.preview-card[b-3e2vxsj3w3] {
    display: flex;
    gap: 2.5rem;
    align-items: flex-start;
}

.preview-content[b-3e2vxsj3w3] { flex: 1; }
.preview-title[b-3e2vxsj3w3] { font-size: var(--font-size-xl); font-weight: 600; color: var(--text-primary); margin-bottom: var(--space-md); letter-spacing: -0.3px; }
.preview-text[b-3e2vxsj3w3] { font-size: var(--font-size-sm); color: var(--text-secondary); line-height: 1.65; margin-bottom: var(--space-md); }

.preview-mockup[b-3e2vxsj3w3] {
    width: 280px;
    flex-shrink: 0;
    border: 1px solid var(--border-light);
    border-radius: var(--radius-md);
    overflow: hidden;
}

.mockup-header[b-3e2vxsj3w3] {
    padding: 0.75rem 1rem;
    border-bottom: 1px solid var(--border-light);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.mockup-title[b-3e2vxsj3w3] { font-size: var(--font-size-xs); font-weight: 600; color: var(--text-primary); }
.mockup-overall[b-3e2vxsj3w3] { font-size: var(--font-size-xs); font-weight: 700; color: var(--omletec-navy); }

.mockup-rows[b-3e2vxsj3w3] { padding: 0.75rem 1rem; display: flex; flex-direction: column; gap: 0.5rem; }

.mockup-row[b-3e2vxsj3w3] { display: flex; align-items: center; gap: 0.5rem; }
.mockup-label[b-3e2vxsj3w3] { font-size: 0.5625rem; color: var(--text-secondary); width: 80px; flex-shrink: 0; }
.mockup-bar[b-3e2vxsj3w3] { flex: 1; height: 6px; background: var(--border-light); border-radius: 3px; overflow: hidden; }
.mockup-fill[b-3e2vxsj3w3] { height: 100%; background: var(--omletec-teal); border-radius: 3px; }
.mockup-fill-low[b-3e2vxsj3w3] { background: var(--omletec-coral); }
.mockup-score[b-3e2vxsj3w3] { font-size: 0.5625rem; font-weight: 600; color: var(--text-primary); width: 22px; text-align: right; }

/* ---- REGISTER ---- */
.register-card[b-3e2vxsj3w3] {
    background: var(--omletec-navy);
    border-radius: var(--radius-lg);
    padding: 2rem;
    display: flex;
    gap: 2.5rem;
    align-items: center;
}

.register-content[b-3e2vxsj3w3] { flex: 1; }
.register-title[b-3e2vxsj3w3] { font-size: var(--font-size-xl); font-weight: 600; color: var(--white); margin-bottom: var(--space-sm); letter-spacing: -0.3px; }
.register-text[b-3e2vxsj3w3] { font-size: var(--font-size-sm); color: rgba(255, 255, 255, 0.5); line-height: 1.6; }

.register-form[b-3e2vxsj3w3] { width: 300px; flex-shrink: 0; }

.register-fields[b-3e2vxsj3w3] { display: flex; gap: 0.5rem; }

[b-3e2vxsj3w3] .register-input,
.register-form input[b-3e2vxsj3w3] {
    flex: 1;
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 0.65rem 0.875rem;
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: var(--radius-md);
    font-family: var(--font-family);
    font-size: var(--font-size-sm);
    color: var(--white);
    background: rgba(255, 255, 255, 0.06);
    -webkit-appearance: none;
}

[b-3e2vxsj3w3] .register-input::placeholder,
.register-form input[b-3e2vxsj3w3]::placeholder {
    color: rgba(255, 255, 255, 0.35);
}

[b-3e2vxsj3w3] .register-input:focus,
.register-form input:focus[b-3e2vxsj3w3] {
    outline: none;
    border-color: var(--omletec-teal);
}

.register-btn[b-3e2vxsj3w3] { white-space: nowrap; }

.register-success[b-3e2vxsj3w3] {
    font-size: var(--font-size-xs);
    color: var(--omletec-teal);
    margin-top: var(--space-sm);
    font-weight: 500;
}

/* ---- CTA ---- */
.cta-card[b-3e2vxsj3w3] {
    border-radius: var(--radius-lg);
    background: var(--bg-secondary);
    padding: 2rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.cta-title[b-3e2vxsj3w3] { font-size: var(--font-size-xl); font-weight: 600; color: var(--text-primary); margin-bottom: 0.25rem; letter-spacing: -0.3px; max-width: 400px; }
.cta-subtitle[b-3e2vxsj3w3] { font-size: var(--font-size-sm); color: var(--text-secondary); max-width: 420px; line-height: 1.5; }
.cta-button[b-3e2vxsj3w3] { white-space: nowrap; }

/* ---- Responsive ---- */
@media (max-width: 768px) {
    .hero[b-3e2vxsj3w3] { margin: var(--space-sm) var(--space-md) 0; padding: 2.5rem 1.5rem; }
    .intro-grid[b-3e2vxsj3w3] { flex-direction: column; }
    .intro-aside[b-3e2vxsj3w3] { width: 100%; flex-direction: row; }
    .aside-stat[b-3e2vxsj3w3] { flex: 1; }
    .steps-grid[b-3e2vxsj3w3] { grid-template-columns: 1fr; }
    .dimensions-grid[b-3e2vxsj3w3] { grid-template-columns: 1fr; }
    .preview-card[b-3e2vxsj3w3] { flex-direction: column; }
    .preview-mockup[b-3e2vxsj3w3] { width: 100%; }
    .register-card[b-3e2vxsj3w3] { flex-direction: column; text-align: center; }
    .register-form[b-3e2vxsj3w3] { width: 100%; }
    .cta-card[b-3e2vxsj3w3] { flex-direction: column; text-align: center; gap: var(--space-lg); }
}

@media (min-width: 769px) and (max-width: 1024px) {
    .steps-grid[b-3e2vxsj3w3] { grid-template-columns: repeat(2, 1fr); }
}

/* ── Register: success ── */
.register-success[b-3e2vxsj3w3] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: var(--font-size-sm);
    color: #5fbdb4;
}

/* ── Register: error ── */
.register-error[b-3e2vxsj3w3] {
    margin-top: 0.75rem;
}

    .register-error span[b-3e2vxsj3w3] {
        font-size: var(--font-size-xs);
        color: #f39961;
        line-height: 1.4;
    }

/* ── Register: validation ── */
.register-input-wrap[b-3e2vxsj3w3] {
    flex: 1;
    min-width: 0;
}

    .register-input-wrap .validation-message[b-3e2vxsj3w3] {
        display: block;
        font-size: var(--font-size-xs);
        color: #f39961;
        margin-top: 0.35rem;
    }
/* /Components/Pages/PharmaIT.razor.rz.scp.css */
/* ============================================
   PHARMA IT CONSULTANCY — Page Styles
   ============================================ */

/* ---- HERO ---- */
.hero[b-ildy4ta8gy] {
    background: var(--omletec-navy);
    border-radius: var(--radius-lg);
    margin: var(--space-md) var(--space-xl) 0;
    padding: 3rem 2.5rem 2.75rem;
    position: relative;
    overflow: hidden;
}

.hero-arcs[b-ildy4ta8gy] {
    position: absolute;
    top: -55px;
    right: -35px;
    opacity: 0.07;
    pointer-events: none;
}

.hero-content[b-ildy4ta8gy] {
    position: relative;
    z-index: 1;
    max-width: 560px;
}

.hero-back[b-ildy4ta8gy] {
    font-size: var(--font-size-xs);
    color: rgba(255, 255, 255, 0.4);
    display: inline-block;
    margin-bottom: var(--space-lg);
    transition: color var(--transition-fast);
}

.hero-back:hover[b-ildy4ta8gy] { color: var(--omletec-teal); }

.hero-title[b-ildy4ta8gy] {
    font-size: clamp(1.5rem, 4vw, 2rem);
    font-weight: 600;
    line-height: 1.15;
    letter-spacing: -0.6px;
    color: var(--white);
    margin-bottom: var(--space-md);
}

.hero-subtitle[b-ildy4ta8gy] {
    font-size: var(--font-size-base);
    color: rgba(255, 255, 255, 0.55);
    line-height: 1.65;
}

/* ---- DIFFERENTIATOR ---- */
.diff-grid[b-ildy4ta8gy] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--space-md);
}

.diff-card[b-ildy4ta8gy] {
    border: 1px solid var(--border-light);
    border-radius: var(--radius-lg);
    padding: 1.5rem 1.25rem;
}

.diff-card-highlight[b-ildy4ta8gy] {
    grid-row: span 2;
    background: var(--omletec-navy);
    border-color: var(--omletec-navy);
}

.diff-card-highlight .diff-heading[b-ildy4ta8gy] {
    color: var(--white);
}

.diff-card-highlight .diff-text[b-ildy4ta8gy] {
    color: rgba(255, 255, 255, 0.55);
}

.diff-icon[b-ildy4ta8gy] {
    width: 42px;
    height: 42px;
    border-radius: var(--radius-md);
    background: rgba(138, 190, 176, 0.15);
    color: var(--omletec-teal);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: var(--space-md);
}

.diff-icon-alt[b-ildy4ta8gy] {
    background: rgba(72, 177, 112, 0.1);
    color: var(--omletec-green);
}

.diff-heading[b-ildy4ta8gy] {
    font-size: var(--font-size-md);
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: var(--space-sm);
}

.diff-text[b-ildy4ta8gy] {
    font-size: var(--font-size-sm);
    color: var(--text-secondary);
    line-height: 1.65;
}

/* ---- GLOBAL EXPERIENCE ---- */
.global-card[b-ildy4ta8gy] {
    background: var(--bg-secondary);
    border-radius: var(--radius-lg);
    padding: 2rem;
    display: flex;
    gap: 2.5rem;
    align-items: flex-start;
}

.global-content[b-ildy4ta8gy] { flex: 1; }

.global-badge[b-ildy4ta8gy] {
    display: inline-block;
    font-size: var(--font-size-xs);
    color: var(--omletec-green);
    background: rgba(72, 177, 112, 0.1);
    padding: 0.2rem 0.6rem;
    border-radius: var(--radius-sm);
    font-weight: 600;
    margin-bottom: var(--space-md);
}

.global-title[b-ildy4ta8gy] {
    font-size: var(--font-size-xl);
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: var(--space-sm);
    letter-spacing: -0.3px;
}

.global-text[b-ildy4ta8gy] {
    font-size: var(--font-size-sm);
    color: var(--text-secondary);
    line-height: 1.65;
}

.global-regions[b-ildy4ta8gy] {
    width: 240px;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
}

.region[b-ildy4ta8gy] {
    border-left: 3px solid var(--omletec-green);
    padding-left: var(--space-md);
}

.region-label[b-ildy4ta8gy] {
    display: block;
    font-size: var(--font-size-sm);
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: 0.1rem;
}

.region-countries[b-ildy4ta8gy] {
    font-size: var(--font-size-xs);
    color: var(--text-secondary);
    line-height: 1.45;
}

/* ---- SERVICES ---- */
.services-grid[b-ildy4ta8gy] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--space-md);
}

.service-card[b-ildy4ta8gy] {
    border: 1px solid var(--border-light);
    border-radius: var(--radius-lg);
    padding: 1.5rem 1.25rem;
}

.service-num[b-ildy4ta8gy] {
    font-size: 1.75rem;
    font-weight: 700;
    color: var(--omletec-green);
    opacity: 0.35;
    line-height: 1;
    margin-bottom: var(--space-sm);
}

.service-heading[b-ildy4ta8gy] {
    font-size: var(--font-size-base);
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: var(--space-sm);
}

.service-text[b-ildy4ta8gy] {
    font-size: var(--font-size-sm);
    color: var(--text-secondary);
    line-height: 1.65;
}

/* ---- FRAMEWORKS ---- */
.fw-grid[b-ildy4ta8gy] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--space-md);
}

.fw-card[b-ildy4ta8gy] {
    background: var(--bg-secondary);
    border-radius: var(--radius-md);
    padding: 1.25rem 1rem;
}

.fw-name[b-ildy4ta8gy] {
    display: block;
    font-size: var(--font-size-sm);
    font-weight: 600;
    color: var(--omletec-navy);
    margin-bottom: 0.2rem;
}

.fw-desc[b-ildy4ta8gy] {
    font-size: var(--font-size-xs);
    color: var(--text-secondary);
    line-height: 1.45;
}

/* ---- SCENARIOS ---- */
.scenario-grid[b-ildy4ta8gy] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--space-md);
}

.scenario-card[b-ildy4ta8gy] {
    border-radius: var(--radius-lg);
    padding: 1.75rem 1.5rem;
}

.scenario-proactive[b-ildy4ta8gy] {
    background: rgba(72, 177, 112, 0.06);
    border: 1px solid rgba(72, 177, 112, 0.15);
}

.scenario-reactive[b-ildy4ta8gy] {
    background: rgba(243, 153, 97, 0.06);
    border: 1px solid rgba(243, 153, 97, 0.15);
}

.scenario-label[b-ildy4ta8gy] {
    display: inline-block;
    font-size: var(--font-size-xs);
    font-weight: 600;
    color: var(--omletec-green);
    background: rgba(72, 177, 112, 0.1);
    padding: 0.2rem 0.6rem;
    border-radius: var(--radius-sm);
    margin-bottom: var(--space-md);
}

.scenario-label-coral[b-ildy4ta8gy] {
    color: var(--omletec-coral);
    background: rgba(243, 153, 97, 0.1);
}

.scenario-heading[b-ildy4ta8gy] {
    font-size: var(--font-size-md);
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: var(--space-sm);
    font-style: italic;
}

.scenario-text[b-ildy4ta8gy] {
    font-size: var(--font-size-sm);
    color: var(--text-secondary);
    line-height: 1.65;
}

/* ---- CTA ---- */
.cta-card[b-ildy4ta8gy] {
    border-radius: var(--radius-lg);
    background: var(--omletec-navy);
    padding: 2rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.cta-title[b-ildy4ta8gy] {
    font-size: var(--font-size-xl);
    font-weight: 600;
    color: var(--white);
    margin-bottom: 0.25rem;
    letter-spacing: -0.3px;
}

.cta-subtitle[b-ildy4ta8gy] {
    font-size: var(--font-size-sm);
    color: rgba(255, 255, 255, 0.5);
    max-width: 380px;
}

.cta-button[b-ildy4ta8gy] { white-space: nowrap; }

/* ---- Responsive ---- */
@media (max-width: 768px) {
    .hero[b-ildy4ta8gy] {
        margin: var(--space-sm) var(--space-md) 0;
        padding: 2rem 1.5rem;
    }

    .diff-grid[b-ildy4ta8gy],
    .services-grid[b-ildy4ta8gy],
    .fw-grid[b-ildy4ta8gy],
    .scenario-grid[b-ildy4ta8gy] {
        grid-template-columns: 1fr;
    }

    .diff-card-highlight[b-ildy4ta8gy] {
        grid-row: auto;
    }

    .global-card[b-ildy4ta8gy] {
        flex-direction: column;
        gap: var(--space-xl);
    }

    .global-regions[b-ildy4ta8gy] { width: 100%; }

    .cta-card[b-ildy4ta8gy] {
        flex-direction: column;
        text-align: center;
        gap: var(--space-lg);
    }
}

@media (min-width: 769px) and (max-width: 1024px) {
    .fw-grid[b-ildy4ta8gy] { grid-template-columns: repeat(2, 1fr); }
}
/* /Components/Pages/Platforms.razor.rz.scp.css */
/* ---- HERO ---- */
.hero[b-kczez2mhfb] {
    background: var(--omletec-navy);
    border-radius: var(--radius-lg);
    margin: var(--space-md) var(--space-xl) 0;
    padding: 3rem 2.5rem 2.75rem;
    position: relative;
    overflow: hidden;
}

.hero-arcs[b-kczez2mhfb] { position: absolute; top: -55px; right: -35px; opacity: 0.07; pointer-events: none; }
.hero-content[b-kczez2mhfb] { position: relative; z-index: 1; max-width: 480px; }
.hero-title[b-kczez2mhfb] { font-size: clamp(1.75rem, 4.5vw, 2.25rem); font-weight: 600; line-height: 1.12; letter-spacing: -0.8px; color: var(--white); margin-bottom: var(--space-md); }
.hero-subtitle[b-kczez2mhfb] { font-size: var(--font-size-base); color: rgba(255, 255, 255, 0.55); line-height: 1.65; }

/* ---- PLATFORM CARDS ---- */
.platform-card[b-kczez2mhfb] {
    border: 1px solid var(--border-light);
    border-radius: var(--radius-lg);
    padding: 2rem;
    max-width: 640px;
}

.platform-card-featured[b-kczez2mhfb] {
    border: 2px solid var(--omletec-teal);
}

.platform-badge[b-kczez2mhfb] {
    display: inline-block;
    font-size: var(--font-size-xs);
    font-weight: 600;
    padding: 0.2rem 0.65rem;
    border-radius: var(--radius-sm);
}

.platform-badges[b-kczez2mhfb] {
    display: flex;
    gap: 0.4rem;
    margin-bottom: var(--space-md);
}

.platform-badge-coral[b-kczez2mhfb] {
    color: var(--omletec-coral);
    background: rgba(243, 153, 97, 0.1);
}

.platform-badge-teal[b-kczez2mhfb] { color: #0F6E56; background: rgba(138, 190, 176, 0.12); }
.platform-badge-green[b-kczez2mhfb] { color: var(--omletec-green); background: rgba(72, 177, 112, 0.1); }

.platform-name[b-kczez2mhfb] {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--omletec-navy);
    margin-bottom: 0.15rem;
    letter-spacing: -0.3px;
}

.platform-tagline[b-kczez2mhfb] {
    font-size: var(--font-size-md);
    color: var(--text-secondary);
    margin-bottom: var(--space-md);
}

.platform-desc[b-kczez2mhfb] {
    font-size: var(--font-size-sm);
    color: var(--text-secondary);
    line-height: 1.65;
    margin-bottom: var(--space-xl);
}

.platform-link[b-kczez2mhfb] {
    font-size: var(--font-size-sm);
    color: var(--omletec-navy);
    font-weight: 600;
}

.platform-link:hover[b-kczez2mhfb] { opacity: 0.7; }

@media (max-width: 768px) {
    .hero[b-kczez2mhfb] { margin: var(--space-sm) var(--space-md) 0; padding: 2rem 1.5rem; }
}
/* /Components/Pages/ProgrammeManagement.razor.rz.scp.css */
/* ============================================
   PROGRAMME MANAGEMENT — Page Styles
   ============================================ */

/* ---- HERO ---- */
.hero[b-ejjqo0tifp] {
    background: var(--omletec-navy);
    border-radius: var(--radius-lg);
    margin: var(--space-md) var(--space-xl) 0;
    padding: 3rem 2.5rem 2.75rem;
    position: relative;
    overflow: hidden;
}

.hero-arcs[b-ejjqo0tifp] {
    position: absolute;
    top: -55px;
    right: -35px;
    opacity: 0.07;
    pointer-events: none;
}

.hero-content[b-ejjqo0tifp] {
    position: relative;
    z-index: 1;
    max-width: 560px;
}

.hero-back[b-ejjqo0tifp] {
    font-size: var(--font-size-xs);
    color: rgba(255, 255, 255, 0.4);
    display: inline-block;
    margin-bottom: var(--space-lg);
    transition: color var(--transition-fast);
}

.hero-back:hover[b-ejjqo0tifp] {
    color: var(--omletec-teal);
}

.hero-title[b-ejjqo0tifp] {
    font-size: clamp(1.5rem, 4vw, 2rem);
    font-weight: 600;
    line-height: 1.15;
    letter-spacing: -0.6px;
    color: var(--white);
    margin-bottom: var(--space-md);
}

.hero-subtitle[b-ejjqo0tifp] {
    font-size: var(--font-size-base);
    color: rgba(255, 255, 255, 0.55);
    line-height: 1.65;
}

/* ---- ENGAGEMENT MODELS ---- */
.engagement-grid[b-ejjqo0tifp] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--space-md);
}

.engagement-card[b-ejjqo0tifp] {
    border: 1px solid var(--border-light);
    border-radius: var(--radius-lg);
    padding: 1.75rem 1.5rem;
    transition: transform var(--transition-slow), box-shadow var(--transition-slow);
}

.engagement-card:hover[b-ejjqo0tifp] {
    transform: translateY(-2px);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
}

.engagement-number[b-ejjqo0tifp] {
    font-size: 2rem;
    font-weight: 700;
    color: var(--omletec-teal);
    opacity: 0.4;
    margin-bottom: var(--space-sm);
    line-height: 1;
}

.engagement-heading[b-ejjqo0tifp] {
    font-size: var(--font-size-md);
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: var(--space-sm);
    line-height: 1.35;
}

.engagement-text[b-ejjqo0tifp] {
    font-size: var(--font-size-sm);
    color: var(--text-secondary);
    line-height: 1.65;
    margin-bottom: var(--space-md);
}

.engagement-tags[b-ejjqo0tifp] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
}

.eng-tag[b-ejjqo0tifp] {
    font-size: var(--font-size-xs);
    background: rgba(138, 190, 176, 0.12);
    color: #0F6E56;
    padding: 0.2rem 0.6rem;
    border-radius: var(--radius-sm);
    font-weight: 500;
}

/* ---- GOVERNANCE FOUNDATIONS ---- */
.foundations-grid[b-ejjqo0tifp] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--space-md);
}

.foundation-card[b-ejjqo0tifp] {
    padding: 1.5rem 1.25rem;
    border: 1px solid var(--border-light);
    border-radius: var(--radius-lg);
}

.foundation-icon[b-ejjqo0tifp] {
    width: 40px;
    height: 40px;
    border-radius: var(--radius-md);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: var(--space-md);
}

.foundation-icon-teal[b-ejjqo0tifp] { background: rgba(138, 190, 176, 0.12); color: var(--omletec-teal); }
.foundation-icon-blue[b-ejjqo0tifp] { background: rgba(85, 121, 187, 0.1); color: var(--omletec-blue); }
.foundation-icon-green[b-ejjqo0tifp] { background: rgba(72, 177, 112, 0.1); color: var(--omletec-green); }
.foundation-icon-coral[b-ejjqo0tifp] { background: rgba(243, 153, 97, 0.1); color: var(--omletec-coral); }

.foundation-heading[b-ejjqo0tifp] {
    font-size: var(--font-size-base);
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: 0.35rem;
}

.foundation-text[b-ejjqo0tifp] {
    font-size: var(--font-size-sm);
    color: var(--text-secondary);
    line-height: 1.6;
}

/* ---- FRAMEWORK ---- */
.framework-card[b-ejjqo0tifp] {
    background: var(--bg-secondary);
    border-radius: var(--radius-lg);
    padding: 2rem;
    display: flex;
    gap: 2.5rem;
    align-items: flex-start;
}

.framework-content[b-ejjqo0tifp] {
    flex: 1;
}

.framework-badge[b-ejjqo0tifp] {
    display: inline-block;
    font-size: var(--font-size-xs);
    color: var(--omletec-navy);
    background: rgba(0, 53, 95, 0.06);
    padding: 0.2rem 0.6rem;
    border-radius: var(--radius-sm);
    font-weight: 600;
    margin-bottom: var(--space-md);
}

.framework-title[b-ejjqo0tifp] {
    font-size: var(--font-size-xl);
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: var(--space-sm);
    letter-spacing: -0.3px;
}

.framework-text[b-ejjqo0tifp] {
    font-size: var(--font-size-sm);
    color: var(--text-secondary);
    line-height: 1.65;
    margin-bottom: var(--space-md);
}

.framework-text:last-child[b-ejjqo0tifp] {
    margin-bottom: 0;
}

.framework-phases[b-ejjqo0tifp] {
    width: 200px;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

.phase[b-ejjqo0tifp] {
    padding: 0.6rem 0;
}

.phase-num[b-ejjqo0tifp] {
    font-size: var(--font-size-xs);
    font-weight: 700;
    color: var(--omletec-teal);
    margin-bottom: 0.1rem;
}

.phase-name[b-ejjqo0tifp] {
    font-size: var(--font-size-sm);
    font-weight: 600;
    color: var(--text-primary);
    line-height: 1.2;
}

.phase-desc[b-ejjqo0tifp] {
    font-size: var(--font-size-xs);
    color: var(--text-secondary);
    line-height: 1.35;
}

.phase-connector[b-ejjqo0tifp] {
    width: 1px;
    height: 12px;
    background: var(--border-light);
    margin-left: 8px;
}

/* ---- ERP EXPERIENCE ---- */
.erp-platforms[b-ejjqo0tifp] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--space-md);
    margin-bottom: var(--space-xl);
}

.erp-platform[b-ejjqo0tifp] {
    background: var(--bg-secondary);
    border-radius: var(--radius-md);
    padding: 1.25rem 1rem;
    text-align: center;
}

.erp-name[b-ejjqo0tifp] {
    display: block;
    font-size: var(--font-size-md);
    font-weight: 600;
    color: var(--omletec-navy);
    margin-bottom: 0.15rem;
}

.erp-context[b-ejjqo0tifp] {
    font-size: var(--font-size-xs);
    color: var(--text-secondary);
}

.erp-capabilities[b-ejjqo0tifp] {
    border: 1px solid var(--border-light);
    border-radius: var(--radius-lg);
    padding: 1.75rem 1.5rem;
}

.erp-cap-title[b-ejjqo0tifp] {
    font-size: var(--font-size-base);
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: var(--space-md);
}

.erp-cap-grid[b-ejjqo0tifp] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--space-md);
}

.erp-cap[b-ejjqo0tifp] {
    display: flex;
    gap: 0.6rem;
    align-items: flex-start;
}

.erp-cap-dot[b-ejjqo0tifp] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--omletec-teal);
    flex-shrink: 0;
    margin-top: 0.4rem;
}

.erp-cap-name[b-ejjqo0tifp] {
    display: block;
    font-size: var(--font-size-sm);
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: 0.1rem;
}

.erp-cap-desc[b-ejjqo0tifp] {
    font-size: var(--font-size-xs);
    color: var(--text-secondary);
    line-height: 1.5;
}

/* ---- ROLES ---- */
.roles-grid[b-ejjqo0tifp] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--space-md);
}

.role-card[b-ejjqo0tifp] {
    border-left: 3px solid var(--omletec-teal);
    padding: 1rem 1.25rem;
    background: var(--bg-secondary);
    border-radius: 0 var(--radius-md) var(--radius-md) 0;
}

.role-name[b-ejjqo0tifp] {
    font-size: var(--font-size-base);
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: 0.35rem;
}

.role-desc[b-ejjqo0tifp] {
    font-size: var(--font-size-sm);
    color: var(--text-secondary);
    line-height: 1.6;
}

/* ---- CTA (reuse from Home) ---- */
.cta-card[b-ejjqo0tifp] {
    border-radius: var(--radius-lg);
    background: var(--omletec-navy);
    padding: 2rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.cta-title[b-ejjqo0tifp] {
    font-size: var(--font-size-xl);
    font-weight: 600;
    color: var(--white);
    margin-bottom: 0.25rem;
    letter-spacing: -0.3px;
}

.cta-subtitle[b-ejjqo0tifp] {
    font-size: var(--font-size-sm);
    color: rgba(255, 255, 255, 0.5);
    max-width: 380px;
}

.cta-button[b-ejjqo0tifp] {
    white-space: nowrap;
}

/* ---- Responsive ---- */
@media (max-width: 768px) {
    .hero[b-ejjqo0tifp] {
        margin: var(--space-sm) var(--space-md) 0;
        padding: 2rem 1.5rem;
    }

    .engagement-grid[b-ejjqo0tifp],
    .foundations-grid[b-ejjqo0tifp],
    .erp-cap-grid[b-ejjqo0tifp],
    .roles-grid[b-ejjqo0tifp] {
        grid-template-columns: 1fr;
    }

    .erp-platforms[b-ejjqo0tifp] {
        grid-template-columns: repeat(2, 1fr);
    }

    .framework-card[b-ejjqo0tifp] {
        flex-direction: column;
        gap: var(--space-xl);
    }

    .framework-phases[b-ejjqo0tifp] {
        width: 100%;
    }

    .cta-card[b-ejjqo0tifp] {
        flex-direction: column;
        text-align: center;
        gap: var(--space-lg);
    }
}
/* /Components/Pages/Services.razor.rz.scp.css */
/* ============================================
   SERVICES INDEX — Page Styles
   ============================================ */

/* ---- HERO ---- */
.hero[b-asz5wokrqw] {
    background: var(--omletec-navy);
    border-radius: var(--radius-lg);
    margin: var(--space-md) var(--space-xl) 0;
    padding: 3rem 2.5rem 2.75rem;
    position: relative;
    overflow: hidden;
}

.hero-arcs[b-asz5wokrqw] {
    position: absolute;
    top: -55px;
    right: -35px;
    opacity: 0.07;
    pointer-events: none;
}

.hero-content[b-asz5wokrqw] {
    position: relative;
    z-index: 1;
    max-width: 520px;
}

.hero-title[b-asz5wokrqw] {
    font-size: clamp(1.75rem, 4.5vw, 2.25rem);
    font-weight: 600;
    line-height: 1.12;
    letter-spacing: -0.8px;
    color: var(--white);
    margin-bottom: var(--space-md);
}

.hero-subtitle[b-asz5wokrqw] {
    font-size: var(--font-size-base);
    color: rgba(255, 255, 255, 0.55);
    line-height: 1.65;
}

/* ---- SERVICE LIST ---- */
.services-list[b-asz5wokrqw] {
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
}

.service-row[b-asz5wokrqw] {
    display: flex;
    align-items: flex-start;
    gap: var(--space-lg);
    padding: 1.75rem 1.5rem;
    border: 1px solid var(--border-light);
    border-radius: var(--radius-lg);
    position: relative;
    overflow: hidden;
    transition: transform var(--transition-slow), box-shadow var(--transition-slow);
    cursor: pointer;
}

.service-row:hover[b-asz5wokrqw] {
    transform: translateY(-2px);
    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.06);
}

.service-row:hover .service-arrow[b-asz5wokrqw] {
    opacity: 1;
    transform: translateX(0);
}

.service-accent[b-asz5wokrqw] {
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
}

.service-accent-teal[b-asz5wokrqw] { background: var(--omletec-teal); }
.service-accent-blue[b-asz5wokrqw] { background: var(--omletec-blue); }
.service-accent-green[b-asz5wokrqw] { background: var(--omletec-green); }
.service-accent-purple[b-asz5wokrqw] { background: var(--omletec-purple); }

.service-icon[b-asz5wokrqw] {
    width: 44px;
    height: 44px;
    border-radius: var(--radius-md);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin-top: 0.1rem;
}

.service-icon-teal[b-asz5wokrqw] { background: rgba(138, 190, 176, 0.12); color: var(--omletec-navy); }
.service-icon-blue[b-asz5wokrqw] { background: rgba(85, 121, 187, 0.1); color: var(--omletec-navy); }
.service-icon-green[b-asz5wokrqw] { background: rgba(72, 177, 112, 0.1); color: var(--omletec-navy); }
.service-icon-purple[b-asz5wokrqw] { background: rgba(67, 37, 90, 0.1); color: var(--omletec-navy); }

.service-body[b-asz5wokrqw] {
    flex: 1;
}

.service-name[b-asz5wokrqw] {
    font-size: var(--font-size-lg);
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: 0.35rem;
    letter-spacing: -0.2px;
}

.service-summary[b-asz5wokrqw] {
    font-size: var(--font-size-sm);
    color: var(--text-secondary);
    line-height: 1.6;
    margin-bottom: var(--space-md);
    max-width: 560px;
}

.service-tags[b-asz5wokrqw] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.3rem;
}

.stag[b-asz5wokrqw] {
    font-size: var(--font-size-xs);
    padding: 0.2rem 0.55rem;
    border-radius: var(--radius-sm);
    font-weight: 500;
}

.stag-teal[b-asz5wokrqw] { background: rgba(138, 190, 176, 0.1); color: #0F6E56; }
.stag-blue[b-asz5wokrqw] { background: rgba(85, 121, 187, 0.08); color: #185FA5; }
.stag-green[b-asz5wokrqw] { background: rgba(72, 177, 112, 0.08); color: #3B6D11; }
.stag-purple[b-asz5wokrqw] { background: rgba(67, 37, 90, 0.07); color: var(--omletec-purple); }

.service-arrow[b-asz5wokrqw] {
    font-size: 1.25rem;
    color: var(--omletec-navy);
    opacity: 0;
    transform: translateX(-4px);
    transition: opacity var(--transition-base), transform var(--transition-base);
    flex-shrink: 0;
    margin-top: 0.75rem;
}

/* ---- CROSS-CUTTING ---- */
.cross-card[b-asz5wokrqw] {
    background: var(--bg-secondary);
    border-radius: var(--radius-lg);
    padding: 2rem;
    max-width: 600px;
}

.cross-title[b-asz5wokrqw] {
    font-size: var(--font-size-xl);
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: var(--space-sm);
    letter-spacing: -0.3px;
}

.cross-text[b-asz5wokrqw] {
    font-size: var(--font-size-sm);
    color: var(--text-secondary);
    line-height: 1.65;
}

/* ---- CTA ---- */
.cta-card[b-asz5wokrqw] {
    border-radius: var(--radius-lg);
    background: var(--omletec-navy);
    padding: 2rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.cta-title[b-asz5wokrqw] {
    font-size: var(--font-size-xl);
    font-weight: 600;
    color: var(--white);
    margin-bottom: 0.25rem;
    letter-spacing: -0.3px;
}

.cta-subtitle[b-asz5wokrqw] {
    font-size: var(--font-size-sm);
    color: rgba(255, 255, 255, 0.5);
    max-width: 420px;
}

.cta-button[b-asz5wokrqw] { white-space: nowrap; }

/* ---- Responsive ---- */
@media (max-width: 768px) {
    .hero[b-asz5wokrqw] {
        margin: var(--space-sm) var(--space-md) 0;
        padding: 2rem 1.5rem;
    }

    .service-row[b-asz5wokrqw] {
        flex-direction: column;
        gap: var(--space-md);
        padding-left: 1.25rem;
    }

    .service-icon[b-asz5wokrqw] {
        margin-top: 0;
    }

    .service-arrow[b-asz5wokrqw] {
        display: none;
    }

    .cta-card[b-asz5wokrqw] {
        flex-direction: column;
        text-align: center;
        gap: var(--space-lg);
    }
}
/* /Components/Pages/SoftwareDevelopment.razor.rz.scp.css */
/* ============================================
   SOFTWARE DEVELOPMENT — Page Styles
   ============================================ */

/* ---- HERO ---- */
.hero[b-1gcvyi17v0] {
    background: var(--omletec-navy);
    border-radius: var(--radius-lg);
    margin: var(--space-md) var(--space-xl) 0;
    padding: 3rem 2.5rem 2.75rem;
    position: relative;
    overflow: hidden;
}

.hero-arcs[b-1gcvyi17v0] {
    position: absolute;
    top: -55px;
    right: -35px;
    opacity: 0.07;
    pointer-events: none;
}

.hero-content[b-1gcvyi17v0] {
    position: relative;
    z-index: 1;
    max-width: 560px;
}

.hero-back[b-1gcvyi17v0] {
    font-size: var(--font-size-xs);
    color: rgba(255, 255, 255, 0.4);
    display: inline-block;
    margin-bottom: var(--space-lg);
    transition: color var(--transition-fast);
}

.hero-back:hover[b-1gcvyi17v0] { color: var(--omletec-teal); }

.hero-title[b-1gcvyi17v0] {
    font-size: clamp(1.5rem, 4vw, 2rem);
    font-weight: 600;
    line-height: 1.15;
    letter-spacing: -0.6px;
    color: var(--white);
    margin-bottom: var(--space-md);
}

.hero-subtitle[b-1gcvyi17v0] {
    font-size: var(--font-size-base);
    color: rgba(255, 255, 255, 0.55);
    line-height: 1.65;
}

/* ---- TWO SIDES ---- */
.twin-grid[b-1gcvyi17v0] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--space-md);
}

.twin-card[b-1gcvyi17v0] {
    border-radius: var(--radius-lg);
    padding: 1.75rem 1.5rem;
    border: 1px solid var(--border-light);
}

.twin-card-navy[b-1gcvyi17v0] {
    background: var(--omletec-navy);
    border-color: var(--omletec-navy);
}

.twin-label[b-1gcvyi17v0] {
    display: inline-block;
    font-size: var(--font-size-xs);
    color: var(--omletec-teal);
    background: rgba(138, 190, 176, 0.15);
    padding: 0.2rem 0.6rem;
    border-radius: var(--radius-sm);
    font-weight: 600;
    margin-bottom: var(--space-md);
}

.twin-label-dark[b-1gcvyi17v0] {
    display: inline-block;
    font-size: var(--font-size-xs);
    color: var(--omletec-blue);
    background: rgba(85, 121, 187, 0.1);
    padding: 0.2rem 0.6rem;
    border-radius: var(--radius-sm);
    font-weight: 600;
    margin-bottom: var(--space-md);
}

.twin-heading[b-1gcvyi17v0] {
    font-size: var(--font-size-lg);
    font-weight: 600;
    color: var(--white);
    margin-bottom: var(--space-sm);
    letter-spacing: -0.2px;
}

.twin-heading-dark[b-1gcvyi17v0] {
    font-size: var(--font-size-lg);
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: var(--space-sm);
    letter-spacing: -0.2px;
}

.twin-text[b-1gcvyi17v0] {
    font-size: var(--font-size-sm);
    color: rgba(255, 255, 255, 0.55);
    line-height: 1.65;
    margin-bottom: var(--space-sm);
}

.twin-text-dark[b-1gcvyi17v0] {
    font-size: var(--font-size-sm);
    color: var(--text-secondary);
    line-height: 1.65;
    margin-bottom: var(--space-sm);
}

.twin-tags[b-1gcvyi17v0] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    margin-top: var(--space-md);
}

.twin-tag[b-1gcvyi17v0] {
    font-size: var(--font-size-xs);
    padding: 0.2rem 0.6rem;
    border-radius: var(--radius-sm);
    font-weight: 500;
}

.twin-tag-light[b-1gcvyi17v0] {
    background: rgba(255, 255, 255, 0.1);
    color: rgba(255, 255, 255, 0.65);
}

.twin-tag-dark[b-1gcvyi17v0] {
    background: rgba(85, 121, 187, 0.08);
    color: var(--omletec-blue);
}

/* ---- TECH STACK ---- */
.stack-grid[b-1gcvyi17v0] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--space-md);
}

.stack-card[b-1gcvyi17v0] {
    background: var(--bg-secondary);
    border-radius: var(--radius-md);
    padding: 1.25rem 1rem;
}

.stack-icon[b-1gcvyi17v0] {
    width: 38px;
    height: 38px;
    border-radius: var(--radius-md);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0.75rem;
}

.stack-icon-blue[b-1gcvyi17v0] { background: rgba(85, 121, 187, 0.1); color: var(--omletec-blue); }
.stack-icon-purple[b-1gcvyi17v0] { background: rgba(67, 37, 90, 0.1); color: var(--omletec-purple); }
.stack-icon-teal[b-1gcvyi17v0] { background: rgba(138, 190, 176, 0.12); color: var(--omletec-teal); }
.stack-icon-coral[b-1gcvyi17v0] { background: rgba(243, 153, 97, 0.1); color: var(--omletec-coral); }
.stack-icon-green[b-1gcvyi17v0] { background: rgba(72, 177, 112, 0.1); color: var(--omletec-green); }
.stack-icon-navy[b-1gcvyi17v0] { background: rgba(0, 53, 95, 0.06); color: var(--omletec-navy); }

.stack-name[b-1gcvyi17v0] {
    display: block;
    font-size: var(--font-size-sm);
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: 0.15rem;
}

.stack-desc[b-1gcvyi17v0] {
    font-size: var(--font-size-xs);
    color: var(--text-secondary);
    line-height: 1.4;
}

/* ---- METHODOLOGY ---- */
.method-card[b-1gcvyi17v0] {
    background: var(--bg-secondary);
    border-radius: var(--radius-lg);
    padding: 2rem;
    display: flex;
    gap: 2.5rem;
    align-items: flex-start;
}

.method-content[b-1gcvyi17v0] { flex: 1; }

.method-badge[b-1gcvyi17v0] {
    display: inline-block;
    font-size: var(--font-size-xs);
    color: var(--omletec-navy);
    background: rgba(0, 53, 95, 0.06);
    padding: 0.2rem 0.6rem;
    border-radius: var(--radius-sm);
    font-weight: 600;
    margin-bottom: var(--space-md);
}

.method-title[b-1gcvyi17v0] {
    font-size: var(--font-size-xl);
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: var(--space-sm);
    letter-spacing: -0.3px;
}

.method-text[b-1gcvyi17v0] {
    font-size: var(--font-size-sm);
    color: var(--text-secondary);
    line-height: 1.65;
    margin-bottom: var(--space-md);
}

.method-text:last-child[b-1gcvyi17v0] { margin-bottom: 0; }

.method-steps[b-1gcvyi17v0] {
    width: 220px;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
}

.method-step[b-1gcvyi17v0] {
    display: flex;
    gap: 0.6rem;
    align-items: flex-start;
}

.method-step-num[b-1gcvyi17v0] {
    font-size: var(--font-size-xs);
    font-weight: 700;
    color: var(--omletec-blue);
    min-width: 20px;
    margin-top: 0.1rem;
}

.method-step-name[b-1gcvyi17v0] {
    display: block;
    font-size: var(--font-size-sm);
    font-weight: 600;
    color: var(--text-primary);
    line-height: 1.2;
}

.method-step-desc[b-1gcvyi17v0] {
    font-size: var(--font-size-xs);
    color: var(--text-secondary);
    line-height: 1.35;
}

/* ---- WHAT WE BUILD ---- */
.build-grid[b-1gcvyi17v0] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--space-md);
}

.build-card[b-1gcvyi17v0] {
    border-left: 3px solid var(--omletec-blue);
    padding: 1rem 1.25rem;
    background: var(--bg-secondary);
    border-radius: 0 var(--radius-md) var(--radius-md) 0;
}

.build-name[b-1gcvyi17v0] {
    font-size: var(--font-size-base);
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: 0.3rem;
}

.build-desc[b-1gcvyi17v0] {
    font-size: var(--font-size-xs);
    color: var(--text-secondary);
    line-height: 1.55;
}

/* ---- CTA ---- */
.cta-card[b-1gcvyi17v0] {
    border-radius: var(--radius-lg);
    background: var(--omletec-navy);
    padding: 2rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.cta-title[b-1gcvyi17v0] {
    font-size: var(--font-size-xl);
    font-weight: 600;
    color: var(--white);
    margin-bottom: 0.25rem;
    letter-spacing: -0.3px;
}

.cta-subtitle[b-1gcvyi17v0] {
    font-size: var(--font-size-sm);
    color: rgba(255, 255, 255, 0.5);
    max-width: 380px;
}

.cta-button[b-1gcvyi17v0] { white-space: nowrap; }

/* ---- Responsive ---- */
@media (max-width: 768px) {
    .hero[b-1gcvyi17v0] {
        margin: var(--space-sm) var(--space-md) 0;
        padding: 2rem 1.5rem;
    }

    .twin-grid[b-1gcvyi17v0],
    .stack-grid[b-1gcvyi17v0],
    .build-grid[b-1gcvyi17v0] {
        grid-template-columns: 1fr;
    }

    .method-card[b-1gcvyi17v0] {
        flex-direction: column;
        gap: var(--space-xl);
    }

    .method-steps[b-1gcvyi17v0] { width: 100%; }

    .cta-card[b-1gcvyi17v0] {
        flex-direction: column;
        text-align: center;
        gap: var(--space-lg);
    }
}

@media (min-width: 769px) and (max-width: 1024px) {
    .stack-grid[b-1gcvyi17v0] { grid-template-columns: repeat(2, 1fr); }
    .build-grid[b-1gcvyi17v0] { grid-template-columns: repeat(2, 1fr); }
}
/* /Components/Shared/Footer.razor.rz.scp.css */
.footer[b-deqh529ipv] {
    border-top: 1px solid var(--border-light);
    padding: var(--space-2xl) 0 var(--space-xl);
    margin-top: var(--space-xl);
}

.footer-grid[b-deqh529ipv] {
    display: grid;
    grid-template-columns: 1.6fr 1fr 1fr 1fr;
    gap: var(--space-xl);
    margin-bottom: var(--space-2xl);
}

.footer-logo[b-deqh529ipv] {
    margin-bottom: var(--space-sm);
}

.footer-logo-img[b-deqh529ipv] {
    height: 22px;
    width: auto;
}

.footer-tagline[b-deqh529ipv] {
    font-size: var(--font-size-xs);
    color: var(--text-secondary);
    margin-bottom: var(--space-sm);
}

.footer-address[b-deqh529ipv] {
    font-size: var(--font-size-xs);
    color: var(--text-secondary);
    font-style: normal;
    line-height: 1.6;
}

.footer-heading[b-deqh529ipv] {
    font-size: var(--font-size-xs);
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: var(--space-md);
}

.footer-list[b-deqh529ipv] {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.footer-list li[b-deqh529ipv],
.footer-list a[b-deqh529ipv] {
    font-size: var(--font-size-xs);
    color: var(--text-secondary);
    transition: color var(--transition-fast);
}

.footer-list a:hover[b-deqh529ipv] { color: var(--omletec-navy); }

.footer-bottom[b-deqh529ipv] {
    border-top: 1px solid var(--border-light);
    padding-top: var(--space-lg);
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: var(--font-size-xs);
    color: var(--text-tertiary);
}

.footer-legal[b-deqh529ipv] { display: flex; gap: var(--space-lg); }
.footer-legal a[b-deqh529ipv] { color: var(--text-tertiary); transition: color var(--transition-fast); }
.footer-legal a:hover[b-deqh529ipv] { color: var(--text-secondary); }

@media (max-width: 768px) {
    .footer-grid[b-deqh529ipv] { grid-template-columns: 1fr; gap: var(--space-xl); }
    .footer-bottom[b-deqh529ipv] { flex-direction: column; gap: var(--space-sm); text-align: center; }
}
/* /Components/Shared/InsightCard.razor.rz.scp.css */
.insight-header[b-rg339oyf9p] {
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.insight-body[b-rg339oyf9p] {
    padding: 1rem 1rem 1.125rem;
}

.insight-category[b-rg339oyf9p] {
    font-size: 0.625rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 0.35rem;
    display: block;
}

.insight-cat-navy[b-rg339oyf9p] { color: var(--omletec-navy); }
.insight-cat-teal[b-rg339oyf9p] { color: var(--omletec-teal); }
.insight-cat-blue[b-rg339oyf9p] { color: var(--omletec-blue); }
.insight-cat-purple[b-rg339oyf9p] { color: var(--omletec-purple); }

.insight-title[b-rg339oyf9p] {
    font-size: var(--font-size-base);
    font-weight: 600;
    color: var(--text-primary);
    line-height: 1.35;
}
/* /Components/Shared/NavBar.razor.rz.scp.css */
.navbar[b-36sw2ye320] {
    position: sticky;
    top: 0;
    z-index: 100;
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-bottom: 1px solid var(--border-light);
}

.navbar-inner[b-36sw2ye320] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 64px;
}

.navbar-brand[b-36sw2ye320] {
    display: flex;
    align-items: center;
    gap: 5px;
    color: var(--omletec-navy);
}

.brand-logo[b-36sw2ye320] {
    height: 28px;
    width: auto;
}

.navbar-links[b-36sw2ye320] {
    display: flex;
    align-items: center;
    gap: 1.4rem;
}

.nav-link[b-36sw2ye320] {
    font-size: var(--font-size-sm);
    color: var(--text-secondary);
    transition: color var(--transition-fast);
    font-weight: 500;
}

.nav-link:hover[b-36sw2ye320] { color: var(--omletec-navy); }

.mobile-toggle[b-36sw2ye320] {
    display: none;
    background: none;
    border: none;
    cursor: pointer;
    padding: 0.5rem;
}

.hamburger[b-36sw2ye320] {
    display: block;
    width: 20px;
    height: 2px;
    background: var(--text-primary);
    position: relative;
    transition: background var(--transition-fast);
}

.hamburger[b-36sw2ye320]::before,
.hamburger[b-36sw2ye320]::after {
    content: '';
    position: absolute;
    width: 20px;
    height: 2px;
    background: var(--text-primary);
    left: 0;
    transition: transform var(--transition-base);
}

.hamburger[b-36sw2ye320]::before { top: -6px; }
.hamburger[b-36sw2ye320]::after { bottom: -6px; }
.hamburger.open[b-36sw2ye320] { background: transparent; }
.hamburger.open[b-36sw2ye320]::before { transform: rotate(45deg); top: 0; }
.hamburger.open[b-36sw2ye320]::after { transform: rotate(-45deg); bottom: 0; }

.mobile-menu[b-36sw2ye320] {
    display: none;
    flex-direction: column;
    padding: var(--space-md) var(--space-xl) var(--space-lg);
    border-top: 1px solid var(--border-light);
}

.mobile-link[b-36sw2ye320] {
    padding: 0.75rem 0;
    font-size: var(--font-size-md);
    color: var(--text-secondary);
    border-bottom: 1px solid var(--border-light);
}

@media (max-width: 768px) {
    .navbar-links[b-36sw2ye320] { display: none; }
    .mobile-toggle[b-36sw2ye320] { display: block; }
    .mobile-menu[b-36sw2ye320] { display: flex; }
}
/* /Components/Shared/ServiceBullet.razor.rz.scp.css */
.bullet[b-6wjvocfx46] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.bullet-dot[b-6wjvocfx46] {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    flex-shrink: 0;
}

.bullet-dot-teal[b-6wjvocfx46] { background: var(--omletec-teal); }
.bullet-dot-blue[b-6wjvocfx46] { background: var(--omletec-blue); }
.bullet-dot-green[b-6wjvocfx46] { background: var(--omletec-green); }
.bullet-dot-purple[b-6wjvocfx46] { background: var(--omletec-purple); }
.bullet-dot-navy[b-6wjvocfx46] { background: var(--omletec-navy); }

.bullet-text[b-6wjvocfx46] {
    font-size: 0.75rem;
    color: var(--text-secondary);
}
/* /Components/Shared/ValueCard.razor.rz.scp.css */
.value-card[b-hev35bvpsd] {
    background: var(--bg-secondary);
    border-radius: var(--radius-md);
    padding: 1.2rem 1rem;
}

.value-icon[b-hev35bvpsd] {
    width: 36px;
    height: 36px;
    border-radius: var(--radius-md);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0.75rem;
}

.value-icon-coral[b-hev35bvpsd] { background: rgba(243, 153, 97, 0.12); color: #f39961; }
.value-icon-teal[b-hev35bvpsd] { background: rgba(138, 190, 176, 0.15); color: #8abeb0; }
.value-icon-blue[b-hev35bvpsd] { background: rgba(85, 121, 187, 0.12); color: #5579bb; }
.value-icon-purple[b-hev35bvpsd] { background: rgba(67, 37, 90, 0.1); color: #43255a; }

.value-title[b-hev35bvpsd] {
    font-size: var(--font-size-sm);
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: 0.2rem;
}

.value-description[b-hev35bvpsd] {
    font-size: var(--font-size-xs);
    color: var(--text-secondary);
    line-height: 1.5;
}