@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=Inter:wght@400;500;600;700&display=swap');

:root{--bg:#090a0d;--panel:#111318;--panel2:#171920;--text:#f3f4f6;--muted:#989da8;--accent:#ff4d3d;--line:#292c34}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 80% 10%,#23120f 0,transparent 28%),var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif}a{text-decoration:none;color:inherit}.site-header{height:82px;padding:0 6vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(9,10,13,.86);backdrop-filter:blur(12px);position:sticky;top:0;z-index:10}.brand img{width:190px;display:block}.nav{display:flex;gap:34px}.nav a{color:var(--muted);font-size:.88rem;text-transform:uppercase;letter-spacing:.12em}.nav a:hover,.nav a.active{color:#fff}.menu-toggle{display:none;background:none;border:0;color:#fff;font-size:1.6rem}.hero,.page-hero{max-width:1180px;margin:auto;padding:110px 6vw}.hero{min-height:610px;display:grid;grid-template-columns:1.15fr .85fr;gap:50px;align-items:center}.eyebrow{font-size:.72rem;letter-spacing:.2em;font-weight:700;color:#c5c8cf}.live-dot{display:inline-block;width:8px;height:8px;background:var(--accent);border-radius:50%;margin-right:8px;box-shadow:0 0 16px var(--accent)}h1,h2,h3{font-family:'Barlow Condensed',sans-serif;text-transform:uppercase}h1{font-size:clamp(4rem,8vw,7.5rem);line-height:.82;letter-spacing:-.035em;margin:22px 0}h1 span,h2 span{color:var(--accent)}.hero p,.page-hero p{max-width:620px;color:var(--muted);line-height:1.8;font-size:1.05rem}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:34px}.btn{border:1px solid var(--line);padding:15px 21px;border-radius:3px;font-weight:700;font-size:.82rem;text-transform:uppercase;letter-spacing:.08em;cursor:pointer}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-ghost{background:transparent}.studio-card{height:390px;background:linear-gradient(145deg,#191b21,#0d0e12);border:1px solid var(--line);position:relative;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.45)}.studio-card:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 38px,rgba(255,255,255,.025) 39px 40px)}.studio-light{position:absolute;width:230px;height:230px;right:-50px;top:-60px;background:var(--accent);filter:blur(90px);opacity:.24}.turntable{width:245px;height:245px;border-radius:50%;background:#20232b;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;box-shadow:0 0 0 14px #15171d,0 20px 60px #000}.record{width:205px;height:205px;border-radius:50%;background:repeating-radial-gradient(circle,#08090b 0 5px,#15171b 6px 7px);border:1px solid #333}.record:after{content:"RM";display:grid;place-items:center;position:absolute;width:54px;height:54px;border-radius:50%;background:var(--accent);color:#fff;font:700 20px 'Barlow Condensed';left:calc(50% - 27px);top:calc(50% - 27px)}.needle{position:absolute;width:90px;height:3px;background:#b8bcc5;right:15px;top:68px;transform:rotate(35deg);transform-origin:right}.studio-label{position:absolute;left:20px;bottom:18px;background:#090a0d;padding:8px 12px;font:700 13px 'Barlow Condensed';letter-spacing:.2em}.player-section{padding:60px 6vw 100px;max-width:1180px;margin:auto}.section-heading{margin-bottom:28px}.section-heading h2{font-size:3.5rem;margin:8px 0}.player{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;padding:24px;background:linear-gradient(135deg,#15171d,#0c0d11);border:1px solid var(--line);position:relative;overflow:hidden}.player:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,77,61,.07),transparent 40%);pointer-events:none}.cover-art{width:92px;height:92px;border-radius:6px;object-fit:cover;background:#181a20;border:1px solid #30333b;box-shadow:0 12px 35px #000;position:relative;z-index:1}.play-btn{width:62px;height:62px;border:0;border-radius:50%;background:var(--accent);color:#fff;font-size:1.1rem;cursor:pointer;box-shadow:0 0 28px rgba(255,77,61,.25);position:relative;z-index:1}.track-info{min-width:0;display:flex;flex-direction:column;gap:5px;position:relative;z-index:1}.track-kicker{font-size:.66rem;color:var(--accent);font-weight:800;text-transform:uppercase;letter-spacing:.18em}.track-info strong{font-family:'Barlow Condensed';font-size:1.65rem;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-artist{font-size:.82rem;color:#b7bbc4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-meta{display:flex;align-items:center;gap:10px;margin-top:5px}.equalizer{display:flex;gap:3px;height:18px;align-items:end}.equalizer i{display:block;width:3px;height:6px;background:var(--accent);border-radius:2px}.equalizer.playing i:nth-child(1){animation:eq .5s infinite}.equalizer.playing i:nth-child(2){animation:eq .7s infinite}.equalizer.playing i:nth-child(3){animation:eq .4s infinite}.equalizer.playing i:nth-child(4){animation:eq .6s infinite}.equalizer.playing i:nth-child(5){animation:eq .45s infinite}@keyframes eq{50%{height:18px}}.player-status{font-size:.7rem;color:var(--muted)}.player-controls{display:flex;align-items:center;gap:16px;position:relative;z-index:1}.skip-btn{width:36px;height:36px;border:1px solid var(--line);background:#0b0c10;color:#c9ccd2;border-radius:50%;cursor:pointer;font-size:.8rem}.skip-btn:hover{border-color:var(--accent);color:#fff}.volume{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:.65rem}.volume input{width:90px;accent-color:var(--accent)}.player-note{color:#686d77;font-size:.76rem;margin-top:12px}.player-note code{color:#b6bac3}.features{max-width:1180px;margin:auto;padding:0 6vw 110px;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line)}.features article{background:var(--bg);padding:35px}.features span,.number{color:var(--accent);font:700 1rem 'Barlow Condensed'}.features h3{font-size:1.65rem;margin:15px 0 8px}.features p,.service-card p{color:var(--muted);line-height:1.7;font-size:.92rem}.page-hero{padding-bottom:50px}.page-hero h1{max-width:900px}.service-grid{max-width:1180px;margin:auto;padding:0 6vw 110px;display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line)}.service-card{background:var(--panel);padding:42px;min-height:280px}.service-card h2{font-size:2.3rem;margin:22px 0 10px}.service-card a{display:inline-block;margin-top:18px;color:#fff;font-weight:700;font-size:.8rem;text-transform:uppercase;letter-spacing:.08em}.contact-layout{max-width:1180px;margin:auto;padding:0 6vw 110px;display:grid;grid-template-columns:1.1fr .9fr;gap:30px}.contact-form,.contact-card{background:var(--panel);border:1px solid var(--line);padding:38px}.contact-form{display:flex;flex-direction:column;gap:20px}.contact-form label{font-size:.75rem;color:var(--muted);text-transform:uppercase;letter-spacing:.12em}.contact-form input,.contact-form textarea{width:100%;margin-top:8px;padding:14px;background:#0b0c10;border:1px solid var(--line);color:#fff;font:inherit;outline:none}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--accent)}.contact-card h2{font-size:3rem;margin:18px 0}.contact-line{display:flex;gap:12px;align-items:center;margin-top:22px;color:var(--muted)}.contact-line a{color:#fff}.footer{border-top:1px solid var(--line);padding:25px 6vw;display:flex;justify-content:space-between;color:#666b75;font-size:.72rem;text-transform:uppercase;letter-spacing:.1em}@media(max-width:800px){.nav{display:none;position:absolute;left:0;right:0;top:82px;background:#0c0d11;padding:25px 6vw;flex-direction:column;gap:22px;border-bottom:1px solid var(--line)}.nav.open{display:flex}.menu-toggle{display:block}.hero{grid-template-columns:1fr;padding-top:75px}.studio-card{height:300px}.features,.service-grid,.contact-layout{grid-template-columns:1fr}.player{grid-template-columns:auto 1fr}.player-controls{grid-column:1/-1;justify-content:space-between}.volume{width:auto}.cover-art{width:76px;height:76px}.page-hero{padding-top:75px}h1{font-size:4.4rem}.footer{flex-direction:column;gap:8px}}

.history-panel{margin-top:28px;background:var(--panel);border:1px solid var(--line);padding:28px}.history-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.history-heading h3{font-size:2rem;margin:6px 0 0}.history-live{font-size:.65rem;font-weight:800;letter-spacing:.14em;color:#aeb2bb}.history-live .live-dot{width:6px;height:6px;margin-right:6px}.track-history{display:flex;flex-direction:column;border-top:1px solid var(--line)}.history-item{display:grid;grid-template-columns:48px 1fr auto;gap:15px;align-items:center;padding:15px 0;border-bottom:1px solid var(--line)}.history-index{width:36px;height:36px;border:1px solid var(--line);display:grid;place-items:center;color:#777c86;font:700 .85rem 'Barlow Condensed'}.history-title{font-family:'Barlow Condensed';font-size:1.15rem;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-artist{font-size:.72rem;color:var(--muted);margin-top:3px}.history-time{font-size:.68rem;color:#686d77}.history-empty{padding:22px 0;color:var(--muted);font-size:.82rem}.history-item.current{background:linear-gradient(90deg,rgba(255,77,61,.06),transparent);padding-left:10px;padding-right:10px}.history-item.current .history-title{color:#fff}.history-item.current .history-index{border-color:var(--accent);color:var(--accent)}@media(max-width:800px){.history-panel{padding:22px 18px}.history-item{grid-template-columns:38px 1fr}.history-time{grid-column:2}.history-heading{align-items:flex-start;gap:12px;flex-direction:column}}