/* Supplied photo surrounds the media; story content keeps its own readable canvas. */
.proof-audios { margin-top:22px; }
.proof-audios h3 { margin:0 0 12px; font-size:18px; color:#d9f5ff; }
.proof-audio-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.proof-audio-card { min-width:0; padding:14px; border:1px solid #1279b3; border-radius:14px; background:linear-gradient(135deg,#06203b,#020b1d); box-shadow:inset 0 0 18px #0088ff12; }
.proof-audio-label { display:block; margin-bottom:10px; color:#46d8ff; font-size:13px; font-weight:600; }
.proof-audio-card audio { display:block; width:100%; height:40px; color-scheme:dark; }
.proof-audio-card audio:focus-visible { outline:2px solid #50dbff; outline-offset:3px; border-radius:20px; }
@media(max-width:1000px) { .proof-audio-grid { grid-template-columns:1fr; } }
.landing-section.social-proof { padding-top:44px; padding-bottom:44px; }
.social-proof h2 { font-size:clamp(26px,2.8vw,36px); margin-bottom:10px; }
.social-proof>.section-kicker { margin-bottom:12px; }
.social-proof .proof-grid { margin:22px 0 12px; gap:12px; }
.social-proof .proof-grid article { padding:15px 12px; }
.social-proof .proof-grid i { width:34px; height:34px; margin-bottom:10px; }
.social-proof .proof-grid b { font-size:22px; }
.social-proof blockquote { padding:12px; margin-top:12px; }
.proof-carousel { min-width:0; --proof-card-width:210px; }
.proof-track { display:flex; gap:20px; overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:thin; scrollbar-color:#13b8ef #031126; padding:12px 0 16px; border-radius:18px; }
.proof-slide { flex:0 0 var(--proof-card-width); min-width:0; margin:0; padding:5px; border:1px solid #39d8ff; border-radius:14px; background:#03142a; box-shadow:inset 0 0 15px #009bff35; scroll-snap-align:start; scroll-snap-stop:always; overflow:hidden; }
.proof-slide:last-child { margin-right:max(0px, calc(100% - var(--proof-card-width))); }
.proof-image-link { display:block; aspect-ratio:9/14; background:#020817; border-radius:11px; overflow:hidden; }
.proof-slide img { width:100%; height:100%; display:block; object-fit:contain; }
.proof-slide figcaption { display:flex; align-items:center; gap:12px; color:#43d6ff; font-size:11px; padding:13px 8px 6px; }
.proof-slide figcaption span:first-child { color:#d2e8f6; flex:1; }
.proof-controls { display:flex; align-items:center; gap:12px; padding-top:16px; }
.proof-controls[hidden] { display:none; }
.proof-controls button { min-width:40px; min-height:40px; border:1px solid #138acf; border-radius:10px; color:#b9edff; background:#062345; cursor:pointer; font:inherit; font-size:14px; }
.proof-controls button:hover { background:#0a4475; border-color:#41d4ff; }
.proof-controls [data-toggle] { margin-left:auto; padding:0 14px; font-size:12px; }
.proof-controls [data-position] { color:#aad1e8; font-size:12px; min-width:35px; text-align:center; }
.proof-track:focus-visible,.proof-controls button:focus-visible { outline:2px solid #50dbff; outline-offset:3px; }
@media(max-width:700px) { .proof-carousel { --proof-card-width:180px; }.proof-controls { gap:8px; } }
.story-stage {
  position:relative;
  isolation:isolate;
  display:grid;
  grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr);
  align-items:center;
  gap:26px;
  margin-top:24px;
  padding:24px;
  min-height:0;
  border:1px solid #078cd8;
  border-radius:24px;
  overflow:hidden;
  background:#020b1d;
  box-shadow:0 0 28px #0088ff23,inset 0 0 32px #0088ff18;
}
.story-stage::before {
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  background:url('../images/social-proof-neon.png') left center / auto 100% no-repeat;
  opacity:.86;
}
.story-stage::after {
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:linear-gradient(90deg,#02091b12,#02091b45 37%,#02091bdd 69%),
             linear-gradient(0deg,#02091b 0%,#02091b30 70%,#02091b22);
}
.story-stage-copy { align-self:end; padding:100px 0 8px; }
.story-stage-copy .section-kicker { text-shadow:0 2px 10px #000; }
.story-stage-copy h3 { font-size:clamp(23px,2.3vw,30px); line-height:1.1; letter-spacing:-1px; margin:0 0 12px; text-shadow:0 2px 18px #020719; }
.story-stage-copy h3 strong { color:#15d5ff; }
.story-stage-copy p { color:#c5e1f3; font-size:13px; max-width:280px; }
.story-gallery { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; min-width:0; }
.story-frame {
  margin:0;
  position:relative;
  display:block;
  aspect-ratio:9/16;
  border:1px solid #3bdcff;
  border-radius:20px;
  padding:7px;
  background:linear-gradient(145deg,#073276df,#020818);
  box-shadow:0 0 0 3px #06274c,0 0 20px #0089ff6b,inset 0 0 15px #0095ff23;
  overflow:hidden;
}
.story-frame img,.story-frame video { display:block; width:100%; height:100%; object-fit:contain; background:#020817; border-radius:13px; }
.story-frame figcaption { position:absolute; bottom:8px; left:8px; right:8px; padding:12px; background:linear-gradient(transparent,#020817ed); color:white; font-size:11px; pointer-events:none; }
.story-frame:has(video) figcaption { top:8px; bottom:auto; background:linear-gradient(#020817ed,transparent); }
.story-highlight { text-decoration:none; color:white; display:flex; flex-direction:column; justify-content:space-between; padding:18px; transition:transform .2s,box-shadow .2s; }
.story-highlight:hover { transform:translateY(-5px); box-shadow:0 0 0 3px #075696,0 0 32px #00bfff77; }
.story-topline { display:flex; justify-content:space-between; align-items:center; gap:6px; color:#bfdbf4; font-size:10px; }
.story-topline>span { display:flex; align-items:center; gap:7px; }.story-topline .vector-icon { width:20px; height:20px; }
.story-topline b { color:#31d6ff; font-size:10px; }
.story-open { margin:auto; display:grid; place-items:center; width:64px; height:64px; border:1px solid #16cdff; border-radius:50%; background:#0067b849; color:#fff; box-shadow:0 0 25px #009dff4f; }
.story-bottomline { display:grid; gap:9px; }.story-bottomline strong { font-size:17px; }.story-bottomline>span { color:#30d4ff; font-size:11px; }
@media(max-width:1000px) { .story-stage { padding:20px; gap:20px; }.story-gallery { gap:16px; }.story-highlight { padding:12px; } }
@media(max-width:700px) {
  .story-stage { grid-template-columns:1fr; padding:18px; gap:12px; min-height:0; }
  .story-stage::before { background-size:auto 390px; background-position:center top; }
  .story-stage::after { background:linear-gradient(0deg,#02091be8 15%,#02091b6b 60%,#02091b10); }
  .story-stage-copy { padding:95px 0 0; }
  .story-gallery { gap:15px; }
}
@media(max-width:380px) {
  .story-stage { padding:18px; }
  .story-gallery { grid-template-columns:1fr; max-width:220px; width:100%; margin:auto; gap:22px; }
}
@media(prefers-reduced-motion:reduce) { .story-highlight { transition:none; } }