.ex-block{padding-block:80px;color:var(--text)}
.ex-shell{display:grid;gap:32px 64px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;grid-template-areas:"heading visual" "points visual"}
.ex-heading{grid-area:heading;min-width:0}.ex-heading h2{font-size:46px;line-height:1.1;letter-spacing:-.022em;font-weight:400;text-wrap:balance}.ex-heading>p{margin-top:24px;font-size:20px;line-height:1.55;color:var(--muted)}
.ex-points{grid-area:points;display:grid;gap:28px;min-width:0}.ex-points article{border-top:1px solid var(--border);padding-top:24px}.ex-points h3{font-size:24px;line-height:1.2;font-weight:500;margin-bottom:12px;letter-spacing:-.01em}.ex-points p{font-size:18px;line-height:1.55;color:var(--muted)}
.ex-visual{grid-area:visual;align-self:center;margin:0;min-width:0}.ex-scene{background:var(--panel);border:1px solid var(--border);border-radius:28px;padding:36px;overflow:hidden;min-width:0}.ex-visual figcaption{font-size:14px;line-height:1.5;color:var(--muted);margin-top:16px;max-width:720px}.ex-block--aside .ex-shell{grid-template-areas:"visual heading" "visual points";grid-template-columns:minmax(0,5fr) minmax(0,6fr);background:var(--panel);border:1px solid var(--border);border-radius:32px;padding:48px;gap:32px 56px}.ex-block--aside .ex-scene{background:var(--bg)}
.ex-block--wide .ex-shell{grid-template-columns:1fr;grid-template-areas:"heading" "visual" "points";gap:36px}.ex-block--wide .ex-heading{display:grid;grid-template-columns:1fr 1fr;gap:64px}.ex-block--wide .ex-heading>p{margin-top:0}.ex-block--wide .ex-visual{width:100%}.ex-block--wide .ex-scene{padding:48px}.ex-block--wide .ex-points{grid-template-columns:1fr 1fr;gap:48px}
.ex-block--compare .ex-shell{grid-template-columns:minmax(0,6fr) minmax(0,5fr);grid-template-areas:"heading heading" "visual points"}.ex-block--compare .ex-heading{max-width:880px}.ex-block--compare .ex-visual{align-self:start}.ex-block--compare .ex-points{gap:32px}
.ex-small-label{display:block;font-size:14px;line-height:1.45;color:var(--muted);margin-bottom:20px}.ex-diagram-note{font-size:14px!important;line-height:1.5!important;color:var(--muted);margin-top:24px!important}.ex-pill{display:inline-flex;border:1px solid var(--border);border-radius:999px;padding:9px 14px;font-size:15px;line-height:1.3;background:#fff;max-width:100%}.ex-accent{background:#d6f5f5;border-color:#ace5e8;color:var(--text)}.ex-ink{color:var(--accent)}.ex-part{min-width:0}.ex-column{min-width:0}.ex-column strong{display:block;font-size:25px;line-height:1.2;font-weight:500}.ex-column p{font-size:16px;line-height:1.5;color:var(--muted);margin-top:14px}.ex-column .ex-pill{margin-top:24px}.ex-duo{display:grid;grid-template-columns:1fr 1fr;gap:28px}.ex-choice{text-align:center}.ex-fork{height:52px;width:52%;border-top:1px solid var(--accent);border-left:1px solid var(--accent);border-right:1px solid var(--accent);margin:36px auto 24px;position:relative}.ex-fork:before{content:"";position:absolute;left:50%;top:-37px;height:36px;border-left:1px solid var(--accent)}
.ex-stair{display:grid;gap:28px}.ex-stair>.ex-part{display:grid;grid-template-columns:34px 220px 1fr;align-items:center;gap:24px}.ex-step-label{font-size:14px;color:var(--accent)}.ex-stair strong{font-size:23px;font-weight:500}.ex-step-bar{height:24px;width:var(--length);background:var(--cyan);border-radius:4px;display:block}.ex-row-label{font-size:14px;line-height:1.4;color:var(--muted)}.ex-row-body{min-width:0}.ex-facts{display:grid;gap:20px}.ex-facts>.ex-part{display:grid;grid-template-columns:minmax(90px,1fr) minmax(0,2fr);gap:20px;align-items:center}.ex-row-body>span{font-size:16px;line-height:1.45}.ex-lanes{display:grid;gap:28px}.ex-lanes>.ex-part,.ex-dialogue>.ex-part{display:grid;grid-template-columns:80px minmax(0,1fr);gap:16px;align-items:center}.ex-track{height:42px;background:#e3ebed;border-radius:7px;position:relative}.ex-clip{height:100%;position:absolute;display:flex;align-items:center;justify-content:center;font-size:13px;background:var(--cyan);border-radius:5px;color:var(--text);white-space:nowrap}.ex-clip-soft{background:#b9dbe0}.ex-comment blockquote{font-size:25px;line-height:1.35;margin:28px 0}.ex-comment-line{height:2px;width:70px;background:var(--accent);margin-bottom:28px}
.ex-rewrite{display:grid;gap:28px}.ex-rewrite>.ex-part+.ex-part{border-top:1px solid var(--border);padding-top:26px}.ex-rewrite .ex-small-label{margin-bottom:12px}.ex-rewrite .ex-struck{font-size:18px;color:var(--muted);line-height:1.55;margin:0}.ex-rewrite .ex-quote{font-size:30px;line-height:1.2;color:var(--text);margin:0}.ex-storyboard{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.ex-frame{border:1px solid var(--border);border-radius:14px;min-height:160px;background:#fff;padding:24px;display:flex;flex-direction:column;justify-content:space-between}.ex-frame>span{font-size:14px;color:var(--accent)}.ex-frame strong{font-size:23px;font-weight:500}.ex-storyboard p{font-size:17px;line-height:1.5;margin-top:20px}.ex-speech-line{height:7px;background:var(--cyan);width:var(--length);border-radius:3px;margin-top:16px}.ex-dictionary .ex-facts>.ex-part{padding-block:16px;border-bottom:1px solid var(--border)}.ex-listen-route{display:flex;align-items:center;justify-content:center;margin:12px 0 36px}.ex-listen-ring{border:2px solid var(--accent);border-radius:50%;aspect-ratio:1;width:140px;display:grid;place-items:center;text-align:center;font-size:21px;line-height:1.25;background:#fff}.ex-ring-soft{border-color:#b8c8cd}.ex-link-line{height:1px;background:var(--accent);flex:1;max-width:60px;min-width:14px}
.ex-plot{display:block;width:100%;height:auto;margin:20px 0;overflow:visible}.ex-plot path{fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.ex-stroke{stroke:var(--accent)}.ex-secondary{stroke:#9baeb6;stroke-width:2}.ex-gridline{stroke:#d7e0e4;stroke-width:1!important}.ex-marker{stroke:#91a7ae;stroke-dasharray:3 6;stroke-width:1!important}.ex-dot{fill:var(--accent)}.ex-dot-soft{fill:#b8c9d0}.ex-outline{fill:#fff;stroke:var(--accent);stroke-width:3}.ex-air{stroke:#c6d8df;stroke-width:10!important}.ex-air-labels{display:flex;flex-wrap:wrap;gap:8px}.ex-take-sheet>.ex-part,.ex-sheet-head{display:grid;grid-template-columns:60px minmax(0,2fr) minmax(100px,1fr);gap:24px;padding:24px 0;border-bottom:1px solid var(--border);font-size:18px;line-height:1.4}.ex-sheet-head{padding-top:0;font-size:14px;color:var(--muted)}.ex-dialogue{display:grid;gap:12px}.ex-dialogue .ex-small-label{margin:8px 0 0}.ex-dialogue .ex-small-label:not(:first-child){margin-top:24px}.ex-container-diagram .ex-small-label{margin-bottom:16px}.ex-nested{border:1px solid #b4c4ca;border-radius:18px;padding:24px;background:#fff;font-size:17px}.ex-nested>div{margin-top:20px;border:1px solid var(--accent);border-radius:12px;padding:20px;background:#eaf8f8}.ex-nested strong{display:block;font-size:17px;font-weight:500}.ex-data-bars{display:flex;align-items:center;gap:5px;height:74px;margin:16px 0}.ex-data-bars i{flex:1;height:var(--bar);background:var(--accent);border-radius:2px}.ex-channel-demo>.ex-part{display:grid;gap:4px;grid-template-columns:110px minmax(0,1fr);align-items:center}.ex-channel-demo .ex-plot{margin:0}.ex-channel-demo>.ex-part+.ex-part{border-top:1px solid var(--border);padding-top:16px;margin-top:16px}.ex-parameter .ex-small-label{margin-bottom:0}.ex-parameter p{font-size:16px;line-height:1.4}.ex-parameter-divider{height:1px;background:var(--border);margin:28px 0}.ex-byte-row{display:flex;gap:8px;margin:24px 0}.ex-byte-row>.ex-part{flex:1}.ex-byte-row i{display:block;height:32px;background:var(--cyan);border-radius:4px}.ex-package-root{font-size:24px;font-weight:500;border-bottom:1px solid var(--border);padding-bottom:28px;margin-bottom:32px}.ex-package-files{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}
.ex-phonemes{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.ex-phonemes>.ex-part{font-size:14px;text-align:center;line-height:1.4}.ex-phoneme-shape{height:120px;background:var(--cyan);margin-bottom:16px;border-radius:5px}.ex-phoneme-0{clip-path:polygon(45% 0,65% 95%,100% 100%,0 100%,35% 90%)}.ex-phoneme-1{border-radius:45% 45% 4px 4px;height:88px;margin-top:32px}.ex-phoneme-2{clip-path:polygon(0 10%,30% 25%,65% 70%,100% 90%,100% 100%,0 100%)}.ex-phoneme-3{height:3px;margin-top:117px;background:#b2c3ca}.ex-ab{display:grid;grid-template-columns:1fr 130px 1fr;gap:32px;align-items:center}.ex-ab-middle{font-size:17px;text-align:center;color:var(--muted)}.ex-ab-line{height:42px;background:repeating-linear-gradient(90deg,transparent 0 6px,var(--accent) 6px 9px);clip-path:polygon(0 45%,15% 20%,30% 40%,45% 0,60% 35%,75% 10%,90% 42%,100% 35%,100% 65%,90% 58%,75% 90%,60% 65%,45% 100%,30% 60%,15% 80%,0 55%)}.ex-ab-alt{background:repeating-linear-gradient(90deg,transparent 0 6px,#809ba5 6px 9px)}.ex-registers{display:grid;gap:24px}.ex-registers>.ex-part{font-size:15px;line-height:1.4}.ex-registers strong{font-size:17px;font-weight:500}.ex-register-range{height:12px;background:#e3eaed;border-radius:4px;margin:12px 0;position:relative}.ex-register-range i{display:block;position:absolute;background:var(--accent);height:100%;width:20%;border-radius:4px}.ex-vocal-stack{display:grid;gap:16px}.ex-vocal-stack>.ex-part{display:flex;gap:22px;padding:22px;border:1px solid var(--border);background:#fff;border-radius:12px;align-items:center}.ex-vocal-stack>.ex-part:first-child{border-color:#91dce1}.ex-stack-number{font-size:16px;color:var(--accent)}.ex-vocal-stack strong{font-size:22px;font-weight:500}.ex-vocal-stack p{margin-top:8px;font-size:16px;line-height:1.4;color:var(--muted)}.ex-cue-beats{display:grid;grid-template-columns:repeat(8,1fr);gap:12px}.ex-cue-beats>.ex-part{position:relative;padding-bottom:60px;font-size:14px;line-height:1.4}.ex-cue-beats i{display:block;height:60px;background:#dbe7eb;border-radius:5px}.ex-cue-beats .ex-cue-key{background:var(--accent)}.ex-cue-beats span{position:absolute;top:76px;left:0;min-width:95px}.ex-cue-beats>.ex-part:nth-child(5) i{background:var(--cyan)}.ex-cue-phrase{display:flex;gap:16px;margin-top:16px}.ex-setlist{display:grid;gap:24px}.ex-setlist>.ex-part{display:grid;grid-template-columns:26px 1fr 9px;gap:16px;align-items:center;padding-bottom:24px;border-bottom:1px solid var(--border)}.ex-setlist b{font-size:14px;color:var(--accent);font-weight:400}.ex-setlist strong{font-size:20px;font-weight:500}.ex-setlist p{margin-top:8px;font-size:15px;line-height:1.4;color:var(--muted)}.ex-setlist-dot{width:8px;height:8px;border-radius:50%;background:var(--accent)}
.ex-noise-map{display:grid;gap:32px}.ex-noise-map>.ex-part{display:grid;grid-template-columns:160px 1fr;gap:24px;align-items:center}.ex-noise-line{height:28px;background:repeating-linear-gradient(90deg,#8fb9c0 0 2px,transparent 2px 5px);border-radius:4px}.ex-noise-hit{height:60px;background:var(--accent);clip-path:polygon(0 49%,45% 49%,47% 0,49% 100%,52% 49%,100% 49%,100% 52%,0 52%)}.ex-noise-overlap{position:relative;height:60px;background:#e0e9ec;border-radius:4px}.ex-noise-overlap i{position:absolute;inset:10px 7%;background:var(--cyan);clip-path:polygon(0 48%,15% 15%,30% 40%,45% 4%,60% 35%,80% 18%,100% 45%,100% 55%,80% 82%,60% 65%,45% 96%,30% 60%,15% 85%,0 52%)}.ex-noise-overlap b{position:absolute;left:60%;width:6px;top:0;bottom:0;background:var(--text)}.ex-legend{display:flex;flex-wrap:wrap;gap:14px 24px;font-size:14px;line-height:1.4}.ex-legend span{display:flex;align-items:center;gap:8px}.ex-legend i{width:18px;height:3px;background:var(--accent)}.ex-legend .ex-legend-soft{background:#9baeb6}.ex-echo-labels{display:flex;justify-content:space-between;gap:16px;font-size:14px;line-height:1.4}.ex-echo-labels strong{font-weight:500}.ex-level-compare{display:grid;gap:26px}.ex-level-compare>.ex-part{display:grid;grid-template-columns:110px 1fr;gap:22px;align-items:center}.ex-level-bars{display:grid;gap:10px}.ex-level-bars>span,.ex-level-bars>i{display:block;width:var(--length);height:25px;min-width:45px;background:var(--cyan);border-radius:3px;font-size:13px;font-style:normal;padding-left:6px;line-height:25px}.ex-level-bars>i{background:#c7d5db}.ex-level-bars>b{font-size:13px;font-weight:400;color:var(--muted);line-height:1.4}.ex-selection{display:grid;gap:20px}.ex-selection>.ex-part{display:grid;grid-template-columns:28px 1fr;gap:4px 12px;align-items:center;border-bottom:1px solid var(--border);padding-bottom:18px}.ex-selection strong{font-size:18px;line-height:1.3;font-weight:500}.ex-selection>.ex-part>span:last-child{grid-column:2;font-size:14px;color:var(--muted)}.ex-select-mark{grid-row:1/3;font-size:22px;color:#879ca6}.ex-select-good{color:var(--accent)}.ex-holdout-source{padding:18px;border:1px solid var(--border);background:#fff;text-align:center;border-radius:12px;font-size:22px}.ex-holdout-branches{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:38px}.ex-holdout-branches>div{border-top:1px solid var(--accent);padding-top:24px}.ex-file-tiles{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ex-file-tiles i{display:block;width:100%;height:64px;background:var(--cyan);border-radius:5px}.ex-tiles-test i{background:#b3c7d0}.ex-coherence{display:grid;gap:24px}.ex-coherence>div+div{border-top:1px solid var(--border);padding-top:24px}.ex-coherence .ex-small-label{margin:0}.ex-coherence .ex-plot{max-height:130px;margin:10px 0}.ex-coherence p{font-size:16px;line-height:1.4}.ex-review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}.ex-review-rule{height:2px;width:36px;background:var(--accent);margin-top:24px}
@keyframes ex-mask{from{clip-path:inset(0 100% 0 0 round 28px)}to{clip-path:inset(0 0 0 0 round 28px)}}
@keyframes ex-draw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes ex-grow{from{transform:scaleX(.05)}to{transform:scaleX(1)}}
@keyframes ex-dot-reveal{from{opacity:.35;transform:scale(.55)}to{opacity:1;transform:scale(1)}}
@keyframes ex-settle{from{transform:scale(.975)}to{transform:scale(1)}}
@keyframes ex-cascade{from{opacity:.45;transform:translateX(-12px)}to{opacity:1;transform:translateX(0)}}
.ex-play[data-motion=mask] .ex-scene{animation:ex-mask .8s cubic-bezier(.22,1,.36,1) both}.ex-play[data-motion=draw] .ex-stroke{stroke-dasharray:1;animation:ex-draw .95s cubic-bezier(.22,1,.36,1) both}.ex-play[data-motion=settle] .ex-scene{animation:ex-settle .7s cubic-bezier(.22,1,.36,1) both}.ex-play[data-motion=cascade] .ex-part{animation:ex-cascade .6s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(var(--i,0)*75ms)}
.ex-play[data-motion=draw] .ex-step-bar,.ex-play[data-motion=draw] .ex-link-line,.ex-play[data-motion=draw] .ex-cue-beats i,.ex-play[data-motion=draw] .ex-noise-line,.ex-play[data-motion=draw] .ex-noise-hit,.ex-play[data-motion=draw] .ex-noise-overlap{animation:ex-grow .85s cubic-bezier(.22,1,.36,1) both;transform-origin:left}
.ex-play[data-motion=draw] .ex-dot{animation:ex-dot-reveal .85s cubic-bezier(.22,1,.36,1) both;transform-box:fill-box;transform-origin:center}
@media(max-width:1200px){.ex-shell{gap:28px 40px}.ex-heading h2{font-size:40px}.ex-block--aside .ex-shell{padding:36px;gap:28px 36px}.ex-scene{padding:28px}.ex-column strong{font-size:22px}.ex-clip{font-size:12px}.ex-lanes>.ex-part{grid-template-columns:65px minmax(0,1fr);gap:10px}.ex-block--wide .ex-heading{gap:40px}}
@media(max-width:1023px){.ex-block{padding-block:64px}.ex-shell,.ex-block--aside .ex-shell,.ex-block--compare .ex-shell{grid-template-columns:1fr;grid-template-areas:"heading" "visual" "points";gap:28px}.ex-block--wide .ex-heading{grid-template-columns:1fr;gap:20px}.ex-visual{width:100%}.ex-points{grid-template-columns:1fr 1fr;gap:28px}.ex-heading>p{font-size:18px}.ex-points p{font-size:17px}.ex-scene{padding:32px}.ex-block--wide .ex-scene{padding:32px}.ex-clip{font-size:14px}.ex-choice{max-width:600px;margin:auto}.ex-stair>.ex-part{grid-template-columns:30px 205px 1fr;gap:18px}.ex-phoneme-shape{max-width:100px;margin-inline:auto}.ex-ab{grid-template-columns:1fr 100px 1fr;gap:24px}.ex-package-files,.ex-review-grid{gap:24px}.ex-column strong{font-size:22px}.ex-cue-beats span{font-size:13px;min-width:80px}}
@media(max-width:767px){.ex-block{padding-block:48px}.ex-heading h2{font-size:34px}.ex-block--aside .ex-shell{padding:28px;border-radius:24px}.ex-points,.ex-block--wide .ex-points{grid-template-columns:1fr;gap:24px}.ex-points h3{font-size:23px}.ex-heading>p{margin-top:20px}.ex-block--wide .ex-heading>p{margin-top:0}.ex-scene{padding:26px;border-radius:24px}.ex-block--wide .ex-scene{padding:26px}.ex-points article{padding-top:20px}.ex-storyboard,.ex-package-files,.ex-review-grid{grid-template-columns:1fr;gap:28px}.ex-frame{min-height:125px}.ex-storyboard p{margin-top:14px}.ex-stair>.ex-part{grid-template-columns:26px 1fr;gap:14px}.ex-step-bar{grid-column:2;height:14px}.ex-stair strong{font-size:20px}.ex-take-sheet>.ex-part,.ex-sheet-head{grid-template-columns:44px minmax(0,1.4fr) minmax(0,1fr);gap:14px;font-size:15px}.ex-sheet-head{font-size:13px}.ex-ab{grid-template-columns:1fr;gap:24px}.ex-ab-middle{text-align:left;padding-block:12px;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.ex-cue-beats{grid-template-columns:repeat(4,1fr);row-gap:18px}.ex-cue-beats>.ex-part{padding-bottom:40px}.ex-cue-beats i{height:40px}.ex-cue-beats span{top:48px;min-width:0;width:100%;font-size:12px}.ex-cue-phrase{flex-wrap:wrap;gap:8px}.ex-noise-map>.ex-part{grid-template-columns:1fr;gap:10px}.ex-channel-demo>.ex-part{grid-template-columns:1fr;gap:8px}.ex-channel-demo .ex-plot{max-height:100px}.ex-phonemes{grid-template-columns:repeat(2,1fr);gap:24px 12px}.ex-facts>.ex-part{grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:16px}.ex-rewrite .ex-quote{font-size:26px}.ex-listen-ring{font-size:18px;width:116px}.ex-level-compare>.ex-part{grid-template-columns:1fr;gap:12px}.ex-block--aside .ex-scene{padding:24px}.ex-holdout-branches{gap:18px}.ex-echo-labels{font-size:13px}.ex-lanes>.ex-part{grid-template-columns:1fr;gap:8px}.ex-clip{font-size:13px}}
@media(max-width:390px){.ex-heading h2{font-size:30px}.ex-scene,.ex-block--wide .ex-scene{padding:22px}.ex-block--aside .ex-shell{padding:22px}.ex-block--aside .ex-scene{padding:18px}.ex-duo{grid-template-columns:1fr;gap:24px}.ex-fork{height:30px;margin-bottom:20px}.ex-column strong{font-size:22px}.ex-heading>p,.ex-points p{font-size:16px}.ex-points h3{font-size:22px}.ex-comment blockquote{font-size:23px}.ex-facts>.ex-part{grid-template-columns:1fr;gap:7px}.ex-listen-ring{font-size:16px;width:90px}.ex-dialogue>.ex-part{grid-template-columns:1fr;gap:6px}.ex-take-sheet>.ex-part{font-size:14px;gap:10px}.ex-sheet-head{gap:10px}.ex-vocal-stack>.ex-part{padding:16px;gap:14px}.ex-vocal-stack strong{font-size:20px}.ex-nested{padding:18px}.ex-nested>div{padding:16px}.ex-echo-labels{flex-direction:column;gap:8px}.ex-air-labels .ex-pill{font-size:13px;padding:8px 10px}.ex-holdout-branches{grid-template-columns:1fr}.ex-file-tiles{grid-template-columns:repeat(4,1fr)}.ex-file-tiles i{height:50px}.ex-tiles-test{max-width:50px;grid-template-columns:1fr}}
.ex-scene .ex-clip,.ex-scene .ex-sheet-head,.ex-scene .ex-echo-labels,.ex-scene .ex-level-bars>span,.ex-scene .ex-level-bars>i,.ex-scene .ex-level-bars>b,.ex-scene .ex-air-labels .ex-pill{font-size:14px}
.ex-scene .ex-cue-beats span{width:90px;min-width:0;font-size:14px}.ex-cue-beats>.ex-part:nth-child(4) span{left:auto;right:0;text-align:right}
@media(prefers-reduced-motion:reduce){.ex-block *,.ex-block *:before,.ex-block *:after{animation:none!important;transition:none!important}.ex-scene{clip-path:none!important;transform:none!important}.ex-part{opacity:1!important;transform:none!important}.ex-stroke{stroke-dasharray:none!important;stroke-dashoffset:0!important}}