@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Space+Mono&display=swap');
:root{--bg:#0b0612;--surface:#160d22;--surface-2:#211130;--ink:#fbf8ff;--muted:#b8a9c9;--pink:#ff63d8;--violet:#9d6cff;--cyan:#7df1e8;--line:#ffffff1c;--line-bright:#caa8ff45;--shadow:#050208a8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(circle at 82% 5%,#55238155 0,transparent 28%),radial-gradient(circle at 8% 52%,#32165766 0,transparent 35%),linear-gradient(150deg,#0d0715,#09050f 62%,#11071a);color:var(--ink);font-family:'Space Grotesk',sans-serif;overflow-x:hidden}body:before{content:'';position:fixed;inset:0;pointer-events:none;opacity:.16;background-image:linear-gradient(#fff1 1px,transparent 1px),linear-gradient(90deg,#fff1 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(to bottom,transparent,#000 40%,transparent)}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{touch-action:manipulation}.ambient{position:fixed;border-radius:50%;filter:blur(110px);pointer-events:none;z-index:-1}.ambient-one{width:420px;height:420px;background:#7d2acf2b;right:-140px;top:180px}.ambient-two{width:300px;height:300px;background:#e238c31b;left:-100px;bottom:5%}.site-header{height:96px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);max-width:1280px;margin:auto;padding:0 48px;position:relative;z-index:5}.logo{display:inline-flex;align-items:center;gap:12px;font-size:23px;font-weight:700;letter-spacing:-1px}.logo img{width:45px;height:45px;object-fit:cover;border-radius:11px;border:1px solid #ffffff35;box-shadow:0 8px 28px #0008,inset 0 1px #fff8}.site-header nav{display:flex;gap:8px;font-size:12px}.site-header nav a{padding:9px 14px;border-radius:999px;color:var(--muted);transition:.2s}.site-header nav a:hover,.site-header nav a.active{color:var(--ink);background:#ffffff0e;box-shadow:inset 0 1px #ffffff1f}.status,.eyebrow{font:10px 'Space Mono',monospace;letter-spacing:2px;text-transform:uppercase}.status{color:var(--muted)}.status:before,.signal-dot{content:'';display:inline-block;background:#8affad;width:6px;height:6px;border-radius:50%;margin-right:9px;box-shadow:0 0 13px #73ffa5}main{max-width:1280px;margin:auto;padding:0 48px}.hero{min-height:640px;display:grid;grid-template-columns:1fr 1.05fr;align-items:center;gap:56px}.eyebrow{color:var(--pink);margin-bottom:22px}.hero h1,.page-hero h1,.detail h1{font-size:clamp(58px,7vw,94px);line-height:.98;letter-spacing:-6px;margin:0 0 28px;font-weight:500}.hero h1 em,.page-hero h1 em{font-style:normal;color:var(--pink);text-shadow:0 0 34px #ff52cc35}.intro{color:var(--muted);line-height:1.75;max-width:450px;font-size:16px}.actions{display:flex;gap:12px;margin-top:34px}.button{display:inline-flex;justify-content:center;align-items:center;gap:28px;padding:15px 22px;border:1px solid var(--line-bright);border-radius:12px;font-size:12px;transition:transform .2s,border-color .2s,box-shadow .2s;background:#ffffff08}.button:hover{transform:translateY(-2px);border-color:#e2c8ff8c;box-shadow:0 12px 30px #08030fb0}.button.primary{background:linear-gradient(135deg,#ff78da,#b56cff 62%,#8b5cf6);border-color:#ffb7ec88;color:#180b21;font-weight:700;box-shadow:inset 0 1px #fff9,0 10px 36px #b145b43c}.button.glass{background:linear-gradient(130deg,#ffffff12,#ffffff06);box-shadow:inset 0 1px #ffffff24}.landscape{height:440px;position:relative;isolation:isolate;overflow:hidden;border-radius:28px;border:1px solid #ffffff26;background:radial-gradient(ellipse at 50% 40%,#4b245a 0,#1b0e2a 56%,#0c0712 100%);box-shadow:inset 0 1px #fff4,inset 0 -50px 90px #05020888,0 34px 90px #050209aa}.glass-shine{position:absolute;z-index:6;inset:0;background:linear-gradient(125deg,#ffffff25 0,transparent 24%,transparent 70%,#ca8bff0d);pointer-events:none}.sun{width:245px;height:245px;position:absolute;left:50%;top:40px;transform:translateX(-50%);border-radius:50%;background:linear-gradient(#ffd0a1,#ff66be 58%,#a33bcb);box-shadow:0 0 90px #fc4fb73d;mask-image:repeating-linear-gradient(to bottom,#000 0 16px,transparent 16px 20px)}.mountains{position:absolute;inset:130px -20px 0;background:#170b21;clip-path:polygon(0 48%,16% 18%,25% 35%,37% 9%,48% 43%,65% 18%,77% 42%,91% 23%,100% 47%,100% 100%,0 100%)}.mountains.back{background:#382047;inset:118px -40px 0;transform:scaleX(-1)}.grid{position:absolute;inset:274px -100px -150px;background-color:#10081b;background-image:linear-gradient(transparent 96%,#ad56d475),linear-gradient(90deg,transparent 96%,#ad56d475);background-size:40px 30px;transform:perspective(170px) rotateX(53deg);transform-origin:center top;border-top:1px solid var(--pink);box-shadow:0 -7px 35px #fc64d044}.art-label{position:absolute;z-index:7;bottom:18px;left:50%;transform:translateX(-50%);font:8px 'Space Mono';letter-spacing:4px;color:#e2bdf5;white-space:nowrap}.ticker{display:flex;justify-content:space-between;padding:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font:9px 'Space Mono';letter-spacing:2px;color:var(--muted)}.ticker b{color:var(--pink)}section{padding:82px 0 0}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:30px}.section-head .eyebrow{margin:0 0 12px}h2{font-size:36px;letter-spacing:-1.7px;font-weight:500;margin:0}.note{color:var(--muted);font-size:12px}.glossy-panel,.card{position:relative;border:1px solid var(--line-bright);background:linear-gradient(145deg,#241333e8,#11091cfa);box-shadow:inset 0 1px #ffffff1d,0 26px 70px #04020799;overflow:hidden}.glossy-panel:before,.card:before{content:'';position:absolute;z-index:1;top:0;left:0;width:68%;height:1px;background:linear-gradient(90deg,#fff8,transparent);pointer-events:none}.music-panel{display:grid;grid-template-columns:320px 1fr;border-radius:22px}.cover{min-height:318px;padding:25px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.cover-art{isolation:isolate}.cover-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:36% center;z-index:-2}.cover-art:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#0b06127a,transparent 35%,#0b0612df);z-index:-1}.cover small,.cover strong{z-index:1;text-shadow:0 2px 15px #000}.cover small{font:9px 'Space Mono';letter-spacing:3px}.cover strong{font-size:29px;letter-spacing:-1px;line-height:.94}.player{padding:34px 38px;min-width:0;position:relative;z-index:2}.player-top{display:flex;justify-content:space-between;align-items:center}.player h3{font-weight:500;margin:7px 0 4px;font-size:25px}.player p{color:var(--muted);font-size:12px}.tag{font:9px 'Space Mono';color:var(--cyan);letter-spacing:1.4px}.badge,.platform-pill{font:8px 'Space Mono';letter-spacing:1.2px;border:1px solid #ffffff26;padding:8px 10px;border-radius:999px;color:var(--cyan);background:#ffffff08;box-shadow:inset 0 1px #fff3}audio{width:100%;height:40px;margin:17px 0;color-scheme:dark}.empty{border-top:1px solid var(--line);padding-top:18px;color:var(--muted);font-size:12px;line-height:1.7}.local{color:var(--cyan);background:none;border:0;padding:0;text-decoration:underline;font-size:12px}.track{width:100%;display:flex;justify-content:space-between;background:none;color:var(--muted);border:0;border-top:1px solid var(--line);text-align:left;padding:14px 0;font-size:12px}.track.active{color:var(--pink)}.socials{margin-top:30px}.socials .eyebrow{margin-bottom:14px;color:var(--muted)}.social-links{display:flex;flex-wrap:wrap;gap:9px}.social-link{display:inline-flex;align-items:center;gap:9px;padding:11px 14px;border-radius:10px;background:#ffffff08;border:1px solid var(--line);font-size:11px;color:var(--muted);transition:.2s}.social-link span{color:var(--pink)}.social-link b{font-weight:400;margin-left:5px}.social-link:hover{color:var(--ink);border-color:var(--line-bright);background:#ffffff10}.apps-teaser,.apps-cta{margin-top:90px;padding:48px 52px;display:flex;align-items:center;justify-content:space-between;gap:40px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.apps-teaser p,.apps-cta p{color:var(--muted);margin:12px 0 0}.about{margin-top:82px;padding:48px 0;display:flex;justify-content:space-between;gap:60px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.about p{max-width:490px;color:var(--muted);font-size:14px;line-height:1.8;margin:0}.about h2{max-width:400px;font-size:30px}footer{display:flex;justify-content:space-between;padding:34px 0;color:var(--muted);font:9px 'Space Mono';letter-spacing:1px}
.page-hero{min-height:490px;display:flex;flex-direction:column;justify-content:center;border-bottom:1px solid var(--line)}.page-hero h1{font-size:clamp(50px,6.2vw,80px);max-width:850px}.app-collection{padding-top:70px}.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.card{border-radius:22px;transition:transform .25s,border-color .25s}.card:hover{transform:translateY(-6px);border-color:#d8b5ff88}.card.featured-card{grid-column:1/-1;display:grid;grid-template-columns:1.1fr 1fr}.app-art{aspect-ratio:1.4;position:relative;overflow:hidden;background:#170a24}.card:not(.featured-card) .app-art{aspect-ratio:1}.app-image{width:100%;height:100%;object-fit:cover;display:block}.rokarr-art{display:grid;place-items:center;background:radial-gradient(circle at 25% 20%,#ff72d944,transparent 34%),linear-gradient(145deg,#391269,#130823 62%,#07101b);isolation:isolate}.rokarr-art:after{content:'';position:absolute;inset:0;background:linear-gradient(125deg,#ffffff1f,transparent 30%,transparent 68%,#7ff7ff10);z-index:3;pointer-events:none}.orb{position:absolute;border-radius:50%;filter:blur(2px)}.orb-one{width:240px;height:240px;background:#a053ff55;right:-40px;bottom:-80px;box-shadow:0 0 70px #8d44ff55}.orb-two{width:140px;height:140px;border:1px solid #ff89e564;left:6%;top:10%;box-shadow:inset 0 0 45px #ff66d52c,0 0 40px #ff66d51c}.rokarr-mark{width:130px;height:130px;display:grid;place-items:center;border-radius:31px;background:linear-gradient(145deg,#f8cbff,#b168ff 52%,#5a25a2);color:#160520;font-size:78px;font-weight:700;letter-spacing:-7px;box-shadow:inset 0 2px #fff,0 25px 70px #040108c4,0 0 80px #bb66ff47;position:relative;z-index:2}.platform-pill{position:absolute;left:25px;bottom:24px;z-index:4}.card-body{padding:28px 30px;position:relative;z-index:2;display:flex;flex-direction:column}.featured-card .card-body{justify-content:center;padding:48px}.card h3{font-weight:500;font-size:25px;margin:14px 0 9px}.featured-card h3{font-size:40px;letter-spacing:-2px}.card p{font-size:13px;line-height:1.75;color:var(--muted);margin:0;max-width:480px}.card-link{display:flex;justify-content:space-between;padding-top:21px;margin-top:auto;border-top:1px solid var(--line);font-size:11px}.card:not(.featured-card) .card-link{margin-top:25px}.apps-cta{border-radius:22px;border:1px solid var(--line-bright)}
.detail{min-height:72vh;padding:70px 0}.back-link{display:inline-block;margin-bottom:26px}.app-detail-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);align-items:stretch;border-radius:25px}.app-detail-art{padding:32px;display:grid;place-items:center;background:#100819}.app-detail-art img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;border-radius:18px;box-shadow:0 24px 60px #0009}.detail-rokarr{aspect-ratio:auto;min-height:520px}.app-detail-copy{padding:55px;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:2}.detail .app-detail-copy h1{font-size:clamp(45px,6vw,76px);margin:0 0 18px}.detail .app-detail-copy h2{font-size:27px;line-height:1.2;margin-bottom:17px}.app-detail-copy p{color:var(--muted);line-height:1.8;max-width:520px}.detail-actions{margin-top:18px}
a:focus-visible,button:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}@media(max-width:800px){.site-header{padding:0 22px;height:78px}.status{display:none}.site-header nav{gap:0}.site-header nav a{padding:8px 10px}main{padding:0 22px}.logo span{display:none}.logo img{width:38px;height:38px}.hero{grid-template-columns:1fr;padding-top:68px;gap:50px}.hero h1,.page-hero h1{letter-spacing:-3px}.landscape{height:350px}.sun{top:25px;width:210px;height:210px}.grid{top:235px}.ticker{font-size:7px;gap:10px;letter-spacing:1px}.music-panel{grid-template-columns:1fr}.cover{min-height:270px}.cover-art img{object-position:center}.player{padding:26px}.section-head{align-items:start;gap:20px}.note{max-width:120px;text-align:right;line-height:1.6}.apps-teaser,.apps-cta{padding:36px 25px;flex-direction:column;align-items:flex-start}.about{flex-direction:column;gap:22px}.cards{grid-template-columns:1fr}.card.featured-card{grid-column:auto;display:block}.featured-card .card-body{padding:30px}.featured-card h3{font-size:30px}.app-detail-card{grid-template-columns:1fr}.detail-rokarr{min-height:340px;aspect-ratio:1.2}.app-detail-art{padding:24px}.app-detail-copy{padding:35px 25px}footer{font-size:7px;gap:16px}.page-hero{min-height:430px}}
@media(max-width:500px){.hero h1,.page-hero h1{font-size:50px}.actions{flex-direction:column}.button{width:100%}.art-label{font-size:6px;letter-spacing:2px}.ticker span:last-child,.ticker b:last-of-type{display:none}.social-links{display:grid;grid-template-columns:1fr 1fr}.social-link{padding:11px 10px}.apps-cta .button{width:100%}.rokarr-mark{width:102px;height:102px;font-size:62px}.section-head .note{display:none}footer span:nth-child(2){display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Rokarr product page — adapted from the original Rokarr visual language. */
.detail.rokarr-detail{padding-top:32px}.rokarr-page{--rokarr:#ff3fcf;--rokarr-soft:#c93bbd;--rokarr-panel:#14091f}.rokarr-page .back-link{margin-bottom:0}.rokarr-hero{min-height:560px;padding:72px 0;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:85px}.rokarr-hero-copy h1{font-size:clamp(54px,6vw,82px);margin:0 0 24px}.rokarr-hero-copy h1 em{font-style:normal;color:var(--rokarr);text-shadow:0 0 30px #ff3fcf33}.rokarr-hero-copy>p{max-width:530px;color:var(--muted);line-height:1.75;font-size:14px}.rokarr-hero-copy .button{margin-top:16px;width:max-content}.rokarr-hero-copy small{display:block;margin-top:12px;color:#8e7c9e;font-size:9px}.rokarr-poster{height:370px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #d849ca85;background:radial-gradient(circle at center,#4d125466,transparent 48%),#0e0717;box-shadow:0 34px 75px #020104aa,inset 0 1px #ffffff1f;transform:rotate(-2deg);overflow:hidden}.rokarr-poster:after{content:'';position:absolute;inset:0;background:linear-gradient(120deg,#fff1,transparent 25%,transparent 75%,#ff4fd40c)}.poster-sun{position:absolute;width:210px;height:210px;border-radius:50%;background:linear-gradient(#ff7bdd,#ff2ac8 55%,#8924b8);mask-image:repeating-linear-gradient(to bottom,#000 0 12px,transparent 12px 16px);filter:drop-shadow(0 0 25px #ff42d071)}.poster-mark{position:relative;z-index:2;width:112px;height:94px;display:grid;place-items:center;border:9px solid #210b2e;border-radius:25px;color:#1d0927;background:linear-gradient(145deg,#ff8ee8,#b83ee0);font-size:68px;font-weight:800;line-height:1;box-shadow:0 0 0 3px #ff76df,0 18px 35px #22052fa8}.rokarr-poster strong{position:relative;z-index:3;margin-top:12px;font-size:47px;font-style:italic;letter-spacing:-4px;color:#ffd3f7;text-shadow:3px 3px 0 #bd2fb7,0 0 22px #ff4edb}.rokarr-poster span{position:absolute;bottom:23px;font:7px 'Space Mono';letter-spacing:3px;color:#c2a3c8}.rokarr-guide-section{padding-top:50px}.section-kicker{display:flex;align-items:end;justify-content:space-between;margin-bottom:28px}.section-kicker span,.rokarr-features article>span,.rokarr-contact span{font:8px 'Space Mono';letter-spacing:2px;color:var(--rokarr)}.section-kicker h2{margin-top:12px}.section-kicker>p{text-align:right;color:var(--muted);font-size:10px;line-height:1.6}.guide-window{padding:30px;border:1px solid #e34bd084;background:linear-gradient(155deg,#16091f,#0d0714);box-shadow:inset 0 1px #ffffff13,0 26px 70px #0201048c}.guide-head{display:flex;justify-content:space-between;align-items:center}.guide-head strong{font-size:17px}.guide-head i{display:inline-block;width:3px;height:20px;margin-right:9px;background:var(--rokarr);vertical-align:middle}.guide-head time{font-size:13px}.guide-window>h3{margin:25px 0 8px;font-size:21px}.guide-window>p{color:var(--muted);font-size:11px;line-height:1.6;max-width:890px}.guide-times{display:grid;grid-template-columns:1fr 1fr 1fr;padding:14px 0 5px;margin-left:165px;font:8px 'Space Mono';color:#c6b2d3}.guide-times span{text-align:center}.guide-grid{border:1px solid #ae52ba5e}.guide-row{display:grid;grid-template-columns:165px repeat(3,1fr);min-height:35px}.guide-row span{padding:9px 11px;border-right:1px solid #b168c13d;border-bottom:1px solid #b168c13d;background:#2b1240;color:#d6c8df;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.guide-row:nth-child(even) span{background:#35164d}.guide-row span:empty{background:#1b0c2a}.guide-row .channel{background:#35104a;font-weight:700;color:#fff}.guide-row.on-now span{background:#7f2c96;color:#fff}.guide-row.on-now .channel{background:#d83ac3}.guide-live{display:flex;flex-direction:column;gap:10px;padding-top:14px}.guide-live span{font:9px 'Space Mono';color:var(--rokarr)}.guide-live small{color:#aa96b8;font-size:9px}.rokarr-features{display:grid;grid-template-columns:repeat(3,1fr);gap:38px;padding:56px 0;border-bottom:1px solid var(--line)}.rokarr-features article{border-top:1px solid #c33faf66;padding-top:24px}.rokarr-features h3{margin:11px 0 8px;font-size:17px}.rokarr-features p,.rokarr-setup p{color:var(--muted);font-size:11px;line-height:1.75}.rokarr-setup{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;padding:78px 0;border-bottom:1px solid var(--line)}.rokarr-setup>div>p{max-width:380px;margin-top:20px}.rokarr-setup ol{list-style:none;padding:0;margin:0}.rokarr-setup li{display:grid;grid-template-columns:40px 1fr;gap:16px;padding:22px 0;border-bottom:1px solid #ad3fa25c}.rokarr-setup li>span{font:9px 'Space Mono';color:var(--rokarr)}.rokarr-setup h3{font-size:14px;margin:0 0 7px}.rokarr-setup li p{margin:0}.rokarr-contact{margin-top:70px;padding:33px 38px;border:1px solid #db48c97d;border-left:3px solid var(--rokarr);display:flex;align-items:center;justify-content:space-between;gap:30px}.rokarr-contact h2{font-size:23px;margin:10px 0 5px}.rokarr-contact p{margin:0;color:var(--muted);font-size:11px}.rokarr-contact>a{font:10px 'Space Mono';color:var(--rokarr)}
@media(max-width:800px){.detail.rokarr-detail{padding-top:24px}.rokarr-hero{grid-template-columns:1fr;gap:50px;padding:58px 0}.rokarr-poster{height:330px}.section-kicker{align-items:start;gap:25px}.guide-window{padding:18px;overflow-x:auto}.guide-window>h3,.guide-window>p,.guide-head,.guide-live{min-width:750px}.guide-grid{min-width:750px}.guide-times{min-width:585px;margin-left:165px}.rokarr-features{grid-template-columns:1fr;gap:20px}.rokarr-setup{grid-template-columns:1fr;gap:35px}.rokarr-contact{align-items:flex-start;flex-direction:column}}
@media(max-width:500px){.rokarr-hero-copy h1{font-size:50px}.rokarr-poster{height:280px}.poster-sun{width:170px;height:170px}.poster-mark{width:92px;height:78px;font-size:55px}.rokarr-poster strong{font-size:39px}.section-kicker>p{display:none}.rokarr-contact{padding:27px 22px}.rokarr-contact>a{font-size:9px}}