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

.cs-robinhood #robinhood-comparison .robinhood-compare-promo-row p a{color:#58adff;text-decoration:underline;text-underline-offset:4px}
@media (max-width:767px){
.cs-robinhood #robinhood-connect .seo-network-tabs{display:flex;width:100%;box-sizing:border-box}}
@media (max-width:767px){
.cs-robinhood #robinhood-connect .seo-network-tabs button{flex:1;min-width:0;padding:8px 10px;font-size:14px}}
.cs-robinhood .cs-robinhood-hero-surface{background:linear-gradient(180deg,#3a4813 0%,#222a16 68%,var(--bg) 100%)}
.cs-robinhood .robinhood-gradient-text{background:linear-gradient(100deg,#ceefb3 0%,#9bd84d 55%,#d9f8bd 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.cs-robinhood .robinhood-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-robinhood .robinhood-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-robinhood .robinhood-stack img.pricing-addon-card__icon {
    display: block;
    flex: 0 0 48px;
    height: 48px;
    object-fit: contain;
    width: 48px;
}
.cs-robinhood #robinhood-endpoint-widget .endpoint-widget-wrapper{border:1px solid transparent;background:linear-gradient(180deg,#151524 0%,#07163A 100%) padding-box,linear-gradient(125deg,rgba(155,216,77,.55),rgba(155,216,77,.3)) border-box}
.cs-robinhood #dedicated-container #network_type_wrapper .dedicated-protocol-logo{display:block}
.cs-robinhood .robinhood-reviews .pricing-testimonials__author{display:flex;flex-direction:column;gap:8px}
.cs-robinhood .robinhood-reviews .robinhood-review-story{display:inline-flex;align-items:center;align-self:flex-start;gap:6px;color:inherit;text-decoration:underline;text-underline-offset:3px}
.cs-robinhood .robinhood-stack .stack-capability-label strong{font:inherit}
.cs-robinhood .robinhood-stack .stack-capability-label span{color:#8d95a5;font:16px SuisseIntl-Regular,sans-serif}
.cs-robinhood .robinhood-stack .pricing-addon-card--optimized{background:#161627}
.cs-robinhood .robinhood-stack .pricing-addon-card--optimized::after{background:radial-gradient(ellipse at center,rgba(10,111,112,.72) 0%,rgba(10,111,112,0) 68%)}
.cs-robinhood .robinhood-stack .pricing-addon-card--compact img.pricing-addon-card__icon{width:40px;height:40px;flex-basis:40px}
.cs-robinhood .robinhood-faucet-actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px}
.cs-robinhood .robinhood-offer{margin:40px 0 0;padding:0;background:var(--bg)}
.cs-robinhood .robinhood-offer-bar{box-sizing:border-box;width:100%;max-width:920px;margin-inline:auto;display:flex;align-items:center;gap:24px;padding:14px 24px;position:relative;isolation:isolate;border:1px dashed var(--line);border-radius:14px;background:#161627}
.cs-robinhood .robinhood-offer-glow{display:none}
.cs-robinhood .robinhood-offer-code{justify-self:start;display:inline-flex;align-items:center;justify-content:center;gap:10px;position:relative;flex:none;margin:0;padding:10px 14px;border:1px dashed #b7ee63;border-radius:8px;background:rgba(183,238,99,.07);color:#c5f580;font:16px/20px SuisseIntl-SemiBold,Arial,sans-serif;letter-spacing:.3px;cursor:pointer;text-decoration:none!important}
.cs-robinhood .robinhood-offer-code:hover{border-color:#d9ffad;background:rgba(183,238,99,.12);color:#d9ffad;text-decoration:none!important}
.cs-robinhood .robinhood-offer-code:focus-visible{outline:2px solid #d9ffad;outline-offset:4px}
.cs-robinhood .robinhood-offer-code img{width:16px;height:16px;display:block;opacity:.75}
.cs-robinhood .robinhood-offer-code::after{content:'Copied!';position:absolute;right:50%;bottom:calc(100% + 8px);border-radius:6px;background:#fff;color:#151524;font-family:SuisseIntl-SemiBold,Arial,sans-serif;font-size:12px;line-height:16px;letter-spacing:normal;padding:4px 8px;opacity:0;pointer-events:none;transform:translateX(50%);white-space:nowrap;z-index:3}
.cs-robinhood .robinhood-offer-code.copied::after{opacity:1}
.cs-robinhood .robinhood-coupon-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.cs-robinhood .robinhood-offer-copy{flex:1;min-width:0}
.cs-robinhood .robinhood-offer-copy h2{margin:0 0 4px;font:24px/1.25 SuisseIntl-SemiBold,Arial,sans-serif;letter-spacing:-.4px;color:#fff}
.cs-robinhood .robinhood-offer-copy p{margin:0;font:16px/1.5 SuisseIntl-Regular,Arial,sans-serif;color:var(--muted)}
.cs-robinhood .robinhood-offer-cta{justify-self:end;display:inline-flex;align-items:center;justify-content:center;flex:none;box-sizing:border-box;min-width:180px;min-height:48px;padding:8px 30px;border-radius:6px;background:#007bff;color:#fff;font:16px/1.5 SuisseIntl-SemiBold,Arial,sans-serif;text-decoration:none!important}
.cs-robinhood .robinhood-offer-cta:hover{background:#1687ff;color:#fff;text-decoration:none!important}
@media (min-width:1024px){
.cs-robinhood .robinhood-offer-copy h2,.cs-robinhood .robinhood-offer-copy p{white-space:nowrap}}
@media (min-width:1024px){
.cs-robinhood .robinhood-offer-code{box-sizing:border-box;height:48px;padding:13px 14px}}
@media (min-width:1024px){
.cs-robinhood .robinhood-offer-copy h2{font-size:20px;line-height:24px;margin-bottom:4px}}
@media (min-width:1024px){
.cs-robinhood .robinhood-offer-copy p{font-size:14px;line-height:20px}}
@media (min-width:1024px){
.cs-robinhood #robinhood-self-hosted-title{white-space:nowrap!important;overflow-wrap:normal!important;word-break:normal!important;font-size:clamp(28px,3.1vw,40px)!important}}
@media (max-width:1023px){
.cs-robinhood .robinhood-offer-bar{gap:16px 20px;flex-wrap:wrap}}
@media (max-width:1023px){
.cs-robinhood .robinhood-offer-copy{flex-basis:60%}}
@media (max-width:1023px){
.cs-robinhood .robinhood-offer-copy{flex-basis:60%}}
@media (max-width:767px){
.cs-robinhood .robinhood-offer{margin-top:24px}}
@media (max-width:767px){
.cs-robinhood .robinhood-offer-bar{padding:20px;gap:16px}}
@media (max-width:767px){
.cs-robinhood .robinhood-offer-copy{flex-basis:100%}}
@media (max-width:767px){
.cs-robinhood .robinhood-offer-copy h2{font-size:22px}}
@media (max-width:767px){
.cs-robinhood .robinhood-offer-cta{width:100%}}
:where(.cs-robinhood) .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-robinhood .cs-reach .robinhood-hub-dot{background:#9bd84d}
body:has(#robinhood-page) .header:not([data-robinhood-nav="scrolled"]){background:#3a4813!important}
body:has(#robinhood-page) .header:not([data-robinhood-nav="scrolled"]) #chainstack-blue{display:none!important}
body:has(#robinhood-page) .header:not([data-robinhood-nav="scrolled"]) #chainstack-white{display:block!important}
body:has(#robinhood-page) .header:not([data-robinhood-nav="scrolled"]) .top-menu .top-menu__link>a,
body:has(#robinhood-page) .header:not([data-robinhood-nav="scrolled"]) .header-login-button{color:#fff!important}
body:has(#robinhood-page) .header:not([data-robinhood-nav="scrolled"]) .top-menu-opener_line-one,
body:has(#robinhood-page) .header:not([data-robinhood-nav="scrolled"]) .top-menu-opener_line-two{background-color:#fff!important}
body:has(#robinhood-page) .header[data-robinhood-nav="scrolled"]{background:#fff!important}
body:has(#robinhood-page) .header[data-robinhood-nav="scrolled"] #chainstack-blue{display:block!important}
body:has(#robinhood-page) .header[data-robinhood-nav="scrolled"] #chainstack-white{display:none!important}
body:has(#robinhood-page) .header[data-robinhood-nav="scrolled"] .top-menu .top-menu__link>a,
body:has(#robinhood-page) .header[data-robinhood-nav="scrolled"] .header-login-button{color:#22252a!important}
body:has(#robinhood-page) .header[data-robinhood-nav="scrolled"] .top-menu-opener_line-one,
body:has(#robinhood-page) .header[data-robinhood-nav="scrolled"] .top-menu-opener_line-two{background-color:#007bff!important}
@media (max-width:1023px){
body:has(#robinhood-page) .header:not([data-robinhood-nav="scrolled"]):has(.top-menu_active){background:#000019!important}}
@media (max-width:1023px){
body:has(#robinhood-page) .header:not([data-robinhood-nav="scrolled"]) .top-menu_active,
 body:has(#robinhood-page) .header:not([data-robinhood-nav="scrolled"]) .top-menu_active .sub-menu{background:#000019!important}}
@media (max-width:1023px){
body:has(#robinhood-page) .header:not([data-robinhood-nav="scrolled"]) .top-menu_active a{color:#fff!important}}
body:has(#robinhood-page) .header:not([data-robinhood-nav="scrolled"]){border-bottom:0!important;box-shadow:none!important}
:where(.cs-robinhood) .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-robinhood .cs-reach .robinhood-hub-dot{background:#9bd84d}

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