:root{--ink:#171719;--muted:#77757b;--line:#e9e7e3;--paper:#faf9f7;--orange:#ff5a36;--blue:#d9e6ff;--lime:#d8f568;--purple:#ded3ff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:15px Inter,ui-sans-serif,system-ui,sans-serif}button,input{font:inherit}button{cursor:pointer;border:0;background:none;color:inherit}.topbar{height:84px;padding:0 6.5vw;display:flex;align-items:center;border-bottom:1px solid var(--line);gap:46px}.brand{font-size:22px;font-weight:800;letter-spacing:-1.2px;text-decoration:none;color:var(--ink);display:flex;align-items:center;gap:9px}.brand>span:last-child{color:var(--orange)}.brand-mark{color:var(--orange);font-size:24px}.topbar nav{display:flex;gap:29px;flex:1}.topbar nav a,footer a{color:var(--muted);text-decoration:none}.actions{display:flex;gap:10px}.lang,.theme{padding:10px 13px;border:1px solid var(--line);border-radius:50px;color:var(--muted);font-size:12px;font-weight:700}.theme{font-size:17px;padding:7px 12px}.hero{min-height:590px;padding:92px 10vw 84px;display:flex;overflow:hidden;background:linear-gradient(116deg,#faf9f7 46%,#f0eef8 100%)}.hero-copy{width:56%;position:relative;z-index:1}.eyebrow,.section-kicker{font-size:10px;letter-spacing:2px;font-weight:800;color:var(--orange)}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--orange);margin-right:7px}h1{font-size:clamp(48px,6vw,80px);line-height:.98;letter-spacing:-5px;margin:20px 0 25px;font-weight:700}h1 em{color:var(--orange);font-style:normal}.hero-copy>p{max-width:425px;font-size:17px;line-height:1.65;color:var(--muted);margin-bottom:28px}.search{height:63px;max-width:560px;background:white;border:1px solid #dedbd6;border-radius:8px;display:flex;align-items:center;padding:0 18px;gap:11px;box-shadow:0 10px 30px #1e1d220b}.search span{font-size:26px;color:var(--orange)}.search input{border:0;outline:0;flex:1;font-size:14px}.search kbd{font-size:11px;color:#aaa;border:1px solid var(--line);padding:5px 7px;border-radius:4px}.hero-stats{display:flex;gap:28px;margin-top:26px;color:var(--muted);font-size:12px}.hero-stats strong{color:var(--ink);margin-right:4px}.hero-art{position:relative;flex:1;min-width:360px}.orb{position:absolute;border-radius:50%}.orb-a{width:320px;height:320px;background:var(--lime);top:-20px;right:7%}.orb-b{width:200px;height:200px;background:var(--orange);right:1%;bottom:-30px}.radio-card{position:absolute;right:12%;top:42px;width:238px;height:370px;padding:18px;background:#fff;border-radius:7px;box-shadow:24px 28px 60px #29203126;transform:rotate(5deg)}.card-top{display:flex;align-items:center;gap:9px}.card-top small{font-size:8px;letter-spacing:1px;color:#aaa;flex:1}.card-top button{font-size:20px}.equalizer{display:flex;align-items:end;gap:2px;height:15px}.equalizer i{width:3px;background:var(--orange);height:8px}.equalizer i:nth-child(2){height:13px}.equalizer i:nth-child(3){height:5px}.equalizer i:nth-child(4){height:10px}.album{height:146px;margin:20px 0;background:var(--blue);display:grid;place-items:center;font-size:54px;font-weight:800;color:#587cbe}.now-title{font-size:27px;font-weight:700;line-height:1.02;letter-spacing:-1.5px}.now-meta{color:#999;font-size:10px;margin-top:10px}.progress{height:3px;background:#eceae8;margin:25px 0 15px}.progress i{display:block;width:43%;height:3px;background:var(--orange)}.player{display:flex;justify-content:space-between;align-items:center;color:#aaa;font-size:11px}.player b{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--ink);color:#fff;font-size:13px}.section,.genre-section{padding:90px 10vw}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:26px}h2{font-size:38px;letter-spacing:-2px;margin:10px 0 0}.chips{display:flex;gap:8px;margin-bottom:27px}.chip{border:1px solid var(--line);padding:9px 15px;border-radius:30px;color:var(--muted);font-size:12px}.chip.active,.chip:hover{background:var(--ink);color:white;border-color:var(--ink)}.radio-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.radio-tile{background:white;border:1px solid var(--line);padding:14px;border-radius:6px;transition:.2s}.radio-tile:hover{transform:translateY(-4px);box-shadow:0 12px 25px #2221}.tile-art{height:142px;display:grid;place-items:center;font-size:39px;font-weight:800;margin-bottom:15px}.tile-top{display:flex;align-items:center;gap:10px}.tile-top strong{font-size:14px}.tile-top small{display:block;color:#999;margin-top:4px;font-size:11px}.tile-top button{margin-left:auto;font-size:21px;color:#bbb}.play{width:34px;height:34px;border-radius:50%;background:var(--ink);color:#fff}.genre-section{background:#f0efeb}.genre-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.genre{height:190px;text-align:left;padding:22px;position:relative;border-radius:5px}.genre span{font-size:31px;display:block;margin-bottom:38px}.genre strong{font-size:18px;display:block}.genre small{color:#6d6a70}.genre b{position:absolute;right:20px;bottom:22px;font-size:22px}.genre-music{background:var(--lime)}.genre-news{background:var(--blue)}.genre-talk{background:var(--purple)}.genre-sports{background:#ffc5b8}.about{padding:100px 20vw;display:grid;grid-template-columns:1fr 1fr;gap:80px}.about h2{font-size:47px;line-height:1.05}.about p{font-size:18px;color:var(--muted);line-height:1.6;margin:28px 0}.text-link{display:block;color:var(--orange);text-decoration:none;font-size:13px;font-weight:700}footer{border-top:1px solid var(--line);padding:38px 10vw;display:flex;align-items:center;gap:35px}footer p{color:var(--muted);flex:1;font-size:12px}footer>div{display:flex;gap:18px;font-size:12px}footer small{color:#aaa}@media(max-width:800px){.topbar{padding:0 5vw}.topbar nav{display:none}.hero{padding:65px 7vw;display:block}.hero-copy{width:100%}h1{font-size:55px}.hero-art{height:410px;margin-top:30px}.radio-card{right:15%}.section,.genre-section{padding:65px 7vw}.radio-grid{grid-template-columns:repeat(2,1fr)}.genre-grid{grid-template-columns:repeat(2,1fr)}.about{padding:65px 7vw;display:block}footer{padding:30px 7vw;flex-wrap:wrap}footer p{order:3;flex-basis:100%}}