/* Current social app previews, scoped to the Start page. */
body.start-motion .community-screen{width:calc(100% - 32px);max-width:calc(100% - 32px);margin:16px 16px 0;border:1px solid #ced4b4;border-radius:14px 14px 0 0;box-shadow:0 12px 35px #22222218}
body.start-motion .community-screen img{width:100%;height:auto}
body.start-motion .now-integrated-panel .screen{margin:0 24px 24px;border:1px solid #bfb3ce;border-radius:16px;overflow:hidden;box-shadow:0 16px 40px #38274d15}
body.start-motion .now-integrated-panel .screen img{width:100%;height:auto;border-radius:0}
body.start-motion .hole-start-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:center;margin:24px 0;background:linear-gradient(125deg,#eaf0c9,#f1f2e7 60%,#e1eac6)}
body.start-motion .hole-start-panel .copy{text-align:left;padding:48px 36px}
body.start-motion .hole-start-panel .eyebrow,body.start-motion .hole-start-panel .copy>a{color:#3b5b20}
body.start-motion .hole-start-panel .copy h2{font-size:clamp(34px,3.5vw,48px)}
body.start-motion .hole-start-details{display:flex;margin-top:6px;font-size:14px}
body.start-motion .hole-start-screen{min-width:0;margin:28px 24px 28px 0;border:1px solid #c9ceba;border-radius:16px;overflow:hidden;box-shadow:0 16px 40px #26330c15}
body.start-motion .hole-start-screen img{width:100%;height:auto}
@media(max-width:700px){body.start-motion .hole-start-panel{grid-template-columns:1fr;margin:16px 0}body.start-motion .hole-start-panel .copy{text-align:center;padding:38px 20px 16px}body.start-motion .hole-start-details{justify-content:center}body.start-motion .hole-start-screen{margin:0 16px 20px}body.start-motion .now-integrated-panel .screen{margin:0 16px 20px}body.start-motion .panel.community .community-screen{width:calc(100% - 32px);max-width:calc(100% - 32px)}}