.app-preview{padding-top:92px;padding-bottom:98px;background:#e9ebe2;display:grid;grid-template-columns:.55fr 1.45fr;gap:6%;align-items:center}
.app-preview-copy .section-kicker{color:#788f3b;margin-bottom:20px}
.app-preview-copy h2{font-size:clamp(42px,5vw,61px);line-height:1.05;letter-spacing:-.065em;font-weight:500;margin:0}
.app-preview-copy>p{font-size:13px;line-height:1.8;color:#707c73;margin:20px 0 0;max-width:300px}
.app-preview-figure{margin:0;background:#252525;padding:11px 11px 0;box-shadow:0 22px 60px #233b2924}
.app-preview-figure img{display:block;width:100%;height:auto}
.app-preview-figure figcaption{font-family:var(--mono);font-size:8px;color:#c7d0c4;letter-spacing:.05em;padding:12px 4px}
@media(max-width:680px){.app-preview{grid-template-columns:1fr;gap:28px;padding-top:70px;padding-bottom:73px}.app-preview-copy h2{font-size:46px}.app-preview-copy>p{max-width:460px}.app-preview-figure{padding:6px 6px 0}.app-preview-figure figcaption{font-size:7px}}