:root{--bg:#111013;--panel:#1c1a20;--line:#36313a;--ink:#f6f3ee;--muted:#aaa4ab;--lime:#e8ff76;--pink:#e59cda;--lavender:#bbb0ff;--display:'Arial',sans-serif;--body:'Segoe UI',Arial,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:92px}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased;overflow-x:clip}
body::before{content:'';position:absolute;inset:0 0 auto;height:920px;pointer-events:none;background:radial-gradient(ellipse 55% 54% at 78% 38%,rgba(139,93,153,.14),transparent 75%);z-index:-1}
a{color:inherit;text-decoration:none}
button{font:inherit}
.shell{width:min(100% - 64px,1280px);margin-inline:auto}
.skip-link{position:absolute;z-index:10;top:-50px;left:16px;padding:12px 16px;background:var(--lime);color:#111}
.skip-link:focus{top:12px}
:focus-visible{outline:2px solid var(--lime);outline-offset:4px}
.site-header{height:86px;position:sticky;top:0;z-index:5;background:rgba(17,16,19,.86);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid transparent;transition:border-color .2s}
.site-header.is-scrolled{border-color:#ffffff1b}
.header-inner{height:100%;display:flex;align-items:center;gap:30px}
.brand{display:flex;align-items:center;gap:12px;min-width:260px}
.brand-mark{display:grid;place-items:center;position:relative;width:46px;height:46px;border-radius:12px;background:var(--lime);color:#151216;font-family:var(--display);font-size:22px;font-weight:700;letter-spacing:-3px;transform:rotate(-5deg)}
.brand-mark span{transform:translateX(-2px)}
.brand-mark i{position:absolute;right:-3px;bottom:-3px;width:13px;height:13px;border:3px solid var(--bg);border-radius:50%;background:var(--pink)}
.brand-type{display:flex;flex-direction:column;gap:2px}.brand-type strong{font:700 19px/1 var(--display);letter-spacing:-.07em}.brand-type small{color:#a39ca5;font-size:8px;letter-spacing:.095em;font-weight:700}
.nav{display:flex;align-items:center;gap:31px;margin:auto}.nav a{font-size:13px;color:#c5bec6;transition:color .2s}.nav a:hover{color:var(--lime)}
.header-cta{border:1px solid #59545b;border-radius:7px;padding:11px 15px;white-space:nowrap;font-size:12px;font-weight:700;transition:background .2s,border-color .2s}.header-cta span{margin-left:12px;color:var(--lime)}.header-cta:hover{background:#29252d;border-color:var(--lime)}
.hero{min-height:700px;display:grid;grid-template-columns:.88fr 1.12fr;align-items:center;gap:18px;padding-block:79px 100px;overflow:clip}
.hero-copy{position:relative;z-index:1;padding-bottom:26px}.eyebrow,.kicker{font-family:var(--display);font-size:11px;font-weight:700;letter-spacing:.16em;color:var(--lime)}.eyebrow{display:flex;align-items:center;gap:11px;margin:0 0 23px}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 5px #e8ff7619,0 0 18px #e8ff76a6}
h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--display)}h1{font-size:clamp(70px,6.5vw,110px);line-height:.94;letter-spacing:-.085em;margin-bottom:28px;font-weight:700}h1 em,h2 em{font-style:normal;color:var(--lime)}
.hero-lede{max-width:510px;color:#c5bfc5;font-size:17px;line-height:1.7;margin-bottom:34px}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:48px;padding:13px 18px;border-radius:8px;font-size:13px;font-weight:700}.button-primary{background:var(--lime);color:#17191a;box-shadow:0 15px 50px #e8ff7614;transition:transform .2s,box-shadow .2s}.button-primary:hover{transform:translateY(-3px);box-shadow:0 20px 55px #e8ff762a}.button-text{color:#e7e0e7}.button-text:hover{color:var(--lime)}.button span{font-size:18px;font-weight:400}
.hero-footnote{display:flex;align-items:center;gap:12px;margin-top:74px;color:#b9b1ba;font-size:12px;line-height:1.5;letter-spacing:.03em}.rule{display:inline-block;flex:none;width:28px;height:1px;background:var(--pink)}
.hero-art{position:relative;min-width:0;margin-right:28px;transform:perspective(1100px) rotateY(-8deg) rotateX(3deg);filter:drop-shadow(0 48px 64px #0009)}.art-halo{position:absolute;inset:8% -9% -3%;background:radial-gradient(ellipse at center,#c081ae27 0,transparent 69%);filter:blur(12px)}.orbit{position:absolute;border:1px solid #e8ff7629;border-radius:50%;pointer-events:none}.orbit-one{width:650px;height:650px;top:-17%;left:1%}.orbit-two{width:790px;height:790px;top:-28%;left:-9%;border-color:#e59cda1e}
.mixer{position:relative;overflow:hidden;border:1px solid #777078;border-radius:19px;background:linear-gradient(145deg,#27242b,#131217 48%,#26222b);box-shadow:0 3px 0 #57505e,0 11px 0 #1b1820,0 36px 50px #0008;aspect-ratio:1.26/1;padding:13px}.mixer::before{content:'';position:absolute;inset:0;background:linear-gradient(120deg,#ffffff1a,transparent 28% 75%,#ffffff0d);pointer-events:none}.mixer-top,.mixer-bottom{height:30px;display:flex;align-items:center;justify-content:space-between;padding-inline:12px;font:700 9px var(--display);letter-spacing:.13em;color:#9c959e}.mixer-logo{font-size:12px;color:#e4dfe5;letter-spacing:-.03em}.mixer-logo b{color:var(--lime)}.mixer-status i{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--lime);margin-right:6px}.mixer-body{height:calc(100% - 60px);display:grid;grid-template-columns:1fr 17% 1fr;gap:7px}.deck{min-width:0;background:linear-gradient(160deg,#222128,#17161b);border:1px solid #403b43;border-radius:11px;padding:13px;display:flex;flex-direction:column;align-items:stretch;position:relative}.deck-heading{display:flex;align-items:center;justify-content:space-between;font:700 9px var(--display);letter-spacing:.13em;color:var(--lime)}.deck-b .deck-heading{color:var(--pink)}.deck-time{font-size:8px;color:#77717b}.record{width:min(71%,180px);aspect-ratio:1;margin:4px auto 8px;border-radius:50%;display:grid;place-items:center;background:repeating-radial-gradient(circle,#2e2931 0 2px,#19181e 3px 5px);border:3px solid #49404b;box-shadow:inset 0 0 20px #0009,0 12px 18px #0008;position:relative}.record::before{content:'';position:absolute;inset:5px;border:1px solid #574a57;border-radius:50%}.record-ring{width:39%;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:var(--lime);color:#212123;box-shadow:0 0 27px #e8ff764f}.deck-b .record-ring{background:var(--pink);box-shadow:0 0 27px #e59cda49}.record-label{font:700 clamp(18px,3vw,32px) var(--display);position:relative}.record-spark{font-size:8px;position:absolute;right:-10px;top:1px}.track-info{display:flex;flex-direction:column;gap:2px;margin-top:auto}.track-info b{font:700 10px var(--display);letter-spacing:.04em}.track-info span{font:600 8px var(--display);color:#8f8993;letter-spacing:.06em}.wave{height:37px;position:relative;overflow:hidden;margin:8px 0 9px;border:1px solid #554c52;border-radius:3px;background:repeating-linear-gradient(90deg,transparent 0 3px,#16151b 3px 4px),linear-gradient(180deg,#302a2e,#1b1920)}.wave::before,.wave::after{content:'';position:absolute;inset:3px 0;background:repeating-linear-gradient(90deg,transparent 0 2px,var(--lime) 2px 4px,transparent 4px 7px);clip-path:polygon(0 44%,4% 24%,8% 48%,12% 7%,16% 25%,20% 55%,24% 16%,28% 62%,32% 25%,36% 7%,40% 37%,44% 16%,48% 49%,52% 26%,56% 56%,60% 15%,64% 43%,68% 6%,72% 30%,76% 48%,80% 12%,84% 29%,88% 56%,92% 19%,96% 39%,100% 26%,100% 74%,96% 60%,92% 81%,88% 44%,84% 71%,80% 88%,76% 52%,72% 70%,68% 94%,64% 57%,60% 85%,56% 44%,52% 74%,48% 51%,44% 84%,40% 63%,36% 93%,32% 75%,28% 38%,24% 84%,20% 45%,16% 75%,12% 93%,8% 52%,4% 76%,0 56%);opacity:.8}.wave::after{inset:0 auto 0 44%;width:2px;background:#fff;clip-path:none;box-shadow:0 0 5px #fff}.wave-b::before{background:repeating-linear-gradient(90deg,transparent 0 2px,var(--pink) 2px 4px,transparent 4px 7px)}.transport{display:flex;align-items:center;gap:5px;color:#aaa2aa;font:700 8px var(--display)}.transport span{display:grid;place-items:center;width:22px;height:16px;border:1px solid #514851;border-radius:3px}.transport .play-icon{background:var(--lime);border-color:var(--lime);color:#272729}.transport .loop-icon{margin-left:auto}
.mixer-center{display:flex;align-items:center;flex-direction:column;gap:9px;padding-top:10px;border:1px solid #39353e;border-radius:8px;background:#17161c}.center-label{font:700 9px var(--display);color:#a49ca7;letter-spacing:.13em}.meter{display:flex;align-items:flex-end;gap:2px;height:24px}.meter i{width:3px;background:var(--lime);height:40%;box-shadow:0 0 7px #e8ff764d}.meter i:nth-child(2),.meter i:nth-child(8){height:70%}.meter i:nth-child(3),.meter i:nth-child(7){height:90%}.meter i:nth-child(4),.meter i:nth-child(6){height:60%}.meter i:nth-child(5){height:100%;background:var(--pink)}.knob{width:70%;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:conic-gradient(from -35deg,var(--lime) 0 100deg,#3b3740 100deg 280deg,var(--pink) 280deg 320deg,#3b3740 320deg);padding:6px;box-shadow:0 8px 14px #0007}.knob span{width:100%;height:100%;border-radius:50%;display:grid;place-items:center;text-align:center;background:radial-gradient(circle at 37% 33%,#43404a,#19181e 65%);color:#eee9ee;font:700 clamp(5px,.65vw,8px)/1.15 var(--display);letter-spacing:.02em}.fader{height:25%;width:9px;border-radius:6px;background:#0d0c10;border:1px solid #433d47;position:relative}.fader i{position:absolute;top:28%;left:-7px;width:21px;height:8px;border-radius:3px;background:#b7aebb;box-shadow:0 3px 5px #0007}.crossfader{width:72%;height:7px;background:#0e0d11;border:1px solid #49424c;border-radius:8px;margin-top:auto;margin-bottom:14px;position:relative}.crossfader i{position:absolute;left:45%;top:-7px;width:8px;height:19px;background:#c5bdc7;border-radius:3px}.mixer-bottom b{color:var(--lime)}.art-caption{display:flex;justify-content:space-between;margin-top:31px;color:#a49ca6;font:700 10px var(--display);letter-spacing:.12em}.art-caption span:last-child{text-transform:none;font-weight:400;letter-spacing:0}
.signal-band{border-top:1px solid #39343c;border-bottom:1px solid #39343c;background:#171519}.signal-inner{min-height:81px;display:flex;align-items:center;justify-content:space-between;gap:16px}.signal-inner p{margin:0;display:flex;align-items:center;gap:12px;font:700 11px var(--display);letter-spacing:.15em;color:#b2acb4}.signal-glyph{color:var(--lime);font-size:21px;font-weight:400}
.section{padding-block:134px}.kicker{margin-bottom:24px}h2{font-size:clamp(48px,5vw,76px);line-height:1.04;letter-spacing:-.075em;margin-bottom:0}.section-intro{display:grid;grid-template-columns:1fr 1fr;align-items:end;column-gap:70px;margin-bottom:54px}.section-intro .kicker{grid-column:1/-1}.section-intro>p:last-child{color:#bcb5bd;max-width:430px;line-height:1.65;font-size:16px;margin:0 0 8px}
.feature-grid{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:16px}.feature{min-height:416px;border:1px solid #454048;border-radius:12px;background:linear-gradient(145deg,#222027,#18171c);padding:28px;display:flex;flex-direction:column;overflow:hidden}.feature-large{background:linear-gradient(145deg,#29242b,#19171e)}.feature-index{color:var(--pink);font:700 10px var(--display);letter-spacing:.15em}.feature-visual{height:180px;display:flex;align-items:center;justify-content:center;position:relative}.feature h3{font-size:22px;letter-spacing:-.045em;margin:11px 0 11px}.feature p{font-size:13px;line-height:1.7;color:#aea7b0;max-width:310px;margin-bottom:0}.two-deck-visual{gap:0}.disc{width:127px;height:127px;max-width:36%;aspect-ratio:1;border-radius:50%;border:8px solid #39343d;background:repeating-radial-gradient(circle,#2c2930 0 3px,#17161b 4px 7px);box-shadow:0 15px 20px #0007;position:relative}.disc::after{content:'';position:absolute;inset:36%;border-radius:50%;background:var(--lime)}.disc-right::after{background:var(--pink)}.bridge{height:65px;width:60px;display:flex;align-items:center;justify-content:space-evenly;border-radius:5px;background:#131217;border:1px solid #453e48;z-index:1;margin-inline:-8px}.bridge i{height:35px;width:3px;border-radius:4px;background:#706873}.bridge i:nth-child(even){height:52px;background:var(--lime)}.flow-visual{gap:8px}.flow-node{width:48px;height:48px;border-radius:50%;border:1px solid #77707b;display:grid;place-items:center;color:#b0a9b2;font:700 11px var(--display)}.flow-node.active{background:var(--lime);border-color:var(--lime);color:#171619;box-shadow:0 0 0 12px #e8ff7612}.flow-line{width:24px;height:1px;background:#817982}.library-visual{flex-direction:column;gap:9px}.library-visual span{width:75%;height:28px;border-radius:3px;background:#2a272e;display:flex;align-items:center;gap:8px;padding:6px}.library-visual span:nth-child(2){border:1px solid #b6ca61;background:#2d3027}.library-visual i:first-child{width:16px;height:16px;border-radius:2px;background:var(--pink);opacity:.7}.library-visual span:nth-child(2) i:first-child{background:var(--lime)}.library-visual i:nth-child(2){width:45%;height:4px;border-radius:2px;background:#777078}.library-visual i:last-child{width:16%;height:4px;border-radius:2px;background:#5c5560;margin-left:auto}
.approach-section{background:#eae9e1;color:#1d1a20}.approach-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:9%;align-items:start}.approach-section .kicker{color:#605c4f}.approach-section h2 em{color:#71654c}.approach-lede{font:500 clamp(22px,2.1vw,31px)/1.35 var(--display);letter-spacing:-.045em;max-width:560px;margin:2px 0 48px}.approach-list article{display:grid;grid-template-columns:40px 1fr;gap:24px;border-top:1px solid #bfbdb4;padding:24px 0}.approach-list article>span{font:700 12px var(--display);color:#746e64}.approach-list h3{font-size:19px;margin:0 0 8px;letter-spacing:-.04em}.approach-list p{font-size:14px;line-height:1.65;color:#5c5860;max-width:520px;margin:0}
.release-section{padding-block:135px 50px}.release-panel{border-radius:18px;background:radial-gradient(circle at 85% 10%,#5b4b61 0,transparent 37%),linear-gradient(135deg,#333039,#231f2a);border:1px solid #67606b;padding:72px;display:grid;grid-template-columns:1fr 340px;gap:70px;align-items:center;overflow:hidden}.release-copy h2{margin-bottom:25px}.release-copy>p:not(.kicker){color:#c7c1ca;font-size:16px;line-height:1.7;max-width:580px}.release-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:33px}.release-tags span{border:1px solid #706774;border-radius:4px;padding:8px 10px;font:700 9px var(--display);letter-spacing:.1em;color:#e7dfe7}.release-card{background:var(--lime);color:#242323;border-radius:12px;padding:30px;min-height:316px;display:flex;flex-direction:column}.card-top{font:700 10px var(--display);letter-spacing:.13em;display:flex;justify-content:space-between}.card-top i{width:8px;height:8px;background:#33332a;border-radius:50%;box-shadow:0 0 0 5px #24232313}.release-card strong{font:700 38px var(--display);letter-spacing:-.07em;margin-top:34px}.release-card p{font-size:13px;line-height:1.6;margin:6px 0 0}.card-divider{height:1px;background:#56593842;margin:25px 0 18px}.release-card .card-small{margin:0 0 14px}.release-card a{font:700 12px var(--display);text-decoration:underline;text-underline-offset:4px;margin-top:auto}.release-card a span{margin-left:6px}
.faq-section{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px;padding-top:100px}.faq-heading h2{font-size:52px}.faq-list{border-top:1px solid #454048}.faq-list details{border-bottom:1px solid #454048}.faq-list summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;padding:24px 0;font:600 18px var(--display);letter-spacing:-.035em}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-size:25px;font-weight:400;color:var(--lime);line-height:20px;transition:transform .2s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list p{color:#b7afb9;font-size:14px;line-height:1.7;margin:0 0 24px;max-width:650px}
.site-footer{border-top:1px solid #39343c;margin-top:20px}.footer-inner{min-height:118px;display:flex;align-items:center;gap:28px}.footer-brand{font:700 24px var(--display);letter-spacing:-.08em;color:var(--lime)}.footer-brand span{color:#f4f0f3}.footer-inner p{font-size:12px;color:#8d858f;margin:0}.footer-inner>span{font-size:12px;color:#8d858f;margin-left:auto}.footer-inner>a:last-child{font-size:12px;color:#cdc4ce}.footer-inner>a:last-child:hover{color:var(--lime)}
@media(max-width:1120px){.brand{min-width:190px}.nav{gap:20px}.hero{min-height:620px}.hero-art{transform:perspective(1100px) rotateY(-5deg) rotateX(3deg)}.release-panel{gap:35px;padding:55px;grid-template-columns:1fr 300px}.feature{padding:22px}.disc{width:100px}}
@media(max-width:850px){.shell{width:min(100% - 40px,1280px)}.site-header{height:74px}.brand{min-width:0}.brand-type small{display:none}.nav{margin-left:auto;margin-right:0}.nav a{font-size:12px}.header-cta{display:none}.hero{display:flex;flex-direction:column;align-items:stretch;padding-top:70px;gap:65px}.hero-copy{padding:0}.hero-footnote{margin-top:40px}.hero-art{width:min(100%,650px);align-self:center;margin-right:0}.signal-inner{flex-wrap:wrap;justify-content:center;padding-block:20px;column-gap:36px;row-gap:18px}.signal-inner p{font-size:10px}.section{padding-block:100px}.feature-grid{grid-template-columns:1fr 1fr}.feature-large{grid-column:1/-1;min-height:380px}.feature-large .disc{width:130px}.approach-grid{gap:40px}.release-panel{grid-template-columns:1fr}.release-card{max-width:420px}.faq-section{grid-template-columns:1fr;gap:40px}}
@media(max-width:560px){.shell{width:min(100% - 32px,1280px)}.site-header{height:68px}.brand-mark{width:39px;height:39px;font-size:19px}.brand-type strong{font-size:17px}.nav{gap:16px}.nav a:nth-child(2){display:none}.nav a{font-size:11px}.hero{padding-top:63px;padding-bottom:75px;gap:50px;min-height:0}h1{font-size:clamp(58px,15vw,82px)}.hero-lede{font-size:15px}.hero-actions{gap:3px}.button{font-size:12px}.hero-art{transform:none}.mixer{padding:7px;border-radius:12px}.mixer-top,.mixer-bottom{height:23px;font-size:6px;padding-inline:5px}.mixer-logo{font-size:9px}.mixer-body{height:calc(100% - 46px);gap:3px}.deck{padding:5px;border-radius:5px}.deck-heading{font-size:6px}.deck-time{font-size:5px}.record{border-width:2px;margin-block:4px;width:65%}.track-info b{font-size:7px}.track-info span{font-size:5px}.wave{height:19px;margin:4px 0}.transport{gap:2px}.transport span{width:13px;height:11px;font-size:5px}.center-label{font-size:5px}.mixer-center{gap:4px;padding-top:5px}.meter{height:13px;gap:1px}.meter i{width:2px}.knob{padding:3px}.knob span{font-size:4px}.crossfader{margin-bottom:6px}.art-caption{font-size:8px;margin-top:20px}.signal-inner{justify-content:space-between;gap:10px}.signal-inner p{width:calc(50% - 10px);font-size:9px;gap:7px}.signal-glyph{font-size:17px}.section{padding-block:80px}h2{font-size:clamp(46px,11vw,62px)}.section-intro{display:block}.section-intro h2{margin-bottom:23px}.section-intro>p:last-child{font-size:15px}.feature-grid{grid-template-columns:1fr}.feature-large{grid-column:auto}.feature{min-height:350px}.feature-visual{height:150px}.feature-large .disc{width:105px}.approach-grid{grid-template-columns:1fr}.approach-lede{font-size:23px;margin-bottom:30px}.approach-list article{gap:11px}.release-section{padding-bottom:40px}.release-panel{padding:32px 24px;gap:32px}.release-copy>p:not(.kicker){font-size:14px}.release-card{min-height:290px}.faq-section{padding-top:70px}.faq-heading h2{font-size:48px}.faq-list summary{font-size:16px}.footer-inner{flex-wrap:wrap;padding-block:30px;gap:9px 20px}.footer-inner p{width:calc(100% - 100px)}.footer-inner>span{margin:0}.footer-inner>a:last-child{margin-left:auto}}
/* The illustrated player moves independently of the page content. */
.hero-art .record{animation:record-spin 7s linear infinite;will-change:transform}
.hero-art .deck-b .record{animation-duration:8.5s;animation-direction:reverse}
.hero-art .record-ring{animation:record-glow 2.8s ease-in-out infinite}
.hero-art .deck-b .record-ring{animation-delay:-1.4s}
.hero-art .wave::after{animation:wave-playhead 3.8s linear infinite}
.hero-art .deck-b .wave::after{animation-duration:4.7s;animation-direction:reverse}
.hero-art .meter i{transform-origin:bottom;animation:meter-bounce 900ms ease-in-out infinite alternate;animation-delay:calc(var(--bar) * -137ms)}
.hero-art .meter i:nth-child(1){--bar:1}.hero-art .meter i:nth-child(2){--bar:5}.hero-art .meter i:nth-child(3){--bar:2}.hero-art .meter i:nth-child(4){--bar:8}.hero-art .meter i:nth-child(5){--bar:3}.hero-art .meter i:nth-child(6){--bar:7}.hero-art .meter i:nth-child(7){--bar:4}.hero-art .meter i:nth-child(8){--bar:9}.hero-art .meter i:nth-child(9){--bar:6}.hero-art .meter i:nth-child(10){--bar:10}
.hero-art .knob{animation:knob-breathe 3.4s ease-in-out infinite}
.hero-art .orbit::after{content:'';position:absolute;top:50%;left:-4px;width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 18px 4px #e8ff7680}
.hero-art .orbit-one{animation:orbit-turn 22s linear infinite}
.hero-art .orbit-two{animation:orbit-turn 29s linear infinite reverse}
.hero-art .orbit-two::after{background:var(--pink);box-shadow:0 0 18px 4px #e59cda80}
.pet-cue{position:absolute;right:4px;bottom:47px;z-index:2;display:flex;align-items:center;gap:10px;min-width:195px;padding:10px 12px;border:1px solid #a1ad78a6;border-radius:11px;background:linear-gradient(125deg,#292a27f5,#17191cf5);box-shadow:0 16px 38px #0009,0 0 30px #e8ff761b;animation:pet-float 3.6s ease-in-out infinite}
.pet-face{position:relative;display:block;flex:none;width:32px;height:31px;border-radius:10px 10px 12px 12px;background:var(--lime);box-shadow:0 0 17px #e8ff7680;transform:rotate(-6deg)}
.pet-ear{position:absolute;top:-5px;width:10px;height:12px;background:var(--lime);border-radius:3px 7px 2px 2px}.pet-ear-left{left:2px;transform:rotate(-20deg)}.pet-ear-right{right:2px;transform:rotate(20deg)}
.pet-eye{position:absolute;top:12px;width:4px;height:6px;border-radius:50%;background:#25202a;animation:pet-blink 5s infinite}.pet-eye-left{left:9px}.pet-eye-right{right:9px}.pet-mouth{position:absolute;left:13px;top:20px;width:7px;height:4px;border-bottom:2px solid #25202a;border-radius:50%}
.pet-cue-copy{display:flex;flex-direction:column;gap:3px;white-space:nowrap}.pet-cue-copy b{font:700 10px var(--display);letter-spacing:.12em;color:var(--lime)}.pet-cue-copy small{font:700 7px var(--display);letter-spacing:.14em;color:#a9ac9c}
.pet-cue-beat{display:flex;align-items:flex-end;gap:2px;height:14px;margin-left:auto}.pet-cue-beat i{width:2px;height:65%;background:var(--pink);border-radius:2px;animation:meter-bounce 650ms ease-in-out infinite alternate}.pet-cue-beat i:nth-child(2){height:100%;animation-delay:-300ms}.pet-cue-beat i:nth-child(3){height:45%;animation-delay:-450ms}
.art-caption-actions{display:flex;align-items:center;gap:18px}.art-caption .art-caption-actions>span{font-weight:400;letter-spacing:0}.motion-toggle{display:inline-flex;align-items:center;gap:7px;padding:5px 0;border:0;background:none;color:#cfc8d0;cursor:pointer;font:600 10px var(--body);letter-spacing:0;white-space:nowrap}.motion-toggle:hover{color:var(--lime)}.motion-icon{display:inline-block;width:9px;height:11px;border-left:3px solid currentColor;border-right:3px solid currentColor}.motion-toggle[aria-pressed=true] .motion-icon{width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:9px solid currentColor;border-right:0}.art-caption .motion-label{font-weight:600;letter-spacing:0}
.hero-art.is-paused *,.hero-art.is-paused *::before,.hero-art.is-paused *::after{animation-play-state:paused!important}
@keyframes record-spin{to{transform:rotate(360deg)}}
@keyframes record-glow{50%{box-shadow:0 0 38px #e8ff76a0}}
@keyframes wave-playhead{0%{left:9%}100%{left:90%}}
@keyframes meter-bounce{from{transform:scaleY(.35)}to{transform:scaleY(1)}}
@keyframes knob-breathe{50%{filter:brightness(1.28);box-shadow:0 8px 20px #0007,0 0 19px #e8ff7640}}
@keyframes orbit-turn{to{transform:rotate(360deg)}}
@keyframes pet-float{50%{transform:translateY(-8px)}}
@keyframes pet-blink{0%,46%,50%,100%{transform:scaleY(1)}48%{transform:scaleY(.12)}}
@media(max-width:560px){.pet-cue{right:0;bottom:36px;min-width:0;gap:6px;padding:6px 8px}.pet-face{width:23px;height:22px;border-radius:7px}.pet-ear{width:7px;height:8px;top:-4px}.pet-eye{top:8px;width:3px;height:4px}.pet-eye-left{left:6px}.pet-eye-right{right:6px}.pet-mouth{left:9px;top:14px;width:5px;height:3px}.pet-cue-copy b{font-size:7px}.pet-cue-copy small{font-size:5px}.pet-cue-beat{height:10px}.art-caption-actions{gap:9px}.motion-toggle{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}