.cb-biz-page {
    color: #15191f;
    line-height: 1.75;
}

.cb-biz-page .word-keep {
    word-break: keep-all;
}

.cb-biz-page .text-conbase-primary {
    color: #0d6efd;
}

.cb-biz-img-cover {
    object-fit: cover;
}

.cb-biz-hero {
    background: #0d1117;
    color: #ffffff;
    border: 1px solid #1f2937;
    border-radius: 28px;
    box-shadow: 0 28px 72px #00000040;
}

.cb-biz-hero-bg {
    display: none;
}

.cb-biz-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 20px;
    padding: 8px 14px;
    border: 1px solid #2b3544;
    border-radius: 999px;
    background: #151b23;
    color: #74c0fc;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.08em;
}

.cb-biz-hero-title {
    margin: 0 0 22px;
    color: #ffffff;
    font-size: 48px;
    font-weight: 900;
    line-height: 1.22;
    letter-spacing: -0.055em;
}

.cb-biz-hero-title span {
    color: #4dabf7;
}

.cb-biz-hero-desc {
    max-width: 590px;
    margin: 0;
    color: #c9d1d9;
    font-size: 17px;
    line-height: 1.9;
    letter-spacing: -0.025em;
}

.cb-biz-hero-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 30px;
    margin-bottom: 18px;
}

.cb-biz-hero-tags span {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 14px;
    border: 1px solid #2b3544;
    border-radius: 999px;
    background: #151b23;
    color: #dee2e6;
    font-size: 13px;
    font-weight: 700;
    box-shadow: 0 8px 22px #00000026;
}

.cb-biz-hero-tags i {
    color: #74c0fc;
}

.cb-biz-hero-mini {
    padding: 18px 16px;
    border: 1px solid #2b3544;
    border-radius: 18px;
    background: #151b23;
    box-shadow: 0 12px 28px #00000026;
}

.cb-biz-hero-mini i {
    display: block;
    margin-bottom: 10px;
    color: #74c0fc;
    font-size: 24px;
}

.cb-biz-hero-mini strong {
    display: block;
    margin-bottom: 4px;
    color: #ffffff;
    font-size: 15px;
    font-weight: 900;
}

.cb-biz-hero-mini span {
    display: block;
    color: #8b949e;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.45;
}

.cb-biz-visual-card {
    padding: 22px;
    border: 1px solid #2b3544;
    border-radius: 24px;
    background: #151b23;
    box-shadow: 0 24px 56px #00000040;
}

.cb-biz-visual-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    margin-bottom: 16px;
}

.cb-biz-visual-head span {
    display: block;
    color: #8b949e;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.08em;
}

.cb-biz-visual-head strong {
    display: block;
    margin-top: 4px;
    color: #ffffff;
    font-size: 22px;
    font-weight: 900;
    letter-spacing: -0.04em;
}

.cb-biz-visual-head i {
    color: #75e0a7;
    font-size: 28px;
}

.cb-biz-visual-bottom {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    margin-top: 14px;
}

.cb-biz-visual-bottom div {
    padding: 13px 10px;
    border: 1px solid #2b3544;
    border-radius: 14px;
    background: #0d1117;
    text-align: center;
}

.cb-biz-visual-bottom strong {
    display: block;
    color: #ffffff;
    font-size: 14px;
    font-weight: 900;
}

.cb-biz-visual-bottom span {
    display: block;
    margin-top: 3px;
    color: #8b949e;
    font-size: 12px;
    font-weight: 600;
}

.cb-biz-card,
.cb-biz-flow-card,
.cb-biz-usage-card,
.cb-biz-method-card,
.cb-biz-why-card,
.cb-biz-insight-card {
    transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}

.cb-biz-card:hover,
.cb-biz-flow-card:hover,
.cb-biz-usage-card:hover,
.cb-biz-method-card:hover,
.cb-biz-why-card:hover,
.cb-biz-insight-card:hover {
    transform: translateY(-4px);
    border-color: #bfd7ff;
    box-shadow: 0 16px 36px #0f172a17;
}

.cb-biz-icon,
.cb-biz-usage-icon,
.cb-biz-method-icon,
.cb-biz-why-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    margin-bottom: 18px;
    border-radius: 16px;
    background: #eef4ff;
    color: #0d6efd;
    font-size: 24px;
}

.cb-biz-card h3,
.cb-biz-flow-card h3,
.cb-biz-method-card h3,
.cb-biz-why-card h3 {
    margin: 0 0 10px;
    color: #111827;
    font-size: 18px;
    font-weight: 900;
    letter-spacing: -0.035em;
}

.cb-biz-card p,
.cb-biz-flow-card p,
.cb-biz-method-card p,
.cb-biz-why-card p {
    margin: 0;
    color: #6c757d;
    font-size: 14px;
    line-height: 1.75;
    letter-spacing: -0.02em;
}

.cb-biz-flow-num {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 16px;
    padding: 5px 12px;
    border: 1px solid #e9ecef;
    border-radius: 999px;
    background: #f8f9fa;
    color: #0d6efd;
    font-size: 12px;
    font-weight: 900;
}

.cb-biz-usage-card {
    border: 1px solid #e9ecef;
}

.cb-biz-usage-icon {
    margin-left: auto;
    margin-right: auto;
}

.cb-biz-method-card {
    text-align: left;
}

.cb-biz-why-icon {
    margin-left: auto;
    margin-right: auto;
}

.cb-biz-chip-row {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 16px;
}

.cb-biz-chip-row span {
    display: inline-flex;
    padding: 5px 10px;
    border-radius: 999px;
    background: #f1f3f5;
    color: #495057;
    font-size: 12px;
    font-weight: 700;
}

.cb-biz-insight-card h5 {
    margin: 0 0 8px;
    color: #111827;
    font-size: 16px;
    font-weight: 900;
}

.cb-biz-insight-card p {
    margin: 0;
    color: #6c757d;
    font-size: 14px;
    line-height: 1.75;
}

.cb-biz-contact {
    background: #0d1117;
    color: #ffffff;
    border: 1px solid #1f2937;
}

.cb-biz-contact p {
    color: #c9d1d9;
}

.cb-biz-contact-label {
    margin-bottom: 8px;
    color: #74c0fc;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0.1em;
}

@media (max-width: 991.98px) {
    .cb-biz-hero-title {
        font-size: 40px;
    }

    .cb-biz-visual-card {
        margin-top: 8px;
    }
}

@media (max-width: 767.98px) {
    .cb-biz-hero-title {
        font-size: 32px;
        line-height: 1.28;
    }

    .cb-biz-hero-desc {
        font-size: 15px;
    }

    .cb-biz-visual-card {
        padding: 18px;
        border-radius: 22px;
    }

    .cb-biz-visual-bottom {
        grid-template-columns: 1fr;
    }

    .cb-biz-method-card {
        padding: 20px 16px !important;
    }

    .cb-biz-method-icon,
    .cb-biz-usage-icon,
    .cb-biz-why-icon,
    .cb-biz-icon {
        width: 46px;
        height: 46px;
        font-size: 21px;
    }
}

.cb-biz-hero {
    background: #0d1117;
    border: 1px solid #263244;
    box-shadow: 0 30px 80px #00000045, 0 0 90px #0d6efd22;
}

.cb-biz-eyebrow,
.cb-biz-hero-tags span,
.cb-biz-hero-mini,
.cb-biz-visual-card {
    background: #151b23;
    border-color: #334155;
}

.cb-biz-visual-card {
    box-shadow: 0 28px 64px #00000045;
}

.cb-biz-data-section {
    margin-top: 64px;
    margin-bottom: 64px;
}

.cb-biz-data-visual {
    padding: 0;
    overflow: hidden;
    border: 1px solid #d7dee8;
    border-radius: 24px;
    background: #ffffff;
    box-shadow: 0 24px 56px #0f172a18;
}

.cb-biz-data-image-box {
    width: 100%;
    height: 100%;
    min-height: 380px;
    overflow: hidden;
    border-radius: 24px;
    background: #f8f9fa;
}

.cb-biz-data-img {
    display: block;
    object-fit: cover;
    object-position: center top;
}

.cb-biz-data-list {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.cb-biz-data-card {
    flex: 1;
    display: flex;
    align-items: flex-start;
    gap: 16px;
    padding: 26px 28px;
    border: 1px solid #d7dee8;
    border-radius: 22px;
    background: #ffffff;
    box-shadow: 0 18px 42px #0f172a14;
}

.cb-biz-data-num {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    min-width: 42px;
    border-radius: 14px;
    background: #0d1117;
    color: #ffffff;
    font-size: 13px;
    font-weight: 900;
}

.cb-biz-data-card h5 {
    margin: 0 0 8px;
    color: #111827;
    font-size: 17px;
    font-weight: 900;
    letter-spacing: -0.035em;
}

.cb-biz-data-card p {
    margin: 0;
    color: #6c757d;
    font-size: 14px;
    line-height: 1.75;
    letter-spacing: -0.02em;
}

@media (max-width: 991.98px) {
    .cb-biz-data-image-box {
        min-height: 320px;
    }

    .cb-biz-data-list {
        gap: 14px;
    }

    .cb-biz-data-card {
        flex: none;
    }
}

@media (max-width: 767.98px) {
    .cb-biz-data-section {
        margin-top: 48px;
        margin-bottom: 48px;
    }

    .cb-biz-data-image-box {
        min-height: 220px;
        border-radius: 20px;
    }

    .cb-biz-data-visual {
        border-radius: 20px;
    }

    .cb-biz-data-card {
        padding: 20px 18px;
        border-radius: 20px;
        gap: 12px;
    }

    .cb-biz-data-num {
        width: 36px;
        height: 36px;
        min-width: 36px;
        border-radius: 12px;
        font-size: 12px;
    }

    .cb-biz-data-card h5 {
        font-size: 16px;
    }

    .cb-biz-data-card p {
        font-size: 13px;
    }
}

.cb-biz-visual-bottom {
    display: flex;
    justify-content: center;
    align-items: stretch;
    gap: 10px;
}

.cb-biz-visual-bottom > div {
    flex: 1 1 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    text-align: center;
    gap: 4px;
}

.cb-biz-visual-bottom i {
    font-size: .9rem;
    color: #dc3545;
    opacity: .85;
    margin-bottom: 2px;
}

.cb-biz-visual-bottom strong {
    display: block;
    font-size: .9rem;
    font-weight: 800;
    line-height: 1.2;
}

.cb-biz-visual-bottom span {
    display: block;
    font-size: .78rem;
    color: #6c757d;
    line-height: 1.25;
}

.cb-biz-page {
    color: #111827;
    line-height: 1.75;
}

.cb-biz-page .word-keep {
    word-break: keep-all;
}

.cb-biz-page section {
    position: relative;
}

.cb-biz-page .text-conbase-primary {
    color: #0d6efd;
}

.cb-biz-img-cover {
    object-fit: cover;
    object-position: center top;
}

.cb-biz-hero {
    position: relative;
    overflow: hidden;
    min-height: 620px;
    color: #ffffff;
    border: 1px solid rgba(148, 163, 184, .28);
    border-radius: 34px;
    background:
            radial-gradient(circle at 18% 22%, rgba(13, 110, 253, .42), transparent 31%),
            radial-gradient(circle at 84% 18%, rgba(32, 201, 151, .32), transparent 28%),
            radial-gradient(circle at 72% 78%, rgba(116, 143, 252, .26), transparent 34%),
            linear-gradient(135deg, #070b13 0%, #101827 46%, #07111f 100%);
    box-shadow:
            0 36px 90px rgba(15, 23, 42, .38),
            inset 0 1px 0 rgba(255, 255, 255, .12);
}

.cb-biz-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    opacity: .38;
    background-image:
            linear-gradient(rgba(255, 255, 255, .045) 1px, transparent 1px),
            linear-gradient(90deg, rgba(255, 255, 255, .045) 1px, transparent 1px);
    background-size: 54px 54px;
    mask-image: linear-gradient(180deg, rgba(0, 0, 0, .85), transparent 88%);
}

.cb-biz-hero::after {
    content: "";
    position: absolute;
    inset: 1px;
    z-index: 0;
    border-radius: 32px;
    background:
            linear-gradient(120deg, rgba(255, 255, 255, .12), transparent 28%, transparent 72%, rgba(13, 110, 253, .16));
    pointer-events: none;
}

.cb-biz-hero-bg {
    display: block;
    position: absolute;
    inset: 0;
    z-index: 1;
    overflow: hidden;
    pointer-events: none;
    border-radius: 34px;
}

.cb-biz-hero-content {
    position: relative;
    z-index: 3;
}

.cb-biz-bg-orb {
    position: absolute;
    border-radius: 999px;
    filter: blur(6px);
    opacity: .78;
    animation: cb-biz-float 9s ease-in-out infinite;
}

.cb-biz-bg-orb-1 {
    width: 360px;
    height: 360px;
    top: -130px;
    right: -90px;
    background: radial-gradient(circle, rgba(13, 110, 253, .72) 0%, rgba(13, 110, 253, .2) 48%, transparent 72%);
}

.cb-biz-bg-orb-2 {
    width: 260px;
    height: 260px;
    left: -80px;
    bottom: -90px;
    background: radial-gradient(circle, rgba(32, 201, 151, .56) 0%, rgba(32, 201, 151, .18) 50%, transparent 74%);
    animation-delay: -2.4s;
}

.cb-biz-bg-orb-3 {
    width: 180px;
    height: 180px;
    right: 36%;
    bottom: 14%;
    background: radial-gradient(circle, rgba(255, 255, 255, .32) 0%, rgba(116, 143, 252, .18) 52%, transparent 72%);
    animation-delay: -4s;
}

.cb-biz-bg-line {
    position: absolute;
    height: 1px;
    background: linear-gradient(90deg, transparent 0%, rgba(116, 192, 252, .75) 50%, transparent 100%);
    opacity: .78;
    transform: rotate(-18deg);
}

.cb-biz-bg-line-1 {
    width: 520px;
    top: 22%;
    right: -100px;
}

.cb-biz-bg-line-2 {
    width: 440px;
    top: 58%;
    left: -100px;
}

.cb-biz-bg-line-3 {
    width: 360px;
    bottom: 18%;
    right: 16%;
}

.cb-biz-bg-chip {
    position: absolute;
    padding: 9px 15px;
    border: 1px solid rgba(116, 192, 252, .34);
    border-radius: 999px;
    background: linear-gradient(135deg, rgba(255, 255, 255, .18), rgba(13, 110, 253, .12));
    color: #dbeafe;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .12em;
    box-shadow: 0 18px 44px rgba(0, 0, 0, .32);
    backdrop-filter: blur(12px);
}

.cb-biz-bg-chip-1 {
    top: 12%;
    right: 36%;
}

.cb-biz-bg-chip-2 {
    right: 7%;
    bottom: 29%;
}

.cb-biz-bg-chip-3 {
    left: 42%;
    bottom: 10%;
}

.cb-biz-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 22px;
    padding: 9px 15px;
    border: 1px solid rgba(116, 192, 252, .36);
    border-radius: 999px;
    background: rgba(15, 23, 42, .68);
    color: #93c5fd;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .1em;
    box-shadow: 0 16px 44px rgba(0, 0, 0, .26);
    backdrop-filter: blur(14px);
}

.cb-biz-hero-title {
    margin: 0 0 24px;
    color: #ffffff;
    font-size: 54px;
    font-weight: 950;
    line-height: 1.14;
    letter-spacing: -.065em;
    text-shadow: 0 18px 54px rgba(0, 0, 0, .32);
}

.cb-biz-hero-title span {
    color: transparent;
    background: linear-gradient(90deg, #74c0fc 0%, #63e6be 54%, #ffffff 100%);
    -webkit-background-clip: text;
    background-clip: text;
}

.cb-biz-hero-desc {
    max-width: 610px;
    margin: 0;
    color: #cbd5e1;
    font-size: 17px;
    line-height: 1.9;
    letter-spacing: -.025em;
}

.cb-biz-hero-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
    margin-top: 32px;
    margin-bottom: 20px;
}

.cb-biz-hero-tags span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 9px 15px;
    border: 1px solid rgba(148, 163, 184, .28);
    border-radius: 999px;
    background: rgba(15, 23, 42, .62);
    color: #f8fafc;
    font-size: 13px;
    font-weight: 800;
    box-shadow: 0 12px 32px rgba(0, 0, 0, .24);
    backdrop-filter: blur(14px);
}

.cb-biz-hero-tags i {
    color: #63e6be;
}

.cb-biz-hero-mini {
    position: relative;
    overflow: hidden;
    padding: 20px 16px;
    border: 1px solid rgba(148, 163, 184, .25);
    border-radius: 22px;
    background: linear-gradient(180deg, rgba(255, 255, 255, .12), rgba(15, 23, 42, .52));
    box-shadow:
            0 18px 44px rgba(0, 0, 0, .26),
            inset 0 1px 0 rgba(255, 255, 255, .12);
    backdrop-filter: blur(18px);
    transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}

.cb-biz-hero-mini::before {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 50% 0%, rgba(116, 192, 252, .22), transparent 56%);
    opacity: .9;
}

.cb-biz-hero-mini:hover {
    transform: translateY(-4px);
    border-color: rgba(116, 192, 252, .52);
    box-shadow:
            0 24px 54px rgba(0, 0, 0, .32),
            0 0 38px rgba(13, 110, 253, .16);
}

.cb-biz-hero-mini i,
.cb-biz-hero-mini strong,
.cb-biz-hero-mini span {
    position: relative;
    z-index: 1;
}

.cb-biz-hero-mini i {
    display: block;
    margin-bottom: 10px;
    color: #74c0fc;
    font-size: 25px;
}

.cb-biz-hero-mini strong {
    display: block;
    margin-bottom: 5px;
    color: #ffffff;
    font-size: 15px;
    font-weight: 900;
}

.cb-biz-hero-mini span {
    display: block;
    color: #a7b4c6;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.45;
}

.cb-biz-visual-card {
    position: relative;
    overflow: hidden;
    padding: 24px;
    border: 1px solid rgba(148, 163, 184, .26);
    border-radius: 28px;
    background:
            linear-gradient(180deg, rgba(255, 255, 255, .13), rgba(15, 23, 42, .72)),
            radial-gradient(circle at 18% 0%, rgba(116, 192, 252, .2), transparent 36%);
    box-shadow:
            0 32px 72px rgba(0, 0, 0, .38),
            inset 0 1px 0 rgba(255, 255, 255, .12);
    backdrop-filter: blur(18px);
}

.cb-biz-visual-card::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
            linear-gradient(135deg, rgba(255, 255, 255, .16), transparent 30%, transparent 70%, rgba(13, 110, 253, .18));
    pointer-events: none;
}

.cb-biz-visual-card > * {
    position: relative;
    z-index: 1;
}

.cb-biz-visual-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    margin-bottom: 18px;
}

.cb-biz-visual-head span {
    display: block;
    color: #94a3b8;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .1em;
}

.cb-biz-visual-head strong {
    display: block;
    margin-top: 5px;
    color: #ffffff;
    font-size: 23px;
    font-weight: 950;
    letter-spacing: -.045em;
}

.cb-biz-visual-head i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    border-radius: 18px;
    background: linear-gradient(135deg, rgba(32, 201, 151, .2), rgba(13, 110, 253, .2));
    color: #63e6be;
    font-size: 28px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .14);
}

.cb-biz-visual-card .ratio {
    overflow: hidden;
    border-radius: 22px;
    border: 1px solid rgba(255, 255, 255, .12);
    box-shadow: 0 24px 54px rgba(0, 0, 0, .34);
}

.cb-biz-visual-card img {
    transition: transform .42s ease;
}

.cb-biz-visual-card:hover img {
    transform: scale(1.035);
}

.cb-biz-visual-bottom {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    margin-top: 16px;
}

.cb-biz-visual-bottom > div {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    min-height: 86px;
    padding: 14px 10px;
    border: 1px solid rgba(148, 163, 184, .24);
    border-radius: 18px;
    background: linear-gradient(180deg, rgba(255, 255, 255, .12), rgba(15, 23, 42, .58));
    text-align: center;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08);
}

.cb-biz-visual-bottom i {
    color: #63e6be;
    font-size: 16px;
}

.cb-biz-visual-bottom strong {
    display: block;
    color: #ffffff;
    font-size: 14px;
    font-weight: 900;
    line-height: 1.2;
}

.cb-biz-visual-bottom span {
    display: block;
    color: #a7b4c6;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.3;
}

.cb-biz-page .badge.bg-dark {
    border: 1px solid rgba(13, 110, 253, .18);
    background: linear-gradient(135deg, #0f172a, #1e293b) !important;
    box-shadow: 0 12px 28px rgba(15, 23, 42, .16);
    letter-spacing: -.01em;
}

.cb-biz-page h2 {
    color: #0f172a;
    letter-spacing: -.055em;
}

.cb-biz-page .text-secondary {
    color: #64748b !important;
}

.cb-biz-card,
.cb-biz-flow-card,
.cb-biz-usage-card,
.cb-biz-method-card,
.cb-biz-why-card,
.cb-biz-insight-card,
.cb-biz-data-card {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(226, 232, 240, .92);
    border-radius: 24px;
    background:
            linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(248, 251, 255, .92));
    box-shadow:
            0 16px 42px rgba(15, 23, 42, .08),
            inset 0 1px 0 rgba(255, 255, 255, .9);
    transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

.cb-biz-card::before,
.cb-biz-flow-card::before,
.cb-biz-usage-card::before,
.cb-biz-method-card::before,
.cb-biz-why-card::before,
.cb-biz-insight-card::before,
.cb-biz-data-card::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
            radial-gradient(circle at 18% 0%, rgba(13, 110, 253, .08), transparent 36%),
            linear-gradient(135deg, rgba(255, 255, 255, .7), transparent 42%);
    opacity: .85;
    pointer-events: none;
}

.cb-biz-card > *,
.cb-biz-flow-card > *,
.cb-biz-usage-card > *,
.cb-biz-method-card > *,
.cb-biz-why-card > *,
.cb-biz-insight-card > *,
.cb-biz-data-card > * {
    position: relative;
    z-index: 1;
}

.cb-biz-card:hover,
.cb-biz-flow-card:hover,
.cb-biz-usage-card:hover,
.cb-biz-method-card:hover,
.cb-biz-why-card:hover,
.cb-biz-insight-card:hover,
.cb-biz-data-card:hover {
    transform: translateY(-6px);
    border-color: rgba(13, 110, 253, .28);
    box-shadow:
            0 24px 58px rgba(15, 23, 42, .13),
            0 0 34px rgba(13, 110, 253, .08);
}

.cb-biz-icon,
.cb-biz-usage-icon,
.cb-biz-method-icon,
.cb-biz-why-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 58px;
    height: 58px;
    margin-bottom: 18px;
    border-radius: 19px;
    background:
            radial-gradient(circle at 30% 20%, rgba(255, 255, 255, .95), transparent 30%),
            linear-gradient(135deg, #eaf2ff, #f5fbff);
    color: #0d6efd;
    font-size: 25px;
    box-shadow:
            9px 9px 22px rgba(148, 163, 184, .18),
            -8px -8px 18px rgba(255, 255, 255, .9),
            inset 0 1px 0 rgba(255, 255, 255, .9);
}

.cb-biz-card h3,
.cb-biz-flow-card h3,
.cb-biz-method-card h3,
.cb-biz-why-card h3 {
    margin: 0 0 10px;
    color: #0f172a;
    font-size: 18px;
    font-weight: 950;
    letter-spacing: -.04em;
}

.cb-biz-card p,
.cb-biz-flow-card p,
.cb-biz-method-card p,
.cb-biz-why-card p {
    margin: 0;
    color: #64748b;
    font-size: 14px;
    line-height: 1.78;
    letter-spacing: -.02em;
}

.cb-biz-flow-num {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 18px;
    padding: 6px 13px;
    border: 1px solid rgba(13, 110, 253, .2);
    border-radius: 999px;
    background: linear-gradient(135deg, #eff6ff, #ffffff);
    color: #0d6efd;
    font-size: 12px;
    font-weight: 950;
    box-shadow: 0 10px 26px rgba(13, 110, 253, .1);
}

.cb-biz-usage-card {
    min-height: 150px;
}

.cb-biz-usage-icon,
.cb-biz-why-icon {
    margin-left: auto;
    margin-right: auto;
}

.cb-biz-method-card {
    text-align: left;
}

.cb-biz-chip-row {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin-top: 18px;
}

.cb-biz-chip-row span {
    display: inline-flex;
    padding: 6px 11px;
    border: 1px solid rgba(226, 232, 240, .9);
    border-radius: 999px;
    background: linear-gradient(180deg, #ffffff, #f8fafc);
    color: #475569;
    font-size: 12px;
    font-weight: 800;
    box-shadow: 0 8px 18px rgba(15, 23, 42, .05);
}

.cb-biz-data-section {
    margin-top: 72px;
    margin-bottom: 72px;
}

.cb-biz-data-visual {
    position: relative;
    overflow: hidden;
    padding: 0;
    border: 1px solid rgba(203, 213, 225, .9);
    border-radius: 30px;
    background: linear-gradient(135deg, #ffffff, #eef6ff);
    box-shadow:
            0 28px 68px rgba(15, 23, 42, .13),
            inset 0 1px 0 rgba(255, 255, 255, .9);
}

.cb-biz-data-visual::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
            radial-gradient(circle at 12% 10%, rgba(13, 110, 253, .16), transparent 30%),
            radial-gradient(circle at 88% 80%, rgba(32, 201, 151, .14), transparent 32%);
    pointer-events: none;
}

.cb-biz-data-image-box {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 410px;
    overflow: hidden;
    border-radius: 30px;
    background: #f8fafc;
}

.cb-biz-data-img {
    display: block;
    object-fit: cover;
    object-position: center top;
    transition: transform .42s ease;
}

.cb-biz-data-visual:hover .cb-biz-data-img {
    transform: scale(1.025);
}

.cb-biz-data-list {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.cb-biz-data-card {
    flex: 1;
    display: flex;
    align-items: flex-start;
    gap: 16px;
    padding: 28px;
}

.cb-biz-data-num {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    min-width: 44px;
    border-radius: 15px;
    background: linear-gradient(135deg, #0f172a, #1d4ed8);
    color: #ffffff;
    font-size: 13px;
    font-weight: 950;
    box-shadow: 0 12px 28px rgba(13, 110, 253, .22);
}

.cb-biz-data-card h5 {
    margin: 0 0 8px;
    color: #0f172a;
    font-size: 17px;
    font-weight: 950;
    letter-spacing: -.04em;
}

.cb-biz-data-card p {
    margin: 0;
    color: #64748b;
    font-size: 14px;
    line-height: 1.78;
    letter-spacing: -.02em;
}

.cb-biz-contact {
    position: relative;
    overflow: hidden;
    color: #ffffff;
    border: 1px solid rgba(148, 163, 184, .28);
    border-radius: 32px;
    background:
            radial-gradient(circle at 12% 18%, rgba(13, 110, 253, .38), transparent 30%),
            radial-gradient(circle at 86% 28%, rgba(32, 201, 151, .24), transparent 30%),
            linear-gradient(135deg, #07111f, #0f172a 52%, #101827);
    box-shadow:
            0 28px 74px rgba(15, 23, 42, .28),
            inset 0 1px 0 rgba(255, 255, 255, .12);
}

.cb-biz-contact::before {
    content: "";
    position: absolute;
    inset: 0;
    opacity: .35;
    background-image:
            linear-gradient(rgba(255, 255, 255, .045) 1px, transparent 1px),
            linear-gradient(90deg, rgba(255, 255, 255, .045) 1px, transparent 1px);
    background-size: 44px 44px;
}

.cb-biz-contact > * {
    position: relative;
    z-index: 1;
}

.cb-biz-contact p {
    color: #cbd5e1;
}

.cb-biz-contact-label {
    margin-bottom: 8px;
    color: #93c5fd;
    font-size: 12px;
    font-weight: 950;
    letter-spacing: .12em;
}

.cb-biz-contact .neo-card.bg-white {
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 24px;
    background: rgba(255, 255, 255, .95) !important;
    box-shadow: 0 22px 54px rgba(0, 0, 0, .26) !important;
    backdrop-filter: blur(14px);
}

.cb-biz-contact .btn {
    min-height: 46px;
    font-weight: 850;
    transition: transform .2s ease, box-shadow .2s ease;
}

.cb-biz-contact .btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 14px 30px rgba(15, 23, 42, .18);
}

@keyframes cb-biz-float {
    0% {
        transform: translate3d(0, 0, 0) scale(1);
    }

    50% {
        transform: translate3d(12px, -14px, 0) scale(1.04);
    }

    100% {
        transform: translate3d(0, 0, 0) scale(1);
    }
}

@media (max-width: 991.98px) {
    .cb-biz-hero {
        min-height: auto;
        border-radius: 30px;
    }

    .cb-biz-hero-bg {
        border-radius: 30px;
    }

    .cb-biz-hero-title {
        font-size: 42px;
    }

    .cb-biz-visual-card {
        margin-top: 8px;
    }

    .cb-biz-bg-chip-1,
    .cb-biz-bg-chip-2,
    .cb-biz-bg-chip-3 {
        display: none;
    }

    .cb-biz-bg-line {
        opacity: .42;
    }

    .cb-biz-data-image-box {
        min-height: 320px;
    }

    .cb-biz-data-list {
        gap: 14px;
    }

    .cb-biz-data-card {
        flex: none;
    }
}

@media (max-width: 767.98px) {
    .cb-biz-page {
        background: linear-gradient(180deg, #f8fbff 0%, #ffffff 100%);
    }

    .cb-biz-hero {
        border-radius: 26px;
        background:
                radial-gradient(circle at 80% 8%, rgba(13, 110, 253, .34), transparent 36%),
                radial-gradient(circle at 12% 92%, rgba(32, 201, 151, .22), transparent 34%),
                linear-gradient(135deg, #070b13, #101827);
    }

    .cb-biz-hero-bg {
        border-radius: 26px;
    }

    .cb-biz-hero::before {
        background-size: 38px 38px;
        opacity: .25;
    }

    .cb-biz-hero-title {
        font-size: 33px;
        line-height: 1.24;
        letter-spacing: -.06em;
    }

    .cb-biz-hero-desc {
        font-size: 15px;
        line-height: 1.82;
    }

    .cb-biz-hero-tags {
        margin-top: 26px;
    }

    .cb-biz-hero-tags span {
        padding: 8px 12px;
        font-size: 12px;
    }

    .cb-biz-bg-line {
        display: none;
    }

    .cb-biz-bg-orb-1 {
        width: 220px;
        height: 220px;
        top: -90px;
        right: -110px;
    }

    .cb-biz-bg-orb-2 {
        width: 180px;
        height: 180px;
        left: -100px;
        bottom: -80px;
    }

    .cb-biz-bg-orb-3 {
        display: none;
    }

    .cb-biz-hero-mini {
        padding: 18px 14px;
        border-radius: 20px;
    }

    .cb-biz-visual-card {
        padding: 18px;
        border-radius: 24px;
    }

    .cb-biz-visual-card .ratio {
        border-radius: 18px;
    }

    .cb-biz-visual-bottom {
        grid-template-columns: 1fr;
    }

    .cb-biz-visual-bottom > div {
        min-height: 70px;
    }

    .cb-biz-card,
    .cb-biz-flow-card,
    .cb-biz-usage-card,
    .cb-biz-method-card,
    .cb-biz-why-card,
    .cb-biz-insight-card,
    .cb-biz-data-card {
        border-radius: 22px;
    }

    .cb-biz-method-card {
        padding: 20px 16px !important;
    }

    .cb-biz-method-icon,
    .cb-biz-usage-icon,
    .cb-biz-why-icon,
    .cb-biz-icon {
        width: 48px;
        height: 48px;
        font-size: 21px;
        border-radius: 16px;
    }

    .cb-biz-data-section {
        margin-top: 52px;
        margin-bottom: 52px;
    }

    .cb-biz-data-image-box {
        min-height: 230px;
        border-radius: 22px;
    }

    .cb-biz-data-visual {
        border-radius: 22px;
    }

    .cb-biz-data-card {
        padding: 21px 18px;
        gap: 12px;
    }

    .cb-biz-data-num {
        width: 38px;
        height: 38px;
        min-width: 38px;
        border-radius: 13px;
        font-size: 12px;
    }

    .cb-biz-data-card h5 {
        font-size: 16px;
    }

    .cb-biz-data-card p {
        font-size: 13px;
    }

    .cb-biz-contact {
        border-radius: 26px;
    }
}

/* CONBASE 기능맵 리뉴얼 추가 CSS
   - 기존 cb-biz-page / cb-biz-hero / neo-card 스타일은 유지
   - 아래 코드는 기존 CSS 하단에 추가하는 방식 권장
*/

.cb-biz-title-mark {
    color: #0d6efd;
}

.cb-biz-map-hero .cb-biz-hero-tags {
    max-width: 640px;
}

.cb-biz-map-visual {
    min-height: 560px;
}

.cb-biz-map-board {
    position: relative;
    min-height: 370px;
    margin: 8px 0 18px;
    border: 1px solid rgba(148, 163, 184, .24);
    border-radius: 24px;
    overflow: hidden;
    background:
            radial-gradient(circle at 50% 50%, rgba(13, 110, 253, .22), transparent 28%),
            linear-gradient(135deg, rgba(15, 23, 42, .44), rgba(15, 23, 42, .8));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 24px 54px rgba(0, 0, 0, .26);
}

.cb-biz-map-board::before {
    content: "";
    position: absolute;
    inset: 0;
    opacity: .28;
    background-image:
            linear-gradient(rgba(255, 255, 255, .06) 1px, transparent 1px),
            linear-gradient(90deg, rgba(255, 255, 255, .06) 1px, transparent 1px);
    background-size: 34px 34px;
}

.cb-biz-map-board::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 70%;
    height: 70%;
    transform: translate(-50%, -50%);
    border: 1px dashed rgba(116, 192, 252, .34);
    border-radius: 999px;
}

.cb-biz-map-core,
.cb-biz-map-node {
    position: absolute;
    z-index: 2;
    border: 1px solid rgba(148, 163, 184, .28);
    background: rgba(15, 23, 42, .78);
    box-shadow: 0 18px 44px rgba(0, 0, 0, .28), inset 0 1px 0 rgba(255, 255, 255, .12);
    backdrop-filter: blur(14px);
}

.cb-biz-map-core {
    left: 50%;
    top: 50%;
    width: 150px;
    height: 150px;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background:
            radial-gradient(circle at 35% 25%, rgba(255, 255, 255, .22), transparent 30%),
            linear-gradient(135deg, #0d6efd, #0f172a);
    text-align: center;
}

.cb-biz-map-core span {
    display: block;
    color: #bfdbfe;
    font-size: 12px;
    font-weight: 950;
    letter-spacing: .1em;
}

.cb-biz-map-core strong {
    display: block;
    margin-top: 4px;
    color: #ffffff;
    font-size: 25px;
    font-weight: 950;
    letter-spacing: -.05em;
}

.cb-biz-map-node {
    width: 150px;
    min-height: 94px;
    padding: 14px 12px;
    border-radius: 20px;
    text-align: center;
    transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}

.cb-biz-map-node:hover {
    transform: translateY(-4px);
    border-color: rgba(99, 230, 190, .52);
    box-shadow: 0 24px 54px rgba(0, 0, 0, .34), 0 0 34px rgba(13, 110, 253, .16);
}

.cb-biz-map-node i {
    display: block;
    margin-bottom: 6px;
    color: #63e6be;
    font-size: 22px;
}

.cb-biz-map-node strong {
    display: block;
    color: #ffffff;
    font-size: 14px;
    font-weight: 950;
    line-height: 1.2;
}

.cb-biz-map-node span {
    display: block;
    margin-top: 4px;
    color: #a7b4c6;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.25;
}

.cb-biz-map-node-1 { left: 50%; top: 22px; transform: translateX(-50%); }
.cb-biz-map-node-2 { right: 24px; top: 88px; }
.cb-biz-map-node-3 { right: 24px; bottom: 88px; }
.cb-biz-map-node-4 { left: 50%; bottom: 22px; transform: translateX(-50%); }
.cb-biz-map-node-5 { left: 24px; bottom: 88px; }
.cb-biz-map-node-6 { left: 24px; top: 88px; }

.cb-biz-map-node-1:hover,
.cb-biz-map-node-4:hover {
    transform: translateX(-50%) translateY(-4px);
}

.cb-biz-map-bottom i {
    color: #63e6be !important;
}

.cb-biz-feature-map-section {
    margin-top: 72px;
    margin-bottom: 72px;
}

.cb-biz-feature-card {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(226, 232, 240, .92);
    border-radius: 26px;
    background:
            radial-gradient(circle at 12% 0%, rgba(13, 110, 253, .08), transparent 34%),
            linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(248, 251, 255, .94));
    box-shadow: 0 18px 44px rgba(15, 23, 42, .08), inset 0 1px 0 rgba(255, 255, 255, .9);
    transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}

.cb-biz-feature-card:hover {
    transform: translateY(-6px);
    border-color: rgba(13, 110, 253, .28);
    box-shadow: 0 26px 60px rgba(15, 23, 42, .13), 0 0 34px rgba(13, 110, 253, .08);
}

.cb-biz-feature-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 18px;
}

.cb-biz-feature-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 58px;
    height: 58px;
    border-radius: 19px;
    background:
            radial-gradient(circle at 30% 20%, rgba(255, 255, 255, .95), transparent 30%),
            linear-gradient(135deg, #eaf2ff, #f5fbff);
    color: #0d6efd;
    font-size: 25px;
    box-shadow:
            9px 9px 22px rgba(148, 163, 184, .18),
            -8px -8px 18px rgba(255, 255, 255, .9),
            inset 0 1px 0 rgba(255, 255, 255, .9);
}

.cb-biz-feature-card h3 {
    margin: 0 0 10px;
    color: #0f172a;
    font-size: 19px;
    font-weight: 950;
    letter-spacing: -.045em;
}

.cb-biz-feature-card p {
    margin: 0;
    color: #64748b;
    font-size: 14px;
    line-height: 1.78;
    letter-spacing: -.02em;
}

.cb-biz-status {
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    padding: 6px 11px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 900;
    line-height: 1;
    white-space: nowrap;
}

.cb-biz-status.is-ready {
    border: 1px solid rgba(13, 110, 253, .2);
    background: #eff6ff;
    color: #0d6efd;
}

.cb-biz-status.is-planned {
    border: 1px solid rgba(245, 158, 11, .24);
    background: #fffbeb;
    color: #b45309;
}

.cb-biz-timeline {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 14px;
    position: relative;
}

.cb-biz-timeline::before {
    content: "";
    position: absolute;
    left: 7%;
    right: 7%;
    top: 38px;
    height: 2px;
    background: linear-gradient(90deg, rgba(13, 110, 253, .12), rgba(13, 110, 253, .42), rgba(13, 110, 253, .12));
}

.cb-biz-timeline-card {
    position: relative;
    z-index: 1;
    min-height: 210px;
    padding: 24px;
    border: 1px solid rgba(226, 232, 240, .92);
    border-radius: 24px;
    background: linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(248, 251, 255, .94));
    box-shadow: 0 16px 42px rgba(15, 23, 42, .08), inset 0 1px 0 rgba(255, 255, 255, .9);
}

.cb-biz-timeline-card h3 {
    margin: 0 0 10px;
    color: #0f172a;
    font-size: 18px;
    font-weight: 950;
    letter-spacing: -.04em;
}

.cb-biz-timeline-card p {
    margin: 0;
    color: #64748b;
    font-size: 14px;
    line-height: 1.72;
    letter-spacing: -.02em;
}

.cb-biz-map-data-visual .cb-biz-data-image-box {
    min-height: 410px;
}

@media (max-width: 1199.98px) {
    .cb-biz-timeline {
        grid-template-columns: repeat(3, 1fr);
    }

    .cb-biz-timeline::before {
        display: none;
    }
}

@media (max-width: 991.98px) {
    .cb-biz-map-visual {
        min-height: auto;
    }

    .cb-biz-map-board {
        min-height: 430px;
    }

    .cb-biz-map-node-1 { left: 50%; top: 22px; }
    .cb-biz-map-node-2 { right: 22px; top: 120px; }
    .cb-biz-map-node-3 { right: 22px; bottom: 120px; }
    .cb-biz-map-node-4 { left: 50%; bottom: 22px; }
    .cb-biz-map-node-5 { left: 22px; bottom: 120px; }
    .cb-biz-map-node-6 { left: 22px; top: 120px; }
}

@media (max-width: 767.98px) {
    .cb-biz-feature-map-section {
        margin-top: 52px;
        margin-bottom: 52px;
    }

    .cb-biz-map-board {
        display: grid;
        grid-template-columns: 1fr;
        gap: 10px;
        min-height: auto;
        padding: 16px;
    }

    .cb-biz-map-board::after {
        display: none;
    }

    .cb-biz-map-core,
    .cb-biz-map-node,
    .cb-biz-map-node-1,
    .cb-biz-map-node-2,
    .cb-biz-map-node-3,
    .cb-biz-map-node-4,
    .cb-biz-map-node-5,
    .cb-biz-map-node-6 {
        position: relative;
        left: auto;
        right: auto;
        top: auto;
        bottom: auto;
        transform: none;
        width: 100%;
    }

    .cb-biz-map-core {
        height: auto;
        min-height: 92px;
        border-radius: 22px;
        order: -1;
    }

    .cb-biz-map-node {
        display: grid;
        grid-template-columns: 42px 1fr;
        column-gap: 10px;
        align-items: center;
        min-height: auto;
        padding: 14px;
        text-align: left;
    }

    .cb-biz-map-node:hover,
    .cb-biz-map-node-1:hover,
    .cb-biz-map-node-4:hover {
        transform: translateY(-3px);
    }

    .cb-biz-map-node i {
        grid-row: span 2;
        margin: 0;
        text-align: center;
    }

    .cb-biz-map-node span {
        margin-top: 2px;
    }

    .cb-biz-feature-card {
        border-radius: 22px;
    }

    .cb-biz-feature-card h3 {
        font-size: 18px;
    }

    .cb-biz-feature-icon {
        width: 50px;
        height: 50px;
        border-radius: 16px;
        font-size: 22px;
    }

    .cb-biz-timeline {
        grid-template-columns: 1fr;
    }

    .cb-biz-timeline-card {
        min-height: auto;
        padding: 21px 18px;
    }

    .cb-biz-map-data-visual .cb-biz-data-image-box {
        min-height: 230px;
    }
}