body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#071015;color:#e8f0f3;background-image:linear-gradient(rgba(114,216,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(114,216,255,.035) 1px,transparent 1px);background-size:28px 28px}*{box-sizing:border-box}a{color:inherit;text-decoration:none}.wrap{width:min(1200px,92vw);margin:auto}header{position:sticky;top:0;z-index:20;background:#061015ee;border-bottom:1px solid #243641}.top{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-weight:900;letter-spacing:.14em}.brand b{color:#72d8ff}nav{display:flex;gap:18px;flex-wrap:wrap}nav a{font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:#b9c9cf}.status{font:700 .72rem monospace;color:#91ffd3;border:1px solid #245b4c;padding:8px 10px;border-radius:999px}.hero,.pagehero{padding:62px 0 30px}.grid2{display:grid;grid-template-columns:1.35fr .65fr;gap:24px}.panel{background:linear-gradient(#10212a,#0b171d);border:1px solid #28414e;border-radius:18px;box-shadow:0 18px 50px #0007}.pad{padding:34px}.kicker{font:800 .75rem monospace;letter-spacing:.16em;color:#72d8ff;text-transform:uppercase}h1{font-size:clamp(3rem,7vw,6.5rem);line-height:.92;margin:.18em 0;letter-spacing:-.05em}h2{font-size:clamp(2rem,4vw,3.4rem);margin:.2em 0 .5em}.lead{font-size:1.1rem;line-height:1.7;color:#c7d5da}.meter{padding:16px;border:1px solid #2f4a58;border-radius:12px;margin:12px 0;background:#0a151b}.meterline{height:8px;border-radius:99px;background:#17252d;margin-top:8px;overflow:hidden}.meterline span{display:block;height:100%;background:linear-gradient(90deg,#72d8ff,#91ffd3)}section{padding:70px 0;border-top:1px solid #1e3039}.head{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:22px}.head p{max-width:610px;color:#8fa3ad}.stations{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.station{position:relative;text-align:left;border:1px solid #334b59;background:#0d1b22;color:white;border-radius:14px;padding:18px;min-height:145px;cursor:pointer}.station:hover,.station.active{border-color:#72d8ff}.led{position:absolute;right:16px;top:16px;width:8px;height:8px;border-radius:50%;background:#45616e}.active .led{background:#91ffd3;box-shadow:0 0 12px #91ffd3}.code{font:800 .7rem monospace;color:#72d8ff}.station h3{margin:16px 0 5px}.station p{margin:0;color:#91a6af}.genres{display:grid;grid-template-columns:repeat(5,1fr);gap:13px}.genre{border:1px solid #243641;border-radius:12px;background:#0d1b22;padding:16px;min-height:110px;cursor:pointer}.genre span{font:800 .68rem monospace;color:#72d8ff}.genre strong{display:block;margin-top:34px}.artists{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.artist{border:1px solid #243641;border-radius:16px;overflow:hidden;background:#0d1820}.visual{aspect-ratio:16/10;background:radial-gradient(circle at 60% 30%,#256079 0 5%,transparent 32%),linear-gradient(145deg,#18313e,#081117 60%,#10222b)}.artist .body{padding:20px}.tag{font:800 .68rem monospace;color:#91ffd3;letter-spacing:.12em}.btn{display:inline-block;padding:11px 15px;border:1px solid #4b7183;border-radius:10px;margin:6px 6px 0 0;font-size:.76rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.btn.primary{background:#143e51}.playerdock{position:sticky;bottom:0;z-index:30;background:#050c10f5;border-top:1px solid #2b4350}.player{min-height:72px;display:grid;grid-template-columns:1fr 1fr auto;gap:18px;align-items:center}.player small,.player strong{display:block}.player small{color:#8297a1}.player audio{width:100%}.form{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:grid;gap:7px}.field input,.field textarea,.field select{background:#09161c;color:white;border:1px solid #2f4652;border-radius:9px;padding:12px}.field textarea{min-height:140px}footer{padding:36px 0 110px;background:#050c10;color:#8297a1;border-top:1px solid #243641}.foot{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}@media(max-width:900px){.grid2{grid-template-columns:1fr}.stations{grid-template-columns:repeat(2,1fr)}.genres{grid-template-columns:repeat(3,1fr)}.artists{grid-template-columns:1fr 1fr}.player{grid-template-columns:1fr}}@media(max-width:650px){.top{flex-direction:column;align-items:flex-start;padding:14px 0}.stations,.genres,.artists,.form{grid-template-columns:1fr}.head{flex-direction:column;align-items:flex-start}.pad{padding:25px}}
/* RADAR ONE identity */
.brand-logo{display:flex;align-items:center;flex:0 0 auto}
.brand-logo img{display:block;width:118px;height:118px;object-fit:contain;filter:drop-shadow(0 0 16px rgba(114,216,255,.18))}
.top{min-height:138px}
.hero-console{display:flex;flex-direction:column;justify-content:flex-start}
.hero-logo{display:flex;justify-content:center;align-items:center;margin:-8px auto 24px;width:100%}
.hero-logo img{width:min(320px,92%);height:auto;display:block;filter:drop-shadow(0 14px 35px rgba(0,0,0,.45)) drop-shadow(0 0 20px rgba(114,216,255,.12))}
.footer-logo img{display:block;width:150px;height:auto;filter:drop-shadow(0 0 12px rgba(114,216,255,.12))}
@media(max-width:900px){
  .brand-logo img{width:100px;height:100px}.top{min-height:118px}
  .hero-logo img{width:min(300px,80vw)}
}
@media(max-width:650px){
  .brand-logo img{width:92px;height:92px}.top{min-height:auto}
  .hero-logo{margin-top:0}.hero-logo img{width:min(270px,82vw)}
  .footer-logo img{width:130px}
}


/* ===== RADAR ONE banner header ===== */
.site-banner{
  width:100%;
  background:#03070a;
  border-bottom:1px solid var(--line);
  overflow:hidden;
}
.site-banner img{
  display:block;
  width:100%;
  height:auto;
  max-height:430px;
  object-fit:cover;
  object-position:center;
}
header{
  position:sticky;
  top:0;
  z-index:50;
  background:rgba(6,13,17,.94);
  backdrop-filter:blur(14px);
  border-bottom:1px solid var(--line);
}
.topbar{
  min-height:62px;
}
.topbar .brand{
  font-size:.92rem;
}
@media(max-width:700px){
  .site-banner img{
    max-height:260px;
    min-height:170px;
    object-fit:cover;
  }
}