.sonora-motion-heading {display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px;}
.sonora-motion-heading .sonora-section-heading {margin-bottom:0;}
.sonora-motion-control {display:flex;flex-direction:column;align-items:flex-end;gap:7px;flex:0 0 auto;}
.sonora-motion-control button {min-height:42px;padding:11px 14px;color:var(--sonora-text);background:transparent;border:1px solid var(--sonora-line);border-radius:5px;font-size:11px;cursor:pointer;}
.sonora-motion-control button:hover {border-color:var(--sonora-muted);background:var(--sonora-surface);}
.sonora-motion-control button:focus-visible {outline:3px solid var(--sonora-cyan);outline-offset:4px;}
.sonora-motion-control button:disabled {cursor:default;opacity:.75;}
.sonora-motion-control small {font-size:10px;color:var(--sonora-muted);}
.sonora-feature-grid article[data-feature-motion-card] {position:relative;padding-top:20px;min-height:360px;overflow:hidden;}
.sonora-feature-grid article[data-feature-motion-card] h3 {margin-top:22px;font-size:20px;}
.sonora-feature-grid article[data-feature-motion-card] .sonora-feature-number {font-size:10px;}
.sonora-feature-visual {height:122px;margin:20px 0 0;display:flex;align-items:center;justify-content:center;gap:20px;color:var(--sonora-cyan);border:1px solid var(--sonora-line);border-radius:6px;background:var(--sonora-bg);overflow:hidden;}
.sonora-feature-visual *,.sonora-feature-visual::before,.sonora-feature-visual::after {animation-play-state:paused!important;}
.is-motion-playing .sonora-feature-visual *,.is-motion-playing .sonora-feature-visual::before,.is-motion-playing .sonora-feature-visual::after {animation-play-state:running!important;}
.sonora-demo-disc {width:70px;height:70px;border-radius:50%;border:1px solid currentColor;display:grid;place-items:center;position:relative;opacity:.8;animation:sonora-feature-disc 10s linear infinite;}
.sonora-demo-disc::before,.sonora-demo-disc::after {content:"";position:absolute;border:1px solid var(--sonora-line);border-radius:50%;inset:10px;}
.sonora-demo-disc::after {inset:18px;}
.sonora-demo-disc i {width:18px;height:18px;border:5px solid currentColor;border-radius:50%;}
.sonora-demo-disc i::after {content:"";position:absolute;inset:9px auto auto 32px;width:3px;height:7px;background:currentColor;}
.sonora-demo-wave {height:58px;display:flex;align-items:center;gap:3px;}
.sonora-demo-wave i {width:3px;height:34px;background:currentColor;border-radius:1px;transform:scaleY(.45);animation:sonora-feature-wave 1.6s ease-in-out infinite alternate;}
.sonora-demo-wave i:nth-child(3n){height:55px;animation-delay:-.7s;}.sonora-demo-wave i:nth-child(2n){height:42px;animation-delay:-1.2s;}.sonora-demo-wave i:nth-child(5n){height:18px;animation-delay:-.2s;}
.sonora-demo-queue {width:78%;display:grid;gap:9px;}
.sonora-demo-queue>div {display:flex;align-items:center;gap:12px;opacity:.48;animation:sonora-feature-queue 6s ease-in-out infinite;}
.sonora-demo-queue>div:nth-child(2) {animation-delay:-4s;}.sonora-demo-queue>div:nth-child(3){animation-delay:-2s;}
.sonora-demo-queue b {font-size:9px;font-weight:500;}.sonora-demo-queue span {display:grid;gap:5px;flex:1;}.sonora-demo-queue span i {height:3px;background:currentColor;opacity:.6;width:78%;}.sonora-demo-queue span i+i {width:47%;opacity:.25;}.sonora-demo-queue em {height:18px;width:18px;border:1px solid currentColor;border-radius:4px;}
.sonora-feature-visual--controls,.sonora-feature-visual--wrapped,.sonora-feature-visual--status,.sonora-feature-visual--guild {flex-direction:column;gap:14px;}
.sonora-demo-controls {display:flex;align-items:center;gap:23px;}.sonora-demo-controls span {font-size:26px;line-height:1;opacity:.55;}.sonora-demo-controls b {font-size:17px;font-weight:500;width:39px;height:39px;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center;animation:sonora-feature-control 5s ease-in-out infinite;}
.sonora-demo-slider {height:2px;width:69%;background:var(--sonora-line);position:relative;}.sonora-demo-slider i {display:block;width:60%;height:100%;background:currentColor;transform-origin:left;animation:sonora-feature-level 7s ease-in-out infinite alternate;}.sonora-demo-slider b {position:absolute;top:-3px;left:60%;width:8px;height:8px;border-radius:50%;background:currentColor;animation:sonora-feature-slider 7s ease-in-out infinite alternate;}
.sonora-demo-chart {height:55px;display:flex;align-items:flex-end;width:73%;gap:7px;}.sonora-demo-chart i {flex:1;height:75%;border-radius:2px 2px 0 0;background:currentColor;opacity:.65;transform-origin:bottom;animation:sonora-feature-chart 5s ease-in-out infinite alternate;}.sonora-demo-chart i:nth-child(2n){height:42%;animation-delay:-2s;}.sonora-demo-chart i:nth-child(3n){height:95%;animation-delay:-3s;}.sonora-demo-chart i:nth-child(5n){height:60%;animation-delay:-1s;}
.sonora-demo-rule {width:73%;display:flex;justify-content:space-between;gap:9px;}.sonora-demo-rule i {height:2px;width:20%;background:var(--sonora-line);}
.sonora-demo-signal {height:57px;width:82%;}.sonora-signal-guide {stroke:var(--sonora-line);stroke-width:1;}.sonora-signal-line {stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:330;animation:sonora-feature-signal 5s ease-in-out infinite;}
.sonora-demo-status {display:flex;gap:8px;}.sonora-demo-status i {height:4px;width:20px;border-radius:2px;background:currentColor;opacity:.35;animation:sonora-feature-status 4s ease-in-out infinite;}.sonora-demo-status i:nth-child(2){animation-delay:-2.6s;}.sonora-demo-status i:nth-child(3){animation-delay:-1.3s;}
.sonora-demo-guilds {display:flex;gap:9px;}.sonora-demo-guilds i {width:34px;height:34px;border:1px solid currentColor;border-radius:9px;opacity:.4;animation:sonora-feature-guild 8s ease-in-out infinite;}.sonora-demo-guilds i:nth-child(2){animation-delay:-6s;}.sonora-demo-guilds i:nth-child(3){animation-delay:-4s;}.sonora-demo-guilds i:nth-child(4){animation-delay:-2s;}
.sonora-demo-guild-line {display:flex;width:73%;gap:8px;}.sonora-demo-guild-line span {height:2px;background:var(--sonora-line);flex:1;}
.sonora-development-note {text-align:left;border:1px solid var(--sonora-line);border-left:3px solid var(--sonora-cyan);padding:16px;margin-bottom:24px;font-size:12px;line-height:1.75;color:var(--sonora-muted);background:var(--sonora-surface);border-radius:4px;}
.sonora-development-note b {display:block;color:var(--sonora-text);margin-bottom:4px;font-size:11px;letter-spacing:.06em;}
@keyframes sonora-feature-disc {to {transform:rotate(360deg);}}
@keyframes sonora-feature-wave {to {transform:scaleY(1);}}
@keyframes sonora-feature-queue {0%,100% {opacity:.4;transform:translateX(0);}18%,35% {opacity:1;transform:translateX(5px);}}
@keyframes sonora-feature-control {0%,100% {background:transparent;}45%,55% {background:var(--sonora-surface-strong);}}
@keyframes sonora-feature-level {from{transform:scaleX(.45);}to{transform:scaleX(1.35);}}
@keyframes sonora-feature-slider {from{transform:translateX(-75px);}to{transform:translateX(25px);}}
@keyframes sonora-feature-chart {from{transform:scaleY(.75);}to{transform:scaleY(1);}}
@keyframes sonora-feature-signal {0%,12% {stroke-dashoffset:330;}55%,100% {stroke-dashoffset:0;}}
@keyframes sonora-feature-status {0%,100% {opacity:.35;}25%,40% {opacity:.9;}}
@keyframes sonora-feature-guild {0%,100% {opacity:.4;transform:translateY(0);}20%,35% {opacity:1;transform:translateY(-3px);}}
@media(max-width:760px) {.sonora-motion-heading {align-items:flex-start;flex-direction:column;gap:18px;}.sonora-motion-control {align-items:flex-start;}.sonora-feature-grid article[data-feature-motion-card] {min-height:340px;}.sonora-feature-visual {height:112px;}}
@media(prefers-reduced-motion:reduce) {.sonora-feature-visual *,.sonora-feature-visual *::before,.sonora-feature-visual *::after {animation:none!important;transition:none!important;}.sonora-demo-wave i {transform:scaleY(.75);}.sonora-signal-line {stroke-dashoffset:0;}}