.press-wrap { max-width: 68rem; }
.eyebrow { margin-top: 2.5rem; color: var(--green); font-weight: 700; letter-spacing: .08em; text-transform: uppercase; font-size: .8rem; }
.eyebrow + h1 { margin-top: .3rem; }
.intro { max-width: 40rem; font-size: 1.35rem; line-height: 1.45; }
.press-actions { display: flex; flex-wrap: wrap; gap: .75rem 1.5rem; margin: 1.5rem 0; }
.card h2 { margin-top: 0; }
.demo-layout { display: grid; grid-template-columns: minmax(0, 20rem) minmax(0, 1fr); gap: 2rem; align-items: start; margin-top: 1.5rem; }
.demo-layout video { display: block; width: 100%; height: auto; border: 1px solid var(--line); border-radius: 16px; background: #f6f3e8; }
.press-gallery { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1.25rem; margin: 1.5rem 0; }
.press-gallery figure { margin: 0; }
.press-gallery img { display: block; width: 100%; height: auto; border-radius: 12px; border: 1px solid var(--line); }
.press-gallery figcaption { margin-top: .6rem; }
.icon-card { display: flex; gap: 1.5rem; align-items: center; }
.icon-card > img { flex: 0 0 auto; border-radius: 24px; }
@media(max-width: 42rem) { .demo-layout { grid-template-columns: 1fr; gap: .75rem; } .demo-layout video { max-width: 20rem; margin-inline: auto; } .press-gallery { grid-template-columns: 1fr; max-width: 24rem; margin-inline: auto; } .icon-card { flex-direction: column; align-items: start; } }