.color-art.visual{isolation:isolate;overflow:visible;aspect-ratio:1.16;background:none!important}.color-art:before{content:'';position:absolute;inset:-5%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 50% 50%,var(--art-color,#204b3c) 0%,transparent 68%);opacity:.65}.color-art .art-note{position:absolute;bottom:-8px;left:0;right:0;text-align:center;font-size:8px;letter-spacing:.1em;color:#aaa}.distribution{--art-color:#19483a}.audio{--art-color:#074f34;padding:0!important;display:flex!important}.links{--art-color:#342658}.data{--art-color:#2c2854}.radar{--art-color:#134635}.merch{--art-color:#5a3023}.orbital-system{position:relative;width:100%;height:100%;min-height:390px}.orbit-track{position:absolute;left:11%;top:19%;width:78%;height:62%;border:1px solid #89e8c050;border-radius:50%;transform:rotate(-20deg)}.orbit-two{transform:rotate(40deg);width:72%;left:14%;border-color:#8c97ff4a}.orbit-three{transform:rotate(-60deg);border-color:#e9b28a36}.release-disc{position:absolute;left:50%;top:46%;width:42%;aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:repeating-radial-gradient(circle,#222 0px,#222 1px,#0c0c0c 2px,#151515 4px);box-shadow:inset 0 0 25px #ffffff18,0 20px 70px #000b;border:1px solid #737b74;display:grid;place-items:center}.disc-center{width:57%;aspect-ratio:1;border-radius:50%;overflow:hidden}.disc-center img{width:100%;height:100%;object-fit:cover}.orbit-dsp{position:absolute;top:0;left:0;offset-path:ellipse(39% 31% at 50% 46%);offset-distance:var(--start);offset-rotate:0deg;animation:orbit-travel 36s linear infinite;animation-delay:var(--delay);z-index:2}.dsp{display:inline-flex;align-items:center;gap:8px;font-family:DM,Arial,sans-serif;font-size:11px;color:#eee;white-space:nowrap}.dsp-symbol{display:grid;place-items:center;width:25px;height:25px;font-size:22px;font-weight:700}.spotify .dsp-symbol{color:#1ed760}.spotify-mark{width:24px;height:24px;object-fit:contain}.apple .dsp-symbol{color:#ff516d}.amazon .dsp-symbol{color:#42d5f5;font-family:Arial}.youtube .dsp-symbol{color:#ff3344;font-size:19px}.deezer .dsp-symbol{color:#a079ff}.tidal .dsp-symbol{color:#e8e7ef;font-size:21px}.dsp.compact{padding:9px 13px;background:#121b19;border:1px solid #ffffff26;border-radius:11px;box-shadow:0 10px 30px #0007;font-size:10px}.dsp.compact .dsp-symbol{width:19px;height:19px;font-size:20px}.compact .spotify-mark{width:19px;height:19px}.orbit-label{position:absolute;bottom:5%;left:0;right:0;text-align:center;font-size:9px;letter-spacing:.16em;color:#afc9bd;line-height:1.9}.orbit-label b{font:500 14px Space;color:#e1f5e9;letter-spacing:.02em}@keyframes orbit-travel{to{offset-distance:calc(var(--start) + 100%)}}
.monitor-scene{width:100%;padding:20px 0 25px;perspective:1000px}.monitor{background:linear-gradient(140deg,#3a4441,#141a17 45%,#28302c);padding:9px;border-radius:14px;border:1px solid #6a786f;box-shadow:0 35px 60px #0009;transform:rotateY(5deg) rotateX(2deg)}.monitor-top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px 15px;font-size:8px;letter-spacing:.08em;color:#ddd}.processed{font-size:7px;background:#173b2b;color:#95f1bd;padding:5px 7px;border-radius:4px}.monitor-screen{padding:19px 17px 13px;background:linear-gradient(150deg,#0c1f17,#080e0b);border-radius:5px;border:1px solid #384b3e}.screen-track{display:flex;justify-content:space-between;gap:15px;align-items:center}.screen-track small{display:block;font-size:7px;letter-spacing:.1em;color:#8ea99b}.screen-track strong{font:500 13px Space;display:block;margin-top:6px}.screen-track>span{font-size:7px;color:#9db6a7}.spectrum{height:145px;display:flex;align-items:flex-end;gap:3px;padding-top:25px;border-bottom:1px solid #63f6a133;margin-bottom:9px;background:repeating-linear-gradient(0deg,transparent 0,transparent 27px,#ffffff09 28px)}.spectrum i{flex:1;min-width:1px;height:var(--h);background:linear-gradient(0deg,#0a8653,#5cf8a0 75%,#b3ffac);border-radius:2px 2px 0 0;box-shadow:0 0 9px #41e69720}.frequency-labels,.screen-bottom{display:flex;justify-content:space-between;gap:8px;font-size:7px;color:#9fb5a8}.master-result{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:23px 0 16px}.ab-display{display:flex;gap:5px;font-size:11px}.ab-display>span{padding:7px 9px;border:1px solid #35513f;border-radius:4px;color:#a5b5aa}.ab-display small{font-size:6px;margin-left:4px}.ab-display .selected{background:#1b5035;color:#b4ffcf;border-color:#5dbb80}.master-check{font-size:8px;color:#89d9ab}.sound-progress{height:3px;background:#233b2c;border-radius:3px;margin-bottom:13px}.sound-progress>span{display:block;width:46%;height:100%;background:#62e99a;border-radius:3px}.monitor-neck{height:40px;width:65px;margin:auto;background:linear-gradient(90deg,#0e1611,#49534c,#17221b);clip-path:polygon(18% 0,82% 0,100% 100%,0 100%)}.monitor-base{height:9px;width:48%;margin:auto;border-radius:50% 50% 4px 4px;background:linear-gradient(#6c776f,#26302a);box-shadow:0 15px 30px #000}
.phone-scene{position:relative;width:100%;min-height:540px;display:grid;place-items:center;perspective:1000px}.phone{position:relative;width:236px;padding:23px 11px 20px;border-radius:35px;border:3px solid #565263;background:linear-gradient(145deg,#151319,#09090d);box-shadow:inset 0 0 0 2px #17161b,25px 35px 65px #0009;transform:rotate(-6deg)}.phone-island{position:absolute;top:9px;width:65px;height:16px;left:50%;transform:translateX(-50%);background:#000;border-radius:14px}.phone-status{display:flex;justify-content:space-between;padding:0 10px 7px;font-size:7px;color:#eee}.smart-page{padding:10px 9px 16px;background:linear-gradient(180deg,#442d38,#17131b 51%,#100f15);border-radius:20px;text-align:center}.phone-cover{display:block;width:98px;height:98px;object-fit:cover;margin:0 auto 10px;border-radius:7px;box-shadow:0 8px 18px #0006}.smart-page h3{font-size:20px;margin:0;letter-spacing:-.04em}.smart-page>p{font-size:12px;margin:2px 0 5px;color:#d1bbc5}.choose-platform{font-size:7px;color:#cdbfc7}.phone-dsps{display:flex;flex-direction:column;gap:5px;margin-top:13px}.phone-dsp{display:flex;align-items:center;justify-content:space-between;padding:6px 8px;background:#ffffff0c;border:1px solid #ffffff15;border-radius:7px;min-height:31px}.phone-dsp .dsp{font-size:8px;gap:6px}.phone-dsp .dsp-symbol,.phone-dsp .spotify-mark{width:17px;height:17px;font-size:16px}.listen-label{font-size:6px;padding:4px 6px;border:1px solid #ffffff44;border-radius:4px;color:#ddd}.phone-footer{font-size:5px;letter-spacing:.14em;color:#c1afb9;margin-top:13px}.phone-home{position:absolute;bottom:7px;width:64px;height:3px;background:#ddd;left:50%;transform:translateX(-50%);border-radius:5px}.phone-orbit{position:absolute;width:95%;height:53%;border:1px solid #b293ff2b;border-radius:50%;transform:rotate(-32deg)}.float-label{position:absolute;background:linear-gradient(120deg,#292331ee,#19171fee);border:1px solid #8d719c66;box-shadow:0 14px 30px #0008;padding:13px 15px;display:flex;align-items:center;gap:11px;border-radius:10px;font-size:9px;line-height:1.6;color:#bcaecb}.float-label b{color:#f2e7f3;font-weight:500}.label-design{left:0;top:27%}.label-links{right:-1%;bottom:20%}.label-swatch{width:24px;height:24px;border-radius:50%;background:linear-gradient(130deg,#ffb199,#c3a3ff)}.link-mark{color:#d6b8ff;font-size:25px}
.analytics-scene,.playlist-scene{width:100%;padding:35px 0}.analytics-card,.playlist-window{padding:25px 25px 20px;border-radius:16px;border:1px solid #71608766;background:linear-gradient(145deg,#222032,#11121a 65%);box-shadow:0 25px 60px #0007;transform:rotate(-3deg)}.analytics-head{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:8px;letter-spacing:.12em;color:#dbd9e6;margin-bottom:25px}.demo-label{font-size:7px;letter-spacing:.08em;padding:3px 6px;color:#d0bfdc;border:1px solid #786985;border-radius:4px}.metric-row{display:grid;grid-template-columns:1fr 1fr;margin-bottom:18px}.metric-row>div{display:flex;flex-direction:column}.metric-row>div>span{font-size:9px;color:#beb5d1}.metric-row strong{font:500 40px/1.4 Space;letter-spacing:-.06em}.metric-row strong>span{font-size:24px;color:#ae91d6}.metric-row small{font-size:7px;color:#afa8bc}.analytics-chart{width:100%;height:auto!important}.chart-days{display:flex;justify-content:space-between;font-size:6px;letter-spacing:.08em;color:#b2adbc;margin:10px 0 20px}.chart-bottom{display:flex;align-items:center;gap:18px;border-top:1px solid #ffffff17;padding-top:19px}.donut{width:66px;height:66px;border-radius:50%;background:conic-gradient(#65d4bc 0 49%,#bd95ff 49% 78%,#ffad75 78% 100%);display:grid;place-items:center;flex-shrink:0;position:relative}.donut:before{content:'';position:absolute;inset:10px;border-radius:50%;background:#191922}.donut>span{position:relative;font-size:8px;color:#ccc}.chart-legend{display:flex;flex-direction:column;gap:7px;font-size:7px;color:#d0cbd8}.chart-legend span{display:flex;align-items:center;gap:7px}.chart-legend i{width:5px;height:5px;border-radius:50%}.mini-bars{display:flex;align-items:flex-end;gap:5px;height:65px;margin-left:auto}.mini-bars i{width:10px;background:linear-gradient(#bd95ff,#5e68a9);height:60%;border-radius:3px 3px 0 0}.mini-bars i:nth-child(2n){height:85%;background:linear-gradient(#7be5ce,#337a7b)}.mini-bars i:nth-child(3n){height:40%;background:linear-gradient(#ffbc87,#b16d6a)}
.playlist-window{transform:rotate(3deg);background:linear-gradient(145deg,#1d3028,#101b17 55%,#111b1b);border-color:#5c9f7c66}.playlist-profile{display:flex;gap:20px;align-items:center}.playlist-art{width:105px;height:105px;flex-shrink:0;border-radius:7px;background:linear-gradient(135deg,#1c927a,#90d293 48%,#ecd797);color:#092c26;display:flex;flex-direction:column;justify-content:space-between;padding:12px;box-shadow:0 8px 20px #0004}.playlist-art>span{font:700 25px/.9 Space;letter-spacing:-.06em}.playlist-art small{font-size:5px;letter-spacing:.08em}.playlist-type{font-size:6px;letter-spacing:.1em;color:#a7c8b6}.playlist-profile h3{font-size:26px;margin:7px 0 3px}.playlist-profile p{font-size:8px;color:#c0d4c7;margin-bottom:10px}.monitoring-state{font-size:7px;color:#a6f2c2;background:#143d2d;padding:5px 8px;border-radius:4px;border:1px solid #47ad6f66}.playlist-tracks{margin:22px 0 23px;border-top:1px solid #ffffff15}.playlist-tracks>div{display:flex;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid #ffffff15}.playlist-tracks img{width:30px;height:30px;border-radius:3px}.playlist-tracks b{display:block;font-size:9px;font-weight:500}.playlist-tracks small{display:block;font-size:7px;color:#b7c6bc}.track-in{margin-left:auto;font-size:6px;letter-spacing:.08em;color:#a6e1bd}.other-track{color:#a6b8ad;font-size:8px}.other-track>span:last-child{margin-left:auto}.track-number{width:30px;text-align:center;color:#9bb5a5}.monitor-chart-head{display:flex;justify-content:space-between;font-size:6px;color:#afccba;gap:10px;margin-bottom:12px}.playlist-chart{width:100%;height:auto!important}.playlist-window .chart-days{margin-bottom:0}.merch-photo{position:absolute;inset:-5% -8%;overflow:hidden;mask-image:radial-gradient(ellipse 57% 50% at 50% 50%,#000 48%,transparent 100%)}.merch-photo img{width:100%;height:100%;object-fit:cover}.merch-cover{position:absolute;bottom:10%;left:0;display:flex;gap:13px;align-items:center;padding:10px 15px 10px 10px;background:#231a18e8;border:1px solid #8e665559;border-radius:9px;box-shadow:0 15px 35px #0008;transform:rotate(-4deg)}.merch-cover img{width:56px;height:56px;border-radius:3px}.merch-cover span{font-size:8px;line-height:1.8;color:#d8ad98}.merch-cover b{font-size:10px;color:#f6e6da;font-weight:500}.publishing-art svg{filter:drop-shadow(0 0 17px #d5915c22)}.publishing-art svg g{stroke:#b68b66}.publishing-art svg g:nth-child(2){fill:#f4c08e}.partnership:before{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(135deg,#efb68318,transparent 60%);pointer-events:none}
@media(max-width:1100px){.color-art.visual{aspect-ratio:1}.orbital-system{min-height:350px}.dsp.compact{padding:7px 9px;font-size:8px;gap:4px}.monitor-screen{padding:12px}.screen-track strong{font-size:11px}.spectrum{height:110px;gap:2px}.master-result{gap:6px}.master-check{font-size:6px}.ab-display>span{padding:5px}.analytics-card,.playlist-window{padding:20px 16px}.phone-scene{min-height:520px}.float-label{padding:9px;font-size:8px}.label-design{left:-10px}.label-links{right:-10px}.playlist-art{width:80px;height:80px}.playlist-art>span{font-size:22px}.playlist-profile{gap:12px}.playlist-profile h3{font-size:23px}.mini-bars{gap:3px}.mini-bars i{width:7px}.chart-bottom{gap:12px}}
@media(max-width:850px) and (min-width:621px){.phone{width:200px;padding:22px 8px 17px}.phone-cover{width:80px;height:80px}.phone-scene{min-height:485px}.phone-dsp{padding:5px}.phone-dsp .dsp{font-size:7px;gap:3px}.float-label{font-size:7px;padding:6px}.label-design{left:-7px;top:18%}.label-links{right:-9px;bottom:10%}.label-swatch{width:15px;height:15px}.monitor-top{font-size:6px;padding:6px 4px 10px}.processed{font-size:5px}.screen-track strong{font-size:9px}.screen-track>span{display:none}.ab-display small{display:none}.screen-bottom{font-size:5px}.spectrum{height:90px}.analytics-card,.playlist-window{padding:16px 12px}.metric-row strong{font-size:32px}.playlist-art{width:65px;height:70px;padding:8px}.playlist-art>span{font-size:19px}.playlist-profile h3{font-size:20px}.monitoring-state{font-size:6px}.track-in{font-size:5px}.analytics-head{font-size:6px}}
@media(max-width:620px){.color-art.visual{aspect-ratio:1.04;margin:10px 0 20px}.color-art.links{aspect-ratio:auto;min-height:570px}.orbital-system{min-height:340px}.phone-scene{min-height:560px}.phone{width:240px}.phone-cover{width:105px;height:105px}.float-label{font-size:8px;padding:10px}.label-design{left:-4px;top:22%}.label-links{right:-4px;bottom:17%}.monitor-scene{padding:25px 0}.monitor{transform:rotateY(3deg)}.spectrum{height:120px}.screen-track strong{font-size:11px}.master-check{font-size:7px}.analytics-card,.playlist-window{padding:23px 20px;transform:rotate(-2deg)}.playlist-window{transform:rotate(2deg)}.metric-row strong{font-size:39px}.playlist-art{width:92px;height:92px}.playlist-profile h3{font-size:25px}.merch.color-art{aspect-ratio:.9;min-height:390px}.merch-cover{left:0;bottom:10%}.color-art .art-note{font-size:7px;bottom:-13px}.dsp.compact{font-size:8px}.orbit-label{bottom:0}.merch-photo{inset:-4% -3%}}
.orbit-dsp{animation-delay:0s}h2{letter-spacing:-.045em}.color-art:before{opacity:.85}.color-art.links .art-note{bottom:-25px}
.spectrum i{transform-origin:50% 100%;animation:audio-wave 2.4s ease-in-out infinite;animation-delay:calc(var(--t) * -1)}
@keyframes audio-wave{0%,100%{transform:scaleY(.72)}25%{transform:scaleY(1)}50%{transform:scaleY(.4)}75%{transform:scaleY(.86)}}
.playlist-overview{margin:23px 0;padding:16px 0;border-top:1px solid #ffffff15;border-bottom:1px solid #ffffff15}.playlist-overview>span{font-size:7px;letter-spacing:.12em;color:#a8c6b4}.playlist-overview p{font-size:12px;line-height:1.6;color:#d4e6da;margin:8px 0 0}
.monitor-line{animation:playlist-line 16s ease-in-out infinite}.monitor-area{animation:playlist-area 16s ease-in-out infinite}.monitor-point{animation:playlist-point 16s ease-in-out infinite}
@keyframes playlist-line{0%,100%{d:path('M0 95L45 88L90 94L135 71L180 75L225 45L270 57L315 32L360 40L405 18L450 26L500 7')}50%{d:path('M0 87L45 97L90 77L135 83L180 59L225 65L270 38L315 47L360 22L405 28L450 12L500 19')}}
@keyframes playlist-area{0%,100%{d:path('M0 95L45 88L90 94L135 71L180 75L225 45L270 57L315 32L360 40L405 18L450 26L500 7V120H0Z')}50%{d:path('M0 87L45 97L90 77L135 83L180 59L225 65L270 38L315 47L360 22L405 28L450 12L500 19V120H0Z')}}
@keyframes playlist-point{0%,100%{transform:translateY(0)}50%{transform:translateY(10px)}}
.merch-photo img{transform-origin:50% 65%;animation:model-sway 11s ease-in-out infinite;will-change:transform}
@keyframes model-sway{0%,100%{transform:translate(-12px,5px) rotate(-2deg) scale(1.04)}50%{transform:translate(13px,-9px) rotate(2deg) scale(1.105)}}
.merch-photo img{animation-duration:7s}
.phone-dsps{gap:7px}.phone-dsp{min-height:34px;transform-origin:center;animation-duration:12s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.phone-dsp .dsp{font-size:9px}.phone-dsp .dsp-symbol,.phone-dsp .spotify-mark{width:20px;height:20px;font-size:19px}
.phone-dsp:nth-child(1){animation-name:dsp-scan-1}.phone-dsp:nth-child(2){animation-name:dsp-scan-2}.phone-dsp:nth-child(3){animation-name:dsp-scan-3}.phone-dsp:nth-child(4){animation-name:dsp-scan-4}.phone-dsp:nth-child(5){animation-name:dsp-scan-5}.phone-dsp:nth-child(6){animation-name:dsp-scan-6}
@keyframes dsp-scan-1{0%,100%{transform:scale(1.09);background:#ffffff20}8%,92%{transform:scale(1);background:#ffffff0c}}
@keyframes dsp-scan-2{0%,16%,84%,100%{transform:scale(1);background:#ffffff0c}8%,92%{transform:scale(1.09);background:#ffffff20}}
@keyframes dsp-scan-3{0%,8%,24%,76%,92%,100%{transform:scale(1);background:#ffffff0c}16%,84%{transform:scale(1.09);background:#ffffff20}}
@keyframes dsp-scan-4{0%,16%,32%,68%,84%,100%{transform:scale(1);background:#ffffff0c}24%,76%{transform:scale(1.09);background:#ffffff20}}
@keyframes dsp-scan-5{0%,24%,42%,58%,76%,100%{transform:scale(1);background:#ffffff0c}34%,66%{transform:scale(1.09);background:#ffffff20}}
@keyframes dsp-scan-6{0%,34%,66%,100%{transform:scale(1);background:#ffffff0c}50%{transform:scale(1.09);background:#ffffff20}}
.analytics-chart>path{transform-origin:50% 100%;animation:statistics-flow 9s ease-in-out infinite}.analytics-chart>path:nth-of-type(3){animation-delay:-4.5s}
@keyframes statistics-flow{0%,100%{transform:scaleY(.8)}50%{transform:scaleY(1.02)}}
.monitor-line,.monitor-area{animation-duration:12s;animation-name:playlist-line,playlist-vertical;animation-duration:16s,9s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.monitor-area{animation-name:playlist-area,playlist-vertical}.monitor-point{animation-name:playlist-point,playlist-vertical;animation-duration:16s,9s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-composition:add}
@keyframes playlist-vertical{0%,100%{translate:0 7px}50%{translate:0 -5px}}
.phone-scene{min-height:585px}.color-art.links{aspect-ratio:auto;min-height:585px;width:100%}
@media(max-width:850px) and (min-width:621px){.phone-dsp .dsp{font-size:7px}.phone-dsp .dsp-symbol,.phone-dsp .spotify-mark{width:17px;height:17px;font-size:16px}}
@media(prefers-reduced-motion:reduce){.orbit-dsp,.spectrum i,.monitor-line,.monitor-area,.monitor-point,.merch-photo img,.phone-dsp,.analytics-chart>path{animation:none;will-change:auto}}

@media(max-width:850px) and (prefers-reduced-motion:no-preference){
 .phone-scene,.analytics-scene,.playlist-scene,.monitor-scene{animation:mobile-service-float 7s ease-in-out infinite}
 .analytics-scene,.monitor-scene{animation-delay:-3.5s}
 .hero-art{animation:mobile-hero-drift 14s ease-in-out infinite;transform-origin:70% 60%}
 .publishing-art svg{animation:mobile-service-float 9s ease-in-out infinite}
}
@keyframes mobile-service-float{0%,100%{translate:0 4px}50%{translate:0 -5px}}
@keyframes mobile-hero-drift{0%,100%{transform:scale(1.015)}50%{transform:scale(1.055)}}