:root{--bg:#0b0a08;--bg-1:#111010;--bg-2:#171614;--fg:#f5efe4;--fg-dim:#b8b1a3;--fg-mute:#7a7367;--line:#2a2623;--line-2:#1e1b18;--hue:83;--accent:oklch(.78 .15 var(--hue));--accent-dim:oklch(.78 .15 var(--hue) / .15);--accent-line:oklch(.78 .15 var(--hue) / .35);--mono:"JetBrains Mono", ui-monospace, Menlo, monospace;--sans:"Inter", -apple-system, system-ui, sans-serif;--serif:"Instrument Serif", "Iowan Old Style", Georgia, serif;--pad-y:160px;--pad-x:48px;--maxw:1280px}html{scroll-behavior:smooth;scroll-padding-top:72px}html,body{background:var(--bg);color:var(--fg);margin:0;padding:0;font-family:var(--sans);-webkit-font-smoothing:antialiased}section[id]{scroll-margin-top:72px}*{box-sizing:border-box}body{overflow-x:hidden}body[data-density=compact]{--pad-y:100px}body[data-scanlines=true]:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:100;background:repeating-linear-gradient(to bottom,transparent 0 2px,rgba(255,255,255,.02) 2px 3px);mix-blend-mode:overlay}a{color:inherit;text-decoration:none}button{font-family:inherit}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 var(--pad-x)}.mono{font-family:var(--mono)}.serif{font-family:var(--serif);font-weight:400}.eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--fg-mute)}.eyebrow .dot{display:inline-block;width:6px;height:6px;background:var(--accent);border-radius:50%;margin-right:8px;vertical-align:2px}nav.top{position:sticky;top:0;z-index:40;background:#0b0a08b3;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line-2)}nav.top .wrap{display:flex;align-items:center;justify-content:space-between;height:64px;padding-top:0;padding-bottom:0}.brand{display:flex;align-items:center;gap:12px;font-family:var(--serif);font-size:26px;letter-spacing:-.01em}.brand img.logo{width:34px;height:34px;display:block;filter:drop-shadow(0 2px 8px oklch(.78 .15 var(--hue) / .3))}.nav-links{display:flex;gap:28px;font-family:var(--mono);font-size:12px;letter-spacing:.08em;color:var(--fg-dim);text-transform:uppercase}.nav-links a:hover{color:var(--accent)}.buy-btn{display:inline-flex;align-items:center;gap:10px;background:var(--accent);color:#1a1106;padding:10px 18px;font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;border:none;cursor:pointer;transition:transform .15s}.buy-btn:hover{transform:translateY(-1px)}.buy-btn .arr{font-family:var(--mono)}.hero{padding:80px 0 var(--pad-y);border-bottom:1px solid var(--line-2);position:relative}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:64px;align-items:center}body[data-hero=stacked] .hero-grid{grid-template-columns:1fr;gap:80px}body[data-hero=stacked] .player-wrap{justify-self:center}.hero-meta{display:flex;gap:20px;align-items:center;margin-bottom:32px}.hero-meta .ver{font-family:var(--mono);font-size:11px;color:var(--fg-mute);letter-spacing:.1em}.hero-meta .sep{color:var(--line)}h1.hero-title{font-family:var(--serif);font-weight:400;font-size:clamp(48px,7vw,96px);line-height:.95;letter-spacing:-.02em;margin:0 0 32px}h1.hero-title em{font-style:italic;color:var(--accent)}.hero-sub{font-size:18px;line-height:1.55;color:var(--fg-dim);max-width:540px;margin:0 0 40px}.hero-cta{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.pill{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);padding:10px 16px;font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--fg-dim)}.pill.ghost{background:transparent}.ascii-divider{font-family:var(--mono);color:var(--line);font-size:11px;letter-spacing:.2em}.platforms{margin-top:48px;display:flex;gap:32px;align-items:center;color:var(--fg-mute);font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase}.platforms .os{display:flex;align-items:center;gap:10px}.platforms .os svg{width:14px;height:14px}.player-wrap{position:relative}.player-wrap .bg-glow{position:absolute;top:-40px;right:-40px;bottom:-40px;left:-40px;background:radial-gradient(circle at 60% 40%,var(--accent-dim),transparent 60%);filter:blur(40px);z-index:0}.player{position:relative;z-index:1;width:100%;max-width:460px;margin:0 auto;background:#0d0c0b;border:1px solid var(--line);box-shadow:0 40px 80px -20px #0009,0 0 0 1px #ffffff05 inset;font-family:var(--sans);-webkit-user-select:none;user-select:none}.p-titlebar{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--line-2)}.tr-lights{display:flex;gap:8px}.tr-lights span{width:11px;height:11px;border-radius:50%;display:block}.tr-lights .r{background:#ff5f57}.tr-lights .y{background:#febc2e}.tr-lights .g{background:#28c840}.p-tabs{display:flex;gap:22px;font-family:var(--mono);font-size:11px;letter-spacing:.12em;color:var(--fg-mute);text-transform:uppercase}.p-tabs .t{cursor:pointer;padding-bottom:4px;border-bottom:2px solid transparent;transition:color .15s,border-color .15s;background:none;border-top:none;border-left:none;border-right:none;color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit}.p-tabs .t.active{color:var(--accent);border-bottom-color:var(--accent)}.p-tabs .t:hover{color:var(--fg)}.p-ico{display:flex;gap:12px;color:var(--fg-mute)}.p-ico svg{width:14px;height:14px;cursor:pointer}.p-ico svg:hover{color:var(--fg)}.p-meta{padding:18px 18px 8px;display:flex;justify-content:space-between;align-items:flex-start}.p-time{font-family:var(--serif);font-weight:400;font-size:52px;line-height:1;letter-spacing:-.02em}.p-info{text-align:right;font-family:var(--mono);font-size:10px;letter-spacing:.1em;color:var(--fg-dim);text-transform:uppercase;line-height:1.7}.p-info .srv{color:var(--accent)}.p-info .srv:before{content:"●";margin-right:6px;font-size:8px}.p-ticker{overflow:hidden;padding:8px 18px 12px;font-family:var(--mono);font-size:12px;color:var(--fg);white-space:nowrap;border-bottom:1px solid var(--line-2)}.p-ticker .track-text{display:inline-block;animation:svelte-12qhfyh-tick 22s linear infinite}@keyframes svelte-12qhfyh-tick{0%{transform:translate(0)}to{transform:translate(-50%)}}.p-ticker .spark{color:var(--accent);margin:0 16px}.p-vis{height:110px;background:#050504;position:relative;border-bottom:1px solid var(--line-2);overflow:hidden}.p-vis canvas{width:100%;height:100%;display:block}.p-slider{padding:12px 18px 4px;display:grid;grid-template-columns:42px 1fr;gap:12px;align-items:center}.p-slider .lbl{font-family:var(--mono);font-size:10px;letter-spacing:.12em;color:var(--fg-mute);text-transform:uppercase}.track{height:3px;background:#221f1c;position:relative;cursor:pointer}.track .fill{height:100%;background:var(--accent);width:var(--v,40%)}.track .knob{position:absolute;top:50%;left:var(--v,40%);transform:translate(-50%,-50%);width:10px;height:10px;background:var(--accent);border-radius:50%;opacity:0;transition:opacity .15s}.track:hover .knob{opacity:1}.p-progress{padding:4px 18px 16px;display:grid;grid-template-columns:42px 1fr auto;gap:12px;align-items:center}.p-progress .tt{font-family:var(--mono);font-size:10px;color:var(--fg-mute)}.p-transport{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;padding:4px 18px 16px}.btn-sq{aspect-ratio:1/1;background:#1a1816;border:1px solid var(--line-2);display:grid;place-items:center;color:var(--fg-dim);cursor:pointer;transition:all .15s}.btn-sq:hover{color:var(--accent);border-color:var(--accent-line);background:#201d1a}.btn-sq.primary{background:#1a1816}.btn-sq.primary:hover{background:var(--accent);color:#1a1106;border-color:var(--accent)}.btn-sq svg{width:16px;height:16px}.btn-sq .jump{font-family:var(--mono);font-size:9px;font-weight:700;position:absolute}.btn-sq .jmpwrap{position:relative;display:grid;place-items:center;width:100%;height:100%}.btn-sq .jmpwrap svg{width:22px;height:22px;opacity:.6}.p-modes{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 18px 18px}.mode-btn{padding:12px;background:#1a1816;border:1px solid var(--line-2);font-family:var(--mono);font-size:10px;letter-spacing:.14em;color:var(--fg-dim);text-transform:uppercase;cursor:pointer;transition:all .15s}.mode-btn.active{color:var(--accent);border-color:var(--accent-line);background:var(--accent-dim)}.mode-btn:hover{color:var(--fg)}.p-queue-head{padding:14px 18px 10px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line-2)}.p-queue-head .left{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}.p-queue-head .left .cnt{color:var(--fg-dim);margin-left:8px}.p-queue-head .clr{font-family:var(--mono);font-size:10px;letter-spacing:.15em;color:var(--fg-mute);cursor:pointer;text-transform:uppercase}.p-queue-head .clr:hover{color:var(--accent)}.queue-row{display:grid;grid-template-columns:28px 1fr auto;gap:12px;padding:9px 18px;font-family:var(--mono);font-size:12px;color:var(--fg-dim);cursor:pointer;border-left:2px solid transparent;transition:all .1s}.queue-row:hover{background:#15130f;color:var(--fg)}.queue-row.playing{color:var(--accent);border-left-color:var(--accent);background:linear-gradient(to right,var(--accent-dim),transparent 40%)}.queue-row .idx{color:var(--fg-mute)}.queue-row.playing .idx{color:var(--accent)}.queue-row .dur{color:var(--fg-mute)}.queue-row.playing .dur{color:var(--accent)}.p-bottom{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line-2);border-top:1px solid var(--line-2);margin-top:8px}.p-bottom .b{padding:16px;background:#0d0c0b;font-family:var(--mono);font-size:10px;letter-spacing:.15em;color:var(--fg-dim);text-transform:uppercase;text-align:center;cursor:pointer;transition:all .15s}.p-bottom .b:hover{color:var(--accent);background:#141210}section{padding:var(--pad-y) 0;border-bottom:1px solid var(--line-2);position:relative}.section-head{margin-bottom:72px;display:grid;grid-template-columns:1fr 1.8fr;gap:60px;align-items:end}.section-head .eyebrow{grid-column:1}.section-head h2{grid-column:1 / -1;font-family:var(--serif);font-weight:400;font-size:clamp(40px,5.5vw,72px);line-height:1;letter-spacing:-.02em;margin:0}.section-head h2 em{font-style:italic;color:var(--accent)}.section-head .intro{grid-column:2;grid-row:2;font-size:17px;line-height:1.55;color:var(--fg-dim);max-width:520px;margin-top:20px}.selfhost-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}.diagram{border:1px solid var(--line);background:#0d0c0b;padding:40px;position:relative;min-height:460px}.diagram .corner{position:absolute;width:10px;height:10px;border:1px solid var(--accent)}.diagram .corner.tl{top:-1px;left:-1px;border-right:none;border-bottom:none}.diagram .corner.tr{top:-1px;right:-1px;border-left:none;border-bottom:none}.diagram .corner.bl{bottom:-1px;left:-1px;border-right:none;border-top:none}.diagram .corner.br{bottom:-1px;right:-1px;border-left:none;border-top:none}.diag-title{font-family:var(--mono);font-size:11px;letter-spacing:.15em;color:var(--fg-mute);text-transform:uppercase;margin-bottom:32px}.diag-title .status{color:var(--accent)}.diag-svg{width:100%}.compat-list{display:flex;flex-direction:column;gap:1px;background:var(--line-2);border:1px solid var(--line-2)}.compat-row{display:grid;grid-template-columns:auto 1fr auto;gap:20px;padding:20px 24px;background:var(--bg);align-items:center}.compat-row .nm{font-family:var(--mono);font-size:14px;color:var(--fg);letter-spacing:.02em}.compat-row .desc{font-family:var(--mono);font-size:11px;color:var(--fg-mute);letter-spacing:.08em}.compat-row .badge{font-family:var(--mono);font-size:10px;letter-spacing:.15em;color:var(--accent);text-transform:uppercase}.compat-row .badge.ok:before{content:"✓ "}.feat-list{margin-top:48px;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line-2);border-top:1px solid var(--line-2);border-bottom:1px solid var(--line-2)}.feat{background:var(--bg);padding:32px 28px}.feat .n{font-family:var(--mono);font-size:11px;color:var(--fg-mute);letter-spacing:.15em;margin-bottom:14px}.feat h4{font-family:var(--serif);font-weight:400;font-size:24px;margin:0 0 10px;letter-spacing:-.01em}.feat p{font-size:14px;line-height:1.55;color:var(--fg-dim);margin:0}.shots{padding-top:var(--pad-y);padding-bottom:var(--pad-y)}.shot-toggle{display:inline-flex;background:#0d0c0b;border:1px solid var(--line);padding:4px;margin-bottom:48px}.shot-toggle button{background:none;border:none;color:var(--fg-mute);font-family:var(--mono);font-size:11px;letter-spacing:.15em;text-transform:uppercase;padding:10px 22px;cursor:pointer;transition:all .15s}.shot-toggle button.active{background:var(--accent);color:#1a1106;font-weight:700}.shot-stage{position:relative;min-height:560px}.shot-pane{display:none}.shot-pane.active{display:grid}.modern-grid{grid-template-columns:1.4fr 1fr;gap:24px}.retro-grid{grid-template-columns:1fr 1fr 1fr;gap:24px;align-items:start}.shot-card{background:#0d0c0b;border:1px solid var(--line);overflow:hidden}.shot-card .cap{padding:16px 20px;border-top:1px solid var(--line-2);font-family:var(--mono);font-size:11px;letter-spacing:.1em;color:var(--fg-mute);text-transform:uppercase;display:flex;justify-content:space-between}.shot-card .cap .num{color:var(--accent)}.skin{padding:28px;display:flex;align-items:center;justify-content:center;min-height:260px}.skin-win{width:100%;max-width:320px;font-family:var(--mono);font-size:10px}.skin-bar{display:flex;justify-content:space-between;align-items:center;padding:4px 8px;font-size:9px;letter-spacing:.1em;text-transform:uppercase}.skin-body{padding:14px;display:flex;flex-direction:column;gap:10px}.skin-disp{padding:10px 12px;font-size:11px;font-weight:700;letter-spacing:.05em}.skin-tcks{display:flex;gap:3px;height:30px;align-items:flex-end}.skin-tcks span{flex:1;background:currentColor;opacity:.8}.skin-ctrls{display:flex;gap:4px}.skin-ctrls span{flex:1;padding:6px 0;text-align:center;font-size:9px;border:1px solid currentColor}.ms-full{padding:32px;background:#0d0c0b;display:flex;align-items:center;justify-content:center;min-height:540px}.ms-small{padding:32px;display:flex;flex-direction:column;gap:20px;min-height:540px;background:#0d0c0b}.lib-mock{width:100%;background:#0f0e0c;border:1px solid var(--line-2);padding:20px;font-family:var(--mono);font-size:11px}.lib-head{display:flex;gap:18px;margin-bottom:18px;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-mute)}.lib-head span.active{color:var(--accent)}.lib-row{display:grid;grid-template-columns:24px 40px 1fr auto;gap:12px;padding:6px 0;color:var(--fg-dim);border-bottom:1px dashed var(--line-2)}.lib-row.play{color:var(--accent)}.lib-row .cov{width:28px;height:28px;background:linear-gradient(135deg,var(--accent-dim),transparent);border:1px solid var(--line)}.lib-row .cov.b{background:linear-gradient(135deg,#2a2320,#0d0c0b)}#pricing{padding-top:calc(var(--pad-y) * .6);padding-bottom:calc(var(--pad-y) * .6)}#pricing .section-head{margin-bottom:40px}.price-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:48px;align-items:center}.price-card{background:#0d0c0b;border:1px solid var(--accent-line);padding:36px 40px;position:relative}.price-card:before{content:"";position:absolute;top:-1px;left:-1px;right:-1px;height:3px;background:var(--accent)}.price-tag{display:flex;align-items:baseline;gap:14px;margin-bottom:16px}.price-tag .num{font-family:var(--serif);font-size:64px;line-height:1;letter-spacing:-.03em}.price-tag .unit{font-family:var(--mono);font-size:12px;color:var(--fg-mute);letter-spacing:.15em;text-transform:uppercase}.price-card h3{font-family:var(--serif);font-size:36px;font-weight:400;letter-spacing:-.02em;margin:0 0 8px}.price-card .note{font-family:var(--mono);font-size:11px;color:var(--fg-mute);letter-spacing:.1em;text-transform:uppercase;margin-bottom:20px}.price-list{list-style:none;padding:0;margin:0 0 24px;display:flex;flex-direction:column;gap:8px}.price-list li{font-size:14px;color:var(--fg-dim);display:flex;gap:12px;align-items:flex-start}.price-list li:before{content:"+";color:var(--accent);font-family:var(--mono);font-weight:700}.buy-big{width:100%}.buy-big .buy-btn{width:100%;justify-content:center;padding:14px;font-size:13px}.price-side h3{font-family:var(--serif);font-weight:400;font-size:32px;line-height:1.05;margin:0 0 16px;letter-spacing:-.02em}.price-side p{font-size:15px;line-height:1.55;color:var(--fg-dim);margin:0 0 14px}.price-mini{margin-top:24px;display:flex;flex-direction:column;gap:10px;font-family:var(--mono);font-size:11px;color:var(--fg-mute);letter-spacing:.1em;text-transform:uppercase}.trial-details{margin-top:24px;border:1px dashed var(--line)}.trial-details summary{list-style:none;cursor:pointer;padding:16px 20px;display:flex;justify-content:space-between;align-items:center;font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);-webkit-user-select:none;user-select:none}.trial-details summary::-webkit-details-marker{display:none}.trial-details summary .chev{font-family:var(--mono);font-size:14px;color:var(--fg-mute);transition:transform .2s}.trial-details[open] summary .chev{transform:rotate(45deg);color:var(--accent)}.trial-details p{margin:0;padding:0 20px 20px;font-family:var(--sans);font-size:14px;line-height:1.55;color:var(--fg-dim)}.price-mini .row{display:flex;justify-content:space-between;padding-bottom:8px;border-bottom:1px dashed var(--line-2)}.price-mini .row span:last-child{color:var(--fg)}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line-2);border-top:1px solid var(--line-2);border-bottom:1px solid var(--line-2)}.faq-item{background:var(--bg);padding:36px 32px;cursor:pointer}.faq-item h4{font-family:var(--serif);font-weight:400;font-size:22px;margin:0 0 14px;letter-spacing:-.01em;display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.faq-item h4 .q{font-family:var(--mono);font-size:11px;color:var(--accent);letter-spacing:.15em;flex-shrink:0;padding-top:8px}.faq-item p{font-size:14px;line-height:1.6;color:var(--fg-dim);margin:0}footer{padding:80px 0 60px}.foot-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:64px}.foot-brand{font-family:var(--serif);font-size:40px;letter-spacing:-.02em;display:flex;flex-direction:column;gap:0}.foot-brand .lockup{display:flex;align-items:center;gap:14px}.foot-brand .lockup img{width:44px;height:44px}.foot-brand p{font-size:13px;color:var(--fg-mute);font-family:var(--mono);letter-spacing:.05em;margin-top:12px;line-height:1.6}.foot-col h5{font-family:var(--mono);font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:var(--fg-mute);margin:0 0 18px}.foot-col ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px;font-size:14px;color:var(--fg-dim)}.foot-col a:hover{color:var(--accent)}.foot-bottom{border-top:1px solid var(--line-2);padding-top:32px;display:flex;justify-content:space-between;font-family:var(--mono);font-size:11px;color:var(--fg-mute);letter-spacing:.1em;text-transform:uppercase}.ascii-art{font-family:var(--mono);font-size:10px;color:var(--line);line-height:1.3;white-space:pre;margin-top:24px}.marquee{border-top:1px solid var(--line-2);border-bottom:1px solid var(--line-2);overflow:hidden;padding:18px 0;background:#0d0c0b}.marquee-inner{display:flex;gap:60px;font-family:var(--mono);font-size:13px;letter-spacing:.15em;text-transform:uppercase;color:var(--fg-dim);white-space:nowrap;animation:svelte-12qhfyh-marq 40s linear infinite}.marquee-inner span .star{color:var(--accent);margin:0 28px}@keyframes svelte-12qhfyh-marq{0%{transform:translate(0)}to{transform:translate(-50%)}}@media(max-width:900px){:root{--pad-x:24px;--pad-y:80px}.hero-grid,.selfhost-grid,.price-grid,.shot-pane.active,.section-head{grid-template-columns:1fr!important}.foot-grid{grid-template-columns:1fr 1fr}.feat-list,.faq-grid{grid-template-columns:1fr}.nav-links{display:none}.retro-grid{grid-template-columns:1fr!important}}
