/* The prototype lives directly on the section: no montage card or player frame. */
.matching-demo{max-width:1120px;margin:26px auto 44px;padding:0;border:0;border-radius:0;box-shadow:none;background:transparent;overflow:visible}
.matching-phones{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;align-items:start;margin:-25px auto -20px;max-width:1040px}
.matching-panel{min-width:0;opacity:1;transition:opacity .3s ease}
.matching-panel[data-active="true"]{opacity:1}
.matching-phone{position:relative;width:100%;aspect-ratio:650/1309;max-width:330px;margin:auto}
.matching-phone img{display:block;width:100%;height:100%;object-fit:contain;border:0;border-radius:0;background:transparent;box-shadow:none}
.matching-tap{position:absolute;left:var(--tap-x,50%);top:var(--tap-y,50%);width:32px;height:32px;border:2px solid #ff873a;border-radius:50%;background:#ff873a38;box-shadow:0 0 0 5px #ff873a10;opacity:var(--tap-opacity,0);transform:translate(-50%,-50%) scale(var(--tap-scale,1));pointer-events:none}
.matching-stage-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;max-width:1040px;margin:0 auto}
.matching-stage-buttons button{display:flex;align-items:center;justify-content:center;gap:12px;min-height:51px;padding:10px 0 16px;border:0;border-bottom:1px solid transparent;border-radius:0;background:transparent;color:#99a4b3;font:600 13px var(--body)}
.matching-stage-buttons button>span{font-size:27px;font-weight:700;line-height:1;letter-spacing:-.05em;color:#596576}
.matching-stage-buttons button[aria-pressed="true"]{color:#fff;border-color:var(--orange)}
.matching-stage-buttons button[aria-pressed="true"]>span{color:var(--orange)}
.matching-live-copy{min-height:96px;text-align:center;padding:25px 15px 15px}
#matching-persona{display:block;color:var(--orange);font-size:9px;line-height:1.5;letter-spacing:.1em;font-weight:650;margin-bottom:8px}
#matching-action{color:#d9e0e9;font-size:16px;line-height:1.5;max-width:650px;margin:auto}
.matching-controls{display:flex;gap:23px;align-items:center;justify-content:center;font-size:10px;color:#7c899a;line-height:1.5;padding:10px 0}
.matching-controls button{padding:8px 0;border:0;border-radius:0;box-shadow:none;background:transparent;color:#b4bfce;font-size:10px;min-height:32px}
.matching-controls button:hover{color:#fff}
@media(max-width:760px){
 .matching-demo{margin:8px auto 30px}.matching-phones{display:block;margin:-25px auto -24px;max-width:340px}
 .matching-panel{display:none;opacity:1;transition:none}.matching-panel[data-active="true"]{display:block}
 .matching-phone{width:100%;max-width:340px}.matching-stage-buttons{gap:12px}.matching-stage-buttons button{flex-direction:column;gap:7px;font-size:10px;line-height:1.35;padding-bottom:12px}.matching-stage-buttons button>span{font-size:25px}
 .matching-live-copy{padding-top:20px;min-height:98px}#matching-action{font-size:14px;max-width:320px}.matching-controls{flex-wrap:wrap;gap:8px 22px}.matching-controls>span{width:100%;text-align:center;font-size:9px}.matching-tap{width:30px;height:30px}
}
@media(prefers-reduced-motion:reduce){.matching-panel{transition:none}.matching-tap{display:none}}
