:root{--bg:#06070b;--panel:#10131c;--white:#f5f5f7;--muted:#9499a8;--line:rgba(255,255,255,.12);--pink:#ff5a64;--blue:#6fb6ff;--mint:#79e5b6;--yellow:#cbbcff;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--white);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--yellow);outline-offset:6px}button svg,a svg,article svg,.feature-strip svg{width:21px;height:21px;flex-shrink:0}button{color:inherit}p{line-height:1.65}img{max-width:100%;display:block}.wrap{width:min(1280px,calc(100% - 112px));margin-inline:auto}.skip{position:fixed;left:20px;top:-80px;z-index:99;background:var(--yellow);color:#111;padding:15px}.skip:focus{top:10px}.header{height:100px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:3;border-bottom:1px solid rgba(255,255,255,.065)}.brand{display:block}.brand img{object-fit:contain}.header nav{display:flex;gap:36px;font-size:13px;color:#adb0ba}.header nav a:hover{color:white}.pill{display:inline-flex;align-items:center;justify-content:center;gap:18px;border:1px solid var(--line);border-radius:100px;padding:18px 25px;font-size:14px;font-weight:600;min-height:54px;transition:transform .25s,background .25s;white-space:nowrap;background:transparent}.pill:hover{transform:translateY(-3px)}.header-cta{padding:12px 19px;min-height:42px;font-size:12px;background:#15171e;box-shadow:inset 0 1px 0 #ffffff12}.primary{background:var(--pink);border-color:var(--pink);color:#10090b;box-shadow:0 4px 35px #ff5a641a}.primary:hover{background:#ff7680}.glass{background:linear-gradient(160deg,#ffffff14,#ffffff05);box-shadow:inset 0 1px 0 #ffffff15}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--pink);box-shadow:0 0 12px var(--pink)}.eyebrow{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;letter-spacing:.13em;font-weight:500;margin:0 0 27px;color:#acb0bf;display:flex;align-items:center;gap:10px}.hero{position:relative;display:grid;grid-template-columns:48% 52%;min-height:820px;padding-top:80px}.hero-copy{position:relative;z-index:2;pointer-events:none}.hero-copy a{pointer-events:auto}h1,h2,h3,h4{margin:0;letter-spacing:-.055em;line-height:1.02;font-weight:600}h1{font-size:clamp(62px,6.65vw,98px);letter-spacing:-.067em}h1>span{color:#ff737c}.intro{max-width:415px;color:#a9aebb;font-size:16px;margin:30px 0 27px}.actions{display:flex;align-items:center;gap:25px}.text-link{display:inline-flex;align-items:center;gap:20px;font-size:13px;font-weight:500}.text-link span{font-size:18px}.text-link:hover{color:var(--pink)}.fine{font-size:10px;color:#6f7584;margin:18px 0 0;line-height:1.6}.world{position:relative;min-width:0;height:650px;margin-top:-80px}.world canvas{position:absolute;width:900px;height:810px;top:-10px;left:-150px;touch-action:pan-y;cursor:grab}.world canvas:active{cursor:grabbing}.globe-fallback{position:absolute;inset:40px -70px 30px -70px;width:calc(100% + 140px);height:85%;object-fit:cover;opacity:.8;mask-image:radial-gradient(ellipse,#000 42%,transparent 69%)}.world.loaded .globe-fallback{display:none}.world-label{position:absolute;top:48px;right:60px;display:flex;align-items:center;gap:9px;color:#c5c9d2;font:9px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.1em}.world-label .dot{background:var(--blue);box-shadow:0 0 12px var(--blue)}.coordinate{position:absolute;right:0;top:238px;writing-mode:vertical-rl;color:#535969;font:9px ui-monospace,monospace;letter-spacing:.16em}.signal-card{position:absolute;bottom:56px;left:78px;width:350px;padding:21px 22px;border-radius:22px;background:linear-gradient(135deg,#202632e6,#0c0e17f0);backdrop-filter:blur(20px);border:1px solid #ffffff20;box-shadow:0 30px 75px #0008,inset 0 1px 0 #ffffff0d;transform:rotate(-4deg);transition:transform .4s}.signal-card:hover{transform:rotate(0)}.signal-top{display:flex;align-items:center;gap:10px;font-size:10px;color:#bdc1ce}.mini-icon{font:9px ui-monospace,monospace;border:1px solid #ff5a6445;color:var(--pink);padding:4px 5px;border-radius:5px}.orb-dot{margin-left:auto;width:5px;height:5px;border-radius:50%;background:#636a7a}.signal-title{font-size:30px;line-height:1.1;letter-spacing:-.04em;margin:19px 0 22px}.waveform,.record-wave{display:flex;gap:3px;align-items:center;height:48px;overflow:hidden}.waveform i,.record-wave i{display:block;flex:1;min-width:2px;border-radius:10px;background:linear-gradient(var(--pink),#f4538760);height:30%}.waveform i:nth-child(3n),.record-wave i:nth-child(3n){height:67%}.waveform i:nth-child(5n),.record-wave i:nth-child(5n){height:90%}.waveform i:nth-child(7n),.record-wave i:nth-child(7n){height:43%}.signal-footer{display:flex;align-items:center;justify-content:space-between;margin-top:14px;font-size:9px;color:#929aab}.signal-footer button{width:38px;height:38px;display:grid;place-items:center;background:#ff5a64;border:0;border-radius:50%;color:#180e12}.signal-on .orb-dot{background:var(--pink);box-shadow:0 0 16px var(--pink)}.signal-on .waveform i{animation:wave 1s ease-in-out infinite alternate}.signal-on .waveform i:nth-child(3n){animation-delay:-.3s}.signal-on .waveform i:nth-child(5n){animation-delay:-.7s}.world-hint{position:absolute;bottom:-2px;left:82px;font-size:10px;color:#737b8f}.motion-toggle{position:absolute;right:4px;bottom:10px;color:#9da4b5;background:transparent;border:0;font-size:10px;padding:10px}.feature-strip{grid-column:1/-1;display:flex;justify-content:space-between;gap:20px;padding:28px 6px;align-self:end;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:#bcc0cb;font-size:12px}.feature-strip>span{display:flex;gap:12px;align-items:center}.feature-strip svg{color:#7789b1}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:42px}.section-heading h2,h2{font-size:clamp(42px,4.4vw,64px)}.section-heading .eyebrow{margin-bottom:23px}.section-heading>p{font-size:14px;color:#9097a9;margin:0 0 3px;max-width:310px;min-width:250px}.experience{padding-top:150px}.console{position:relative;isolation:isolate;overflow:hidden;border-radius:30px;background:linear-gradient(150deg,#191d29,#0d0f17 60%);border:1px solid #ffffff1c;box-shadow:inset 0 1px 0 #ffffff10,0 30px 80px #0004}.console-top{display:flex;align-items:center;justify-content:space-between;padding:24px 32px;border-bottom:1px solid #ffffff0b;font:9px ui-monospace,monospace;letter-spacing:.09em;color:#b6bfce}.console-top>span:first-child{display:flex;align-items:center;gap:8px}.demo-label{color:#777f94;letter-spacing:0}.console-body{display:grid;grid-template-columns:1fr 1fr;padding:55px 65px 45px;gap:75px;min-height:395px}.mission-counter{color:var(--pink);font:10px ui-monospace,monospace;letter-spacing:.13em;margin:0 0 22px}.mission-copy h3{font-size:40px;max-width:360px;line-height:1.05}.mission-copy>p:not(.mission-counter):not(.mission-foot){font-size:13px;color:#9ba3b5;margin:19px 0 24px;max-width:350px;min-height:66px}.mission-copy .pill{font-size:12px;min-height:46px;padding:13px 20px}.mission-foot{font-size:9px;color:#6e788e;max-width:330px;margin-top:17px}.console-screen{background:radial-gradient(ellipse at 100% 0,#202b4933,transparent),#080a10;border:1px solid #ffffff16;border-radius:18px;box-shadow:0 10px 20px #0005;position:relative;overflow:hidden;min-height:292px}.screen-top{display:flex;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #ffffff0c;color:#748096;font:8px ui-monospace,monospace;letter-spacing:.09em}.visual-state{padding:23px 25px}.visual-state[hidden]{display:none}.source-buttons{display:grid;gap:10px}.source{display:flex;align-items:center;gap:13px;text-align:left;padding:13px 15px;background:#131722;border:1px solid #ffffff10;border-radius:10px;color:#8993a8;font-size:12px}.source>span:not(.source-check){flex:1}.source small{display:block;font-size:9px;line-height:1.5;margin-top:4px;color:#647087}.source.selected{border-color:#6fb6ff80;color:#d6e8ff;background:#152339}.source-check{visibility:hidden;color:var(--blue)}.source.selected .source-check{visibility:visible}.meter{height:18px;display:flex;gap:3px;margin-top:20px}.meter i{display:block;flex:1;border-radius:2px;background:#232937}.meter i:nth-child(-n+17){background:#73d5b8}.meter i:nth-child(17),.meter i:nth-child(16){background:#cbbcff}.source-state>p,.record-state>p{font-size:9px;color:#687388;margin-bottom:0}.live-state{text-align:center}.live-orbit{width:130px;height:130px;position:relative;margin:0 auto 5px;display:grid;place-items:center}.live-orbit img{width:47px}.live-ring{position:absolute;inset:5px;border:1px solid #ff5a6450;border-radius:50%;box-shadow:0 0 36px #ff5a641a}.live-orbit:before,.live-orbit:after{content:'';position:absolute;inset:23px;border:1px solid #ff5a6433;border-radius:50%}.live-orbit:after{inset:-10px;border-color:#ff5a6415}.live-beacon{position:absolute;top:9px;left:82px;width:8px;height:8px;border-radius:50%;background:var(--pink);box-shadow:0 0 16px var(--pink)}.live-state h4{font-size:24px;letter-spacing:-.04em}.live-state p{font-size:10px;color:#818ca4}.screen-badge{display:inline-flex;font-size:8px;color:#657188;border:1px solid #ffffff15;border-radius:20px;padding:5px 9px}.record-top{display:flex;align-items:center;gap:9px;font-size:13px;margin:8px 0 30px}.record-dot{width:7px;height:7px;border-radius:50%;background:var(--pink)}.rec-label{margin-left:auto;font:9px ui-monospace,monospace;color:var(--pink)}.record-wave{height:58px}.record-line{display:flex;justify-content:space-between;font:7px ui-monospace,monospace;letter-spacing:.08em;color:#626d82;margin:13px 0 22px}.moment{padding:9px 13px;font-size:10px;border:1px solid #ffffff20;border-radius:7px;background:#151923}.record-wave.marked i:nth-child(14){background:var(--yellow);height:100%}.share-preview{display:flex;gap:20px;align-items:center;margin:14px 0 24px}.share-preview img{width:56px}.share-preview span{font-size:23px;letter-spacing:-.04em;line-height:1.15}.share-preview strong{font-weight:500;color:var(--pink)}.link-preview{font:10px ui-monospace,monospace;background:#141927;color:#a2acc3;padding:12px;border-radius:8px;display:flex;justify-content:space-between;align-items:center}.link-preview svg{width:14px}.share-state>p{font-size:10px;color:#8792a8;margin:18px 0}.dock{margin:0 32px 28px;display:flex;gap:8px;border:1px solid #ffffff12;background:#07090f80;border-radius:18px;padding:8px;position:relative;z-index:2}.dock button{flex:1;display:flex;align-items:center;justify-content:center;gap:14px;border:1px solid transparent;background:transparent;border-radius:11px;padding:14px;color:#818b9e;transition:transform .22s,background .22s}.dock button>span:first-child{display:grid;place-items:center}.dock button>span:nth-child(2){font-size:12px;text-align:left}.dock small{display:block;font:8px ui-monospace,monospace;color:#556178;margin-bottom:4px}.dock button.active{background:#232837;border-color:#ffffff14;color:white;box-shadow:0 3px 8px #0004}.dock button.active svg{color:var(--pink)}.dock button:hover{background:#ffffff09;transform:translateY(-3px)}.under-console{display:flex;align-items:center;justify-content:center;gap:22px;margin-top:25px;font-size:11px;color:#727e94}.under-console a{color:#d9deea;font-size:11px}.discover{padding-top:150px}.product-window{display:block;position:relative;isolation:isolate;overflow:hidden;border:1px solid #ffffff1c;border-radius:25px;background:#10141d;box-shadow:0 40px 120px #101b3620}.window-top{display:flex;align-items:center;justify-content:space-between;padding:18px 23px;background:#161923;font-size:10px;color:#7e879a}.window-top>span:first-child{display:flex;gap:6px}.window-top i{width:5px;height:5px;border-radius:50%;background:#485165}.product-window>img{width:100%;height:auto}.image-caption{position:absolute;bottom:0;left:0;right:0;padding:55px 30px 27px;background:linear-gradient(transparent,#06070bf5);display:flex;justify-content:space-between;align-items:center;color:#bdc8df;font-size:12px}.image-caption>span:last-child{display:flex;gap:12px;align-items:center;font-size:11px}.discover-features{display:grid;grid-template-columns:repeat(3,1fr);gap:60px;margin-top:40px}.discover-features h3{font-size:23px;letter-spacing:-.045em}.discover-features p{font-size:12px;color:#8a94aa;max-width:290px;margin-top:13px}.events{padding-top:145px;display:grid;grid-template-columns:58% 1fr;gap:80px;align-items:center}.event-visual{position:relative;isolation:isolate;overflow:hidden;border:1px solid #ffffff1c;border-radius:24px;background:#0b0e17;min-height:500px}.event-visual>img{height:500px;max-width:none;width:800px;object-fit:cover;object-position:75% 50%;margin-left:-60px;opacity:.85}.event-example{position:absolute;bottom:16px;left:20px;font:8px ui-monospace,monospace;color:#9ea8b7;background:#0a1017d9;border:1px solid #ffffff14;border-radius:30px;padding:9px 13px}.event-copy .eyebrow{font-size:8px;line-height:1.6;color:var(--mint)}.event-copy>p:not(.eyebrow){color:#8895a8;font-size:13px;margin:23px 0}.event-copy .pill{margin-top:7px}.event-copy h2{font-size:52px}.final-cta{text-align:center;padding:165px 0 100px}.final-cta .eyebrow{justify-content:center;font-size:9px}.final-cta h2{font-size:clamp(40px,5.5vw,80px);line-height:1.08}.final-cta h2>span{color:var(--pink)}.final-cta>p:not(.eyebrow):not(.fine){font-size:13px;color:#8d96a9;margin:27px 0 30px}.final-cta .actions{justify-content:center}.faq{width:min(770px,calc(100% - 112px));padding-bottom:100px}details{border-top:1px solid var(--line);padding:21px 0}details:last-child{border-bottom:1px solid var(--line)}summary{cursor:pointer;font-size:13px;list-style:none;display:flex;justify-content:space-between;gap:20px;color:#c3cad9}summary:after{content:'+';font-size:18px;color:#73819c}details[open] summary:after{content:'−'}details p{font-size:12px;color:#828fa6;margin:19px 35px 0 0}.footer{border-top:1px solid var(--line);padding:34px 0;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:10px;color:#7c879c}.spotlight-glow{position:absolute;left:0;top:0;width:440px;height:440px;border-radius:50%;background:radial-gradient(circle,#8d9cc611,transparent 65%);opacity:0;pointer-events:none;z-index:-1}.spotlight:hover .spotlight-glow{opacity:1}.console-body,.console-top{position:relative;z-index:1}.paused *{animation-play-state:paused!important}@keyframes wave{to{height:20%;opacity:.6}}@media(min-width:1600px){.hero{min-height:890px}.world canvas{width:1000px;height:900px;left:-160px}.world{height:710px}}@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.hero{grid-template-columns:50% 50%;padding-top:65px;min-height:730px}h1{font-size:72px}.world{height:580px}.world canvas{width:730px;height:700px;left:-170px}.signal-card{left:25px;width:290px;bottom:15px}.world-label{right:20px}.world-hint{left:25px;bottom:-32px}.coordinate{display:none}.motion-toggle{bottom:-28px}.intro{max-width:340px;font-size:14px}.hero .actions{gap:17px}.pill{padding:15px 20px;font-size:12px}.hero .text-link{font-size:11px}.console-body{padding:42px;gap:35px}.mission-copy h3{font-size:34px}.events{gap:45px;grid-template-columns:55% 1fr}.event-copy h2{font-size:43px}.event-visual>img{width:760px;margin-left:-105px}.feature-strip{font-size:10px;gap:12px}.feature-strip svg{width:17px}.faq{width:min(770px,calc(100% - 64px))}}
@media(max-width:760px){html{scroll-padding-top:20px}.wrap{width:calc(100% - 40px)}.header{height:78px}.header nav{display:none}.brand img{width:54px;height:40px}.header-cta{font-size:10px;min-height:36px;padding:10px 15px}.hero{display:flex;flex-direction:column;padding-top:43px;min-height:auto;overflow:clip}.hero-copy{pointer-events:auto}.hero .eyebrow{font-size:8px;margin-bottom:23px}h1{font-size:clamp(48px,13vw,81px);letter-spacing:-.06em;line-height:1.01}.intro{font-size:13px;max-width:380px;margin:24px 0}.hero .actions{gap:20px}.hero .pill{font-size:11px;min-height:45px;padding:14px 19px}.hero .text-link{font-size:10px;gap:10px}.fine{font-size:8px}.world{height:440px;margin-top:0;width:100%}.world canvas{top:-45px;left:50%;transform:translateX(-50%);width:540px;height:520px;touch-action:pan-y}.globe-fallback{inset:0;width:100%;height:100%}.world-label{top:27px;right:2px;font-size:7px}.signal-card{left:50%;transform:translateX(-50%) rotate(-4deg);bottom:27px;width:250px;padding:16px 19px;border-radius:17px}.signal-card:hover{transform:translateX(-50%) rotate(0)}.signal-title{font-size:24px;margin:13px 0}.waveform{height:32px}.signal-top{font-size:8px}.mini-icon{font-size:7px}.signal-footer{font-size:8px;margin-top:8px}.signal-footer button{width:31px;height:31px}.world-hint{bottom:-4px;left:0;font-size:8px}.motion-toggle{right:0;bottom:-1px;font-size:8px;padding:4px}.feature-strip{display:grid;grid-template-columns:1fr 1fr;gap:22px 16px;padding:25px 0;margin-top:30px;font-size:10px}.feature-strip>span{gap:9px}.experience,.discover{padding-top:85px}.section-heading{display:block;margin-bottom:29px}.section-heading .eyebrow{font-size:7px;margin-bottom:18px}.section-heading h2,h2{font-size:39px}.section-heading>p{font-size:12px;margin-top:22px;min-width:0}.section-heading>p br{display:none}.console{border-radius:20px}.console-top{padding:18px 18px;gap:10px;font-size:7px;letter-spacing:.03em}.demo-label{font-size:6px}.console-body{display:flex;flex-direction:column;padding:27px 22px 22px;gap:20px;min-height:0}.mission-copy h3{font-size:31px;max-width:300px}.mission-counter{font-size:8px;margin-bottom:15px}.mission-copy>p:not(.mission-counter):not(.mission-foot){font-size:11px;min-height:66px;margin:16px 0 20px}.mission-copy .pill{font-size:10px;min-height:41px;padding:12px 16px}.mission-foot{font-size:8px;min-height:24px}.console-screen{min-height:292px}.dock{margin:0 12px 14px;padding:5px;gap:3px;border-radius:13px}.dock button{padding:11px 4px;gap:7px;flex-direction:column}.dock button>span:nth-child(2){font-size:8px;text-align:center}.dock svg{width:18px;height:18px}.dock small{display:none}.under-console{font-size:8px;gap:13px;margin-top:20px}.under-console a{font-size:9px}.product-window{border-radius:15px}.window-top{padding:11px 12px;font-size:7px}.product-window>img{min-height:240px;object-fit:cover;object-position:48% center}.image-caption{padding:45px 15px 14px;font-size:8px;gap:15px}.image-caption>span:last-child{font-size:8px;gap:8px}.image-caption svg{width:13px}.discover-features{display:block;margin-top:28px}.discover-features article{padding:18px 0;border-bottom:1px solid #ffffff0c}.discover-features h3{font-size:23px}.discover-features p{font-size:11px;max-width:none;margin-bottom:0}.events{display:flex;flex-direction:column-reverse;gap:30px;padding-top:75px}.event-copy h2{font-size:40px}.event-copy>p:not(.eyebrow){font-size:12px;margin:20px 0}.event-visual{min-height:340px;width:100%;border-radius:18px}.event-visual>img{height:340px;width:580px;margin-left:-140px}.event-example{font-size:7px;left:12px}.final-cta{padding:85px 0 65px}.final-cta .eyebrow{font-size:6px;letter-spacing:.05em}.final-cta h2{font-size:37px}.final-cta>p:not(.eyebrow):not(.fine){font-size:11px;margin:20px 0 25px}.final-cta .actions{gap:12px;flex-direction:column}.final-cta .pill{min-width:230px}.faq{width:calc(100% - 40px);padding-bottom:70px}summary{font-size:11px}details p{font-size:11px;margin-right:0}.footer{padding:25px 0;font-size:8px;gap:12px}.footer p{max-width:100px}.footer .brand img{width:40px;height:30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
body{overflow-x:clip}.hero{clip-path:inset(0 -56px 0 -56px)}.spotlight-glow{z-index:0}.console-body,.console-top,.dock,.window-top,.image-caption,.event-example{position:relative;z-index:1}.image-caption,.event-example{position:absolute}.product-window>img,.event-visual>img{position:relative;z-index:1}
main{overflow:clip}.hero{clip-path:none}.console-screen .grid-texture{position:absolute;inset:0;width:100%;height:100%;opacity:.035;pointer-events:none}.console-screen .visual-state,.console-screen .screen-top{position:relative;z-index:1}

:root{--coral:#cbbcff;--mint:#79e5b6}html{scroll-behavior:smooth}body{background:#08090a}.entry-form{margin:0;display:inline-flex}.entry-form button{cursor:pointer}.hero{padding-top:40px;min-height:730px}.hero h1{font-size:clamp(48px,5.6vw,82px);line-height:1.03;font-weight:550;letter-spacing:-.065em;max-width:670px}.hero h1 span,h2 span{color:#cbbcff}.hero .intro{max-width:475px;font-size:18px}.world{height:650px}.signal-card{background:linear-gradient(140deg,#252831ec,#101317ef);border-color:#ffffff30;box-shadow:0 40px 100px #0008;transform:rotate(-7deg);animation:levitate 9s ease-in-out infinite}.signal-title{font-size:27px}.signal-title small{font-size:13px;display:block;font-weight:400;color:#a2a7b2;margin-top:12px;letter-spacing:0}.signal-footer{gap:14px}.signal-card:before{content:'';position:absolute;inset:-1px;border-radius:inherit;border-top:1px solid #cbbcff88;pointer-events:none}.waveform i{background:linear-gradient(#cbbcff,#8799c9)}.world-hint{letter-spacing:.02em}.primary{color:#08090a}.hero-copy{z-index:2}.section-heading h2,h2{font-weight:500;letter-spacing:-.05em;font-size:clamp(36px,4vw,58px);line-height:1.08}.experience,.discover{padding-top:130px}.studio-name-row{display:flex;align-items:center;gap:18px;margin-bottom:24px;font-size:14px}.studio-name-row input{background:#14161a;border:1px solid #ffffff25;color:#f4f5f7;padding:14px 18px;border-radius:8px;min-width:220px;font:inherit}.studio-name-row span{font-size:12px;color:#a2a7b2}.console{border-radius:20px;box-shadow:0 40px 100px #0008}.console-screen{min-height:380px}.live-orbit{display:none}.live-preview-window{height:185px;background:radial-gradient(ellipse at 50% 110%,#455845,#191c23 68%);border:1px solid #ffffff22;border-radius:9px;position:relative;overflow:hidden;margin-top:18px}.preview-corner{position:absolute;top:12px;left:14px;font-size:9px;letter-spacing:.1em;color:#a8b2ac}.deck-disc{position:absolute;width:112px;height:112px;top:46px;left:22px;border-radius:50%;background:repeating-radial-gradient(#1a1c21 0 4px,#32353a 5px 6px);border:2px solid #686b72;animation:spin 15s linear infinite}.deck-disc:after{content:'';position:absolute;inset:40px;border-radius:50%;background:#cbbcff}.deck-disc.second{left:auto;right:22px}.mixer-lines{position:absolute;width:65px;height:100px;left:calc(50% - 32px);top:52px;background:repeating-linear-gradient(90deg,#fff2 0 2px,transparent 2px 16px);border-block:8px solid #ffffff14}.preview-name{position:absolute;bottom:12px;left:14px;background:#08090abf;padding:7px 10px;border-radius:4px;font-size:12px}.live-state h4{font-size:23px;margin:20px 0 10px}.share-preview small{display:block;font-size:13px;color:#a2a7b2;margin-top:10px}.audience{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding-top:145px;align-items:center}.section-text{font-size:17px;line-height:1.65;color:#a2a7b2;max-width:480px}.audience-art{height:420px;position:relative;display:grid;place-items:center;background:radial-gradient(ellipse,#cbbcff09,transparent 65%);overflow:hidden}.audience-orbit{position:absolute;width:330px;height:330px;border:1px solid #ffffff16;border-radius:50%;transform:rotateX(52deg) rotate(-25deg)}.o2{width:430px;height:430px;transform:rotateX(52deg) rotate(25deg)}.o3{width:220px;height:220px;transform:rotateX(52deg)}.artist-core{width:175px;height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#17191fe8;border:1px solid #ffffff25;box-shadow:0 30px 80px #000b;border-radius:16px;z-index:2}.artist-core img{width:54px}.artist-core small{font-size:11px;color:#a2a7b2}.community-node{position:absolute;padding:12px 20px;border:1px solid #ffffff20;background:#15181dcc;border-radius:30px;font-size:12px;animation:levitate 7s ease-in-out infinite}.n1{top:38px;left:30px}.n2{right:0;top:140px;animation-delay:-2s}.n3{bottom:65px;left:25px;animation-delay:-4s}.visual-note{position:absolute;bottom:0;font-size:11px;color:#a2a7b2}.music-scene{position:relative;background:#101217;border:1px solid #ffffff20;border-radius:20px;overflow:hidden}.scene-top{display:flex;justify-content:space-between;padding:22px 26px;border-bottom:1px solid #ffffff14;font:11px ui-monospace,monospace;color:#a2a7b2;gap:15px}.map-stage{position:relative;height:360px;overflow:hidden;background:radial-gradient(at 65% 30%,#111d36,transparent 70%)}.map-dots,.map-routes{position:absolute;width:100%;height:100%;object-fit:cover}.map-routes path{stroke:#6fb6ff;stroke-width:1.5;fill:none;stroke-dasharray:9 14;animation:signaltravel 12s linear infinite;opacity:.7}.map-routes circle{fill:#cbbcff;filter:drop-shadow(0 0 6px #cbbcff)}.map-heading{position:absolute;left:35px;top:35px;font-size:40px;font-weight:500;line-height:1.05;letter-spacing:-.04em}.map-pin{position:absolute;right:15%;bottom:60px;background:#13161fe8;border:1px solid #6fb6ff66;border-radius:7px;padding:14px 20px;font-size:13px;display:flex;gap:12px;align-items:center}.music-tools{padding:26px;position:relative}.genre-tabs,.event-tabs{display:flex;gap:8px}.genre-tabs button,.event-tabs button{padding:9px 18px;border:1px solid #ffffff20;border-radius:6px;background:#171a20;color:#a2a7b2;font:inherit;font-size:13px;cursor:pointer}.genre-tabs [aria-pressed=true]{color:#cbbcff;border-color:#cbbcff55;background:#cbbcff0a}.channel-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:20px}.channel-card{display:flex;gap:14px;align-items:center;background:#15181e;border:1px solid #ffffff14;color:#f4f5f7;border-radius:12px;padding:18px;text-align:left;cursor:pointer;position:relative}.channel-card.selected{border-color:#6fb6ff77}.channel-card strong{font-size:15px;font-weight:500;display:block}.channel-card small{display:block;font-size:11px;margin-top:6px;color:#a2a7b2}.channel-icon{font-size:25px;color:#6fb6ff}.channel-icon.coral{color:#ff767e}.channel-icon.mint{color:#79e5b6}.channel-type{font:8px ui-monospace,monospace;position:absolute;right:10px;top:7px;color:#a2a7b2}.mini-player{display:flex;gap:15px;align-items:center;background:#08090a80;border:1px solid #ffffff18;border-radius:9px;margin:24px auto 0;padding:15px 20px;max-width:650px}.mini-player button{width:36px;height:36px;background:#cbbcff;color:#08090a;border:0;border-radius:50%;cursor:pointer;font-size:20px}.mini-player strong{font-size:13px;font-weight:500}.mini-player small{display:block;font-size:10px;color:#a2a7b2;margin-top:5px}.tiny-wave{display:flex;gap:3px;align-items:center;height:34px;margin-left:auto}.tiny-wave i{display:block;width:2px;height:16px;background:#6fb6ff}.tiny-wave i:nth-child(3n){height:26px}.tiny-wave i:nth-child(4n){height:8px}.playing .tiny-wave i{animation:wave 1s ease-in-out infinite}.tiny-wave i:nth-child(odd){animation-delay:-.5s}.events{grid-template-columns:.85fr 1.15fr;gap:60px;align-items:center;padding-top:140px}.event-scene{background:#12151a;border:1px solid #ffffff20;border-radius:20px;overflow:hidden;position:relative}.event-tabs{padding:20px 24px 0}.event-tabs [aria-pressed=true]{color:#79e5b6;border-color:#79e5b655}.event-stage{display:grid;grid-template-columns:.75fr 1.25fr;gap:16px;padding:22px}.event-list{display:flex;flex-direction:column;gap:12px}.city-label{font-size:12px;color:#a2a7b2;display:flex;justify-content:space-between;padding:10px 0}.event-list button{padding:15px 12px;display:flex;flex-direction:column;gap:7px;text-align:left;background:#1b1e24;border:1px solid #ffffff16;border-radius:8px;color:#f4f5f7;cursor:pointer}.event-list button.selected{border-color:#79e5b688;background:#79e5b608}.event-list small{font-size:10px;color:#a2a7b2}.event-list strong{font-size:12px;line-height:1.4}.add-event-example{font-size:11px;color:#cbbcff;border:1px dashed #cbbcff44;border-radius:6px;padding:12px 8px;margin-top:auto}.event-ticket{background:#08090a;border:1px solid #ffffff18;border-radius:9px;overflow:hidden}.poster-art{height:190px;position:relative;background:radial-gradient(ellipse at 60% 65%,#235748,#141a22 65%);overflow:hidden}.poster-orbit{position:absolute;width:200px;height:200px;left:25%;top:20%;border:1px solid #79e5b6;border-radius:50%;box-shadow:0 0 30px #79e5b633;animation:spin 20s linear infinite}.poster-orbit:before,.poster-orbit:after{content:'';position:absolute;inset:20px;border:1px solid #79e5b688;border-radius:50%;transform:rotateY(65deg)}.poster-orbit:after{transform:rotateX(65deg)}.poster-label{position:absolute;left:18px;top:18px;font:9px ui-monospace,monospace;letter-spacing:.12em}.poster-art strong{position:absolute;bottom:35px;left:18px;font-size:42px;letter-spacing:-.06em;font-weight:500}.poster-bottom{position:absolute;bottom:15px;left:18px;font-size:7px;letter-spacing:.12em}.ticket-info{padding:18px}.ticket-status{color:#79e5b6;font-size:9px}.ticket-info h3{font-size:19px;margin:12px 0}.ticket-info p{font-size:12px;color:#a2a7b2}.lineup{border-block:1px solid #ffffff14;padding:12px 0;margin:16px 0}.lineup span{font-size:10px;color:#a2a7b2;display:block}.lineup strong{font-size:11px;display:block;margin-top:7px;font-weight:400}.ticket-invite{font-size:10px;color:#6fb6ff}.event-note{color:#a2a7b2;font-size:10px;line-height:1.5;margin:0;padding:0 22px 20px}.final-cta h2{font-size:clamp(40px,5vw,76px)}.page-progress{position:fixed;top:0;left:0;width:100%;height:2px;background:#cbbcff;transform:scaleX(0);transform-origin:left;z-index:100;pointer-events:none}.reveal{transition:opacity .7s,transform .7s}.js .reveal:not(.in-view){opacity:.15;transform:translateY(28px)}.paused *, .paused *:before,.paused *:after{animation-play-state:paused!important}.paused .reveal{transition:none}.paused .reveal:not(.in-view){opacity:1;transform:none}@keyframes signaltravel{to{stroke-dashoffset:-230}}@keyframes levitate{50%{translate:0 -12px}}@keyframes spin{to{rotate:360deg}}
@media(max-width:900px){.hero{padding-top:45px}.hero h1{font-size:clamp(46px,7.7vw,68px)}.audience{gap:25px}.events{grid-template-columns:1fr;gap:35px}.event-copy{max-width:600px}.channel-cards{gap:8px}.channel-card{padding:20px 10px;gap:9px}.channel-card strong{font-size:13px}.channel-card small{font-size:10px}.studio-name-row{flex-wrap:wrap}.studio-name-row span{width:100%}.map-heading{font-size:32px}}
@media(max-width:600px){.hero{min-height:0;padding-top:40px}.hero h1{font-size:49px;letter-spacing:-.055em}.hero .intro{font-size:16px}.world{height:440px}.signal-card{width:280px}.hero .feature-strip{margin-top:20px}.experience,.discover,.events,.audience{padding-top:85px}.section-heading h2,h2{font-size:37px}.studio-name-row{gap:10px}.studio-name-row label{width:100%}.studio-name-row input{width:100%}.console-screen{min-height:350px}.live-preview-window{height:160px}.deck-disc{width:90px;height:90px}.deck-disc:after{inset:34px}.audience{grid-template-columns:1fr;gap:20px}.audience-art{height:340px}.n2{right:5px}.scene-top{padding:18px;font-size:9px}.demo-label{font-size:9px}.map-stage{height:270px}.map-heading{font-size:28px;left:18px;top:20px}.map-pin{right:18px;bottom:25px;font-size:11px;padding:12px}.music-tools{padding:18px}.channel-cards{grid-template-columns:1fr}.channel-card{padding:15px;gap:15px}.channel-card strong{font-size:15px}.mini-player{padding:12px;gap:10px}.tiny-wave{max-width:65px;overflow:hidden}.mini-player strong{font-size:11px}.event-stage{grid-template-columns:1fr;padding:18px}.event-list{display:grid;grid-template-columns:1fr 1fr;gap:9px}.city-label,.add-event-example{grid-column:1/-1}.add-event-example{padding:12px}.poster-art{height:230px}.poster-art strong{font-size:52px}.ticket-info h3{font-size:22px}.event-tabs{padding:18px 18px 0}.event-note{padding:0 18px 18px}.final-cta h2{font-size:43px}.audience-art{isolation:isolate}.footer{gap:25px}.footer .entry-form{display:none}.world-label{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js .reveal:not(.in-view){opacity:1;transform:none}}

.offscreen *, .offscreen *:before, .offscreen *:after{animation-play-state:paused!important}

.primary{background:#cbbcff;border-color:#cbbcff;box-shadow:0 5px 40px #cbbcff12}.primary:hover{background:#e0d7ff}.hero-copy button{pointer-events:auto}.hero .world{margin-top:-40px}input:focus-visible{outline:2px solid #cbbcff;outline-offset:4px}@media(max-width:600px){.hero h1{font-size:clamp(40px,11vw,49px)}.hero .world{margin-top:15px}.actions{gap:16px}.hero .pill{padding:16px 20px}}

.signal-footer button{background:#cbbcff;color:#10131c}.dock .active{border-color:#cbbcff55}.dot{background:#cbbcff;box-shadow:0 0 12px #cbbcff66}.signal-card:before{border-top-color:#cbbcff88}
/* Real DJGO interface and automatically published event posters */
.real-map-stage{position:relative;background:#090b11}.real-map-caption{padding:30px 32px;display:flex;align-items:end;justify-content:space-between;gap:24px}.real-map-caption h3{font-size:36px;line-height:1.1;letter-spacing:-.04em;margin:0;font-weight:400}.real-map-caption h3 span{color:#cbbcff}.real-map-caption p{font-size:12px;line-height:1.7;color:#a2a7b2;margin:0}.real-map-stage picture{display:block;border-block:1px solid #ffffff10}.real-map-stage img{display:block;width:100%;height:auto}.real-screen-label{display:block;padding:10px 32px;color:#9196a2;font-size:10px}.real-map-stage:after{content:'';position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 90px #cbbcff05}.events{grid-template-columns:.8fr 1.2fr;gap:48px}.event-stage{grid-template-columns:.7fr 1.3fr;gap:16px}.event-ticket[hidden]{display:none}.event-ticket{position:relative;overflow:visible;transform:perspective(1200px) rotateX(var(--card-rx,0deg)) rotateY(var(--card-ry,0deg));transition:transform .25s,box-shadow .25s;border:1px solid #cbbcff30;box-shadow:0 12px 50px #0005}.event-ticket:hover{box-shadow:0 15px 60px #cbbcff12;border-color:#cbbcff60}.poster-art{height:auto;min-height:190px;border-radius:9px 9px 0 0;background:radial-gradient(120% 90% at 85% 0,#cbbcff28,transparent 55%),radial-gradient(90% 80% at 0 100%,#6f4fff2e,transparent 60%),repeating-radial-gradient(circle at 50% 135%,#ffffff07 0 1px,transparent 1px 7px),#12121a}.poster-art img{display:block;width:100%;height:auto;max-height:380px;object-fit:contain;background:#07080b}.poster-art img[hidden]{display:none}.poster-art.has-poster .poster-date{display:none}.poster-date{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:34px 24px 24px;gap:14px}.poster-date strong{position:static;color:transparent;-webkit-text-stroke:1.5px #cbbcffcc;text-shadow:0 0 40px #cbbcff30;font:700 100px/.9 ui-monospace,monospace;letter-spacing:-6px}.poster-date small{font:12px ui-monospace,monospace;letter-spacing:6px;text-transform:uppercase;color:#d3d6dd}.poster-sheen{position:absolute;inset:-70% -150%;pointer-events:none;background:linear-gradient(110deg,transparent 42%,#cbbcff0a 47%,#ffffff18 50%,#cbbcff0a 53%,transparent 58%);animation:posterlight 11s ease-in-out infinite;transform:translateX(-20%)}.poster-corner{position:absolute;width:19px;height:19px;border:1px solid #cbbcff99;pointer-events:none}.poster-corner.tl{top:8px;left:8px;border-right:0;border-bottom:0;border-top-left-radius:5px}.poster-corner.br{right:8px;bottom:8px;border-top:0;border-left:0;border-bottom-right-radius:5px}.event-arrives .poster-corner{animation:cornersettle .7s ease-out}.ticket-tags{display:flex;flex-wrap:wrap;gap:9px;align-items:center}.ticket-tags>span{font-size:9px;color:#cbbcff;border:1px solid #cbbcff22;border-radius:20px;padding:6px 9px}.ticket-info h3{font-size:23px;letter-spacing:-.035em;overflow-wrap:anywhere}.lineup strong{line-height:1.7}.ticket-invite{color:#cbbcff}.event-list #landing-event-list{display:flex;flex-direction:column;gap:10px}.event-list button.selected{border-color:#cbbcff77;background:#cbbcff08}.add-event-example{line-height:1.6}.event-list button{width:100%}.scene-top #events-refresh{color:#cbbcff;background:#cbbcff0a;border:1px solid #cbbcff25;border-radius:50%;width:30px;height:30px;cursor:pointer;font-size:20px}.fine,.mission-foot{color:#a2a7b2}.event-note{font-size:11px}.event-card .poster-orbit{display:none}@keyframes posterlight{0%,40%{transform:translateX(-20%)}70%,100%{transform:translateX(20%)}}@keyframes cornersettle{from{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}
@media(max-width:800px){.events{display:flex;flex-direction:column;gap:32px}.event-scene{width:100%}.event-stage{grid-template-columns:.7fr 1.3fr}}
@media(max-width:600px){.real-map-caption{padding:24px 20px;display:block}.real-map-caption h3{font-size:31px}.real-map-caption p{margin-top:18px}.real-map-stage picture{padding:16px 12px;background:radial-gradient(ellipse at top,#cbbcff0c,transparent)}.real-map-stage img{max-width:316px;margin:auto;border-radius:15px;border:1px solid #ffffff12}.real-screen-label{padding:10px 20px}.event-stage{display:flex;flex-direction:column;padding:18px;gap:18px}.event-list #landing-event-list{display:flex;flex-direction:row;overflow:auto;padding-bottom:5px}.event-list button{min-width:180px;max-width:220px}.add-event-example{margin-top:10px}.event-ticket{width:100%}.poster-art img{max-height:450px}.ticket-info h3{font-size:24px}.ticket-info p{font-size:13px}.poster-date strong{font-size:90px}.event-list small{font-size:11px}.event-list strong{font-size:14px}.lineup strong{font-size:12px}.scene-top{padding:16px 20px}}
@media(prefers-reduced-motion:reduce){.poster-sheen,.poster-corner{animation:none!important}.event-ticket{transform:none;transition:none}}
.event-product{display:block}.event-product .event-copy{display:grid;grid-template-columns:1fr 1fr;column-gap:70px;align-items:start;margin-bottom:42px}.event-product .event-copy>.eyebrow{grid-column:1/-1;margin-bottom:24px}.event-product .event-copy h2{grid-column:1;grid-row:2/4;margin:0}.event-product .event-copy>p:not(.eyebrow){grid-column:2;margin:0 0 18px;max-width:450px;font-size:14px;line-height:1.7}.event-product .event-stage{position:relative;grid-template-columns:240px 1fr 330px;gap:32px;padding:28px;min-height:530px;align-items:start;background:#080a10}.event-product .event-list{grid-column:1;grid-row:1;z-index:2;padding:15px;background:#12151ae8;border:1px solid #ffffff14;border-radius:14px;min-height:280px;backdrop-filter:blur(18px)}.event-product .event-ticket{grid-column:3;grid-row:1;z-index:2;background:#0e0f15e8;backdrop-filter:blur(18px)}.event-product .event-note{padding:14px 28px;background:#080a10}.event-world{position:absolute;inset:20px 200px 20px 190px;background-image:url('./real-music-screen.png');background-size:220% auto;background-position:77% 48%;mask-image:radial-gradient(ellipse,black 25%,transparent 73%);opacity:.65;pointer-events:none}.event-world-pin{position:absolute;left:52%;top:47%;width:7px;height:7px;border-radius:50%;background:#cbbcff;box-shadow:0 0 18px 6px #cbbcff44}.event-world-pin:before{content:'';position:absolute;inset:-11px;border:1px solid #cbbcff66;border-radius:50%;animation:pinbreathe 3.5s ease-in-out infinite}.event-city-label{position:absolute;left:calc(52% + 20px);top:calc(47% - 10px);font-size:11px;letter-spacing:.06em;color:#e8e4ff;border:1px solid #cbbcff55;border-radius:5px;padding:8px 11px;background:#0e0f15}.event-product .poster-art img{max-height:350px}.event-product .ticket-info{padding:18px}.event-product .ticket-info h3{font-size:25px}.event-product .lineup{margin:14px 0}.event-product .add-event-example{margin-top:18px}.event-product .event-list button{padding:16px 13px}.event-product .event-list strong{font-size:14px}.event-product .event-list small{font-size:10px}.event-product .city-label{padding:2px 0 15px}@keyframes pinbreathe{50%{transform:scale(1.25);opacity:.35}}
@media(max-width:1000px){.event-product .event-stage{grid-template-columns:190px 1fr 300px;gap:20px;padding:20px}.event-world{inset:20px 150px 20px 140px}.event-product .event-copy{column-gap:40px}}
@media(max-width:800px){.event-product .event-stage{grid-template-columns:1fr 1.3fr;gap:20px}.event-product .event-ticket{grid-column:2}.event-world{inset:0;opacity:.25}.event-product .event-copy{display:block}.event-product .event-copy h2{margin-bottom:24px}.event-product .event-copy>p:not(.eyebrow){max-width:none}}
@media(max-width:600px){.event-product{padding-top:85px}.event-product .event-copy{margin-bottom:30px}.event-product .event-copy>p:not(.eyebrow){font-size:13px}.event-product .event-stage{display:flex;flex-direction:column;padding:18px;min-height:0;gap:18px}.event-product .event-list{width:100%;min-height:0;padding:14px}.event-product .event-ticket{width:100%}.event-world{opacity:.2;mask-image:linear-gradient(transparent,black 30%,transparent);background-size:auto 100%;background-position:70% center}.event-city-label,.event-world-pin{display:none}.event-product .poster-art img{max-height:450px}.event-product .event-note{padding:14px 18px;font-size:10px}.event-product .event-list #landing-event-list button{max-width:100%;min-width:200px}.event-product .event-list #landing-event-list{overflow:auto}}
@media(prefers-reduced-motion:reduce){.event-world-pin:before{animation:none}}
.event-world{background-image:url('./map-dots.svg');background-size:contain;background-repeat:no-repeat;background-position:center;mask-image:radial-gradient(ellipse,black 35%,transparent 74%);opacity:1}.event-world.event-world-loaded{background:none;mask-image:none}.event-world canvas{display:block;width:100%;height:100%;pointer-events:none}.event-city-label{left:calc(50% + 22px);top:calc(50% - 12px);font-size:10px;color:#ddd5ff;background:#080b11c9;border-color:#cbbcff44;z-index:1}@media(max-width:800px){.event-world{opacity:.35}.event-city-label{display:none}}@media(max-width:600px){.event-world{inset:0;opacity:.17}.event-world canvas{height:700px}.event-city-label{display:none}}
.skip{clip-path:inset(50%)}.skip:focus{clip-path:none}.page-progress{display:none}
/* Interactive product examples — lavender edition. */
.music-interface{display:grid;grid-template-columns:280px 1fr;min-height:470px;background:#080b12}.catalogue-panel{padding:28px 20px;border-right:1px solid #ffffff12;z-index:2;background:#10141bea}.interface-kicker{font:10px monospace;letter-spacing:.17em;color:#cbbcff;margin-bottom:22px}.source-filters,.interface-filters{display:flex;gap:6px;margin:14px 0}.source-entry,.interface-filters .entry-form{flex:1}.music-interface button{border:1px solid #ffffff14;color:#eef0f7;background:#171c27;border-radius:9px;padding:10px;cursor:pointer;width:100%;font-size:12px}.music-interface button:hover{border-color:#cbbcff;background:#272235;box-shadow:0 0 22px #cbbcff15}.station-entry{margin:9px 0}.station-entry button{display:flex;text-align:left;align-items:center;gap:10px;min-height:70px}.station-icon{font-size:22px}.station-info{flex:1;min-width:0}.station-info strong{display:block;font-size:14px;font-weight:500}.station-info small{display:block;color:#9a9fb2;font-size:11px;margin-top:6px}.radio-badge{color:#92d4ff}.catalogue-hint{font-size:11px!important;line-height:1.7!important;margin-top:24px!important;color:#888ea2!important}.music-planet{position:relative;min-width:0;overflow:hidden;background:radial-gradient(ellipse at 55% 65%,#29223855,transparent 60%)}.music-planet .real-map-caption{position:relative;top:auto;left:auto;padding:30px;z-index:2}.music-planet .real-map-caption h3{font-size:32px}.planet-entry{position:absolute;inset:95px 0 30px}.planet-entry button{height:100%;border:0;background:transparent!important;padding:0;position:relative}.planet-entry img{width:110%;height:100%;object-fit:contain;opacity:.8;filter:drop-shadow(0 0 15px #cbbcff20)}.music-pin{position:absolute;font:10px monospace;border:1px solid #cbbcff55;padding:7px 10px;border-radius:7px;background:#12141ee8;color:#dfd6ff;box-shadow:0 0 22px #cbbcff25}.music-pin i{display:block;position:absolute;width:5px;height:5px;background:#cbbcff;box-shadow:0 0 14px 5px #cbbcff66;bottom:-13px;left:50%;border-radius:50%}.pin-brussels{top:39%;left:43%}.pin-moscow{top:28%;left:61%}.interface-dock{position:absolute;bottom:20px;left:25px;right:25px}.dock-entry button{display:flex;align-items:center;gap:14px;text-align:left;background:#161924f5!important;border-color:#cbbcff35}.dock-entry button>span:nth-child(2){flex:1}.dock-entry strong,.dock-entry small{display:block}.dock-entry small{font-size:10px;color:#9ca0af;margin-top:3px}.dock-play{font-size:25px;color:#cbbcff}
.event-tour{display:grid;grid-template-columns:.75fr 1.25fr;gap:40px;align-items:center}.event-tour h2{font-size:clamp(32px,4vw,52px)}.event-tour .event-stage{position:relative;display:grid;grid-template-columns:1fr 270px;align-items:center;min-height:390px;padding:15px 20px 0 0;gap:0}.event-tour .event-world{position:relative;inset:auto;width:100%;height:360px;min-height:0;overflow:visible}.event-tour #event-globe{height:360px;width:100%}.event-tour .event-city-label{bottom:12px;left:28px;font:11px monospace;letter-spacing:.1em;color:#cbbcff}.event-tour .event-ticket{position:relative;min-width:0;overflow:hidden;z-index:4;border:1px solid #cbbcff50;border-radius:18px;background:linear-gradient(145deg,#202333f2,#10151bf5);box-shadow:0 14px 70px #0009,0 0 40px #cbbcff13;transform:none}.event-card-head{display:flex;justify-content:space-between;font:8px monospace;letter-spacing:.1em;padding:20px 18px;color:#a69abc}.event-card-head span:last-child{color:#8eeacb}.date-chip{display:flex;align-items:center;gap:8px;padding:2px 18px 14px;border-bottom:1px solid #ffffff12}.date-chip strong{font-size:42px;font-weight:300;color:#e3d9ff}.date-chip small{text-transform:uppercase;font:11px monospace;color:#cbbcff}.date-chip>span{margin-left:auto;max-width:94px;line-height:1.6;font-size:10px;color:#9ea5b6}.event-tour .ticket-info{padding:20px 18px}.ticket-genre{font:10px monospace;color:#8eeacb}.event-tour .ticket-info h3{font-size:24px;line-height:1.2;margin:14px 0 10px;overflow-wrap:anywhere}.event-tour .ticket-info p{font-size:11px;line-height:1.6}.event-tour .lineup{margin:17px 0}.event-tour .lineup strong{font-size:11px;line-height:1.7}.event-tour .ticket-invite{font-size:10px;border-top:1px solid #ffffff12;padding-top:13px}.event-tour-controls{display:flex;align-items:center;gap:13px;padding:8px 22px}.event-tour-controls button{background:#1a1e2b;border:1px solid #ffffff20;border-radius:8px;color:#cbbcff;width:31px;height:31px;cursor:pointer}.event-tour-controls span{font:10px monospace;color:#a0a4b2}.event-tour-controls button:last-child{margin-left:auto}.event-city-strip{display:flex;gap:7px;overflow:auto;padding:12px 22px 5px;scrollbar-width:thin}.event-city-strip button{flex:none;border:1px solid #ffffff12;border-radius:20px;background:#151923;color:#888fa1;padding:7px 12px;font-size:10px;cursor:pointer}.event-city-strip button.selected{color:#d9cfff;border-color:#cbbcff77;background:#cbbcff15}.event-tour .event-note{padding:12px 22px 20px;font-size:10px}.event-tether{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:3;overflow:visible}.event-tether path{fill:none;stroke:#cbbcff;stroke-width:1}.tether-glow{stroke-width:5px!important;opacity:.22;filter:blur(4px)}.tether-flow{stroke:#fff!important;stroke-dasharray:8 35;animation:tether-drift 3s linear infinite;opacity:.65}@keyframes tether-drift{to{stroke-dashoffset:-86}}.event-ticket.event-arrives{animation:event-arrival .55s ease both}@keyframes event-arrival{from{opacity:.25;translate:0 8px}to{opacity:1;translate:0 0}}
@media(max-width:900px){.event-tour{grid-template-columns:1fr;gap:30px}.event-tour .event-stage{grid-template-columns:1fr 300px}.music-interface{grid-template-columns:240px 1fr}}
@media(max-width:600px){.music-interface{display:flex;flex-direction:column-reverse}.music-planet{min-height:350px}.music-planet .real-map-caption{padding:24px}.music-planet .real-map-caption h3{font-size:28px}.catalogue-panel{border:0;padding:22px}.catalogue-hint{margin-top:16px!important}.event-tour .event-stage{display:block;padding:0 18px 18px;min-height:0}.event-tour .event-world{height:200px}.event-tour #event-globe{height:240px}.event-tour .event-city-label{bottom:20px}.event-tour .event-ticket{margin-top:0}.event-tether{display:none}.event-tour .ticket-info h3{font-size:26px}.event-tour .lineup strong{font-size:12px}.event-tour-controls{padding-top:0}.event-tour .scene-top{font-size:9px}.music-tools{display:none}}
@media(prefers-reduced-motion:reduce){.tether-flow,.event-ticket.event-arrives{animation:none}}
.event-tour .event-city-label{position:absolute;display:inline-block;inset:auto auto 18px 24px;width:auto;height:auto;min-height:0;padding:7px 10px;border:1px solid #cbbcff30;border-radius:6px;background:#101420dd;line-height:1.2}
.music-interface .station-entry,.music-interface .dock-entry{display:block;width:100%}.music-interface .station-entry button,.music-interface .dock-entry button{width:100%}
.event-tour .event-world{opacity:1}.event-tour .event-city-label{display:inline-block}

.music-interface .radio-selected button{border-color:#cbbcff66;background:linear-gradient(120deg,#cbbcff18,#131925);box-shadow:inset 3px 0 #cbbcff,0 0 22px #cbbcff08}.music-interface .station-entry button{transition:background .5s,border-color .5s,box-shadow .5s}
/* Quiet hero shader, human infographic, compact community flow. */
.hero .world canvas{width:760px;height:700px;left:-45px;top:0;opacity:.68;mask-image:linear-gradient(90deg,transparent 0%,#000 23%,#000 82%,transparent 100%)}.hero .world{isolation:isolate}.hero-copy{z-index:5}.signal-card{z-index:3;box-shadow:0 28px 80px #000a;background:linear-gradient(140deg,#232331f5,#11141df8)}.hero .world:after{content:'';position:absolute;inset:0;pointer-events:none;z-index:1;background:linear-gradient(90deg,#08090a 0%,transparent 22%,transparent 80%)}.hero .world-label,.hero .coordinate,.hero .world-hint{z-index:4}.final-cta h2>span{color:#cbbcff}.final-cta{background:radial-gradient(ellipse at 50% 70%,#cbbcff08,transparent 68%)}
.dj-illustration{position:relative;border-radius:12px;border:1px solid #cbbcff22;overflow:hidden;background:#0d111b;margin-top:15px}.dj-illustration>img{display:block;width:100%;height:240px;object-fit:contain}.dj-illustration-caption{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px;border-top:1px solid #ffffff12;background:#131824}.live-label{font:8px monospace;letter-spacing:.08em;color:#9be2ca}.dj-illustration-caption strong{font-size:12px;font-weight:500}.live-state h4{font-size:21px;margin:17px 0 8px}.live-state p{font-size:11px}.audience-connections{display:block;height:auto;min-height:365px;padding:28px;border:1px solid #cbbcff22;border-radius:22px;background:radial-gradient(ellipse at 50% 0,#cbbcff0c,transparent 65%),#0f121a}.community-profile{display:flex;gap:17px;align-items:center;padding:20px;border:1px solid #cbbcff30;border-radius:14px;background:#1b1c29;position:relative;z-index:2}.community-profile>img{width:64px;height:72px;object-fit:cover;object-position:center;border-radius:10px;background:#11151f}.community-profile>div{flex:1;min-width:0}.community-profile span{display:block;font:8px monospace;color:#b4a7ce;letter-spacing:.05em}.community-profile strong{display:block;font-size:21px;font-weight:500;margin:10px 0 7px}.community-profile small{display:block;font-size:10px;color:#969cae}.community-profile>i{font-style:normal;color:#cbbcff;font-size:24px}.community-path{height:40px;display:flex;justify-content:space-around;position:relative;margin:0 40px}.community-path:before{content:'';position:absolute;left:16%;right:16%;top:20px;border-top:1px solid #cbbcff45}.community-path i{height:40px;border-left:1px solid #cbbcff45;position:relative}.community-path i:first-child,.community-path i:last-child{height:20px;margin-top:20px}.community-path i:after{content:'';position:absolute;width:4px;height:4px;border-radius:50%;left:-2px;bottom:0;background:#cbbcff;box-shadow:0 0 8px #cbbcff80}.community-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.community-actions>div{padding:17px 12px;border:1px solid #ffffff12;border-radius:12px;background:#151924}.community-symbol{display:grid;place-items:center;width:32px;height:32px;border:1px solid #cbbcff25;border-radius:10px;color:#cbbcff;font-size:21px;margin-bottom:18px}.community-actions strong{display:block;font-size:12px;line-height:1.5;font-weight:500}.community-actions small{display:block;font-size:10px;line-height:1.6;color:#939bad;margin-top:8px}.event-add{margin-top:24px}.event-add .pill{background:#cbbcff12;border:1px solid #cbbcff44;color:#d6cbf4}.event-tour-controls{justify-content:flex-end;padding-bottom:22px}.event-tour-controls button:last-child{margin-left:0}.event-note[hidden]{display:none}.radio-map-plane{position:absolute;left:3%;right:3%;top:27%;aspect-ratio:2/1}.planet-entry .radio-map-plane>img{width:100%;height:100%;object-fit:contain}.radio-map-points{position:absolute;inset:0}.radio-location{position:absolute;display:block;width:0;height:0}.radio-location>i{position:absolute;width:5px;height:5px;background:#a7c5df;border-radius:50%;box-shadow:0 0 10px #a7c5df80;left:-2px;top:-2px}.radio-location>span{position:absolute;bottom:12px;left:0;transform:translateX(-50%);white-space:nowrap;font:9px monospace;color:#9baac2;background:#111722e8;padding:5px 8px;border:1px solid #ffffff12;border-radius:6px;max-width:155px;overflow:hidden;text-overflow:ellipsis}.radio-location.active>i{background:#cbbcff;box-shadow:0 0 12px 5px #cbbcff45}.radio-location.active>span{color:#e1d8fc;border-color:#cbbcff55}.station-info strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dock-entry strong{max-width:460px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(min-width:1600px){.hero .world canvas{width:900px;height:800px;left:-35px}}
@media(max-width:1100px) and (min-width:601px){.hero .world canvas{width:640px;height:640px;left:-30px}}
@media(max-width:600px){.hero .world canvas{width:520px;height:500px;left:50%;top:-15px;opacity:.74;mask-image:radial-gradient(ellipse,#000 42%,transparent 72%)}.hero .world:after{background:linear-gradient(0deg,#08090a,transparent 30%)}.audience-connections{padding:18px;min-height:0;border-radius:18px}.community-profile{padding:15px;gap:12px}.community-profile>img{width:52px;height:65px}.community-profile strong{font-size:20px}.community-profile span{font-size:7px}.community-profile small{font-size:10px;line-height:1.6}.community-path{height:25px;margin:0}.community-path:before{display:none}.community-path i:first-child,.community-path i:last-child{display:none}.community-path i{height:25px}.community-actions{grid-template-columns:1fr;gap:10px}.community-actions>div{display:grid;grid-template-columns:38px 1fr;column-gap:12px;padding:14px 15px}.community-symbol{grid-row:1/3;margin:0;align-self:center}.community-actions strong{font-size:13px}.community-actions small{font-size:11px;margin-top:3px}.dj-illustration>img{height:220px}.radio-map-plane{top:36%;left:2%;right:2%}.radio-location>span{font-size:8px;max-width:105px}.dock-entry strong{max-width:195px}.event-add .pill{font-size:13px}}
.audience-connections{place-items:stretch}.audience-connections .community-profile,.audience-connections .community-actions{width:100%}.audience-connections .community-path{width:calc(100% - 80px)}@media(max-width:600px){.audience-connections .community-path{width:100%}}
.radio-map-plane{left:50%;right:auto;top:5%;width:94%;max-width:620px;transform:translateX(-50%)}@media(max-width:600px){.radio-map-plane{left:50%;right:auto;top:28%;width:96%;max-width:620px}}
.dj-icon-scene{position:relative;padding:30px 20px 0;border:1px solid #cbbcff22;border-radius:14px;background:radial-gradient(ellipse at 50% 35%,#cbbcff0b,transparent 70%),#0d1119;margin-top:15px;overflow:hidden}.dj-icon-tile{width:128px;height:128px;border:1px solid #cbbcff45;border-radius:30px;background:linear-gradient(135deg,#252234,#171a25);color:#d4c8f7;display:grid;place-items:center;margin:0 auto;box-shadow:0 12px 40px #0004,inset 0 1px #ffffff10}.dj-icon-tile .dj-icon{width:85px;height:85px}.dj-signal-connectors{display:flex;justify-content:center;gap:12px;margin:26px 0}.dj-signal-connectors span{font:10px monospace;padding:7px 14px;color:#a3a0b4;border:1px solid #ffffff12;border-radius:7px;background:#141925;position:relative}.dj-signal-connectors span:before{content:'';position:absolute;left:50%;height:19px;top:-20px;border-left:1px solid #cbbcff35}.dj-icon-caption{display:flex;justify-content:space-between;align-items:center;padding:13px 0;border-top:1px solid #ffffff12}.dj-icon-caption strong{font-size:12px;font-weight:500}.profile-dj-icon{width:62px;height:62px;flex:none;display:grid!important;place-items:center;background:linear-gradient(135deg,#2b263c,#171c27);border:1px solid #cbbcff30;border-radius:16px;color:#cbbcff!important}.profile-dj-icon .dj-icon{width:46px;height:46px}.community-profile .profile-dj-icon{font-size:0}.live-state .screen-badge{display:none}@media(max-width:600px){.profile-dj-icon{width:48px;height:48px;border-radius:13px}.profile-dj-icon .dj-icon{width:37px;height:37px}.dj-icon-scene{padding:23px 18px 0}.dj-icon-tile{width:118px;height:118px}.dj-icon-tile .dj-icon{width:80px;height:80px}}
.hero .world canvas{opacity:.85}
/* Refero / Monopo Saigon: flowing iridescent backdrop, adapted to DJGO. */
.hero{isolation:isolate}.hero-atmosphere{position:absolute;inset:-45px -56px 0;overflow:hidden;z-index:-1;pointer-events:none;mask-image:linear-gradient(transparent,#000 14%,#000 70%,transparent)}.liquid-light{position:absolute;width:850px;height:560px;left:30%;top:8%;border-radius:43% 57% 61% 39% / 57% 42% 58% 43%;background:conic-gradient(from 35deg,transparent 0deg,#7762ad44 65deg,#cbbcff55 98deg,#48778c33 155deg,transparent 195deg,#59549c55 250deg,#9f83c144 310deg,transparent 360deg);filter:blur(70px);transform:rotate(-25deg);animation:liquid-horizon 26s cubic-bezier(.19,1,.22,1) infinite alternate;opacity:.8}.liquid-b{width:900px;height:330px;left:2%;top:49%;background:radial-gradient(ellipse at 65% 50%,#cbbcff2b,transparent 62%),radial-gradient(ellipse at 28% 55%,#466e7733,transparent 60%);filter:blur(55px);animation:liquid-horizon 32s cubic-bezier(.19,1,.22,1) infinite alternate-reverse;opacity:.75}.atmosphere-grain{position:absolute;inset:0;background:url('./atmosphere-grain.svg');opacity:.075;mix-blend-mode:soft-light}.hero .world canvas{width:900px;height:810px;left:-150px;top:-10px;opacity:1;mask-image:none}.hero .world:after{display:none}.hero-copy:before{content:'';position:absolute;inset:-30px -20px -25px -56px;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#08090ae8 15%,#08090acc 72%,#08090a00 100%)}.hero .world{z-index:1}.hero-copy{z-index:5}@keyframes liquid-horizon{0%{transform:translate(-4%,-4%) rotate(-24deg) scale(.93);border-radius:43% 57% 61% 39% / 57% 42% 58% 43%}100%{transform:translate(6%,8%) rotate(12deg) scale(1.1);border-radius:63% 37% 39% 61% / 35% 62% 38% 65%}}
@media(min-width:1600px){.hero .world canvas{width:1000px;height:900px;left:-160px}}@media(max-width:1100px) and (min-width:601px){.hero .world canvas{width:730px;height:700px;left:-170px}}@media(max-width:600px){.hero-atmosphere{inset:0 -20px 0}.liquid-light{width:540px;height:450px;left:-20%;top:42%;filter:blur(45px);opacity:.7}.liquid-b{width:550px;height:320px;left:-10%;top:62%;filter:blur(35px)}.hero .world canvas{width:540px;height:520px;left:50%;top:-45px;opacity:1;mask-image:none}.hero-copy:before{inset:-30px -20px -20px;background:linear-gradient(#08090a 0%,#08090ad9 75%,#08090a00 100%)}}
@media(prefers-reduced-motion:reduce){.liquid-light{animation:none}}
@media(max-width:600px){.hero .world .signal-card{left:calc(50% - 140px);right:auto;width:280px;bottom:35px}}
/* Reserve a readable dark edge for the caption and feature strip. */
.hero .world{clip-path:inset(-160px -300px 0 -300px)}.hero .world:after{display:block;position:absolute;inset:auto -150px 0;height:115px;background:linear-gradient(transparent,#08090acc 65%,#08090a 100%);z-index:2;pointer-events:none}.hero .world-hint{bottom:7px;left:0;right:0;text-align:center;z-index:5;color:#a1a7b6;text-shadow:0 2px 6px #000}.hero .feature-strip{position:relative;z-index:6;background:linear-gradient(#08090ae6,#08090a);isolation:isolate}.hero .world canvas{mask-image:linear-gradient(to bottom,#000 0%,#000 76%,transparent 96%)}@media(max-width:600px){.hero .world canvas{mask-image:linear-gradient(to bottom,#000 0%,#000 78%,transparent 97%)}.hero .world:after{inset:auto -20px 0;height:75px}.hero .world-hint{bottom:4px;font-size:9px}.hero .feature-strip{margin-top:12px}}

@media(max-width:600px){.hero .feature-strip{align-self:stretch;width:100%}}

/* Flat signal controls: restrained frame, split arrow, interactive hover. */
.pill,.hero .primary,.final-cta .primary{position:relative;isolation:isolate;overflow:hidden;border-radius:12px;min-height:54px;padding:12px 14px 12px 22px;gap:20px;border:1px solid #cbbcff38;background:linear-gradient(120deg,#20202b,#12141c);box-shadow:inset 0 1px 0 #ffffff08;color:#ece8f7;letter-spacing:.01em;font-weight:500;transition:background .25s,border-color .25s,box-shadow .25s;transform:none;filter:none}
.pill.primary,.hero .primary,.final-cta .primary{background:#cbbcff;border-color:#d6caff;color:#211a30;box-shadow:0 0 25px #cbbcff0a}
.pill>span[aria-hidden],.pill>svg{display:grid;place-items:center;width:30px;height:30px;flex:none;border-radius:7px;background:#cbbcff0e;border:1px solid #cbbcff1c;font-size:18px;transition:transform .25s,background .25s;line-height:1}
.pill>svg{padding:6px}.pill.primary>span[aria-hidden],.pill.primary>svg{background:#57427315;border-color:#57427320}
.pill:before{content:'';position:absolute;left:18px;right:18px;top:0;height:1px;background:linear-gradient(90deg,transparent,#ded3ff99,transparent);pointer-events:none}
.pill:after{content:'';position:absolute;inset:0;background:linear-gradient(115deg,transparent 35%,#ffffff13 50%,transparent 65%);transform:translateX(-110%);transition:transform .6s;pointer-events:none;z-index:-1}
.header-cta{min-height:44px;padding:7px 9px 7px 16px;font-size:12px;border-radius:10px;gap:17px}.header-cta>span[aria-hidden]{width:27px;height:27px}
@media(hover:hover){.pill:hover,.hero .primary:hover,.final-cta .primary:hover{transform:none;filter:none;border-color:#cbbcff8c;box-shadow:0 0 24px #cbbcff12}.pill.primary:hover,.hero .primary:hover,.final-cta .primary:hover{background:#dbd0f9;border-color:#e8dfff;box-shadow:0 0 30px #cbbcff20}.pill:hover:after{transform:translateX(110%)}.pill:hover>span[aria-hidden],.pill:hover>svg{transform:translate(2px,-2px)}.music-tabs button:hover,.music-filters button:hover,[data-step]:hover,[data-source]:hover{border-color:#cbbcff66}}
.pill:active,.hero .primary:active,.final-cta .primary:active{transform:scale(.98);box-shadow:none}.pill:focus-visible{outline:2px solid #e4d9ff;outline-offset:4px}
.hero .world .signal-card,.hero .world .signal-card:hover{left:50%;right:auto;width:350px;transform:translate3d(-50%,0,0) rotate(-5deg);translate:none;animation:levitate 9s ease-in-out infinite;transition:border-color .3s,box-shadow .3s;cursor:default;z-index:4}
.hero .world canvas{z-index:2}.hero .world .signal-card:hover{border-color:#ffffff30;box-shadow:0 28px 80px #000a}.hero .world .signal-card.signal-highlighted{border-color:#cbbcff70}.signal-card .waveform i{animation:wave 1.1s ease-in-out infinite alternate}.signal-card .waveform i:nth-child(3n){animation-delay:-.35s;animation-duration:.85s}.signal-card .waveform i:nth-child(5n){animation-delay:-.7s;animation-duration:1.35s}.signal-card .waveform i:nth-child(7n){animation-delay:-.5s}
.promo-reel-note{display:flex;align-items:center;gap:13px;padding:15px;margin:19px 0 14px;border:1px solid #cbbcff28;border-radius:12px;background:linear-gradient(115deg,#cbbcff0e,transparent);text-align:left}.promo-reel-note strong{font-size:13px;font-weight:500;color:#e8dfff;letter-spacing:-.01em}.promo-reel-note p{font-size:11px!important;line-height:1.5;margin:5px 0 0!important;color:#a7a4b6!important}.reel-note-icon{display:grid;place-items:center;flex:none;width:35px;height:43px;color:#cbbcff}.reel-note-icon svg{width:26px;height:32px}.reel-auto{font:8px ui-monospace,monospace;letter-spacing:.08em;color:#cbbcff;margin-left:auto;align-self:flex-start;padding:4px 5px;border:1px solid #cbbcff30;border-radius:4px}
@media(max-width:600px){.hero .world .signal-card,.hero .world .signal-card:hover{left:50%;width:min(280px,calc(100% - 50px));bottom:35px;transform:translate3d(-50%,0,0) rotate(-4deg)}.pill,.hero .primary,.final-cta .primary{min-height:50px;padding:11px 11px 11px 18px;gap:16px}.header-cta{min-height:40px;padding:6px 8px 6px 13px;gap:12px}.header-cta>span[aria-hidden]{width:25px;height:25px}.promo-reel-note{gap:9px;padding:12px}.promo-reel-note strong{font-size:12px}.reel-auto{font-size:7px}}
@media(prefers-reduced-motion:reduce){.hero .world .signal-card,.signal-card .waveform i{animation:none!important}.pill,.pill:after,.pill>span[aria-hidden],.pill>svg{transition:none}}

/* Keep the portrait frame and play glyph optically centered at every size. */
.promo-reel-note{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:start;gap:12px}.reel-note-icon{display:grid;place-items:center;width:36px;height:40px;align-self:start;background:#cbbcff08;border:1px solid #cbbcff18;border-radius:8px}.reel-note-icon svg{display:block;width:24px;height:30px;flex:none}.promo-reel-note strong{display:block;line-height:1.4}.reel-auto{margin:0;align-self:start}.promo-reel-note>div{min-width:0}
@media(max-width:600px){.promo-reel-note{grid-template-columns:32px minmax(0,1fr) auto;gap:9px}.reel-note-icon{width:32px;height:38px}.reel-note-icon svg{width:24px;height:30px}}

/* Automatic highlight reel: video frame and sparkle. */
.reel-note-icon svg{width:26px;height:26px}@media(max-width:600px){.reel-note-icon svg{width:24px;height:24px}}

/* DJGO physical studio: real footage, original aspect ratio, quiet framing. */
.physical-studio{padding-top:100px;padding-bottom:96px;border-top:1px solid #ffffff10}.physical-studio-heading{margin-bottom:36px}.physical-studio-heading h2{max-width:900px}.physical-studio-heading h2>span{display:block;color:#cbbcff}.physical-studio-layout{display:grid;grid-template-columns:minmax(0,1.36fr) minmax(0,1fr);align-items:center;gap:64px}.studio-film{position:relative;aspect-ratio:718/520;background:#101117;border:1px solid #cbbcff28;border-radius:20px;overflow:hidden;box-shadow:0 20px 60px #0003}.studio-film video{display:block;width:100%;height:100%;object-fit:contain}.studio-film:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(#0005,transparent 25%,transparent 68%,#0009)}.studio-film-label{position:absolute;z-index:1;top:22px;left:22px;right:22px;display:flex;align-items:center;gap:9px;color:#f1edf8;font:10px monospace;letter-spacing:.12em}.studio-film-label>span:last-child{margin-left:auto;color:#ffffffa0}.studio-location-dot{width:6px;height:6px;border-radius:50%;background:#cbbcff;box-shadow:0 0 12px #cbbcff80}.studio-film-controls{position:absolute;left:20px;right:20px;bottom:20px;z-index:2;display:flex;justify-content:space-between;gap:10px}.studio-film-controls button{border:1px solid #ffffff35;background:#11121bd9;color:#f2eefe;border-radius:10px;min-height:44px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 14px;backdrop-filter:blur(14px);font:inherit;font-size:12px;transition:border-color .2s,background .2s}.studio-film-controls button:hover{border-color:#cbbcff;background:#272332}.studio-play{width:44px}.studio-film-controls svg{width:20px;height:20px;flex:none}.sound-on[hidden],.sound-off[hidden]{display:none}.studio-bridge{color:#cbbcff!important;font-size:12px!important;letter-spacing:.025em;margin-bottom:20px!important}.physical-studio-copy h3{font-size:clamp(28px,3vw,40px);line-height:1.18;letter-spacing:-.035em;font-weight:500;margin:0 0 24px}.physical-studio-copy>p{font-size:16px;line-height:1.8;color:#a9adb7;max-width:440px}.studio-booking{margin-top:30px;padding-top:26px;border-top:1px solid #ffffff14}.studio-booking>p{font-size:14px;line-height:1.8;color:#d2d0d9;margin:0 0 22px}.studio-booking-link{font-size:13px;max-width:100%;text-align:left;line-height:1.45;text-decoration:none}.studio-booking-caption{display:block;color:#8e909e;font-size:11px;margin-top:13px}.studio-video-status{position:absolute;left:20px;right:20px;bottom:78px;z-index:2;color:white;background:#11121be6;padding:12px;font-size:12px;border-radius:8px}.studio-film-controls button:focus-visible{outline:2px solid #cbbcff;outline-offset:3px}
@media(max-width:900px){.physical-studio-layout{gap:30px}.physical-studio-copy h3{font-size:30px}.physical-studio-copy>p{font-size:14px}.studio-booking-link{font-size:12px;gap:12px;padding-left:16px}}
@media(max-width:600px){.physical-studio{padding-top:64px;padding-bottom:60px}.physical-studio-heading{margin-bottom:26px}.physical-studio-layout{grid-template-columns:minmax(0,1fr);gap:28px}.studio-film{border-radius:15px}.studio-film-label{top:15px;left:15px;right:15px;font-size:8px}.studio-film-controls{left:12px;right:12px;bottom:12px}.studio-film-controls button{min-height:42px;font-size:11px}.physical-studio-copy h3{font-size:30px;margin-bottom:18px}.physical-studio-copy>p{font-size:15px}.studio-bridge{margin-bottom:15px!important}.studio-booking{margin-top:22px;padding-top:22px}.studio-booking-link{font-size:12px;min-height:54px;gap:12px}.studio-booking-caption{margin-top:12px}}

/* A light lavender wash belongs to the footage, not its controls. */
.studio-film:before{content:'';position:absolute;inset:0;z-index:1;background:#b6a0ef;opacity:.12;mix-blend-mode:soft-light;pointer-events:none}.studio-film video{filter:saturate(.94)}.studio-film-label,.studio-film-controls,.studio-video-status{z-index:2}.studio-film-controls .studio-sound{width:44px;padding:10px;flex:none}

/* Updated studio footage keeps its complete 718×500 frame. */
.studio-film{aspect-ratio:718/500}

.studio-details-link{display:inline-flex;margin-top:18px;color:#cbbcff}

@media(max-width:760px){body:not(.studio-page) .header nav{display:flex;gap:0;font-size:12px}body:not(.studio-page) .header nav a:not(.studio-nav-link){display:none}}

/* Shared subtle lavender grade for both studio films. */
.studio-film video{filter:saturate(.92) contrast(1.02)}.studio-film:before{opacity:.10;mix-blend-mode:color;background:#b6a0ef}