@import "https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600&display=swap";@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes modal-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes modal-card-in{0%{opacity:0;transform:translateY(20px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes streak-card-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes bar-sweep{0%{background-position:-150px 0}to{background-position:150px 0}}@keyframes cc-spin{to{transform:rotate(360deg)}}@keyframes like-pop{0%{transform:scale(1)}45%{transform:scale(1.28)}to{transform:scale(1)}}.cc-spinner{box-sizing:border-box;border-style:solid;border-color:var(--border-2);border-top-color:var(--accent);border-radius:50%;flex-shrink:0;animation:.7s linear infinite cc-spin;display:block}.skeleton{background:linear-gradient(90deg, var(--surface-3) 25%, var(--surface-4) 50%, var(--surface-3) 75%);background-size:800px 100%;animation:1.4s ease-in-out infinite shimmer}:root{--ink-1:#f8f8f8;--ink-2:#a1a1aa;--ink-3:#52525b;--ink-4:#3f3f46;--surface-1:#1c1c1c;--surface-2:#141414;--surface-3:#232323;--surface-4:#2a2a2a;--border-1:#ffffff0f;--border-2:#ffffff1a;--border-3:#ffffff2e;--accent:#0433ff;--accent-hover:#3358ff;--accent-soft:#0433ff24;--accent-border:#0433ff59;--accent-bg:#0433ff1f;--accent-row:color-mix(in srgb, var(--accent) 10%, transparent);--success:#3ecf8e;--success-soft:#3ecf8e1a;--warning:#f59e0b;--destructive:#f87171;--destructive-soft:#f871711a;--font:"Geist", system-ui, sans-serif;--mono:ui-monospace, "Cascadia Code", Consolas, monospace;--fs-2xs:11px;--fs-xs:12px;--fs-sm:13px;--fs-md:14px;--fs-lg:15px;--fs-xl:16px;--fs-2xl:18px;--fs-h2:20px;--fs-h1:22px;--fs-stat:24px;--fs-price:28px;--fs-icon-btn:13px;--fs-icon-btn-md:15px;--fs-icon-close:18px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--sidebar-w:220px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;font-family:var(--font);font-size:var(--fs-md);color:var(--ink-1);background:var(--surface-2);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}@media (width>=769px){:root{--fs-2xs:13px;--fs-xs:14px;--fs-sm:15px;--fs-md:16px;--fs-lg:17px;--fs-xl:18px;--fs-2xl:21px;--fs-h2:23px;--fs-h1:25px;--fs-stat:27px;--fs-price:31px}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--surface-2);margin:0}#root{width:100%;min-height:100svh}h1,h2,h3{letter-spacing:-.02em;color:var(--ink-1);font-weight:600}button{font-family:var(--font);font-size:var(--fs-sm);cursor:pointer;border-radius:var(--radius-md);padding:0 var(--space-3);align-items:center;gap:var(--space-2);border:none;height:32px;font-weight:500;transition:background .12s,color .12s,border-color .12s;display:inline-flex}button:disabled{opacity:.4;cursor:not-allowed}button.primary{background:var(--accent);color:#fff}button.primary:hover:not(:disabled){background:var(--accent-hover)}button.secondary{background:var(--surface-3);color:var(--ink-1);border:1px solid var(--border-2)}button.secondary:hover:not(:disabled){background:var(--surface-4);border-color:var(--border-3)}button.crate-like-button{transition:background .12s,color .12s,border-color .12s,transform .14s}button.crate-like-button.is-liked{color:#ef4444;background:#ef44441c;border-color:#ef444457}button.crate-like-button.just-liked svg{animation:.34s cubic-bezier(.2,.8,.2,1) like-pop}button.btn-icon{justify-content:center;align-items:center;gap:0}input,select{font-family:var(--font);font-size:var(--fs-sm);color:var(--ink-1);background:var(--surface-2);border:1px solid var(--border-2);border-radius:var(--radius-md);padding:0 var(--space-3);outline:none;width:100%;height:32px;transition:border-color .12s,box-shadow .12s}select{appearance:none;cursor:pointer;background-color:var(--surface-2);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23a1a1aa' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px 16px;padding-right:36px}select::-ms-expand{display:none}input:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}input::placeholder{color:var(--ink-3)}select option{background:var(--surface-3);color:var(--ink-1)}a{color:var(--accent);text-decoration:none}.auth-shell{background:var(--surface-2);justify-content:center;align-items:center;min-height:100svh;padding:24px 16px;display:flex}.auth-panel{flex-direction:column;align-items:center;gap:20px;width:100%;max-width:400px;margin-inline:auto;display:flex}.auth-brand{width:100%;font-size:var(--fs-2xl);letter-spacing:-.03em;color:var(--ink-1);justify-content:center;align-items:center;gap:10px;font-weight:600;display:flex}.auth-tagline{text-align:center;width:100%;font-size:var(--fs-sm);color:var(--ink-2);margin:0;line-height:1.45}.auth-clerk-slot{justify-content:center;align-items:stretch;width:100%;display:flex}.auth-clerk-slot>*{flex:100%;width:100%;min-width:0}.auth-footer-link{text-align:center;width:100%;font-size:var(--fs-xs);color:var(--ink-3);margin:0}.auth-shell .auth-clerk-root{flex-direction:column!important;align-items:center!important;width:100%!important;max-width:100%!important;display:flex!important}.auth-shell .cl-rootBox{flex-direction:column!important;align-items:center!important;width:100%!important;display:flex!important}.auth-shell .cl-card,.auth-shell .cl-cardBox{width:100%!important;max-width:100%!important;margin-left:auto!important;margin-right:auto!important}.auth-shell .cl-header,.auth-shell .cl-main{width:100%!important}.auth-shell .auth-clerk-card{box-shadow:none!important;border:1px solid var(--border-1)!important;background:var(--surface-1)!important;border-radius:var(--radius-lg)!important}.auth-shell .auth-clerk-title{font-size:var(--fs-2xl)!important;letter-spacing:-.02em!important}.auth-shell .auth-clerk-primary{background:var(--accent)!important;color:#fff!important;font-weight:500!important}.auth-shell .auth-clerk-social{border:1px solid var(--border-2)!important;background:var(--surface-3)!important;color:var(--ink-1)!important}.auth-shell .auth-clerk-divider{background:var(--border-1)!important}.auth-shell .auth-clerk-divider-text{color:var(--ink-3)!important}.auth-shell .auth-clerk-field-input{border-color:var(--border-2)!important}.layout-topbar,.layout-overlay{display:none}.pack-card{grid-template-columns:1fr}.pack-card-featured{grid-template-columns:minmax(220px,.42fr) minmax(0,1fr)}.pack-card-body{padding:16px}.pack-card-body-featured{padding:22px 22px 22px 0}.public-header-nav{flex-wrap:nowrap;justify-content:flex-end}.public-header-label-compact{display:none}@media (width<=768px){:root{--sidebar-w:0px}.layout-topbar{background:var(--surface-1);border-bottom:1px solid var(--border-1);z-index:150;align-items:center;gap:12px;height:52px;padding:0 16px;display:flex;position:fixed;top:0;left:0;right:0}.layout-sidebar{z-index:200;transition:transform .22s;transform:translate(-100%);height:100dvh!important;position:fixed!important;top:0!important}.layout-sidebar.is-open{transform:translate(0)}.layout-overlay{z-index:199;background:#0000008c;display:block;position:fixed;inset:0}.layout-main{padding-top:76px!important}.pack-card-featured{grid-template-columns:1fr}.pack-card-body-featured{padding:16px}.layout-drawer-close{display:flex!important}.public-header{flex-wrap:nowrap;align-items:center!important;gap:10px!important;padding:12px 16px!important}.public-header-brand{flex:auto;min-width:0;font-size:var(--fs-md)!important;gap:8px!important}.public-header-nav{flex:none;justify-content:flex-end;width:auto;margin-left:auto;gap:4px!important;min-height:34px!important}.public-header-link,.public-header-cta{max-width:100%;font-size:var(--fs-xs)!important;padding-left:10px!important;padding-right:10px!important}.public-header-user{min-width:0;max-width:100%;gap:6px!important;padding:4px 8px!important}.public-header-user-name{max-width:min(24vw,100px)!important}.public-header-label-full{display:none}.public-header-label-compact{display:inline}.dmca-main{padding:40px 16px 72px!important}.dmca-grid{grid-template-columns:1fr!important;gap:14px!important}}@media (width<=520px){.public-header-user-name{display:none}}.layout-drawer-close{color:var(--ink-2);font-size:var(--fs-h2);cursor:pointer;background:0 0;border:none;border-radius:4px;margin-left:auto;padding:4px 8px;line-height:1;display:none}.layout-drawer-close:hover{color:var(--ink-1);background:var(--surface-3)}.dl-row{grid-template-columns:1fr 100px 80px 80px;display:grid}@media (width<=540px){.dl-row{grid-template-columns:1fr 70px 80px}.dl-col-genre{display:none}}.at-track-row{border-left:3px solid var(--row-accent,transparent);transition:background .1s}.at-track-row:hover{background:#ffffff07}.at-track-row.is-selected{background:var(--accent-row)}.at-col-actions-header{text-align:right;justify-self:end}.at-btn-delete{border-radius:var(--radius-md);width:28px;height:28px;color:var(--destructive);cursor:pointer;font-size:15px;line-height:1;font-family:var(--font);background:0 0;border:1px solid #f8717140;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:background .12s,border-color .12s;display:inline-flex}.at-btn-delete:hover:not(:disabled){background:#f871711a;border-color:#f8717173}.at-btn-delete:disabled{opacity:.4;cursor:not-allowed}.at-btn-delete-label{display:none}@media (width<=520px){.at-btn-delete{width:auto;height:28px;font-size:var(--fs-xs);padding:0 10px}.at-btn-delete-icon{display:none}.at-btn-delete-label{display:inline}}@keyframes at-id3-pulse{0%,to{opacity:1}50%{opacity:.3}}.at-sync-dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:1.1s ease-in-out infinite at-id3-pulse;display:inline-block;box-shadow:0 0 0 2px #0433ff2e}.at-track-chips{flex-wrap:wrap;gap:4px;margin-top:5px;display:none}.at-chip{font-size:10px;font-family:var(--mono);color:var(--ink-3);background:var(--surface-3);border:1px solid var(--border-1);white-space:nowrap;border-radius:3px;align-items:center;padding:1px 6px;line-height:1.7;display:inline-flex}.at-row{grid-template-columns:36px minmax(0,1fr) 130px 66px 88px minmax(96px,118px) minmax(160px,220px);display:grid}.at-row>*{min-width:0}.at-cell-meta{flex-wrap:wrap;min-width:0}.at-cell-tail{flex-wrap:nowrap;justify-content:flex-end;align-items:center;gap:6px;min-width:0;display:flex}.at-row-flags{justify-content:flex-end;align-items:center;gap:6px;min-width:0;display:inline-flex}.at-flag{letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;border-radius:999px;align-items:center;padding:2px 7px;font-size:10px;font-weight:700;display:inline-flex}.at-flag-trending{color:#f59e0b;background:#fbbf241f;border:1px solid #fbbf243d}.at-flag-dmca{color:var(--destructive);background:#f871711a;border:1px solid #f871713d}.at-key-wrap{align-items:center;display:inline-flex}.at-row-menu-wrap{position:relative}.at-row-menu{border:1px solid var(--border-1);background:var(--surface-1);z-index:12;border-radius:10px;flex-direction:column;gap:4px;min-width:176px;padding:6px;display:flex;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 16px 30px #00000047}.at-row-menu-item{height:32px;color:var(--ink-2);text-align:left;font-size:var(--fs-xs);cursor:pointer;font-family:var(--font);background:0 0;border:none;border-radius:8px;padding:0 10px}.at-row-menu-item:hover:not(:disabled){background:var(--surface-2)}.at-row-menu-item:disabled{opacity:.45;cursor:not-allowed}.at-row-menu-item-danger{color:var(--destructive)}.at-drawer-overlay{overscroll-behavior:contain}.at-drawer-panel{height:100dvh;max-height:100dvh}.at-drawer-body{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;min-height:0;overflow-y:auto!important}.at-drawer-actions-inline,.at-drawer-field-row{width:100%}.at-drawer-actions-inline{flex-wrap:wrap;align-items:center}.at-drawer-actions-inline>button{flex:none}.at-drawer-field-row,.at-drawer-field-row>:first-child{min-width:0}.at-drawer-field-row>button{align-self:end}@media (width<=920px){.at-drawer-panel{width:min(640px,100vw)!important;max-width:100vw!important}.at-drawer-header{padding:18px 18px 14px!important}.at-drawer-body{padding:18px!important}.at-drawer-split-3{grid-template-columns:1fr 1fr!important}.at-drawer-actions-inline,.at-drawer-field-row{flex-wrap:wrap;justify-content:stretch!important}.at-drawer-actions-inline>button,.at-drawer-field-row>button{width:100%}.at-drawer-field-row{grid-template-columns:1fr!important}}@media (width<=1360px){.at-row{grid-template-columns:36px minmax(0,1fr) 112px 62px 78px minmax(88px,108px) minmax(150px,190px)}.at-row-flags{gap:4px}.at-flag{padding:2px 6px}}@media (width<=1180px){.at-row{grid-template-columns:36px minmax(0,1fr) 112px 78px minmax(88px,108px) minmax(144px,180px)}.at-col-bpm{display:none}}@media (width<=980px){.at-row{grid-template-columns:36px minmax(0,1fr) 78px minmax(88px,108px) minmax(138px,170px)}.at-col-genre{display:none}.at-cell-tail{flex-wrap:wrap;row-gap:8px}.at-row-flags{justify-content:flex-end;width:100%}}@media (width<=760px){.at-drawer-overlay{align-items:flex-end}.at-drawer-panel{border-top:1px solid var(--border-1);border-radius:16px 16px 0 0;border-left:none!important;width:100vw!important;max-width:100vw!important;height:100dvh!important;max-height:100dvh!important}.at-drawer-header{padding:16px 16px 12px!important}.at-drawer-body{padding-bottom:calc(16px + env(safe-area-inset-bottom));padding:16px!important}.at-drawer-split,.at-drawer-split-3{grid-template-columns:1fr!important}.at-drawer-actions-inline,.at-drawer-field-row{flex-direction:column;align-items:stretch!important}.at-drawer-actions{background:linear-gradient(180deg, #0f0f0f00 0%, var(--surface-1) 28%);padding-bottom:calc(8px + env(safe-area-inset-bottom));margin-top:4px;position:sticky;bottom:0;padding-top:12px!important}.at-header{align-items:center;display:flex}.at-header>button,.at-header>span{display:none}.at-row:not(.at-header){flex-wrap:wrap;align-items:center;display:flex}.at-row:not(.at-header)>input[type=checkbox]{flex:none;order:1;align-self:center}.at-col-track{flex:1;order:2;align-self:center;min-width:0;padding-left:8px}.at-col-plan{flex:none;order:3;align-self:flex-start;margin-top:2px;margin-left:8px}.at-col-genre,.at-col-bpm{display:none}.at-track-chips{display:flex}.at-cell-meta{flex-wrap:wrap;order:4;align-items:center;gap:6px;width:100%;margin-top:8px;padding-left:22px;display:flex}.at-cell-tail{border-top:1px solid var(--border-1);flex-wrap:wrap;order:5;justify-content:flex-end;align-items:center;gap:6px;width:100%;margin-top:8px;padding-top:8px;display:flex}.at-row-flags{justify-content:flex-start;width:100%}.at-row-menu{left:auto;right:0}}.track-list{-webkit-overflow-scrolling:touch;--track-main-cols:36px minmax(0,1fr) auto;--track-cols:var(--track-main-cols);overflow-x:auto}.track-list.has-bpm{--track-main-cols:36px minmax(0,1fr) 64px auto}.track-list.has-key{--track-main-cols:36px minmax(0,1fr) 72px auto}.track-list.has-bpm.has-key{--track-main-cols:36px minmax(0,1fr) 64px 72px auto}.track-list.has-genre{--track-main-cols:36px minmax(0,1fr) 110px auto}.track-list.has-genre.has-bpm{--track-main-cols:36px minmax(0,1fr) 110px 64px auto}.track-list.has-genre.has-key{--track-main-cols:36px minmax(0,1fr) 110px 72px auto}.track-list.has-genre.has-bpm.has-key{--track-main-cols:36px minmax(0,1fr) 110px 64px 72px auto}.track-list.has-rank{--track-cols:30px var(--track-main-cols)}@media (width<=900px){.col-genre{display:none}.track-list.has-genre{--track-main-cols:36px minmax(0,1fr) auto}.track-list.has-genre.has-bpm{--track-main-cols:36px minmax(0,1fr) 64px auto}.track-list.has-genre.has-key{--track-main-cols:36px minmax(0,1fr) 72px auto}.track-list.has-genre.has-bpm.has-key{--track-main-cols:36px minmax(0,1fr) 64px 72px auto}}@media (width<=680px){.col-bpm{display:none}.track-list.has-bpm{--track-main-cols:36px minmax(0,1fr) auto}.track-list.has-bpm.has-key{--track-main-cols:36px minmax(0,1fr) 72px auto}.track-list.has-genre.has-bpm{--track-main-cols:36px minmax(0,1fr) auto}.track-list.has-genre.has-bpm.has-key{--track-main-cols:36px minmax(0,1fr) 72px auto}.track-row-actions{min-width:140px}}@media (width<=480px){.col-key{display:none}.track-list.has-key,.track-list.has-bpm.has-key,.track-list.has-genre.has-key,.track-list.has-genre.has-bpm.has-key{--track-main-cols:36px minmax(0,1fr) auto}.track-row{gap:0 10px;padding:10px 12px}.track-row-actions{gap:4px;min-width:0}}@media (width<=360px){.track-row{gap:0 8px;padding:8px 10px}.track-row-play{width:26px!important;min-width:26px!important;height:26px!important}}.track-list>.track-row:first-child{border-radius:10px 10px 0 0}.track-list>.track-row:last-child{border-radius:0 0 10px 10px}.track-row{grid-template-columns:var(--track-cols);cursor:default;align-items:center;gap:0 14px;padding:11px 16px;transition:background .15s;display:grid}.track-row:not(.track-header):hover{background:#ffffff06!important}.track-row-rank{width:26px;height:22px;font-family:var(--mono);font-size:var(--fs-xs);color:#ffffff61;text-align:right;justify-content:flex-end;align-items:center;font-weight:500;display:inline-flex}.track-row-play{color:#ffffff73!important;background:#ffffff12!important;border:none!important;border-radius:50%!important;width:30px!important;min-width:30px!important;height:30px!important;padding:0!important;transition:background .15s,color .15s!important}.track-row-play:hover:not(:disabled){color:#fffc!important;background:#ffffff21!important}.track-row[style*="rgba(4,51,255"] .track-row-play{background:var(--accent)!important;color:#fff!important}.track-row-actions{flex-wrap:nowrap;justify-content:flex-end;align-items:center;gap:6px;min-width:196px;display:flex}.trending-banner:before,.trending-banner:after{content:"";pointer-events:none;position:absolute;inset:-1px}.trending-banner:before{background-image:var(--trending-banner-image);background-position:var(--trending-banner-position,center);transform:scale(var(--trending-banner-scale,1));transform-origin:50%;background-repeat:no-repeat;background-size:cover}.trending-banner:after{background:linear-gradient(90deg,#4f82e8eb 0%,#3a62b4d1 18%,#203970a8 38%,#0c142cb8 68%,#04060de0 100%),linear-gradient(#ffffff0f 0%,#0000002e 100%)}.trending-banner-icon{color:#fff;stroke:#fff;filter:none}@media (width<=680px){.trending-banner>div{grid-template-columns:1fr!important}}.col-bpm,.col-key{justify-content:flex-start;align-items:center;display:flex}@media (width<=520px){.track-filter-spacer{display:none}}@media (width<=400px){.track-search-input::placeholder{font-size:11px}}@keyframes heroIn{0%{opacity:0;filter:blur(6px);transform:translateY(20px)}to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes waveformPulse{0%,to{opacity:.72;transform:scaleY(.82)}50%{opacity:1;transform:scaleY(1.08)}}@keyframes playPulse{0%,to{box-shadow:0 0 0 7px #0433ff24}50%{box-shadow:0 0 0 11px #0433ff0f}}@keyframes cursorPulse{0%,to{opacity:.36}50%{opacity:.78}}@keyframes uiItemIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.landing-page{width:100%;max-width:100vw}.landing-page:before{content:"";pointer-events:none;z-index:0;background:linear-gradient(115deg,#0433ff2e,#0000 38%),linear-gradient(#ffffff09,#0000 30%);position:fixed;inset:0}.landing-hero{flex-direction:column;justify-content:center;align-items:center;min-height:calc(100svh - 63px);display:flex}.landing-hero-grid{grid-template-columns:minmax(0,.98fr) minmax(380px,.78fr);align-items:start;gap:clamp(30px,5vw,64px);width:100%;display:grid}.landing-hero-grid>*{min-width:0}.hero-copy{z-index:2;width:100%;min-width:0;max-width:560px;position:relative}.hero-eyebrow{font-size:var(--fs-xs);color:var(--ink-3);letter-spacing:.06em;text-transform:uppercase;margin-bottom:20px;font-weight:500;animation:.5s cubic-bezier(.22,1,.36,1) both heroIn}.hero-title{letter-spacing:-.035em;max-width:540px;margin-bottom:22px;font-size:clamp(38px,5.2vw,62px);font-weight:600;line-height:1.03;animation:.6s cubic-bezier(.22,1,.36,1) 80ms both heroIn}.hero-title-bright{color:var(--ink-1)}.hero-title-dim{color:#ffffff57;margin-top:8px;display:inline-block}.hero-break-mobile{display:none}.hero-mobile-line{display:inline}.hero-body{animation:.6s cubic-bezier(.22,1,.36,1) .16s both heroIn;max-width:500px!important;margin-bottom:24px!important}.hero-ctas{width:100%;animation:.6s cubic-bezier(.22,1,.36,1) .24s both heroIn}.hero-proof-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-width:560px;margin-top:28px;animation:.6s cubic-bezier(.22,1,.36,1) .32s both heroIn;display:grid}.hero-proof-strip span{min-width:0;color:var(--ink-3);font-size:var(--fs-xs);background:#ffffff09;border:1px solid #ffffff12;border-radius:8px;padding:11px 12px;line-height:1.3}.hero-proof-strip strong{color:var(--ink-1);font-size:var(--fs-sm);margin-bottom:2px;font-weight:600;display:block}.hero-visual{justify-content:center;align-items:center;width:100%;min-width:0;min-height:0;padding-top:34px;animation:.7s cubic-bezier(.22,1,.36,1) .18s both heroIn;display:flex;position:relative}.hero-player-shell{z-index:1;border:1px solid var(--border-2);background:var(--surface-1);border-radius:14px;width:min(100%,540px);min-width:0;padding:20px;position:relative;box-shadow:inset 0 0 0 1px #0433ff12,0 0 10px #0433ff1a}.hero-player-shell:before{content:"";border-radius:inherit;opacity:.55;pointer-events:none;z-index:-1;background:linear-gradient(135deg,#0433ff61,#0000 45%,#ffffff14);position:absolute;inset:-1px}.hero-player-header{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px;padding:0 2px 14px;display:flex}.hero-player-header span,.hero-player-header small{color:#ffffff61;font-size:11px;font-family:var(--mono);letter-spacing:.03em;white-space:nowrap;display:block}.hero-player-header strong{color:var(--ink-1);font-size:var(--fs-sm);margin-top:3px;font-weight:600;display:block}.hero-product-card{background:#101010;border:1px solid #ffffff16;border-radius:12px;min-width:0;padding:18px;position:relative;box-shadow:0 14px 34px #00000052}.hero-platform-player{grid-template-columns:minmax(0,1fr) 40px 86px;align-items:center;gap:13px 14px;min-width:0;display:grid}.hero-platform-track{min-width:0}.hero-platform-track p{color:var(--ink-1);font-size:var(--fs-sm);white-space:nowrap;text-overflow:ellipsis;margin:0 0 3px;font-weight:600;overflow:hidden}.hero-platform-track span,.hero-platform-time{color:var(--ink-3);font-size:var(--fs-xs);font-family:var(--mono);white-space:nowrap;display:block}.hero-platform-time{text-align:center}.hero-platform-player .hero-product-wave{grid-column:1/-1}.hero-product-topbar,.hero-product-now,.hero-product-list>div,.hero-stats-strip{align-items:center;display:flex}.hero-product-topbar{font-size:var(--fs-xs);color:#ffffff75;text-transform:uppercase;letter-spacing:.08em;justify-content:space-between;gap:16px;margin-bottom:16px}.hero-product-topbar strong{color:var(--ink-1);letter-spacing:0;text-transform:none;font-weight:600}.hero-product-now{gap:12px;margin-bottom:16px}.hero-product-play{background:var(--accent);color:#fff;border-radius:999px;flex:none;justify-content:center;align-items:center;width:40px;height:40px;font-size:12px;animation:1.8s ease-in-out infinite playPulse;display:inline-flex;box-shadow:0 0 0 7px #0433ff29}.hero-product-now p{font-size:var(--fs-md);color:var(--ink-1);margin:0 0 2px;font-weight:600}.hero-product-now span:not(.hero-product-play){font-size:var(--fs-xs);color:#ffffff7a}.hero-product-wave{background:#070707;border-radius:6px;align-items:center;gap:1px;height:68px;padding:5px 0;display:flex;position:relative;overflow:hidden}.hero-product-wave:before,.sticky-ui-wave:before{content:"";z-index:2;background:#fff6;width:1px;animation:1.4s ease-in-out infinite cursorPulse;position:absolute;top:0;bottom:0;left:58%}.hero-product-wave:after,.sticky-ui-wave:after{content:"";pointer-events:none;z-index:0;background:#0433ff0b;width:58%;position:absolute;top:0;bottom:0;left:0}.hero-product-wave span{z-index:1;transform-origin:50%;background:#ffffff1f;border-radius:2px;flex:1;min-width:2px;max-width:none;animation:1.8s ease-in-out infinite waveformPulse;position:relative}.hero-product-wave span.is-hot,.sticky-ui-wave span.is-hot{background:var(--accent)}.hero-product-filters span,.hero-product-list>div,.hero-platform-list>div,.hero-stats-strip span{animation:.45s cubic-bezier(.22,1,.36,1) both uiItemIn}.hero-product-filters span:first-child{animation-delay:.22s}.hero-product-filters span:nth-child(2){animation-delay:.26s}.hero-product-filters span:nth-child(3){animation-delay:.3s}.hero-product-filters span:nth-child(4){animation-delay:.34s}.hero-product-filters span:nth-child(5){animation-delay:.38s}.hero-product-list>div:first-child{animation-delay:.42s}.hero-product-list>div:nth-child(2){animation-delay:.47s}.hero-product-list>div:nth-child(3){animation-delay:.52s}.hero-stats-strip span:first-child{animation-delay:.56s}.hero-stats-strip span:nth-child(2){animation-delay:.6s}.hero-stats-strip span:nth-child(3){animation-delay:.64s}.hero-product-filters{flex-wrap:wrap;gap:6px;margin-bottom:14px;display:flex}.hero-product-filters span{color:#ffffff8a;background:#ffffff0f;border:1px solid #ffffff17;border-radius:999px;padding:4px 9px;font-size:11px;font-weight:500}.hero-product-filters span.is-active{color:#d6dcfff5;background:#0433ff2e;border-color:#0433ff75}.hero-product-list{gap:2px;display:grid}.hero-platform-list{border-top:1px solid #ffffff0e;gap:6px;margin-top:16px;padding-top:16px;display:grid}.hero-product-list>div,.hero-platform-list>div{color:#ffffff94;min-width:0;min-height:48px;font-size:var(--fs-xs);border-radius:8px;grid-template-columns:minmax(0,1fr) auto minmax(96px,.7fr);align-items:center;gap:12px;padding:12px;display:grid}.hero-product-list>div.is-active,.hero-platform-list>div.is-active{color:var(--ink-1);background:#0433ff21}.hero-product-list small,.hero-platform-list small{text-overflow:ellipsis;color:#ffffff61;min-width:0;font-family:var(--mono);white-space:nowrap;overflow:hidden}.hero-product-list span,.hero-platform-list .hero-track-title{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.hero-platform-list small{text-align:right;flex:0 auto}.hero-track-type{color:#ffffffb8;white-space:nowrap;background:#ffffff0b;border:1px solid #ffffff14;border-radius:999px;justify-content:center;align-items:center;min-width:68px;height:24px;padding:0 8px;font-size:11px;font-weight:600;display:inline-flex}.hero-platform-list>div.is-active .hero-track-type{color:var(--ink-1);background:#0433ff2e;border-color:#0433ff57}.hero-stats-strip{color:#ffffff80;font-size:var(--fs-xs);background:#ffffff09;border:1px solid #ffffff1a;border-radius:10px;justify-content:space-between;gap:8px;margin-top:14px;padding:12px 14px}.hero-stats-strip strong{color:var(--ink-1);font-size:var(--fs-sm);line-height:1.1;display:block}.hero-mobile-product-note{display:none}.recordpool-heading{margin-bottom:30px}.recordpool-grid{grid-template-columns:minmax(0,1.2fr) minmax(220px,.75fr) minmax(220px,.75fr);align-items:stretch;gap:12px;display:grid}.recordpool-card,.pool-benefit-card{background:linear-gradient(145deg,#0433ff14,#0000 42%),#111;border:1px solid #ffffff12;border-radius:12px;min-width:0;padding:22px}.recordpool-card-kicker{color:var(--ink-3);font-size:var(--fs-xs);letter-spacing:.07em;text-transform:uppercase;margin:0 0 16px;font-weight:600}.recordpool-chip-grid{flex-wrap:wrap;gap:8px;display:flex}.recordpool-chip-grid span{min-height:34px;color:var(--ink-2);font-size:var(--fs-sm);background:#ffffff0b;border:1px solid #ffffff14;border-radius:999px;align-items:center;padding:0 12px;display:inline-flex}.recordpool-chip-grid span:nth-child(3),.recordpool-chip-grid span:nth-child(5){color:var(--ink-1);background:#0433ff1f;border-color:#0433ff57}.recordpool-list{gap:8px;list-style:none;display:grid}.recordpool-list li{color:var(--ink-2);font-size:var(--fs-sm);justify-content:space-between;align-items:center;gap:12px;display:flex}.recordpool-list li:after{content:"";background:var(--accent);opacity:.7;border-radius:999px;flex:none;width:6px;height:6px}.recordpool-metrics{gap:10px;display:grid}.recordpool-metrics span{color:var(--ink-3);font-size:var(--fs-xs);background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;padding:13px 12px}.recordpool-metrics strong{color:var(--ink-1);font-size:var(--fs-sm);display:block}.pool-benefits-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.pool-benefit-card h3{color:var(--ink-1);font-size:var(--fs-xl);letter-spacing:-.02em;margin:0 0 10px;font-weight:600}.pool-benefit-card p{color:var(--ink-3);font-size:var(--fs-sm);margin:0;line-height:1.6}.sticky-feature-stage{grid-template-columns:minmax(0,1.08fr) minmax(300px,.78fr);align-items:center;gap:clamp(28px,6vw,76px);min-height:clamp(260px,34vw,390px);display:grid;position:relative}.sticky-feature-copy{min-height:clamp(180px,30vw,330px);position:relative}.sticky-feature-visuals{min-height:clamp(260px,32vw,360px);position:relative}.sticky-ui-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transform-origin:50%;will-change:opacity, transform;background:linear-gradient(150deg,#0433ff29,#0000 42%),#121212e0;border:1px solid #ffffff17;border-radius:16px;padding:18px;position:absolute;inset:0;box-shadow:0 34px 80px #00000061,inset 0 0 0 1px #ffffff09}.sticky-ui-card:after{content:"";border-radius:inherit;opacity:0;pointer-events:none;background:linear-gradient(120deg,#0000 0%,#ffffff09 42%,#0000 72%);transition:opacity .35s;position:absolute;inset:0}.sticky-ui-card:hover:after{opacity:1}.sticky-ui-toolbar,.sticky-ui-list,.sticky-ui-crates{gap:8px;display:grid}.sticky-ui-toolbar{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:14px}.sticky-ui-toolbar span,.sticky-ui-search,.sticky-ui-metrics span,.sticky-ui-export,.sticky-ui-list>div,.sticky-ui-crates>div{background:#ffffff0b;border:1px solid #ffffff14}.sticky-ui-toolbar span{color:#ffffff80;text-align:center;white-space:nowrap;text-overflow:ellipsis;border-radius:999px;min-width:0;padding:7px 8px;font-size:11px;font-weight:500;overflow:hidden}.sticky-ui-toolbar span.is-active{color:#fff;background:var(--accent);border-color:var(--accent)}.sticky-ui-search{color:#ffffff6b;min-height:46px;font-size:var(--fs-xs);border-radius:10px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;padding:0 12px;animation:.42s cubic-bezier(.22,1,.36,1) both uiItemIn;display:flex}.sticky-ui-list>div:first-child,.sticky-ui-crates>div:first-child{animation-delay:80ms}.sticky-ui-list>div:nth-child(2),.sticky-ui-crates>div:nth-child(2){animation-delay:.14s}.sticky-ui-list>div:nth-child(3),.sticky-ui-crates>div:nth-child(3){animation-delay:.2s}.sticky-ui-list>div:nth-child(4),.sticky-ui-crates>div:nth-child(4){animation-delay:.26s}.sticky-ui-search strong{color:var(--ink-1);font-family:var(--mono);white-space:nowrap}.sticky-ui-list>div,.sticky-ui-crates>div{color:#ffffffa3;min-height:44px;font-size:var(--fs-xs);border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:0 12px;display:flex}.sticky-ui-list>div.is-active,.sticky-ui-crates>div.is-active{color:var(--ink-1);background:#0433ff29;border-color:#0433ff52}.sticky-ui-list small,.sticky-ui-crates small,.sticky-ui-now small{color:#ffffff61;font-family:var(--mono);white-space:nowrap}.sticky-ui-list span,.sticky-ui-crates span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.sticky-ui-now{align-items:center;gap:13px;margin-bottom:18px;display:flex}.sticky-ui-play{background:var(--accent);color:#fff;border-radius:999px;flex:none;justify-content:center;align-items:center;width:42px;height:42px;font-size:12px;animation:1.8s ease-in-out infinite playPulse;display:inline-flex;box-shadow:0 0 0 8px #0433ff24}.sticky-ui-now p{color:var(--ink-1);font-size:var(--fs-md);margin:0 0 3px;font-weight:600}.sticky-ui-wave{background:#070707;border-radius:8px;align-items:center;gap:1px;height:76px;padding:8px 0;display:flex;position:relative;overflow:hidden}.sticky-ui-wave span{z-index:1;transform-origin:50%;background:#ffffff1f;border-radius:2px;flex:1;min-width:2px;max-width:none;animation:1.8s ease-in-out infinite waveformPulse;position:relative}.sticky-ui-toolbar span,.sticky-ui-metrics span,.sticky-ui-export{animation:.42s cubic-bezier(.22,1,.36,1) both uiItemIn}.sticky-ui-toolbar span:first-child{animation-delay:60ms}.sticky-ui-toolbar span:nth-child(2){animation-delay:.1s}.sticky-ui-toolbar span:nth-child(3){animation-delay:.14s}.sticky-ui-toolbar span:nth-child(4),.sticky-ui-metrics span:first-child{animation-delay:.18s}.sticky-ui-metrics span:nth-child(2){animation-delay:.24s}.sticky-ui-metrics span:nth-child(3){animation-delay:.3s}.sticky-ui-metrics{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.sticky-ui-metrics span{color:#ffffff75;border-radius:10px;padding:10px;font-size:11px}.sticky-ui-metrics strong{color:var(--ink-1);font-size:var(--fs-xs);line-height:1.2;display:block}.sticky-ui-crates{margin-bottom:16px}.sticky-ui-export{color:#ffffff75;min-height:58px;font-size:var(--fs-xs);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:0 14px;display:flex}.sticky-ui-export strong{color:var(--ink-1);font-weight:600}.landing-cta-primary{height:44px;font-size:var(--fs-md);background:var(--accent);color:#fff;border-radius:6px;justify-content:center;align-items:center;padding:0 24px;font-weight:500;transition:box-shadow .2s,transform .15s;display:inline-flex}.landing-cta-primary:hover{box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 28%, transparent), 0 4px 16px #0433ff59;transform:translateY(-1px)}.landing-cta-primary:active{transform:translateY(0)}.landing-cta-secondary{height:44px;font-size:var(--fs-md);color:var(--ink-2);border:1px solid var(--border-2);background:0 0;border-radius:6px;justify-content:center;align-items:center;padding:0 24px;font-weight:500;text-decoration:none;transition:border-color .18s,color .18s,transform .15s;display:inline-flex}.landing-cta-secondary:hover{color:var(--ink-1);border-color:var(--border-3);transform:translateY(-1px)}@keyframes revealUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.reveal{opacity:0}.reveal.revealed{animation:.55s cubic-bezier(.22,1,.36,1) both revealUp}.reveal.revealed:first-child{animation-delay:0s}.reveal.revealed:nth-child(2){animation-delay:60ms}.reveal.revealed:nth-child(3){animation-delay:.12s}.reveal.revealed:nth-child(4){animation-delay:.18s}.plan-card{transition:transform .2s,box-shadow .2s,border-color .2s}.plan-card:hover{transform:translateY(-3px);box-shadow:0 16px 40px #00000080;border-color:#ffffff1f!important}.plan-card--featured{box-shadow:0 24px 48px #0006}.plan-card--featured:hover{box-shadow:inset 0 0 0 1px #0433ff26,0 20px 56px #0000008c;border-color:#0433ff99!important}.nav-link{transition:color .15s}.nav-link:hover{color:var(--ink-1)!important}.btn-primary{transition:box-shadow .2s,transform .15s}.btn-primary:hover{box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 28%, transparent), 0 2px 10px #00000040;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{transition:background .18s,border-color .18s,transform .15s}.btn-secondary:hover{transform:translateY(-1px)}.btn-secondary:active{transform:translateY(0)}@media (width<=600px){.landing-page .public-header{width:100vw;max-width:100vw;overflow:hidden}.landing-page .public-header-label-full{display:inline!important}.landing-page .public-header-label-compact{display:none!important}.landing-page:before{background:linear-gradient(150deg,#0433ff33,#0000 45%),linear-gradient(#ffffff08,#0000 34%)}.landing-hero{justify-content:flex-start;align-items:flex-start;min-height:auto}.landing-hero-grid{grid-template-columns:1fr;gap:26px;max-width:calc(100vw - 40px)}.hero-copy,.hero-body{max-width:330px!important}.hero-proof-strip{grid-template-columns:1fr;gap:8px;max-width:330px;margin-top:22px}.hero-proof-strip span{padding:10px 12px}.hero-title{letter-spacing:-.035em;margin-bottom:18px;font-size:clamp(32px,9.4vw,38px);line-height:1.04}.hero-title-dim{margin-top:8px;display:block}.hero-visual{border-radius:14px;justify-self:start;width:min(100%,100vw - 40px);max-width:calc(100vw - 40px);min-height:auto;padding-top:0}.hero-player-shell{border-radius:16px;width:100%;padding:14px}.hero-player-header{gap:10px;margin-bottom:12px;padding-bottom:12px}.hero-player-header small{display:none}.hero-product-card{padding:14px}.hero-platform-player{grid-template-columns:1fr 36px;gap:10px}.hero-platform-time{display:none}.hero-platform-player .hero-product-wave{grid-column:1/-1}.hero-product-wave{gap:1px;height:58px}.hero-platform-list>div{grid-template-columns:minmax(0,1fr) auto}.hero-platform-list small,.hero-product-filters span:nth-child(n+4),.hero-product-list>div:nth-child(n+3){display:none}.hero-stats-strip{margin-top:10px}.hero-mobile-product-note{color:var(--ink-3);font-size:var(--fs-xs);max-width:300px;margin-top:16px;line-height:1.5;display:block}.recordpool-section{padding:40px 20px!important}.recordpool-grid,.pool-benefits-grid{grid-template-columns:1fr}.recordpool-card,.pool-benefit-card{padding:18px}.recordpool-chip-grid span{min-height:31px;font-size:var(--fs-xs)}.pool-benefits-section{padding:0 20px 44px!important}.sticky-feature-stage{grid-template-columns:1fr;gap:20px;min-height:500px}.sticky-feature-copy{min-height:250px}.sticky-feature-visuals{min-height:230px}.sticky-ui-card{border-radius:14px;padding:14px}.sticky-ui-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}.sticky-ui-list>div,.sticky-ui-crates>div{min-height:38px}.sticky-ui-wave{height:78px}.sticky-ui-metrics{grid-template-columns:1fr}.sticky-ui-metrics span:nth-child(n+3),.app-preview-bpm,.app-preview-key{display:none}.landing-hero{padding:42px 20px 44px!important}.landing-manifesto{padding:40px 20px!important}.landing-pricing{padding:40px 20px 36px!important}.landing-cta{padding:0 20px 56px!important}.hero-eyebrow{margin-bottom:16px}.sticky-features-container{height:200vh!important}.cta-final-card{grid-template-columns:1fr!important}.cta-final-card>div:first-child{padding:28px 20px!important}.cta-final-card>div:last-child{min-height:200px;padding:0 16px 16px!important}footer{padding:32px 20px!important}}@media (prefers-reduced-motion:reduce){.hero-product-play,.sticky-ui-play,.hero-product-wave:before,.sticky-ui-wave:before,.hero-product-wave span,.sticky-ui-wave span,.hero-product-filters span,.hero-product-list>div,.hero-stats-strip span,.sticky-ui-list>div,.sticky-ui-crates>div,.sticky-ui-toolbar span,.sticky-ui-metrics span,.sticky-ui-export{animation:none!important}}.hero-carousel{border:1px solid var(--border-1);background:var(--surface-1);border-radius:10px;margin-bottom:28px;position:relative;overflow:hidden}.hero-carousel__viewport{overflow:hidden}.hero-carousel__track{will-change:transform;transition:transform .45s cubic-bezier(.22,1,.36,1);display:flex}.hero-carousel__slide{flex:0 0 100%;min-width:0}.hero-carousel__link{color:#fff;min-height:clamp(200px,32vw,280px);padding:clamp(20px,4vw,32px);text-decoration:none;display:block;position:relative;overflow:hidden}.hero-carousel__link:after{content:"";pointer-events:none;background:linear-gradient(#0000 35%,#0000008c 100%);position:absolute;inset:0}.hero-carousel__inner{z-index:1;flex-direction:column;justify-content:space-between;height:100%;min-height:clamp(160px,26vw,216px);display:flex;position:relative}.hero-carousel__kicker{font-size:var(--fs-xs);letter-spacing:.1em;text-transform:uppercase;opacity:.85;margin:0 0 10px;font-weight:650}.hero-carousel__title{letter-spacing:-.03em;max-width:14ch;margin:0;font-size:clamp(26px,4.5vw,40px);font-weight:750;line-height:1.05}.hero-carousel__desc{font-size:var(--fs-sm);opacity:.9;max-width:42ch;margin:10px 0 0;line-height:1.45}.hero-carousel__footer{justify-content:space-between;align-items:center;gap:12px;margin-top:20px;display:flex}.hero-carousel__cta{font-size:var(--fs-sm);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff24;border:1px solid #ffffff47;border-radius:999px;align-items:center;gap:6px;padding:8px 14px;font-weight:600;display:inline-flex}.hero-carousel__meta{font-size:var(--fs-xs);opacity:.8;font-weight:600}.hero-carousel__btn{z-index:2;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000059;border:1px solid #fff3;border-radius:999px;justify-content:center;align-items:center;width:36px;height:36px;transition:background .15s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.hero-carousel__btn:hover{background:#0000008c}.hero-carousel__btn--prev{left:12px}.hero-carousel__btn--next{right:12px}.hero-carousel__dots{z-index:2;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000059;border-radius:999px;gap:6px;padding:4px 8px;display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.hero-carousel__dot{cursor:pointer;background:#ffffff59;border:none;border-radius:999px;width:28px;height:3px;padding:0;transition:background .2s,width .2s}.hero-carousel__dot.is-active{background:#fff;width:40px}.hero-carousel--paused .hero-carousel__track{transition-duration:.35s}@media (width<=768px){.hero-carousel__btn{display:none}.hero-carousel__title{max-width:100%}}