/* Radio identity. Decorative meters are illustrations, never live telemetry. */
:root{--bg:#090b10;--panel:#141921;--red:#ff3458;--line:#29313d}
body{background:var(--bg)}
.header{background:#090b10ed;border-color:#ffffff14;padding:18px 4vw}
.header nav{font-size:14px}.button{border-radius:100px;box-shadow:0 6px 28px #ff345820;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}
.radio-home .hero{position:relative;isolation:isolate;overflow:hidden;min-height:680px;padding:85px 5vw 75px;background:radial-gradient(ellipse at 80% 35%,#64132b50,transparent 55%)}
.radio-home .hero:before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#ffffff04 1px,transparent 1px),linear-gradient(90deg,#ffffff04 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(#000,transparent)}
.radio-home h1{font-weight:750;letter-spacing:-.055em;font-size:clamp(58px,6.3vw,96px)}
.radio-home .hero em{color:#ff496b}.radio-home .lead{font-size:18px;max-width:560px;line-height:1.8}.radio-home .hero .eyebrow{display:flex;align-items:center;gap:12px;letter-spacing:1.6px;line-height:1.7}
.on-air-lamp{display:inline-block;width:8px;height:8px;border-radius:50%;background:#ff3458;box-shadow:0 0 18px #ff3458;flex-shrink:0}
.radio-home .hero-screen{position:relative;transform:none;background:linear-gradient(130deg,#2e3440,#10141c);border-color:#59606b;border-radius:16px;padding:9px;box-shadow:0 30px 100px #000a,0 0 90px #ee244716}
.radio-home .screen-bar{font-family:Consolas,monospace;font-size:10px;letter-spacing:1.3px;padding:9px 5px 15px}
.radio-home .screen-bar span:last-child{color:#aeb8c7}.radio-home .hero .actions{gap:18px}.radio-home .hero .actions>a:not(.button){text-decoration:underline;text-underline-offset:5px;font-size:14px}
.radio-signal{display:flex;align-items:center;gap:22px;margin-top:28px;max-width:360px;color:#8791a1;font:10px Consolas,monospace;letter-spacing:2px}.radio-signal svg{width:180px;height:42px;overflow:visible}.radio-signal rect{fill:#ff496b;transform-box:fill-box;transform-origin:center;animation:radio-meter 1.6s ease-in-out infinite alternate}.radio-signal rect:nth-child(3n){animation-delay:-.7s}.radio-signal rect:nth-child(3n + 1){animation-delay:-1.2s}
@keyframes radio-meter{from{transform:scaleY(.35);opacity:.45}to{transform:scaleY(1);opacity:1}}
.release-ribbon{margin:0 5vw;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:26px 30px;background:linear-gradient(100deg,#28141f,#171b27);border:1px solid #583043;border-radius:16px}.release-ribbon p{margin:4px 0;color:#b5becc}.release-ribbon strong{font-size:19px}.release-ribbon>a{white-space:nowrap;color:#ff8099;font-size:14px}.release-ribbon .eyebrow{font-size:10px;margin:0 0 6px}
.radio-home .feature-overview{background:transparent;border:0;padding:100px 5vw 65px}.radio-home .section-heading{text-align:left;max-width:none;margin-bottom:40px;display:grid;grid-template-columns:1fr 1fr;column-gap:40px}.radio-home .section-heading .eyebrow{grid-column:1/-1}.radio-home .section-heading h2{font-size:clamp(36px,4vw,58px)}.radio-home .section-heading>p:last-child{align-self:end;padding-bottom:10px}
.radio-home .feature-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.radio-home .feature-card{background:linear-gradient(140deg,#181d27,#10141b);border-color:#2c3340;border-radius:16px;padding:26px}.radio-home .feature-card:nth-child(-n+4){border-top-color:#a73a56}.radio-home .feature-card h3{font-size:19px}.radio-home .feature-number{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;background:#ff345812;border:1px solid #ff345830;color:#ff6f8d}.radio-home .feature-card:hover{border-color:#ff3458}
.radio-home .strip{margin:0 5vw;padding:28px 0;color:#d2d7df;font:12px Consolas,monospace;letter-spacing:1.5px}.radio-home .feature{padding:100px 5vw;gap:65px}.radio-home .feature.reverse{background:#0f131b}.radio-home .feature .screenshot{border-radius:14px;border-color:#4a5360}.radio-home .feature h2{font-size:clamp(38px,4.5vw,65px)}
.radio-home .pricing{background:radial-gradient(ellipse at 15% 30%,#ff345812,transparent 65%);padding:100px 7vw;gap:65px}.radio-home .price-card{background:linear-gradient(130deg,#241821,#141923);border-color:#77354a;border-radius:24px}.radio-home .price-card h3{font-size:60px;letter-spacing:-3px;margin:16px 0;color:#ff637f}.radio-home #services{margin:0 5vw 80px}.radio-home #services h2{font-size:32px;letter-spacing:-1px}.radio-home #services .panel{padding:36px;background:#121720;border-radius:20px}.radio-home .host{display:none}
.motion-control{border:1px solid #464d59;background:transparent;color:#b6bdc9;padding:9px 14px;border-radius:30px;font:12px inherit;cursor:pointer}.motion-paused .radio-signal rect{animation-play-state:paused}.radio-home footer{background:#0d1118}.radio-home .eyebrow{color:#ff6a88}
@media(min-width:1050px){.radio-home .hero{grid-template-columns:.9fr 1.1fr;gap:50px}}
@media(max-width:1100px){.radio-home .feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px){.radio-home .hero{padding:48px 22px;min-height:0}.radio-home h1{font-size:60px}.radio-home .hero-screen{margin-top:36px}.release-ribbon{margin:0 22px;align-items:flex-start;flex-direction:column;padding:24px}.radio-home .section-heading{display:block}.radio-home .feature-overview{padding:65px 22px 45px}.radio-home .feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.radio-home .feature,.radio-home .pricing{padding:60px 22px;gap:30px}.radio-home .strip{margin:0 22px;font-size:10px;letter-spacing:0}.radio-home #services{margin:0 22px 55px}.radio-home .feature-card{padding:22px}.radio-home .price-card h3{font-size:50px}}
@media(max-width:500px){.radio-home .feature-grid{grid-template-columns:1fr}.radio-home h1{font-size:54px}.radio-home #services .panel{padding:25px}.radio-home .hero .actions{align-items:flex-start}}
@media(prefers-reduced-motion:reduce){.radio-signal rect{animation:none!important}.button{transition:none}.button:hover{transform:none}.motion-control{display:none}}
