.proof{display:grid;gap:22px}.card{background:#fff;border:1px solid #e5dfd1;border-radius:22px;padding:clamp(22px,4vw,42px);display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center;overflow:hidden}.card:nth-child(even) .copy{order:2}.card:nth-child(even) .receipt{order:1}.name{font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#746b5c}.outcome{font-size:clamp(1.7rem,3.8vw,3rem);letter-spacing:-.04em;line-height:1.1;margin:12px 0 18px}blockquote{font-size:clamp(1.05rem,1.8vw,1.25rem);font-weight:700;margin:0 0 16px;border-left:4px solid var(--yellow);padding-left:16px}.receipt{text-align:center;position:relative}.shot{position:relative;display:inline-block;vertical-align:top;line-height:0;background:#faf8f1;border:0;padding:0;cursor:zoom-in;max-width:100%;box-shadow:0 8px 28px #342e191b}.shot img{display:block;max-width:100%;max-height:340px;width:auto;height:auto}.focus{position:absolute;border:3px solid var(--red);border-radius:8px;pointer-events:none;box-shadow:0 0 0 1px white}.arrow{position:absolute;top:-17px;right:-16px;width:78px;height:65px;overflow:visible;pointer-events:none}.hint{display:block;font-weight:700;font-size:.78rem;color:#716555;margin-top:10px}.support{background:#f9f0d7}.videos{margin-top:76px;border-top:1px solid #ded7c8;padding-top:42px}.videos h2{font-size:clamp(2rem,4vw,3rem);letter-spacing:-.04em;line-height:1.1;margin:0}.video-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:28px}.video{border:1px solid #e5dfd1;border-radius:14px;background:white;overflow:hidden}.player{position:relative;aspect-ratio:16/9;background:#171715}.player button{border:0;background:none;padding:0;width:100%;height:100%;cursor:pointer}.player img{width:100%;height:100%;object-fit:cover}.play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:72px;height:72px;border-radius:50%;background:rgba(255,255,255,.94);color:#d63d2d;box-shadow:0 4px 18px #0004;font-size:28px;padding-left:5px}.player iframe{width:100%;height:100%;border:0}.video h3{font-size:1.2rem;line-height:1.3;margin:18px 18px 16px}dialog{border:0;border-radius:16px;padding:0;max-width:min(95vw,1200px);max-height:94vh;box-shadow:0 20px 80px #0007}dialog::backdrop{background:#000b}.dialog-bar{position:sticky;top:0;display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:12px;background:white;z-index:2}.dialog-bar strong{margin-right:auto}.dialog-bar button,.dialog-bar a{border:1px solid #ccc;border-radius:7px;background:white;color:#171715;padding:8px 11px;font:inherit;text-decoration:none;cursor:pointer}.zoom-area{overflow:auto;max-height:calc(94vh - 65px);background:#eee;text-align:center}.zoom-area img{display:block;width:100%;max-width:none;height:auto;margin:auto;transform-origin:top center}@media(max-width:700px){main{padding:24px 16px 60px}.intro{margin:36px auto}.card{grid-template-columns:1fr;gap:22px}.card:nth-child(even) .copy,.card:nth-child(even) .receipt{order:initial}.shot img{max-height:320px}.video-grid{grid-template-columns:1fr}.dialog-bar strong{width:100%}}
.crop-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start}.crop-label{display:block;font-size:.78rem;font-weight:800;margin-bottom:5px}.crop-unit{min-width:0}.crop{display:inline-block;width:100%;max-height:240px;border:3px solid var(--red);border-radius:8px;background-repeat:no-repeat;vertical-align:middle}.arrow-label{height:46px;color:var(--red);font-size:56px;line-height:42px;font-weight:900;transform:rotate(8deg);pointer-events:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.text-receipt{background:#faf5e8;border-radius:12px;padding:22px}.text-receipt a,.source-link{color:#594527;font-size:.85rem;font-weight:700}.player video{width:100%;height:100%;object-fit:contain}.video-error{color:white;position:absolute;inset:0;background:#171715;display:grid;place-content:center;text-align:center;padding:15px}.video-error button{color:white;text-decoration:underline}.video-source{display:block;margin:12px 16px 16px;font-size:.84rem;color:#594527}

.crop-stack{display:grid;gap:14px;justify-items:center}.crop-stack .crop-unit{width:100%}.crop-stack .crop{max-height:none}

/* Stack the original testimonial images at their natural aspect ratios. */
.proof {
  max-width: 760px;
  margin-inline: auto;
  gap: 38px;
}
.proof .card {
  display: block;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  overflow: visible;
}
.proof .receipt { margin-top: 16px; }
.proof .shot {
  display: block;
  width: fit-content;
  margin-inline: auto;
  background: transparent;
  box-shadow: none;
}
.proof .shot img {
  max-height: none;
  max-width: 100%;
  height: auto;
}

/* The testimonial posters use the same play control as the main VSL. */
.testimonial-player > button { position:absolute; inset:0; }
.testimonial-player img { object-fit:contain; }
.testimonial-player .play { width:clamp(64px, 11vw, 104px); height:auto; aspect-ratio:1; padding:0; border:4px solid #fff; background:#e0241f; box-shadow:0 4px 24px rgb(0 0 0 / 35%); color:#fff; }
.testimonial-player .play svg { width:42%; height:42%; }
.testimonial-player > button:hover .play { background:#bc1915; }
.testimonial-play-hint { position:absolute; left:50%; bottom:calc(50% + clamp(32px, 5.5vw, 52px) + 14px); transform:translateX(-50%); padding:9px 15px; border-radius:8px; background:#111; color:#fff; font:700 clamp(12px, 2.4vw, 16px)/1.2 Arial, Helvetica, sans-serif; white-space:nowrap; }
.testimonial-play-hint::after { content:''; position:absolute; left:50%; top:100%; transform:translateX(-50%); border:9px solid transparent; border-top-color:#111; border-bottom:0; }
.testimonial-player > button:focus-visible, .testimonial-player .video-error button:focus-visible { outline:4px solid #fff; outline-offset:-6px; box-shadow:inset 0 0 0 8px #111; }
.testimonial-player .video-error button { width:auto; height:auto; padding:10px; }

.testimonial-loading { position:absolute; top:8px; left:50%; transform:translateX(-50%); max-width:calc(100% - 16px); padding:6px 10px; border-radius:6px; background:#111e; color:#fff; font:700 12px/1.3 Arial, Helvetica, sans-serif; text-align:center; }
.testimonial-loading[hidden] { display:none; }
.testimonial-player .testimonial-loading button { width:auto; height:auto; margin-left:8px; color:#fff; text-decoration:underline; }
.testimonial-play-hint { max-width:calc(100% - 16px); box-sizing:border-box; }
