/* A responsive device showcase beside the selected feature’s unchanged copy. */
.feature-explorer{grid-template-columns:minmax(220px,.7fr) minmax(250px,.9fr) minmax(250px,.65fr);gap:40px;align-items:center}
.feature-panels{min-width:0}.feature-panel{min-height:0}.feature-panel>p{margin-bottom:28px}.feature-panel .gg-feature-visual{display:none}.feature-panel .feature-link{margin-top:0}.feature-panel .gg-feature-qr-copy{display:block;color:var(--muted);margin:0 0 24px;line-height:1.7}
.feature-device{padding-block:8px;justify-content:center}.feature-device .phone-showcase{box-shadow:0 20px 38px -24px #20375c80}.feature-device iframe[hidden],#feature-qr-art[hidden]{display:none!important}#feature-qr-art{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#fbf8f3;padding:12px}.feature-device .screen-viewport{background:#fbf8f3}
.feature-tabs button{min-height:44px;padding:12px 14px}
@media(max-width:1000px){.feature-explorer{grid-template-columns:minmax(0,1fr) 260px;gap:32px}.feature-tabs{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;border:0}.feature-tabs button{border:1px solid var(--line);border-radius:6px;padding:14px;font-size:12px}.feature-tabs button svg{display:none}.feature-panel h3{font-size:27px}.feature-device{grid-column:2}.feature-panels{grid-column:1}}
@media(max-width:700px){.feature-explorer{grid-template-columns:1fr;gap:28px}.feature-tabs{grid-template-columns:1fr 1fr}.feature-panels,.feature-device{grid-column:1}.feature-panel h3{font-size:25px}.feature-device{margin-top:0;max-width:100%}.feature-panel>p{margin:14px 0 24px}.feature-device .phone-showcase{margin:auto}}

.feature-device-controls{align-self:flex-end;margin-bottom:16px;font-family:var(--heading-font)}
.feature-device-controls button{font-family:inherit;min-height:40px;padding:8px 12px;font-size:12px}
.feature-device .desktop-showcase{width:auto}
.feature-desktop-chrome[hidden],.feature-desktop-foot[hidden]{display:none}
@media(min-width:1001px){.feature-explorer[data-device=desktop]{grid-template-columns:minmax(190px,.6fr) minmax(220px,.75fr) minmax(0,1.45fr);gap:32px}}
@media(min-width:701px) and (max-width:1000px){.feature-explorer[data-device=desktop]{grid-template-columns:minmax(190px,.65fr) minmax(0,1.4fr)}}
@media(max-width:700px){.feature-device-controls{align-self:center}.feature-device-controls button{min-height:44px}}