:root{color-scheme:dark;font-family:Inter,system-ui,-apple-system,sans-serif;background:#0e0d18;color:#f6f3ff}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 75% 0,#30204b 0,transparent 42%),#0e0d18}header{display:flex;justify-content:space-between;align-items:center;padding:22px max(5%,calc((100vw - 1150px)/2));border-bottom:1px solid #ffffff18;gap:12px;flex-wrap:wrap}.brand{font-size:23px;font-weight:850;letter-spacing:-1px}.brand span{color:#bb8bff}a{color:inherit;text-decoration:none}nav{display:flex;align-items:center;gap:20px}main{max-width:1150px;margin:0 auto;padding:45px 5%;min-height:75vh}.hero{padding:65px 0 85px;max-width:760px}.eyebrow{color:#b998ff;font-size:12px;letter-spacing:3px;font-weight:800}h1{font-size:clamp(35px,6vw,72px);letter-spacing:-2px;line-height:1.08;margin:16px 0}h1 em{color:#c7a0ff;font-style:normal}h2{margin-top:0;font-size:23px}p{color:#c4bfd2;line-height:1.65}.hero>p:not(.eyebrow){font-size:19px;max-width:650px}.button,button{border:0;background:linear-gradient(110deg,#a36bff,#e285ca);color:#170d24;border-radius:12px;padding:13px 21px;font-size:15px;font-weight:800;cursor:pointer;display:inline-block}.button{margin-top:15px}.quiet{background:#ffffff16;color:#eee}.pills{display:flex;gap:10px;flex-wrap:wrap;margin-top:45px}.pills span{background:#ffffff12;border:1px solid #ffffff20;border-radius:25px;padding:9px 14px;font-size:13px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.grid.two{grid-template-columns:repeat(2,1fr)}article,.panel{background:#1b1929;border:1px solid #ffffff17;border-radius:20px;padding:28px;margin:15px 0}article{min-height:180px}.narrow{max-width:490px;margin:45px auto}label{display:block;margin:19px 0;color:#e8e2f3;font-weight:600}input,textarea,select{display:block;width:100%;padding:14px;border:1px solid #ffffff30;border-radius:10px;background:#100e1d;color:white;margin-top:8px;font:inherit}input[type=range]{accent-color:#b88aff}input[type=file]{padding:13px}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-top:28px}.tabs button{background:#252136;color:#e4d8f5}.tabs .selected{background:#ad7af3;color:#170d24}.hidden{display:none}.notice{padding:12px;background:#382c54;border-radius:9px}.account{border-bottom:1px solid #ffffff19;padding:13px 0}.account small{display:block;color:#a8a0b9;margin:5px 0}.account form{margin-top:8px}.pitch{text-align:center;padding:30px}.pitch strong{display:block;font-size:80px;color:#c5a2ff}.pitch span{color:#aaa}.beat{padding:30px;font-size:27px;text-align:center;color:#d5b8ff}footer{text-align:center;color:#8d879c;padding:35px}@media(max-width:700px){.grid,.grid.two{grid-template-columns:1fr}header{padding:18px 5%}main{padding-top:20px}.hero{padding:35px 0}.tabs button{font-size:13px;padding:10px}.panel{padding:20px}}
/* Rhythmic Studio cinematic redesign — overrides legacy layout without changing functionality */
:root{background:#090914;color:#faf8ff}body{background:#090914;color:#faf8ff}.site-header{max-width:none;padding:18px max(4%,calc((100vw - 1360px)/2));background:#080913ed;backdrop-filter:blur(16px);position:relative;z-index:2;border-bottom:1px solid #ffffff18}.brand{font-size:23px;white-space:nowrap}.brand-icon{color:#b46cff;font-size:28px}.site-nav{gap:26px;font-size:13px;font-weight:650}.site-nav a:hover{color:#c19aff}.site-nav .nav-login{border:1px solid #77718d;border-radius:11px;padding:10px 18px}.site-nav .nav-cta{background:linear-gradient(115deg,#7045f8,#c232e7);border-radius:11px;padding:11px 18px;color:#fff}.site-main{max-width:none;padding:0;min-height:75vh}.site-main>.notice{max-width:1120px;margin:16px auto}.site-main> :not(.showcase-hero):not(.features-section):not(.steps-section):not(.notice){max-width:1120px;margin-left:auto;margin-right:auto}.showcase-hero{min-height:600px;position:relative;display:flex;align-items:center;padding:65px max(6%,calc((100vw - 1280px)/2)) 125px;isolation:isolate;background:linear-gradient(90deg,#080916 0%,#090a1de8 35%,#08091448 73%,#08091430 100%),url('https://images.unsplash.com/photo-1511379938547-c1f69419868d?auto=format&fit=crop&w=2000&q=85') center 48%/cover no-repeat,#131126}.showcase-hero:after{content:"";position:absolute;inset:auto 0 0;height:200px;background:linear-gradient(transparent,#090914);z-index:-1}.showcase-content{position:relative;max-width:620px;z-index:1}.showcase-content h1{font-size:clamp(50px,5.8vw,84px);letter-spacing:-3.5px;line-height:.99;margin:18px 0 25px}.showcase-content h1 em{background:linear-gradient(115deg,#b98aff,#e2a4ff);-webkit-background-clip:text;background-clip:text;color:transparent}.showcase-content>p:not(.eyebrow){font-size:18px;max-width:500px;color:#e0d9ee;line-height:1.6}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:27px}.hero-actions .button{margin:0;color:#fff;background:linear-gradient(110deg,#6748fc,#c13de6);border-radius:28px;padding:15px 25px;box-shadow:0 12px 30px #671bca50}.hero-actions .outline{background:#0c0b17a8;border:1px solid #ffffff80;box-shadow:none}.showcase-tools{position:absolute;bottom:28px;left:max(6%,calc((100vw - 1280px)/2));right:max(6%,calc((100vw - 1280px)/2));display:grid;grid-template-columns:repeat(5,1fr);gap:10px;z-index:1}.showcase-tools span{text-align:center;border:1px solid #ffffff1c;background:#111120bb;border-radius:14px;padding:17px 9px;color:#eee8f9;font-size:13px;backdrop-filter:blur(8px)}.features-section{padding:76px 5% 70px;background:#090914}.centered,.section-heading,.section-subtitle{text-align:center}.section-heading{font-size:clamp(29px,3vw,42px);letter-spacing:-1.3px;margin:12px 0}.section-subtitle{margin:0 auto 36px;color:#bdb8ce}.feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;max-width:1280px;margin:auto}.feature-card{overflow:hidden;padding:0;margin:0;min-height:0;border:1px solid #ffffff20;border-radius:17px;background:#151322;transition:transform .2s,border-color .2s}.feature-card:hover{transform:translateY(-4px);border-color:#a06aff}.feature-photo{height:190px;display:flex;align-items:flex-end;justify-content:flex-start;padding:16px;background-position:center;background-size:cover;position:relative}.feature-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 45%,#100d1bba)}.feature-photo span{z-index:1;font-size:32px;color:#f0baff}.feature-song{background-image:linear-gradient(#28104725,#28104725),url('https://images.unsplash.com/photo-1590602847861-f357a9332bbc?auto=format&fit=crop&w=650&q=80')}.feature-guitar{background-image:url('https://images.unsplash.com/photo-1510915361894-db8b60106cb1?auto=format&fit=crop&w=650&q=80')}.feature-tabla{background-image:linear-gradient(125deg,#3d1549,#7d3b3c 60%,#20132e)}.feature-tuner{background-image:url('https://images.unsplash.com/photo-1598488035139-bdbb2231ce04?auto=format&fit=crop&w=650&q=80')}.feature-body{padding:20px}.feature-body h3{margin:0 0 9px;font-size:20px}.feature-body p{font-size:14px;min-height:94px;line-height:1.55}.feature-link{display:inline-block;margin-top:8px;background:linear-gradient(110deg,#694af7,#b638e4);padding:11px 13px;border-radius:9px;font-size:13px;font-weight:750;color:#fff}.steps-section{padding:30px 5% 95px}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:1100px;margin:35px auto 0}.steps-grid>div{background:#151322;border:1px solid #ffffff17;border-radius:18px;padding:25px}.steps-grid h3{margin:14px 0 0}.step-number{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;height:42px;width:42px;background:linear-gradient(120deg,#754aff,#c63ade);color:white}.steps-grid p{font-size:14px}footer{border-top:1px solid #ffffff13;background:#090914}@media(max-width:900px){.feature-grid{grid-template-columns:repeat(2,1fr)}.site-nav{gap:12px}.showcase-tools{grid-template-columns:repeat(3,1fr);position:static;margin-top:45px}.showcase-hero{display:block;padding:80px 6% 45px}.showcase-content h1{font-size:60px}}@media(max-width:600px){.site-header{padding:16px 5%}.brand{font-size:19px}.site-nav{gap:8px}.site-nav a:not(.nav-login):not(.nav-cta){display:none}.site-nav .nav-cta{display:none}.showcase-hero{padding:65px 6% 35px;min-height:0;background-position:60% center}.showcase-content h1{font-size:49px}.showcase-content>p:not(.eyebrow){font-size:16px}.showcase-tools{grid-template-columns:repeat(2,1fr);gap:7px}.showcase-tools span{font-size:11px;padding:12px 7px}.feature-grid,.steps-grid{grid-template-columns:1fr}.features-section{padding-top:48px}.feature-body p{min-height:0}}