.app-section{display:grid;grid-template-columns:1fr 480px;align-items:center;gap:80px;padding-left:max(24px,calc((100% - 1060px)/2));padding-right:max(24px,calc((100% - 1060px)/2));background:#f0f1f3;padding-top:110px;padding-bottom:110px}.app-copy>p:not(.eyebrow){font-size:21px;color:#7b7b83;line-height:1.5;margin:28px 0 0}.app-copy-details{margin-top:40px;max-width:320px}.app-copy-details p{font-size:16px;line-height:1.6;color:#7b7b83;margin:24px 0}.app-copy-details strong{color:#34363b;font-weight:550}.app-screenshot{display:block;width:100%;max-width:480px;height:auto;border-radius:16px;box-shadow:0 40px 80px -25px #202b3b45,0 10px 25px -10px #151a2426;justify-self:center}
@media(max-width:950px){.app-section{gap:40px;grid-template-columns:1fr minmax(340px,440px)}.app-copy h2{font-size:54px}.app-copy>p:not(.eyebrow){font-size:18px}.desktop-break{display:none}}
@media(max-width:720px){.app-section{grid-template-columns:1fr;gap:38px;padding:75px 22px}.app-copy{text-align:center}.app-copy h2{font-size:48px}.app-copy-details{display:none}.app-demo-note{margin-top:22px}.app-window{width:100%;max-width:480px;justify-self:center}.app-body{padding:14px}.app-setting{grid-template-columns:1fr minmax(70px,115px) 36px;gap:7px}.app-settings{padding:3px 10px}.app-setting{font-size:12px}.app-styles button{font-size:11px}}