/* =========================================
   OVERRIDE BOOTSTRAP CONTAINER WIDTH
========================================= */

.container,
.container-sm,
.container-md,
.container-lg,
.container-xl,
.container-xxl {
    max-width: 1600px !important;
    width: 100%;
    padding-left: 32px;
    padding-right: 32px;
}


.gensoft-container {
    width: 100%;
    max-width: 1650px;
    margin: 0 auto;
    padding-left: 32px;
    padding-right: 32px;
}

@media (min-width: 1800px) {
    .gensoft-container {
        max-width: 1750px;
    }
}


/* =========================================
   GENSOFT DESIGN SYSTEM — Homepage Theme
   (scnsoft.com-inspired, all-light, corporate)
========================================= */

:root {
    /* ── Canonical brand palette (derived from Gensoft logo) ── */
    --gs-navy:        #0B1B33;   /* heading dark */
    --gs-blue:        #1E52CC;   /* logo GEN blue — primary */
    --gs-blue-d:      #1644B0;   /* hover / darker blue */
    --gs-blue-light:  #EEF3FB;   /* tinted blue background */
    --gs-amber:       #F59E0B;   /* logo S-box amber — accent */
    --gs-amber-d:     #D98B09;   /* hover amber */
    --gs-amber-light: #FFFBEB;   /* tinted amber background */
    --gs-gray:        #8B96A8;   /* logo OFT gray */
    --gs-light:       #F2F4F8;   /* light section bg */
    --gs-muted:       #5E6A84;   /* body text */
    --gs-border:      #E2E7F0;   /* borders */
}

/* ── Shared utilities ── */
.gs-label {
    display: inline-block; font-size: 0.7rem; font-weight: 700;
    text-transform: uppercase; letter-spacing: 0.09em;
    color: var(--gs-blue); margin-bottom: 10px;
}
.gs-title { font-size: 2rem; font-weight: 800; color: var(--gs-navy); line-height: 1.22; }
.gs-sub   { font-size: 1rem; color: var(--gs-muted); line-height: 1.8; }
.gs-link  { font-size: 0.85rem; font-weight: 600; color: var(--gs-blue); text-decoration: none; display: inline-flex; align-items: center; gap: 5px; }
.gs-link:hover { color: var(--gs-amber-d); }
.gs-link i { transition: transform 0.18s; }
.gs-link:hover i { transform: translateX(3px); }

.btn-blue {
    background: var(--gs-blue); color: #fff !important; border: none;
    border-radius: 6px; padding: 13px 28px; font-weight: 600; font-size: 0.95rem;
    text-decoration: none; display: inline-flex; align-items: center; gap: 8px;
    transition: all 0.22s;
}
.btn-blue:hover { background: var(--gs-blue-d); box-shadow: 0 6px 20px rgba(30,82,204,0.28); }

.btn-outline-blue {
    background: transparent; color: var(--gs-blue) !important;
    border: 1.5px solid var(--gs-blue); border-radius: 6px;
    padding: 13px 28px; font-weight: 600; font-size: 0.95rem;
    text-decoration: none; display: inline-flex; align-items: center; gap: 8px;
    transition: all 0.22s;
}
.btn-outline-blue:hover { background: var(--gs-blue); color: #fff !important; }

/* ── 1. HERO ── */
.gs-hero {
    background: #fff;
    padding: 90px 0 72px;
    border-bottom: 1px solid var(--gs-border);
}
.hero-tag {
    display: inline-flex; align-items: center; gap: 7px;
    background: rgba(30,82,204,0.07); border-radius: 4px;
    padding: 5px 13px; font-size: 0.72rem; font-weight: 700;
    text-transform: uppercase; letter-spacing: 0.08em; color: var(--gs-blue);
    margin-bottom: 22px;
}
.gs-hero h1 {
    font-size: 2.8rem; font-weight: 800; color: var(--gs-navy);
    line-height: 1.15; margin-bottom: 20px;
}
.gs-hero h1 span { color: var(--gs-blue); }
.gs-hero .hero-sub {
    font-size: 1.05rem; color: var(--gs-muted); line-height: 1.82;
    margin-bottom: 36px; max-width: 520px;
}
.hero-btns { display: flex; gap: 12px; flex-wrap: wrap; margin-bottom: 44px; }
.hero-filters { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.hero-filter-label { font-size: 0.8rem; color: var(--gs-muted); font-weight: 600; margin-right: 4px; }
.hero-pill {
    display: inline-flex; align-items: center; gap: 6px;
    background: var(--gs-light); border: 1px solid var(--gs-border);
    border-radius: 4px; padding: 7px 15px;
    font-size: 0.82rem; font-weight: 500; color: var(--gs-navy);
    text-decoration: none; transition: all 0.2s;
}
.hero-pill:hover { background: var(--gs-blue); color: #fff; border-color: var(--gs-blue); }
.hero-visual-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.hero-kpi {
    background: var(--gs-light); border: 1px solid var(--gs-border);
    border-radius: 10px; padding: 22px 20px;
    transition: box-shadow 0.2s, transform 0.2s;
}
.hero-kpi:hover { box-shadow: 0 8px 24px rgba(30,82,204,0.09); transform: translateY(-2px); }
.hero-kpi.accent { background: var(--gs-blue); border-color: var(--gs-blue); }
.hero-kpi .kv { font-size: 2rem; font-weight: 800; color: var(--gs-navy); line-height: 1; }
.hero-kpi.accent .kv { color: #fff; }
.hero-kpi .kl { font-size: 0.78rem; color: var(--gs-muted); margin-top: 6px; }
.hero-kpi.accent .kl { color: rgba(255,255,255,0.65); }
.hero-kpi .ka { font-size: 1.5rem; color: var(--gs-amber); margin-bottom: 10px; }
.hero-kpi.accent .ka { color: rgba(255,255,255,0.7); }
@media (max-width: 991px) {
    .gs-hero { padding: 80px 0 56px; }
    .gs-hero h1 { font-size: 2.1rem; }
    .hero-visual-grid { display: none; }
}
@media (max-width: 575px) {
    .gs-hero h1 { font-size: 1.75rem; }
}

/* ── 2. STATS BAR ── */
.gs-stats { background: var(--gs-blue); padding: 36px 0; }
.stat-item {
    text-align: center; padding: 0 28px;
    border-right: 1px solid rgba(255,255,255,0.14);
}
.stat-item:last-child { border-right: none; }
.stat-item .sv { font-size: 2.2rem; font-weight: 800; color: #fff; line-height: 1; }
.stat-item .sl { font-size: 0.82rem; color: rgba(255,255,255,0.62); margin-top: 5px; }

/* ── 3. MARQUEE ── */
.gs-marquee {
    background: #fff; border-bottom: 1px solid var(--gs-border);
    padding: 0; overflow: hidden; display: flex; align-items: center;
}
.marquee-label {
    flex-shrink: 0; font-size: 0.68rem; font-weight: 700;
    text-transform: uppercase; letter-spacing: 0.1em; color: #B0BBC8;
    padding: 20px 32px; border-right: 1px solid var(--gs-border); white-space: nowrap;
}
.marquee-viewport { flex: 1; overflow: hidden; position: relative; }
.marquee-viewport::before, .marquee-viewport::after {
    content: ''; position: absolute; top: 0; bottom: 0; width: 50px; z-index: 2; pointer-events: none;
}
.marquee-viewport::before { left: 0; background: linear-gradient(90deg, #fff, transparent); }
.marquee-viewport::after  { right: 0; background: linear-gradient(270deg, #fff, transparent); }
.marquee-track {
    display: flex; align-items: center; width: max-content;
    animation: marquee 28s linear infinite;
}
.marquee-item {
    display: flex; align-items: center; gap: 8px;
    padding: 18px 32px; border-right: 1px solid var(--gs-border);
    font-size: 0.86rem; font-weight: 600; color: #A0AABE; white-space: nowrap;
}
.marquee-item i { font-size: 0.95rem; }
@keyframes marquee { from { transform: translateX(0); } to { transform: translateX(-50%); } }

/* ── 4. SERVICES ── */
.gs-services { padding: 88px 0; background: var(--gs-light); }
.svc-card {
    background: #fff; border: 1px solid var(--gs-border); border-radius: 10px;
    padding: 30px 26px; height: 100%; position: relative;
    transition: all 0.25s ease;
}
.svc-card::after {
    content: ''; position: absolute; left: 0; top: 0; bottom: 0;
    width: 3px; border-radius: 10px 0 0 10px;
    background: var(--gs-blue); opacity: 0; transition: opacity 0.25s;
}
.svc-card:hover { box-shadow: 0 10px 36px rgba(30,82,204,0.09); transform: translateY(-3px); }
.svc-card:hover::after { opacity: 1; }
.svc-icon {
    width: 48px; height: 48px; border-radius: 10px;
    background: rgba(30,82,204,0.07); display: flex;
    align-items: center; justify-content: center;
    font-size: 1.35rem; color: var(--gs-blue); margin-bottom: 16px;
    transition: all 0.22s;
}
.svc-card:hover .svc-icon { background: var(--gs-blue); color: #fff; }
.svc-card h4 { font-size: 1rem; font-weight: 700; color: var(--gs-navy); margin-bottom: 8px; }
.svc-card p  { font-size: 0.84rem; color: var(--gs-muted); line-height: 1.72; margin-bottom: 16px; }

/* ── 5. ABOUT ── */
.gs-about { padding: 88px 0; background: #fff; }
.about-img { border-radius: 10px; width: 100%; object-fit: cover; height: 440px; }
.about-float { position: absolute; border-radius: 10px; padding: 16px 20px; }
.about-float.f1 {
    bottom: 22px; right: -18px;
    background: var(--gs-blue); box-shadow: 0 12px 32px rgba(30,82,204,0.35);
    text-align: center; min-width: 120px;
}
.about-float.f1 .num { font-size: 1.8rem; font-weight: 800; color: var(--gs-amber); line-height: 1; }
.about-float.f1 .lbl { font-size: 0.68rem; color: rgba(255,255,255,0.65); margin-top: 4px; }
.about-float.f2 {
    top: 26px; left: -18px;
    background: var(--gs-blue); box-shadow: 0 8px 24px rgba(30,82,204,0.35);
    display: flex; align-items: center; gap: 10px;
}
.about-float.f2 i   { font-size: 1.35rem; color: #fff; }
.about-float.f2 .top{ font-size: 0.86rem; font-weight: 700; color: #fff; }
.about-float.f2 .bot{ font-size: 0.66rem; color: rgba(255,255,255,0.6); }
.about-pt { display: flex; align-items: flex-start; gap: 13px; margin-bottom: 18px; }
.about-pt-icon { width: 38px; height: 38px; flex-shrink: 0; border-radius: 8px; background: rgba(30,82,204,0.07); display: flex; align-items: center; justify-content: center; font-size: 1rem; color: var(--gs-blue); }
.about-pt h6 { font-size: 0.9rem; font-weight: 700; color: var(--gs-navy); margin-bottom: 2px; }
.about-pt p  { font-size: 0.82rem; color: var(--gs-muted); margin: 0; line-height: 1.6; }
@media (max-width: 991px) { .about-img { height: 280px; } .about-float { display: none; } }

/* ── 6. RESULTS ── */
.gs-results { padding: 88px 0; background: var(--gs-light); }
.result-card {
    background: #fff; border: 1px solid var(--gs-border); border-radius: 10px;
    padding: 32px 26px; height: 100%; transition: all 0.25s;
}
.result-card:hover { box-shadow: 0 10px 36px rgba(30,82,204,0.08); transform: translateY(-3px); }
.result-metric { font-size: 2.6rem; font-weight: 800; color: var(--gs-blue); line-height: 1; margin-bottom: 10px; }
.result-card h5 { font-size: 0.97rem; font-weight: 700; color: var(--gs-navy); margin-bottom: 9px; }
.result-card p  { font-size: 0.82rem; color: var(--gs-muted); line-height: 1.72; margin-bottom: 16px; }
.result-tag { display: inline-flex; align-items: center; gap: 5px; background: rgba(30,82,204,0.06); border-radius: 4px; padding: 4px 11px; font-size: 0.72rem; font-weight: 600; color: var(--gs-blue); }

/* ── 7. TESTIMONIALS ── */
.gs-testi { padding: 88px 0; background: #fff; }
.testi-featured {
    background: var(--gs-blue); border-radius: 10px; padding: 44px;
    color: #fff; position: relative; overflow: hidden; margin-bottom: 22px;
}
.testi-featured::before { content: '\201C'; font-size: 9rem; line-height: 0.7; color: rgba(255,255,255,0.06); position: absolute; top: 10px; left: 22px; font-family: Georgia,serif; pointer-events: none; }
.testi-featured .stars { color: var(--gs-amber); font-size: 1.05rem; letter-spacing: 2px; margin-bottom: 16px; }
.testi-featured blockquote { font-size: 1.08rem; line-height: 1.82; color: rgba(255,255,255,0.9); margin-bottom: 26px; font-style: normal; position: relative; z-index: 1; }
.testi-avatar { width: 44px; height: 44px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 0.85rem; color: #fff; flex-shrink: 0; }
.testi-name { font-weight: 700; color: #fff; font-size: 0.88rem; }
.testi-role { font-size: 0.76rem; color: rgba(255,255,255,0.48); }
.testi-chip { display: inline-flex; align-items: center; gap: 5px; background: rgba(255,255,255,0.12); border: 1px solid rgba(255,255,255,0.2); border-radius: 4px; padding: 4px 13px; font-size: 0.7rem; font-weight: 600; color: rgba(255,255,255,0.9); }
.testi-card { background: #fff; border: 1px solid var(--gs-border); border-radius: 10px; padding: 26px; height: 100%; transition: all 0.25s; }
.testi-card:hover { border-color: rgba(30,82,204,0.2); box-shadow: 0 8px 28px rgba(30,82,204,0.07); transform: translateY(-3px); }
.testi-card .stars { color: var(--gs-amber); font-size: 0.85rem; letter-spacing: 1.5px; margin-bottom: 12px; }
.testi-card p { font-size: 0.875rem; color: #374151; line-height: 1.78; margin-bottom: 18px; }
.testi-card .tc-tag { display: inline-block; font-size: 0.68rem; font-weight: 600; background: rgba(30,82,204,0.06); color: var(--gs-blue); border-radius: 4px; padding: 3px 9px; margin-bottom: 12px; }

/* ── 8. SOLUTIONS ── */
.gs-solutions { padding: 88px 0; background: var(--gs-light); }
.sol-card { display: flex; align-items: center; gap: 13px; padding: 15px 17px; border: 1px solid var(--gs-border); border-radius: 8px; text-decoration: none; transition: all 0.22s; height: 100%; background: #fff; }
.sol-card:hover { border-color: var(--gs-blue); box-shadow: 0 4px 16px rgba(30,82,204,0.09); transform: translateY(-2px); }
.sol-icon { width: 40px; height: 40px; flex-shrink: 0; border-radius: 8px; background: rgba(30,82,204,0.07); display: flex; align-items: center; justify-content: center; font-size: 1.1rem; color: var(--gs-blue); transition: all 0.22s; }
.sol-card:hover .sol-icon { background: var(--gs-blue); color: #fff; }
.sol-card h5 { font-size: 0.87rem; font-weight: 700; color: var(--gs-navy); margin-bottom: 1px; }
.sol-card span { font-size: 0.73rem; color: var(--gs-muted); }

/* ── 9. PROCESS ── */
.gs-process { padding: 88px 0; background: #fff; }
.process-step { position: relative; text-align: center; padding: 0 16px; }
.process-num { width: 56px; height: 56px; border-radius: 50%; background: rgba(30,82,204,0.07); border: 2px solid rgba(30,82,204,0.15); display: flex; align-items: center; justify-content: center; font-size: 1rem; font-weight: 800; color: var(--gs-blue); margin: 0 auto 20px; position: relative; z-index: 1; }
.process-step.active .process-num { background: var(--gs-blue); color: #fff; border-color: var(--gs-blue); box-shadow: 0 6px 20px rgba(30,82,204,0.28); }
.process-step:not(:last-child)::after { content: ''; position: absolute; top: 27px; left: calc(50% + 34px); width: calc(100% - 68px); height: 2px; background: repeating-linear-gradient(90deg, #C8D4EC 0,#C8D4EC 6px, transparent 6px, transparent 12px); }
.process-step h5 { font-size: 0.95rem; font-weight: 700; color: var(--gs-navy); margin-bottom: 8px; }
.process-step p  { font-size: 0.81rem; color: var(--gs-muted); line-height: 1.65; margin: 0; }
@media (max-width: 767px) { .process-step::after { display: none; } .process-step { margin-bottom: 36px; } }

/* ── 10. INDUSTRIES ── */
.gs-industries { padding: 80px 0; background: var(--gs-light); }
.ind-card { display: flex; flex-direction: column; align-items: center; text-align: center; padding: 26px 16px; background: #fff; border: 1px solid var(--gs-border); border-radius: 10px; text-decoration: none; transition: all 0.22s; }
.ind-card:hover { border-color: var(--gs-blue); box-shadow: 0 6px 20px rgba(30,82,204,0.09); transform: translateY(-3px); }
.ind-card i { font-size: 1.8rem; color: var(--gs-blue); margin-bottom: 10px; transition: color 0.2s; }
.ind-card:hover i { color: var(--gs-amber); }
.ind-card span { font-size: 0.82rem; font-weight: 600; color: var(--gs-navy); }

/* ── 11. TECH STACK ── */
.gs-tech { padding: 80px 0; background: #fff; }
.tech-group h6 { font-size: 0.68rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--gs-gray); margin-bottom: 13px; }
.tech-pill { display: inline-flex; align-items: center; background: var(--gs-light); border: 1px solid var(--gs-border); border-radius: 6px; padding: 7px 14px; font-size: 0.82rem; font-weight: 500; color: var(--gs-navy); margin: 3px; transition: all 0.2s; }
.tech-pill:hover { background: var(--gs-blue); color: #fff; border-color: var(--gs-blue); }

/* ── 12. WHY GENSOFT ── */
.gs-why { padding: 88px 0; background: #fff; }
.why-item { display: flex; gap: 16px; margin-bottom: 28px; }
.why-icon { width: 44px; height: 44px; flex-shrink: 0; border-radius: 8px; background: rgba(30,82,204,0.07); display: flex; align-items: center; justify-content: center; font-size: 1.15rem; color: var(--gs-blue); }
.why-item h6 { font-size: 0.95rem; font-weight: 700; color: var(--gs-navy); margin-bottom: 4px; }
.why-item p  { font-size: 0.83rem; color: var(--gs-muted); margin: 0; line-height: 1.6; }
.trust-badge { display: flex; align-items: center; gap: 12px; background: var(--gs-light); border: 1px solid var(--gs-border); border-radius: 8px; padding: 14px 18px; }
.trust-badge i { font-size: 1.6rem; color: var(--gs-amber); }
.trust-badge .tb-title { font-size: 0.88rem; font-weight: 700; color: var(--gs-navy); }
.trust-badge .tb-sub   { font-size: 0.74rem; color: var(--gs-muted); }

/* ── 13. AWARDS ── */
.gs-awards { padding: 80px 0; background: var(--gs-light); }
.award-card { background: #fff; border: 1px solid var(--gs-border); border-radius: 10px; padding: 28px 22px; text-align: center; height: 100%; transition: all 0.25s; }
.award-card:hover { box-shadow: 0 8px 28px rgba(30,82,204,0.08); transform: translateY(-3px); }
.award-icon-wrap { width: 64px; height: 64px; border-radius: 50%; margin: 0 auto 16px; display: flex; align-items: center; justify-content: center; background: rgba(30,82,204,0.06); }
.award-icon-wrap.amber-bg { background: rgba(245,158,11,0.08); }
.award-icon-wrap i { font-size: 1.7rem; color: var(--gs-blue); }
.award-icon-wrap.amber-bg i { color: var(--gs-amber); }
.award-card .year { font-size: 0.68rem; font-weight: 700; color: var(--gs-blue); letter-spacing: 0.08em; text-transform: uppercase; margin-bottom: 7px; }
.award-card h5 { font-size: 0.97rem; font-weight: 700; color: var(--gs-navy); margin-bottom: 6px; }
.award-card p  { font-size: 0.78rem; color: var(--gs-muted); margin: 0; }

/* ── 14. INSIGHTS ── */
.gs-insights { padding: 88px 0; background: #fff; }
.insight-card { border: 1px solid var(--gs-border); border-radius: 10px; overflow: hidden; height: 100%; transition: all 0.25s; background: #fff; }
.insight-card:hover { box-shadow: 0 10px 32px rgba(30,82,204,0.08); transform: translateY(-4px); border-color: rgba(30,82,204,0.18); }
.insight-img { height: 180px; background: var(--gs-light); display: flex; align-items: center; justify-content: center; }
.insight-img i { font-size: 3rem; color: var(--gs-blue); opacity: 0.22; }
.insight-body { padding: 22px 24px; }
.insight-meta { display: flex; align-items: center; gap: 9px; margin-bottom: 10px; }
.insight-cat { font-size: 0.68rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.07em; background: rgba(30,82,204,0.07); color: var(--gs-blue); border-radius: 4px; padding: 3px 9px; }
.insight-date { font-size: 0.74rem; color: var(--gs-muted); }
.insight-body h4 { font-size: 0.97rem; font-weight: 700; color: var(--gs-navy); line-height: 1.42; margin-bottom: 9px; }
.insight-body p  { font-size: 0.82rem; color: var(--gs-muted); line-height: 1.7; margin-bottom: 16px; }

/* ── 15. ENGAGEMENT MODELS ── */
.gs-engage { padding: 88px 0; background: var(--gs-light); }
.engage-card { background: #fff; border: 1px solid var(--gs-border); border-radius: 10px; padding: 34px 28px; height: 100%; position: relative; overflow: hidden; transition: all 0.25s; }
.engage-card.featured { background: var(--gs-blue); border-color: var(--gs-blue); }
.engage-card:hover { box-shadow: 0 12px 36px rgba(30,82,204,0.10); transform: translateY(-4px); }
.engage-card.featured:hover { box-shadow: 0 12px 36px rgba(30,82,204,0.28); }
.engage-num { font-size: 3.2rem; font-weight: 900; line-height: 1; color: rgba(30,82,204,0.05); position: absolute; top: 14px; right: 18px; }
.engage-card.featured .engage-num { color: rgba(255,255,255,0.06); }
.engage-icon { width: 50px; height: 50px; border-radius: 10px; background: rgba(30,82,204,0.07); display: flex; align-items: center; justify-content: center; font-size: 1.4rem; color: var(--gs-blue); margin-bottom: 20px; }
.engage-card.featured .engage-icon { background: rgba(255,255,255,0.14); color: #fff; }
.engage-card h3 { font-size: 1.15rem; font-weight: 700; color: var(--gs-navy); margin-bottom: 10px; }
.engage-card.featured h3 { color: #fff; }
.engage-card p { font-size: 0.875rem; color: var(--gs-muted); line-height: 1.75; margin-bottom: 22px; }
.engage-card.featured p { color: rgba(255,255,255,0.68); }
.engage-list { list-style: none; padding: 0; margin: 0; }
.engage-list li { display: flex; align-items: center; gap: 9px; font-size: 0.82rem; color: var(--gs-muted); margin-bottom: 8px; }
.engage-card.featured .engage-list li { color: rgba(255,255,255,0.72); }
.engage-list li::before { content: ''; width: 16px; height: 16px; flex-shrink: 0; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%231E52CC' d='M6.5 11.5L3 8l1-1 2.5 2.5 5-5 1 1z'/%3E%3C/svg%3E"); background-size: cover; }
.engage-card.featured .engage-list li::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23F59E0B' d='M6.5 11.5L3 8l1-1 2.5 2.5 5-5 1 1z'/%3E%3C/svg%3E"); }
.engage-tag { display: inline-block; font-size: 0.68rem; font-weight: 700; padding: 3px 10px; border-radius: 4px; margin-bottom: 16px; background: rgba(30,82,204,0.07); color: var(--gs-blue); }
.engage-card.featured .engage-tag { background: rgba(245,158,11,0.18); color: var(--gs-amber); }

/* ── 16. CTA ── */
.gs-cta { padding: 80px 0; background: var(--gs-blue); }
.gs-cta h2 { font-size: 2.1rem; font-weight: 800; color: #fff; margin-bottom: 12px; }
.gs-cta p  { color: rgba(255,255,255,0.65); font-size: 1rem; margin-bottom: 32px; }
.btn-cta-white { background: #fff; color: var(--gs-blue) !important; border: none; border-radius: 6px; padding: 13px 28px; font-weight: 700; font-size: 0.95rem; text-decoration: none; display: inline-flex; align-items: center; gap: 8px; transition: all 0.22s; }
.btn-cta-white:hover { background: var(--gs-light); box-shadow: 0 6px 20px rgba(0,0,0,0.14); }
.btn-cta-ghost { background: transparent; color: rgba(255,255,255,0.85) !important; border: 1.5px solid rgba(255,255,255,0.35); border-radius: 6px; padding: 13px 28px; font-weight: 600; font-size: 0.95rem; text-decoration: none; display: inline-flex; align-items: center; gap: 8px; transition: all 0.22s; }
.btn-cta-ghost:hover { border-color: #fff; background: rgba(255,255,255,0.08); }
.cta-stat .val { font-size: 1.9rem; font-weight: 800; color: #fff; line-height: 1; }
.cta-stat .lbl { font-size: 0.74rem; color: rgba(255,255,255,0.5); margin-top: 4px; }
.cta-divider { width: 1px; height: 40px; background: rgba(255,255,255,0.18); }


/* =========================================
   ERP PAGE — specific overrides
   (uses gs- design system variables)
========================================= */

/* Module strip */
.erp-module-strip { padding: 32px 0; background: #fff; border-bottom: 1px solid var(--gs-border); }
.erp-module-item { text-align: center; }
.erp-module-item .module-icon {
    width: 64px; height: 64px; border-radius: 14px;
    background: rgba(30,82,204,0.07); display: flex;
    align-items: center; justify-content: center;
    font-size: 1.6rem; color: var(--gs-blue);
    margin: 0 auto 10px; transition: all 0.22s;
}
.erp-module-item:hover .module-icon { background: var(--gs-blue); color: #fff; }
.erp-module-item .module-label { font-size: 0.78rem; font-weight: 600; color: var(--gs-navy); }

/* Service card with left border accent (ERP services) */
.erp-service-card {
    background: #fff; border: 1px solid var(--gs-border); border-radius: 10px;
    padding: 28px 24px; height: 100%;
    border-left: 3px solid var(--gs-blue);
    transition: all 0.25s;
}
.erp-service-card:hover { box-shadow: 0 10px 32px rgba(30,82,204,0.09); transform: translateY(-3px); }
.erp-service-card h4 { font-size: 1rem; font-weight: 700; color: var(--gs-navy); margin-bottom: 10px; }
.erp-service-card p  { font-size: 0.84rem; color: var(--gs-muted); line-height: 1.72; margin: 0; }

/* Compare table */
.erp-compare-table { border-radius: 10px; overflow: hidden; box-shadow: 0 4px 20px rgba(30,82,204,0.07); }
.erp-compare-table thead { background: var(--gs-blue); }
.erp-compare-table thead th { padding: 16px 20px; font-weight: 600; color: #fff; border: none; }
.erp-compare-table tbody td { padding: 14px 20px; vertical-align: middle; border-color: var(--gs-border); font-size: 0.875rem; }
.erp-compare-table tbody tr:nth-child(even) { background: var(--gs-light); }
.erp-compare-table .highlight-col { background: rgba(30,82,204,0.04) !important; font-weight: 500; }
.erp-compare-table .check-yes { color: var(--gs-blue); font-weight: 700; }
.erp-compare-table .check-no  { color: #b0bec5; }

/* Industry pills — ERP page */
.erp-industry-pill {
    display: inline-flex; align-items: center;
    padding: 7px 16px; background: var(--gs-light);
    border: 1px solid var(--gs-border); border-radius: 4px;
    font-size: 0.82rem; font-weight: 500; color: var(--gs-navy);
    margin: 4px; text-decoration: none; transition: all 0.2s;
}
.erp-industry-pill:hover { background: var(--gs-blue); color: #fff; border-color: var(--gs-blue); }

/* Integration checklist */
.erp-check-list { list-style: none; padding: 0; margin: 0; }
.erp-check-list li { display: flex; align-items: flex-start; gap: 10px; font-size: 0.875rem; color: var(--gs-muted); margin-bottom: 14px; line-height: 1.6; }
.erp-check-list li i { font-size: 1.1rem; color: var(--gs-blue); flex-shrink: 0; margin-top: 1px; }

@media (max-width: 768px) {
    .erp-module-item .module-icon { width: 52px; height: 52px; font-size: 1.3rem; }
}


/* =========================================
   CASE STUDIES PAGE
========================================= */
:root {
    --cs-teal:       #1E52CC;
    --cs-teal-light: #ecfeff;
    --cs-teal-dark:  #0e7490;
    --cs-navy:       #0f172a;
}

.cs-hero { background: linear-gradient(135deg, rgba(15,23,42,0.97) 0%, rgba(10,40,55,0.93) 55%, rgba(30,82,204,0.2) 100%), url('/images/company/hero-bg.jpg') center/cover no-repeat; padding: 110px 0 70px; }
.cs-hero-title { font-size: clamp(2rem, 4.5vw, 3rem); line-height: 1.2; }
.cs-hero-sub { font-size: 1.05rem; max-width: 560px; line-height: 1.85; }
.cs-hero-stats { max-width: 700px; margin: 0 auto; }
.cs-hero-stat-val { color: #fff; font-size: 1.8rem; font-weight: 800; }
.cs-hero-stat-label { color: rgba(255,255,255,0.45); font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.05em; }

.cs-badge { display: inline-flex; align-items: center; gap: 8px; background: rgba(30,82,204,0.15); color: #67e8f9; border: 1px solid rgba(30,82,204,0.35); border-radius: 50px; padding: 6px 18px; font-size: 0.78rem; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; }
.cs-badge-sm { font-size: 0.7rem; }
.cs-dot { width: 8px; height: 8px; border-radius: 50%; background: #22d3ee; animation: csdot 2s infinite; }
@keyframes csdot { 0%, 100% { opacity: 1; } 50% { opacity: 0.3; } }

/* Filter tabs */
.cs-filters { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; margin-bottom: 40px; }
.cs-filter-btn { padding: 8px 20px; border-radius: 50px; border: 1px solid #e2e8f0; background: #fff; color: #475569; font-size: 0.85rem; font-weight: 500; cursor: pointer; transition: all 0.2s; }
.cs-filter-btn:hover, .cs-filter-btn.active { background: var(--cs-teal); color: #fff; border-color: var(--cs-teal); }

/* Case study cards */
.cs-card { border-radius: 18px; overflow: hidden; background: #fff; border: 1px solid #e2e8f0; height: 100%; display: flex; flex-direction: column; transition: transform 0.25s, box-shadow 0.25s; }
.cs-card:hover { transform: translateY(-6px); box-shadow: 0 18px 45px rgba(30,82,204,0.13); }
.cs-card-image { height: 200px; position: relative; overflow: hidden; display: flex; align-items: center; justify-content: center; }
.cs-card-image i { font-size: 4rem; color: rgba(255,255,255,0.25); }
.cs-industry-tag { position: absolute; top: 14px; left: 14px; padding: 4px 12px; border-radius: 20px; font-size: 0.72rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em; }
.cs-card-body { padding: 24px; flex: 1; display: flex; flex-direction: column; }
.cs-result-pill { display: inline-flex; align-items: center; gap: 6px; padding: 4px 12px; border-radius: 20px; font-size: 0.78rem; font-weight: 600; background: var(--cs-teal-light); color: var(--cs-teal-dark); margin-bottom: 6px; }

/* Featured case study */
.cs-featured { border-radius: 20px; overflow: hidden; background: #fff; border: 1px solid #e2e8f0; display: grid; grid-template-columns: 1fr 1fr; }
@media (max-width: 768px) { .cs-featured { grid-template-columns: 1fr; } }
.cs-featured-section { background: #f8fafc; }
.cs-featured-image { background: linear-gradient(135deg, var(--cs-navy), var(--cs-teal-dark)); display: flex; align-items: center; justify-content: center; min-height: 340px; position: relative; overflow: hidden; }
.cs-featured-image i { font-size: 8rem; color: rgba(255,255,255,0.1); }
.cs-featured-body { padding: 40px 36px; }
.cs-featured-tag { background: rgba(30,82,204,0.3); color: #67e8f9; border: 1px solid rgba(30,82,204,0.5); font-size: 0.78rem; }

/* Metric cards */
.cs-metric { padding: 16px 18px; border-radius: 10px; background: var(--cs-teal-light); border-left: 3px solid var(--cs-teal); }
.cs-metric strong { display: block; font-size: 1.6rem; font-weight: 800; color: var(--cs-teal-dark); line-height: 1; }
.cs-metric span { font-size: 0.75rem; color: #0e7490; margin-top: 4px; display: block; }

/* Text utilities for this page */
.cs-text-navy { color: var(--cs-navy); }
.cs-text-muted-lg { color: #64748b; line-height: 1.75; }
.cs-accent-text { color: #67e8f9; }
.cs-eyebrow { letter-spacing: 0.08em; }
.cs-section-intro { max-width: 540px; color: #64748b; line-height: 1.8; }
.cs-tech-badge { background: #f1f5f9 !important; color: #475569 !important; }

/* Results banner */
.cs-results-section { background: #f8fafc; border-top: 1px solid #e2e8f0; border-bottom: 1px solid #e2e8f0; }
.cs-result-val { font-size: 2.2rem; font-weight: 800; color: var(--cs-teal); }
.cs-results-label { letter-spacing: 0.05em; }

/* CTA section */
.cs-cta { background: linear-gradient(135deg, var(--cs-navy) 0%, #052e40 60%, var(--cs-teal-dark) 120%); position: relative; overflow: hidden; }
.cs-cta::before { content: ''; position: absolute; top: -80px; right: -60px; width: 450px; height: 450px; border-radius: 50%; background: radial-gradient(circle, rgba(30,82,204,0.12) 0%, transparent 70%); }
.cs-cta-badge { background: rgba(30,82,204,0.15); color: #67e8f9; border: 1px solid rgba(30,82,204,0.3); }
.cs-cta-title { font-size: clamp(1.8rem, 3.5vw, 2.5rem); line-height: 1.3; }
.cs-cta-lead { max-width: 520px; line-height: 1.8; }
.cs-cta-img { max-height: 270px; opacity: 0.8; filter: drop-shadow(0 20px 40px rgba(30,82,204,0.3)); }

/* Button */
.btn-cs-primary { background: var(--cs-teal); color: #fff !important; border: none; }
.btn-cs-primary:hover { background: var(--cs-teal-dark); color: #fff !important; }

/* =========================================
   ABOUT — COMPANY PAGE  (co-)
========================================= */
:root {
    --co-blue: #1E52CC;
    --co-blue-light: #EEF3FB;
    --co-blue-dark: #1644B0;
    --co-gold: #F59E0B;
    --co-gold-light: #FFFBEB;
    --co-navy: #0B1B33;
    --co-slate: #1A2B4A;
}
.co-hero { background: linear-gradient(135deg, rgba(15,23,42,0.97) 0%, rgba(30,41,59,0.93) 55%, rgba(30,82,204,0.18) 100%), url('/images/company/hero-bg.jpg') center/cover no-repeat; padding: 130px 0 90px; position: relative; overflow: hidden; }
.co-hero::before { content: ''; position: absolute; bottom: -2px; left: 0; right: 0; height: 60px; background: #fff; clip-path: ellipse(55% 100% at 50% 100%); }
.co-hero-badge { display: inline-flex; align-items: center; gap: 8px; background: rgba(30,82,204,0.15); color: #93c5fd; border: 1px solid rgba(30,82,204,0.3); border-radius: 50px; padding: 6px 18px; font-size: 0.78rem; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; }
.co-dot { width: 8px; height: 8px; border-radius: 50%; background: #60a5fa; animation: codot 2s infinite; }
@keyframes codot { 0%,100%{opacity:1;} 50%{opacity:0.3;} }
.co-hero-stat { text-align: center; padding: 20px 24px; border-right: 1px solid rgba(255,255,255,0.1); }
.co-hero-stat:last-child { border-right: none; }
.co-hero-stat strong { display: block; font-size: 2rem; font-weight: 800; color: #f59e0b; line-height: 1; }
.co-hero-stat span { font-size: 0.78rem; color: rgba(255,255,255,0.5); text-transform: uppercase; letter-spacing: 0.05em; margin-top: 5px; display: block; }
.co-story-label { display: inline-block; background: var(--co-blue-light); color: var(--co-blue-dark); font-size: 0.78rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.08em; padding: 5px 14px; border-radius: 4px; margin-bottom: 16px; }
.co-story-image { position: relative; }
.co-story-image::after { content: ''; position: absolute; bottom: -16px; right: -16px; width: 100%; height: 100%; border: 3px solid var(--co-blue); border-radius: 16px; z-index: -1; }
.co-founded-badge { position: absolute; bottom: -20px; left: 24px; background: var(--co-gold); color: #fff; font-weight: 800; font-size: 0.88rem; padding: 12px 20px; border-radius: 10px; box-shadow: 0 8px 24px rgba(245,158,11,0.35); }
.co-pillar { padding: 32px 28px; border-radius: 16px; height: 100%; background: #fff; border: 1px solid #e2e8f0; border-top: 4px solid var(--co-blue); transition: transform 0.25s, box-shadow 0.25s; }
.co-pillar:hover { transform: translateY(-6px); box-shadow: 0 16px 40px rgba(30,82,204,0.12); }
.co-pillar-icon { width: 56px; height: 56px; border-radius: 14px; background: var(--co-blue-light); display: flex; align-items: center; justify-content: center; margin-bottom: 20px; }
.co-timeline { position: relative; padding-left: 40px; }
.co-timeline::before { content: ''; position: absolute; left: 6px; top: 8px; bottom: 8px; width: 2px; background: linear-gradient(to bottom, var(--co-blue), var(--co-gold)); }
.co-tl-item { position: relative; padding-bottom: 40px; }
.co-tl-item:last-child { padding-bottom: 0; }
.co-tl-dot { position: absolute; left: -40px; top: 4px; width: 14px; height: 14px; border-radius: 50%; background: var(--co-blue); border: 3px solid #fff; box-shadow: 0 0 0 3px var(--co-blue); transition: background 0.2s; }
.co-tl-item:hover .co-tl-dot { background: var(--co-gold); box-shadow: 0 0 0 3px var(--co-gold); }
.co-tl-year { font-size: 0.75rem; font-weight: 700; color: var(--co-blue); text-transform: uppercase; letter-spacing: 0.08em; margin-bottom: 4px; }
.co-tl-item:hover .co-tl-year { color: var(--co-gold); }
.co-team-card { border-radius: 16px; overflow: hidden; background: #fff; border: 1px solid #e2e8f0; transition: transform 0.25s, box-shadow 0.25s; }
.co-team-card:hover { transform: translateY(-6px); box-shadow: 0 16px 40px rgba(15,23,42,0.12); }
.co-team-photo { height: 220px; background: linear-gradient(135deg, var(--co-slate), var(--co-blue-dark)); display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden; }
.co-team-photo i { font-size: 5rem; color: rgba(255,255,255,0.15); }
.co-team-photo .co-initials { font-size: 3rem; font-weight: 800; color: rgba(255,255,255,0.6); letter-spacing: -2px; }
.co-team-info { padding: 20px; }
.co-team-role { font-size: 0.78rem; color: var(--co-blue); font-weight: 600; text-transform: uppercase; letter-spacing: 0.06em; }
.co-cert { display: flex; align-items: center; gap: 14px; padding: 18px 22px; border-radius: 12px; background: #fff; border: 1px solid #e2e8f0; transition: border-color 0.2s, transform 0.2s; }
.co-cert:hover { border-color: var(--co-blue); transform: translateY(-3px); }
.co-cert-icon { width: 44px; height: 44px; border-radius: 10px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; font-size: 1.4rem; }
.co-values { background: linear-gradient(135deg, var(--co-navy) 0%, var(--co-slate) 100%); }
.co-value-card { padding: 28px 24px; border-radius: 14px; height: 100%; background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.08); transition: border-color 0.25s, transform 0.25s; }
.co-value-card:hover { border-color: rgba(30,82,204,0.5); transform: translateY(-4px); }
.co-testimonial { background: var(--co-blue-light); border-radius: 16px; padding: 32px 36px; border-left: 4px solid var(--co-blue); position: relative; }
.co-testimonial::before { content: '\201C'; font-size: 5rem; line-height: 1; color: var(--co-blue); opacity: 0.15; position: absolute; top: 10px; left: 24px; font-family: Georgia, serif; }
.co-cta { background: linear-gradient(135deg, var(--co-navy) 0%, #0c1f5e 60%, var(--co-blue-dark) 120%); position: relative; overflow: hidden; }
.co-cta::before { content: ''; position: absolute; top: -100px; right: -80px; width: 500px; height: 500px; border-radius: 50%; background: radial-gradient(circle, rgba(30,82,204,0.12) 0%, transparent 70%); }
.co-cta::after { content: ''; position: absolute; bottom: -80px; left: 5%; width: 300px; height: 300px; border-radius: 50%; background: radial-gradient(circle, rgba(245,158,11,0.08) 0%, transparent 70%); }

/* =========================================
   ABOUT — PRICING PAGE  (pr-)
========================================= */
:root { --pr-green:#15803d; --pr-green-light:#f0fdf4; --pr-green-dark:#166534; --pr-navy:#0f172a; }
.pr-hero { background:linear-gradient(135deg,rgba(15,23,42,0.97) 0%,rgba(10,40,20,0.93) 55%,rgba(21,128,61,0.2) 100%), url('/images/company/hero-bg.jpg') center/cover no-repeat; padding:110px 0 70px; }
.pr-badge { display:inline-flex;align-items:center;gap:8px;background:rgba(21,128,61,0.15);color:#86efac;border:1px solid rgba(21,128,61,0.35);border-radius:50px;padding:6px 18px;font-size:0.78rem;font-weight:600;letter-spacing:0.06em;text-transform:uppercase; }
.pr-dot { width:8px;height:8px;border-radius:50%;background:#4ade80;animation:prdot 2s infinite; }
@keyframes prdot { 0%,100%{opacity:1;} 50%{opacity:0.3;} }
.pr-card { border-radius:20px;padding:36px 30px;height:100%;border:2px solid #e2e8f0;background:#fff;position:relative;display:flex;flex-direction:column;transition:border-color 0.25s,transform 0.25s,box-shadow 0.25s; }
.pr-card:hover { transform:translateY(-6px);box-shadow:0 18px 45px rgba(21,128,61,0.12);border-color:var(--pr-green); }
.pr-card.featured { border-color:var(--pr-green);box-shadow:0 12px 40px rgba(21,128,61,0.15); }
.pr-featured-badge { position:absolute;top:-15px;left:50%;transform:translateX(-50%);white-space:nowrap;background:var(--pr-green);color:#fff;font-size:0.72rem;font-weight:700;padding:5px 16px;border-radius:20px;text-transform:uppercase;letter-spacing:0.06em; }
.pr-icon { width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;background:var(--pr-green-light); }
.pr-check { display:flex;align-items:flex-start;gap:10px;margin-bottom:10px; }
.pr-check i { color:var(--pr-green);font-size:1rem;flex-shrink:0;margin-top:2px; }
.pr-range { font-size:2rem;font-weight:800;color:var(--pr-navy);line-height:1; }
.pr-range-sub { font-size:0.82rem;color:#64748b;margin-top:6px; }
.pr-include { padding:20px 24px;border-radius:12px;background:#fff;border:1px solid #e2e8f0;transition:transform 0.2s,border-color 0.2s; }
.pr-include:hover { transform:translateY(-3px);border-color:var(--pr-green); }
.pr-include-icon { width:46px;height:46px;border-radius:12px;background:var(--pr-green-light);display:flex;align-items:center;justify-content:center;flex-shrink:0; }
.pr-faq-item { border-bottom:1px solid #e2e8f0;padding:20px 0; }
.pr-faq-item:first-child { border-top:1px solid #e2e8f0; }
.pr-faq-q { font-weight:600;color:var(--pr-navy);cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:10px; }
.pr-faq-a { color:#64748b;line-height:1.8;font-size:0.92rem;margin-top:12px;display:none; }
.pr-faq-item.open .pr-faq-a { display:block; }
.pr-faq-item.open .pr-faq-icon { transform:rotate(45deg); }
.pr-faq-icon { transition:transform 0.2s;flex-shrink:0;color:var(--pr-green); }
.pr-table th { background:#f8fafc;font-weight:600;font-size:0.85rem;color:var(--pr-navy); }
.pr-table td { font-size:0.88rem;color:#475569;vertical-align:middle; }
.pr-table .check { color:var(--pr-green);font-size:1rem; }
.pr-table .cross { color:#cbd5e1;font-size:1rem; }
.pr-table .partial { color:#f59e0b;font-size:0.8rem; }
.pr-cta { background:linear-gradient(135deg,var(--pr-navy) 0%,#001a0e 60%,var(--pr-green-dark) 120%);position:relative;overflow:hidden; }
.pr-cta::before { content:'';position:absolute;top:-80px;right:-60px;width:450px;height:450px;border-radius:50%;background:radial-gradient(circle,rgba(21,128,61,0.1) 0%,transparent 70%); }

/* =========================================
   ABOUT — HOW WE WORK PAGE  (hw-)
========================================= */
:root { --hw-amber:#d97706; --hw-amber-light:#fffbeb; --hw-amber-dark:#b45309; --hw-navy:#0f172a; --hw-slate:#1e293b; }
.hw-hero { background:linear-gradient(135deg,rgba(15,23,42,0.97) 0%,rgba(30,41,59,0.93) 55%,rgba(217,119,6,0.15) 100%), url('/images/company/hero-bg.jpg') center/cover no-repeat; padding:110px 0 70px; }
.hw-badge { display:inline-flex;align-items:center;gap:8px;background:rgba(217,119,6,0.15);color:#fcd34d;border:1px solid rgba(217,119,6,0.35);border-radius:50px;padding:6px 18px;font-size:0.78rem;font-weight:600;letter-spacing:0.06em;text-transform:uppercase; }
.hw-dot { width:8px;height:8px;border-radius:50%;background:#fbbf24;animation:hwdot 2s infinite; }
@keyframes hwdot { 0%,100%{opacity:1;} 50%{opacity:0.3;} }
.hw-model { border-radius:18px;padding:36px 30px;height:100%;border:2px solid #e2e8f0;background:#fff;position:relative;transition:border-color 0.25s,transform 0.25s,box-shadow 0.25s; }
.hw-model:hover { transform:translateY(-6px);box-shadow:0 16px 40px rgba(217,119,6,0.12);border-color:var(--hw-amber); }
.hw-model.featured { border-color:var(--hw-amber);background:linear-gradient(145deg,#fffbeb,#fff); }
.hw-model-badge { position:absolute;top:-14px;left:50%;transform:translateX(-50%);white-space:nowrap;background:var(--hw-amber);color:#fff;font-size:0.72rem;font-weight:700;padding:5px 14px;border-radius:20px;text-transform:uppercase;letter-spacing:0.06em; }
.hw-model-icon { width:60px;height:60px;border-radius:15px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;background:var(--hw-amber-light); }
.hw-check { display:flex;align-items:flex-start;gap:10px;margin-bottom:10px; }
.hw-check i { color:var(--hw-amber);font-size:1rem;flex-shrink:0;margin-top:2px; }
.hw-step { display:flex;gap:24px;padding-bottom:40px;position:relative; }
.hw-step:not(:last-child)::before { content:'';position:absolute;left:22px;top:52px;bottom:0;width:2px;background:linear-gradient(to bottom,var(--hw-amber),rgba(217,119,6,0.1)); }
.hw-step-num { width:46px;height:46px;border-radius:50%;background:var(--hw-amber);color:#fff;font-weight:800;font-size:1rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 14px rgba(217,119,6,0.35); }
.hw-step-body h5 { color:var(--hw-navy);font-weight:700;margin-bottom:8px; }
.hw-tool { display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:10px;background:#f8fafc;border:1px solid #e2e8f0;font-size:0.82rem;font-weight:500;color:#334155; }
.hw-qa-item { padding:20px 24px;border-radius:12px;background:#fff;border:1px solid #e2e8f0;border-left:4px solid var(--hw-amber);transition:transform 0.2s; }
.hw-qa-item:hover { transform:translateX(4px); }
.hw-cta { background:linear-gradient(135deg,var(--hw-navy) 0%,#1c1000 60%,var(--hw-amber-dark) 140%);position:relative;overflow:hidden; }
.hw-cta::before { content:'';position:absolute;top:-80px;right:-60px;width:450px;height:450px;border-radius:50%;background:radial-gradient(circle,rgba(217,119,6,0.1) 0%,transparent 70%); }

/* =========================================
   ABOUT — REVIEWS PAGE  (rv-)
========================================= */
:root { --rv-purple:#1E52CC; --rv-purple-light:#EEF3FB; --rv-purple-dark:#1644B0; --rv-navy:#0f172a; }
.rv-hero { background:linear-gradient(135deg,rgba(15,23,42,0.97) 0%,rgba(14,40,120,0.93) 55%,rgba(30,82,204,0.2) 100%), url('/images/company/hero-bg.jpg') center/cover no-repeat; padding:110px 0 70px; }
.rv-badge { display:inline-flex;align-items:center;gap:8px;background:rgba(30,82,204,0.15);color:#93B4F4;border:1px solid rgba(30,82,204,0.35);border-radius:50px;padding:6px 18px;font-size:0.78rem;font-weight:600;letter-spacing:0.06em;text-transform:uppercase; }
.rv-dot { width:8px;height:8px;border-radius:50%;background:#93B4F4;animation:rvdot 2s infinite; }
@keyframes rvdot { 0%,100%{opacity:1;} 50%{opacity:0.3;} }
.rv-platform-card { border-radius:16px;padding:28px 24px;background:#fff;border:1px solid #e2e8f0;text-align:center;transition:transform 0.25s,box-shadow 0.25s; }
.rv-platform-card:hover { transform:translateY(-5px);box-shadow:0 14px 36px rgba(30,82,204,0.12); }
.rv-rating-big { font-size:3.2rem;font-weight:800;color:var(--rv-purple);line-height:1; }
.rv-stars { color:#f59e0b;font-size:1.1rem;letter-spacing:2px; }
.rv-card { border-radius:16px;padding:32px 28px;background:#fff;border:1px solid #e2e8f0;height:100%;position:relative;transition:transform 0.25s,box-shadow 0.25s; }
.rv-card:hover { transform:translateY(-5px);box-shadow:0 16px 40px rgba(30,82,204,0.1); }
.rv-card::before { content:'\201C';font-size:6rem;line-height:0.8;color:var(--rv-purple);opacity:0.1;position:absolute;top:20px;left:22px;font-family:Georgia,serif; }
.rv-card-stars { color:#f59e0b;font-size:0.9rem;letter-spacing:1px;margin-bottom:14px; }
.rv-avatar { width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:0.9rem;color:#fff;flex-shrink:0; }
.rv-tag { display:inline-block;padding:3px 10px;border-radius:20px;font-size:0.72rem;font-weight:600;background:var(--rv-purple-light);color:var(--rv-purple-dark);margin-bottom:12px; }
.rv-featured { border-radius:20px;padding:40px;background:linear-gradient(135deg,var(--rv-navy),#1E52CC);color:#fff;position:relative;overflow:hidden; }
.rv-featured::before { content:'\201C';font-size:10rem;line-height:0.7;color:rgba(30,82,204,0.15);position:absolute;top:10px;left:20px;font-family:Georgia,serif; }
.rv-stat-box { border-radius:14px;padding:28px 20px;text-align:center;background:#fff;border:1px solid #e2e8f0; }
.rv-stat-num { font-size:2.4rem;font-weight:800;color:var(--rv-purple);line-height:1; }
.rv-cta { background:linear-gradient(135deg,var(--rv-navy) 0%,#1E52CC 60%,var(--rv-purple-dark) 120%);position:relative;overflow:hidden; }
.rv-cta::before { content:'';position:absolute;top:-80px;right:-60px;width:450px;height:450px;border-radius:50%;background:radial-gradient(circle,rgba(30,82,204,0.12) 0%,transparent 70%); }

/* =========================================
   SERVICES — FULL-STACK DEVELOPMENT  (fs-)
========================================= */
:root { --fs-blue:#1E52CC; --fs-blue-light:#EEF3FB; --fs-blue-dark:#1644B0; --fs-navy:#0B1B33; }
.fs-hero { background:linear-gradient(140deg,rgba(6,9,26,0.98) 0%,rgba(15,20,60,0.96) 50%,rgba(30,82,204,0.22) 100%), url('/assets/images/software-development/bg1.jpg') center/cover no-repeat; padding:110px 0 70px; }
.fs-badge { display:inline-flex;align-items:center;gap:8px;background:rgba(30,82,204,0.08);color:#1E52CC;border:1px solid rgba(30,82,204,0.18);border-radius:50px;padding:6px 18px;font-size:0.78rem;font-weight:600;letter-spacing:0.06em;text-transform:uppercase; }
.fs-dot { width:8px;height:8px;border-radius:50%;background:#60a5fa;animation:fsdot 2s infinite; }
@keyframes fsdot { 0%,100%{opacity:1;box-shadow:0 0 0 0 rgba(96,165,250,0.5);} 50%{opacity:0.6;box-shadow:0 0 0 6px rgba(96,165,250,0);} }
.fs-stat { display:inline-flex;flex-direction:column;align-items:center;padding:14px 20px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:12px;min-width:105px; }
.fs-stat strong { font-size:1.6rem;font-weight:800;color:#1E52CC;line-height:1; }
.fs-stat span { font-size:0.7rem;color:rgba(255,255,255,0.45);margin-top:4px;text-transform:uppercase;letter-spacing:0.04em;text-align:center; }
.fs-form-glass { background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.1);border-radius:20px;padding:30px 26px;backdrop-filter:blur(10px); }
.fs-service-card { border-radius:16px;padding:28px 24px;height:100%;background:#fff;border:1px solid #e4ecf7;position:relative;overflow:hidden;transition:all 0.3s; }
.fs-service-card::before { content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--fs-blue),var(--fs-blue));transition:height 0.3s; }
.fs-service-card:hover { transform:translateY(-6px);box-shadow:0 16px 40px rgba(30,82,204,0.13); }
.fs-tech-badge { display:inline-block;padding:6px 14px;border-radius:30px;font-size:0.78rem;font-weight:600;margin:4px; }
.fs-process-card { border-radius:14px;padding:24px 20px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);height:100%;transition:border-color 0.25s,transform 0.25s; }
.fs-process-card:hover { border-color:#60a5fa;transform:translateY(-4px); }
.fs-industry-pill { display:flex;align-items:center;gap:10px;padding:14px 18px;border-radius:12px;background:#fff;border:1px solid #e4ecf7;transition:all 0.2s;cursor:default; }
.fs-industry-pill:hover { background:var(--fs-blue);border-color:var(--fs-blue); }
.fs-industry-pill:hover span, .fs-industry-pill:hover i { color:#fff !important; }
.fs-faq .accordion-button { font-weight:600;color:#1a1a2e;background:#fff;box-shadow:none;border-bottom:1px solid #e4ecf7; }
.fs-faq .accordion-button:not(.collapsed) { color:var(--fs-blue-dark);background:var(--fs-blue-light); }
.fs-faq .accordion-item { border:1px solid #e4ecf7;border-radius:12px !important;overflow:hidden;margin-bottom:12px; }
.fs-faq .accordion-body { color:#6c757d;line-height:1.8;font-size:0.93rem; }
.fs-cta { background:linear-gradient(135deg,#0B1B33 0%,#0f1d4a 50%,#1e3a8a 100%);position:relative;overflow:hidden; }
.fs-cta::before { content:'';position:absolute;top:-80px;right:-60px;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(59,130,246,0.1) 0%,transparent 70%); }

/* =========================================
   SERVICES — IT OUTSOURCING  (ito-)
========================================= */
:root { --ito-blue:#1e40af; --ito-blue-dark:#1e3a8a; --ito-blue-light:#EEF3FB; --ito-navy:#0f172a; --ito-sky:#0ea5e9; }
.ito-hero { background:linear-gradient(140deg, rgba(15,23,42,0.97) 0%, rgba(30,58,138,0.92) 55%, rgba(14,165,233,0.18) 100%), url('/images/it-outsourcing/hero-bg.jpg') center/cover no-repeat; padding:120px 0 80px; }
.ito-badge { display:inline-flex; align-items:center; gap:8px; background:rgba(30,82,204,0.08); color:#1E52CC; border:1px solid rgba(30,82,204,0.18); border-radius:50px; padding:6px 18px; font-size:0.78rem; font-weight:600; letter-spacing:0.06em; text-transform:uppercase; }
.ito-dot { width:8px; height:8px; border-radius:50%; background:#60a5fa; animation:itodot 2s infinite; }
@keyframes itodot { 0%,100%{opacity:1;box-shadow:0 0 0 0 rgba(96,165,250,0.5);} 50%{opacity:0.6;box-shadow:0 0 0 6px rgba(96,165,250,0);} }
.ito-form-glass { background:rgba(255,255,255,0.04); border:1px solid rgba(255,255,255,0.1); border-radius:20px; padding:30px 26px; backdrop-filter:blur(10px); }
.ito-stats-strip { background:#fff; border-bottom:1px solid #e8ecf4; }
.ito-stat-item { text-align:center; padding:28px 16px; }
.ito-stat-number { font-size:2.2rem; font-weight:800; color:var(--ito-blue); line-height:1; }
.ito-stat-label { font-size:0.82rem; color:#6c757d; margin-top:6px; text-transform:uppercase; letter-spacing:0.04em; }
.ito-service-card { border-radius:16px; padding:28px 24px; height:100%; background:#fff; border:1px solid #e4ecf7; position:relative; overflow:hidden; transition:all 0.3s; }
.ito-service-card::before { content:''; position:absolute; top:0; left:0; right:0; height:3px; background:linear-gradient(90deg, var(--ito-blue), var(--ito-sky)); transition:height 0.3s; }
.ito-service-card:hover { transform:translateY(-6px); box-shadow:0 16px 40px rgba(30,64,175,0.12); }
.ito-service-card:hover::before { height:5px; }
.ito-scenario-card { border-radius:14px; padding:24px 22px; border:2px solid #e4ecf7; background:#fff; height:100%; transition:all 0.25s; }
.ito-scenario-card:hover { border-color:var(--ito-blue); box-shadow:0 8px 28px rgba(30,64,175,0.1); transform:translateY(-3px); }
.ito-scenario-icon { width:52px; height:52px; border-radius:14px; background:var(--ito-blue-light); display:flex; align-items:center; justify-content:center; margin-bottom:16px; }
.ito-step { display:flex; gap:24px; margin-bottom:36px; }
.ito-step:last-child { margin-bottom:0; }
.ito-step-left { display:flex; flex-direction:column; align-items:center; flex-shrink:0; }
.ito-step-num { width:48px; height:48px; border-radius:50%; background:linear-gradient(135deg,var(--ito-blue),var(--ito-sky)); color:#fff; font-weight:800; font-size:1rem; display:flex; align-items:center; justify-content:center; flex-shrink:0; box-shadow:0 4px 14px rgba(30,82,204,0.12); }
.ito-step-line { width:2px; flex:1; background:linear-gradient(to bottom, var(--ito-blue), transparent); margin-top:8px; min-height:32px; }
.ito-step:last-child .ito-step-line { display:none; }
.ito-step-body { padding-top:10px; }
.ito-step-body h6 { font-weight:700; color:#1a1a2e; margin-bottom:6px; }
.ito-step-body p { color:#6c757d; font-size:0.9rem; line-height:1.75; margin:0; }
.ito-industry-pill { display:flex; align-items:center; gap:10px; padding:14px 18px; border-radius:12px; background:#fff; border:1px solid #e4ecf7; transition:all 0.2s; }
.ito-industry-pill:hover { background:var(--ito-blue); border-color:var(--ito-blue); }
.ito-industry-pill:hover span, .ito-industry-pill:hover i { color:#fff !important; }
.ito-compare-card { border-radius:16px; padding:28px 24px; height:100%; border:2px solid #e4ecf7; background:#fff; transition:all 0.2s; }
.ito-compare-card.ito-highlight { border-color:var(--ito-blue); background:var(--ito-blue-light); box-shadow:0 8px 30px rgba(30,64,175,0.12); }
.ito-trust-box { border-radius:14px; padding:28px 24px; height:100%; transition:transform 0.2s; }
.ito-trust-box:hover { transform:translateY(-4px); }
.ito-stack-tabs .nav-link { color:#6c757d; border-radius:8px; padding:10px 18px; font-weight:600; font-size:0.88rem; border:none; }
.ito-stack-tabs .nav-link.active { background:var(--ito-blue); color:#fff; }
.ito-faq .accordion-button { font-weight:600; color:#1a1a2e; background:#fff; box-shadow:none; border-bottom:1px solid #e4ecf7; }
.ito-faq .accordion-button:not(.collapsed) { color:var(--ito-blue-dark); background:var(--ito-blue-light); }
.ito-faq .accordion-button:not(.collapsed)::after { filter:invert(20%) sepia(90%) saturate(500%) hue-rotate(200deg); }
.ito-faq .accordion-item { border:1px solid #e4ecf7; border-radius:12px !important; overflow:hidden; margin-bottom:12px; }
.ito-faq .accordion-body { color:#6c757d; line-height:1.8; font-size:0.93rem; }
.ito-cta-banner { background:linear-gradient(135deg, #0f172a 0%, #1e3a8a 55%, #1644B0 100%); position:relative; overflow:hidden; }
.ito-cta-banner::before { content:''; position:absolute; top:-80px; right:-60px; width:500px; height:500px; border-radius:50%; background:radial-gradient(circle, rgba(30,64,175,0.12) 0%, transparent 70%); }
.ito-cta-banner::after { content:''; position:absolute; bottom:-100px; left:-80px; width:350px; height:350px; border-radius:50%; background:radial-gradient(circle, rgba(14,165,233,0.08) 0%, transparent 70%); }

/* =========================================
   TECHNOLOGIES — C++ PAGE  (cpp-)
========================================= */
:root { --cpp-blue:#1E52CC; --cpp-dark:#0f1c33; }
.section-eyebrow { display:inline-block; font-size:0.75rem; font-weight:600; letter-spacing:1.5px; text-transform:uppercase; color:var(--cpp-blue); background:rgba(30,82,204,0.08); padding:4px 14px; border-radius:20px; margin-bottom:8px; }
.section-title { font-size:2rem; font-weight:700; color:#0b1b33; line-height:1.2; }
.cpp-hero-alt { padding:70px 0 50px; background:linear-gradient(180deg,#f8fafc 0%,#f1f5f9 100%); }
.cpp-hero-alt .cpp-hero-badge .badge { background:#e0e7ff; color:#1E52CC; font-weight:600; padding:6px 16px; border-radius:30px; font-size:0.8rem; }
.cpp-hero-title { font-size:clamp(2.1rem,5vw,3.1rem); font-weight:800; line-height:1.1; color:#0b1b33; margin-bottom:1rem; }
.cpp-hero-subtitle { font-size:1.1rem; color:#475569; max-width:720px; margin:0 auto; line-height:1.65; }
.cpp-hero-stats { display:flex; flex-wrap:wrap; justify-content:center; gap:2.25rem 3.5rem; }
.cpp-hero-stats .stat { text-align:center; }
.cpp-hero-stats .number { font-size:1.85rem; font-weight:700; color:var(--cpp-blue); line-height:1; }
.cpp-hero-stats .label { font-size:0.8rem; color:#64748b; margin-top:2px; }
.cpp-consult-section { padding:60px 0; background:#fff; }
.cpp-consult-left .cpp-consult-points div { margin-bottom:8px; font-weight:500; color:#334155; }
.cpp-form-wrapper { background:#fff; border:1px solid #e2e8f0; border-radius:12px; box-shadow:0 10px 30px rgba(15,23,42,0.06); padding:0; overflow:hidden; }
.cpp-form-header { background:#f8fafc; padding:16px 22px; border-bottom:1px solid #e2e8f0; }
.cpp-form-header h5 { font-weight:700; color:#0b1b33; margin:0; }
.cpp-strength-grid .cpp-strength-card { background:#fff; border:1px solid #e2e8f0; border-radius:12px; padding:28px 24px; height:100%; transition:transform .2s ease,box-shadow .2s ease; }
.cpp-strength-grid .cpp-strength-card:hover { transform:translateY(-4px); box-shadow:0 15px 35px rgba(15,23,42,0.07); }
.cpp-strength-card .icon-circle { width:52px; height:52px; background:#eef2ff; color:var(--cpp-blue); display:flex; align-items:center; justify-content:center; border-radius:999px; font-size:26px; margin-bottom:18px; }
.cpp-strength-card h4 { font-size:1.05rem; font-weight:700; color:#0b1b33; margin-bottom:10px; }
.cpp-strength-card p { color:#64748b; font-size:0.95rem; margin:0; line-height:1.6; }
.cpp-expertise-bg { background:linear-gradient(180deg,#f8fafc 0%,#f1f5f9 100%); }
.cpp-expertise-item { background:#fff; border-radius:10px; padding:22px 20px; display:flex; gap:16px; border:1px solid #e2e8f0; height:100%; }
.cpp-expertise-item i { font-size:28px; color:var(--cpp-blue); margin-top:3px; flex-shrink:0; }
.cpp-expertise-item h5 { font-weight:700; margin-bottom:8px; color:#0b1b33; font-size:1.02rem; }
.cpp-expertise-item ul { padding-left:18px; margin:0; font-size:0.9rem; color:#475569; }
.cpp-expertise-item li { margin-bottom:3px; }
.cpp-engage-card { background:#fff; border:1px solid #e2e8f0; border-radius:12px; padding:28px 26px; height:100%; }
.cpp-engage-card.featured { border-color:var(--cpp-blue); box-shadow:0 10px 35px rgba(30,82,204,0.12); }
.cpp-engage-card .engage-icon { font-size:2rem; margin-bottom:12px; display:block; }
.cpp-engage-card h4 { font-weight:700; margin-bottom:10px; color:#0b1b33; }
.cpp-engage-list { font-size:0.9rem; padding-left:18px; margin:14px 0 0; color:#475569; }
.cpp-process-bg { background:#0f1c33; color:#fff; }
.cpp-process-bg .section-title, .cpp-process-bg .section-eyebrow { color:#fff; }
.cpp-process-steps { display:flex; flex-direction:column; gap:18px; }
.cpp-process-steps .step { display:flex; gap:16px; background:rgba(255,255,255,0.06); border-radius:10px; padding:16px 20px; border:1px solid rgba(255,255,255,0.1); }
.cpp-process-steps .step-number { font-size:1.35rem; font-weight:800; color:#7aa3e0; min-width:42px; }
.cpp-process-steps .step-content h6 { color:#fff; font-weight:600; margin-bottom:4px; }
.cpp-process-steps .step-content p { color:rgba(255,255,255,0.75); font-size:0.92rem; margin:0; line-height:1.5; }
.cpp-tech-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:18px; }
.tech-group { background:#fff; border:1px solid #e2e8f0; border-radius:10px; padding:18px 20px; }
.tech-label { font-size:0.8rem; font-weight:700; color:var(--cpp-blue); margin-bottom:10px; text-transform:uppercase; letter-spacing:0.5px; }
.tech-items span { display:inline-block; background:#f1f5f9; color:#334155; font-size:0.85rem; padding:4px 12px; border-radius:999px; margin:3px 4px 3px 0; white-space:nowrap; }
.cpp-industry-grid .cpp-industry-pill { background:#fff; border:1px solid #e2e8f0; border-radius:8px; padding:12px 16px; font-weight:600; color:#0b1b33; display:flex; align-items:center; gap:10px; font-size:0.95rem; transition:all .15s ease; }
.cpp-industry-grid .cpp-industry-pill i { color:var(--cpp-blue); font-size:1.15rem; }
.cpp-industry-grid .cpp-industry-pill:hover { border-color:var(--cpp-blue); transform:translateY(-1px); }
.cpp-faq-bg { background:#f8fafc; }
.cpp-accordion .accordion-item { border:1px solid #e2e8f0; margin-bottom:8px; border-radius:8px; overflow:hidden; }
.cpp-accordion .accordion-button { font-weight:600; color:#0b1b33; background:#fff; padding:14px 18px; }
.cpp-accordion .accordion-button:not(.collapsed) { background:#f8fafc; color:var(--cpp-blue); }
.cpp-accordion .accordion-body { background:#fff; padding:4px 18px 16px; color:#475569; }
.cpp-final-cta { background:linear-gradient(135deg,#1E52CC,#0f1c33); color:#fff; }
.cpp-final-cta h2 { color:#fff; }
.cpp-btn-primary { box-shadow:0 4px 15px rgba(30,82,204,0.35); }
@media (max-width: 768px) {
    .cpp-hero-title { font-size:2rem; }
    .cpp-hero-stats { gap:1.5rem; }
}

/* =========================================
   INDUSTRIES — TRAVEL & HOSPITALITY  (th-)
========================================= */
.th-hero { padding:85px 0; background:linear-gradient(170deg,#ecfeff 0%,#fff7ed 45%,#f0fdfa 100%); }
.th-horizon-waves { position:absolute; inset:0; background-image:radial-gradient(ellipse at 50% 100%,rgba(8,145,178,0.12) 0%,transparent 55%),radial-gradient(ellipse at 80% 20%,rgba(249,115,22,0.08) 0%,transparent 40%); pointer-events:none; }
.th-horizon-waves::after { content:""; position:absolute; bottom:60px; left:0; right:0; height:60px; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 60'%3E%3Cpath d='M0 40 Q150 10 300 40 T600 40 T900 40 T1200 40 V60 H0Z' fill='%230891B2' opacity='0.08'/%3E%3Cpath d='M0 50 Q200 25 400 50 T800 50 T1200 50 V60 H0Z' fill='%23F97316' opacity='0.06'/%3E%3C/svg%3E") repeat-x bottom; background-size:600px 60px; pointer-events:none; }
.th-sunset-band { position:absolute; bottom:0; left:0; right:0; height:5px; background:linear-gradient(90deg,#1E52CC 0%,#f97316 50%,#0c4a6e 100%); opacity:0.4; pointer-events:none; }
.th-heading { color:#0c4a6e; font-size:clamp(2rem,4vw,3.3rem); line-height:1.12; }
.th-lead { color:#475569; max-width:640px; line-height:1.75; }
.th-badge { background:rgba(8,145,178,0.12); color:#0e7490; border:1px solid rgba(8,145,178,0.25); font-weight:600; }
.th-badge-light { background:rgba(255,255,255,0.12); color:#ffffff; border:1px solid rgba(255,255,255,0.2); font-weight:600; }
.th-badge-coral { background:rgba(249,115,22,0.25); color:#ffffff; border:1px solid rgba(249,115,22,0.4); font-weight:600; }
.th-eyebrow { display:inline-block; margin-bottom:12px; font-size:0.82rem; font-weight:700; letter-spacing:0.08em; text-transform:uppercase; color:#f97316; }
.th-guest-journey { display:flex; flex-wrap:wrap; align-items:center; gap:0; }
.th-journey-stop { display:flex; flex-direction:column; align-items:center; text-align:center; min-width:72px; padding:8px 6px; }
.th-stamp { width:22px; height:22px; border-radius:50%; border:3px dashed #cbd5e1; background:#ffffff; margin-bottom:8px; transition:all 0.3s ease; }
.th-journey-stop strong { display:block; color:#334155; font-size:0.78rem; font-weight:800; }
.th-journey-stop small { display:block; color:#94a3b8; font-size:0.6rem; font-weight:600; text-transform:uppercase; letter-spacing:0.04em; margin-top:2px; }
.th-stop-active .th-stamp { border:3px solid #1E52CC; background:#ecfeff; box-shadow:0 0 12px rgba(8,145,178,0.35); animation:th-stamp-glow 2.5s ease-in-out infinite; }
.th-stop-active strong { color:#0e7490; }
@keyframes th-stamp-glow { 0%,100%{transform:scale(1);} 50%{transform:scale(1.1);} }
.th-journey-path { width:28px; height:2px; background:linear-gradient(90deg,#1E52CC,#f97316); flex-shrink:0; border-radius:1px; position:relative; }
.th-journey-path::before { content:"✈"; position:absolute; top:-14px; left:50%; transform:translateX(-50%); font-size:10px; opacity:0.35; }
.th-vertical-tags { display:flex; flex-wrap:wrap; gap:10px; }
.th-vertical-tags span { padding:8px 16px; border-radius:50px; background:rgba(12,74,110,0.06); border:1px solid rgba(8,145,178,0.2); color:#0c4a6e; font-size:0.88rem; font-weight:600; }
.th-btn-primary { background:linear-gradient(135deg,#1E52CC,#0e7490); border:none; color:#ffffff; font-weight:700; }
.th-btn-primary:hover { background:linear-gradient(135deg,#0e7490,#155e75); color:#ffffff; }
.th-btn-outline { border:2px solid #f97316; color:#ea580c; font-weight:700; background:transparent; }
.th-btn-outline:hover { background:#f97316; color:#ffffff; }
.th-metrics strong { display:block; color:#0c4a6e; font-size:1.1rem; font-weight:800; }
.th-metrics span { color:#64748b; font-size:0.82rem; }
.th-form-card { border-radius:22px; border:1px solid rgba(8,145,178,0.15) !important; background:rgba(255,255,255,0.97); }
.th-section-title { color:#0c4a6e; }
.th-soft-bg { background:linear-gradient(180deg,#ecfeff 0%,#fff7ed 50%,#f0fdfa 100%); }
.th-destination-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.th-destination-card { position:relative; height:100%; background:#ffffff; border:1px solid rgba(148,163,184,0.18); border-radius:4px 22px 22px 4px; padding:28px 24px 28px 32px; box-shadow:0 12px 30px rgba(12,74,110,0.05); transition:transform 0.25s ease,box-shadow 0.25s ease; }
.th-destination-card:hover { transform:translateY(-4px); box-shadow:0 18px 40px rgba(8,145,178,0.1); }
.th-destination-featured { border-color:#1E52CC; box-shadow:0 16px 36px rgba(8,145,178,0.12); }
.th-perforation { position:absolute; left:12px; top:16px; bottom:16px; width:6px; background:radial-gradient(circle,#e2e8f0 2px,transparent 2px); background-size:6px 10px; }
.th-destination-card i { display:inline-flex; width:44px; height:44px; align-items:center; justify-content:center; border-radius:50%; background:linear-gradient(135deg,rgba(8,145,178,0.12),rgba(249,115,22,0.12)); color:#1E52CC; font-size:22px; margin-bottom:14px; }
.th-destination-card h3 { color:#0c4a6e; font-size:1.05rem; margin-bottom:8px; }
.th-destination-card p { color:#64748b; margin-bottom:0; line-height:1.7; font-size:0.94rem; }
.th-platform-image { border:1px solid rgba(8,145,178,0.15); }
.th-experience-lanes { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.th-lane { padding:22px; border-radius:22px; background:#ffffff; border:1px solid rgba(148,163,184,0.15); box-shadow:0 10px 28px rgba(12,74,110,0.04); }
.th-lane-guest { border-top:4px solid #1E52CC; }
.th-lane-staff { border-top:4px solid #f97316; }
.th-lane-leadership { border-top:4px solid #0c4a6e; }
.th-lane-label { display:inline-block; padding:4px 14px; border-radius:50px; font-size:0.75rem; font-weight:800; letter-spacing:0.06em; text-transform:uppercase; margin-bottom:14px; background:rgba(8,145,178,0.1); color:#0e7490; }
.th-lane ul { margin:0; padding-left:18px; color:#64748b; font-size:0.92rem; line-height:1.75; }
.th-domain-card { height:100%; background:#ffffff; border:1px solid rgba(148,163,184,0.15); border-radius:22px; padding:24px; box-shadow:0 10px 28px rgba(12,74,110,0.04); transition:transform 0.25s ease; }
.th-domain-card:hover { transform:translateY(-3px); }
.th-domain-card i { display:inline-flex; width:44px; height:44px; align-items:center; justify-content:center; border-radius:50%; background:rgba(8,145,178,0.1); color:#1E52CC; font-size:22px; margin-bottom:14px; }
.th-domain-card h4 { color:#0c4a6e; font-size:1rem; margin-bottom:8px; }
.th-domain-card p { color:#64748b; margin-bottom:0; line-height:1.65; font-size:0.9rem; }
.th-stay-strip { background:linear-gradient(135deg,#0c4a6e 0%,#1E52CC 50%,#c2410c 100%); }
.th-lifecycle-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.th-lifecycle-item { padding:18px 20px; border-radius:18px; background:rgba(255,255,255,0.07); border:1px solid rgba(255,255,255,0.1); border-left:4px solid #f97316; }
.th-lifecycle-item strong { display:block; color:#ffffff; font-size:0.98rem; margin-bottom:6px; }
.th-lifecycle-item span { color:rgba(255,255,255,0.72); font-size:0.9rem; line-height:1.6; }
.th-outcome-card { height:100%; text-align:center; background:#ffffff; border:1px solid rgba(148,163,184,0.15); border-radius:22px; padding:24px 20px; box-shadow:0 10px 28px rgba(12,74,110,0.04); }
.th-outcome-icon { width:52px; height:52px; margin:0 auto 12px; border-radius:50%; display:flex; align-items:center; justify-content:center; background:linear-gradient(135deg,rgba(8,145,178,0.15),rgba(249,115,22,0.15)); color:#1E52CC; font-size:24px; }
.th-outcome-card h4 { color:#0c4a6e; font-size:1rem; margin-bottom:8px; }
.th-outcome-card p { color:#64748b; margin-bottom:0; line-height:1.65; font-size:0.9rem; }
.th-engage-list { display:grid; gap:14px; }
.th-engage-row { display:grid; grid-template-columns:56px 1fr; gap:16px; padding:22px; border-radius:22px; background:#ffffff; border:1px solid rgba(148,163,184,0.15); box-shadow:0 10px 28px rgba(12,74,110,0.04); }
.th-engage-featured { border-color:#1E52CC; box-shadow:0 16px 36px rgba(8,145,178,0.12); }
.th-engage-row span { width:56px; height:56px; border-radius:50%; display:inline-flex; align-items:center; justify-content:center; background:linear-gradient(135deg,#1E52CC,#f97316); color:#ffffff; font-weight:800; }
.th-engage-row h4 { color:#0c4a6e; margin-bottom:6px; font-weight:800; }
.th-engage-row p { color:#64748b; margin-bottom:0; line-height:1.65; font-size:0.92rem; }
.th-stack-columns { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; }
.th-stack-col { background:#ffffff; border:1px solid rgba(148,163,184,0.15); border-radius:22px; padding:22px; box-shadow:0 10px 28px rgba(12,74,110,0.04); }
.th-stack-col h3 { color:#0c4a6e; font-size:1rem; margin-bottom:12px; }
.th-stack-col ul { margin:0; padding-left:18px; color:#64748b; font-size:0.92rem; line-height:1.7; }
.th-dark { background:linear-gradient(135deg,#0c4a6e 0%,#1E52CC 55%,#9a3412 100%); }
.th-timeline { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.th-timeline-item { background:rgba(255,255,255,0.08); border:1px solid rgba(255,255,255,0.12); border-radius:18px; padding:22px; }
.th-timeline-item h3 { color:#ffffff; font-size:1.02rem; margin-bottom:8px; }
.th-timeline-item p { color:rgba(255,255,255,0.72); margin-bottom:0; line-height:1.65; font-size:0.92rem; }
.th-audience { background:#ffffff; border:1px solid rgba(148,163,184,0.15); border-radius:50px; padding:16px 22px; color:#0c4a6e; font-weight:700; box-shadow:0 8px 24px rgba(12,74,110,0.04); }
.th-faq .accordion-item { border:1px solid rgba(148,163,184,0.15); border-radius:18px; overflow:hidden; margin-bottom:12px; }
.th-faq .accordion-button { font-weight:700; color:#0c4a6e; }
.th-showcase { position:relative; border-radius:22px; overflow:hidden; box-shadow:0 24px 60px rgba(12,74,110,0.12); border:1px solid rgba(8,145,178,0.15); }
.th-showcase-image { width:100%; display:block; }
.th-showcase-caption { position:absolute; bottom:16px; left:16px; right:16px; display:flex; align-items:center; gap:10px; padding:12px 16px; border-radius:50px; background:rgba(255,255,255,0.95); border:1px solid rgba(148,163,184,0.1); font-size:0.88rem; font-weight:700; color:#0c4a6e; }
.th-cta { background:linear-gradient(135deg,#0c4a6e 0%,#1E52CC 50%,#f97316 130%); }
@media (max-width: 991px) {
    .th-destination-grid, .th-experience-lanes, .th-lifecycle-grid, .th-stack-columns, .th-timeline { grid-template-columns:1fr; }
    .th-journey-path { display:none; }
}
@media (max-width: 768px) {
    .th-hero { padding:60px 0; text-align:center; }
    .th-guest-journey, .th-vertical-tags { justify-content:center; }
    .th-hero .d-flex { justify-content:center; }
}

/* =========================================
   INDUSTRIES — AGRICULTURE
========================================= */

    .ag-hero {
        padding: 85px 0 110px;
        background: linear-gradient(145deg, #f3faf4 0%, #fffaf0 48%, #f8fff8 100%);
    }

    .ag-hero-curve {
        position: absolute;
        left: 0;
        right: 0;
        bottom: -1px;
        height: 70px;
        background: #ffffff;
        border-radius: 100% 100% 0 0 / 100% 100% 0 0;
    }

    .ag-season-strip {
        display: inline-flex;
        flex-wrap: wrap;
        gap: 8px;
    }

    .ag-season-strip span {
        padding: 7px 12px;
        border-radius: 999px;
        background: #ffffff;
        border: 1px solid rgba(45, 106, 79, 0.16);
        color: #2d6a4f;
        font-size: 0.78rem;
        font-weight: 800;
        letter-spacing: 0.04em;
        text-transform: uppercase;
    }

    .ag-heading {
        color: #1f3d2d;
        font-size: clamp(2rem, 4vw, 3.4rem);
        line-height: 1.12;
    }

    .ag-lead {
        color: #4b5568;
        max-width: 640px;
        line-height: 1.75;
    }

    .ag-badge {
        background: rgba(45, 106, 79, 0.1);
        color: #2d6a4f;
        border: 1px solid rgba(45, 106, 79, 0.2);
        font-weight: 600;
    }

    .ag-eyebrow {
        display: inline-block;
        margin-bottom: 12px;
        font-size: 0.82rem;
        font-weight: 700;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        color: #2d6a4f;
    }

    .ag-check {
        color: #334155;
        font-weight: 600;
    }

    .ag-check i {
        color: #2d6a4f;
        margin-right: 6px;
    }

    .ag-hero-panel {
        position: relative;
    }

    .ag-hero-image {
        border-radius: 24px;
        border: 1px solid rgba(45, 106, 79, 0.14);
        box-shadow: 0 24px 60px rgba(31, 61, 45, 0.12);
    }

    .ag-hero-stat {
        position: absolute;
        left: 20px;
        bottom: 20px;
        display: flex;
        align-items: center;
        gap: 12px;
        padding: 12px 16px;
        border-radius: 16px;
        background: rgba(255, 255, 255, 0.94);
        border: 1px solid rgba(45, 106, 79, 0.14);
        box-shadow: 0 12px 30px rgba(31, 61, 45, 0.1);
    }

    .ag-hero-stat strong {
        display: block;
        color: #1f3d2d;
        font-size: 0.92rem;
    }

    .ag-hero-stat span {
        color: #64748b;
        font-size: 0.8rem;
    }

    .ag-section-title {
        color: #1f3d2d;
    }

    .ag-soft-bg {
        background: linear-gradient(180deg, #f4fbf5 0%, #fff9ef 100%);
    }

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

    .ag-mosaic-item {
        background: #ffffff;
        border: 1px solid rgba(45, 106, 79, 0.12);
        border-radius: 18px;
        padding: 24px;
        box-shadow: 0 12px 30px rgba(31, 61, 45, 0.05);
    }

    .ag-mosaic-large {
        grid-column: span 2;
    }

    .ag-mosaic-item i {
        display: inline-flex;
        width: 44px;
        height: 44px;
        align-items: center;
        justify-content: center;
        border-radius: 12px;
        background: rgba(45, 106, 79, 0.1);
        color: #2d6a4f;
        font-size: 22px;
        margin-bottom: 14px;
    }

    .ag-mosaic-item h3 {
        color: #1f3d2d;
        font-size: 1.05rem;
        margin-bottom: 8px;
    }

    .ag-mosaic-item p {
        color: #64748b;
        margin-bottom: 0;
        line-height: 1.7;
        font-size: 0.95rem;
    }

    .ag-field-image {
        border: 1px solid rgba(45, 106, 79, 0.12);
    }

    .ag-value-list {
        display: grid;
        gap: 18px;
    }

    .ag-value {
        display: grid;
        grid-template-columns: 52px 1fr;
        gap: 16px;
        padding: 18px 0;
        border-bottom: 1px solid rgba(45, 106, 79, 0.12);
    }

    .ag-value:last-child {
        border-bottom: 0;
        padding-bottom: 0;
    }

    .ag-value span {
        width: 52px;
        height: 52px;
        border-radius: 14px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: linear-gradient(135deg, #2d6a4f, #d4a437);
        color: #ffffff;
        font-weight: 800;
    }

    .ag-value h3 {
        color: #1f3d2d;
        font-size: 1.05rem;
        margin-bottom: 6px;
    }

    .ag-value p {
        color: #64748b;
        margin-bottom: 0;
        line-height: 1.7;
    }

    .ag-capability {
        height: 100%;
        background: #ffffff;
        border: 1px solid rgba(45, 106, 79, 0.12);
        border-radius: 16px;
        padding: 22px;
        box-shadow: 0 10px 28px rgba(31, 61, 45, 0.04);
    }

    .ag-capability h4 {
        color: #1f3d2d;
        margin-bottom: 12px;
        font-size: 1.02rem;
    }

    .ag-capability ul {
        margin: 0;
        padding-left: 18px;
        color: #64748b;
        font-size: 0.92rem;
        line-height: 1.7;
    }

    .ag-outcome-band {
        background: linear-gradient(135deg, #2d6a4f 0%, #40916c 100%);
    }

    .ag-outcome strong {
        display: block;
        color: #ffffff;
        font-size: 1.5rem;
        margin-bottom: 4px;
    }

    .ag-outcome span {
        color: rgba(255, 255, 255, 0.82);
        font-size: 0.92rem;
    }

    .ag-engage-row {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 16px;
    }

    .ag-engage-card {
        background: #ffffff;
        border: 1px solid rgba(45, 106, 79, 0.12);
        border-radius: 16px;
        padding: 24px;
        box-shadow: 0 10px 28px rgba(31, 61, 45, 0.05);
    }

    .ag-engage-featured {
        border-color: #2d6a4f;
        box-shadow: 0 16px 36px rgba(45, 106, 79, 0.12);
        transform: translateY(-4px);
    }

    .ag-engage-card h4 {
        color: #1f3d2d;
        margin-bottom: 10px;
        font-weight: 800;
    }

    .ag-engage-card p {
        color: #64748b;
        margin-bottom: 0;
        line-height: 1.7;
        font-size: 0.92rem;
    }

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

    .ag-stack-card {
        background: #ffffff;
        border: 1px solid rgba(45, 106, 79, 0.12);
        border-radius: 16px;
        padding: 22px;
        box-shadow: 0 10px 28px rgba(31, 61, 45, 0.04);
    }

    .ag-stack-card h3 {
        color: #1f3d2d;
        font-size: 1rem;
        margin-bottom: 14px;
    }

    .ag-stack-card span {
        display: block;
        color: #64748b;
        padding: 7px 0;
        border-bottom: 1px solid #edf5ef;
        font-size: 0.92rem;
    }

    .ag-stack-card span:last-child {
        border-bottom: 0;
    }

    .ag-dark {
        background: linear-gradient(135deg, #1f3d2d 0%, #2d6a4f 55%, #40916c 100%);
    }

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

    .ag-cycle-step {
        background: rgba(255, 255, 255, 0.08);
        border: 1px solid rgba(255, 255, 255, 0.14);
        border-radius: 16px;
        padding: 22px 18px;
    }

    .ag-cycle-step strong {
        display: block;
        color: #f6e6b8;
        font-weight: 800;
        margin-bottom: 10px;
    }

    .ag-cycle-step p {
        color: rgba(255, 255, 255, 0.72);
        margin-bottom: 0;
        line-height: 1.65;
        font-size: 0.92rem;
    }

    .ag-audience {
        background: #ffffff;
        border: 1px solid rgba(45, 106, 79, 0.12);
        border-radius: 12px;
        padding: 16px 18px;
        color: #1f3d2d;
        font-weight: 700;
        box-shadow: 0 8px 24px rgba(31, 61, 45, 0.04);
    }

    .ag-form-card {
        border-radius: 18px;
        border: 1px solid rgba(45, 106, 79, 0.12) !important;
    }

    .ag-faq .accordion-item {
        border: 1px solid rgba(45, 106, 79, 0.12);
        border-radius: 12px;
        overflow: hidden;
        margin-bottom: 12px;
    }

    .ag-faq .accordion-button {
        font-weight: 700;
        color: #1f3d2d;
    }

    .ag-cta {
        background: linear-gradient(135deg, #1f3d2d 0%, #2d6a4f 55%, #d4a437 120%);
    }

    @media (max-width: 991px) {
        .ag-mosaic,
        .ag-engage-row,
        .ag-stack-grid,
        .ag-cycle {
            grid-template-columns: 1fr;
        }

        .ag-mosaic-large {
            grid-column: span 1;
        }

        .ag-engage-featured {
            transform: none;
        }
    }

    @media (max-width: 768px) {
        .ag-hero {
            padding: 60px 0 90px;
            text-align: center;
        }

        .ag-season-strip {
            justify-content: center;
        }

        .ag-hero-stat {
            position: static;
            margin-top: 14px;
            text-align: left;
        }
    }


/* =========================================
   INDUSTRIES — AUTOMOTIVE
========================================= */

    .au-hero {
        padding: 85px 0;
        background: linear-gradient(155deg, #fafafa 0%, #f4f4f5 42%, #ffffff 100%);
    }

    .au-speed-stripe {
        position: absolute;
        top: -40px;
        right: -120px;
        width: 420px;
        height: 180px;
        background: linear-gradient(135deg, transparent 30%, rgba(220, 38, 38, 0.12) 50%, transparent 70%);
        transform: rotate(-12deg);
        pointer-events: none;
    }

    .au-carbon-mesh {
        position: absolute;
        inset: 0;
        background-image:
            linear-gradient(45deg, rgba(24, 24, 27, 0.03) 25%, transparent 25%, transparent 75%, rgba(24, 24, 27, 0.03) 75%),
            linear-gradient(45deg, rgba(24, 24, 27, 0.03) 25%, transparent 25%, transparent 75%, rgba(24, 24, 27, 0.03) 75%);
        background-size: 20px 20px;
        background-position: 0 0, 10px 10px;
        pointer-events: none;
    }

    .au-heading {
        color: #18181b;
        font-size: clamp(2rem, 4vw, 3.3rem);
        line-height: 1.12;
    }

    .au-lead {
        color: #52525b;
        max-width: 640px;
        line-height: 1.75;
    }

    .au-badge {
        background: rgba(220, 38, 38, 0.1);
        color: #dc2626;
        border: 1px solid rgba(220, 38, 38, 0.22);
        font-weight: 600;
    }

    .au-badge-light {
        background: rgba(255, 255, 255, 0.1);
        color: #ffffff;
        border: 1px solid rgba(255, 255, 255, 0.18);
        font-weight: 600;
    }

    .au-badge-red {
        background: rgba(220, 38, 38, 0.25);
        color: #ffffff;
        border: 1px solid rgba(220, 38, 38, 0.4);
        font-weight: 600;
    }

    .au-eyebrow {
        display: inline-block;
        margin-bottom: 12px;
        font-size: 0.82rem;
        font-weight: 700;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        color: #dc2626;
    }

    .au-drive-cycle {
        display: grid;
        grid-template-columns: repeat(6, minmax(0, 1fr));
        gap: 8px;
    }

    .au-cycle-step {
        padding: 12px 8px;
        border-radius: 10px;
        background: #ffffff;
        border: 1px solid rgba(24, 24, 27, 0.1);
        text-align: center;
        transition: transform 0.2s ease;
    }

    .au-cycle-step span {
        display: block;
        color: #a1a1aa;
        font-size: 0.68rem;
        font-weight: 700;
        letter-spacing: 0.06em;
        margin-bottom: 4px;
    }

    .au-cycle-step strong {
        display: block;
        color: #18181b;
        font-size: 0.78rem;
    }

    .au-cycle-active {
        background: linear-gradient(145deg, #18181b, #27272a);
        border-color: transparent;
        transform: translateY(-2px);
    }

    .au-cycle-active span,
    .au-cycle-active strong {
        color: #fafafa;
    }

    .au-mobility-tags {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
    }

    .au-mobility-tags span {
        padding: 8px 14px;
        border-radius: 6px;
        background: rgba(24, 24, 27, 0.06);
        border: 1px solid rgba(24, 24, 27, 0.12);
        color: #3f3f46;
        font-size: 0.88rem;
        font-weight: 600;
    }

    .au-btn-primary {
        background: linear-gradient(135deg, #dc2626, #b91c1c);
        border: none;
        color: #ffffff;
        font-weight: 700;
    }

    .au-btn-primary:hover {
        background: linear-gradient(135deg, #b91c1c, #991b1b);
        color: #ffffff;
    }

    .au-btn-outline {
        border: 2px solid #18181b;
        color: #18181b;
        font-weight: 700;
        background: transparent;
    }

    .au-btn-outline:hover {
        background: #18181b;
        color: #ffffff;
    }

    .au-hero-frame {
        position: relative;
        padding: 14px;
        border-radius: 22px;
        background: linear-gradient(145deg, #e4e4e7, #fafafa);
        border: 1px solid rgba(161, 161, 170, 0.4);
        box-shadow: 0 28px 64px rgba(24, 24, 27, 0.12);
    }

    .au-hero-image {
        border-radius: 14px;
        width: 100%;
        border: 2px solid rgba(24, 24, 27, 0.08);
    }

    .au-gauge-cluster {
        position: absolute;
        bottom: 28px;
        left: 28px;
        right: 28px;
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 10px;
    }

    .au-gauge {
        padding: 12px 10px;
        border-radius: 12px;
        background: rgba(255, 255, 255, 0.95);
        border: 1px solid rgba(24, 24, 27, 0.1);
        box-shadow: 0 10px 24px rgba(24, 24, 27, 0.1);
        font-size: 0.78rem;
        text-align: center;
    }

    .au-gauge strong {
        display: block;
        color: #18181b;
        font-size: 0.92rem;
    }

    .au-gauge span {
        color: #71717a;
    }

    .au-gauge-featured {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        text-align: left;
    }

    .au-section-title {
        color: #18181b;
    }

    .au-soft-bg {
        background: linear-gradient(180deg, #fafafa 0%, #fef2f2 100%);
    }

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

    .au-assembly-card {
        position: relative;
        height: 100%;
        background: #ffffff;
        border: 1px solid rgba(24, 24, 27, 0.1);
        border-radius: 16px;
        padding: 28px 24px 24px;
        box-shadow: 0 12px 30px rgba(24, 24, 27, 0.05);
        transition: transform 0.25s ease, border-color 0.25s ease;
        overflow: hidden;
    }

    .au-assembly-card:hover {
        transform: translateY(-4px);
        border-color: rgba(220, 38, 38, 0.35);
    }

    .au-assembly-featured {
        border-color: #dc2626;
        box-shadow: 0 16px 36px rgba(220, 38, 38, 0.12);
    }

    .au-assembly-num {
        position: absolute;
        top: 14px;
        right: 16px;
        font-size: 2.4rem;
        font-weight: 900;
        color: rgba(24, 24, 27, 0.05);
        line-height: 1;
    }

    .au-assembly-icon {
        width: 48px;
        height: 48px;
        border-radius: 12px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: linear-gradient(135deg, rgba(220, 38, 38, 0.12), rgba(24, 24, 27, 0.08));
        color: #dc2626;
        font-size: 24px;
        margin-bottom: 14px;
    }

    .au-assembly-card h3 {
        color: #18181b;
        font-size: 1.05rem;
        margin-bottom: 8px;
    }

    .au-assembly-card p {
        color: #71717a;
        margin-bottom: 0;
        line-height: 1.7;
        font-size: 0.94rem;
    }

    .au-platform-image {
        border: 1px solid rgba(24, 24, 27, 0.1);
    }

    .au-capability-rail {
        display: grid;
        gap: 0;
        border-left: 3px solid #dc2626;
        padding-left: 24px;
    }

    .au-rail-item {
        display: grid;
        grid-template-columns: 16px 1fr;
        gap: 16px;
        padding: 18px 0;
        border-bottom: 1px solid rgba(24, 24, 27, 0.08);
    }

    .au-rail-item:last-child {
        border-bottom: none;
    }

    .au-rail-marker {
        width: 12px;
        height: 12px;
        border-radius: 50%;
        background: #dc2626;
        margin-top: 6px;
        box-shadow: 0 0 0 4px rgba(220, 38, 38, 0.15);
    }

    .au-rail-item h3 {
        color: #18181b;
        font-size: 1.02rem;
        margin-bottom: 6px;
    }

    .au-rail-item p {
        color: #71717a;
        margin-bottom: 0;
        line-height: 1.65;
        font-size: 0.92rem;
    }

    .au-segment-card {
        height: 100%;
        background: #ffffff;
        border: 1px solid rgba(24, 24, 27, 0.1);
        border-radius: 16px;
        padding: 24px;
        box-shadow: 0 10px 28px rgba(24, 24, 27, 0.04);
        transition: transform 0.25s ease;
    }

    .au-segment-card:hover {
        transform: translateY(-3px);
    }

    .au-segment-card i {
        display: inline-flex;
        width: 44px;
        height: 44px;
        align-items: center;
        justify-content: center;
        border-radius: 10px;
        background: rgba(24, 24, 27, 0.06);
        color: #dc2626;
        font-size: 22px;
        margin-bottom: 14px;
    }

    .au-segment-card h4 {
        color: #18181b;
        font-size: 1rem;
        margin-bottom: 8px;
    }

    .au-segment-card p {
        color: #71717a;
        margin-bottom: 0;
        line-height: 1.65;
        font-size: 0.9rem;
    }

    .au-performance-strip {
        background: linear-gradient(135deg, #18181b 0%, #27272a 55%, #3f3f46 100%);
    }

    .au-lifecycle-track {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
    }

    .au-track-step {
        padding: 18px 20px;
        border-radius: 12px;
        background: rgba(255, 255, 255, 0.06);
        border: 1px solid rgba(255, 255, 255, 0.1);
        border-left: 4px solid #dc2626;
    }

    .au-track-step strong {
        display: block;
        color: #ffffff;
        font-size: 0.98rem;
        margin-bottom: 6px;
    }

    .au-track-step span {
        color: rgba(255, 255, 255, 0.72);
        font-size: 0.9rem;
        line-height: 1.6;
    }

    .au-outcome-card {
        height: 100%;
        text-align: center;
        background: #ffffff;
        border: 1px solid rgba(24, 24, 27, 0.1);
        border-radius: 16px;
        padding: 24px 20px;
        box-shadow: 0 10px 28px rgba(24, 24, 27, 0.04);
    }

    .au-outcome-icon {
        width: 48px;
        height: 48px;
        margin: 0 auto 12px;
        border-radius: 12px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: linear-gradient(135deg, rgba(220, 38, 38, 0.12), rgba(24, 24, 27, 0.08));
        color: #dc2626;
        font-size: 22px;
    }

    .au-outcome-card h4 {
        color: #18181b;
        font-size: 1rem;
        margin-bottom: 8px;
    }

    .au-outcome-card p {
        color: #71717a;
        margin-bottom: 0;
        line-height: 1.65;
        font-size: 0.9rem;
    }

    .au-engage-list {
        display: grid;
        gap: 14px;
    }

    .au-engage-row {
        display: grid;
        grid-template-columns: 56px 1fr;
        gap: 16px;
        padding: 22px;
        border-radius: 16px;
        background: #ffffff;
        border: 1px solid rgba(24, 24, 27, 0.1);
        box-shadow: 0 10px 28px rgba(24, 24, 27, 0.04);
    }

    .au-engage-featured {
        border-color: #dc2626;
        box-shadow: 0 16px 36px rgba(220, 38, 38, 0.12);
    }

    .au-engage-row span {
        width: 56px;
        height: 56px;
        border-radius: 12px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: linear-gradient(135deg, #18181b, #dc2626);
        color: #ffffff;
        font-weight: 800;
    }

    .au-engage-row h4 {
        color: #18181b;
        margin-bottom: 6px;
        font-weight: 800;
    }

    .au-engage-row p {
        color: #71717a;
        margin-bottom: 0;
        line-height: 1.65;
        font-size: 0.92rem;
    }

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

    .au-stack-col {
        background: #ffffff;
        border: 1px solid rgba(24, 24, 27, 0.1);
        border-radius: 16px;
        padding: 22px;
        box-shadow: 0 10px 28px rgba(24, 24, 27, 0.04);
    }

    .au-stack-col h3 {
        color: #18181b;
        font-size: 1rem;
        margin-bottom: 12px;
    }

    .au-stack-col ul {
        margin: 0;
        padding-left: 18px;
        color: #71717a;
        font-size: 0.92rem;
        line-height: 1.7;
    }

    .au-dark {
        background: linear-gradient(135deg, #09090b 0%, #18181b 55%, #27272a 100%);
    }

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

    .au-timeline-item {
        background: rgba(255, 255, 255, 0.06);
        border: 1px solid rgba(255, 255, 255, 0.1);
        border-radius: 14px;
        padding: 22px;
    }

    .au-timeline-item h3 {
        color: #ffffff;
        font-size: 1.02rem;
        margin-bottom: 8px;
    }

    .au-timeline-item p {
        color: rgba(255, 255, 255, 0.72);
        margin-bottom: 0;
        line-height: 1.65;
        font-size: 0.92rem;
    }

    .au-audience {
        background: #ffffff;
        border: 1px solid rgba(24, 24, 27, 0.1);
        border-radius: 12px;
        padding: 16px 18px;
        color: #18181b;
        font-weight: 700;
        box-shadow: 0 8px 24px rgba(24, 24, 27, 0.04);
    }

    .au-form-card {
        border-radius: 18px;
        border: 1px solid rgba(24, 24, 27, 0.1) !important;
    }

    .au-faq .accordion-item {
        border: 1px solid rgba(24, 24, 27, 0.1);
        border-radius: 12px;
        overflow: hidden;
        margin-bottom: 12px;
    }

    .au-faq .accordion-button {
        font-weight: 700;
        color: #18181b;
    }

    .au-cta {
        background: linear-gradient(135deg, #18181b 0%, #27272a 50%, #dc2626 130%);
    }

    @media (max-width: 991px) {
        .au-assembly-grid,
        .au-lifecycle-track,
        .au-stack-columns,
        .au-timeline,
        .au-gauge-cluster {
            grid-template-columns: 1fr;
        }

        .au-drive-cycle {
            grid-template-columns: repeat(3, minmax(0, 1fr));
        }
    }

    @media (max-width: 768px) {
        .au-hero {
            padding: 60px 0;
            text-align: center;
        }

        .au-drive-cycle,
        .au-mobility-tags {
            justify-content: center;
        }

        .au-hero .d-flex {
            justify-content: center;
        }

        .au-gauge-cluster {
            position: static;
            margin-top: 14px;
        }

        .au-drive-cycle {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }
    }


/* =========================================
   INDUSTRIES — BANKING
========================================= */

    .bk-hero {
        padding: 85px 0;
        background: linear-gradient(135deg, #071426 0%, #0b1f3a 45%, #1e3a5f 100%);
        color: #ffffff;
    }

    .bk-hero-lines {
        position: absolute;
        inset: 0;
        background-image:
            linear-gradient(115deg, rgba(201, 162, 39, 0.08) 1px, transparent 1px),
            linear-gradient(245deg, rgba(255, 255, 255, 0.04) 1px, transparent 1px);
        background-size: 42px 42px;
        pointer-events: none;
        opacity: 0.5;
    }

    .bk-trust-strip {
        display: inline-flex;
        flex-wrap: wrap;
        gap: 10px;
    }

    .bk-trust-strip span {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        padding: 8px 12px;
        border-radius: 999px;
        background: rgba(255, 255, 255, 0.06);
        border: 1px solid rgba(201, 162, 39, 0.25);
        color: rgba(255, 255, 255, 0.86);
        font-size: 0.82rem;
        font-weight: 700;
    }

    .bk-trust-strip i {
        color: #c9a227;
    }

    .bk-heading {
        color: #ffffff;
        font-size: clamp(2rem, 4vw, 3.4rem);
        line-height: 1.12;
    }

    .bk-lead {
        color: rgba(255, 255, 255, 0.78);
        max-width: 700px;
        line-height: 1.75;
    }

    .bk-badge {
        background: rgba(201, 162, 39, 0.14);
        color: #8a6d12;
        border: 1px solid rgba(201, 162, 39, 0.28);
        font-weight: 600;
    }

    .bk-eyebrow {
        display: inline-block;
        margin-bottom: 12px;
        font-size: 0.82rem;
        font-weight: 700;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        color: #1e3a5f;
    }

    .bk-metrics strong {
        display: block;
        color: #f0d27a;
        font-size: 24px;
        line-height: 1.1;
    }

    .bk-metrics span {
        color: rgba(255, 255, 255, 0.62);
        font-size: 13px;
    }

    .bk-form-card {
        border-radius: 16px;
        border: 1px solid rgba(201, 162, 39, 0.18) !important;
        background: #ffffff;
    }

    .bk-section-title {
        color: #0b1f3a;
    }

    .bk-soft-bg {
        background: linear-gradient(180deg, #f5f8fc 0%, #f8f6ef 100%);
    }

    .bk-banner-image,
    .bk-platform-image {
        border: 1px solid rgba(30, 58, 95, 0.12);
    }

    .bk-solution-stack {
        display: grid;
        gap: 14px;
    }

    .bk-solution {
        display: grid;
        grid-template-columns: 52px 1fr;
        gap: 16px;
        padding: 20px 22px;
        border-radius: 14px;
        background: #ffffff;
        border: 1px solid #e3eaf3;
        border-left: 4px solid #c9a227;
        box-shadow: 0 10px 28px rgba(11, 31, 58, 0.05);
    }

    .bk-solution i {
        width: 52px;
        height: 52px;
        border-radius: 12px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: rgba(30, 58, 95, 0.08);
        color: #1e3a5f;
        font-size: 24px;
    }

    .bk-solution h3 {
        color: #0b1f3a;
        font-size: 1.05rem;
        margin-bottom: 6px;
    }

    .bk-solution p {
        color: #64748b;
        margin-bottom: 0;
        line-height: 1.7;
        font-size: 0.95rem;
    }

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

    .bk-pillar {
        background: #ffffff;
        border: 1px solid #e3eaf3;
        border-radius: 14px;
        padding: 20px;
        box-shadow: 0 8px 24px rgba(11, 31, 58, 0.04);
    }

    .bk-pillar strong {
        display: block;
        color: #0b1f3a;
        margin-bottom: 8px;
        font-size: 1rem;
    }

    .bk-pillar p {
        color: #64748b;
        margin-bottom: 0;
        line-height: 1.65;
        font-size: 0.92rem;
    }

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

    .bk-channel {
        background: #ffffff;
        border-top: 3px solid #1e3a5f;
        border-radius: 0 0 14px 14px;
        border-left: 1px solid #e3eaf3;
        border-right: 1px solid #e3eaf3;
        border-bottom: 1px solid #e3eaf3;
        padding: 22px 18px;
        box-shadow: 0 8px 24px rgba(11, 31, 58, 0.04);
    }

    .bk-channel h4 {
        color: #0b1f3a;
        font-size: 1rem;
        margin-bottom: 8px;
    }

    .bk-channel p {
        color: #64748b;
        margin-bottom: 0;
        line-height: 1.65;
        font-size: 0.92rem;
    }

    .bk-compliance-band {
        background: linear-gradient(135deg, #0b1f3a 0%, #1e3a5f 100%);
    }

    .bk-compliance-card {
        height: 100%;
        background: rgba(255, 255, 255, 0.06);
        border: 1px solid rgba(255, 255, 255, 0.12);
        border-radius: 14px;
        padding: 22px;
        text-align: center;
    }

    .bk-compliance-card i {
        font-size: 28px;
        color: #f0d27a;
        margin-bottom: 12px;
    }

    .bk-compliance-card h4 {
        color: #ffffff;
        font-size: 1rem;
        margin-bottom: 8px;
    }

    .bk-compliance-card p {
        color: rgba(255, 255, 255, 0.72);
        margin-bottom: 0;
        line-height: 1.65;
        font-size: 0.9rem;
    }

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

    .bk-engage-item {
        background: #ffffff;
        border: 1px solid #e3eaf3;
        border-radius: 16px;
        padding: 24px;
        box-shadow: 0 10px 28px rgba(11, 31, 58, 0.05);
    }

    .bk-engage-featured {
        border-color: #1e3a5f;
        box-shadow: 0 16px 36px rgba(30, 58, 95, 0.12);
        transform: translateY(-4px);
    }

    .bk-engage-item h4 {
        color: #0b1f3a;
        margin-bottom: 10px;
        font-weight: 800;
    }

    .bk-engage-item p {
        color: #64748b;
        margin-bottom: 0;
        line-height: 1.7;
        font-size: 0.92rem;
    }

    .bk-stack-wrap {
        display: grid;
        gap: 16px;
    }

    .bk-stack-group {
        background: #ffffff;
        border: 1px solid #e3eaf3;
        border-radius: 14px;
        padding: 20px 22px;
    }

    .bk-stack-group h3 {
        color: #0b1f3a;
        font-size: 1rem;
        margin-bottom: 12px;
    }

    .bk-chip-row {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
    }

    .bk-chip-row span {
        padding: 8px 14px;
        border-radius: 999px;
        background: rgba(30, 58, 95, 0.08);
        border: 1px solid rgba(30, 58, 95, 0.14);
        color: #1e3a5f;
        font-size: 0.88rem;
        font-weight: 600;
    }

    .bk-dark {
        background: linear-gradient(135deg, #071426 0%, #0b1f3a 55%, #1e3a5f 100%);
    }

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

    .bk-flow-step {
        background: rgba(255, 255, 255, 0.06);
        border: 1px solid rgba(255, 255, 255, 0.12);
        border-radius: 14px;
        padding: 22px 18px;
    }

    .bk-flow-step span {
        display: block;
        color: #f0d27a;
        font-weight: 800;
        margin-bottom: 10px;
        text-transform: uppercase;
        letter-spacing: 0.04em;
        font-size: 0.82rem;
    }

    .bk-flow-step p {
        color: rgba(255, 255, 255, 0.72);
        margin-bottom: 0;
        line-height: 1.65;
        font-size: 0.92rem;
    }

    .bk-audience {
        background: #ffffff;
        border: 1px solid #e3eaf3;
        border-radius: 12px;
        padding: 16px 18px;
        color: #0b1f3a;
        font-weight: 700;
        box-shadow: 0 8px 24px rgba(11, 31, 58, 0.04);
    }

    .bk-faq .accordion-item {
        border: 1px solid #e3eaf3;
        border-radius: 12px;
        overflow: hidden;
        margin-bottom: 12px;
    }

    .bk-faq .accordion-button {
        font-weight: 700;
        color: #0b1f3a;
    }

    .bk-cta {
        background: linear-gradient(135deg, #0b1f3a 0%, #1e3a5f 55%, #c9a227 140%);
    }

    @media (max-width: 991px) {
        .bk-pillar-grid,
        .bk-channel-row,
        .bk-engage-grid,
        .bk-flow {
            grid-template-columns: 1fr;
        }

        .bk-engage-featured {
            transform: none;
        }
    }

    @media (max-width: 768px) {
        .bk-hero {
            padding: 60px 0;
            text-align: center;
        }

        .bk-trust-strip {
            justify-content: center;
        }
    }


/* =========================================
   INDUSTRIES — CONSTRUCTION
========================================= */

    .cn-hero {
        padding: 85px 0;
        background: linear-gradient(165deg, #f8fafc 0%, #EEF3FB 45%, #ffffff 100%);
    }

    .cn-blueprint-grid {
        position: absolute;
        inset: 0;
        background-image:
            linear-gradient(rgba(30, 64, 175, 0.05) 1px, transparent 1px),
            linear-gradient(90deg, rgba(30, 64, 175, 0.05) 1px, transparent 1px);
        background-size: 32px 32px;
        pointer-events: none;
    }

    .cn-caution-stripe {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 6px;
        background: repeating-linear-gradient(
            -45deg,
            #ea580c,
            #ea580c 12px,
            #1e40af 12px,
            #1e40af 24px
        );
        opacity: 0.35;
        pointer-events: none;
    }

    .cn-heading {
        color: #1e3a5f;
        font-size: clamp(2rem, 4vw, 3.3rem);
        line-height: 1.12;
    }

    .cn-lead {
        color: #4b5563;
        max-width: 640px;
        line-height: 1.75;
    }

    .cn-badge {
        background: rgba(30, 64, 175, 0.1);
        color: #1e40af;
        border: 1px solid rgba(30, 64, 175, 0.22);
        font-weight: 600;
    }

    .cn-badge-light {
        background: rgba(255, 255, 255, 0.12);
        color: #ffffff;
        border: 1px solid rgba(255, 255, 255, 0.2);
        font-weight: 600;
    }

    .cn-badge-orange {
        background: rgba(234, 88, 12, 0.25);
        color: #ffffff;
        border: 1px solid rgba(234, 88, 12, 0.4);
        font-weight: 600;
    }

    .cn-eyebrow {
        display: inline-block;
        margin-bottom: 12px;
        font-size: 0.82rem;
        font-weight: 700;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        color: #ea580c;
    }

    .cn-build-ladder {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 4px;
    }

    .cn-ladder-step {
        padding: 10px 14px;
        border-radius: 8px;
        background: #ffffff;
        border: 1px solid rgba(30, 64, 175, 0.14);
        text-align: center;
        min-width: 72px;
    }

    .cn-ladder-step small {
        display: block;
        color: #9ca3af;
        font-size: 0.65rem;
        font-weight: 700;
        letter-spacing: 0.05em;
        text-transform: uppercase;
        margin-bottom: 2px;
    }

    .cn-ladder-step strong {
        display: block;
        color: #374151;
        font-size: 0.82rem;
    }

    .cn-ladder-active {
        background: linear-gradient(145deg, #1e40af, #1644B0);
        border-color: transparent;
    }

    .cn-ladder-active small,
    .cn-ladder-active strong {
        color: #ffffff;
    }

    .cn-ladder-connector {
        width: 14px;
        height: 3px;
        background: linear-gradient(90deg, #1e40af, #ea580c);
        border-radius: 2px;
        flex-shrink: 0;
    }

    .cn-sector-tags {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
    }

    .cn-sector-tags span {
        padding: 8px 14px;
        border-radius: 6px;
        background: rgba(234, 88, 12, 0.1);
        border: 1px solid rgba(234, 88, 12, 0.22);
        color: #c2410c;
        font-size: 0.88rem;
        font-weight: 600;
    }

    .cn-btn-primary {
        background: linear-gradient(135deg, #ea580c, #c2410c);
        border: none;
        color: #ffffff;
        font-weight: 700;
    }

    .cn-btn-primary:hover {
        background: linear-gradient(135deg, #c2410c, #9a3412);
        color: #ffffff;
    }

    .cn-btn-outline {
        border: 2px solid #1e40af;
        color: #1e40af;
        font-weight: 700;
        background: transparent;
    }

    .cn-btn-outline:hover {
        background: #1e40af;
        color: #ffffff;
    }

    .cn-metrics strong {
        display: block;
        color: #1e3a5f;
        font-size: 1.1rem;
        font-weight: 800;
    }

    .cn-metrics span {
        color: #6b7280;
        font-size: 0.82rem;
    }

    .cn-form-card {
        border-radius: 18px;
        border: 1px solid rgba(30, 64, 175, 0.12) !important;
        background: rgba(255, 255, 255, 0.95);
    }

    .cn-section-title {
        color: #1e3a5f;
    }

    .cn-soft-bg {
        background: linear-gradient(180deg, #f8fafc 0%, #fff7ed 100%);
    }

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

    .cn-scaffold-card {
        position: relative;
        height: 100%;
        background: #ffffff;
        border: 1px solid rgba(75, 85, 99, 0.14);
        border-radius: 14px;
        padding: 28px 24px;
        box-shadow: 0 12px 30px rgba(30, 58, 95, 0.05);
        transition: transform 0.25s ease, border-color 0.25s ease;
    }

    .cn-scaffold-card:hover {
        transform: translateY(-4px);
        border-color: rgba(234, 88, 12, 0.35);
    }

    .cn-scaffold-featured {
        border-color: #ea580c;
        box-shadow: 0 16px 36px rgba(234, 88, 12, 0.12);
    }

    .cn-scaffold-bracket {
        position: absolute;
        top: 12px;
        left: 12px;
        width: 18px;
        height: 18px;
        border-top: 3px solid #ea580c;
        border-left: 3px solid #ea580c;
    }

    .cn-scaffold-card i {
        display: inline-flex;
        width: 44px;
        height: 44px;
        align-items: center;
        justify-content: center;
        border-radius: 10px;
        background: linear-gradient(135deg, rgba(30, 64, 175, 0.1), rgba(234, 88, 12, 0.1));
        color: #1e40af;
        font-size: 22px;
        margin-bottom: 14px;
    }

    .cn-scaffold-card h3 {
        color: #1e3a5f;
        font-size: 1.05rem;
        margin-bottom: 8px;
    }

    .cn-scaffold-card p {
        color: #6b7280;
        margin-bottom: 0;
        line-height: 1.7;
        font-size: 0.94rem;
    }

    .cn-platform-image {
        border: 1px solid rgba(30, 64, 175, 0.12);
    }

    .cn-dual-track {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 16px;
    }

    .cn-track {
        padding: 22px;
        border-radius: 14px;
        background: #ffffff;
        border: 1px solid rgba(75, 85, 99, 0.12);
        box-shadow: 0 10px 28px rgba(30, 58, 95, 0.04);
    }

    .cn-track-field {
        border-top: 4px solid #ea580c;
    }

    .cn-track-office {
        border-top: 4px solid #1e40af;
    }

    .cn-track-label {
        display: inline-block;
        padding: 4px 12px;
        border-radius: 6px;
        font-size: 0.75rem;
        font-weight: 800;
        letter-spacing: 0.06em;
        text-transform: uppercase;
        margin-bottom: 14px;
    }

    .cn-track-field .cn-track-label {
        background: rgba(234, 88, 12, 0.12);
        color: #c2410c;
    }

    .cn-track-office .cn-track-label {
        background: rgba(30, 64, 175, 0.12);
        color: #1e40af;
    }

    .cn-track ul {
        margin: 0;
        padding-left: 18px;
        color: #6b7280;
        font-size: 0.92rem;
        line-height: 1.75;
    }

    .cn-domain-card {
        height: 100%;
        background: #ffffff;
        border: 1px solid rgba(75, 85, 99, 0.12);
        border-radius: 16px;
        padding: 24px;
        box-shadow: 0 10px 28px rgba(30, 58, 95, 0.04);
        transition: transform 0.25s ease;
    }

    .cn-domain-card:hover {
        transform: translateY(-3px);
    }

    .cn-domain-card i {
        display: inline-flex;
        width: 44px;
        height: 44px;
        align-items: center;
        justify-content: center;
        border-radius: 10px;
        background: rgba(30, 64, 175, 0.1);
        color: #1e40af;
        font-size: 22px;
        margin-bottom: 14px;
    }

    .cn-domain-card h4 {
        color: #1e3a5f;
        font-size: 1rem;
        margin-bottom: 8px;
    }

    .cn-domain-card p {
        color: #6b7280;
        margin-bottom: 0;
        line-height: 1.65;
        font-size: 0.9rem;
    }

    .cn-lifecycle-strip {
        background: linear-gradient(135deg, #1e3a5f 0%, #1e40af 55%, #3730a3 100%);
    }

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

    .cn-phase-item {
        padding: 18px 20px;
        border-radius: 12px;
        background: rgba(255, 255, 255, 0.08);
        border: 1px solid rgba(255, 255, 255, 0.1);
        border-bottom: 3px solid #ea580c;
    }

    .cn-phase-item strong {
        display: block;
        color: #ffffff;
        font-size: 0.98rem;
        margin-bottom: 6px;
    }

    .cn-phase-item span {
        color: rgba(255, 255, 255, 0.72);
        font-size: 0.9rem;
        line-height: 1.6;
    }

    .cn-outcome-card {
        height: 100%;
        text-align: center;
        background: #ffffff;
        border: 1px solid rgba(75, 85, 99, 0.12);
        border-radius: 16px;
        padding: 24px 20px;
        box-shadow: 0 10px 28px rgba(30, 58, 95, 0.04);
    }

    .cn-outcome-icon {
        width: 48px;
        height: 48px;
        margin: 0 auto 12px;
        border-radius: 12px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: linear-gradient(135deg, rgba(30, 64, 175, 0.1), rgba(234, 88, 12, 0.12));
        color: #ea580c;
        font-size: 22px;
    }

    .cn-outcome-card h4 {
        color: #1e3a5f;
        font-size: 1rem;
        margin-bottom: 8px;
    }

    .cn-outcome-card p {
        color: #6b7280;
        margin-bottom: 0;
        line-height: 1.65;
        font-size: 0.9rem;
    }

    .cn-engage-list {
        display: grid;
        gap: 14px;
    }

    .cn-engage-row {
        display: grid;
        grid-template-columns: 56px 1fr;
        gap: 16px;
        padding: 22px;
        border-radius: 16px;
        background: #ffffff;
        border: 1px solid rgba(75, 85, 99, 0.12);
        box-shadow: 0 10px 28px rgba(30, 58, 95, 0.04);
    }

    .cn-engage-featured {
        border-color: #ea580c;
        box-shadow: 0 16px 36px rgba(234, 88, 12, 0.12);
    }

    .cn-engage-row span {
        width: 56px;
        height: 56px;
        border-radius: 12px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: linear-gradient(135deg, #1e40af, #ea580c);
        color: #ffffff;
        font-weight: 800;
    }

    .cn-engage-row h4 {
        color: #1e3a5f;
        margin-bottom: 6px;
        font-weight: 800;
    }

    .cn-engage-row p {
        color: #6b7280;
        margin-bottom: 0;
        line-height: 1.65;
        font-size: 0.92rem;
    }

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

    .cn-stack-col {
        background: #ffffff;
        border: 1px solid rgba(75, 85, 99, 0.12);
        border-radius: 16px;
        padding: 22px;
        box-shadow: 0 10px 28px rgba(30, 58, 95, 0.04);
    }

    .cn-stack-col h3 {
        color: #1e3a5f;
        font-size: 1rem;
        margin-bottom: 12px;
    }

    .cn-stack-col ul {
        margin: 0;
        padding-left: 18px;
        color: #6b7280;
        font-size: 0.92rem;
        line-height: 1.7;
    }

    .cn-dark {
        background: linear-gradient(135deg, #1e3a5f 0%, #1e40af 55%, #312e81 100%);
    }

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

    .cn-timeline-item {
        background: rgba(255, 255, 255, 0.08);
        border: 1px solid rgba(255, 255, 255, 0.12);
        border-radius: 14px;
        padding: 22px;
    }

    .cn-timeline-item h3 {
        color: #ffffff;
        font-size: 1.02rem;
        margin-bottom: 8px;
    }

    .cn-timeline-item p {
        color: rgba(255, 255, 255, 0.72);
        margin-bottom: 0;
        line-height: 1.65;
        font-size: 0.92rem;
    }

    .cn-audience {
        background: #ffffff;
        border: 1px solid rgba(75, 85, 99, 0.12);
        border-radius: 12px;
        padding: 16px 18px;
        color: #1e3a5f;
        font-weight: 700;
        box-shadow: 0 8px 24px rgba(30, 58, 95, 0.04);
    }

    .cn-faq .accordion-item {
        border: 1px solid rgba(75, 85, 99, 0.12);
        border-radius: 12px;
        overflow: hidden;
        margin-bottom: 12px;
    }

    .cn-faq .accordion-button {
        font-weight: 700;
        color: #1e3a5f;
    }

    .cn-showcase {
        position: relative;
        border-radius: 18px;
        overflow: hidden;
        box-shadow: 0 24px 60px rgba(30, 58, 95, 0.12);
        border: 1px solid rgba(30, 64, 175, 0.12);
    }

    .cn-showcase-image {
        width: 100%;
        display: block;
    }

    .cn-showcase-caption {
        position: absolute;
        bottom: 16px;
        left: 16px;
        right: 16px;
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 12px 14px;
        border-radius: 10px;
        background: rgba(255, 255, 255, 0.95);
        border: 1px solid rgba(75, 85, 99, 0.1);
        font-size: 0.88rem;
        font-weight: 700;
        color: #1e3a5f;
    }

    .cn-cta {
        background: linear-gradient(135deg, #1e3a5f 0%, #1e40af 50%, #ea580c 130%);
    }

    @media (max-width: 991px) {
        .cn-scaffold-grid,
        .cn-dual-track,
        .cn-phase-grid,
        .cn-stack-columns,
        .cn-timeline {
            grid-template-columns: 1fr;
        }
    }

    @media (max-width: 768px) {
        .cn-hero {
            padding: 60px 0;
            text-align: center;
        }

        .cn-build-ladder,
        .cn-sector-tags {
            justify-content: center;
        }

        .cn-hero .d-flex {
            justify-content: center;
        }
    }


/* =========================================
   INDUSTRIES — E-LEARNING
========================================= */

    .el-hero {
        padding: 85px 0;
        background: linear-gradient(155deg, #eef2ff 0%, #faf5ff 42%, #ffffff 100%);
    }

    .el-wave-field {
        position: absolute;
        inset: 0;
        background-image: radial-gradient(circle at 20% 30%, rgba(99, 102, 241, 0.08) 0%, transparent 50%),
                          radial-gradient(circle at 80% 70%, rgba(245, 158, 11, 0.06) 0%, transparent 45%);
        pointer-events: none;
    }

    .el-progress-rail {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 5px;
        background: linear-gradient(90deg, #1E52CC, #6366f1, #f59e0b, #6366f1, #1E52CC);
        opacity: 0.45;
        pointer-events: none;
    }

    .el-heading {
        color: #312e81;
        font-size: clamp(2rem, 4vw, 3.3rem);
        line-height: 1.12;
    }

    .el-lead {
        color: #4b5563;
        max-width: 640px;
        line-height: 1.75;
    }

    .el-badge {
        background: rgba(79, 70, 229, 0.1);
        color: #4338ca;
        border: 1px solid rgba(79, 70, 229, 0.22);
        font-weight: 600;
    }

    .el-badge-light {
        background: rgba(255, 255, 255, 0.12);
        color: #ffffff;
        border: 1px solid rgba(255, 255, 255, 0.2);
        font-weight: 600;
    }

    .el-badge-amber {
        background: rgba(245, 158, 11, 0.25);
        color: #ffffff;
        border: 1px solid rgba(245, 158, 11, 0.4);
        font-weight: 600;
    }

    .el-eyebrow {
        display: inline-block;
        margin-bottom: 12px;
        font-size: 0.82rem;
        font-weight: 700;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        color: #6366f1;
    }

    .el-section-title {
        color: #312e81;
    }

    .el-journey-track {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 4px;
    }

    .el-journey-step {
        padding: 10px 12px;
        border-radius: 14px;
        background: #ffffff;
        border: 1px solid rgba(79, 70, 229, 0.14);
        text-align: center;
        min-width: 68px;
    }

    .el-journey-step small {
        display: block;
        color: #9ca3af;
        font-size: 0.65rem;
        font-weight: 700;
        letter-spacing: 0.05em;
        text-transform: uppercase;
        margin-bottom: 2px;
    }

    .el-journey-step strong {
        display: block;
        color: #374151;
        font-size: 0.8rem;
    }

    .el-step-ring {
        display: inline-flex;
        width: 22px;
        height: 22px;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        background: #e0e7ff;
        color: #1E52CC;
        font-size: 0.7rem;
        font-weight: 800;
        margin-bottom: 4px;
    }

    .el-step-active {
        background: linear-gradient(145deg, #1E52CC, #6366f1);
        border-color: transparent;
        box-shadow: 0 8px 24px rgba(79, 70, 229, 0.25);
    }

    .el-step-active strong,
    .el-step-active small {
        color: #ffffff;
    }

    .el-step-active .el-step-ring {
        background: #f59e0b;
        color: #ffffff;
    }

    .el-journey-bridge {
        width: 14px;
        height: 2px;
        background: linear-gradient(90deg, #6366f1, #f59e0b);
        border-radius: 2px;
        opacity: 0.55;
    }

    .el-audience-tags {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
    }

    .el-audience-tags span {
        padding: 6px 14px;
        border-radius: 20px;
        background: rgba(79, 70, 229, 0.06);
        border: 1px solid rgba(79, 70, 229, 0.12);
        color: #4338ca;
        font-size: 0.82rem;
        font-weight: 600;
    }

    .el-metrics strong {
        display: block;
        color: #1E52CC;
        font-size: 1.1rem;
        font-weight: 800;
    }

    .el-metrics span {
        color: #6b7280;
        font-size: 0.82rem;
    }

    .el-btn-primary {
        background: linear-gradient(135deg, #1E52CC, #6366f1);
        color: #ffffff;
        border: none;
        font-weight: 700;
        border-radius: 12px;
    }

    .el-btn-primary:hover {
        background: linear-gradient(135deg, #4338ca, #1E52CC);
        color: #ffffff;
    }

    .el-btn-outline {
        background: transparent;
        color: #1E52CC;
        border: 2px solid rgba(79, 70, 229, 0.35);
        font-weight: 700;
        border-radius: 12px;
    }

    .el-btn-outline:hover {
        background: rgba(79, 70, 229, 0.08);
        color: #4338ca;
        border-color: #1E52CC;
    }

    .el-soft-bg {
        background: #f8fafc;
    }

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

    .el-bento-wide {
        grid-column: span 2;
    }

    .el-bento-card {
        position: relative;
        background: #ffffff;
        border: 1px solid rgba(79, 70, 229, 0.1);
        border-radius: 20px;
        padding: 26px 24px;
        box-shadow: 0 10px 28px rgba(79, 70, 229, 0.05);
        transition: transform 0.25s ease, box-shadow 0.25s ease;
        overflow: hidden;
    }

    .el-bento-card:hover {
        transform: translateY(-4px);
        box-shadow: 0 16px 36px rgba(79, 70, 229, 0.12);
    }

    .el-bento-featured {
        border-color: #6366f1;
        background: linear-gradient(160deg, #ffffff 0%, #eef2ff 100%);
    }

    .el-bento-glow {
        position: absolute;
        top: -30px;
        right: -30px;
        width: 100px;
        height: 100px;
        border-radius: 50%;
        background: radial-gradient(circle, rgba(245, 158, 11, 0.15) 0%, transparent 70%);
        pointer-events: none;
    }

    .el-bento-card i {
        display: inline-flex;
        width: 44px;
        height: 44px;
        align-items: center;
        justify-content: center;
        border-radius: 12px;
        background: rgba(79, 70, 229, 0.1);
        color: #1E52CC;
        font-size: 22px;
        margin-bottom: 14px;
    }

    .el-bento-card h3 {
        color: #312e81;
        font-size: 1.05rem;
        margin-bottom: 8px;
    }

    .el-bento-card p {
        color: #6b7280;
        margin-bottom: 0;
        line-height: 1.7;
        font-size: 0.94rem;
    }

    .el-platform-image {
        border: 1px solid rgba(79, 70, 229, 0.1);
    }

    .el-stack-layers {
        display: grid;
        gap: 12px;
    }

    .el-layer {
        padding: 20px 22px;
        border-radius: 16px;
        background: #ffffff;
        border: 1px solid rgba(79, 70, 229, 0.1);
        box-shadow: 0 8px 24px rgba(79, 70, 229, 0.04);
        position: relative;
        padding-left: 28px;
    }

    .el-layer::before {
        content: "";
        position: absolute;
        left: 0;
        top: 12px;
        bottom: 12px;
        width: 5px;
        border-radius: 0 4px 4px 0;
    }

    .el-layer-top::before { background: linear-gradient(180deg, #f59e0b, #fbbf24); }
    .el-layer-mid::before { background: linear-gradient(180deg, #6366f1, #818cf8); }
    .el-layer-base::before { background: linear-gradient(180deg, #1E52CC, #312e81); }

    .el-layer-label {
        display: inline-block;
        padding: 3px 10px;
        border-radius: 20px;
        background: rgba(79, 70, 229, 0.08);
        color: #1E52CC;
        font-size: 0.72rem;
        font-weight: 700;
        letter-spacing: 0.06em;
        text-transform: uppercase;
        margin-bottom: 8px;
    }

    .el-layer h3 {
        color: #312e81;
        font-size: 0.98rem;
        margin-bottom: 6px;
    }

    .el-layer p {
        color: #6b7280;
        margin-bottom: 0;
        line-height: 1.65;
        font-size: 0.9rem;
    }

    .el-domain-card {
        height: 100%;
        background: #ffffff;
        border: 1px solid rgba(79, 70, 229, 0.1);
        border-radius: 18px;
        padding: 24px;
        box-shadow: 0 10px 28px rgba(79, 70, 229, 0.04);
        transition: transform 0.25s ease;
    }

    .el-domain-card:hover {
        transform: translateY(-3px);
    }

    .el-domain-card i {
        display: inline-flex;
        width: 44px;
        height: 44px;
        align-items: center;
        justify-content: center;
        border-radius: 12px;
        background: linear-gradient(135deg, rgba(79, 70, 229, 0.1), rgba(245, 158, 11, 0.08));
        color: #1E52CC;
        font-size: 22px;
        margin-bottom: 14px;
    }

    .el-domain-card h4 {
        color: #312e81;
        font-size: 1rem;
        margin-bottom: 8px;
    }

    .el-domain-card p {
        color: #6b7280;
        margin-bottom: 0;
        line-height: 1.65;
        font-size: 0.9rem;
    }

    .el-lifecycle-strip {
        background: linear-gradient(135deg, #312e81 0%, #1E52CC 55%, #4338ca 100%);
    }

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

    .el-phase-item {
        padding: 18px 20px;
        border-radius: 14px;
        background: rgba(255, 255, 255, 0.08);
        border: 1px solid rgba(255, 255, 255, 0.12);
        border-left: 4px solid #f59e0b;
    }

    .el-phase-item strong {
        display: block;
        color: #ffffff;
        font-size: 0.98rem;
        margin-bottom: 6px;
    }

    .el-phase-item span {
        color: rgba(255, 255, 255, 0.75);
        font-size: 0.9rem;
        line-height: 1.6;
    }

    .el-outcome-card {
        height: 100%;
        text-align: center;
        background: #ffffff;
        border: 1px solid rgba(79, 70, 229, 0.1);
        border-radius: 18px;
        padding: 24px 20px;
        box-shadow: 0 10px 28px rgba(79, 70, 229, 0.04);
    }

    .el-outcome-icon {
        width: 48px;
        height: 48px;
        margin: 0 auto 12px;
        border-radius: 14px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: linear-gradient(135deg, rgba(79, 70, 229, 0.12), rgba(245, 158, 11, 0.1));
        color: #1E52CC;
        font-size: 22px;
    }

    .el-outcome-card h4 {
        color: #312e81;
        font-size: 1rem;
        margin-bottom: 8px;
    }

    .el-outcome-card p {
        color: #6b7280;
        margin-bottom: 0;
        line-height: 1.65;
        font-size: 0.9rem;
    }

    .el-engage-list {
        display: grid;
        gap: 14px;
    }

    .el-engage-row {
        display: grid;
        grid-template-columns: 56px 1fr;
        gap: 16px;
        padding: 22px;
        border-radius: 18px;
        background: #ffffff;
        border: 1px solid rgba(79, 70, 229, 0.1);
        box-shadow: 0 10px 28px rgba(79, 70, 229, 0.04);
    }

    .el-engage-featured {
        border-color: #6366f1;
        box-shadow: 0 16px 36px rgba(79, 70, 229, 0.12);
    }

    .el-engage-row span {
        width: 56px;
        height: 56px;
        border-radius: 14px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: linear-gradient(135deg, #1E52CC, #f59e0b);
        color: #ffffff;
        font-weight: 800;
    }

    .el-engage-row h4 {
        color: #312e81;
        margin-bottom: 6px;
        font-weight: 800;
    }

    .el-engage-row p {
        color: #6b7280;
        margin-bottom: 0;
        line-height: 1.65;
        font-size: 0.92rem;
    }

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

    .el-stack-col {
        background: #ffffff;
        border: 1px solid rgba(79, 70, 229, 0.1);
        border-radius: 18px;
        padding: 22px;
        box-shadow: 0 10px 28px rgba(79, 70, 229, 0.04);
    }

    .el-stack-col h3 {
        color: #312e81;
        font-size: 1rem;
        margin-bottom: 12px;
    }

    .el-stack-col ul {
        margin: 0;
        padding-left: 18px;
        color: #6b7280;
        font-size: 0.92rem;
        line-height: 1.7;
    }

    .el-dark {
        background: linear-gradient(135deg, #1e1b4b 0%, #312e81 55%, #4338ca 100%);
    }

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

    .el-timeline-item {
        background: rgba(255, 255, 255, 0.07);
        border: 1px solid rgba(255, 255, 255, 0.12);
        border-radius: 16px;
        padding: 22px;
    }

    .el-timeline-item h3 {
        color: #ffffff;
        font-size: 1.02rem;
        margin-bottom: 8px;
    }

    .el-timeline-item p {
        color: rgba(255, 255, 255, 0.75);
        margin-bottom: 0;
        line-height: 1.65;
        font-size: 0.92rem;
    }

    .el-audience {
        background: #ffffff;
        border: 1px solid rgba(79, 70, 229, 0.1);
        border-radius: 14px;
        padding: 16px 18px;
        color: #312e81;
        font-weight: 700;
        box-shadow: 0 8px 24px rgba(79, 70, 229, 0.04);
    }

    .el-form-card {
        border-radius: 20px;
        border: 1px solid rgba(79, 70, 229, 0.1) !important;
    }

    .el-faq .accordion-item {
        border: 1px solid rgba(79, 70, 229, 0.1);
        border-radius: 14px;
        overflow: hidden;
        margin-bottom: 12px;
    }

    .el-faq .accordion-button {
        font-weight: 700;
        color: #312e81;
    }

    .el-showcase {
        border-radius: 20px;
        overflow: hidden;
        border: 1px solid rgba(79, 70, 229, 0.1);
        box-shadow: 0 16px 40px rgba(79, 70, 229, 0.08);
    }

    .el-showcase-image {
        width: 100%;
        display: block;
    }

    .el-showcase-caption {
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 14px 18px;
        background: linear-gradient(135deg, #1E52CC, #f59e0b);
        color: #ffffff;
        font-weight: 700;
        font-size: 0.92rem;
    }

    .el-cta {
        background: linear-gradient(135deg, #312e81 0%, #1E52CC 50%, #6366f1 130%);
    }

    @media (max-width: 991px) {
        .el-bento-grid,
        .el-bento-wide,
        .el-phase-grid,
        .el-stack-columns,
        .el-timeline {
            grid-template-columns: 1fr;
        }

        .el-bento-wide {
            grid-column: span 1;
        }
    }

    @media (max-width: 768px) {
        .el-hero {
            padding: 60px 0;
            text-align: center;
        }

        .el-journey-track,
        .el-audience-tags {
            justify-content: center;
        }

        .el-hero .d-flex {
            justify-content: center;
        }
    }


/* =========================================
   INDUSTRIES — EVENT-MANAGEMENT
========================================= */

    .ev-hero {
        padding: 85px 0;
        background: linear-gradient(160deg, #fff1f2 0%, #f8fafc 45%, #ffffff 100%);
    }

    .ev-confetti-field {
        position: absolute;
        inset: 0;
        background-image:
            radial-gradient(circle at 15% 25%, rgba(244, 63, 94, 0.12) 2px, transparent 2px),
            radial-gradient(circle at 45% 65%, rgba(15, 23, 42, 0.06) 1.5px, transparent 1.5px),
            radial-gradient(circle at 75% 35%, rgba(251, 113, 133, 0.1) 2px, transparent 2px),
            radial-gradient(circle at 90% 80%, rgba(244, 63, 94, 0.08) 1.5px, transparent 1.5px);
        background-size: 120px 120px, 80px 80px, 100px 100px, 90px 90px;
        pointer-events: none;
    }

    .ev-spotlight-edge {
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 70%;
        height: 6px;
        background: radial-gradient(ellipse at center, rgba(244, 63, 94, 0.6) 0%, transparent 70%);
        pointer-events: none;
    }

    .ev-heading {
        color: #0f172a;
        font-size: clamp(2rem, 4vw, 3.3rem);
        line-height: 1.12;
    }

    .ev-lead {
        color: #4b5563;
        max-width: 640px;
        line-height: 1.75;
    }

    .ev-badge {
        background: rgba(244, 63, 94, 0.1);
        color: #e11d48;
        border: 1px solid rgba(244, 63, 94, 0.22);
        font-weight: 600;
    }

    .ev-badge-light {
        background: rgba(255, 255, 255, 0.12);
        color: #ffffff;
        border: 1px solid rgba(255, 255, 255, 0.2);
        font-weight: 600;
    }

    .ev-badge-rose {
        background: rgba(244, 63, 94, 0.25);
        color: #ffffff;
        border: 1px solid rgba(244, 63, 94, 0.4);
        font-weight: 600;
    }

    .ev-eyebrow {
        display: inline-block;
        margin-bottom: 12px;
        font-size: 0.82rem;
        font-weight: 700;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        color: #f43f5e;
    }

    .ev-section-title {
        color: #0f172a;
    }

    .ev-runway-track {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 4px;
    }

    .ev-runway-step {
        padding: 10px 14px;
        border-radius: 12px;
        background: #ffffff;
        border: 1px solid rgba(15, 23, 42, 0.1);
        text-align: center;
        min-width: 72px;
        position: relative;
    }

    .ev-runway-step small {
        display: block;
        color: #9ca3af;
        font-size: 0.65rem;
        font-weight: 700;
        letter-spacing: 0.05em;
        text-transform: uppercase;
        margin-bottom: 2px;
    }

    .ev-runway-step strong {
        display: block;
        color: #374151;
        font-size: 0.82rem;
    }

    .ev-step-flare {
        position: absolute;
        top: 6px;
        right: 8px;
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background: #d1d5db;
    }

    .ev-step-active {
        background: linear-gradient(145deg, #0f172a, #334155);
        border-color: transparent;
        box-shadow: 0 8px 24px rgba(15, 23, 42, 0.2);
    }

    .ev-step-active strong,
    .ev-step-active small {
        color: #ffffff;
    }

    .ev-step-active .ev-step-flare {
        background: #f43f5e;
        box-shadow: 0 0 8px rgba(244, 63, 94, 0.8);
        animation: ev-flare 2s infinite;
    }

    @keyframes ev-flare {
        0%, 100% { opacity: 1; transform: scale(1); }
        50% { opacity: 0.6; transform: scale(0.85); }
    }

    .ev-runway-line {
        width: 16px;
        height: 2px;
        background: linear-gradient(90deg, #334155, #f43f5e);
        border-radius: 2px;
        opacity: 0.5;
    }

    .ev-format-tags {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
    }

    .ev-format-tags span {
        padding: 6px 14px;
        border-radius: 20px;
        background: rgba(244, 63, 94, 0.06);
        border: 1px solid rgba(244, 63, 94, 0.12);
        color: #be123c;
        font-size: 0.82rem;
        font-weight: 600;
    }

    .ev-metrics strong {
        display: block;
        color: #f43f5e;
        font-size: 1.1rem;
        font-weight: 800;
    }

    .ev-metrics span {
        color: #6b7280;
        font-size: 0.82rem;
    }

    .ev-btn-primary {
        background: linear-gradient(135deg, #e11d48, #f43f5e);
        color: #ffffff;
        border: none;
        font-weight: 700;
        border-radius: 12px;
    }

    .ev-btn-primary:hover {
        background: linear-gradient(135deg, #be123c, #e11d48);
        color: #ffffff;
    }

    .ev-btn-outline {
        background: transparent;
        color: #e11d48;
        border: 2px solid rgba(225, 29, 72, 0.35);
        font-weight: 700;
        border-radius: 12px;
    }

    .ev-btn-outline:hover {
        background: rgba(244, 63, 94, 0.08);
        color: #be123c;
        border-color: #e11d48;
    }

    .ev-soft-bg {
        background: #f8fafc;
    }

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

    .ev-stage-card {
        position: relative;
        background: #ffffff;
        border: 1px solid rgba(15, 23, 42, 0.1);
        border-radius: 18px;
        padding: 28px 24px 24px;
        box-shadow: 0 10px 28px rgba(15, 23, 42, 0.04);
        transition: transform 0.25s ease, border-color 0.25s ease;
        overflow: hidden;
    }

    .ev-stage-card:hover {
        transform: translateY(-4px);
        border-color: rgba(244, 63, 94, 0.35);
    }

    .ev-stage-featured {
        border-color: #f43f5e;
        box-shadow: 0 16px 36px rgba(244, 63, 94, 0.12);
    }

    .ev-stage-spotlight {
        position: absolute;
        top: -40px;
        left: 50%;
        transform: translateX(-50%);
        width: 120px;
        height: 80px;
        background: radial-gradient(ellipse at center, rgba(244, 63, 94, 0.12) 0%, transparent 70%);
        pointer-events: none;
    }

    .ev-stage-card i {
        display: inline-flex;
        width: 44px;
        height: 44px;
        align-items: center;
        justify-content: center;
        border-radius: 12px;
        background: rgba(244, 63, 94, 0.1);
        color: #e11d48;
        font-size: 22px;
        margin-bottom: 14px;
    }

    .ev-stage-card h3 {
        color: #0f172a;
        font-size: 1.05rem;
        margin-bottom: 8px;
    }

    .ev-stage-card p {
        color: #6b7280;
        margin-bottom: 0;
        line-height: 1.7;
        font-size: 0.94rem;
    }

    .ev-platform-image {
        border: 1px solid rgba(15, 23, 42, 0.1);
    }

    .ev-venue-map {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto auto auto;
        gap: 12px;
    }

    .ev-venue-core {
        grid-column: 1 / -1;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        padding: 18px;
        border-radius: 14px;
        background: linear-gradient(135deg, #0f172a, #334155);
        color: #ffffff;
    }

    .ev-venue-core i {
        font-size: 22px;
        color: #f43f5e;
    }

    .ev-venue-zone {
        padding: 18px 20px;
        border-radius: 12px;
        background: #ffffff;
        border: 1px solid rgba(15, 23, 42, 0.1);
        box-shadow: 0 8px 24px rgba(15, 23, 42, 0.04);
    }

    .ev-zone-north { border-top: 3px solid #f43f5e; }
    .ev-zone-east { border-right: 3px solid #fb7185; }
    .ev-zone-south { border-bottom: 3px solid #e11d48; }
    .ev-zone-west { border-left: 3px solid #fda4af; }

    .ev-venue-zone h3 {
        color: #0f172a;
        font-size: 0.98rem;
        margin-bottom: 6px;
    }

    .ev-venue-zone p {
        color: #6b7280;
        margin-bottom: 0;
        line-height: 1.65;
        font-size: 0.9rem;
    }

    .ev-domain-card {
        height: 100%;
        background: #ffffff;
        border: 1px solid rgba(15, 23, 42, 0.1);
        border-radius: 18px;
        padding: 24px;
        box-shadow: 0 10px 28px rgba(15, 23, 42, 0.04);
        transition: transform 0.25s ease;
    }

    .ev-domain-card:hover {
        transform: translateY(-3px);
    }

    .ev-domain-card i {
        display: inline-flex;
        width: 44px;
        height: 44px;
        align-items: center;
        justify-content: center;
        border-radius: 12px;
        background: linear-gradient(135deg, rgba(244, 63, 94, 0.1), rgba(15, 23, 42, 0.06));
        color: #e11d48;
        font-size: 22px;
        margin-bottom: 14px;
    }

    .ev-domain-card h4 {
        color: #0f172a;
        font-size: 1rem;
        margin-bottom: 8px;
    }

    .ev-domain-card p {
        color: #6b7280;
        margin-bottom: 0;
        line-height: 1.65;
        font-size: 0.9rem;
    }

    .ev-lifecycle-strip {
        background: linear-gradient(135deg, #0f172a 0%, #1e293b 55%, #881337 100%);
    }

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

    .ev-phase-item {
        padding: 18px 20px;
        border-radius: 12px;
        background: rgba(255, 255, 255, 0.06);
        border: 1px solid rgba(255, 255, 255, 0.1);
        border-left: 4px solid #f43f5e;
    }

    .ev-phase-item strong {
        display: block;
        color: #ffffff;
        font-size: 0.98rem;
        margin-bottom: 6px;
    }

    .ev-phase-item span {
        color: rgba(255, 255, 255, 0.72);
        font-size: 0.9rem;
        line-height: 1.6;
    }

    .ev-outcome-card {
        height: 100%;
        text-align: center;
        background: #ffffff;
        border: 1px solid rgba(15, 23, 42, 0.1);
        border-radius: 18px;
        padding: 24px 20px;
        box-shadow: 0 10px 28px rgba(15, 23, 42, 0.04);
    }

    .ev-outcome-icon {
        width: 48px;
        height: 48px;
        margin: 0 auto 12px;
        border-radius: 14px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: linear-gradient(135deg, rgba(244, 63, 94, 0.12), rgba(15, 23, 42, 0.08));
        color: #e11d48;
        font-size: 22px;
    }

    .ev-outcome-card h4 {
        color: #0f172a;
        font-size: 1rem;
        margin-bottom: 8px;
    }

    .ev-outcome-card p {
        color: #6b7280;
        margin-bottom: 0;
        line-height: 1.65;
        font-size: 0.9rem;
    }

    .ev-engage-list {
        display: grid;
        gap: 14px;
    }

    .ev-engage-row {
        display: grid;
        grid-template-columns: 56px 1fr;
        gap: 16px;
        padding: 22px;
        border-radius: 18px;
        background: #ffffff;
        border: 1px solid rgba(15, 23, 42, 0.1);
        box-shadow: 0 10px 28px rgba(15, 23, 42, 0.04);
    }

    .ev-engage-featured {
        border-color: #f43f5e;
        box-shadow: 0 16px 36px rgba(244, 63, 94, 0.12);
    }

    .ev-engage-row span {
        width: 56px;
        height: 56px;
        border-radius: 14px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: linear-gradient(135deg, #0f172a, #f43f5e);
        color: #ffffff;
        font-weight: 800;
    }

    .ev-engage-row h4 {
        color: #0f172a;
        margin-bottom: 6px;
        font-weight: 800;
    }

    .ev-engage-row p {
        color: #6b7280;
        margin-bottom: 0;
        line-height: 1.65;
        font-size: 0.92rem;
    }

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

    .ev-stack-col {
        background: #ffffff;
        border: 1px solid rgba(15, 23, 42, 0.1);
        border-radius: 18px;
        padding: 22px;
        box-shadow: 0 10px 28px rgba(15, 23, 42, 0.04);
    }

    .ev-stack-col h3 {
        color: #0f172a;
        font-size: 1rem;
        margin-bottom: 12px;
    }

    .ev-stack-col ul {
        margin: 0;
        padding-left: 18px;
        color: #6b7280;
        font-size: 0.92rem;
        line-height: 1.7;
    }

    .ev-dark {
        background: linear-gradient(135deg, #020617 0%, #0f172a 55%, #881337 100%);
    }

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

    .ev-timeline-item {
        background: rgba(255, 255, 255, 0.06);
        border: 1px solid rgba(255, 255, 255, 0.1);
        border-radius: 14px;
        padding: 22px;
    }

    .ev-timeline-item h3 {
        color: #ffffff;
        font-size: 1.02rem;
        margin-bottom: 8px;
    }

    .ev-timeline-item p {
        color: rgba(255, 255, 255, 0.72);
        margin-bottom: 0;
        line-height: 1.65;
        font-size: 0.92rem;
    }

    .ev-audience {
        background: #ffffff;
        border: 1px solid rgba(15, 23, 42, 0.1);
        border-radius: 14px;
        padding: 16px 18px;
        color: #0f172a;
        font-weight: 700;
        box-shadow: 0 8px 24px rgba(15, 23, 42, 0.04);
    }

    .ev-form-card {
        border-radius: 20px;
        border: 1px solid rgba(15, 23, 42, 0.1) !important;
    }

    .ev-faq .accordion-item {
        border: 1px solid rgba(15, 23, 42, 0.1);
        border-radius: 14px;
        overflow: hidden;
        margin-bottom: 12px;
    }

    .ev-faq .accordion-button {
        font-weight: 700;
        color: #0f172a;
    }

    .ev-showcase {
        border-radius: 20px;
        overflow: hidden;
        border: 1px solid rgba(15, 23, 42, 0.1);
        box-shadow: 0 16px 40px rgba(15, 23, 42, 0.08);
    }

    .ev-showcase-image {
        width: 100%;
        display: block;
    }

    .ev-showcase-caption {
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 14px 18px;
        background: linear-gradient(135deg, #0f172a, #f43f5e);
        color: #ffffff;
        font-weight: 700;
        font-size: 0.92rem;
    }

    .ev-cta {
        background: linear-gradient(135deg, #0f172a 0%, #881337 50%, #f43f5e 130%);
    }

    @media (max-width: 991px) {
        .ev-stage-grid,
        .ev-phase-grid,
        .ev-stack-columns,
        .ev-timeline,
        .ev-venue-map {
            grid-template-columns: 1fr;
        }
    }

    @media (max-width: 768px) {
        .ev-hero {
            padding: 60px 0;
            text-align: center;
        }

        .ev-runway-track,
        .ev-format-tags {
            justify-content: center;
        }

        .ev-hero .d-flex {
            justify-content: center;
        }
    }


/* =========================================
   INDUSTRIES — FINANCE
========================================= */

    .fn-hero {
        padding: 85px 0;
        background: linear-gradient(135deg, #ecfeff 0%, #f8fafc 48%, #ffffff 100%);
    }

    .fn-hero-accent {
        position: absolute;
        top: -60px;
        right: -100px;
        width: 380px;
        height: 380px;
        border-radius: 50%;
        background: radial-gradient(circle, rgba(14, 116, 144, 0.14) 0%, rgba(56, 189, 248, 0.05) 70%, transparent 100%);
        pointer-events: none;
    }

    .fn-heading {
        color: #0f172a;
        font-size: clamp(2rem, 4vw, 3.4rem);
        line-height: 1.12;
    }

    .fn-lead {
        color: #475569;
        max-width: 640px;
        line-height: 1.75;
    }

    .fn-badge {
        background: rgba(14, 116, 144, 0.1);
        color: #0e7490;
        border: 1px solid rgba(14, 116, 144, 0.22);
        font-weight: 600;
    }

    .fn-eyebrow {
        display: inline-block;
        margin-bottom: 12px;
        font-size: 0.82rem;
        font-weight: 700;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        color: #0e7490;
    }

    .fn-domain-tags {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
    }

    .fn-domain-tags span {
        padding: 8px 14px;
        border-radius: 999px;
        background: #ffffff;
        border: 1px solid rgba(14, 116, 144, 0.16);
        color: #155e75;
        font-size: 0.88rem;
        font-weight: 600;
    }

    .fn-hero-visual {
        position: relative;
    }

    .fn-hero-image {
        border-radius: 24px;
        border: 1px solid rgba(14, 116, 144, 0.14);
        box-shadow: 0 24px 60px rgba(15, 23, 42, 0.1);
    }

    .fn-stat-card {
        position: absolute;
        background: rgba(255, 255, 255, 0.95);
        border: 1px solid rgba(14, 116, 144, 0.14);
        border-radius: 14px;
        padding: 12px 14px;
        box-shadow: 0 12px 30px rgba(15, 23, 42, 0.1);
        font-size: 0.82rem;
    }

    .fn-stat-card strong {
        display: block;
        color: #0f172a;
        font-size: 0.95rem;
    }

    .fn-stat-card span {
        color: #64748b;
    }

    .fn-stat-one {
        top: 18px;
        left: -10px;
    }

    .fn-stat-two {
        top: 42%;
        right: -8px;
    }

    .fn-stat-three {
        bottom: 18px;
        left: 24px;
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .fn-section-title {
        color: #0f172a;
    }

    .fn-soft-bg {
        background: linear-gradient(180deg, #f0fdfa 0%, #f8fafc 100%);
    }

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

    .fn-domain-card {
        height: 100%;
        background: #ffffff;
        border: 1px solid rgba(14, 116, 144, 0.12);
        border-radius: 18px;
        padding: 26px;
        box-shadow: 0 12px 30px rgba(15, 23, 42, 0.05);
        transition: transform 0.25s ease;
    }

    .fn-domain-card:hover {
        transform: translateY(-4px);
    }

    .fn-domain-card i {
        display: inline-flex;
        width: 44px;
        height: 44px;
        align-items: center;
        justify-content: center;
        border-radius: 12px;
        background: rgba(14, 116, 144, 0.1);
        color: #0e7490;
        font-size: 22px;
        margin-bottom: 14px;
    }

    .fn-domain-card h3 {
        color: #0f172a;
        font-size: 1.05rem;
        margin-bottom: 8px;
    }

    .fn-domain-card p {
        color: #64748b;
        margin-bottom: 0;
        line-height: 1.7;
        font-size: 0.94rem;
    }

    .fn-ecosystem-image {
        border: 1px solid rgba(14, 116, 144, 0.12);
    }

    .fn-feature-zigzag {
        display: grid;
        gap: 14px;
    }

    .fn-feature {
        padding: 18px 20px;
        border-radius: 14px;
        background: #ffffff;
        border: 1px solid rgba(14, 116, 144, 0.12);
        box-shadow: 0 8px 24px rgba(15, 23, 42, 0.04);
    }

    .fn-feature:nth-child(even) {
        margin-left: 24px;
    }

    .fn-feature h3 {
        color: #0f172a;
        font-size: 1.02rem;
        margin-bottom: 6px;
    }

    .fn-feature p {
        color: #64748b;
        margin-bottom: 0;
        line-height: 1.65;
        font-size: 0.92rem;
    }

    .fn-outcome-card {
        height: 100%;
        text-align: center;
        background: #ffffff;
        border: 1px solid rgba(14, 116, 144, 0.12);
        border-radius: 16px;
        padding: 24px 20px;
        box-shadow: 0 10px 28px rgba(15, 23, 42, 0.04);
    }

    .fn-outcome-icon {
        width: 48px;
        height: 48px;
        margin: 0 auto 12px;
        border-radius: 14px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: rgba(14, 116, 144, 0.1);
        color: #0e7490;
        font-size: 22px;
    }

    .fn-outcome-card h4 {
        color: #0f172a;
        font-size: 1rem;
        margin-bottom: 8px;
    }

    .fn-outcome-card p {
        color: #64748b;
        margin-bottom: 0;
        line-height: 1.65;
        font-size: 0.9rem;
    }

    .fn-compliance-strip {
        background: linear-gradient(135deg, #0f172a 0%, #155e75 100%);
    }

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

    .fn-governance-grid div {
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 14px 16px;
        border-radius: 12px;
        background: rgba(255, 255, 255, 0.06);
        border: 1px solid rgba(255, 255, 255, 0.1);
        color: rgba(255, 255, 255, 0.88);
        font-size: 0.9rem;
        font-weight: 600;
    }

    .fn-governance-grid i {
        color: #38bdf8;
        font-size: 20px;
    }

    .fn-engage-list {
        display: grid;
        gap: 14px;
    }

    .fn-engage-row {
        display: grid;
        grid-template-columns: 56px 1fr;
        gap: 16px;
        padding: 22px;
        border-radius: 16px;
        background: #ffffff;
        border: 1px solid rgba(14, 116, 144, 0.12);
        box-shadow: 0 10px 28px rgba(15, 23, 42, 0.04);
    }

    .fn-engage-featured {
        border-color: #0e7490;
        box-shadow: 0 16px 36px rgba(14, 116, 144, 0.12);
    }

    .fn-engage-row span {
        width: 56px;
        height: 56px;
        border-radius: 14px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: linear-gradient(135deg, #0e7490, #38bdf8);
        color: #ffffff;
        font-weight: 800;
    }

    .fn-engage-row h4 {
        color: #0f172a;
        margin-bottom: 6px;
        font-weight: 800;
    }

    .fn-engage-row p {
        color: #64748b;
        margin-bottom: 0;
        line-height: 1.65;
        font-size: 0.92rem;
    }

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

    .fn-stack-col {
        background: #ffffff;
        border: 1px solid rgba(14, 116, 144, 0.12);
        border-radius: 16px;
        padding: 22px;
        box-shadow: 0 10px 28px rgba(15, 23, 42, 0.04);
    }

    .fn-stack-col h3 {
        color: #0f172a;
        font-size: 1rem;
        margin-bottom: 12px;
    }

    .fn-stack-col ul {
        margin: 0;
        padding-left: 18px;
        color: #64748b;
        font-size: 0.92rem;
        line-height: 1.7;
    }

    .fn-dark {
        background: linear-gradient(135deg, #0f172a 0%, #155e75 55%, #0e7490 100%);
    }

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

    .fn-timeline-item {
        background: rgba(255, 255, 255, 0.08);
        border: 1px solid rgba(255, 255, 255, 0.12);
        border-radius: 14px;
        padding: 22px;
    }

    .fn-timeline-item h3 {
        color: #ffffff;
        font-size: 1.02rem;
        margin-bottom: 8px;
    }

    .fn-timeline-item p {
        color: rgba(255, 255, 255, 0.72);
        margin-bottom: 0;
        line-height: 1.65;
        font-size: 0.92rem;
    }

    .fn-audience {
        background: #ffffff;
        border: 1px solid rgba(14, 116, 144, 0.12);
        border-radius: 12px;
        padding: 16px 18px;
        color: #0f172a;
        font-weight: 700;
        box-shadow: 0 8px 24px rgba(15, 23, 42, 0.04);
    }

    .fn-form-card {
        border-radius: 18px;
        border: 1px solid rgba(14, 116, 144, 0.12) !important;
    }

    .fn-faq .accordion-item {
        border: 1px solid rgba(14, 116, 144, 0.12);
        border-radius: 12px;
        overflow: hidden;
        margin-bottom: 12px;
    }

    .fn-faq .accordion-button {
        font-weight: 700;
        color: #0f172a;
    }

    .fn-cta {
        background: linear-gradient(135deg, #0f172a 0%, #0e7490 55%, #38bdf8 130%);
    }

    @media (max-width: 991px) {
        .fn-domain-grid,
        .fn-governance-grid,
        .fn-stack-columns,
        .fn-timeline {
            grid-template-columns: 1fr;
        }

        .fn-feature:nth-child(even) {
            margin-left: 0;
        }
    }

    @media (max-width: 768px) {
        .fn-hero {
            padding: 60px 0;
            text-align: center;
        }

        .fn-domain-tags {
            justify-content: center;
        }

        .fn-stat-card {
            position: static;
            margin-top: 10px;
            display: inline-block;
        }

        .fn-hero-visual {
            text-align: left;
        }
    }


/* =========================================
   INDUSTRIES — HEALTHCARE
========================================= */

    .hc-hero {
        padding: 85px 0;
        background: linear-gradient(160deg, #f0f9ff 0%, #EEF3FB 45%, #ffffff 100%);
    }

    .hc-pulse-field {
        position: absolute;
        inset: 0;
        background-image:
            radial-gradient(circle at 15% 25%, rgba(14, 165, 233, 0.1) 0%, transparent 40%),
            radial-gradient(circle at 85% 75%, rgba(16, 185, 129, 0.08) 0%, transparent 40%);
        pointer-events: none;
    }

    .hc-pulse-field::after {
        content: "";
        position: absolute;
        bottom: 80px;
        left: 5%;
        right: 5%;
        height: 40px;
        background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 40'%3E%3Cpath d='M0 20 H60 L70 8 L80 32 L90 20 H160 L170 12 L180 28 L190 20 H260 L270 10 L280 30 L290 20 H400' fill='none' stroke='%230EA5E9' stroke-width='2' opacity='0.12'/%3E%3C/svg%3E") repeat-x;
        background-size: 400px 40px;
        opacity: 0.6;
        pointer-events: none;
    }

    .hc-clinical-band {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 5px;
        background: linear-gradient(90deg, #0ea5e9 0%, #10b981 50%, #f43f5e 100%);
        opacity: 0.35;
        pointer-events: none;
    }

    .hc-heading {
        color: #1e3a5f;
        font-size: clamp(2rem, 4vw, 3.3rem);
        line-height: 1.12;
    }

    .hc-lead {
        color: #475569;
        max-width: 640px;
        line-height: 1.75;
    }

    .hc-badge {
        background: rgba(14, 165, 233, 0.12);
        color: #0369a1;
        border: 1px solid rgba(14, 165, 233, 0.25);
        font-weight: 600;
    }

    .hc-badge-light {
        background: rgba(255, 255, 255, 0.12);
        color: #ffffff;
        border: 1px solid rgba(255, 255, 255, 0.2);
        font-weight: 600;
    }

    .hc-badge-rose {
        background: rgba(244, 63, 94, 0.25);
        color: #ffffff;
        border: 1px solid rgba(244, 63, 94, 0.4);
        font-weight: 600;
    }

    .hc-eyebrow {
        display: inline-block;
        margin-bottom: 12px;
        font-size: 0.82rem;
        font-weight: 700;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        color: #10b981;
    }

    .hc-care-path {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
        gap: 0;
    }

    .hc-path-node {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        min-width: 72px;
        padding: 8px 6px;
    }

    .hc-path-dot {
        width: 14px;
        height: 14px;
        border-radius: 50%;
        background: #cbd5e1;
        border: 3px solid #ffffff;
        box-shadow: 0 0 0 2px #cbd5e1;
        margin-bottom: 8px;
        transition: all 0.3s ease;
    }

    .hc-path-node strong {
        display: block;
        color: #334155;
        font-size: 0.78rem;
        font-weight: 800;
    }

    .hc-path-node small {
        display: block;
        color: #94a3b8;
        font-size: 0.62rem;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 0.04em;
        margin-top: 2px;
    }

    .hc-path-active .hc-path-dot {
        background: #10b981;
        box-shadow: 0 0 0 2px #10b981, 0 0 12px rgba(16, 185, 129, 0.4);
        animation: hc-pulse-dot 2s ease-in-out infinite;
    }

    .hc-path-active strong {
        color: #0f766e;
    }

    @keyframes hc-pulse-dot {
        0%, 100% { transform: scale(1); }
        50% { transform: scale(1.2); }
    }

    .hc-path-connector {
        width: 24px;
        height: 2px;
        background: linear-gradient(90deg, #0ea5e9, #10b981);
        margin-top: 14px;
        flex-shrink: 0;
        border-radius: 1px;
    }

    .hc-specialty-tags {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
    }

    .hc-specialty-tags span {
        padding: 8px 16px;
        border-radius: 8px;
        background: rgba(30, 58, 95, 0.05);
        border: 1px solid rgba(14, 165, 233, 0.18);
        color: #1e3a5f;
        font-size: 0.88rem;
        font-weight: 600;
    }

    .hc-btn-primary {
        background: linear-gradient(135deg, #0ea5e9, #0284c7);
        border: none;
        color: #ffffff;
        font-weight: 700;
    }

    .hc-btn-primary:hover {
        background: linear-gradient(135deg, #0284c7, #0369a1);
        color: #ffffff;
    }

    .hc-btn-outline {
        border: 2px solid #10b981;
        color: #1E52CC;
        font-weight: 700;
        background: transparent;
    }

    .hc-btn-outline:hover {
        background: #10b981;
        color: #ffffff;
    }

    .hc-metrics strong {
        display: block;
        color: #1e3a5f;
        font-size: 1.1rem;
        font-weight: 800;
    }

    .hc-metrics span {
        color: #64748b;
        font-size: 0.82rem;
    }

    .hc-form-card {
        border-radius: 20px;
        border: 1px solid rgba(14, 165, 233, 0.15) !important;
        background: rgba(255, 255, 255, 0.97);
    }

    .hc-section-title {
        color: #1e3a5f;
    }

    .hc-soft-bg {
        background: linear-gradient(180deg, #f0f9ff 0%, #EEF3FB 50%, #fff1f2 100%);
    }

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

    .hc-clinical-card {
        position: relative;
        height: 100%;
        background: #ffffff;
        border: 1px solid rgba(148, 163, 184, 0.2);
        border-radius: 20px;
        padding: 28px 24px;
        box-shadow: 0 12px 30px rgba(30, 58, 95, 0.05);
        transition: transform 0.25s ease, box-shadow 0.25s ease;
    }

    .hc-clinical-card:hover {
        transform: translateY(-4px);
        box-shadow: 0 18px 40px rgba(14, 165, 233, 0.1);
    }

    .hc-clinical-featured {
        border-color: #0ea5e9;
        box-shadow: 0 16px 36px rgba(14, 165, 233, 0.12);
    }

    .hc-cross-mark {
        position: absolute;
        top: 18px;
        right: 18px;
        width: 16px;
        height: 16px;
    }

    .hc-cross-mark::before,
    .hc-cross-mark::after {
        content: "";
        position: absolute;
        background: #10b981;
        border-radius: 2px;
        opacity: 0.35;
    }

    .hc-cross-mark::before {
        width: 16px;
        height: 4px;
        top: 6px;
        left: 0;
    }

    .hc-cross-mark::after {
        width: 4px;
        height: 16px;
        top: 0;
        left: 6px;
    }

    .hc-clinical-card i {
        display: inline-flex;
        width: 48px;
        height: 48px;
        align-items: center;
        justify-content: center;
        border-radius: 14px;
        background: linear-gradient(135deg, rgba(14, 165, 233, 0.12), rgba(16, 185, 129, 0.12));
        color: #0284c7;
        font-size: 24px;
        margin-bottom: 14px;
    }

    .hc-clinical-card h3 {
        color: #1e3a5f;
        font-size: 1.05rem;
        margin-bottom: 8px;
    }

    .hc-clinical-card p {
        color: #64748b;
        margin-bottom: 0;
        line-height: 1.7;
        font-size: 0.94rem;
    }

    .hc-platform-image {
        border: 1px solid rgba(14, 165, 233, 0.15);
    }

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

    .hc-setting {
        padding: 22px;
        border-radius: 20px;
        background: #ffffff;
        border: 1px solid rgba(148, 163, 184, 0.15);
        box-shadow: 0 10px 28px rgba(30, 58, 95, 0.04);
        position: relative;
        overflow: hidden;
    }

    .hc-setting::before {
        content: "";
        position: absolute;
        top: -20px;
        right: -20px;
        width: 60px;
        height: 60px;
        border-radius: 50%;
        opacity: 0.12;
    }

    .hc-setting-hospital::before { background: #0ea5e9; }
    .hc-setting-clinic::before { background: #10b981; }
    .hc-setting-home::before { background: #f43f5e; }

    .hc-setting-label {
        display: inline-block;
        padding: 4px 14px;
        border-radius: 8px;
        font-size: 0.75rem;
        font-weight: 800;
        letter-spacing: 0.06em;
        text-transform: uppercase;
        margin-bottom: 14px;
    }

    .hc-setting-hospital .hc-setting-label {
        background: rgba(14, 165, 233, 0.12);
        color: #0369a1;
    }

    .hc-setting-clinic .hc-setting-label {
        background: rgba(16, 185, 129, 0.12);
        color: #1644B0;
    }

    .hc-setting-home .hc-setting-label {
        background: rgba(244, 63, 94, 0.12);
        color: #be123c;
    }

    .hc-setting ul {
        margin: 0;
        padding-left: 18px;
        color: #64748b;
        font-size: 0.92rem;
        line-height: 1.75;
    }

    .hc-domain-card {
        height: 100%;
        background: #ffffff;
        border: 1px solid rgba(148, 163, 184, 0.15);
        border-radius: 20px;
        padding: 24px;
        box-shadow: 0 10px 28px rgba(30, 58, 95, 0.04);
        transition: transform 0.25s ease;
    }

    .hc-domain-card:hover {
        transform: translateY(-3px);
    }

    .hc-domain-card i {
        display: inline-flex;
        width: 44px;
        height: 44px;
        align-items: center;
        justify-content: center;
        border-radius: 12px;
        background: rgba(14, 165, 233, 0.1);
        color: #0284c7;
        font-size: 22px;
        margin-bottom: 14px;
    }

    .hc-domain-card h4 {
        color: #1e3a5f;
        font-size: 1rem;
        margin-bottom: 8px;
    }

    .hc-domain-card p {
        color: #64748b;
        margin-bottom: 0;
        line-height: 1.65;
        font-size: 0.9rem;
    }

    .hc-journey-strip {
        background: linear-gradient(135deg, #1e3a5f 0%, #0369a1 50%, #1644B0 100%);
    }

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

    .hc-journey-item {
        padding: 18px 20px;
        border-radius: 16px;
        background: rgba(255, 255, 255, 0.07);
        border: 1px solid rgba(255, 255, 255, 0.1);
        border-top: 3px solid #10b981;
    }

    .hc-journey-item strong {
        display: block;
        color: #ffffff;
        font-size: 0.98rem;
        margin-bottom: 6px;
    }

    .hc-journey-item span {
        color: rgba(255, 255, 255, 0.72);
        font-size: 0.9rem;
        line-height: 1.6;
    }

    .hc-outcome-card {
        height: 100%;
        text-align: center;
        background: #ffffff;
        border: 1px solid rgba(148, 163, 184, 0.15);
        border-radius: 20px;
        padding: 24px 20px;
        box-shadow: 0 10px 28px rgba(30, 58, 95, 0.04);
    }

    .hc-outcome-icon {
        width: 52px;
        height: 52px;
        margin: 0 auto 12px;
        border-radius: 16px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: linear-gradient(135deg, rgba(14, 165, 233, 0.15), rgba(16, 185, 129, 0.15));
        color: #0284c7;
        font-size: 24px;
    }

    .hc-outcome-card h4 {
        color: #1e3a5f;
        font-size: 1rem;
        margin-bottom: 8px;
    }

    .hc-outcome-card p {
        color: #64748b;
        margin-bottom: 0;
        line-height: 1.65;
        font-size: 0.9rem;
    }

    .hc-engage-list {
        display: grid;
        gap: 14px;
    }

    .hc-engage-row {
        display: grid;
        grid-template-columns: 56px 1fr;
        gap: 16px;
        padding: 22px;
        border-radius: 20px;
        background: #ffffff;
        border: 1px solid rgba(148, 163, 184, 0.15);
        box-shadow: 0 10px 28px rgba(30, 58, 95, 0.04);
    }

    .hc-engage-featured {
        border-color: #0ea5e9;
        box-shadow: 0 16px 36px rgba(14, 165, 233, 0.12);
    }

    .hc-engage-row span {
        width: 56px;
        height: 56px;
        border-radius: 16px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: linear-gradient(135deg, #0ea5e9, #10b981);
        color: #ffffff;
        font-weight: 800;
    }

    .hc-engage-row h4 {
        color: #1e3a5f;
        margin-bottom: 6px;
        font-weight: 800;
    }

    .hc-engage-row p {
        color: #64748b;
        margin-bottom: 0;
        line-height: 1.65;
        font-size: 0.92rem;
    }

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

    .hc-stack-col {
        background: #ffffff;
        border: 1px solid rgba(148, 163, 184, 0.15);
        border-radius: 20px;
        padding: 22px;
        box-shadow: 0 10px 28px rgba(30, 58, 95, 0.04);
    }

    .hc-stack-col h3 {
        color: #1e3a5f;
        font-size: 1rem;
        margin-bottom: 12px;
    }

    .hc-stack-col ul {
        margin: 0;
        padding-left: 18px;
        color: #64748b;
        font-size: 0.92rem;
        line-height: 1.7;
    }

    .hc-dark {
        background: linear-gradient(135deg, #1e3a5f 0%, #0369a1 55%, #065f46 100%);
    }

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

    .hc-timeline-item {
        background: rgba(255, 255, 255, 0.08);
        border: 1px solid rgba(255, 255, 255, 0.12);
        border-radius: 16px;
        padding: 22px;
    }

    .hc-timeline-item h3 {
        color: #ffffff;
        font-size: 1.02rem;
        margin-bottom: 8px;
    }

    .hc-timeline-item p {
        color: rgba(255, 255, 255, 0.72);
        margin-bottom: 0;
        line-height: 1.65;
        font-size: 0.92rem;
    }

    .hc-audience {
        background: #ffffff;
        border: 1px solid rgba(148, 163, 184, 0.15);
        border-radius: 12px;
        padding: 16px 20px;
        color: #1e3a5f;
        font-weight: 700;
        box-shadow: 0 8px 24px rgba(30, 58, 95, 0.04);
    }

    .hc-faq .accordion-item {
        border: 1px solid rgba(148, 163, 184, 0.15);
        border-radius: 14px;
        overflow: hidden;
        margin-bottom: 12px;
    }

    .hc-faq .accordion-button {
        font-weight: 700;
        color: #1e3a5f;
    }

    .hc-showcase {
        position: relative;
        border-radius: 20px;
        overflow: hidden;
        box-shadow: 0 24px 60px rgba(30, 58, 95, 0.12);
        border: 1px solid rgba(14, 165, 233, 0.15);
    }

    .hc-showcase-image {
        width: 100%;
        display: block;
    }

    .hc-showcase-caption {
        position: absolute;
        bottom: 16px;
        left: 16px;
        right: 16px;
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 12px 16px;
        border-radius: 12px;
        background: rgba(255, 255, 255, 0.95);
        border: 1px solid rgba(148, 163, 184, 0.1);
        font-size: 0.88rem;
        font-weight: 700;
        color: #1e3a5f;
    }

    .hc-cta {
        background: linear-gradient(135deg, #1e3a5f 0%, #0284c7 50%, #10b981 130%);
    }

    @media (max-width: 991px) {
        .hc-clinical-grid,
        .hc-setting-rings,
        .hc-journey-grid,
        .hc-stack-columns,
        .hc-timeline {
            grid-template-columns: 1fr;
        }
    }

    @media (max-width: 768px) {
        .hc-hero {
            padding: 60px 0;
            text-align: center;
        }

        .hc-care-path,
        .hc-specialty-tags {
            justify-content: center;
        }

        .hc-hero .d-flex {
            justify-content: center;
        }
    }


/* =========================================
   INDUSTRIES — INSURANCE
========================================= */

    .in-hero {
        padding: 85px 0;
        background: linear-gradient(160deg, #eef2ff 0%, #fff7ed 42%, #ffffff 100%);
    }

    .in-hero-shield {
        position: absolute;
        bottom: -80px;
        left: -60px;
        width: 320px;
        height: 320px;
        border-radius: 50%;
        background: radial-gradient(circle, rgba(30, 58, 138, 0.12) 0%, rgba(249, 115, 22, 0.06) 65%, transparent 100%);
        pointer-events: none;
    }

    .in-heading {
        color: #1e293b;
        font-size: clamp(2rem, 4vw, 3.3rem);
        line-height: 1.12;
    }

    .in-lead {
        color: #475569;
        max-width: 640px;
        line-height: 1.75;
    }

    .in-badge {
        background: rgba(30, 58, 138, 0.1);
        color: #1e3a8a;
        border: 1px solid rgba(30, 58, 138, 0.22);
        font-weight: 600;
    }

    .in-badge-light {
        background: rgba(255, 255, 255, 0.12);
        color: #ffffff;
        border: 1px solid rgba(255, 255, 255, 0.2);
        font-weight: 600;
    }

    .in-badge-coral {
        background: rgba(249, 115, 22, 0.2);
        color: #ffffff;
        border: 1px solid rgba(249, 115, 22, 0.35);
        font-weight: 600;
    }

    .in-eyebrow {
        display: inline-block;
        margin-bottom: 12px;
        font-size: 0.82rem;
        font-weight: 700;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        color: #1e3a8a;
    }

    .in-lifecycle-ribbon {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 6px;
    }

    .in-lifecycle-step {
        padding: 7px 14px;
        border-radius: 999px;
        background: #ffffff;
        border: 1px solid rgba(30, 58, 138, 0.16);
        color: #1e3a8a;
        font-size: 0.82rem;
        font-weight: 700;
    }

    .in-lifecycle-step.in-active {
        background: linear-gradient(135deg, #1e3a8a, #3730a3);
        border-color: transparent;
        color: #ffffff;
    }

    .in-lifecycle-arrow {
        width: 18px;
        height: 2px;
        background: linear-gradient(90deg, #1e3a8a, #f97316);
        border-radius: 2px;
        flex-shrink: 0;
    }

    .in-coverage-pills {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
    }

    .in-coverage-pills span {
        padding: 8px 14px;
        border-radius: 10px;
        background: rgba(249, 115, 22, 0.1);
        border: 1px solid rgba(249, 115, 22, 0.22);
        color: #c2410c;
        font-size: 0.88rem;
        font-weight: 600;
    }

    .in-btn-primary {
        background: linear-gradient(135deg, #f97316, #ea580c);
        border: none;
        color: #ffffff;
        font-weight: 700;
    }

    .in-btn-primary:hover {
        background: linear-gradient(135deg, #ea580c, #c2410c);
        color: #ffffff;
    }

    .in-btn-outline {
        border: 2px solid #1e3a8a;
        color: #1e3a8a;
        font-weight: 700;
        background: transparent;
    }

    .in-btn-outline:hover {
        background: #1e3a8a;
        color: #ffffff;
    }

    .in-hero-panel {
        position: relative;
        background: linear-gradient(145deg, #1e3a8a 0%, #312e81 100%);
        border-radius: 24px;
        padding: 18px;
        box-shadow: 0 28px 64px rgba(30, 58, 138, 0.22);
    }

    .in-hero-image {
        border-radius: 16px;
        border: 2px solid rgba(255, 255, 255, 0.15);
        width: 100%;
    }

    .in-panel-badge {
        position: absolute;
        bottom: 32px;
        left: 32px;
        right: 32px;
        display: flex;
        align-items: center;
        gap: 12px;
        padding: 14px 16px;
        border-radius: 14px;
        background: rgba(255, 255, 255, 0.95);
        border: 1px solid rgba(30, 58, 138, 0.12);
        box-shadow: 0 12px 30px rgba(15, 23, 42, 0.12);
        font-size: 0.82rem;
    }

    .in-panel-badge strong {
        display: block;
        color: #0f172a;
        font-size: 0.95rem;
    }

    .in-panel-badge span {
        color: #64748b;
    }

    .in-section-title {
        color: #0f172a;
    }

    .in-soft-bg {
        background: linear-gradient(180deg, #eef2ff 0%, #fff7ed 100%);
    }

    .in-solution-lanes {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 16px;
    }

    .in-lane-card {
        height: 100%;
        background: #ffffff;
        border: 1px solid rgba(30, 58, 138, 0.12);
        border-radius: 18px;
        padding: 26px;
        box-shadow: 0 12px 30px rgba(15, 23, 42, 0.05);
        transition: transform 0.25s ease, border-color 0.25s ease;
    }

    .in-lane-card:hover {
        transform: translateY(-4px);
        border-color: rgba(249, 115, 22, 0.35);
    }

    .in-lane-featured {
        border-color: #f97316;
        box-shadow: 0 16px 36px rgba(249, 115, 22, 0.12);
    }

    .in-lane-icon {
        width: 48px;
        height: 48px;
        border-radius: 14px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: linear-gradient(135deg, rgba(30, 58, 138, 0.12), rgba(249, 115, 22, 0.12));
        color: #1e3a8a;
        font-size: 24px;
        margin-bottom: 14px;
    }

    .in-lane-card h3 {
        color: #0f172a;
        font-size: 1.05rem;
        margin-bottom: 8px;
    }

    .in-lane-card p {
        color: #64748b;
        margin-bottom: 0;
        line-height: 1.7;
        font-size: 0.94rem;
    }

    .in-platform-image {
        border: 1px solid rgba(30, 58, 138, 0.12);
    }

    .in-capability-stack {
        display: grid;
        gap: 14px;
    }

    .in-capability {
        display: grid;
        grid-template-columns: 48px 1fr;
        gap: 16px;
        padding: 18px 20px;
        border-radius: 14px;
        background: #ffffff;
        border: 1px solid rgba(30, 58, 138, 0.12);
        box-shadow: 0 8px 24px rgba(15, 23, 42, 0.04);
    }

    .in-capability span {
        width: 48px;
        height: 48px;
        border-radius: 12px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: linear-gradient(135deg, #1e3a8a, #f97316);
        color: #ffffff;
        font-weight: 800;
        font-size: 0.9rem;
    }

    .in-capability h3 {
        color: #0f172a;
        font-size: 1.02rem;
        margin-bottom: 6px;
    }

    .in-capability p {
        color: #64748b;
        margin-bottom: 0;
        line-height: 1.65;
        font-size: 0.92rem;
    }

    .in-lob-card {
        height: 100%;
        background: #ffffff;
        border: 1px solid rgba(30, 58, 138, 0.1);
        border-radius: 16px;
        padding: 24px;
        box-shadow: 0 10px 28px rgba(15, 23, 42, 0.04);
        transition: transform 0.25s ease;
    }

    .in-lob-card:hover {
        transform: translateY(-3px);
    }

    .in-lob-card h4 {
        color: #0f172a;
        font-size: 1rem;
        margin: 14px 0 8px;
    }

    .in-lob-card p {
        color: #64748b;
        margin-bottom: 0;
        line-height: 1.65;
        font-size: 0.9rem;
    }

    .in-lifecycle-section {
        background: linear-gradient(135deg, #1e3a8a 0%, #312e81 55%, #4338ca 100%);
    }

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

    .in-lifecycle-item {
        padding: 18px 20px;
        border-radius: 14px;
        background: rgba(255, 255, 255, 0.08);
        border: 1px solid rgba(255, 255, 255, 0.12);
    }

    .in-lifecycle-item strong {
        display: block;
        color: #ffffff;
        font-size: 0.98rem;
        margin-bottom: 6px;
    }

    .in-lifecycle-item span {
        color: rgba(255, 255, 255, 0.72);
        font-size: 0.9rem;
        line-height: 1.6;
    }

    .in-outcome-card {
        height: 100%;
        text-align: center;
        background: #ffffff;
        border: 1px solid rgba(30, 58, 138, 0.12);
        border-radius: 16px;
        padding: 24px 20px;
        box-shadow: 0 10px 28px rgba(15, 23, 42, 0.04);
    }

    .in-outcome-icon {
        width: 48px;
        height: 48px;
        margin: 0 auto 12px;
        border-radius: 14px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: linear-gradient(135deg, rgba(30, 58, 138, 0.12), rgba(249, 115, 22, 0.15));
        color: #1e3a8a;
        font-size: 22px;
    }

    .in-outcome-card h4 {
        color: #0f172a;
        font-size: 1rem;
        margin-bottom: 8px;
    }

    .in-outcome-card p {
        color: #64748b;
        margin-bottom: 0;
        line-height: 1.65;
        font-size: 0.9rem;
    }

    .in-engage-list {
        display: grid;
        gap: 14px;
    }

    .in-engage-row {
        display: grid;
        grid-template-columns: 56px 1fr;
        gap: 16px;
        padding: 22px;
        border-radius: 16px;
        background: #ffffff;
        border: 1px solid rgba(30, 58, 138, 0.12);
        box-shadow: 0 10px 28px rgba(15, 23, 42, 0.04);
    }

    .in-engage-featured {
        border-color: #f97316;
        box-shadow: 0 16px 36px rgba(249, 115, 22, 0.12);
    }

    .in-engage-row span {
        width: 56px;
        height: 56px;
        border-radius: 14px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: linear-gradient(135deg, #1e3a8a, #f97316);
        color: #ffffff;
        font-weight: 800;
    }

    .in-engage-row h4 {
        color: #0f172a;
        margin-bottom: 6px;
        font-weight: 800;
    }

    .in-engage-row p {
        color: #64748b;
        margin-bottom: 0;
        line-height: 1.65;
        font-size: 0.92rem;
    }

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

    .in-stack-col {
        background: #ffffff;
        border: 1px solid rgba(30, 58, 138, 0.12);
        border-radius: 16px;
        padding: 22px;
        box-shadow: 0 10px 28px rgba(15, 23, 42, 0.04);
    }

    .in-stack-col h3 {
        color: #0f172a;
        font-size: 1rem;
        margin-bottom: 12px;
    }

    .in-stack-col ul {
        margin: 0;
        padding-left: 18px;
        color: #64748b;
        font-size: 0.92rem;
        line-height: 1.7;
    }

    .in-dark {
        background: linear-gradient(135deg, #0f172a 0%, #1e3a8a 55%, #3730a3 100%);
    }

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

    .in-timeline-item {
        background: rgba(255, 255, 255, 0.08);
        border: 1px solid rgba(255, 255, 255, 0.12);
        border-radius: 14px;
        padding: 22px;
    }

    .in-timeline-item h3 {
        color: #ffffff;
        font-size: 1.02rem;
        margin-bottom: 8px;
    }

    .in-timeline-item p {
        color: rgba(255, 255, 255, 0.72);
        margin-bottom: 0;
        line-height: 1.65;
        font-size: 0.92rem;
    }

    .in-audience {
        background: #ffffff;
        border: 1px solid rgba(30, 58, 138, 0.12);
        border-radius: 12px;
        padding: 16px 18px;
        color: #0f172a;
        font-weight: 700;
        box-shadow: 0 8px 24px rgba(15, 23, 42, 0.04);
    }

    .in-form-card {
        border-radius: 18px;
        border: 1px solid rgba(30, 58, 138, 0.12) !important;
    }

    .in-faq .accordion-item {
        border: 1px solid rgba(30, 58, 138, 0.12);
        border-radius: 12px;
        overflow: hidden;
        margin-bottom: 12px;
    }

    .in-faq .accordion-button {
        font-weight: 700;
        color: #0f172a;
    }

    .in-cta {
        background: linear-gradient(135deg, #1e3a8a 0%, #4338ca 50%, #f97316 130%);
    }

    @media (max-width: 991px) {
        .in-solution-lanes,
        .in-lifecycle-grid,
        .in-stack-columns,
        .in-timeline {
            grid-template-columns: 1fr;
        }
    }

    @media (max-width: 768px) {
        .in-hero {
            padding: 60px 0;
            text-align: center;
        }

        .in-lifecycle-ribbon,
        .in-coverage-pills {
            justify-content: center;
        }

        .in-hero-content .d-flex {
            justify-content: center;
        }

        .in-panel-badge {
            position: static;
            margin-top: 14px;
        }
    }


/* =========================================
   INDUSTRIES — INVESTMENT
========================================= */

    .iv-hero {
        padding: 85px 0;
        background: linear-gradient(165deg, #faf5ff 0%, #fefce8 40%, #f4f4f5 100%);
    }

    .iv-ledger-field {
        position: absolute;
        inset: 0;
        background-image:
            radial-gradient(ellipse at 30% 20%, rgba(88, 28, 135, 0.08) 0%, transparent 45%),
            radial-gradient(ellipse at 70% 80%, rgba(202, 138, 4, 0.06) 0%, transparent 40%),
            repeating-linear-gradient(90deg, transparent, transparent 79px, rgba(88, 28, 135, 0.03) 79px, rgba(88, 28, 135, 0.03) 80px);
        pointer-events: none;
    }

    .iv-gold-rule {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 4px;
        background: linear-gradient(90deg, #581c87 0%, #ca8a04 50%, #1E52CC 100%);
        opacity: 0.5;
        pointer-events: none;
    }

    .iv-heading {
        color: #3b0764;
        font-size: clamp(2rem, 4vw, 3.3rem);
        line-height: 1.12;
    }

    .iv-lead {
        color: #52525b;
        max-width: 640px;
        line-height: 1.75;
    }

    .iv-badge {
        background: rgba(88, 28, 135, 0.1);
        color: #6b21a8;
        border: 1px solid rgba(88, 28, 135, 0.22);
        font-weight: 600;
    }

    .iv-badge-light {
        background: rgba(255, 255, 255, 0.12);
        color: #ffffff;
        border: 1px solid rgba(255, 255, 255, 0.2);
        font-weight: 600;
    }

    .iv-badge-gold {
        background: rgba(202, 138, 4, 0.25);
        color: #ffffff;
        border: 1px solid rgba(202, 138, 4, 0.4);
        font-weight: 600;
    }

    .iv-eyebrow {
        display: inline-block;
        margin-bottom: 12px;
        font-size: 0.82rem;
        font-weight: 700;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        color: #ca8a04;
    }

    .iv-capital-flow {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 0;
    }

    .iv-flow-stage {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        min-width: 72px;
        padding: 8px 6px;
    }

    .iv-flow-dot {
        width: 12px;
        height: 12px;
        border-radius: 2px;
        background: #d4d4d8;
        margin-bottom: 8px;
        transition: all 0.3s ease;
    }

    .iv-flow-stage strong {
        display: block;
        color: #3f3f46;
        font-size: 0.78rem;
        font-weight: 800;
    }

    .iv-flow-stage small {
        display: block;
        color: #a1a1aa;
        font-size: 0.6rem;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 0.04em;
        margin-top: 2px;
    }

    .iv-stage-active .iv-flow-dot {
        background: #ca8a04;
        box-shadow: 0 0 10px rgba(202, 138, 4, 0.45);
        animation: iv-dot-pulse 2s ease-in-out infinite;
    }

    .iv-stage-active strong {
        color: #6b21a8;
    }

    @keyframes iv-dot-pulse {
        0%, 100% { transform: scale(1); }
        50% { transform: scale(1.2); }
    }

    .iv-flow-connector {
        width: 24px;
        height: 2px;
        background: linear-gradient(90deg, #581c87, #ca8a04);
        flex-shrink: 0;
    }

    .iv-asset-tags {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
    }

    .iv-asset-tags span {
        padding: 8px 14px;
        border-radius: 4px;
        background: rgba(24, 24, 27, 0.05);
        border: 1px solid rgba(88, 28, 135, 0.18);
        color: #3b0764;
        font-size: 0.88rem;
        font-weight: 700;
        font-family: monospace;
    }

    .iv-btn-primary {
        background: linear-gradient(135deg, #581c87, #6b21a8);
        border: none;
        color: #ffffff;
        font-weight: 700;
    }

    .iv-btn-primary:hover {
        background: linear-gradient(135deg, #6b21a8, #7e22ce);
        color: #ffffff;
    }

    .iv-btn-outline {
        border: 2px solid #ca8a04;
        color: #a16207;
        font-weight: 700;
        background: transparent;
    }

    .iv-btn-outline:hover {
        background: #ca8a04;
        color: #ffffff;
    }

    .iv-metrics strong {
        display: block;
        color: #3b0764;
        font-size: 1.1rem;
        font-weight: 800;
    }

    .iv-metrics span {
        color: #71717a;
        font-size: 0.82rem;
    }

    .iv-form-card {
        border-radius: 8px;
        border: 1px solid rgba(88, 28, 135, 0.15) !important;
        background: rgba(255, 255, 255, 0.97);
        border-top: 3px solid #ca8a04 !important;
    }

    .iv-section-title {
        color: #3b0764;
    }

    .iv-soft-bg {
        background: linear-gradient(180deg, #faf5ff 0%, #fefce8 50%, #f4f4f5 100%);
    }

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

    .iv-ledger-card {
        position: relative;
        height: 100%;
        background: #ffffff;
        border: 1px solid rgba(161, 161, 170, 0.2);
        border-radius: 4px;
        padding: 28px 24px 28px 32px;
        box-shadow: 0 12px 30px rgba(59, 7, 100, 0.05);
        transition: transform 0.25s ease, border-color 0.25s ease;
    }

    .iv-ledger-card:hover {
        transform: translateY(-4px);
        border-color: rgba(202, 138, 4, 0.35);
    }

    .iv-ledger-featured {
        border-color: #581c87;
        box-shadow: 0 16px 36px rgba(88, 28, 135, 0.12);
    }

    .iv-ledger-rail {
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 6px;
        background: linear-gradient(180deg, #581c87, #ca8a04);
        border-radius: 4px 0 0 4px;
    }

    .iv-ledger-card i {
        display: inline-flex;
        width: 44px;
        height: 44px;
        align-items: center;
        justify-content: center;
        border-radius: 4px;
        background: linear-gradient(135deg, rgba(88, 28, 135, 0.1), rgba(202, 138, 4, 0.1));
        color: #6b21a8;
        font-size: 22px;
        margin-bottom: 14px;
    }

    .iv-ledger-card h3 {
        color: #3b0764;
        font-size: 1.05rem;
        margin-bottom: 8px;
    }

    .iv-ledger-card p {
        color: #71717a;
        margin-bottom: 0;
        line-height: 1.7;
        font-size: 0.94rem;
    }

    .iv-platform-image {
        border: 1px solid rgba(88, 28, 135, 0.15);
    }

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

    .iv-desk {
        padding: 22px;
        border-radius: 4px;
        background: #ffffff;
        border: 1px solid rgba(161, 161, 170, 0.15);
        box-shadow: 0 10px 28px rgba(59, 7, 100, 0.04);
        border-bottom: 3px solid #581c87;
    }

    .iv-desk-front { border-bottom-color: #581c87; }
    .iv-desk-middle { border-bottom-color: #ca8a04; }
    .iv-desk-back { border-bottom-color: #1E52CC; }

    .iv-desk-label {
        display: inline-block;
        padding: 4px 12px;
        border-radius: 4px;
        font-size: 0.75rem;
        font-weight: 800;
        letter-spacing: 0.06em;
        text-transform: uppercase;
        margin-bottom: 14px;
        background: rgba(88, 28, 135, 0.08);
        color: #6b21a8;
    }

    .iv-desk ul {
        margin: 0;
        padding-left: 18px;
        color: #71717a;
        font-size: 0.92rem;
        line-height: 1.75;
    }

    .iv-domain-card {
        height: 100%;
        background: #ffffff;
        border: 1px solid rgba(161, 161, 170, 0.15);
        border-radius: 4px;
        padding: 24px;
        box-shadow: 0 10px 28px rgba(59, 7, 100, 0.04);
        transition: transform 0.25s ease;
    }

    .iv-domain-card:hover {
        transform: translateY(-3px);
    }

    .iv-domain-card i {
        display: inline-flex;
        width: 44px;
        height: 44px;
        align-items: center;
        justify-content: center;
        border-radius: 4px;
        background: rgba(88, 28, 135, 0.1);
        color: #6b21a8;
        font-size: 22px;
        margin-bottom: 14px;
    }

    .iv-domain-card h4 {
        color: #3b0764;
        font-size: 1rem;
        margin-bottom: 8px;
    }

    .iv-domain-card p {
        color: #71717a;
        margin-bottom: 0;
        line-height: 1.65;
        font-size: 0.9rem;
    }

    .iv-cycle-strip {
        background: linear-gradient(135deg, #3b0764 0%, #581c87 50%, #713f12 100%);
    }

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

    .iv-cycle-item {
        padding: 18px 20px;
        border-radius: 4px;
        background: rgba(255, 255, 255, 0.06);
        border: 1px solid rgba(255, 255, 255, 0.1);
        border-left: 4px solid #ca8a04;
    }

    .iv-cycle-item strong {
        display: block;
        color: #ffffff;
        font-size: 0.98rem;
        margin-bottom: 6px;
    }

    .iv-cycle-item span {
        color: rgba(255, 255, 255, 0.72);
        font-size: 0.9rem;
        line-height: 1.6;
    }

    .iv-outcome-card {
        height: 100%;
        text-align: center;
        background: #ffffff;
        border: 1px solid rgba(161, 161, 170, 0.15);
        border-radius: 4px;
        padding: 24px 20px;
        box-shadow: 0 10px 28px rgba(59, 7, 100, 0.04);
    }

    .iv-outcome-icon {
        width: 48px;
        height: 48px;
        margin: 0 auto 12px;
        border-radius: 4px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: linear-gradient(135deg, rgba(88, 28, 135, 0.12), rgba(202, 138, 4, 0.12));
        color: #6b21a8;
        font-size: 22px;
    }

    .iv-outcome-card h4 {
        color: #3b0764;
        font-size: 1rem;
        margin-bottom: 8px;
    }

    .iv-outcome-card p {
        color: #71717a;
        margin-bottom: 0;
        line-height: 1.65;
        font-size: 0.9rem;
    }

    .iv-engage-list {
        display: grid;
        gap: 14px;
    }

    .iv-engage-row {
        display: grid;
        grid-template-columns: 56px 1fr;
        gap: 16px;
        padding: 22px;
        border-radius: 4px;
        background: #ffffff;
        border: 1px solid rgba(161, 161, 170, 0.15);
        box-shadow: 0 10px 28px rgba(59, 7, 100, 0.04);
    }

    .iv-engage-featured {
        border-color: #581c87;
        box-shadow: 0 16px 36px rgba(88, 28, 135, 0.12);
    }

    .iv-engage-row span {
        width: 56px;
        height: 56px;
        border-radius: 4px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: linear-gradient(135deg, #581c87, #ca8a04);
        color: #ffffff;
        font-weight: 800;
    }

    .iv-engage-row h4 {
        color: #3b0764;
        margin-bottom: 6px;
        font-weight: 800;
    }

    .iv-engage-row p {
        color: #71717a;
        margin-bottom: 0;
        line-height: 1.65;
        font-size: 0.92rem;
    }

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

    .iv-stack-col {
        background: #ffffff;
        border: 1px solid rgba(161, 161, 170, 0.15);
        border-radius: 4px;
        padding: 22px;
        box-shadow: 0 10px 28px rgba(59, 7, 100, 0.04);
    }

    .iv-stack-col h3 {
        color: #3b0764;
        font-size: 1rem;
        margin-bottom: 12px;
    }

    .iv-stack-col ul {
        margin: 0;
        padding-left: 18px;
        color: #71717a;
        font-size: 0.92rem;
        line-height: 1.7;
    }

    .iv-dark {
        background: linear-gradient(135deg, #3b0764 0%, #581c87 55%, #713f12 100%);
    }

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

    .iv-timeline-item {
        background: rgba(255, 255, 255, 0.08);
        border: 1px solid rgba(255, 255, 255, 0.12);
        border-radius: 4px;
        padding: 22px;
    }

    .iv-timeline-item h3 {
        color: #ffffff;
        font-size: 1.02rem;
        margin-bottom: 8px;
    }

    .iv-timeline-item p {
        color: rgba(255, 255, 255, 0.72);
        margin-bottom: 0;
        line-height: 1.65;
        font-size: 0.92rem;
    }

    .iv-audience {
        background: #ffffff;
        border: 1px solid rgba(161, 161, 170, 0.15);
        border-radius: 4px;
        padding: 16px 18px;
        color: #3b0764;
        font-weight: 700;
        box-shadow: 0 8px 24px rgba(59, 7, 100, 0.04);
        border-left: 3px solid #ca8a04;
    }

    .iv-faq .accordion-item {
        border: 1px solid rgba(161, 161, 170, 0.15);
        border-radius: 4px;
        overflow: hidden;
        margin-bottom: 12px;
    }

    .iv-faq .accordion-button {
        font-weight: 700;
        color: #3b0764;
    }

    .iv-showcase {
        position: relative;
        border-radius: 4px;
        overflow: hidden;
        box-shadow: 0 24px 60px rgba(59, 7, 100, 0.12);
        border: 1px solid rgba(88, 28, 135, 0.15);
    }

    .iv-showcase-image {
        width: 100%;
        display: block;
    }

    .iv-showcase-caption {
        position: absolute;
        bottom: 16px;
        left: 16px;
        right: 16px;
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 12px 14px;
        border-radius: 4px;
        background: rgba(255, 255, 255, 0.95);
        border: 1px solid rgba(161, 161, 170, 0.1);
        font-size: 0.88rem;
        font-weight: 700;
        color: #3b0764;
    }

    .iv-cta {
        background: linear-gradient(135deg, #3b0764 0%, #581c87 50%, #ca8a04 130%);
    }

    @media (max-width: 991px) {
        .iv-ledger-grid,
        .iv-desk-columns,
        .iv-cycle-grid,
        .iv-stack-columns,
        .iv-timeline {
            grid-template-columns: 1fr;
        }

        .iv-flow-connector {
            display: none;
        }
    }

    @media (max-width: 768px) {
        .iv-hero {
            padding: 60px 0;
            text-align: center;
        }

        .iv-capital-flow,
        .iv-asset-tags {
            justify-content: center;
        }

        .iv-hero .d-flex {
            justify-content: center;
        }
    }


/* =========================================
   INDUSTRIES — LEGAL
========================================= */

    .le-hero {
        padding: 85px 0;
        background: linear-gradient(165deg, #f8fafc 0%, #EEF3FB 42%, #fffbeb 100%);
    }

    .le-rules-field {
        position: absolute;
        inset: 0;
        background-image:
            linear-gradient(rgba(30, 58, 95, 0.04) 1px, transparent 1px);
        background-size: 100% 28px;
        pointer-events: none;
    }

    .le-brass-rule {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 4px;
        background: linear-gradient(90deg, transparent, #b8860b 20%, #d4a853 50%, #b8860b 80%, transparent);
        opacity: 0.55;
        pointer-events: none;
    }

    .le-heading {
        color: #1e3a5f;
        font-size: clamp(2rem, 4vw, 3.3rem);
        line-height: 1.12;
    }

    .le-lead {
        color: #4b5563;
        max-width: 640px;
        line-height: 1.75;
    }

    .le-badge {
        background: rgba(30, 58, 95, 0.1);
        color: #1e3a5f;
        border: 1px solid rgba(30, 58, 95, 0.22);
        font-weight: 600;
    }

    .le-badge-light {
        background: rgba(255, 255, 255, 0.12);
        color: #ffffff;
        border: 1px solid rgba(255, 255, 255, 0.2);
        font-weight: 600;
    }

    .le-badge-brass {
        background: rgba(184, 134, 11, 0.25);
        color: #ffffff;
        border: 1px solid rgba(184, 134, 11, 0.4);
        font-weight: 600;
    }

    .le-eyebrow {
        display: inline-block;
        margin-bottom: 12px;
        font-size: 0.82rem;
        font-weight: 700;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        color: #b8860b;
    }

    .le-section-title {
        color: #1e3a5f;
    }

    .le-matter-chain {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 4px;
    }

    .le-chain-step {
        padding: 10px 14px;
        border-radius: 10px;
        background: #ffffff;
        border: 1px solid rgba(30, 58, 95, 0.14);
        text-align: center;
        min-width: 72px;
        position: relative;
    }

    .le-chain-step small {
        display: block;
        color: #9ca3af;
        font-size: 0.65rem;
        font-weight: 700;
        letter-spacing: 0.05em;
        text-transform: uppercase;
        margin-bottom: 2px;
    }

    .le-chain-step strong {
        display: block;
        color: #374151;
        font-size: 0.82rem;
    }

    .le-chain-seal {
        position: absolute;
        top: 6px;
        right: 8px;
        width: 7px;
        height: 7px;
        border-radius: 50%;
        background: #d1d5db;
    }

    .le-step-active {
        background: linear-gradient(145deg, #1e3a5f, #1e40af);
        border-color: transparent;
        box-shadow: 0 8px 24px rgba(30, 58, 95, 0.22);
    }

    .le-step-active strong,
    .le-step-active small {
        color: #ffffff;
    }

    .le-step-active .le-chain-seal {
        background: #d4a853;
        box-shadow: 0 0 0 3px rgba(212, 168, 83, 0.35);
    }

    .le-chain-link {
        width: 16px;
        height: 2px;
        background: linear-gradient(90deg, #1e3a5f, #b8860b);
        border-radius: 2px;
        opacity: 0.5;
    }

    .le-practice-tags {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
    }

    .le-practice-tags span {
        padding: 6px 14px;
        border-radius: 6px;
        background: rgba(30, 58, 95, 0.06);
        border: 1px solid rgba(30, 58, 95, 0.1);
        color: #1e3a5f;
        font-size: 0.82rem;
        font-weight: 600;
    }

    .le-metrics strong {
        display: block;
        color: #1e3a5f;
        font-size: 1.1rem;
        font-weight: 800;
    }

    .le-metrics span {
        color: #6b7280;
        font-size: 0.82rem;
    }

    .le-btn-primary {
        background: linear-gradient(135deg, #1e3a5f, #1e40af);
        color: #ffffff;
        border: none;
        font-weight: 700;
        border-radius: 8px;
    }

    .le-btn-primary:hover {
        background: linear-gradient(135deg, #172554, #1e3a5f);
        color: #ffffff;
    }

    .le-btn-outline {
        background: transparent;
        color: #1e3a5f;
        border: 2px solid rgba(30, 58, 95, 0.35);
        font-weight: 700;
        border-radius: 8px;
    }

    .le-btn-outline:hover {
        background: rgba(30, 58, 95, 0.08);
        color: #172554;
        border-color: #1e3a5f;
    }

    .le-soft-bg {
        background: #f8fafc;
    }

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

    .le-docket-card {
        position: relative;
        background: #ffffff;
        border: 1px solid rgba(30, 58, 95, 0.1);
        border-radius: 12px;
        padding: 28px 24px 24px 28px;
        box-shadow: 0 10px 28px rgba(30, 58, 95, 0.04);
        transition: transform 0.25s ease, border-color 0.25s ease;
        overflow: hidden;
    }

    .le-docket-card:hover {
        transform: translateY(-4px);
        border-color: rgba(184, 134, 11, 0.35);
    }

    .le-docket-featured {
        border-color: #b8860b;
        box-shadow: 0 16px 36px rgba(184, 134, 11, 0.12);
    }

    .le-docket-seal {
        position: absolute;
        left: 0;
        top: 16px;
        bottom: 16px;
        width: 4px;
        background: linear-gradient(180deg, #b8860b, #d4a853);
        border-radius: 0 4px 4px 0;
    }

    .le-docket-card i {
        display: inline-flex;
        width: 44px;
        height: 44px;
        align-items: center;
        justify-content: center;
        border-radius: 8px;
        background: rgba(30, 58, 95, 0.08);
        color: #1e3a5f;
        font-size: 22px;
        margin-bottom: 14px;
    }

    .le-docket-card h3 {
        color: #1e3a5f;
        font-size: 1.05rem;
        margin-bottom: 8px;
    }

    .le-docket-card p {
        color: #6b7280;
        margin-bottom: 0;
        line-height: 1.7;
        font-size: 0.94rem;
    }

    .le-platform-image {
        border: 1px solid rgba(30, 58, 95, 0.1);
    }

    .le-pillar-row {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 12px;
    }

    .le-pillar {
        padding: 20px 22px;
        border-radius: 10px;
        background: #ffffff;
        border: 1px solid rgba(30, 58, 95, 0.1);
        box-shadow: 0 8px 24px rgba(30, 58, 95, 0.04);
        border-top: 3px solid #1e3a5f;
    }

    .le-pillar-client { border-top-color: #1e40af; }
    .le-pillar-matter { border-top-color: #1e3a5f; }
    .le-pillar-record { border-top-color: #b8860b; }
    .le-pillar-revenue { border-top-color: #d4a853; }

    .le-pillar-cap {
        display: inline-block;
        padding: 3px 10px;
        border-radius: 4px;
        background: rgba(184, 134, 11, 0.1);
        color: #92400e;
        font-size: 0.72rem;
        font-weight: 700;
        letter-spacing: 0.06em;
        text-transform: uppercase;
        margin-bottom: 8px;
    }

    .le-pillar h3 {
        color: #1e3a5f;
        font-size: 0.98rem;
        margin-bottom: 6px;
    }

    .le-pillar p {
        color: #6b7280;
        margin-bottom: 0;
        line-height: 1.65;
        font-size: 0.9rem;
    }

    .le-domain-card {
        height: 100%;
        background: #ffffff;
        border: 1px solid rgba(30, 58, 95, 0.1);
        border-radius: 12px;
        padding: 24px;
        box-shadow: 0 10px 28px rgba(30, 58, 95, 0.04);
        transition: transform 0.25s ease;
    }

    .le-domain-card:hover {
        transform: translateY(-3px);
    }

    .le-domain-card i {
        display: inline-flex;
        width: 44px;
        height: 44px;
        align-items: center;
        justify-content: center;
        border-radius: 8px;
        background: linear-gradient(135deg, rgba(30, 58, 95, 0.1), rgba(184, 134, 11, 0.08));
        color: #1e3a5f;
        font-size: 22px;
        margin-bottom: 14px;
    }

    .le-domain-card h4 {
        color: #1e3a5f;
        font-size: 1rem;
        margin-bottom: 8px;
    }

    .le-domain-card p {
        color: #6b7280;
        margin-bottom: 0;
        line-height: 1.65;
        font-size: 0.9rem;
    }

    .le-lifecycle-strip {
        background: linear-gradient(135deg, #172554 0%, #1e3a5f 55%, #1e40af 100%);
    }

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

    .le-phase-item {
        padding: 18px 20px;
        border-radius: 10px;
        background: rgba(255, 255, 255, 0.06);
        border: 1px solid rgba(255, 255, 255, 0.1);
        border-left: 4px solid #d4a853;
    }

    .le-phase-item strong {
        display: block;
        color: #ffffff;
        font-size: 0.98rem;
        margin-bottom: 6px;
    }

    .le-phase-item span {
        color: rgba(255, 255, 255, 0.72);
        font-size: 0.9rem;
        line-height: 1.6;
    }

    .le-outcome-card {
        height: 100%;
        text-align: center;
        background: #ffffff;
        border: 1px solid rgba(30, 58, 95, 0.1);
        border-radius: 12px;
        padding: 24px 20px;
        box-shadow: 0 10px 28px rgba(30, 58, 95, 0.04);
    }

    .le-outcome-icon {
        width: 48px;
        height: 48px;
        margin: 0 auto 12px;
        border-radius: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: linear-gradient(135deg, rgba(30, 58, 95, 0.12), rgba(184, 134, 11, 0.1));
        color: #1e3a5f;
        font-size: 22px;
    }

    .le-outcome-card h4 {
        color: #1e3a5f;
        font-size: 1rem;
        margin-bottom: 8px;
    }

    .le-outcome-card p {
        color: #6b7280;
        margin-bottom: 0;
        line-height: 1.65;
        font-size: 0.9rem;
    }

    .le-engage-list {
        display: grid;
        gap: 14px;
    }

    .le-engage-row {
        display: grid;
        grid-template-columns: 56px 1fr;
        gap: 16px;
        padding: 22px;
        border-radius: 12px;
        background: #ffffff;
        border: 1px solid rgba(30, 58, 95, 0.1);
        box-shadow: 0 10px 28px rgba(30, 58, 95, 0.04);
    }

    .le-engage-featured {
        border-color: #b8860b;
        box-shadow: 0 16px 36px rgba(184, 134, 11, 0.12);
    }

    .le-engage-row span {
        width: 56px;
        height: 56px;
        border-radius: 8px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: linear-gradient(135deg, #1e3a5f, #b8860b);
        color: #ffffff;
        font-weight: 800;
    }

    .le-engage-row h4 {
        color: #1e3a5f;
        margin-bottom: 6px;
        font-weight: 800;
    }

    .le-engage-row p {
        color: #6b7280;
        margin-bottom: 0;
        line-height: 1.65;
        font-size: 0.92rem;
    }

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

    .le-stack-col {
        background: #ffffff;
        border: 1px solid rgba(30, 58, 95, 0.1);
        border-radius: 12px;
        padding: 22px;
        box-shadow: 0 10px 28px rgba(30, 58, 95, 0.04);
    }

    .le-stack-col h3 {
        color: #1e3a5f;
        font-size: 1rem;
        margin-bottom: 12px;
    }

    .le-stack-col ul {
        margin: 0;
        padding-left: 18px;
        color: #6b7280;
        font-size: 0.92rem;
        line-height: 1.7;
    }

    .le-dark {
        background: linear-gradient(135deg, #0f172a 0%, #1e3a5f 55%, #172554 100%);
    }

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

    .le-timeline-item {
        background: rgba(255, 255, 255, 0.06);
        border: 1px solid rgba(255, 255, 255, 0.1);
        border-radius: 12px;
        padding: 22px;
    }

    .le-timeline-item h3 {
        color: #ffffff;
        font-size: 1.02rem;
        margin-bottom: 8px;
    }

    .le-timeline-item p {
        color: rgba(255, 255, 255, 0.72);
        margin-bottom: 0;
        line-height: 1.65;
        font-size: 0.92rem;
    }

    .le-audience {
        background: #ffffff;
        border: 1px solid rgba(30, 58, 95, 0.1);
        border-radius: 10px;
        padding: 16px 18px;
        color: #1e3a5f;
        font-weight: 700;
        box-shadow: 0 8px 24px rgba(30, 58, 95, 0.04);
    }

    .le-form-card {
        border-radius: 14px;
        border: 1px solid rgba(30, 58, 95, 0.1) !important;
    }

    .le-faq .accordion-item {
        border: 1px solid rgba(30, 58, 95, 0.1);
        border-radius: 10px;
        overflow: hidden;
        margin-bottom: 12px;
    }

    .le-faq .accordion-button {
        font-weight: 700;
        color: #1e3a5f;
    }

    .le-showcase {
        border-radius: 14px;
        overflow: hidden;
        border: 1px solid rgba(30, 58, 95, 0.1);
        box-shadow: 0 16px 40px rgba(30, 58, 95, 0.08);
    }

    .le-showcase-image {
        width: 100%;
        display: block;
    }

    .le-showcase-caption {
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 14px 18px;
        background: linear-gradient(135deg, #1e3a5f, #b8860b);
        color: #ffffff;
        font-weight: 700;
        font-size: 0.92rem;
    }

    .le-cta {
        background: linear-gradient(135deg, #172554 0%, #1e3a5f 50%, #b8860b 130%);
    }

    @media (max-width: 991px) {
        .le-docket-grid,
        .le-phase-grid,
        .le-stack-columns,
        .le-timeline,
        .le-pillar-row {
            grid-template-columns: 1fr;
        }
    }

    @media (max-width: 768px) {
        .le-hero {
            padding: 60px 0;
            text-align: center;
        }

        .le-matter-chain,
        .le-practice-tags {
            justify-content: center;
        }

        .le-hero .d-flex {
            justify-content: center;
        }
    }


/* =========================================
   INDUSTRIES — MANUFACTURING
========================================= */

    .mf-hero {
        padding: 85px 0;
        background: linear-gradient(160deg, #f0fdfa 0%, #EEF3FB 40%, #ffffff 100%);
    }

    .mf-hex-field {
        position: absolute;
        inset: 0;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='100' viewBox='0 0 56 100'%3E%3Cpath d='M28 0L56 16v32L28 64 0 48V16z' fill='none' stroke='%230d9488' stroke-opacity='0.06' stroke-width='1'/%3E%3C/svg%3E");
        background-size: 56px 100px;
        pointer-events: none;
    }

    .mf-conveyor-edge {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 5px;
        background: repeating-linear-gradient(
            90deg,
            #0d9488,
            #0d9488 20px,
            #1f2937 20px,
            #1f2937 40px
        );
        opacity: 0.4;
        pointer-events: none;
    }

    .mf-heading {
        color: #134e4a;
        font-size: clamp(2rem, 4vw, 3.3rem);
        line-height: 1.12;
    }

    .mf-lead {
        color: #4b5563;
        max-width: 640px;
        line-height: 1.75;
    }

    .mf-badge {
        background: rgba(13, 148, 136, 0.1);
        color: #0f766e;
        border: 1px solid rgba(13, 148, 136, 0.22);
        font-weight: 600;
    }

    .mf-badge-light {
        background: rgba(255, 255, 255, 0.12);
        color: #ffffff;
        border: 1px solid rgba(255, 255, 255, 0.2);
        font-weight: 600;
    }

    .mf-badge-teal {
        background: rgba(20, 184, 166, 0.25);
        color: #ffffff;
        border: 1px solid rgba(20, 184, 166, 0.4);
        font-weight: 600;
    }

    .mf-eyebrow {
        display: inline-block;
        margin-bottom: 12px;
        font-size: 0.82rem;
        font-weight: 700;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        color: #0d9488;
    }

    .mf-section-title {
        color: #134e4a;
    }

    .mf-production-line {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 4px;
    }

    .mf-line-node {
        padding: 10px 14px;
        border-radius: 10px;
        background: #ffffff;
        border: 1px solid rgba(13, 148, 136, 0.14);
        text-align: center;
        min-width: 72px;
        position: relative;
    }

    .mf-line-node small {
        display: block;
        color: #9ca3af;
        font-size: 0.65rem;
        font-weight: 700;
        letter-spacing: 0.05em;
        text-transform: uppercase;
        margin-bottom: 2px;
    }

    .mf-line-node strong {
        display: block;
        color: #374151;
        font-size: 0.82rem;
    }

    .mf-node-pulse {
        position: absolute;
        top: 6px;
        right: 8px;
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background: #d1d5db;
    }

    .mf-node-active {
        background: linear-gradient(145deg, #0d9488, #14b8a6);
        border-color: transparent;
    }

    .mf-node-active strong,
    .mf-node-active small {
        color: #ffffff;
    }

    .mf-node-active .mf-node-pulse {
        background: #ffffff;
        box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.3);
        animation: mf-pulse 2s infinite;
    }

    @keyframes mf-pulse {
        0%, 100% { opacity: 1; }
        50% { opacity: 0.5; }
    }

    .mf-line-track {
        width: 18px;
        height: 3px;
        background: linear-gradient(90deg, #0d9488, #14b8a6);
        border-radius: 2px;
        opacity: 0.5;
    }

    .mf-sector-tags {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
    }

    .mf-sector-tags span {
        padding: 6px 14px;
        border-radius: 20px;
        background: rgba(31, 41, 55, 0.06);
        border: 1px solid rgba(31, 41, 55, 0.1);
        color: #374151;
        font-size: 0.82rem;
        font-weight: 600;
    }

    .mf-metrics strong {
        display: block;
        color: #0d9488;
        font-size: 1.1rem;
        font-weight: 800;
    }

    .mf-metrics span {
        color: #6b7280;
        font-size: 0.82rem;
    }

    .mf-btn-primary {
        background: linear-gradient(135deg, #0d9488, #14b8a6);
        color: #ffffff;
        border: none;
        font-weight: 700;
        border-radius: 10px;
    }

    .mf-btn-primary:hover {
        background: linear-gradient(135deg, #0f766e, #0d9488);
        color: #ffffff;
    }

    .mf-btn-outline {
        background: transparent;
        color: #0d9488;
        border: 2px solid rgba(13, 148, 136, 0.35);
        font-weight: 700;
        border-radius: 10px;
    }

    .mf-btn-outline:hover {
        background: rgba(13, 148, 136, 0.08);
        color: #0f766e;
        border-color: #0d9488;
    }

    .mf-soft-bg {
        background: #f8fafc;
    }

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

    .mf-pipeline-card {
        position: relative;
        background: #ffffff;
        border: 1px solid rgba(31, 41, 55, 0.1);
        border-radius: 16px;
        padding: 28px 24px 24px;
        box-shadow: 0 10px 28px rgba(31, 41, 55, 0.04);
        transition: transform 0.25s ease, border-color 0.25s ease;
        overflow: hidden;
    }

    .mf-pipeline-card:hover {
        transform: translateY(-4px);
        border-color: rgba(13, 148, 136, 0.35);
    }

    .mf-pipeline-featured {
        border-color: #0d9488;
        box-shadow: 0 16px 36px rgba(13, 148, 136, 0.12);
    }

    .mf-pipeline-accent {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 4px;
        background: linear-gradient(90deg, #0d9488, #14b8a6);
    }

    .mf-pipeline-card i {
        display: inline-flex;
        width: 44px;
        height: 44px;
        align-items: center;
        justify-content: center;
        border-radius: 10px;
        background: rgba(13, 148, 136, 0.1);
        color: #0d9488;
        font-size: 22px;
        margin-bottom: 14px;
    }

    .mf-pipeline-card h3 {
        color: #1f2937;
        font-size: 1.05rem;
        margin-bottom: 8px;
    }

    .mf-pipeline-card p {
        color: #6b7280;
        margin-bottom: 0;
        line-height: 1.7;
        font-size: 0.94rem;
    }

    .mf-platform-image {
        border: 1px solid rgba(31, 41, 55, 0.1);
    }

    .mf-hub-spokes {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto auto auto;
        gap: 14px;
        position: relative;
    }

    .mf-hub-center {
        grid-column: 1 / -1;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        padding: 18px;
        border-radius: 14px;
        background: linear-gradient(135deg, #1f2937, #374151);
        color: #ffffff;
        margin-bottom: 4px;
    }

    .mf-hub-center i {
        font-size: 22px;
        color: #14b8a6;
    }

    .mf-spoke {
        padding: 18px 20px;
        border-radius: 12px;
        background: #ffffff;
        border: 1px solid rgba(31, 41, 55, 0.1);
        border-left: 4px solid #0d9488;
        box-shadow: 0 8px 24px rgba(31, 41, 55, 0.04);
    }

    .mf-spoke h3 {
        color: #1f2937;
        font-size: 0.98rem;
        margin-bottom: 6px;
    }

    .mf-spoke p {
        color: #6b7280;
        margin-bottom: 0;
        line-height: 1.65;
        font-size: 0.9rem;
    }

    .mf-domain-card {
        height: 100%;
        background: #ffffff;
        border: 1px solid rgba(31, 41, 55, 0.1);
        border-radius: 16px;
        padding: 24px;
        box-shadow: 0 10px 28px rgba(31, 41, 55, 0.04);
        transition: transform 0.25s ease;
        position: relative;
        overflow: hidden;
    }

    .mf-domain-card::after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        width: 48px;
        height: 48px;
        background: linear-gradient(135deg, transparent 50%, rgba(13, 148, 136, 0.08) 50%);
    }

    .mf-domain-card:hover {
        transform: translateY(-3px);
    }

    .mf-domain-card i {
        display: inline-flex;
        width: 44px;
        height: 44px;
        align-items: center;
        justify-content: center;
        border-radius: 10px;
        background: rgba(31, 41, 55, 0.06);
        color: #0d9488;
        font-size: 22px;
        margin-bottom: 14px;
    }

    .mf-domain-card h4 {
        color: #1f2937;
        font-size: 1rem;
        margin-bottom: 8px;
    }

    .mf-domain-card p {
        color: #6b7280;
        margin-bottom: 0;
        line-height: 1.65;
        font-size: 0.9rem;
    }

    .mf-lifecycle-strip {
        background: linear-gradient(135deg, #134e4a 0%, #1f2937 55%, #374151 100%);
    }

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

    .mf-phase-item {
        padding: 18px 20px;
        border-radius: 12px;
        background: rgba(255, 255, 255, 0.06);
        border: 1px solid rgba(255, 255, 255, 0.1);
        border-left: 4px solid #14b8a6;
    }

    .mf-phase-item strong {
        display: block;
        color: #ffffff;
        font-size: 0.98rem;
        margin-bottom: 6px;
    }

    .mf-phase-item span {
        color: rgba(255, 255, 255, 0.72);
        font-size: 0.9rem;
        line-height: 1.6;
    }

    .mf-outcome-card {
        height: 100%;
        text-align: center;
        background: #ffffff;
        border: 1px solid rgba(31, 41, 55, 0.1);
        border-radius: 16px;
        padding: 24px 20px;
        box-shadow: 0 10px 28px rgba(31, 41, 55, 0.04);
    }

    .mf-outcome-icon {
        width: 48px;
        height: 48px;
        margin: 0 auto 12px;
        border-radius: 12px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: linear-gradient(135deg, rgba(13, 148, 136, 0.12), rgba(31, 41, 55, 0.08));
        color: #0d9488;
        font-size: 22px;
    }

    .mf-outcome-card h4 {
        color: #1f2937;
        font-size: 1rem;
        margin-bottom: 8px;
    }

    .mf-outcome-card p {
        color: #6b7280;
        margin-bottom: 0;
        line-height: 1.65;
        font-size: 0.9rem;
    }

    .mf-engage-list {
        display: grid;
        gap: 14px;
    }

    .mf-engage-row {
        display: grid;
        grid-template-columns: 56px 1fr;
        gap: 16px;
        padding: 22px;
        border-radius: 16px;
        background: #ffffff;
        border: 1px solid rgba(31, 41, 55, 0.1);
        box-shadow: 0 10px 28px rgba(31, 41, 55, 0.04);
    }

    .mf-engage-featured {
        border-color: #0d9488;
        box-shadow: 0 16px 36px rgba(13, 148, 136, 0.12);
    }

    .mf-engage-row span {
        width: 56px;
        height: 56px;
        border-radius: 12px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: linear-gradient(135deg, #1f2937, #0d9488);
        color: #ffffff;
        font-weight: 800;
    }

    .mf-engage-row h4 {
        color: #1f2937;
        margin-bottom: 6px;
        font-weight: 800;
    }

    .mf-engage-row p {
        color: #6b7280;
        margin-bottom: 0;
        line-height: 1.65;
        font-size: 0.92rem;
    }

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

    .mf-stack-col {
        background: #ffffff;
        border: 1px solid rgba(31, 41, 55, 0.1);
        border-radius: 16px;
        padding: 22px;
        box-shadow: 0 10px 28px rgba(31, 41, 55, 0.04);
    }

    .mf-stack-col h3 {
        color: #1f2937;
        font-size: 1rem;
        margin-bottom: 12px;
    }

    .mf-stack-col ul {
        margin: 0;
        padding-left: 18px;
        color: #6b7280;
        font-size: 0.92rem;
        line-height: 1.7;
    }

    .mf-dark {
        background: linear-gradient(135deg, #0f172a 0%, #1f2937 55%, #134e4a 100%);
    }

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

    .mf-timeline-item {
        background: rgba(255, 255, 255, 0.06);
        border: 1px solid rgba(255, 255, 255, 0.1);
        border-radius: 14px;
        padding: 22px;
    }

    .mf-timeline-item h3 {
        color: #ffffff;
        font-size: 1.02rem;
        margin-bottom: 8px;
    }

    .mf-timeline-item p {
        color: rgba(255, 255, 255, 0.72);
        margin-bottom: 0;
        line-height: 1.65;
        font-size: 0.92rem;
    }

    .mf-audience {
        background: #ffffff;
        border: 1px solid rgba(31, 41, 55, 0.1);
        border-radius: 12px;
        padding: 16px 18px;
        color: #1f2937;
        font-weight: 700;
        box-shadow: 0 8px 24px rgba(31, 41, 55, 0.04);
    }

    .mf-form-card {
        border-radius: 18px;
        border: 1px solid rgba(31, 41, 55, 0.1) !important;
    }

    .mf-faq .accordion-item {
        border: 1px solid rgba(31, 41, 55, 0.1);
        border-radius: 12px;
        overflow: hidden;
        margin-bottom: 12px;
    }

    .mf-faq .accordion-button {
        font-weight: 700;
        color: #1f2937;
    }

    .mf-showcase {
        border-radius: 18px;
        overflow: hidden;
        border: 1px solid rgba(31, 41, 55, 0.1);
        box-shadow: 0 16px 40px rgba(31, 41, 55, 0.08);
    }

    .mf-showcase-image {
        width: 100%;
        display: block;
    }

    .mf-showcase-caption {
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 14px 18px;
        background: linear-gradient(135deg, #1f2937, #0d9488);
        color: #ffffff;
        font-weight: 700;
        font-size: 0.92rem;
    }

    .mf-cta {
        background: linear-gradient(135deg, #134e4a 0%, #1f2937 50%, #0d9488 130%);
    }

    @media (max-width: 991px) {
        .mf-pipeline-grid,
        .mf-phase-grid,
        .mf-stack-columns,
        .mf-timeline,
        .mf-hub-spokes {
            grid-template-columns: 1fr;
        }

        .mf-hub-center {
            grid-column: 1;
        }
    }

    @media (max-width: 768px) {
        .mf-hero {
            padding: 60px 0;
            text-align: center;
        }

        .mf-production-line,
        .mf-sector-tags {
            justify-content: center;
        }

        .mf-hero .d-flex {
            justify-content: center;
        }
    }


/* =========================================
   INDUSTRIES — MARTECH
========================================= */

    .mt-hero {
        padding: 85px 0;
        background: linear-gradient(155deg, #faf5ff 0%, #EEF3FB 48%, #ffffff 100%);
    }

    .mt-data-waves {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 120px;
        background:
            url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 120'%3E%3Cpath d='M0,60 Q150,20 300,60 T600,60 T900,60 T1200,60 V120 H0 Z' fill='%23DB2777' fill-opacity='0.06'/%3E%3Cpath d='M0,80 Q200,40 400,80 T800,80 T1200,80 V120 H0 Z' fill='%231D4ED8' fill-opacity='0.05'/%3E%3C/svg%3E") center bottom / cover no-repeat;
        pointer-events: none;
    }

    .mt-heading {
        color: #1e1b4b;
        font-size: clamp(2rem, 4vw, 3.3rem);
        line-height: 1.12;
    }

    .mt-lead {
        color: #4b5563;
        max-width: 640px;
        line-height: 1.75;
    }

    .mt-badge {
        background: rgba(219, 39, 119, 0.1);
        color: #db2777;
        border: 1px solid rgba(219, 39, 119, 0.22);
        font-weight: 600;
    }

    .mt-badge-light {
        background: rgba(255, 255, 255, 0.12);
        color: #ffffff;
        border: 1px solid rgba(255, 255, 255, 0.2);
        font-weight: 600;
    }

    .mt-badge-fuchsia {
        background: rgba(219, 39, 119, 0.25);
        color: #ffffff;
        border: 1px solid rgba(219, 39, 119, 0.4);
        font-weight: 600;
    }

    .mt-eyebrow {
        display: inline-block;
        margin-bottom: 12px;
        font-size: 0.82rem;
        font-weight: 700;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        color: #1644B0;
    }

    .mt-funnel-flow {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 6px;
    }

    .mt-funnel-step {
        padding: 7px 14px;
        border-radius: 999px;
        background: #ffffff;
        border: 1px solid rgba(29, 78, 216, 0.16);
        color: #1644B0;
        font-size: 0.82rem;
        font-weight: 700;
    }

    .mt-funnel-active {
        background: linear-gradient(135deg, #db2777, #be185d);
        border-color: transparent;
        color: #ffffff;
    }

    .mt-funnel-chevron {
        width: 0;
        height: 0;
        border-top: 5px solid transparent;
        border-bottom: 5px solid transparent;
        border-left: 8px solid #93B4F4;
        flex-shrink: 0;
    }

    .mt-channel-tags {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
    }

    .mt-channel-tags span {
        padding: 8px 14px;
        border-radius: 8px;
        background: rgba(29, 78, 216, 0.08);
        border: 1px solid rgba(29, 78, 216, 0.18);
        color: #1e40af;
        font-size: 0.88rem;
        font-weight: 600;
    }

    .mt-btn-primary {
        background: linear-gradient(135deg, #db2777, #be185d);
        border: none;
        color: #ffffff;
        font-weight: 700;
    }

    .mt-btn-primary:hover {
        background: linear-gradient(135deg, #be185d, #9d174d);
        color: #ffffff;
    }

    .mt-btn-outline {
        border: 2px solid #1644B0;
        color: #1644B0;
        font-weight: 700;
        background: transparent;
    }

    .mt-btn-outline:hover {
        background: #1644B0;
        color: #ffffff;
    }

    .mt-hero-visual {
        position: relative;
    }

    .mt-hero-image {
        border-radius: 20px;
        border: 1px solid rgba(219, 39, 119, 0.15);
        box-shadow: 0 24px 60px rgba(29, 78, 216, 0.12);
    }

    .mt-kpi-pulse {
        position: absolute;
        background: rgba(255, 255, 255, 0.95);
        border: 1px solid rgba(219, 39, 119, 0.12);
        border-radius: 14px;
        padding: 12px 14px;
        box-shadow: 0 12px 30px rgba(30, 27, 75, 0.1);
        font-size: 0.82rem;
    }

    .mt-kpi-pulse strong {
        display: block;
        color: #1e1b4b;
        font-size: 0.95rem;
    }

    .mt-kpi-pulse span {
        color: #6b7280;
    }

    .mt-kpi-one {
        top: 18px;
        left: -10px;
    }

    .mt-kpi-two {
        top: 42%;
        right: -8px;
    }

    .mt-kpi-three {
        bottom: 18px;
        left: 24px;
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .mt-section-title {
        color: #1e1b4b;
    }

    .mt-soft-bg {
        background: linear-gradient(180deg, #faf5ff 0%, #EEF3FB 100%);
    }

    .mt-funnel-tiers {
        display: grid;
        gap: 16px;
        max-width: 960px;
        margin: 0 auto;
    }

    .mt-tier-row {
        display: grid;
        gap: 16px;
    }

    .mt-tier-wide {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .mt-tier-row:not(.mt-tier-wide):not(.mt-tier-narrow) {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .mt-tier-narrow {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        max-width: 72%;
        margin: 0 auto;
    }

    .mt-tier-card {
        background: #ffffff;
        border: 1px solid rgba(29, 78, 216, 0.12);
        border-radius: 16px;
        padding: 26px;
        box-shadow: 0 12px 30px rgba(30, 27, 75, 0.05);
        transition: transform 0.25s ease, border-color 0.25s ease;
        text-align: center;
    }

    .mt-tier-card:hover {
        transform: translateY(-4px);
        border-color: rgba(219, 39, 119, 0.35);
    }

    .mt-tier-featured {
        border-color: #db2777;
        box-shadow: 0 16px 36px rgba(219, 39, 119, 0.12);
    }

    .mt-tier-card i {
        display: inline-flex;
        width: 48px;
        height: 48px;
        align-items: center;
        justify-content: center;
        border-radius: 14px;
        background: linear-gradient(135deg, rgba(219, 39, 119, 0.12), rgba(29, 78, 216, 0.12));
        color: #db2777;
        font-size: 24px;
        margin-bottom: 14px;
    }

    .mt-tier-card h3 {
        color: #1e1b4b;
        font-size: 1.05rem;
        margin-bottom: 8px;
    }

    .mt-tier-card p {
        color: #6b7280;
        margin-bottom: 0;
        line-height: 1.7;
        font-size: 0.94rem;
    }

    .mt-platform-image {
        border: 1px solid rgba(29, 78, 216, 0.12);
    }

    .mt-capability-flow {
        display: grid;
        gap: 14px;
    }

    .mt-flow-block {
        padding: 20px 22px;
        border-radius: 14px;
        background: #ffffff;
        border: 1px solid rgba(29, 78, 216, 0.1);
        box-shadow: 0 8px 24px rgba(30, 27, 75, 0.04);
        position: relative;
        padding-left: 28px;
    }

    .mt-flow-block::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 5px;
        border-radius: 5px 0 0 5px;
        background: linear-gradient(180deg, #db2777, #1644B0);
    }

    .mt-flow-block h3 {
        color: #1e1b4b;
        font-size: 1.02rem;
        margin-bottom: 6px;
    }

    .mt-flow-block p {
        color: #6b7280;
        margin-bottom: 0;
        line-height: 1.65;
        font-size: 0.92rem;
    }

    .mt-domain-card {
        height: 100%;
        background: #ffffff;
        border: 1px solid rgba(29, 78, 216, 0.1);
        border-radius: 16px;
        padding: 24px;
        box-shadow: 0 10px 28px rgba(30, 27, 75, 0.04);
        transition: transform 0.25s ease;
    }

    .mt-domain-card:hover {
        transform: translateY(-3px);
    }

    .mt-domain-card i {
        display: inline-flex;
        width: 44px;
        height: 44px;
        align-items: center;
        justify-content: center;
        border-radius: 12px;
        background: rgba(219, 39, 119, 0.1);
        color: #db2777;
        font-size: 22px;
        margin-bottom: 14px;
    }

    .mt-domain-card h4 {
        color: #1e1b4b;
        font-size: 1rem;
        margin-bottom: 8px;
    }

    .mt-domain-card p {
        color: #6b7280;
        margin-bottom: 0;
        line-height: 1.65;
        font-size: 0.9rem;
    }

    .mt-analytics-strip {
        background: linear-gradient(135deg, #1e1b4b 0%, #312e81 55%, #831843 100%);
    }

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

    .mt-intel-grid div {
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 14px 16px;
        border-radius: 12px;
        background: rgba(255, 255, 255, 0.06);
        border: 1px solid rgba(255, 255, 255, 0.1);
        color: rgba(255, 255, 255, 0.88);
        font-size: 0.9rem;
        font-weight: 600;
    }

    .mt-intel-grid i {
        color: #f9a8d4;
        font-size: 20px;
    }

    .mt-outcome-card {
        height: 100%;
        text-align: center;
        background: #ffffff;
        border: 1px solid rgba(29, 78, 216, 0.1);
        border-radius: 16px;
        padding: 24px 20px;
        box-shadow: 0 10px 28px rgba(30, 27, 75, 0.04);
    }

    .mt-outcome-icon {
        width: 48px;
        height: 48px;
        margin: 0 auto 12px;
        border-radius: 14px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: linear-gradient(135deg, rgba(219, 39, 119, 0.12), rgba(29, 78, 216, 0.12));
        color: #db2777;
        font-size: 22px;
    }

    .mt-outcome-card h4 {
        color: #1e1b4b;
        font-size: 1rem;
        margin-bottom: 8px;
    }

    .mt-outcome-card p {
        color: #6b7280;
        margin-bottom: 0;
        line-height: 1.65;
        font-size: 0.9rem;
    }

    .mt-engage-list {
        display: grid;
        gap: 14px;
    }

    .mt-engage-row {
        display: grid;
        grid-template-columns: 56px 1fr;
        gap: 16px;
        padding: 22px;
        border-radius: 16px;
        background: #ffffff;
        border: 1px solid rgba(29, 78, 216, 0.1);
        box-shadow: 0 10px 28px rgba(30, 27, 75, 0.04);
    }

    .mt-engage-featured {
        border-color: #db2777;
        box-shadow: 0 16px 36px rgba(219, 39, 119, 0.12);
    }

    .mt-engage-row span {
        width: 56px;
        height: 56px;
        border-radius: 14px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: linear-gradient(135deg, #db2777, #1644B0);
        color: #ffffff;
        font-weight: 800;
    }

    .mt-engage-row h4 {
        color: #1e1b4b;
        margin-bottom: 6px;
        font-weight: 800;
    }

    .mt-engage-row p {
        color: #6b7280;
        margin-bottom: 0;
        line-height: 1.65;
        font-size: 0.92rem;
    }

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

    .mt-stack-col {
        background: #ffffff;
        border: 1px solid rgba(29, 78, 216, 0.1);
        border-radius: 16px;
        padding: 22px;
        box-shadow: 0 10px 28px rgba(30, 27, 75, 0.04);
    }

    .mt-stack-col h3 {
        color: #1e1b4b;
        font-size: 1rem;
        margin-bottom: 12px;
    }

    .mt-stack-col ul {
        margin: 0;
        padding-left: 18px;
        color: #6b7280;
        font-size: 0.92rem;
        line-height: 1.7;
    }

    .mt-dark {
        background: linear-gradient(135deg, #1e1b4b 0%, #312e81 55%, #831843 100%);
    }

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

    .mt-timeline-item {
        background: rgba(255, 255, 255, 0.08);
        border: 1px solid rgba(255, 255, 255, 0.12);
        border-radius: 14px;
        padding: 22px;
    }

    .mt-timeline-item h3 {
        color: #ffffff;
        font-size: 1.02rem;
        margin-bottom: 8px;
    }

    .mt-timeline-item p {
        color: rgba(255, 255, 255, 0.72);
        margin-bottom: 0;
        line-height: 1.65;
        font-size: 0.92rem;
    }

    .mt-audience {
        background: #ffffff;
        border: 1px solid rgba(29, 78, 216, 0.1);
        border-radius: 12px;
        padding: 16px 18px;
        color: #1e1b4b;
        font-weight: 700;
        box-shadow: 0 8px 24px rgba(30, 27, 75, 0.04);
    }

    .mt-form-card {
        border-radius: 18px;
        border: 1px solid rgba(29, 78, 216, 0.1) !important;
    }

    .mt-faq .accordion-item {
        border: 1px solid rgba(29, 78, 216, 0.1);
        border-radius: 12px;
        overflow: hidden;
        margin-bottom: 12px;
    }

    .mt-faq .accordion-button {
        font-weight: 700;
        color: #1e1b4b;
    }

    .mt-cta {
        background: linear-gradient(135deg, #1e1b4b 0%, #1644B0 50%, #db2777 130%);
    }

    @media (max-width: 991px) {
        .mt-tier-wide,
        .mt-tier-row:not(.mt-tier-wide):not(.mt-tier-narrow),
        .mt-tier-narrow,
        .mt-intel-grid,
        .mt-stack-columns,
        .mt-timeline {
            grid-template-columns: 1fr;
            max-width: none;
        }
    }

    @media (max-width: 768px) {
        .mt-hero {
            padding: 60px 0;
            text-align: center;
        }

        .mt-funnel-flow,
        .mt-channel-tags {
            justify-content: center;
        }

        .mt-hero .d-flex {
            justify-content: center;
        }

        .mt-kpi-pulse {
            position: static;
            margin-top: 10px;
            display: inline-block;
        }

        .mt-kpi-three {
            display: inline-flex;
        }

        .mt-hero-visual {
            text-align: left;
        }
    }


/* =========================================
   INDUSTRIES — OIL-GAS
========================================= */

    .og-hero {
        padding: 85px 0;
        background: linear-gradient(165deg, #fafaf9 0%, #fef3c7 35%, #fff7ed 100%);
    }

    .og-strata-field {
        position: absolute;
        inset: 0;
        background-image:
            linear-gradient(180deg, transparent 0%, rgba(12, 10, 9, 0.02) 30%, rgba(217, 119, 6, 0.04) 60%, rgba(234, 88, 12, 0.03) 100%),
            repeating-linear-gradient(0deg, transparent, transparent 48px, rgba(87, 83, 78, 0.04) 48px, rgba(87, 83, 78, 0.04) 49px);
        pointer-events: none;
    }

    .og-flare-band {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 5px;
        background: linear-gradient(90deg, #0c0a09 0%, #d97706 40%, #ea580c 70%, #0c0a09 100%);
        opacity: 0.45;
        pointer-events: none;
    }

    .og-heading {
        color: #0c0a09;
        font-size: clamp(2rem, 4vw, 3.3rem);
        line-height: 1.12;
    }

    .og-lead {
        color: #57534e;
        max-width: 640px;
        line-height: 1.75;
    }

    .og-badge {
        background: rgba(217, 119, 6, 0.12);
        color: #b45309;
        border: 1px solid rgba(217, 119, 6, 0.28);
        font-weight: 600;
    }

    .og-badge-light {
        background: rgba(255, 255, 255, 0.12);
        color: #ffffff;
        border: 1px solid rgba(255, 255, 255, 0.2);
        font-weight: 600;
    }

    .og-badge-flare {
        background: rgba(234, 88, 12, 0.3);
        color: #ffffff;
        border: 1px solid rgba(234, 88, 12, 0.45);
        font-weight: 600;
    }

    .og-eyebrow {
        display: inline-block;
        margin-bottom: 12px;
        font-size: 0.82rem;
        font-weight: 700;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        color: #d97706;
    }

    .og-value-chain {
        display: flex;
        flex-wrap: wrap;
        align-items: stretch;
        gap: 8px;
    }

    .og-chain-tier {
        flex: 1;
        min-width: 120px;
        padding: 14px 16px;
        border-radius: 10px;
        background: #ffffff;
        border: 2px solid rgba(12, 10, 9, 0.1);
        text-align: center;
        position: relative;
    }

    .og-chain-tier small {
        display: block;
        color: #a8a29e;
        font-size: 0.62rem;
        font-weight: 700;
        letter-spacing: 0.06em;
        text-transform: uppercase;
        margin-bottom: 4px;
    }

    .og-chain-tier strong {
        display: block;
        color: #1c1917;
        font-size: 0.92rem;
        font-weight: 800;
    }

    .og-chain-tier span {
        display: block;
        color: #78716c;
        font-size: 0.72rem;
        margin-top: 4px;
    }

    .og-tier-active {
        background: linear-gradient(160deg, #1c1917, #292524);
        border-color: #d97706;
        box-shadow: 0 6px 20px rgba(217, 119, 6, 0.2);
    }

    .og-tier-active small,
    .og-tier-active strong,
    .og-tier-active span {
        color: #fafaf9;
    }

    .og-tier-active span {
        color: #d6d3d1;
    }

    .og-chain-arrow {
        width: 20px;
        align-self: center;
        height: 3px;
        background: linear-gradient(90deg, #d97706, #ea580c);
        border-radius: 2px;
        flex-shrink: 0;
        position: relative;
    }

    .og-chain-arrow::after {
        content: "";
        position: absolute;
        right: -2px;
        top: -4px;
        border: 5px solid transparent;
        border-left-color: #ea580c;
    }

    .og-sector-tags {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
    }

    .og-sector-tags span {
        padding: 8px 14px;
        border-radius: 6px;
        background: rgba(12, 10, 9, 0.06);
        border: 1px solid rgba(217, 119, 6, 0.2);
        color: #1c1917;
        font-size: 0.88rem;
        font-weight: 700;
        font-family: monospace;
    }

    .og-btn-primary {
        background: linear-gradient(135deg, #d97706, #b45309);
        border: none;
        color: #ffffff;
        font-weight: 700;
    }

    .og-btn-primary:hover {
        background: linear-gradient(135deg, #b45309, #92400e);
        color: #ffffff;
    }

    .og-btn-outline {
        border: 2px solid #1c1917;
        color: #1c1917;
        font-weight: 700;
        background: transparent;
    }

    .og-btn-outline:hover {
        background: #1c1917;
        color: #ffffff;
    }

    .og-metrics strong {
        display: block;
        color: #0c0a09;
        font-size: 1.1rem;
        font-weight: 800;
    }

    .og-metrics span {
        color: #78716c;
        font-size: 0.82rem;
    }

    .og-form-card {
        border-radius: 14px;
        border: 1px solid rgba(217, 119, 6, 0.18) !important;
        background: rgba(255, 255, 255, 0.96);
    }

    .og-section-title {
        color: #0c0a09;
    }

    .og-soft-bg {
        background: linear-gradient(180deg, #fafaf9 0%, #fffbeb 50%, #fff7ed 100%);
    }

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

    .og-pipeline-card {
        position: relative;
        height: 100%;
        background: #ffffff;
        border: 1px solid rgba(87, 83, 78, 0.15);
        border-radius: 12px;
        padding: 28px 24px;
        box-shadow: 0 12px 30px rgba(12, 10, 9, 0.05);
        transition: transform 0.25s ease, border-color 0.25s ease;
        border-left: 4px solid #57534e;
    }

    .og-pipeline-card:hover {
        transform: translateY(-4px);
        border-left-color: #d97706;
    }

    .og-pipeline-featured {
        border-left-color: #d97706;
        box-shadow: 0 16px 36px rgba(217, 119, 6, 0.12);
    }

    .og-valve-node {
        position: absolute;
        top: 16px;
        right: 16px;
        width: 14px;
        height: 14px;
        border-radius: 50%;
        background: #ea580c;
        box-shadow: 0 0 0 4px rgba(234, 88, 12, 0.2);
    }

    .og-pipeline-card i {
        display: inline-flex;
        width: 44px;
        height: 44px;
        align-items: center;
        justify-content: center;
        border-radius: 8px;
        background: linear-gradient(135deg, rgba(12, 10, 9, 0.08), rgba(217, 119, 6, 0.12));
        color: #b45309;
        font-size: 22px;
        margin-bottom: 14px;
    }

    .og-pipeline-card h3 {
        color: #0c0a09;
        font-size: 1.05rem;
        margin-bottom: 8px;
    }

    .og-pipeline-card p {
        color: #78716c;
        margin-bottom: 0;
        line-height: 1.7;
        font-size: 0.94rem;
    }

    .og-platform-image {
        border: 1px solid rgba(217, 119, 6, 0.15);
    }

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

    .og-layer {
        padding: 22px;
        border-radius: 12px;
        background: #ffffff;
        border: 1px solid rgba(87, 83, 78, 0.12);
        box-shadow: 0 10px 28px rgba(12, 10, 9, 0.04);
        border-bottom: 4px solid #57534e;
    }

    .og-layer-field { border-bottom-color: #d97706; }
    .og-layer-control { border-bottom-color: #ea580c; }
    .og-layer-enterprise { border-bottom-color: #1c1917; }

    .og-layer-label {
        display: inline-block;
        padding: 4px 12px;
        border-radius: 4px;
        font-size: 0.75rem;
        font-weight: 800;
        letter-spacing: 0.06em;
        text-transform: uppercase;
        margin-bottom: 14px;
        background: rgba(12, 10, 9, 0.06);
        color: #1c1917;
    }

    .og-layer ul {
        margin: 0;
        padding-left: 18px;
        color: #78716c;
        font-size: 0.92rem;
        line-height: 1.75;
    }

    .og-domain-card {
        height: 100%;
        background: #ffffff;
        border: 1px solid rgba(87, 83, 78, 0.12);
        border-radius: 12px;
        padding: 24px;
        box-shadow: 0 10px 28px rgba(12, 10, 9, 0.04);
        transition: transform 0.25s ease;
    }

    .og-domain-card:hover {
        transform: translateY(-3px);
    }

    .og-domain-card i {
        display: inline-flex;
        width: 44px;
        height: 44px;
        align-items: center;
        justify-content: center;
        border-radius: 8px;
        background: rgba(217, 119, 6, 0.1);
        color: #b45309;
        font-size: 22px;
        margin-bottom: 14px;
    }

    .og-domain-card h4 {
        color: #0c0a09;
        font-size: 1rem;
        margin-bottom: 8px;
    }

    .og-domain-card p {
        color: #78716c;
        margin-bottom: 0;
        line-height: 1.65;
        font-size: 0.9rem;
    }

    .og-cycle-strip {
        background: linear-gradient(135deg, #0c0a09 0%, #292524 50%, #78350f 100%);
    }

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

    .og-cycle-item {
        padding: 18px 20px;
        border-radius: 10px;
        background: rgba(255, 255, 255, 0.06);
        border: 1px solid rgba(255, 255, 255, 0.1);
        border-left: 4px solid #f59e0b;
    }

    .og-cycle-item strong {
        display: block;
        color: #ffffff;
        font-size: 0.98rem;
        margin-bottom: 6px;
    }

    .og-cycle-item span {
        color: rgba(255, 255, 255, 0.72);
        font-size: 0.9rem;
        line-height: 1.6;
    }

    .og-outcome-card {
        height: 100%;
        text-align: center;
        background: #ffffff;
        border: 1px solid rgba(87, 83, 78, 0.12);
        border-radius: 12px;
        padding: 24px 20px;
        box-shadow: 0 10px 28px rgba(12, 10, 9, 0.04);
    }

    .og-outcome-icon {
        width: 48px;
        height: 48px;
        margin: 0 auto 12px;
        border-radius: 8px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: linear-gradient(135deg, rgba(12, 10, 9, 0.08), rgba(217, 119, 6, 0.15));
        color: #b45309;
        font-size: 22px;
    }

    .og-outcome-card h4 {
        color: #0c0a09;
        font-size: 1rem;
        margin-bottom: 8px;
    }

    .og-outcome-card p {
        color: #78716c;
        margin-bottom: 0;
        line-height: 1.65;
        font-size: 0.9rem;
    }

    .og-engage-list {
        display: grid;
        gap: 14px;
    }

    .og-engage-row {
        display: grid;
        grid-template-columns: 56px 1fr;
        gap: 16px;
        padding: 22px;
        border-radius: 12px;
        background: #ffffff;
        border: 1px solid rgba(87, 83, 78, 0.12);
        box-shadow: 0 10px 28px rgba(12, 10, 9, 0.04);
    }

    .og-engage-featured {
        border-color: #d97706;
        box-shadow: 0 16px 36px rgba(217, 119, 6, 0.12);
    }

    .og-engage-row span {
        width: 56px;
        height: 56px;
        border-radius: 8px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: linear-gradient(135deg, #1c1917, #d97706);
        color: #ffffff;
        font-weight: 800;
    }

    .og-engage-row h4 {
        color: #0c0a09;
        margin-bottom: 6px;
        font-weight: 800;
    }

    .og-engage-row p {
        color: #78716c;
        margin-bottom: 0;
        line-height: 1.65;
        font-size: 0.92rem;
    }

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

    .og-stack-col {
        background: #ffffff;
        border: 1px solid rgba(87, 83, 78, 0.12);
        border-radius: 12px;
        padding: 22px;
        box-shadow: 0 10px 28px rgba(12, 10, 9, 0.04);
    }

    .og-stack-col h3 {
        color: #0c0a09;
        font-size: 1rem;
        margin-bottom: 12px;
    }

    .og-stack-col ul {
        margin: 0;
        padding-left: 18px;
        color: #78716c;
        font-size: 0.92rem;
        line-height: 1.7;
    }

    .og-dark {
        background: linear-gradient(135deg, #0c0a09 0%, #292524 55%, #78350f 100%);
    }

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

    .og-timeline-item {
        background: rgba(255, 255, 255, 0.08);
        border: 1px solid rgba(255, 255, 255, 0.12);
        border-radius: 10px;
        padding: 22px;
    }

    .og-timeline-item h3 {
        color: #ffffff;
        font-size: 1.02rem;
        margin-bottom: 8px;
    }

    .og-timeline-item p {
        color: rgba(255, 255, 255, 0.72);
        margin-bottom: 0;
        line-height: 1.65;
        font-size: 0.92rem;
    }

    .og-audience {
        background: #ffffff;
        border: 1px solid rgba(87, 83, 78, 0.12);
        border-radius: 8px;
        padding: 16px 18px;
        color: #0c0a09;
        font-weight: 700;
        box-shadow: 0 8px 24px rgba(12, 10, 9, 0.04);
        border-left: 3px solid #d97706;
    }

    .og-faq .accordion-item {
        border: 1px solid rgba(87, 83, 78, 0.12);
        border-radius: 10px;
        overflow: hidden;
        margin-bottom: 12px;
    }

    .og-faq .accordion-button {
        font-weight: 700;
        color: #0c0a09;
    }

    .og-showcase {
        position: relative;
        border-radius: 14px;
        overflow: hidden;
        box-shadow: 0 24px 60px rgba(12, 10, 9, 0.12);
        border: 1px solid rgba(217, 119, 6, 0.15);
    }

    .og-showcase-image {
        width: 100%;
        display: block;
    }

    .og-showcase-caption {
        position: absolute;
        bottom: 16px;
        left: 16px;
        right: 16px;
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 12px 14px;
        border-radius: 8px;
        background: rgba(255, 255, 255, 0.95);
        border: 1px solid rgba(87, 83, 78, 0.1);
        font-size: 0.88rem;
        font-weight: 700;
        color: #0c0a09;
    }

    .og-cta {
        background: linear-gradient(135deg, #0c0a09 0%, #78350f 50%, #d97706 130%);
    }

    @media (max-width: 991px) {
        .og-pipeline-grid,
        .og-depth-layers,
        .og-cycle-grid,
        .og-stack-columns,
        .og-timeline {
            grid-template-columns: 1fr;
        }

        .og-chain-arrow {
            display: none;
        }
    }

    @media (max-width: 768px) {
        .og-hero {
            padding: 60px 0;
            text-align: center;
        }

        .og-value-chain,
        .og-sector-tags {
            justify-content: center;
        }

        .og-hero .d-flex {
            justify-content: center;
        }
    }


/* =========================================
   INDUSTRIES — PHARMACY
========================================= */

    /* ── HERO ── */
    .px-hero {
        padding: 85px 0;
        background: linear-gradient(160deg, #faf5ff 0%, #f3e8ff 40%, #ffffff 100%);
    }

    .px-molecule-field {
        position: absolute;
        inset: 0;
        background-image:
            radial-gradient(circle at 12% 20%, rgba(124, 58, 237, 0.1) 0%, transparent 40%),
            radial-gradient(circle at 88% 80%, rgba(168, 85, 247, 0.08) 0%, transparent 40%);
        pointer-events: none;
    }

    .px-molecule-field::after {
        content: "";
        position: absolute;
        bottom: 60px;
        left: 5%;
        right: 5%;
        height: 48px;
        background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 500 48'%3E%3Ccircle cx='50' cy='24' r='5' fill='none' stroke='%237c3aed' stroke-width='1.5' opacity='0.18'/%3E%3Cline x1='55' y1='24' x2='95' y2='24' stroke='%237c3aed' stroke-width='1.5' opacity='0.15'/%3E%3Ccircle cx='100' cy='24' r='8' fill='none' stroke='%23a855f7' stroke-width='1.5' opacity='0.18'/%3E%3Cline x1='108' y1='24' x2='148' y2='24' stroke='%237c3aed' stroke-width='1.5' opacity='0.15'/%3E%3Ccircle cx='153' cy='24' r='5' fill='none' stroke='%237c3aed' stroke-width='1.5' opacity='0.18'/%3E%3Cline x1='158' y1='24' x2='198' y2='24' stroke='%237c3aed' stroke-width='1.5' opacity='0.15'/%3E%3Ccircle cx='203' cy='24' r='6' fill='none' stroke='%234f46e5' stroke-width='1.5' opacity='0.18'/%3E%3Cline x1='209' y1='24' x2='249' y2='24' stroke='%237c3aed' stroke-width='1.5' opacity='0.15'/%3E%3Ccircle cx='254' cy='24' r='5' fill='none' stroke='%237c3aed' stroke-width='1.5' opacity='0.18'/%3E%3C/svg%3E") repeat-x;
        background-size: 500px 48px;
        pointer-events: none;
    }

    .px-gradient-band {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 5px;
        background: linear-gradient(90deg, #1E52CC 0%, #a855f7 50%, #1E52CC 100%);
        opacity: 0.4;
        pointer-events: none;
    }

    .px-heading {
        color: #2d1b69;
        font-size: clamp(2rem, 4vw, 3.3rem);
        line-height: 1.12;
    }

    .px-lead {
        color: #475569;
        max-width: 640px;
        line-height: 1.75;
    }

    .px-badge {
        background: rgba(124, 58, 237, 0.12);
        color: #1644B0;
        border: 1px solid rgba(124, 58, 237, 0.25);
        font-weight: 600;
    }

    .px-badge-light {
        background: rgba(255, 255, 255, 0.12);
        color: #ffffff;
        border: 1px solid rgba(255, 255, 255, 0.2);
        font-weight: 600;
    }

    .px-badge-amber {
        background: rgba(251, 191, 36, 0.25);
        color: #fbbf24;
        border: 1px solid rgba(251, 191, 36, 0.4);
        font-weight: 600;
    }

    .px-eyebrow {
        display: inline-block;
        margin-bottom: 12px;
        font-size: 0.82rem;
        font-weight: 700;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        color: #1E52CC;
    }

    /* ── PIPELINE ── */
    .px-pipeline {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
        gap: 0;
    }

    .px-pipe-node {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        min-width: 72px;
        padding: 8px 6px;
    }

    .px-pipe-dot {
        width: 14px;
        height: 14px;
        border-radius: 50%;
        background: #ddd6fe;
        border: 3px solid #ffffff;
        box-shadow: 0 0 0 2px #ddd6fe;
        margin-bottom: 8px;
    }

    .px-pipe-node strong {
        display: block;
        color: #334155;
        font-size: 0.78rem;
        font-weight: 800;
    }

    .px-pipe-node small {
        display: block;
        color: #94a3b8;
        font-size: 0.62rem;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 0.04em;
        margin-top: 2px;
    }

    .px-pipe-active .px-pipe-dot {
        background: #1E52CC;
        box-shadow: 0 0 0 2px #1E52CC, 0 0 12px rgba(124, 58, 237, 0.45);
        animation: px-pulse-dot 2s ease-in-out infinite;
    }

    .px-pipe-active strong { color: #5b21b6; }

    @keyframes px-pulse-dot {
        0%, 100% { transform: scale(1); }
        50% { transform: scale(1.2); }
    }

    .px-pipe-connector {
        width: 24px;
        height: 2px;
        background: linear-gradient(90deg, #1E52CC, #a855f7);
        margin-top: 14px;
        flex-shrink: 0;
        border-radius: 1px;
    }

    /* ── SPECIALTY TAGS ── */
    .px-specialty-tags {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
    }

    .px-specialty-tags span {
        padding: 8px 16px;
        border-radius: 8px;
        background: rgba(45, 27, 105, 0.05);
        border: 1px solid rgba(124, 58, 237, 0.18);
        color: #2d1b69;
        font-size: 0.88rem;
        font-weight: 600;
    }

    /* ── BUTTONS ── */
    .px-btn-primary {
        background: linear-gradient(135deg, #1E52CC, #1644B0);
        border: none;
        color: #ffffff;
        font-weight: 700;
    }

    .px-btn-primary:hover {
        background: linear-gradient(135deg, #1644B0, #5b21b6);
        color: #ffffff;
    }

    .px-btn-outline {
        border: 2px solid #a855f7;
        color: #1E52CC;
        font-weight: 700;
        background: transparent;
    }

    .px-btn-outline:hover {
        background: #a855f7;
        color: #ffffff;
    }

    /* ── METRICS ── */
    .px-metrics strong {
        display: block;
        color: #2d1b69;
        font-size: 1.1rem;
        font-weight: 800;
    }

    .px-metrics span {
        color: #64748b;
        font-size: 0.82rem;
    }

    /* ── FORM CARD ── */
    .px-form-card {
        border-radius: 20px;
        border: 1px solid rgba(124, 58, 237, 0.15) !important;
        background: rgba(255, 255, 255, 0.97);
    }

    .px-section-title { color: #2d1b69; }

    /* ── SOFT BG ── */
    .px-soft-bg {
        background: linear-gradient(180deg, #faf5ff 0%, #f3e8ff 50%, #EEF3FB 100%);
    }

    /* ── SOLUTION GRID ── */
    .px-solution-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 16px;
    }

    .px-solution-card {
        position: relative;
        height: 100%;
        background: #ffffff;
        border: 1px solid rgba(148, 163, 184, 0.2);
        border-radius: 20px;
        padding: 28px 24px;
        box-shadow: 0 12px 30px rgba(45, 27, 105, 0.05);
        transition: transform 0.25s ease, box-shadow 0.25s ease;
    }

    .px-solution-card:hover {
        transform: translateY(-4px);
        box-shadow: 0 18px 40px rgba(124, 58, 237, 0.1);
    }

    .px-solution-featured {
        border-color: #1E52CC;
        box-shadow: 0 16px 36px rgba(124, 58, 237, 0.12);
    }

    .px-capsule-mark {
        position: absolute;
        top: 18px;
        right: 18px;
        width: 22px;
        height: 11px;
        border-radius: 6px;
        background: linear-gradient(90deg, #1E52CC 50%, #e5e7eb 50%);
        opacity: 0.3;
    }

    .px-solution-card i {
        display: inline-flex;
        width: 48px;
        height: 48px;
        align-items: center;
        justify-content: center;
        border-radius: 14px;
        background: linear-gradient(135deg, rgba(124, 58, 237, 0.12), rgba(168, 85, 247, 0.12));
        color: #1E52CC;
        font-size: 24px;
        margin-bottom: 14px;
    }

    .px-solution-card h3 {
        color: #2d1b69;
        font-size: 1.05rem;
        margin-bottom: 8px;
    }

    .px-solution-card p {
        color: #64748b;
        margin-bottom: 0;
        line-height: 1.7;
        font-size: 0.94rem;
    }

    /* ── PLATFORM IMAGE ── */
    .px-platform-image {
        border: 1px solid rgba(124, 58, 237, 0.15);
    }

    /* ── SEGMENT RINGS ── */
    .px-segment-rings {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 14px;
    }

    .px-segment {
        padding: 22px;
        border-radius: 20px;
        background: #ffffff;
        border: 1px solid rgba(148, 163, 184, 0.15);
        box-shadow: 0 10px 28px rgba(45, 27, 105, 0.04);
        position: relative;
        overflow: hidden;
    }

    .px-segment::before {
        content: "";
        position: absolute;
        top: -20px;
        right: -20px;
        width: 60px;
        height: 60px;
        border-radius: 50%;
        opacity: 0.12;
    }

    .px-segment-retail::before { background: #1E52CC; }
    .px-segment-specialty::before { background: #a855f7; }
    .px-segment-clinical::before { background: #1E52CC; }

    .px-segment-label {
        display: inline-block;
        padding: 4px 14px;
        border-radius: 8px;
        font-size: 0.75rem;
        font-weight: 800;
        letter-spacing: 0.06em;
        text-transform: uppercase;
        margin-bottom: 14px;
    }

    .px-segment-retail .px-segment-label { background: rgba(124, 58, 237, 0.12); color: #5b21b6; }
    .px-segment-specialty .px-segment-label { background: rgba(168, 85, 247, 0.12); color: #7e22ce; }
    .px-segment-clinical .px-segment-label { background: rgba(79, 70, 229, 0.12); color: #3730a3; }

    .px-segment ul {
        margin: 0;
        padding-left: 18px;
        color: #64748b;
        font-size: 0.92rem;
        line-height: 1.75;
    }

    /* ── DOMAIN CARDS ── */
    .px-domain-card {
        height: 100%;
        background: #ffffff;
        border: 1px solid rgba(148, 163, 184, 0.15);
        border-radius: 20px;
        padding: 24px;
        box-shadow: 0 10px 28px rgba(45, 27, 105, 0.04);
        transition: transform 0.25s ease;
    }

    .px-domain-card:hover { transform: translateY(-3px); }

    .px-domain-card i {
        display: inline-flex;
        width: 44px;
        height: 44px;
        align-items: center;
        justify-content: center;
        border-radius: 12px;
        background: rgba(124, 58, 237, 0.1);
        color: #1E52CC;
        font-size: 22px;
        margin-bottom: 14px;
    }

    .px-domain-card h4 { color: #2d1b69; font-size: 1rem; margin-bottom: 8px; }
    .px-domain-card p { color: #64748b; margin-bottom: 0; line-height: 1.65; font-size: 0.9rem; }

    /* ── WORKFLOW STRIP ── */
    .px-workflow-strip {
        background: linear-gradient(135deg, #2d1b69 0%, #5b21b6 50%, #3730a3 100%);
    }

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

    .px-workflow-item {
        padding: 18px 20px;
        border-radius: 16px;
        background: rgba(255, 255, 255, 0.07);
        border: 1px solid rgba(255, 255, 255, 0.1);
        border-top: 3px solid #a855f7;
    }

    .px-workflow-item strong {
        display: block;
        color: #ffffff;
        font-size: 0.98rem;
        margin-bottom: 6px;
    }

    .px-workflow-item span {
        color: rgba(255, 255, 255, 0.72);
        font-size: 0.9rem;
        line-height: 1.6;
    }

    /* ── OUTCOME CARDS ── */
    .px-outcome-card {
        height: 100%;
        text-align: center;
        background: #ffffff;
        border: 1px solid rgba(148, 163, 184, 0.15);
        border-radius: 20px;
        padding: 24px 20px;
        box-shadow: 0 10px 28px rgba(45, 27, 105, 0.04);
    }

    .px-outcome-icon {
        width: 52px;
        height: 52px;
        margin: 0 auto 12px;
        border-radius: 16px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: linear-gradient(135deg, rgba(124, 58, 237, 0.15), rgba(168, 85, 247, 0.15));
        color: #1E52CC;
        font-size: 24px;
    }

    .px-outcome-card h4 { color: #2d1b69; font-size: 1rem; margin-bottom: 8px; }
    .px-outcome-card p { color: #64748b; margin-bottom: 0; line-height: 1.65; font-size: 0.9rem; }

    /* ── ENGAGE ── */
    .px-engage-list { display: grid; gap: 14px; }

    .px-engage-row {
        display: grid;
        grid-template-columns: 56px 1fr;
        gap: 16px;
        padding: 22px;
        border-radius: 20px;
        background: #ffffff;
        border: 1px solid rgba(148, 163, 184, 0.15);
        box-shadow: 0 10px 28px rgba(45, 27, 105, 0.04);
    }

    .px-engage-featured {
        border-color: #1E52CC;
        box-shadow: 0 16px 36px rgba(124, 58, 237, 0.12);
    }

    .px-engage-row span {
        width: 56px;
        height: 56px;
        border-radius: 16px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: linear-gradient(135deg, #1E52CC, #a855f7);
        color: #ffffff;
        font-weight: 800;
    }

    .px-engage-row h4 { color: #2d1b69; margin-bottom: 6px; font-weight: 800; }
    .px-engage-row p { color: #64748b; margin-bottom: 0; line-height: 1.65; font-size: 0.92rem; }

    /* ── STACK COLUMNS ── */
    .px-stack-columns {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 16px;
    }

    .px-stack-col {
        background: #ffffff;
        border: 1px solid rgba(148, 163, 184, 0.15);
        border-radius: 20px;
        padding: 22px;
        box-shadow: 0 10px 28px rgba(45, 27, 105, 0.04);
    }

    .px-stack-col h3 { color: #2d1b69; font-size: 1rem; margin-bottom: 12px; }

    .px-stack-col ul {
        margin: 0;
        padding-left: 18px;
        color: #64748b;
        font-size: 0.92rem;
        line-height: 1.7;
    }

    /* ── DARK ── */
    .px-dark {
        background: linear-gradient(135deg, #2d1b69 0%, #5b21b6 55%, #1e1b4b 100%);
    }

    /* ── TIMELINE ── */
    .px-timeline {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 14px;
    }

    .px-timeline-item {
        background: rgba(255, 255, 255, 0.08);
        border: 1px solid rgba(255, 255, 255, 0.12);
        border-radius: 16px;
        padding: 22px;
    }

    .px-timeline-item h3 { color: #ffffff; font-size: 1.02rem; margin-bottom: 8px; }
    .px-timeline-item p { color: rgba(255, 255, 255, 0.72); margin-bottom: 0; line-height: 1.65; font-size: 0.92rem; }

    /* ── AUDIENCE ── */
    .px-audience {
        background: #ffffff;
        border: 1px solid rgba(148, 163, 184, 0.15);
        border-radius: 12px;
        padding: 16px 20px;
        color: #2d1b69;
        font-weight: 700;
        box-shadow: 0 8px 24px rgba(45, 27, 105, 0.04);
    }

    /* ── FAQ ── */
    .px-faq .accordion-item {
        border: 1px solid rgba(148, 163, 184, 0.15);
        border-radius: 14px;
        overflow: hidden;
        margin-bottom: 12px;
    }

    .px-faq .accordion-button { font-weight: 700; color: #2d1b69; }
    .px-faq .accordion-button:not(.collapsed) { color: #1E52CC; background: rgba(124, 58, 237, 0.05); box-shadow: none; }
    .px-faq .accordion-button:focus { box-shadow: none; }

    /* ── SHOWCASE ── */
    .px-showcase {
        position: relative;
        border-radius: 20px;
        overflow: hidden;
        box-shadow: 0 24px 60px rgba(45, 27, 105, 0.12);
        border: 1px solid rgba(124, 58, 237, 0.15);
    }

    .px-showcase-image { width: 100%; display: block; }

    .px-showcase-caption {
        position: absolute;
        bottom: 16px;
        left: 16px;
        right: 16px;
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 12px 16px;
        border-radius: 12px;
        background: rgba(255, 255, 255, 0.95);
        border: 1px solid rgba(148, 163, 184, 0.1);
        font-size: 0.88rem;
        font-weight: 700;
        color: #2d1b69;
    }

    /* ── CTA ── */
    .px-cta {
        background: linear-gradient(135deg, #2d1b69 0%, #1E52CC 50%, #a855f7 130%);
    }

    /* ── RESPONSIVE ── */
    @media (max-width: 991px) {
        .px-solution-grid,
        .px-segment-rings,
        .px-workflow-grid,
        .px-stack-columns,
        .px-timeline {
            grid-template-columns: 1fr;
        }
    }

    @media (max-width: 768px) {
        .px-hero { padding: 60px 0; text-align: center; }

        .px-pipeline,
        .px-specialty-tags {
            justify-content: center;
        }

        .px-hero .d-flex { justify-content: center; }
    }


/* =========================================
   INDUSTRIES — REAL-ESTATE
========================================= */

    .re-hero {
        padding: 85px 0;
        background: linear-gradient(165deg, #faf7f2 0%, #f5f0e8 45%, #ffffff 100%);
    }

    .re-skyline {
        position: absolute;
        top: 0;
        right: 0;
        width: 45%;
        height: 100%;
        background:
            linear-gradient(90deg, transparent 0%, rgba(250, 247, 242, 0.4) 30%, transparent 100%),
            repeating-linear-gradient(90deg, rgba(41, 37, 36, 0.04) 0px, rgba(41, 37, 36, 0.04) 2px, transparent 2px, transparent 48px);
        pointer-events: none;
    }

    .re-heading {
        color: #292524;
        font-size: clamp(2rem, 4vw, 3.3rem);
        line-height: 1.12;
    }

    .re-lead {
        color: #57534e;
        max-width: 640px;
        line-height: 1.75;
    }

    .re-badge {
        background: rgba(180, 83, 9, 0.1);
        color: #b45309;
        border: 1px solid rgba(180, 83, 9, 0.22);
        font-weight: 600;
    }

    .re-badge-light {
        background: rgba(255, 255, 255, 0.12);
        color: #ffffff;
        border: 1px solid rgba(255, 255, 255, 0.2);
        font-weight: 600;
    }

    .re-badge-sage {
        background: rgba(77, 124, 111, 0.25);
        color: #ffffff;
        border: 1px solid rgba(77, 124, 111, 0.4);
        font-weight: 600;
    }

    .re-eyebrow {
        display: inline-block;
        margin-bottom: 12px;
        font-size: 0.82rem;
        font-weight: 700;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        color: #4d7c6f;
    }

    .re-journey-mosaic {
        display: grid;
        grid-template-columns: repeat(6, minmax(0, 1fr));
        gap: 8px;
    }

    .re-journey-tile {
        padding: 12px 10px;
        border-radius: 12px;
        background: #ffffff;
        border: 1px solid rgba(41, 37, 36, 0.1);
        text-align: center;
        transition: transform 0.2s ease, border-color 0.2s ease;
    }

    .re-journey-tile small {
        display: block;
        color: #a8a29e;
        font-size: 0.68rem;
        font-weight: 700;
        letter-spacing: 0.06em;
        margin-bottom: 4px;
    }

    .re-journey-tile strong {
        display: block;
        color: #292524;
        font-size: 0.82rem;
    }

    .re-journey-active {
        background: linear-gradient(145deg, #292524, #44403c);
        border-color: transparent;
        transform: translateY(-2px);
    }

    .re-journey-active small,
    .re-journey-active strong {
        color: #ffffff;
    }

    .re-sector-tags {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
    }

    .re-sector-tags span {
        padding: 8px 14px;
        border-radius: 8px;
        background: rgba(77, 124, 111, 0.1);
        border: 1px solid rgba(77, 124, 111, 0.22);
        color: #3f6a5d;
        font-size: 0.88rem;
        font-weight: 600;
    }

    .re-btn-primary {
        background: linear-gradient(135deg, #b45309, #d97706);
        border: none;
        color: #ffffff;
        font-weight: 700;
    }

    .re-btn-primary:hover {
        background: linear-gradient(135deg, #92400e, #b45309);
        color: #ffffff;
    }

    .re-btn-outline {
        border: 2px solid #292524;
        color: #292524;
        font-weight: 700;
        background: transparent;
    }

    .re-btn-outline:hover {
        background: #292524;
        color: #ffffff;
    }

    .re-metrics strong {
        display: block;
        color: #292524;
        font-size: 1.1rem;
        font-weight: 800;
    }

    .re-metrics span {
        color: #78716c;
        font-size: 0.82rem;
    }

    .re-form-card {
        border-radius: 20px;
        border: 1px solid rgba(41, 37, 36, 0.1) !important;
        background: rgba(255, 255, 255, 0.92);
    }

    .re-section-title {
        color: #292524;
    }

    .re-soft-bg {
        background: linear-gradient(180deg, #faf7f2 0%, #f0fdf4 100%);
    }

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

    .re-bento-card {
        background: #ffffff;
        border: 1px solid rgba(41, 37, 36, 0.1);
        border-radius: 18px;
        padding: 26px;
        box-shadow: 0 12px 30px rgba(41, 37, 36, 0.05);
        transition: transform 0.25s ease, border-color 0.25s ease;
    }

    .re-bento-card:hover {
        transform: translateY(-4px);
        border-color: rgba(180, 83, 9, 0.3);
    }

    .re-bento-wide {
        grid-column: span 2;
    }

    .re-bento-icon {
        width: 48px;
        height: 48px;
        border-radius: 14px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: linear-gradient(135deg, rgba(180, 83, 9, 0.12), rgba(77, 124, 111, 0.15));
        color: #b45309;
        font-size: 24px;
        margin-bottom: 14px;
    }

    .re-bento-card h3 {
        color: #292524;
        font-size: 1.05rem;
        margin-bottom: 8px;
    }

    .re-bento-card p {
        color: #78716c;
        margin-bottom: 0;
        line-height: 1.7;
        font-size: 0.94rem;
    }

    .re-platform-image {
        border: 1px solid rgba(41, 37, 36, 0.1);
    }

    .re-stack-list {
        display: grid;
        gap: 14px;
    }

    .re-stack-item {
        display: grid;
        grid-template-columns: 48px 1fr;
        gap: 16px;
        padding: 18px 20px;
        border-radius: 14px;
        background: #ffffff;
        border-left: 4px solid #4d7c6f;
        border-top: 1px solid rgba(41, 37, 36, 0.08);
        border-right: 1px solid rgba(41, 37, 36, 0.08);
        border-bottom: 1px solid rgba(41, 37, 36, 0.08);
        box-shadow: 0 8px 24px rgba(41, 37, 36, 0.04);
    }

    .re-stack-num {
        width: 48px;
        height: 48px;
        border-radius: 12px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: #292524;
        color: #faf7f2;
        font-weight: 800;
        font-size: 1rem;
    }

    .re-stack-item h3 {
        color: #292524;
        font-size: 1.02rem;
        margin-bottom: 6px;
    }

    .re-stack-item p {
        color: #78716c;
        margin-bottom: 0;
        line-height: 1.65;
        font-size: 0.92rem;
    }

    .re-segment-card {
        height: 100%;
        background: #ffffff;
        border: 1px solid rgba(41, 37, 36, 0.1);
        border-radius: 16px;
        padding: 24px;
        box-shadow: 0 10px 28px rgba(41, 37, 36, 0.04);
        transition: transform 0.25s ease;
    }

    .re-segment-card:hover {
        transform: translateY(-3px);
    }

    .re-segment-card i {
        display: inline-flex;
        width: 44px;
        height: 44px;
        align-items: center;
        justify-content: center;
        border-radius: 12px;
        background: rgba(180, 83, 9, 0.1);
        color: #b45309;
        font-size: 22px;
        margin-bottom: 14px;
    }

    .re-segment-card h4 {
        color: #292524;
        font-size: 1rem;
        margin-bottom: 8px;
    }

    .re-segment-card p {
        color: #78716c;
        margin-bottom: 0;
        line-height: 1.65;
        font-size: 0.9rem;
    }

    .re-lifecycle-section {
        background: linear-gradient(135deg, #292524 0%, #44403c 55%, #57534e 100%);
    }

    .re-lifecycle-flow {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
    }

    .re-flow-step {
        padding: 18px 20px;
        border-radius: 14px;
        background: rgba(255, 255, 255, 0.06);
        border: 1px solid rgba(255, 255, 255, 0.1);
        border-top: 3px solid #b45309;
    }

    .re-flow-step strong {
        display: block;
        color: #ffffff;
        font-size: 0.98rem;
        margin-bottom: 6px;
    }

    .re-flow-step span {
        color: rgba(255, 255, 255, 0.72);
        font-size: 0.9rem;
        line-height: 1.6;
    }

    .re-outcome-card {
        height: 100%;
        text-align: center;
        background: #ffffff;
        border: 1px solid rgba(41, 37, 36, 0.1);
        border-radius: 16px;
        padding: 24px 20px;
        box-shadow: 0 10px 28px rgba(41, 37, 36, 0.04);
    }

    .re-outcome-icon {
        width: 48px;
        height: 48px;
        margin: 0 auto 12px;
        border-radius: 14px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: linear-gradient(135deg, rgba(180, 83, 9, 0.12), rgba(77, 124, 111, 0.15));
        color: #b45309;
        font-size: 22px;
    }

    .re-outcome-card h4 {
        color: #292524;
        font-size: 1rem;
        margin-bottom: 8px;
    }

    .re-outcome-card p {
        color: #78716c;
        margin-bottom: 0;
        line-height: 1.65;
        font-size: 0.9rem;
    }

    .re-engage-list {
        display: grid;
        gap: 14px;
    }

    .re-engage-row {
        display: grid;
        grid-template-columns: 56px 1fr;
        gap: 16px;
        padding: 22px;
        border-radius: 16px;
        background: #ffffff;
        border: 1px solid rgba(41, 37, 36, 0.1);
        box-shadow: 0 10px 28px rgba(41, 37, 36, 0.04);
    }

    .re-engage-featured {
        border-color: #b45309;
        box-shadow: 0 16px 36px rgba(180, 83, 9, 0.12);
    }

    .re-engage-row span {
        width: 56px;
        height: 56px;
        border-radius: 14px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: linear-gradient(135deg, #292524, #b45309);
        color: #ffffff;
        font-weight: 800;
    }

    .re-engage-row h4 {
        color: #292524;
        margin-bottom: 6px;
        font-weight: 800;
    }

    .re-engage-row p {
        color: #78716c;
        margin-bottom: 0;
        line-height: 1.65;
        font-size: 0.92rem;
    }

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

    .re-stack-col {
        background: #ffffff;
        border: 1px solid rgba(41, 37, 36, 0.1);
        border-radius: 16px;
        padding: 22px;
        box-shadow: 0 10px 28px rgba(41, 37, 36, 0.04);
    }

    .re-stack-col h3 {
        color: #292524;
        font-size: 1rem;
        margin-bottom: 12px;
    }

    .re-stack-col ul {
        margin: 0;
        padding-left: 18px;
        color: #78716c;
        font-size: 0.92rem;
        line-height: 1.7;
    }

    .re-dark {
        background: linear-gradient(135deg, #1c1917 0%, #292524 55%, #44403c 100%);
    }

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

    .re-timeline-item {
        background: rgba(255, 255, 255, 0.08);
        border: 1px solid rgba(255, 255, 255, 0.12);
        border-radius: 14px;
        padding: 22px;
    }

    .re-timeline-item h3 {
        color: #ffffff;
        font-size: 1.02rem;
        margin-bottom: 8px;
    }

    .re-timeline-item p {
        color: rgba(255, 255, 255, 0.72);
        margin-bottom: 0;
        line-height: 1.65;
        font-size: 0.92rem;
    }

    .re-audience {
        background: #ffffff;
        border: 1px solid rgba(41, 37, 36, 0.1);
        border-radius: 12px;
        padding: 16px 18px;
        color: #292524;
        font-weight: 700;
        box-shadow: 0 8px 24px rgba(41, 37, 36, 0.04);
    }

    .re-faq .accordion-item {
        border: 1px solid rgba(41, 37, 36, 0.1);
        border-radius: 12px;
        overflow: hidden;
        margin-bottom: 12px;
    }

    .re-faq .accordion-button {
        font-weight: 700;
        color: #292524;
    }

    .re-hero-showcase {
        position: relative;
        border-radius: 20px;
        overflow: hidden;
        box-shadow: 0 24px 60px rgba(41, 37, 36, 0.12);
    }

    .re-showcase-image {
        width: 100%;
        display: block;
    }

    .re-showcase-caption {
        position: absolute;
        bottom: 16px;
        left: 16px;
        right: 16px;
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 12px 14px;
        border-radius: 12px;
        background: rgba(255, 255, 255, 0.95);
        border: 1px solid rgba(41, 37, 36, 0.1);
        font-size: 0.88rem;
        font-weight: 700;
        color: #292524;
    }

    .re-cta {
        background: linear-gradient(135deg, #292524 0%, #44403c 50%, #b45309 130%);
    }

    @media (max-width: 991px) {
        .re-bento-grid,
        .re-lifecycle-flow,
        .re-stack-columns,
        .re-timeline {
            grid-template-columns: 1fr;
        }

        .re-bento-wide {
            grid-column: span 1;
        }

        .re-journey-mosaic {
            grid-template-columns: repeat(3, minmax(0, 1fr));
        }
    }

    @media (max-width: 768px) {
        .re-hero {
            padding: 60px 0;
            text-align: center;
        }

        .re-journey-mosaic,
        .re-sector-tags {
            justify-content: center;
        }

        .re-hero .d-flex {
            justify-content: center;
        }

        .re-journey-mosaic {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }
    }


/* =========================================
   INDUSTRIES — RETAIL
========================================= */

    .rt-hero {
        padding: 85px 0;
        background: linear-gradient(158deg, #EEF3FB 0%, #fffbeb 42%, #ffffff 100%);
    }

    .rt-shelf-field {
        position: absolute;
        inset: 0;
        background-image:
            linear-gradient(90deg, rgba(5, 150, 105, 0.04) 1px, transparent 1px),
            linear-gradient(rgba(217, 119, 6, 0.03) 1px, transparent 1px);
        background-size: 48px 48px;
        pointer-events: none;
    }

    .rt-checkout-strip {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 5px;
        background: repeating-linear-gradient(
            90deg,
            #1E52CC,
            #1E52CC 24px,
            #d97706 24px,
            #d97706 48px
        );
        opacity: 0.35;
        pointer-events: none;
    }

    .rt-heading {
        color: #064e3b;
        font-size: clamp(2rem, 4vw, 3.3rem);
        line-height: 1.12;
    }

    .rt-lead {
        color: #4b5563;
        max-width: 640px;
        line-height: 1.75;
    }

    .rt-badge {
        background: rgba(5, 150, 105, 0.1);
        color: #1644B0;
        border: 1px solid rgba(5, 150, 105, 0.22);
        font-weight: 600;
    }

    .rt-badge-light {
        background: rgba(255, 255, 255, 0.12);
        color: #ffffff;
        border: 1px solid rgba(255, 255, 255, 0.2);
        font-weight: 600;
    }

    .rt-badge-amber {
        background: rgba(217, 119, 6, 0.25);
        color: #ffffff;
        border: 1px solid rgba(217, 119, 6, 0.4);
        font-weight: 600;
    }

    .rt-eyebrow {
        display: inline-block;
        margin-bottom: 12px;
        font-size: 0.82rem;
        font-weight: 700;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        color: #1E52CC;
    }

    .rt-section-title {
        color: #064e3b;
    }

    .rt-shopper-path {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 4px;
    }

    .rt-path-step {
        padding: 10px 14px;
        border-radius: 14px;
        background: #ffffff;
        border: 1px solid rgba(5, 150, 105, 0.14);
        text-align: center;
        min-width: 72px;
        position: relative;
    }

    .rt-path-step small {
        display: block;
        color: #9ca3af;
        font-size: 0.65rem;
        font-weight: 700;
        letter-spacing: 0.05em;
        text-transform: uppercase;
        margin-bottom: 2px;
    }

    .rt-path-step strong {
        display: block;
        color: #374151;
        font-size: 0.82rem;
    }

    .rt-path-dot {
        position: absolute;
        top: 6px;
        right: 8px;
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background: #d1d5db;
    }

    .rt-step-active {
        background: linear-gradient(145deg, #1E52CC, #10b981);
        border-color: transparent;
        box-shadow: 0 8px 24px rgba(5, 150, 105, 0.22);
    }

    .rt-step-active strong,
    .rt-step-active small {
        color: #ffffff;
    }

    .rt-step-active .rt-path-dot {
        background: #d97706;
        box-shadow: 0 0 0 3px rgba(217, 119, 6, 0.35);
    }

    .rt-path-arrow {
        width: 14px;
        height: 2px;
        background: linear-gradient(90deg, #1E52CC, #d97706);
        border-radius: 2px;
        opacity: 0.55;
    }

    .rt-channel-tags {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
    }

    .rt-channel-tags span {
        padding: 6px 14px;
        border-radius: 20px;
        background: rgba(5, 150, 105, 0.06);
        border: 1px solid rgba(5, 150, 105, 0.12);
        color: #1644B0;
        font-size: 0.82rem;
        font-weight: 600;
    }

    .rt-metrics strong {
        display: block;
        color: #1E52CC;
        font-size: 1.1rem;
        font-weight: 800;
    }

    .rt-metrics span {
        color: #6b7280;
        font-size: 0.82rem;
    }

    .rt-btn-primary {
        background: linear-gradient(135deg, #1E52CC, #10b981);
        color: #ffffff;
        border: none;
        font-weight: 700;
        border-radius: 14px;
    }

    .rt-btn-primary:hover {
        background: linear-gradient(135deg, #1644B0, #1E52CC);
        color: #ffffff;
    }

    .rt-btn-outline {
        background: transparent;
        color: #1E52CC;
        border: 2px solid rgba(5, 150, 105, 0.35);
        font-weight: 700;
        border-radius: 14px;
    }

    .rt-btn-outline:hover {
        background: rgba(5, 150, 105, 0.08);
        color: #1644B0;
        border-color: #1E52CC;
    }

    .rt-soft-bg {
        background: #f8fafc;
    }

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

    .rt-shelf-card {
        position: relative;
        background: #ffffff;
        border: 1px solid rgba(5, 150, 105, 0.1);
        border-radius: 16px;
        padding: 28px 24px 24px;
        box-shadow: 0 10px 28px rgba(5, 150, 105, 0.04);
        transition: transform 0.25s ease, border-color 0.25s ease;
        overflow: hidden;
    }

    .rt-shelf-card:hover {
        transform: translateY(-4px);
        border-color: rgba(217, 119, 6, 0.35);
    }

    .rt-shelf-featured {
        border-color: #1E52CC;
        box-shadow: 0 16px 36px rgba(5, 150, 105, 0.12);
    }

    .rt-price-tag {
        position: absolute;
        top: 14px;
        right: 14px;
        width: 28px;
        height: 18px;
        background: #d97706;
        border-radius: 4px 4px 4px 0;
        clip-path: polygon(0 0, 100% 0, 100% 70%, 50% 100%, 0 70%);
        opacity: 0.85;
    }

    .rt-shelf-card i {
        display: inline-flex;
        width: 44px;
        height: 44px;
        align-items: center;
        justify-content: center;
        border-radius: 12px;
        background: rgba(5, 150, 105, 0.1);
        color: #1E52CC;
        font-size: 22px;
        margin-bottom: 14px;
    }

    .rt-shelf-card h3 {
        color: #064e3b;
        font-size: 1.05rem;
        margin-bottom: 8px;
    }

    .rt-shelf-card p {
        color: #6b7280;
        margin-bottom: 0;
        line-height: 1.7;
        font-size: 0.94rem;
    }

    .rt-platform-image {
        border: 1px solid rgba(5, 150, 105, 0.1);
    }

    .rt-channel-rings {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 12px;
    }

    .rt-ring-center {
        grid-column: 1 / -1;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        padding: 18px;
        border-radius: 16px;
        background: linear-gradient(135deg, #064e3b, #1E52CC);
        color: #ffffff;
    }

    .rt-ring-center i {
        font-size: 22px;
        color: #fbbf24;
    }

    .rt-ring-item {
        padding: 18px 20px;
        border-radius: 14px;
        background: #ffffff;
        border: 1px solid rgba(5, 150, 105, 0.1);
        box-shadow: 0 8px 24px rgba(5, 150, 105, 0.04);
    }

    .rt-ring-online { border-left: 4px solid #1E52CC; }
    .rt-ring-store { border-left: 4px solid #10b981; }
    .rt-ring-warehouse { border-left: 4px solid #d97706; }
    .rt-ring-customer { border-left: 4px solid #f59e0b; }

    .rt-ring-item h3 {
        color: #064e3b;
        font-size: 0.98rem;
        margin-bottom: 6px;
    }

    .rt-ring-item p {
        color: #6b7280;
        margin-bottom: 0;
        line-height: 1.65;
        font-size: 0.9rem;
    }

    .rt-domain-card {
        height: 100%;
        background: #ffffff;
        border: 1px solid rgba(5, 150, 105, 0.1);
        border-radius: 16px;
        padding: 24px;
        box-shadow: 0 10px 28px rgba(5, 150, 105, 0.04);
        transition: transform 0.25s ease;
    }

    .rt-domain-card:hover {
        transform: translateY(-3px);
    }

    .rt-domain-card i {
        display: inline-flex;
        width: 44px;
        height: 44px;
        align-items: center;
        justify-content: center;
        border-radius: 12px;
        background: linear-gradient(135deg, rgba(5, 150, 105, 0.1), rgba(217, 119, 6, 0.08));
        color: #1E52CC;
        font-size: 22px;
        margin-bottom: 14px;
    }

    .rt-domain-card h4 {
        color: #064e3b;
        font-size: 1rem;
        margin-bottom: 8px;
    }

    .rt-domain-card p {
        color: #6b7280;
        margin-bottom: 0;
        line-height: 1.65;
        font-size: 0.9rem;
    }

    .rt-lifecycle-strip {
        background: linear-gradient(135deg, #064e3b 0%, #1644B0 55%, #065f46 100%);
    }

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

    .rt-phase-item {
        padding: 18px 20px;
        border-radius: 14px;
        background: rgba(255, 255, 255, 0.06);
        border: 1px solid rgba(255, 255, 255, 0.1);
        border-left: 4px solid #d97706;
    }

    .rt-phase-item strong {
        display: block;
        color: #ffffff;
        font-size: 0.98rem;
        margin-bottom: 6px;
    }

    .rt-phase-item span {
        color: rgba(255, 255, 255, 0.72);
        font-size: 0.9rem;
        line-height: 1.6;
    }

    .rt-outcome-card {
        height: 100%;
        text-align: center;
        background: #ffffff;
        border: 1px solid rgba(5, 150, 105, 0.1);
        border-radius: 16px;
        padding: 24px 20px;
        box-shadow: 0 10px 28px rgba(5, 150, 105, 0.04);
    }

    .rt-outcome-icon {
        width: 48px;
        height: 48px;
        margin: 0 auto 12px;
        border-radius: 14px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: linear-gradient(135deg, rgba(5, 150, 105, 0.12), rgba(217, 119, 6, 0.1));
        color: #1E52CC;
        font-size: 22px;
    }

    .rt-outcome-card h4 {
        color: #064e3b;
        font-size: 1rem;
        margin-bottom: 8px;
    }

    .rt-outcome-card p {
        color: #6b7280;
        margin-bottom: 0;
        line-height: 1.65;
        font-size: 0.9rem;
    }

    .rt-engage-list {
        display: grid;
        gap: 14px;
    }

    .rt-engage-row {
        display: grid;
        grid-template-columns: 56px 1fr;
        gap: 16px;
        padding: 22px;
        border-radius: 16px;
        background: #ffffff;
        border: 1px solid rgba(5, 150, 105, 0.1);
        box-shadow: 0 10px 28px rgba(5, 150, 105, 0.04);
    }

    .rt-engage-featured {
        border-color: #1E52CC;
        box-shadow: 0 16px 36px rgba(5, 150, 105, 0.12);
    }

    .rt-engage-row span {
        width: 56px;
        height: 56px;
        border-radius: 14px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: linear-gradient(135deg, #1E52CC, #d97706);
        color: #ffffff;
        font-weight: 800;
    }

    .rt-engage-row h4 {
        color: #064e3b;
        margin-bottom: 6px;
        font-weight: 800;
    }

    .rt-engage-row p {
        color: #6b7280;
        margin-bottom: 0;
        line-height: 1.65;
        font-size: 0.92rem;
    }

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

    .rt-stack-col {
        background: #ffffff;
        border: 1px solid rgba(5, 150, 105, 0.1);
        border-radius: 16px;
        padding: 22px;
        box-shadow: 0 10px 28px rgba(5, 150, 105, 0.04);
    }

    .rt-stack-col h3 {
        color: #064e3b;
        font-size: 1rem;
        margin-bottom: 12px;
    }

    .rt-stack-col ul {
        margin: 0;
        padding-left: 18px;
        color: #6b7280;
        font-size: 0.92rem;
        line-height: 1.7;
    }

    .rt-dark {
        background: linear-gradient(135deg, #022c22 0%, #064e3b 55%, #1644B0 100%);
    }

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

    .rt-timeline-item {
        background: rgba(255, 255, 255, 0.06);
        border: 1px solid rgba(255, 255, 255, 0.1);
        border-radius: 14px;
        padding: 22px;
    }

    .rt-timeline-item h3 {
        color: #ffffff;
        font-size: 1.02rem;
        margin-bottom: 8px;
    }

    .rt-timeline-item p {
        color: rgba(255, 255, 255, 0.72);
        margin-bottom: 0;
        line-height: 1.65;
        font-size: 0.92rem;
    }

    .rt-audience {
        background: #ffffff;
        border: 1px solid rgba(5, 150, 105, 0.1);
        border-radius: 14px;
        padding: 16px 18px;
        color: #064e3b;
        font-weight: 700;
        box-shadow: 0 8px 24px rgba(5, 150, 105, 0.04);
    }

    .rt-form-card {
        border-radius: 18px;
        border: 1px solid rgba(5, 150, 105, 0.1) !important;
    }

    .rt-faq .accordion-item {
        border: 1px solid rgba(5, 150, 105, 0.1);
        border-radius: 14px;
        overflow: hidden;
        margin-bottom: 12px;
    }

    .rt-faq .accordion-button {
        font-weight: 700;
        color: #064e3b;
    }

    .rt-showcase {
        border-radius: 18px;
        overflow: hidden;
        border: 1px solid rgba(5, 150, 105, 0.1);
        box-shadow: 0 16px 40px rgba(5, 150, 105, 0.08);
    }

    .rt-showcase-image {
        width: 100%;
        display: block;
    }

    .rt-showcase-caption {
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 14px 18px;
        background: linear-gradient(135deg, #1E52CC, #d97706);
        color: #ffffff;
        font-weight: 700;
        font-size: 0.92rem;
    }

    .rt-cta {
        background: linear-gradient(135deg, #064e3b 0%, #1E52CC 50%, #d97706 130%);
    }

    @media (max-width: 991px) {
        .rt-shelf-grid,
        .rt-phase-grid,
        .rt-stack-columns,
        .rt-timeline,
        .rt-channel-rings {
            grid-template-columns: 1fr;
        }

        .rt-ring-center {
            grid-column: 1;
        }
    }

    @media (max-width: 768px) {
        .rt-hero {
            padding: 60px 0;
            text-align: center;
        }

        .rt-shopper-path,
        .rt-channel-tags {
            justify-content: center;
        }

        .rt-hero .d-flex {
            justify-content: center;
        }
    }


/* =========================================
   INDUSTRIES — STARTUPS
========================================= */

    .su-hero {
        padding: 85px 0;
        background: linear-gradient(145deg, #faf5ff 0%, #EEF3FB 45%, #ffffff 100%);
    }

    .su-mesh-glow {
        position: absolute;
        top: -80px;
        right: -60px;
        width: 400px;
        height: 400px;
        border-radius: 50%;
        background: radial-gradient(circle, rgba(124, 58, 237, 0.14) 0%, rgba(16, 185, 129, 0.08) 55%, transparent 100%);
        pointer-events: none;
    }

    .su-heading {
        color: #0f0f14;
        font-size: clamp(2rem, 4vw, 3.3rem);
        line-height: 1.12;
    }

    .su-lead {
        color: #52525b;
        max-width: 640px;
        line-height: 1.75;
    }

    .su-badge {
        background: rgba(124, 58, 237, 0.1);
        color: #1E52CC;
        border: 1px solid rgba(124, 58, 237, 0.22);
        font-weight: 600;
    }

    .su-badge-light {
        background: rgba(255, 255, 255, 0.12);
        color: #ffffff;
        border: 1px solid rgba(255, 255, 255, 0.2);
        font-weight: 600;
    }

    .su-badge-green {
        background: rgba(16, 185, 129, 0.25);
        color: #ffffff;
        border: 1px solid rgba(16, 185, 129, 0.4);
        font-weight: 600;
    }

    .su-eyebrow {
        display: inline-block;
        margin-bottom: 12px;
        font-size: 0.82rem;
        font-weight: 700;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        color: #1E52CC;
    }

    .su-launch-runway {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 6px;
    }

    .su-runway-step {
        padding: 7px 14px;
        border-radius: 999px;
        background: #ffffff;
        border: 1px solid rgba(124, 58, 237, 0.16);
        color: #1644B0;
        font-size: 0.82rem;
        font-weight: 700;
    }

    .su-runway-active {
        background: linear-gradient(135deg, #1E52CC, #1644B0);
        border-color: transparent;
        color: #ffffff;
    }

    .su-runway-dot {
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: linear-gradient(135deg, #1E52CC, #10b981);
        flex-shrink: 0;
    }

    .su-stage-tags {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
    }

    .su-stage-tags span {
        padding: 8px 14px;
        border-radius: 999px;
        background: rgba(16, 185, 129, 0.1);
        border: 1px solid rgba(16, 185, 129, 0.22);
        color: #1644B0;
        font-size: 0.88rem;
        font-weight: 600;
    }

    .su-btn-primary {
        background: linear-gradient(135deg, #1E52CC, #1644B0);
        border: none;
        color: #ffffff;
        font-weight: 700;
    }

    .su-btn-primary:hover {
        background: linear-gradient(135deg, #1644B0, #5b21b6);
        color: #ffffff;
    }

    .su-btn-outline {
        border: 2px solid #10b981;
        color: #1644B0;
        font-weight: 700;
        background: transparent;
    }

    .su-btn-outline:hover {
        background: #10b981;
        color: #ffffff;
    }

    .su-hero-stack {
        position: relative;
    }

    .su-hero-image {
        border-radius: 22px;
        border: 1px solid rgba(124, 58, 237, 0.15);
        box-shadow: 0 28px 64px rgba(124, 58, 237, 0.15);
        width: 100%;
    }

    .su-float-card {
        position: absolute;
        background: rgba(255, 255, 255, 0.95);
        border: 1px solid rgba(124, 58, 237, 0.12);
        border-radius: 14px;
        padding: 12px 14px;
        box-shadow: 0 12px 30px rgba(15, 15, 20, 0.1);
        font-size: 0.82rem;
    }

    .su-float-card strong {
        display: block;
        color: #0f0f14;
        font-size: 0.95rem;
    }

    .su-float-card span {
        color: #71717a;
    }

    .su-float-one {
        top: 18px;
        left: -10px;
    }

    .su-float-two {
        top: 42%;
        right: -8px;
    }

    .su-float-three {
        bottom: 18px;
        left: 24px;
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .su-section-title {
        color: #0f0f14;
    }

    .su-soft-bg {
        background: linear-gradient(180deg, #faf5ff 0%, #EEF3FB 100%);
    }

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

    .su-deck-card {
        position: relative;
        height: 100%;
        background: #ffffff;
        border: 1px solid rgba(124, 58, 237, 0.12);
        border-radius: 18px;
        padding: 28px 24px;
        box-shadow: 0 12px 30px rgba(15, 15, 20, 0.05);
        transition: transform 0.25s ease, border-color 0.25s ease;
    }

    .su-deck-card:hover {
        transform: translateY(-4px);
        border-color: rgba(16, 185, 129, 0.35);
    }

    .su-deck-featured {
        border-color: #1E52CC;
        box-shadow: 0 16px 36px rgba(124, 58, 237, 0.12);
    }

    .su-deck-slide {
        position: absolute;
        top: 14px;
        right: 16px;
        font-size: 0.68rem;
        font-weight: 800;
        letter-spacing: 0.06em;
        text-transform: uppercase;
        color: #a1a1aa;
    }

    .su-deck-card i {
        display: inline-flex;
        width: 48px;
        height: 48px;
        align-items: center;
        justify-content: center;
        border-radius: 14px;
        background: linear-gradient(135deg, rgba(124, 58, 237, 0.12), rgba(16, 185, 129, 0.12));
        color: #1E52CC;
        font-size: 24px;
        margin-bottom: 14px;
    }

    .su-deck-card h3 {
        color: #0f0f14;
        font-size: 1.05rem;
        margin-bottom: 8px;
    }

    .su-deck-card p {
        color: #71717a;
        margin-bottom: 0;
        line-height: 1.7;
        font-size: 0.94rem;
    }

    .su-platform-image {
        border: 1px solid rgba(124, 58, 237, 0.12);
    }

    .su-value-stack {
        display: grid;
        gap: 14px;
    }

    .su-value-item {
        display: grid;
        grid-template-columns: 48px 1fr;
        gap: 16px;
        padding: 18px 20px;
        border-radius: 16px;
        background: #ffffff;
        border: 1px solid rgba(124, 58, 237, 0.1);
        box-shadow: 0 8px 24px rgba(15, 15, 20, 0.04);
    }

    .su-value-item span {
        width: 48px;
        height: 48px;
        border-radius: 12px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: linear-gradient(135deg, #1E52CC, #10b981);
        color: #ffffff;
        font-weight: 800;
        font-size: 0.9rem;
    }

    .su-value-item h3 {
        color: #0f0f14;
        font-size: 1.02rem;
        margin-bottom: 6px;
    }

    .su-value-item p {
        color: #71717a;
        margin-bottom: 0;
        line-height: 1.65;
        font-size: 0.92rem;
    }

    .su-category-card {
        height: 100%;
        background: #ffffff;
        border: 1px solid rgba(124, 58, 237, 0.1);
        border-radius: 16px;
        padding: 24px;
        box-shadow: 0 10px 28px rgba(15, 15, 20, 0.04);
        transition: transform 0.25s ease;
    }

    .su-category-card:hover {
        transform: translateY(-3px);
    }

    .su-category-card i {
        display: inline-flex;
        width: 44px;
        height: 44px;
        align-items: center;
        justify-content: center;
        border-radius: 12px;
        background: rgba(16, 185, 129, 0.1);
        color: #1E52CC;
        font-size: 22px;
        margin-bottom: 14px;
    }

    .su-category-card h4 {
        color: #0f0f14;
        font-size: 1rem;
        margin-bottom: 8px;
    }

    .su-category-card p {
        color: #71717a;
        margin-bottom: 0;
        line-height: 1.65;
        font-size: 0.9rem;
    }

    .su-growth-strip {
        background: linear-gradient(135deg, #0f0f14 0%, #312e81 55%, #065f46 100%);
    }

    .su-growth-ladder {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
    }

    .su-ladder-rung {
        padding: 18px 20px;
        border-radius: 14px;
        background: rgba(255, 255, 255, 0.06);
        border: 1px solid rgba(255, 255, 255, 0.1);
        position: relative;
        padding-left: 24px;
    }

    .su-ladder-rung::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 4px;
        border-radius: 4px 0 0 4px;
        background: linear-gradient(180deg, #1E52CC, #10b981);
    }

    .su-ladder-rung strong {
        display: block;
        color: #ffffff;
        font-size: 0.98rem;
        margin-bottom: 6px;
    }

    .su-ladder-rung span {
        color: rgba(255, 255, 255, 0.72);
        font-size: 0.9rem;
        line-height: 1.6;
    }

    .su-outcome-card {
        height: 100%;
        text-align: center;
        background: #ffffff;
        border: 1px solid rgba(124, 58, 237, 0.1);
        border-radius: 16px;
        padding: 24px 20px;
        box-shadow: 0 10px 28px rgba(15, 15, 20, 0.04);
    }

    .su-outcome-icon {
        width: 48px;
        height: 48px;
        margin: 0 auto 12px;
        border-radius: 14px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: linear-gradient(135deg, rgba(124, 58, 237, 0.12), rgba(16, 185, 129, 0.12));
        color: #1E52CC;
        font-size: 22px;
    }

    .su-outcome-card h4 {
        color: #0f0f14;
        font-size: 1rem;
        margin-bottom: 8px;
    }

    .su-outcome-card p {
        color: #71717a;
        margin-bottom: 0;
        line-height: 1.65;
        font-size: 0.9rem;
    }

    .su-engage-list {
        display: grid;
        gap: 14px;
    }

    .su-engage-row {
        display: grid;
        grid-template-columns: 56px 1fr;
        gap: 16px;
        padding: 22px;
        border-radius: 16px;
        background: #ffffff;
        border: 1px solid rgba(124, 58, 237, 0.1);
        box-shadow: 0 10px 28px rgba(15, 15, 20, 0.04);
    }

    .su-engage-featured {
        border-color: #1E52CC;
        box-shadow: 0 16px 36px rgba(124, 58, 237, 0.12);
    }

    .su-engage-row span {
        width: 56px;
        height: 56px;
        border-radius: 14px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: linear-gradient(135deg, #1E52CC, #10b981);
        color: #ffffff;
        font-weight: 800;
    }

    .su-engage-row h4 {
        color: #0f0f14;
        margin-bottom: 6px;
        font-weight: 800;
    }

    .su-engage-row p {
        color: #71717a;
        margin-bottom: 0;
        line-height: 1.65;
        font-size: 0.92rem;
    }

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

    .su-stack-col {
        background: #ffffff;
        border: 1px solid rgba(124, 58, 237, 0.1);
        border-radius: 16px;
        padding: 22px;
        box-shadow: 0 10px 28px rgba(15, 15, 20, 0.04);
    }

    .su-stack-col h3 {
        color: #0f0f14;
        font-size: 1rem;
        margin-bottom: 12px;
    }

    .su-stack-col ul {
        margin: 0;
        padding-left: 18px;
        color: #71717a;
        font-size: 0.92rem;
        line-height: 1.7;
    }

    .su-dark {
        background: linear-gradient(135deg, #0f0f14 0%, #0B1B33 55%, #065f46 100%);
    }

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

    .su-timeline-item {
        background: rgba(255, 255, 255, 0.08);
        border: 1px solid rgba(255, 255, 255, 0.12);
        border-radius: 14px;
        padding: 22px;
    }

    .su-timeline-item h3 {
        color: #ffffff;
        font-size: 1.02rem;
        margin-bottom: 8px;
    }

    .su-timeline-item p {
        color: rgba(255, 255, 255, 0.72);
        margin-bottom: 0;
        line-height: 1.65;
        font-size: 0.92rem;
    }

    .su-audience {
        background: #ffffff;
        border: 1px solid rgba(124, 58, 237, 0.1);
        border-radius: 12px;
        padding: 16px 18px;
        color: #0f0f14;
        font-weight: 700;
        box-shadow: 0 8px 24px rgba(15, 15, 20, 0.04);
    }

    .su-form-card {
        border-radius: 18px;
        border: 1px solid rgba(124, 58, 237, 0.1) !important;
    }

    .su-faq .accordion-item {
        border: 1px solid rgba(124, 58, 237, 0.1);
        border-radius: 12px;
        overflow: hidden;
        margin-bottom: 12px;
    }

    .su-faq .accordion-button {
        font-weight: 700;
        color: #0f0f14;
    }

    .su-cta {
        background: linear-gradient(135deg, #0f0f14 0%, #1E52CC 50%, #10b981 130%);
    }

    @media (max-width: 991px) {
        .su-deck-grid,
        .su-growth-ladder,
        .su-stack-columns,
        .su-timeline {
            grid-template-columns: 1fr;
        }
    }

    @media (max-width: 768px) {
        .su-hero {
            padding: 60px 0;
            text-align: center;
        }

        .su-launch-runway,
        .su-stage-tags {
            justify-content: center;
        }

        .su-hero .d-flex {
            justify-content: center;
        }

        .su-float-card {
            position: static;
            margin-top: 10px;
            display: inline-block;
        }

        .su-float-three {
            display: inline-flex;
        }

        .su-hero-stack {
            text-align: left;
        }
    }


/* =========================================
   INDUSTRIES — SUPPLY-CHAIN
========================================= */

    .sc-hero {
        padding: 85px 0;
        background: linear-gradient(155deg, #eef2ff 0%, #EEF3FB 40%, #f8fafc 100%);
    }

    .sc-network-mesh {
        position: absolute;
        inset: 0;
        background-image:
            radial-gradient(circle at 25% 25%, rgba(79, 70, 229, 0.08) 0%, transparent 40%),
            radial-gradient(circle at 75% 75%, rgba(16, 185, 129, 0.08) 0%, transparent 40%),
            radial-gradient(circle, rgba(99, 102, 241, 0.15) 1px, transparent 1px);
        background-size: auto, auto, 28px 28px;
        pointer-events: none;
    }

    .sc-flow-band {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 5px;
        background: linear-gradient(90deg, #1E52CC 0%, #10b981 50%, #6366f1 100%);
        opacity: 0.4;
        pointer-events: none;
    }

    .sc-heading {
        color: #1e1b4b;
        font-size: clamp(2rem, 4vw, 3.3rem);
        line-height: 1.12;
    }

    .sc-lead {
        color: #475569;
        max-width: 640px;
        line-height: 1.75;
    }

    .sc-badge {
        background: rgba(79, 70, 229, 0.12);
        color: #4338ca;
        border: 1px solid rgba(79, 70, 229, 0.25);
        font-weight: 600;
    }

    .sc-badge-light {
        background: rgba(255, 255, 255, 0.12);
        color: #ffffff;
        border: 1px solid rgba(255, 255, 255, 0.2);
        font-weight: 600;
    }

    .sc-badge-emerald {
        background: rgba(16, 185, 129, 0.25);
        color: #ffffff;
        border: 1px solid rgba(16, 185, 129, 0.4);
        font-weight: 600;
    }

    .sc-eyebrow {
        display: inline-block;
        margin-bottom: 12px;
        font-size: 0.82rem;
        font-weight: 700;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        color: #6366f1;
    }

    .sc-tier-network {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 0;
    }

    .sc-tier-node {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        min-width: 72px;
        padding: 10px 8px;
        position: relative;
    }

    .sc-node-ring {
        width: 18px;
        height: 18px;
        border-radius: 50%;
        background: #c7d2fe;
        border: 3px solid #ffffff;
        box-shadow: 0 0 0 2px #a5b4fc;
        margin-bottom: 8px;
        transition: all 0.3s ease;
    }

    .sc-tier-node strong {
        display: block;
        color: #334155;
        font-size: 0.78rem;
        font-weight: 800;
    }

    .sc-tier-node small {
        display: block;
        color: #94a3b8;
        font-size: 0.6rem;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 0.04em;
        margin-top: 2px;
    }

    .sc-tier-active .sc-node-ring {
        background: #10b981;
        box-shadow: 0 0 0 2px #10b981, 0 0 14px rgba(16, 185, 129, 0.45);
        animation: sc-node-pulse 2s ease-in-out infinite;
    }

    .sc-tier-active strong {
        color: #4338ca;
    }

    @keyframes sc-node-pulse {
        0%, 100% { transform: scale(1); }
        50% { transform: scale(1.15); }
    }

    .sc-tier-link {
        width: 24px;
        height: 2px;
        background: linear-gradient(90deg, #6366f1, #10b981);
        flex-shrink: 0;
        position: relative;
    }

    .sc-tier-link::after {
        content: "";
        position: absolute;
        right: -3px;
        top: -3px;
        width: 0;
        height: 0;
        border-top: 4px solid transparent;
        border-bottom: 4px solid transparent;
        border-left: 6px solid #10b981;
    }

    .sc-capability-tags {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
    }

    .sc-capability-tags span {
        padding: 8px 14px;
        border-radius: 6px;
        background: rgba(79, 70, 229, 0.08);
        border: 1px solid rgba(99, 102, 241, 0.2);
        color: #4338ca;
        font-size: 0.88rem;
        font-weight: 700;
        font-family: monospace;
    }

    .sc-btn-primary {
        background: linear-gradient(135deg, #1E52CC, #4338ca);
        border: none;
        color: #ffffff;
        font-weight: 700;
    }

    .sc-btn-primary:hover {
        background: linear-gradient(135deg, #4338ca, #3730a3);
        color: #ffffff;
    }

    .sc-btn-outline {
        border: 2px solid #10b981;
        color: #1E52CC;
        font-weight: 700;
        background: transparent;
    }

    .sc-btn-outline:hover {
        background: #10b981;
        color: #ffffff;
    }

    .sc-metrics strong {
        display: block;
        color: #1e1b4b;
        font-size: 1.1rem;
        font-weight: 800;
    }

    .sc-metrics span {
        color: #64748b;
        font-size: 0.82rem;
    }

    .sc-form-card {
        border-radius: 18px;
        border: 1px solid rgba(79, 70, 229, 0.15) !important;
        background: rgba(255, 255, 255, 0.96);
    }

    .sc-section-title {
        color: #1e1b4b;
    }

    .sc-soft-bg {
        background: linear-gradient(180deg, #eef2ff 0%, #EEF3FB 50%, #f8fafc 100%);
    }

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

    .sc-mesh-card {
        position: relative;
        height: 100%;
        background: #ffffff;
        border: 1px solid rgba(148, 163, 184, 0.18);
        border-radius: 18px;
        padding: 28px 24px;
        box-shadow: 0 12px 30px rgba(30, 27, 75, 0.05);
        transition: transform 0.25s ease, box-shadow 0.25s ease;
        clip-path: polygon(0 0, calc(100% - 16px) 0, 100% 16px, 100% 100%, 16px 100%, 0 calc(100% - 16px));
    }

    .sc-mesh-card:hover {
        transform: translateY(-4px);
        box-shadow: 0 18px 40px rgba(79, 70, 229, 0.1);
    }

    .sc-mesh-featured {
        border-color: #6366f1;
        box-shadow: 0 16px 36px rgba(99, 102, 241, 0.12);
    }

    .sc-mesh-connector {
        position: absolute;
        top: 20px;
        left: 20px;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: #10b981;
        box-shadow: 12px 0 0 #6366f1, 24px 0 0 #a5b4fc;
    }

    .sc-mesh-card i {
        display: inline-flex;
        width: 44px;
        height: 44px;
        align-items: center;
        justify-content: center;
        border-radius: 12px;
        background: linear-gradient(135deg, rgba(79, 70, 229, 0.12), rgba(16, 185, 129, 0.12));
        color: #1E52CC;
        font-size: 22px;
        margin-bottom: 14px;
        margin-top: 8px;
    }

    .sc-mesh-card h3 {
        color: #1e1b4b;
        font-size: 1.05rem;
        margin-bottom: 8px;
    }

    .sc-mesh-card p {
        color: #64748b;
        margin-bottom: 0;
        line-height: 1.7;
        font-size: 0.94rem;
    }

    .sc-platform-image {
        border: 1px solid rgba(79, 70, 229, 0.15);
    }

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

    .sc-lane {
        padding: 22px;
        border-radius: 18px;
        background: #ffffff;
        border: 1px solid rgba(148, 163, 184, 0.15);
        box-shadow: 0 10px 28px rgba(30, 27, 75, 0.04);
        border-top: 4px solid #6366f1;
    }

    .sc-lane-supplier { border-top-color: #6366f1; }
    .sc-lane-operations { border-top-color: #10b981; }
    .sc-lane-customer { border-top-color: #4338ca; }

    .sc-lane-label {
        display: inline-block;
        padding: 4px 12px;
        border-radius: 6px;
        font-size: 0.75rem;
        font-weight: 800;
        letter-spacing: 0.06em;
        text-transform: uppercase;
        margin-bottom: 14px;
        background: rgba(79, 70, 229, 0.1);
        color: #4338ca;
    }

    .sc-lane ul {
        margin: 0;
        padding-left: 18px;
        color: #64748b;
        font-size: 0.92rem;
        line-height: 1.75;
    }

    .sc-domain-card {
        height: 100%;
        background: #ffffff;
        border: 1px solid rgba(148, 163, 184, 0.15);
        border-radius: 18px;
        padding: 24px;
        box-shadow: 0 10px 28px rgba(30, 27, 75, 0.04);
        transition: transform 0.25s ease;
    }

    .sc-domain-card:hover {
        transform: translateY(-3px);
    }

    .sc-domain-card i {
        display: inline-flex;
        width: 44px;
        height: 44px;
        align-items: center;
        justify-content: center;
        border-radius: 12px;
        background: rgba(99, 102, 241, 0.1);
        color: #1E52CC;
        font-size: 22px;
        margin-bottom: 14px;
    }

    .sc-domain-card h4 {
        color: #1e1b4b;
        font-size: 1rem;
        margin-bottom: 8px;
    }

    .sc-domain-card p {
        color: #64748b;
        margin-bottom: 0;
        line-height: 1.65;
        font-size: 0.9rem;
    }

    .sc-flow-strip {
        background: linear-gradient(135deg, #1e1b4b 0%, #4338ca 50%, #1644B0 100%);
    }

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

    .sc-flow-item {
        padding: 18px 20px;
        border-radius: 14px;
        background: rgba(255, 255, 255, 0.07);
        border: 1px solid rgba(255, 255, 255, 0.1);
        border-left: 4px solid #10b981;
    }

    .sc-flow-item strong {
        display: block;
        color: #ffffff;
        font-size: 0.98rem;
        margin-bottom: 6px;
    }

    .sc-flow-item span {
        color: rgba(255, 255, 255, 0.72);
        font-size: 0.9rem;
        line-height: 1.6;
    }

    .sc-outcome-card {
        height: 100%;
        text-align: center;
        background: #ffffff;
        border: 1px solid rgba(148, 163, 184, 0.15);
        border-radius: 18px;
        padding: 24px 20px;
        box-shadow: 0 10px 28px rgba(30, 27, 75, 0.04);
    }

    .sc-outcome-icon {
        width: 48px;
        height: 48px;
        margin: 0 auto 12px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        background: linear-gradient(135deg, rgba(79, 70, 229, 0.15), rgba(16, 185, 129, 0.15));
        color: #1E52CC;
        font-size: 22px;
    }

    .sc-outcome-card h4 {
        color: #1e1b4b;
        font-size: 1rem;
        margin-bottom: 8px;
    }

    .sc-outcome-card p {
        color: #64748b;
        margin-bottom: 0;
        line-height: 1.65;
        font-size: 0.9rem;
    }

    .sc-engage-list {
        display: grid;
        gap: 14px;
    }

    .sc-engage-row {
        display: grid;
        grid-template-columns: 56px 1fr;
        gap: 16px;
        padding: 22px;
        border-radius: 18px;
        background: #ffffff;
        border: 1px solid rgba(148, 163, 184, 0.15);
        box-shadow: 0 10px 28px rgba(30, 27, 75, 0.04);
    }

    .sc-engage-featured {
        border-color: #6366f1;
        box-shadow: 0 16px 36px rgba(99, 102, 241, 0.12);
    }

    .sc-engage-row span {
        width: 56px;
        height: 56px;
        border-radius: 14px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: linear-gradient(135deg, #1E52CC, #10b981);
        color: #ffffff;
        font-weight: 800;
    }

    .sc-engage-row h4 {
        color: #1e1b4b;
        margin-bottom: 6px;
        font-weight: 800;
    }

    .sc-engage-row p {
        color: #64748b;
        margin-bottom: 0;
        line-height: 1.65;
        font-size: 0.92rem;
    }

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

    .sc-stack-col {
        background: #ffffff;
        border: 1px solid rgba(148, 163, 184, 0.15);
        border-radius: 18px;
        padding: 22px;
        box-shadow: 0 10px 28px rgba(30, 27, 75, 0.04);
    }

    .sc-stack-col h3 {
        color: #1e1b4b;
        font-size: 1rem;
        margin-bottom: 12px;
    }

    .sc-stack-col ul {
        margin: 0;
        padding-left: 18px;
        color: #64748b;
        font-size: 0.92rem;
        line-height: 1.7;
    }

    .sc-dark {
        background: linear-gradient(135deg, #1e1b4b 0%, #4338ca 55%, #065f46 100%);
    }

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

    .sc-timeline-item {
        background: rgba(255, 255, 255, 0.08);
        border: 1px solid rgba(255, 255, 255, 0.12);
        border-radius: 14px;
        padding: 22px;
    }

    .sc-timeline-item h3 {
        color: #ffffff;
        font-size: 1.02rem;
        margin-bottom: 8px;
    }

    .sc-timeline-item p {
        color: rgba(255, 255, 255, 0.72);
        margin-bottom: 0;
        line-height: 1.65;
        font-size: 0.92rem;
    }

    .sc-audience {
        background: #ffffff;
        border: 1px solid rgba(148, 163, 184, 0.15);
        border-radius: 10px;
        padding: 16px 20px;
        color: #1e1b4b;
        font-weight: 700;
        box-shadow: 0 8px 24px rgba(30, 27, 75, 0.04);
        border-left: 3px solid #6366f1;
    }

    .sc-faq .accordion-item {
        border: 1px solid rgba(148, 163, 184, 0.15);
        border-radius: 14px;
        overflow: hidden;
        margin-bottom: 12px;
    }

    .sc-faq .accordion-button {
        font-weight: 700;
        color: #1e1b4b;
    }

    .sc-showcase {
        position: relative;
        border-radius: 18px;
        overflow: hidden;
        box-shadow: 0 24px 60px rgba(30, 27, 75, 0.12);
        border: 1px solid rgba(79, 70, 229, 0.15);
    }

    .sc-showcase-image {
        width: 100%;
        display: block;
    }

    .sc-showcase-caption {
        position: absolute;
        bottom: 16px;
        left: 16px;
        right: 16px;
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 12px 16px;
        border-radius: 12px;
        background: rgba(255, 255, 255, 0.95);
        border: 1px solid rgba(148, 163, 184, 0.1);
        font-size: 0.88rem;
        font-weight: 700;
        color: #1e1b4b;
    }

    .sc-cta {
        background: linear-gradient(135deg, #1e1b4b 0%, #4338ca 50%, #10b981 130%);
    }

    @media (max-width: 991px) {
        .sc-mesh-grid,
        .sc-partner-lanes,
        .sc-flow-grid,
        .sc-stack-columns,
        .sc-timeline {
            grid-template-columns: 1fr;
        }

        .sc-tier-link {
            display: none;
        }
    }

    @media (max-width: 768px) {
        .sc-hero {
            padding: 60px 0;
            text-align: center;
        }

        .sc-tier-network,
        .sc-capability-tags {
            justify-content: center;
        }

        .sc-hero .d-flex {
            justify-content: center;
        }
    }


/* =========================================
   INDUSTRIES — TELECOM
========================================= */

    .tl-hero {
        padding: 85px 0;
        background: linear-gradient(160deg, #0b1220 0%, #111827 48%, #1e293b 100%);
    }

    .tl-signal-rings {
        position: absolute;
        top: 50%;
        left: 8%;
        width: 280px;
        height: 280px;
        transform: translateY(-50%);
        border-radius: 50%;
        border: 2px solid rgba(6, 182, 212, 0.15);
        box-shadow:
            0 0 0 40px rgba(6, 182, 212, 0.06),
            0 0 0 80px rgba(217, 70, 239, 0.04);
        pointer-events: none;
    }

    .tl-grid-overlay {
        position: absolute;
        inset: 0;
        background-image:
            linear-gradient(rgba(6, 182, 212, 0.04) 1px, transparent 1px),
            linear-gradient(90deg, rgba(6, 182, 212, 0.04) 1px, transparent 1px);
        background-size: 48px 48px;
        pointer-events: none;
    }

    .tl-heading {
        color: #f8fafc;
        font-size: clamp(2rem, 4vw, 3.3rem);
        line-height: 1.12;
    }

    .tl-lead {
        color: #94a3b8;
        max-width: 640px;
        line-height: 1.75;
    }

    .tl-badge {
        background: rgba(6, 182, 212, 0.15);
        color: #22d3ee;
        border: 1px solid rgba(6, 182, 212, 0.3);
        font-weight: 600;
    }

    .tl-badge-light {
        background: rgba(255, 255, 255, 0.1);
        color: #ffffff;
        border: 1px solid rgba(255, 255, 255, 0.18);
        font-weight: 600;
    }

    .tl-badge-magenta {
        background: rgba(217, 70, 239, 0.2);
        color: #ffffff;
        border: 1px solid rgba(217, 70, 239, 0.35);
        font-weight: 600;
    }

    .tl-eyebrow {
        display: inline-block;
        margin-bottom: 12px;
        font-size: 0.82rem;
        font-weight: 700;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        color: #1E52CC;
    }

    .tl-signal-path {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 6px;
    }

    .tl-path-node {
        padding: 7px 14px;
        border-radius: 999px;
        background: rgba(255, 255, 255, 0.06);
        border: 1px solid rgba(6, 182, 212, 0.2);
        color: #cbd5e1;
        font-size: 0.82rem;
        font-weight: 700;
    }

    .tl-path-active {
        background: linear-gradient(135deg, #06b6d4, #1E52CC);
        border-color: transparent;
        color: #0b1220;
    }

    .tl-path-line {
        width: 18px;
        height: 2px;
        background: linear-gradient(90deg, #06b6d4, #d946ef);
        border-radius: 2px;
        flex-shrink: 0;
    }

    .tl-network-tags {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
    }

    .tl-network-tags span {
        padding: 8px 14px;
        border-radius: 8px;
        background: rgba(217, 70, 239, 0.12);
        border: 1px solid rgba(217, 70, 239, 0.25);
        color: #e879f9;
        font-size: 0.88rem;
        font-weight: 600;
    }

    .tl-btn-primary {
        background: linear-gradient(135deg, #06b6d4, #1E52CC);
        border: none;
        color: #0b1220;
        font-weight: 700;
    }

    .tl-btn-primary:hover {
        background: linear-gradient(135deg, #22d3ee, #06b6d4);
        color: #0b1220;
    }

    .tl-btn-outline {
        border: 2px solid rgba(6, 182, 212, 0.6);
        color: #22d3ee;
        font-weight: 700;
        background: transparent;
    }

    .tl-btn-outline:hover {
        background: rgba(6, 182, 212, 0.15);
        color: #67e8f9;
        border-color: #22d3ee;
    }

    .tl-hero-visual {
        position: relative;
    }

    .tl-hero-image {
        border-radius: 20px;
        border: 1px solid rgba(6, 182, 212, 0.25);
        box-shadow: 0 24px 60px rgba(0, 0, 0, 0.35);
    }

    .tl-stat-card {
        position: absolute;
        background: rgba(15, 23, 42, 0.92);
        border: 1px solid rgba(6, 182, 212, 0.2);
        border-radius: 14px;
        padding: 12px 14px;
        box-shadow: 0 12px 30px rgba(0, 0, 0, 0.25);
        font-size: 0.82rem;
    }

    .tl-stat-card strong {
        display: block;
        color: #f8fafc;
        font-size: 0.95rem;
    }

    .tl-stat-card span {
        color: #94a3b8;
    }

    .tl-stat-one {
        top: 18px;
        left: -10px;
    }

    .tl-stat-two {
        top: 42%;
        right: -8px;
    }

    .tl-stat-three {
        bottom: 18px;
        left: 24px;
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .tl-section-title {
        color: #0f172a;
    }

    .tl-soft-bg {
        background: linear-gradient(180deg, #ecfeff 0%, #EEF3FB 100%);
    }

    .tl-pillar-card {
        height: 100%;
        border-radius: 20px;
        padding: 28px;
        box-shadow: 0 16px 40px rgba(15, 23, 42, 0.08);
    }

    .tl-pillar-oss {
        background: linear-gradient(160deg, #ffffff 0%, #ecfeff 100%);
        border: 1px solid rgba(6, 182, 212, 0.18);
    }

    .tl-pillar-bss {
        background: linear-gradient(160deg, #ffffff 0%, #faf5ff 100%);
        border: 1px solid rgba(217, 70, 239, 0.18);
    }

    .tl-pillar-head span {
        display: inline-block;
        padding: 4px 12px;
        border-radius: 999px;
        font-size: 0.75rem;
        font-weight: 800;
        letter-spacing: 0.08em;
        margin-bottom: 10px;
    }

    .tl-pillar-oss .tl-pillar-head span {
        background: rgba(6, 182, 212, 0.15);
        color: #1E52CC;
    }

    .tl-pillar-bss .tl-pillar-head span {
        background: rgba(217, 70, 239, 0.15);
        color: #c026d3;
    }

    .tl-pillar-head h3 {
        color: #0f172a;
        font-size: 1.2rem;
        margin-bottom: 20px;
    }

    .tl-pillar-list {
        display: grid;
        gap: 16px;
    }

    .tl-pillar-item {
        display: grid;
        grid-template-columns: 44px 1fr;
        gap: 14px;
        padding: 16px;
        border-radius: 14px;
        background: rgba(255, 255, 255, 0.7);
        border: 1px solid rgba(15, 23, 42, 0.06);
    }

    .tl-pillar-item i {
        width: 44px;
        height: 44px;
        border-radius: 12px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 22px;
    }

    .tl-pillar-oss .tl-pillar-item i {
        background: rgba(6, 182, 212, 0.12);
        color: #1E52CC;
    }

    .tl-pillar-bss .tl-pillar-item i {
        background: rgba(217, 70, 239, 0.12);
        color: #c026d3;
    }

    .tl-pillar-item h4 {
        color: #0f172a;
        font-size: 0.98rem;
        margin-bottom: 6px;
    }

    .tl-pillar-item p {
        color: #64748b;
        margin-bottom: 0;
        line-height: 1.65;
        font-size: 0.9rem;
    }

    .tl-platform-image {
        border: 1px solid rgba(6, 182, 212, 0.15);
    }

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

    .tl-node-card {
        padding: 20px;
        border-radius: 16px;
        background: #ffffff;
        border: 1px solid rgba(6, 182, 212, 0.12);
        box-shadow: 0 10px 28px rgba(15, 23, 42, 0.04);
        position: relative;
        overflow: hidden;
    }

    .tl-node-card::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 3px;
        background: linear-gradient(90deg, #06b6d4, #d946ef);
    }

    .tl-node-card h3 {
        color: #0f172a;
        font-size: 1rem;
        margin-bottom: 8px;
    }

    .tl-node-card p {
        color: #64748b;
        margin-bottom: 0;
        line-height: 1.65;
        font-size: 0.9rem;
    }

    .tl-domain-hex {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 16px;
    }

    .tl-domain-cell {
        text-align: center;
        padding: 28px 22px;
        border-radius: 18px;
        background: #ffffff;
        border: 1px solid rgba(6, 182, 212, 0.12);
        box-shadow: 0 12px 30px rgba(15, 23, 42, 0.05);
        transition: transform 0.25s ease, border-color 0.25s ease;
    }

    .tl-domain-cell:hover {
        transform: translateY(-4px);
        border-color: rgba(6, 182, 212, 0.35);
    }

    .tl-domain-cell i {
        display: inline-flex;
        width: 48px;
        height: 48px;
        align-items: center;
        justify-content: center;
        border-radius: 14px;
        background: linear-gradient(135deg, rgba(6, 182, 212, 0.12), rgba(217, 70, 239, 0.12));
        color: #1E52CC;
        font-size: 24px;
        margin-bottom: 14px;
    }

    .tl-domain-cell h4 {
        color: #0f172a;
        font-size: 1rem;
        margin-bottom: 8px;
    }

    .tl-domain-cell p {
        color: #64748b;
        margin-bottom: 0;
        line-height: 1.65;
        font-size: 0.9rem;
    }

    .tl-network-strip {
        background: linear-gradient(135deg, #0b1220 0%, #1e293b 55%, #312e81 100%);
    }

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

    .tl-reliability-grid div {
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 14px 16px;
        border-radius: 12px;
        background: rgba(255, 255, 255, 0.06);
        border: 1px solid rgba(6, 182, 212, 0.15);
        color: rgba(255, 255, 255, 0.88);
        font-size: 0.9rem;
        font-weight: 600;
    }

    .tl-reliability-grid i {
        color: #22d3ee;
        font-size: 20px;
    }

    .tl-outcome-card {
        height: 100%;
        text-align: center;
        background: #ffffff;
        border: 1px solid rgba(6, 182, 212, 0.12);
        border-radius: 16px;
        padding: 24px 20px;
        box-shadow: 0 10px 28px rgba(15, 23, 42, 0.04);
    }

    .tl-outcome-icon {
        width: 48px;
        height: 48px;
        margin: 0 auto 12px;
        border-radius: 14px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: linear-gradient(135deg, rgba(6, 182, 212, 0.12), rgba(217, 70, 239, 0.12));
        color: #1E52CC;
        font-size: 22px;
    }

    .tl-outcome-card h4 {
        color: #0f172a;
        font-size: 1rem;
        margin-bottom: 8px;
    }

    .tl-outcome-card p {
        color: #64748b;
        margin-bottom: 0;
        line-height: 1.65;
        font-size: 0.9rem;
    }

    .tl-engage-list {
        display: grid;
        gap: 14px;
    }

    .tl-engage-row {
        display: grid;
        grid-template-columns: 56px 1fr;
        gap: 16px;
        padding: 22px;
        border-radius: 16px;
        background: #ffffff;
        border: 1px solid rgba(6, 182, 212, 0.12);
        box-shadow: 0 10px 28px rgba(15, 23, 42, 0.04);
    }

    .tl-engage-featured {
        border-color: #06b6d4;
        box-shadow: 0 16px 36px rgba(6, 182, 212, 0.12);
    }

    .tl-engage-row span {
        width: 56px;
        height: 56px;
        border-radius: 14px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: linear-gradient(135deg, #06b6d4, #d946ef);
        color: #0b1220;
        font-weight: 800;
    }

    .tl-engage-row h4 {
        color: #0f172a;
        margin-bottom: 6px;
        font-weight: 800;
    }

    .tl-engage-row p {
        color: #64748b;
        margin-bottom: 0;
        line-height: 1.65;
        font-size: 0.92rem;
    }

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

    .tl-stack-col {
        background: #ffffff;
        border: 1px solid rgba(6, 182, 212, 0.12);
        border-radius: 16px;
        padding: 22px;
        box-shadow: 0 10px 28px rgba(15, 23, 42, 0.04);
    }

    .tl-stack-col h3 {
        color: #0f172a;
        font-size: 1rem;
        margin-bottom: 12px;
    }

    .tl-stack-col ul {
        margin: 0;
        padding-left: 18px;
        color: #64748b;
        font-size: 0.92rem;
        line-height: 1.7;
    }

    .tl-dark {
        background: linear-gradient(135deg, #0b1220 0%, #1e293b 55%, #0B1B33 100%);
    }

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

    .tl-timeline-item {
        background: rgba(255, 255, 255, 0.08);
        border: 1px solid rgba(6, 182, 212, 0.15);
        border-radius: 14px;
        padding: 22px;
    }

    .tl-timeline-item h3 {
        color: #ffffff;
        font-size: 1.02rem;
        margin-bottom: 8px;
    }

    .tl-timeline-item p {
        color: rgba(255, 255, 255, 0.72);
        margin-bottom: 0;
        line-height: 1.65;
        font-size: 0.92rem;
    }

    .tl-audience {
        background: #ffffff;
        border: 1px solid rgba(6, 182, 212, 0.12);
        border-radius: 12px;
        padding: 16px 18px;
        color: #0f172a;
        font-weight: 700;
        box-shadow: 0 8px 24px rgba(15, 23, 42, 0.04);
    }

    .tl-form-card {
        border-radius: 18px;
        border: 1px solid rgba(6, 182, 212, 0.12) !important;
    }

    .tl-faq .accordion-item {
        border: 1px solid rgba(6, 182, 212, 0.12);
        border-radius: 12px;
        overflow: hidden;
        margin-bottom: 12px;
    }

    .tl-faq .accordion-button {
        font-weight: 700;
        color: #0f172a;
    }

    .tl-cta {
        background: linear-gradient(135deg, #0b1220 0%, #1E52CC 50%, #d946ef 130%);
    }

    @media (max-width: 991px) {
        .tl-node-grid,
        .tl-domain-hex,
        .tl-reliability-grid,
        .tl-stack-columns,
        .tl-timeline {
            grid-template-columns: 1fr;
        }
    }

    @media (max-width: 768px) {
        .tl-hero {
            padding: 60px 0;
            text-align: center;
        }

        .tl-signal-path,
        .tl-network-tags {
            justify-content: center;
        }

        .tl-hero .d-flex {
            justify-content: center;
        }

        .tl-stat-card {
            position: static;
            margin-top: 10px;
            display: inline-block;
        }

        .tl-hero-visual {
            text-align: left;
        }
    }


/* =========================================
   INDUSTRIES — TRANSPORTATION-AND-LOGISTICS
========================================= */

    .lg-hero {
        padding: 85px 0;
        background: linear-gradient(155deg, #f8fafc 0%, #ecfeff 40%, #fffbeb 100%);
    }

    .lg-route-mesh {
        position: absolute;
        inset: 0;
        background-image:
            radial-gradient(circle at 20% 30%, rgba(20, 184, 166, 0.08) 0%, transparent 45%),
            radial-gradient(circle at 80% 70%, rgba(245, 158, 11, 0.08) 0%, transparent 45%),
            linear-gradient(135deg, rgba(15, 23, 42, 0.03) 1px, transparent 1px),
            linear-gradient(45deg, rgba(15, 23, 42, 0.03) 1px, transparent 1px);
        background-size: auto, auto, 48px 48px, 48px 48px;
        pointer-events: none;
    }

    .lg-freight-lane {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 5px;
        background: linear-gradient(90deg, #0f172a 0%, #14b8a6 35%, #f59e0b 70%, #0f172a 100%);
        opacity: 0.4;
        pointer-events: none;
    }

    .lg-heading {
        color: #0f172a;
        font-size: clamp(2rem, 4vw, 3.3rem);
        line-height: 1.12;
    }

    .lg-lead {
        color: #475569;
        max-width: 640px;
        line-height: 1.75;
    }

    .lg-badge {
        background: rgba(20, 184, 166, 0.12);
        color: #0f766e;
        border: 1px solid rgba(20, 184, 166, 0.28);
        font-weight: 600;
    }

    .lg-badge-light {
        background: rgba(255, 255, 255, 0.12);
        color: #ffffff;
        border: 1px solid rgba(255, 255, 255, 0.2);
        font-weight: 600;
    }

    .lg-badge-amber {
        background: rgba(245, 158, 11, 0.25);
        color: #ffffff;
        border: 1px solid rgba(245, 158, 11, 0.4);
        font-weight: 600;
    }

    .lg-eyebrow {
        display: inline-block;
        margin-bottom: 12px;
        font-size: 0.82rem;
        font-weight: 700;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        color: #14b8a6;
    }

    .lg-corridor {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 4px;
    }

    .lg-hub {
        padding: 10px 14px;
        border-radius: 50px;
        background: #ffffff;
        border: 2px solid rgba(15, 23, 42, 0.1);
        text-align: center;
        min-width: 80px;
    }

    .lg-hub small {
        display: block;
        color: #94a3b8;
        font-size: 0.62rem;
        font-weight: 700;
        letter-spacing: 0.05em;
        text-transform: uppercase;
        margin-bottom: 2px;
    }

    .lg-hub strong {
        display: block;
        color: #334155;
        font-size: 0.8rem;
    }

    .lg-hub-active {
        background: linear-gradient(145deg, #0f172a, #1e293b);
        border-color: #f59e0b;
        box-shadow: 0 4px 16px rgba(245, 158, 11, 0.25);
    }

    .lg-hub-active small,
    .lg-hub-active strong {
        color: #ffffff;
    }

    .lg-corridor-line {
        position: relative;
        width: 20px;
        height: 3px;
        background: linear-gradient(90deg, #14b8a6, #f59e0b);
        border-radius: 2px;
        flex-shrink: 0;
    }

    .lg-pulse {
        position: absolute;
        top: 50%;
        left: 0;
        width: 8px;
        height: 8px;
        margin-top: -4px;
        border-radius: 50%;
        background: #f59e0b;
        animation: lg-pulse-move 2.5s ease-in-out infinite;
    }

    @keyframes lg-pulse-move {
        0%, 100% { left: 0; opacity: 1; }
        50% { left: calc(100% - 8px); opacity: 0.6; }
    }

    .lg-mode-tags {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
    }

    .lg-mode-tags span {
        padding: 8px 14px;
        border-radius: 50px;
        background: rgba(15, 23, 42, 0.06);
        border: 1px solid rgba(15, 23, 42, 0.12);
        color: #0f172a;
        font-size: 0.88rem;
        font-weight: 600;
    }

    .lg-btn-primary {
        background: linear-gradient(135deg, #14b8a6, #0d9488);
        border: none;
        color: #ffffff;
        font-weight: 700;
    }

    .lg-btn-primary:hover {
        background: linear-gradient(135deg, #0d9488, #0f766e);
        color: #ffffff;
    }

    .lg-btn-outline {
        border: 2px solid #0f172a;
        color: #0f172a;
        font-weight: 700;
        background: transparent;
    }

    .lg-btn-outline:hover {
        background: #0f172a;
        color: #ffffff;
    }

    .lg-metrics strong {
        display: block;
        color: #0f172a;
        font-size: 1.1rem;
        font-weight: 800;
    }

    .lg-metrics span {
        color: #64748b;
        font-size: 0.82rem;
    }

    .lg-form-card {
        border-radius: 18px;
        border: 1px solid rgba(20, 184, 166, 0.15) !important;
        background: rgba(255, 255, 255, 0.95);
    }

    .lg-section-title {
        color: #0f172a;
    }

    .lg-soft-bg {
        background: linear-gradient(180deg, #f8fafc 0%, #ecfeff 50%, #fffbeb 100%);
    }

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

    .lg-freight-card {
        position: relative;
        height: 100%;
        background: #ffffff;
        border: 1px solid rgba(100, 116, 139, 0.14);
        border-radius: 16px;
        padding: 28px 24px;
        box-shadow: 0 12px 30px rgba(15, 23, 42, 0.05);
        transition: transform 0.25s ease, border-color 0.25s ease;
        overflow: hidden;
    }

    .lg-freight-card::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 3px;
        background: linear-gradient(90deg, #14b8a6, #f59e0b);
        opacity: 0;
        transition: opacity 0.25s ease;
    }

    .lg-freight-card:hover {
        transform: translateY(-4px);
        border-color: rgba(20, 184, 166, 0.35);
    }

    .lg-freight-card:hover::after {
        opacity: 1;
    }

    .lg-freight-featured {
        border-color: #14b8a6;
        box-shadow: 0 16px 36px rgba(20, 184, 166, 0.12);
    }

    .lg-freight-marker {
        position: absolute;
        top: 16px;
        right: 16px;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background: #f59e0b;
        box-shadow: 0 0 0 4px rgba(245, 158, 11, 0.2);
    }

    .lg-freight-card i {
        display: inline-flex;
        width: 44px;
        height: 44px;
        align-items: center;
        justify-content: center;
        border-radius: 12px;
        background: linear-gradient(135deg, rgba(15, 23, 42, 0.08), rgba(20, 184, 166, 0.12));
        color: #0f766e;
        font-size: 22px;
        margin-bottom: 14px;
    }

    .lg-freight-card h3 {
        color: #0f172a;
        font-size: 1.05rem;
        margin-bottom: 8px;
    }

    .lg-freight-card p {
        color: #64748b;
        margin-bottom: 0;
        line-height: 1.7;
        font-size: 0.94rem;
    }

    .lg-platform-image {
        border: 1px solid rgba(20, 184, 166, 0.15);
    }

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

    .lg-spoke {
        padding: 22px;
        border-radius: 16px;
        background: #ffffff;
        border: 1px solid rgba(100, 116, 139, 0.12);
        box-shadow: 0 10px 28px rgba(15, 23, 42, 0.04);
        position: relative;
    }

    .lg-spoke::before {
        content: "";
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 40px;
        height: 4px;
        border-radius: 0 0 4px 4px;
    }

    .lg-spoke-warehouse::before { background: #14b8a6; }
    .lg-spoke-fleet::before { background: #f59e0b; }
    .lg-spoke-customer::before { background: #0f172a; }

    .lg-spoke-label {
        display: inline-block;
        padding: 4px 12px;
        border-radius: 50px;
        font-size: 0.75rem;
        font-weight: 800;
        letter-spacing: 0.06em;
        text-transform: uppercase;
        margin-bottom: 14px;
    }

    .lg-spoke-warehouse .lg-spoke-label {
        background: rgba(20, 184, 166, 0.12);
        color: #0f766e;
    }

    .lg-spoke-fleet .lg-spoke-label {
        background: rgba(245, 158, 11, 0.15);
        color: #b45309;
    }

    .lg-spoke-customer .lg-spoke-label {
        background: rgba(15, 23, 42, 0.08);
        color: #0f172a;
    }

    .lg-spoke ul {
        margin: 0;
        padding-left: 18px;
        color: #64748b;
        font-size: 0.92rem;
        line-height: 1.75;
    }

    .lg-domain-card {
        height: 100%;
        background: #ffffff;
        border: 1px solid rgba(100, 116, 139, 0.12);
        border-radius: 16px;
        padding: 24px;
        box-shadow: 0 10px 28px rgba(15, 23, 42, 0.04);
        transition: transform 0.25s ease;
    }

    .lg-domain-card:hover {
        transform: translateY(-3px);
    }

    .lg-domain-card i {
        display: inline-flex;
        width: 44px;
        height: 44px;
        align-items: center;
        justify-content: center;
        border-radius: 12px;
        background: rgba(20, 184, 166, 0.1);
        color: #0f766e;
        font-size: 22px;
        margin-bottom: 14px;
    }

    .lg-domain-card h4 {
        color: #0f172a;
        font-size: 1rem;
        margin-bottom: 8px;
    }

    .lg-domain-card p {
        color: #64748b;
        margin-bottom: 0;
        line-height: 1.65;
        font-size: 0.9rem;
    }

    .lg-flow-strip {
        background: linear-gradient(135deg, #0f172a 0%, #1e293b 50%, #134e4a 100%);
    }

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

    .lg-flow-item {
        padding: 18px 20px;
        border-radius: 14px;
        background: rgba(255, 255, 255, 0.06);
        border: 1px solid rgba(255, 255, 255, 0.1);
        border-left: 4px solid #f59e0b;
    }

    .lg-flow-item strong {
        display: block;
        color: #ffffff;
        font-size: 0.98rem;
        margin-bottom: 6px;
    }

    .lg-flow-item span {
        color: rgba(255, 255, 255, 0.72);
        font-size: 0.9rem;
        line-height: 1.6;
    }

    .lg-outcome-card {
        height: 100%;
        text-align: center;
        background: #ffffff;
        border: 1px solid rgba(100, 116, 139, 0.12);
        border-radius: 16px;
        padding: 24px 20px;
        box-shadow: 0 10px 28px rgba(15, 23, 42, 0.04);
    }

    .lg-outcome-icon {
        width: 48px;
        height: 48px;
        margin: 0 auto 12px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        background: linear-gradient(135deg, rgba(20, 184, 166, 0.15), rgba(245, 158, 11, 0.15));
        color: #0f766e;
        font-size: 22px;
    }

    .lg-outcome-card h4 {
        color: #0f172a;
        font-size: 1rem;
        margin-bottom: 8px;
    }

    .lg-outcome-card p {
        color: #64748b;
        margin-bottom: 0;
        line-height: 1.65;
        font-size: 0.9rem;
    }

    .lg-engage-list {
        display: grid;
        gap: 14px;
    }

    .lg-engage-row {
        display: grid;
        grid-template-columns: 56px 1fr;
        gap: 16px;
        padding: 22px;
        border-radius: 16px;
        background: #ffffff;
        border: 1px solid rgba(100, 116, 139, 0.12);
        box-shadow: 0 10px 28px rgba(15, 23, 42, 0.04);
    }

    .lg-engage-featured {
        border-color: #14b8a6;
        box-shadow: 0 16px 36px rgba(20, 184, 166, 0.12);
    }

    .lg-engage-row span {
        width: 56px;
        height: 56px;
        border-radius: 50%;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: linear-gradient(135deg, #0f172a, #14b8a6);
        color: #ffffff;
        font-weight: 800;
    }

    .lg-engage-row h4 {
        color: #0f172a;
        margin-bottom: 6px;
        font-weight: 800;
    }

    .lg-engage-row p {
        color: #64748b;
        margin-bottom: 0;
        line-height: 1.65;
        font-size: 0.92rem;
    }

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

    .lg-stack-col {
        background: #ffffff;
        border: 1px solid rgba(100, 116, 139, 0.12);
        border-radius: 16px;
        padding: 22px;
        box-shadow: 0 10px 28px rgba(15, 23, 42, 0.04);
    }

    .lg-stack-col h3 {
        color: #0f172a;
        font-size: 1rem;
        margin-bottom: 12px;
    }

    .lg-stack-col ul {
        margin: 0;
        padding-left: 18px;
        color: #64748b;
        font-size: 0.92rem;
        line-height: 1.7;
    }

    .lg-dark {
        background: linear-gradient(135deg, #0f172a 0%, #1e293b 55%, #134e4a 100%);
    }

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

    .lg-timeline-item {
        background: rgba(255, 255, 255, 0.08);
        border: 1px solid rgba(255, 255, 255, 0.12);
        border-radius: 14px;
        padding: 22px;
    }

    .lg-timeline-item h3 {
        color: #ffffff;
        font-size: 1.02rem;
        margin-bottom: 8px;
    }

    .lg-timeline-item p {
        color: rgba(255, 255, 255, 0.72);
        margin-bottom: 0;
        line-height: 1.65;
        font-size: 0.92rem;
    }

    .lg-audience {
        background: #ffffff;
        border: 1px solid rgba(100, 116, 139, 0.12);
        border-radius: 50px;
        padding: 16px 22px;
        color: #0f172a;
        font-weight: 700;
        box-shadow: 0 8px 24px rgba(15, 23, 42, 0.04);
    }

    .lg-faq .accordion-item {
        border: 1px solid rgba(100, 116, 139, 0.12);
        border-radius: 12px;
        overflow: hidden;
        margin-bottom: 12px;
    }

    .lg-faq .accordion-button {
        font-weight: 700;
        color: #0f172a;
    }

    .lg-showcase {
        position: relative;
        border-radius: 18px;
        overflow: hidden;
        box-shadow: 0 24px 60px rgba(15, 23, 42, 0.12);
        border: 1px solid rgba(20, 184, 166, 0.15);
    }

    .lg-showcase-image {
        width: 100%;
        display: block;
    }

    .lg-showcase-caption {
        position: absolute;
        bottom: 16px;
        left: 16px;
        right: 16px;
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 12px 14px;
        border-radius: 50px;
        background: rgba(255, 255, 255, 0.95);
        border: 1px solid rgba(100, 116, 139, 0.1);
        font-size: 0.88rem;
        font-weight: 700;
        color: #0f172a;
    }

    .lg-cta {
        background: linear-gradient(135deg, #0f172a 0%, #134e4a 50%, #f59e0b 130%);
    }

    @media (max-width: 991px) {
        .lg-freight-grid,
        .lg-spoke-hub,
        .lg-flow-grid,
        .lg-stack-columns,
        .lg-timeline {
            grid-template-columns: 1fr;
        }
    }

    @media (max-width: 768px) {
        .lg-hero {
            padding: 60px 0;
            text-align: center;
        }

        .lg-corridor,
        .lg-mode-tags {
            justify-content: center;
        }

        .lg-hero .d-flex {
            justify-content: center;
        }
    }


/* =========================================
   SERVICES — AI-DEVELOPMENT
========================================= */

        :root {
            --ai-indigo: #1E52CC;
            --ai-indigo-light: #eef2ff;
            --ai-indigo-dark: #4338ca;
            --ai-purple: #1E52CC;
            --ai-navy: #080d1f;
        }

        /* Hero */
        .ai-hero {
            background: linear-gradient(140deg, rgba(8,13,31,0.98) 0%, rgba(30,20,70,0.94) 50%, rgba(30,82,204,0.22) 100%),
                url('/images/machine-learning/ml-hero-dashboard.jpg') center/cover no-repeat;
            padding: 120px 0 80px;
        }

        /* Animated badge */
        .ai-badge { display:inline-flex; align-items:center; gap:8px; background:rgba(99,102,241,0.15); color:#a5b4fc; border:1px solid rgba(99,102,241,0.35); border-radius:50px; padding:6px 18px; font-size:0.78rem; font-weight:600; letter-spacing:0.06em; text-transform:uppercase; }
        .ai-dot { width:8px; height:8px; border-radius:50%; background:#818cf8; animation:aidot 2s infinite; }
        @keyframes aidot { 0%,100%{opacity:1; box-shadow:0 0 0 0 rgba(129,140,248,0.5);} 50%{opacity:0.6; box-shadow:0 0 0 6px rgba(129,140,248,0);} }

        /* Hero form glass */
        .ai-form-glass { background:rgba(255,255,255,0.04); border:1px solid rgba(255,255,255,0.1); border-radius:20px; padding:30px 26px; backdrop-filter:blur(10px); }

        /* Stats strip */
        .ai-stats-strip { background:#fff; border-bottom:1px solid #e8ecf4; }
        .ai-stat-item { text-align:center; padding:28px 16px; }
        .ai-stat-number { font-size:2.2rem; font-weight:800; color:var(--ai-indigo); line-height:1; }
        .ai-stat-label { font-size:0.82rem; color:#6c757d; margin-top:6px; text-transform:uppercase; letter-spacing:0.04em; }

        /* Service cards */
        .ai-service-card { border-radius:16px; padding:28px 24px; height:100%; background:#fff; border:1px solid #e4ecf7; position:relative; overflow:hidden; transition:all 0.3s; }
        .ai-service-card::before { content:''; position:absolute; top:0; left:0; right:0; height:3px; background:linear-gradient(90deg, var(--ai-indigo), var(--ai-purple)); transition:height 0.3s; }
        .ai-service-card:hover { transform:translateY(-6px); box-shadow:0 16px 40px rgba(30,82,204,0.13); }
        .ai-service-card:hover::before { height:5px; }

        /* Tech badges */
        .ai-tech-badge { display:inline-block; padding:6px 14px; border-radius:30px; font-size:0.78rem; font-weight:600; margin:4px; }

        /* Process cards (dark bg) */
        .ai-process-card { border-radius:14px; padding:24px 20px; background:rgba(255,255,255,0.05); border:1px solid rgba(255,255,255,0.1); height:100%; transition:border-color 0.25s,transform 0.25s; }
        .ai-process-card:hover { border-color:#818cf8; transform:translateY(-4px); }

        /* Industry pills */
        .ai-industry-pill { display:flex; align-items:center; gap:10px; padding:14px 18px; border-radius:12px; background:#fff; border:1px solid #e4ecf7; transition:all 0.2s; cursor:default; }
        .ai-industry-pill:hover { background:var(--ai-indigo); border-color:var(--ai-indigo); }
        .ai-industry-pill:hover span, .ai-industry-pill:hover i { color:#fff !important; }

        /* Trust boxes */
        .ai-trust-box { border-radius:14px; padding:28px 24px; height:100%; transition:transform 0.2s ease; }
        .ai-trust-box:hover { transform:translateY(-4px); }

        /* FAQ */
        .ai-faq .accordion-button { font-weight:600; color:#1a1a2e; background:#fff; box-shadow:none; border-bottom:1px solid #e4ecf7; }
        .ai-faq .accordion-button:not(.collapsed) { color:var(--ai-indigo-dark); background:var(--ai-indigo-light); }
        .ai-faq .accordion-button:not(.collapsed)::after { filter:invert(30%) sepia(90%) saturate(400%) hue-rotate(220deg); }
        .ai-faq .accordion-item { border:1px solid #e4ecf7; border-radius:12px !important; overflow:hidden; margin-bottom:12px; }
        .ai-faq .accordion-body { color:#6c757d; line-height:1.8; font-size:0.93rem; }

        /* CTA */
        .ai-cta-banner { background:linear-gradient(135deg, #080d1f 0%, #1a1050 50%, #3730a3 100%); position:relative; overflow:hidden; }
        .ai-cta-banner::before { content:''; position:absolute; top:-80px; right:-60px; width:500px; height:500px; border-radius:50%; background:radial-gradient(circle, rgba(99,102,241,0.1) 0%, transparent 70%); }
        .ai-cta-banner::after { content:''; position:absolute; bottom:-100px; left:-80px; width:350px; height:350px; border-radius:50%; background:radial-gradient(circle, rgba(30,82,204,0.07) 0%, transparent 70%); }
    

/* =========================================
   SERVICES — ANDROID-APP-DEVELOPMENT
========================================= */

        :root { --and-green:#16a34a; --and-green-light:#dcfce7; --and-green-dark:#15803d; --and-navy:#0d1f12; --and-teal:#0d9488; }
        .and-hero { background:linear-gradient(140deg,rgba(13,31,18,0.98) 0%,rgba(15,60,25,0.94) 50%,rgba(22,163,74,0.22) 100%), url('/assets/images/software-development/bg1.jpg') center/cover no-repeat; padding:110px 0 70px; }
        .and-badge { display:inline-flex;align-items:center;gap:8px;background:rgba(34,197,94,0.15);color:#86efac;border:1px solid rgba(34,197,94,0.35);border-radius:50px;padding:6px 18px;font-size:0.78rem;font-weight:600;letter-spacing:0.06em;text-transform:uppercase; }
        .and-dot { width:8px;height:8px;border-radius:50%;background:#4ade80;animation:anddot 2s infinite; }
        @keyframes anddot { 0%,100%{opacity:1;box-shadow:0 0 0 0 rgba(74,222,128,0.5);} 50%{opacity:0.6;box-shadow:0 0 0 6px rgba(74,222,128,0);} }
        .and-stat { display:inline-flex;flex-direction:column;align-items:center;padding:14px 20px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:12px;min-width:105px; }
        .and-stat strong { font-size:1.6rem;font-weight:800;color:#86efac;line-height:1; }
        .and-stat span { font-size:0.7rem;color:rgba(255,255,255,0.45);margin-top:4px;text-transform:uppercase;letter-spacing:0.04em;text-align:center; }
        .and-form-glass { background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.1);border-radius:20px;padding:30px 26px;backdrop-filter:blur(10px); }
        .and-service-card { border-radius:16px;padding:28px 24px;height:100%;background:#fff;border:1px solid #e4ecf7;position:relative;overflow:hidden;transition:all 0.3s; }
        .and-service-card::before { content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--and-green),var(--and-teal));transition:height 0.3s; }
        .and-service-card:hover { transform:translateY(-6px);box-shadow:0 16px 40px rgba(22,163,74,0.13); }
        .and-tech-badge { display:inline-block;padding:6px 14px;border-radius:30px;font-size:0.78rem;font-weight:600;margin:4px; }
        .and-process-card { border-radius:14px;padding:24px 20px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);height:100%;transition:border-color 0.25s,transform 0.25s; }
        .and-process-card:hover { border-color:#4ade80;transform:translateY(-4px); }
        .and-industry-pill { display:flex;align-items:center;gap:10px;padding:14px 18px;border-radius:12px;background:#fff;border:1px solid #e4ecf7;transition:all 0.2s;cursor:default; }
        .and-industry-pill:hover { background:var(--and-green);border-color:var(--and-green); }
        .and-industry-pill:hover span, .and-industry-pill:hover i { color:#fff !important; }
        .and-faq .accordion-button { font-weight:600;color:#1a1a2e;background:#fff;box-shadow:none;border-bottom:1px solid #e4ecf7; }
        .and-faq .accordion-button:not(.collapsed) { color:var(--and-green-dark);background:var(--and-green-light); }
        .and-faq .accordion-item { border:1px solid #e4ecf7;border-radius:12px !important;overflow:hidden;margin-bottom:12px; }
        .and-faq .accordion-body { color:#6c757d;line-height:1.8;font-size:0.93rem; }
        .and-cta { background:linear-gradient(135deg,#0d1f12 0%,#052e16 50%,#166534 100%);position:relative;overflow:hidden; }
        .and-cta::before { content:'';position:absolute;top:-80px;right:-60px;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(34,197,94,0.1) 0%,transparent 70%); }
        .and-cta::after { content:'';position:absolute;bottom:-100px;left:-80px;width:350px;height:350px;border-radius:50%;background:radial-gradient(circle,rgba(13,148,136,0.07) 0%,transparent 70%); }
    

/* =========================================
   SERVICES — API-DEVELOPMENT
========================================= */

        :root { --api-sky:#0284c7; --api-sky-light:#f0f9ff; --api-sky-dark:#0369a1; --api-navy:#0B1B33; }
        .api-hero { background:linear-gradient(140deg,rgba(8,18,40,0.98) 0%,rgba(5,25,55,0.94) 55%,rgba(2,132,199,0.22) 100%), url('/assets/images/software-development/bg2.jpg') center/cover no-repeat; padding:110px 0 70px; }
        .api-badge { display:inline-flex;align-items:center;gap:8px;background:rgba(2,132,199,0.15);color:#38bdf8;border:1px solid rgba(2,132,199,0.35);border-radius:50px;padding:6px 18px;font-size:0.78rem;font-weight:600;letter-spacing:0.06em;text-transform:uppercase; }
        .api-dot { width:8px;height:8px;border-radius:50%;background:#38bdf8;animation:apidot 2s infinite; }
        @keyframes apidot { 0%,100%{opacity:1;} 50%{opacity:0.3;} }
        .api-stat { display:inline-flex;flex-direction:column;align-items:center;padding:14px 20px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:12px;min-width:110px; }
        .api-stat strong { font-size:1.6rem;font-weight:800;color:#38bdf8;line-height:1; }
        .api-stat span { font-size:0.7rem;color:rgba(255,255,255,0.45);margin-top:4px;text-transform:uppercase;letter-spacing:0.04em;text-align:center; }
        .api-form-glass { background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.1);border-radius:20px;padding:30px 26px;backdrop-filter:blur(10px); }
        .api-type-card { border-radius:16px;padding:26px 22px;height:100%;background:#fff;border:1px solid #e4ecf7;transition:all 0.25s;border-top:3px solid var(--api-sky); }
        .api-type-card:hover { transform:translateY(-5px);box-shadow:0 14px 36px rgba(2,132,199,0.13); }
        .api-feature-card { border-radius:12px;padding:20px 18px;height:100%;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);transition:border-color 0.25s,transform 0.25s; }
        .api-feature-card:hover { border-color:#38bdf8;transform:translateY(-4px); }
        .api-tech-tag { display:inline-block;padding:6px 14px;border-radius:8px;font-size:0.78rem;font-weight:600;background:var(--api-sky-light);color:var(--api-sky-dark);border:1px solid rgba(2,132,199,0.15);margin:3px; }
        .api-step-card { border-radius:14px;padding:24px 20px;background:#fff;border:1px solid #e4ecf7;height:100%;transition:box-shadow 0.25s,transform 0.25s; }
        .api-step-card:hover { box-shadow:0 12px 30px rgba(2,132,199,0.12);transform:translateY(-4px); }
        .api-step-num { width:44px;height:44px;border-radius:11px;background:linear-gradient(135deg,var(--api-sky),var(--api-sky-dark));color:#fff;font-weight:800;font-size:0.95rem;display:flex;align-items:center;justify-content:center;margin-bottom:16px;box-shadow:0 4px 14px rgba(2,132,199,0.3); }
        .api-faq .accordion-button { font-weight:600;color:#1a1a2e;background:#fff;box-shadow:none;border-bottom:1px solid #e4ecf7; }
        .api-faq .accordion-button:not(.collapsed) { color:var(--api-sky-dark);background:var(--api-sky-light); }
        .api-faq .accordion-button:not(.collapsed)::after { filter:invert(30%) sepia(90%) saturate(400%) hue-rotate(190deg); }
        .api-faq .accordion-item { border:1px solid #e4ecf7;border-radius:12px !important;overflow:hidden;margin-bottom:12px; }
        .api-faq .accordion-body { color:#6c757d;line-height:1.8;font-size:0.93rem; }
        .api-cta { background:linear-gradient(135deg,#0B1B33 0%,#031b30 55%,#0284c7 140%);position:relative;overflow:hidden; }
        .api-cta::before { content:'';position:absolute;top:-80px;right:-60px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(2,132,199,0.12) 0%,transparent 70%); }
    

/* =========================================
   SERVICES — BACKEND-DEVELOPMENT
========================================= */

        :root { --be-teal:#0f766e; --be-teal-light:#f0fdfa; --be-teal-dark:#134e4a; --be-navy:#0B1B33; }
        .be-hero { background:linear-gradient(140deg,rgba(8,18,40,0.98) 0%,rgba(5,30,28,0.94) 55%,rgba(15,118,110,0.22) 100%), url('/assets/images/software-development/bg2.jpg') center/cover no-repeat; padding:110px 0 70px; }
        .be-badge { display:inline-flex;align-items:center;gap:8px;background:rgba(15,118,110,0.15);color:#2dd4bf;border:1px solid rgba(15,118,110,0.35);border-radius:50px;padding:6px 18px;font-size:0.78rem;font-weight:600;letter-spacing:0.06em;text-transform:uppercase; }
        .be-dot { width:8px;height:8px;border-radius:50%;background:#2dd4bf;animation:bedot 2s infinite; }
        @keyframes bedot { 0%,100%{opacity:1;} 50%{opacity:0.3;} }
        .be-stat { display:inline-flex;flex-direction:column;align-items:center;padding:14px 20px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:12px;min-width:110px; }
        .be-stat strong { font-size:1.6rem;font-weight:800;color:#2dd4bf;line-height:1; }
        .be-stat span { font-size:0.7rem;color:rgba(255,255,255,0.45);margin-top:4px;text-transform:uppercase;letter-spacing:0.04em;text-align:center; }
        .be-form-glass { background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.1);border-radius:20px;padding:30px 26px;backdrop-filter:blur(10px); }
        .be-service-card { border-radius:14px;padding:26px 22px;height:100%;background:#fff;border-left:4px solid var(--be-teal);border-top:1px solid #e4ecf7;border-right:1px solid #e4ecf7;border-bottom:1px solid #e4ecf7;transition:all 0.25s; }
        .be-service-card:hover { transform:translateY(-5px);box-shadow:0 14px 36px rgba(15,118,110,0.13); }
        .be-tech-section { border-radius:14px;padding:24px 20px;background:#fff;border:1px solid #e4ecf7;height:100%; }
        .be-tech-pill { display:inline-block;padding:5px 13px;border-radius:8px;font-size:0.78rem;font-weight:600;margin:3px; }
        .be-diff-row { display:flex;gap:16px;padding:18px 0;border-bottom:1px solid #e4ecf7;align-items:flex-start; }
        .be-diff-row:last-child { border-bottom:none; }
        .be-step-card { border-radius:14px;padding:24px 20px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);height:100%;transition:border-color 0.25s,transform 0.25s; }
        .be-step-card:hover { border-color:#2dd4bf;transform:translateY(-4px); }
        .be-faq .accordion-button { font-weight:600;color:#1a1a2e;background:#fff;box-shadow:none;border-bottom:1px solid #e4ecf7; }
        .be-faq .accordion-button:not(.collapsed) { color:var(--be-teal-dark);background:var(--be-teal-light); }
        .be-faq .accordion-button:not(.collapsed)::after { filter:invert(30%) sepia(80%) saturate(400%) hue-rotate(160deg); }
        .be-faq .accordion-item { border:1px solid #e4ecf7;border-radius:12px !important;overflow:hidden;margin-bottom:12px; }
        .be-faq .accordion-body { color:#6c757d;line-height:1.8;font-size:0.93rem; }
        .be-cta { background:linear-gradient(135deg,#0B1B33 0%,#051e1c 55%,#0f766e 140%);position:relative;overflow:hidden; }
        .be-cta::before { content:'';position:absolute;top:-80px;right:-60px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(15,118,110,0.12) 0%,transparent 70%); }
    

/* =========================================
   SERVICES — BLOCKCHAIN-DEVELOPMENT
========================================= */

        :root { --bc-amber:#d97706; --bc-amber-light:#fffbeb; --bc-amber-dark:#b45309; --bc-orange:#ea580c; --bc-navy:#0c0a00; }
        .bc-hero { background:linear-gradient(140deg,rgba(12,10,0,0.98) 0%,rgba(40,25,5,0.96) 50%,rgba(217,119,6,0.2) 100%), url('/assets/images/enterprise/enterprise-hero.jpg') center/cover no-repeat; padding:110px 0 70px; }
        .bc-badge { display:inline-flex;align-items:center;gap:8px;background:rgba(245,158,11,0.15);color:#fcd34d;border:1px solid rgba(245,158,11,0.35);border-radius:50px;padding:6px 18px;font-size:0.78rem;font-weight:600;letter-spacing:0.06em;text-transform:uppercase; }
        .bc-dot { width:8px;height:8px;border-radius:50%;background:#fbbf24;animation:bcdot 2s infinite; }
        @keyframes bcdot { 0%,100%{opacity:1;box-shadow:0 0 0 0 rgba(251,191,36,0.5);} 50%{opacity:0.6;box-shadow:0 0 0 6px rgba(251,191,36,0);} }
        .bc-stat { display:inline-flex;flex-direction:column;align-items:center;padding:14px 20px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:12px;min-width:105px; }
        .bc-stat strong { font-size:1.6rem;font-weight:800;color:#fcd34d;line-height:1; }
        .bc-stat span { font-size:0.7rem;color:rgba(255,255,255,0.45);margin-top:4px;text-transform:uppercase;letter-spacing:0.04em;text-align:center; }
        .bc-form-glass { background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.1);border-radius:20px;padding:30px 26px;backdrop-filter:blur(10px); }
        .bc-service-card { border-radius:16px;padding:28px 24px;height:100%;background:#fff;border:1px solid #e4ecf7;position:relative;overflow:hidden;transition:all 0.3s; }
        .bc-service-card::before { content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--bc-amber),var(--bc-orange));transition:height 0.3s; }
        .bc-service-card:hover { transform:translateY(-6px);box-shadow:0 16px 40px rgba(217,119,6,0.13); }
        .bc-tech-badge { display:inline-block;padding:6px 14px;border-radius:30px;font-size:0.78rem;font-weight:600;margin:4px; }
        .bc-process-card { border-radius:14px;padding:24px 20px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);height:100%;transition:border-color 0.25s,transform 0.25s; }
        .bc-process-card:hover { border-color:#fbbf24;transform:translateY(-4px); }
        .bc-industry-pill { display:flex;align-items:center;gap:10px;padding:14px 18px;border-radius:12px;background:#fff;border:1px solid #e4ecf7;transition:all 0.2s;cursor:default; }
        .bc-industry-pill:hover { background:var(--bc-amber);border-color:var(--bc-amber); }
        .bc-industry-pill:hover span, .bc-industry-pill:hover i { color:#fff !important; }
        .bc-faq .accordion-button { font-weight:600;color:#1a1a2e;background:#fff;box-shadow:none;border-bottom:1px solid #e4ecf7; }
        .bc-faq .accordion-button:not(.collapsed) { color:var(--bc-amber-dark);background:var(--bc-amber-light); }
        .bc-faq .accordion-item { border:1px solid #e4ecf7;border-radius:12px !important;overflow:hidden;margin-bottom:12px; }
        .bc-faq .accordion-body { color:#6c757d;line-height:1.8;font-size:0.93rem; }
        .bc-cta { background:linear-gradient(135deg,#0c0a00 0%,#292205 50%,#4a3000 100%);position:relative;overflow:hidden; }
        .bc-cta::before { content:'';position:absolute;top:-80px;right:-60px;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(245,158,11,0.1) 0%,transparent 70%); }
    

/* =========================================
   SERVICES — CHATBOT-DEVELOPMENT
========================================= */

        :root { --cb-teal:#1E52CC; --cb-teal-light:#ecfeff; --cb-teal-dark:#0e7490; --cb-cyan:#06b6d4; --cb-navy:#06111a; }
        .cb-hero { background:linear-gradient(140deg,rgba(6,17,26,0.98) 0%,rgba(8,40,60,0.96) 50%,rgba(6,182,212,0.2) 100%), url('/assets/images/chatbots/chatbot-hero.jpg') center/cover no-repeat; padding:110px 0 70px; }
        .cb-badge { display:inline-flex;align-items:center;gap:8px;background:rgba(6,182,212,0.15);color:#67e8f9;border:1px solid rgba(6,182,212,0.35);border-radius:50px;padding:6px 18px;font-size:0.78rem;font-weight:600;letter-spacing:0.06em;text-transform:uppercase; }
        .cb-dot { width:8px;height:8px;border-radius:50%;background:#22d3ee;animation:cbdot 2s infinite; }
        @keyframes cbdot { 0%,100%{opacity:1;box-shadow:0 0 0 0 rgba(34,211,238,0.5);} 50%{opacity:0.6;box-shadow:0 0 0 6px rgba(34,211,238,0);} }
        .cb-stat { display:inline-flex;flex-direction:column;align-items:center;padding:14px 20px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:12px;min-width:105px; }
        .cb-stat strong { font-size:1.6rem;font-weight:800;color:#67e8f9;line-height:1; }
        .cb-stat span { font-size:0.7rem;color:rgba(255,255,255,0.45);margin-top:4px;text-transform:uppercase;letter-spacing:0.04em;text-align:center; }
        .cb-form-glass { background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.1);border-radius:20px;padding:30px 26px;backdrop-filter:blur(10px); }
        .cb-service-card { border-radius:16px;padding:28px 24px;height:100%;background:#fff;border:1px solid #e4ecf7;position:relative;overflow:hidden;transition:all 0.3s; }
        .cb-service-card::before { content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--cb-teal),#10b981);transition:height 0.3s; }
        .cb-service-card:hover { transform:translateY(-6px);box-shadow:0 16px 40px rgba(30,82,204,0.13); }
        .cb-tech-badge { display:inline-block;padding:6px 14px;border-radius:30px;font-size:0.78rem;font-weight:600;margin:4px; }
        .cb-process-card { border-radius:14px;padding:24px 20px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);height:100%;transition:border-color 0.25s,transform 0.25s; }
        .cb-process-card:hover { border-color:#22d3ee;transform:translateY(-4px); }
        .cb-industry-pill { display:flex;align-items:center;gap:10px;padding:14px 18px;border-radius:12px;background:#fff;border:1px solid #e4ecf7;transition:all 0.2s;cursor:default; }
        .cb-industry-pill:hover { background:var(--cb-teal);border-color:var(--cb-teal); }
        .cb-industry-pill:hover span, .cb-industry-pill:hover i { color:#fff !important; }
        .cb-faq .accordion-button { font-weight:600;color:#1a1a2e;background:#fff;box-shadow:none;border-bottom:1px solid #e4ecf7; }
        .cb-faq .accordion-button:not(.collapsed) { color:var(--cb-teal-dark);background:var(--cb-teal-light); }
        .cb-faq .accordion-item { border:1px solid #e4ecf7;border-radius:12px !important;overflow:hidden;margin-bottom:12px; }
        .cb-faq .accordion-body { color:#6c757d;line-height:1.8;font-size:0.93rem; }
        .cb-cta { background:linear-gradient(135deg,#06111a 0%,#083344 50%,#0e4f60 100%);position:relative;overflow:hidden; }
        .cb-cta::before { content:'';position:absolute;top:-80px;right:-60px;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(6,182,212,0.1) 0%,transparent 70%); }
    

/* =========================================
   SERVICES — CLOUD-MIGRATION
========================================= */

        :root { --cm-blue:#1644B0; --cm-blue-light:#EEF3FB; --cm-blue-dark:#1e3a8a; --cm-cyan:#0ea5e9; --cm-navy:#0B1B33; }
        .cm-hero { background:linear-gradient(140deg,rgba(8,18,40,0.98) 0%,rgba(10,22,55,0.94) 50%,rgba(14,165,233,0.2) 100%), url('/assets/images/digital-transformation/dt-hero.jpg') center/cover no-repeat; padding:110px 0 70px; }
        .cm-badge { display:inline-flex;align-items:center;gap:8px;background:rgba(14,165,233,0.15);color:#38bdf8;border:1px solid rgba(14,165,233,0.35);border-radius:50px;padding:6px 18px;font-size:0.78rem;font-weight:600;letter-spacing:0.06em;text-transform:uppercase; }
        .cm-dot { width:8px;height:8px;border-radius:50%;background:#38bdf8;animation:cmdot 2s infinite; }
        @keyframes cmdot { 0%,100%{opacity:1;box-shadow:0 0 0 0 rgba(56,189,248,0.5);} 50%{opacity:0.6;box-shadow:0 0 0 6px rgba(56,189,248,0);} }
        .cm-stat { display:inline-flex;flex-direction:column;align-items:center;padding:14px 20px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:12px;min-width:110px; }
        .cm-stat strong { font-size:1.6rem;font-weight:800;color:#38bdf8;line-height:1; }
        .cm-stat span { font-size:0.7rem;color:rgba(255,255,255,0.45);margin-top:4px;text-transform:uppercase;letter-spacing:0.04em;text-align:center; }
        .cm-form-glass { background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.1);border-radius:20px;padding:30px 26px;backdrop-filter:blur(10px); }
        .cm-strategy-card { border-radius:14px;padding:24px 20px;height:100%;background:#fff;border:1px solid #e4ecf7;transition:all 0.25s;position:relative; }
        .cm-strategy-card:hover { transform:translateY(-5px);box-shadow:0 14px 36px rgba(29,78,216,0.12); }
        .cm-strategy-badge { display:inline-block;padding:3px 10px;border-radius:6px;font-size:0.68rem;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;margin-bottom:10px; }
        .cm-cloud-card { border-radius:16px;padding:32px 28px;height:100%;text-align:center;background:#fff;border:2px solid #e4ecf7;transition:all 0.3s; }
        .cm-cloud-card:hover { border-color:var(--cm-blue);transform:translateY(-5px);box-shadow:0 16px 40px rgba(29,78,216,0.12); }
        .cm-step { position:relative; }
        .cm-step-inner { display:flex;gap:20px;padding:24px 0;border-bottom:1px solid #e4ecf7; }
        .cm-step:last-child .cm-step-inner { border-bottom:none; }
        .cm-step-num { flex-shrink:0;width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,var(--cm-cyan),var(--cm-blue));color:#fff;font-weight:800;font-size:0.9rem;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px rgba(14,165,233,0.3); }
        .cm-benefit-card { border-radius:14px;padding:26px 22px;height:100%;border-left:4px solid var(--cm-cyan);background:#fff;box-shadow:0 2px 16px rgba(0,0,0,0.05);transition:transform 0.25s,box-shadow 0.25s; }
        .cm-benefit-card:hover { transform:translateY(-5px);box-shadow:0 14px 36px rgba(14,165,233,0.13); }
        .cm-faq .accordion-button { font-weight:600;color:#1a1a2e;background:#fff;box-shadow:none;border-bottom:1px solid #e4ecf7; }
        .cm-faq .accordion-button:not(.collapsed) { color:var(--cm-blue-dark);background:var(--cm-blue-light); }
        .cm-faq .accordion-button:not(.collapsed)::after { filter:invert(20%) sepia(90%) saturate(500%) hue-rotate(210deg); }
        .cm-faq .accordion-item { border:1px solid #e4ecf7;border-radius:12px !important;overflow:hidden;margin-bottom:12px; }
        .cm-faq .accordion-body { color:#6c757d;line-height:1.8;font-size:0.93rem; }
        .cm-cta { background:linear-gradient(135deg,#0B1B33 0%,#0d1f50 55%,#1644B0 140%);position:relative;overflow:hidden; }
        .cm-cta::before { content:'';position:absolute;top:-80px;right:-60px;width:450px;height:450px;border-radius:50%;background:radial-gradient(circle,rgba(14,165,233,0.1) 0%,transparent 70%); }
        .cm-cta::after { content:'';position:absolute;bottom:-80px;left:-60px;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(29,78,216,0.1) 0%,transparent 70%); }
    

/* =========================================
   SERVICES — DEDICATED-DEVELOPMENT-TEAMS
========================================= */

        :root {
            --dt-purple: #1E52CC;
            --dt-purple-light: #EEF3FB;
            --dt-purple-dark: #1644B0;
            --dt-navy: #0B1B33;
        }

        /* Hero */
        .dt-hero {
            background: linear-gradient(140deg, rgba(8,18,40,0.97) 0%, rgba(40,20,80,0.92) 55%, rgba(109,40,217,0.25) 100%),
                url('/assets/images/software-development/bg1.jpg') center/cover no-repeat;
            padding: 120px 0 80px;
        }

        /* Animated badge */
        .dt-badge { display:inline-flex; align-items:center; gap:8px; background:rgba(30,82,204,0.15); color:#93B4F4; border:1px solid rgba(30,82,204,0.3); border-radius:50px; padding:6px 18px; font-size:0.78rem; font-weight:600; letter-spacing:0.06em; text-transform:uppercase; }
        .dt-dot { width:8px; height:8px; border-radius:50%; background:#93B4F4; animation:dtdot 2s infinite; }
        @keyframes dtdot { 0%,100%{opacity:1;} 50%{opacity:0.3;} }

        /* Hero form glass */
        .dt-form-glass { background:rgba(255,255,255,0.04); border:1px solid rgba(255,255,255,0.1); border-radius:20px; padding:30px 26px; backdrop-filter:blur(10px); }

        /* Stats strip */
        .dt-stats-strip { background:#fff; border-bottom:1px solid #e8ecf4; }
        .dt-stat-item { text-align:center; padding:28px 16px; }
        .dt-stat-number { font-size:2.2rem; font-weight:800; color:var(--dt-purple); line-height:1; }
        .dt-stat-label { font-size:0.82rem; color:#6c757d; margin-top:6px; text-transform:uppercase; letter-spacing:0.04em; }

        /* Role cards */
        .dt-role-card { border-radius:14px; padding:24px 20px; text-align:center; background:#fff; border:1px solid #e4ecf7; height:100%; transition:all 0.25s; }
        .dt-role-card:hover { background:var(--dt-purple); border-color:var(--dt-purple); transform:translateY(-4px); color:#fff; }
        .dt-role-card:hover i, .dt-role-card:hover p { color:#fff !important; opacity:0.85; }

        /* Benefit cards (dark bg) */
        .dt-benefit-card { border-radius:14px; padding:28px 24px; height:100%; background:rgba(255,255,255,0.05); border:1px solid rgba(255,255,255,0.1); transition:border-color 0.25s; }
        .dt-benefit-card:hover { border-color:#93B4F4; }

        /* Process steps — vertical timeline */
        .dt-step { display:flex; gap:20px; align-items:flex-start; padding-bottom:36px; position:relative; }
        .dt-step::before { content:''; position:absolute; left:21px; top:44px; bottom:0; width:2px; background:linear-gradient(to bottom, var(--dt-purple), transparent); }
        .dt-step:last-child::before { display:none; }
        .dt-step:last-child { padding-bottom:0; }
        .dt-step-circle { flex-shrink:0; width:44px; height:44px; border-radius:50%; background:linear-gradient(135deg, var(--dt-purple), var(--dt-purple-dark)); color:#fff; font-weight:800; font-size:0.9rem; display:flex; align-items:center; justify-content:center; position:relative; z-index:2; box-shadow:0 4px 14px rgba(30,82,204,0.35); }

        /* Tech tabs */
        .dt-tech-tabs .nav-link { color:#495057; font-weight:500; border-radius:8px 8px 0 0; padding:10px 20px; border:1px solid transparent; border-bottom:none; }
        .dt-tech-tabs .nav-link.active { background:#fff; color:var(--dt-purple-dark); border-color:#dee2e6; border-bottom-color:#fff; }
        .dt-tech-item { display:flex; align-items:center; gap:10px; padding:10px 14px; background:#f5f0ff; border-radius:8px; font-size:0.9rem; font-weight:500; color:#2d3748; }
        .dt-tech-item i { color:var(--dt-purple); font-size:1rem; }

        /* Industry cards */
        .dt-industry-card { text-align:center; padding:24px 16px; border-radius:12px; border:1px solid #e8ecf4; background:#fff; transition:all 0.2s ease; cursor:default; }
        .dt-industry-card:hover { background:var(--dt-purple); color:#fff; border-color:var(--dt-purple); transform:translateY(-3px); }
        .dt-industry-card:hover .dt-industry-icon { color:#fff; }
        .dt-industry-card:hover p { color:rgba(255,255,255,0.85); }
        .dt-industry-icon { font-size:2rem; color:var(--dt-purple); margin-bottom:12px; display:block; }

        /* Engagement comparison */
        .dt-compare-card { border-radius:14px; padding:28px 22px; height:100%; transition:transform 0.2s,box-shadow 0.2s; }
        .dt-compare-card:hover { transform:translateY(-4px); box-shadow:0 12px 30px rgba(0,0,0,0.1); }

        /* Trust boxes */
        .dt-trust-box { border-radius:14px; padding:28px 24px; height:100%; transition:transform 0.2s ease; }
        .dt-trust-box:hover { transform:translateY(-4px); }

        /* FAQ */
        .dt-faq .accordion-button { font-weight:600; color:#1a1a2e; background:#fff; box-shadow:none; border-bottom:1px solid #e4ecf7; }
        .dt-faq .accordion-button:not(.collapsed) { color:var(--dt-purple-dark); background:var(--dt-purple-light); }
        .dt-faq .accordion-button:not(.collapsed)::after { filter:invert(30%) sepia(80%) saturate(500%) hue-rotate(240deg); }
        .dt-faq .accordion-item { border:1px solid #e4ecf7; border-radius:12px !important; overflow:hidden; margin-bottom:12px; }
        .dt-faq .accordion-body { color:#6c757d; line-height:1.8; font-size:0.93rem; }

        /* CTA */
        .dt-cta-banner { background:linear-gradient(135deg, #0B1B33 0%, #2d1a50 55%, #1E52CC 130%); position:relative; overflow:hidden; }
        .dt-cta-banner::before { content:''; position:absolute; top:-60px; right:-60px; width:300px; height:300px; border-radius:50%; background:rgba(255,255,255,0.04); }
        .dt-cta-banner::after { content:''; position:absolute; bottom:-80px; left:10%; width:200px; height:200px; border-radius:50%; background:rgba(255,255,255,0.04); }
    

/* =========================================
   SERVICES — DEVOPS
========================================= */

        :root {
            --dv-green: #16a34a;
            --dv-green-dark: #15803d;
            --dv-green-light: #f0fdf4;
            --dv-navy: #052e16;
            --dv-emerald: #10b981;
        }

        /* Hero */
        .dv-hero {
            background: linear-gradient(140deg, rgba(5,46,22,0.97) 0%, rgba(15,52,30,0.93) 50%, rgba(22,163,74,0.18) 100%),
                url('/images/digital-transformation/dt-hero.jpg') center/cover no-repeat;
            padding: 120px 0 80px;
        }

        .dv-badge { display:inline-flex; align-items:center; gap:8px; background:rgba(22,163,74,0.15); color:#86efac; border:1px solid rgba(22,163,74,0.35); border-radius:50px; padding:6px 18px; font-size:0.78rem; font-weight:600; letter-spacing:0.06em; text-transform:uppercase; }
        .dv-dot { width:8px; height:8px; border-radius:50%; background:#4ade80; animation:dvdot 2s infinite; }
        @keyframes dvdot { 0%,100%{opacity:1;box-shadow:0 0 0 0 rgba(74,222,128,0.5);} 50%{opacity:0.6;box-shadow:0 0 0 6px rgba(74,222,128,0);} }

        .dv-form-glass { background:rgba(255,255,255,0.04); border:1px solid rgba(255,255,255,0.1); border-radius:20px; padding:30px 26px; backdrop-filter:blur(10px); }

        /* Stats strip */
        .dv-stats-strip { background:#fff; border-bottom:1px solid #e8ecf4; }
        .dv-stat-item { text-align:center; padding:28px 16px; }
        .dv-stat-number { font-size:2.2rem; font-weight:800; color:var(--dv-green); line-height:1; }
        .dv-stat-label { font-size:0.82rem; color:#6c757d; margin-top:6px; text-transform:uppercase; letter-spacing:0.04em; }

        /* Service cards */
        .dv-service-card { border-radius:16px; padding:28px 24px; height:100%; background:#fff; border:1px solid #e4ecf7; position:relative; overflow:hidden; transition:all 0.3s; }
        .dv-service-card::before { content:''; position:absolute; top:0; left:0; right:0; height:3px; background:linear-gradient(90deg, var(--dv-green), var(--dv-emerald)); transition:height 0.3s; }
        .dv-service-card:hover { transform:translateY(-6px); box-shadow:0 16px 40px rgba(22,163,74,0.13); }
        .dv-service-card:hover::before { height:5px; }

        .dv-tool-badge { display:inline-block; padding:5px 12px; border-radius:30px; font-size:0.76rem; font-weight:600; margin:3px; background:#f0fdf4; color:#15803d; }

        /* Process timeline */
        .dv-steps-wrap { position:relative; }
        .dv-step { display:flex; gap:24px; margin-bottom:36px; position:relative; }
        .dv-step:last-child { margin-bottom:0; }
        .dv-step-left { display:flex; flex-direction:column; align-items:center; flex-shrink:0; }
        .dv-step-num { width:48px; height:48px; border-radius:50%; background:linear-gradient(135deg,var(--dv-green),var(--dv-emerald)); color:#fff; font-weight:800; font-size:1rem; display:flex; align-items:center; justify-content:center; flex-shrink:0; box-shadow:0 4px 14px rgba(22,163,74,0.35); }
        .dv-step-line { width:2px; flex:1; background:linear-gradient(to bottom, var(--dv-green), transparent); margin-top:8px; min-height:32px; }
        .dv-step:last-child .dv-step-line { display:none; }
        .dv-step-body { padding-top:10px; }
        .dv-step-body h6 { font-weight:700; color:#1a1a2e; margin-bottom:6px; }
        .dv-step-body p { color:#6c757d; font-size:0.9rem; line-height:1.75; margin:0; }

        /* Role cards */
        .dv-role-card { border-radius:14px; padding:20px 18px; background:#fff; border:1px solid #e4ecf7; text-align:center; height:100%; transition:all 0.25s; }
        .dv-role-card:hover { border-color:var(--dv-green); box-shadow:0 8px 24px rgba(22,163,74,0.1); transform:translateY(-3px); }
        .dv-role-icon { width:56px; height:56px; border-radius:14px; background:var(--dv-green-light); display:flex; align-items:center; justify-content:center; margin:0 auto 14px; }

        /* Industry pills */
        .dv-industry-pill { display:flex; align-items:center; gap:10px; padding:14px 18px; border-radius:12px; background:#fff; border:1px solid #e4ecf7; transition:all 0.2s; }
        .dv-industry-pill:hover { background:var(--dv-green); border-color:var(--dv-green); }
        .dv-industry-pill:hover span, .dv-industry-pill:hover i { color:#fff !important; }

        /* Comparison cards */
        .dv-compare-card { border-radius:16px; padding:28px 24px; height:100%; border:2px solid #e4ecf7; transition:all 0.2s; background:#fff; }
        .dv-compare-card.dv-compare-highlight { border-color:var(--dv-green); background:var(--dv-green-light); box-shadow:0 8px 30px rgba(22,163,74,0.12); }

        /* Trust boxes */
        .dv-trust-box { border-radius:14px; padding:28px 24px; height:100%; transition:transform 0.2s ease; }
        .dv-trust-box:hover { transform:translateY(-4px); }

        /* Tab stack */
        .dv-stack-tabs .nav-link { color:#6c757d; border-radius:8px; padding:10px 18px; font-weight:600; font-size:0.88rem; border:none; }
        .dv-stack-tabs .nav-link.active { background:var(--dv-green); color:#fff; }

        /* FAQ */
        .dv-faq .accordion-button { font-weight:600; color:#1a1a2e; background:#fff; box-shadow:none; border-bottom:1px solid #e4ecf7; }
        .dv-faq .accordion-button:not(.collapsed) { color:var(--dv-green-dark); background:var(--dv-green-light); }
        .dv-faq .accordion-button:not(.collapsed)::after { filter:invert(35%) sepia(80%) saturate(500%) hue-rotate(100deg); }
        .dv-faq .accordion-item { border:1px solid #e4ecf7; border-radius:12px !important; overflow:hidden; margin-bottom:12px; }
        .dv-faq .accordion-body { color:#6c757d; line-height:1.8; font-size:0.93rem; }

        /* CTA */
        .dv-cta-banner { background:linear-gradient(135deg, #052e16 0%, #064e3b 50%, #1644B0 100%); position:relative; overflow:hidden; }
        .dv-cta-banner::before { content:''; position:absolute; top:-80px; right:-60px; width:500px; height:500px; border-radius:50%; background:radial-gradient(circle, rgba(22,163,74,0.1) 0%, transparent 70%); }
        .dv-cta-banner::after { content:''; position:absolute; bottom:-100px; left:-80px; width:350px; height:350px; border-radius:50%; background:radial-gradient(circle, rgba(16,185,129,0.07) 0%, transparent 70%); }
    

/* =========================================
   SERVICES — FRONTEND-DEVELOPMENT
========================================= */

        :root { --fe-yellow:#ca8a04; --fe-yellow-light:#fefce8; --fe-yellow-dark:#854d0e; --fe-amber:#d97706; --fe-navy:#0B1B33; }
        .fe-hero { background:linear-gradient(140deg,rgba(8,18,40,0.98) 0%,rgba(30,20,5,0.94) 55%,rgba(202,138,4,0.2) 100%), url('/assets/images/react/react-hero.jpg') center/cover no-repeat; padding:110px 0 70px; }
        .fe-badge { display:inline-flex;align-items:center;gap:8px;background:rgba(202,138,4,0.15);color:#fbbf24;border:1px solid rgba(202,138,4,0.35);border-radius:50px;padding:6px 18px;font-size:0.78rem;font-weight:600;letter-spacing:0.06em;text-transform:uppercase; }
        .fe-dot { width:8px;height:8px;border-radius:50%;background:#fbbf24;animation:fedot 2s infinite; }
        @keyframes fedot { 0%,100%{opacity:1;} 50%{opacity:0.3;} }
        .fe-stat { display:inline-flex;flex-direction:column;align-items:center;padding:14px 20px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:12px;min-width:110px; }
        .fe-stat strong { font-size:1.6rem;font-weight:800;color:#fbbf24;line-height:1; }
        .fe-stat span { font-size:0.7rem;color:rgba(255,255,255,0.45);margin-top:4px;text-transform:uppercase;letter-spacing:0.04em;text-align:center; }
        .fe-form-glass { background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.1);border-radius:20px;padding:30px 26px;backdrop-filter:blur(10px); }
        .fe-framework-card { border-radius:16px;padding:28px 24px;height:100%;background:#fff;border:1px solid #e4ecf7;text-align:center;transition:all 0.3s; }
        .fe-framework-card:hover { transform:translateY(-6px);box-shadow:0 16px 40px rgba(202,138,4,0.15);border-color:var(--fe-yellow); }
        .fe-service-row { display:flex;gap:16px;padding:20px 0;border-bottom:1px solid #e4ecf7;align-items:flex-start; }
        .fe-service-row:last-child { border-bottom:none; }
        .fe-service-icon { flex-shrink:0;width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,var(--fe-yellow),var(--fe-amber));display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:#fff;box-shadow:0 4px 14px rgba(202,138,4,0.3); }
        .fe-perf-card { border-radius:14px;padding:24px 20px;height:100%;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);transition:border-color 0.25s,transform 0.25s; }
        .fe-perf-card:hover { border-color:#fbbf24;transform:translateY(-4px); }
        .fe-faq .accordion-button { font-weight:600;color:#1a1a2e;background:#fff;box-shadow:none;border-bottom:1px solid #e4ecf7; }
        .fe-faq .accordion-button:not(.collapsed) { color:var(--fe-yellow-dark);background:var(--fe-yellow-light); }
        .fe-faq .accordion-button:not(.collapsed)::after { filter:sepia(100%) saturate(400%) hue-rotate(-10deg); }
        .fe-faq .accordion-item { border:1px solid #e4ecf7;border-radius:12px !important;overflow:hidden;margin-bottom:12px; }
        .fe-faq .accordion-body { color:#6c757d;line-height:1.8;font-size:0.93rem; }
        .fe-cta { background:linear-gradient(135deg,#0B1B33 0%,#1f1200 55%,#ca8a04 140%);position:relative;overflow:hidden; }
        .fe-cta::before { content:'';position:absolute;top:-80px;right:-60px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(202,138,4,0.12) 0%,transparent 70%); }
    

/* =========================================
   SERVICES — IOS-APP-DEVELOPMENT
========================================= */

        :root { --ios-dark:#0f172a; --ios-slate:#334155; --ios-blue:#0ea5e9; --ios-blue-light:#e0f2fe; --ios-blue-dark:#0369a1; --ios-silver:#f1f5f9; }
        .ios-hero { background:linear-gradient(140deg,rgba(15,23,42,0.98) 0%,rgba(30,41,59,0.96) 50%,rgba(14,165,233,0.2) 100%), url('/assets/images/software-development/bg1.jpg') center/cover no-repeat; padding:110px 0 70px; }
        .ios-badge { display:inline-flex;align-items:center;gap:8px;background:rgba(14,165,233,0.15);color:#7dd3fc;border:1px solid rgba(14,165,233,0.35);border-radius:50px;padding:6px 18px;font-size:0.78rem;font-weight:600;letter-spacing:0.06em;text-transform:uppercase; }
        .ios-dot { width:8px;height:8px;border-radius:50%;background:#38bdf8;animation:iosdot 2s infinite; }
        @keyframes iosdot { 0%,100%{opacity:1;box-shadow:0 0 0 0 rgba(56,189,248,0.5);} 50%{opacity:0.6;box-shadow:0 0 0 6px rgba(56,189,248,0);} }
        .ios-stat { display:inline-flex;flex-direction:column;align-items:center;padding:14px 20px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:12px;min-width:105px; }
        .ios-stat strong { font-size:1.6rem;font-weight:800;color:#7dd3fc;line-height:1; }
        .ios-stat span { font-size:0.7rem;color:rgba(255,255,255,0.45);margin-top:4px;text-transform:uppercase;letter-spacing:0.04em;text-align:center; }
        .ios-form-glass { background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.1);border-radius:20px;padding:30px 26px;backdrop-filter:blur(10px); }
        .ios-service-card { border-radius:16px;padding:28px 24px;height:100%;background:#fff;border:1px solid #e4ecf7;position:relative;overflow:hidden;transition:all 0.3s; }
        .ios-service-card::before { content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--ios-blue),#818cf8);transition:height 0.3s; }
        .ios-service-card:hover { transform:translateY(-6px);box-shadow:0 16px 40px rgba(14,165,233,0.13); }
        .ios-tech-badge { display:inline-block;padding:6px 14px;border-radius:30px;font-size:0.78rem;font-weight:600;margin:4px; }
        .ios-process-card { border-radius:14px;padding:24px 20px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);height:100%;transition:border-color 0.25s,transform 0.25s; }
        .ios-process-card:hover { border-color:#38bdf8;transform:translateY(-4px); }
        .ios-industry-pill { display:flex;align-items:center;gap:10px;padding:14px 18px;border-radius:12px;background:#fff;border:1px solid #e4ecf7;transition:all 0.2s;cursor:default; }
        .ios-industry-pill:hover { background:var(--ios-blue);border-color:var(--ios-blue); }
        .ios-industry-pill:hover span, .ios-industry-pill:hover i { color:#fff !important; }
        .ios-faq .accordion-button { font-weight:600;color:#1a1a2e;background:#fff;box-shadow:none;border-bottom:1px solid #e4ecf7; }
        .ios-faq .accordion-button:not(.collapsed) { color:var(--ios-blue-dark);background:var(--ios-blue-light); }
        .ios-faq .accordion-item { border:1px solid #e4ecf7;border-radius:12px !important;overflow:hidden;margin-bottom:12px; }
        .ios-faq .accordion-body { color:#6c757d;line-height:1.8;font-size:0.93rem; }
        .ios-cta { background:linear-gradient(135deg,#0f172a 0%,#1e293b 50%,#0c4a6e 100%);position:relative;overflow:hidden; }
        .ios-cta::before { content:'';position:absolute;top:-80px;right:-60px;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(14,165,233,0.1) 0%,transparent 70%); }
    

/* =========================================
   SERVICES — LEGACY-MODERNIZATION
========================================= */

    :root {
        --lm-primary: #581c87;
        --lm-secondary: #7e22ce;
        --lm-accent: #a855f7;
        --lm-light: #faf5ff;
        --lm-dark: #1a0533;
    }

    .lm-hero {
        background: linear-gradient(135deg, var(--lm-dark) 0%, var(--lm-primary) 60%, var(--lm-secondary) 100%);
        padding: 120px 0 80px;
        position: relative;
        overflow: hidden;
    }
    .lm-hero::before {
        content: '';
        position: absolute; top: -60px; right: -60px;
        width: 340px; height: 340px; border-radius: 50%;
        background: rgba(168,85,247,0.12); pointer-events: none;
    }
    .lm-hero-badge {
        display: inline-block;
        background: rgba(168,85,247,0.2); color: var(--lm-accent);
        border: 1px solid rgba(168,85,247,0.35);
        border-radius: 20px; padding: 5px 16px;
        font-size: 0.82rem; font-weight: 600; margin-bottom: 18px;
    }
    .lm-hero h1 { color: #fff; font-size: 2.6rem; font-weight: 800; line-height: 1.2; }
    .lm-hero h1 span { color: var(--lm-accent); }
    .lm-hero p.lead { color: rgba(255,255,255,0.82); font-size: 1.1rem; }
    .lm-hero-stats-bar {
        background: rgba(255,255,255,0.06);
        border: 1px solid rgba(168,85,247,0.2);
        border-radius: 14px; padding: 20px 0; margin-top: 40px;
    }
    .lm-hero-stat .stat-num { font-size: 2.2rem; font-weight: 800; color: var(--lm-accent); }
    .lm-hero-stat .stat-label { font-size: 0.82rem; color: rgba(255,255,255,0.7); }
    .lm-btn-primary {
        background: var(--lm-accent); color: #fff; border: none;
        border-radius: 8px; padding: 12px 28px;
        font-weight: 700; font-size: 0.95rem; text-decoration: none;
        display: inline-block; transition: background 0.25s;
    }
    .lm-btn-primary:hover { background: var(--lm-secondary); color: #fff; }
    .lm-btn-outline {
        background: transparent; color: #fff;
        border: 1.5px solid rgba(255,255,255,0.45);
        border-radius: 8px; padding: 12px 28px;
        font-weight: 600; font-size: 0.95rem; text-decoration: none;
        display: inline-block; transition: border-color 0.25s;
    }
    .lm-btn-outline:hover { border-color: var(--lm-accent); color: var(--lm-accent); }

    .lm-section-label {
        text-transform: uppercase; letter-spacing: 0.08em;
        font-size: 0.78rem; font-weight: 700;
        color: var(--lm-secondary); margin-bottom: 6px;
    }

    /* Warning signals */
    .lm-signals-section { padding: 80px 0; background: #fff; }
    .lm-signal-card {
        border: none; border-left: 4px solid #fca5a5;
        background: #fff8f8; border-radius: 0 10px 10px 0;
        padding: 18px 20px; margin-bottom: 14px;
        transition: border-left-color 0.25s, background 0.25s;
    }
    .lm-signal-card:hover { border-left-color: #ef4444; background: #fff1f1; }
    .lm-signal-icon { font-size: 1.3rem; color: #ef4444; margin-right: 10px; }
    .lm-signal-title { font-weight: 700; font-size: 0.95rem; color: #1e293b; margin-bottom: 3px; }
    .lm-signal-desc { font-size: 0.85rem; color: #64748b; margin: 0; }

    /* Before / After */
    .lm-compare-section { padding: 80px 0; background: var(--lm-light); }
    .lm-compare-card { border-radius: 14px; overflow: hidden; box-shadow: 0 4px 24px rgba(0,0,0,0.06); }
    .lm-compare-before { background: #f1f5f9; }
    .lm-compare-after { background: linear-gradient(135deg, var(--lm-primary), var(--lm-secondary)); }
    .lm-compare-header { padding: 20px 28px 14px; font-size: 1rem; font-weight: 800; letter-spacing: 0.04em; text-transform: uppercase; }
    .lm-compare-before .lm-compare-header { color: #64748b; }
    .lm-compare-after .lm-compare-header { color: rgba(255,255,255,0.9); }
    .lm-compare-list { list-style: none; padding: 0 28px 24px; margin: 0; }
    .lm-compare-list li { display: flex; align-items: flex-start; gap: 10px; padding: 9px 0; border-bottom: 1px solid rgba(0,0,0,0.06); font-size: 0.9rem; }
    .lm-compare-list li:last-child { border-bottom: none; }
    .lm-compare-before .lm-compare-list li { color: #475569; }
    .lm-compare-after .lm-compare-list li { color: rgba(255,255,255,0.9); border-bottom-color: rgba(255,255,255,0.1); }
    .lm-before-icon { color: #ef4444; font-size: 0.95rem; flex-shrink: 0; margin-top: 2px; }
    .lm-after-icon { color: #86efac; font-size: 0.95rem; flex-shrink: 0; margin-top: 2px; }
    .lm-vs-badge {
        width: 52px; height: 52px; border-radius: 50%;
        background: var(--lm-primary); color: #fff;
        font-weight: 800; font-size: 1rem;
        display: flex; align-items: center; justify-content: center;
        box-shadow: 0 4px 20px rgba(88,28,135,0.35);
    }

    /* Services */
    .lm-services-section { padding: 80px 0; background: #fff; }
    .lm-service-card {
        border: 1px solid #e2e8f0; border-radius: 14px;
        padding: 28px 24px; height: 100%;
        transition: border-color 0.25s, box-shadow 0.25s, transform 0.25s;
        position: relative; overflow: hidden;
    }
    .lm-service-card::before {
        content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px;
        background: linear-gradient(90deg, var(--lm-primary), var(--lm-accent));
        transform: scaleX(0); transition: transform 0.3s; transform-origin: left;
    }
    .lm-service-card:hover { border-color: var(--lm-accent); box-shadow: 0 8px 32px rgba(88,28,135,0.1); transform: translateY(-4px); }
    .lm-service-card:hover::before { transform: scaleX(1); }
    .lm-service-icon {
        width: 52px; height: 52px; border-radius: 12px;
        background: var(--lm-light);
        display: flex; align-items: center; justify-content: center;
        margin-bottom: 18px; font-size: 1.5rem; color: var(--lm-secondary);
    }
    .lm-service-title { font-weight: 700; font-size: 1.05rem; color: #1e293b; margin-bottom: 8px; }
    .lm-service-desc { font-size: 0.88rem; color: #64748b; margin: 0; }

    /* Approach */
    .lm-approach-section { padding: 80px 0; background: linear-gradient(135deg, var(--lm-dark) 0%, #2d0a5e 100%); }
    .lm-approach-card {
        background: rgba(255,255,255,0.05);
        border: 1px solid rgba(168,85,247,0.2);
        border-radius: 14px; padding: 32px 24px; height: 100%;
        transition: background 0.25s, border-color 0.25s;
    }
    .lm-approach-card:hover { background: rgba(168,85,247,0.1); border-color: rgba(168,85,247,0.5); }
    .lm-approach-num { font-size: 3rem; font-weight: 900; color: rgba(168,85,247,0.25); line-height: 1; margin-bottom: 8px; }
    .lm-approach-title { font-weight: 700; font-size: 1.1rem; color: #fff; margin-bottom: 10px; }
    .lm-approach-desc { font-size: 0.88rem; color: rgba(255,255,255,0.72); margin-bottom: 16px; }
    .lm-approach-badge { display: inline-block; background: rgba(168,85,247,0.2); color: var(--lm-accent); border-radius: 6px; padding: 3px 10px; font-size: 0.78rem; font-weight: 600; }
    .lm-approach-use { font-size: 0.82rem; color: rgba(255,255,255,0.55); margin-top: 12px; margin-bottom: 0; }

    /* Process */
    .lm-process-section { padding: 80px 0; background: var(--lm-light); }
    .lm-process-step { display: flex; gap: 20px; margin-bottom: 32px; position: relative; }
    .lm-process-step::after {
        content: ''; position: absolute; left: 22px; top: 52px;
        width: 2px; height: calc(100% - 20px);
        background: linear-gradient(to bottom, var(--lm-accent), transparent);
    }
    .lm-process-step:last-child::after { display: none; }
    .lm-step-num {
        flex-shrink: 0; width: 46px; height: 46px; border-radius: 50%;
        background: linear-gradient(135deg, var(--lm-primary), var(--lm-accent));
        color: #fff; font-weight: 800; font-size: 0.95rem;
        display: flex; align-items: center; justify-content: center;
    }
    .lm-step-title { font-weight: 700; font-size: 1rem; color: #1e293b; margin-bottom: 4px; }
    .lm-step-desc { font-size: 0.88rem; color: #64748b; margin: 0; }
    .lm-step-duration { display: inline-block; background: var(--lm-primary); color: #fff; border-radius: 6px; padding: 2px 10px; font-size: 0.75rem; font-weight: 600; margin-top: 6px; }

    /* Tech */
    .lm-tech-section { padding: 80px 0; background: #fff; }
    .lm-tech-group { margin-bottom: 24px; }
    .lm-tech-group-label { font-size: 0.78rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.07em; color: var(--lm-secondary); margin-bottom: 10px; }
    .lm-tech-chip { display: inline-block; background: var(--lm-light); color: var(--lm-primary); border-radius: 8px; padding: 5px 13px; font-size: 0.82rem; font-weight: 600; margin: 3px; }

    /* Outcomes */
    .lm-outcomes-section { padding: 80px 0; background: var(--lm-light); }
    .lm-outcome-card { background: #fff; border-radius: 14px; padding: 28px 24px; text-align: center; box-shadow: 0 2px 12px rgba(0,0,0,0.04); height: 100%; }
    .lm-outcome-num { font-size: 2.4rem; font-weight: 900; color: var(--lm-secondary); line-height: 1; }
    .lm-outcome-unit { font-size: 1.2rem; color: var(--lm-accent); font-weight: 700; }
    .lm-outcome-label { font-size: 0.88rem; color: #64748b; margin-top: 6px; }

    /* FAQ */
    .lm-faq-section { padding: 80px 0; background: #fff; }
    .lm-accordion .accordion-button { font-weight: 600; font-size: 0.95rem; color: #1e293b; background: #fff; }
    .lm-accordion .accordion-button:not(.collapsed) { color: var(--lm-secondary); background: var(--lm-light); box-shadow: none; }
    .lm-accordion .accordion-button:focus { box-shadow: none; }
    .lm-accordion .accordion-item { border: 1px solid #e2e8f0; border-radius: 10px !important; margin-bottom: 12px; overflow: hidden; }
    .lm-accordion .accordion-body { font-size: 0.9rem; color: #475569; }

    /* CTA */
    .lm-cta-section { padding: 80px 0; background: linear-gradient(135deg, var(--lm-primary), var(--lm-secondary)); }
    .lm-cta-section h2 { color: #fff; font-weight: 800; }
    .lm-cta-section p { color: rgba(255,255,255,0.82); }
    .lm-inquiry-card {
        background: rgba(255,255,255,0.08);
        backdrop-filter: blur(14px);
        border: 1px solid rgba(255,255,255,0.15);
        border-radius: 16px; padding: 32px 28px;
    }
    .lm-inquiry-card .form-control, .lm-inquiry-card .form-select {
        background: rgba(255,255,255,0.1);
        border: 1px solid rgba(255,255,255,0.2);
        color: #fff; border-radius: 8px;
    }
    .lm-inquiry-card .form-control::placeholder { color: rgba(255,255,255,0.5); }
    .lm-inquiry-card .form-control:focus, .lm-inquiry-card .form-select:focus {
        background: rgba(255,255,255,0.15); border-color: var(--lm-accent);
        box-shadow: 0 0 0 3px rgba(168,85,247,0.2); color: #fff;
    }
    .lm-inquiry-card label { color: rgba(255,255,255,0.85); font-size: 0.88rem; font-weight: 600; }
    .lm-inquiry-card .form-select option { background: var(--lm-primary); color: #fff; }


/* =========================================
   SERVICES — MACHINE-LEARNING-DEVELOPMENT
========================================= */

        :root { --ml-purple:#1E52CC; --ml-purple-light:#EEF3FB; --ml-purple-dark:#1644B0; --ml-violet:#8b5cf6; --ml-navy:#0f0a1f; }
        .ml-hero { background:linear-gradient(140deg,rgba(15,10,31,0.98) 0%,rgba(40,20,80,0.95) 50%,rgba(30,82,204,0.22) 100%), url('/assets/images/machine-learning/ml-hero-dashboard.jpg') center/cover no-repeat; padding:110px 0 70px; }
        .ml-badge { display:inline-flex;align-items:center;gap:8px;background:rgba(30,82,204,0.15);color:#93B4F4;border:1px solid rgba(30,82,204,0.35);border-radius:50px;padding:6px 18px;font-size:0.78rem;font-weight:600;letter-spacing:0.06em;text-transform:uppercase; }
        .ml-dot { width:8px;height:8px;border-radius:50%;background:#93B4F4;animation:mldot 2s infinite; }
        @keyframes mldot { 0%,100%{opacity:1;box-shadow:0 0 0 0 rgba(30,82,204,0.5);} 50%{opacity:0.6;box-shadow:0 0 0 6px rgba(30,82,204,0);} }
        .ml-stat { display:inline-flex;flex-direction:column;align-items:center;padding:14px 20px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:12px;min-width:105px; }
        .ml-stat strong { font-size:1.6rem;font-weight:800;color:#93B4F4;line-height:1; }
        .ml-stat span { font-size:0.7rem;color:rgba(255,255,255,0.45);margin-top:4px;text-transform:uppercase;letter-spacing:0.04em;text-align:center; }
        .ml-form-glass { background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.1);border-radius:20px;padding:30px 26px;backdrop-filter:blur(10px); }
        .ml-service-card { border-radius:16px;padding:28px 24px;height:100%;background:#fff;border:1px solid #e4ecf7;position:relative;overflow:hidden;transition:all 0.3s; }
        .ml-service-card::before { content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--ml-purple),#ec4899);transition:height 0.3s; }
        .ml-service-card:hover { transform:translateY(-6px);box-shadow:0 16px 40px rgba(30,82,204,0.13); }
        .ml-tech-badge { display:inline-block;padding:6px 14px;border-radius:30px;font-size:0.78rem;font-weight:600;margin:4px; }
        .ml-process-card { border-radius:14px;padding:24px 20px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);height:100%;transition:border-color 0.25s,transform 0.25s; }
        .ml-process-card:hover { border-color:#93B4F4;transform:translateY(-4px); }
        .ml-industry-pill { display:flex;align-items:center;gap:10px;padding:14px 18px;border-radius:12px;background:#fff;border:1px solid #e4ecf7;transition:all 0.2s;cursor:default; }
        .ml-industry-pill:hover { background:var(--ml-purple);border-color:var(--ml-purple); }
        .ml-industry-pill:hover span, .ml-industry-pill:hover i { color:#fff !important; }
        .ml-faq .accordion-button { font-weight:600;color:#1a1a2e;background:#fff;box-shadow:none;border-bottom:1px solid #e4ecf7; }
        .ml-faq .accordion-button:not(.collapsed) { color:var(--ml-purple-dark);background:var(--ml-purple-light); }
        .ml-faq .accordion-item { border:1px solid #e4ecf7;border-radius:12px !important;overflow:hidden;margin-bottom:12px; }
        .ml-faq .accordion-body { color:#6c757d;line-height:1.8;font-size:0.93rem; }
        .ml-cta { background:linear-gradient(135deg,#0f0a1f 0%,#2e1065 50%,#0B1B33 100%);position:relative;overflow:hidden; }
        .ml-cta::before { content:'';position:absolute;top:-80px;right:-60px;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(30,82,204,0.12) 0%,transparent 70%); }
    

/* =========================================
   SERVICES — MOBILE-APP-DEVELOPMENT
========================================= */

    .timeline-clean {
        position: relative;
        padding-left: 30px;
    }

    .timeline-item {
        position: relative;
        margin-bottom: 40px;
        padding-left: 30px;
    }

        .timeline-item.alt {
            padding-left: 30px;
        }

    .timeline-year {
        position: absolute;
        left: -5px;
        top: 0;
        background: #1E52CC;
        color: #fff;
        padding: 5px 12px;
        border-radius: 20px;
        font-size: 14px;
        font-weight: bold;
    }

    .timeline-box {
        border-left: 3px solid #1E52CC;
    }


/* =========================================
   SERVICES — MVP-DEVELOPMENT
========================================= */

        /* =============================================
           MVP DEVELOPMENT PAGE — CUSTOM STYLES
        ============================================= */

        /* Hero */
        .mvp-hero {
            background:
                linear-gradient(160deg,
                    rgba(6, 14, 35, 0.97) 0%,
                    rgba(10, 25, 65, 0.92) 50%,
                    rgba(15, 40, 90, 0.80) 100%),
                url('/assets/images/enterprise/enterprise-hero.jpg') center / cover no-repeat;
            min-height: 88vh;
            display: flex;
            align-items: center;
            padding: 100px 0 60px;
        }

        /* Animated badge */
        .mvp-badge {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            background: rgba(34, 197, 94, 0.15);
            color: #4ade80;
            border: 1px solid rgba(34, 197, 94, 0.3);
            border-radius: 50px;
            padding: 6px 18px;
            font-size: 0.78rem;
            font-weight: 600;
            letter-spacing: 0.06em;
            text-transform: uppercase;
        }

        .mvp-badge .pulse-dot {
            width: 8px;
            height: 8px;
            border-radius: 50%;
            background: #4ade80;
            animation: pulse 1.8s infinite;
        }

        @keyframes pulse {
            0%, 100% { opacity: 1; transform: scale(1); }
            50% { opacity: 0.5; transform: scale(0.8); }
        }

        /* Metric pill */
        .mvp-metric {
            display: inline-flex;
            flex-direction: column;
            align-items: center;
            padding: 16px 24px;
            background: rgba(255,255,255,0.06);
            border: 1px solid rgba(255,255,255,0.1);
            border-radius: 12px;
            min-width: 110px;
        }

        .mvp-metric strong {
            font-size: 1.6rem;
            font-weight: 800;
            color: #fff;
            line-height: 1;
        }

        .mvp-metric span {
            font-size: 0.72rem;
            color: rgba(255,255,255,0.5);
            text-align: center;
            margin-top: 4px;
            text-transform: uppercase;
            letter-spacing: 0.04em;
        }

        /* Concept cards (PoC / Prototype / MVP) */
        .mvp-concept-card {
            border-radius: 16px;
            padding: 32px 28px;
            height: 100%;
            position: relative;
            overflow: hidden;
            border: 1px solid #e4ecf7;
            transition: transform 0.25s ease, box-shadow 0.25s ease;
        }

        .mvp-concept-card:hover {
            transform: translateY(-6px);
            box-shadow: 0 20px 50px rgba(0,0,0,0.1);
        }

        .mvp-concept-card .corner-label {
            position: absolute;
            top: 20px;
            right: 20px;
            font-size: 0.7rem;
            font-weight: 700;
            letter-spacing: 0.08em;
            text-transform: uppercase;
            padding: 4px 10px;
            border-radius: 20px;
        }

        .mvp-concept-card .timeline-weeks {
            font-size: 0.8rem;
            font-weight: 600;
            margin-top: 12px;
            display: flex;
            align-items: center;
            gap: 6px;
        }

        /* Risk cards */
        .mvp-risk-card {
            border-left: 4px solid #ef4444;
            background: #fff5f5;
            border-radius: 0 12px 12px 0;
            padding: 20px 24px;
            height: 100%;
        }

        /* Process timeline */
        .mvp-timeline {
            position: relative;
        }

        .mvp-timeline::before {
            content: '';
            position: absolute;
            left: 28px;
            top: 0;
            bottom: 0;
            width: 2px;
            background: linear-gradient(to bottom, #1E52CC 0%, #10b981 100%);
        }

        .mvp-timeline-item {
            display: flex;
            gap: 24px;
            align-items: flex-start;
            padding-left: 0;
            position: relative;
        }

        .mvp-step-circle {
            flex-shrink: 0;
            width: 56px;
            height: 56px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: 800;
            font-size: 1rem;
            color: #fff;
            background: linear-gradient(135deg, #1E52CC, #1644B0);
            position: relative;
            z-index: 2;
            box-shadow: 0 4px 16px rgba(31,90,188,0.35);
        }

        .mvp-step-body {
            padding-top: 10px;
            flex: 1;
        }

        .mvp-step-body h6 {
            font-weight: 700;
            margin-bottom: 6px;
            color: #1a1a2e;
        }

        .mvp-step-body p {
            font-size: 0.9rem;
            line-height: 1.7;
            color: #6c757d;
            margin-bottom: 0;
        }

        /* Deliverable cards */
        .mvp-deliverable {
            display: flex;
            align-items: flex-start;
            gap: 16px;
            padding: 22px;
            background: #fff;
            border-radius: 12px;
            border: 1px solid #e4ecf7;
            height: 100%;
            transition: box-shadow 0.2s ease, transform 0.2s ease;
        }

        .mvp-deliverable:hover {
            box-shadow: 0 8px 28px rgba(31,90,188,0.1);
            transform: translateY(-3px);
        }

        .mvp-deliverable-num {
            flex-shrink: 0;
            width: 40px;
            height: 40px;
            border-radius: 10px;
            background: linear-gradient(135deg, #1E52CC, #1644B0);
            color: #fff;
            font-weight: 800;
            font-size: 0.9rem;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        /* Pricing factor chips */
        .mvp-factor-chip {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            background: #fff;
            border: 1px solid #d0ddf5;
            border-radius: 50px;
            padding: 10px 18px;
            font-size: 0.87rem;
            font-weight: 500;
            color: #374151;
            transition: background 0.2s, color 0.2s;
        }

        .mvp-factor-chip:hover {
            background: #1E52CC;
            color: #fff;
            border-color: #1E52CC;
        }

        .mvp-factor-chip i {
            color: #1E52CC;
            font-size: 1rem;
        }

        .mvp-factor-chip:hover i {
            color: #fff;
        }

        /* FAQ accordion */
        .mvp-faq .accordion-button {
            font-weight: 600;
            color: #1a1a2e;
            background: #fff;
            box-shadow: none;
            border-bottom: 1px solid #e4ecf7;
        }

        .mvp-faq .accordion-button:not(.collapsed) {
            color: #1E52CC;
            background: #f0f4ff;
        }

        .mvp-faq .accordion-button::after {
            filter: none;
        }

        .mvp-faq .accordion-button:not(.collapsed)::after {
            filter: invert(30%) sepia(100%) saturate(500%) hue-rotate(200deg);
        }

        .mvp-faq .accordion-item {
            border: 1px solid #e4ecf7;
            border-radius: 12px !important;
            overflow: hidden;
            margin-bottom: 12px;
        }

        .mvp-faq .accordion-body {
            color: #6c757d;
            line-height: 1.8;
            font-size: 0.93rem;
        }

        /* CTA banner */
        .mvp-cta {
            background: linear-gradient(135deg, #0B1B33 0%, #1E52CC 70%, #10b981 130%);
            position: relative;
            overflow: hidden;
        }

        .mvp-cta::before {
            content: '';
            position: absolute;
            top: -100px; right: -100px;
            width: 400px; height: 400px;
            border-radius: 50%;
            background: radial-gradient(circle, rgba(255,255,255,0.05) 0%, transparent 70%);
        }

        /* Floating hero icon grid */
        .mvp-hero-visual {
            background: rgba(255,255,255,0.04);
            border: 1px solid rgba(255,255,255,0.1);
            border-radius: 20px;
            padding: 28px;
            backdrop-filter: blur(8px);
        }

        .mvp-hero-stat-row {
            display: flex;
            gap: 12px;
            flex-wrap: wrap;
        }
    

/* =========================================
   SERVICES — NEARSHORE-DEVELOPMENT
========================================= */

        :root { --ns-green:#1644B0; --ns-green-light:#EEF3FB; --ns-green-dark:#065f46; --ns-teal:#0d9488; --ns-navy:#06120e; }
        .ns-hero { background:linear-gradient(140deg,rgba(6,18,14,0.98) 0%,rgba(10,40,25,0.96) 50%,rgba(4,120,87,0.22) 100%), url('/assets/images/software-development/bg1.jpg') center/cover no-repeat; padding:110px 0 70px; }
        .ns-badge { display:inline-flex;align-items:center;gap:8px;background:rgba(16,185,129,0.15);color:#6ee7b7;border:1px solid rgba(16,185,129,0.35);border-radius:50px;padding:6px 18px;font-size:0.78rem;font-weight:600;letter-spacing:0.06em;text-transform:uppercase; }
        .ns-dot { width:8px;height:8px;border-radius:50%;background:#34d399;animation:nsdot 2s infinite; }
        @keyframes nsdot { 0%,100%{opacity:1;box-shadow:0 0 0 0 rgba(52,211,153,0.5);} 50%{opacity:0.6;box-shadow:0 0 0 6px rgba(52,211,153,0);} }
        .ns-stat { display:inline-flex;flex-direction:column;align-items:center;padding:14px 20px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:12px;min-width:105px; }
        .ns-stat strong { font-size:1.6rem;font-weight:800;color:#6ee7b7;line-height:1; }
        .ns-stat span { font-size:0.7rem;color:rgba(255,255,255,0.45);margin-top:4px;text-transform:uppercase;letter-spacing:0.04em;text-align:center; }
        .ns-form-glass { background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.1);border-radius:20px;padding:30px 26px;backdrop-filter:blur(10px); }
        .ns-service-card { border-radius:16px;padding:28px 24px;height:100%;background:#fff;border:1px solid #e4ecf7;position:relative;overflow:hidden;transition:all 0.3s; }
        .ns-service-card::before { content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--ns-green),var(--ns-teal));transition:height 0.3s; }
        .ns-service-card:hover { transform:translateY(-6px);box-shadow:0 16px 40px rgba(4,120,87,0.13); }
        .ns-tech-badge { display:inline-block;padding:6px 14px;border-radius:30px;font-size:0.78rem;font-weight:600;margin:4px; }
        .ns-compare-card { border-radius:16px;padding:28px 24px;height:100%;border:2px solid #e4ecf7;transition:all 0.3s; }
        .ns-compare-card.active { border-color:var(--ns-green);background:#f0fdf4; }
        .ns-process-card { border-radius:14px;padding:24px 20px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);height:100%;transition:border-color 0.25s,transform 0.25s; }
        .ns-process-card:hover { border-color:#34d399;transform:translateY(-4px); }
        .ns-faq .accordion-button { font-weight:600;color:#1a1a2e;background:#fff;box-shadow:none;border-bottom:1px solid #e4ecf7; }
        .ns-faq .accordion-button:not(.collapsed) { color:var(--ns-green-dark);background:var(--ns-green-light); }
        .ns-faq .accordion-item { border:1px solid #e4ecf7;border-radius:12px !important;overflow:hidden;margin-bottom:12px; }
        .ns-faq .accordion-body { color:#6c757d;line-height:1.8;font-size:0.93rem; }
        .ns-cta { background:linear-gradient(135deg,#06120e 0%,#052e1c 50%,#064e3b 100%);position:relative;overflow:hidden; }
        .ns-cta::before { content:'';position:absolute;top:-80px;right:-60px;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(16,185,129,0.1) 0%,transparent 70%); }
    

/* =========================================
   SERVICES — OFFSHORE-DEVELOPMENT
========================================= */

        :root { --off-navy:#0B1B33; --off-blue:#1e40af; --off-blue-light:#EEF3FB; --off-blue-dark:#1e3a8a; --off-sky:#0284c7; }
        .off-hero { background:linear-gradient(140deg,rgba(10,22,40,0.98) 0%,rgba(20,35,70,0.96) 50%,rgba(30,64,175,0.22) 100%), url('/assets/images/software-development/bg1.jpg') center/cover no-repeat; padding:110px 0 70px; }
        .off-badge { display:inline-flex;align-items:center;gap:8px;background:rgba(30,82,204,0.08);color:#1E52CC;border:1px solid rgba(30,82,204,0.18);border-radius:50px;padding:6px 18px;font-size:0.78rem;font-weight:600;letter-spacing:0.06em;text-transform:uppercase; }
        .off-dot { width:8px;height:8px;border-radius:50%;background:#60a5fa;animation:offdot 2s infinite; }
        @keyframes offdot { 0%,100%{opacity:1;box-shadow:0 0 0 0 rgba(96,165,250,0.5);} 50%{opacity:0.6;box-shadow:0 0 0 6px rgba(96,165,250,0);} }
        .off-stat { display:inline-flex;flex-direction:column;align-items:center;padding:14px 20px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:12px;min-width:105px; }
        .off-stat strong { font-size:1.6rem;font-weight:800;color:#1E52CC;line-height:1; }
        .off-stat span { font-size:0.7rem;color:rgba(255,255,255,0.45);margin-top:4px;text-transform:uppercase;letter-spacing:0.04em;text-align:center; }
        .off-form-glass { background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.1);border-radius:20px;padding:30px 26px;backdrop-filter:blur(10px); }
        .off-service-card { border-radius:16px;padding:28px 24px;height:100%;background:#fff;border:1px solid #e4ecf7;position:relative;overflow:hidden;transition:all 0.3s; }
        .off-service-card::before { content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--off-blue),var(--off-sky));transition:height 0.3s; }
        .off-service-card:hover { transform:translateY(-6px);box-shadow:0 16px 40px rgba(30,64,175,0.13); }
        .off-tech-badge { display:inline-block;padding:6px 14px;border-radius:30px;font-size:0.78rem;font-weight:600;margin:4px; }
        .off-benefit-card { border-radius:14px;padding:26px 22px;background:#fff;border:1px solid #e4ecf7;height:100%;transition:all 0.3s; }
        .off-benefit-card:hover { transform:translateY(-4px);box-shadow:0 12px 30px rgba(30,64,175,0.1); }
        .off-process-card { border-radius:14px;padding:24px 20px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);height:100%;transition:border-color 0.25s,transform 0.25s; }
        .off-process-card:hover { border-color:#60a5fa;transform:translateY(-4px); }
        .off-faq .accordion-button { font-weight:600;color:#1a1a2e;background:#fff;box-shadow:none;border-bottom:1px solid #e4ecf7; }
        .off-faq .accordion-button:not(.collapsed) { color:var(--off-blue-dark);background:var(--off-blue-light); }
        .off-faq .accordion-item { border:1px solid #e4ecf7;border-radius:12px !important;overflow:hidden;margin-bottom:12px; }
        .off-faq .accordion-body { color:#6c757d;line-height:1.8;font-size:0.93rem; }
        .off-cta { background:linear-gradient(135deg,#0B1B33 0%,#1e2f5a 50%,#1e3a8a 100%);position:relative;overflow:hidden; }
        .off-cta::before { content:'';position:absolute;top:-80px;right:-60px;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(30,64,175,0.12) 0%,transparent 70%); }
    

/* =========================================
   SERVICES — POC-DEVELOPMENT
========================================= */

        /* =============================================
           POC DEVELOPMENT PAGE — CUSTOM STYLES
           Accent: Amber / Orange (#f59e0b / #d97706)
        ============================================= */

        :root {
            --poc-amber: #f59e0b;
            --poc-amber-dark: #d97706;
            --poc-amber-light: #fef3c7;
            --poc-navy: #0B1B33;
            --poc-navy-mid: #1a2e5c;
        }

        /* Hero */
        .poc-hero {
            background:
                linear-gradient(135deg,
                    rgba(10, 22, 40, 0.97) 0%,
                    rgba(20, 36, 70, 0.92) 55%,
                    rgba(30, 55, 100, 0.80) 100%),
                url('/assets/images/enterprise/enterprise-hero.jpg') center / cover no-repeat;
            padding: 110px 0 70px;
        }

        .poc-accent { color: var(--poc-amber); }

        /* Amber badge */
        .poc-badge {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            background: rgba(245, 158, 11, 0.15);
            color: var(--poc-amber);
            border: 1px solid rgba(245, 158, 11, 0.35);
            border-radius: 50px;
            padding: 6px 18px;
            font-size: 0.78rem;
            font-weight: 600;
            letter-spacing: 0.06em;
            text-transform: uppercase;
        }

        .poc-badge .blink {
            width: 8px; height: 8px;
            border-radius: 50%;
            background: var(--poc-amber);
            animation: blink 2s infinite;
        }

        @keyframes blink {
            0%, 100% { opacity: 1; }
            50% { opacity: 0.3; }
        }

        /* Hero stat pill */
        .poc-stat-pill {
            display: inline-flex;
            flex-direction: column;
            align-items: center;
            padding: 14px 20px;
            background: rgba(255,255,255,0.05);
            border: 1px solid rgba(255,255,255,0.1);
            border-radius: 12px;
            min-width: 100px;
        }

        .poc-stat-pill strong {
            font-size: 1.5rem;
            font-weight: 800;
            color: var(--poc-amber);
            line-height: 1;
        }

        .poc-stat-pill span {
            font-size: 0.7rem;
            color: rgba(255,255,255,0.45);
            margin-top: 4px;
            text-transform: uppercase;
            letter-spacing: 0.04em;
            text-align: center;
        }

        /* Hero form glass card */
        .poc-form-card {
            background: rgba(255,255,255,0.04);
            border: 1px solid rgba(255,255,255,0.1);
            border-radius: 20px;
            padding: 32px 28px;
            backdrop-filter: blur(10px);
        }

        /* Challenge cards */
        .poc-challenge-card {
            border-radius: 14px;
            padding: 28px 24px;
            height: 100%;
            border-top: 4px solid var(--poc-amber);
            background: #fff;
            box-shadow: 0 2px 16px rgba(0,0,0,0.06);
            transition: transform 0.25s ease, box-shadow 0.25s ease;
        }

        .poc-challenge-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 14px 36px rgba(245,158,11,0.12);
        }

        /* Use case cards */
        .poc-usecase-card {
            border-radius: 14px;
            padding: 28px 24px;
            height: 100%;
            border: 1px solid #e4ecf7;
            background: #fff;
            transition: all 0.25s ease;
            cursor: default;
        }

        .poc-usecase-card:hover {
            background: var(--poc-navy);
            border-color: var(--poc-navy);
            color: #fff;
        }

        .poc-usecase-card:hover .poc-usecase-icon { color: var(--poc-amber) !important; }
        .poc-usecase-card:hover p { color: rgba(255,255,255,0.65); }
        .poc-usecase-card:hover h6 { color: #fff; }

        .poc-usecase-icon {
            font-size: 2.2rem;
            color: var(--poc-amber-dark);
            margin-bottom: 16px;
            display: block;
            transition: color 0.25s ease;
        }

        /* Process steps — horizontal card row */
        .poc-process-card {
            border-radius: 16px;
            padding: 28px 22px;
            height: 100%;
            background: #fff;
            border: 1px solid #e8ecf4;
            position: relative;
            transition: box-shadow 0.25s ease, transform 0.25s ease;
        }

        .poc-process-card:hover {
            box-shadow: 0 12px 30px rgba(245,158,11,0.12);
            transform: translateY(-4px);
        }

        .poc-process-num {
            width: 44px;
            height: 44px;
            border-radius: 12px;
            background: linear-gradient(135deg, var(--poc-amber), var(--poc-amber-dark));
            color: #fff;
            font-weight: 800;
            font-size: 1rem;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 18px;
            box-shadow: 0 4px 14px rgba(245,158,11,0.3);
        }

        /* Questions grid */
        .poc-question-chip {
            display: flex;
            align-items: flex-start;
            gap: 10px;
            padding: 14px 18px;
            background: #fff;
            border: 1px solid #e4ecf7;
            border-radius: 10px;
            font-size: 0.88rem;
            color: #374151;
            line-height: 1.5;
            transition: all 0.2s ease;
        }

        .poc-question-chip:hover {
            border-color: var(--poc-amber);
            background: var(--poc-amber-light);
        }

        .poc-question-chip i {
            color: var(--poc-amber-dark);
            font-size: 1rem;
            flex-shrink: 0;
            margin-top: 2px;
        }

        /* Deliverable rows */
        .poc-deliverable-row {
            display: flex;
            align-items: flex-start;
            gap: 20px;
            padding: 22px 0;
            border-bottom: 1px solid #f0f4fc;
        }

        .poc-deliverable-row:last-child { border-bottom: none; }

        .poc-del-icon {
            flex-shrink: 0;
            width: 48px; height: 48px;
            border-radius: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.3rem;
        }

        /* POC vs MVP table */
        .poc-compare-table th {
            background: var(--poc-navy);
            color: #fff;
            font-weight: 600;
            font-size: 0.9rem;
            padding: 14px 20px;
            border: none;
        }

        .poc-compare-table th:first-child { border-radius: 10px 0 0 0; }
        .poc-compare-table th:last-child { border-radius: 0 10px 0 0; }

        .poc-compare-table td {
            padding: 14px 20px;
            font-size: 0.88rem;
            vertical-align: middle;
            border-color: #edf2fa;
        }

        .poc-compare-table tr:hover td { background: #fafbff; }

        /* Service tier cards (dark bg) */
        .poc-service-card {
            border-radius: 16px;
            padding: 32px 28px;
            height: 100%;
            border: 1px solid rgba(255,255,255,0.1);
            background: rgba(255,255,255,0.04);
            transition: border-color 0.25s ease, background 0.25s ease;
        }

        .poc-service-card:hover {
            border-color: var(--poc-amber);
            background: rgba(245,158,11,0.06);
        }

        /* FAQ */
        .poc-faq .accordion-button {
            font-weight: 600;
            color: #1a1a2e;
            background: #fff;
            box-shadow: none;
            border-bottom: 1px solid #e4ecf7;
        }

        .poc-faq .accordion-button:not(.collapsed) {
            color: var(--poc-amber-dark);
            background: var(--poc-amber-light);
        }

        .poc-faq .accordion-button:not(.collapsed)::after {
            filter: invert(60%) sepia(90%) saturate(500%) hue-rotate(10deg);
        }

        .poc-faq .accordion-item {
            border: 1px solid #e4ecf7;
            border-radius: 12px !important;
            overflow: hidden;
            margin-bottom: 12px;
        }

        .poc-faq .accordion-body {
            color: #6c757d;
            line-height: 1.8;
            font-size: 0.93rem;
        }

        /* CTA */
        .poc-cta {
            background: linear-gradient(135deg, #0B1B33 0%, #1a2e5c 50%, #2d1a00 100%);
            position: relative;
            overflow: hidden;
        }

        .poc-cta::before {
            content: '';
            position: absolute;
            top: -120px; right: -80px;
            width: 450px; height: 450px;
            border-radius: 50%;
            background: radial-gradient(circle, rgba(245,158,11,0.08) 0%, transparent 70%);
        }

        .poc-cta::after {
            content: '';
            position: absolute;
            bottom: -100px; left: 5%;
            width: 300px; height: 300px;
            border-radius: 50%;
            background: radial-gradient(circle, rgba(245,158,11,0.05) 0%, transparent 70%);
        }
    

/* =========================================
   SERVICES — QA-TESTING
========================================= */

        :root { --qa-rose:#e11d48; --qa-rose-light:#fff1f2; --qa-rose-dark:#9f1239; --qa-navy:#0B1B33; }
        .qa-hero { background:linear-gradient(140deg,rgba(8,18,40,0.98) 0%,rgba(50,5,18,0.94) 55%,rgba(225,29,72,0.2) 100%), url('/assets/images/it/bg1.jpg') center/cover no-repeat; padding:110px 0 70px; }
        .qa-badge { display:inline-flex;align-items:center;gap:8px;background:rgba(225,29,72,0.15);color:#fb7185;border:1px solid rgba(225,29,72,0.35);border-radius:50px;padding:6px 18px;font-size:0.78rem;font-weight:600;letter-spacing:0.06em;text-transform:uppercase; }
        .qa-dot { width:8px;height:8px;border-radius:50%;background:#fb7185;animation:qadot 2s infinite; }
        @keyframes qadot { 0%,100%{opacity:1;} 50%{opacity:0.3;} }
        .qa-stat { display:inline-flex;flex-direction:column;align-items:center;padding:14px 20px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:12px;min-width:110px; }
        .qa-stat strong { font-size:1.6rem;font-weight:800;color:#fb7185;line-height:1; }
        .qa-stat span { font-size:0.7rem;color:rgba(255,255,255,0.45);margin-top:4px;text-transform:uppercase;letter-spacing:0.04em;text-align:center; }
        .qa-form-glass { background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.1);border-radius:20px;padding:30px 26px;backdrop-filter:blur(10px); }
        .qa-type-card { border-radius:16px;padding:28px 22px;height:100%;background:#fff;border:1px solid #e4ecf7;transition:all 0.25s;position:relative;overflow:hidden; }
        .qa-type-card .qa-color-bar { position:absolute;top:0;left:0;right:0;height:3px;transition:height 0.3s; }
        .qa-type-card:hover { transform:translateY(-5px); }
        .qa-type-card:hover .qa-color-bar { height:5px; }
        .qa-tool-row { display:flex;flex-wrap:wrap;gap:8px; }
        .qa-tool-tag { padding:5px 12px;border-radius:8px;font-size:0.78rem;font-weight:600;background:#fff1f2;color:#9f1239;border:1px solid #fecdd3; }
        .qa-benefit-card { display:flex;gap:18px;align-items:flex-start;padding:22px 20px;border-radius:14px;background:#fff;border:1px solid #e4ecf7;transition:box-shadow 0.25s,transform 0.25s; }
        .qa-benefit-card:hover { box-shadow:0 10px 28px rgba(225,29,72,0.1);transform:translateY(-4px); }
        .qa-benefit-icon { flex-shrink:0;width:46px;height:46px;border-radius:12px;background:linear-gradient(135deg,var(--qa-rose),var(--qa-rose-dark));display:flex;align-items:center;justify-content:center;font-size:1.3rem;color:#fff; }
        .qa-phase { border-radius:14px;padding:24px 20px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);height:100%;transition:border-color 0.25s; }
        .qa-phase:hover { border-color:#fb7185; }
        .qa-faq .accordion-button { font-weight:600;color:#1a1a2e;background:#fff;box-shadow:none;border-bottom:1px solid #e4ecf7; }
        .qa-faq .accordion-button:not(.collapsed) { color:var(--qa-rose-dark);background:var(--qa-rose-light); }
        .qa-faq .accordion-button:not(.collapsed)::after { filter:invert(20%) sepia(90%) saturate(400%) hue-rotate(320deg); }
        .qa-faq .accordion-item { border:1px solid #e4ecf7;border-radius:12px !important;overflow:hidden;margin-bottom:12px; }
        .qa-faq .accordion-body { color:#6c757d;line-height:1.8;font-size:0.93rem; }
        .qa-cta { background:linear-gradient(135deg,#0B1B33 0%,#300510 55%,#e11d48 140%);position:relative;overflow:hidden; }
        .qa-cta::before { content:'';position:absolute;top:-80px;right:-60px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(225,29,72,0.1) 0%,transparent 70%); }
    

/* =========================================
   SERVICES — SOFTWARE-CONSULTING
========================================= */

        :root { --sc-green:#1E52CC; --sc-green-light:#EEF3FB; --sc-green-dark:#1644B0; --sc-navy:#0B1B33; }

        .sc-hero { background:linear-gradient(140deg,rgba(8,18,40,0.98) 0%,rgba(4,40,25,0.94) 55%,rgba(30,82,204,0.2) 100%), url('/assets/images/consulting/bg.jpg') center/cover no-repeat; padding:110px 0 70px; }
        .sc-badge { display:inline-flex;align-items:center;gap:8px;background:rgba(30,82,204,0.15);color:#34d399;border:1px solid rgba(30,82,204,0.35);border-radius:50px;padding:6px 18px;font-size:0.78rem;font-weight:600;letter-spacing:0.06em;text-transform:uppercase; }
        .sc-dot { width:8px;height:8px;border-radius:50%;background:#34d399;animation:scdot 2s infinite; }
        @keyframes scdot { 0%,100%{opacity:1;} 50%{opacity:0.3;} }
        .sc-stat { display:inline-flex;flex-direction:column;align-items:center;padding:14px 20px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:12px;min-width:110px; }
        .sc-stat strong { font-size:1.6rem;font-weight:800;color:#34d399;line-height:1; }
        .sc-stat span { font-size:0.7rem;color:rgba(255,255,255,0.45);margin-top:4px;text-transform:uppercase;letter-spacing:0.04em;text-align:center; }
        .sc-form-glass { background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.1);border-radius:20px;padding:30px 26px;backdrop-filter:blur(10px); }

        .sc-service-card { border-radius:14px;padding:28px 24px;height:100%;background:#fff;border:1px solid #e4ecf7;border-left:4px solid var(--sc-green);box-shadow:0 2px 16px rgba(0,0,0,0.05);transition:transform 0.25s,box-shadow 0.25s; }
        .sc-service-card:hover { transform:translateY(-5px);box-shadow:0 14px 36px rgba(30,82,204,0.13); }

        .sc-scenario-card { border-radius:14px;padding:26px 22px;height:100%;background:#fff;box-shadow:0 2px 16px rgba(0,0,0,0.06);border-top:3px solid var(--sc-green);transition:transform 0.25s,box-shadow 0.25s; }
        .sc-scenario-card:hover { transform:translateY(-5px);box-shadow:0 14px 36px rgba(30,82,204,0.12); }

        .sc-step-num { flex-shrink:0;width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--sc-green),var(--sc-green-dark));color:#fff;font-weight:800;font-size:0.95rem;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px rgba(30,82,204,0.3); }

        .sc-outcome-card { border-radius:14px;padding:28px 24px;height:100%;background:rgba(255,255,255,0.06);border:1px solid rgba(30,82,204,0.08);text-align:center;transition:border-color 0.25s,transform 0.25s; }
        .sc-outcome-card:hover { border-color:#34d399;transform:translateY(-4px); }

        .sc-faq .accordion-button { font-weight:600;color:#1a1a2e;background:#fff;box-shadow:none;border-bottom:1px solid #e4ecf7; }
        .sc-faq .accordion-button:not(.collapsed) { color:var(--sc-green-dark);background:var(--sc-green-light); }
        .sc-faq .accordion-button:not(.collapsed)::after { filter:sepia(100%) saturate(300%) hue-rotate(100deg); }
        .sc-faq .accordion-item { border:1px solid #e4ecf7;border-radius:12px !important;overflow:hidden;margin-bottom:12px; }
        .sc-faq .accordion-body { color:#6c757d;line-height:1.8;font-size:0.93rem; }

        .sc-cta { background:linear-gradient(135deg,#0B1B33 0%,#0B1B33 55%,#1E52CC 140%);position:relative;overflow:hidden; }
        .sc-cta::before { content:'';position:absolute;top:-80px;right:-60px;width:450px;height:450px;border-radius:50%;background:radial-gradient(circle,rgba(30,82,204,0.1) 0%,transparent 70%); }
    

/* =========================================
   SERVICES — SOFTWARE-DEVELOPMENT
========================================= */

        /* =============================================
           SOFTWARE DEVELOPMENT PAGE — CUSTOM STYLES
        ============================================= */

        /* Hero */
        .sd-hero {
            background:
                linear-gradient(135deg,
                    rgba(8, 18, 40, 0.93) 0%,
                    rgba(8, 18, 40, 0.78) 55%,
                    rgba(10, 30, 70, 0.55) 100%),
                url('/assets/images/software-development/bg1.jpg') center / cover no-repeat;
            padding: 120px 0 80px;
        }

        /* Stats strip */
        .sd-stats-strip {
            background: #fff;
            border-bottom: 1px solid #e8ecf4;
        }

        .sd-stat-item {
            text-align: center;
            padding: 28px 16px;
        }

        .sd-stat-number {
            font-size: 2.2rem;
            font-weight: 800;
            color: #1E52CC;
            line-height: 1;
        }

        .sd-stat-label {
            font-size: 0.82rem;
            color: #6c757d;
            margin-top: 6px;
            text-transform: uppercase;
            letter-spacing: 0.04em;
        }

        /* Service cards */
        .sd-service-card {
            background: #fff;
            border-radius: 12px;
            padding: 32px 28px;
            height: 100%;
            border-left: 4px solid transparent;
            box-shadow: 0 2px 20px rgba(0,0,0,0.06);
            transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
        }

        .sd-service-card:hover {
            transform: translateY(-6px);
            box-shadow: 0 12px 36px rgba(31,90,188,0.13);
            border-left-color: #1E52CC;
        }

        .sd-service-icon {
            width: 56px;
            height: 56px;
            border-radius: 14px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.6rem;
            margin-bottom: 20px;
        }

        /* Process steps */
        .sd-process-step {
            position: relative;
            text-align: center;
            padding: 0 12px;
        }

        .sd-step-number {
            width: 56px;
            height: 56px;
            border-radius: 50%;
            background: #1E52CC;
            color: #fff;
            font-size: 1.1rem;
            font-weight: 800;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 16px;
            position: relative;
            z-index: 2;
        }

        .sd-step-connector {
            position: absolute;
            top: 28px;
            left: calc(50% + 28px);
            width: calc(100% - 56px);
            height: 2px;
            background: #d0ddf5;
            z-index: 1;
        }

        /* Engagement model cards */
        .sd-model-card {
            border-radius: 16px;
            overflow: hidden;
            height: 100%;
            border: 1px solid #e4ecf7;
            transition: box-shadow 0.25s ease, transform 0.25s ease;
        }

        .sd-model-card:hover {
            box-shadow: 0 16px 40px rgba(31,90,188,0.14);
            transform: translateY(-4px);
        }

        .sd-model-header {
            padding: 28px 28px 20px;
        }

        .sd-model-body {
            padding: 0 28px 28px;
        }

        /* Tech tabs */
        .sd-tech-tabs .nav-link {
            color: #495057;
            font-weight: 500;
            border-radius: 8px 8px 0 0;
            padding: 10px 20px;
            border: 1px solid transparent;
            border-bottom: none;
        }

        .sd-tech-tabs .nav-link.active {
            background: #fff;
            color: #1E52CC;
            border-color: #dee2e6;
            border-bottom-color: #fff;
        }

        .sd-tech-item {
            display: flex;
            align-items: center;
            gap: 10px;
            padding: 10px 14px;
            background: #f5f8ff;
            border-radius: 8px;
            font-size: 0.9rem;
            font-weight: 500;
            color: #2d3748;
        }

        .sd-tech-item i {
            color: #1E52CC;
            font-size: 1rem;
        }

        /* Industry grid */
        .sd-industry-card {
            text-align: center;
            padding: 24px 16px;
            border-radius: 12px;
            border: 1px solid #e8ecf4;
            background: #fff;
            transition: all 0.2s ease;
            cursor: default;
        }

        .sd-industry-card:hover {
            background: #1E52CC;
            color: #fff;
            border-color: #1E52CC;
            transform: translateY(-3px);
        }

        .sd-industry-card:hover .sd-industry-icon {
            color: #fff;
        }

        .sd-industry-icon {
            font-size: 2rem;
            color: #1E52CC;
            margin-bottom: 12px;
            display: block;
        }

        .sd-industry-card:hover p {
            color: rgba(255,255,255,0.85);
        }

        /* Trust boxes */
        .sd-trust-box {
            border-radius: 14px;
            padding: 28px 24px;
            height: 100%;
            transition: transform 0.2s ease;
        }

        .sd-trust-box:hover {
            transform: translateY(-4px);
        }

        /* CTA Banner */
        .sd-cta-banner {
            background: linear-gradient(135deg, #0d1b3e 0%, #1E52CC 60%, #1644B0 100%);
            position: relative;
            overflow: hidden;
        }

        .sd-cta-banner::before {
            content: '';
            position: absolute;
            top: -60px; right: -60px;
            width: 300px; height: 300px;
            border-radius: 50%;
            background: rgba(255,255,255,0.04);
        }

        .sd-cta-banner::after {
            content: '';
            position: absolute;
            bottom: -80px; left: 10%;
            width: 200px; height: 200px;
            border-radius: 50%;
            background: rgba(255,255,255,0.04);
        }
    

/* =========================================
   SERVICES — SOFTWARE-MAINTENANCE
========================================= */

    :root {
        --sm-primary: #b45309;
        --sm-secondary: #d97706;
        --sm-accent: #fbbf24;
        --sm-light: #fffbeb;
        --sm-dark: #1c0e00;
    }

    .sm-hero {
        background: linear-gradient(135deg, var(--sm-dark) 0%, #431407 40%, var(--sm-primary) 100%);
        padding: 120px 0 80px;
        position: relative; overflow: hidden;
    }
    .sm-hero::before {
        content: ''; position: absolute; top: -80px; right: -80px;
        width: 380px; height: 380px; border-radius: 50%;
        background: rgba(251,191,36,0.08); pointer-events: none;
    }
    .sm-hero-badge {
        display: inline-block;
        background: rgba(251,191,36,0.15); color: var(--sm-accent);
        border: 1px solid rgba(251,191,36,0.3);
        border-radius: 20px; padding: 5px 16px;
        font-size: 0.82rem; font-weight: 600; margin-bottom: 18px;
    }
    .sm-hero h1 { color: #fff; font-size: 2.6rem; font-weight: 800; line-height: 1.2; }
    .sm-hero h1 span { color: var(--sm-accent); }
    .sm-hero p.lead { color: rgba(255,255,255,0.82); font-size: 1.1rem; }
    .sm-hero-stats-bar {
        background: rgba(255,255,255,0.06);
        border: 1px solid rgba(251,191,36,0.2);
        border-radius: 14px; padding: 20px 0; margin-top: 40px;
    }
    .sm-hero-stat .stat-num { font-size: 2.2rem; font-weight: 800; color: var(--sm-accent); }
    .sm-hero-stat .stat-label { font-size: 0.82rem; color: rgba(255,255,255,0.7); }
    .sm-btn-primary {
        background: var(--sm-accent); color: #1c0e00; border: none;
        border-radius: 8px; padding: 12px 28px;
        font-weight: 700; font-size: 0.95rem; text-decoration: none;
        display: inline-block; transition: background 0.25s, color 0.25s;
    }
    .sm-btn-primary:hover { background: var(--sm-secondary); color: #fff; }
    .sm-btn-outline {
        background: transparent; color: #fff;
        border: 1.5px solid rgba(255,255,255,0.4);
        border-radius: 8px; padding: 12px 28px;
        font-weight: 600; font-size: 0.95rem; text-decoration: none;
        display: inline-block; transition: border-color 0.25s;
    }
    .sm-btn-outline:hover { border-color: var(--sm-accent); color: var(--sm-accent); }

    .sm-section-label {
        text-transform: uppercase; letter-spacing: 0.08em;
        font-size: 0.78rem; font-weight: 700;
        color: var(--sm-primary); margin-bottom: 6px;
    }

    /* Maintenance types */
    .sm-types-section { padding: 80px 0; background: #fff; }
    .sm-type-card {
        border-radius: 14px; padding: 28px 24px; height: 100%;
        transition: transform 0.25s, box-shadow 0.25s;
        border: 1px solid #e2e8f0;
    }
    .sm-type-card:hover { transform: translateY(-4px); box-shadow: 0 12px 36px rgba(180,83,9,0.1); }
    .sm-type-card .sm-type-icon {
        width: 54px; height: 54px; border-radius: 12px;
        display: flex; align-items: center; justify-content: center;
        font-size: 1.5rem; margin-bottom: 18px;
    }
    .sm-type-corrective { background: #fef2f2; }
    .sm-type-corrective .sm-type-icon { background: #fee2e2; color: #dc2626; }
    .sm-type-adaptive { background: #fff7ed; }
    .sm-type-adaptive .sm-type-icon { background: #ffedd5; color: #ea580c; }
    .sm-type-perfective { background: #fffbeb; }
    .sm-type-perfective .sm-type-icon { background: #fef3c7; color: var(--sm-primary); }
    .sm-type-preventive { background: #f0fdf4; }
    .sm-type-preventive .sm-type-icon { background: #dcfce7; color: #16a34a; }
    .sm-type-title { font-weight: 700; font-size: 1.05rem; color: #1e293b; margin-bottom: 8px; }
    .sm-type-desc { font-size: 0.88rem; color: #64748b; margin: 0; }
    .sm-type-examples { margin-top: 14px; padding-top: 14px; border-top: 1px solid rgba(0,0,0,0.06); }
    .sm-type-example-label { font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: #94a3b8; margin-bottom: 6px; }
    .sm-type-tag { display: inline-block; background: rgba(0,0,0,0.05); color: #475569; border-radius: 6px; padding: 2px 9px; font-size: 0.78rem; margin: 2px; }

    /* SLA Tiers — unique layout feature */
    .sm-sla-section { padding: 80px 0; background: linear-gradient(135deg, var(--sm-dark), #431407 60%, #78350f); }
    .sm-sla-card {
        border-radius: 16px; padding: 36px 28px; height: 100%;
        position: relative; overflow: hidden;
        transition: transform 0.25s;
    }
    .sm-sla-card:hover { transform: translateY(-4px); }
    .sm-sla-standard { background: rgba(255,255,255,0.05); border: 1px solid rgba(30,82,204,0.08); }
    .sm-sla-premium {
        background: rgba(251,191,36,0.12);
        border: 2px solid var(--sm-accent);
        box-shadow: 0 0 40px rgba(251,191,36,0.15);
    }
    .sm-sla-enterprise { background: rgba(255,255,255,0.05); border: 1px solid rgba(30,82,204,0.08); }
    .sm-sla-badge {
        display: inline-block;
        border-radius: 6px; padding: 4px 12px;
        font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em;
        margin-bottom: 16px;
    }
    .sm-sla-standard .sm-sla-badge { background: rgba(255,255,255,0.1); color: rgba(255,255,255,0.7); }
    .sm-sla-premium .sm-sla-badge { background: var(--sm-accent); color: #1c0e00; }
    .sm-sla-enterprise .sm-sla-badge { background: rgba(255,255,255,0.1); color: rgba(255,255,255,0.7); }
    .sm-sla-recommended {
        position: absolute; top: 14px; right: -24px;
        background: var(--sm-accent); color: #1c0e00;
        font-size: 0.72rem; font-weight: 700; text-transform: uppercase;
        padding: 4px 36px; transform: rotate(45deg); transform-origin: center;
    }
    .sm-sla-name { font-size: 1.3rem; font-weight: 800; color: #fff; margin-bottom: 4px; }
    .sm-sla-tagline { font-size: 0.85rem; margin-bottom: 24px; }
    .sm-sla-standard .sm-sla-tagline, .sm-sla-enterprise .sm-sla-tagline { color: rgba(255,255,255,0.6); }
    .sm-sla-premium .sm-sla-tagline { color: rgba(251,191,36,0.85); }
    .sm-sla-feature { display: flex; align-items: flex-start; gap: 10px; padding: 9px 0; border-bottom: 1px solid rgba(255,255,255,0.07); font-size: 0.88rem; }
    .sm-sla-feature:last-child { border-bottom: none; }
    .sm-sla-standard .sm-sla-feature, .sm-sla-enterprise .sm-sla-feature { color: rgba(255,255,255,0.78); }
    .sm-sla-premium .sm-sla-feature { color: rgba(255,255,255,0.9); }
    .sm-sla-check-std { color: #94a3b8; font-size: 1rem; flex-shrink: 0; }
    .sm-sla-check-prem { color: var(--sm-accent); font-size: 1rem; flex-shrink: 0; }
    .sm-sla-metric { font-size: 0.75rem; font-weight: 700; border-radius: 4px; padding: 1px 7px; margin-left: auto; flex-shrink: 0; }
    .sm-sla-standard .sm-sla-metric { background: rgba(255,255,255,0.08); color: rgba(255,255,255,0.6); }
    .sm-sla-premium .sm-sla-metric { background: rgba(251,191,36,0.2); color: var(--sm-accent); }
    .sm-sla-enterprise .sm-sla-metric { background: rgba(255,255,255,0.08); color: rgba(255,255,255,0.6); }

    /* Services list */
    .sm-services-section { padding: 80px 0; background: #fff; }
    .sm-service-row {
        display: flex; align-items: flex-start; gap: 20px;
        padding: 24px; border: 1px solid #e2e8f0; border-radius: 14px;
        margin-bottom: 16px;
        transition: border-color 0.25s, box-shadow 0.25s;
    }
    .sm-service-row:hover { border-color: var(--sm-secondary); box-shadow: 0 4px 20px rgba(180,83,9,0.08); }
    .sm-service-row-icon {
        flex-shrink: 0; width: 48px; height: 48px; border-radius: 12px;
        background: var(--sm-light);
        display: flex; align-items: center; justify-content: center;
        font-size: 1.4rem; color: var(--sm-primary);
    }
    .sm-service-row-title { font-weight: 700; font-size: 1rem; color: #1e293b; margin-bottom: 4px; }
    .sm-service-row-desc { font-size: 0.88rem; color: #64748b; margin: 0; }

    /* Process */
    .sm-process-section { padding: 80px 0; background: var(--sm-light); }
    .sm-process-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
    @media (max-width: 768px) { .sm-process-grid { grid-template-columns: 1fr; } }
    .sm-process-card {
        background: #fff; border-radius: 14px; padding: 28px 22px;
        position: relative; overflow: hidden;
        box-shadow: 0 2px 12px rgba(0,0,0,0.04);
    }
    .sm-process-num {
        font-size: 4rem; font-weight: 900; line-height: 1;
        color: rgba(180,83,9,0.06);
        position: absolute; top: 10px; right: 16px;
    }
    .sm-process-icon { font-size: 1.6rem; color: var(--sm-primary); margin-bottom: 14px; }
    .sm-process-title { font-weight: 700; font-size: 0.95rem; color: #1e293b; margin-bottom: 6px; }
    .sm-process-desc { font-size: 0.85rem; color: #64748b; margin: 0; }

    /* Coverage stats */
    .sm-coverage-section { padding: 80px 0; background: #fff; }
    .sm-stat-pill {
        display: flex; align-items: center; gap: 16px;
        padding: 20px 24px; border-radius: 14px;
        background: var(--sm-light);
        border: 1px solid rgba(180,83,9,0.12);
        margin-bottom: 16px;
    }
    .sm-stat-pill-icon { font-size: 1.8rem; color: var(--sm-primary); flex-shrink: 0; }
    .sm-stat-pill-num { font-size: 1.6rem; font-weight: 800; color: var(--sm-primary); line-height: 1; }
    .sm-stat-pill-label { font-size: 0.82rem; color: #64748b; }

    /* FAQ */
    .sm-faq-section { padding: 80px 0; background: var(--sm-light); }
    .sm-accordion .accordion-button { font-weight: 600; font-size: 0.95rem; color: #1e293b; background: #fff; }
    .sm-accordion .accordion-button:not(.collapsed) { color: var(--sm-primary); background: #fff8e7; box-shadow: none; }
    .sm-accordion .accordion-button:focus { box-shadow: none; }
    .sm-accordion .accordion-item { border: 1px solid #e2e8f0; border-radius: 10px !important; margin-bottom: 12px; overflow: hidden; }
    .sm-accordion .accordion-body { font-size: 0.9rem; color: #475569; background: #fff; }

    /* CTA */
    .sm-cta-section { padding: 80px 0; background: linear-gradient(135deg, var(--sm-dark), var(--sm-primary)); }
    .sm-cta-section h2 { color: #fff; font-weight: 800; }
    .sm-inquiry-card {
        background: rgba(255,255,255,0.07);
        backdrop-filter: blur(14px);
        border: 1px solid rgba(255,255,255,0.15);
        border-radius: 16px; padding: 32px 28px;
    }
    .sm-inquiry-card .form-control, .sm-inquiry-card .form-select {
        background: rgba(255,255,255,0.1);
        border: 1px solid rgba(255,255,255,0.2);
        color: #fff; border-radius: 8px;
    }
    .sm-inquiry-card .form-control::placeholder { color: rgba(255,255,255,0.5); }
    .sm-inquiry-card .form-control:focus, .sm-inquiry-card .form-select:focus {
        background: rgba(255,255,255,0.15); border-color: var(--sm-accent);
        box-shadow: 0 0 0 3px rgba(251,191,36,0.2); color: #fff;
    }
    .sm-inquiry-card label { color: rgba(255,255,255,0.85); font-size: 0.88rem; font-weight: 600; }
    .sm-inquiry-card .form-select option { background: var(--sm-primary); color: #fff; }


/* =========================================
   SERVICES — STAFF-AUGMENTATION
========================================= */

        :root {
            --sa-teal: #1E52CC;
            --sa-teal-light: #e0f2fe;
            --sa-teal-dark: #0e7490;
            --sa-navy: #0B1B33;
        }

        /* Hero */
        .sa-hero {
            background: linear-gradient(140deg, rgba(8,18,40,0.97) 0%, rgba(8,50,70,0.92) 55%, rgba(6,182,212,0.2) 100%),
                url('/assets/images/software-development/bg1.jpg') center/cover no-repeat;
            padding: 120px 0 80px;
        }

        /* Animated badge */
        .sa-badge { display:inline-flex; align-items:center; gap:8px; background:rgba(6,182,212,0.15); color:#22d3ee; border:1px solid rgba(6,182,212,0.3); border-radius:50px; padding:6px 18px; font-size:0.78rem; font-weight:600; letter-spacing:0.06em; text-transform:uppercase; }
        .sa-dot { width:8px; height:8px; border-radius:50%; background:#22d3ee; animation:sadot 2s infinite; }
        @keyframes sadot { 0%,100%{opacity:1;} 50%{opacity:0.3;} }

        /* Hero form glass */
        .sa-form-glass { background:rgba(255,255,255,0.04); border:1px solid rgba(255,255,255,0.1); border-radius:20px; padding:30px 26px; backdrop-filter:blur(10px); }

        /* Stats strip */
        .sa-stats-strip { background:#fff; border-bottom:1px solid #e8ecf4; }
        .sa-stat-item { text-align:center; padding:28px 16px; }
        .sa-stat-number { font-size:2.2rem; font-weight:800; color:var(--sa-teal); line-height:1; }
        .sa-stat-label { font-size:0.82rem; color:#6c757d; margin-top:6px; text-transform:uppercase; letter-spacing:0.04em; }

        /* Scenario cards */
        .sa-scenario-card { border-radius:14px; padding:26px 22px; height:100%; border-left:4px solid var(--sa-teal); background:#fff; box-shadow:0 2px 16px rgba(0,0,0,0.06); transition:transform 0.25s,box-shadow 0.25s; }
        .sa-scenario-card:hover { transform:translateY(-5px); box-shadow:0 14px 36px rgba(30,82,204,0.13); }

        /* Role cards */
        .sa-role-card { border-radius:12px; padding:20px 16px; text-align:center; background:#fff; border:1px solid #e4ecf7; transition:all 0.2s; cursor:default; }
        .sa-role-card:hover { background:var(--sa-teal); color:#fff; border-color:var(--sa-teal); transform:translateY(-3px); }
        .sa-role-card:hover i { color:#fff !important; }
        .sa-role-card i { font-size:1.8rem; color:var(--sa-teal); margin-bottom:10px; display:block; }

        /* Process steps */
        .sa-step-number { width:56px; height:56px; border-radius:50%; background:var(--sa-teal); color:#fff; font-size:1.1rem; font-weight:800; display:flex; align-items:center; justify-content:center; margin:0 auto 0 0; flex-shrink:0; }

        /* Tech tabs */
        .sa-tech-tabs .nav-link { color:#495057; font-weight:500; border-radius:8px 8px 0 0; padding:10px 20px; border:1px solid transparent; border-bottom:none; }
        .sa-tech-tabs .nav-link.active { background:#fff; color:var(--sa-teal-dark); border-color:#dee2e6; border-bottom-color:#fff; }
        .sa-tech-item { display:flex; align-items:center; gap:10px; padding:10px 14px; background:#f0f9ff; border-radius:8px; font-size:0.9rem; font-weight:500; color:#2d3748; }
        .sa-tech-item i { color:var(--sa-teal); font-size:1rem; }

        /* Industry cards */
        .sa-industry-card { text-align:center; padding:24px 16px; border-radius:12px; border:1px solid #e8ecf4; background:#fff; transition:all 0.2s ease; cursor:default; }
        .sa-industry-card:hover { background:var(--sa-teal); color:#fff; border-color:var(--sa-teal); transform:translateY(-3px); }
        .sa-industry-card:hover .sa-industry-icon { color:#fff; }
        .sa-industry-card:hover p { color:rgba(255,255,255,0.85); }
        .sa-industry-icon { font-size:2rem; color:var(--sa-teal); margin-bottom:12px; display:block; }

        /* Engagement comparison */
        .sa-compare-card { border-radius:14px; padding:28px 22px; height:100%; transition:transform 0.2s,box-shadow 0.2s; }
        .sa-compare-card:hover { transform:translateY(-4px); box-shadow:0 12px 30px rgba(0,0,0,0.1); }

        /* Trust boxes */
        .sa-trust-box { border-radius:14px; padding:28px 24px; height:100%; transition:transform 0.2s ease; }
        .sa-trust-box:hover { transform:translateY(-4px); }

        /* FAQ */
        .sa-faq .accordion-button { font-weight:600; color:#1a1a2e; background:#fff; box-shadow:none; border-bottom:1px solid #e4ecf7; }
        .sa-faq .accordion-button:not(.collapsed) { color:var(--sa-teal-dark); background:var(--sa-teal-light); }
        .sa-faq .accordion-button:not(.collapsed)::after { filter:invert(40%) sepia(90%) saturate(400%) hue-rotate(170deg); }
        .sa-faq .accordion-item { border:1px solid #e4ecf7; border-radius:12px !important; overflow:hidden; margin-bottom:12px; }
        .sa-faq .accordion-body { color:#6c757d; line-height:1.8; font-size:0.93rem; }

        /* CTA */
        .sa-cta-banner { background:linear-gradient(135deg, #0B1B33 0%, #0c3a4a 60%, #1E52CC 130%); position:relative; overflow:hidden; }
        .sa-cta-banner::before { content:''; position:absolute; top:-60px; right:-60px; width:300px; height:300px; border-radius:50%; background:rgba(255,255,255,0.04); }
        .sa-cta-banner::after { content:''; position:absolute; bottom:-80px; left:10%; width:200px; height:200px; border-radius:50%; background:rgba(255,255,255,0.04); }
    

/* =========================================
   SERVICES — UI-UX-DESIGN
========================================= */

        :root { --ux-pink:#db2777; --ux-pink-light:#fdf2f8; --ux-pink-dark:#9d174d; --ux-fuchsia:#a21caf; --ux-navy:#0B1B33; }
        .ux-hero { background:linear-gradient(140deg,rgba(8,18,40,0.98) 0%,rgba(50,5,30,0.94) 55%,rgba(219,39,119,0.2) 100%), url('/assets/images/software-development/bg2.jpg') center/cover no-repeat; padding:110px 0 70px; }
        .ux-badge { display:inline-flex;align-items:center;gap:8px;background:rgba(219,39,119,0.15);color:#f472b6;border:1px solid rgba(219,39,119,0.35);border-radius:50px;padding:6px 18px;font-size:0.78rem;font-weight:600;letter-spacing:0.06em;text-transform:uppercase; }
        .ux-dot { width:8px;height:8px;border-radius:50%;background:#f472b6;animation:uxdot 2s infinite; }
        @keyframes uxdot { 0%,100%{opacity:1;} 50%{opacity:0.3;} }
        .ux-stat { display:inline-flex;flex-direction:column;align-items:center;padding:14px 20px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:12px;min-width:110px; }
        .ux-stat strong { font-size:1.6rem;font-weight:800;color:#f472b6;line-height:1; }
        .ux-stat span { font-size:0.7rem;color:rgba(255,255,255,0.45);margin-top:4px;text-transform:uppercase;letter-spacing:0.04em;text-align:center; }
        .ux-form-glass { background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.1);border-radius:20px;padding:30px 26px;backdrop-filter:blur(10px); }
        .ux-service-card { border-radius:16px;padding:28px 24px;height:100%;background:#fff;border:1px solid #e4ecf7;transition:all 0.3s;overflow:hidden;position:relative; }
        .ux-service-card::before { content:'';position:absolute;inset:0;background:linear-gradient(135deg,var(--ux-pink),var(--ux-fuchsia));opacity:0;transition:opacity 0.3s; }
        .ux-service-card:hover::before { opacity:1; }
        .ux-service-card:hover .ux-inner * { color:#fff !important; }
        .ux-inner { position:relative;z-index:2; }
        .ux-process-card { border-radius:14px;padding:26px 22px;height:100%;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);transition:border-color 0.25s,transform 0.25s; }
        .ux-process-card:hover { border-color:#f472b6;transform:translateY(-4px); }
        .ux-tool-tag { display:inline-block;padding:6px 14px;border-radius:8px;font-size:0.78rem;font-weight:600;background:var(--ux-pink-light);color:var(--ux-pink-dark);border:1px solid rgba(219,39,119,0.15);margin:3px; }
        .ux-result-card { border-radius:14px;padding:26px 22px;height:100%;border-top:3px solid var(--ux-pink);background:#fff;box-shadow:0 2px 16px rgba(0,0,0,0.05);transition:transform 0.25s,box-shadow 0.25s; }
        .ux-result-card:hover { transform:translateY(-5px);box-shadow:0 14px 36px rgba(219,39,119,0.12); }
        .ux-faq .accordion-button { font-weight:600;color:#1a1a2e;background:#fff;box-shadow:none;border-bottom:1px solid #e4ecf7; }
        .ux-faq .accordion-button:not(.collapsed) { color:var(--ux-pink-dark);background:var(--ux-pink-light); }
        .ux-faq .accordion-button:not(.collapsed)::after { filter:invert(20%) sepia(80%) saturate(500%) hue-rotate(290deg); }
        .ux-faq .accordion-item { border:1px solid #e4ecf7;border-radius:12px !important;overflow:hidden;margin-bottom:12px; }
        .ux-faq .accordion-body { color:#6c757d;line-height:1.8;font-size:0.93rem; }
        .ux-cta { background:linear-gradient(135deg,#0B1B33 0%,#300520 55%,#db2777 140%);position:relative;overflow:hidden; }
        .ux-cta::before { content:'';position:absolute;top:-80px;right:-60px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(219,39,119,0.12) 0%,transparent 70%); }
    

/* =========================================
   TECHNOLOGIES — ANGULAR
========================================= */

    .angular-hero {
        padding: 85px 0;
        background: linear-gradient(120deg, #fff1f2 0%, #fee2e2 48%, #ffffff 100%);
    }

    .angular-heading {
        color: #0b1b33;
        font-size: clamp(2rem, 4vw, 3.5rem);
        line-height: 1.14;
    }

    .angular-lead {
        color: #43536b;
        max-width: 780px;
        line-height: 1.75;
    }

    .angular-badge {
        background: rgba(220, 38, 38, 0.12);
        color: #991b1b;
        border: 1px solid rgba(220, 38, 38, 0.25);
        font-weight: 600;
    }

    .angular-check {
        color: #334155;
        font-weight: 600;
    }

    .angular-check i {
        color: #991b1b;
        margin-right: 6px;
    }

    .angular-form-card {
        border: 1px solid #e5eaf2 !important;
        border-radius: 8px;
    }

    .angular-metrics strong {
        display: block;
        color: #991b1b;
        font-size: 24px;
        line-height: 1.1;
    }

    .angular-metrics span {
        color: #64748b;
        font-size: 13px;
    }

    .angular-strength-card,
    .angular-expertise-item,
    .angular-engage-card,
    .angular-stack,
    .angular-quality-card,
    .angular-service-card {
        background: #fff;
        border: 1px solid #e5eaf2;
        border-radius: 8px;
        padding: 24px;
        height: 100%;
    }

    .angular-strength-card h4 {
        margin-top: 12px;
        margin-bottom: 8px;
        font-size: 1.1rem;
    }

    .icon-circle {
        width: 44px;
        height: 44px;
        border-radius: 999px;
        background: rgba(220, 38, 38, 0.1);
        color: #991b1b;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 20px;
    }

    .angular-expertise-bg {
        background: #fff1f2;
    }

    .angular-expertise-item {
        display: flex;
        gap: 16px;
    }

    .angular-expertise-item i {
        font-size: 28px;
        color: #991b1b;
        margin-top: 4px;
    }

    .angular-expertise-item h5 {
        font-size: 1rem;
        margin-bottom: 6px;
    }

    .angular-expertise-item ul {
        margin: 0;
        padding-left: 18px;
        font-size: 0.92rem;
        color: #475569;
    }

    .angular-engage-card {
        border: 1px solid #e5eaf2;
    }

    .angular-engage-card.featured {
        border-color: #991b1b;
        box-shadow: 0 10px 15px -3px rgb(153 27 27 / 0.1);
    }

    .angular-engage-card .engage-icon {
        font-size: 28px;
        margin-bottom: 12px;
    }

    .angular-engage-list {
        font-size: 0.9rem;
        color: #475569;
        padding-left: 18px;
        margin: 12px 0;
    }

    .angular-stack-bg {
        background: #fff1f2;
    }

    .angular-stack h3 {
        font-size: 1rem;
        margin-bottom: 12px;
        color: #0b1b33;
    }

    .angular-stack ul {
        margin: 0;
        padding-left: 18px;
        font-size: 0.92rem;
        line-height: 1.7;
        color: #475569;
    }

    .angular-section-title {
        color: #0b1b33;
    }

    .angular-quality-card h3 {
        font-size: 1.05rem;
        margin-bottom: 10px;
        color: #0b1b33;
    }

    .angular-quality-card p {
        font-size: 0.95rem;
        color: #475569;
        line-height: 1.65;
        margin-bottom: 10px;
    }

    .angular-quality-list {
        font-size: 0.9rem;
        color: #475569;
        padding-left: 18px;
        margin: 8px 0 0;
    }

    .angular-quality-list li {
        margin-bottom: 3px;
    }

    .angular-service-card {
        border: 1px solid #e5eaf2;
        border-radius: 10px;
        padding: 28px 26px;
        height: 100%;
        display: flex;
        flex-direction: column;
    }

    .angular-service-card .service-icon {
        font-size: 42px;
        line-height: 1;
        margin-bottom: 12px;
    }

    .angular-service-card .service-title {
        font-size: 1.15rem;
        font-weight: 700;
        color: #0b1b33;
        margin-bottom: 14px;
        line-height: 1.3;
    }

    .angular-service-card .service-meta {
        font-size: 0.9rem;
        color: #475569;
        line-height: 1.55;
        margin-bottom: 10px;
    }

    .angular-service-card .service-pricing {
        font-size: 0.9rem;
        color: #334155;
        margin-bottom: 12px;
    }

    .angular-service-card .service-desc {
        font-size: 0.92rem;
        color: #475569;
        line-height: 1.55;
        flex: 1;
        margin-bottom: 16px;
    }

    .angular-service-card .btn {
        font-weight: 600;
        padding: 9px 16px;
        font-size: 0.95rem;
    }

    .angular-faq .accordion-button {
        font-weight: 600;
    }

    .angular-cta {
        background: linear-gradient(135deg, #0b1b33 0%, #991b1b 100%);
    }

    /* Custom Angular Services section */
    .angular-services-list {
        max-width: 100%;
    }

    .angular-service-item {
        position: relative;
    }

    .angular-service-bar {
        width: 4px;
        background-color: #991b1b;
        margin-right: 1rem;
        flex-shrink: 0;
        border-radius: 999px;
        align-self: flex-start;
        margin-top: 4px;
        min-height: 48px;
    }

    .angular-service-item h3 {
        color: #0b1b33;
        margin-bottom: 0.25rem;
    }

    .angular-service-item p {
        line-height: 1.5;
    }


/* =========================================
   TECHNOLOGIES — AWS
========================================= */

    .aws-hero {
        padding: 85px 0;
        background: linear-gradient(120deg, #fef3c7 0%, #fde68a 30%, #ffffff 100%);
    }

    .aws-heading {
        color: #0b1b33;
        font-size: clamp(2rem, 4vw, 3.5rem);
        line-height: 1.14;
    }

    .aws-lead {
        color: #43536b;
        max-width: 780px;
        line-height: 1.75;
    }

    .aws-badge {
        background: rgba(245, 158, 11, 0.12);
        color: #92400e;
        border: 1px solid rgba(245, 158, 11, 0.25);
        font-weight: 600;
    }

    .aws-check {
        color: #334155;
        font-weight: 600;
    }

    .aws-check i {
        color: #92400e;
        margin-right: 6px;
    }

    .aws-form-card {
        border: 1px solid #e5eaf2 !important;
        border-radius: 8px;
    }

    .aws-metrics strong {
        display: block;
        color: #92400e;
        font-size: 24px;
        line-height: 1.1;
    }

    .aws-metrics span {
        color: #64748b;
        font-size: 13px;
    }

    .aws-strength-card,
    .aws-expertise-item,
    .aws-engage-card,
    .aws-stack,
    .aws-quality-card,
    .aws-service-card {
        background: #fff;
        border: 1px solid #e5eaf2;
        border-radius: 8px;
        padding: 24px;
        height: 100%;
    }

    .aws-strength-card h4 {
        margin-top: 12px;
        margin-bottom: 8px;
        font-size: 1.1rem;
    }

    .icon-circle {
        width: 44px;
        height: 44px;
        border-radius: 999px;
        background: rgba(245, 158, 11, 0.1);
        color: #92400e;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 20px;
    }

    .aws-expertise-bg {
        background: #fef3c7;
    }

    .aws-expertise-item {
        display: flex;
        gap: 16px;
    }

    .aws-expertise-item i {
        font-size: 28px;
        color: #92400e;
        margin-top: 4px;
    }

    .aws-expertise-item h5 {
        font-size: 1rem;
        margin-bottom: 6px;
    }

    .aws-expertise-item ul {
        margin: 0;
        padding-left: 18px;
        font-size: 0.92rem;
        color: #475569;
    }

    .aws-engage-card {
        border: 1px solid #e5eaf2;
    }

    .aws-engage-card.featured {
        border-color: #92400e;
        box-shadow: 0 10px 15px -3px rgb(146 64 14 / 0.1);
    }

    .aws-engage-card .engage-icon {
        font-size: 28px;
        margin-bottom: 12px;
    }

    .aws-engage-list {
        font-size: 0.9rem;
        color: #475569;
        padding-left: 18px;
        margin: 12px 0;
    }

    .aws-stack-bg {
        background: #fef3c7;
    }

    .aws-stack h3 {
        font-size: 1rem;
        margin-bottom: 12px;
        color: #0b1b33;
    }

    .aws-stack ul {
        margin: 0;
        padding-left: 18px;
        font-size: 0.92rem;
        line-height: 1.7;
        color: #475569;
    }

    .aws-section-title {
        color: #0b1b33;
    }

    .aws-quality-card h3 {
        font-size: 1.05rem;
        margin-bottom: 10px;
        color: #0b1b33;
    }

    .aws-quality-card p {
        font-size: 0.95rem;
        color: #475569;
        line-height: 1.65;
        margin-bottom: 10px;
    }

    .aws-quality-list {
        font-size: 0.9rem;
        color: #475569;
        padding-left: 18px;
        margin: 8px 0 0;
    }

    .aws-quality-list li {
        margin-bottom: 3px;
    }

    .aws-service-card {
        border: 1px solid #e5eaf2;
        border-radius: 10px;
        padding: 28px 26px;
        height: 100%;
        display: flex;
        flex-direction: column;
    }

    .aws-service-card .service-icon {
        font-size: 42px;
        line-height: 1;
        margin-bottom: 12px;
    }

    .aws-service-card .service-title {
        font-size: 1.15rem;
        font-weight: 700;
        color: #0b1b33;
        margin-bottom: 14px;
        line-height: 1.3;
    }

    .aws-service-card .service-meta {
        font-size: 0.9rem;
        color: #475569;
        line-height: 1.55;
        margin-bottom: 10px;
    }

    .aws-service-card .service-pricing {
        font-size: 0.9rem;
        color: #334155;
        margin-bottom: 12px;
    }

    .aws-service-card .service-desc {
        font-size: 0.92rem;
        color: #475569;
        line-height: 1.55;
        flex: 1;
        margin-bottom: 16px;
    }

    .aws-service-card .btn {
        font-weight: 600;
        padding: 9px 16px;
        font-size: 0.95rem;
    }

    .aws-faq .accordion-button {
        font-weight: 600;
    }

    .aws-cta {
        background: linear-gradient(135deg, #0b1b33 0%, #92400e 100%);
    }

    /* Custom AWS Services section */
    .aws-services-list {
        max-width: 100%;
    }

    .aws-service-item {
        position: relative;
    }

    .aws-service-bar {
        width: 4px;
        background-color: #92400e;
        margin-right: 1rem;
        flex-shrink: 0;
        border-radius: 999px;
        align-self: flex-start;
        margin-top: 4px;
        min-height: 48px;
    }

    .aws-service-item h3 {
        color: #0b1b33;
        margin-bottom: 0.25rem;
    }

    .aws-service-item p {
        line-height: 1.5;
    }


/* =========================================
   TECHNOLOGIES — AZURE
========================================= */

    .azure-hero {
        padding: 85px 0;
        background: linear-gradient(120deg, #EEF3FB 0%, #dbeafe 48%, #ffffff 100%);
    }

    .azure-heading {
        color: #0b1b33;
        font-size: clamp(2rem, 4vw, 3.5rem);
        line-height: 1.14;
    }

    .azure-lead {
        color: #43536b;
        max-width: 780px;
        line-height: 1.75;
    }

    .azure-badge {
        background: rgba(0, 120, 212, 0.12);
        color: #003087;
        border: 1px solid rgba(0, 120, 212, 0.25);
        font-weight: 600;
    }

    .azure-check {
        color: #334155;
        font-weight: 600;
    }

    .azure-check i {
        color: #003087;
        margin-right: 6px;
    }

    .azure-form-card {
        border: 1px solid #e5eaf2 !important;
        border-radius: 8px;
    }

    .azure-metrics strong {
        display: block;
        color: #003087;
        font-size: 24px;
        line-height: 1.1;
    }

    .azure-metrics span {
        color: #64748b;
        font-size: 13px;
    }

    .azure-strength-card,
    .azure-expertise-item,
    .azure-engage-card,
    .azure-stack,
    .azure-quality-card,
    .azure-service-card {
        background: #fff;
        border: 1px solid #e5eaf2;
        border-radius: 8px;
        padding: 24px;
        height: 100%;
    }

    .azure-strength-card h4 {
        margin-top: 12px;
        margin-bottom: 8px;
        font-size: 1.1rem;
    }

    .icon-circle {
        width: 44px;
        height: 44px;
        border-radius: 999px;
        background: rgba(0, 120, 212, 0.1);
        color: #003087;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 20px;
    }

    .azure-expertise-bg {
        background: #EEF3FB;
    }

    .azure-expertise-item {
        display: flex;
        gap: 16px;
    }

    .azure-expertise-item i {
        font-size: 28px;
        color: #003087;
        margin-top: 4px;
    }

    .azure-expertise-item h5 {
        font-size: 1rem;
        margin-bottom: 6px;
    }

    .azure-expertise-item ul {
        margin: 0;
        padding-left: 18px;
        font-size: 0.92rem;
        color: #475569;
    }

    .azure-engage-card {
        border: 1px solid #e5eaf2;
    }

    .azure-engage-card.featured {
        border-color: #003087;
        box-shadow: 0 10px 15px -3px rgb(0 48 135 / 0.1);
    }

    .azure-engage-card .engage-icon {
        font-size: 28px;
        margin-bottom: 12px;
    }

    .azure-engage-list {
        font-size: 0.9rem;
        color: #475569;
        padding-left: 18px;
        margin: 12px 0;
    }

    .azure-stack-bg {
        background: #EEF3FB;
    }

    .azure-stack h3 {
        font-size: 1rem;
        margin-bottom: 12px;
        color: #0b1b33;
    }

    .azure-stack ul {
        margin: 0;
        padding-left: 18px;
        font-size: 0.92rem;
        line-height: 1.7;
        color: #475569;
    }

    .azure-section-title {
        color: #0b1b33;
    }

    .azure-quality-card h3 {
        font-size: 1.05rem;
        margin-bottom: 10px;
        color: #0b1b33;
    }

    .azure-quality-card p {
        font-size: 0.95rem;
        color: #475569;
        line-height: 1.65;
        margin-bottom: 10px;
    }

    .azure-quality-list {
        font-size: 0.9rem;
        color: #475569;
        padding-left: 18px;
        margin: 8px 0 0;
    }

    .azure-quality-list li {
        margin-bottom: 3px;
    }

    .azure-service-card {
        border: 1px solid #e5eaf2;
        border-radius: 10px;
        padding: 28px 26px;
        height: 100%;
        display: flex;
        flex-direction: column;
    }

    .azure-service-card .service-icon {
        font-size: 42px;
        line-height: 1;
        margin-bottom: 12px;
    }

    .azure-service-card .service-title {
        font-size: 1.15rem;
        font-weight: 700;
        color: #0b1b33;
        margin-bottom: 14px;
        line-height: 1.3;
    }

    .azure-service-card .service-meta {
        font-size: 0.9rem;
        color: #475569;
        line-height: 1.55;
        margin-bottom: 10px;
    }

    .azure-service-card .service-pricing {
        font-size: 0.9rem;
        color: #334155;
        margin-bottom: 12px;
    }

    .azure-service-card .service-desc {
        font-size: 0.92rem;
        color: #475569;
        line-height: 1.55;
        flex: 1;
        margin-bottom: 16px;
    }

    .azure-service-card .btn {
        font-weight: 600;
        padding: 9px 16px;
        font-size: 0.95rem;
    }

    .azure-faq .accordion-button {
        font-weight: 600;
    }

    .azure-cta {
        background: linear-gradient(135deg, #0b1b33 0%, #003087 100%);
    }

    /* Custom Azure Services section */
    .azure-services-list {
        max-width: 100%;
    }

    .azure-service-item {
        position: relative;
    }

    .azure-service-bar {
        width: 4px;
        background-color: #003087;
        margin-right: 1rem;
        flex-shrink: 0;
        border-radius: 999px;
        align-self: flex-start;
        margin-top: 4px;
        min-height: 48px;
    }

    .azure-service-item h3 {
        color: #0b1b33;
        margin-bottom: 0.25rem;
    }

    .azure-service-item p {
        line-height: 1.5;
    }


/* =========================================
   TECHNOLOGIES — C-SHARP
========================================= */

    .csharp-hero {
        padding: 85px 0;
        background:
            linear-gradient(120deg, rgba(247, 250, 255, 0.96) 0%, rgba(239, 245, 255, 0.94) 48%, rgba(255, 255, 255, 0.92) 100%),
            url('/assets/images/dotnet/dotnet-background.jpg') center/cover no-repeat;
    }

    .csharp-heading {
        color: #0b1b33;
        font-size: clamp(2rem, 4vw, 3.5rem);
        line-height: 1.14;
    }

    .csharp-lead {
        color: #43536b;
        max-width: 780px;
        line-height: 1.75;
    }

    .csharp-badge {
        background: rgba(30, 82, 204, 0.09);
        color: #1E52CC;
        border: 1px solid rgba(30, 82, 204, 0.18);
        font-weight: 600;
    }

    .csharp-check {
        color: #334155;
        font-weight: 600;
    }

    .csharp-check i {
        color: #1E52CC;
        margin-right: 6px;
    }

    .csharp-form-card,
    .csharp-card,
    .csharp-stack,
    .csharp-app-type,
    .csharp-service-option {
        border-radius: 8px;
    }

    .csharp-form-card {
        border: 1px solid #e5eaf2 !important;
    }

    .csharp-metrics strong {
        display: block;
        color: #1E52CC;
        font-size: 24px;
        line-height: 1.1;
    }

    .csharp-metrics span {
        color: #64748b;
        font-size: 13px;
    }

    .csharp-section-title {
        color: #0b1b33;
    }

    .csharp-card {
        background: #ffffff;
        padding: 28px;
        border: 1px solid #e8eef8;
        box-shadow: 0 12px 32px rgba(15, 23, 42, 0.06);
        transition: all 0.25s ease;
    }

    .csharp-card:hover {
        transform: translateY(-5px);
        box-shadow: 0 18px 40px rgba(15, 23, 42, 0.09);
        border-color: rgba(30, 82, 204, 0.28);
    }

    .csharp-app-type,
    .csharp-service-option {
        background: #ffffff;
        border: 1px solid #e8eef8;
        padding: 24px;
        box-shadow: 0 10px 26px rgba(15, 23, 42, 0.05);
        transition: all 0.25s ease;
    }

    .csharp-app-type:hover,
    .csharp-service-option:hover {
        transform: translateY(-5px);
        border-color: rgba(30, 82, 204, 0.28);
        box-shadow: 0 16px 36px rgba(15, 23, 42, 0.08);
    }

    .csharp-app-type i {
        display: inline-flex;
        width: 46px;
        height: 46px;
        align-items: center;
        justify-content: center;
        margin-bottom: 16px;
        border-radius: 8px;
        background: #eef5ff;
        color: #1E52CC;
        font-size: 24px;
    }

    .csharp-service-option span {
        display: inline-block;
        color: #1E52CC;
        font-weight: 800;
        margin-bottom: 12px;
    }

    .csharp-icon {
        display: inline-flex;
        width: 48px;
        height: 48px;
        align-items: center;
        justify-content: center;
        margin-bottom: 18px;
        border-radius: 8px;
        background: #eef5ff;
        color: #1E52CC;
        font-size: 26px;
    }

    .csharp-card h3,
    .csharp-app-type h3,
    .csharp-reason h3,
    .csharp-service-option h3,
    .csharp-stack h3,
    .csharp-step h3 {
        color: #0b1b33;
        font-size: 19px;
        font-weight: 700;
        margin-bottom: 10px;
    }

    .csharp-card p,
    .csharp-app-type p,
    .csharp-service-option p,
    .csharp-reason p {
        color: #64748b;
        line-height: 1.75;
        margin-bottom: 0;
    }

    .csharp-soft-bg {
        background: linear-gradient(180deg, #f8fbff 0%, #eef4ff 100%);
    }

    .csharp-reason {
        padding: 20px 0;
        border-bottom: 1px solid #dbe6f6;
    }

    .csharp-stack {
        background: #ffffff;
        border: 1px solid #e8eef8;
        padding: 26px;
        box-shadow: 0 10px 28px rgba(15, 23, 42, 0.05);
    }

    .csharp-stack ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .csharp-stack li {
        color: #64748b;
        padding: 8px 0;
        border-bottom: 1px solid #eef2f7;
    }

    .csharp-stack li:last-child {
        border-bottom: 0;
    }

    .csharp-dark {
        background:
            linear-gradient(135deg, rgba(10, 22, 45, 0.97), rgba(30, 82, 204, 0.9)),
            url('/assets/images/bg2.png') center/cover no-repeat;
    }

    .csharp-step {
        background: rgba(255, 255, 255, 0.1);
        border: 1px solid rgba(255, 255, 255, 0.18);
        border-radius: 8px;
        padding: 24px;
        height: 100%;
    }

    .csharp-step span {
        display: inline-block;
        color: #b9d4ff;
        font-weight: 800;
        margin-bottom: 12px;
    }

    .csharp-step h3 {
        color: #ffffff;
    }

    .csharp-step p {
        color: rgba(255, 255, 255, 0.72);
        margin-bottom: 0;
        line-height: 1.7;
    }

    .csharp-industry {
        background: #ffffff;
        border: 1px solid #e8eef8;
        border-radius: 8px;
        padding: 18px 20px;
        color: #0b1b33;
        font-weight: 700;
        box-shadow: 0 10px 26px rgba(15, 23, 42, 0.05);
    }

    .csharp-industry i {
        color: #1E52CC;
        margin-right: 10px;
        font-size: 22px;
        vertical-align: middle;
    }

    .csharp-faq .accordion-item {
        border: 1px solid #e0e8f4;
        border-radius: 8px;
        overflow: hidden;
        margin-bottom: 12px;
    }

    .csharp-faq .accordion-button {
        font-weight: 700;
        color: #0b1b33;
    }

    .csharp-cta {
        background: linear-gradient(135deg, #0B1B33, #1E52CC);
    }

    @media (max-width: 768px) {
        .csharp-hero {
            padding: 60px 0;
            text-align: center;
        }

        .csharp-check {
            text-align: left;
        }
    }


/* =========================================
   TECHNOLOGIES — DJANGO
========================================= */

    .django-hero {
        padding: 85px 0;
        background: linear-gradient(120deg, #f0fdf4 0%, #dcfce7 48%, #ffffff 100%);
    }

    .django-heading {
        color: #0b1b33;
        font-size: clamp(2rem, 4vw, 3.5rem);
        line-height: 1.14;
    }

    .django-lead {
        color: #43536b;
        max-width: 780px;
        line-height: 1.75;
    }

    .django-badge {
        background: rgba(34, 197, 94, 0.12);
        color: #166534;
        border: 1px solid rgba(34, 197, 94, 0.25);
        font-weight: 600;
    }

    .django-check {
        color: #334155;
        font-weight: 600;
    }

    .django-check i {
        color: #166534;
        margin-right: 6px;
    }

    .django-form-card {
        border: 1px solid #e5eaf2 !important;
        border-radius: 8px;
    }

    .django-metrics strong {
        display: block;
        color: #166534;
        font-size: 24px;
        line-height: 1.1;
    }

    .django-metrics span {
        color: #64748b;
        font-size: 13px;
    }

    .django-strength-card,
    .django-expertise-item,
    .django-engage-card,
    .django-stack,
    .django-quality-card,
    .django-service-card {
        background: #fff;
        border: 1px solid #e5eaf2;
        border-radius: 8px;
        padding: 24px;
        height: 100%;
    }

    .django-strength-card h4 {
        margin-top: 12px;
        margin-bottom: 8px;
        font-size: 1.1rem;
    }

    .icon-circle {
        width: 44px;
        height: 44px;
        border-radius: 999px;
        background: rgba(34, 197, 94, 0.1);
        color: #166534;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 20px;
    }

    .django-expertise-bg {
        background: #f0fdf4;
    }

    .django-expertise-item {
        display: flex;
        gap: 16px;
    }

    .django-expertise-item i {
        font-size: 28px;
        color: #166534;
        margin-top: 4px;
    }

    .django-expertise-item h5 {
        font-size: 1rem;
        margin-bottom: 6px;
    }

    .django-expertise-item ul {
        margin: 0;
        padding-left: 18px;
        font-size: 0.92rem;
        color: #475569;
    }

    .django-engage-card {
        border: 1px solid #e5eaf2;
    }

    .django-engage-card.featured {
        border-color: #166534;
        box-shadow: 0 10px 15px -3px rgb(22 101 52 / 0.1);
    }

    .django-engage-card .engage-icon {
        font-size: 28px;
        margin-bottom: 12px;
    }

    .django-engage-list {
        font-size: 0.9rem;
        color: #475569;
        padding-left: 18px;
        margin: 12px 0;
    }

    .django-stack-bg {
        background: #f0fdf4;
    }

    .django-stack h3 {
        font-size: 1rem;
        margin-bottom: 12px;
        color: #0b1b33;
    }

    .django-stack ul {
        margin: 0;
        padding-left: 18px;
        font-size: 0.92rem;
        line-height: 1.7;
        color: #475569;
    }

    .django-section-title {
        color: #0b1b33;
    }

    .django-quality-card h3 {
        font-size: 1.05rem;
        margin-bottom: 10px;
        color: #0b1b33;
    }

    .django-quality-card p {
        font-size: 0.95rem;
        color: #475569;
        line-height: 1.65;
        margin-bottom: 10px;
    }

    .django-quality-list {
        font-size: 0.9rem;
        color: #475569;
        padding-left: 18px;
        margin: 8px 0 0;
    }

    .django-quality-list li {
        margin-bottom: 3px;
    }

    .django-service-card {
        border: 1px solid #e5eaf2;
        border-radius: 10px;
        padding: 28px 26px;
        height: 100%;
        display: flex;
        flex-direction: column;
    }

    .django-service-card .service-icon {
        font-size: 42px;
        line-height: 1;
        margin-bottom: 12px;
    }

    .django-service-card .service-title {
        font-size: 1.15rem;
        font-weight: 700;
        color: #0b1b33;
        margin-bottom: 14px;
        line-height: 1.3;
    }

    .django-service-card .service-meta {
        font-size: 0.9rem;
        color: #475569;
        line-height: 1.55;
        margin-bottom: 10px;
    }

    .django-service-card .service-pricing {
        font-size: 0.9rem;
        color: #334155;
        margin-bottom: 12px;
    }

    .django-service-card .service-desc {
        font-size: 0.92rem;
        color: #475569;
        line-height: 1.55;
        flex: 1;
        margin-bottom: 16px;
    }

    .django-service-card .btn {
        font-weight: 600;
        padding: 9px 16px;
        font-size: 0.95rem;
    }

    .django-faq .accordion-button {
        font-weight: 600;
    }

    .django-cta {
        background: linear-gradient(135deg, #0b1b33 0%, #166534 100%);
    }

    /* Custom Django Services section */
    .django-services-list {
        max-width: 100%;
    }

    .django-service-item {
        position: relative;
    }

    .django-service-bar {
        width: 4px;
        background-color: #166534;
        margin-right: 1rem;
        flex-shrink: 0;
        border-radius: 999px;
        align-self: flex-start;
        margin-top: 4px;
        min-height: 48px;
    }

    .django-service-item h3 {
        color: #0b1b33;
        margin-bottom: 0.25rem;
    }

    .django-service-item p {
        line-height: 1.5;
    }


/* =========================================
   TECHNOLOGIES — DOTNET
========================================= */

            .gensoft-card {
                background: #fff;
                border-radius: 18px;
                padding: 26px;
                height: 100%;
                transition: all 0.25s ease;
                border: 1px solid rgba(30,82,204,0.10);
                box-shadow: 0 6px 20px rgba(16,24,40,0.04);
            }

                .gensoft-card:hover {
                    transform: translateY(-6px);
                    box-shadow: 0 14px 35px rgba(16,24,40,0.10);
                    border-color: rgba(30,82,204,0.25);
                }

            .gensoft-icon {
                width: 44px;
                height: 44px;
                border-radius: 12px;
                display: flex;
                align-items: center;
                justify-content: center;
                background: linear-gradient(135deg,#1E52CC,#1E52CC);
                color: #fff;
                font-size: 18px;
                margin-bottom: 14px;
            }

            .gensoft-title {
                font-weight: 700;
                color: #0b1b33;
                margin-bottom: 10px;
                font-size: 1.05rem;
            }

            .gensoft-text {
                color: #5b6b7c;
                line-height: 1.75;
                font-size: 0.92rem;
            }
        

/* =========================================
   TECHNOLOGIES — GOOGLE-CLOUD
========================================= */

    .gcp-hero {
        padding: 85px 0;
        background: linear-gradient(120deg, #e0f2fe 0%, #bae6fd 48%, #ffffff 100%);
    }

    .gcp-heading {
        color: #0b1b33;
        font-size: clamp(2rem, 4vw, 3.5rem);
        line-height: 1.14;
    }

    .gcp-lead {
        color: #43536b;
        max-width: 780px;
        line-height: 1.75;
    }

    .gcp-badge {
        background: rgba(66, 133, 244, 0.12);
        color: #1a73e8;
        border: 1px solid rgba(66, 133, 244, 0.25);
        font-weight: 600;
    }

    .gcp-check {
        color: #334155;
        font-weight: 600;
    }

    .gcp-check i {
        color: #1a73e8;
        margin-right: 6px;
    }

    .gcp-form-card {
        border: 1px solid #e5eaf2 !important;
        border-radius: 8px;
    }

    .gcp-metrics strong {
        display: block;
        color: #1a73e8;
        font-size: 24px;
        line-height: 1.1;
    }

    .gcp-metrics span {
        color: #64748b;
        font-size: 13px;
    }

    .gcp-strength-card,
    .gcp-expertise-item,
    .gcp-engage-card,
    .gcp-stack,
    .gcp-quality-card,
    .gcp-service-card {
        background: #fff;
        border: 1px solid #e5eaf2;
        border-radius: 8px;
        padding: 24px;
        height: 100%;
    }

    .gcp-strength-card h4 {
        margin-top: 12px;
        margin-bottom: 8px;
        font-size: 1.1rem;
    }

    .icon-circle {
        width: 44px;
        height: 44px;
        border-radius: 999px;
        background: rgba(66, 133, 244, 0.1);
        color: #1a73e8;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 20px;
    }

    .gcp-expertise-bg {
        background: #e0f2fe;
    }

    .gcp-expertise-item {
        display: flex;
        gap: 16px;
    }

    .gcp-expertise-item i {
        font-size: 28px;
        color: #1a73e8;
        margin-top: 4px;
    }

    .gcp-expertise-item h5 {
        font-size: 1rem;
        margin-bottom: 6px;
    }

    .gcp-expertise-item ul {
        margin: 0;
        padding-left: 18px;
        font-size: 0.92rem;
        color: #475569;
    }

    .gcp-engage-card {
        border: 1px solid #e5eaf2;
    }

    .gcp-engage-card.featured {
        border-color: #1a73e8;
        box-shadow: 0 10px 15px -3px rgb(26 115 232 / 0.1);
    }

    .gcp-engage-card .engage-icon {
        font-size: 28px;
        margin-bottom: 12px;
    }

    .gcp-engage-list {
        font-size: 0.9rem;
        color: #475569;
        padding-left: 18px;
        margin: 12px 0;
    }

    .gcp-stack-bg {
        background: #e0f2fe;
    }

    .gcp-stack h3 {
        font-size: 1rem;
        margin-bottom: 12px;
        color: #0b1b33;
    }

    .gcp-stack ul {
        margin: 0;
        padding-left: 18px;
        font-size: 0.92rem;
        line-height: 1.7;
        color: #475569;
    }

    .gcp-section-title {
        color: #0b1b33;
    }

    .gcp-quality-card h3 {
        font-size: 1.05rem;
        margin-bottom: 10px;
        color: #0b1b33;
    }

    .gcp-quality-card p {
        font-size: 0.95rem;
        color: #475569;
        line-height: 1.65;
        margin-bottom: 10px;
    }

    .gcp-quality-list {
        font-size: 0.9rem;
        color: #475569;
        padding-left: 18px;
        margin: 8px 0 0;
    }

    .gcp-quality-list li {
        margin-bottom: 3px;
    }

    .gcp-service-card {
        border: 1px solid #e5eaf2;
        border-radius: 10px;
        padding: 28px 26px;
        height: 100%;
        display: flex;
        flex-direction: column;
    }

    .gcp-service-card .service-icon {
        font-size: 42px;
        line-height: 1;
        margin-bottom: 12px;
    }

    .gcp-service-card .service-title {
        font-size: 1.15rem;
        font-weight: 700;
        color: #0b1b33;
        margin-bottom: 14px;
        line-height: 1.3;
    }

    .gcp-service-card .service-meta {
        font-size: 0.9rem;
        color: #475569;
        line-height: 1.55;
        margin-bottom: 10px;
    }

    .gcp-service-card .service-pricing {
        font-size: 0.9rem;
        color: #334155;
        margin-bottom: 12px;
    }

    .gcp-service-card .service-desc {
        font-size: 0.92rem;
        color: #475569;
        line-height: 1.55;
        flex: 1;
        margin-bottom: 16px;
    }

    .gcp-service-card .btn {
        font-weight: 600;
        padding: 9px 16px;
        font-size: 0.95rem;
    }

    .gcp-faq .accordion-button {
        font-weight: 600;
    }

    .gcp-cta {
        background: linear-gradient(135deg, #0b1b33 0%, #1a73e8 100%);
    }

    /* Custom Google Cloud Services section */
    .gcp-services-list {
        max-width: 100%;
    }

    .gcp-service-item {
        position: relative;
    }

    .gcp-service-bar {
        width: 4px;
        background-color: #1a73e8;
        margin-right: 1rem;
        flex-shrink: 0;
        border-radius: 999px;
        align-self: flex-start;
        margin-top: 4px;
        min-height: 48px;
    }

    .gcp-service-item h3 {
        color: #0b1b33;
        margin-bottom: 0.25rem;
    }

    .gcp-service-item p {
        line-height: 1.5;
    }


/* =========================================
   TECHNOLOGIES — JAVA
========================================= */

    .java-hero {
        padding: 85px 0;
        background:
            linear-gradient(120deg, rgba(248, 251, 255, 0.97) 0%, rgba(239, 246, 255, 0.94) 52%, rgba(255, 255, 255, 0.92) 100%),
            url('/assets/images/bg2.png') center/cover no-repeat;
    }

    .java-heading {
        color: #0b1b33;
        font-size: clamp(2rem, 4vw, 3.5rem);
        line-height: 1.14;
    }

    .java-lead {
        color: #43536b;
        max-width: 780px;
        line-height: 1.75;
    }

    .java-badge {
        background: rgba(30, 82, 204, 0.09);
        color: #1E52CC;
        border: 1px solid rgba(30, 82, 204, 0.18);
        font-weight: 600;
    }

    .java-check {
        color: #334155;
        font-weight: 600;
    }

    .java-check i {
        color: #1E52CC;
        margin-right: 6px;
    }

    .java-form-card,
    .java-card,
    .java-solution,
    .java-service-option,
    .java-stack,
    .java-visual-card {
        border-radius: 8px;
    }

    .java-form-card {
        border: 1px solid #e5eaf2 !important;
    }

    .java-metrics strong {
        display: block;
        color: #1E52CC;
        font-size: 24px;
        line-height: 1.1;
    }

    .java-metrics span {
        color: #64748b;
        font-size: 13px;
    }

    .java-section-title {
        color: #0b1b33;
    }

    .java-visual-card {
        display: flex;
        align-items: center;
        gap: 20px;
        background: #ffffff;
        border: 1px solid #e8eef8;
        padding: 24px;
        box-shadow: 0 12px 32px rgba(15, 23, 42, 0.06);
    }

    .java-visual-card img {
        width: 76px;
        height: 76px;
        object-fit: contain;
        flex: 0 0 auto;
    }

    .java-visual-card h3 {
        color: #0b1b33;
        font-size: 19px;
        font-weight: 700;
        margin-bottom: 6px;
    }

    .java-visual-card p {
        color: #64748b;
        margin-bottom: 0;
        line-height: 1.7;
    }

    .java-card,
    .java-solution,
    .java-service-option,
    .java-stack {
        background: #ffffff;
        border: 1px solid #e8eef8;
        padding: 24px;
        box-shadow: 0 10px 26px rgba(15, 23, 42, 0.05);
        transition: all 0.25s ease;
    }

    .java-card {
        padding: 28px;
        box-shadow: 0 12px 32px rgba(15, 23, 42, 0.06);
    }

    .java-card:hover,
    .java-solution:hover,
    .java-service-option:hover {
        transform: translateY(-5px);
        border-color: rgba(30, 82, 204, 0.28);
        box-shadow: 0 18px 40px rgba(15, 23, 42, 0.09);
    }

    .java-icon,
    .java-solution i {
        display: inline-flex;
        width: 48px;
        height: 48px;
        align-items: center;
        justify-content: center;
        margin-bottom: 18px;
        border-radius: 8px;
        background: #eef5ff;
        color: #1E52CC;
        font-size: 26px;
    }

    .java-service-option span {
        display: inline-block;
        color: #1E52CC;
        font-weight: 800;
        margin-bottom: 12px;
    }

    .java-card h3,
    .java-solution h3,
    .java-service-option h3,
    .java-reason h3,
    .java-stack h3,
    .java-step h3 {
        color: #0b1b33;
        font-size: 19px;
        font-weight: 700;
        margin-bottom: 10px;
    }

    .java-card p,
    .java-solution p,
    .java-service-option p,
    .java-reason p {
        color: #64748b;
        line-height: 1.75;
        margin-bottom: 0;
    }

    .java-soft-bg {
        background: linear-gradient(180deg, #f8fbff 0%, #eef4ff 100%);
    }

    .java-reason {
        padding: 20px 0;
        border-bottom: 1px solid #dbe6f6;
    }

    .java-stack ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .java-stack li {
        color: #64748b;
        padding: 8px 0;
        border-bottom: 1px solid #eef2f7;
    }

    .java-stack li:last-child {
        border-bottom: 0;
    }

    .java-dark {
        background:
            linear-gradient(135deg, rgba(10, 22, 45, 0.97), rgba(30, 82, 204, 0.9)),
            url('/assets/images/bg2.png') center/cover no-repeat;
    }

    .java-step {
        background: rgba(255, 255, 255, 0.1);
        border: 1px solid rgba(255, 255, 255, 0.18);
        border-radius: 8px;
        padding: 24px;
        height: 100%;
    }

    .java-step span {
        display: inline-block;
        color: #b9d4ff;
        font-weight: 800;
        margin-bottom: 12px;
    }

    .java-step h3 {
        color: #ffffff;
    }

    .java-step p {
        color: rgba(255, 255, 255, 0.72);
        margin-bottom: 0;
        line-height: 1.7;
    }

    .java-industry {
        background: #ffffff;
        border: 1px solid #e8eef8;
        border-radius: 8px;
        padding: 18px 20px;
        color: #0b1b33;
        font-weight: 700;
        box-shadow: 0 10px 26px rgba(15, 23, 42, 0.05);
    }

    .java-industry i {
        color: #1E52CC;
        margin-right: 10px;
        font-size: 22px;
        vertical-align: middle;
    }

    .java-faq .accordion-item {
        border: 1px solid #e0e8f4;
        border-radius: 8px;
        overflow: hidden;
        margin-bottom: 12px;
    }

    .java-faq .accordion-button {
        font-weight: 700;
        color: #0b1b33;
    }

    .java-cta {
        background: linear-gradient(135deg, #0B1B33, #1E52CC);
    }

    @media (max-width: 768px) {
        .java-hero {
            padding: 60px 0;
            text-align: center;
        }

        .java-check {
            text-align: left;
        }

        .java-visual-card {
            align-items: flex-start;
        }
    }


/* =========================================
   TECHNOLOGIES — JAVASCRIPT
========================================= */

    .js-hero {
        padding: 85px 0;
        background: linear-gradient(120deg, #f8fafc 0%, #f1f5f9 48%, #ffffff 100%);
    }

    .js-heading {
        color: #0b1b33;
        font-size: clamp(2rem, 4vw, 3.5rem);
        line-height: 1.14;
    }

    .js-lead {
        color: #43536b;
        max-width: 780px;
        line-height: 1.75;
    }

    .js-badge {
        background: rgba(234, 179, 8, 0.12);
        color: #854d0e;
        border: 1px solid rgba(234, 179, 8, 0.25);
        font-weight: 600;
    }

    .js-check {
        color: #334155;
        font-weight: 600;
    }

    .js-check i {
        color: #854d0e;
        margin-right: 6px;
    }

    .js-form-card {
        border: 1px solid #e5eaf2 !important;
        border-radius: 8px;
    }

    .js-metrics strong {
        display: block;
        color: #854d0e;
        font-size: 24px;
        line-height: 1.1;
    }

    .js-metrics span {
        color: #64748b;
        font-size: 13px;
    }

    .js-strength-card,
    .js-expertise-item,
    .js-engage-card,
    .js-stack {
        background: #fff;
        border: 1px solid #e5eaf2;
        border-radius: 8px;
        padding: 24px;
        height: 100%;
    }

    .js-strength-card h4 {
        margin-top: 12px;
        margin-bottom: 8px;
        font-size: 1.1rem;
    }

    .icon-circle {
        width: 44px;
        height: 44px;
        border-radius: 999px;
        background: rgba(234, 179, 8, 0.1);
        color: #854d0e;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 20px;
    }

    .js-expertise-bg {
        background: #f8fafc;
    }

    .js-expertise-item {
        display: flex;
        gap: 16px;
    }

    .js-expertise-item i {
        font-size: 28px;
        color: #854d0e;
        margin-top: 4px;
    }

    .js-expertise-item h5 {
        font-size: 1rem;
        margin-bottom: 6px;
    }

    .js-expertise-item ul {
        margin: 0;
        padding-left: 18px;
        font-size: 0.92rem;
        color: #475569;
    }

    .js-engage-card {
        border: 1px solid #e5eaf2;
    }

    .js-engage-card.featured {
        border-color: #854d0e;
        box-shadow: 0 10px 15px -3px rgb(133 77 14 / 0.1);
    }

    .js-engage-card .engage-icon {
        font-size: 28px;
        margin-bottom: 12px;
    }

    .js-engage-list {
        font-size: 0.9rem;
        color: #475569;
        padding-left: 18px;
        margin: 12px 0;
    }

    .js-stack-bg {
        background: #f8fafc;
    }

    .js-stack h3 {
        font-size: 1rem;
        margin-bottom: 12px;
        color: #0b1b33;
    }

    .js-stack ul {
        margin: 0;
        padding-left: 18px;
        font-size: 0.92rem;
        line-height: 1.7;
        color: #475569;
    }

    .js-section-title {
        color: #0b1b33;
    }

    .js-faq .accordion-button {
        font-weight: 600;
    }

    .js-cta {
        background: linear-gradient(135deg, #0b1b33 0%, #1e2937 100%);
    }

    .js-quality-bg {
        background: #f8fafc;
    }

    .js-quality-card {
        background: #fff;
        border: 1px solid #e5eaf2;
        border-radius: 8px;
        padding: 24px;
        height: 100%;
    }

    .js-quality-card h3 {
        font-size: 1.05rem;
        margin-bottom: 10px;
        color: #0b1b33;
    }

    .js-quality-card p {
        font-size: 0.95rem;
        color: #475569;
        line-height: 1.65;
        margin-bottom: 10px;
    }

    .js-quality-list {
        font-size: 0.9rem;
        color: #475569;
        padding-left: 18px;
        margin: 8px 0 0;
    }

    .js-quality-list li {
        margin-bottom: 3px;
    }

    .js-quality-pill {
        display: inline-block;
        background: #fefce8;
        color: #854d0e;
        font-size: 0.8rem;
        padding: 6px 14px;
        border-radius: 999px;
        border: 1px solid #fde047;
        font-weight: 600;
        margin-bottom: 6px;
    }

    .js-service-card {
        background: #fff;
        border: 1px solid #e5eaf2;
        border-radius: 10px;
        padding: 28px 26px;
        height: 100%;
        display: flex;
        flex-direction: column;
    }

    .js-service-card .service-icon {
        font-size: 42px;
        line-height: 1;
        margin-bottom: 12px;
    }

    .js-service-card .service-title {
        font-size: 1.15rem;
        font-weight: 700;
        color: #0b1b33;
        margin-bottom: 14px;
        line-height: 1.3;
    }

    .js-service-card .service-meta {
        font-size: 0.9rem;
        color: #475569;
        line-height: 1.55;
        margin-bottom: 10px;
    }

    .js-service-card .service-pricing {
        font-size: 0.9rem;
        color: #334155;
        margin-bottom: 12px;
    }

    .js-service-card .service-desc {
        font-size: 0.92rem;
        color: #475569;
        line-height: 1.55;
        flex: 1;
        margin-bottom: 16px;
    }

    .js-service-card .btn {
        font-weight: 600;
        padding: 9px 16px;
        font-size: 0.95rem;
    }

    .js-practices-bg {
        background: #f8fafc;
    }

    .js-practice-card {
        background: #fff;
        border: 1px solid #e5eaf2;
        border-radius: 8px;
        padding: 22px 20px;
        height: 100%;
    }

    .js-practice-card .practice-icon {
        font-size: 28px;
        color: #854d0e;
        margin-bottom: 10px;
    }

    .js-practice-card h4 {
        font-size: 1rem;
        font-weight: 700;
        color: #0b1b33;
        margin-bottom: 8px;
    }

    .js-practice-card p {
        font-size: 0.88rem;
        color: #475569;
        line-height: 1.55;
        margin: 0;
    }

    /* Custom JavaScript Services section - left image + right list */
    .js-services-list {
        max-width: 100%;
    }

    .js-service-item {
        position: relative;
    }

    .js-service-bar {
        width: 4px;
        background-color: #854d0e;
        margin-right: 1rem;
        flex-shrink: 0;
        border-radius: 999px;
        align-self: flex-start;
        margin-top: 4px;
        min-height: 48px;
    }

    .js-service-item h3 {
        color: #0b1b33;
        margin-bottom: 0.25rem;
    }

    .js-service-item p {
        line-height: 1.5;
    }


/* =========================================
   TECHNOLOGIES — KOTLIN
========================================= */

    .kt-hero {
        padding: 80px 0 90px;
        background: linear-gradient(145deg, #f7f2ff 0%, #ffffff 42%, #fff4fd 100%);
    }

    .kt-hero-glow {
        position: absolute;
        top: -80px;
        right: -120px;
        width: 420px;
        height: 420px;
        border-radius: 50%;
        background: radial-gradient(circle, rgba(127, 82, 255, 0.18) 0%, rgba(199, 17, 225, 0.05) 70%, transparent 100%);
        pointer-events: none;
    }

    .kt-hero-visual {
        position: relative;
    }

    .kt-hero-image {
        border-radius: 24px;
        border: 1px solid rgba(127, 82, 255, 0.15);
        box-shadow: 0 24px 60px rgba(70, 40, 103, 0.14);
    }

    .kt-hero-chip {
        position: absolute;
        left: 20px;
        bottom: 20px;
        display: inline-flex;
        align-items: center;
        gap: 10px;
        padding: 10px 14px;
        border-radius: 999px;
        background: rgba(255, 255, 255, 0.92);
        border: 1px solid rgba(127, 82, 255, 0.18);
        box-shadow: 0 10px 30px rgba(70, 40, 103, 0.12);
        font-size: 0.9rem;
        font-weight: 600;
        color: #462867;
    }

    .kt-heading {
        color: #1f1235;
        font-size: clamp(2rem, 4vw, 3.4rem);
        line-height: 1.12;
    }

    .kt-lead {
        color: #4b5568;
        max-width: 640px;
        line-height: 1.75;
    }

    .kt-badge {
        background: rgba(127, 82, 255, 0.1);
        color: #5b2d9d;
        border: 1px solid rgba(127, 82, 255, 0.22);
        font-weight: 600;
    }

    .kt-eyebrow {
        display: inline-block;
        margin-bottom: 12px;
        font-size: 0.82rem;
        font-weight: 700;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        color: #7f52ff;
    }

    .kt-pill-row {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
    }

    .kt-pill-row span {
        padding: 8px 14px;
        border-radius: 999px;
        background: #ffffff;
        border: 1px solid rgba(127, 82, 255, 0.16);
        color: #462867;
        font-size: 0.9rem;
        font-weight: 600;
    }

    .kt-metrics strong {
        display: block;
        color: #7f52ff;
        font-size: 24px;
        line-height: 1.1;
    }

    .kt-metrics span {
        color: #64748b;
        font-size: 13px;
    }

    .kt-section-title {
        color: #1f1235;
    }

    .kt-soft-bg {
        background: linear-gradient(180deg, #faf7ff 0%, #fff6fd 100%);
    }

    .kt-bento {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 16px;
    }

    .kt-bento-item {
        background: #ffffff;
        border: 1px solid rgba(127, 82, 255, 0.12);
        border-radius: 18px;
        padding: 24px;
        box-shadow: 0 12px 30px rgba(70, 40, 103, 0.06);
    }

    .kt-bento-wide {
        grid-column: span 2;
    }

    .kt-bento-item i {
        display: inline-flex;
        width: 44px;
        height: 44px;
        align-items: center;
        justify-content: center;
        border-radius: 12px;
        background: rgba(127, 82, 255, 0.1);
        color: #7f52ff;
        font-size: 22px;
        margin-bottom: 14px;
    }

    .kt-bento-item h3 {
        color: #1f1235;
        font-size: 1.05rem;
        margin-bottom: 8px;
    }

    .kt-bento-item p {
        color: #64748b;
        margin-bottom: 0;
        line-height: 1.7;
        font-size: 0.95rem;
    }

    .kt-platform-image {
        border: 1px solid rgba(127, 82, 255, 0.12);
    }

    .kt-reason-list {
        display: grid;
        gap: 18px;
    }

    .kt-reason {
        display: grid;
        grid-template-columns: 52px 1fr;
        gap: 16px;
        padding: 18px 0;
        border-bottom: 1px solid rgba(127, 82, 255, 0.12);
    }

    .kt-reason:last-child {
        border-bottom: 0;
        padding-bottom: 0;
    }

    .kt-reason span {
        width: 52px;
        height: 52px;
        border-radius: 14px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: linear-gradient(135deg, #7f52ff, #c711e1);
        color: #ffffff;
        font-weight: 800;
    }

    .kt-reason h3 {
        color: #1f1235;
        font-size: 1.05rem;
        margin-bottom: 6px;
    }

    .kt-reason p {
        color: #64748b;
        margin-bottom: 0;
        line-height: 1.7;
    }

    .kt-engage-card {
        height: 100%;
        background: #ffffff;
        border: 1px solid rgba(127, 82, 255, 0.12);
        border-radius: 18px;
        padding: 28px;
        box-shadow: 0 12px 30px rgba(70, 40, 103, 0.05);
    }

    .kt-engage-featured {
        border-color: #7f52ff;
        box-shadow: 0 18px 40px rgba(127, 82, 255, 0.14);
        transform: translateY(-4px);
    }

    .kt-engage-top {
        display: inline-block;
        margin-bottom: 14px;
        font-size: 1.1rem;
        font-weight: 800;
        color: #1f1235;
    }

    .kt-engage-card p,
    .kt-engage-card li {
        color: #64748b;
        line-height: 1.7;
    }

    .kt-engage-card ul {
        padding-left: 18px;
        margin: 14px 0 18px;
        font-size: 0.92rem;
    }

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

    .kt-stack-block {
        background: #ffffff;
        border: 1px solid rgba(127, 82, 255, 0.12);
        border-radius: 16px;
        padding: 22px;
    }

    .kt-stack-block h3 {
        color: #1f1235;
        font-size: 1rem;
        margin-bottom: 14px;
    }

    .kt-stack-block span {
        display: block;
        color: #64748b;
        padding: 7px 0;
        border-bottom: 1px solid #f1e9ff;
        font-size: 0.92rem;
    }

    .kt-stack-block span:last-child {
        border-bottom: 0;
    }

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

    .kt-pipeline-step {
        position: relative;
        background: #ffffff;
        border: 1px solid rgba(127, 82, 255, 0.12);
        border-radius: 16px;
        padding: 22px 18px;
        min-height: 100%;
    }

    .kt-pipeline-step strong {
        display: block;
        color: #7f52ff;
        font-size: 1rem;
        margin-bottom: 10px;
    }

    .kt-pipeline-step p {
        color: #64748b;
        margin-bottom: 0;
        line-height: 1.65;
        font-size: 0.92rem;
    }

    .kt-dark {
        background: linear-gradient(135deg, #1f1235 0%, #462867 55%, #7f52ff 100%);
    }

    .kt-industry {
        background: rgba(255, 255, 255, 0.08);
        border: 1px solid rgba(255, 255, 255, 0.14);
        border-radius: 14px;
        padding: 16px 18px;
        color: #ffffff;
        font-weight: 600;
    }

    .kt-form-card {
        border-radius: 18px;
        border: 1px solid rgba(127, 82, 255, 0.12) !important;
    }

    .kt-faq .accordion-item {
        border: 1px solid rgba(127, 82, 255, 0.12);
        border-radius: 12px;
        overflow: hidden;
        margin-bottom: 12px;
    }

    .kt-faq .accordion-button {
        font-weight: 700;
        color: #1f1235;
    }

    .kt-cta {
        background: linear-gradient(135deg, #462867 0%, #7f52ff 55%, #c711e1 100%);
    }

    @media (max-width: 991px) {
        .kt-bento,
        .kt-stack-grid,
        .kt-pipeline {
            grid-template-columns: 1fr;
        }

        .kt-bento-wide {
            grid-column: span 1;
        }

        .kt-engage-featured {
            transform: none;
        }
    }

    @media (max-width: 768px) {
        .kt-hero {
            padding: 60px 0;
        }

        .kt-hero-chip {
            position: static;
            margin-top: 14px;
        }
    }


/* =========================================
   TECHNOLOGIES — NODEJS
========================================= */

    .nd-hero {
        padding: 85px 0;
        background: linear-gradient(135deg, #0f1a12 0%, #142318 45%, #1a2e1f 100%);
        color: #ffffff;
    }

    .nd-hero-grid {
        position: absolute;
        inset: 0;
        background-image:
            linear-gradient(rgba(51, 153, 51, 0.08) 1px, transparent 1px),
            linear-gradient(90deg, rgba(51, 153, 51, 0.08) 1px, transparent 1px);
        background-size: 28px 28px;
        pointer-events: none;
        opacity: 0.45;
    }

    .nd-terminal-line {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        padding: 8px 14px;
        border-radius: 10px;
        background: rgba(255, 255, 255, 0.06);
        border: 1px solid rgba(51, 153, 51, 0.25);
    }

    .nd-terminal-line span {
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background: #339933;
        opacity: 0.75;
    }

    .nd-terminal-line code {
        color: #9fe29f;
        font-size: 0.82rem;
    }

    .nd-heading {
        color: #ffffff;
        font-size: clamp(2rem, 4vw, 3.4rem);
        line-height: 1.12;
    }

    .nd-lead {
        color: rgba(255, 255, 255, 0.78);
        max-width: 700px;
        line-height: 1.75;
    }

    .nd-badge {
        background: rgba(51, 153, 51, 0.14);
        color: #1f6b1f;
        border: 1px solid rgba(51, 153, 51, 0.28);
        font-weight: 600;
    }

    .nd-eyebrow {
        display: inline-block;
        margin-bottom: 12px;
        font-size: 0.82rem;
        font-weight: 700;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        color: #339933;
    }

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

    .nd-signal-row div {
        padding: 14px 16px;
        border-radius: 12px;
        background: rgba(255, 255, 255, 0.05);
        border: 1px solid rgba(51, 153, 51, 0.2);
    }

    .nd-signal-row strong {
        display: block;
        color: #9fe29f;
        font-size: 0.95rem;
        margin-bottom: 4px;
    }

    .nd-signal-row span {
        color: rgba(255, 255, 255, 0.68);
        font-size: 0.82rem;
    }

    .nd-metrics strong {
        display: block;
        color: #9fe29f;
        font-size: 24px;
        line-height: 1.1;
        font-family: Consolas, "Courier New", monospace;
    }

    .nd-metrics span {
        color: rgba(255, 255, 255, 0.62);
        font-size: 13px;
    }

    .nd-form-card {
        border-radius: 16px;
        border: 1px solid rgba(51, 153, 51, 0.18) !important;
        background: #ffffff;
    }

    .nd-section-title {
        color: #102016;
    }

    .nd-service-image,
    .nd-runtime-image {
        border: 1px solid rgba(51, 153, 51, 0.14);
    }

    .nd-service-lanes {
        display: grid;
        gap: 18px;
    }

    .nd-lane {
        display: grid;
        grid-template-columns: 56px 1fr;
        gap: 16px;
        padding: 20px 22px;
        border-radius: 14px;
        background: #ffffff;
        border: 1px solid #e3efe4;
        box-shadow: 0 10px 28px rgba(16, 32, 22, 0.05);
    }

    .nd-lane-marker {
        width: 56px;
        height: 56px;
        border-radius: 12px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: linear-gradient(135deg, #339933, #1f6b1f);
        color: #ffffff;
        font-weight: 800;
        font-family: Consolas, "Courier New", monospace;
    }

    .nd-lane h3 {
        color: #102016;
        font-size: 1.05rem;
        margin-bottom: 6px;
    }

    .nd-lane p {
        color: #64748b;
        margin-bottom: 0;
        line-height: 1.7;
        font-size: 0.95rem;
    }

    .nd-soft-bg {
        background: linear-gradient(180deg, #f4fbf4 0%, #eef8ee 100%);
    }

    .nd-signal-card {
        height: 100%;
        background: #ffffff;
        border: 1px solid #e3efe4;
        border-radius: 16px;
        padding: 24px;
        box-shadow: 0 10px 28px rgba(16, 32, 22, 0.05);
    }

    .nd-signal-card i {
        display: inline-flex;
        width: 44px;
        height: 44px;
        align-items: center;
        justify-content: center;
        border-radius: 12px;
        background: rgba(51, 153, 51, 0.1);
        color: #339933;
        font-size: 22px;
        margin-bottom: 14px;
    }

    .nd-signal-card h4 {
        color: #102016;
        font-size: 1.05rem;
        margin-bottom: 8px;
    }

    .nd-signal-card p {
        color: #64748b;
        margin-bottom: 0;
        line-height: 1.7;
        font-size: 0.94rem;
    }

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

    .nd-node {
        padding: 18px 20px;
        border-radius: 14px;
        background: #ffffff;
        border: 1px solid #e3efe4;
        box-shadow: 0 8px 24px rgba(16, 32, 22, 0.04);
        position: relative;
    }

    .nd-node::before {
        content: "";
        position: absolute;
        top: 18px;
        left: -7px;
        width: 12px;
        height: 12px;
        border-radius: 50%;
        background: #339933;
        box-shadow: 0 0 0 4px rgba(51, 153, 51, 0.15);
    }

    .nd-node strong {
        display: block;
        color: #102016;
        margin-bottom: 4px;
    }

    .nd-node span {
        color: #64748b;
        font-size: 0.9rem;
    }

    .nd-engage-card {
        height: 100%;
        background: #ffffff;
        border: 1px solid #e3efe4;
        border-radius: 16px;
        padding: 28px;
    }

    .nd-engage-featured {
        border-color: #339933;
        box-shadow: 0 16px 36px rgba(51, 153, 51, 0.12);
    }

    .nd-engage-card h4 {
        color: #102016;
        margin-bottom: 12px;
        font-weight: 800;
    }

    .nd-engage-card p,
    .nd-engage-card li {
        color: #64748b;
        line-height: 1.7;
        font-size: 0.92rem;
    }

    .nd-engage-card ul {
        padding-left: 18px;
        margin: 14px 0 18px;
    }

    .nd-stack-wrap {
        display: grid;
        gap: 18px;
    }

    .nd-stack-group {
        background: #ffffff;
        border: 1px solid #e3efe4;
        border-radius: 16px;
        padding: 22px 24px;
    }

    .nd-stack-group h3 {
        color: #102016;
        font-size: 1rem;
        margin-bottom: 14px;
    }

    .nd-chip-row {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
    }

    .nd-chip-row span {
        padding: 8px 14px;
        border-radius: 999px;
        background: rgba(51, 153, 51, 0.08);
        border: 1px solid rgba(51, 153, 51, 0.16);
        color: #1f6b1f;
        font-size: 0.88rem;
        font-weight: 600;
    }

    .nd-dark {
        background: linear-gradient(135deg, #0f1a12 0%, #1a2e1f 55%, #339933 160%);
    }

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

    .nd-flow-step {
        background: rgba(255, 255, 255, 0.08);
        border: 1px solid rgba(255, 255, 255, 0.14);
        border-radius: 14px;
        padding: 22px 18px;
    }

    .nd-flow-step span {
        display: block;
        color: #9fe29f;
        font-weight: 800;
        margin-bottom: 10px;
        font-family: Consolas, "Courier New", monospace;
    }

    .nd-flow-step p {
        color: rgba(255, 255, 255, 0.72);
        margin-bottom: 0;
        line-height: 1.65;
        font-size: 0.92rem;
    }

    .nd-quality-card {
        height: 100%;
        background: #ffffff;
        border: 1px solid #e3efe4;
        border-radius: 16px;
        padding: 24px;
        box-shadow: 0 8px 24px rgba(16, 32, 22, 0.04);
    }

    .nd-quality-card h3 {
        color: #102016;
        font-size: 1.05rem;
        margin-bottom: 10px;
    }

    .nd-quality-card p {
        color: #64748b;
        margin-bottom: 0;
        line-height: 1.7;
    }

    .nd-industry {
        background: #ffffff;
        border: 1px solid #e3efe4;
        border-radius: 12px;
        padding: 16px 18px;
        color: #102016;
        font-weight: 700;
        box-shadow: 0 8px 24px rgba(16, 32, 22, 0.04);
    }

    .nd-industry i {
        color: #339933;
        margin-right: 10px;
        font-size: 20px;
        vertical-align: middle;
    }

    .nd-faq .accordion-item {
        border: 1px solid #e3efe4;
        border-radius: 12px;
        overflow: hidden;
        margin-bottom: 12px;
    }

    .nd-faq .accordion-button {
        font-weight: 700;
        color: #102016;
    }

    .nd-cta {
        background: linear-gradient(135deg, #0f1a12 0%, #1f6b1f 55%, #339933 100%);
    }

    @media (max-width: 991px) {
        .nd-signal-row,
        .nd-flow,
        .nd-node-grid {
            grid-template-columns: 1fr;
        }
    }

    @media (max-width: 768px) {
        .nd-hero {
            padding: 60px 0;
            text-align: center;
        }

        .nd-terminal-line {
            justify-content: center;
        }
    }


/* =========================================
   TECHNOLOGIES — PHP
========================================= */

    .php-hero {
        padding: 85px 0;
        background: linear-gradient(120deg, #f0fdf4 0%, #EEF3FB 48%, #ffffff 100%);
    }

    .php-heading {
        color: #0b1b33;
        font-size: clamp(2rem, 4vw, 3.5rem);
        line-height: 1.14;
    }

    .php-lead {
        color: #43536b;
        max-width: 780px;
        line-height: 1.75;
    }

    .php-badge {
        background: rgba(16, 185, 129, 0.12);
        color: #166534;
        border: 1px solid rgba(16, 185, 129, 0.25);
        font-weight: 600;
    }

    .php-check {
        color: #334155;
        font-weight: 600;
    }

    .php-check i {
        color: #166534;
        margin-right: 6px;
    }

    .php-form-card {
        border: 1px solid #e5eaf2 !important;
        border-radius: 8px;
    }

    .php-metrics strong {
        display: block;
        color: #166534;
        font-size: 24px;
        line-height: 1.1;
    }

    .php-metrics span {
        color: #64748b;
        font-size: 13px;
    }

    .php-strength-card,
    .php-expertise-item,
    .php-engage-card,
    .php-stack,
    .php-quality-card,
    .php-service-card {
        background: #fff;
        border: 1px solid #e5eaf2;
        border-radius: 8px;
        padding: 24px;
        height: 100%;
    }

    .php-strength-card h4 {
        margin-top: 12px;
        margin-bottom: 8px;
        font-size: 1.1rem;
    }

    .icon-circle {
        width: 44px;
        height: 44px;
        border-radius: 999px;
        background: rgba(16, 185, 129, 0.1);
        color: #166534;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 20px;
    }

    .php-expertise-bg {
        background: #f0fdf4;
    }

    .php-expertise-item {
        display: flex;
        gap: 16px;
    }

    .php-expertise-item i {
        font-size: 28px;
        color: #166534;
        margin-top: 4px;
    }

    .php-expertise-item h5 {
        font-size: 1rem;
        margin-bottom: 6px;
    }

    .php-expertise-item ul {
        margin: 0;
        padding-left: 18px;
        font-size: 0.92rem;
        color: #475569;
    }

    .php-engage-card {
        border: 1px solid #e5eaf2;
    }

    .php-engage-card.featured {
        border-color: #166534;
        box-shadow: 0 10px 15px -3px rgb(16 185 129 / 0.1);
    }

    .php-engage-card .engage-icon {
        font-size: 28px;
        margin-bottom: 12px;
    }

    .php-engage-list {
        font-size: 0.9rem;
        color: #475569;
        padding-left: 18px;
        margin: 12px 0;
    }

    .php-stack-bg {
        background: #f0fdf4;
    }

    .php-stack h3 {
        font-size: 1rem;
        margin-bottom: 12px;
        color: #0b1b33;
    }

    .php-stack ul {
        margin: 0;
        padding-left: 18px;
        font-size: 0.92rem;
        line-height: 1.7;
        color: #475569;
    }

    .php-section-title {
        color: #0b1b33;
    }

    .php-quality-card h3 {
        font-size: 1.05rem;
        margin-bottom: 10px;
        color: #0b1b33;
    }

    .php-quality-card p {
        font-size: 0.95rem;
        color: #475569;
        line-height: 1.65;
        margin-bottom: 10px;
    }

    .php-quality-list {
        font-size: 0.9rem;
        color: #475569;
        padding-left: 18px;
        margin: 8px 0 0;
    }

    .php-quality-list li {
        margin-bottom: 3px;
    }

    .php-service-card {
        border: 1px solid #e5eaf2;
        border-radius: 10px;
        padding: 28px 26px;
        height: 100%;
        display: flex;
        flex-direction: column;
    }

    .php-service-card .service-icon {
        font-size: 42px;
        line-height: 1;
        margin-bottom: 12px;
    }

    .php-service-card .service-title {
        font-size: 1.15rem;
        font-weight: 700;
        color: #0b1b33;
        margin-bottom: 14px;
        line-height: 1.3;
    }

    .php-service-card .service-meta {
        font-size: 0.9rem;
        color: #475569;
        line-height: 1.55;
        margin-bottom: 10px;
    }

    .php-service-card .service-pricing {
        font-size: 0.9rem;
        color: #334155;
        margin-bottom: 12px;
    }

    .php-service-card .service-desc {
        font-size: 0.92rem;
        color: #475569;
        line-height: 1.55;
        flex: 1;
        margin-bottom: 16px;
    }

    .php-service-card .btn {
        font-weight: 600;
        padding: 9px 16px;
        font-size: 0.95rem;
    }

    .php-faq .accordion-button {
        font-weight: 600;
    }

    .php-cta {
        background: linear-gradient(135deg, #0b1b33 0%, #166534 100%);
    }

    /* Technology Competencies logos */
    .tech-logo-wrapper {
        height: 62px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 6px 8px;
        background: #fff;
        border: 1px solid #e5eaf2;
        border-radius: 6px;
    }

    .tech-logo-wrapper.small {
        height: 52px;
    }

    .tech-logo {
        max-height: 100%;
        max-width: 100%;
        width: auto;
        height: auto;
        object-fit: contain;
        filter: grayscale(15%);
        transition: filter 0.2s ease;
    }

    .tech-logo-wrapper:hover .tech-logo {
        filter: none;
    }

    /* Custom PHP Development Services section styling */
    .php-services-list {
        max-width: 100%;
    }

    .php-service-item {
        position: relative;
    }

    .php-service-bar {
        width: 4px;
        background-color: #166534;
        margin-right: 1rem;
        flex-shrink: 0;
        border-radius: 999px;
        align-self: flex-start;
        margin-top: 4px;
        min-height: 48px;
    }

    .php-service-item h3 {
        color: #0b1b33;
        margin-bottom: 0.25rem;
    }

    .php-service-item p {
        line-height: 1.5;
    }


/* =========================================
   TECHNOLOGIES — PYTHON
========================================= */

    .python-hero {
        padding: 85px 0;
        background: linear-gradient(120deg, #f0f9ff 0%, #e0f2fe 48%, #ffffff 100%);
    }

    .python-heading {
        color: #0b1b33;
        font-size: clamp(2rem, 4vw, 3.5rem);
        line-height: 1.14;
    }

    .python-lead {
        color: #43536b;
        max-width: 780px;
        line-height: 1.75;
    }

    .python-badge {
        background: rgba(14, 165, 233, 0.12);
        color: #0c4a6e;
        border: 1px solid rgba(14, 165, 233, 0.25);
        font-weight: 600;
    }

    .python-check {
        color: #334155;
        font-weight: 600;
    }

    .python-check i {
        color: #0c4a6e;
        margin-right: 6px;
    }

    .python-form-card {
        border: 1px solid #e5eaf2 !important;
        border-radius: 8px;
    }

    .python-metrics strong {
        display: block;
        color: #0c4a6e;
        font-size: 24px;
        line-height: 1.1;
    }

    .python-metrics span {
        color: #64748b;
        font-size: 13px;
    }

    .python-strength-card,
    .python-expertise-item,
    .python-engage-card,
    .python-stack,
    .python-quality-card,
    .python-service-card {
        background: #fff;
        border: 1px solid #e5eaf2;
        border-radius: 8px;
        padding: 24px;
        height: 100%;
    }

    .python-strength-card h4 {
        margin-top: 12px;
        margin-bottom: 8px;
        font-size: 1.1rem;
    }

    .icon-circle {
        width: 44px;
        height: 44px;
        border-radius: 999px;
        background: rgba(14, 165, 233, 0.1);
        color: #0c4a6e;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 20px;
    }

    .python-expertise-bg {
        background: #f0f9ff;
    }

    .python-expertise-item {
        display: flex;
        gap: 16px;
    }

    .python-expertise-item i {
        font-size: 28px;
        color: #0c4a6e;
        margin-top: 4px;
    }

    .python-expertise-item h5 {
        font-size: 1rem;
        margin-bottom: 6px;
    }

    .python-expertise-item ul {
        margin: 0;
        padding-left: 18px;
        font-size: 0.92rem;
        color: #475569;
    }

    .python-engage-card {
        border: 1px solid #e5eaf2;
    }

    .python-engage-card.featured {
        border-color: #0c4a6e;
        box-shadow: 0 10px 15px -3px rgb(14 165 233 / 0.1);
    }

    .python-engage-card .engage-icon {
        font-size: 28px;
        margin-bottom: 12px;
    }

    .python-engage-list {
        font-size: 0.9rem;
        color: #475569;
        padding-left: 18px;
        margin: 12px 0;
    }

    .python-stack-bg {
        background: #f0f9ff;
    }

    .python-stack h3 {
        font-size: 1rem;
        margin-bottom: 12px;
        color: #0b1b33;
    }

    .python-stack ul {
        margin: 0;
        padding-left: 18px;
        font-size: 0.92rem;
        line-height: 1.7;
        color: #475569;
    }

    .python-section-title {
        color: #0b1b33;
    }

    .python-quality-card h3 {
        font-size: 1.05rem;
        margin-bottom: 10px;
        color: #0b1b33;
    }

    .python-quality-card p {
        font-size: 0.95rem;
        color: #475569;
        line-height: 1.65;
        margin-bottom: 10px;
    }

    .python-quality-list {
        font-size: 0.9rem;
        color: #475569;
        padding-left: 18px;
        margin: 8px 0 0;
    }

    .python-quality-list li {
        margin-bottom: 3px;
    }

    .python-service-card {
        border: 1px solid #e5eaf2;
        border-radius: 10px;
        padding: 28px 26px;
        height: 100%;
        display: flex;
        flex-direction: column;
    }

    .python-service-card .service-icon {
        font-size: 42px;
        line-height: 1;
        margin-bottom: 12px;
    }

    .python-service-card .service-title {
        font-size: 1.15rem;
        font-weight: 700;
        color: #0b1b33;
        margin-bottom: 14px;
        line-height: 1.3;
    }

    .python-service-card .service-meta {
        font-size: 0.9rem;
        color: #475569;
        line-height: 1.55;
        margin-bottom: 10px;
    }

    .python-service-card .service-pricing {
        font-size: 0.9rem;
        color: #334155;
        margin-bottom: 12px;
    }

    .python-service-card .service-desc {
        font-size: 0.92rem;
        color: #475569;
        line-height: 1.55;
        flex: 1;
        margin-bottom: 16px;
    }

    .python-service-card .btn {
        font-weight: 600;
        padding: 9px 16px;
        font-size: 0.95rem;
    }

    .python-faq .accordion-button {
        font-weight: 600;
    }

    .python-cta {
        background: linear-gradient(135deg, #0b1b33 0%, #0c4a6e 100%);
    }

    /* Custom Python Development Services section */
    .python-services-list {
        max-width: 100%;
    }

    .python-service-item {
        position: relative;
    }

    .python-service-bar {
        width: 4px;
        background-color: #0c4a6e;
        margin-right: 1rem;
        flex-shrink: 0;
        border-radius: 999px;
        align-self: flex-start;
        margin-top: 4px;
        min-height: 48px;
    }

    .python-service-item h3 {
        color: #0b1b33;
        margin-bottom: 0.25rem;
    }

    .python-service-item p {
        line-height: 1.5;
    }


/* =========================================
   TECHNOLOGIES — REACT
========================================= */

    .react-hero {
        padding: 85px 0;
        background: linear-gradient(120deg, #f0f9ff 0%, #e0f2fe 48%, #ffffff 100%);
    }

    .react-heading {
        color: #0b1b33;
        font-size: clamp(2rem, 4vw, 3.5rem);
        line-height: 1.14;
    }

    .react-lead {
        color: #43536b;
        max-width: 780px;
        line-height: 1.75;
    }

    .react-badge {
        background: rgba(59, 130, 246, 0.12);
        color: #1e40af;
        border: 1px solid rgba(59, 130, 246, 0.25);
        font-weight: 600;
    }

    .react-check {
        color: #334155;
        font-weight: 600;
    }

    .react-check i {
        color: #1e40af;
        margin-right: 6px;
    }

    .react-form-card {
        border: 1px solid #e5eaf2 !important;
        border-radius: 8px;
    }

    .react-metrics strong {
        display: block;
        color: #1e40af;
        font-size: 24px;
        line-height: 1.1;
    }

    .react-metrics span {
        color: #64748b;
        font-size: 13px;
    }

    .react-strength-card,
    .react-expertise-item,
    .react-engage-card,
    .react-stack,
    .react-quality-card,
    .react-service-card {
        background: #fff;
        border: 1px solid #e5eaf2;
        border-radius: 8px;
        padding: 24px;
        height: 100%;
    }

    .react-strength-card h4 {
        margin-top: 12px;
        margin-bottom: 8px;
        font-size: 1.1rem;
    }

    .icon-circle {
        width: 44px;
        height: 44px;
        border-radius: 999px;
        background: rgba(59, 130, 246, 0.1);
        color: #1e40af;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 20px;
    }

    .react-expertise-bg {
        background: #f0f9ff;
    }

    .react-expertise-item {
        display: flex;
        gap: 16px;
    }

    .react-expertise-item i {
        font-size: 28px;
        color: #1e40af;
        margin-top: 4px;
    }

    .react-expertise-item h5 {
        font-size: 1rem;
        margin-bottom: 6px;
    }

    .react-expertise-item ul {
        margin: 0;
        padding-left: 18px;
        font-size: 0.92rem;
        color: #475569;
    }

    .react-engage-card {
        border: 1px solid #e5eaf2;
    }

    .react-engage-card.featured {
        border-color: #1e40af;
        box-shadow: 0 10px 15px -3px rgb(30 64 175 / 0.1);
    }

    .react-engage-card .engage-icon {
        font-size: 28px;
        margin-bottom: 12px;
    }

    .react-engage-list {
        font-size: 0.9rem;
        color: #475569;
        padding-left: 18px;
        margin: 12px 0;
    }

    .react-stack-bg {
        background: #f0f9ff;
    }

    .react-stack h3 {
        font-size: 1rem;
        margin-bottom: 12px;
        color: #0b1b33;
    }

    .react-stack ul {
        margin: 0;
        padding-left: 18px;
        font-size: 0.92rem;
        line-height: 1.7;
        color: #475569;
    }

    .react-section-title {
        color: #0b1b33;
    }

    .react-quality-card h3 {
        font-size: 1.05rem;
        margin-bottom: 10px;
        color: #0b1b33;
    }

    .react-quality-card p {
        font-size: 0.95rem;
        color: #475569;
        line-height: 1.65;
        margin-bottom: 10px;
    }

    .react-quality-list {
        font-size: 0.9rem;
        color: #475569;
        padding-left: 18px;
        margin: 8px 0 0;
    }

    .react-quality-list li {
        margin-bottom: 3px;
    }

    .react-service-card {
        border: 1px solid #e5eaf2;
        border-radius: 10px;
        padding: 28px 26px;
        height: 100%;
        display: flex;
        flex-direction: column;
    }

    .react-service-card .service-icon {
        font-size: 42px;
        line-height: 1;
        margin-bottom: 12px;
    }

    .react-service-card .service-title {
        font-size: 1.15rem;
        font-weight: 700;
        color: #0b1b33;
        margin-bottom: 14px;
        line-height: 1.3;
    }

    .react-service-card .service-meta {
        font-size: 0.9rem;
        color: #475569;
        line-height: 1.55;
        margin-bottom: 10px;
    }

    .react-service-card .service-pricing {
        font-size: 0.9rem;
        color: #334155;
        margin-bottom: 12px;
    }

    .react-service-card .service-desc {
        font-size: 0.92rem;
        color: #475569;
        line-height: 1.55;
        flex: 1;
        margin-bottom: 16px;
    }

    .react-service-card .btn {
        font-weight: 600;
        padding: 9px 16px;
        font-size: 0.95rem;
    }

    .react-faq .accordion-button {
        font-weight: 600;
    }

    .react-cta {
        background: linear-gradient(135deg, #0b1b33 0%, #1e40af 100%);
    }

    /* Custom React Services section */
    .react-services-list {
        max-width: 100%;
    }

    .react-service-item {
        position: relative;
    }

    .react-service-bar {
        width: 4px;
        background-color: #1e40af;
        margin-right: 1rem;
        flex-shrink: 0;
        border-radius: 999px;
        align-self: flex-start;
        margin-top: 4px;
        min-height: 48px;
    }

    .react-service-item h3 {
        color: #0b1b33;
        margin-bottom: 0.25rem;
    }

    .react-service-item p {
        line-height: 1.5;
    }


/* =========================================
   TECHNOLOGIES — TYPESCRIPT
========================================= */

    .ts-hero {
        padding: 85px 0;
        background: linear-gradient(120deg, #f0fdfa 0%, #ccfbf1 48%, #ffffff 100%);
    }

    .ts-heading {
        color: #0b1b33;
        font-size: clamp(2rem, 4vw, 3.5rem);
        line-height: 1.14;
    }

    .ts-lead {
        color: #43536b;
        max-width: 780px;
        line-height: 1.75;
    }

    .ts-badge {
        background: rgba(13, 148, 136, 0.12);
        color: #134e4a;
        border: 1px solid rgba(13, 148, 136, 0.25);
        font-weight: 600;
    }

    .ts-check {
        color: #334155;
        font-weight: 600;
    }

    .ts-check i {
        color: #134e4a;
        margin-right: 6px;
    }

    .ts-form-card {
        border: 1px solid #e5eaf2 !important;
        border-radius: 8px;
    }

    .ts-metrics strong {
        display: block;
        color: #134e4a;
        font-size: 24px;
        line-height: 1.1;
    }

    .ts-metrics span {
        color: #64748b;
        font-size: 13px;
    }

    .ts-strength-card,
    .ts-expertise-item,
    .ts-engage-card,
    .ts-stack,
    .ts-quality-card,
    .ts-service-card {
        background: #fff;
        border: 1px solid #e5eaf2;
        border-radius: 8px;
        padding: 24px;
        height: 100%;
    }

    .ts-strength-card h4 {
        margin-top: 12px;
        margin-bottom: 8px;
        font-size: 1.1rem;
    }

    .icon-circle {
        width: 44px;
        height: 44px;
        border-radius: 999px;
        background: rgba(13, 148, 136, 0.1);
        color: #134e4a;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 20px;
    }

    .ts-expertise-bg {
        background: #f0fdfa;
    }

    .ts-expertise-item {
        display: flex;
        gap: 16px;
    }

    .ts-expertise-item i {
        font-size: 28px;
        color: #134e4a;
        margin-top: 4px;
    }

    .ts-expertise-item h5 {
        font-size: 1rem;
        margin-bottom: 6px;
    }

    .ts-expertise-item ul {
        margin: 0;
        padding-left: 18px;
        font-size: 0.92rem;
        color: #475569;
    }

    .ts-engage-card {
        border: 1px solid #e5eaf2;
    }

    .ts-engage-card.featured {
        border-color: #134e4a;
        box-shadow: 0 10px 15px -3px rgb(19 78 74 / 0.1);
    }

    .ts-engage-card .engage-icon {
        font-size: 28px;
        margin-bottom: 12px;
    }

    .ts-engage-list {
        font-size: 0.9rem;
        color: #475569;
        padding-left: 18px;
        margin: 12px 0;
    }

    .ts-stack-bg {
        background: #f0fdfa;
    }

    .ts-stack h3 {
        font-size: 1rem;
        margin-bottom: 12px;
        color: #0b1b33;
    }

    .ts-stack ul {
        margin: 0;
        padding-left: 18px;
        font-size: 0.92rem;
        line-height: 1.7;
        color: #475569;
    }

    .ts-section-title {
        color: #0b1b33;
    }

    .ts-quality-card h3 {
        font-size: 1.05rem;
        margin-bottom: 10px;
        color: #0b1b33;
    }

    .ts-quality-card p {
        font-size: 0.95rem;
        color: #475569;
        line-height: 1.65;
        margin-bottom: 10px;
    }

    .ts-quality-list {
        font-size: 0.9rem;
        color: #475569;
        padding-left: 18px;
        margin: 8px 0 0;
    }

    .ts-quality-list li {
        margin-bottom: 3px;
    }

    .ts-service-card {
        border: 1px solid #e5eaf2;
        border-radius: 10px;
        padding: 28px 26px;
        height: 100%;
        display: flex;
        flex-direction: column;
    }

    .ts-service-card .service-icon {
        font-size: 42px;
        line-height: 1;
        margin-bottom: 12px;
    }

    .ts-service-card .service-title {
        font-size: 1.15rem;
        font-weight: 700;
        color: #0b1b33;
        margin-bottom: 14px;
        line-height: 1.3;
    }

    .ts-service-card .service-meta {
        font-size: 0.9rem;
        color: #475569;
        line-height: 1.55;
        margin-bottom: 10px;
    }

    .ts-service-card .service-pricing {
        font-size: 0.9rem;
        color: #334155;
        margin-bottom: 12px;
    }

    .ts-service-card .service-desc {
        font-size: 0.92rem;
        color: #475569;
        line-height: 1.55;
        flex: 1;
        margin-bottom: 16px;
    }

    .ts-service-card .btn {
        font-weight: 600;
        padding: 9px 16px;
        font-size: 0.95rem;
    }

    .ts-faq .accordion-button {
        font-weight: 600;
    }

    .ts-cta {
        background: linear-gradient(135deg, #0b1b33 0%, #134e4a 100%);
    }

    /* Custom TypeScript Services section */
    .ts-services-list {
        max-width: 100%;
    }

    .ts-service-item {
        position: relative;
    }

    .ts-service-bar {
        width: 4px;
        background-color: #134e4a;
        margin-right: 1rem;
        flex-shrink: 0;
        border-radius: 999px;
        align-self: flex-start;
        margin-top: 4px;
        min-height: 48px;
    }

    .ts-service-item h3 {
        color: #0b1b33;
        margin-bottom: 0.25rem;
    }

    .ts-service-item p {
        line-height: 1.5;
    }


/* =========================================
   TECHNOLOGIES — VUE
========================================= */

    .vue-hero {
        padding: 85px 0;
        background: linear-gradient(120deg, #f0fdf4 0%, #dcfce7 48%, #ffffff 100%);
    }

    .vue-heading {
        color: #0b1b33;
        font-size: clamp(2rem, 4vw, 3.5rem);
        line-height: 1.14;
    }

    .vue-lead {
        color: #43536b;
        max-width: 780px;
        line-height: 1.75;
    }

    .vue-badge {
        background: rgba(16, 185, 129, 0.12);
        color: #166534;
        border: 1px solid rgba(16, 185, 129, 0.25);
        font-weight: 600;
    }

    .vue-check {
        color: #334155;
        font-weight: 600;
    }

    .vue-check i {
        color: #166534;
        margin-right: 6px;
    }

    .vue-form-card {
        border: 1px solid #e5eaf2 !important;
        border-radius: 8px;
    }

    .vue-metrics strong {
        display: block;
        color: #166534;
        font-size: 24px;
        line-height: 1.1;
    }

    .vue-metrics span {
        color: #64748b;
        font-size: 13px;
    }

    .vue-strength-card,
    .vue-expertise-item,
    .vue-engage-card,
    .vue-stack,
    .vue-quality-card,
    .vue-service-card {
        background: #fff;
        border: 1px solid #e5eaf2;
        border-radius: 8px;
        padding: 24px;
        height: 100%;
    }

    .vue-strength-card h4 {
        margin-top: 12px;
        margin-bottom: 8px;
        font-size: 1.1rem;
    }

    .icon-circle {
        width: 44px;
        height: 44px;
        border-radius: 999px;
        background: rgba(16, 185, 129, 0.1);
        color: #166534;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 20px;
    }

    .vue-expertise-bg {
        background: #f0fdf4;
    }

    .vue-expertise-item {
        display: flex;
        gap: 16px;
    }

    .vue-expertise-item i {
        font-size: 28px;
        color: #166534;
        margin-top: 4px;
    }

    .vue-expertise-item h5 {
        font-size: 1rem;
        margin-bottom: 6px;
    }

    .vue-expertise-item ul {
        margin: 0;
        padding-left: 18px;
        font-size: 0.92rem;
        color: #475569;
    }

    .vue-engage-card {
        border: 1px solid #e5eaf2;
    }

    .vue-engage-card.featured {
        border-color: #166534;
        box-shadow: 0 10px 15px -3px rgb(22 101 52 / 0.1);
    }

    .vue-engage-card .engage-icon {
        font-size: 28px;
        margin-bottom: 12px;
    }

    .vue-engage-list {
        font-size: 0.9rem;
        color: #475569;
        padding-left: 18px;
        margin: 12px 0;
    }

    .vue-stack-bg {
        background: #f0fdf4;
    }

    .vue-stack h3 {
        font-size: 1rem;
        margin-bottom: 12px;
        color: #0b1b33;
    }

    .vue-stack ul {
        margin: 0;
        padding-left: 18px;
        font-size: 0.92rem;
        line-height: 1.7;
        color: #475569;
    }

    .vue-section-title {
        color: #0b1b33;
    }

    .vue-quality-card h3 {
        font-size: 1.05rem;
        margin-bottom: 10px;
        color: #0b1b33;
    }

    .vue-quality-card p {
        font-size: 0.95rem;
        color: #475569;
        line-height: 1.65;
        margin-bottom: 10px;
    }

    .vue-quality-list {
        font-size: 0.9rem;
        color: #475569;
        padding-left: 18px;
        margin: 8px 0 0;
    }

    .vue-quality-list li {
        margin-bottom: 3px;
    }

    .vue-service-card {
        border: 1px solid #e5eaf2;
        border-radius: 10px;
        padding: 28px 26px;
        height: 100%;
        display: flex;
        flex-direction: column;
    }

    .vue-service-card .service-icon {
        font-size: 42px;
        line-height: 1;
        margin-bottom: 12px;
    }

    .vue-service-card .service-title {
        font-size: 1.15rem;
        font-weight: 700;
        color: #0b1b33;
        margin-bottom: 14px;
        line-height: 1.3;
    }

    .vue-service-card .service-meta {
        font-size: 0.9rem;
        color: #475569;
        line-height: 1.55;
        margin-bottom: 10px;
    }

    .vue-service-card .service-pricing {
        font-size: 0.9rem;
        color: #334155;
        margin-bottom: 12px;
    }

    .vue-service-card .service-desc {
        font-size: 0.92rem;
        color: #475569;
        line-height: 1.55;
        flex: 1;
        margin-bottom: 16px;
    }

    .vue-service-card .btn {
        font-weight: 600;
        padding: 9px 16px;
        font-size: 0.95rem;
    }

    .vue-faq .accordion-button {
        font-weight: 600;
    }

    .vue-cta {
        background: linear-gradient(135deg, #0b1b33 0%, #166534 100%);
    }

    /* Custom Vue Services section */
    .vue-services-list {
        max-width: 100%;
    }

    .vue-service-item {
        position: relative;
    }

    .vue-service-bar {
        width: 4px;
        background-color: #166534;
        margin-right: 1rem;
        flex-shrink: 0;
        border-radius: 999px;
        align-self: flex-start;
        margin-top: 4px;
        min-height: 48px;
    }

    .vue-service-item h3 {
        color: #0b1b33;
        margin-bottom: 0.25rem;
    }

    .vue-service-item p {
        line-height: 1.5;
    }


/* =========================================
   TECHNOLOGIES — XAMARIN
========================================= */

    .xm-hero {
        padding: 85px 0;
        background: linear-gradient(125deg, #f5f1ff 0%, #ffffff 42%, #eef6ff 100%);
    }

    .xm-hero-shape {
        position: absolute;
        top: -120px;
        right: -80px;
        width: 360px;
        height: 360px;
        border-radius: 42% 58% 63% 37% / 36% 42% 58% 64%;
        background: linear-gradient(135deg, rgba(81, 43, 212, 0.16), rgba(43, 11, 152, 0.08));
        pointer-events: none;
    }

    .xm-platform-strip {
        display: inline-flex;
        align-items: center;
        gap: 12px;
        padding: 10px 16px;
        border-radius: 999px;
        background: #ffffff;
        border: 1px solid rgba(81, 43, 212, 0.16);
        box-shadow: 0 10px 28px rgba(43, 11, 152, 0.08);
        font-weight: 700;
        color: #2b0b98;
        font-size: 0.9rem;
    }

    .xm-platform-strip i {
        margin-right: 4px;
    }

    .xm-bridge {
        padding: 4px 10px;
        border-radius: 999px;
        background: rgba(81, 43, 212, 0.1);
        color: #512bd4;
        font-size: 0.78rem;
        font-weight: 800;
        letter-spacing: 0.04em;
        text-transform: uppercase;
    }

    .xm-heading {
        color: #1b1238;
        font-size: clamp(2rem, 4vw, 3.4rem);
        line-height: 1.12;
    }

    .xm-lead {
        color: #4b5568;
        max-width: 640px;
        line-height: 1.75;
    }

    .xm-badge {
        background: rgba(81, 43, 212, 0.1);
        color: #512bd4;
        border: 1px solid rgba(81, 43, 212, 0.22);
        font-weight: 600;
    }

    .xm-eyebrow {
        display: inline-block;
        margin-bottom: 12px;
        font-size: 0.82rem;
        font-weight: 700;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        color: #512bd4;
    }

    .xm-check {
        color: #334155;
        font-weight: 600;
    }

    .xm-check i {
        color: #512bd4;
        margin-right: 6px;
    }

    .xm-metrics strong {
        display: block;
        color: #512bd4;
        font-size: 24px;
        line-height: 1.1;
    }

    .xm-metrics span {
        color: #64748b;
        font-size: 13px;
    }

    .xm-hero-panel {
        position: relative;
    }

    .xm-hero-image {
        border-radius: 24px;
        border: 1px solid rgba(81, 43, 212, 0.14);
        box-shadow: 0 24px 60px rgba(43, 11, 152, 0.12);
    }

    .xm-hero-badge {
        position: absolute;
        left: 20px;
        bottom: 20px;
        display: flex;
        align-items: center;
        gap: 12px;
        padding: 12px 16px;
        border-radius: 16px;
        background: rgba(255, 255, 255, 0.94);
        border: 1px solid rgba(81, 43, 212, 0.14);
        box-shadow: 0 12px 30px rgba(43, 11, 152, 0.12);
    }

    .xm-hero-badge strong {
        display: block;
        color: #1b1238;
        font-size: 0.92rem;
    }

    .xm-hero-badge span {
        color: #64748b;
        font-size: 0.8rem;
    }

    .xm-section-title {
        color: #1b1238;
    }

    .xm-soft-bg {
        background: linear-gradient(180deg, #f7f4ff 0%, #f2f8ff 100%);
    }

    .xm-service-tile {
        height: 100%;
        background: #ffffff;
        border: 1px solid rgba(81, 43, 212, 0.12);
        border-radius: 18px;
        padding: 26px;
        box-shadow: 0 12px 30px rgba(43, 11, 152, 0.05);
        transition: transform 0.25s ease, box-shadow 0.25s ease;
    }

    .xm-service-tile:hover {
        transform: translateY(-4px);
        box-shadow: 0 18px 40px rgba(43, 11, 152, 0.1);
    }

    .xm-service-tile i {
        display: inline-flex;
        width: 46px;
        height: 46px;
        align-items: center;
        justify-content: center;
        border-radius: 14px;
        background: rgba(81, 43, 212, 0.1);
        color: #512bd4;
        font-size: 22px;
        margin-bottom: 14px;
    }

    .xm-service-tile h3 {
        color: #1b1238;
        font-size: 1.05rem;
        margin-bottom: 8px;
    }

    .xm-service-tile p {
        color: #64748b;
        margin-bottom: 0;
        line-height: 1.7;
        font-size: 0.95rem;
    }

    .xm-platform-image {
        border: 1px solid rgba(81, 43, 212, 0.12);
    }

    .xm-compare {
        display: grid;
        gap: 16px;
    }

    .xm-compare-card {
        background: #ffffff;
        border: 1px solid rgba(81, 43, 212, 0.12);
        border-radius: 16px;
        padding: 22px 24px;
        box-shadow: 0 10px 28px rgba(43, 11, 152, 0.05);
    }

    .xm-compare-alt {
        border-color: #512bd4;
        background: linear-gradient(180deg, #ffffff 0%, #f7f4ff 100%);
    }

    .xm-compare-card h3 {
        color: #1b1238;
        font-size: 1.05rem;
        margin-bottom: 8px;
    }

    .xm-compare-card p {
        color: #64748b;
        margin-bottom: 10px;
        line-height: 1.65;
        font-size: 0.94rem;
    }

    .xm-compare-card ul {
        margin: 0;
        padding-left: 18px;
        color: #64748b;
        font-size: 0.92rem;
        line-height: 1.7;
    }

    .xm-strength {
        height: 100%;
        background: #ffffff;
        border: 1px solid rgba(81, 43, 212, 0.12);
        border-radius: 16px;
        padding: 24px;
        text-align: center;
        box-shadow: 0 10px 28px rgba(43, 11, 152, 0.05);
    }

    .xm-strength-icon {
        width: 52px;
        height: 52px;
        margin: 0 auto 14px;
        border-radius: 16px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: rgba(81, 43, 212, 0.1);
        color: #512bd4;
        font-size: 24px;
    }

    .xm-strength h4 {
        color: #1b1238;
        font-size: 1.02rem;
        margin-bottom: 8px;
    }

    .xm-strength p {
        color: #64748b;
        margin-bottom: 0;
        line-height: 1.7;
        font-size: 0.92rem;
    }

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

    .xm-engage-item {
        background: #ffffff;
        border: 1px solid rgba(81, 43, 212, 0.12);
        border-radius: 16px;
        padding: 24px;
        box-shadow: 0 10px 28px rgba(43, 11, 152, 0.05);
    }

    .xm-engage-featured {
        border-color: #512bd4;
        box-shadow: 0 16px 36px rgba(81, 43, 212, 0.12);
        transform: translateY(-4px);
    }

    .xm-engage-item h4 {
        color: #1b1238;
        margin-bottom: 10px;
        font-weight: 800;
    }

    .xm-engage-item p {
        color: #64748b;
        margin-bottom: 0;
        line-height: 1.7;
        font-size: 0.92rem;
    }

    .xm-stack-lanes {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 16px;
    }

    .xm-stack-lane {
        background: #ffffff;
        border-top: 4px solid #512bd4;
        border-radius: 0 0 16px 16px;
        border-left: 1px solid rgba(81, 43, 212, 0.12);
        border-right: 1px solid rgba(81, 43, 212, 0.12);
        border-bottom: 1px solid rgba(81, 43, 212, 0.12);
        padding: 22px 20px;
        box-shadow: 0 10px 28px rgba(43, 11, 152, 0.05);
    }

    .xm-stack-lane h3 {
        color: #1b1238;
        font-size: 1rem;
        margin-bottom: 14px;
    }

    .xm-stack-lane span {
        display: block;
        color: #64748b;
        padding: 7px 0;
        border-bottom: 1px solid #f0ebff;
        font-size: 0.92rem;
    }

    .xm-stack-lane span:last-child {
        border-bottom: 0;
    }

    .xm-dark {
        background: linear-gradient(135deg, #1b1238 0%, #2b0b98 55%, #512bd4 100%);
    }

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

    .xm-step {
        background: rgba(255, 255, 255, 0.08);
        border: 1px solid rgba(255, 255, 255, 0.14);
        border-radius: 16px;
        padding: 22px;
    }

    .xm-step span {
        display: inline-block;
        color: #d8c9ff;
        font-weight: 800;
        margin-bottom: 10px;
    }

    .xm-step h3 {
        color: #ffffff;
        font-size: 1.02rem;
        margin-bottom: 8px;
    }

    .xm-step p {
        color: rgba(255, 255, 255, 0.72);
        margin-bottom: 0;
        line-height: 1.65;
        font-size: 0.92rem;
    }

    .xm-industry {
        background: #ffffff;
        border: 1px solid rgba(81, 43, 212, 0.12);
        border-radius: 12px;
        padding: 16px 18px;
        color: #1b1238;
        font-weight: 700;
        box-shadow: 0 8px 24px rgba(43, 11, 152, 0.04);
    }

    .xm-industry i {
        color: #512bd4;
        margin-right: 10px;
        font-size: 20px;
        vertical-align: middle;
    }

    .xm-form-card {
        border-radius: 18px;
        border: 1px solid rgba(81, 43, 212, 0.12) !important;
    }

    .xm-faq .accordion-item {
        border: 1px solid rgba(81, 43, 212, 0.12);
        border-radius: 12px;
        overflow: hidden;
        margin-bottom: 12px;
    }

    .xm-faq .accordion-button {
        font-weight: 700;
        color: #1b1238;
    }

    .xm-cta {
        background: linear-gradient(135deg, #2b0b98 0%, #512bd4 55%, #7c5cff 100%);
    }

    @media (max-width: 991px) {
        .xm-engage-grid,
        .xm-stack-lanes,
        .xm-steps {
            grid-template-columns: 1fr;
        }

        .xm-engage-featured {
            transform: none;
        }
    }

    @media (max-width: 768px) {
        .xm-hero {
            padding: 60px 0;
            text-align: center;
        }

        .xm-platform-strip {
            flex-wrap: wrap;
            justify-content: center;
        }

        .xm-hero-badge {
            position: static;
            margin-top: 14px;
            text-align: left;
        }
    }


/* =========================================
   TECHNOLOGIES — DOTNET (second style block: hover-card)
========================================= */

    .hover-card {
        transition: all 0.25s ease;
    }

        .hover-card:hover {
            transform: translateY(-6px);
            box-shadow: 0 12px 30px rgba(0,0,0,0.08);
            border-color: #cfe0ff;
        }