/* Website-only white surfaces. App colours and controls keep their own theme. */
html:has(> body.website-page){background:#fff}
body.website-page{--bg:#fff;--cream:#fff;background:#fff}
.website-page .site-nav{background:#fff}
.website-page .mobile-site-header{background:#fff}
.website-page .landing{background:#fff}
.website-page .landing-content{background:#fff}
.website-page .landing-footer{background:#fff}
.website-page .site-footer{background:#fff}
.website-page .auth-layout{background:#fff}
.website-page .auth-content{background:#fff}
.website-page .auth-form-card{background:#fff}
.website-page .marketing-cta{background:#ff7399}
.website-page .feature-card{background:#fff}
.website-page .feature-icon{background:#fff}
.website-page .price-panel{background:#fff}
.website-page .price-panel.pro{background:#fff}
.website-page .faq-item{background:#fff}
.website-page .price-card{background:#fff}
.website-page .price-card.selected{background:#fff}
.website-page .existing-pro-session{background:#fff}
.website-page .legal-note{background:#fff}
.website-page .comparison-card{background:#fff}
.website-page .comparison-heading{background:#fff}
.website-page .plan-comparison .compare-head{background:#fff}
.website-page.auth-page.marketing-page .auth-layout{background:#fff}
.website-page.auth-page .price-card.selected{background:#fff}
.website-page .auth-photo:after{background:linear-gradient(90deg,#fff,transparent 27%)}
@media(max-width:850px),(pointer:coarse) and (max-width:1400px){
  .website-page .auth-photo:after{background:linear-gradient(0deg,#fff,transparent 28%)}
}