#belle-foot-lines{--quiet:var(--muted);--rule:var(--line);--ground:light-dark(#eaece6,#2b3331);--stage:var(--surface);--faint:light-dark(#9aa29b,#79877f);--active:light-dark(#263d34,#dce8d8);--active-ink:light-dark(#fffefa,#203027);color:var(--ink);font-size:15px;line-height:1.8}#belle-foot-lines .intro{max-width:760px;padding:35px 0 34px}#belle-foot-lines .eyebrow{color:var(--accent);letter-spacing:1.8px;margin-bottom:18px;font-size:11px}#belle-foot-lines h1{letter-spacing:-1.5px;font-size:clamp(34px,4.4vw,48px);font-weight:500;line-height:1.4}#belle-foot-lines h1 span{color:var(--accent)}#belle-foot-lines .intro>p:not(.eyebrow){max-width:640px;color:var(--quiet);margin-top:19px}#belle-foot-lines .intro .next-action{color:var(--ink);margin-top:10px;font-size:13px}#belle-foot-lines .showcase-links{color:var(--accent);gap:25px;margin-top:22px;font-size:12px;display:flex}#belle-foot-lines .showcase-links a:hover{text-decoration:underline}#belle-foot-lines .comparison{border:1px solid var(--rule);background:var(--stage);border-radius:4px;grid-template-columns:1fr 1fr;display:grid}#belle-foot-lines .scene{min-width:0;padding:22px 18px 10px}#belle-foot-lines .scene+.scene{border-left:1px solid var(--rule)}#belle-foot-lines .scene-heading{justify-content:space-between;align-items:baseline;gap:12px;padding:0 5px;display:flex}#belle-foot-lines .scene-heading h2{font-size:16px;font-weight:500}#belle-foot-lines .scene-heading span{color:var(--quiet);white-space:nowrap;font-size:11px}#belle-foot-lines .scene canvas{width:100%;height:300px;display:block}#belle-foot-lines .scene-note{min-height:25px;color:var(--quiet);padding:0 5px 4px;font-size:12px}#belle-foot-lines .scene-note strong{color:var(--ink);font-weight:500}#belle-foot-lines .playback{align-items:center;gap:18px;padding:18px 0 12px;display:flex}#belle-foot-lines .play{background:var(--active);min-width:112px;color:var(--active-ink);border:0;border-radius:3px;flex:none;padding:9px 18px;font-size:13px}#belle-foot-lines .timeline{flex:1;min-width:0}#belle-foot-lines .timeline-labels{color:var(--quiet);justify-content:space-between;font-size:11px;display:flex}#belle-foot-lines input[type=range]{width:100%;height:18px;accent-color:var(--active);margin:6px 0;display:block}#belle-foot-lines .diagram-label{color:var(--quiet);font-family:var(--sans);letter-spacing:0;font-size:11px}#belle-foot-lines .steps{border-top:1px solid var(--rule);grid-template-columns:repeat(3,1fr);margin:28px 0 12px;display:grid}#belle-foot-lines .step{color:var(--ink);text-align:left;background:0 0;border:0;border-top:2px solid #0000;margin-top:-1px;padding:16px 14px 12px 0}#belle-foot-lines .step[aria-pressed=true]{border-top-color:var(--accent)}#belle-foot-lines .step-num{color:var(--quiet);letter-spacing:1px;margin-bottom:8px;font-size:11px;display:block}#belle-foot-lines .step-title{font-size:14px;display:block}#belle-foot-lines .step[aria-pressed=true] .step-title{color:var(--accent)}#belle-foot-lines .explanation{max-width:660px;min-height:52px;color:var(--quiet);font-size:14px}#belle-foot-lines .film{border-top:1px solid var(--rule);margin-top:38px;padding-top:30px}#belle-foot-lines .film-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:24px;display:flex}#belle-foot-lines .film-heading h2{letter-spacing:-.6px;font-size:27px;font-weight:500;line-height:1.5}#belle-foot-lines .film-caption{color:var(--quiet);margin-top:7px;font-size:12px}#belle-foot-lines .film-tag{color:var(--quiet);white-space:nowrap;font-size:11px}#belle-foot-lines video{aspect-ratio:16/9;background:var(--stage);border-radius:3px;width:100%;display:block}#belle-foot-lines .film-item+.film-item{margin-top:32px}#belle-foot-lines .film-item h3{margin-bottom:4px;font-size:18px;font-weight:500}#belle-foot-lines .film-item-caption{color:var(--quiet);margin-bottom:12px;font-size:12px}#belle-foot-lines .film-note{color:var(--quiet);margin-top:15px;font-size:12px}@media (width<=650px){#belle-foot-lines .intro{padding:28px 0}#belle-foot-lines h1{font-size:34px}#belle-foot-lines .eyebrow{letter-spacing:1.2px;font-size:9px}#belle-foot-lines .intro>p:not(.eyebrow){font-size:14px}#belle-foot-lines .comparison{grid-template-columns:1fr}#belle-foot-lines .scene+.scene{border-top:1px solid var(--rule);border-left:0}#belle-foot-lines .scene{padding:18px 14px 8px}#belle-foot-lines .scene canvas{aspect-ratio:1.25;height:auto}#belle-foot-lines .playback{gap:12px}#belle-foot-lines .play{min-width:94px;padding:10px 12px}#belle-foot-lines .steps{margin-top:24px}#belle-foot-lines .step{padding-right:10px}#belle-foot-lines .step-title{font-size:13px}#belle-foot-lines .explanation{min-height:72px}#belle-foot-lines .film-heading{display:block}#belle-foot-lines .film-tag{display:none}#belle-foot-lines .film-heading h2{font-size:23px}}@media (width<=380px){#belle-foot-lines .scene-heading{display:block}#belle-foot-lines .scene-heading span{margin-top:2px;display:block}}