*{box-sizing:border-box}html{scroll-behavior:smooth}:root{--navy:#061a2a;--navy2:#0b2e49;--gold:#f5ad16;--gold2:#ffd05b;--green:#1b9b66;--cream:#f6f2e8;--ink:#102337}body{margin:0;background:#f5f7f8;color:var(--ink);font-family:Inter,Arial,sans-serif}.site-header{height:92px;max-width:1220px;margin:auto;padding:0 22px;display:flex;align-items:center;gap:38px}.brand{display:flex;align-items:center;gap:12px;color:var(--navy);text-decoration:none;margin-right:auto}.radio-mark{width:45px;height:45px;border:2px solid var(--gold);border-radius:50%;display:grid;place-items:center;color:var(--gold);font-size:27px}.brand strong{display:block;font:800 20px/1 Barlow Condensed}.brand small{display:block;font:700 9px Inter;letter-spacing:.12em;margin-top:6px;color:#667887}.site-header nav{display:flex;gap:6px}.site-header nav a{padding:11px 14px;border-radius:9px;text-decoration:none;color:#4f6170;font-size:12px;font-weight:700}.site-header nav a:hover,.site-header nav a.active{background:#e9eef1;color:var(--navy)}.menu{display:none;border:0;background:var(--navy);color:#fff;border-radius:8px;width:42px;height:42px}.hero{max-width:1220px;min-height:620px;margin:0 auto 28px;border-radius:30px;background:linear-gradient(115deg,#061a2a 0%,#082b45 65%,#0d3a56);position:relative;overflow:hidden;color:#fff;padding:72px 64px;display:block;box-shadow:0 28px 80px #061a2a24}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.8%,#ffffff08 50%,transparent 50.2%),linear-gradient(#ffffff05 1px,transparent 1px);background-size:90px 90px;opacity:.45}.hero-copy,.hero-card{position:relative;z-index:2}.hero-copy{max-width:650px}.eyebrow,.kicker{font-size:11px;font-weight:800;letter-spacing:.16em;color:var(--gold2)}h1{font:800 clamp(72px,9vw,122px)/.77 Barlow Condensed;margin:24px 0;text-transform:uppercase;letter-spacing:-.035em}h1 em{font-style:normal;color:var(--gold2)}.hero-copy>p{max-width:650px;color:#c6d4dc;font-size:16px;line-height:1.7}.hero-actions{display:flex;gap:12px;margin-top:30px}.hero-actions a{height:52px;padding:0 21px;border-radius:10px;display:flex;align-items:center;text-decoration:none;font-size:11px;font-weight:800;letter-spacing:.05em}.primary{background:var(--gold);color:#102033}.primary b{font-size:18px;margin-left:18px}.secondary{border:1px solid #ffffff33;color:#fff}.freq-line{margin-top:38px;font-size:10px;letter-spacing:.14em;color:#91a9b7}.freq-line span{display:inline-block;width:7px;height:7px;background:var(--gold);border-radius:50%;margin-right:9px}.hero-card{background:#fff;color:var(--ink);border-radius:22px;padding:26px;box-shadow:0 25px 50px #0004}.hero-card img{width:150px;height:150px;object-fit:contain;display:block;margin:-10px auto 10px}.hero-card small{font-size:9px;letter-spacing:.13em;color:#9b6d0c;font-weight:800}.hero-card h2{font:800 33px/1 Barlow Condensed;margin:10px 0;color:var(--navy)}.hero-card p{font-size:11px;color:#6b7a86}.hero-card>div{border-top:1px solid #e5eaed;border-bottom:1px solid #e5eaed;padding:13px 0;margin:17px 0;display:flex;align-items:center;gap:9px}.hero-card>div strong{font:800 38px Barlow Condensed;color:var(--navy)}.hero-card>div span{font-size:9px;font-weight:800;color:#7d8a94}.hero-card>a{font-size:10px;font-weight:800;color:#9b6d0c;text-decoration:none}
.piaui-art{position:absolute;right:0;top:0;width:49%;height:100%;overflow:hidden;z-index:1;background:linear-gradient(145deg,#0b3854 0%,#0b304a 48%,#08263c 100%);border-left:1px solid #ffffff0d}
.piaui-art:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#ffffff08 1px,transparent 1px),linear-gradient(#ffffff08 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(90deg,transparent,#000 22%,#000)}
.piaui-art:after{content:"";position:absolute;width:560px;height:560px;border-radius:50%;right:-190px;top:-170px;background:radial-gradient(circle,#f5ad1612 0 1px,transparent 2px),radial-gradient(circle at center,transparent 0 48%,#ffd05b18 48.2% 48.5%,transparent 48.7% 62%,#ffffff0c 62.2% 62.5%,transparent 62.7%);background-size:auto,auto}
.visual-word{position:absolute;right:-22px;top:104px;font:800 220px/.78 Barlow Condensed;color:#ffffff06;letter-spacing:-.06em;transform:rotate(-90deg);transform-origin:center;white-space:nowrap}
.flag-ribbons{position:absolute;left:70px;right:46px;bottom:105px;height:130px;transform:skewY(-8deg) rotate(-3deg);filter:drop-shadow(0 18px 22px #0003)}
.flag-ribbons i{display:block;height:24px;margin:0 0 8px;border-radius:3px 18px 3px 18px;background:#18865d}.flag-ribbons i:nth-child(2){width:92%;margin-left:8%;background:#f6c444}.flag-ribbons i:nth-child(3){width:82%;background:#fff;opacity:.92}.flag-ribbons i:nth-child(4){width:68%;margin-left:32%;background:#1d6ca1}
.pi-star{position:absolute;right:88px;top:66px;color:#ffd05b;font-size:28px;text-shadow:0 0 24px #ffd05b80;z-index:2}
.rf-core{position:absolute;left:118px;top:115px;width:240px;height:240px;border-radius:50%;z-index:2}.rf-core span{position:absolute;left:116px;top:116px;width:9px;height:9px;background:#ffd05b;border-radius:50%;box-shadow:0 0 0 8px #ffd05b16,0 0 35px #ffd05baa}.rf-core i{position:absolute;inset:84px;border:1px solid #ffd05b99;border-radius:50%}.rf-core i:nth-of-type(2){inset:48px;border-color:#ffd05b66}.rf-core i:nth-of-type(3){inset:10px;border-color:#ffd05b33}
.topo{position:absolute;border:1px solid #7bb3ae22;border-radius:46% 54% 64% 36%/46% 38% 62% 54%;transform:rotate(24deg)}.topo-a{width:390px;height:220px;left:25px;top:55px}.topo-b{width:460px;height:300px;left:5px;top:32px;transform:rotate(-12deg)}.topo-c{width:530px;height:370px;left:-30px;top:10px;transform:rotate(8deg)}
.visual-meta{position:absolute;left:68px;bottom:48px;z-index:3;display:grid;grid-template-columns:auto auto;gap:4px 20px;align-items:end}.visual-meta span{font:800 22px Barlow Condensed;letter-spacing:.15em;color:#ffd05b}.visual-meta b{font-size:9px;letter-spacing:.18em;color:#c5d8e1}.visual-meta small{grid-column:1/3;font-size:8px;letter-spacing:.22em;color:#7fa0b1}
.visual-tag{position:absolute;right:45px;bottom:48px;color:#fff;font-size:8px;font-weight:800;letter-spacing:.2em;writing-mode:vertical-rl;transform:rotate(180deg);opacity:.55}
.intro{max-width:1220px;margin:0 auto;padding:62px 35px;display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.intro h2{font:800 45px/1.02 Barlow Condensed;margin:10px 0;color:var(--navy);text-transform:uppercase}.intro p{color:#637585;font-size:14px;line-height:1.8}.features{max-width:1220px;margin:0 auto 35px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature{position:relative;min-height:290px;background:#fff;border:1px solid #dce4e8;border-radius:20px;padding:28px;text-decoration:none;color:inherit;transition:.2s}.feature:hover{transform:translateY(-3px);box-shadow:0 18px 40px #061a2a12}.feature.featured{background:var(--navy);color:#fff;border-color:var(--navy)}.num{position:absolute;right:24px;top:22px;font:800 12px Inter;color:#aab5bc}.icon{font-size:31px;color:var(--gold);margin:8px 0 34px}.feature h3{font:800 29px Barlow Condensed;margin:0 0 12px}.feature p{font-size:12px;line-height:1.7;color:#6a7b88;min-height:62px}.featured p{color:#b8c7d0}.feature b{display:block;margin-top:25px;font-size:9px;letter-spacing:.1em;color:#a87508}.featured b{color:var(--gold2)}.band{max-width:1220px;margin:0 auto 45px;border-radius:22px;background:#e7ecdf;padding:35px 40px;display:flex;align-items:center;justify-content:space-between}.band h2{font:800 30px Barlow Condensed;margin:8px 0 5px;color:var(--navy)}.band p{margin:0;font-size:12px;color:#687668}.band>a{background:var(--navy);color:#fff;text-decoration:none;border-radius:9px;padding:16px 20px;font-size:10px;font-weight:800}footer{max-width:1220px;margin:auto;border-top:1px solid #dce3e7;min-height:120px;display:flex;align-items:center;justify-content:space-between}footer strong{font:800 18px Barlow Condensed;color:var(--navy)}footer span{display:block;margin-top:5px;font-size:10px;color:#71808b}footer small{font-weight:800;letter-spacing:.13em;color:#a97812}@media(max-width:900px){.site-header{height:78px}.site-header nav{display:none;position:absolute;z-index:20;right:15px;top:70px;background:#fff;box-shadow:0 15px 40px #0002;border-radius:12px;padding:8px;flex-direction:column}.site-header nav.open{display:flex}.menu{display:block}.hero{margin:0 12px 20px;border-radius:22px;padding:45px 30px;grid-template-columns:1fr}.hero-card{max-width:420px}.piaui-art{right:-90px;width:62%;opacity:.62}.intro{grid-template-columns:1fr;gap:10px;padding:45px 25px}.features{grid-template-columns:1fr;margin:0 12px 25px}.band{margin:0 12px 35px;display:block}.band>a{display:inline-block;margin-top:20px}footer{margin:0 20px}.brand small{display:none}}@media(max-width:560px){.brand strong{font-size:17px}.hero{padding:38px 20px}h1{font-size:74px}.hero-actions{flex-direction:column}.hero-actions a{justify-content:center}.hero-card{padding:22px}.intro h2{font-size:37px}.band{padding:28px 24px}footer{display:block;padding:30px 0}footer small{display:block;margin-top:15px}}
/* Hero radio illustration — v6 */
.piaui-art{background:radial-gradient(circle at 72% 18%,#f5ad1614,transparent 23%),linear-gradient(150deg,#0d3c59,#082940 68%,#061f32);border-left:1px solid #ffffff0b}
.piaui-art:before{background:linear-gradient(90deg,#ffffff07 1px,transparent 1px),linear-gradient(#ffffff07 1px,transparent 1px);background-size:48px 48px;opacity:.55;mask-image:linear-gradient(90deg,transparent,#000 18%)}
.piaui-art:after{width:420px;height:420px;right:-130px;top:-150px;background:radial-gradient(circle,transparent 54%,#ffd05b16 54.3% 54.7%,transparent 55%),radial-gradient(circle,transparent 69%,#ffffff0c 69.3% 69.6%,transparent 70%)}
.radio-scene{position:absolute;inset:0;overflow:hidden}
.radio-scene:before{content:"";position:absolute;left:25px;right:0;bottom:0;height:115px;background:linear-gradient(174deg,transparent 0 34%,#061a2a 34.5% 100%);opacity:.95}
.tower{position:absolute;right:70px;top:54px;width:150px;height:255px;opacity:.92}
.mast{position:absolute;left:72px;top:0;width:3px;height:250px;background:linear-gradient(#ffd05b,#d28a08);box-shadow:0 0 18px #f5ad1630}
.mast:before,.mast:after{content:"";position:absolute;width:1px;height:230px;background:#ffd05b88;top:18px;transform-origin:bottom}.mast:before{transform:rotate(17deg)}.mast:after{transform:rotate(-17deg)}
.beam{position:absolute;left:24px;width:98px;height:2px;background:#dce7ec;box-shadow:0 0 0 1px #ffffff12}.beam:after,.beam:before{content:"";position:absolute;top:-11px;width:2px;height:24px;background:#9fb7c4}.beam:before{left:12px}.beam:after{right:12px}.beam-a{top:45px}.beam-b{top:92px;width:126px;left:10px}.beam-c{top:139px;width:80px;left:33px}
.wave{position:absolute;border:1px solid #ffd05b55;border-left-color:transparent;border-bottom-color:transparent;border-radius:50%;transform:rotate(45deg)}.w1{width:80px;height:80px;left:34px;top:1px}.w2{width:125px;height:125px;left:12px;top:-21px}.w3{width:175px;height:175px;left:-13px;top:-46px;opacity:.55}
.rig{position:absolute;left:58px;bottom:118px;width:405px;height:205px;border-radius:14px;background:linear-gradient(155deg,#1b2a32,#0d151b 72%);box-shadow:0 30px 45px #0007,0 0 0 1px #ffffff16 inset;transform:perspective(900px) rotateY(-4deg) rotateX(1deg);overflow:hidden}
.rig:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,#ffffff0c,transparent 28%);pointer-events:none}
.rig-top{height:42px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff12;color:#8da2ae;font-size:7px;letter-spacing:.16em}.rig-top b{font:800 15px Barlow Condensed;color:#ffd05b;letter-spacing:.12em}
.rig-face{position:relative;height:163px}.display{position:absolute;left:20px;top:20px;width:202px;height:88px;border-radius:5px;background:linear-gradient(#163b3e,#092a2e);box-shadow:inset 0 0 18px #0008,0 0 0 1px #6ca69e44;color:#a9e2d5;padding:10px 12px}.display small{display:block;font-size:7px;letter-spacing:.18em;color:#77a89e}.display strong{font:700 31px/1.05 Barlow Condensed;letter-spacing:.04em;color:#c8f2e9;text-shadow:0 0 12px #6de0c455}.display em{font-style:normal;font-size:8px;margin-left:4px}.display span{display:block;margin-top:4px;font-size:6px;letter-spacing:.15em;color:#6f9e96}
.meters{position:absolute;left:22px;top:119px;display:flex;gap:5px}.meters i{display:block;width:22px;height:3px;border-radius:2px;background:#4c626d}.meters i:nth-child(-n+4){background:#e8a718}
.knob{position:absolute;border-radius:50%;background:radial-gradient(circle at 42% 38%,#59656b 0 8%,#303a40 9% 44%,#141b1f 45% 63%,#4c585e 64% 66%,#151c20 67%);box-shadow:0 7px 13px #0008}.main-knob{right:28px;top:31px;width:88px;height:88px}.main-knob:after{content:"";position:absolute;left:42px;top:9px;width:3px;height:16px;background:#ffd05b;border-radius:2px}.small-knob{width:38px;height:38px;bottom:15px}.k1{right:84px}.k2{right:32px}
.buttons{position:absolute;left:150px;bottom:20px;display:grid;grid-template-columns:repeat(3,18px);gap:8px}.buttons i{height:10px;border-radius:2px;background:#35444c;box-shadow:inset 0 1px #ffffff18}
.mic{position:absolute;left:390px;bottom:73px;width:105px;height:145px;border-radius:25px 25px 31px 31px;background:linear-gradient(145deg,#202c32,#0c1317);box-shadow:0 25px 35px #0008,0 0 0 1px #ffffff12 inset;transform:rotate(10deg);z-index:4}.mic-grill{width:68px;height:58px;margin:16px auto 10px;border-radius:14px;background:repeating-linear-gradient(90deg,#111b20 0 4px,#45555d 5px 7px),repeating-linear-gradient(#0000 0 4px,#ffffff10 5px 6px);box-shadow:inset 0 0 12px #000}.mic span{display:block;margin:0 auto;width:48px;height:26px;border-radius:7px;background:#303d43;color:#8fa2ab;text-align:center;font-size:7px;line-height:26px;font-weight:800;letter-spacing:.15em}.mic i{position:absolute;width:35px;height:48px;border:4px solid #18252c;border-left:0;border-bottom:0;right:-26px;bottom:-22px;border-radius:0 30px 0 0}
.scene-label{position:absolute;right:42px;bottom:35px;text-align:right;z-index:3}.scene-label strong{display:block;font:800 20px Barlow Condensed;letter-spacing:.12em;color:#ffd05b}.scene-label span{display:block;margin-top:5px;font-size:7px;letter-spacing:.19em;color:#91aab7}
@media(max-width:900px){.rig{left:20px;transform:scale(.86);transform-origin:left bottom}.tower{right:20px}.mic{left:315px;transform:rotate(10deg) scale(.85);transform-origin:bottom left}.scene-label{display:none}}

/* Hero refinement — v7: clearer hierarchy, protected text zones and richer station scene */
.hero{min-height:640px;padding:76px 64px;background:linear-gradient(112deg,#061a2a 0%,#08283f 54%,#0b3450 100%)}
.hero-copy{max-width:535px;padding-right:12px}
.hero-copy>p{max-width:525px}
.piaui-art{width:47%;border-left:1px solid #ffffff12;background:radial-gradient(circle at 76% 14%,#f5ad1614,transparent 21%),linear-gradient(155deg,#0d3d59 0%,#0a304a 55%,#07253a 100%)}
.piaui-art:before{background:linear-gradient(90deg,#ffffff06 1px,transparent 1px),linear-gradient(#ffffff06 1px,transparent 1px);background-size:44px 44px;opacity:.5}
.radio-scene{inset:0;padding:0}
.radio-scene:before{left:0;right:0;height:104px;background:linear-gradient(176deg,transparent 0 34%,#061a2a 35% 100%)}
.radio-scene:after{content:"";position:absolute;left:34px;right:34px;top:30px;bottom:32px;border:1px solid #ffffff0b;border-radius:24px;pointer-events:none}
.tower{right:48px;top:48px;width:144px;height:245px;opacity:.88}
.rig{left:38px;bottom:148px;width:388px;height:196px;transform:perspective(1000px) rotateY(-2deg);border-radius:16px;box-shadow:0 30px 55px #0008,0 0 0 1px #ffffff18 inset}
.rig-top{height:40px;padding:0 16px}.rig-face{height:156px}.display{left:18px;top:18px;width:194px;height:84px}.display strong{font-size:29px}.meters{left:20px;top:112px}.main-knob{right:26px;top:28px;width:82px;height:82px}.main-knob:after{left:39px}.small-knob{bottom:13px}.buttons{left:142px;bottom:18px}
.mic{left:auto;right:34px;bottom:105px;width:92px;height:128px;transform:rotate(7deg);z-index:5}.mic-grill{width:60px;height:50px;margin:14px auto 9px}.mic span{width:43px;height:24px;line-height:24px}.mic i{display:none}
.scene-label{left:40px;right:auto;bottom:44px;text-align:left;max-width:270px}.scene-label strong{font-size:18px}.scene-label span{font-size:7px;white-space:nowrap}
/* keep all decorative radio waves behind hardware */
.wave{z-index:0}.mast,.beam{z-index:1}.rig,.mic,.scene-label{z-index:3}
@media(max-width:1100px){.hero-copy{max-width:500px}.piaui-art{width:45%}.rig{left:24px;width:350px}.display{width:175px}.mic{right:20px}.tower{right:24px}}
@media(max-width:900px){.hero{min-height:610px;padding:48px 30px}.hero-copy{max-width:62%;padding-right:18px}.hero-copy>p{max-width:100%}.piaui-art{right:0;width:42%;opacity:.72}.rig{left:12px;bottom:145px;transform:scale(.72);transform-origin:left bottom}.tower{right:8px;transform:scale(.82);transform-origin:right top}.mic{right:10px;bottom:112px;transform:rotate(7deg) scale(.72);transform-origin:right bottom}.scene-label{display:none}}
@media(max-width:700px){.hero{min-height:auto;padding:42px 24px 380px}.hero-copy{max-width:100%;padding-right:0}.piaui-art{left:0;right:0;top:auto;bottom:0;width:100%;height:350px;border-left:0;border-top:1px solid #ffffff12;opacity:1}.rig{left:50%;bottom:86px;width:388px;transform:translateX(-50%) scale(.78);transform-origin:center bottom}.tower{right:28px;top:28px;transform:scale(.72);transform-origin:right top}.mic{right:26px;bottom:58px;transform:rotate(7deg) scale(.68)}.scene-label{display:block;left:24px;bottom:20px}.scene-label strong{font-size:15px}.scene-label span{font-size:6px}}