@font-face{font-family:Big Shoulders;src:url(/fonts/BigShouldersDisplay-ExtraBold.woff2)format("woff2");font-weight:800;font-display:swap}@font-face{font-family:Big Shoulders;src:url(/fonts/BigShouldersDisplay-SemiBold.woff2)format("woff2");font-weight:600;font-display:swap}@font-face{font-family:Hanken;src:url(/fonts/HankenGrotesk-Regular.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Hanken;src:url(/fonts/HankenGrotesk-Medium.woff2)format("woff2");font-weight:500;font-display:swap}@font-face{font-family:Hanken;src:url(/fonts/HankenGrotesk-SemiBold.woff2)format("woff2");font-weight:600;font-display:swap}@font-face{font-family:Hanken;src:url(/fonts/HankenGrotesk-Bold.woff2)format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Plex Mono;src:url(/fonts/IBMPlexMono-Regular.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Plex Mono;src:url(/fonts/IBMPlexMono-Medium.woff2)format("woff2");font-weight:500;font-display:swap}:root{--stage:#0e0d12;--riser:#18161e;--rail:#2a2733;--bone:#f2ede4;--ash:#8e8899;--dim:#5a5563;--vocals:#ff8a7a;--guitar:#f6c065;--bass:#a99bff;--drums:#6fd6c0;--keys:#7fb4ff;--other:#e7a6d9;--display:"Big Shoulders", "Arial Narrow", sans-serif;--body:"Hanken", system-ui, sans-serif;--mono:"Plex Mono", ui-monospace, monospace;--gutter:clamp(16px, 4vw, 48px);--measure:1180px;--radius:18px;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background:var(--stage);color:var(--bone);font:400 17px/1.55 var(--body);-webkit-font-smoothing:antialiased;margin:0;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--bone);outline-offset:3px;border-radius:6px}.wrap{width:min(var(--measure), 100% - 2 * var(--gutter));margin-inline:auto}.readout{font:500 12px/1.4 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ash)}.display{font-family:var(--display);text-transform:uppercase;letter-spacing:.005em;margin:0;font-weight:800;line-height:.92}.cta{background:var(--bone);color:var(--stage);border-radius:999px;align-items:center;gap:12px;padding:14px 24px 14px 20px;font-size:16px;font-weight:700;text-decoration:none;transition:transform .16s;display:inline-flex}.cta:hover{transform:translateY(-1px)}.cta svg{width:22px;height:22px}.play-badge{border-radius:10px;margin:-10px -12px;line-height:0;display:inline-block}.play-badge img{width:auto;height:66px}.hero .play-badge,.closing .play-badge{margin:-13px -15px}.hero .play-badge img,.closing .play-badge img{height:84px}.top{z-index:3;padding-block:22px;position:absolute;inset:0 0 auto}.top .wrap{justify-content:space-between;align-items:center;gap:24px;display:flex}.top.solid{border-bottom:1px solid var(--rail);position:static}.top .logo img{width:auto;height:34px}.top nav{align-items:center;gap:28px;display:flex}.top nav a:not(.cta){color:var(--bone);opacity:.8;font-size:15px;font-weight:500;text-decoration:none}.top nav a:not(.cta):hover{opacity:1}.top .cta{padding:10px 18px;font-size:14px}@media (width<=760px){.top nav a:not(.cta){display:none}}.hero{isolation:isolate;align-items:end;min-height:min(100svh,920px);padding-block:140px 72px;display:grid;position:relative}.hero-photo,.hero-fallback{z-index:-2;position:absolute;inset:0}.hero-photo{object-fit:cover;object-position:70% 35%;width:100%;height:100%}.hero-fallback{background:radial-gradient(60% 70% at 72% 30%, #f6c06538, transparent 70%), radial-gradient(40% 50% at 85% 80%, #a99bff1f, transparent 70%), var(--stage)}.hero:after{content:"";z-index:-1;background:linear-gradient(90deg, #0e0d12eb 0%, #0e0d12a6 42%, #0e0d1200 75%), linear-gradient(0deg, var(--stage) 0%, #0e0d1200 40%);position:absolute;inset:0}@media (width<=760px){.hero:after{background:linear-gradient(0deg, var(--stage) 18%, #0e0d128c 60%, #0e0d1233 100%)}.hero-photo{object-position:80% 30%}}.hero h1{font-size:clamp(52px,7.6vw,116px)}.hero h1 span{display:block}.hero h1 .muted-word{color:#0000;-webkit-text-stroke:2px var(--bass)}.hero .lede{color:#f2ede4e0;max-width:34rem;margin:28px 0 32px;font-size:clamp(17px,1.6vw,20px)}.hero .eyebrow{margin-bottom:22px}.hero .actions{flex-wrap:wrap;align-items:center;gap:14px 22px;display:flex}@media (prefers-reduced-motion:no-preference){.hero .rise{animation:.9s cubic-bezier(.2,.7,.2,1) both rise}.hero .rise:nth-child(2){animation-delay:90ms}.hero .rise:nth-child(3){animation-delay:.18s}.hero .rise:nth-child(4){animation-delay:.27s}}@keyframes rise{0%{opacity:0;transform:translateY(18px)}}section{padding-block:clamp(72px,10vw,128px)}.section-head{gap:14px;max-width:44rem;margin-bottom:clamp(36px,5vw,56px);display:grid}.section-head h2{font-size:clamp(40px,6vw,76px)}.section-head p{color:var(--ash);margin:0;font-size:18px}.demo{padding-top:24px}.desk{background:var(--riser);border:1px solid var(--rail);border-radius:28px;padding:clamp(20px,3.5vw,40px)}.desk-top{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:20px 32px;margin-bottom:28px;display:flex}.desk-top h2{font-size:clamp(36px,5vw,64px)}.desk-top p{color:var(--ash);max-width:30rem;margin:10px 0 0}.desk-song{text-align:right}.desk-song .title{font:800 28px/1 var(--display);text-transform:uppercase}.channels{grid-template-columns:repeat(6,1fr);gap:clamp(8px,1.6vw,18px);display:grid}.channel{--gel:var(--bone);background:color-mix(in srgb, var(--gel) 9%, var(--stage));cursor:pointer;--label-h:64px;border:0;border-radius:16px;flex-direction:column;justify-content:flex-end;align-items:center;height:clamp(220px,34vw,340px);padding:0;transition:background .2s;display:flex;position:relative;overflow:hidden}.channel .level{inset:auto 0 var(--label-h);height:calc(var(--level,.18) * (100% - var(--label-h)));background:linear-gradient(180deg, var(--gel), color-mix(in srgb, var(--gel) 55%, var(--stage)));border-radius:12px 12px 0 0;transition:height 90ms linear;position:absolute}.channel .label{z-index:1;height:var(--label-h);border-top:1px solid color-mix(in srgb, var(--gel) 30%, transparent);width:100%;color:var(--gel);font:500 12px/1 var(--mono);letter-spacing:.12em;align-content:center;justify-items:center;gap:6px;display:grid;position:relative}.channel .label svg{width:22px;height:22px}.channel .state{top:14px;z-index:1;font:500 11px/1 var(--mono);letter-spacing:.14em;color:var(--ash);opacity:0;transition:opacity .16s;position:absolute;inset-inline:0}.channel[aria-pressed=true]{background:0 0}.channel[aria-pressed=true]:before{content:"";border:3px dashed var(--gel);border-radius:16px;position:absolute;inset:0}.channel[aria-pressed=true] .level{opacity:0}.channel[aria-pressed=true] .label{border-top-color:#0000}.channel[aria-pressed=true] .state{opacity:1;color:var(--gel)}.channel:hover:not([aria-pressed=true]){background:color-mix(in srgb, var(--gel) 16%, var(--stage))}.transport{align-items:center;gap:18px;margin-top:26px;display:flex}.play{background:var(--bone);width:64px;height:64px;color:var(--stage);cursor:pointer;border:0;border-radius:50%;flex:none;place-items:center;display:grid}.play svg{width:26px;height:26px}.play svg[hidden]{display:none}.play[disabled]{opacity:.6;cursor:progress}.scrub{flex:1;gap:8px;display:grid}.bar{background:var(--rail);cursor:pointer;border-radius:3px;height:6px;position:relative}.bar .fill{background:var(--bone);border-radius:3px;width:0;position:absolute;inset:0 auto 0 0}.times{justify-content:space-between;display:flex}.hint{margin-top:18px}@media (width<=560px){.channel .label{letter-spacing:.06em;font-size:10px}.channel{--label-h:52px}.channel .label svg{width:18px;height:18px}.desk-song{text-align:left}}.steps{grid-template-columns:repeat(3,1fr);gap:clamp(20px,3vw,40px);margin:0;padding:0;list-style:none;display:grid}.steps li{border-top:1px solid var(--rail);padding-top:22px}.steps .n{font:800 64px/1 var(--display);color:var(--rail);margin-bottom:12px;display:block}.steps h3{margin:0 0 8px;font-size:22px;font-weight:600}.steps p{color:var(--ash);margin:0}@media (width<=820px){.steps{grid-template-columns:1fr}}.screens{padding-top:0}.shelf{scroll-snap-type:x mandatory;padding:8px var(--gutter) 24px;padding-inline:max(var(--gutter), calc(50vw - var(--measure) / 2));scroll-padding-inline:max(var(--gutter), calc(50vw - var(--measure) / 2));scrollbar-width:thin;scrollbar-color:var(--rail) transparent;grid-auto-columns:minmax(220px,280px);grid-auto-flow:column;gap:clamp(16px,2.4vw,28px);margin-inline:calc(50% - 50vw);display:grid;overflow-x:auto}.shelf figure{scroll-snap-align:start;margin:0}.phone{aspect-ratio:720/1446;background:var(--riser);border:6px solid #232029;border-radius:30px;overflow:hidden;box-shadow:0 30px 60px -30px #000c}.phone img{object-fit:cover;object-position:top;width:100%;height:100%}.shelf figcaption{color:var(--ash);margin-top:14px;font-size:15px}.shelf figcaption strong{color:var(--bone);margin-bottom:2px;font-weight:600;display:block}.tools{grid-template-columns:repeat(2,1fr);gap:0 clamp(32px,6vw,96px);margin:0;display:grid}.tools>div{border-top:1px solid var(--rail);grid-template-columns:10px 1fr;gap:4px 18px;padding:22px 0;display:grid}.tools dt{grid-column:2;font-size:19px;font-weight:600}.tools dd{color:var(--ash);grid-column:2;margin:0}.tools .gel{border-radius:2px;grid-row:1/span 2;width:4px;height:26px;margin-top:4px}@media (width<=760px){.tools{grid-template-columns:1fr}}.privacy .statement{max-width:12ch;font-size:clamp(44px,8vw,112px)}.privacy .statement em{color:#0000;-webkit-text-stroke:2px var(--bone);font-style:normal}.privacy .body{grid-template-columns:repeat(3,1fr);gap:clamp(20px,3vw,40px);margin-top:48px;display:grid}.privacy .body p{color:var(--ash);margin:8px 0 0}@media (width<=820px){.privacy .body{grid-template-columns:1fr}}.plans{grid-template-columns:1fr 1fr;gap:clamp(16px,2.4vw,28px);display:grid}.plan{border:1px solid var(--rail);border-radius:var(--radius);background:var(--riser);padding:clamp(24px,3vw,36px)}.plan.premium{border-color:var(--bone)}.plan h3{font:800 40px/1 var(--display);text-transform:uppercase;margin:0}.plan .price{font:500 22px/1.3 var(--mono);margin:18px 0 4px}.plan .price small{color:var(--ash);font-size:14px}.plan .note{color:var(--ash);margin:0 0 22px;font-size:15px}.plan ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.plan li{grid-template-columns:18px 1fr;align-items:start;gap:12px;display:grid}.plan li:before{content:"";background:var(--rail);border-radius:50%;width:10px;height:10px;margin-top:8px}.plan.premium li:before{background:var(--bone)}.prices-vary{margin-top:18px}@media (width<=760px){.plans{grid-template-columns:1fr}}.faq{max-width:52rem}.faq details{border-top:1px solid var(--rail)}.faq details:last-child{border-bottom:1px solid var(--rail)}.faq summary{cursor:pointer;padding:22px 40px 22px 0;font-size:19px;font-weight:600;list-style:none;position:relative}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";font:400 26px/1 var(--mono);color:var(--ash);position:absolute;top:18px;right:4px}.faq details[open] summary:after{content:"–"}.faq details p{color:var(--ash);max-width:44rem;margin:0 0 22px}.closing{text-align:center}.closing h2{margin-bottom:32px;font-size:clamp(48px,9vw,128px)}.closing .readout{margin-top:18px}footer{border-top:1px solid var(--rail);padding-block:32px 48px}footer .wrap{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}footer img{width:auto;height:26px}.footer-links{flex-wrap:wrap;gap:8px 24px;font-size:15px;display:flex}.footer-links a{color:var(--ash);text-decoration:none}.footer-links a:hover{color:var(--bone)}.trademarks{color:var(--dim);flex-basis:100%;margin:8px 0 0;font-size:13px}