@font-face{font-family:Space Grotesk;src:url(/fonts/space-grotesk.woff2) format("woff2");font-weight:300 700;font-style:normal;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/fonts/jetbrains-mono.woff2) format("woff2");font-weight:100 800;font-style:normal;font-display:swap}:root{--bg: #06030b;--surface: #0c0715;--elevated: #140b22;--overlay: #1c1030;--inset: #08040f;--line: rgba(164, 90, 247, .18);--line-strong: rgba(164, 90, 247, .38);--line-faint: rgba(164, 90, 247, .1);--text: #f4edff;--text-2: #b6a5cc;--muted: #8b7aa2;--pink: #ff3fa8;--pink-soft: #ff6cbd;--violet: #a45af7;--cyan: #5fe3ff;--grad: linear-gradient(96deg, #ff5bc0 0%, #a45af7 52%, #7f8bff 100%);--grad-btn: linear-gradient(100deg, #d81b8c 0%, #7b3fe4 100%);--grad-btn-hover: linear-gradient(100deg, #ef2fa0 0%, #8b52f0 100%);--grad-soft: linear-gradient( 140deg, rgba(255, 63, 168, .1) 0%, rgba(164, 90, 247, .08) 55%, rgba(95, 227, 255, .04) 100% );--sans: "Space Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;--mono: "JetBrains Mono", ui-monospace, "SF Mono", monospace;--r-sm: 6px;--r-md: 10px;--r-lg: 14px;--r-xl: 18px;--pad: clamp(1.25rem, 4vw, 2.5rem);--max: 78rem;--nav: 64px;--ease: cubic-bezier(.22, 1, .36, 1);--fast: .15s;--base: .24s}*,*:before,*:after{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth;scroll-padding-top:calc(var(--nav) + 20px);-webkit-text-size-adjust:100%}body{margin:0;min-height:100dvh;overflow-x:hidden;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:1rem;font-weight:400;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4,p,figure,dl,dd,ul,ol{margin:0}ul,ol{padding:0;list-style:none}img,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}::selection{background:var(--pink);color:#1b0413}:focus-visible{outline:none;box-shadow:0 0 0 3px #5fe3ff47;border-radius:4px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:#2a1842;border-radius:999px;border:2px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:#3b2459}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:fixed;top:12px;left:12px;z-index:999;padding:10px 16px;border-radius:var(--r-md);background:var(--text);color:#12061f;font-weight:600;transform:translateY(-160%);transition:transform var(--fast) var(--ease)}.skip:focus-visible{transform:translateY(0)}.sprite{position:absolute;width:0;height:0;overflow:hidden}.ico{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}.meta{margin:0 0 1.1rem;color:var(--muted);font-family:var(--mono);font-size:.6875rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase}.meta--tight{margin-bottom:.9rem;color:var(--cyan);opacity:.85}.grad{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;padding-bottom:.06em}.backdrop{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}.backdrop__grid{position:absolute;inset:-10%;background-image:repeating-linear-gradient(-45deg,rgba(255,255,255,.032) 0 1px,transparent 1px 38px);mask-image:radial-gradient(80% 70% at 50% 20%,#000 30%,transparent 100%)}.backdrop__glow{position:absolute;border-radius:50%;filter:blur(40px)}.backdrop__glow--pink{top:-18rem;right:-12rem;width:54rem;height:40rem;background:radial-gradient(circle,rgba(255,63,168,.14),transparent 65%)}.backdrop__glow--violet{top:38rem;left:-22rem;width:52rem;height:44rem;background:radial-gradient(circle,rgba(164,90,247,.11),transparent 66%)}.topbar{position:fixed;top:0;left:0;right:0;z-index:100;border-bottom:1px solid var(--line);background:#06030bc2;-webkit-backdrop-filter:blur(20px) saturate(1.3);backdrop-filter:blur(20px) saturate(1.3)}.topbar__inner{display:flex;align-items:center;gap:clamp(1rem,3vw,2.25rem);max-width:var(--max);height:var(--nav);margin:0 auto;padding:0 var(--pad)}.lockup{display:inline-flex;align-items:center;gap:.6rem;min-width:0}.lockup__icon{display:grid;place-items:center;flex:none;width:34px;height:34px;overflow:hidden;border:1px solid rgba(255,255,255,.16);border-radius:9px;background:var(--elevated);box-shadow:0 0 18px -5px #d81b8ce6,inset 0 1px #ffffff24}.lockup__icon img{width:128%;height:128%;object-fit:cover;object-position:50% 32%}.lockup__word{font-size:1.0625rem;font-weight:500;letter-spacing:-.025em;line-height:1;white-space:nowrap}.lockup__word span{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:600}.chip{margin-left:.15rem;padding:.28em .5em;border:1px solid rgba(95,227,255,.26);border-radius:var(--r-sm);background:#5fe3ff0f;color:#9ef2ff;font-family:var(--mono);font-size:.625rem;line-height:1;letter-spacing:.04em;white-space:nowrap}.nav{display:flex;align-items:center;gap:clamp(1rem,2.2vw,1.75rem);margin-right:auto}.nav a{position:relative;color:var(--text-2);font-size:.875rem;font-weight:500;transition:color var(--fast) var(--ease);white-space:nowrap}.nav a:after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:1px;background:var(--pink);transform:scaleX(0);transform-origin:0 50%;transition:transform var(--base) var(--ease)}.nav a:hover{color:var(--text)}.nav a:hover:after{transform:scaleX(1)}.topbar__actions{display:flex;align-items:center;gap:.5rem;margin-left:auto}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;height:42px;padding:0 1.05rem;border:1px solid transparent;border-radius:var(--r-md);font-size:.875rem;font-weight:600;line-height:1;white-space:nowrap;transition:background var(--fast) var(--ease),border-color var(--fast) var(--ease),transform var(--fast) var(--ease),box-shadow var(--fast) var(--ease),color var(--fast) var(--ease)}.btn:active{transform:translateY(1px)}.btn--primary{background:var(--grad-btn);color:#fff;box-shadow:0 8px 26px -10px #d81b8ce6,inset 0 1px #fff3}.btn--primary:hover{background:var(--grad-btn-hover);transform:translateY(-1px);box-shadow:0 12px 32px -10px #d81b8c,inset 0 1px #ffffff3d}.btn--ghost{border-color:var(--line-strong);background:#140b2273;color:var(--text)}.btn--ghost:hover{border-color:#ff3fa880;background:#1c1030b8;transform:translateY(-1px)}.btn--sm{height:34px;padding:0 .8rem;border-radius:9px;font-size:.8125rem}.btn--sm .ico{width:16px;height:16px}.btn--lg{height:48px;padding:0 1.35rem;font-size:.9375rem}.menu-btn{display:none;place-items:center;width:34px;height:34px;border:1px solid var(--line-strong);border-radius:9px;background:#140b2280}.menu-btn__bars,.menu-btn__bars:before,.menu-btn__bars:after{display:block;width:15px;height:1.5px;background:var(--text);transition:transform var(--base) var(--ease),opacity var(--fast) var(--ease)}.menu-btn__bars{position:relative}.menu-btn__bars:before,.menu-btn__bars:after{content:"";position:absolute;left:0}.menu-btn__bars:before{top:-5px}.menu-btn__bars:after{top:5px}.topbar.is-open .menu-btn__bars{background:transparent}.topbar.is-open .menu-btn__bars:before{transform:translateY(5px) rotate(45deg)}.topbar.is-open .menu-btn__bars:after{transform:translateY(-5px) rotate(-45deg)}.menu{display:none;border-top:1px solid var(--line);background:#090510fa;padding:.5rem var(--pad) 1rem}.topbar.is-open .menu{display:grid}.menu a{padding:.85rem 0;border-bottom:1px solid var(--line-faint);color:var(--text-2);font-size:.975rem}.menu a:last-child{border-bottom:0}.menu a:hover{color:var(--text)}.progress{position:absolute;left:0;bottom:-1px;width:100%;height:2px;background:var(--grad);transform:scaleX(0);transform-origin:0 50%}@supports (animation-timeline: scroll()){.progress{animation:progress linear both;animation-timeline:scroll(root block)}}@keyframes progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.hero{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:clamp(2rem,4.5vw,4.25rem);max-width:var(--max);margin:0 auto;padding:calc(var(--nav) + clamp(2.25rem,4.5vw,4rem)) var(--pad) clamp(2rem,4vw,3.25rem)}.hero__copy{min-width:0}.hero h1{margin:0 0 1.25rem;font-size:clamp(2.7rem,5.6vw,4.75rem);font-weight:600;line-height:1.01;letter-spacing:-.045em}.hero__sub{max-width:33ch;color:var(--text-2);font-size:clamp(1rem,1.1vw,1.0625rem);line-height:1.62}.hero__cta{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:2rem}.hero__preview{position:relative;min-width:0;margin:0}.hero__preview:before{content:"";position:absolute;inset:-14% -8% -16%;z-index:-1;background:radial-gradient(58% 58% at 58% 42%,rgba(255,63,168,.2),transparent 70%);filter:blur(26px)}.preview{position:relative;padding:10px;border:1px solid var(--line-strong);border-radius:var(--r-lg);background:linear-gradient(180deg,#1c1030eb,#0a0612f5);box-shadow:0 34px 90px -34px #ff3fa866,0 24px 70px -24px #000000d9,inset 0 1px #ffffff12}.preview__bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;height:34px;padding:0 .35rem}.preview__tag{display:inline-flex;align-items:center;gap:.45rem;color:var(--text-2);font-family:var(--mono);font-size:.625rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase}.dot{width:5px;height:5px;border-radius:50%;background:var(--pink);box-shadow:0 0 8px #ff3fa8e6}.preview__time{display:inline-flex;align-items:center;gap:.5rem;color:var(--muted);font-family:var(--mono);font-size:.6875rem;letter-spacing:.02em}.tc{color:var(--cyan);font-variant-numeric:tabular-nums}.preview__rest{display:inline-flex;align-items:center;gap:.5rem}.preview__sep{color:#8b7aa273}.preview__frame{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--inset)}.preview__frame img{width:100%;height:auto}.bracket{position:absolute;width:12px;height:12px;border:1px solid rgba(95,227,255,.55);pointer-events:none}.bracket--tl{top:8px;left:8px;border-right:0;border-bottom:0}.bracket--tr{top:8px;right:8px;border-left:0;border-bottom:0}.bracket--bl{bottom:8px;left:8px;border-right:0;border-top:0}.bracket--br{bottom:8px;right:8px;border-left:0;border-top:0}.strip{position:relative;z-index:1;overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(180deg,#0c07159e,#08040ff0)}.strip__inner{position:relative;max-width:var(--max);margin:0 auto;padding:0 var(--pad) 14px}.ruler{position:relative;height:38px;border-bottom:1px solid var(--line-faint)}.ruler__ticks{position:absolute;inset:0;background-image:repeating-linear-gradient(90deg,rgba(164,90,247,.34) 0 1px,transparent 1px 8.3333%),repeating-linear-gradient(90deg,rgba(255,255,255,.07) 0 1px,transparent 1px 2.0833%);background-position:0 12px,0 24px;background-size:100% 12px,100% 14px;background-repeat:repeat-x}.ruler__labels{position:absolute;inset:auto 0 4px;display:flex;justify-content:space-between;color:#a290bb;font-family:var(--mono);font-size:.625rem;letter-spacing:.02em}.tracks{display:grid;gap:5px;padding-top:8px}.track{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:stretch;gap:8px}.track__label{display:flex;align-items:center;justify-content:flex-end;color:#a290bb;font-family:var(--mono);font-size:.625rem;letter-spacing:.06em}.lane{position:relative;height:44px;overflow:hidden;border:1px solid rgba(164,90,247,.1);border-radius:var(--r-sm);background:#06030b8c}.lane--thin{height:30px}.lane--audio{height:38px;background:linear-gradient(180deg,rgba(164,90,247,.05),transparent),#06030b8c}.clip{position:absolute;top:4px;bottom:4px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;border:1px solid rgba(255,255,255,.18);border-radius:4px;padding:5px 7px;font-family:var(--mono);font-size:.625rem;line-height:1.3;transition:filter var(--base) var(--ease)}.clip:before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.07) 0 1px,transparent 1px 18px);opacity:.7;pointer-events:none}.clip--pink{border-top:2px solid var(--pink);background:linear-gradient(140deg,#ff3fa875,#a45af73d)}.clip--violet{border-top:2px solid var(--violet);background:linear-gradient(140deg,#a45af775,#5fe3ff29)}.clip--cyan{border-top:2px solid var(--cyan);background:linear-gradient(140deg,#5fe3ff5c,#a45af742)}.clip--title{border-top:2px solid rgba(244,237,255,.75);background:linear-gradient(140deg,#1c1030f2,#140b22cc)}.clip--tall{top:3px;bottom:3px}.clip__name{position:relative;color:#fdf9ff;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.clip__dur{position:relative;align-self:flex-end;color:#f4edff99}.wave{position:absolute;inset:4px 0;background:url(/img/wave.png) repeat-x left center;background-size:auto 74%;opacity:.85}.playhead{position:absolute;top:24px;bottom:12px;left:37%;width:1.5px;background:linear-gradient(180deg,var(--pink),rgba(255,63,168,.1));box-shadow:0 0 12px #ff3fa88c;pointer-events:none}.playhead__cap{position:absolute;top:-1px;left:50%;width:9px;height:7px;background:var(--pink);transform:translate(-50%);clip-path:polygon(0 0,100% 0,50% 100%)}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){.playhead{animation:scrub linear both;animation-timeline:view();animation-range:entry 10% exit 90%}}}@keyframes scrub{0%{left:14%}to{left:86%}}.section{position:relative;z-index:1;max-width:var(--max);margin:0 auto;padding:clamp(4.25rem,8vw,7rem) var(--pad)}.sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;margin-bottom:clamp(2rem,3.5vw,3rem);padding-top:1.15rem;border-top:1px solid var(--line)}.sec-head h2{max-width:20ch;font-size:clamp(1.75rem,3.2vw,2.6rem);font-weight:600;line-height:1.04;letter-spacing:-.038em}.sec-num{flex:none;color:#a290bb;font-family:var(--mono);font-size:.6875rem;letter-spacing:.12em;padding-bottom:.35rem;white-space:nowrap}.sec-num i{color:var(--pink);font-style:normal;opacity:.8;padding:0 .2em}.bento{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px}.cell{--cell-pad: clamp(1.25rem, 2.2vw, 1.75rem);position:relative;display:flex;flex-direction:column;gap:1.15rem;min-height:250px;padding:var(--cell-pad);overflow:hidden;border:1px solid var(--line);border-radius:var(--r-lg);background:linear-gradient(180deg,#140b22e0,#0a0612f0);box-shadow:inset 0 1px #ffffff09;transition:border-color var(--base) var(--ease),background var(--base) var(--ease)}.cell:hover{border-color:#ff3fa852}.cell__top{display:flex;align-items:center;gap:.5rem}.tag{padding:.28em .5em;border:1px solid rgba(95,227,255,.24);border-radius:4px;background:#5fe3ff0f;color:#9ef2ff;font-family:var(--mono);font-size:.5625rem;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.tag--quiet{border-color:var(--line);background:transparent;color:var(--muted)}.cell__body h3{margin-bottom:.45rem;font-size:1.0625rem;font-weight:600;letter-spacing:-.015em;line-height:1.25}.cell__body p{color:var(--text-2);font-size:.875rem;line-height:1.62}.cell--lossless{grid-column:span 7;background:radial-gradient(80% 120% at 100% 0%,rgba(255,63,168,.13),transparent 58%),linear-gradient(180deg,#140b22e6,#0a0612f2)}.cell--multi{grid-column:span 5;gap:1rem}.cell--titles,.cell--frames,.cell--audio{grid-column:span 4;min-height:268px}.cell--palette{grid-column:span 5}.cell--native{grid-column:span 7}.code{margin-top:auto;padding:.85rem 1rem;overflow-x:auto;border:1px solid var(--line-faint);border-radius:var(--r-md);background:#08040fe6;color:#cdbde3;font-family:var(--mono);font-size:.7rem;line-height:1.85;white-space:normal;tab-size:4}.code__line{display:block;white-space:pre}.tok-dim{color:#8b7aa2b3}.tok-flag{color:#ffa4d4}.tok-cmd{color:var(--cyan)}.packets{display:grid;gap:8px;margin-top:auto;padding:.15rem 0}.packets__row{display:grid;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:10px}.packets__label{color:var(--muted);font-family:var(--mono);font-size:.5625rem;letter-spacing:.04em}.packets__tape{position:relative;display:block;height:24px;overflow:hidden;border:1px solid var(--line-faint);border-radius:4px;background:repeating-linear-gradient(90deg,rgba(164,90,247,.5) 0 3px,transparent 3px 9px),#08040fbf}.packets__row--out .packets__tape{background:#08040fbf}.packets__row--out .packets__tape:before{content:"";position:absolute;top:0;bottom:0;left:33%;width:34%;background:repeating-linear-gradient(90deg,rgba(255,63,168,.85) 0 3px,transparent 3px 9px);border-left:1px solid var(--pink);border-right:1px solid var(--pink);box-shadow:0 0 12px #ff3fa859}.packets__row--out .packets__tape:after{content:"copied";position:absolute;top:50%;left:50%;padding:1px 4px;border-radius:2px;background:#08040fd9;color:#ff9ad0;font-family:var(--mono);font-size:.5rem;letter-spacing:.06em;text-transform:uppercase;transform:translate(-50%,-50%)}.cell__media{position:relative;margin:auto calc(var(--cell-pad) * -1) calc(var(--cell-pad) * -1);border-top:1px solid var(--line-faint);overflow:hidden}.cell__media img{width:100%;height:196px;object-fit:cover;object-position:top center}.specimen{position:relative;display:flex;flex-direction:column;justify-content:flex-end;gap:.6rem;margin-top:auto}.specimen__box{position:relative;padding:1.1rem .9rem .7rem;border:1px solid rgba(255,63,168,.5);border-radius:2px;background-image:linear-gradient(#5fe3ff29,#5fe3ff29),linear-gradient(#5fe3ff1a,#5fe3ff1a);background-size:100% 1px,100% 1px;background-position:0 78%,0 100%;background-repeat:no-repeat}.specimen__word{display:block;color:transparent;font-size:clamp(1.6rem,2.6vw,2.1rem);font-weight:700;line-height:1;letter-spacing:-.03em;-webkit-text-stroke:1.1px #f4edff}.handle{position:absolute;width:6px;height:6px;border:1px solid var(--pink);background:#1b0413}.handle--tl{top:-4px;left:-4px}.handle--tr{top:-4px;right:-4px}.handle--bl{bottom:-4px;left:-4px}.handle--br{bottom:-4px;right:-4px}.specimen__meta{color:var(--muted);font-family:var(--mono);font-size:.5625rem;letter-spacing:.06em;text-transform:uppercase}.frames{display:flex;flex-direction:column;gap:.55rem;margin-top:auto}.frames__tc{color:var(--text);font-family:var(--mono);font-size:clamp(1.4rem,2.4vw,1.9rem);font-weight:500;letter-spacing:.01em;line-height:1;font-variant-numeric:tabular-nums}.frames__hot{color:var(--pink)}.frames__ruler{position:relative;height:14px;border-top:1px solid var(--line-strong);background-image:repeating-linear-gradient(90deg,rgba(164,90,247,.4) 0 1px,transparent 1px 8.3333%);background-size:100% 6px;background-position:0 0;background-repeat:repeat-x}.frames__notch{position:absolute;top:-3px;width:1.5px;height:17px;background:var(--pink);box-shadow:0 0 8px #ff3fa899}.frames__meta{color:var(--muted);font-family:var(--mono);font-size:.5625rem;letter-spacing:.06em;text-transform:uppercase}.audio{position:relative;height:96px;margin-top:auto;overflow:hidden;border:1px solid var(--line-faint);border-radius:var(--r-md);background:#08040fd9}.audio__wave{position:absolute;inset:12% 0;background:url(/img/wave.png) repeat-x left center;background-size:auto 100%;opacity:.9}.audio__line{position:absolute;top:0;bottom:0;left:62%;width:1.5px;background:var(--pink);box-shadow:0 0 10px #ff3fa899}.keys{display:grid;gap:0;margin-top:auto}.keys li{display:grid;grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:.4rem;padding:.62rem 0;border-top:1px solid var(--line-faint);color:var(--text-2);font-size:.8125rem}.keys li:last-child{padding-bottom:0}kbd{display:inline-grid;place-items:center;min-width:24px;height:24px;padding:0 .42rem;border:1px solid var(--line-strong);border-radius:5px;background:var(--overlay);box-shadow:0 2px #00000080,inset 0 1px #ffffff14;color:var(--text);font-family:var(--mono);font-size:.625rem;line-height:1}.native{display:flex;flex-direction:column;gap:.9rem;margin-top:auto}.native__stack{display:grid;border-top:1px solid var(--line-faint)}.native__row{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:baseline;gap:.6rem;padding:.58rem 0;border-bottom:1px solid var(--line-faint)}.native__row dt{color:var(--muted);font-family:var(--mono);font-size:.5625rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase}.native__row dd{color:var(--text-2);font-size:.75rem}.native__row span{color:#8b7aa2bf;font-family:var(--mono);font-size:.5625rem;text-align:right}.native__stats{display:flex;flex-wrap:wrap;gap:1.5rem}.stat{display:inline-flex;align-items:baseline;gap:.4rem;color:var(--muted);font-family:var(--mono);font-size:.5625rem;letter-spacing:.08em;text-transform:uppercase}.stat b{color:var(--text);font-family:var(--sans);font-size:1rem;font-weight:600;letter-spacing:0}.band{position:relative;z-index:1;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:radial-gradient(70% 110% at 12% 0%,rgba(164,90,247,.14),transparent 58%),radial-gradient(50% 90% at 92% 100%,rgba(255,63,168,.08),transparent 60%),linear-gradient(180deg,#0c0715b8,#06030beb)}.band__inner{max-width:var(--max);margin:0 auto;padding:clamp(3.5rem,7vw,6rem) var(--pad)}.band h2{max-width:15ch;font-size:clamp(2rem,4.4vw,3.4rem);font-weight:600;line-height:1.02;letter-spacing:-.042em}.band__lede{max-width:62ch;margin-top:1.25rem;color:var(--text-2);font-size:.975rem;line-height:1.68}.flow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin-top:clamp(2rem,4vw,3rem);border-top:1px solid var(--line)}.flow li{position:relative;padding:1.35rem 1.2rem 0 0}.flow li:before{content:"";position:absolute;top:-1px;left:0;width:26px;height:2px;background:var(--pink)}.flow__n{display:block;margin-bottom:.6rem;color:var(--pink);font-family:var(--mono);font-size:.5625rem;letter-spacing:.1em}.flow h3{margin-bottom:.35rem;font-size:.9375rem;font-weight:600;letter-spacing:-.01em}.flow p{max-width:24ch;color:var(--muted);font-size:.75rem;line-height:1.55}.flow code{padding:.1em .3em;border-radius:3px;background:#5fe3ff14;color:#9ef2ff;font-family:var(--mono);font-size:.92em;white-space:nowrap}.band__note{max-width:68ch;margin-top:1.75rem;padding-top:1.1rem;border-top:1px solid var(--line-faint);color:var(--muted);font-size:.75rem;line-height:1.65}.gallery{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:start;gap:16px}.gallery figure{min-width:0}.gallery figure:nth-child(2){margin-top:3.5rem}.gallery img{width:100%;height:auto;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--inset);transition:border-color var(--base) var(--ease)}.gallery figure:hover img{border-color:var(--line-strong)}.gallery figcaption{display:flex;align-items:baseline;gap:.75rem;padding-top:.85rem;color:var(--muted);font-family:var(--mono);font-size:.625rem;letter-spacing:.02em;line-height:1.5}.gallery__index{color:var(--pink);letter-spacing:.08em}.compare__lede{max-width:54ch;margin-bottom:1.75rem;color:var(--text-2);font-size:.975rem;line-height:1.65}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r-lg);background:#0c071599}table{width:100%;min-width:760px;border-collapse:collapse;font-size:.84375rem}th,td{padding:.9rem 1.1rem;text-align:center;border-bottom:1px solid var(--line-faint)}thead th{padding-top:1rem;padding-bottom:.9rem;border-bottom-color:var(--line);color:#a290bb;font-family:var(--mono);font-size:.625rem;font-weight:500;letter-spacing:.09em;text-transform:uppercase;white-space:nowrap}thead th:first-child{text-align:left}tbody th{text-align:left;color:var(--text-2);font-weight:400;white-space:nowrap}tbody tr:last-child th,tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#ffffff03}.is-saraheditor{background:#ff3fa80e;color:var(--text)}thead .is-saraheditor{color:var(--pink)}.th-dot{display:inline-block;width:4px;height:4px;margin-right:.4rem;border-radius:50%;background:var(--pink);vertical-align:middle;box-shadow:0 0 7px #ff3fa8e6}.yes,.no{display:inline-flex;align-items:center;justify-content:center}.yes .ico{width:17px;height:17px;color:var(--pink);stroke-width:2.4}.no .ico{width:14px;height:14px;color:var(--muted);opacity:.55;stroke-width:1.6}.compare__note{max-width:62ch;margin-top:1rem;color:var(--muted);font-size:.6875rem;line-height:1.6}.download{position:relative;z-index:1;max-width:var(--max);margin:0 auto;padding:clamp(1rem,2vw,2rem) var(--pad) clamp(3rem,5vw,4.5rem)}.dl{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);overflow:hidden;border:1px solid var(--line-strong);border-radius:var(--r-xl);background:radial-gradient(70% 120% at 8% 0%,rgba(255,63,168,.16),transparent 58%),radial-gradient(60% 110% at 100% 100%,rgba(95,227,255,.08),transparent 62%),linear-gradient(160deg,#140b22,#0a0512);box-shadow:0 40px 90px -50px #ff3fa873,inset 0 1px #ffffff0f}.dl__copy{padding:clamp(1.75rem,4vw,3.25rem)}.dl h2{margin:0 0 1rem;font-size:clamp(1.9rem,3.6vw,3rem);font-weight:600;line-height:1.02;letter-spacing:-.04em}.dl__lede{max-width:42ch;color:var(--text-2);font-size:.9375rem;line-height:1.65}.dl__cta{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.75rem}.dl__note{margin-top:.9rem;color:var(--muted);font-size:.75rem}.manifest{display:flex;flex-direction:column;justify-content:center;padding:clamp(1.75rem,3vw,2.5rem);border-left:1px solid var(--line);background:#08040f8c;font-family:var(--mono);font-size:.6875rem}.manifest__head{display:flex;align-items:center;gap:.4rem;padding-bottom:1rem;border-bottom:1px solid var(--line);color:var(--text-2);letter-spacing:.02em}.manifest__prompt{color:var(--pink);font-weight:700}.manifest__status{margin-left:auto;padding:.18em .45em;border:1px solid rgba(95,227,255,.24);border-radius:4px;color:var(--cyan);font-size:.5625rem}.manifest dl{display:grid}.manifest__row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:1rem;padding:.65rem 0;border-bottom:1px dashed rgba(164,90,247,.14)}.manifest__row:last-child{border-bottom:0;padding-bottom:0}.manifest dt{color:var(--muted)}.manifest dd{color:var(--text);text-align:right}.faq{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:clamp(2rem,5vw,4.5rem);align-items:start}.faq__aside{position:sticky;top:calc(var(--nav) + 32px)}.faq__aside p{max-width:32ch;color:var(--text-2);font-size:.875rem;line-height:1.65}.link-arrow{display:inline-flex;align-items:center;gap:.45rem;margin-top:1.25rem;color:var(--pink);font-size:.8125rem;font-weight:500;border-bottom:1px solid rgba(255,63,168,.3);padding-bottom:2px;transition:gap var(--fast) var(--ease),color var(--fast) var(--ease)}.link-arrow:hover{gap:.7rem;color:var(--pink-soft)}.link-arrow .ico{width:15px;height:15px}.faq__list details{border-top:1px solid var(--line)}.faq__list details:last-child{border-bottom:1px solid var(--line)}.faq__list summary{display:flex;align-items:center;justify-content:space-between;gap:1.25rem;padding:1.15rem 0;color:var(--text);font-size:.9375rem;font-weight:500;letter-spacing:-.005em;cursor:pointer;list-style:none;transition:color var(--fast) var(--ease)}.faq__list summary::-webkit-details-marker{display:none}.faq__list summary:hover{color:var(--pink-soft)}.faq__list summary:after{content:"+";flex:none;color:var(--pink);font-family:var(--mono);font-size:1.1rem;font-weight:400;line-height:1;transition:transform var(--base) var(--ease)}.faq__list details[open] summary:after{transform:rotate(45deg)}.faq__list details p{max-width:62ch;margin:-.15rem 0 1.25rem;color:var(--text-2);font-size:.875rem;line-height:1.7}.section#faq{padding-top:clamp(3.5rem,6vw,5.5rem)}.foot{position:relative;z-index:1;border-top:1px solid var(--line);background:linear-gradient(180deg,#0c071566,#06030be6)}.foot__grid{display:grid;grid-template-columns:minmax(0,1.6fr) repeat(3,minmax(0,1fr));gap:2.5rem;max-width:var(--max);margin:0 auto;padding:clamp(2.75rem,5vw,4rem) var(--pad) 2.5rem}.foot__brand p{max-width:34ch;margin:1rem 0 1.1rem;color:var(--muted);font-size:.8125rem;line-height:1.65}.foot__tc{color:#8b7aa2bf;font-family:var(--mono);font-size:.5625rem;letter-spacing:.1em}.foot__col h3{margin-bottom:1rem;color:#a290bb;font-family:var(--mono);font-size:.625rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase}.foot__col a{display:block;width:fit-content;margin-bottom:.55rem;color:var(--text-2);font-size:.8125rem;transition:color var(--fast) var(--ease)}.foot__col span{display:block;margin-bottom:.55rem;color:var(--muted);font-size:.8125rem}.foot__col a:hover{color:var(--pink-soft)}.foot__bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;max-width:var(--max);margin:0 auto;padding:1.1rem var(--pad);border-top:1px solid var(--line-faint);color:var(--muted);font-family:var(--mono);font-size:.625rem;letter-spacing:.06em}.foot__mark{overflow:hidden;padding:0 var(--pad) .5rem;color:transparent;font-size:clamp(3.4rem,13.4vw,11rem);font-weight:700;line-height:.72;letter-spacing:-.055em;text-align:center;white-space:nowrap;-webkit-text-stroke:1px rgba(164,90,247,.19);user-select:none}@media(prefers-reduced-motion:no-preference){.js .reveal{opacity:0;transform:translateY(18px);transition:opacity .75s var(--ease),transform .75s var(--ease);transition-delay:calc(var(--i, 0) * 80ms)}.js .reveal.is-in{opacity:1;transform:none}.js .hero__copy>*{animation:rise .9s var(--ease) both}.js .hero__copy>*:nth-child(1){animation-delay:.05s}.js .hero__copy>*:nth-child(2){animation-delay:.13s}.js .hero__copy>*:nth-child(3){animation-delay:.22s}.js .hero__copy>*:nth-child(4){animation-delay:.31s}.js .hero__preview{animation:pop 1.05s var(--ease) .18s both}}@keyframes rise{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@keyframes pop{0%{opacity:0;transform:scale(.982) translateY(14px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.playhead{left:37%}}@media(max-width:1080px){.hero{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:2.5rem}.hero h1{font-size:clamp(2.6rem,5vw,3.6rem)}}@media(max-width:940px){.nav{display:none}.menu-btn{display:grid}}@media(max-width:900px){.hero{grid-template-columns:minmax(0,1fr);gap:2.75rem;padding-top:calc(var(--nav) + 2.75rem)}.hero__copy{max-width:40rem}.hero h1{font-size:clamp(2.8rem,8vw,4rem)}.hero__preview{max-width:46rem}.bento{gap:12px}.cell--lossless,.cell--multi,.cell--palette,.cell--native{grid-column:span 12}.cell--titles,.cell--frames,.cell--audio{grid-column:span 6}.flow{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:1.75rem}.flow li{padding-right:1.5rem}.gallery{grid-template-columns:minmax(0,1fr)}.gallery figure:nth-child(2){margin-top:0}.dl{grid-template-columns:minmax(0,1fr)}.manifest{border-left:0;border-top:1px solid var(--line)}.faq{grid-template-columns:minmax(0,1fr);gap:2rem}.faq__aside{position:static}.faq__aside p{max-width:52ch}}@media(max-width:820px){.strip{overflow-x:auto}.strip__inner{min-width:860px}.foot__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.foot__brand{grid-column:1 / -1}}@media(max-width:760px){.table-wrap{overflow:visible;border:0;border-radius:0;background:none}table{min-width:0;font-size:.8125rem}thead{display:none}tbody tr{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:.95rem 0;border-bottom:1px solid var(--line)}tbody tr:last-child{border-bottom:0}tbody th{grid-column:1 / -1;margin-bottom:.3rem;color:var(--text);font-weight:500;white-space:normal}tbody td{display:flex;flex-direction:column;align-items:flex-start;gap:5px;padding:.45rem .5rem;border:1px solid var(--line-faint);border-radius:7px;background:#140b2280;text-align:left}tbody td:before{content:attr(data-label);color:var(--muted);font-family:var(--mono);font-size:.5rem;letter-spacing:.04em;line-height:1.25;text-transform:uppercase}tbody td.is-saraheditor{border-color:#ff3fa842;background:#ff3fa812}tbody td.is-saraheditor:before{color:var(--pink)}tbody tr:hover{background:none}.yes,.no{justify-content:flex-start}.yes .ico{width:15px;height:15px}}@media(max-width:720px){.topbar__actions .btn--ghost,.chip{display:none}.hero__cta .btn{flex:1 1 auto}.cell--titles,.cell--frames,.cell--audio{grid-column:span 12}.sec-head{align-items:flex-start;flex-direction:column;gap:.75rem}.sec-num{padding-bottom:0}.code{font-size:.625rem}.dl__cta .btn{width:100%}}@media(max-width:560px){:root{--nav: 58px}.hero{padding-top:calc(var(--nav) + 2rem)}.hero h1{font-size:clamp(2.45rem,11vw,3.1rem)}.hero__sub{font-size:.975rem}.hero__cta{flex-direction:column;align-items:stretch}.hero__cta .btn{height:46px}.preview{padding:7px}.preview__bar{height:30px}.preview__time{font-size:.5625rem}.preview__rest{display:none}.flow{grid-template-columns:minmax(0,1fr);row-gap:0}.flow li{padding:1.2rem 0;border-bottom:1px solid var(--line-faint)}.flow li:last-child{border-bottom:0}.flow p{max-width:40ch}kbd{height:22px}.keys li{grid-template-columns:auto auto minmax(0,1fr)}.foot__grid{grid-template-columns:minmax(0,1fr);gap:1.75rem}.foot__bottom{flex-direction:column;align-items:flex-start;gap:.4rem}.foot__mark{font-size:14.5vw;letter-spacing:-.06em}}
