/* Visual polish only. Section geometry and internal interface styles are retained. */
html,body{background:#F8FAFF}
body > main > .page{background:transparent}
#screen-one,#screen-two,#ai-assistant,#automation,#analytics,#integrations,#pricing{
  background:transparent;
  border:0;
  border-radius:0;
  box-shadow:none;
}
/* Keep the hero's blue brand backdrop and dissolve it into the shared page color. */
#screen-one .as1-page{
  background-color:transparent;
  background-image:
    linear-gradient(to bottom,rgba(248,250,255,0) 45%,#F8FAFF 100%),
    radial-gradient(circle at 76% 57%,#bfd5ff 0,#eaf2ff 30%,#fff 65%);
}
/* A soft local halo, not a section-wide color band. */
#screen-two .as2-device-stage{isolation:isolate}
#screen-two .as2-device-stage::before{
  content:"";position:absolute;inset:0 0 12%;z-index:-1;pointer-events:none;
  background:radial-gradient(ellipse at 50% 42%,rgba(133,111,241,.09),rgba(110,163,245,.045) 44%,transparent 72%);
  filter:blur(24px);
}
#ai-assistant .demo:before{opacity:.4}
/* Existing outer interface containers only: no extra wrapper borders. */
#screen-one .as1-avi-window,
#screen-one .as1-crm-window.as1-real-amo,
#screen-two .as2-device-stage > .as2-app-current,
#ai-assistant .demo .app,
#automation .automation-card,
#analytics .av5-demo,
#integrations .integration,
#integrations .crm-ai-window{
  border:1px solid #E5E8F2;
  border-radius:18px;
  box-shadow:0 16px 48px rgba(35,42,90,.07);
}
#screen-one .as1-avi-window,
#screen-two .as2-device-stage > .as2-app-current,
#ai-assistant .demo .app,
#automation .automation-card,
#analytics .av5-demo,
#integrations .integration{background:#fff}
/* The actual dark amoCRM interface and physical phone frame retain their colors. */
/* With the service label removed, keep the existing control buttons at the right. */
#ai-assistant .ai-demo-controls{justify-content:flex-end}