.workflow{max-width:1100px;padding-top:64px;padding-bottom:36px}
.workflow-hero{max-width:930px;padding-bottom:38px}
.workflow h1{font-size:clamp(36px,5.5vw,65px);line-height:1.08;letter-spacing:-.04em;margin:20px 0 24px}
.workflow .lede{max-width:850px}
.workflow p,.workflow li{line-height:1.8;color:var(--muted)}
.workflow .workflow-note{font-size:14px;line-height:1.7}
.workflow figure{margin:0 0 34px;scroll-margin-top:100px}
.workflow video{display:block;width:100%;height:auto;aspect-ratio:1680/1010;object-fit:contain;background:#09090e;border:1px solid var(--line);border-radius:12px}
.workflow figcaption{font-size:13px;line-height:1.6;margin-top:12px;max-width:870px}
.workflow-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;border-block:1px solid var(--line);padding:25px 0}
.workflow-facts h2{font-size:21px;margin:0 0 5px;letter-spacing:-.02em}
.workflow-facts p{font-size:15px;margin:0}
.workflow-body{max-width:800px;margin:32px auto 0}
.workflow-body section{padding:26px 0}
.workflow-body h2{font-size:clamp(25px,3vw,34px);line-height:1.25;letter-spacing:-.025em}
.workflow-body li{margin:12px 0;padding-left:4px}
.workflow-body strong{color:var(--ink)}
.workflow details{border-bottom:1px solid var(--line);padding:18px 0}
.workflow summary{font-weight:650;line-height:1.5;color:var(--ink)}
.workflow #download{border-block:1px solid var(--line);margin-top:30px;scroll-margin-top:100px}
.workflow a:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}
@media(max-width:620px){.workflow{padding-top:35px}.workflow-facts{grid-template-columns:1fr;gap:20px}.workflow .actions{align-items:stretch}.workflow .actions .button{text-align:center}.workflow h1{font-size:38px}.workflow-body{margin-top:20px}}