.bso-api-bnr {
        position: relative !important;
        overflow: hidden !important;
        min-height: 174px !important;
        padding: 34px 0 !important;
        background:
            radial-gradient(440px 190px at 78% 28%, rgba(255, 255, 255, .62), transparent 66%),
            radial-gradient(360px 150px at 14% 88%, rgba(20, 92, 255, .11), transparent 70%),
            linear-gradient(135deg, #ffeb37 0%, #fff063 48%, #ffc928 100%) !important;
        border-bottom: 1px solid rgba(13, 51, 113, .08) !important;
    }

    .bso-api-bnr::before {
        content: "" !important;
        position: absolute !important;
        right: -120px !important;
        top: -105px !important;
        width: 540px !important;
        height: 350px !important;
        background: rgba(13, 51, 113, .09) !important;
        clip-path: polygon(24% 0, 100% 0, 78% 100%, 0 72%) !important;
        pointer-events: none !important;
    }

    .bso-api-bnr::after {
        content: "" !important;
        position: absolute !important;
        left: -78px !important;
        bottom: -100px !important;
        width: 230px !important;
        height: 230px !important;
        border-radius: 50% !important;
        border: 34px solid rgba(13, 51, 113, .055) !important;
        pointer-events: none !important;
    }

    .bso-api-bnr-inner {
        position: relative !important;
        z-index: 2 !important;
    }

    .bso-api-bnr-copy {
        position: relative !important;
        z-index: 3 !important;
    }

    .bso-api-bnr-kicker {
        display: inline-flex !important;
        align-items: center !important;
        gap: 8px !important;
        padding: 7px 13px !important;
        margin-bottom: 9px !important;
        border-radius: 999px !important;
        background: rgba(13, 51, 113, .10) !important;
        color: #0d3371 !important;
        font-size: 12px !important;
        font-weight: 750 !important;
        line-height: 1 !important;
    }

    .bso-api-bnr-kicker::before {
        content: "" !important;
        width: 8px !important;
        height: 8px !important;
        border-radius: 50% !important;
        background: #15b8a6 !important;
        box-shadow: 0 0 0 5px rgba(21, 184, 166, .14) !important;
    }

    .bso-api-bnr h1 {
        color: #111653 !important;
        font-size: clamp(32px, 3.8vw, 44px) !important;
        line-height: 1.05 !important;
        letter-spacing: -.035em !important;
        font-weight: 800 !important;
        margin: 0 0 14px !important;
    }

    .bso-api-bnr-nav {
        margin: 0 !important;
    }

    .bso-api-bnr-list {
        display: flex !important;
        align-items: center !important;
        flex-wrap: wrap !important;
        gap: 8px !important;
        padding: 0 !important;
        margin: 0 !important;
        list-style: none !important;
    }

    .bso-api-bnr-list li {
        display: inline-flex !important;
        align-items: center !important;
        gap: 8px !important;
        color: #081f4b !important;
        font-size: 14px !important;
        font-weight: 700 !important;
        line-height: 1.35 !important;
    }

    .bso-api-bnr-list a {
        color: #081f4b !important;
        text-decoration: none !important;
        font-weight: 800 !important;
        transition: color .2s ease !important;
    }

    .bso-api-bnr-list a:hover {
        color: #145cff !important;
        text-decoration: none !important;
    }

    .bso-api-bnr-arrow {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 18px !important;
        height: 18px !important;
        border-radius: 50% !important;
        background: rgba(8, 31, 75, .10) !important;
    }

    .bso-api-bnr-arrow svg {
        width: 8px !important;
        height: 8px !important;
        display: block !important;
    }

    .bso-api-bnr-plane {
        position: absolute !important;
        left: 7.5% !important;
        top: 39px !important;
        width: 94px !important;
        height: auto !important;
        z-index: 1 !important;
        transform: rotate(7deg) !important;
        filter: drop-shadow(0 14px 14px rgba(8, 31, 75, .12)) !important;
        pointer-events: none !important;
    }

    .bso-api-bnr-dash {
        position: absolute !important;
        left: 3.4% !important;
        bottom: 13px !important;
        width: 105px !important;
        height: 56px !important;
        z-index: 1 !important;
        opacity: .72 !important;
        pointer-events: none !important;
    }

    .bso-api-bnr-art {
        position: relative !important;
        z-index: 2 !important;
        min-height: 118px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
    }

    .bso-api-bnr-illustration {
        width: min(690px, 100%) !important;
        height: auto !important;
        display: block !important;
        margin: -32px -12px -34px auto !important;
        filter: drop-shadow(0 22px 24px rgba(8, 31, 75, .13)) !important;
    }

    @media (max-width: 991px) {
        .bso-api-bnr {
            min-height: 155px !important;
            padding: 30px 0 !important;
        }

        .bso-api-bnr-illustration {
            width: 535px !important;
            margin: -18px -58px -28px auto !important;
        }

        .bso-api-bnr-plane {
            left: 5% !important;
            width: 78px !important;
            opacity: .35 !important;
        }

        .bso-api-bnr-dash {
            display: none !important;
        }
    }

    @media (max-width: 767px) {
        .bso-api-bnr {
            min-height: auto !important;
            padding: 38px 0 34px !important;
        }

        .bso-api-bnr::before {
            right: -190px !important;
            top: -140px !important;
            opacity: .65 !important;
        }

        .bso-api-bnr-art {
            display: none !important;
        }

        .bso-api-bnr-plane {
            right: 12px !important;
            left: auto !important;
            top: 16px !important;
            width: 72px !important;
            opacity: .22 !important;
        }

        .bso-api-bnr h1 {
            max-width: 330px !important;
        }
    }

    @media (max-width: 420px) {
        .bso-api-bnr h1 {
            font-size: 30px !important;
        }

        .bso-api-bnr-list li {
            font-size: 13px !important;
        }
    }

    .bso-api-topbar {
        position: relative !important;
        padding: 72px 0 64px !important;
        overflow: hidden !important;
        background:
            radial-gradient(780px 380px at 6% 0%, rgba(20, 92, 255, .22), transparent 62%),
            radial-gradient(620px 300px at 92% 16%, rgba(255, 235, 55, .20), transparent 58%),
            linear-gradient(135deg, #eef5fb 0%, #f8fbff 54%, #ffffff 100%) !important;
    }

    .bso-api-topbar::before {
        content: "" !important;
        position: absolute !important;
        inset: 0 !important;
        background-image:
            linear-gradient(rgba(13, 51, 113, .055) 1px, transparent 1px),
            linear-gradient(90deg, rgba(13, 51, 113, .055) 1px, transparent 1px) !important;
        background-size: 42px 42px !important;
        mask-image: linear-gradient(180deg, rgba(0,0,0,.8), transparent 86%) !important;
        pointer-events: none !important;
    }

    .bso-api-topbar .container {
        position: relative !important;
        z-index: 1 !important;
    }

    .bso-api-breadcrumb {
        display: inline-flex !important;
        align-items: center !important;
        gap: 10px !important;
        margin-bottom: 18px !important;
        padding: 9px 14px !important;
        border-radius: 999px !important;
        background: rgba(255, 255, 255, .76) !important;
        border: 1px solid rgba(13, 51, 113, .10) !important;
        color: #3f4772 !important;
        font-size: 13px !important;
        font-weight: 700 !important;
        box-shadow: 0 12px 28px rgba(13, 51, 113, .06) !important;
    }

    .bso-api-breadcrumb a {
        color: #145cff !important;
        text-decoration: none !important;
        font-weight: 800 !important;
    }

    .bso-api-breadcrumb strong {
        color: #111653 !important;
    }

    .bso-api-topbar h1 {
        color: #111653 !important;
        font-size: clamp(40px, 5.2vw, 72px) !important;
        line-height: 1 !important;
        letter-spacing: -.055em !important;
        font-weight: 850 !important;
        margin-bottom: 16px !important;
    }

    .bso-api-topbar p {
        max-width: 830px !important;
        color: #3f4772 !important;
        font-size: 18px !important;
        line-height: 1.78 !important;
        margin-bottom: 0 !important;
    }

    .bso-api-top-badge {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 12px !important;
        padding: 18px !important;
        border-radius: 28px !important;
        background: linear-gradient(145deg, #0d3371, #081f4b) !important;
        border: 1px solid rgba(255, 255, 255, .16) !important;
        box-shadow: 0 26px 70px rgba(13, 51, 113, .22) !important;
    }

    .bso-api-top-badge span {
        min-height: 74px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        border-radius: 18px !important;
        background: rgba(255, 255, 255, .10) !important;
        color: #ffeb37 !important;
        font-size: 18px !important;
        font-weight: 900 !important;
        border: 1px solid rgba(255, 255, 255, .14) !important;
    }

    .bso-api-section {
        position: relative !important;
        padding: 82px 0 !important;
        overflow: hidden !important;
    }

    .bso-api-light {
        background: #ffffff !important;
    }

    .bso-api-soft {
        background:
            radial-gradient(720px 340px at 8% 0%, rgba(20, 92, 255, .10), transparent 62%),
            radial-gradient(620px 300px at 94% 7%, rgba(255, 235, 55, .15), transparent 58%),
            linear-gradient(180deg, #f8fbff 0%, #eef5fb 100%) !important;
    }

    .bso-api-soft::before {
        content: "" !important;
        position: absolute !important;
        inset: 0 !important;
        background-image:
            linear-gradient(rgba(13, 51, 113, .04) 1px, transparent 1px),
            linear-gradient(90deg, rgba(13, 51, 113, .04) 1px, transparent 1px) !important;
        background-size: 46px 46px !important;
        pointer-events: none !important;
    }

    .bso-api-section .container {
        position: relative !important;
        z-index: 1 !important;
    }

    .bso-api-kicker {
        display: inline-flex !important;
        align-items: center !important;
        gap: 9px !important;
        padding: 8px 14px !important;
        margin-bottom: 16px !important;
        border-radius: 999px !important;
        background: rgba(13, 51, 113, .08) !important;
        color: #0d3371 !important;
        font-size: 13px !important;
        font-weight: 800 !important;
    }

    .bso-api-kicker::before {
        content: "" !important;
        width: 9px !important;
        height: 9px !important;
        border-radius: 50% !important;
        background: #15b8a6 !important;
        box-shadow: 0 0 0 5px rgba(21, 184, 166, .14) !important;
    }

    .bso-api-title {
        color: #111653 !important;
        font-size: clamp(30px, 3.6vw, 48px) !important;
        line-height: 1.08 !important;
        letter-spacing: -.04em !important;
        font-weight: 800 !important;
        margin-bottom: 14px !important;
    }

    .bso-api-desc {
        color: #3f4772 !important;
        font-size: 16px !important;
        line-height: 1.78 !important;
        max-width: 890px !important;
        margin-bottom: 0 !important;
    }

    .bso-api-btn-primary,
    .bso-api-btn-secondary,
    .bso-api-btn-yellow {
        min-height: 52px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 0 24px !important;
        border-radius: 15px !important;
        text-decoration: none !important;
        font-size: 15px !important;
        font-weight: 850 !important;
        transition: all .22s ease !important;
    }

    .bso-api-btn-primary {
        background: linear-gradient(135deg, #0d3371, #081f4b) !important;
        color: #ffeb37 !important;
        border: 1px solid rgba(255, 255, 255, .14) !important;
        box-shadow: 0 18px 36px rgba(13, 51, 113, .24) !important;
    }

    .bso-api-btn-secondary {
        background: #ffffff !important;
        color: #145cff !important;
        border: 1px solid rgba(20, 92, 255, .28) !important;
        box-shadow: 0 14px 30px rgba(15, 23, 42, .06) !important;
    }

    .bso-api-btn-yellow {
        background: #ffeb37 !important;
        color: #0d3371 !important;
        border: 1px solid rgba(255, 235, 55, .55) !important;
        box-shadow: 0 18px 36px rgba(255, 201, 40, .18) !important;
    }

    .bso-api-btn-primary:hover,
    .bso-api-btn-secondary:hover,
    .bso-api-btn-yellow:hover {
        transform: translateY(-2px) !important;
    }

    .bso-api-btn-primary:hover {
        color: #ffeb37 !important;
        box-shadow: 0 24px 46px rgba(13, 51, 113, .30) !important;
    }

    .bso-api-btn-secondary:hover {
        background: #145cff !important;
        color: #ffffff !important;
    }

    .bso-api-btn-yellow:hover {
        color: #0d3371 !important;
        box-shadow: 0 24px 46px rgba(255, 201, 40, .24) !important;
    }

    .bso-api-command {
        position: relative !important;
        padding: 34px !important;
        border-radius: 34px !important;
        background: rgba(255, 255, 255, .84) !important;
        border: 1px solid rgba(13, 51, 113, .10) !important;
        box-shadow: 0 30px 86px rgba(13, 51, 113, .10) !important;
        backdrop-filter: blur(12px) !important;
    }

    .bso-api-code-card {
        height: 100% !important;
        padding: 0 !important;
        border-radius: 28px !important;
        overflow: hidden !important;
        background: #081f4b !important;
        box-shadow: 0 26px 64px rgba(8, 31, 75, .24) !important;
        border: 1px solid rgba(255, 255, 255, .12) !important;
    }

    .bso-api-code-top {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 14px !important;
        padding: 15px 18px !important;
        background: rgba(255, 255, 255, .07) !important;
        border-bottom: 1px solid rgba(255, 255, 255, .10) !important;
    }

    .bso-api-code-dots {
        display: flex !important;
        gap: 7px !important;
    }

    .bso-api-code-dots span {
        width: 10px !important;
        height: 10px !important;
        border-radius: 50% !important;
        background: rgba(255, 255, 255, .42) !important;
    }

    .bso-api-code-label {
        color: rgba(255,255,255,.72) !important;
        font-size: 12px !important;
        font-weight: 800 !important;
    }

    .bso-api-code-card pre {
        margin: 0 !important;
        padding: 24px !important;
        white-space: pre-wrap !important;
        color: #dbeafe !important;
        font-size: 13px !important;
        line-height: 1.75 !important;
        font-family: Consolas, Monaco, monospace !important;
    }

    .bso-api-code-card code {
        color: #dbeafe !important;
    }

    .bso-api-code-card .bso-api-code-blue {
        color: #8ec5ff !important;
    }

    .bso-api-code-card .bso-api-code-yellow {
        color: #ffeb37 !important;
    }

    .bso-api-code-card .bso-api-code-teal {
        color: #72f4e7 !important;
    }

    .bso-api-mini-grid {
        display: grid !important;
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 12px !important;
        margin-top: 24px !important;
    }

    .bso-api-mini-card {
        padding: 16px !important;
        border-radius: 20px !important;
        background: #f8fbff !important;
        border: 1px solid rgba(13, 51, 113, .09) !important;
        box-shadow: 0 12px 30px rgba(13, 51, 113, .045) !important;
    }

    .bso-api-mini-card strong {
        display: block !important;
        color: #111653 !important;
        font-size: 15px !important;
        margin-bottom: 5px !important;
    }

    .bso-api-mini-card span {
        display: block !important;
        color: #5b6382 !important;
        font-size: 13px !important;
        line-height: 1.5 !important;
    }

    .bso-api-flow-card {
        height: 100% !important;
        padding: 26px !important;
        border-radius: 28px !important;
        background: rgba(255, 255, 255, .88) !important;
        border: 1px solid rgba(13, 51, 113, .10) !important;
        box-shadow: 0 22px 58px rgba(13, 51, 113, .075) !important;
        transition: all .22s ease !important;
    }

    .bso-api-flow-card:hover {
        transform: translateY(-4px) !important;
        box-shadow: 0 30px 74px rgba(13, 51, 113, .12) !important;
    }

    .bso-api-flow-num {
        width: 48px !important;
        height: 48px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        border-radius: 16px !important;
        background: linear-gradient(135deg, #0d3371, #081f4b) !important;
        color: #ffeb37 !important;
        font-size: 15px !important;
        font-weight: 900 !important;
        margin-bottom: 16px !important;
        box-shadow: 0 16px 30px rgba(13, 51, 113, .20) !important;
    }

    .bso-api-flow-card h3 {
        color: #111653 !important;
        font-size: 21px !important;
        line-height: 1.25 !important;
        font-weight: 800 !important;
        margin-bottom: 10px !important;
    }

    .bso-api-flow-card p {
        color: #4d5578 !important;
        font-size: 15px !important;
        line-height: 1.72 !important;
        margin-bottom: 0 !important;
    }

    .bso-api-panel {
        height: 100% !important;
        padding: 30px !important;
        border-radius: 30px !important;
        background: linear-gradient(145deg, #0d3371, #081f4b) !important;
        color: #ffffff !important;
        box-shadow: 0 26px 70px rgba(13, 51, 113, .18) !important;
        overflow: hidden !important;
        position: relative !important;
    }

    .bso-api-panel::after {
        content: "" !important;
        position: absolute !important;
        width: 210px !important;
        height: 210px !important;
        right: -86px !important;
        bottom: -92px !important;
        border-radius: 50% !important;
        background: rgba(255, 235, 55, .17) !important;
    }

    .bso-api-panel > * {
        position: relative !important;
        z-index: 1 !important;
    }

    .bso-api-panel h3 {
        color: #ffeb37 !important;
        font-size: 27px !important;
        line-height: 1.18 !important;
        font-weight: 850 !important;
        margin-bottom: 14px !important;
    }

    .bso-api-panel p {
        color: rgba(255, 255, 255, .80) !important;
        font-size: 15px !important;
        line-height: 1.75 !important;
        margin-bottom: 20px !important;
    }

    .bso-api-checklist {
        list-style: none !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .bso-api-checklist li {
        display: flex !important;
        gap: 10px !important;
        color: rgba(255, 255, 255, .86) !important;
        font-size: 14px !important;
        line-height: 1.55 !important;
        margin-bottom: 12px !important;
    }

    .bso-api-checklist li::before {
        content: "✓" !important;
        width: 22px !important;
        height: 22px !important;
        min-width: 22px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        border-radius: 999px !important;
        background: rgba(255, 235, 55, .16) !important;
        color: #ffeb37 !important;
        font-size: 12px !important;
        font-weight: 900 !important;
        margin-top: 1px !important;
    }

    .bso-api-usecase-card {
        height: 100% !important;
        padding: 26px !important;
        border-radius: 26px !important;
        background: #ffffff !important;
        border: 1px solid rgba(13, 51, 113, .10) !important;
        box-shadow: 0 18px 48px rgba(13, 51, 113, .07) !important;
        transition: all .22s ease !important;
    }

    .bso-api-usecase-card:hover {
        transform: translateY(-4px) !important;
        box-shadow: 0 26px 66px rgba(13, 51, 113, .11) !important;
    }

    .bso-api-usecase-tag {
        display: inline-flex !important;
        padding: 7px 12px !important;
        margin-bottom: 15px !important;
        border-radius: 999px !important;
        background: rgba(20, 92, 255, .09) !important;
        color: #145cff !important;
        font-size: 12px !important;
        font-weight: 850 !important;
    }

    .bso-api-usecase-card h3 {
        color: #111653 !important;
        font-size: 21px !important;
        line-height: 1.24 !important;
        font-weight: 800 !important;
        margin-bottom: 10px !important;
    }

    .bso-api-usecase-card p {
        color: #4d5578 !important;
        font-size: 15px !important;
        line-height: 1.72 !important;
        margin-bottom: 0 !important;
    }

    .bso-api-usecase-card a,
    .bso-api-copy-card a,
    .bso-api-faq-card a {
        color: #145cff !important;
        text-decoration: none !important;
        font-weight: 750 !important;
    }

    .bso-api-usecase-card a:hover,
    .bso-api-copy-card a:hover,
    .bso-api-faq-card a:hover {
        text-decoration: underline !important;
    }

    .bso-api-architecture {
        display: grid !important;
        grid-template-columns: 1.15fr .85fr !important;
        gap: 24px !important;
        align-items: stretch !important;
    }

    .bso-api-rail {
        padding: 26px !important;
        border-radius: 30px !important;
        background: rgba(255, 255, 255, .88) !important;
        border: 1px solid rgba(13, 51, 113, .10) !important;
        box-shadow: 0 22px 58px rgba(13, 51, 113, .08) !important;
    }

    .bso-api-rail-step {
        position: relative !important;
        display: grid !important;
        grid-template-columns: 54px 1fr !important;
        gap: 16px !important;
        padding-bottom: 22px !important;
    }

    .bso-api-rail-step:not(:last-child)::before {
        content: "" !important;
        position: absolute !important;
        left: 26px !important;
        top: 54px !important;
        bottom: 0 !important;
        width: 2px !important;
        background: rgba(20, 92, 255, .18) !important;
    }

    .bso-api-rail-icon {
        width: 54px !important;
        height: 54px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        border-radius: 18px !important;
        background: #eef5ff !important;
        color: #0d3371 !important;
        font-weight: 900 !important;
        border: 1px solid rgba(13, 51, 113, .08) !important;
    }

    .bso-api-rail-step h3 {
        color: #111653 !important;
        font-size: 19px !important;
        font-weight: 820 !important;
        margin-bottom: 7px !important;
    }

    .bso-api-rail-step p {
        color: #4d5578 !important;
        font-size: 14px !important;
        line-height: 1.65 !important;
        margin-bottom: 0 !important;
    }

    .bso-api-side-stack {
        display: grid !important;
        gap: 16px !important;
    }

    .bso-api-copy-card {
        padding: 24px !important;
        border-radius: 26px !important;
        background: #ffffff !important;
        border: 1px solid rgba(13, 51, 113, .10) !important;
        box-shadow: 0 18px 48px rgba(13, 51, 113, .07) !important;
    }

    .bso-api-copy-card h3 {
        color: #111653 !important;
        font-size: 22px !important;
        font-weight: 850 !important;
        margin-bottom: 10px !important;
    }

    .bso-api-copy-card p {
        color: #4d5578 !important;
        font-size: 15px !important;
        line-height: 1.72 !important;
        margin-bottom: 0 !important;
    }

    .bso-api-bento {
        display: grid !important;
        grid-template-columns: 1fr 1fr 1fr !important;
        gap: 18px !important;
    }

    .bso-api-bento-card {
        min-height: 230px !important;
        padding: 26px !important;
        border-radius: 28px !important;
        background: rgba(255, 255, 255, .88) !important;
        border: 1px solid rgba(13, 51, 113, .10) !important;
        box-shadow: 0 20px 54px rgba(13, 51, 113, .075) !important;
    }

    .bso-api-bento-card.bso-api-bento-wide {
        grid-column: span 2 !important;
        background: linear-gradient(135deg, #0d3371, #081f4b) !important;
        color: #ffffff !important;
    }

    .bso-api-bento-card h3 {
        color: #111653 !important;
        font-size: 22px !important;
        font-weight: 850 !important;
        line-height: 1.2 !important;
        margin-bottom: 10px !important;
    }

    .bso-api-bento-card.bso-api-bento-wide h3 {
        color: #ffeb37 !important;
    }

    .bso-api-bento-card p {
        color: #4d5578 !important;
        font-size: 15px !important;
        line-height: 1.72 !important;
        margin-bottom: 0 !important;
    }

    .bso-api-bento-card.bso-api-bento-wide p {
        color: rgba(255,255,255,.82) !important;
    }

    .bso-api-bento-icon {
        width: 48px !important;
        height: 48px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        border-radius: 16px !important;
        margin-bottom: 16px !important;
        background: rgba(20, 92, 255, .09) !important;
        color: #145cff !important;
        font-weight: 900 !important;
    }

    .bso-api-bento-wide .bso-api-bento-icon {
        background: rgba(255, 235, 55, .15) !important;
        color: #ffeb37 !important;
    }

    .bso-api-country-panel {
        padding: 30px !important;
        border-radius: 32px !important;
        background: linear-gradient(135deg, #0d3371, #081f4b) !important;
        box-shadow: 0 26px 70px rgba(13, 51, 113, .18) !important;
        overflow: hidden !important;
        position: relative !important;
    }

    .bso-api-country-panel::after {
        content: "" !important;
        position: absolute !important;
        width: 220px !important;
        height: 220px !important;
        right: -90px !important;
        top: -100px !important;
        border-radius: 50% !important;
        background: rgba(255, 235, 55, .15) !important;
    }

    .bso-api-country-panel > * {
        position: relative !important;
        z-index: 1 !important;
    }

    .bso-api-country-panel h2 {
        color: #ffffff !important;
        font-size: clamp(28px, 3vw, 42px) !important;
        font-weight: 850 !important;
        letter-spacing: -.035em !important;
        margin-bottom: 12px !important;
    }

    .bso-api-country-panel p {
        color: rgba(255,255,255,.80) !important;
        font-size: 16px !important;
        line-height: 1.72 !important;
        margin-bottom: 22px !important;
        max-width: 820px !important;
    }

    .bso-api-country-grid {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 12px !important;
    }

    .bso-api-country-grid a {
        display: inline-flex !important;
        align-items: center !important;
        min-height: 44px !important;
        padding: 0 16px !important;
        border-radius: 999px !important;
        background: rgba(255, 255, 255, .13) !important;
        color: #ffffff !important;
        text-decoration: none !important;
        font-size: 14px !important;
        font-weight: 850 !important;
        border: 1px solid rgba(255, 255, 255, .18) !important;
        transition: all .22s ease !important;
    }

    .bso-api-country-grid a:hover {
        background: #ffeb37 !important;
        color: #0d3371 !important;
        transform: translateY(-2px) !important;
    }

    .bso-api-related-card {
        height: 100% !important;
        padding: 24px !important;
        border-radius: 26px !important;
        background: #ffffff !important;
        border: 1px solid rgba(13, 51, 113, .10) !important;
        box-shadow: 0 18px 48px rgba(13, 51, 113, .07) !important;
        text-align: left !important;
    }

    .bso-api-related-card h3 {
        color: #111653 !important;
        font-size: 19px !important;
        font-weight: 850 !important;
        margin-bottom: 8px !important;
    }

    .bso-api-related-card p {
        color: #4d5578 !important;
        font-size: 14px !important;
        line-height: 1.65 !important;
        margin-bottom: 16px !important;
    }

    .bso-api-related-card a {
        display: inline-flex !important;
        align-items: center !important;
        min-height: 40px !important;
        padding: 0 16px !important;
        border-radius: 13px !important;
        background: #f2f7ff !important;
        color: #145cff !important;
        text-decoration: none !important;
        font-size: 13px !important;
        font-weight: 850 !important;
        border: 1px solid rgba(20, 92, 255, .16) !important;
    }

    .bso-api-related-card a:hover {
        background: #145cff !important;
        color: #ffffff !important;
    }

    .bso-api-faq-card {
        height: 100% !important;
        padding: 26px !important;
        border-radius: 26px !important;
        background: rgba(255, 255, 255, .90) !important;
        border: 1px solid rgba(13, 51, 113, .10) !important;
        box-shadow: 0 18px 48px rgba(13, 51, 113, .07) !important;
        transition: all .22s ease !important;
    }

    .bso-api-faq-card:hover {
        transform: translateY(-4px) !important;
        box-shadow: 0 26px 66px rgba(13, 51, 113, .11) !important;
    }

    .bso-api-faq-headline {
        display: flex !important;
        align-items: flex-start !important;
        gap: 14px !important;
        margin-bottom: 12px !important;
    }

    .bso-api-faq-num {
        width: 38px !important;
        height: 38px !important;
        min-width: 38px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        border-radius: 14px !important;
        background: rgba(13, 51, 113, .08) !important;
        color: #0d3371 !important;
        font-size: 13px !important;
        font-weight: 850 !important;
        margin-top: 2px !important;
    }

    .bso-api-faq-card h3 {
        color: #111653 !important;
        font-size: 19px !important;
        line-height: 1.34 !important;
        font-weight: 820 !important;
        margin: 4px 0 0 !important;
    }

    .bso-api-faq-card p {
        color: #4d5578 !important;
        font-size: 15px !important;
        line-height: 1.75 !important;
        margin-bottom: 0 !important;
    }

    .bso-api-final-cta {
        padding: 34px !important;
        border-radius: 32px !important;
        background:
            radial-gradient(500px 220px at 88% 0%, rgba(255,235,55,.22), transparent 62%),
            linear-gradient(135deg, #0d3371, #081f4b) !important;
        box-shadow: 0 26px 70px rgba(13, 51, 113, .18) !important;
        color: #ffffff !important;
    }

    .bso-api-final-cta h2 {
        color: #ffffff !important;
        font-size: clamp(28px, 3vw, 42px) !important;
        font-weight: 850 !important;
        letter-spacing: -.035em !important;
        margin-bottom: 10px !important;
    }

    .bso-api-final-cta p {
        color: rgba(255,255,255,.80) !important;
        font-size: 16px !important;
        line-height: 1.72 !important;
        margin-bottom: 0 !important;
    }

    @media (max-width: 991px) {
        .bso-api-topbar,
        .bso-api-section {
            padding: 56px 0 !important;
        }

        .bso-api-command {
            padding: 22px !important;
            border-radius: 28px !important;
        }

        .bso-api-mini-grid,
        .bso-api-bento {
            grid-template-columns: 1fr !important;
        }

        .bso-api-architecture {
            grid-template-columns: 1fr !important;
        }

        .bso-api-bento-card.bso-api-bento-wide {
            grid-column: span 1 !important;
        }
    }

    @media (max-width: 575px) {
        .bso-api-topbar h1 {
            font-size: 38px !important;
        }

        .bso-api-top-badge {
            grid-template-columns: 1fr 1fr !important;
        }

        .bso-api-top-badge span {
            min-height: 58px !important;
            font-size: 15px !important;
        }

        .bso-api-btn-primary,
        .bso-api-btn-secondary,
        .bso-api-btn-yellow {
            width: 100% !important;
        }

        .bso-api-code-card pre {
            font-size: 12px !important;
            padding: 18px !important;
        }

        .bso-api-country-panel,
        .bso-api-final-cta {
            padding: 24px !important;
            border-radius: 26px !important;
        }
    }