/* A balanced, accessible preview gallery surrounding the portrait iPad. */
.hero-frame.hero-balanced.hero-gallery{display:grid;grid-template-columns:minmax(90px,1fr) minmax(0,560px) minmax(90px,1fr);gap:clamp(20px,4vw,64px);align-items:center;padding:36px clamp(20px,4vw,54px)}
.hero-gallery .website-switcher{display:grid;grid-template-columns:1fr;align-content:space-between;justify-items:center;gap:20px;width:100%;max-width:none;margin:0;align-self:stretch;padding-block:20px}
.hero-gallery .website-choice{width:100%;max-width:160px;min-height:64px;padding:8px;border-radius:14px;opacity:.86}
.hero-gallery .website-choice img{width:min(112px,100%);height:52px;object-fit:contain}
.hero-gallery .website-choice[aria-pressed="true"]{opacity:1;background:#e8f8fc30;box-shadow:inset 0 0 0 1px #41647125}
.hero-gallery .website-choice[aria-pressed="true"]:after{bottom:3px}
.hero-gallery .website-choice:focus-visible{outline:2px solid #416471;outline-offset:3px}
.hero-gallery .hero-visual{width:100%;max-width:560px;justify-self:center;grid-column:2;grid-row:1}
.hero-gallery .gallery-left{grid-column:1;grid-row:1}.hero-gallery .gallery-right{grid-column:3;grid-row:1}
.hero-gallery .ipad-preview-wrap{width:100%;max-width:560px;margin:0}
.hero-gallery .hero-visual .monitor.ipad-pro{width:100%;max-width:none}
.hero-gallery .monitor-screen{touch-action:pan-y;scroll-behavior:auto;cursor:grab}
.hero-gallery .monitor-screen:active{cursor:grabbing}
.hero-gallery .monitor-screen img{user-select:none;-webkit-user-drag:none}
@media(max-width:700px){
 .hero-frame.hero-balanced.hero-gallery{grid-template-columns:minmax(0,1fr);gap:20px;padding:20px 12px;border-radius:28px}
 .hero-gallery .website-switcher{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;padding:0;align-self:auto}
 .hero-gallery .gallery-left{grid-column:1;grid-row:1}.hero-gallery .hero-visual{grid-column:1;grid-row:2;max-width:440px}.hero-gallery .gallery-right{grid-column:1;grid-row:3}
 .hero-gallery .website-choice{min-width:0;min-height:52px;padding:5px 3px 8px;border-radius:9px}
 .hero-gallery .website-choice img{width:100%;height:39px}
 .hero-gallery .ipad-preview-wrap{max-width:440px}
}
@media(prefers-reduced-motion:reduce){.hero-gallery .website-choice{transition:none}}