.letter-space-2 {
    letter-spacing: 0.14em;
}

.wdp-hero {
    background:
        radial-gradient(circle at top left, rgba(37, 99, 235, 0.12), transparent 22%),
        radial-gradient(circle at bottom right, rgba(14, 165, 233, 0.12), transparent 24%),
        linear-gradient(180deg, #f8fbff 0%, #ffffff 100%);
}

.wdp-badge {
    color: #1d4ed8;
}

.wdp-hero-card,
.wdp-stat-card,
.wdp-feature-card,
.wdp-proof-card,
.wdp-process-card {
    border-radius: 1.5rem;
}

.wdp-hero-card {
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
}

.wdp-icon-circle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    border-radius: 999px;
    background: linear-gradient(135deg, #dbeafe, #e0f2fe);
    color: #1d4ed8;
    font-size: 1.125rem;
    flex-shrink: 0;
}

.wdp-stat-card,
.wdp-feature-card,
.wdp-process-card,
.wdp-mini-panel {
    transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}

.wdp-stat-card:hover,
.wdp-feature-card:hover,
.wdp-process-card:hover,
.wdp-mini-panel:hover {
    transform: translateY(-6px);
    box-shadow: 0 1.25rem 2.5rem rgba(15, 23, 42, 0.12) !important;
}

.wdp-section-soft {
    background: linear-gradient(180deg, #fffdf8 0%, #f5fbff 100%);
}

.wdp-proof-card {
    background: linear-gradient(145deg, #ffffff 0%, #f9fbff 100%);
}

.wdp-mini-panel {
    height: 100%;
    padding: 1.25rem;
    border-radius: 1.25rem;
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid rgba(37, 99, 235, 0.08);
}

.wdp-industry-card,
.wdp-project-card {
    border-radius: 1.5rem;
    transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}

.wdp-industry-card:hover,
.wdp-project-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 1.25rem 2.5rem rgba(15, 23, 42, 0.12) !important;
}

.wdp-industry-card .fa-solid,
.wdp-project-card .fa-solid {
    transition: transform 0.22s ease;
}

.wdp-industry-card:hover .fa-solid,
.wdp-project-card:hover .fa-solid {
    transform: scale(1.08);
}

.wdp-industry-cta {
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
}

.wdp-step {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    border-radius: 1rem;
    background: linear-gradient(135deg, #2563eb, #0ea5e9);
    color: #fff;
    font-weight: 700;
}

.wdp-cta-section .card {
    border-radius: 2rem;
    background: linear-gradient(135deg, #0f172a 0%, #1d4ed8 56%, #0ea5e9 100%);
}

.wdp-cta-section .btn-outline-light:hover {
    color: #0f172a;
}

@media (max-width: 767.98px) {
    .wdp-hero,
    .wdp-section-soft,
    .wdp-cta-section,
    .wdp-industry-cta {
        overflow: hidden;
    }
}

.wdsg-badge {
    color: #ca2f2a;
    background: rgba(202, 47, 42, 0.06);
}

.wdsg-hero {
    background:
        radial-gradient(circle at top left, rgba(202, 47, 42, 0.14), transparent 22%),
        radial-gradient(circle at bottom right, rgba(37, 99, 235, 0.12), transparent 24%),
        linear-gradient(180deg, #fff7f6 0%, #ffffff 100%);
}

.wdsg-hero-card,
.wdsg-stat-card,
.wdsg-service-card,
.wdsg-mini-card,
.wdsg-process-card,
.wdsg-showcase-card,
.wdsg-color-card {
    border-radius: 1.5rem;
}

.wdsg-hero-card,
.wdsg-showcase-card {
    background: linear-gradient(180deg, #ffffff 0%, #fff9f8 100%);
}

.wdsg-icon-circle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    border-radius: 999px;
    color: #fff;
    font-size: 1.125rem;
    flex-shrink: 0;
}

.wdsg-stat-card,
.wdsg-service-card,
.wdsg-mini-card,
.wdsg-process-card,
.wdsg-color-card,
.wdsg-pill-box {
    transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease, background-color 0.22s ease;
}

.wdsg-stat-card:hover,
.wdsg-service-card:hover,
.wdsg-mini-card:hover,
.wdsg-process-card:hover,
.wdsg-color-card:hover {
    transform: translateY(-7px);
    box-shadow: 0 1.35rem 2.6rem rgba(15, 23, 42, 0.14) !important;
}

.wdsg-stat-card i,
.wdsg-service-card i,
.wdsg-mini-card i,
.wdsg-color-card i {
    transition: transform 0.22s ease;
}

.wdsg-stat-card:hover i,
.wdsg-service-card:hover i,
.wdsg-mini-card:hover i,
.wdsg-color-card:hover i {
    transform: scale(1.1);
}

.wdsg-section-soft {
    background: linear-gradient(180deg, #fff9f8 0%, #f5f9ff 100%);
}

.wdsg-highlight-card {
    border-radius: 1.75rem;
    background: linear-gradient(145deg, #ffffff 0%, #fff8f7 100%);
}

.wdsg-step {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    border-radius: 1rem;
    background: linear-gradient(135deg, #ca2f2a, #f97316);
    color: #fff;
    font-weight: 700;
}

.wdsg-showcase-section {
    background: linear-gradient(180deg, #ffffff 0%, #fff8f4 100%);
}

.wdsg-pill-box {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    height: 100%;
    padding: 1rem 1.1rem;
    border-radius: 1rem;
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid rgba(202, 47, 42, 0.08);
}

.wdsg-pill-box:hover {
    transform: translateY(-4px);
    box-shadow: 0 1rem 2rem rgba(15, 23, 42, 0.1);
}

.wdsg-pill-box span {
    font-size: 0.95rem;
    color: #334155;
    font-weight: 600;
}

.wdsg-cta-section .card {
    border-radius: 2rem;
    background: linear-gradient(135deg, #7f1d1d 0%, #ca2f2a 48%, #f97316 100%);
}

.wdsg-cta-section .btn-outline-light:hover {
    color: #7f1d1d;
}

.wdsg-accent-red {
    --wdsg-accent: #ca2f2a;
    --wdsg-soft: rgba(202, 47, 42, 0.08);
}

.wdsg-accent-blue {
    --wdsg-accent: #2563eb;
    --wdsg-soft: rgba(37, 99, 235, 0.08);
}

.wdsg-accent-orange {
    --wdsg-accent: #f97316;
    --wdsg-soft: rgba(249, 115, 22, 0.1);
}

.wdsg-accent-purple {
    --wdsg-accent: #7c3aed;
    --wdsg-soft: rgba(124, 58, 237, 0.09);
}

.wdsg-accent-red i,
.wdsg-accent-blue i,
.wdsg-accent-orange i,
.wdsg-accent-purple i {
    color: var(--wdsg-accent);
}

.wdsg-accent-red .card-body,
.wdsg-accent-blue .card-body,
.wdsg-accent-orange .card-body,
.wdsg-accent-purple .card-body {
    position: relative;
}

.wdsg-stat-card,
.wdsg-service-card,
.wdsg-mini-card,
.wdsg-process-card,
.wdsg-color-card {
    background: linear-gradient(180deg, #ffffff 0%, #ffffff 100%);
    border: 1px solid transparent;
}

.wdsg-accent-red {
    box-shadow: inset 0 0 0 1px rgba(202, 47, 42, 0.08);
}

.wdsg-accent-blue {
    box-shadow: inset 0 0 0 1px rgba(37, 99, 235, 0.08);
}

.wdsg-accent-orange {
    box-shadow: inset 0 0 0 1px rgba(249, 115, 22, 0.1);
}

.wdsg-accent-purple {
    box-shadow: inset 0 0 0 1px rgba(124, 58, 237, 0.09);
}

.wdsg-accent-red:hover,
.wdsg-accent-blue:hover,
.wdsg-accent-orange:hover,
.wdsg-accent-purple:hover {
    border-color: var(--wdsg-accent);
}

@media (max-width: 767.98px) {
    .wdsg-hero,
    .wdsg-section-soft,
    .wdsg-showcase-section,
    .wdsg-cta-section {
        overflow: hidden;
    }
}

.crms-badge {
    color: #ca2f2a;
    background: rgba(202, 47, 42, 0.06);
}

.crms-hero {
    background:
        radial-gradient(circle at top left, rgba(202, 47, 42, 0.14), transparent 22%),
        radial-gradient(circle at bottom right, rgba(37, 99, 235, 0.12), transparent 24%),
        linear-gradient(180deg, #fff7f6 0%, #ffffff 100%);
}

.crms-hero-card,
.crms-stat-card,
.crms-feature-card,
.crms-benefit-card,
.crms-process-card,
.crms-module-card,
.crms-results-card {
    border-radius: 1.5rem;
}

.crms-hero-card,
.crms-results-card,
.crms-highlight-card {
    background: linear-gradient(180deg, #ffffff 0%, #fff9f8 100%);
}

.crms-stat-card,
.crms-feature-card,
.crms-benefit-card,
.crms-process-card,
.crms-module-card,
.crms-pill-box,
.crms-mini-box {
    transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease, background-color 0.22s ease;
}

.crms-stat-card:hover,
.crms-feature-card:hover,
.crms-benefit-card:hover,
.crms-process-card:hover,
.crms-module-card:hover,
.crms-pill-box:hover,
.crms-mini-box:hover {
    transform: translateY(-7px);
    box-shadow: 0 1.35rem 2.6rem rgba(15, 23, 42, 0.14) !important;
}

.crms-stat-card i,
.crms-feature-card i,
.crms-benefit-card i,
.crms-module-card i {
    transition: transform 0.22s ease;
}

.crms-stat-card:hover i,
.crms-feature-card:hover i,
.crms-benefit-card:hover i,
.crms-module-card:hover i {
    transform: scale(1.1);
}

.crms-section-soft {
    background: linear-gradient(180deg, #fff9f8 0%, #f5f9ff 100%);
}

.crms-highlight-card {
    border-radius: 1.75rem;
}

.crms-list-box {
    display: flex;
    align-items: flex-start;
    gap: 0.85rem;
    padding: 1rem 1.1rem;
    border-radius: 1rem;
    background: #fff;
    border: 1px solid rgba(202, 47, 42, 0.08);
    box-shadow: 0 0.8rem 1.7rem rgba(15, 23, 42, 0.06);
}

.crms-mini-box {
    height: 100%;
    padding: 1rem;
    border-radius: 1rem;
    background: #fff;
    border: 1px solid transparent;
}

.crms-mini-box strong {
    display: block;
    font-size: 1.35rem;
    line-height: 1;
    margin-bottom: 0.35rem;
}

.crms-mini-box span {
    color: #64748b;
    font-size: 0.92rem;
    font-weight: 600;
}

.crms-icon-box {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3.4rem;
    height: 3.4rem;
    border-radius: 1rem;
    font-size: 1.15rem;
    background: var(--crms-soft);
    color: var(--crms-accent);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.65);
}

.crms-step {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    border-radius: 1rem;
    background: linear-gradient(135deg, #ca2f2a, #f97316);
    color: #fff;
    font-weight: 700;
}

.crms-results-section {
    background: linear-gradient(180deg, #ffffff 0%, #fff8f4 100%);
}

.crms-pill-box {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    height: 100%;
    padding: 1rem 1.1rem;
    border-radius: 1rem;
    background: rgba(255, 255, 255, 0.92);
    border: 1px solid rgba(202, 47, 42, 0.08);
}

.crms-pill-box span {
    font-size: 0.95rem;
    color: #334155;
    font-weight: 600;
}

.crms-cta-section .card {
    border-radius: 2rem;
    background: linear-gradient(135deg, #7f1d1d 0%, #ca2f2a 48%, #f97316 100%);
}

.crms-cta-section .btn-outline-light:hover {
    color: #7f1d1d;
}

.crms-accent-red {
    --crms-accent: #ca2f2a;
    --crms-soft: rgba(202, 47, 42, 0.08);
}

.crms-accent-blue {
    --crms-accent: #2563eb;
    --crms-soft: rgba(37, 99, 235, 0.08);
}

.crms-accent-orange {
    --crms-accent: #f97316;
    --crms-soft: rgba(249, 115, 22, 0.1);
}

.crms-accent-purple {
    --crms-accent: #7c3aed;
    --crms-soft: rgba(124, 58, 237, 0.09);
}

.crms-accent-red i,
.crms-accent-blue i,
.crms-accent-orange i,
.crms-accent-purple i {
    color: var(--crms-accent);
}

.crms-stat-card,
.crms-feature-card,
.crms-benefit-card,
.crms-process-card,
.crms-module-card,
.crms-mini-box {
    background: linear-gradient(180deg, #ffffff 0%, #ffffff 100%);
    border: 1px solid transparent;
}

.crms-accent-red {
    box-shadow: inset 0 0 0 1px rgba(202, 47, 42, 0.11);
}

.crms-accent-blue {
    box-shadow: inset 0 0 0 1px rgba(37, 99, 235, 0.11);
}

.crms-accent-orange {
    box-shadow: inset 0 0 0 1px rgba(249, 115, 22, 0.12);
}

.crms-accent-purple {
    box-shadow: inset 0 0 0 1px rgba(124, 58, 237, 0.11);
}

.crms-accent-red:hover,
.crms-accent-blue:hover,
.crms-accent-orange:hover,
.crms-accent-purple:hover {
    border-color: var(--crms-accent);
}

@media (max-width: 767.98px) {
    .crms-hero,
    .crms-section-soft,
    .crms-results-section,
    .crms-cta-section {
        overflow: hidden;
    }
}

.crmx-hero {
    background:
        radial-gradient(circle at top left, rgba(34, 211, 238, 0.16), transparent 22%),
        radial-gradient(circle at bottom right, rgba(250, 204, 21, 0.14), transparent 22%),
        linear-gradient(135deg, #081120 0%, #0f1c33 52%, #13253f 100%);
}

.crmx-kicker {
    color: #fff;
    background: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.18);
}

.crmx-outline-chip {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    padding: 0.95rem 1.05rem;
    border-radius: 1rem;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.12);
    color: #fff;
    box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.16);
    transition: transform 0.22s ease, border-color 0.22s ease, box-shadow 0.22s ease;
}

.crmx-outline-chip i {
    color: #facc15;
}

.crmx-outline-chip:hover {
    transform: translateY(-4px);
    border-color: rgba(255, 255, 255, 0.28);
    box-shadow: 0 1.2rem 2.3rem rgba(0, 0, 0, 0.22);
}

.crmx-command-card {
    padding: 1.5rem;
    border-radius: 1.75rem;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(246, 248, 252, 0.96) 100%);
    border: 1px solid rgba(255, 255, 255, 0.7);
}

.crm-command-top small {
    color: #64748b;
    letter-spacing: 0.12em;
}

.crm-command-dot {
    width: 0.8rem;
    height: 0.8rem;
    border-radius: 999px;
    display: inline-block;
}

.crm-command-stack {
    display: grid;
    gap: 1rem;
}

.crm-command-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.15rem 1.2rem;
    border-radius: 1.25rem;
    background: #fff;
    border: 1px solid transparent;
    box-shadow: 0 1rem 2rem rgba(15, 23, 42, 0.07);
    transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}

.crm-command-row h3 {
    font-size: 1rem;
    font-weight: 700;
    margin: 0;
    color: #0f172a;
}

.crm-command-row i {
    font-size: 1.4rem;
    flex-shrink: 0;
}

.crm-command-row:hover {
    transform: translateX(6px);
    box-shadow: 0 1.2rem 2.4rem rgba(15, 23, 42, 0.12);
}

.crm-command-label {
    display: inline-block;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    font-weight: 700;
    margin-bottom: 0.35rem;
    color: #64748b;
}

.crmx-section-label {
    color: #0ea5b7;
    letter-spacing: 0.16em;
}

.crmx-problem-section {
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
}

.crmx-problem-card {
    padding: 1.6rem;
    border-radius: 1.5rem;
    background: #fff;
    border: 1px solid rgba(15, 23, 42, 0.06);
    box-shadow: 0 1.2rem 2.5rem rgba(15, 23, 42, 0.07);
    transition: transform 0.22s ease, box-shadow 0.22s ease;
}

.crmx-problem-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 1.5rem 2.8rem rgba(15, 23, 42, 0.11);
}

.crm-problem-head {
    display: inline-flex;
    align-items: center;
    gap: 0.7rem;
    padding: 0.65rem 0.95rem;
    border-radius: 999px;
    margin-bottom: 1rem;
    background: #fff;
    border: 1px solid transparent;
    font-weight: 700;
}

.crm-feature-intro {
    top: 90px;
}

.crm-module-panel {
    padding: 1.5rem;
    border-radius: 1.5rem;
    background: #fff;
    border: 1px solid transparent;
    box-shadow: 0 1rem 2.2rem rgba(15, 23, 42, 0.08);
}

.crm-module-panel + .crm-module-panel {
    margin-top: 1rem;
}

.crm-module-panel:hover {
    box-shadow: 0 1.4rem 2.6rem rgba(15, 23, 42, 0.12);
}

.crm-module-no {
    width: 4rem;
    height: 4rem;
    border-radius: 1.25rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #0f172a;
    color: #fff;
    font-weight: 800;
    font-size: 1.1rem;
}

.crmx-panel-icon {
    font-size: 2rem;
}

.crmx-feature-band {
    background:
        linear-gradient(180deg, #f8fbff 0%, #ffffff 100%);
}

.crmx-process-section {
    background: linear-gradient(180deg, #fffef8 0%, #ffffff 100%);
}

.crm-timeline-wrap {
    position: relative;
}

.crm-timeline-wrap::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
    width: 2px;
    background: linear-gradient(180deg, rgba(14, 165, 183, 0.22), rgba(244, 114, 182, 0.22), rgba(132, 204, 22, 0.22));
    transform: translateX(-50%);
}

.crm-timeline-card {
    position: relative;
    height: 100%;
    padding: 1.5rem;
    border-radius: 1.5rem;
    background: #fff;
    border: 1px solid transparent;
    box-shadow: 0 1.1rem 2.4rem rgba(15, 23, 42, 0.07);
    transition: transform 0.22s ease, box-shadow 0.22s ease;
}

.crm-timeline-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 1.5rem 2.8rem rgba(15, 23, 42, 0.11);
}

.crm-timeline-step {
    display: inline-block;
    margin-bottom: 0.9rem;
    padding: 0.45rem 0.8rem;
    border-radius: 999px;
    background: #0f172a;
    color: #fff;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.crmx-metrics-section {
    background:
        radial-gradient(circle at top right, rgba(34, 211, 238, 0.12), transparent 18%),
        linear-gradient(135deg, #081120 0%, #10192c 100%);
}

.crm-metric-tile {
    height: 100%;
    padding: 1.3rem;
    border-radius: 1.35rem;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid transparent;
    color: #fff;
    box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.18);
    transition: transform 0.22s ease, box-shadow 0.22s ease;
}

.crm-metric-tile strong {
    display: block;
    font-size: 1.45rem;
    margin-bottom: 0.4rem;
}

.crm-metric-tile span {
    color: rgba(255, 255, 255, 0.74);
}

.crm-metric-tile:hover {
    transform: translateY(-5px);
    box-shadow: 0 1.25rem 2.4rem rgba(0, 0, 0, 0.24);
}

.crmx-cta-section {
    background: linear-gradient(180deg, #ffffff 0%, #fff8f8 100%);
}

.crm-final-box {
    padding: 2rem;
    border-radius: 2rem;
    background: #fff;
    border: 1px solid rgba(15, 23, 42, 0.07);
    box-shadow: 0 1.4rem 3rem rgba(15, 23, 42, 0.09);
}

.crmx-bd-cyan {
    border-color: rgba(14, 165, 183, 0.42) !important;
}

.crmx-bd-cyan i {
    color: #0ea5b7;
}

.crmx-bd-orange {
    border-color: rgba(249, 115, 22, 0.38) !important;
}

.crmx-bd-orange i {
    color: #f97316;
}

.crmx-bd-pink {
    border-color: rgba(244, 114, 182, 0.38) !important;
}

.crmx-bd-pink i {
    color: #f472b6;
}

.crmx-bd-lime {
    border-color: rgba(132, 204, 22, 0.38) !important;
}

.crmx-bd-lime i {
    color: #84cc16;
}

@media (max-width: 991.98px) {
    .crm-feature-intro {
        position: static !important;
    }

    .crm-timeline-wrap::before {
        display: none;
    }
}

@media (max-width: 767.98px) {
    .crmx-hero,
    .crmx-metrics-section {
        overflow: hidden;
    }

    .crm-command-row,
    .crmx-outline-chip {
        padding: 1rem;
    }

    .crm-final-box {
        padding: 1.4rem;
    }
}

.seop-hero {
    background:
        radial-gradient(circle at top left, rgba(59, 130, 246, 0.12), transparent 20%),
        radial-gradient(circle at bottom right, rgba(244, 114, 182, 0.12), transparent 20%),
        linear-gradient(180deg, #fffdfb 0%, #ffffff 100%);
}

.seop-kicker {
    background: rgba(15, 23, 42, 0.06);
    color: #0f172a;
    border: 1px solid rgba(15, 23, 42, 0.08);
}

.seop-section-label {
    color: #2563eb;
    letter-spacing: 0.16em;
}

.seop-tag-card {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 1rem 1.1rem;
    border-radius: 1rem;
    background: #fff;
    border: 1px solid transparent;
    box-shadow: 0 1rem 2rem rgba(15, 23, 42, 0.06);
    font-weight: 600;
    color: #0f172a;
    transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}

.seop-tag-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 1.3rem 2.4rem rgba(15, 23, 42, 0.11);
}

.seop-serp-card {
    padding: 1.4rem;
    border-radius: 1.75rem;
    background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
    border: 1px solid rgba(15, 23, 42, 0.06);
}

.seop-browser-bar {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    flex-wrap: wrap;
    margin-bottom: 1rem;
}

.seop-dot {
    width: 0.8rem;
    height: 0.8rem;
    border-radius: 999px;
    display: inline-block;
}

.seop-search-line {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    flex: 1 1 280px;
    min-height: 48px;
    padding: 0.75rem 1rem;
    border-radius: 999px;
    background: #fff;
    border: 1px solid rgba(15, 23, 42, 0.08);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.55);
    color: #475569;
}

.seop-serp-list {
    display: grid;
    gap: 1rem;
}

.seop-result-item {
    padding: 1.15rem 1.2rem;
    border-radius: 1.25rem;
    background: #fff;
    border: 1px solid transparent;
    box-shadow: 0 1rem 2rem rgba(15, 23, 42, 0.06);
    transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}

.seop-result-item:hover {
    transform: translateX(5px);
    box-shadow: 0 1.2rem 2.3rem rgba(15, 23, 42, 0.1);
}

.seop-result-item small {
    display: inline-block;
    margin-bottom: 0.35rem;
    color: #16a34a;
    font-weight: 600;
}

.seop-result-item h3 {
    font-size: 1.02rem;
    font-weight: 700;
    color: #1d4ed8;
    margin-bottom: 0.35rem;
}

.seop-result-item p {
    color: #64748b;
    margin-bottom: 0;
}

.seop-spectrum-section {
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
}

.seop-lane {
    padding: 1.35rem 1.5rem;
    border-radius: 1.5rem;
    background: #fff;
    border: 1px solid transparent;
    box-shadow: 0 1rem 2rem rgba(15, 23, 42, 0.06);
    transition: transform 0.22s ease, box-shadow 0.22s ease;
}

.seop-lane + .seop-lane {
    margin-top: 1rem;
}

.seop-lane:hover {
    transform: translateY(-5px);
    box-shadow: 0 1.3rem 2.5rem rgba(15, 23, 42, 0.1);
}

.seop-lane-icon {
    width: 4rem;
    height: 4rem;
    border-radius: 1.25rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #0f172a;
    color: #fff;
    font-size: 1.35rem;
}

.seop-mini-list {
    display: grid;
    gap: 0.5rem;
}

.seop-mini-list li {
    padding: 0.55rem 0.75rem;
    border-radius: 0.85rem;
    background: rgba(15, 23, 42, 0.04);
    color: #334155;
    font-size: 0.92rem;
    font-weight: 600;
}

.seop-workflow-section {
    background: linear-gradient(180deg, #fffef9 0%, #ffffff 100%);
}

.seop-sticky-panel {
    position: sticky;
    top: 90px;
}

.seop-work-card {
    padding: 1.5rem;
    border-radius: 1.5rem;
    background: #fff;
    border: 1px solid transparent;
    box-shadow: 0 1rem 2rem rgba(15, 23, 42, 0.06);
    transition: transform 0.22s ease, box-shadow 0.22s ease;
}

.seop-work-card:hover {
    transform: translateY(-6px) rotate(-0.4deg);
    box-shadow: 0 1.4rem 2.5rem rgba(15, 23, 42, 0.11);
}

.seop-work-step {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    border-radius: 1rem;
    background: #0f172a;
    color: #fff;
    font-weight: 800;
    margin-bottom: 1rem;
}

.seop-visibility-section {
    background:
        radial-gradient(circle at top right, rgba(59, 130, 246, 0.12), transparent 18%),
        linear-gradient(135deg, #0f172a 0%, #111827 100%);
}

.seop-metric-tile {
    height: 100%;
    padding: 1.25rem;
    border-radius: 1.35rem;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid transparent;
    box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.16);
    transition: transform 0.22s ease, box-shadow 0.22s ease;
}

.seop-metric-tile i {
    display: block;
    font-size: 1.2rem;
    margin-bottom: 0.8rem;
}

.seop-metric-tile strong {
    display: block;
    color: #fff;
    font-size: 1.4rem;
    margin-bottom: 0.35rem;
}

.seop-metric-tile span {
    color: rgba(255, 255, 255, 0.72);
}

.seop-metric-tile:hover {
    transform: translateY(-5px);
    box-shadow: 0 1.25rem 2.5rem rgba(0, 0, 0, 0.24);
}

.seop-services-grid {
    background: linear-gradient(180deg, #ffffff 0%, #fffdf8 100%);
}

.seop-service-tile {
    padding: 1.5rem;
    border-radius: 1.5rem;
    background: #fff;
    border: 1px solid transparent;
    box-shadow: 0 1rem 2rem rgba(15, 23, 42, 0.06);
    transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}

.seop-service-tile i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3.3rem;
    height: 3.3rem;
    border-radius: 1rem;
    font-size: 1.15rem;
    margin-bottom: 1rem;
    background: rgba(15, 23, 42, 0.04);
}

.seop-service-tile:hover {
    transform: translateY(-7px);
    box-shadow: 0 1.4rem 2.6rem rgba(15, 23, 42, 0.11);
}

.seop-cta-section {
    background: linear-gradient(180deg, #fffaf8 0%, #ffffff 100%);
}

.seop-final-panel {
    padding: 2rem;
    border-radius: 2rem;
    background: #fff;
    border: 1px solid rgba(15, 23, 42, 0.08);
    box-shadow: 0 1.4rem 3rem rgba(15, 23, 42, 0.08);
}

.seop-outline-blue {
    border-color: rgba(59, 130, 246, 0.38) !important;
}

.seop-outline-blue i {
    color: #2563eb;
}

.seop-outline-green {
    border-color: rgba(34, 197, 94, 0.36) !important;
}

.seop-outline-green i {
    color: #16a34a;
}

.seop-outline-orange {
    border-color: rgba(249, 115, 22, 0.36) !important;
}

.seop-outline-orange i {
    color: #f97316;
}

.seop-outline-pink {
    border-color: rgba(244, 114, 182, 0.36) !important;
}

.seop-outline-pink i {
    color: #ec4899;
}

@media (max-width: 991.98px) {
    .seop-sticky-panel {
        position: static;
    }
}

@media (max-width: 767.98px) {
    .seop-hero,
    .seop-visibility-section {
        overflow: hidden;
    }

    .seop-final-panel {
        padding: 1.4rem;
    }
}

.seom-hero {
    background:
        radial-gradient(circle at top left, rgba(37, 99, 235, 0.12), transparent 20%),
        radial-gradient(circle at bottom right, rgba(236, 72, 153, 0.12), transparent 18%),
        linear-gradient(180deg, #fff9f5 0%, #ffffff 100%);
}

.seom-badge {
    color: #1d4ed8;
    background: rgba(37, 99, 235, 0.08);
    border: 1px solid rgba(37, 99, 235, 0.1);
}

.seom-section-label {
    color: #ec4899;
    letter-spacing: 0.16em;
}

.seom-signal-card,
.seom-float-card,
.seom-mosaic-large,
.seom-mosaic-small,
.seom-mosaic-wide,
.seom-ribbon-card,
.seom-phase-card,
.seom-metric-box {
    background: #fff;
    border: 1px solid transparent;
    border-radius: 1.5rem;
    box-shadow: 0 1rem 2rem rgba(15, 23, 42, 0.06);
    transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}

.seom-signal-card:hover,
.seom-float-card:hover,
.seom-mosaic-large:hover,
.seom-mosaic-small:hover,
.seom-mosaic-wide:hover,
.seom-ribbon-card:hover,
.seom-phase-card:hover,
.seom-metric-box:hover {
    transform: translateY(-7px);
    box-shadow: 0 1.4rem 2.6rem rgba(15, 23, 42, 0.11);
}

.seom-signal-card {
    height: 100%;
    padding: 1.2rem;
}

.seom-signal-card i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    border-radius: 1rem;
    margin-bottom: 0.9rem;
    font-size: 1.05rem;
    background: rgba(15, 23, 42, 0.05);
}

.seom-signal-card h3 {
    font-size: 1rem;
    font-weight: 700;
    margin-bottom: 0.45rem;
}

.seom-signal-card p {
    color: #64748b;
    font-size: 0.92rem;
}

.seom-stack-layout {
    position: relative;
    padding: 0.5rem 0;
}

.seom-float-card {
    padding: 1.25rem;
}

.seom-float-card + .seom-float-card {
    margin-top: 1rem;
}

.seom-shift-right {
    margin-left: 2rem;
}

.seom-chip {
    display: inline-flex;
    align-items: center;
    padding: 0.4rem 0.75rem;
    border-radius: 999px;
    background: rgba(15, 23, 42, 0.05);
    color: #334155;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.seom-float-card h3 {
    font-size: 1.08rem;
    font-weight: 700;
    margin: 0.9rem 0 0.45rem;
}

.seom-float-card p {
    color: #64748b;
}

.seom-grid-section {
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
}

.seom-mosaic-large,
.seom-mosaic-wide,
.seom-mosaic-small {
    padding: 1.5rem;
}

.seom-mosaic-icon {
    font-size: 2.2rem;
}

.seom-mosaic-small i {
    font-size: 1.8rem;
}

.seom-ribbon-section {
    background: linear-gradient(180deg, #fffdf8 0%, #ffffff 100%);
}

.seom-ribbon-card {
    padding: 1.5rem;
    position: relative;
}

.seom-ribbon-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1rem;
}

.seom-ribbon-top i {
    font-size: 1.5rem;
}

.seom-ribbon-top span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2.4rem;
    height: 2.4rem;
    border-radius: 999px;
    background: #0f172a;
    color: #fff;
    font-weight: 700;
    font-size: 0.85rem;
}

.seom-split-section {
    background: linear-gradient(180deg, #ffffff 0%, #fff8fc 100%);
}

.seom-dark-panel {
    padding: 1.8rem;
    border-radius: 1.75rem;
    background:
        radial-gradient(circle at top right, rgba(96, 165, 250, 0.12), transparent 18%),
        linear-gradient(135deg, #0f172a 0%, #1f1b3d 100%);
    box-shadow: 0 1.4rem 2.8rem rgba(15, 23, 42, 0.18);
}

.seom-dark-label {
    color: #93c5fd;
    letter-spacing: 0.16em;
}

.seom-dark-stat {
    padding: 1rem 1.05rem;
    border-radius: 1rem;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.08);
    margin-bottom: 1rem;
}

.seom-dark-stat strong {
    display: block;
    color: #fff;
    margin-bottom: 0.35rem;
    font-size: 1.05rem;
}

.seom-dark-stat span {
    color: rgba(255, 255, 255, 0.72);
}

.seom-phase-card {
    padding: 1.4rem;
}

.seom-phase-no {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    border-radius: 1rem;
    background: #0f172a;
    color: #fff;
    font-weight: 800;
    margin-bottom: 1rem;
}

.seom-metrics-section {
    background: linear-gradient(180deg, #ffffff 0%, #fffef8 100%);
}

.seom-metric-box {
    padding: 1.45rem;
}

.seom-metric-box i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3.2rem;
    height: 3.2rem;
    border-radius: 1rem;
    margin-bottom: 1rem;
    font-size: 1.15rem;
    background: rgba(15, 23, 42, 0.04);
}

.seom-cta-section {
    background: linear-gradient(180deg, #fff9f5 0%, #ffffff 100%);
}

.seom-cta-panel {
    padding: 2rem;
    border-radius: 2rem;
    background: #fff;
    border: 1px solid rgba(15, 23, 42, 0.08);
    box-shadow: 0 1.4rem 3rem rgba(15, 23, 42, 0.08);
}

.seom-accent-blue {
    border-color: rgba(37, 99, 235, 0.32) !important;
}

.seom-accent-blue i {
    color: #2563eb;
}

.seom-accent-orange {
    border-color: rgba(249, 115, 22, 0.34) !important;
}

.seom-accent-orange i {
    color: #f97316;
}

.seom-accent-pink {
    border-color: rgba(236, 72, 153, 0.32) !important;
}

.seom-accent-pink i {
    color: #ec4899;
}

.seom-accent-green {
    border-color: rgba(34, 197, 94, 0.32) !important;
}

.seom-accent-green i {
    color: #16a34a;
}

@media (max-width: 991.98px) {
    .seom-shift-right {
        margin-left: 0;
    }
}

@media (max-width: 767.98px) {
    .seom-hero,
    .seom-split-section {
        overflow: hidden;
    }

    .seom-cta-panel,
    .seom-dark-panel {
        padding: 1.4rem;
    }
}

.payg-hero {
    background:
        radial-gradient(circle at top left, rgba(34, 197, 94, 0.13), transparent 18%),
        radial-gradient(circle at bottom right, rgba(59, 130, 246, 0.12), transparent 18%),
        linear-gradient(180deg, #f7fff9 0%, #ffffff 100%);
}

.payg-badge {
    color: #15803d;
    background: rgba(34, 197, 94, 0.08);
    border: 1px solid rgba(34, 197, 94, 0.1);
}

.payg-section-label {
    color: #2563eb;
    letter-spacing: 0.16em;
}

.payg-trust-row {
    display: flex;
    flex-wrap: wrap;
    gap: 0.9rem;
}

.payg-trust-pill {
    display: inline-flex;
    align-items: center;
    gap: 0.65rem;
    padding: 0.9rem 1rem;
    border-radius: 999px;
    background: #fff;
    border: 1px solid transparent;
    box-shadow: 0 0.9rem 1.8rem rgba(15, 23, 42, 0.06);
    font-weight: 600;
    color: #0f172a;
    transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}

.payg-trust-pill:hover {
    transform: translateY(-4px);
    box-shadow: 0 1.2rem 2.2rem rgba(15, 23, 42, 0.1);
}

.payg-checkout-shell {
    padding: 1.4rem;
    border-radius: 1.8rem;
    background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
    border: 1px solid rgba(15, 23, 42, 0.06);
}

.payg-checkout-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.payg-checkout-head small {
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.14em;
    font-weight: 700;
}

.payg-dot {
    width: 0.8rem;
    height: 0.8rem;
    border-radius: 999px;
    display: inline-block;
}

.payg-checkout-card,
.payg-mini-tile,
.payg-gateway-tile,
.payg-rail-card,
.payg-safe-tile,
.payg-step-card {
    background: #fff;
    border: 1px solid transparent;
    border-radius: 1.5rem;
    box-shadow: 0 1rem 2rem rgba(15, 23, 42, 0.06);
    transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}

.payg-checkout-card:hover,
.payg-mini-tile:hover,
.payg-gateway-tile:hover,
.payg-rail-card:hover,
.payg-safe-tile:hover,
.payg-step-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 1.35rem 2.5rem rgba(15, 23, 42, 0.11);
}

.payg-checkout-card {
    padding: 1.2rem;
}

.payg-checkout-card h3 {
    font-size: 1.02rem;
    font-weight: 700;
    margin: 0.35rem 0 0;
}

.payg-checkout-card i {
    font-size: 1.4rem;
}

.payg-mini-label {
    display: inline-block;
    color: #64748b;
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    font-weight: 700;
}

.payg-checkout-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    margin: 1rem 0;
}

.payg-mini-tile {
    padding: 1rem;
}

.payg-mini-tile strong {
    display: block;
    font-size: 1rem;
    margin-bottom: 0.35rem;
    color: #0f172a;
}

.payg-mini-tile span {
    color: #64748b;
    font-size: 0.92rem;
}

.payg-logo-section {
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
}

.payg-gateway-tile {
    padding: 1.5rem;
    text-align: center;
}

.payg-gateway-tile i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 1rem;
    margin-bottom: 1rem;
    font-size: 1.4rem;
    background: rgba(15, 23, 42, 0.04);
}

.payg-rail-section {
    background: linear-gradient(180deg, #fffef8 0%, #ffffff 100%);
}

.payg-rail-card + .payg-rail-card {
    margin-top: 1rem;
}

.payg-rail-card {
    padding: 1.4rem;
}

.payg-rail-no {
    width: 3.8rem;
    height: 3.8rem;
    border-radius: 1.2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #0f172a;
    color: #fff;
    font-weight: 800;
}

.payg-rail-icon {
    font-size: 2rem;
}

.payg-safety-section {
    background: linear-gradient(180deg, #ffffff 0%, #fff8fb 100%);
}

.payg-dark-box {
    height: 100%;
    padding: 1.8rem;
    border-radius: 1.8rem;
    background:
        radial-gradient(circle at top right, rgba(16, 185, 129, 0.12), transparent 18%),
        linear-gradient(135deg, #081120 0%, #102a43 100%);
    box-shadow: 0 1.4rem 2.8rem rgba(15, 23, 42, 0.18);
}

.payg-dark-label {
    color: #86efac;
    letter-spacing: 0.16em;
}

.payg-safe-tile {
    padding: 1.4rem;
}

.payg-safe-tile i,
.payg-step-card i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3.2rem;
    height: 3.2rem;
    border-radius: 1rem;
    margin-bottom: 1rem;
    background: rgba(15, 23, 42, 0.04);
}

.payg-steps-section {
    background: linear-gradient(180deg, #ffffff 0%, #f9fffc 100%);
}

.payg-step-card {
    padding: 1.45rem;
}

.payg-step-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    border-radius: 1rem;
    background: #0f172a;
    color: #fff;
    font-weight: 800;
    margin-bottom: 1rem;
}

.payg-cta-section {
    background: linear-gradient(180deg, #f7fff9 0%, #ffffff 100%);
}

.payg-cta-panel {
    padding: 2rem;
    border-radius: 2rem;
    background: #fff;
    border: 1px solid rgba(15, 23, 42, 0.08);
    box-shadow: 0 1.4rem 3rem rgba(15, 23, 42, 0.08);
}

.payg-accent-blue {
    border-color: rgba(37, 99, 235, 0.32) !important;
}

.payg-accent-blue i {
    color: #2563eb;
}

.payg-accent-green {
    border-color: rgba(34, 197, 94, 0.32) !important;
}

.payg-accent-green i {
    color: #16a34a;
}

.payg-accent-orange {
    border-color: rgba(249, 115, 22, 0.34) !important;
}

.payg-accent-orange i {
    color: #f97316;
}

.payg-accent-pink {
    border-color: rgba(236, 72, 153, 0.32) !important;
}

.payg-accent-pink i {
    color: #ec4899;
}

@media (max-width: 767.98px) {
    .payg-hero,
    .payg-safety-section {
        overflow: hidden;
    }

    .payg-checkout-grid {
        grid-template-columns: 1fr;
    }

    .payg-cta-panel,
    .payg-dark-box,
    .payg-checkout-shell {
        padding: 1.4rem;
    }
}

.tcrm-hero {
    background:
        radial-gradient(circle at top left, rgba(14, 165, 233, 0.13), transparent 18%),
        radial-gradient(circle at bottom right, rgba(251, 146, 60, 0.12), transparent 18%),
        linear-gradient(180deg, #f7fcff 0%, #ffffff 100%);
}

.tcrm-badge {
    color: #0284c7;
    background: rgba(14, 165, 233, 0.08);
    border: 1px solid rgba(14, 165, 233, 0.1);
}

.tcrm-section-label {
    color: #f97316;
    letter-spacing: 0.16em;
}

.tcrm-hero-pill {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    padding: 0.95rem 1rem;
    border-radius: 999px;
    background: #fff;
    border: 1px solid transparent;
    box-shadow: 0 0.9rem 1.8rem rgba(15, 23, 42, 0.06);
    font-weight: 600;
    color: #0f172a;
    transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}

.tcrm-hero-pill:hover {
    transform: translateY(-4px);
    box-shadow: 0 1.2rem 2.3rem rgba(15, 23, 42, 0.1);
}

.tcrm-board-shell {
    padding: 1.4rem;
    border-radius: 1.8rem;
    background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
    border: 1px solid rgba(15, 23, 42, 0.06);
}

.tcrm-board-head {
    margin-bottom: 1rem;
    color: #64748b;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    font-size: 0.8rem;
}

.tcrm-stage-row {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.tcrm-stage-row + .tcrm-stage-row {
    margin-top: 1rem;
}

.tcrm-stage-card,
.tcrm-journey-card,
.tcrm-route-strip,
.tcrm-team-box,
.tcrm-step-card {
    background: #fff;
    border: 1px solid transparent;
    border-radius: 1.5rem;
    box-shadow: 0 1rem 2rem rgba(15, 23, 42, 0.06);
    transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}

.tcrm-stage-card:hover,
.tcrm-journey-card:hover,
.tcrm-route-strip:hover,
.tcrm-team-box:hover,
.tcrm-step-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 1.35rem 2.5rem rgba(15, 23, 42, 0.11);
}

.tcrm-stage-card {
    padding: 1.15rem;
}

.tcrm-stage-tag {
    display: inline-flex;
    align-items: center;
    padding: 0.38rem 0.72rem;
    border-radius: 999px;
    background: rgba(15, 23, 42, 0.05);
    color: #334155;
    font-size: 0.74rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    margin-bottom: 0.7rem;
}

.tcrm-stage-card h3 {
    font-size: 1rem;
    font-weight: 700;
    margin-bottom: 0.35rem;
}

.tcrm-stage-card p {
    color: #64748b;
    font-size: 0.92rem;
}

.tcrm-route-bar {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    padding: 1rem 1.05rem;
    border-radius: 1rem;
    margin-top: 1rem;
    background: rgba(15, 23, 42, 0.03);
    color: #334155;
    font-weight: 600;
}

.tcrm-journey-section {
    background: linear-gradient(180deg, #ffffff 0%, #fffaf7 100%);
}

.tcrm-journey-card {
    padding: 1.5rem;
}

.tcrm-journey-card i,
.tcrm-team-box i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3.2rem;
    height: 3.2rem;
    border-radius: 1rem;
    margin-bottom: 1rem;
    font-size: 1.15rem;
    background: rgba(15, 23, 42, 0.04);
}

.tcrm-module-section {
    background: linear-gradient(180deg, #f8fcff 0%, #ffffff 100%);
}

.tcrm-route-strip + .tcrm-route-strip {
    margin-top: 1rem;
}

.tcrm-route-strip {
    padding: 1.4rem;
}

.tcrm-route-no {
    width: 3.8rem;
    height: 3.8rem;
    border-radius: 1.2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #0f172a;
    color: #fff;
    font-weight: 800;
}

.tcrm-route-icon {
    font-size: 2rem;
}

.tcrm-grid-section {
    background: linear-gradient(180deg, #ffffff 0%, #fff9fc 100%);
}

.tcrm-dark-panel {
    height: 100%;
    padding: 1.8rem;
    border-radius: 1.8rem;
    background:
        radial-gradient(circle at top right, rgba(14, 165, 233, 0.12), transparent 18%),
        linear-gradient(135deg, #0f172a 0%, #1b3150 100%);
    box-shadow: 0 1.4rem 2.8rem rgba(15, 23, 42, 0.18);
}

.tcrm-dark-label {
    color: #7dd3fc;
    letter-spacing: 0.16em;
}

.tcrm-team-box {
    padding: 1.4rem;
}

.tcrm-process-section {
    background: linear-gradient(180deg, #ffffff 0%, #f8fffd 100%);
}

.tcrm-step-card {
    padding: 1.45rem;
}

.tcrm-step-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    border-radius: 1rem;
    background: #0f172a;
    color: #fff;
    font-weight: 800;
    margin-bottom: 1rem;
}

.tcrm-cta-section {
    background: linear-gradient(180deg, #f7fcff 0%, #ffffff 100%);
}

.tcrm-cta-panel {
    padding: 2rem;
    border-radius: 2rem;
    background: #fff;
    border: 1px solid rgba(15, 23, 42, 0.08);
    box-shadow: 0 1.4rem 3rem rgba(15, 23, 42, 0.08);
}

.tcrm-accent-sky {
    border-color: rgba(14, 165, 233, 0.32) !important;
}

.tcrm-accent-sky i {
    color: #0ea5e9;
}

.tcrm-accent-coral {
    border-color: rgba(251, 113, 133, 0.32) !important;
}

.tcrm-accent-coral i {
    color: #fb7185;
}

.tcrm-accent-gold {
    border-color: rgba(245, 158, 11, 0.34) !important;
}

.tcrm-accent-gold i {
    color: #f59e0b;
}

.tcrm-accent-teal {
    border-color: rgba(20, 184, 166, 0.32) !important;
}

.tcrm-accent-teal i {
    color: #14b8a6;
}

@media (max-width: 767.98px) {
    .tcrm-hero,
    .tcrm-grid-section {
        overflow: hidden;
    }

    .tcrm-stage-row {
        grid-template-columns: 1fr;
    }

    .tcrm-cta-panel,
    .tcrm-dark-panel,
    .tcrm-board-shell {
        padding: 1.4rem;
    }
}

.hyba-hero {
    background:
        radial-gradient(circle at top left, rgba(139, 92, 246, 0.13), transparent 18%),
        radial-gradient(circle at bottom right, rgba(34, 211, 238, 0.12), transparent 18%),
        linear-gradient(180deg, #fbf8ff 0%, #ffffff 100%);
}

.hyba-badge {
    color: #6d28d9;
    background: rgba(139, 92, 246, 0.08);
    border: 1px solid rgba(139, 92, 246, 0.1);
}

.hyba-section-label {
    color: #06b6d4;
    letter-spacing: 0.16em;
}

.hyba-hero-chip {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    padding: 0.95rem 1rem;
    border-radius: 999px;
    background: #fff;
    border: 1px solid transparent;
    box-shadow: 0 0.9rem 1.8rem rgba(15, 23, 42, 0.06);
    font-weight: 600;
    color: #0f172a;
    transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}

.hyba-hero-chip:hover {
    transform: translateY(-4px);
    box-shadow: 0 1.2rem 2.2rem rgba(15, 23, 42, 0.1);
}

.hyba-device-frame {
    padding: 1.4rem;
    border-radius: 1.9rem;
    background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
    border: 1px solid rgba(15, 23, 42, 0.06);
}

.hyba-device-grid {
    display: grid;
    gap: 1rem;
}

.hyba-device-card,
.hyba-stack-card,
.hyba-benefit-card,
.hyba-map-card,
.hyba-sprint-card {
    background: #fff;
    border: 1px solid transparent;
    border-radius: 1.5rem;
    box-shadow: 0 1rem 2rem rgba(15, 23, 42, 0.06);
    transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}

.hyba-device-card:hover,
.hyba-stack-card:hover,
.hyba-benefit-card:hover,
.hyba-map-card:hover,
.hyba-sprint-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 1.35rem 2.5rem rgba(15, 23, 42, 0.11);
}

.hyba-device-card {
    padding: 1.2rem;
}

.hyba-shift-card {
    margin-left: 2rem;
}

.hyba-mini-label {
    display: inline-flex;
    align-items: center;
    padding: 0.38rem 0.72rem;
    border-radius: 999px;
    background: rgba(15, 23, 42, 0.05);
    color: #334155;
    font-size: 0.74rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    margin-bottom: 0.7rem;
}

.hyba-device-card h3 {
    font-size: 1rem;
    font-weight: 700;
    margin-bottom: 0.35rem;
}

.hyba-device-card p {
    color: #64748b;
    font-size: 0.92rem;
}

.hyba-bottom-strip {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    padding: 1rem 1.05rem;
    border-radius: 1rem;
    margin-top: 1rem;
    background: rgba(15, 23, 42, 0.03);
    color: #334155;
    font-weight: 600;
}

.hyba-framework-section {
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
}

.hyba-stack-card {
    padding: 1.45rem;
}

.hyba-stack-card i,
.hyba-benefit-card i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3.25rem;
    height: 3.25rem;
    border-radius: 1rem;
    margin-bottom: 1rem;
    font-size: 1.2rem;
    background: rgba(15, 23, 42, 0.04);
}

.hyba-benefit-section {
    background: linear-gradient(180deg, #ffffff 0%, #fff9fc 100%);
}

.hyba-dark-panel {
    height: 100%;
    padding: 1.8rem;
    border-radius: 1.8rem;
    background:
        radial-gradient(circle at top right, rgba(34, 211, 238, 0.12), transparent 18%),
        linear-gradient(135deg, #0f172a 0%, #291646 100%);
    box-shadow: 0 1.4rem 2.8rem rgba(15, 23, 42, 0.18);
}

.hyba-dark-label {
    color: #a5f3fc;
    letter-spacing: 0.16em;
}

.hyba-benefit-card {
    padding: 1.4rem;
}

.hyba-service-map {
    background: linear-gradient(180deg, #fbfcff 0%, #ffffff 100%);
}

.hyba-map-card + .hyba-map-card {
    margin-top: 1rem;
}

.hyba-map-card {
    padding: 1.4rem;
}

.hyba-map-no {
    width: 3.8rem;
    height: 3.8rem;
    border-radius: 1.2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #0f172a;
    color: #fff;
    font-weight: 800;
}

.hyba-map-icon {
    font-size: 2rem;
}

.hyba-process-section {
    background: linear-gradient(180deg, #ffffff 0%, #fffdf8 100%);
}

.hyba-sprint-card {
    padding: 1.45rem;
}

.hyba-sprint-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    border-radius: 1rem;
    background: #0f172a;
    color: #fff;
    font-weight: 800;
    margin-bottom: 1rem;
}

.hyba-cta-section {
    background: linear-gradient(180deg, #fbf8ff 0%, #ffffff 100%);
}

.hyba-cta-panel {
    padding: 2rem;
    border-radius: 2rem;
    background: #fff;
    border: 1px solid rgba(15, 23, 42, 0.08);
    box-shadow: 0 1.4rem 3rem rgba(15, 23, 42, 0.08);
}

.hyba-accent-violet {
    border-color: rgba(139, 92, 246, 0.32) !important;
}

.hyba-accent-violet i {
    color: #8b5cf6;
}

.hyba-accent-cyan {
    border-color: rgba(34, 211, 238, 0.32) !important;
}

.hyba-accent-cyan i {
    color: #06b6d4;
}

.hyba-accent-pink {
    border-color: rgba(236, 72, 153, 0.32) !important;
}

.hyba-accent-pink i {
    color: #ec4899;
}

.hyba-accent-amber {
    border-color: rgba(245, 158, 11, 0.34) !important;
}

.hyba-accent-amber i {
    color: #f59e0b;
}

@media (max-width: 991.98px) {
    .hyba-shift-card {
        margin-left: 0;
    }
}

@media (max-width: 767.98px) {
    .hyba-hero,
    .hyba-benefit-section {
        overflow: hidden;
    }

    .hyba-cta-panel,
    .hyba-dark-panel,
    .hyba-device-frame {
        padding: 1.4rem;
    }
}

.smdx-hero {
    background:
        radial-gradient(circle at top left, rgba(244, 63, 94, 0.12), transparent 18%),
        radial-gradient(circle at bottom right, rgba(20, 184, 166, 0.12), transparent 18%),
        linear-gradient(180deg, #fff9fb 0%, #ffffff 100%);
}

.smdx-badge {
    color: #e11d48;
    background: rgba(244, 63, 94, 0.08);
    border: 1px solid rgba(244, 63, 94, 0.1);
}

.smdx-section-label {
    color: #2563eb;
    letter-spacing: 0.16em;
}

.smdx-headline-strip {
    display: grid;
    gap: 0.9rem;
}

.smdx-headline-box,
.smdx-editorial-card,
.smdx-showcase-card,
.smdx-rail,
.smdx-capability,
.smdx-process-card {
    background: #fff;
    border: 1px solid transparent;
    border-radius: 1.5rem;
    box-shadow: 0 1rem 2rem rgba(15, 23, 42, 0.06);
    transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}

.smdx-headline-box:hover,
.smdx-editorial-card:hover,
.smdx-showcase-card:hover,
.smdx-rail:hover,
.smdx-capability:hover,
.smdx-process-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 1.35rem 2.5rem rgba(15, 23, 42, 0.11);
}

.smdx-headline-box {
    padding: 1rem 1.1rem;
}

.smdx-headline-box strong {
    display: block;
    margin-bottom: 0.3rem;
    color: #0f172a;
}

.smdx-headline-box span {
    color: #64748b;
    font-size: 0.92rem;
}

.smdx-frame {
    padding: 1.4rem;
    border-radius: 1.9rem;
    background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
    border: 1px solid rgba(15, 23, 42, 0.06);
}

.smdx-frame-top {
    display: flex;
    flex-wrap: wrap;
    gap: 0.7rem;
    margin-bottom: 1rem;
}

.smdx-frame-chip {
    display: inline-flex;
    align-items: center;
    padding: 0.42rem 0.8rem;
    border-radius: 999px;
    background: rgba(15, 23, 42, 0.05);
    color: #334155;
    font-size: 0.74rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.smdx-chip-dark {
    background: #0f172a;
    color: #fff;
}

.smdx-editorial-card {
    padding: 1.2rem;
}

.smdx-editorial-card + .smdx-editorial-card {
    margin-top: 1rem;
}

.smdx-editorial-card small {
    display: inline-block;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    font-weight: 700;
    margin-bottom: 0.55rem;
}

.smdx-editorial-card h3 {
    font-size: 1.03rem;
    font-weight: 700;
    margin-bottom: 0.4rem;
}

.smdx-editorial-card p {
    color: #64748b;
}

.smdx-showcase-section {
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
}

.smdx-side-note {
    padding: 1.5rem;
    border-left: 4px solid #f43f5e;
    background: linear-gradient(180deg, #fff 0%, #fff7fa 100%);
    border-radius: 1.5rem;
    box-shadow: 0 1rem 2rem rgba(15, 23, 42, 0.05);
}

.smdx-showcase-card {
    padding: 1.4rem;
}

.smdx-showcase-card i,
.smdx-capability i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3.2rem;
    height: 3.2rem;
    border-radius: 1rem;
    margin-bottom: 1rem;
    font-size: 1.15rem;
    background: rgba(15, 23, 42, 0.04);
}

.smdx-rail-section {
    background: linear-gradient(180deg, #fffef9 0%, #ffffff 100%);
}

.smdx-rail + .smdx-rail {
    margin-top: 1rem;
}

.smdx-rail {
    padding: 1.4rem;
}

.smdx-rail-badge {
    width: 3.8rem;
    height: 3.8rem;
    border-radius: 1.2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #0f172a;
    color: #fff;
    font-weight: 800;
}

.smdx-rail-icon {
    font-size: 2rem;
}

.smdx-split-section {
    background: linear-gradient(180deg, #ffffff 0%, #fff9fc 100%);
}

.smdx-dark-card {
    height: 100%;
    padding: 1.8rem;
    border-radius: 1.8rem;
    background:
        radial-gradient(circle at top right, rgba(59, 130, 246, 0.12), transparent 18%),
        linear-gradient(135deg, #0f172a 0%, #32153f 100%);
    box-shadow: 0 1.4rem 2.8rem rgba(15, 23, 42, 0.18);
}

.smdx-dark-label {
    color: #93c5fd;
    letter-spacing: 0.16em;
}

.smdx-capability {
    padding: 1.4rem;
}

.smdx-process-section {
    background: linear-gradient(180deg, #ffffff 0%, #f8fffd 100%);
}

.smdx-process-card {
    padding: 1.5rem;
}

.smdx-process-step {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    border-radius: 1rem;
    background: #0f172a;
    color: #fff;
    font-weight: 800;
    margin-bottom: 1rem;
}

.smdx-shift-up {
    margin-top: -1.5rem;
}

.smdx-cta-section {
    background: linear-gradient(180deg, #fff8fb 0%, #ffffff 100%);
}

.smdx-cta-panel {
    padding: 2rem;
    border-radius: 2rem;
    background: #fff;
    border: 1px solid rgba(15, 23, 42, 0.08);
    box-shadow: 0 1.4rem 3rem rgba(15, 23, 42, 0.08);
}

.smdx-accent-rose {
    border-color: rgba(244, 63, 94, 0.32) !important;
}

.smdx-accent-rose i {
    color: #f43f5e;
}

.smdx-accent-blue {
    border-color: rgba(59, 130, 246, 0.32) !important;
}

.smdx-accent-blue i {
    color: #2563eb;
}

.smdx-accent-amber {
    border-color: rgba(245, 158, 11, 0.34) !important;
}

.smdx-accent-amber i {
    color: #f59e0b;
}

.smdx-accent-teal {
    border-color: rgba(20, 184, 166, 0.32) !important;
}

.smdx-accent-teal i {
    color: #14b8a6;
}

@media (max-width: 991.98px) {
    .smdx-shift-up {
        margin-top: 0;
    }
}

@media (max-width: 767.98px) {
    .smdx-hero,
    .smdx-split-section {
        overflow: hidden;
    }

    .smdx-cta-panel,
    .smdx-dark-card,
    .smdx-frame {
        padding: 1.4rem;
    }
}

.finx-hero {
    background:
        radial-gradient(circle at top left, rgba(37, 99, 235, 0.12), transparent 18%),
        radial-gradient(circle at bottom right, rgba(249, 115, 22, 0.12), transparent 18%),
        linear-gradient(180deg, #fcfdff 0%, #ffffff 100%);
}

.finx-badge {
    color: #2563eb;
    background: rgba(37, 99, 235, 0.08);
    border: 1px solid rgba(37, 99, 235, 0.1);
}

.finx-section-label {
    color: #f97316;
    letter-spacing: 0.16em;
}

.finx-ledger-strip {
    display: grid;
    gap: 0.9rem;
}

.finx-ledger-line,
.finx-band,
.finx-role-card,
.finx-layer-card {
    background: #fff;
    border: 1px solid transparent;
    border-radius: 1.3rem;
    box-shadow: 0 1rem 2rem rgba(15, 23, 42, 0.06);
    transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}

.finx-ledger-line:hover,
.finx-band:hover,
.finx-role-card:hover,
.finx-layer-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 1.3rem 2.5rem rgba(15, 23, 42, 0.1);
}

.finx-ledger-line {
    padding: 1rem 1.1rem;
}

.finx-ledger-line strong {
    display: block;
    margin-bottom: 0.25rem;
    color: #0f172a;
}

.finx-ledger-line span {
    color: #64748b;
    font-size: 0.92rem;
}

.finx-statement-card {
    padding: 1.4rem;
    border-radius: 1.8rem;
    background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
    border: 1px solid rgba(15, 23, 42, 0.06);
}

.finx-statement-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.finx-statement-head span {
    color: #0f172a;
    font-weight: 700;
}

.finx-statement-head small {
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    font-weight: 700;
}

.finx-statement-body {
    display: grid;
    gap: 0.85rem;
}

.finx-statement-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.95rem 1rem;
    border-radius: 1rem;
    background: #fff;
    border: 1px solid rgba(15, 23, 42, 0.05);
}

.finx-statement-row span {
    color: #475569;
}

.finx-statement-row strong {
    color: #0f172a;
    font-size: 0.95rem;
}

.finx-statement-foot {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    padding-top: 1rem;
    margin-top: 1rem;
    border-top: 1px dashed rgba(15, 23, 42, 0.12);
    color: #334155;
    font-weight: 600;
}

.finx-band-section {
    background: linear-gradient(180deg, #ffffff 0%, #fffdfa 100%);
}

.finx-band + .finx-band {
    margin-top: 1rem;
}

.finx-band {
    padding: 1.4rem;
}

.finx-band-icon {
    width: 4rem;
    height: 4rem;
    border-radius: 1.2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(15, 23, 42, 0.04);
    font-size: 1.4rem;
}

.finx-report-section {
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
}

.finx-report-note {
    padding: 1.55rem;
    border-left: 4px solid #2563eb;
    border-radius: 1.4rem;
    background: linear-gradient(180deg, #fff 0%, #f7fbff 100%);
    box-shadow: 0 1rem 2rem rgba(15, 23, 42, 0.05);
}

.finx-role-card,
.finx-layer-card {
    padding: 1.4rem;
}

.finx-role-card i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3.2rem;
    height: 3.2rem;
    border-radius: 1rem;
    margin-bottom: 1rem;
    font-size: 1.15rem;
    background: rgba(15, 23, 42, 0.04);
}

.finx-layers-section {
    background: linear-gradient(180deg, #ffffff 0%, #fff9fc 100%);
}

.finx-layer-step {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    border-radius: 1rem;
    background: #0f172a;
    color: #fff;
    font-weight: 800;
    margin-bottom: 1rem;
}

.finx-cta-section {
    background: linear-gradient(180deg, #fcfdff 0%, #ffffff 100%);
}

.finx-cta-panel {
    padding: 2rem;
    border-radius: 2rem;
    background: #fff;
    border: 1px solid rgba(15, 23, 42, 0.08);
    box-shadow: 0 1.4rem 3rem rgba(15, 23, 42, 0.08);
}

.finx-accent-blue {
    border-color: rgba(37, 99, 235, 0.32) !important;
}

.finx-accent-blue i {
    color: #2563eb;
}

.finx-accent-green {
    border-color: rgba(34, 197, 94, 0.32) !important;
}

.finx-accent-green i {
    color: #16a34a;
}

.finx-accent-orange {
    border-color: rgba(249, 115, 22, 0.34) !important;
}

.finx-accent-orange i {
    color: #f97316;
}

.finx-accent-purple {
    border-color: rgba(147, 51, 234, 0.32) !important;
}

.finx-accent-purple i {
    color: #9333ea;
}

@media (max-width: 767.98px) {
    .finx-hero,
    .finx-report-section {
        overflow: hidden;
    }

    .finx-cta-panel,
    .finx-statement-card {
        padding: 1.4rem;
    }

    .finx-statement-row {
        flex-direction: column;
        align-items: flex-start;
    }
}

.cakep-hero {
    background:
        radial-gradient(circle at top left, rgba(14, 165, 233, 0.14), transparent 22%),
        radial-gradient(circle at 90% 18%, rgba(37, 99, 235, 0.1), transparent 22%),
        linear-gradient(180deg, #f8fcff 0%, #ffffff 100%);
}

.cakep-eyebrow,
.cakep-section-tag {
    font-size: 0.82rem;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.cakep-eyebrow {
    color: #0f766e;
    background: rgba(13, 148, 136, 0.08);
    border: 1px solid rgba(13, 148, 136, 0.12);
}

.cakep-section-tag {
    color: #2563eb;
}

.cakep-btn-primary,
.cakep-btn-outline {
    font-weight: 700;
    transition: transform 0.22s ease, box-shadow 0.22s ease, background-color 0.22s ease, color 0.22s ease, border-color 0.22s ease;
}

.cakep-btn-primary {
    color: #fff;
    background: linear-gradient(135deg, #0f766e 0%, #2563eb 100%);
    border: none;
    box-shadow: 0 1rem 2rem rgba(37, 99, 235, 0.22);
}

.cakep-btn-primary:hover {
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 1.2rem 2.4rem rgba(37, 99, 235, 0.28);
}

.cakep-btn-outline {
    color: #0f172a;
    background: #fff;
    border: 1px solid rgba(37, 99, 235, 0.2);
}

.cakep-btn-outline:hover {
    color: #2563eb;
    border-color: rgba(37, 99, 235, 0.5);
    transform: translateY(-2px);
}

.cakep-trustline span,
.cakep-mini-points span,
.cakep-cta-points span {
    display: inline-flex;
    align-items: center;
    color: #334155;
    font-weight: 600;
}

.cakep-trustline i,
.cakep-mini-points i,
.cakep-cta-points i {
    color: #0f766e;
}

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

.cakep-hero-window,
.cakep-highlight-panel,
.cakep-feature-block,
.cakep-service-row,
.cakep-value-point,
.cakep-process-step,
.cakep-model-panel,
.cakep-stat-box,
.cakep-form-panel {
    background: #fff;
    border: 1px solid rgba(15, 23, 42, 0.08);
    box-shadow: 0 1rem 2.2rem rgba(15, 23, 42, 0.06);
    transition: transform 0.24s ease, box-shadow 0.24s ease, border-color 0.24s ease;
}

.cakep-hero-window {
    padding: 1.5rem;
    border-radius: 2rem;
}

.cakep-window-bar small {
    color: #64748b;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.cakep-window-bar span {
    width: 0.72rem;
    height: 0.72rem;
    border-radius: 50%;
    display: inline-block;
}

.cakep-window-bar span:nth-child(1) {
    background: #fb7185;
}

.cakep-window-bar span:nth-child(2) {
    background: #f59e0b;
}

.cakep-window-bar span:nth-child(3) {
    background: #22c55e;
}

.cakep-info-strip {
    height: 100%;
    display: flex;
    gap: 1rem;
    padding: 1.15rem;
    border-radius: 1.35rem;
    background: linear-gradient(180deg, #fff 0%, #f9fbff 100%);
    border: 1px solid rgba(37, 99, 235, 0.08);
}

.cakep-info-strip i,
.cakep-feature-block i,
.cakep-service-icon,
.cakep-value-point i,
.cakep-benefit-line i {
    width: 3rem;
    height: 3rem;
    border-radius: 1rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.cakep-info-strip i,
.cakep-feature-block i,
.cakep-service-icon,
.cakep-benefit-line i {
    color: #2563eb;
    background: rgba(37, 99, 235, 0.1);
}

.cakep-highlight-panel {
    padding: 1.45rem;
    border-radius: 1.6rem;
    background: linear-gradient(135deg, #ffffff 0%, #f1f8ff 100%);
}

.cakep-mini-points,
.cakep-metric-stack,
.cakep-service-list,
.cakep-tech-grid,
.cakep-industry-cloud,
.cakep-cta-points {
    display: grid;
    gap: 0.9rem;
}

.cakep-mini-points span {
    gap: 0.55rem;
}

.cakep-metric-stack div {
    padding: 1rem 1.1rem;
    border-radius: 1rem;
    background: rgba(255, 255, 255, 0.88);
    border: 1px solid rgba(15, 23, 42, 0.06);
}

.cakep-metric-stack strong {
    display: block;
    color: #0f172a;
}

.cakep-metric-stack span {
    color: #64748b;
    font-size: 0.92rem;
}

.cakep-intro,
.cakep-benefits,
.cakep-results {
    background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
}

.cakep-feature-block {
    height: 100%;
    padding: 1.35rem;
    border-radius: 1.4rem;
}

.cakep-feature-block h3 {
    margin: 1rem 0 0.55rem;
}

.cakep-services {
    background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%);
}

.cakep-service-list {
    gap: 1rem;
}

.cakep-service-row {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    padding: 1.25rem 1.3rem;
    border-radius: 1.4rem;
}

.cakep-service-row:hover,
.cakep-feature-block:hover,
.cakep-value-point:hover,
.cakep-process-step:hover,
.cakep-model-panel:hover,
.cakep-stat-box:hover,
.cakep-form-panel:hover {
    transform: translateY(-5px);
    border-color: rgba(37, 99, 235, 0.18);
    box-shadow: 0 1.3rem 2.6rem rgba(15, 23, 42, 0.1);
}

.cakep-service-row h3 {
    font-size: 1.08rem;
    margin-bottom: 0.4rem;
}

.cakep-service-row p,
.cakep-feature-block p,
.cakep-process-step p,
.cakep-model-panel p,
.cakep-stat-box span,
.cakep-section-copy {
    color: #64748b;
}

.cakep-why {
    background:
        linear-gradient(180deg, #f8fbff 0%, #ffffff 100%);
}

.cakep-value-point {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1.1rem 1.2rem;
    border-radius: 1.25rem;
}

.cakep-value-point i {
    color: #0f766e;
    background: rgba(13, 148, 136, 0.1);
}

.cakep-value-point span {
    color: #0f172a;
    font-weight: 600;
}

.cakep-industries {
    background: linear-gradient(180deg, #ffffff 0%, #f9fcff 100%);
}

.cakep-industry-cloud {
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
}

.cakep-industry-cloud span,
.cakep-tech-grid span {
    display: inline-flex;
    align-items: center;
    gap: 0.7rem;
    padding: 1rem 1.1rem;
    border-radius: 999px;
    background: #fff;
    border: 1px solid rgba(37, 99, 235, 0.1);
    box-shadow: 0 0.8rem 1.8rem rgba(15, 23, 42, 0.05);
    color: #0f172a;
    font-weight: 600;
    transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}

.cakep-industry-cloud span:hover,
.cakep-tech-grid span:hover {
    transform: translateY(-4px);
    border-color: rgba(15, 118, 110, 0.35);
    box-shadow: 0 1rem 2rem rgba(15, 23, 42, 0.08);
}

.cakep-industry-cloud i {
    color: #0f766e;
}

.cakep-process {
    background: linear-gradient(180deg, #f8fcff 0%, #ffffff 100%);
}

.cakep-process-step {
    height: 100%;
    padding: 1.25rem 1rem;
    border-radius: 1.35rem;
    text-align: left;
}

.cakep-process-step span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3.1rem;
    height: 3.1rem;
    margin-bottom: 1rem;
    border-radius: 1rem;
    background: linear-gradient(135deg, #0f766e 0%, #2563eb 100%);
    color: #fff;
    font-weight: 800;
}

.cakep-process-step h3 {
    font-size: 1rem;
    margin-bottom: 0.55rem;
}

.cakep-stack {
    background: linear-gradient(180deg, #ffffff 0%, #f5fbff 100%);
}

.cakep-tech-grid {
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
}

.cakep-benefit-line {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1.05rem 1.1rem;
    border-radius: 1.2rem;
    background: #fff;
    border: 1px solid rgba(15, 23, 42, 0.08);
    box-shadow: 0 0.9rem 1.8rem rgba(15, 23, 42, 0.05);
    font-weight: 600;
    color: #0f172a;
    transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}

.cakep-benefit-line:hover {
    transform: translateY(-4px);
    border-color: rgba(13, 148, 136, 0.28);
    box-shadow: 0 1.15rem 2rem rgba(15, 23, 42, 0.08);
}

.cakep-engagement {
    background: linear-gradient(180deg, #ffffff 0%, #f8fcff 100%);
}

.cakep-model-panel {
    height: 100%;
    padding: 1.45rem;
    border-radius: 1.5rem;
}

.cakep-model-panel h3 {
    font-size: 1.15rem;
    margin-bottom: 0.7rem;
}

.cakep-model-panel ul {
    display: grid;
    gap: 0.7rem;
}

.cakep-model-panel li {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    color: #334155;
    font-weight: 600;
}

.cakep-model-panel li i {
    color: #0f766e;
}

.cakep-results-panel,
.cakep-cta-shell {
    padding: 2rem;
    border-radius: 2rem;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
    border: 1px solid rgba(15, 23, 42, 0.08);
    box-shadow: 0 1.4rem 3rem rgba(15, 23, 42, 0.08);
}

.cakep-stat-box {
    height: 100%;
    padding: 1.3rem;
    border-radius: 1.4rem;
}

.cakep-stat-box strong {
    display: block;
    margin-bottom: 0.45rem;
    color: #0f172a;
}

.cakep-faqintro,
.cakep-cta {
    background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
}

.cakep-form-panel {
    padding: 1.5rem;
    border-radius: 1.6rem;
}

.cakep-form-panel .form-control {
    border-radius: 1rem;
    border-color: rgba(148, 163, 184, 0.35);
    box-shadow: none;
}

.cakep-form-panel .form-control:focus {
    border-color: rgba(37, 99, 235, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(37, 99, 235, 0.12);
}

.cakep-cta-points {
    gap: 0.85rem;
}

.cakep-cta-points span {
    gap: 0.65rem;
}

@media (max-width: 991.98px) {
    .cakep-hero,
    .cakep-services,
    .cakep-process {
        overflow: hidden;
    }

    .cakep-results-panel,
    .cakep-cta-shell {
        padding: 1.5rem;
    }
}

@media (max-width: 767.98px) {
    .cakep-hero-window,
    .cakep-highlight-panel,
    .cakep-form-panel {
        padding: 1.2rem;
    }

    .cakep-service-row,
    .cakep-value-point,
    .cakep-benefit-line {
        align-items: flex-start;
    }

    .cakep-industry-cloud,
    .cakep-tech-grid {
        grid-template-columns: 1fr;
    }
}

.nestx-hero {
    background:
        radial-gradient(circle at top left, rgba(37, 99, 235, 0.12), transparent 24%),
        radial-gradient(circle at 88% 18%, rgba(14, 165, 233, 0.12), transparent 20%),
        linear-gradient(180deg, #f7fbff 0%, #ffffff 100%);
}

.nestx-eyebrow,
.nestx-section-tag {
    font-size: 0.82rem;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.nestx-eyebrow {
    color: #1d4ed8;
    background: rgba(37, 99, 235, 0.08);
    border: 1px solid rgba(37, 99, 235, 0.12);
}

.nestx-section-tag {
    color: #0f766e;
}

.nestx-btn-primary,
.nestx-btn-outline,
.nestx-btn-inline {
    transition: transform 0.22s ease, box-shadow 0.22s ease, background-color 0.22s ease, color 0.22s ease, border-color 0.22s ease;
    font-weight: 700;
}

.nestx-btn-primary {
    color: #fff;
    background: linear-gradient(135deg, #1d4ed8 0%, #0f766e 100%);
    border: none;
    box-shadow: 0 1rem 2rem rgba(29, 78, 216, 0.22);
}

.nestx-btn-primary:hover {
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 1.2rem 2.4rem rgba(29, 78, 216, 0.28);
}

.nestx-btn-outline,
.nestx-btn-inline {
    color: #0f172a;
    background: #fff;
    border: 1px solid rgba(15, 23, 42, 0.12);
}

.nestx-btn-outline:hover,
.nestx-btn-inline:hover {
    color: #1d4ed8;
    border-color: rgba(29, 78, 216, 0.45);
    transform: translateY(-2px);
}

.nestx-trust span,
.nestx-check-line,
.nestx-benefit-bar {
    display: inline-flex;
    align-items: center;
    font-weight: 600;
}

.nestx-trust i,
.nestx-check-line i,
.nestx-benefit-bar i {
    color: #0f766e;
}

.nestx-hero-frame,
.nestx-inline-feature,
.nestx-service-band,
.nestx-point-box,
.nestx-solution-tile,
.nestx-metric-panel,
.nestx-portfolio-shell {
    background: #fff;
    border: 1px solid rgba(15, 23, 42, 0.08);
    box-shadow: 0 1rem 2.2rem rgba(15, 23, 42, 0.06);
    transition: transform 0.24s ease, box-shadow 0.24s ease, border-color 0.24s ease;
}

.nestx-hero-frame {
    padding: 1.6rem;
    border-radius: 2rem;
}

.nestx-hero-top small {
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.09em;
    font-weight: 700;
}

.nestx-hero-top span {
    width: 0.72rem;
    height: 0.72rem;
    border-radius: 50%;
    display: inline-block;
}

.nestx-hero-top span:nth-child(1) {
    background: #f87171;
}

.nestx-hero-top span:nth-child(2) {
    background: #fbbf24;
}

.nestx-hero-top span:nth-child(3) {
    background: #34d399;
}

.nestx-architecture-shell {
    display: grid;
    gap: 0.95rem;
}

.nestx-layer {
    padding: 1rem 1.15rem;
    border-radius: 1.2rem;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
    border: 1px solid rgba(37, 99, 235, 0.09);
}

.nestx-layer strong {
    display: block;
    color: #0f172a;
    margin-bottom: 0.3rem;
}

.nestx-layer span {
    color: #64748b;
    font-size: 0.93rem;
}

.nestx-layer-primary {
    background: linear-gradient(135deg, rgba(37, 99, 235, 0.08) 0%, rgba(14, 165, 233, 0.08) 100%);
}

.nestx-layer-dark {
    background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
    border-color: rgba(15, 23, 42, 0.3);
}

.nestx-layer-dark strong,
.nestx-layer-dark span {
    color: #fff;
}

.nestx-flow-line {
    width: 2px;
    height: 20px;
    margin: 0 auto;
    background: linear-gradient(180deg, rgba(37, 99, 235, 0.75), rgba(15, 118, 110, 0.35));
}

.nestx-hero-note {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    padding: 1rem 1.1rem;
    border-radius: 1.2rem;
    background: rgba(248, 250, 252, 0.95);
    border: 1px solid rgba(15, 23, 42, 0.07);
}

.nestx-hero-note strong {
    display: block;
    color: #0f172a;
    margin-bottom: 0.35rem;
}

.nestx-hero-note p,
.nestx-inline-feature p,
.nestx-service-band p,
.nestx-point-box p,
.nestx-solution-tile span,
.nestx-metric-panel span,
.nestx-process-item span,
.nestx-section-copy {
    color: #64748b;
}

.nestx-about,
.nestx-usecases,
.nestx-benefits,
.nestx-cta {
    background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
}

.nestx-about-grid,
.nestx-service-stack,
.nestx-check-columns,
.nestx-tech-cloud,
.nestx-benefit-grid {
    display: grid;
    gap: 1rem;
}

.nestx-inline-feature {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    padding: 1.2rem;
    border-radius: 1.3rem;
}

.nestx-inline-feature i,
.nestx-point-box i,
.nestx-benefit-bar i {
    width: 3rem;
    height: 3rem;
    border-radius: 1rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: #1d4ed8;
    background: rgba(37, 99, 235, 0.1);
}

.nestx-inline-feature h3,
.nestx-point-box h3 {
    font-size: 1.05rem;
    margin-bottom: 0.4rem;
}

.nestx-services,
.nestx-stack,
.nestx-faqintro {
    background: linear-gradient(180deg, #f8fbff 0%, #ffffff 100%);
}

.nestx-service-stack {
    gap: 0.9rem;
}

.nestx-service-band {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    padding: 1.2rem 1.25rem;
    border-radius: 1.35rem;
}

.nestx-service-band span {
    width: 3rem;
    height: 3rem;
    border-radius: 1rem;
    background: linear-gradient(135deg, #1d4ed8 0%, #0f766e 100%);
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    flex-shrink: 0;
}

.nestx-service-band h3 {
    font-size: 1.08rem;
    margin-bottom: 0.4rem;
}

.nestx-service-band:hover,
.nestx-inline-feature:hover,
.nestx-point-box:hover,
.nestx-solution-tile:hover,
.nestx-metric-panel:hover {
    transform: translateY(-5px);
    border-color: rgba(29, 78, 216, 0.18);
    box-shadow: 0 1.3rem 2.6rem rgba(15, 23, 42, 0.1);
}

.nestx-framework,
.nestx-portfolio {
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
}

.nestx-point-box {
    height: 100%;
    padding: 1.3rem;
    border-radius: 1.45rem;
}

.nestx-point-wide {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
}

.nestx-whyus {
    background: linear-gradient(180deg, #fbfdff 0%, #ffffff 100%);
}

.nestx-check-columns {
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}

.nestx-check-line {
    gap: 0.8rem;
    padding: 1rem 0;
    border-bottom: 1px solid rgba(15, 23, 42, 0.08);
    color: #0f172a;
}

.nestx-process {
    background: linear-gradient(180deg, #ffffff 0%, #f5fbff 100%);
}

.nestx-process-rail {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 1rem;
}

.nestx-process-item {
    position: relative;
    padding: 1.2rem 1.1rem;
    border-top: 3px solid #1d4ed8;
    background: rgba(255, 255, 255, 0.85);
    border-radius: 1.2rem;
    box-shadow: 0 0.9rem 1.8rem rgba(15, 23, 42, 0.05);
}

.nestx-process-item strong {
    display: block;
    color: #0f172a;
    margin-bottom: 0.5rem;
}

.nestx-solution-tile {
    height: 100%;
    padding: 1.3rem;
    border-radius: 1.4rem;
}

.nestx-solution-tile strong,
.nestx-metric-panel strong {
    display: block;
    color: #0f172a;
    margin-bottom: 0.45rem;
}

.nestx-stack {
    overflow: hidden;
}

.nestx-tech-cloud {
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
}

.nestx-tech-cloud span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 1rem 1.1rem;
    border-radius: 999px;
    background: #fff;
    border: 1px solid rgba(29, 78, 216, 0.1);
    box-shadow: 0 0.8rem 1.8rem rgba(15, 23, 42, 0.05);
    color: #0f172a;
    font-weight: 700;
    transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}

.nestx-tech-cloud span:hover {
    transform: translateY(-4px);
    border-color: rgba(15, 118, 110, 0.34);
    box-shadow: 0 1rem 2rem rgba(15, 23, 42, 0.08);
}

.nestx-benefit-grid {
    gap: 0.9rem;
}

.nestx-benefit-bar {
    gap: 0.9rem;
    padding: 1rem 1.1rem;
    border-radius: 1.2rem;
    background: #fff;
    border: 1px solid rgba(15, 23, 42, 0.08);
    box-shadow: 0 0.8rem 1.6rem rgba(15, 23, 42, 0.05);
    color: #0f172a;
    transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}

.nestx-benefit-bar:hover {
    transform: translateY(-4px);
    border-color: rgba(29, 78, 216, 0.2);
    box-shadow: 0 1rem 2rem rgba(15, 23, 42, 0.08);
}

.nestx-portfolio-shell,
.nestx-cta-shell {
    padding: 2rem;
    border-radius: 2rem;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
    border: 1px solid rgba(15, 23, 42, 0.08);
    box-shadow: 0 1.4rem 3rem rgba(15, 23, 42, 0.08);
}

.nestx-metric-panel {
    height: 100%;
    padding: 1.25rem;
    border-radius: 1.35rem;
}

.nestx-cta-shell {
    background:
        radial-gradient(circle at top center, rgba(37, 99, 235, 0.08), transparent 28%),
        linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
}

@media (max-width: 991.98px) {
    .nestx-hero,
    .nestx-stack {
        overflow: hidden;
    }

    .nestx-process-rail {
        grid-template-columns: repeat(2, 1fr);
    }

    .nestx-hero-note {
        flex-direction: column;
        align-items: flex-start;
    }

    .nestx-portfolio-shell,
    .nestx-cta-shell {
        padding: 1.5rem;
    }
}

@media (max-width: 767.98px) {
    .nestx-hero-frame {
        padding: 1.2rem;
    }

    .nestx-service-band,
    .nestx-inline-feature,
    .nestx-point-wide,
    .nestx-benefit-bar {
        align-items: flex-start;
    }

    .nestx-process-rail,
    .nestx-tech-cloud,
    .nestx-check-columns {
        grid-template-columns: 1fr;
    }
}

.webco-hero {
    background:
        radial-gradient(circle at top left, rgba(14, 165, 233, 0.12), transparent 22%),
        radial-gradient(circle at 88% 16%, rgba(245, 158, 11, 0.12), transparent 18%),
        linear-gradient(180deg, #f9fcff 0%, #ffffff 100%);
}

.webco-eyebrow,
.webco-section-tag {
    font-size: 0.82rem;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.webco-eyebrow {
    color: #0f766e;
    background: rgba(13, 148, 136, 0.08);
    border: 1px solid rgba(13, 148, 136, 0.12);
}

.webco-section-tag {
    color: #d97706;
}

.webco-btn-primary,
.webco-btn-outline,
.webco-btn-inline {
    transition: transform 0.22s ease, box-shadow 0.22s ease, background-color 0.22s ease, color 0.22s ease, border-color 0.22s ease;
    font-weight: 700;
}

.webco-btn-primary {
    color: #fff;
    background: linear-gradient(135deg, #0f766e 0%, #f59e0b 100%);
    border: none;
    box-shadow: 0 1rem 2rem rgba(245, 158, 11, 0.22);
}

.webco-btn-primary:hover {
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 1.2rem 2.4rem rgba(245, 158, 11, 0.28);
}

.webco-btn-outline,
.webco-btn-inline {
    color: #0f172a;
    background: #fff;
    border: 1px solid rgba(15, 23, 42, 0.12);
}

.webco-btn-outline:hover,
.webco-btn-inline:hover {
    color: #0f766e;
    border-color: rgba(13, 148, 136, 0.38);
    transform: translateY(-2px);
}

.webco-trust span,
.webco-benefit-line {
    display: inline-flex;
    align-items: center;
    font-weight: 600;
}

.webco-trust i,
.webco-benefit-line i,
.webco-industry-cloud i {
    color: #0f766e;
}

.webco-hero-panel,
.webco-mini-panel,
.webco-value-block,
.webco-tech-strip,
.webco-process-step,
.webco-metric-box,
.webco-trust-panel,
.webco-showcase-shell,
.webco-cta-shell {
    background: #fff;
    border: 1px solid rgba(15, 23, 42, 0.08);
    box-shadow: 0 1rem 2.2rem rgba(15, 23, 42, 0.06);
    transition: transform 0.24s ease, box-shadow 0.24s ease, border-color 0.24s ease;
}

.webco-hero-panel {
    padding: 1.6rem;
    border-radius: 2rem;
}

.webco-hero-top small {
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.09em;
    font-weight: 700;
}

.webco-hero-top span {
    width: 0.72rem;
    height: 0.72rem;
    border-radius: 50%;
    display: inline-block;
}

.webco-hero-top span:nth-child(1) {
    background: #fb7185;
}

.webco-hero-top span:nth-child(2) {
    background: #f59e0b;
}

.webco-hero-top span:nth-child(3) {
    background: #2dd4bf;
}

.webco-hero-stack,
.webco-intro-flow,
.webco-service-list,
.webco-tech-layout,
.webco-industry-cloud,
.webco-benefit-lines,
.webco-trust-panels {
    display: grid;
    gap: 1rem;
}

.webco-ribbon {
    padding: 1.15rem 1.2rem;
    border-radius: 1.3rem;
    background: linear-gradient(135deg, rgba(15, 118, 110, 0.08) 0%, rgba(245, 158, 11, 0.08) 100%);
    border: 1px solid rgba(15, 118, 110, 0.08);
}

.webco-ribbon strong,
.webco-flow-line strong,
.webco-metric-box strong,
.webco-trust-panel strong,
.webco-tech-strip strong {
    display: block;
    color: #0f172a;
    margin-bottom: 0.35rem;
}

.webco-ribbon span,
.webco-mini-panel span,
.webco-flow-line span,
.webco-service-row p,
.webco-value-block p,
.webco-tech-strip span,
.webco-process-step span,
.webco-metric-box span,
.webco-trust-panel span,
.webco-section-copy,
.webco-highlight-bar p {
    color: #64748b;
}

.webco-mini-panel {
    height: 100%;
    display: flex;
    gap: 1rem;
    padding: 1.15rem;
    border-radius: 1.3rem;
}

.webco-mini-panel i,
.webco-flow-line i,
.webco-value-block i,
.webco-benefit-line i {
    width: 3rem;
    height: 3rem;
    border-radius: 1rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    background: rgba(245, 158, 11, 0.12);
    color: #d97706;
}

.webco-highlight-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    padding: 1rem 1.1rem;
    border-radius: 1.25rem;
    background: rgba(248, 250, 252, 0.95);
    border: 1px solid rgba(15, 23, 42, 0.07);
}

.webco-intro,
.webco-tech,
.webco-benefits,
.webco-faqintro,
.webco-cta {
    background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
}

.webco-flow-line {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    padding: 1rem 0;
    border-bottom: 1px solid rgba(15, 23, 42, 0.08);
}

.webco-services,
.webco-process,
.webco-testimonials {
    background: linear-gradient(180deg, #f8fcff 0%, #ffffff 100%);
}

.webco-service-row {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    padding: 1.2rem 0;
    border-bottom: 1px solid rgba(15, 23, 42, 0.08);
}

.webco-service-row span {
    width: 3rem;
    height: 3rem;
    border-radius: 1rem;
    background: linear-gradient(135deg, #0f766e 0%, #f59e0b 100%);
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    flex-shrink: 0;
}

.webco-service-row h3 {
    font-size: 1.08rem;
    margin-bottom: 0.4rem;
    color: #0f172a;
}

.webco-why,
.webco-portfolio {
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
}

.webco-value-block {
    height: 100%;
    padding: 1.3rem;
    border-radius: 1.45rem;
}

.webco-value-block h3 {
    font-size: 1.05rem;
    margin: 1rem 0 0.45rem;
}

.webco-value-block:hover,
.webco-tech-strip:hover,
.webco-process-step:hover,
.webco-metric-box:hover,
.webco-trust-panel:hover {
    transform: translateY(-5px);
    border-color: rgba(15, 118, 110, 0.18);
    box-shadow: 0 1.3rem 2.6rem rgba(15, 23, 42, 0.1);
}

.webco-tech-layout {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.webco-tech-strip {
    padding: 1.15rem 1.2rem;
    border-radius: 1.35rem;
}

.webco-process-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
}

.webco-process-step {
    padding: 1.25rem 1.15rem;
    border-top: 3px solid #d97706;
    border-radius: 1.3rem;
}

.webco-process-step strong {
    display: block;
    color: #0f172a;
    margin-bottom: 0.55rem;
}

.webco-industries {
    background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
}

.webco-industry-cloud {
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
}

.webco-industry-cloud span {
    display: inline-flex;
    align-items: center;
    gap: 0.7rem;
    padding: 1rem 1.1rem;
    border-radius: 999px;
    background: #fff;
    border: 1px solid rgba(245, 158, 11, 0.12);
    box-shadow: 0 0.8rem 1.8rem rgba(15, 23, 42, 0.05);
    color: #0f172a;
    font-weight: 600;
    transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}

.webco-industry-cloud span:hover {
    transform: translateY(-4px);
    border-color: rgba(15, 118, 110, 0.34);
    box-shadow: 0 1rem 2rem rgba(15, 23, 42, 0.08);
}

.webco-benefit-lines {
    gap: 0.9rem;
}

.webco-benefit-line {
    gap: 0.9rem;
    padding: 1rem 1.1rem;
    border-radius: 1.2rem;
    background: #fff;
    border: 1px solid rgba(15, 23, 42, 0.08);
    box-shadow: 0 0.8rem 1.6rem rgba(15, 23, 42, 0.05);
    color: #0f172a;
    transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}

.webco-benefit-line:hover {
    transform: translateY(-4px);
    border-color: rgba(217, 119, 6, 0.24);
    box-shadow: 0 1rem 2rem rgba(15, 23, 42, 0.08);
}

.webco-showcase-shell,
.webco-cta-shell {
    padding: 2rem;
    border-radius: 2rem;
}

.webco-metric-box,
.webco-trust-panel {
    height: 100%;
    padding: 1.25rem;
    border-radius: 1.35rem;
}

.webco-cta-shell {
    background:
        radial-gradient(circle at top center, rgba(245, 158, 11, 0.1), transparent 30%),
        linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
}

@media (max-width: 991.98px) {
    .webco-hero,
    .webco-tech {
        overflow: hidden;
    }

    .webco-highlight-bar {
        flex-direction: column;
        align-items: flex-start;
    }

    .webco-tech-layout,
    .webco-process-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .webco-showcase-shell,
    .webco-cta-shell,
    .webco-hero-panel {
        padding: 1.5rem;
    }
}

@media (max-width: 767.98px) {
    .webco-hero-panel {
        padding: 1.2rem;
    }

    .webco-service-row,
    .webco-mini-panel,
    .webco-flow-line,
    .webco-benefit-line {
        align-items: flex-start;
    }

    .webco-tech-layout,
    .webco-process-grid,
    .webco-industry-cloud {
        grid-template-columns: 1fr;
    }
}

.mobco-hero {
    background:
        radial-gradient(circle at top left, rgba(37, 99, 235, 0.12), transparent 22%),
        radial-gradient(circle at 88% 18%, rgba(236, 72, 153, 0.11), transparent 18%),
        linear-gradient(180deg, #f8fbff 0%, #ffffff 100%);
}

.mobco-eyebrow,
.mobco-section-tag {
    font-size: 0.82rem;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.mobco-eyebrow {
    color: #2563eb;
    background: rgba(37, 99, 235, 0.08);
    border: 1px solid rgba(37, 99, 235, 0.12);
}

.mobco-section-tag {
    color: #db2777;
}

.mobco-btn-primary,
.mobco-btn-outline,
.mobco-btn-inline {
    transition: transform 0.22s ease, box-shadow 0.22s ease, background-color 0.22s ease, color 0.22s ease, border-color 0.22s ease;
    font-weight: 700;
}

.mobco-btn-primary {
    color: #fff;
    background: linear-gradient(135deg, #2563eb 0%, #db2777 100%);
    border: none;
    box-shadow: 0 1rem 2rem rgba(37, 99, 235, 0.2);
}

.mobco-btn-primary:hover {
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 1.2rem 2.4rem rgba(37, 99, 235, 0.28);
}

.mobco-btn-outline,
.mobco-btn-inline {
    color: #0f172a;
    background: #fff;
    border: 1px solid rgba(15, 23, 42, 0.12);
}

.mobco-btn-outline:hover,
.mobco-btn-inline:hover {
    color: #2563eb;
    border-color: rgba(37, 99, 235, 0.42);
    transform: translateY(-2px);
}

.mobco-trust span,
.mobco-value-item,
.mobco-benefit-line {
    display: inline-flex;
    align-items: center;
    font-weight: 600;
}

.mobco-trust i,
.mobco-value-item i,
.mobco-benefit-line i,
.mobco-industry-grid i {
    color: #db2777;
}

.mobco-device-card,
.mobco-intro-step,
.mobco-service-panel,
.mobco-platform-tile,
.mobco-timecard,
.mobco-metric-card,
.mobco-showcase-shell,
.mobco-cta-shell {
    background: #fff;
    border: 1px solid rgba(15, 23, 42, 0.08);
    box-shadow: 0 1rem 2.2rem rgba(15, 23, 42, 0.06);
    transition: transform 0.24s ease, box-shadow 0.24s ease, border-color 0.24s ease;
}

.mobco-device-showcase,
.mobco-intro-steps,
.mobco-platform-board,
.mobco-value-grid,
.mobco-industry-grid,
.mobco-benefit-stack {
    display: grid;
    gap: 1rem;
}

.mobco-device-showcase {
    grid-template-columns: 1.2fr 0.8fr;
    align-items: end;
}

.mobco-device-card {
    border-radius: 2rem;
    overflow: hidden;
}

.mobco-device-main {
    padding: 1rem;
    background: linear-gradient(180deg, #fff 0%, #f6f9ff 100%);
}

.mobco-phone-top {
    width: 6rem;
    height: 0.5rem;
    border-radius: 999px;
    background: rgba(15, 23, 42, 0.12);
    margin: 0.3rem auto 1rem;
}

.mobco-screen-content {
    padding: 0.6rem;
    border-radius: 1.6rem;
    background: linear-gradient(180deg, #edf4ff 0%, #fff1f7 100%);
}

.mobco-screen-band {
    padding: 1rem 1rem 1.1rem;
    border-radius: 1.2rem;
    background: rgba(255, 255, 255, 0.88);
    margin-bottom: 1rem;
}

.mobco-screen-band strong,
.mobco-intro-step strong,
.mobco-platform-tile strong,
.mobco-timecard strong,
.mobco-metric-card strong {
    display: block;
    color: #0f172a;
    margin-bottom: 0.35rem;
}

.mobco-screen-band span,
.mobco-intro-step span,
.mobco-platform-tile span,
.mobco-timecard span,
.mobco-metric-card span,
.mobco-section-copy {
    color: #64748b;
}

.mobco-screen-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.8rem;
}

.mobco-screen-grid div {
    padding: 1rem;
    border-radius: 1.1rem;
    background: rgba(255, 255, 255, 0.88);
    text-align: center;
}

.mobco-screen-grid i {
    display: block;
    margin-bottom: 0.5rem;
    color: #2563eb;
    font-size: 1.2rem;
}

.mobco-device-side {
    padding: 1.35rem;
    min-height: 220px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
    border-color: rgba(15, 23, 42, 0.25);
}

.mobco-device-side strong,
.mobco-device-side span {
    color: #fff;
}

.mobco-intro,
.mobco-platforms,
.mobco-benefits,
.mobco-faqintro,
.mobco-cta {
    background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
}

.mobco-intro-step {
    display: flex;
    gap: 1rem;
    padding: 1.15rem 1.2rem;
    border-radius: 1.35rem;
}

.mobco-intro-step i,
.mobco-service-line i,
.mobco-value-item i,
.mobco-benefit-line i {
    width: 3rem;
    height: 3rem;
    border-radius: 1rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    background: rgba(219, 39, 119, 0.1);
}

.mobco-services,
.mobco-process,
.mobco-showcase {
    background: linear-gradient(180deg, #f8fbff 0%, #ffffff 100%);
}

.mobco-service-panel {
    height: 100%;
    padding: 1.4rem;
    border-radius: 1.6rem;
}

.mobco-service-panel h3 {
    margin-bottom: 1rem;
    color: #0f172a;
}

.mobco-service-line {
    display: flex;
    align-items: center;
    gap: 0.9rem;
    padding: 0.8rem 0;
    border-top: 1px solid rgba(15, 23, 42, 0.08);
    color: #334155;
    font-weight: 600;
}

.mobco-platform-board {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.mobco-platform-tile {
    padding: 1.3rem;
    border-radius: 1.45rem;
}

.mobco-why {
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
}

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

.mobco-value-item {
    gap: 0.85rem;
    padding: 1rem 0;
    border-bottom: 1px solid rgba(15, 23, 42, 0.08);
    color: #0f172a;
}

.mobco-timeline {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
}

.mobco-timecard {
    padding: 1.25rem 1.15rem;
    border-left: 3px solid #2563eb;
    border-radius: 1.3rem;
}

.mobco-industries {
    background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
}

.mobco-industry-grid {
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
}

.mobco-industry-grid span {
    display: inline-flex;
    align-items: center;
    gap: 0.7rem;
    padding: 1rem 1.1rem;
    border-radius: 999px;
    background: #fff;
    border: 1px solid rgba(37, 99, 235, 0.1);
    box-shadow: 0 0.8rem 1.8rem rgba(15, 23, 42, 0.05);
    color: #0f172a;
    font-weight: 600;
    transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}

.mobco-industry-grid span:hover {
    transform: translateY(-4px);
    border-color: rgba(219, 39, 119, 0.28);
    box-shadow: 0 1rem 2rem rgba(15, 23, 42, 0.08);
}

.mobco-benefit-stack {
    gap: 0.9rem;
}

.mobco-benefit-line {
    gap: 0.9rem;
    padding: 1rem 1.1rem;
    border-radius: 1.2rem;
    background: #fff;
    border: 1px solid rgba(15, 23, 42, 0.08);
    box-shadow: 0 0.8rem 1.6rem rgba(15, 23, 42, 0.05);
    color: #0f172a;
    transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}

.mobco-benefit-line:hover,
.mobco-service-panel:hover,
.mobco-platform-tile:hover,
.mobco-timecard:hover,
.mobco-metric-card:hover,
.mobco-intro-step:hover {
    transform: translateY(-4px);
    border-color: rgba(37, 99, 235, 0.18);
    box-shadow: 0 1rem 2rem rgba(15, 23, 42, 0.08);
}

.mobco-showcase-shell,
.mobco-cta-shell {
    padding: 2rem;
    border-radius: 2rem;
}

.mobco-metric-card {
    height: 100%;
    padding: 1.25rem;
    border-radius: 1.35rem;
}

.mobco-cta-shell {
    background:
        radial-gradient(circle at top center, rgba(219, 39, 119, 0.1), transparent 30%),
        linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
}

@media (max-width: 991.98px) {
    .mobco-hero,
    .mobco-services {
        overflow: hidden;
    }

    .mobco-device-showcase,
    .mobco-platform-board,
    .mobco-timeline {
        grid-template-columns: repeat(2, 1fr);
    }

    .mobco-showcase-shell,
    .mobco-cta-shell {
        padding: 1.5rem;
    }
}

@media (max-width: 767.98px) {
    .mobco-device-showcase,
    .mobco-platform-board,
    .mobco-value-grid,
    .mobco-timeline,
    .mobco-industry-grid,
    .mobco-screen-grid {
        grid-template-columns: 1fr;
    }

    .mobco-intro-step,
    .mobco-service-line,
    .mobco-benefit-line {
        align-items: flex-start;
    }

    .mobco-device-side,
    .mobco-device-main {
        min-height: auto;
    }
}