:root{color-scheme:dark;--bg:#101116;--panel:#1a202a;--line:#343f50;--text:#f4f7fc;--muted:#bdc8d7;--cyan:#00d4da;--lime:#c7ff67;--scene-color:#00d4da}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;height:100%;overflow:hidden}body{height:100dvh;background:var(--bg);color:var(--text);font:18px/1.45 system-ui,sans-serif;display:flex;flex-direction:column}button,a{touch-action:manipulation}button{font:inherit;cursor:pointer}a{color:var(--cyan)}a:focus-visible,button:focus-visible{outline:3px solid var(--lime);outline-offset:3px}button:disabled{opacity:.35;cursor:default}h2,h3,p,figure{margin:0}h2:focus{outline:none}.welcomeHeader{height:64px;flex-shrink:0;padding:10px 3vw;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:25px}.welcomeHeader img{width:172px;height:auto;display:block}.welcomeHeader>span{font-size:12px;letter-spacing:2px;color:var(--muted)}.quietLink{margin-left:auto;font-size:15px;text-decoration:none}.welcomeLayout{flex:1;min-height:0;display:flex;flex-direction:column;padding:14px 3vw 12px;gap:12px;width:100%;max-width:1700px;margin:auto}.welcomeRail{flex-shrink:0}.welcomeRail ol{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px}.welcomeRail li{min-width:0}.welcomeRail button{width:100%;height:44px;border:1px solid var(--line);border-radius:8px;background:#171c25;color:var(--muted);display:flex;align-items:center;justify-content:center;gap:8px;padding:5px;font-size:14px}.welcomeRail button span{font:12px ui-monospace,monospace;color:var(--cyan)}.welcomeRail button b{font-weight:550}.welcomeRail button[aria-current]{border-color:var(--cyan);color:#fff;background:#00d4da14}.welcomeRail button.visited span{color:var(--lime)}.welcomeWorkspace{flex:1;min-height:0;display:flex;flex-direction:column}.welcomeProgress{display:flex;justify-content:space-between;font-size:13px;color:var(--muted);flex-shrink:0;margin-bottom:7px}progress{appearance:none;flex-shrink:0;width:100%;height:3px;border:0;background:#2b3443;border-radius:4px}progress::-webkit-progress-bar{background:#2b3443}progress::-webkit-progress-value{background:var(--cyan);transition:width .25s}progress::-moz-progress-bar{background:var(--cyan)}#welcomePanels{flex:1;min-height:0;padding:22px 0 18px;overflow:hidden}#welcomePanels>section{height:100%;min-height:0;display:grid;grid-template-columns:1fr 1.03fr;gap:4vw;align-items:center}.stepCopy{min-width:0;display:flex;flex-direction:column;gap:clamp(12px,1.8vh,23px);max-width:700px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:1.8px;color:var(--cyan)}h2{font-size:clamp(30px,3.2vw,54px);line-height:1.06;letter-spacing:-1.5px;text-wrap:balance}h3{font-size:18px;line-height:1.25;font-weight:700}.welcomeLead{font-size:clamp(18px,1.45vw,23px);line-height:1.45;color:var(--muted);max-width:650px}.takeaways{list-style:none;margin:0;padding:0;display:grid;gap:14px}.takeaways li{display:flex;gap:14px}.takeaways li>span{font:13px ui-monospace,monospace;color:var(--cyan);flex-shrink:0;padding-top:4px}.takeaways p{font-size:16px;color:var(--muted);line-height:1.4;margin-top:4px;max-width:590px}.welcomeNote{font-size:13px;line-height:1.4;color:#a7b6ca;border-left:2px solid #4b6473;padding-left:11px}.stepVisual{height:min(100%,480px);min-height:0;border:1px solid #3b4a5d;border-radius:20px;background:radial-gradient(ellipse at 40% 10%,#19343e,#171c27 75%);position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;box-shadow:0 20px 65px #0003}.stepVisual>svg{width:100%;height:calc(100% - 52px);flex:1;min-height:0}.scenePhoto,.kitPhoto{position:relative;flex:1;min-height:0;overflow:hidden}.scenePhoto img,.kitPhoto img{width:100%;height:100%;object-fit:cover;display:block}.scenePhoto img{filter:brightness(.6)}.beams{position:absolute;inset:0;height:100%;width:100%;color:var(--scene-color);mix-blend-mode:screen;transition:color .35s}.visualBottom{flex-shrink:0;min-height:52px;background:#111722d9;border-top:1px solid #354356;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 18px;font-size:13px;color:var(--muted)}.visualBottom b{font-size:13px;font-weight:600;color:var(--cyan)}.swatches{display:flex;gap:10px}.swatches button{background:var(--swatch);width:28px;height:28px;border-radius:50%;border:3px solid transparent}.swatches button[aria-pressed=true]{border-color:white;box-shadow:0 0 0 3px #ffffff25}.browserMock{margin:auto 28px;border:1px solid #55647a;border-radius:12px;background:#10141e;overflow:hidden}.browserBar{background:#273141;padding:12px;display:flex;align-items:center;gap:6px}.browserBar i{width:7px;height:7px;border-radius:50%;background:#798b9f}.browserBar span{font:11px ui-monospace,monospace;margin-left:auto;letter-spacing:2px}.mockLogo{padding:25px;font-size:clamp(24px,2.2vw,36px);font-weight:800;letter-spacing:-1px;line-height:1.15}.mockLogo span{display:block;color:var(--cyan)}.miniTiles{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:0 25px 22px}.miniTiles span{border:1px solid #4e6474;border-radius:6px;padding:16px 4px;text-align:center;font-size:12px;color:var(--cyan)}.mockStatus{padding:10px 25px;border-top:1px solid #2a3847;font-size:12px;color:var(--lime)}.patchDemo,.liveDemo,.deskDemo,.tabletDemo{margin:auto 26px;padding:20px;min-height:0}.demoHeading{display:flex;align-items:center;gap:2px;font-size:14px;letter-spacing:1px;font-weight:750;color:var(--cyan);margin-bottom:20px}.demoHeading>span:last-child{margin-left:auto;font-size:10px;color:var(--muted)}.fixtureRow{display:flex;align-items:center;gap:15px;border:1px solid #3d5266;border-radius:9px;padding:14px;margin:12px 0;background:#101b27}.fixtureIcon{color:var(--cyan);font-size:35px}.fixtureRow div{display:flex;flex-direction:column}.fixtureRow b{font-size:18px}.fixtureRow small{font-size:13px;color:var(--muted)}.fixtureRow strong{margin-left:auto;font:30px ui-monospace,monospace;color:var(--lime)}.channelStrip{display:grid;grid-template-columns:repeat(32,1fr);gap:3px;margin:18px 0 10px}.channelStrip span{height:20px;background:#00d4da77}.channelStrip span:nth-child(n+17){background:#bb8cff77}.patchDemo p,.liveDemo p{font-size:14px;color:var(--muted)}.livePads{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.livePads button{border:1px solid var(--pad);background:color-mix(in srgb,var(--pad) 14%,#111722);color:var(--pad);padding:16px 8px;border-radius:9px;text-align:left;font:13px ui-monospace,monospace}.livePads span{font:700 17px system-ui;display:block;margin-top:9px}.livePads button[aria-pressed=true]{background:var(--pad);color:#111722;box-shadow:0 0 22px color-mix(in srgb,var(--pad) 30%,transparent)}.ambiance{display:flex;justify-content:space-around;margin:15px 0;height:100px;gap:10px;background:#0e131e;border-radius:9px;overflow:hidden;color:var(--cyan)}.ambiance span{width:28%;background:linear-gradient(currentColor,transparent);opacity:.6;clip-path:polygon(50% 0,100% 100%,0 100%)}.deskDemo{width:calc(100% - 52px);border:1px solid #53637a;border-radius:16px;background:linear-gradient(145deg,#2d3441,#10141e);padding:22px}.deskPads{display:grid;grid-template-columns:repeat(8,1fr);gap:7px}.deskPads i{aspect-ratio:1;max-height:40px;border-radius:4px;background:#00d4da99}.deskPads i:nth-child(3n){background:#c7ff6799}.deskPads i:nth-child(4n){background:#bb8cff99}.deskFaders{height:110px;display:flex;gap:15px;margin:20px 4px}.deskFaders i{flex:1;background:#0a0e17;border:1px solid #4d5c70;border-radius:3px;position:relative}.deskFaders i:after{content:'';position:absolute;left:-3px;right:-3px;top:40%;height:12px;border-radius:3px;background:#e9f0f6}.deskFaders i:nth-child(2n):after{top:65%}.deskFaders i:nth-child(3n):after{top:15%}.deskFoot{display:flex;justify-content:space-between;font-size:13px;color:var(--muted)}.tabletDemo{width:100%;padding:22px;margin:auto 0}.pairSteps{display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px;margin-bottom:25px;color:var(--muted)}.pairSteps b{color:var(--cyan)}.tablet{margin:0 auto;max-width:460px;border:9px solid #080b11;border-radius:20px;background:#202a38;padding:16px;box-shadow:0 0 0 1px #58677b}.tabletTop{font-size:12px;margin-bottom:12px;display:flex;justify-content:space-between}.tabletTop i{font-size:9px;color:var(--lime);font-style:normal}.tablet .deskFaders{height:75px;margin:15px 3px}.tabletSwitch{text-align:right;font-size:11px;color:var(--cyan)}.tabletSwitch span{padding:0 6px;color:white}.offerLinks{display:flex;gap:16px;flex-wrap:wrap}.offerLinks a{font-size:15px;font-weight:700;text-underline-offset:5px}.welcomeFooter{flex-shrink:0;display:flex;align-items:center;gap:18px;border-top:1px solid var(--line);padding-top:12px}.welcomeFooter button,.welcomePrimary{display:inline-flex;align-items:center;justify-content:center;min-height:46px;border:1px solid var(--line);border-radius:8px;background:#212936;color:white;font-size:16px;font-weight:650;padding:10px 20px;text-decoration:none}.welcomeFooter .welcomePrimary{background:var(--cyan);border-color:var(--cyan);color:#081c20;margin-left:auto}.simulationNote{font-size:12px;color:#e0e7ed}.simulationNote>span{color:#a6b4c8}.stepVisual.liveActive .ambiance{transition:color .2s}noscript{position:fixed;inset:0;background:var(--bg);padding:40px;z-index:10}
@media(min-width:1600px) and (min-height:850px){.stepVisual{height:min(100%,570px)}h3{font-size:21px}.takeaways p{font-size:19px}.takeaways{gap:24px}.welcomeNote{font-size:15px}.stepCopy{gap:26px}}
@media(max-width:1050px){.welcomeRail button b{font-size:12px}.welcomeRail button{gap:5px}.welcomeLayout{padding-inline:22px}.stepCopy{gap:14px}#welcomePanels>section{gap:25px}.demoHeading{font-size:12px}.demoHeading>span:last-child{font-size:9px}.patchDemo,.liveDemo{margin:auto 12px;padding:14px}.fixtureRow{padding:10px}.fixtureRow b{font-size:16px}.livePads{gap:7px}.livePads span{font-size:15px}.visualBottom{padding:10px;font-size:11px}.visualBottom b{font-size:11px}}
@media(max-height:720px){.welcomeHeader{height:52px}.welcomeHeader img{width:145px}.welcomeLayout{padding-top:8px;gap:8px}.welcomeRail button{height:36px}.welcomeProgress{font-size:12px;margin-bottom:4px}#welcomePanels{padding:14px 0 12px}.stepCopy{gap:12px}h2{font-size:clamp(27px,3vw,40px)}.welcomeLead{font-size:18px}.takeaways{gap:11px}.takeaways p{font-size:15px}.welcomeNote{font-size:12px}.welcomeFooter{padding-top:8px}.welcomeFooter button,.welcomePrimary{min-height:42px;padding:8px 16px}.ambiance{height:75px}.deskFaders{height:90px}.mockLogo{padding:18px}.browserMock{margin:auto 18px}.miniTiles{padding:0 18px 16px}.pairSteps{margin-bottom:15px}}
@media(max-width:700px){.welcomeHeader{height:50px;padding:8px 16px;gap:10px}.welcomeHeader img{width:135px}.welcomeHeader>span{display:none}.quietLink{font-size:12px}.welcomeLayout{padding:8px 16px 10px;gap:7px}.welcomeRail ol{gap:5px}.welcomeRail button{height:30px;padding:3px}.welcomeRail button span{font-size:12px}.welcomeRail button b{display:none}.welcomeRail button[aria-current]{box-shadow:inset 0 -2px var(--cyan)}.welcomeProgress{font-size:12px;margin-bottom:5px}#welcomePanels{padding:10px 0;min-height:0}#welcomePanels>section{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) minmax(110px,.62fr);gap:12px;align-items:stretch}.stepCopy{max-width:none;gap:10px;justify-content:center}h2{font-size:28px;line-height:1.06;letter-spacing:-.8px}.eyebrow{font-size:10px;letter-spacing:1.3px}.welcomeLead{font-size:16px;line-height:1.35}.takeaways{gap:8px}.takeaways li{gap:10px}.takeaways h3{font-size:15px}.takeaways p{font-size:14px;line-height:1.3;margin-top:2px}.takeaways li>span{font-size:11px}.welcomeNote{font-size:11px;line-height:1.25}.stepVisual{height:100%;border-radius:12px;box-shadow:none}.visualBottom{min-height:30px;padding:5px 10px;font-size:10px}.visualBottom b{font-size:10px}.swatches button{width:23px;height:23px}.swatches{gap:8px}.welcomeFooter{gap:8px;padding-top:8px}.welcomeFooter button,.welcomePrimary{font-size:13px;padding:9px 12px;min-height:42px}.simulationNote{display:none}.offerLinks{gap:14px}.offerLinks a{font-size:13px}.browserMock{margin:auto 15px;display:grid;grid-template-columns:1fr 1fr;gap:0;width:calc(100% - 30px)}.browserBar{grid-column:1/-1;padding:6px 10px}.mockLogo{font-size:20px;padding:10px}.miniTiles{padding:10px;gap:4px;align-items:center}.miniTiles span{font-size:9px;padding:12px 2px}.mockStatus{grid-column:1/-1;font-size:10px;padding:5px 10px}.patchDemo,.liveDemo{padding:8px;margin:auto 10px}.demoHeading{margin-bottom:6px;font-size:11px}.fixtureRow{margin:5px 0;padding:5px 8px;display:inline-flex;width:calc(50% - 4px);gap:8px}.fixtureRow b{font-size:12px}.fixtureRow small{font-size:10px}.fixtureRow strong{font-size:18px}.fixtureIcon{font-size:22px}.channelStrip{margin:7px 0;gap:2px}.channelStrip span{height:10px}.patchDemo p{font-size:10px}.liveDemo{display:grid;grid-template-columns:1.2fr 1fr;gap:8px}.liveDemo .demoHeading{grid-column:1/-1}.livePads{gap:5px}.livePads button{font-size:10px;padding:7px 4px}.livePads span{font-size:12px;margin-top:4px}.ambiance{height:55px;margin:0}.liveDemo p{font-size:11px;grid-column:1/-1}.deskDemo{width:calc(100% - 28px);padding:10px;margin:auto 14px;display:grid;grid-template-columns:1fr 1fr;column-gap:15px}.deskDemo .demoHeading,.deskFoot{grid-column:1/-1}.deskPads{gap:4px}.deskFaders{height:55px;margin:0 3px 8px;gap:10px}.deskFaders i:after{height:8px}.deskFoot{font-size:10px}.tabletDemo{padding:8px;display:flex;align-items:center;gap:12px}.pairSteps{flex-direction:column;gap:2px;margin:0;font-size:10px;flex-shrink:0}.pairSteps b{transform:rotate(90deg)}.tablet{max-width:280px;flex:1;border-width:5px;border-radius:10px;padding:7px}.tabletTop{font-size:8px;margin-bottom:6px}.tabletTop i{font-size:7px}.tablet .deskPads i{max-height:18px}.tablet .deskFaders{height:30px;margin:6px 2px}.tabletSwitch{font-size:8px}}
@media(max-width:700px) and (max-height:650px){.welcomeHeader{height:44px}.welcomeLayout{padding:6px 12px 8px;gap:5px}.welcomeRail button{height:27px}#welcomePanels{padding:6px 0}#welcomePanels>section{grid-template-rows:minmax(0,1fr) minmax(90px,.5fr);gap:8px}.stepCopy{gap:7px}h2{font-size:24px}.welcomeLead{font-size:15px}.takeaways h3{font-size:14px}.takeaways p{font-size:13px}.welcomeNote{font-size:10px}.takeaways{gap:6px}.eyebrow{font-size:9px}.visualBottom{min-height:25px;font-size:9px;padding:3px 7px}.visualBottom b{font-size:9px}.welcomeFooter button,.welcomePrimary{min-height:38px;font-size:12px}.welcomeFooter{padding-top:6px}.browserBar,.mockStatus,.patchDemo .demoHeading,.liveDemo .demoHeading,.deskDemo .demoHeading{display:none}.browserMock{display:flex;align-items:center}.mockLogo{font-size:18px;flex:1}.miniTiles{flex:1}.tabletDemo{padding:5px}.pairSteps{font-size:9px}.tablet .deskPads i{max-height:11px}.tablet .deskFaders{height:24px}.fixtureRow small,.patchDemo p{display:none}.channelStrip{margin:5px 0}.offerLinks a{font-size:12px}}
@media(min-width:701px) and (max-height:540px){.welcomeHeader{height:42px}.welcomeRail button{height:30px;font-size:12px}.welcomeLayout{padding:6px 20px;gap:5px}.welcomeProgress{font-size:10px}#welcomePanels{padding:8px 0}.stepCopy{gap:8px}h2{font-size:28px}.welcomeLead{font-size:16px}.takeaways h3{font-size:15px}.takeaways p{font-size:13px}.takeaways{gap:7px}.welcomeNote{font-size:11px}.eyebrow{font-size:10px}.welcomeFooter button,.welcomePrimary{font-size:13px;min-height:36px;padding:7px 14px}.welcomeFooter{padding-top:6px}.visualBottom{min-height:30px;padding:5px 10px}.deskFaders{height:55px}.fixtureRow{padding:6px;margin:5px 0}.fixtureIcon{font-size:22px}.fixtureRow b{font-size:14px}.fixtureRow strong{font-size:20px}.demoHeading{margin-bottom:10px}.ambiance{height:50px;margin:8px 0}.livePads button{padding:10px 6px}.tabletDemo{padding:12px}.pairSteps{margin-bottom:8px}.tablet .deskFaders{height:40px}.tablet .deskPads i{max-height:20px}.mockLogo{font-size:25px;padding:12px}.browserBar{padding:6px}.miniTiles{padding-bottom:10px}.miniTiles span{padding:8px 4px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}