.rail{z-index:30;flex-direction:column;align-items:flex-end;gap:1.1rem;padding-right:1.15rem;display:none;position:fixed;top:50%;right:0;transform:translateY(-50%)}@media (min-width:1200px){.rail{display:flex}}.rail__tick{align-items:center;gap:.6rem;display:flex}.rail__line{transform-origin:100%;background:var(--hairline-strong);width:2.1rem;height:1px;transition:transform .55s var(--ease), background .55s var(--ease);display:block;transform:scaleX(.405)}.rail__tick:hover .rail__line{background:var(--mist);transform:scaleX(.714)}.rail__tick.is-active .rail__line{background:var(--violet);transform:none}.rail__label{writing-mode:vertical-rl;font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--mist-dim);opacity:0;transition:opacity .5s var(--ease), color .5s var(--ease);font-size:.68rem}.rail__tick.is-active .rail__label,.rail__tick:hover .rail__label,.rail__tick:focus-visible .rail__label{opacity:1}.rail__tick.is-active .rail__label{color:var(--bone)}
.mixer{border:1px solid var(--hairline);-webkit-backdrop-filter:blur(8px);background:radial-gradient(120% 80% at 10% 0,#7c5cff1a,#0000 60%),linear-gradient(160deg,#141828eb,#080a14eb);border-radius:18px;padding:clamp(1.15rem,2.4vw,1.9rem);position:relative;box-shadow:0 30px 80px -50px #000000f2}.mixer__head{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.9rem;display:flex}.mixer__power{border:1px solid var(--hairline-strong);min-height:44px;font-size:var(--step--1);color:var(--mist);transition:color .35s var(--ease), border-color .35s var(--ease), background .35s var(--ease);border-radius:999px;align-items:center;gap:.5rem;padding:.42rem 1.05rem;font-weight:500;display:inline-flex}.mixer__power:hover{color:var(--bone);border-color:var(--violet)}.mixer__power.is-on{color:var(--bone);border-color:var(--violet);background:var(--violet-soft)}.mixer__powerDot{background:var(--mist-dim);width:7px;height:7px;transition:background .35s var(--ease), box-shadow .35s var(--ease);border-radius:50%}.mixer__power.is-on .mixer__powerDot{background:var(--cyan);box-shadow:0 0 0 4px #35e0d02e}.mixer__scope{border:1px solid var(--hairline);background:linear-gradient(#05060dd9,#0c0f1cb3);border-radius:12px;width:100%;height:clamp(120px,20vw,190px)}.mixer__sliders{gap:0;margin-top:.85rem;display:grid}.mixer__slider{grid-template-columns:5.4rem 1fr 3rem;align-items:center;gap:.85rem;display:grid}.mixer__sliderName{font-size:var(--step--1);color:var(--mist)}.mixer__sliderValue{font-family:var(--mono);font-size:var(--step--2);color:var(--mist-dim);text-align:right;font-variant-numeric:tabular-nums}.mixer__slider input[type=range]{appearance:none;cursor:pointer;background:0 0;width:100%;height:44px}.mixer__slider input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--violet-deep), var(--ink-600));border-radius:999px;height:3px}.mixer__slider input[type=range]::-moz-range-track{background:linear-gradient(90deg, var(--violet-deep), var(--ink-600));border-radius:999px;height:3px}.mixer__slider input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--bone);border:3px solid var(--violet);border-radius:50%;width:17px;height:17px;margin-top:-7px;box-shadow:0 0 0 4px #7c5cff24}.mixer__slider input[type=range]::-moz-range-thumb{background:var(--bone);border:3px solid var(--violet);border-radius:50%;width:15px;height:15px}.mixer__chords{flex-wrap:wrap;align-items:center;gap:.9rem;margin-top:1.25rem;display:flex}.mixer__chordRow{gap:.4rem;display:flex}.mixer__chord{border:1px solid var(--hairline);min-width:3.4rem;min-height:44px;font-family:var(--mono);font-size:var(--step--1);color:var(--mist);transition:color .3s var(--ease), border-color .3s var(--ease), background .3s var(--ease);border-radius:8px;padding:.38rem .6rem}.mixer__chord:hover{color:var(--bone);border-color:var(--hairline-strong)}.mixer__chord.is-active{color:#fff;border-color:var(--violet);background:var(--violet-soft)}.mixer__chordName{font-size:var(--step--2);color:var(--mist-dim);min-width:8ch}.mixer__note{font-size:var(--step--2);color:var(--mist-dim);min-height:2.2em;margin-top:1rem}@media (max-width:480px){.mixer__slider{grid-template-columns:4.4rem 1fr 2.6rem;gap:.6rem}}
.browser{grid-template-columns:minmax(15rem,20rem) 1fr;align-items:start;gap:clamp(1rem,2vw,2rem);display:grid}.browser__tabs{border:1px solid var(--hairline);background:linear-gradient(#14182899,#080a148c);border-radius:14px;gap:2px;padding:6px;display:grid}.browser__tab{width:100%;min-height:44px;color:var(--mist);font-size:var(--step--1);text-align:left;transition:color .3s var(--ease), background .3s var(--ease);border-radius:9px;align-items:center;gap:.7rem;padding:.62rem .75rem;display:flex}.browser__tab svg{color:var(--tint);opacity:.72;transition:opacity .3s var(--ease);flex:none}.browser__tab:hover{color:var(--bone);background:#9aa1bb0f}.browser__tab.is-active{color:var(--bone);background:#9aa1bb17}.browser__tab.is-active svg{opacity:1}.browser__tabLabel{flex:1}.browser__tabCount{font-family:var(--mono);font-size:var(--step--2);color:var(--mist-dim);font-variant-numeric:tabular-nums}.browser__tab.is-active .browser__tabCount{color:var(--tint)}.browser__panel{border:1px solid var(--hairline);background:radial-gradient(90% 70% at 0% 0%, color-mix(in srgb, var(--cat) 12%, transparent), transparent 65%), linear-gradient(160deg, #141828b3, #080a1499);min-height:100%;transition:background .6s var(--ease);border-radius:14px;padding:clamp(1.2rem,2.4vw,2rem)}.browser__panelHead{border-bottom:1px solid var(--hairline);align-items:flex-start;gap:.95rem;padding-bottom:1.1rem;display:flex}.browser__panelIcon{color:var(--cat);transition:color .6s var(--ease);flex:none;margin-top:.15rem}.browser__panelTitle{font-size:var(--step-2);letter-spacing:-.025em}.browser__panelBlurb{font-size:var(--step--1);color:var(--mist);max-width:52ch;margin-top:.35rem}.browser__nodes{grid-template-columns:repeat(auto-fill,minmax(13.5rem,1fr));gap:.15rem 1.2rem;margin-top:1.1rem;list-style:none;display:grid}.browser__node{font-family:var(--mono);font-size:var(--step--2);color:var(--mist);letter-spacing:.01em;align-items:center;gap:.6rem;padding:.42rem 0;display:flex}.browser__nodeDot{background:var(--cat);opacity:.85;border-radius:50%;flex:none;width:5px;height:5px}@media (max-width:900px){.browser{grid-template-columns:1fr}.browser__tabs{grid-template-columns:repeat(auto-fit,minmax(9.5rem,1fr))}.browser__tabLabel{font-size:var(--step--2)}}
.clip{margin:0}.clip__frame{border:1px solid var(--hairline);background:var(--ink-800);border-radius:14px;position:relative;overflow:hidden;box-shadow:0 40px 90px -60px #000000f2}.clip__frame:after{content:"";background:var(--tint);mix-blend-mode:color;opacity:.5;pointer-events:none;transition:opacity .7s var(--ease);position:absolute;inset:0}.clip__frame:before{content:"";z-index:2;pointer-events:none;background:linear-gradient(#0000 55%,#05060d6b);position:absolute;inset:0}.clip__video{filter:brightness(.74)contrast(1.06);width:100%;height:auto;transition:filter .7s var(--ease), transform .9s var(--ease);display:block}.clip:hover .clip__video{filter:none;transform:scale(1.012)}.clip:hover .clip__frame:after{opacity:0}.clip.is-shown .clip__video{filter:none}.clip.is-shown .clip__frame:after{opacity:0}@media (hover:none){.clip__video{filter:none}.clip__frame:after{opacity:0}}.clip__caption{font-size:var(--step--2);color:var(--mist-dim);max-width:54ch;margin-top:.85rem}@media (prefers-reduced-motion:reduce){.clip__video,.clip__frame:after{transition:none}}
.facade{aspect-ratio:16/9;border:1px solid var(--hairline);background:var(--ink-800);border-radius:14px;position:relative;overflow:hidden}.facade__frame{border:0;width:100%;height:100%;display:block}.facade__button{width:100%;height:100%;padding:0;display:block;position:relative}.facade__poster{object-fit:cover;filter:saturate(.8)brightness(.84);width:100%;height:100%;transition:filter .7s var(--ease), transform .9s var(--ease);transform:scale(1.005)}.facade__button:hover .facade__poster,.facade__button:focus-visible .facade__poster{filter:none;transform:scale(1.02)}@media (hover:none){.facade__poster{filter:none}}.facade__button:after{content:"";pointer-events:none;background:linear-gradient(#05060d1a 0%,#05060d8c 100%);position:absolute;inset:0}.facade__play{z-index:2;border:1px solid var(--hairline-strong);-webkit-backdrop-filter:blur(10px);color:var(--bone);font-size:var(--step--1);transition:background .4s var(--ease), border-color .4s var(--ease), transform .4s var(--ease);background:#05060dad;border-radius:999px;align-items:center;gap:.6rem;padding:.72rem 1.35rem;font-weight:600;display:inline-flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.facade__button:hover .facade__play,.facade__button:focus-visible .facade__play{background:#7c5cffe6;border-color:#0000;transform:translate(-50%,-50%)scale(1.04)}.facade__duration{font-family:var(--mono);font-size:var(--step--2);color:var(--mist);border-left:1px solid var(--hairline-strong);padding-left:.6rem;font-weight:400}.facade__button:hover .facade__duration{color:#ffffffd1}
.page{z-index:1;position:relative}.hero{padding-top:clamp(7rem,16vh,11rem);padding-bottom:clamp(3rem,8vh,6rem);position:relative;overflow:hidden}.hero__shell{align-items:center;min-height:min(70vh,620px);display:flex;position:relative}.hero__copy{z-index:2;max-width:46rem;position:relative}.hero__copy:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(65% 60% at 32%,#05060df0 0%,#05060db8 45%,#0000 78%);position:absolute;inset:-18% -30% -22% -40%}.hero__eyebrow{color:var(--cyan)}.hero__title{font-size:var(--step-5);letter-spacing:-.05em;margin-top:.7rem;font-weight:600;line-height:.86}.hero__titleTail{color:#0000;-webkit-text-stroke-color:var(--mist);-webkit-text-stroke-width:.011em;padding-left:.02em}@media (max-width:560px){.hero__titleTail{color:var(--mist);-webkit-text-stroke-width:0}}.hero__tagline{font-family:var(--display);font-size:var(--step-2);letter-spacing:-.025em;color:var(--bone);max-width:20ch;margin-top:clamp(1rem,2.5vh,1.8rem);font-weight:400;line-height:1.15}.hero__lede{color:var(--mist);max-width:46ch;margin-top:1rem}.hero__actions{flex-wrap:wrap;gap:.7rem;margin-top:clamp(1.5rem,3vh,2.4rem);display:flex}.hero__module{z-index:1;pointer-events:none;filter:drop-shadow(0 40px 90px #000000e6)drop-shadow(0 0 70px #7c5cff38);width:min(46%,620px);height:auto;animation:14s ease-in-out infinite heroDrift;position:absolute;top:50%;right:-3%;transform:translateY(-52%)}@keyframes heroDrift{0%,to{transform:translateY(-52%)rotate(-.6deg)}50%{transform:translateY(-56%)rotate(.6deg)}}.hero__patchWrap{margin-top:clamp(2.5rem,6vh,5rem)}.hero__patch{border:1px solid var(--hairline);filter:brightness(.78)saturate(.9);width:100%;height:auto;transition:filter .8s var(--ease);border-radius:16px;box-shadow:0 60px 120px -70px #000}.hero__patch:hover{filter:none}@media (hover:none){.hero__patch{filter:none}}@media (max-width:980px){.hero__module{opacity:.45;width:72%;top:84%;right:-8%}.hero__copy{max-width:none}}.row{align-items:start;gap:clamp(1.6rem,4vw,3.6rem);display:grid}.row--split{grid-template-columns:.95fr 1.05fr}.row--media{grid-template-columns:1fr 1.12fr;align-items:center}.row--mixer{grid-template-columns:1.02fr 1fr;align-items:start;margin-top:clamp(2.5rem,6vh,4.5rem)}.row--pair{grid-template-columns:1fr 1fr;align-items:start;margin-top:clamp(2rem,5vh,3.5rem)}.row--reverse{direction:rtl}.row--reverse>*{direction:ltr}.row__h3{font-size:var(--step-2);letter-spacing:-.028em;max-width:22ch}.row+.row{margin-top:clamp(2.5rem,6vh,4.5rem)}@media (max-width:980px){.row--split,.row--media,.row--mixer,.row--pair{grid-template-columns:1fr}.row--reverse{direction:ltr}}.facts{border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline);grid-template-columns:repeat(4,1fr);margin-top:clamp(2.5rem,6vh,4rem);list-style:none;display:grid}.facts__cell{border-right:1px solid var(--hairline);flex-direction:column;gap:.1rem;padding:1.4rem 1.2rem 1.5rem 0;display:flex}.facts__cell:last-child{border-right:0}.facts__cell:not(:first-child){padding-left:1.2rem}.facts__value{font-family:var(--display);letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:clamp(2.4rem,3.6vw,3.6rem);font-weight:600;line-height:1}.facts__unit{font-family:var(--mono);font-size:var(--step--2);letter-spacing:.14em;text-transform:uppercase;color:var(--violet);margin-top:.35rem}.facts__note{font-size:var(--step--2);color:var(--mist-dim);margin-top:.55rem;line-height:1.45}@media (max-width:860px){.facts{grid-template-columns:repeat(2,1fr)}.facts__cell:nth-child(odd){padding-left:0}.facts__cell:nth-child(2n){border-right:0}.facts__cell:nth-child(-n+2){border-bottom:1px solid var(--hairline)}}.stats{border-top:1px solid var(--hairline);flex-wrap:wrap;gap:2.2rem;margin-top:1.9rem;padding-top:1.2rem;list-style:none;display:flex}.stats li{align-items:baseline;gap:.5rem;display:flex}.stats__k{font-family:var(--display);font-size:var(--step-2);letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-weight:600}.stats__v{font-family:var(--mono);font-size:var(--step--2);letter-spacing:.12em;text-transform:uppercase;color:var(--mist-dim)}.feature{margin:clamp(2.5rem,6vh,4.5rem) 0 0}.feature__img{border:1px solid var(--hairline);border-radius:14px;width:100%;height:auto;box-shadow:0 50px 110px -70px #000}.feature__caption{font-size:var(--step--2);color:var(--mist-dim);max-width:58ch;margin-top:.95rem}.browserWrap{margin-top:clamp(2.5rem,6vh,4rem)}.demo__player{margin-top:clamp(2.2rem,5vh,3.6rem)}.presets{border-top:1px solid var(--hairline);grid-template-columns:1fr 1fr;align-items:start;gap:clamp(1.6rem,4vw,3.6rem);margin-top:clamp(3rem,7vh,5rem);padding-top:clamp(2rem,4vh,3rem);display:grid}.presets__steps{gap:0;list-style:none;display:grid}.presets__steps li{border-bottom:1px solid var(--hairline);font-size:var(--step--1);color:var(--mist);align-items:baseline;gap:1rem;padding:.95rem 0;display:flex}.presets__steps li:first-child{border-top:1px solid var(--hairline)}.presets__steps span{font-family:var(--mono);font-size:var(--step--2);color:var(--violet);font-variant-numeric:tabular-nums}@media (max-width:980px){.presets{grid-template-columns:1fr}}.afterDemo{border:1px solid var(--hairline);background:radial-gradient(120% 140% at 0% 0%, #7c5cff24, transparent 62%), var(--ink-850);border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.2rem;margin-top:clamp(2rem,5vh,3.2rem);padding:clamp(1.4rem,3vw,2.2rem);display:flex}.afterDemo__line{font-family:var(--display);font-size:var(--step-2);letter-spacing:-.028em;max-width:24ch;font-weight:500}.closing{isolation:isolate;border-top:1px solid var(--hairline);padding-block:clamp(6rem,14vh,12rem);position:relative;overflow:hidden}.closing__mark{border-radius:22%;width:clamp(3.4rem,6vw,5rem);height:auto;margin-bottom:1.5rem;box-shadow:0 20px 50px -25px #7c5cffe6}.closing__h2{font-size:var(--step-4)}.closing__bg{object-fit:cover;z-index:-2;opacity:.5;width:100%;height:100%;position:absolute;inset:0}.closing:after{content:"";z-index:-1;background:linear-gradient(180deg, var(--ink-900) 0%, #05060db8 40%, var(--ink-900) 100%);position:absolute;inset:0}.closing__shell{position:relative}