/* Shared cassette teaser styles */
*,*::before,*::after{box-sizing:border-box}
html,body{height:100%}
body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;color:#e7e7ea;background:radial-gradient(1200px 800px at 20% 20%,#17171b,#0b0b0c 60%);line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body::before{content:"";position:fixed;inset:-30vmax;background:radial-gradient(60vmax 60vmax at 30% 20%,rgba(102,102,255,.12),transparent 60%),radial-gradient(60vmax 60vmax at 70% 60%,rgba(255,102,153,.10),transparent 60%);filter:blur(40px);z-index:-2;animation:drift 24s linear infinite alternate}
@keyframes drift{to{transform:translate3d(2vmax,-1vmax,0) scale(1.02)}}
.grain{position:fixed;inset:0;pointer-events:none;z-index:-1;filter:url(#noiseFilter);background:rgba(255,255,255,.015);mix-blend-mode:overlay;animation:shimmer 1.5s steps(2,end) infinite}
@keyframes shimmer{to{transform:translate3d(1px,0,0)}}
.site-header,.site-footer{max-width:1100px;margin:0 auto;padding:24px 20px;display:flex;align-items:center;justify-content:space-between;opacity:.95}
.wordmark{font-weight:700;letter-spacing:.2px;margin-left:10px;font-size:18px}
.wordmark span{color:#9aa0ff}
.hero{min-height:calc(100dvh - 140px);display:grid;place-items:center;text-align:center;padding:0 20px}
.headline{font-size:clamp(28px,6vw,64px);letter-spacing:.2px;margin:0 0 10px}
.subhead{margin:0 0 24px;font-size:clamp(16px,2.2vw,20px);opacity:.85}
.site-footer{opacity:.7;font-size:12px}

.notify{max-width:640px;width:100%;margin-inline:auto}
.privacy{margin:8px 4px 0;font-size:12px;opacity:.7}
.privacy a{color:#b9befd;text-decoration:none;border-bottom:1px dashed #b9befd66}

/* ConvertKit embed style */
#ownly-music-form .formkit-form{background:transparent !important;color:#e7e7ea !important}
#ownly-music-form .formkit-field{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:stretch}
#ownly-music-form .formkit-input{
  appearance:none;border:1px solid rgba(255,255,255,.10) !important;
  background:rgba(255,255,255,.05) !important;color:#fff !important;
  padding:16px 18px !important;border-radius:14px !important;outline:none;width:100%;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.2);
}
#ownly-music-form .formkit-input::placeholder{color:#bdbdc4 !important}
#ownly-music-form .formkit-submit{
  border:0 !important;padding:14px 18px !important;border-radius:14px !important;
  font-weight:800 !important;cursor:pointer;background:linear-gradient(180deg,#aab0ff,#858cff) !important;color:#0b0b0c !important;
  letter-spacing:.2px;
}
@media (max-width:640px){
  #ownly-music-form .formkit-field{grid-template-columns:1fr}
  #ownly-music-form .formkit-input{padding:18px 16px !important;font-size:16px !important}
  #ownly-music-form .formkit-submit{width:100%;padding:16px !important;font-size:15px !important}
  .privacy{margin-top:8px}
}

/* Cassette button */
.sound{margin-top:24px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);color:#e7e7ea;padding:10px 14px;border-radius:9999px;cursor:pointer;backdrop-filter:blur(2px)}
.sound__dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#9aa0ff;margin-right:8px;box-shadow:0 0 0 0 rgba(154,160,255,.7);animation:pulse 2s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(154,160,255,.6)}70%{box-shadow:0 0 0 10px rgba(154,160,255,0)}100%{box-shadow:0 0 0 0 rgba(154,160,255,0)}}

.cta-link{display:inline-block;margin-top:18px;padding:12px 18px;border-radius:14px;background:linear-gradient(180deg,#aab0ff,#858cff);color:#0b0b0c;text-decoration:none;font-weight:800}