/* zksync branding and component differences. Shared styles load first. */

.cs-zksync #zksync-comparison .zksync-compare-promo-row p a{color:#58adff;text-decoration:underline;text-underline-offset:4px}
@media (max-width:767px){
.cs-zksync #zksync-connect .seo-network-tabs{display:flex;width:100%;box-sizing:border-box}}
@media (max-width:767px){
.cs-zksync #zksync-connect .seo-network-tabs button{flex:1;min-width:0;padding:8px 10px;font-size:14px}}
.cs-zksync .cs-zksync-hero-surface{background:linear-gradient(180deg,#070FA0 0%,#15203c 100%)}
.cs-zksync .zksync-gradient-text{background:linear-gradient(100deg,#98B6FE 0%,#070FA0 55%,#98B6FE 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.cs-zksync .zksync-stack .pricing-addon-card--archive::after {
    background: radial-gradient(ellipse at center, rgba(30, 204, 215, 0.58) 0%, rgba(30, 204, 215, 0) 68%);
}
.cs-zksync .zksync-stack .pricing-addon-card--debug::after {
    background: radial-gradient(ellipse at center, rgba(183, 75, 247, 0.68) 0%, rgba(183, 75, 247, 0) 68%);
}
.cs-zksync .zksync-stack img.pricing-addon-card__icon {
    display: block;
    flex: 0 0 48px;
    height: 48px;
    object-fit: contain;
    width: 48px;
}
.cs-zksync #zksync-endpoint-widget .endpoint-widget-wrapper{border:1px solid transparent;background:linear-gradient(180deg,#151524 0%,#07163A 100%) padding-box,linear-gradient(125deg,rgba(60,138,255,.55),rgba(0,0,255,.3)) border-box}
.cs-zksync #dedicated-container #network_type_wrapper .dedicated-protocol-logo{display:block}
.cs-zksync .zksync-reviews .pricing-testimonials__author a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.cs-zksync .zksync-stack .stack-capability-label strong{font:inherit}
.cs-zksync .zksync-stack .stack-capability-label span{color:#8d95a5;font:16px SuisseIntl-Regular,sans-serif}
.cs-zksync .zksync-stack .pricing-addon-card--preconfirm{background:#161627}
.cs-zksync .zksync-stack .pricing-addon-card--preconfirm::after{background:radial-gradient(ellipse at center,rgba(10,111,112,.72) 0%,rgba(10,111,112,0) 68%)}
.cs-zksync .zksync-stack .pricing-addon-card--compact img.pricing-addon-card__icon{width:40px;height:40px;flex-basis:40px}
:where(.cs-zksync) .cs-reach h1{font-family:SuisseIntl-SemiBold,Arial,Helvetica,sans-serif;font-size:48px;font-weight:600;letter-spacing:-1.4px;line-height:1.14;text-align:center;margin:0 auto;max-width:1000px}
.cs-zksync .cs-reach .zksync-hub-dot{background:#3c8aff}
body:has(#zksync-page) .header:not([data-zksync-nav="scrolled"]){background:#070FA0!important}
body:has(#zksync-page) .header:not([data-zksync-nav="scrolled"]) #chainstack-blue{display:none!important}
body:has(#zksync-page) .header:not([data-zksync-nav="scrolled"]) #chainstack-white{display:block!important}
body:has(#zksync-page) .header:not([data-zksync-nav="scrolled"]) .top-menu .top-menu__link>a,
body:has(#zksync-page) .header:not([data-zksync-nav="scrolled"]) .header-login-button{color:#fff!important}
body:has(#zksync-page) .header:not([data-zksync-nav="scrolled"]) .top-menu-opener_line-one,
body:has(#zksync-page) .header:not([data-zksync-nav="scrolled"]) .top-menu-opener_line-two{background-color:#fff!important}
body:has(#zksync-page) .header[data-zksync-nav="scrolled"]{background:#fff!important}
body:has(#zksync-page) .header[data-zksync-nav="scrolled"] #chainstack-blue{display:block!important}
body:has(#zksync-page) .header[data-zksync-nav="scrolled"] #chainstack-white{display:none!important}
body:has(#zksync-page) .header[data-zksync-nav="scrolled"] .top-menu .top-menu__link>a,
body:has(#zksync-page) .header[data-zksync-nav="scrolled"] .header-login-button{color:#22252a!important}
body:has(#zksync-page) .header[data-zksync-nav="scrolled"] .top-menu-opener_line-one,
body:has(#zksync-page) .header[data-zksync-nav="scrolled"] .top-menu-opener_line-two{background-color:#007bff!important}
@media (max-width:1023px){
body:has(#zksync-page) .header:not([data-zksync-nav="scrolled"]):has(.top-menu_active){background:#000019!important}}
@media (max-width:1023px){
body:has(#zksync-page) .header:not([data-zksync-nav="scrolled"]) .top-menu_active,
 body:has(#zksync-page) .header:not([data-zksync-nav="scrolled"]) .top-menu_active .sub-menu{background:#000019!important}}
@media (max-width:1023px){
body:has(#zksync-page) .header:not([data-zksync-nav="scrolled"]) .top-menu_active a{color:#fff!important}}
body:has(#zksync-page) .header:not([data-zksync-nav="scrolled"]){border-bottom:0!important;box-shadow:none!important}
:where(.cs-zksync) .cs-reach h1{font-family:SuisseIntl-SemiBold,Arial,Helvetica,sans-serif;font-size:48px;font-weight:600;letter-spacing:-1.4px;line-height:1.14;text-align:center;margin:0 auto;max-width:1000px}
.cs-zksync .cs-reach .zksync-hub-dot{background:#3c8aff}

.cs-zksync{--bbw-spending-mobile-gap:32px}

.cs-zksync [data-bbw-id=connect] .section-head code{color:#b56500}
.cs-zksync .zksync-review-story{display:inline-flex;align-items:center;gap:4px;color:#9199a8!important;font-size:14px;margin-top:8px}
.cs-zksync .pricing-testimonials__author>span{display:block}
@media(min-width:1200px){.cs-zksync #zksync-self-hosted .section-head h2{max-width:none;white-space:nowrap}}

.cs-zksync .cs-zksync-hero-surface{background:linear-gradient(180deg,#070FA0 0%,#15203c 100%)}

.cs-zksync [data-bbw-id="connect"] .section-head code{color:#b56500}

@media(min-width:1200px){.cs-zksync [data-bbw-id="development-stack"]>.wrap>.section-head p{max-width:none}.cs-zksync [data-bbw-id="self-hosted-title"]{max-width:none}}

@media(max-width:767px){.cs-zksync .seo-network-tabs{flex-wrap:wrap}.cs-zksync .seo-network-tabs button{flex:1 1 40%}}

/* Preserve the approved inline text flow inside the WordPress page-builder wrapper. */
.cs-zksync [data-bbw-class="gradient-text"]{display:inline;vertical-align:baseline}
.cs-zksync [data-bbw-id="connect"] code:not([data-seo-request]){font-family:monospace}
.cs-zksync [data-seo-request] .seo-code-line{vertical-align:baseline}
.cs-zksync [data-seo-request] .seo-code-line>span{display:inline;vertical-align:baseline}
.cs-zksync [data-bbw-class="reading-link"]>span{vertical-align:baseline}