.proof-preview-bar{position:relative;z-index:40;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px 24px;min-height:42px;padding:8px 18px;background:#242017;border-bottom:1px solid #554626;font-size:12px;color:#f0ce6e;line-height:1.5}
.proof-preview-bar nav{display:flex;gap:18px}.proof-preview-bar a{text-decoration:none;color:#fafafa}.proof-preview-bar a[aria-current=page]{text-decoration:underline;text-underline-offset:4px}
.proof-gallery{padding-block:84px 76px;background:var(--bg);overflow:hidden;scroll-margin-top:12px}
.proof-heading{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:end;margin-bottom:34px}
.proof-heading h2{max-width:22ch;margin:0;font-size:clamp(2rem,3.4vw,3rem)}
.proof-heading p{margin:0;color:var(--muted);font-size:1rem;line-height:1.7;max-width:45ch}
.proof-window{position:relative}
.proof-window:after{position:absolute;inset:0;content:'';pointer-events:none;background:linear-gradient(90deg,var(--bg),transparent 24px,transparent calc(100% - 32px),var(--bg))}
.proof-track{--proof-size:254px;display:flex;gap:20px;align-items:start;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;padding:14px max(24px,calc((100vw - 1120px)/2)) 24px;touch-action:pan-x pan-y;scroll-padding-inline:24px}
.proof-track::-webkit-scrollbar{display:none}
.proof-item{flex:0 0 var(--proof-size);min-width:0;margin:0}
.proof-open{position:relative;display:block;width:100%;margin:0;padding:7px;border:1px solid #4b4435;border-radius:22px;background:#19191b;color:var(--text);box-shadow:0 16px 32px #0005;transition:border-color .18s,box-shadow .18s,transform .18s}
.proof-open:hover{border-color:#d4a937;box-shadow:0 10px 32px #0007,0 0 24px #d4a93713}
.proof-screenshot{position:relative;aspect-ratio:9/18.4;border-radius:15px;overflow:hidden;background:#17212b;color:#e8edf0;text-align:left;font-family:Manrope,system-ui,sans-serif}
.proof-screenshot.is-light{background:#e5ebef;color:#293642}
.proof-screen-header{display:flex;align-items:center;gap:9px;padding:19px 12px 15px;border-bottom:1px solid #ffffff0d;background:#202d3b}
.is-light .proof-screen-header{background:#fff;border-bottom-color:#dae0e5}
.proof-screen-header>img{height:28px;width:28px;flex:none}
.proof-screen-header strong{display:block;font-size:11px;line-height:1.5;font-weight:600}
.proof-screen-header small{display:block;font-size:9px;line-height:1.4;opacity:.72}
.proof-message{margin:19px 11px 0;padding:15px 12px;background:#223343;border-radius:10px 10px 10px 3px}
.is-light .proof-message{background:#fff}
.proof-message--secondary{margin-top:12px;width:76%;opacity:.55}
.proof-skeleton{display:block;height:5px;border-radius:3px;background:currentColor;opacity:.12;margin:0 0 9px;width:100%}
.proof-skeleton:nth-child(2){width:82%}.proof-skeleton:nth-child(3){width:92%}.proof-skeleton:nth-child(4){width:59%;margin-bottom:0}
.proof-original-slot{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px;text-align:center;min-height:145px;margin:16px 0 0;padding:16px 6px;border:1px solid #f0ce6e42;border-radius:7px;background:#d4a93708}
.proof-original-slot svg{width:24px;height:24px;color:#f0ce6e}
.proof-original-slot strong{font-size:13px;font-weight:500;line-height:1.55}
.proof-original-slot small{font-size:10px;line-height:1.5;opacity:.7}
.is-light .proof-original-slot{border-color:#9c752e44;background:#c99e3612}.is-light .proof-original-slot svg{color:#8a6722}
.proof-sample-label{position:absolute;inset:auto 12px 14px;display:flex;justify-content:center;align-items:center;gap:6px;padding:7px 8px;color:#f0ce6e;background:#101a22;border:1px solid #f0ce6e40;border-radius:5px;font-size:10px;line-height:1.4;font-weight:500}
.is-light .proof-sample-label{background:#f7f3e8;color:#755719;border-color:#bea774}
.proof-bottom{display:flex;justify-content:flex-end;align-items:center;gap:20px;flex-wrap:wrap;margin-top:7px}
.proof-controls{display:flex;gap:9px;align-items:center}
.proof-control{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:44px;min-height:44px;padding:9px 12px;border:1px solid #434047;border-radius:999px;background:#151517;color:var(--text);font-size:12px;line-height:1.2}
.proof-control svg{width:16px;height:16px;flex:none}.proof-control:hover{border-color:var(--gold)}.proof-control:disabled{opacity:.35;cursor:default}
.proof-control[data-proof-toggle]{min-width:98px}
.proof-footnote{color:#9a9aa4;font-size:11px;line-height:1.6;margin:24px 0 0}
.proof-cta{margin-top:30px;display:flex;justify-content:center}
.proof-gallery--compact{padding-block:64px; border-top:1px solid var(--line)}
.proof-gallery--compact .proof-heading{max-width:800px;display:block;text-align:center;margin:0 auto 28px}
.proof-gallery--compact .proof-heading h2{font-size:clamp(1.8rem,3vw,2.5rem);max-width:none;margin:0 auto 16px}
.proof-gallery--compact .proof-heading p{max-width:58ch;margin-inline:auto;font-size:.95rem}
.proof-gallery--compact .proof-track{--proof-size:222px;gap:18px}
.proof-gallery--compact .proof-original-slot{min-height:120px}
.proof-viewer{width:min(920px,calc(100% - 24px));height:min(900px,94svh);max-width:none;max-height:none;padding:0;background:#101013;color:var(--text);border:1px solid #4e4532;border-radius:18px;overflow:hidden;box-shadow:0 32px 100px #000b}
.proof-viewer[open]{display:flex;flex-direction:column}
.proof-viewer::backdrop{background:#000d;backdrop-filter:blur(10px)}
.proof-viewer-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;border-bottom:1px solid var(--line)}
.proof-viewer-head h2{font-size:17px;margin:0 0 4px;letter-spacing:-.02em}.proof-viewer-head p{font-size:12px;color:var(--muted);margin:0}
.proof-viewer-content{min-height:0;flex:1;overflow:auto;padding:20px;display:flex;align-items:flex-start;justify-content:center;background:#09090b}
.proof-viewer-content>.proof-screenshot{width:340px;max-width:100%;flex-shrink:0;min-height:0}
.proof-viewer-content>img{max-height:100%;width:auto;max-width:100%;object-fit:contain}
.proof-viewer-content .proof-screen-header strong{font-size:15px}.proof-viewer-content .proof-screen-header small{font-size:12px}.proof-viewer-content .proof-original-slot{min-height:240px}.proof-viewer-content .proof-original-slot strong{font-size:19px}.proof-viewer-content .proof-original-slot small{font-size:13px}.proof-viewer-content .proof-sample-label{font-size:12px}
.proof-viewer-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 20px;border-top:1px solid var(--line)}
.proof-viewer-count{font-size:13px;color:var(--muted)}
.proof-gallery--real .proof-track{--proof-size:266px;gap:18px}
.proof-open>.proof-image{display:block;width:100%;height:auto;border-radius:15px;object-fit:contain}
/* Concentric screen and shell curves, without adding mock phone hardware. */
.proof-gallery--real .proof-open{--proof-frame-radius:calc(var(--proof-size) * .145);border-radius:var(--proof-frame-radius);border-color:#56565c;background:#0b0b0c;box-shadow:inset 0 0 0 1px #ffffff14,0 16px 32px #0005}
.proof-gallery--real .proof-open>.proof-image{border-radius:calc(var(--proof-frame-radius) - 8px)}
.proof-gallery--real .proof-open:hover{border-color:#9c874f;box-shadow:inset 0 0 0 1px #ffffff14,0 12px 32px #0007}
.proof-viewer-content>img.proof-image{width:min(100%,560px);height:auto;max-height:none;flex:none;object-fit:contain}
@media(min-width:1440px){.proof-track{--proof-size:266px}}
@media(max-width:760px){.proof-gallery,.proof-gallery--compact{padding-block:54px}.proof-heading{grid-template-columns:1fr;gap:20px;margin-bottom:22px}.proof-heading h2{max-width:24ch;font-size:2rem}.proof-heading p{font-size:.95rem}.proof-track,.proof-gallery--compact .proof-track{--proof-size:clamp(234px,76vw,284px);gap:16px;padding-inline:18px}.proof-gallery--compact .proof-heading{text-align:left}.proof-gallery--compact .proof-heading h2{font-size:1.9rem}.proof-gallery--compact .proof-original-slot{min-height:145px}.proof-preview-bar{font-size:11px}.proof-bottom{gap:12px}.proof-bottom-copy{font-size:12px}.proof-footnote{max-width:46ch}.proof-viewer-head,.proof-viewer-footer{padding:12px}.proof-viewer-content{padding:14px}.proof-viewer-head h2{font-size:15px}.proof-viewer-head p{font-size:11px}}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.proof-open:hover{transform:translateY(-3px)}}
@media(prefers-reduced-motion:reduce){.proof-open{transition:none}}
@media(max-width:760px){.proof-gallery--real .proof-track{--proof-size:clamp(234px,76vw,284px);gap:16px}}