/* CutRoom page: only what /site.css does not already provide. */
.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.back{border-bottom:1px solid var(--line);white-space:nowrap;align-self:flex-start}
.back:hover{color:var(--accent)}
.demo{margin-top:56px}
.demo-frame{background:var(--dark);padding:10px;border-radius:2px}
.demo-frame video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#141512}
.demo-frame figcaption{display:grid;grid-template-columns:1fr 2fr;gap:8px 64px;padding:18px 8px 8px;color:#d9d8cf;font-size:15px;line-height:1.55}
.demo-frame .mini-label{color:#d8ab85;font-size:12px;letter-spacing:.1em;font-weight:600}
.how{padding-top:104px}
.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--line)}
.steps li{padding:28px 32px 36px 0;border-right:1px solid var(--line)}
.steps li+li{padding-left:32px}
.steps li:last-child{border-right:0}
.step-n{display:block;font:28px/1 DM Serif,Georgia,serif;color:var(--accent);margin-bottom:18px}
.steps h3{font-size:clamp(24px,2.2vw,30px)}
.steps p{color:var(--muted);font-size:15px;margin-top:12px}
.practice{margin-top:104px}
.claude-copy p+p{margin-top:16px}
.claude-copy p.fine{font-size:13px;color:#c5c4b9;margin-top:24px}
.status-block{padding-top:104px}
.facts{margin:0;border-top:1px solid var(--line)}
.facts div{display:grid;grid-template-columns:1fr 2fr;gap:8px 64px;padding:18px 0;border-bottom:1px solid var(--line)}
.facts dt{font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:600;color:var(--accent);padding-top:3px}
.facts dd{margin:0;font-size:16px}
@media(max-width:1000px){.steps{grid-template-columns:1fr}.steps li,.steps li+li{padding:24px 0;border-right:0;border-bottom:1px solid var(--line)}}
@media(max-width:640px){
  .demo{margin-top:32px}
  .demo-frame{padding:6px}
  .demo-frame figcaption{grid-template-columns:1fr;font-size:13px;padding:12px 4px 4px}
  .how,.status-block{padding-top:64px}
  .practice{margin-top:64px}
  .facts div{grid-template-columns:1fr;gap:4px}
  .facts dd{font-size:15px}
  .header nav{gap:16px}
}