/* Botixx v44 — continuous page atmosphere + mobile performance */
:root{--bx-page-bg:#f8fbff;--bx-page-blue:rgba(62,103,255,.12);--bx-page-blue-soft:rgba(115,143,255,.085)}

/* Root SPA pages: one background, not separate white bands */
.screen[data-screen="home"],
.screen[data-screen="services"],
.screen.bx-integrated-screen{
  background:
    radial-gradient(900px 520px at 50% 0%,rgba(64,104,255,.16),transparent 70%),
    radial-gradient(760px 520px at 8% 38%,rgba(104,132,255,.07),transparent 72%),
    radial-gradient(820px 540px at 92% 72%,rgba(68,111,255,.07),transparent 72%),
    linear-gradient(180deg,#f7faff 0%,#fbfdff 46%,#f8fbff 100%)!important;
}
.screen[data-screen="home"] .bx-newhome,
.screen[data-screen="home"] .bx-newhome-hero,
.screen[data-screen="home"] .bx-newhome-services,
.screen[data-screen="home"] .bx-newhome-cta,
.screen[data-screen="services"] .services-page{
  background:transparent!important;
}
.screen[data-screen="home"] .bx-newhome{min-height:100%!important}
.screen[data-screen="home"] .bx-newhome:before{
  opacity:.52!important;filter:none!important;
  background:radial-gradient(ellipse at 50% 10%,rgba(62,102,255,.12),transparent 64%)!important;
}
.screen[data-screen="home"] .bx-newhome:after{display:none!important;content:none!important}
.screen[data-screen="services"] .services-page:after{opacity:.36!important;box-shadow:0 0 0 110px rgba(72,108,225,.014)!important}
.screen[data-screen="services"] .services-page:before{opacity:.35!important}

/* Cards stay crisp over the continuous canvas. */
.screen[data-screen="home"] .bx-newhome-service-card,
.screen[data-screen="services"] .service-card{background:rgba(255,255,255,.92)!important}

/* Mobile: remove GPU-heavy decorative work but keep the same visual language. */
@media(max-width:780px){
  html{scroll-behavior:auto!important}
  .screen{will-change:auto!important;transform:none!important;transition:none!important;contain:layout style!important}
  .b-media,.b-body,.b-thumb{will-change:auto!important;transform:none!important;backface-visibility:visible!important}
  .bx-public-top{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:rgba(248,251,255,.97)!important}
  .screen[data-screen="home"] .bx-newhome:before,
  .screen[data-screen="services"] .services-page:before,
  .screen[data-screen="services"] .services-page:after{display:none!important;animation:none!important;transform:none!important}
  .screen[data-screen="home"] .bx-newhome-title,
  .screen[data-screen="home"] .bx-newhome-title span,
  .screen[data-screen="home"] .bx-newhome-kicker,
  .screen[data-screen="home"] .bx-newhome-section-title,
  .screen[data-screen="home"] .bx-newhome-service-card,
  .screen[data-screen="home"] .bx-newhome-cta-box{animation:none!important;will-change:auto!important}
  .screen[data-screen="home"] .bx-newhome-service-card:before{display:none!important}
  .screen[data-screen="services"] .service-card{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:0 10px 28px rgba(20,32,67,.045)!important}
  .screen[data-screen="home"] .bx-newhome-service-card{box-shadow:0 8px 24px rgba(20,32,67,.04)!important}
  .reveal,[data-anim]{animation:none!important;transition:none!important;will-change:auto!important}
  .screen.active .bx-newhome-services,.screen.active .bx-newhome-cta,.screen.active .service-grid{content-visibility:auto;contain-intrinsic-size:720px}
  .bx-public-top:before{display:none!important}
  .bxchat-launcher-wrap,.bxchat-launcher img{animation:none!important}
  .bxchat-launcher-wrap{width:146px!important;height:146px!important}
  .bxchat-launcher{width:142px!important;height:142px!important}
  .bxchat-launcher img{filter:drop-shadow(0 7px 15px rgba(11,70,190,.10))!important}
  .bxchat-end-confirm,.bxchat-profile,.bxchat-rating{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
}