/* Shared framed presentation for the approved molecular-world composition. */
#molecular-experience{width:calc(100% - 64px);max-width:1680px;margin:24px auto 40px;background:transparent}
#molecular-experience .world-sticky{border:1px solid #ffffffc9;border-radius:28px;background:linear-gradient(125deg,#ffffff69,#eff3eab0 52%,#e5eee68f);box-shadow:inset 0 1px #fff8,0 16px 44px #3d655012}
#molecular-experience .world-heading{left:32px;width:calc(100% - 64px)}
#molecular-experience .world-footer nav{left:26px}
#molecular-experience .footer-line{left:32px;right:32px}
#app #molecular-experience{width:100%;margin:0;max-width:none}
@media(max-width:900px){
 #molecular-experience{width:calc(100% - 32px);margin:20px auto 28px}
 #molecular-experience .mobile-intro{border:1px solid #ffffffc9;border-bottom:0;border-radius:28px 28px 0 0;background:linear-gradient(125deg,#ffffff69,#eff3eab0)}
 #molecular-experience .world-sticky{border-radius:0 0 28px 28px}
 #molecular-experience .world-footer nav{left:0}
 #molecular-experience .footer-line{left:18px;right:18px}
}
@media(max-width:599px){
 #molecular-experience{width:calc(100% - 24px)}
 #molecular-experience .phone-wrap{left:0;max-width:68%}
 #molecular-experience .chapter-copy{left:16px;width:calc(100% - 32px)}
}

/* Keep testing and the twin experience on one continuous Home surface. */
.home-product-family{background:linear-gradient(90deg,#f4e5cc,#f7f4e5 47%,#ddeae1)}
.home-product-family #product-shell .transition-stage{background:transparent}
.home-product-family #app.home-world{background:transparent;border:0}
#molecular-experience .phone{transition:none}