:root{--ink:#1b1737;--violet:#8455cf;--lilac:#d8c7f3;--paper:#fdfcfe;--muted:#615d70;--line:#e5deee;--dark:#191633}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid #b984ff;outline-offset:5px}img{display:block;max-width:100%}.wrap{width:min(1160px,calc(100% - 64px));margin-inline:auto}.skip{position:absolute;left:16px;top:-100px;z-index:99;background:#fff;padding:12px}.skip:focus{top:10px}.header{background:var(--dark);color:#eee6f8;position:relative;z-index:10}.nav{height:88px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:inline-flex;width:166px;height:52px;align-items:center;flex-shrink:0}.brand img{width:100%;height:100%;object-fit:contain}.nav nav{display:flex;gap:32px;font-size:14px}.nav nav a{padding:12px 0}.nav nav a:hover{color:#cba9ff}.nav-cta{font-size:14px;border:1px solid #6c5a88;border-radius:9px;padding:13px 19px;display:flex;gap:20px;align-items:center}.hero{position:relative;overflow:hidden;padding-top:82px;background:linear-gradient(180deg,#fbf9ff 0%,#f0e8fc 85%,#e1d2f3 100%)}.hero-inner{text-align:center;position:relative;z-index:2}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.16em;line-height:1.6;margin:0 0 25px;color:#706283}.tiny-line{display:inline-block;vertical-align:middle;width:22px;height:2px;background:var(--violet);margin-right:10px}h1{font-size:clamp(44px,5.9vw,78px);line-height:1.07;font-weight:600;letter-spacing:-.06em;margin:0}em{font-style:normal;color:var(--violet)}.hero-copy{font-size:19px;line-height:1.6;color:var(--muted);margin:26px 0 27px}.actions{display:flex;justify-content:center;align-items:center;gap:30px;flex-wrap:wrap}.button{padding:17px 24px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;gap:24px;font-size:15px;font-weight:600;line-height:1.4;transition:transform 0.1s,background 0.1s,box-shadow 0.1s}.button:hover{transform:translateY(-3px)}.primary{background:var(--ink);color:#fff;box-shadow:0 5px 12px #1b173716}.primary:hover{background:#342655;box-shadow:0 8px 20px #1b17372a}.text-link{font-size:14px;font-weight:600;display:inline-flex;gap:14px;align-items:center;padding-block:12px}.agent-note{font-size:13px;color:#756687;margin:22px 0 0}.agent-note span{color:#9870cb;margin-right:6px}.hero-preview{max-width:1040px;margin-top:52px;border:1px solid #fff;border-radius:15px 15px 0 0;box-shadow:0 25px 85px #39206125;overflow:hidden;position:relative;z-index:2;animation:arrive 0.475s 0.05s both}.window-top{height:38px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#7a728b;background:#fffdfef2;gap:12px}.window-dots{color:#c8beda;letter-spacing:3px;font-size:9px}.window-label{font-size:10px}.hero-crop{height:auto;aspect-ratio:2.38;overflow:hidden}.hero-crop img{width:100%;height:auto}.hero-bottom{height:1px}.glow{position:absolute;width:630px;height:440px;border-radius:50%;filter:blur(55px);opacity:.3;pointer-events:none;animation:drift 8.5s ease-in-out infinite alternate}.glow-one{background:radial-gradient(ellipse,#c58cff,transparent 66%);left:-250px;top:180px;transform:rotate(-25deg)}.glow-two{background:radial-gradient(ellipse,#b3a0fa,transparent 68%);right:-220px;top:250px;animation-delay:-4s}.audience-strip{display:flex;align-items:center;justify-content:center;gap:35px;flex-wrap:wrap;padding:32px 0;border-bottom:1px solid var(--line);font-size:10px;letter-spacing:.12em;color:#787180;font-weight:700}.separator{height:20px;width:1px;background:var(--line)}.section{padding-block:112px}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:50px;margin-bottom:45px}.section-head h2,h2{font-size:clamp(35px,4vw,52px);line-height:1.12;letter-spacing:-.045em;font-weight:500;margin:0}.section-head .eyebrow{margin-bottom:19px}.section-head>p{max-width:330px;margin:0 0 4px;color:var(--muted);font-size:16px;line-height:1.7}.roles{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.role{padding:33px 30px 32px 0;display:flex;flex-direction:column;align-items:flex-start}.role+.role{padding-left:32px;border-left:1px solid var(--line)}.role-number{font-size:12px;color:#9f8ab8;margin-bottom:25px}.role h3{font-size:25px;letter-spacing:-.04em;font-weight:500;margin:0 0 17px}.role p{font-size:15px;line-height:1.7;color:var(--muted);margin:0 0 25px}.role a{font-size:13px;font-weight:600;margin-top:auto;line-height:1.6}.role a span{margin-left:12px;color:var(--violet)}.music-section{background:var(--dark);color:#fff;padding:92px 0 42px;position:relative;overflow:hidden}.music-section em{color:#c6a4f2}.music-section .eyebrow{color:#b6a2d3}.music-section .section-head>p{color:#b9b0c9}.music-roles{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #3a314d;margin-top:40px}.music-roles article{padding:38px 70px 44px 0}.music-roles article+article{border-left:1px solid #3a314d;padding-left:55px;padding-right:0}.role-label{font-size:11px;letter-spacing:.14em;color:#ad9bc8;margin:0 0 25px}.music-roles h3{font-size:36px;font-weight:500;letter-spacing:-.035em;line-height:1.15;margin:0 0 23px}.music-roles article>p:not(.role-label){font-size:16px;line-height:1.7;color:#c6bfd1;max-width:400px;margin:0 0 30px}.light{background:#e9dbfa;color:var(--ink)}.outline{border:1px solid #766487;color:#fff}.music-platforms{display:flex;gap:26px;padding-top:25px;border-top:1px solid #3a314d;font-size:10px;letter-spacing:.15em;color:#a291bb}.preview-tabs{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:23px}.preview-tabs button{border:1px solid var(--line);background:transparent;color:#61596f;font-size:14px;border-radius:7px;padding:11px 19px;transition:background 0.1s,color 0.1s}.preview-tabs button.active{background:var(--ink);color:#fff;border-color:var(--ink)}.screen-frame{border:1px solid #ddd3e9;border-radius:13px;overflow:hidden;box-shadow:0 22px 65px #2e174d0d}.screen-crop{aspect-ratio:2.08;overflow:hidden;background:#f5f1fa}.screen-crop img{width:100%;height:auto}.screen-caption{font-size:13px;color:#77707e;margin:18px 0 0}.how-section{background:#f4effa;padding:85px 0 92px}.steps{list-style:none;margin:52px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.steps span{font-size:13px;display:block;color:var(--violet);border-top:1px solid #d4c7e6;padding-top:23px}.steps h3{font-size:21px;font-weight:500;letter-spacing:-.025em;margin:24px 0 13px}.steps p{font-size:15px;line-height:1.7;color:var(--muted);margin:0}.closing{text-align:center;padding:112px 0}.closing h2{font-size:clamp(36px,4.5vw,60px);margin-bottom:30px}.closing>p:last-child{font-size:14px;line-height:1.7;color:var(--muted);margin:25px 0 0}footer{background:var(--dark);color:#d4c8e5;padding:50px 0 22px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:35px;padding-bottom:40px}.footer-top p{font-size:13px;color:#a89aba;margin:0 0 11px}.footer-top div>a{font-size:17px}.footer-top .text-link{font-size:13px}.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid #393045;padding-top:23px;font-size:11px;color:#ad9ebb}.footer-bottom button{border:0;color:inherit;background:transparent;font-size:11px;padding:8px}.js .reveal{opacity:0;transform:translateY(20px);transition:opacity 0.325s ease,transform 0.325s ease}.js .reveal.visible{opacity:1;transform:none}.paused *{animation-play-state:paused!important}.paused .reveal{opacity:1;transform:none;transition:none}@keyframes drift{from{transform:translate(0,0) scale(1)}to{transform:translate(110px,-70px) scale(1.3)}}@keyframes arrive{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}@media(max-width:800px){.wrap{width:calc(100% - 40px)}.nav{height:76px;gap:12px}.nav nav{gap:18px;font-size:12px}.brand{width:138px}.nav-cta{padding:10px 12px;font-size:12px;gap:10px}.hero{padding-top:65px}.hero-copy{font-size:17px}.audience-strip{gap:19px;font-size:9px}.section{padding-block:74px}.section-head{display:block;margin-bottom:30px}.section-head>p{max-width:500px;margin-top:22px}.role{padding-right:22px}.role+.role{padding-left:22px}.role h3{font-size:22px}.role p{font-size:14px}.music-section{padding-top:70px}.music-roles article{padding-right:32px}.music-roles article+article{padding-left:32px}.music-roles h3{font-size:30px}.steps{gap:26px}.footer-top{flex-wrap:wrap}.footer-top .text-link{display:none}}@media(max-width:540px){.wrap{width:calc(100% - 36px)}.nav nav{display:none}.brand{width:140px;height:46px}.hero{padding-top:51px}.hero .eyebrow{font-size:10px;letter-spacing:.12em;margin-bottom:21px}h1{font-size:44px;letter-spacing:-.055em;line-height:1.09}.hero-copy{font-size:16px;max-width:325px;margin:24px auto}.desktop{display:none}.actions{gap:9px;flex-direction:column}.button{font-size:14px;padding:16px 21px}.text-link{font-size:13px}.agent-note{font-size:11px;margin-top:16px}.hero-preview{width:calc(100% - 24px);margin-top:33px;border-radius:9px 9px 0 0}.window-top{height:27px;font-size:9px;padding-inline:10px}.window-label{display:none}.window-dots{font-size:6px}.hero-crop{aspect-ratio:1.7}.hero-crop img{max-width:none;width:142%;transform:translateX(-5%)}.audience-strip{padding:24px 10px;gap:14px 17px;line-height:1.5}.audience-strip .separator{display:none}.section{padding-block:61px}.section-head h2,h2{font-size:36px}.eyebrow{font-size:10px;margin-bottom:20px}.section-head>p{font-size:15px;line-height:1.65}.roles{display:block}.role,.role+.role{padding:25px 0;border-left:0;position:relative;padding-left:43px}.role+.role{border-top:1px solid var(--line)}.role-number{position:absolute;left:0;top:31px}.role h3{font-size:24px;margin-bottom:11px}.role p{font-size:15px;margin-bottom:15px}.role a{font-size:13px}.music-section{padding-top:60px}.music-roles{display:block}.music-roles article,.music-roles article+article{padding:28px 0 35px;border-left:0}.music-roles article+article{border-top:1px solid #3a314d}.music-roles h3{font-size:32px}.music-roles article>p:not(.role-label){font-size:15px}.music-platforms{gap:16px;font-size:8px}.preview-tabs{gap:6px}.preview-tabs button{font-size:12px;padding:11px 12px}.screen-crop{aspect-ratio:1.35}.screen-crop img{width:150%;max-width:none}.screen-caption{font-size:12px;line-height:1.6}.how-section{padding:60px 0}.steps{display:block;margin-top:34px}.steps li+li{margin-top:30px}.steps h3{margin:17px 0 12px;font-size:23px}.steps p{font-size:15px}.closing{padding-block:70px}.closing h2{font-size:36px;line-height:1.15}.closing>p:last-child{font-size:13px}.footer-top{display:block;padding-bottom:27px}.footer-top>div{margin-top:28px}.footer-bottom{flex-wrap:wrap;gap:10px;font-size:10px}.footer-bottom>span:nth-child(2){width:100%;order:3}.footer-bottom button{font-size:10px;padding:0}.reveal{transform:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.js .reveal{opacity:1;transform:none}}
/* Three complementary animation placements; text remains independent. */
.hero{padding-top:50px}.hero-inner{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);align-items:center;gap:18px;text-align:left}.hero-words{padding-block:30px}.hero h1{font-size:clamp(44px,5.3vw,69px);line-height:1.09}.hero-copy{font-size:17px;max-width:480px}.hero .actions{justify-content:flex-start;gap:19px}.hero .button{padding:16px 20px;font-size:14px;gap:17px}.hero .text-link{font-size:13px}.hero-preview{margin-top:35px;animation:none}.motion-stage{margin:0;position:relative;min-width:0}.motion-stage canvas{display:block;width:100%;height:100%}.halo-stage{height:470px}.halo-core{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;pointer-events:none;gap:5px;color:#765393}.halo-core strong{font-size:13px;letter-spacing:.065em}.halo-core span{font-size:12px;color:#9b86af}.halo-roles{list-style:none;padding:0;margin:0}.halo-role{position:absolute;border:1px solid #ddd0ed;border-radius:8px;background:#fcf9ffe8;color:#795e8f;font-size:12px;line-height:1.4;padding:8px 12px;box-shadow:0 5px 19px #56327706;white-space:nowrap}.role-brands{top:5%;left:50%;transform:translateX(-50%)}.role-influencers{top:32%;right:0}.role-ugc{bottom:8%;right:8%}.role-artists{bottom:8%;left:8%}.role-promoters{top:32%;left:0}.illustrated-head{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center;gap:55px}.story-copy>p:last-child{max-width:420px;font-size:16px;line-height:1.7;color:var(--muted);margin:24px 0 0}.connection-stage{height:280px}.link-stage{height:300px}.how-section .section-head{margin-bottom:15px}.scroll-frame{--frame-y:0px;--frame-scale:1;--frame-tilt:0deg;transform:perspective(1200px) translateY(var(--frame-y)) rotateX(var(--frame-tilt)) scale(var(--frame-scale));transform-origin:50% 100%}.motion-ready [data-reveal]{opacity:0;transform:translate3d(0,25px,0);transition:opacity 0.35s cubic-bezier(.2,.7,.2,1),transform 0.4s cubic-bezier(.2,.7,.2,1);transition-delay:var(--reveal-delay,0ms)}.motion-ready [data-reveal="fade"]{transform:none}.motion-ready [data-reveal="from-left"]{transform:translate3d(-24px,14px,0)}.motion-ready [data-reveal="from-right"]{transform:translate3d(24px,14px,0)}.motion-ready [data-reveal].is-visible{opacity:1;transform:none}.motion-ready [data-reveal]:focus-within{opacity:1;transform:none}.role{transition:background 0.11s ease}.role:hover{background:#f8f4fc}.role a{transition:color 0.09s ease}.role a:hover{color:var(--violet)}.preview-tabs button:hover:not(.active){background:#f2eafa}.screen-crop img{transition:opacity 0.11s ease}.paused [data-reveal],.paused .motion-ready [data-reveal]{opacity:1!important;transform:none!important;transition:none!important}.paused .scroll-frame{transform:none}.paused{scroll-behavior:auto}.how-section{overflow:hidden}
@media(max-width:1000px){.hero-inner{gap:4px;grid-template-columns:1.1fr 1fr}.hero h1{font-size:54px}.hero .actions{gap:9px}.hero .text-link{padding-block:5px}.hero-copy{font-size:16px}.halo-stage{height:420px}.halo-role{font-size:11px;padding:7px 9px}.illustrated-head{gap:30px}.connection-stage{height:250px}.link-stage{height:270px}}
@media(max-width:760px){.hero{padding-top:34px}.hero-inner{display:flex;flex-direction:column;text-align:center;gap:0}.hero-words{padding-block:0;width:100%}.hero h1{font-size:clamp(42px,7.5vw,59px)}.hero .hero-copy{max-width:440px;margin-inline:auto}.hero .actions{justify-content:center}.halo-stage{width:min(440px,100%);height:365px;margin-top:25px}.halo-role{font-size:12px}.role-brands{top:3%}.role-influencers,.role-promoters{top:31%}.role-artists,.role-ugc{bottom:5%}.hero-preview{margin-top:22px}.illustrated-head{grid-template-columns:1fr;gap:12px;margin-bottom:26px}.connection-stage{height:235px;max-width:380px;width:100%;margin:0 auto}.link-stage{height:265px;max-width:390px;width:100%;margin:0 auto}.story-copy>p:last-child{margin-top:20px;max-width:500px}.how-section .section-head{margin-bottom:25px}}
@media(max-width:540px){.hero h1{font-size:44px}.hero .eyebrow{margin-bottom:21px}.hero-copy{font-size:16px}.hero .actions{gap:9px;flex-direction:column}.hero .text-link{padding-block:10px}.halo-stage{height:326px;margin-top:20px;width:100%}.halo-role{font-size:11px;padding:6px 8px}.halo-core strong{font-size:11px}.halo-core span{font-size:10px}.role-promoters,.role-influencers{top:30%}.role-ugc{right:1%;bottom:4%}.role-artists{left:1%;bottom:4%}.role-brands{top:0}.hero-preview{margin-top:18px}.connection-stage{height:220px}.link-stage{height:235px}.story-copy>p:last-child{font-size:15px}.motion-ready [data-reveal]{transform:translate3d(0,18px,0)}.motion-ready [data-reveal="from-left"],.motion-ready [data-reveal="from-right"]{transform:translate3d(0,18px,0)}.motion-ready [data-reveal].is-visible{transform:none}.motion-ready [data-reveal="fade"]{transform:none}}
@media(prefers-reduced-motion:reduce){.motion-ready [data-reveal]{opacity:1!important;transform:none!important;transition:none!important}.scroll-frame{transform:none!important}}
@media(min-width:761px){.marketing-head{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}.marketing-head .connection-stage{grid-column:1;grid-row:1}.marketing-head .story-copy{grid-column:2;grid-row:1}}
.scroll-frame.frame-settled{transform:none}

/* Scroll-led typography and small community details. */

.section-label{font-family:inherit;font-weight:500;font-synthesis:none;line-height:1.45;white-space:nowrap}
.section-label{font-size:15px;letter-spacing:.035em;min-height:22px}
.story-copy .section-label{margin-bottom:19px}
.join-heading{font-size:38px;letter-spacing:-.035em;margin-top:48px;margin-bottom:0;line-height:1.4}
.join-heading+.steps{margin-top:28px}
.role-bullet{width:25px;height:25px;display:block;flex:none;margin-bottom:22px;color:#9966cb}
.role-bullet svg{display:block;width:100%;height:100%;transform:translateY(var(--bullet-y,0px)) rotate(var(--bullet-angle,0deg));transform-origin:center}
.listener-reactions{display:flex;flex-wrap:wrap;align-items:flex-start;gap:17px 12px;margin-top:33px;max-width:400px;padding-bottom:12px}
.comment-bubble{position:relative;display:block;padding:11px 15px;border:1px solid #745184;border-radius:15px;background:#322443;color:#ecd1e9;font-size:13px;line-height:1.4;box-shadow:0 7px 20px #110c2214}
.comment-bubble+ .comment-bubble{margin-left:32px;border-radius:15px 15px 4px 15px}
.closing-note span{display:block}
@media(max-width:760px){
 .halo-stage{width:min(360px,100%);height:350px;margin-top:25px}
 .halo-stage canvas{position:absolute;inset:35px 0 auto;width:100%;height:290px}
 .halo-core{inset:35px 0 auto;height:290px}
 .halo-role{font-size:11px;line-height:1.4;padding:7px 11px;border-radius:20px;background:#fcf9fff0;box-shadow:0 4px 15px #56327708}
 .role-brands{top:0;left:50%;right:auto;bottom:auto;transform:translateX(-50%)}
 .role-promoters{top:43px;left:0;right:auto;bottom:auto;transform:none}
 .role-influencers{top:43px;right:0;left:auto;bottom:auto;transform:none}
 .role-artists{bottom:0;left:8%;right:auto;top:auto;transform:none}
 .role-ugc{bottom:0;right:8%;left:auto;top:auto;transform:none}
 .join-heading{font-size:32px;margin-top:35px}
}
@media(max-width:540px){
 .role-bullet{position:absolute;left:0;top:29px;width:22px;height:22px;margin:0}
 .section-label{font-size:14px;line-height:1.6}
 .listener-reactions{margin-top:27px;gap:16px}
 .comment-bubble{font-size:12px;padding:10px 13px}
 .comment-bubble+ .comment-bubble{margin-left:20px}
 .closing>.closing-note:last-child{font-size:clamp(12px,3.5vw,13px);line-height:1.8}
 .closing-note span{white-space:nowrap}
}
@media(prefers-reduced-motion:reduce){.role-bullet svg{transform:none!important}}

/* Quiet tethers sit behind the halo and its role labels. */
.halo-cords{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;fill:none;stroke:#9468c4;stroke-width:.9;stroke-opacity:.4;stroke-linecap:round}
.halo-cords path{vector-effect:non-scaling-stroke}

.halo-stage{isolation:isolate}.halo-cords{z-index:-1}

/* A simpler opening, readable screenshots and two restrained music details. */
.hero{padding-bottom:60px}
.section-label{font-size:16px;line-height:26px;min-height:26px;letter-spacing:.015em}
.halo-cords{stroke-width:1.15;stroke-opacity:.52}
.screen-crop{aspect-ratio:auto;overflow:visible}
.screen-crop img{width:100%;max-width:100%;height:auto;transform:none;object-fit:contain}
.music-section .section-head{align-items:flex-start}
.music-intro{max-width:330px;padding-top:34px}
.music-intro>p{font-size:16px;line-height:1.7;color:#b9b0c9;margin:0}
.music-icons{height:77px;width:100%;max-width:320px;position:relative;margin-top:10px;pointer-events:none}
.music-particle{position:absolute;top:17px;left:5%;display:grid;place-items:center;width:44px;height:44px;border:1px solid #b792d838;border-radius:14px;color:#d4b1f1;background:#c39de70c;opacity:0;transform-origin:50% 60%}
.music-particle:nth-child(2){left:41%}.music-particle:nth-child(3){left:76%}
.music-particle svg{width:27px;height:27px;overflow:visible}
.glyph-play{opacity:var(--play,1)}.glyph-pause{opacity:calc(1 - var(--play,1))}
.equalizer-bar{transform-origin:50% 50%}.bar-one{transform:scaleY(var(--bar-one,1))}.bar-two{transform:scaleY(var(--bar-two,1))}.bar-three{transform:scaleY(var(--bar-three,1))}
.artist-join{position:relative;z-index:2}
.listener-reactions{display:block;position:relative;height:164px;width:100%;max-width:400px;margin-top:-5px;padding:0;overflow:hidden;pointer-events:none;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 19px,#000 94%,transparent);mask-image:linear-gradient(to bottom,transparent,#000 19px,#000 94%,transparent)}
.listener-reactions .comment-bubble{position:absolute;top:0;left:0;max-width:calc(100% - 26px);margin:0;padding:11px 14px;font-size:13px;line-height:1.4;transform:translate3d(0,22px,0)}
.listener-reactions .comment-bubble+.comment-bubble{left:24px;margin:0;transform:translate3d(0,74px,0)}
@media(max-width:800px){.music-intro{max-width:500px;margin-top:22px;padding-top:0}}
@media(max-width:540px){
 .hero{padding-bottom:40px}
 .screen-crop{aspect-ratio:auto;overflow:visible}
 .screen-crop img{width:100%;max-width:100%;height:auto;transform:none}
 .music-intro>p{font-size:15px}
 .listener-reactions .comment-bubble{font-size:12px;padding:10px 12px}
}
.listener-reactions .comment-bubble+.comment-bubble{left:0}
.listener-reactions .comment-bubble{border-radius:15px}

.listener-reactions .comment-bubble+.comment-bubble{transform:translate3d(24px,74px,0)}

/* A quiet, illustrative views-to-earnings curve. The empty phase keeps its space. */
.earnings-chart{width:min(100%,400px);margin:27px 0 0;pointer-events:none}
.earnings-chart svg{display:block;width:100%;height:auto;overflow:visible}
.earnings-grid{stroke:#b79acf;stroke-width:.6;stroke-opacity:.12;fill:none}
.earnings-axes{stroke:#a996bd;stroke-width:1;stroke-opacity:.55;fill:none}
.earnings-label{fill:#c3b2d4;font-family:Arial,Helvetica,sans-serif;font-size:14px}
.earnings-dollar{font-size:17px;fill:#dcc7ec}
.earnings-curve{fill:none;stroke:#c899ef;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.earnings-point{fill:#e8ccfb}
@media(max-width:760px){
 .link-stage canvas{-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 12px),transparent calc(100% - 3px));mask-image:linear-gradient(to bottom,#000 calc(100% - 12px),transparent calc(100% - 3px))}
}

.music-particle:nth-child(4){left:24%}.music-particle:nth-child(5){left:59%}.vinyl-grooves{transform-origin:16px 16px;transform:rotate(var(--disc-angle,0deg))}

/* Fair pricing and a concise phone introduction. */
.hero-copy-mobile{display:none}
.pricing-section{background:#fbf8fe;border-top:1px solid #ece4f2}
.pricing-points{display:grid;grid-template-columns:1fr 1fr;gap:54px;border-top:1px solid #e3d7ed;padding-top:32px}
.pricing-question{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:17px}
.pricing-question h3{font-size:23px;line-height:1.25;font-weight:500;letter-spacing:-.035em;margin:0}
.pricing-question>span{font-size:34px;color:var(--violet);letter-spacing:-.035em}
.pricing-points p{font-size:16px;line-height:1.75;color:var(--muted);margin:0;max-width:480px}
.pricing-support{border-left:2px solid #bf9bdd;padding-left:22px;max-width:860px;margin:40px 0 0;font-size:16px;line-height:1.8;color:var(--muted)}
.steps li{display:flex;flex-direction:column;min-width:0}
.steps p{flex:1}
.step-visual{width:100%;max-width:270px;aspect-ratio:260/114;margin-top:24px;opacity:1;pointer-events:none;transform-origin:50% 70%}
.step-visual svg{display:block;width:100%;height:auto;overflow:visible}
@media(max-width:800px){.pricing-points{gap:32px}.pricing-question{align-items:flex-start;gap:15px}.pricing-question h3{font-size:21px}.pricing-question>span{font-size:30px}}
@media(max-width:540px){
 .hero .hero-copy{max-width:none;font-size:clamp(13px,3.85vw,15px);line-height:1.7}
 .hero-copy-desktop{display:none}.hero-copy-mobile{display:block;white-space:nowrap}
 .pricing-points{grid-template-columns:1fr;gap:27px;padding-top:25px}
 .pricing-points article+article{border-top:1px solid #e3d7ed;padding-top:27px}
 .pricing-question h3{font-size:23px}.pricing-points p,.pricing-support{font-size:15px}
 .pricing-support{margin-top:30px;padding-left:17px}
 .step-visual{max-width:255px;margin:19px auto 0}
}

/* Consistent vector link icons, including on iOS. */
.link-arrow{display:inline-block;width:18px;height:18px;flex:0 0 auto;vertical-align:-.15em;color:var(--violet)}
.role a .link-arrow,.footer-top div>a .link-arrow{margin-left:12px}
.nav-cta .link-arrow,.primary .link-arrow,.outline .link-arrow,footer .link-arrow{color:var(--lilac)}
.nav-cta{background:#e9dbfa;border-color:#e9dbfa;color:var(--ink);font-weight:600;transition:background 0.1s,border-color 0.1s}
.nav-cta:hover{background:#dfccf5;border-color:#dfccf5}

.nav-cta .link-arrow{color:inherit}
.halo-stage canvas{cursor:pointer;touch-action:pan-y pinch-zoom}
.halo-stage canvas:focus-visible{outline:2px solid var(--violet);outline-offset:4px;border-radius:16px}
.halo-stage canvas[aria-disabled="true"]{cursor:default}

/* Five fine Silk strands share the halo's purple filament palette. */
.halo-cords{z-index:1;stroke-opacity:1;stroke-width:1;pointer-events:none;overflow:visible}
.halo-cords .cord-fibre{fill:none;stroke:#8750bb;stroke-opacity:.9;stroke-width:.85;pointer-events:none}
.halo-cords .cord-fibre:nth-of-type(2){stroke:#af7ed6}
.halo-cords .cord-fibre:nth-of-type(3){stroke:#d3b2ee}
.halo-cords .cord-fibre:nth-of-type(4){stroke:#a16dc8}
.halo-cords .cord-fibre:nth-of-type(5){stroke:#8852ba}
.halo-cords .cord-debris{fill:#a365d5;stroke:#cfb0ed;stroke-width:.3;pointer-events:none}
.halo-cords .cord-hit{fill:none;stroke:transparent;stroke-width:26;pointer-events:stroke;cursor:grab;touch-action:none;outline:none}
.halo-cords .is-pulling .cord-hit{cursor:grabbing}
.halo-cords .cord-hit:focus-visible{stroke:#9563cb;stroke-opacity:.16;stroke-width:20}
.halo-cords .cord-hit[aria-disabled="true"]{pointer-events:none;cursor:default}
.halo-stage .halo-core{z-index:2}
.halo-stage .halo-role{z-index:3}
@media(pointer:coarse){.halo-cords .cord-hit{stroke-width:34}}

/* A brief connection gesture; lettering stays completely still. */
.brand-logo{display:block;width:100%;height:100%;overflow:visible}
.logo-link{transform-box:view-box;transform-origin:445px 285px}
.brand-logo.is-linking .logo-link-purple{animation:logo-link-purple 1.5s both}
.brand-logo.is-linking .logo-link-white{animation:logo-link-white 1.5s both}
@keyframes logo-link-purple{
 0%,100%{transform:translate(0,0) rotate(0deg)}
 28%{transform:translate(-43px,-29px) rotate(-11deg);animation-timing-function:cubic-bezier(.25,.05,.3,1)}
 65%{transform:translate(7px,4px) rotate(2deg);animation-timing-function:ease-out}
 82%{transform:translate(-3px,-2px) rotate(-.8deg);animation-timing-function:ease-in-out}
}
@keyframes logo-link-white{
 0%,100%{transform:translate(0,0) rotate(0deg)}
 28%{transform:translate(34px,27px) rotate(9deg);animation-timing-function:cubic-bezier(.25,.05,.3,1)}
 65%{transform:translate(-6px,-4px) rotate(-1.7deg);animation-timing-function:ease-out}
 82%{transform:translate(2px,2px) rotate(.6deg);animation-timing-function:ease-in-out}
}
@media(prefers-reduced-motion:reduce){.brand-logo .logo-link{animation:none!important;transform:none!important}}

/* Slow aurora light behind a soft, frosted veil. */
.hero,.music-section{isolation:isolate}
.hero{background:linear-gradient(155deg,#fcfaff,#f0e7fc 65%,#ede0fa)}
.ambient-light{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0;contain:paint}
.ambient-light i{position:absolute;display:block;width:85%;height:90%;border-radius:46%;filter:blur(48px);opacity:.58;will-change:transform;animation:aurora-flow 22s ease-in-out infinite alternate}
.ambient-light i:nth-child(1){left:-22%;top:5%;background:radial-gradient(ellipse,#bd9aea 0%,#d4b5f0 50%,transparent 70%)}
.ambient-light i:nth-child(2){right:-24%;top:16%;background:radial-gradient(ellipse,#c5b1f4,transparent 68%);animation-name:aurora-return;animation-duration:28s;animation-delay:-12s}
.ambient-light i:nth-child(3){left:20%;bottom:-48%;height:100%;background:radial-gradient(ellipse,#edc5e8,transparent 67%);animation-duration:26s;animation-delay:-8s;opacity:.5}
.ambient-light::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,#ffffff75,#ffffff12 60%,#ffffff38);pointer-events:none}
.hero::after,.music-section::after{content:"";position:absolute;inset:0;background-image:url("assets/frost-grain.svg");opacity:.035;pointer-events:none;z-index:0}
.music-section{background:#191633}
.music-section>.wrap{position:relative;z-index:1}
.music-section .ambient-light i{opacity:.23;width:75%;height:75%;filter:blur(60px)}
.music-section .ambient-light i:nth-child(1){background:radial-gradient(ellipse,#8245bd,transparent 68%);top:-18%;left:-30%}
.music-section .ambient-light i:nth-child(2){background:radial-gradient(ellipse,#6548b5,transparent 68%);top:22%;right:-24%}
.music-section .ambient-light i:nth-child(3){background:radial-gradient(ellipse,#984584,transparent 68%);bottom:-36%;opacity:.12}
.music-section .ambient-light::after{background:linear-gradient(120deg,#19163320,#19163385 60%,#19163320)}
.ambient-light.is-offscreen i,.page-hidden .ambient-light i,.page-hidden .creator-float{animation-play-state:paused}
@keyframes aurora-flow{from{transform:translate3d(-4%,-3%,0) rotate(-15deg) scale(.96,1.12)}to{transform:translate3d(20%,12%,0) rotate(13deg) scale(1.12,.94)}}
@keyframes aurora-return{from{transform:translate3d(10%,8%,0) rotate(16deg) scale(1.1,.92)}to{transform:translate3d(-19%,-9%,0) rotate(-14deg) scale(.96,1.16)}}

/* Profiles unfold into one collaboration as the visitor scrolls. */
.connection-stage.creator-stage{height:auto;aspect-ratio:480/410;width:100%;max-width:510px;margin:0 auto;align-self:center}
.creator-stage svg{display:block;width:100%;height:auto;overflow:visible;font-family:Arial,Helvetica,sans-serif}
.creator-stage figcaption{text-align:center;font-size:12px;color:#887497;letter-spacing:.015em;margin:-6px 0 0}
.creator-name{font-size:16px;font-weight:600;fill:#30213e;letter-spacing:-.3px}
.creator-meta{font-size:11.5px;fill:#877492}
.creator-tag{font-size:10px;fill:#7b5199}
.collaboration-title{font-size:20px;fill:#fff;font-weight:600;letter-spacing:-.5px}
.collaboration-copy{font-size:12px;fill:#cab9df}
.collaboration-status{font-size:10.5px;fill:#4e2e69;font-weight:600}
.creator-float{animation:creator-float 5s ease-in-out infinite alternate}
@keyframes creator-float{from{transform:translateY(-4px)}to{transform:translateY(4px)}}
@media(max-width:760px){
 .connection-stage.creator-stage{max-width:390px;margin-top:20px;margin-bottom:8px}
 .ambient-light i{filter:blur(28px);width:110%;opacity:.48}
 .music-section .ambient-light i{filter:blur(35px);opacity:.2}
}
@media(prefers-reduced-motion:reduce){.ambient-light i,.creator-float{animation:none!important;will-change:auto}}

/* Broad coloured light, diffused by a fine frosted surface. */
.hero .ambient-light i{width:115%;height:65%;border-radius:40% 60%;opacity:.63}
.hero .ambient-light i:nth-child(1){top:5%;left:-32%}
.hero .ambient-light i:nth-child(2){top:38%;right:-36%}
.hero .ambient-light i:nth-child(3){bottom:-32%;height:90%;opacity:.52}
.hero::after,.music-section::after{opacity:.05}

/* A diffuse spotlight follows the pointer without intercepting any input. */
.cursor-light{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:8;contain:strict}
.cursor-light::before{content:"";position:absolute;left:0;top:0;width:min(85vw,900px);height:min(85vh,720px);border-radius:50%;background:radial-gradient(ellipse,rgba(192,148,249,.16),rgba(171,126,224,.07) 34%,transparent 69%);transform:translate3d(calc(var(--beam-x,50vw) - 50%),calc(var(--beam-y,40vh) - 50%),0);will-change:transform}

/* A soft veil keeps the music background calm and readable. */
.music-section .ambient-light::after{background:linear-gradient(180deg,#191633 0%,#19163320 16%,#19163348 65%,#191633 100%)}
.page-hidden .cursor-light::before,.paused .cursor-light::before{animation-play-state:paused!important}

/* Three soft wave edges form one continuous light-to-dark section boundary. */
.fluid-transition{height:clamp(100px,12vw,185px);position:relative;background:linear-gradient(180deg,#fdfcfe 5%,#f5edfb 78%,#e9dcf6);overflow:hidden;margin-bottom:-1px;pointer-events:none}
.fluid-transition svg{display:block;position:absolute;inset:0;width:100%;height:calc(100% + 1px)}
.fluid-transition + .music-section{padding-top:54px}
@media(max-width:760px){
 .fluid-transition + .music-section{padding-top:40px}
 .hero .ambient-light i{filter:blur(28px);opacity:.5}
}
@media(prefers-reduced-motion:reduce){
 .cursor-light::before{animation:none!important;transform:translate3d(0,0,0)!important;will-change:auto}
}

/* Aurora and cursor light are desktop-only, including on large touch tablets. */
@media(max-width:1024px),(hover:none),(pointer:coarse){
 .ambient-light,.cursor-light{display:none}
 .ambient-light i,.cursor-light::before{animation:none!important;will-change:auto}
 .cursor-light::before{content:none}
}

@media(max-width:400px){.halo-stage .role-promoters{width:90px;box-sizing:border-box;white-space:normal;text-align:center;line-height:1.2}}

/* Give Tangent cords room without changing the halo canvas or its scale. */
.halo-stage{height:560px}
.halo-stage canvas{position:absolute;inset:45px 0 auto;width:100%;height:470px}
.halo-stage .halo-core{inset:45px 0 auto;height:470px}
@media(max-width:1000px){.halo-stage{height:520px}.halo-stage canvas,.halo-stage .halo-core{top:50px;height:420px}}
@media(max-width:760px){.halo-stage{height:470px}.halo-stage canvas,.halo-stage .halo-core{top:90px;height:290px}}

/* Mobile: headline, standalone halo, supporting copy, then CTA. */
@media(max-width:760px){
 .hero-words{display:contents}
 .hero-words>h1{order:0;width:100%}
 .hero-inner .halo-stage{order:1;height:250px;margin:8px auto 0;overflow:hidden}
 .hero-inner .halo-stage canvas,.hero-inner .halo-stage .halo-core{top:-20px;height:290px}
 .halo-stage .halo-roles,.halo-stage .halo-cords{display:none}
 .hero-words>.hero-copy{order:2;margin:10px auto 26px}
 .hero-words>.actions{order:3}
}