/* The ATLAS tablet section on the AI command center page sits on WHITE, between the "What it does" list and the
   command-center finder (Corey 2026-11-06). Both edges are wave cut-outs of the white section, so the star sky of the
   neighbouring dark sections shows through the waves and nothing is painted over it (recipe: atlas-ai.css .aa-light--cut). */
:root{--cc-wave:clamp(42px,6vw,90px);--cc-wave-pad:clamp(80px,10vw,140px)}
.atlas-sales--video.atlas-sales--light{
  position:relative;z-index:2;margin-top:calc(-1 * var(--cc-wave));
  padding:calc(var(--cc-wave) + clamp(40px,5vw,72px)) 24px calc(var(--cc-wave) + clamp(44px,5.5vw,80px));
  background:radial-gradient(ellipse at 50% 52%,rgba(123,70,212,.07),transparent 62%),#fff;
  -webkit-mask:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 100' preserveAspectRatio='none'%3E%3Cpath d='M0 42C180 0 330 96 560 60S960 0 1160 46 1350 88 1440 72V100H0Z' fill='%23000'/%3E%3C/svg%3E") top/100% var(--cc-wave) no-repeat,
    linear-gradient(#000 0 0) 0 calc(var(--cc-wave) - 1px)/100% calc(100% - 2 * var(--cc-wave) + 2px) no-repeat,
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 100' preserveAspectRatio='none'%3E%3Cpath d='M0 58C180 100 330 4 560 40S960 100 1160 54 1350 12 1440 28V0H0Z' fill='%23000'/%3E%3C/svg%3E") bottom/100% var(--cc-wave) no-repeat;
  mask:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 100' preserveAspectRatio='none'%3E%3Cpath d='M0 42C180 0 330 96 560 60S960 0 1160 46 1350 88 1440 72V100H0Z' fill='%23000'/%3E%3C/svg%3E") top/100% var(--cc-wave) no-repeat,
    linear-gradient(#000 0 0) 0 calc(var(--cc-wave) - 1px)/100% calc(100% - 2 * var(--cc-wave) + 2px) no-repeat,
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 100' preserveAspectRatio='none'%3E%3Cpath d='M0 58C180 100 330 4 560 40S960 100 1160 54 1350 12 1440 28V0H0Z' fill='%23000'/%3E%3C/svg%3E") bottom/100% var(--cc-wave) no-repeat}
/* the neighbours extend under the white section's wave so their own background shows through the cut */
.cc-above-white{padding-bottom:calc(var(--cc-wave-pad) + var(--cc-wave))!important}
.atlas-sales--light + .ops-showcase{margin-top:calc(-1 * var(--cc-wave));padding-top:calc(var(--cc-wave-pad) + var(--cc-wave))}
/* the dark tablet keeps its machined look; only its shadow softens on white */
.atlas-sales--light .atlas-ipad{box-shadow:inset 0 0 0 2px #101114,inset 0 0 0 4px #393b40,0 2px 1px #b7b9bd66,0 28px 56px rgba(37,17,70,.3),0 4px 12px rgba(37,17,70,.28)}
@media (max-width:760px){
  .atlas-sales--video.atlas-sales--light{padding:calc(var(--cc-wave) + 30px) 10px calc(var(--cc-wave) + 34px)}
}