/* Authentic material pass. No new global motion or typography. */
.quiet-recording{margin:0;background:#e8e2dc;overflow:hidden;border:1px solid #28242712;border-radius:6px}
.quiet-media{aspect-ratio:720/500;background:#202020}
.quiet-media video{width:100%;height:100%;object-fit:contain;max-height:none}
.quiet-recording figcaption{padding:9px 14px;font:12px/1.4 Golos,sans-serif;color:#66575d}
#inside[data-real-screens=true]{display:block;min-height:0;padding-block:64px}
#inside[data-real-screens=true]>.chapter{margin-bottom:30px}
.app-intro{display:grid;grid-template-columns:1.2fr 1fr;gap:10px 8vw;align-items:start}
.app-intro h2{grid-row:1/3}.app-intro>p{max-width:450px;padding-top:8px}
.app-intro .text-link{justify-self:start}
#product-screens.app-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;max-width:1060px;margin:44px auto 0;padding:0;min-height:0;border:0;background:none}
.product-screens .app-screen{min-width:0;max-width:none;margin:0;width:100%}
.screen-open{display:block;position:relative;border:1px solid #7c727330;border-radius:18px;overflow:hidden;background:#e9e3d8;box-shadow:0 15px 38px #3c283c0e;text-decoration:none;line-height:0;isolation:isolate}
.screen-open img{width:100%;height:auto;aspect-ratio:590/1117;object-fit:contain}
.screen-open:focus-visible{outline:3px solid var(--wine);outline-offset:5px}
.screen-zoom{position:absolute;right:12px;top:12px;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#fbf8f0ed;color:var(--wine);font:24px/1 Golos;box-shadow:0 2px 10px #0001}
.app-screen figcaption{padding:16px 2px 0}.app-screen h3{font:400 24px/1.2 Literata,Georgia,serif;margin:0 0 7px}
.app-screen figcaption p{font:14px/1.5 Golos,sans-serif;color:var(--muted);max-width:280px}
.screens-note{font:12px/1.5 Golos,sans-serif;color:var(--muted);margin-top:24px;text-align:center}
.bundle-card>img.bundle-proof{position:absolute;left:0;top:0;width:100%;height:calc(100% - 43px);object-fit:contain;background:#282327}
.bundle-card>img.bundle-app-proof{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 0}
.bundle-quiet>span:last-child,.bundle-phone>span:last-child{position:absolute;z-index:1;inset:auto 0 0;min-height:43px;padding:7px 4px;display:flex;align-items:center;justify-content:center;background:var(--paper);color:var(--ink);font:500 clamp(11px,1.2vw,15px)/1.2 Golos,sans-serif}
.bundle-card>img.bundle-app-proof{height:calc(100% - 43px)}
#screen-dialog{width:min(640px,calc(100vw - 24px));max-height:calc(100dvh - 28px);padding:0;border:0;border-radius:14px;background:var(--paper);overscroll-behavior:contain;overflow:auto}
#screen-dialog:not([open]){display:none}
#screen-dialog::backdrop{background:#171019bd}
.screen-dialog-bar{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 18px;background:var(--paper);border-bottom:1px solid var(--line)}
#screen-dialog-title{color:var(--ink);font:400 24px/1.2 Literata,Georgia,serif;letter-spacing:-.02em;margin:0}
#screen-close{position:static;display:block;flex-shrink:0;min-height:44px;padding:9px 10px;border:1px solid #77606a40;border-radius:6px;background:transparent;color:var(--ink);font:14px Golos,sans-serif;cursor:pointer}
#screen-close:focus-visible{outline:3px solid var(--wine);outline-offset:2px}
#screen-full{width:100%;height:auto;display:block;aspect-ratio:590/1117;object-fit:contain}
#screen-dialog .screens-note{margin:0;padding:14px 20px}
@media(max-width:760px){
 #inside[data-real-screens=true]{padding-block:50px}
 .app-intro{display:block}.app-intro h2{margin-bottom:20px}.app-intro>p{padding:0}.app-intro .text-link{margin-top:10px}
 #product-screens.app-gallery{display:flex;justify-content:flex-start;align-items:flex-start;gap:18px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#b8a9ad transparent;margin-top:28px;padding:2px 2px 16px;max-width:100%;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
 .product-screens .app-screen{scroll-snap-align:start;flex:0 0 88%;width:88%}.screen-open{border-radius:12px}.app-screen h3{font-size:22px}
 .screens-note{font-size:11px;margin-top:16px;text-align:left}
 .screen-dialog-bar{padding:10px 12px;gap:8px}#screen-dialog-title{font-size:21px}#screen-close{font-size:12px}
}
@media(prefers-reduced-motion:reduce){#product-screens.app-gallery{scroll-behavior:auto}}