@font-face{font-family:Studio;src:local("Bahnschrift"),local("DIN Alternate"),local("DIN Condensed");font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:#101214;color:#e7e8e9;font-family:Studio,"Arial Narrow",Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #a5d9f4;outline-offset:5px}::selection{background:#b1d8ed;color:#101214}.skip{position:fixed;top:-80px;left:15px;z-index:99;padding:15px;background:#e7e8e9;color:#111}.skip:focus{top:10px}header{height:90px;padding:0 5%;display:flex;align-items:center;border-bottom:1px solid #ffffff14;gap:40px;background:#101214f5;position:relative;z-index:10}.brand{display:flex;align-items:center;gap:10px;font-size:29px;letter-spacing:-1px;font-weight:700}.brand img{width:48px;height:48px;object-fit:cover;border-radius:50%}.thin{font-weight:400}.brand small{display:block;font-size:7px;letter-spacing:2.1px;margin-top:3px;color:#92999f}nav{display:flex;gap:32px;margin:auto;font-size:13px;color:#b4bac0}nav a:hover,.text-link:hover{color:#d0ebfc}.header-cta{font-size:12px;border:1px solid #70787e;padding:12px 17px}.header-cta span{margin-left:22px}.menu{display:none;background:none;border:0;font-size:24px}.hero{padding:30px 5% 0;background:radial-gradient(ellipse at 65% 70%,#34404938,transparent 65%),#101214}.hero-top{display:flex;align-items:center;justify-content:space-between}.eyebrow{font-size:10px;letter-spacing:2.4px;font-weight:600;color:#a8b2b9;margin:0 0 26px}.hero-top .eyebrow{margin:0}.dot{display:inline-block;background:#9fd8f4;box-shadow:0 0 12px #8dd8ff55;width:5px;height:5px;border-radius:50%;vertical-align:middle;margin-right:10px}.edition{font-size:8px;letter-spacing:1.5px;color:#8c949a}.edition span{margin-left:35px}.hero-copy{display:flex;justify-content:space-between;align-items:center;padding:50px 4% 50px 4%}h1,h2,h3,p{font-weight:400}h1{font-size:clamp(76px,8.8vw,140px);line-height:.92;letter-spacing:-5px;margin:0 0 28px;font-stretch:condensed;font-weight:600}h1 em,h2 em{font-style:normal;background:linear-gradient(165deg,#fff 7%,#d1d5d8 33%,#818a91 55%,#e8e9eb 72%,#888f94 94%);background-clip:text;-webkit-text-fill-color:transparent}.intro{color:#a7afb6;font-size:15px;line-height:1.7}.actions{display:flex;gap:30px;align-items:center;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;font-size:12px;padding:17px 22px;border-radius:3px;border:1px solid transparent;transition:transform .2s,filter .2s;box-shadow:0 5px 15px #0002;font-weight:600}.button:hover{transform:translateY(-2px);filter:brightness(1.08)}.metal{color:#182028;background:repeating-linear-gradient(0deg,#ffffff0a 0 1px,#00000008 1px 2px),linear-gradient(170deg,#f3f4f4 0%,#b5bbc0 40%,#e4e6e7 52%,#a4acb2 100%);border-color:#d7dde0;box-shadow:inset 0 1px #fff,0 3px 0 #585f64,0 8px 20px #0004}.text-link{display:inline-flex;gap:25px;align-items:center;font-size:12px;padding:10px 0;border-bottom:1px solid #5b646b}.hero-note{margin-right:5%;color:#afb7bd;width:160px}.number{font-size:62px;color:#dce0e3;line-height:1;letter-spacing:-4px}.hero-note p{font-size:15px;line-height:1.5}.hairline{height:1px;background:#8d979d45;margin:24px 0}.hero-note small{font-size:8px;letter-spacing:2px}.rack{position:relative;padding:17px 26px 12px;border:1px solid #525b63;border-radius:9px;background:repeating-linear-gradient(0deg,#ffffff04 0px 1px,#0000000b 1px 3px),linear-gradient(135deg,#4e555b,#1b1f23 18%,#3b4248 70%,#565e64);box-shadow:0 35px 70px #0008,inset 0 1px #cbd1d455,inset 0 -2px #080a0c}.rack-top,.rack-bottom{display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:2px;padding:2px 11px 13px;color:#d0d5d9}.rack-top>span:first-child{font-size:10px;letter-spacing:4px}.rack-status{font-size:7px;color:#a5bdca}.rack-status i,.release-state i{display:inline-block;width:4px;height:4px;background:#a4d9f3;border-radius:50%;margin-right:7px}.plugin-image{display:block;width:100%;height:auto;border:1px solid #0c1013;border-radius:5px;box-shadow:0 0 0 1px #b9c1c51c,0 10px 30px #0007}.rack-bottom{padding:15px 12px 2px;justify-content:flex-start;gap:18px;font-size:7px}.rack-bottom b{font-weight:400;color:#71808c}.scroll-note{margin-left:auto;color:#a0aab3}.screw{position:absolute;width:7px;height:7px;border-radius:50%;background:linear-gradient(135deg,#b7c1c9,#30363a);box-shadow:0 0 0 1px #16191c,0 1px 2px #000}.screw:after{content:"";height:1px;background:#101418;position:absolute;top:3px;left:1px;width:5px;transform:rotate(-35deg)}.tl{top:12px;left:10px}.tr{top:12px;right:10px}.bl{bottom:12px;left:10px}.br{bottom:12px;right:10px}.formats{display:flex;justify-content:space-between;align-items:center;padding:32px 2%;border-bottom:1px solid #ffffff17;gap:20px}.formats p{font-size:8px;letter-spacing:1.7px;color:#78868f}.formats span{color:#d6dade;font-size:11px}.formats b{font-weight:400;color:#7e8b94;margin-left:13px;font-size:10px}.section{padding:95px 9%}.section-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:0 10%;align-items:end}.section-heading .eyebrow{grid-column:1/-1}.section-heading h2{margin:0}.section-heading>p:last-child{color:#9aa5ad;font-size:14px;line-height:1.75;margin:0;max-width:380px}h2{font-size:clamp(36px,4vw,57px);line-height:1.08;letter-spacing:-1.7px;font-weight:500;margin:0 0 24px}h2 span{color:#87939c}.explorer{margin-top:45px;border:1px solid #465159;display:grid;grid-template-columns:32% 1fr;background:linear-gradient(130deg,#1d2327,#151a1e);border-radius:5px;overflow:hidden}.feature-tabs{border-right:1px solid #465159;display:flex;flex-direction:column}.feature-tabs button{background:transparent;border:0;border-bottom:1px solid #ffffff12;text-align:left;padding:27px 20px;color:#a2adb5;font-size:13px;display:flex;align-items:center;gap:17px;flex:1}.feature-tabs button span{font-size:9px;color:#6f7e88}.feature-tabs button i{font-style:normal;margin-left:auto;color:#8fa9b9}.feature-tabs button[aria-selected=true]{color:#192129;background:repeating-linear-gradient(0deg,#ffffff0a 0 1px,#00000005 1px 2px),linear-gradient(150deg,#cbd0d3,#939fa7);box-shadow:inset 3px 0 #b9e6ff}.feature-tabs button[aria-selected=true] span,.feature-tabs button[aria-selected=true] i{color:#354b58}#feature-panel{display:flex;align-items:center;padding:40px 30px;gap:32px;min-height:300px}.feature-visual{text-align:center;flex:0 0 130px}.dial{width:106px;height:106px;border-radius:50%;margin:0 auto 25px;background:conic-gradient(from 20deg,#e4e8ea,#647079,#e4e6e7,#aeb7bd,#515e67,#f0f1f1);border:5px solid #4a535a;box-shadow:0 0 0 1px #aab5bd,0 0 0 8px #0e1316,0 14px 22px #0009;position:relative;transform:rotate(-35deg);transition:transform .5s}.dial:before{content:"";position:absolute;inset:10px;border-radius:50%;border:1px solid #1b252c;background:linear-gradient(120deg,#77838b55,#edf0f155)}.dial span{position:absolute;width:3px;height:25px;background:#d7f3ff;top:1px;left:calc(50% - 1.5px);box-shadow:0 0 5px #c5ebff}.dial-label{font-size:6px;letter-spacing:1px;color:#82919b}.feature-detail .eyebrow{font-size:8px;margin-bottom:14px}h3{font-size:30px;line-height:1.08;margin:0 0 18px;font-weight:500}.feature-detail>p:not(.eyebrow){font-size:12px;line-height:1.8;color:#9daab3;max-width:330px}.tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:22px}.tags span{font-size:8px;border:1px solid #4b5962;border-radius:2px;padding:5px 7px;color:#b4c3ce}.sound{background:#171c20;display:grid;grid-template-columns:1fr 1fr;gap:12%;border-top:1px solid #ffffff0b;border-bottom:1px solid #ffffff0b}.sound>div>p:not(.eyebrow){font-size:13px;line-height:1.8;color:#98a6b0;max-width:350px}.listening-panel{align-self:center;padding:30px;border:1px solid #4d5a62;border-radius:4px;background:linear-gradient(135deg,#20292f,#0f1519);box-shadow:inset 0 1px #ffffff10}.waveform{height:65px;display:flex;align-items:center;justify-content:center;gap:3px;margin-bottom:24px}.waveform span{display:block;width:2px;background:linear-gradient(#a0b9c8,#536b7a);height:var(--h);opacity:.7}.listening-label{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:8px;letter-spacing:1.4px}.badge{font-size:7px;letter-spacing:1.4px;border:1px solid #809aa9;padding:6px 8px;color:#bbd5e4;border-radius:2px;white-space:nowrap}.listening-panel p{font-size:18px;line-height:1.5;color:#d6dfe5;margin:24px 0 20px}.about{display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:center}.about-mark{display:flex;justify-content:center}.about-mark img{display:block;width:100%;max-width:335px;border-radius:50%;opacity:.95;filter:drop-shadow(0 12px 30px #0007)}.about>div>p:not(.eyebrow){font-size:14px;color:#99a6af;line-height:1.9;max-width:430px}.about-signature{font-size:18px!important;color:#d5dde2!important;margin-top:25px}.downloads{background:#191e22;border-block:1px solid #3f4a5340}.downloads .section-heading{grid-template-columns:1fr 1fr}.download-grid{display:grid;grid-template-columns:1fr 1fr .95fr;gap:16px;margin-top:45px}.download-card,.license-card{padding:27px 23px;border:1px solid #53616b;border-radius:5px;background:linear-gradient(135deg,#262f35,#141b20);display:flex;flex-direction:column;align-items:flex-start}.card-head{display:flex;width:100%;justify-content:space-between;align-items:center;margin-bottom:30px;gap:10px}.os-icon{font-size:32px;color:#cad9e2}.windows{font-size:38px}.subdued{border-color:#5a6871;color:#9ba8b1}.download-card h3{font-size:32px}.download-card>p{font-size:11px;color:#a5b2bc;line-height:1.8;margin:0 0 27px;min-height:40px}.download-card .button{width:100%;gap:12px;font-size:10px;padding:15px 12px}.download-card details{font-size:10px;margin-top:23px;color:#a2b1bd;width:100%}.download-card details p{font-size:10px;line-height:1.8}.outline{border-color:#71828e;background:transparent;color:#c4d1da;box-shadow:none}.small-note{font-size:9px!important;line-height:1.8!important;color:#81939f!important;margin-top:22px!important}.license-card{background:repeating-linear-gradient(0deg,#ffffff05 0 1px,#00000005 1px 3px),linear-gradient(135deg,#a8b0b6,#d9dce0 30%,#9da8b0);color:#202b33;border-color:#e0e6eb;box-shadow:inset 0 1px #fff}.license-card .eyebrow{color:#3c515f;font-size:8px;margin-bottom:26px}.license-card h3{font-size:30px}.license-price{display:flex;align-items:center;gap:14px;margin:10px 0 13px}.license-price>span{font-size:41px;letter-spacing:-2px}.license-price small{font-size:7px;line-height:1.6;letter-spacing:1px;max-width:70px}.license-card ul{list-style:none;padding:0;font-size:10px;line-height:2.4;margin:0 0 25px}.license-card li:before{content:"✓";margin-right:9px;color:#36576a}.release-state{font-size:8px;border-top:1px solid #293f4e44;padding-top:16px;width:100%}.release-state i{background:#375e74}.license-card .small-note{color:#415767!important;margin-top:15px!important}.support{display:grid;grid-template-columns:.85fr 1.15fr;gap:10%}.support .text-link{margin-top:15px}.faq details{border-top:1px solid #42515c;padding:22px 0}.faq details:last-child{border-bottom:1px solid #42515c}.faq summary{font-size:13px;line-height:1.5}.faq p{font-size:12px;line-height:1.8;color:#94a5b1;padding-right:15px}summary{cursor:pointer;list-style:none;padding-right:25px;position:relative}summary::-webkit-details-marker{display:none}summary:after{content:"+";position:absolute;right:2px;color:#b6cddc}details[open]>summary:after{content:"−"}.closing{text-align:center;padding:90px 5%;background:radial-gradient(ellipse at bottom,#475d6c33,transparent 65%);border-block:1px solid #35434d}.closing .eyebrow{font-size:8px}.closing h2{font-size:clamp(48px,7vw,95px);margin-bottom:35px;letter-spacing:-3px}footer{padding:35px 5%;display:flex;justify-content:space-between;align-items:center;gap:25px}.footer-brand{font-size:24px;font-weight:600}.footer-brand span{display:block;font-size:6px;letter-spacing:2px;color:#73848f;margin-top:8px}footer>div{display:flex;gap:25px;align-items:center;font-size:10px;color:#94a4b0}footer>p{font-size:8px;color:#72838f}.privacy-link{border:0;background:none;padding:0;font-size:10px;color:#94a4b0}dialog{border:1px solid #8da3b2;border-radius:7px;background:#1c252c;color:#dfe7ed;max-width:550px;padding:38px}dialog::backdrop{background:#05090dd9;backdrop-filter:blur(6px)}dialog h2{font-size:35px}dialog>p:not(.eyebrow){font-size:13px;line-height:1.8;color:#aebec9}.close-dialog{position:absolute;top:10px;right:15px;border:0;background:none;font-size:27px}.close-privacy{margin-top:15px}
@media(min-width:1600px){body>header,body>main,body>footer{max-width:1600px;margin-inline:auto}body{background:#0a0c0e}}@media(max-width:1000px){header{gap:25px}nav{gap:20px}.hero-copy{padding:45px 0}.hero-note{margin-right:0}.section{padding:75px 6%}.download-grid{grid-template-columns:1fr 1fr}.license-card{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.license-card .eyebrow{grid-column:1/-1}.license-card ul{grid-column:2;grid-row:2/4}.license-card .release-state{grid-column:1/-1}.license-card .small-note{grid-column:1/-1}#feature-panel{gap:20px;padding:30px 20px}.feature-visual{flex-basis:95px}.dial{width:80px;height:80px}.feature-tabs button{font-size:11px;padding:25px 15px}.feature-tabs button span{display:none}footer{flex-wrap:wrap}}
@media(max-width:700px){header{height:76px;padding:0 5%;justify-content:space-between}.brand{font-size:25px}.brand img{width:40px;height:40px}.header-cta{margin-left:auto;padding:10px;font-size:10px}.header-cta span{margin-left:8px}.menu{display:block}nav{display:none;position:absolute;top:76px;left:0;right:0;background:#1b242b;padding:25px;flex-direction:column;border-bottom:1px solid #657582;gap:24px}.nav-open nav{display:flex}.hero{padding-top:22px}.hero-top .eyebrow{font-size:7px;letter-spacing:1.7px}.edition{display:none}.hero-copy{padding:40px 1% 38px}h1{font-size:85px;letter-spacing:-3px;margin-bottom:24px}.intro{font-size:12px}.hero-note{display:none}.actions{gap:20px}.actions .button{font-size:10px;padding:15px;gap:20px}.text-link{font-size:10px;gap:12px}.rack{padding:12px 9px 10px;border-radius:5px}.rack-top{padding:2px 5px 9px;font-size:5px;letter-spacing:1px}.rack-top>span:first-child{font-size:6px;letter-spacing:2px}.rack-status{display:none}.rack-bottom{font-size:4px;letter-spacing:.8px;gap:6px;padding:9px 4px 0}.scroll-note{display:none}.screw{width:4px;height:4px}.screw:after{width:3px;top:2px;left:0}.tl,.tr{top:5px}.tl,.bl{left:4px}.tr,.br{right:4px}.bl,.br{bottom:5px}.formats{padding:20px 0;gap:12px;justify-content:space-between;flex-wrap:wrap}.formats p{width:100%;margin:0 0 4px;font-size:6px}.formats span{font-size:8px}.formats b{font-size:7px;margin-left:4px}.section{padding:60px 6%}.section-heading{display:block}.section-heading>p:last-child{font-size:12px;margin-top:20px}.eyebrow{font-size:8px;letter-spacing:1.7px;margin-bottom:22px}h2{font-size:39px;letter-spacing:-1.2px}.explorer{display:block;margin-top:28px}.feature-tabs{display:grid;grid-template-columns:1fr 1fr;border-right:0;border-bottom:1px solid #465159}.feature-tabs button{font-size:10px;padding:18px 12px;gap:4px;border-right:1px solid #465159}.feature-tabs button i{font-size:9px}#feature-panel{min-height:320px;padding:35px 25px;gap:25px;align-items:flex-start}.feature-visual{flex:0 0 72px;margin-top:15px}.dial{width:65px;height:65px;border-width:3px}.dial span{height:17px}.dial-label{font-size:4px;line-height:1.8}.feature-detail h3{font-size:25px}.feature-detail .eyebrow{font-size:6px;line-height:1.6}.feature-detail>p:not(.eyebrow){font-size:11px}.tags span{font-size:6px;padding:4px}.sound,.about,.support{grid-template-columns:1fr;gap:35px}.sound>div>p:not(.eyebrow){font-size:12px;max-width:none}.listening-panel{padding:25px}.about-mark{order:2}.about-mark img{max-width:225px}.about>div>p:not(.eyebrow){font-size:12px}.download-grid{grid-template-columns:1fr;gap:18px;margin-top:30px}.download-card,.license-card{padding:28px}.download-card>p{font-size:12px}.download-card .button{font-size:12px;padding:16px}.card-head{margin-bottom:23px}.license-card{display:flex;grid-column:auto}.license-card h3{font-size:35px}.license-card ul{font-size:12px}.license-price>span{font-size:48px}.release-state{font-size:10px}.badge{font-size:7px}.faq summary{font-size:12px}.closing{padding:60px 6%}.closing h2{font-size:48px;letter-spacing:-2px}footer{padding:30px 6%;display:grid;grid-template-columns:1fr;gap:25px}footer>div{flex-wrap:wrap;gap:20px}dialog{margin:20px;padding:28px}dialog h2{font-size:30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* 21Music brand revision: a quiet, flat sound mark; platinum belongs to the product. */
.brand img{width:34px;height:34px;object-fit:contain;border-radius:0;margin-right:3px}
h1{font-size:clamp(57px,7.2vw,112px);letter-spacing:-3px;line-height:1.02}
.hero-copy{padding-left:2%;padding-right:2%;gap:35px}.hero-note{flex:0 0 130px;margin-right:1%}.hero-note .number{font-size:55px}
.about-mark img{max-width:360px;border-radius:0;opacity:1;filter:none}.about h2{font-size:clamp(35px,3.6vw,51px)}
.launch-label{font-size:7px;letter-spacing:1.3px;color:#365363;border:1px solid #566f7e;padding:7px 9px;margin:3px 0 0}
.license-price>div{display:flex;flex-direction:column;gap:3px}.license-price del{font-size:20px;color:#5b6a73;text-decoration-thickness:1px}.license-price small{max-width:none;font-size:6px;letter-spacing:1px}
@media(max-width:700px){h1{font-size:59px;letter-spacing:-2px}.hero-copy{padding-inline:0}.about-mark img{max-width:270px}.brand img{width:27px;height:27px}.brand{gap:6px}.brand small{font-size:6px;letter-spacing:1.5px}.about h2{font-size:36px}}
.sound>div,.about>div,.support>div,.download-grid>article{min-width:0}.waveform{overflow:hidden}.waveform span{flex:0 1 2px;min-width:0}
