.practice-line{margin-top:48px;color:var(--muted);display:flex;gap:16px;flex-wrap:wrap}
.value-heading{font-size:clamp(2.7rem,5.8vw,6.2rem);font-weight:500;line-height:1.13;letter-spacing:-.065em;padding-block:23px 48px}
.value-heading span{background:var(--lime);box-shadow:8px 0 var(--lime),-3px 0 var(--lime);box-decoration-break:clone;-webkit-box-decoration-break:clone}
.value-section{padding-bottom:66px}
.value-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;padding-top:14px}
.value-grid article{display:flex;flex-direction:column;align-items:flex-start}
.value-grid .mono{color:var(--muted)}
.value-grid h3{font-size:1.65rem;font-weight:500;letter-spacing:-.04em;line-height:1.25;margin:17px 0}
.value-grid p{color:var(--muted);margin-bottom:18px}
.value-grid .text-link{margin-top:auto;gap:18px}
.workflow-feature{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);margin-top:32px}
.workflow-copy{padding:40px}
.workflow-copy .eyebrow{color:var(--muted)}
.workflow-copy h3{font-size:clamp(2rem,3vw,3rem);font-weight:500;letter-spacing:-.055em;line-height:1.15;margin:22px 0}
.workflow-copy>p:not(.eyebrow){color:var(--muted);max-width:500px}
.workflow-copy .prototype-label{font-size:.78rem;margin-top:16px}
.workflow-copy .text-link{margin-top:22px;gap:20px}
.workflow-visual{background:#e5eadd;padding:40px;display:flex;flex-direction:column;justify-content:center;min-width:0}
.flow-heading{display:flex;justify-content:space-between;gap:20px;padding-bottom:18px;border-bottom:1px solid #b5bfa6;font-size:.7rem}
.flow-list{margin:0;padding:0;list-style:none}
.flow-list li{display:flex;gap:18px;align-items:center;padding:20px 0;border-bottom:1px solid #c8cebf}
.flow-list li:last-child{border-bottom:0}
.flow-list li>span{font: .8rem var(--font-mono);border:1px solid #b5bfa6;width:34px;height:34px;display:grid;place-items:center;flex:none}
.flow-list strong{font-size:1rem;font-weight:600;display:block;line-height:1.4}
.flow-list small{display:block;color:#56614a;margin-top:4px;font-size:.8rem;line-height:1.6}
.scope-note{padding:24px 28px;background:#e5eadd;margin-top:28px;font-size:.9rem}
.scope-note strong{display:block;color:var(--ink);margin-bottom:7px}
.scope-note p{color:#56614a}
.scope-note a{text-decoration:underline;text-underline-offset:4px}
.case-workflow{margin-top:32px}
.case-workflow .workflow-visual{padding:32px 40px}
.case-workflow .flow-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px}
.case-workflow .flow-list li{align-items:flex-start;border:0}
.case-boundary{display:grid;grid-template-columns:1fr 1fr;gap:48px;margin-top:34px}
.case-boundary h3{font-size:1.6rem;letter-spacing:-.04em;font-weight:500}
.case-boundary ul{padding-left:20px;color:var(--muted);margin-top:18px}
.case-boundary li+li{margin-top:10px}
.video-section{scroll-margin-top:100px}
.video-intro{color:var(--muted);max-width:780px;margin:24px 0}
.video-section video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#172a39}
.video-links{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:.8rem;color:var(--muted);margin-top:16px}
.video-links a{text-decoration:underline;text-underline-offset:4px}
.video-transcript{margin-top:26px;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.video-transcript summary{cursor:pointer;font-weight:600;font-size:.9rem}
.video-transcript ol{list-style:none;padding:0;max-width:820px;margin-top:20px}
.video-transcript li{color:var(--muted);font-size:.9rem;margin:14px 0}
.video-transcript strong{color:var(--ink)}
@media(max-width:1050px){.value-grid{gap:26px}.workflow-copy,.workflow-visual{padding:28px}.case-workflow .flow-list{grid-template-columns:1fr 1fr}.case-workflow .flow-list li{padding:12px 0}}
@media(max-width:760px){.practice-line{margin-top:28px;font-size:.75rem;gap:6px 12px}.value-heading{font-size:clamp(2.5rem,7.8vw,3.7rem);padding-block:23px 34px}.value-heading br{display:none}.value-grid,.workflow-feature,.case-boundary{grid-template-columns:1fr}.value-grid{gap:30px}.value-grid article+article{border-top:1px solid var(--line);padding-top:26px}.value-section{padding-bottom:40px}.workflow-copy,.workflow-visual{padding:26px 22px}.case-workflow .flow-list{grid-template-columns:1fr}.case-workflow .workflow-visual{padding:24px}.case-boundary{gap:24px}.scope-note{padding:20px}.value-grid .text-link{font-size:.8rem}}
