:root{--beats-flow-gap:16px;color-scheme:dark;--bg:#000;--text:#F5F5F7;--muted:#8E8E93;--line:#292929;--link:#F5F5F7}
*{box-sizing:border-box}
html{background:var(--bg);scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:"Helvetica Neue",Helvetica,Inter,Arial,sans-serif;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}
a{color:var(--link);text-decoration:none;transition:none}
.beats-link a,.beats-page .brand-link{-webkit-tap-highlight-color:transparent}
a:hover{color:#8E8E93}
main{width:min(100% - 48px,640px);margin:0 auto;padding:104px 0 80px}
h1{font-size:30px;line-height:1.35;font-weight:600;letter-spacing:-.04em;margin:0}
h2,p{margin:0}
.brand-link{color:#f5f5f5}
.beats-page .brand-link:hover{color:var(--text)}
.tagline{margin-top:8px;color:#8E8E93;max-width:590px;line-height:1.75}
.home-page nav{margin-top:76px}
.list{list-style:none;margin:0;padding:0}
.list li{display:flex;align-items:baseline;justify-content:space-between;gap:20px;padding:8px 0}
.list li a{display:block;width:100%}
.home-page section{margin-top:76px}
.home-page .section-title{font-size:16px;font-weight:600;letter-spacing:-.02em;margin-bottom:8px}
.home-page section .list li a{display:block;flex:none;width:calc(100% + 8px);padding:8px 14px;margin:-8px 0 -8px -14px;cursor:pointer;transition:none}
.home-page section .list li a:hover{color:#D8D8DA}
.beats-link{display:block!important;padding:0!important}
.beats-link a{display:block;width:calc(100% + 8px);margin-left:-14px;padding:8px 14px;color:var(--link);transition:none;border-radius:2px}
.beats-title{display:inline-block;font-size:16px;font-weight:600;text-decoration:underline;text-underline-offset:4px}
.beats-description{display:block;color:#8E8E93;font-size:15px;line-height:1.65;margin-top:2px}
.beats-link a:hover{background-color:rgba(255,255,255,.008)}
.beats-link a:focus-visible{outline:1px solid #8E8E93;outline-offset:2px}
.beats-page .player{width:100%;margin-top:var(--beats-flow-gap)}
.beats-page iframe{display:block;width:100%;height:500px;border:0;background:#000}
.beats-page section{margin-top:24px}
.beats-page h2{font-size:16px;font-weight:600;letter-spacing:-.02em;margin:0 0 8px;color:var(--muted)}
.faq{overflow-anchor:none}
.faq details{border-bottom:1px solid var(--line)}
.faq details:last-child{border-bottom:0}
.faq summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:8px 0;font-size:16px;font-weight:500;line-height:1.65;list-style:none}
.faq summary{color:var(--text);-webkit-tap-highlight-color:transparent}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";display:block;flex:0 0 6px;width:6px;height:6px;margin:0 2px 0 0;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg);transform-origin:center;align-self:center}
.faq details[open] summary::after{transform:rotate(225deg)}
.answer{padding:0 24px 16px 0;font-size:15px;line-height:1.75;color:#8E8E93}
.answer p{margin:0 0 8px}
.answer p:last-child{margin-bottom:0}
.answer strong{color:#8E8E93;font-weight:500}
.answer a{color:#8E8E93;text-decoration:underline;text-underline-offset:2px}
.answer a:hover{color:#8E8E93;text-decoration:underline}
@media(max-width:600px){
  main{width:calc(100% - 40px);padding:72px 0 72px}
  .home-page nav{margin-top:76px}
  .home-page section{margin-top:62px}
  .beats-page iframe{height:500px}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{transition:none!important}
}
.home-page footer,.home-page footer a{font-size:16px}
/* Trigger GitHub Pages redeployment. */