/* Marina: screenshot module only. No product UI rules or shared token overrides. */
.sp-proof{box-sizing:border-box;--proof-ink:#08111d;--proof-panel:#101c2b;--proof-text:#e8eef7;--proof-muted:#b5c2d4;--proof-blue:#49c8ff;--proof-gold:#fcb040;color:var(--proof-text);font-family:'DM Sans',sans-serif;max-width:1200px;margin:auto;padding:40px 24px 28px}
.sp-proof *{box-sizing:border-box}
.sp-proof a{color:var(--proof-blue);text-underline-offset:5px}
.sp-proof a:focus-visible,.sp-proof [tabindex]:focus-visible{outline:3px solid #8bdeff;outline-offset:4px}
.sp-proof .proof-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:24px}
.sp-proof .proof-kicker{display:flex;align-items:center;gap:10px;font-size:11px;letter-spacing:.16em;font-weight:600;color:var(--proof-gold);margin:0 0 9px}
.sp-proof .proof-kicker::before{content:'';width:7px;height:7px;background:var(--proof-blue);box-shadow:8px -8px 0 var(--proof-blue),16px 0 0 var(--proof-blue);margin-right:18px}
.sp-proof h2{font:600 32px/1.15 Oswald,sans-serif;margin:0}
.sp-proof .proof-context{font-size:12px;line-height:1.5;color:var(--proof-muted);max-width:280px;margin:0}
.sp-proof .proof-frame{margin:0;border:1px solid #38566d;background:var(--proof-panel);box-shadow:4px 4px 0 #030b14;position:relative}
.sp-proof .proof-frame::before{content:'';position:absolute;left:-1px;top:-1px;width:34px;height:3px;background:var(--proof-blue)}
.sp-proof .proof-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid #38566d}
.sp-proof .proof-tag{font:500 14px/1.2 Oswald,sans-serif;letter-spacing:.06em}
.sp-proof .proof-number{color:var(--proof-gold);font-family:'JetBrains Mono',monospace;font-size:11px;margin-right:10px}
.sp-proof .proof-bar a,.sp-proof .proof-guide{display:inline-flex;align-items:center;min-height:44px;font-size:12px;font-weight:600}
/* A real, unmodified image. Only its view is cropped; original is one link away.
   Desktop ROI x12,y123,w1158,h320. Mobile ROI x1180,y380,w407,h208. Both use the same unmodified wide capture. */
.sp-proof .proof-roster{width:100%;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-color:#526c86 #08111d;scrollbar-width:thin;background:#08111d}
.sp-proof .proof-roster-crop{width:100%;height:auto;aspect-ratio:1158/320;position:relative;overflow:hidden}
.sp-proof .proof-roster img{position:absolute;width:151.8135%;max-width:none;height:auto;left:-1.0363%;top:-38.4375%;display:block}
.sp-proof .proof-caption{padding:14px 16px;margin:0;font-size:14px;line-height:1.5;border-top:1px solid #233449;color:var(--proof-muted)}
.sp-proof .proof-caption strong{color:var(--proof-text);font-weight:500}
.sp-proof .proof-pan{display:block;margin-top:5px;font-size:12px;color:#93a6bf}
.sp-proof .proof-followthrough{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:24px;margin-top:28px}
.sp-proof .proof-step{min-width:0;display:flex;flex-direction:column}
.sp-proof .proof-step h3{font:500 21px/1.25 Oswald,sans-serif;margin:0 0 8px}
.sp-proof .proof-step>p{font-size:14px;line-height:1.55;color:var(--proof-muted);margin:0 0 18px;max-width:430px}
.sp-proof .proof-detail{margin: auto 0 0;border-left:3px solid var(--proof-gold);padding:16px;background:#101c2b;min-height:144px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:12px}
.sp-proof .proof-detail img{display:block;max-width:100%;width:auto;height:auto}
.sp-proof .proof-detail figcaption{font-size:11px;line-height:1.5;color:#93a6bf}
.sp-proof .proof-end{margin-top:28px;padding-top:18px;border-top:1px solid #233449;display:flex;justify-content:space-between;align-items:center;gap:20px}
.sp-proof .proof-end p{font-size:12px;line-height:1.5;color:#93a6bf;margin:0;max-width:620px}
.sp-proof .proof-guide{white-space:nowrap;color:var(--proof-gold)}
/* Tiny pixel shore, outside all screenshot pixels; no illustration over data. */
.sp-proof .proof-shore{height:17px;margin-top:24px;background:linear-gradient(to bottom,transparent 0 6px,#174b66 6px 9px,#49c8ff 9px 11px,#ead09a 11px 14px,#172638 14px);clip-path:polygon(0 4px,8% 4px,8% 0,14% 0,14% 4px,43% 4px,43% 8px,49% 8px,49% 4px,77% 4px,77% 0,83% 0,83% 4px,100% 4px,100% 100%,0 100%)}
@media(max-width:720px){.sp-proof{padding:28px 20px 20px}.sp-proof .proof-heading{display:block;margin-bottom:18px}.sp-proof h2{font-size:28px}.sp-proof .proof-context{margin-top:12px;max-width:100%}.sp-proof .proof-bar{padding:6px 12px}.sp-proof .proof-tag{font-size:13px}.sp-proof .proof-number{margin-right:7px}.sp-proof .proof-roster-crop{height:270px}.sp-proof .proof-caption{padding:12px;font-size:13px}.sp-proof .proof-followthrough{grid-template-columns:1fr;gap:24px;margin-top:24px}.sp-proof .proof-step h3{font-size:20px}.sp-proof .proof-step>p{margin-bottom:12px}.sp-proof .proof-detail{min-height:0;padding:14px}.sp-proof .proof-end{display:block;margin-top:24px}.sp-proof .proof-guide{margin-top:8px}.sp-proof .proof-shore{margin-top:12px}}

.sp-proof .proof-mobile-label{display:none}
@media(max-width:720px){.sp-proof .proof-desktop-label{display:none}.sp-proof .proof-mobile-label{display:inline}.sp-proof .proof-roster{overflow:hidden}.sp-proof .proof-roster-crop{width:100%;height:auto;aspect-ratio:407/208}.sp-proof .proof-roster img{width:431.94%;height:auto;left:-289.926%;top:-182.6923%}}