/* Raskroy page v2: real clip cards with poster and dialog player, steps, limits table */
.sub-hero-grid,.sub-hero-grid{grid-template-columns:minmax(0,1fr)}
.sub-hero-copy{text-align:center;display:flex;flex-direction:column;align-items:center;margin-top:24px}
.sub-hero h1{max-width:16ch}
.sub-hero-lead{max-width:52ch}
.sub-hero-actions{justify-content:center}
.sub-phone-frame{width:260px}
.rv-stage{display:flex;justify-content:center;align-items:center;gap:24px;margin-top:56px}
.rv-float{width:150px;height:auto;aspect-ratio:9/16;object-fit:cover;border-radius:20px;flex:0 0 auto}
.rv-float:nth-of-type(1),.rv-float:nth-of-type(4){margin-top:64px}
@media(max-width:1000px){.rv-float{display:none}}
.rv-clips{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin-top:40px}
.rv-clip{display:flex;flex-direction:column;gap:12px;min-width:0;padding:12px 12px 20px;border-radius:28px;background:var(--frame)}
.rv-play{position:relative;display:block;width:100%;aspect-ratio:9/16;padding:0;border-radius:20px;overflow:hidden;background:var(--panel);cursor:pointer;color:var(--color-ink)}
.rv-play img{display:block;width:100%;height:100%;object-fit:cover}
.rv-glyph{position:absolute;left:12px;bottom:12px;width:48px;height:48px;border-radius:var(--pill);background:var(--lime);display:flex;align-items:center;justify-content:center;transition:opacity var(--fast) var(--ease)}
.rv-glyph svg{width:18px;height:18px;margin-left:2px}
.rv-play:hover .rv-glyph{opacity:.85}
.rv-play:focus-visible,.rv-clips:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.rv-meta{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}
.rv-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:var(--pill);background:var(--panel);color:var(--ink);font-size:12px;line-height:1.55}
.rv-title{font-size:20px;font-weight:500;letter-spacing:-.02em;line-height:1.25}
.rv-quote{font-size:14px;line-height:1.45;color:var(--muted)}
.rv-steps{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:24px;align-items:start;margin-top:40px;padding:32px;background:var(--frame);border-radius:var(--radius)}
.rv-step{display:flex;flex-direction:column;gap:12px;min-width:0}
.rv-n{width:40px;height:40px;border-radius:var(--pill);background:var(--lime);color:var(--color-ink);display:flex;align-items:center;justify-content:center;font-weight:500;font-variant-numeric:tabular-nums}
.rv-step h3{font-size:28px;font-weight:500;letter-spacing:-.04em;line-height:1.1;margin-top:8px}
.rv-step p{font-size:16px;line-height:1.5;color:var(--muted)}
.rv-arrow{width:28px;height:28px;color:var(--muted);margin-top:48px}
.rv-table{display:grid;gap:8px;margin-top:40px}
.rv-row{display:grid;grid-template-columns:240px minmax(0,1fr);gap:16px;align-items:baseline;padding:32px;background:var(--frame);border-radius:28px}
.rv-row dt{font-size:15px;color:var(--muted)}
.rv-row dd{font-size:20px;font-weight:500;letter-spacing:-.02em}
.rv-plans .pricing-card{min-height:0;gap:20px;justify-content:flex-start}
.rv-plans .pricing-card .btn{margin-top:auto}
.rv-plans .plan-features{margin-top:0;flex:0 1 auto}
.fv-lead{font-size:19px;line-height:1.5;color:var(--muted);max-width:52ch;margin:0 auto 28px}
@media(max-width:1099px){
  .rv-clips{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:16px;padding-bottom:8px;margin-right:-16px;padding-right:16px;overscroll-behavior-x:contain}
  .rv-clip{flex:0 0 min(240px,64vw);scroll-snap-align:start}
}
@media(max-width:768px){
  .rv-steps{grid-template-columns:1fr;padding:24px;gap:16px}
  .rv-arrow{transform:rotate(90deg);margin:0}
  .rv-row{grid-template-columns:1fr;gap:4px;padding:16px 20px}
}