/* Real, unmodified 1.22 iOS screenshots replace the early mockups. */
.phone.real-phone{padding:0;width:218px;height:auto;aspect-ratio:1206/2622;border:7px solid #193647;border-radius:33px;background:#FFF9ED;box-shadow:8px 14px 0 #0D426933,0 22px 30px -12px #143F644D;overflow:hidden}
.real-phone>.real-shot{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;border-radius:24px}
.real-app-art{min-height:495px}.app-art.real-app-art .real-phone{width:212px;height:auto;transform:rotate(-6deg);z-index:2}.real-app-art>.art-caption{bottom:-10px;left:0;right:0;text-align:center}
.app-screens-heading{font:900 22px/1.3 var(--font);letter-spacing:-.4px;margin:48px 0 8px}.app-screens-caption{font-size:12px;line-height:1.7;max-width:580px;color:#593746}
.app-screens{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:26px;align-items:start}.app-screen-card{min-width:0;margin:0}.app-screen-open{width:100%;display:block;border:0;padding:0;background:#FFF9ED;border-radius:21px;box-shadow:0 8px 0 #77395318;overflow:hidden;transition:transform .2s}.app-screen-open:hover{transform:translateY(-5px)}.app-screen-open img{display:block;width:100%;height:auto;aspect-ratio:1206/2622;object-fit:contain}.app-screen-card figcaption{font-family:var(--font);font-size:13px;font-weight:900;text-align:center;margin-top:15px}
.bar-4 .split{grid-template-columns:1fr 390px;gap:40px}.app-demo-frame{width:min(100%,390px);aspect-ratio:390/760;border:7px solid #193647;border-radius:35px;overflow:hidden;background:#FFF9ED;box-shadow:8px 12px 0 #6C162536;margin-inline:auto;position:relative}.app-demo-frame iframe{width:390px;height:760px;transform:scale(var(--demo-scale,.9));transform-origin:top left;display:block;border:0;background:#FFF9ED}.bar-4 .demo-art{padding-top:0}.bar-4 .demo-disclaimer{margin-top:20px;max-width:310px}.demo-open-link{display:inline-flex;align-items:center;gap:8px;font-weight:800;font-size:13px;margin-top:22px;padding:11px 0;text-decoration:underline;text-underline-offset:4px}.demo-features{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.demo-features span{font-size:11px;border-radius:30px;background:#FFF9ED1F;padding:6px 11px;border:1px solid #FFF9ED44}
#screenshot-dialog{width:fit-content;max-width:min(96vw,630px);max-height:96svh;margin:auto;padding:15px;border:0;border-radius:24px;background:#FFF9ED;color:#193647;box-shadow:0 20px 70px #19364755}#screenshot-dialog::backdrop{background:#193647B3;backdrop-filter:blur(3px)}.screenshot-close{display:flex;align-items:center;justify-content:center;gap:6px;border:0;background:#E9ECE5;border-radius:30px;min-height:40px;padding:9px 16px;margin:0 0 12px auto;font-weight:800;font-size:12px}.screenshot-lightbox-figure{margin:0;text-align:center}.screenshot-lightbox-figure img{width:auto;height:auto;max-width:100%;max-height:calc(92svh - 100px);border-radius:12px;margin:auto}.screenshot-lightbox-figure figcaption{font-size:13px;font-weight:800;margin-top:10px}
@media(min-width:741px) and (max-width:1180px){.bar-4 .split{grid-template-columns:1fr 340px;gap:25px}.app-screens{gap:15px}.app-screens-heading{margin-top:40px}.app-screen-card figcaption{font-size:12px}}
@media(min-width:741px) and (max-width:950px){.bar-4 .split{grid-template-columns:1fr 290px;gap:20px}.bar-4 h2{font-size:30px}.bar-4 .body-copy{font-size:13px}.app-screens{gap:12px}.app-screen-card figcaption{font-size:11px}.app-demo-frame{border-width:5px;border-radius:29px}.real-app-art{min-height:455px}}
@media(max-width:740px){.bar-4 .split{display:flex;flex-direction:column;align-items:stretch;gap:30px}.bar-4 .body-copy{max-width:100%}.bar-4 .demo-disclaimer{max-width:100%;font-size:11px}.bar-4 .demo-open-link{font-size:12px;margin-top:12px}.app-demo-frame{width:min(100%,370px);border-width:5px;border-radius:27px}.app-screens{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 15px}.app-screens-heading{font-size:21px;margin-top:32px}.app-screen-card figcaption{font-size:12px;margin-top:12px}.app-screen-open{border-radius:16px;box-shadow:0 5px 0 #77395318}.real-app-art{min-height:445px}.app-art.real-app-art .real-phone{width:200px;transform:rotate(-5deg)}.real-app-art>.art-caption{font-size:9px;bottom:-10px}.app-screens-caption{font-size:11px}}
@media(max-width:370px){.app-screens{gap:20px 12px}.app-screen-card figcaption{font-size:10px}.app-screen-open{border-radius:12px}.app-art.real-app-art .real-phone{width:186px}.real-app-art{min-height:420px}}
@media(prefers-reduced-motion:reduce){.app-screen-open{transition:none}.app-screen-open:hover{transform:none}}