:root{
  --bg:#030407;
  --panel:#080b11;
  --text:#f7f8fb;
  --muted:#a4a9b6;
  --red:#ff1534;
  --blue:#168cff;
  --line:rgba(255,255,255,.10);
  --max:1440px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}section[id]{scroll-margin-top:82px}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;overflow-x:hidden}
body.intro-active{overflow:hidden}
a{color:inherit}
img{display:block;max-width:100%}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
#particles{position:fixed;inset:0;z-index:-5}
.ambient{position:fixed;width:520px;height:520px;border-radius:50%;filter:blur(130px);opacity:.12;z-index:-4}
.ambient-red{left:-220px;top:15%;background:var(--red);animation:ambientMove 18s ease-in-out infinite alternate}
.ambient-blue{right:-220px;top:48%;background:var(--blue);animation:ambientMove 22s ease-in-out infinite alternate-reverse}
@keyframes ambientMove{to{transform:translate(80px,-35px) scale(1.14)}}

.intro{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;background:#000;transition:opacity .58s ease,visibility .58s ease}
.intro.hidden{opacity:0;visibility:hidden}
.intro-backdrop{position:absolute;inset:0;background:
  radial-gradient(circle at 33% 50%,rgba(255,21,52,.18),transparent 31%),
  radial-gradient(circle at 67% 50%,rgba(22,140,255,.17),transparent 31%)}
.intro-logo{position:relative;width:min(620px,72vw);border-radius:0;box-shadow:none;animation:introReveal 1.2s ease both}
@keyframes introReveal{0%{opacity:0;transform:scale(.72);filter:brightness(0) blur(18px)}55%{opacity:1;filter:brightness(.8) blur(2px)}100%{transform:scale(1);filter:brightness(1) blur(0)}}
.intro-wave{position:absolute;top:50%;height:66px;display:flex;align-items:center;justify-content:space-between;transform:translateY(-50%);pointer-events:none;opacity:.98;--intro-gap:clamp(32px,4vw,56px);--intro-bar-width:2px;width:calc(50vw - min(310px,36vw) - var(--intro-gap))}
.intro-wave:before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;transform:translateY(-50%);opacity:.92}
.intro-wave span{position:relative;display:block;flex:0 0 var(--intro-bar-width);width:var(--intro-bar-width);height:4px;border-radius:999px;transition:height .22s ease,opacity .22s ease,filter .22s ease;filter:drop-shadow(0 0 5px currentColor)}
.intro-wave-left{left:0;color:var(--red);-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.12) 5%,rgba(0,0,0,.55) 9%,#000 14%,#000 86%,rgba(0,0,0,.55) 91%,rgba(0,0,0,.12) 95%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.12) 5%,rgba(0,0,0,.55) 9%,#000 14%,#000 86%,rgba(0,0,0,.55) 91%,rgba(0,0,0,.12) 95%,transparent 100%)}
.intro-wave-right{right:0;color:var(--blue);-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.12) 5%,rgba(0,0,0,.55) 9%,#000 14%,#000 86%,rgba(0,0,0,.55) 91%,rgba(0,0,0,.12) 95%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.12) 5%,rgba(0,0,0,.55) 9%,#000 14%,#000 86%,rgba(0,0,0,.55) 91%,rgba(0,0,0,.12) 95%,transparent 100%)}
.intro-wave-left:before{background:linear-gradient(90deg,rgba(255,255,255,.02),rgba(255,21,52,.88),rgba(255,255,255,.02));box-shadow:0 0 10px rgba(255,21,52,.38)}
.intro-wave-right:before{background:linear-gradient(90deg,rgba(255,255,255,.02),rgba(22,140,255,.88),rgba(255,255,255,.02));box-shadow:0 0 10px rgba(22,140,255,.38)}
.intro-wave-left span{background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(255,21,52,.92));box-shadow:0 0 8px rgba(255,21,52,.28)}
.intro-wave-right span{background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(22,140,255,.92));box-shadow:0 0 8px rgba(22,140,255,.28)}
.intro-wave span:nth-child(odd){opacity:.72}.intro-wave span:nth-child(even){opacity:.52}
.intro-enter{position:absolute;bottom:12%;padding:13px 30px;border:1px solid rgba(255,255,255,.25);border-radius:999px;background:rgba(0,0,0,.4);color:white;letter-spacing:.22em;cursor:pointer;backdrop-filter:blur(10px)}
.intro-note{position:absolute;bottom:6%;color:rgba(255,255,255,.35);font-size:.72rem}
.topbar{position:fixed;top:0;left:0;right:0;z-index:100;height:72px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 clamp(24px,4vw,70px);background:rgba(2,3,6,.80);border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}
.brand{text-decoration:none}
.brand-script{font-family:Georgia,serif;font-style:italic;color:var(--red);font-size:1.9rem;text-shadow:0 0 16px rgba(255,21,52,.35)}
.topbar .brand-script{
  font-family:"Brush Script MT","Segoe Script","Lucida Handwriting",cursive;
  font-style:italic;
  font-weight:400;
  font-size:2rem;
  line-height:1;
  letter-spacing:-.02em;
  color:var(--red);
  display:inline-block;
  text-shadow:0 0 16px rgba(255,21,52,.35);
  filter:none;
}
nav{display:flex;gap:36px}nav a{text-decoration:none;text-transform:uppercase;font-size:.76rem;letter-spacing:.08em;color:#ddd;position:relative}
nav a:after{content:"";position:absolute;left:0;right:0;bottom:-25px;height:2px;background:var(--red);transform:scaleX(0);transition:.2s}
nav a:hover:after,nav a.active:after{transform:scaleX(1)}
.socials{display:flex;gap:20px;align-items:center}.socials a{text-decoration:none;color:white}.top-socials{justify-content:flex-end}
.menu-toggle{display:none;background:none;border:0}.menu-toggle span:not(.sr-only){display:block;width:25px;height:1px;background:white;margin:7px}
.hero{min-height:100vh;padding:110px clamp(24px,4vw,70px) 65px;display:grid;grid-template-columns:minmax(420px,.8fr) minmax(620px,1.35fr);gap:50px;align-items:center;position:relative;max-width:1700px;margin:auto}
.hero-copy{padding-left:clamp(0px,2vw,34px)}
.eyebrow{text-transform:uppercase;letter-spacing:.28em;color:var(--red);font-size:.76rem;font-weight:800}
h1{margin:18px 0 22px}
.tagline{text-transform:uppercase;letter-spacing:.34em;font-size:.92rem}.tagline strong{color:var(--red)}
.divider{display:block;width:38px;height:2px;background:var(--red);margin:25px 0}
.lead{color:#c4c7d0;line-height:1.7}
.hero-actions{display:flex;gap:20px;flex-wrap:wrap;margin:34px 0}
.button{min-width:190px;height:54px;padding:0 24px;border-radius:4px;display:inline-flex;gap:11px;align-items:center;justify-content:center;text-decoration:none;text-transform:uppercase;font-size:.76rem;font-weight:800;letter-spacing:.05em;background:rgba(0,0,0,.24);color:#fff;cursor:pointer}
.button-red{border:1px solid var(--red);box-shadow:0 0 18px rgba(255,21,52,.25)}
.button-blue{border:1px solid var(--blue);box-shadow:0 0 18px rgba(22,140,255,.25)}
.follow{margin-top:34px}.follow p{color:var(--red);text-transform:uppercase;letter-spacing:.16em;font-size:.7rem;font-weight:800}
.hero-stage{position:relative;min-height:690px;display:grid;place-items:center;overflow:visible}
.stage-glow{position:absolute;width:80%;height:70%;background:linear-gradient(90deg,rgba(255,21,52,.20),rgba(22,140,255,.18));filter:blur(100px);border-radius:50%;animation:colorBreath 12s ease-in-out infinite alternate}
@keyframes colorBreath{0%{transform:translateX(-4%) scale(.95);filter:blur(95px) hue-rotate(0deg)}100%{transform:translateX(4%) scale(1.08);filter:blur(115px) hue-rotate(38deg)}}
.logo-float{
  position:relative;
  z-index:2;
  width:min(760px,100%);
  isolation:isolate
}
.logo-float::before,
.logo-float::after{
  content:"";
  position:absolute;
  top:16%;
  bottom:16%;
  width:48%;
  border-radius:50%;
  filter:blur(48px);
  z-index:-1;
  pointer-events:none;
  will-change:transform,opacity
}
.logo-float::before{
  left:4%;
  background:radial-gradient(circle,rgba(255,21,52,.34),rgba(255,21,52,0) 70%);
}
.logo-float::after{
  right:4%;
  background:radial-gradient(circle,rgba(22,140,255,.32),rgba(22,140,255,0) 70%);
}
.logo-float img{
  position:relative;
  z-index:2;
  width:100%;
  border-radius:0;
  box-shadow:none;
  filter:saturate(1.04) brightness(1.02);
  will-change:filter
}
.hero-reflection{position:absolute;bottom:5%;width:62%;height:9%;background:linear-gradient(90deg,rgba(255,21,52,.4),rgba(22,140,255,.35));filter:blur(30px);border-radius:50%;opacity:.32}
.scroll-down{
  position:absolute;
  left:50%;
  bottom:20px;
  transform:translateX(-50%);
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:6px;
  min-width:150px;
  padding:10px 18px 8px;
  text-decoration:none;
  color:#f2f4f8;
  text-transform:uppercase;
  font-size:.64rem;
  letter-spacing:.15em;
  border-radius:18px;
  background:linear-gradient(180deg,rgba(10,12,18,.28),rgba(10,12,18,.08));
}
.scroll-bars{
  width:46px;
  height:26px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:4px;
}
.scroll-bars i{
  display:block;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--red) 0%,#ffb8c7 34%,#bfdcff 66%,var(--blue) 100%);
  box-shadow:0 0 8px rgba(255,255,255,.12);
  animation:scrollPulse 1.45s ease-in-out infinite;
}
.scroll-bars i:nth-child(1){width:42px;animation-delay:0s}
.scroll-bars i:nth-child(2){width:30px;animation-delay:.16s}
.scroll-bars i:nth-child(3){width:18px;animation-delay:.32s}
.scroll-down small{
  color:#fff;
  font-size:.62rem;
  font-weight:800;
  letter-spacing:.16em;
  white-space:nowrap;
}
.scroll-down b{
  font-size:1.35rem;
  line-height:.8;
  font-weight:400;
  background:linear-gradient(180deg,#ffb8c7 0%,#fff 45%,#bfdcff 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  animation:scrollArrow 1.35s ease-in-out infinite;
}
@keyframes scrollPulse{
  0%,100%{opacity:.28;transform:translateY(-1px) scaleX(.92)}
  50%{opacity:1;transform:translateY(1px) scaleX(1)}
}
@keyframes scrollArrow{
  0%,100%{opacity:.5;transform:translateY(-2px)}
  50%{opacity:1;transform:translateY(4px)}
}
.section{max-width:var(--max);margin:auto;padding:75px 40px}
.section-title{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:22px}.section-title h2,.about-copy h2{font-size:1.35rem;text-transform:uppercase;letter-spacing:.03em;margin:0;padding-left:28px;position:relative}.section-title h2:before,.about-copy h2:before{content:"";position:absolute;width:18px;height:2px;left:0;top:50%;background:var(--red)}.section-title a{font-size:.72rem;text-transform:uppercase;text-decoration:none;color:#ccc}
.track-card{display:grid;grid-template-columns:82px 42px 1fr auto;gap:14px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:7px;background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.01))}.track-card img{width:82px;height:82px;object-fit:cover;border-radius:4px}.round-play{width:38px;height:38px;border-radius:50%;border:1px solid var(--red);background:transparent;color:white;cursor:pointer;box-shadow:0 0 12px rgba(255,21,52,.22)}.track-meta h3{font-size:.9rem;margin:0 0 3px}.track-meta p{font-size:.73rem;color:#aaa;margin:0}.waveform{height:46px;margin-top:10px;display:flex;align-items:flex-end;justify-content:space-between;gap:.8px;opacity:.97;overflow:hidden;position:relative}
.waveform span{display:block;flex:1 1 0;min-width:0;max-width:1px;height:100%;border-radius:999px;background:var(--eq-color,#fff);transform:scaleY(var(--eq-scale,.10));transform-origin:50% 100%;opacity:var(--eq-opacity,.50);transition:transform .055s linear,opacity .055s linear;will-change:transform,opacity}
.track-card.is-playing .waveform{opacity:1}
.eq-axis{display:flex;justify-content:space-between;gap:8px;margin-top:4px;color:#727988;font-size:.50rem;letter-spacing:.08em;text-transform:uppercase;pointer-events:none}
.duration{font-size:.75rem}
.about-section{min-height:370px;display:grid;grid-template-columns:minmax(280px,.74fr) minmax(420px,1.26fr);max-width:var(--max);margin:0 auto;padding:0 40px 10px;gap:42px;background:none}.about-copy{padding:58px 0 50px}.about-copy p{color:#c7cad2;max-width:530px}.about-visual{position:relative;min-height:auto;overflow:visible;background:none;isolation:isolate;padding:44px 0 40px;display:flex;align-items:flex-start;justify-content:flex-end}.about-visual:before,.about-visual:after{display:none}.about-profile{position:relative;z-index:1;width:min(760px,100%);padding:30px 32px;border:1px solid rgba(255,255,255,.08);border-radius:26px;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.018));backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 18px 42px rgba(0,0,0,.18)}.about-kicker{margin:0 0 10px;color:var(--red);text-transform:uppercase;letter-spacing:.16em;font-size:.68rem;font-weight:800}.about-profile h3{margin:0 0 12px;font-size:1.5rem;line-height:1.15}.about-mini{margin:0 0 22px;color:#c7cad2;max-width:620px;line-height:1.65}.about-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:20px}.about-fact{padding:14px 16px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:rgba(255,255,255,.02)}.about-fact span{display:block;color:#8c92a0;font-size:.68rem;text-transform:uppercase;letter-spacing:.14em;margin-bottom:8px}.about-fact strong{font-size:.9rem;line-height:1.45}
.tool-note{margin:14px 0 0;color:#6f7581;font-size:.61rem;line-height:1.5;max-width:680px}
.about-toggle{cursor:pointer}
.about-more{grid-column:1/-1;padding:0 0 72px;background:none}
.about-more[hidden]{display:none}
.about-more-inner{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:0;border:none;border-radius:0;background:none;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none}
.about-detail-card{padding:22px 22px 20px;border:1px solid rgba(255,255,255,.08);border-radius:20px;background:linear-gradient(145deg,rgba(255,255,255,.03),rgba(255,255,255,.012))}
.about-detail-kicker{display:block;margin:0 0 10px;color:var(--red);text-transform:uppercase;letter-spacing:.16em;font-size:.66rem;font-weight:800}
.about-detail-card h3{margin:0 0 12px;font-size:1.1rem;line-height:1.2}
.about-detail-card p{margin:0;color:#c7cad2;line-height:1.7;font-size:.92rem}
.releases-section{padding-top:92px;padding-bottom:92px}
.release-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.release-card{border:1px solid var(--line);background:#080b10;border-radius:8px;overflow:hidden;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
.release-card:hover{transform:translateY(-3px);border-color:rgba(255,255,255,.18);box-shadow:0 16px 38px rgba(0,0,0,.28)}
.release-card img{aspect-ratio:1;object-fit:cover}
.release-info{padding:13px 13px 15px}
.release-type{display:block;color:#7f8591;font-size:.65rem;text-transform:uppercase;letter-spacing:.12em;margin-bottom:5px}
.release-card h3{font-size:.88rem;margin:0 0 14px}
.release-buy{display:inline-flex;align-items:center;text-decoration:none;text-transform:uppercase;font-size:.67rem;font-weight:800;letter-spacing:.08em;color:#fff;border-bottom:1px solid var(--red);padding-bottom:3px}
.release-buy:hover{color:var(--red)}
.shop-section{position:relative;border-block:1px solid var(--line);background:linear-gradient(115deg,rgba(255,21,52,.055),rgba(5,7,12,.82) 46%,rgba(22,140,255,.055));overflow:hidden}.shop-section:before,.shop-section:after{content:"";position:absolute;width:330px;height:330px;border-radius:50%;filter:blur(110px);opacity:.12;pointer-events:none}.shop-section:before{left:-140px;top:-100px;background:var(--red)}.shop-section:after{right:-140px;bottom:-120px;background:var(--blue)}.shop-inner{position:relative;z-index:1;max-width:var(--max);margin:auto;padding:92px 40px}.shop-kicker{color:#858b98;text-transform:uppercase;font-size:.66rem;letter-spacing:.18em}
.contact-section{position:relative;text-align:center;padding:110px 30px;overflow:hidden;isolation:isolate}.contact-section h2{font-size:clamp(2.7rem,6vw,6rem);margin:15px}.contact-section>a{font-size:1.4rem;text-decoration:none;border-bottom:1px solid #fff}.contact-section h2.contact-gradient{display:inline-block;max-width:100%;background:linear-gradient(90deg,var(--red) 0%,#ffb8c7 34%,#bfdcff 66%,var(--blue) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.contact-glow{position:absolute;left:50%;top:52%;transform:translate(-50%,-50%);width:min(620px,76vw);height:240px;border-radius:50%;background:linear-gradient(90deg,rgba(255,21,52,.18),rgba(22,140,255,.18));filter:blur(90px);opacity:.9;z-index:-1;pointer-events:none}
footer{border-top:1px solid var(--line);padding:30px clamp(24px,4vw,70px);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:30px}footer .socials{justify-content:center}.legal{display:flex;gap:22px}.legal a{text-decoration:none;text-transform:uppercase;font-size:.68rem}footer p{grid-column:1/-1;text-align:center;color:#777;font-size:.7rem}
.reveal{opacity:0;transform:translateY(20px);transition:.7s}.reveal.visible{opacity:1;transform:none}
@media(max-width:1100px){.top-socials{display:none}.topbar{grid-template-columns:1fr auto}.hero{grid-template-columns:1fr;padding-top:125px}.hero-copy{text-align:center;padding-left:0}.hero-actions,.follow .socials{justify-content:center}.divider{margin-inline:auto}.hero-stage{min-height:auto}.track-grid{grid-template-columns:1fr}.release-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.topbar{height:64px}.menu-toggle{display:block}nav{position:absolute;top:64px;left:0;right:0;display:none;flex-direction:column;padding:18px;background:#05070b}nav.open{display:flex}nav a:after{display:none}.intro-wave{height:46px;--intro-gap:18px;--intro-bar-width:2px;width:calc(50vw - min(155px,32vw) - var(--intro-gap))}.intro-wave span{width:2px;flex:0 0 2px;max-width:2px;min-width:2px}.hero{padding-inline:18px}.hero .hero-title{font-size:4.8rem}.hero-stage{margin-top:10px}.section{padding-inline:18px}.shop-inner{padding:72px 18px}.about-section{grid-template-columns:1fr;padding:0 18px 10px}.about-copy{padding:42px 0 22px}.about-visual{min-height:auto;padding:0 0 22px;justify-content:stretch}.about-profile{padding:24px 18px}.about-facts{grid-template-columns:1fr}.about-more{padding:0 0 46px}.about-more-inner{grid-template-columns:1fr;padding:16px}.about-detail-card{padding:18px 16px}.release-grid{grid-template-columns:1fr 1fr}.track-card{grid-template-columns:68px 38px 1fr}.track-card img{width:68px;height:68px}.duration{display:none}footer{grid-template-columns:1fr;text-align:center}.legal,.socials{justify-content:center}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

.section-subtitle{
  margin:9px 0 0 28px;
  color:#8e94a2;
  font-size:.76rem;
  line-height:1.55;
  letter-spacing:.025em;
}

.paired-track-list{display:grid;gap:28px}
.paired-track{border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.025),rgba(255,255,255,.012));overflow:hidden}
.pair-head{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--line);background:linear-gradient(90deg,rgba(255,21,52,.05),rgba(22,140,255,.05))}
.pair-number{color:#fff;font-size:.72rem;font-weight:800;letter-spacing:.18em}
.pair-link{font-size:.72rem;font-weight:800;letter-spacing:.16em;background:linear-gradient(90deg,var(--red),#ffb8c7,#bfdcff,var(--blue));-webkit-background-clip:text;background-clip:text;color:transparent}
.pair-grid{display:grid;grid-template-columns:minmax(0,1fr) 42px minmax(0,1fr);align-items:stretch}
.paired-card{border:0!important;border-radius:0!important;min-width:0}
.pair-divider{display:grid;place-items:center;color:#fff;position:relative}
.pair-divider:before{content:"";position:absolute;top:12%;bottom:12%;width:1px;background:linear-gradient(180deg,transparent,rgba(255,255,255,.18),transparent)}
.pair-divider span{position:relative;z-index:1;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#07090d;border:1px solid rgba(255,255,255,.12)}
.track-language{display:inline-block;margin-bottom:4px;font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:.16em;color:#aeb4bf}
@media(max-width:900px){.pair-grid{grid-template-columns:1fr}.pair-divider{height:34px}.pair-divider:before{top:50%;bottom:auto;left:8%;right:8%;width:auto;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent)}.pair-divider span{transform:rotate(90deg)}}

.seek-row{
  display:grid;
  grid-template-columns:38px minmax(90px,1fr) 38px;
  align-items:center;
  gap:8px;
  margin-top:8px;
}
.seek-time{
  color:#9da4b1;
  font-size:.62rem;
  font-variant-numeric:tabular-nums;
  letter-spacing:.02em;
}
.seek-total{text-align:right}
.seek-bar{
  --seek-pct:0%;
  width:100%;
  height:18px;
  margin:0;
  padding:0;
  appearance:none;
  -webkit-appearance:none;
  background:transparent;
  cursor:pointer;
}
.seek-bar::-webkit-slider-runnable-track{
  height:3px;
  border-radius:999px;
  background:linear-gradient(90deg,
    var(--red) 0%,
    #ffb8c7 calc(var(--seek-pct) * .45),
    #bfdcff calc(var(--seek-pct) * .72),
    var(--blue) var(--seek-pct),
    rgba(255,255,255,.14) var(--seek-pct),
    rgba(255,255,255,.14) 100%);
}
.seek-bar::-webkit-slider-thumb{
  -webkit-appearance:none;
  width:12px;
  height:12px;
  margin-top:-4.5px;
  border:1px solid rgba(255,255,255,.65);
  border-radius:50%;
  background:#fff;
  box-shadow:0 0 9px rgba(124,176,255,.34);
}
.seek-bar::-moz-range-track{
  height:3px;
  border:0;
  border-radius:999px;
  background:rgba(255,255,255,.14);
}
.seek-bar::-moz-range-progress{
  height:3px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--red),#ffb8c7,#bfdcff,var(--blue));
}
.seek-bar::-moz-range-thumb{
  width:12px;
  height:12px;
  border:1px solid rgba(255,255,255,.65);
  border-radius:50%;
  background:#fff;
  box-shadow:0 0 9px rgba(124,176,255,.34);
}
.seek-bar:focus-visible{
  outline:1px solid rgba(255,255,255,.65);
  outline-offset:3px;
  border-radius:999px;
}
.paired-card > .duration{display:none}
@media(max-width:560px){
  .seek-row{grid-template-columns:36px minmax(80px,1fr) 36px;gap:6px}
}

@media(max-width:900px){
  .waveform{gap:.5px}
  .waveform span{max-width:.85px}
}

.language-columns{
  display:grid;
  grid-template-columns:minmax(0,1fr) 42px minmax(0,1fr);
  align-items:stretch;
  margin:0 0 14px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:14px;
  overflow:hidden;
  background:rgba(255,255,255,.018);
}
.language-column{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  min-height:64px;
  padding:12px 18px;
  text-align:left;
}
.language-column-de{
  background:linear-gradient(90deg,rgba(255,21,52,.11),rgba(255,21,52,.025));
  border-right:1px solid rgba(255,255,255,.06);
}
.language-column-pl{
  background:linear-gradient(90deg,rgba(22,140,255,.025),rgba(22,140,255,.11));
  border-left:1px solid rgba(255,255,255,.06);
}
.language-column-center{
  display:grid;
  place-items:center;
  color:#fff;
  font-size:1rem;
  font-weight:800;
  background:#07090d;
}
.language-flag{
  font-size:1.35rem;
  line-height:1;
  filter:saturate(.9);
}
.language-column strong{
  display:block;
  color:#fff;
  font-size:.78rem;
  letter-spacing:.18em;
  line-height:1.1;
}
.language-column small{
  display:block;
  margin-top:4px;
  color:#9198a5;
  font-size:.62rem;
  letter-spacing:.02em;
}
.track-language{
  padding:3px 7px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.025);
  color:#d7dbe3;
}
.track-language-de{
  border-color:rgba(255,21,52,.30);
  background:rgba(255,21,52,.07);
}
.track-language-pl{
  border-color:rgba(22,140,255,.30);
  background:rgba(22,140,255,.07);
}
@media(max-width:900px){
  .language-columns{
    grid-template-columns:1fr;
  }
  .language-column{
    justify-content:flex-start;
    min-height:54px;
  }
  .language-column-center{
    height:26px;
  }
  .language-column-de,
  .language-column-pl{
    border:0;
  }
}

@media(max-width:520px){
  .scroll-down{bottom:14px;min-width:136px;padding:8px 14px 7px}
  .scroll-bars{width:42px;height:24px}
  .scroll-down small{font-size:.58rem}
}

.track-card .waveform span{
  box-shadow:none;
}

.youbeats-section{padding-top:92px}
.youbeats-profile{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:28px 30px;margin-top:28px;border:1px solid rgba(255,255,255,.09);border-radius:22px;background:linear-gradient(115deg,rgba(255,35,72,.055),rgba(23,27,40,.52) 45%,rgba(42,99,255,.06));box-shadow:0 18px 65px rgba(0,0,0,.24)}
.youbeats-profile h3{margin:0 0 7px;font-size:clamp(1.45rem,2.5vw,2rem)}
.youbeats-profile p{margin:0;color:rgba(255,255,255,.62)}
.youbeats-profile-button{white-space:nowrap}
.youbeats-stats{display:flex;gap:28px;align-items:center;margin:16px 4px 22px;color:rgba(255,255,255,.48);font-size:.76rem;text-transform:uppercase;letter-spacing:.1em}
.youbeats-stats strong{color:#fff;font-size:.95rem;margin-right:5px}
.youbeats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.youbeats-beat-card{position:relative;display:block;padding:25px 26px 23px;border:1px solid rgba(255,255,255,.085);border-radius:20px;text-decoration:none;color:inherit;background:rgba(8,10,15,.62);transition:.22s ease;overflow:hidden}
.youbeats-beat-card::after{content:"";position:absolute;inset:auto -50px -75px auto;width:180px;height:140px;background:radial-gradient(circle,rgba(35,102,255,.12),transparent 70%)}
.youbeats-beat-card:first-child::after{background:radial-gradient(circle,rgba(255,32,79,.12),transparent 70%)}
.youbeats-beat-card:hover{transform:translateY(-3px);border-color:rgba(255,255,255,.16);box-shadow:0 16px 45px rgba(0,0,0,.28)}
.beat-number{display:block;color:#ff466f;font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.14em;margin-bottom:15px}
.beat-price{position:absolute;top:22px;right:24px;color:rgba(255,255,255,.48);font-size:.74rem}
.youbeats-beat-card h3{font-size:1.35rem;margin:0 0 7px;color:#fff}
.youbeats-beat-card p{margin:0 0 18px;color:rgba(255,255,255,.58);line-height:1.5}
.beat-meta{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:18px}
.beat-meta span{padding:5px 8px;border:1px solid rgba(255,255,255,.075);border-radius:999px;color:rgba(255,255,255,.52);font-size:.69rem}
.youbeats-beat-card b{position:relative;z-index:1;color:#8fb3ff;font-size:.78rem}

@media(max-width:760px){
  .youbeats-profile{align-items:flex-start;flex-direction:column;padding:22px}
  .youbeats-stats{gap:12px;flex-wrap:wrap}
  .youbeats-grid{grid-template-columns:1fr}
}

.solo-tracks-section{padding-top:75px;padding-bottom:42px}
.tracks-section{padding-top:34px}
.solo-track-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.solo-track-list:has(.solo-empty){display:block}
.solo-empty{display:flex;align-items:center;gap:25px;min-height:137px;padding:25px 30px;border-radius:18px;border:1px solid rgba(255,255,255,.075);background:linear-gradient(115deg,rgba(255,21,52,.055),rgba(9,12,21,.72) 45%,rgba(22,140,255,.052));position:relative;overflow:hidden}
.solo-empty-icon{flex:none;display:grid;place-items:center;width:59px;height:59px;border:1px solid rgba(255,120,158,.24);border-radius:17px;background:linear-gradient(140deg,rgba(255,45,92,.12),rgba(41,110,255,.095));font-size:1.7rem;color:#ff91b7}
.solo-empty strong{font-size:1.07rem;color:#f5f5f8}
.solo-empty p{font-size:.81rem;color:#a7aab8;margin:7px 0 0;line-height:1.5}
.solo-empty-wave{display:flex;align-items:center;gap:5px;margin-left:auto;opacity:.6;flex-shrink:0;height:45px}
.solo-empty-wave i{width:2px;height:12px;background:#ff537c;border-radius:3px;box-shadow:0 0 8px rgba(255,44,99,.35)}
.solo-empty-wave i:nth-child(3n){height:32px;background:#c875db}.solo-empty-wave i:nth-child(4n){height:22px;background:#529aff}.solo-empty-wave i:nth-child(5n){height:40px;background:#a3bbff}
.solo-track{min-width:0;grid-template-columns:76px 40px minmax(0,1fr) auto;border-radius:13px;padding:16px;background:linear-gradient(122deg,rgba(255,21,52,.045),rgba(255,255,255,.014) 45%,rgba(22,140,255,.04))}
.solo-track img{width:76px;height:76px}
.solo-track .track-meta{min-width:0}
.solo-language{display:block;color:#fa83ac;font-size:.61rem;font-weight:800;letter-spacing:.14em;margin-bottom:7px}
.solo-track .track-meta h3{font-size:1rem}
.solo-track .seek-row{max-width:100%}
.platforms-section{padding-top:70px;padding-bottom:95px}
.platform-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.platform-card{position:relative;min-width:0;overflow:hidden;border:1px solid rgba(255,255,255,.088);background:linear-gradient(126deg,rgba(16,18,27,.88),rgba(7,9,16,.89));border-radius:17px;transition:border-color .24s,box-shadow .24s,transform .24s}
.platform-card:before{content:"";position:absolute;inset:0 auto 0 0;width:2px;background:linear-gradient(180deg,#ff315c,#eaa7d5,#448cfa);opacity:.64;pointer-events:none}
.platform-card:has(a.platform-main):hover,.platform-card:has(a.platform-main):focus-within{border-color:rgba(161,149,203,.42);box-shadow:0 15px 45px rgba(0,0,0,.26),0 0 25px rgba(79,79,162,.07);transform:translateY(-2px)}
.platform-main{min-height:107px;padding:21px 25px;display:flex;align-items:center;gap:19px;text-decoration:none;color:inherit}
.platform-icon{display:flex;align-items:center;justify-content:center;flex:0 0 62px;width:62px;height:62px;border:1px solid rgba(255,255,255,.105);border-radius:15px;background:#171a23;overflow:hidden}
.platform-icon img{max-width:78%;max-height:50%;width:auto;height:auto;object-fit:contain}
.platform-icon-suno{background:#1b1b20}.platform-icon-suno img{max-width:77%;max-height:46%}
.platform-icon-myownmusic{background:linear-gradient(135deg,rgba(255,45,92,.13),rgba(37,112,255,.12))}
.platform-lettermark{font-size:.52rem;font-weight:800;letter-spacing:-.03em;white-space:nowrap;color:#eff3ff}
.platform-icon-soundcloud{background:#121212}
.platform-icon-soundcloud img{width:40px;max-width:none;max-height:none;filter:invert(40%) sepia(99%) saturate(3500%) hue-rotate(359deg) brightness(108%) contrast(107%)}
.platform-icon-youbeats{background:#19191c}.platform-icon-youbeats img{max-width:92%;max-height:46%}
.platform-info{min-width:0;display:flex;flex-direction:column;gap:7px;line-height:1.3}
.platform-info strong{color:#f6f6fc;font-size:1.04rem;font-weight:800}
.platform-info small{color:#a3a9b8;font-size:.77rem}
.platform-arrow{font-size:1.35rem;color:#fa789c;margin-left:auto;align-self:center;font-weight:400}
.platform-youbeats .platform-arrow,.platform-soundcloud .platform-arrow{color:#73aafa}
.platform-smallprint{font-size:.67rem;line-height:1.5;color:#767f91;margin:16px 0 0}
.platform-playlists{display:flex;flex-wrap:wrap;gap:9px;align-items:center;padding:0 25px 17px 107px}
.platform-playlists>span{color:#8790a3;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase}
.platform-playlists a{border:1px solid rgba(255,255,255,.10);border-radius:999px;padding:6px 11px;color:#f0c7da;font-size:.74rem;text-decoration:none;background:rgba(255,255,255,.022)}
.platform-playlists a:hover{border-color:#f974a6}
.platform-pending{opacity:.64}.platform-coming{display:block;margin:-7px 0 18px 107px;color:#9b9eae;font-size:.68rem}
@media(max-width:760px){.solo-tracks-section{padding-top:58px;padding-bottom:34px}.tracks-section{padding-top:22px}.platforms-section{padding-top:50px;padding-bottom:68px}.platform-grid,.solo-track-list{grid-template-columns:1fr}.solo-empty{padding:22px 17px;gap:14px}.solo-empty-wave{display:none}.solo-empty-icon{width:48px;height:48px}.platform-main{padding:17px;min-height:94px;gap:14px}.platform-icon{flex-basis:53px;width:53px;height:53px;border-radius:12px}.platform-playlists{padding-left:84px}.platform-coming{margin-left:84px}}
@media(prefers-reduced-motion:reduce){.platform-card{transition:none}.platform-card:has(a.platform-main):hover{transform:none}}

.socials[hidden],.follow[hidden],.top-socials[hidden]{display:none!important}

#about{scroll-margin-top:104px}
@media(max-width:760px){#about{scroll-margin-top:80px}}

.about-tools.yc-tools-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;align-items:stretch}
.yc-tool-tile{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:6px;min-width:0;min-height:29px;padding:4px 6px;text-decoration:none;color:#e9eaf0;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:linear-gradient(145deg,rgba(255,255,255,.036),rgba(255,255,255,.013));transition:transform .18s ease,border-color .18s ease,background .18s ease}
.yc-tool-tile:hover,.yc-tool-tile:focus-visible{transform:translateY(-1px);border-color:rgba(255,255,255,.28);background:linear-gradient(140deg,rgba(255,21,52,.09),rgba(22,140,255,.08));outline-offset:3px}
.yc-tool-icon{display:grid;place-items:center;width:19px;height:19px;flex:0 0 19px;border:1px solid rgba(255,255,255,.10);border-radius:50%;background:linear-gradient(135deg,rgba(255,21,52,.58),rgba(22,140,255,.50));color:#fff;font-size:.72rem;font-weight:800;line-height:1;box-shadow:0 0 9px rgba(125,80,255,.12)}
.yc-tool-caption{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;font-size:.62rem;font-weight:700;line-height:1.15;color:#e7eaf0}
@media(max-width:850px){.about-tools.yc-tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:851px) and (max-width:1080px){.about-tools.yc-tools-grid{gap:5px}.yc-tool-tile{gap:4px;padding-inline:4px}.yc-tool-caption{font-size:.56rem}}

.hero .hero-title{
  display:inline-flex;
  align-items:baseline;
  flex-wrap:nowrap;
  white-space:nowrap;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(3.9rem,4.8vw,5.6rem);
  font-style:italic;
  font-weight:400;
  line-height:1.12;
  letter-spacing:-.045em;
  padding:.05em .16em .10em 0;
  background:none;
  color:#faf9fb;
  -webkit-text-fill-color:#faf9fb;
  text-shadow:0 0 7px rgba(255,255,255,.45),0 0 21px rgba(225,231,255,.20);
  filter:none;
}
.hero .hero-title .hero-mark,
.hero .hero-title .hero-rest{
  display:inline-block;
  font-family:inherit;
  font-size:1em;
  font-weight:inherit;
  font-style:inherit;
  letter-spacing:inherit;
  background:none;
  background-image:none;
  color:#faf9fb;
  -webkit-text-fill-color:#faf9fb;
  -webkit-background-clip:border-box;
  background-clip:border-box;
  text-shadow:inherit;
  filter:none;
}
.hero .hero-title .hero-gap{
  width:.23em;
  flex:0 0 .23em;
  background:none;
}
@media(max-width:760px){
  .hero .hero-title{
    font-size:clamp(3rem,10.6vw,4.7rem);
    justify-content:center;
  }
}