.real-demo-grid{display:grid;grid-template-columns:.9fr 1fr;align-items:center;gap:75px;max-width:1020px;margin:auto}.real-video-card{max-width:350px;width:100%;margin:auto}.real-video-frame{position:relative;border:7px solid white;border-radius:32px;overflow:hidden;background:#131720;box-shadow:0 15px 35px #302b6122}.real-video-frame video{display:block;width:100%;height:auto;aspect-ratio:480/854;object-fit:contain;background:#131720}.real-video-badge{position:absolute;top:13px;left:12px;right:12px;margin:auto;width:max-content;max-width:calc(100% - 24px);pointer-events:none;background:#fff3c8;color:#493f29;padding:6px 12px;border-radius:30px;font-size:11px;font-weight:800;box-shadow:0 2px 9px #0002}.real-video-card figcaption{font-size:11px;line-height:1.5;padding:5px 9px;text-align:center}.real-demo-copy>h3{font-size:39px;line-height:1.12;margin:0 0 20px}.real-demo-copy>p:not(.eyebrow){font-size:15px;color:var(--muted)}.real-demo-copy>.button{margin:9px 0 30px;min-width:235px}.real-audio-card{background:white;border:1px solid #d7d0ed;border-radius:22px;padding:23px;display:grid;grid-template-columns:44px 1fr;gap:0 13px;box-shadow:0 7px 0 #d9d2f3}.sound-symbol{width:44px;height:44px;background:#ffdded;color:#bc2373;border-radius:15px;display:grid;place-items:center;font-size:29px}.real-audio-card h3{font-size:28px;margin:0;line-height:1.15}.real-audio-card p{font-size:12px;color:var(--muted);margin:6px 0 0}.real-audio-card audio{grid-column:1/-1;display:block;width:100%;min-width:0;height:54px;margin-top:17px}.real-audio-card .micro{grid-column:1/-1;font-size:10px;margin-top:12px}.real-feature-tags{display:flex;flex-wrap:wrap;gap:7px;margin:27px 0 20px}.real-feature-tags span{font-size:11px;padding:7px 10px;border-radius:30px;background:#f6f4ff;color:#575080}.real-demo-copy>#media-status:empty{display:none}.real-demo-copy>#media-status{color:#8d2719;font-size:12px}.real-demo .section-heading{margin-bottom:40px}
@media(max-width:900px){.real-demo-grid{gap:35px;grid-template-columns:.85fr 1fr}.real-demo-copy>h3{font-size:33px}.real-audio-card{padding:18px}.real-video-card{max-width:320px}.real-video-frame{border-radius:25px;border-width:5px}}
@media(max-width:650px){.real-demo-grid{grid-template-columns:1fr;gap:25px}.real-video-card{max-width:300px}.real-demo-copy>h3{font-size:33px}.real-demo-copy>.button{width:100%;margin-bottom:24px}.real-audio-card{padding:20px}.real-feature-tags{margin-bottom:16px}.real-demo .section-heading{margin-bottom:25px}.real-demo .section-heading h2{font-size:36px}.real-demo .section-heading p:last-child{font-size:14px}.real-video-badge{font-size:10px;top:11px}.real-demo-copy>.eyebrow{font-size:9px}}
@media(max-width:350px){.real-audio-card{padding:15px;gap:0 10px;grid-template-columns:37px 1fr}.sound-symbol{width:37px;height:37px;font-size:25px}.real-audio-card h3{font-size:26px}.real-audio-card audio{height:48px}.real-demo .section-heading h2{font-size:32px}}