@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Manrope:wght@500;600;700&display=swap');
:root{--bg:#090b0a;--panel:#111411;--ink:#f4f5ef;--muted:#9ba39b;--line:#262b26;--green:#b8ed63;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 'DM Sans',sans-serif}a{color:inherit;text-decoration:none}.wrap{width:min(var(--max),calc(100% - 40px));margin:auto}.nav{position:sticky;top:0;z-index:20;background:rgba(9,11,10,.9);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.nav .wrap{height:76px;display:flex;align-items:center;justify-content:space-between}.brand{font:700 19px Manrope}.brand i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);margin-left:7px}.links{display:flex;gap:26px;align-items:center;font-size:14px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border:1px solid var(--green);background:var(--green);color:#0a0c0a;font-weight:600;cursor:pointer}.button.ghost{background:transparent;color:var(--ink);border-color:#444b44}.hero{min-height:78vh;display:flex;align-items:end;padding:120px 0 90px;background:radial-gradient(circle at 78% 26%,rgba(184,237,99,.13),transparent 35%),linear-gradient(135deg,#090b0a,#101510)}.eyebrow{color:var(--green);letter-spacing:.16em;text-transform:uppercase;font-size:12px;font-weight:600}.hero h1,.page-hero h1{font:600 clamp(50px,9vw,120px)/.94 Manrope;margin:24px 0;letter-spacing:-.06em;max-width:1000px}.hero p{font-size:clamp(18px,2vw,23px);max-width:680px;color:#c1c6c0}.actions{display:flex;gap:12px;margin-top:34px}.section{padding:110px 0;border-top:1px solid var(--line)}.section-head{display:grid;grid-template-columns:1.2fr .8fr;gap:60px;margin-bottom:52px}.section h2,.page-hero h2{font:600 clamp(36px,5vw,64px)/1.05 Manrope;letter-spacing:-.045em;margin:12px 0}.section-head p,.muted{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line)}.card{background:var(--panel);padding:36px;min-height:260px}.card b{color:var(--green);font-size:12px}.card h3{font:600 23px Manrope;margin:44px 0 12px}.card p{color:var(--muted)}.feature{display:grid;grid-template-columns:1fr 1fr;min-height:520px}.feature>div{padding:80px;background:#101310}.feature .visual{background:linear-gradient(145deg,#171d17,#0d100e);display:flex;align-items:center;justify-content:center;color:#677067;text-align:center}.steps{counter-reset:step}.step{display:grid;grid-template-columns:80px 1fr;gap:24px;padding:26px 0;border-top:1px solid var(--line)}.step:before{counter-increment:step;content:'0' counter(step);color:var(--green)}.page-hero{padding:120px 0 75px}.page-hero p{max-width:700px;color:var(--muted);font-size:20px}.form{display:grid;grid-template-columns:1fr 1fr;gap:22px;background:var(--panel);padding:38px}.field{display:flex;flex-direction:column;gap:8px}.field.full{grid-column:1/-1}label{font-size:13px;color:#ced2cc}input,select,textarea{width:100%;background:#0b0e0c;border:1px solid #343a34;color:var(--ink);padding:15px;font:inherit;border-radius:0}textarea{min-height:150px;resize:vertical}.checks{display:flex;gap:10px;align-items:start}.checks input{width:auto;margin-top:6px}.status{grid-column:1/-1;color:var(--green)}.legal{max-width:820px;padding:110px 0}.legal h1{font:600 clamp(45px,7vw,78px) Manrope}.legal h2{margin-top:42px;font:600 24px Manrope}.legal p{color:#bdc3bc}.footer{border-top:1px solid var(--line);padding:55px 0}.footer .wrap{display:flex;justify-content:space-between;gap:30px}.footer nav{display:flex;gap:20px;flex-wrap:wrap;color:var(--muted);font-size:14px}.mobile{display:none}@media(max-width:760px){.links a:not(.button){display:none}.wrap{width:min(100% - 28px,var(--max))}.hero{min-height:72vh;padding:90px 0 64px}.hero h1{font-size:55px}.section{padding:72px 0}.section-head,.feature{grid-template-columns:1fr}.grid{grid-template-columns:1fr}.card{min-height:220px}.feature>div{padding:48px 24px}.form{grid-template-columns:1fr;padding:24px}.field{grid-column:1/-1}.actions{flex-direction:column;align-items:stretch}.footer .wrap{flex-direction:column}.page-hero{padding:80px 0 50px}}

/* Keep the primary navigation available on narrow screens. */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--green);outline-offset:4px}
@media(max-width:760px){.nav .wrap{height:auto;min-height:76px;flex-wrap:wrap;gap:12px;padding-block:16px}.links{width:100%;flex-wrap:wrap;gap:8px 18px}.links a:not(.button){display:inline-flex;align-items:center;min-height:44px}.links .button{min-height:44px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.account-hero{padding:84px 0 36px}.account-hero h1{font:600 clamp(42px,7vw,76px)/1 Manrope;letter-spacing:-.05em;margin:16px 0}.account-hero p{max-width:650px;color:var(--muted);font-size:18px}.account-wrap{max-width:720px;margin:auto}.account-wrap .form.single{grid-template-columns:1fr}.account-wrap .form.single .field{grid-column:1/-1}.text-link,.portal-card a{color:var(--green)}.error-text{color:#ff958d}.portal-nav{min-height:78px;padding:16px max(20px,calc((100% - var(--max))/2));display:flex;align-items:center;justify-content:space-between;gap:28px;border-bottom:1px solid var(--line);overflow-x:auto}.portal-nav nav{display:flex;align-items:center;gap:22px;white-space:nowrap;color:var(--muted);font-size:14px}.portal-nav button{border:1px solid var(--line);background:transparent;color:var(--ink);padding:10px 14px;cursor:pointer}.portal-main{width:min(var(--max),calc(100% - 40px));margin:auto;padding:72px 0 110px}.portal-main>h1{font:600 clamp(40px,6vw,70px)/1 Manrope;letter-spacing:-.05em;margin:14px 0}.portal-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);margin-top:42px}.portal-card{min-height:220px}.portal-card h3{margin:0 0 14px}.portal-card a{display:inline-flex;margin-top:16px}.portal-list{display:grid;gap:1px;background:var(--line);margin-top:42px}.portal-list .card{min-height:auto}.account-email{padding:15px;border:1px solid var(--line);color:var(--muted)}
@media(max-width:760px){.portal-grid{grid-template-columns:1fr}.portal-nav{align-items:flex-start;flex-direction:column}.portal-main{width:min(100% - 28px,var(--max))}}

/* Beat catalog */
.beats-hero{background:radial-gradient(circle at 80% 20%,rgba(180,244,83,.13),transparent 32%)}
.beat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.beat-card{min-width:0;background:var(--panel);border:1px solid var(--line)}.beat-art{aspect-ratio:1;background:linear-gradient(145deg,#1b211b,#090b09);display:grid;place-items:center;position:relative;overflow:hidden}.beat-art img{width:100%;height:100%;object-fit:cover}.beat-art small{position:absolute;bottom:18px;left:18px;color:var(--muted);letter-spacing:.12em;font-size:9px}.beat-mark{font:600 clamp(56px,8vw,96px) Manrope;color:var(--green);letter-spacing:-.08em}.beat-card-body{padding:24px}.beat-card h2{font:600 25px Manrope;margin:10px 0 22px}.beat-player{display:flex;align-items:center;gap:13px}.beat-play{min-width:72px;min-height:44px;border:0;background:var(--green);color:#081006;font-weight:700;cursor:pointer}.beat-play:disabled{opacity:.5}.beat-progress{accent-color:var(--green);padding:0;border:0;min-width:0}.beat-card-foot{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:22px;padding-top:18px;border-top:1px solid var(--line);font-size:13px}.beat-detail-section{padding-top:70px}.beat-detail{display:grid;grid-template-columns:minmax(280px,520px) 1fr;gap:clamp(30px,6vw,90px);align-items:start;margin-top:38px}.beat-detail h1{font:600 clamp(48px,7vw,90px)/.95 Manrope;letter-spacing:-.06em;margin:16px 0 25px}.beat-detail-copy{padding-top:20px}.beat-detail .beat-player{margin:34px 0}.beat-tags{color:var(--green);font-size:13px}.beat-offers{margin-top:45px;border-top:1px solid var(--line);padding-top:24px}.beat-offers h2{font:600 25px Manrope}.beat-offer{display:flex;justify-content:space-between;gap:18px;padding:16px 0;border-top:1px solid var(--line)}.beats-home .button{margin-top:18px}
@media(max-width:860px){.beat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.beat-detail{grid-template-columns:1fr}.beat-detail .beat-art{max-width:560px}}
@media(max-width:520px){.beat-grid{grid-template-columns:1fr}.beat-card-foot,.beat-offer{align-items:flex-start;flex-direction:column}.beat-detail-section{padding-top:46px}.beat-detail h1{font-size:48px}.beat-player{width:100%}.beat-progress{flex:1;width:100%}}