/* Approved mobile B+C treatment. Desktop artwork and account/CA-brand pages stay outside this scope. */
.mobile-banner-icon{display:none}
@media(max-width:900px){
 .marketing-banner,.cross-border-page .cross-hero--approved,.home-business>.hero{background:radial-gradient(ellipse at 110% 4%,#e6efff 0,transparent 58%),linear-gradient(130deg,#f4f8ff,#f7faff 68%,#f1f6ff);color:#101f36;position:relative;isolation:isolate;overflow:hidden}
 .marketing-banner:before,.cross-border-page .cross-hero--approved:before,.home-business>.hero:before{content:'';display:block;position:absolute;left:auto;right:-145px;top:8px;bottom:auto;width:280px;height:280px;background:none;transform:none;border:1px solid rgba(118,159,232,.055);border-radius:50%;box-shadow:0 0 0 32px rgba(117,154,255,.007),0 0 0 64px rgba(117,154,255,.004);z-index:-1;pointer-events:none}
 .marketing-banner .marketing-banner-art,.cross-hero--approved .cross-hero-art{display:none}
 .marketing-banner .marketing-banner-inner{min-height:0;padding:24px 20px 22px}
 .marketing-banner .marketing-banner-copy,.cross-hero--approved .service-hero-copy,.home-business .hero-grid>div:first-child{position:relative;width:100%;max-width:none;min-width:0}
 .mobile-banner-icon{display:block;position:absolute;right:2px;top:29px;width:68px;height:68px;max-width:68px;object-fit:contain;pointer-events:none}
 .marketing-banner .marketing-banner-label,.marketing-banner .marketing-banner-copy h1{padding-right:82px}
 .marketing-banner .marketing-banner-label{color:#2160e8}
 .marketing-banner .marketing-banner-copy h1{color:#101f36;margin-bottom:16px}
 .marketing-banner .marketing-banner-copy h1 em{color:#1858ed}
 .marketing-banner .marketing-banner-description{color:#526881;margin-bottom:20px}
 .marketing-banner .hero-actions>a.btn-outline,.marketing-banner .hero-actions>a:not(.btn){background:rgba(255,255,255,.72);border-color:#b5c7e3;color:#25476e}
 .marketing-banner .marketing-banner-note,.marketing-banner .marketing-banner-conversion>p{color:#60758e}
 .marketing-banner .marketing-banner-related{color:#25476e}.marketing-banner .marketing-banner-related small{color:#60758e}
 .marketing-banner:is(.marketing-banner--compliance,.marketing-banner--security-fix,.marketing-banner--yuqing,.marketing-banner--software-development,.marketing-banner--geo) .mobile-banner-icon{width:52px;height:52px;max-width:52px;top:4px}
 .marketing-banner:is(.marketing-banner--compliance,.marketing-banner--security-fix,.marketing-banner--yuqing,.marketing-banner--software-development,.marketing-banner--geo) .marketing-banner-copy h1{padding-right:0;font-size:clamp(24px,6.8vw,32px)}
 /* Cross-border keeps its useful service tags and capabilities, without reserving space for a decorative scene. */
 .service-hero.cross-hero--approved>.cross-hero-grid{min-height:0;padding:24px 0 22px;width:calc(100% - 40px)}
 .cross-hero--approved .eyebrow{color:#2160e8;padding-right:80px;font-size:13px}
 .service-hero.cross-hero--approved h1{color:#101f36;font-size:clamp(25px,7.3vw,34px);line-height:1.3;letter-spacing:-.4px;margin:16px 0 12px;padding-right:76px}
 .cross-hero--approved h1 em{color:#1858ed}
 .service-hero.cross-hero--approved .hero-subtitle{color:#25476e;font-size:20px}
 .service-hero.cross-hero--approved .service-hero-copy>p{color:#526881;font-size:14px}
 .cross-hero--approved .hero-actions>a:not(.btn){color:#25476e;border-color:#b5c7e3;background:rgba(255,255,255,.72)}
 .cross-hero--approved .cross-tags span{color:#536c90}
 .cross-hero--approved .cross-hero-benefits b{color:#203c63}.cross-hero--approved .cross-hero-benefits span{color:#637b9c}
 .cross-hero--approved .cross-feature-icon{color:#4f7ac0;border-color:#4f7ac0}
 /* The homepage chooser contains live navigation, so retain every entry. */
 .home-business .hero-grid>div:first-child>.eyebrow,.home-business .hero h1{padding-right:80px}
 .home-business .hero h1{font-size:clamp(25px,7.3vw,34px);line-height:1.3}
 .home-business .hero-grid>div:first-child>.mobile-banner-icon{top:27px}
}
@media(max-width:360px){
 .mobile-banner-icon{width:58px;height:58px;max-width:58px;top:32px}
 .marketing-banner .marketing-banner-label,.marketing-banner .marketing-banner-copy h1{padding-right:72px}
 .marketing-banner:is(.marketing-banner--compliance,.marketing-banner--security-fix,.marketing-banner--yuqing,.marketing-banner--software-development,.marketing-banner--geo) .mobile-banner-icon{width:48px;height:48px;max-width:48px;top:4px}
 .marketing-banner:is(.marketing-banner--compliance,.marketing-banner--security-fix,.marketing-banner--yuqing,.marketing-banner--software-development,.marketing-banner--geo) .marketing-banner-copy h1{padding-right:0}
 .service-hero.cross-hero--approved h1,.home-business .hero h1,.home-business .hero-grid>div:first-child>.eyebrow{padding-right:64px}
}