/* Target Run: one product capture, with a separate, readable copy lane. */
.target-run{padding:64px 0;border-top:1px solid var(--color-border);background:radial-gradient(ellipse at 88% 42%,rgba(57,217,197,.065),transparent 56%),var(--color-bg);}
.target-run-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) minmax(0,1fr);align-items:center;max-width:1360px;gap:24px;}
.target-run .target-run-layout{width:100%;max-width:1360px;padding-inline:clamp(24px,4vw,64px);}
.target-run-copy{grid-column:1;grid-row:1;min-width:0;padding:28px;border:1px solid var(--color-border);border-radius:22px;background:#11191B;}
.target-run-copy h2{margin:0;font-family:var(--font-display);font-size:min(var(--type-story),2.5rem);font-weight:600;line-height:var(--type-leading);letter-spacing:var(--type-tracking);text-wrap:balance;}
.target-run-copy h2 span{color:var(--color-primary);}
.target-run-lead{max-width:44ch;margin:20px 0 24px;color:var(--color-reading);font-size:1rem;line-height:1.7;}
.target-run-steps{grid-column:3;grid-row:1;display:grid;gap:16px;list-style:none;padding:0;margin:0;min-width:0;}
.target-run-steps li{display:grid;grid-template-columns:22px minmax(0,1fr);gap:12px;padding:24px 22px;border:1px solid var(--color-border);border-radius:20px;background:#11191B;}
.target-run-step-number{color:var(--color-teal);font-size:11px;font-variant-numeric:tabular-nums;line-height:26px;}
.target-run-steps h3{font-size:1.0625rem;line-height:1.6;font-weight:600;margin:0;}
.target-run-steps p{max-width:42ch;font-size:1rem;line-height:1.7;color:var(--color-reading);margin:5px 0 0;}
.target-run-cta{display:inline-flex;align-items:center;justify-content:center;gap:26px;min-height:54px;padding:15px 23px;border-radius:var(--radius-pill);background:var(--color-primary);color:var(--color-text-inverse);font-size:14px;font-weight:700;transition:background .18s,transform .18s;}
.target-run-cta svg{width:20px;height:20px;flex:none;}
.target-run-cta:hover{background:var(--color-primary-strong);}
.target-run-cta:active{transform:scale(.98);}
.target-run-media{grid-column:2;grid-row:1;width:min(calc(100% - 20px),282px);min-width:0;margin:0;justify-self:center;perspective:1200px;}
/* Genuine app footage stays interactive inside an upright, dimensional shell. */
.target-run-device{position:relative;padding:8px;border:1px solid #b7a68a;border-radius:39px;background:linear-gradient(110deg,#e3d5b6 0%,#625a50 8%,#17191c 20%,#0b0d10 78%,#a7977b 100%);transform:rotateY(-12deg) rotateX(3deg);transform-origin:center;box-shadow:2px 1px 0 #e1d2b3,5px 2px 0 #716756,8px 3px 0 #252629,18px 24px 44px rgba(0,0,0,.4);}
.target-run-device::before{content:"";position:absolute;left:-4px;top:20%;width:3px;height:15%;border-radius:3px;background:linear-gradient(#b8ab93,#4c4942,#a99b81);pointer-events:none;}
.target-run-device::after{content:"";position:absolute;inset:2px;border:1px solid rgba(255,241,211,.25);border-radius:36px;pointer-events:none;}
.target-run-media video{display:block;width:100%;height:auto;aspect-ratio:640/1386;object-fit:contain;border:1px solid #050608;border-radius:30px;background:#0d292c;}
.target-run-media figcaption{margin-top:28px;color:var(--color-caption);text-align:center;font-size:.875rem;line-height:1.7;}
/* Match Prepare's approved rendered phone, including its metal edge and buttons.
   The full source canvas has transparent padding; keep it within its own lane. */
.target-run-frame,.target-run-poster{display:none;}
.target-run-media:has([data-workout-rendered="true"]){width:100%;max-width:460px;}
.target-rendered-device[data-workout-rendered="true"]{width:100%;aspect-ratio:2/3;padding:0;border:0;border-radius:0;background:none;transform:none;box-shadow:none;}
.target-rendered-device[data-workout-rendered="true"]::before,.target-rendered-device[data-workout-rendered="true"]::after{display:none;}
.target-rendered-device[data-workout-rendered="true"] .target-run-frame{display:block;width:100%;height:auto;pointer-events:none;}
.target-rendered-device[data-workout-rendered="true"] .target-run-screen{position:absolute;z-index:1;left:0;top:0;width:50%;height:83.333333%;overflow:hidden;border-radius:15% / 6%;background:#0d292c;transform-origin:0 0;backface-visibility:hidden;}
.target-rendered-device[data-workout-rendered="true"] .target-run-poster{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:fill;pointer-events:none;}
.target-rendered-device[data-workout-rendered="true"] video{position:relative;width:100%;height:100%;aspect-ratio:auto;object-fit:fill;border:0;border-radius:0;}
@media(max-width:1100px) and (min-width:761px){
  .target-run{padding:48px 0;}
  .target-run-layout{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:24px;}
  .target-run-media{grid-column:1;}
  .target-run-copy{grid-column:2;}
  .target-run-steps{grid-column:1/-1;grid-row:2;grid-template-columns:repeat(3,minmax(0,1fr));}
  .target-run-steps li{grid-template-columns:minmax(0,1fr);padding:20px;}
}
@media(max-width:760px){
  .target-run{padding:32px 0;}
  .target-run-layout{grid-template-columns:minmax(0,1fr);gap:24px;}
  .target-run-media{grid-column:1;grid-row:1;}
  .target-run-copy{grid-column:1;grid-row:2;padding:24px;}
  .target-run-steps{grid-column:1;grid-row:3;}
  .target-run-copy h2{font-size:clamp(2rem,8vw,2.75rem);}
  .target-run-lead{margin-top:20px;font-size:1rem;}
  .target-run-steps li{gap:12px;}
  .target-run-media{width:min(calc(100% - 20px),270px);}
  .target-run-device{transform:rotateY(-8deg) rotateX(2deg);}
}
@media(prefers-reduced-motion:reduce){.target-run-cta{transition:none;}}
/* Crop only the render's transparent side gutters on small phones. */
@media(max-width:480px){
  .target-run-media:has([data-workout-rendered="true"]){max-width:280px;overflow:hidden;}
  .target-run-media .target-rendered-device[data-workout-rendered="true"]{width:160%;margin-left:-35%;}
}
@media(forced-colors:active){.target-run-cta{border:1px solid ButtonText;}.target-run-media video{border-color:CanvasText;}}