:root{--blue:#155dfc;--blue2:#38bdf8;--navy:#0b1b3a;--ink:#10234b;--muted:#627391;--line:#e1eafb;--bg:#f5f9ff;--soft:#edf4ff;--shadow:0 14px 34px #244d8b0d,0 3px 6px #244d8b05}
html{scroll-behavior:smooth}body{background:radial-gradient(ellipse at 100% 0,#d9ebff80,transparent 45%),var(--bg);font-family:Inter,'Segoe UI',Arial,sans-serif;color:var(--ink);line-height:1.55}h1,h2,h3{color:#0b174b;letter-spacing:-.035em}h1{font-size:clamp(28px,3vw,44px)}h2{font-size:25px}p,small{overflow-wrap:anywhere}img{max-width:100%}a,button,input,select,textarea{touch-action:manipulation}button:disabled{cursor:not-allowed;opacity:.48}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #38bdf8;outline-offset:3px}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=hidden]),select,textarea{max-width:100%;min-height:44px;background:#fcfdff;border:1px solid #d5e0f3;border-radius:10px;padding:12px 14px;color:var(--ink)}label{font-size:13px;font-weight:600;color:var(--ink)}label>select,label>input:not([type=checkbox]),label>textarea{display:block;width:100%;margin:7px 0 12px}form{min-width:0}fieldset{border:0;min-width:0;padding:0;margin:0}.btn,.pill,.blue,.pr-button,button.primary{border-radius:10px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;font-weight:700;padding:11px 19px}.btn-primary,.primary,.pill,.blue,.pr-button{background:linear-gradient(180deg,#1685ff,#155dfc);color:#fff;border:1px solid #155dfc;box-shadow:inset 0 1px 1px #ffffff70,0 5px 10px #155dfc26}.btn-cyan{background:linear-gradient(#20c7f7,#039df0);color:#fff;border-color:#17b0f5;box-shadow:0 5px 12px #009ce82a}.btn:hover,.pill:hover,.blue:hover{filter:brightness(1.05);transform:translateY(-1px)}.btn,.pill,.radio-card{transition:transform .18s,box-shadow .18s}.card,.panel,.pr-panel,.feature,.quick,.radio-card,.station-card,.privacy-card{border:1px solid #e2ebfb;border-radius:18px;background:#fff;box-shadow:var(--shadow),inset 0 1px 0 #fff}.radio-card:hover{transform:translateY(-3px);box-shadow:0 18px 30px #155dfc15}.eyebrow{display:inline-block;color:#31528b;font-size:10px;letter-spacing:.15em;font-weight:800;text-transform:uppercase;margin-bottom:14px}.brandmark{background:radial-gradient(circle at 25% 20%,#90e6ff,#1679ff 40%,#433bd2 80%);border:1px solid #b2d8ff;box-shadow:inset 0 3px 4px #fff9,0 5px 9px #155dfc28;transform:rotate(-12deg)}.nav{background:#ffffffed;box-shadow:0 5px 20px #155dfc07}.nav .brand{font-size:22px}.navlinks{gap:22px;font-size:12px}.navlinks a{color:#324979}.navlinks a.active{color:var(--blue)}.nav-actions{gap:12px}.premium-hero{color:var(--ink);background:radial-gradient(ellipse at 75% 40%,#a6ccff85,transparent 60%),linear-gradient(120deg,#f2f9ff,#deebff 70%,#eef8ff);border-bottom:1px solid #daeaff}.premium-hero .hero-inner{min-height:530px;display:grid;grid-template-columns:1fr 1.12fr;gap:20px;align-items:center}.premium-hero .hero-copy{width:100%;padding:55px 0;z-index:2}.premium-hero .hero-copy h1{display:block;font-size:clamp(38px,4.5vw,62px);font-weight:850;color:#081448;letter-spacing:-.045em;line-height:1.06;margin:0 0 20px;max-width:none;white-space:normal}.premium-hero .hero-copy p{color:#344e7e;font-size:16px;max-width:410px;line-height:1.65;width:auto}.premium-hero .hero-art{position:static;width:100%;height:auto;max-height:510px;object-fit:contain;mask-image:none;filter:drop-shadow(0 24px 16px #376ed426);pointer-events:none}.hero-actions{display:flex;flex-wrap:wrap;gap:13px;margin:25px 0}.hero-stats{display:flex;gap:0;padding-top:12px;padding-bottom:30px}.hero-stats>div{padding:0 24px;border-right:1px solid #b9d1f4}.hero-stats>div:first-child{padding-left:0}.hero-stats>div:last-child{border:0}.hero-stats strong{display:block;color:#155dfc;font-size:19px}.hero-stats small{font-size:11px;color:#44628e}.home-body{background:transparent;margin-top:0;padding-top:14px}.home-body .station-rail{grid-template-columns:repeat(4,minmax(0,1fr))}.radio-card{padding:16px}.station-art{background:radial-gradient(circle,#fff,#edf4ff);border-radius:14px}.station-art img{padding:12px;object-fit:contain}.station-name{font-size:14px}.round-play{border:3px solid #fff;outline:1px solid #d8e7ff;box-shadow:0 4px 9px #155dfc24;background:linear-gradient(#198eff,#154dd9);color:#fff;width:40px;height:40px}.live-dot,.live-badge{background:#ff287b;color:#fff;border-radius:6px;font-size:9px;letter-spacing:.04em;padding:3px 8px}.chip{background:#fff;border:1px solid var(--line);box-shadow:0 3px 8px #155dfc07;font-size:12px;min-height:40px;display:inline-flex;align-items:center;border-radius:9px}.chip.active{background:linear-gradient(#1685ff,#155dfc);color:#fff;box-shadow:0 5px 10px #155dfc20}.directory-hero{background:radial-gradient(ellipse at 100% 20%,#c1d8ff,transparent 65%),linear-gradient(100deg,#eaf5ff,#fff);text-align:center;color:var(--ink);padding:44px 0 30px}.directory-hero h1{font-size:36px;color:#0b174b}.directory-hero p{color:#4e6589}.directory-hero .searchbox{margin:25px auto 0}.hosting-promo{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;padding:34px;margin:30px 0;border-radius:22px;background:linear-gradient(130deg,#e7f3ff,#e6eaff);border:1px solid #d1e3ff;box-shadow:var(--shadow)}.hosting-promo img{height:260px;object-fit:contain;margin:auto}.hosting-hero .feature-list li{font-size:14px;padding:5px 0}.hosting-notice{margin:30px 0}.price-card{padding:27px}.price-card .metric{margin:12px 0}.price-card .metric small{font-size:12px;color:var(--muted);font-weight:400;margin-left:5px}.price-card .btn{width:100%;margin-top:16px}.feature{padding:23px}.feature>span{width:50px;height:50px;font-size:25px;background:radial-gradient(circle at 25% 20%,#dfe6ff,#bdaeff);color:#2330b6;box-shadow:inset 0 2px 3px #fff8,0 5px 9px #433bd210}.feature h3{font-size:16px}.feature p{font-size:13px}.footer{background:#edf4ff}.playerbar{border-radius:18px;box-shadow:0 12px 35px #16366f20,inset 0 1px 0 #fff}.station-player{background:radial-gradient(ellipse at 50% 0,#d8dcff,#eff6ff 65%);border:1px solid #e0e8ff;border-radius:24px;margin-bottom:24px;padding:35px 18px}.detail-logo{box-shadow:0 16px 28px #433bd226,inset 0 2px 0 #fff;border:3px solid #fff;transform:rotate(-2deg)}.detail-play{box-shadow:inset 0 3px 4px #fff6,0 8px 16px #155dfc30}.section-head h2{font-size:23px}.side,.portal-side{background:linear-gradient(150deg,#0b1b3a,#132849);color:#eaf1ff;border-right:1px solid #172f55;padding:22px 14px;width:240px;position:sticky;top:0;height:100vh;overflow-y:auto}.side .brand strong,.portal-side .brand{color:white}.side .brand span,.portal-side .brand small{color:#c1d0ec}.side .brandmark{flex-shrink:0}.side .group{color:#97aecf;font-size:9px;margin:23px 13px 9px}.side a.navitem,.portal-side .navitem{color:#dce8ff;display:flex;align-items:center;gap:12px;border-radius:10px;padding:12px;font-size:12px;font-weight:500;margin:3px 0;min-height:44px}.side a.navitem:hover,.side a.navitem.active,.portal-side .navitem:hover,.portal-side .navitem.active{background:linear-gradient(110deg,#0869ff,#058fff);color:#fff;box-shadow:0 5px 12px #0002,inset 0 1px 0 #ffffff40}.sidefoot,.portal-note{background:#ffffff08;border:1px solid #ffffff16;color:#c4d5ee;padding:15px;border-radius:12px;font-size:11px;margin-top:30px}.sidefoot strong{color:#fff!important}.shell,.portal-shell{display:grid;grid-template-columns:240px minmax(0,1fr);min-height:100vh}.portal-page{padding-bottom:0}.portal-page>.nav,.portal-page>.footer,.portal-page>.playerbar,.portal-page>.bottom-nav{display:none}.portal-main{min-width:0}.portal-side .brand{font-size:20px;margin:0 10px 30px}.portal-side .brand small{display:block;font-weight:400;font-size:10px;letter-spacing:0}.portal-side .navitem>span{width:22px;text-align:center;font-size:17px}.portal-logout{width:100%;background:#ffffff10;color:#fff;border-color:#ffffff25;margin-top:18px}.portal-topbar,.topbar{height:80px;display:flex;align-items:center;gap:15px;padding:0 28px;background:#fffffff2;border-bottom:1px solid #e3ebf8;position:sticky;top:0;z-index:20;backdrop-filter:blur(10px)}.portal-topbar>div{flex:1;min-width:0}.portal-topbar small{display:block;color:var(--muted);font-size:11px}.portal-content,.content{padding:28px}.portal-content>.wrap,.content>.wrap{padding:0!important;max-width:none!important;width:100%}.portal-content>section.wrap{padding:0!important}.topbar-title{flex:1}.sidebar-toggle{display:none}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin:22px 0}.metric-tile{border:1px solid #e3ebf8;border-radius:14px;background:#fff;padding:18px;box-shadow:var(--shadow);display:flex;gap:13px;align-items:center;min-width:0}.metric-icon{background:linear-gradient(#e2faff,#bde4ff);border:1px solid #d8edff;box-shadow:inset 0 2px 0 #fff8,0 4px 7px #155dfc0d;width:42px;height:42px;display:grid;place-items:center;border-radius:13px;color:#155dfc;font-size:20px;flex-shrink:0}.metric-tile:nth-child(2) .metric-icon{background:linear-gradient(#f1eaff,#d3c7ff);color:#6552db}.metric-tile:nth-child(3) .metric-icon{background:linear-gradient(#e0fff2,#bbf1da);color:#08895e}.metric-tile small{color:var(--muted);display:block;font-size:11px}.metric-tile strong{font-size:23px;display:block;color:#142658;line-height:1.3}.two-column{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:20px;margin:20px 0}.station-console{background:linear-gradient(150deg,#fff,#f2f7ff);border-radius:18px;padding:25px;border:1px solid var(--line);box-shadow:var(--shadow)}.console-heading{display:flex;align-items:center;gap:14px}.console-icon{width:58px;height:58px;display:grid;place-items:center;background:linear-gradient(135deg,#c1eaff,#d9ceff);font-size:30px;border:3px solid #fff;border-radius:16px;box-shadow:0 7px 14px #433bd220}.console-heading h2{font-size:20px;margin:0}.console-heading p{font-size:12px;margin:4px 0}.wave-art{height:60px;display:flex;align-items:center;gap:4px;overflow:hidden;margin:18px 0}.wave-art span{flex:1;min-width:2px;border-radius:5px;background:linear-gradient(#37baff,#735dff);height:var(--height)}.console-actions,.workspace-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-top:15px}.workspace-tabs{margin:20px 0;border-bottom:1px solid var(--line);padding-bottom:12px}.workspace-tabs a{background:#fff;color:#415781;border:1px solid var(--line);box-shadow:none}.workspace-tabs a.active{background:#155dfc;color:white}.notice{background:#eef5ff;border:1px solid #d6e6ff;padding:15px;border-radius:12px;color:#415e8c;font-size:13px;margin:16px 0}.notice.error{background:#fff0f0;color:#a12740;border-color:#ffd4de}.status-badge{display:inline-flex;align-items:center;border-radius:7px;background:#edf4ff;color:#155dfc;font-size:11px;padding:5px 9px;font-weight:700}.status-badge.active,.status-badge.trial{background:#e6fff3;color:#08734b}.status-badge.suspended,.status-badge.provisioning_failed{background:#fff0f2;color:#b3234e}.table-wrap{overflow-x:auto;border:1px solid #e3ebf8;border-radius:14px;background:#fff}table{width:100%;border-collapse:collapse;background:#fff;border-radius:14px;font-size:13px;box-shadow:none}th,td{padding:15px 16px;text-align:left;border-bottom:1px solid #edf1f9;vertical-align:middle}th{background:#f6f9ff;color:#667a9b;font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}tr:last-child td{border-bottom:0}td strong{display:block}td small{display:block;color:#607391}.table-toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:20px 0}.table-toolbar input{flex:1;min-width:180px}.table-toolbar select{min-width:140px}.chart-panel{padding:23px}.chart-panel h3{margin:0 0 20px;font-size:17px}.chart-bars{display:flex;align-items:flex-end;gap:20px;height:170px;border-bottom:1px solid #dde6f5;padding:10px 10px 0}.chart-bars>div{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;height:100%;min-width:0}.chart-bars .bar{width:65%;max-width:45px;min-height:2px;background:linear-gradient(#8274ff,#155dfc);border-radius:5px 5px 0 0;height:var(--bar-height)}.chart-bars small{padding:5px 0;font-size:9px}.chart-key{font-size:11px;margin:10px 0;color:var(--muted)}.status-list{display:grid;gap:16px}.status-line{display:grid;grid-template-columns:100px 1fr 30px;align-items:center;gap:8px;font-size:12px}.status-line progress{width:100%;accent-color:#155dfc;height:9px}.empty-chart{padding:30px 15px;text-align:center;background:linear-gradient(#f8fbff,#eef5ff);border:1px dashed #c9ddf8;border-radius:12px;color:#657795;font-size:13px}.trial-layout{display:grid;grid-template-columns:220px minmax(0,1fr) 250px;gap:25px;align-items:start;max-width:1170px;margin:45px auto;padding:0 25px}.trial-progress{list-style:none;padding:18px 0;margin:0}.trial-progress li{display:flex;align-items:center;gap:12px;padding:17px 12px;color:#7184a2;border-radius:12px;position:relative;font-size:12px}.trial-progress li.active{background:#fff;box-shadow:0 6px 20px #155dfc0d;color:#155dfc;border:1px solid var(--line)}.trial-progress .step-num{display:grid;place-items:center;width:32px;height:32px;flex-shrink:0;border-radius:50%;background:#e0eafb;color:#637eaa;font-weight:800}.trial-progress li.active .step-num{background:linear-gradient(#16a0ff,#155dfc);color:#fff;box-shadow:0 0 0 3px #e4efff}.trial-progress small{display:block;font-size:10px;color:#7184a2}.trial-form-card{padding:30px}.trial-form-card h1{font-size:28px}.trial-form-card p{font-size:13px}.trial-form-card .pr-form{display:grid;grid-template-columns:1fr 1fr;gap:15px}.pr-wide{grid-column:1/-1}.trial-art{align-self:center}.trial-art img{width:100%;filter:drop-shadow(0 20px 18px #155dfc20)}.trial-art h3{font-size:20px}.trial-art p{font-size:13px}.wizard-actions{display:flex;gap:10px;margin-top:18px}.wizard-actions .btn{flex:1}.trial-form-card .pr-button{width:100%}.code-input{font-size:27px;letter-spacing:.35em;text-align:center;width:100%}.pagehead p{font-size:13px}.ui-tabs{display:flex;gap:8px;border-bottom:1px solid var(--line);padding-bottom:12px;margin:20px 0}.ui-tabs button{font-size:12px}.ui-tabs button[aria-selected=true]{background:#155dfc;color:#fff}.listing-layout{display:grid;grid-template-columns:1fr 180px;gap:25px}.listing-logo{border-radius:20px;background:#edf4ff;border:2px solid #fff;box-shadow:var(--shadow);padding:18px}.listing-logo img{width:100%;aspect-ratio:1;object-fit:contain}.listing-logo p{font-size:11px}.row,.cards,.grid{min-width:0}.content .grid{gap:17px}.card .big{font-size:30px}.metric-card:after{background:linear-gradient(130deg,#dbe8ff,#f1f5ff);opacity:.65}.portal-content .headline{gap:15px}.portal-content .cards .panel{padding:22px}.portal-content .station-card img{border-radius:13px}.portal-content>.wrap>h1{font-size:32px}.portal-content .station-grid{margin-top:20px}.sidebar-backdrop{display:none}.portal-page main{min-width:0}.pagehead,.top{flex-wrap:wrap}svg{max-width:100%}[id=smtp],#pricing{scroll-margin-top:100px}nav[role=navigation] svg{width:18px;height:18px}nav[role=navigation]{margin-top:18px}.main table{min-width:580px}.top-actions{flex-wrap:wrap}.top-actions .btn{font-size:11px}.btn-outline{background:#fff;color:#415781;border:1px solid var(--line);box-shadow:none}
@media(max-width:1100px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.trial-layout{grid-template-columns:180px minmax(0,1fr)}.trial-art{display:none}.navlinks{gap:12px}.nav .brand{font-size:19px}.premium-hero .hero-inner{min-height:450px}.premium-hero .hero-copy h1{font-size:45px}.portal-content,.content{padding:22px}.shell,.portal-shell{grid-template-columns:215px minmax(0,1fr)}.side,.portal-side{width:215px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.two-column{grid-template-columns:1fr}.nav-inner{gap:12px}.nav-actions .btn{font-size:12px;padding:10px 14px}.main .row{grid-template-columns:1fr}.portal-topbar,.topbar{padding:0 20px}}
@media(max-width:820px){.shell,.portal-shell{grid-template-columns:minmax(0,1fr)}.side,.portal-side{display:block;position:fixed;left:0;top:0;width:260px;max-width:85vw;z-index:150;transform:translateX(-105%);transition:transform .2s;box-shadow:12px 0 40px #0b1b3a35}.navigation-open .side,.navigation-open .portal-side{transform:translateX(0)}.sidebar-toggle{display:inline-flex;flex-shrink:0;padding:9px 13px}.sidebar-backdrop{position:fixed;inset:0;background:#07172b80;z-index:140}.navigation-open .sidebar-backdrop{display:block}.navlinks{display:none}.menu-toggle{display:grid}.trial-layout{grid-template-columns:150px minmax(0,1fr);gap:16px}.portal-topbar .btn:last-child{font-size:11px}.pagehead h1{font-size:28px}.listing-layout{grid-template-columns:1fr}.listing-logo{max-width:180px}.metric-grid{gap:12px}.portal-content .wrap{padding:0!important}.main .row{grid-template-columns:1fr}.topbar-title span{display:none}.top-actions form .btn{padding:8px 10px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.premium-hero .hero-inner{display:flex;flex-direction:column;min-height:0;gap:0}.premium-hero .hero-copy{padding:32px 0 0}.premium-hero .hero-copy h1{font-size:38px;max-width:none;line-height:1.1}.premium-hero .hero-copy p{font-size:14px;width:100%;max-width:none}.premium-hero .hero-art{width:100%;height:280px;max-height:280px;position:static;mask-image:none;object-fit:contain}.hero-actions{margin:18px 0 4px}.hero-actions .btn{font-size:12px;flex:1;padding:12px}.hero-stats{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding-bottom:25px}.hero-stats>div{padding:0 12px!important;border-left:1px solid #bed4f4;border-right:0}.hero-stats strong{font-size:15px}.home-body .station-rail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;margin:0;padding:0;gap:12px}.home-body .station-rail .radio-card{flex:none;min-width:0;padding:12px}.home-body .station-rail>.radio-card:nth-child(n+5){display:flex}.home-body .station-rows{grid-template-columns:1fr}.home-body .station-rows>.radio-card{flex-direction:row}.directory-hero{padding:30px 0 22px}.directory-hero h1{font-size:29px}.hosting-promo{grid-template-columns:1fr;padding:24px}.hosting-promo img{height:220px;order:-1}.feature-grid{grid-template-columns:1fr 1fr;gap:12px}.feature{padding:18px}.feature h3{font-size:14px}.feature p{font-size:11px}.price-card{padding:20px}.pricing-grid{grid-template-columns:1fr}.trial-layout{display:block;margin:20px auto;padding:0 16px}.trial-progress{display:flex;gap:4px;overflow-x:auto;padding:0 0 15px;align-items:start}.trial-progress li{display:flex;flex-direction:column;gap:7px;padding:9px 6px;flex:1;min-width:56px;text-align:center;font-size:9px}.trial-progress small{display:none}.trial-progress li.active{background:transparent;box-shadow:none;border:0}.trial-progress .step-num{width:29px;height:29px}.trial-form-card{padding:22px}.trial-form-card .pr-form{grid-template-columns:1fr}.portal-content,.content{padding:18px 14px}.portal-topbar,.topbar{height:70px;padding:0 14px;gap:10px}.portal-topbar strong{font-size:13px}.portal-topbar small{font-size:10px}.portal-topbar>.btn:last-child{display:none}.topbar-title strong{font-size:12px}.top-actions>a{display:none}.metric-tile{padding:13px;gap:9px}.metric-tile strong{font-size:21px}.metric-icon{width:34px;height:34px;font-size:18px;border-radius:10px}.metric-tile small{font-size:10px}.station-console{padding:20px}.console-actions>.btn{flex:1;font-size:11px;padding:11px 10px}.table-toolbar{gap:8px}.table-toolbar input{min-width:0;width:100%}.table-toolbar select{flex:1;min-width:100px}.ui-tabs{overflow-x:auto;white-space:nowrap}.ui-tabs button{flex-shrink:0}.portal-content .cards{grid-template-columns:1fr}.workspace-tabs{gap:7px}.workspace-tabs a{font-size:11px;padding:9px 11px}.portal-content h1{font-size:28px}.status-line{grid-template-columns:90px 1fr 25px}.home-body .station-copy small{font-size:10px}.footer-grid{gap:20px}.playerbar{bottom:71px}.bottom-nav{box-shadow:0 -4px 15px #155dfc0a}.station-player{background:radial-gradient(circle at 50% 0,#8583ed,#35409c 50%,#0b1b3a);color:#fff}.station-player h1,.station-player p,.station-player .muted{color:#fff}.station-player .chip{background:#ffffff18;color:#fff;border-color:#ffffff30}.station-player .detail-logo{width:140px;height:140px}.station-player .detail-actions .icon-button{color:#fff}.grid,.quickgrid{grid-template-columns:1fr 1fr}.portal-content .headline{align-items:start;flex-wrap:wrap}.trial-form-card h1{font-size:25px}.directory-hero .searchbox .btn{padding:10px}.wrap{padding-left:18px;padding-right:18px}.public-page .station-section .station-rail{padding-bottom:10px}.public-page .station-rows{padding-bottom:0}.notice{font-size:12px}.feature-list li{font-size:12px}}
@media(max-width:390px){.premium-hero .hero-copy h1{font-size:34px}.metric-grid{gap:8px}.metric-tile{padding:11px 9px}.metric-icon{width:29px;height:29px;font-size:16px}.metric-tile strong{font-size:19px}.radio-card .card-actions{gap:6px}.round-play{width:36px;height:36px}.trial-form-card{padding:18px}.grid,.quickgrid{grid-template-columns:1fr}.hero-stats small{font-size:10px}.nav-actions{gap:6px}.premium-hero .hero-art{height:250px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

.trial-form-card [data-station-fields]{display:grid;grid-template-columns:1fr 1fr;gap:12px}.trial-form-card fieldset h2{grid-column:1/-1;margin:0 0 12px;font-size:21px}.wizard-actions{flex-wrap:wrap}.wizard-actions p{width:100%;margin:5px 0}.listing-layout textarea,.listing-layout input:not([type=checkbox]){width:100%;margin:7px 0 17px;display:block}.admin-auth-page{padding-bottom:0}.admin-auth-page .visual{background:radial-gradient(circle at 80% 45%,#2248a1,transparent 60%),linear-gradient(145deg,#0b1b3a,#155dfc);padding:45px}.admin-auth-page .visual h1{color:#fff;font-size:48px}.admin-auth-page .auth-studio-art{width:100%;height:230px;object-fit:contain}.admin-auth-page .btn{background:linear-gradient(#1685ff,#155dfc);color:#fff}.error-page{text-align:center;max-width:800px;margin:25px auto}.error-page .hero-actions{justify-content:center}.error-page img{width:400px;height:240px;object-fit:contain}.error-page p{color:#607391}.portal-content .station-card{display:flex;flex-direction:column;gap:10px}.portal-content .station-card a{color:#155dfc;font-weight:700;margin-top:auto}.admin-auth-page .visual .logo{color:white}@media(max-width:760px){.trial-form-card [data-station-fields]{grid-template-columns:1fr}.trial-progress{margin-bottom:8px}.error-page img{height:190px}}

.directory-body .station-rail{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.directory-body .radio-card{display:grid;grid-template-columns:60px minmax(0,1fr);padding:15px;column-gap:12px}.directory-body .station-art{width:60px;height:60px;border-radius:50%;grid-row:1/3}.directory-body .station-art img{padding:4px}.directory-body .station-copy{min-width:0}.directory-body .station-copy .station-tag{display:none}.directory-body .card-actions{padding:7px 0 0!important;justify-content:start;margin-top:0!important;position:relative}.directory-body .card-actions .favourite{margin-left:auto}.directory-body .station-rail>.radio-card:nth-child(n+5){display:grid}@media(max-width:1100px){.directory-body .station-rail{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.directory-body .station-rail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;overflow:visible;gap:10px}.directory-body .radio-card{display:flex;flex-direction:column;padding:12px!important}.directory-body .station-art{width:64px;height:64px;margin:0 auto 8px}.directory-body .station-copy{width:100%}.directory-body .station-copy .station-name{font-size:12px}.directory-body .card-actions{width:100%}.directory-body .live-dot{font-size:8px;padding:2px 5px}.directory-body .favourite{font-size:20px}.directory-body .station-rail>.radio-card:nth-child(n+5){display:flex}.directory-body .table-toolbar{display:grid;grid-template-columns:1fr 1fr}.directory-body .table-toolbar input{grid-column:1/-1}.directory-body .table-toolbar button{grid-column:1/-1}}

.pagehead{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}.pagehead h1{margin:0 0 8px}.portal-content h1,.content h1{font-size:32px}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.content .panel{padding:24px}.sidebar-toggle{min-height:44px}.console-play{width:48px;height:48px;flex-shrink:0;font-size:18px;border-radius:50%;padding:0}.player-wave{display:flex;align-items:center;gap:18px;margin:18px 0}.player-wave .wave-art{flex:1;min-width:0;margin:0}.portal-note p{color:#bfcee4}.portal-side .navitem.active{font-weight:700}.portal-content .metric small{font-size:13px}.content .metric small{font-size:13px}.portal-content .console-heading{flex-wrap:wrap}@media(max-width:1100px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.content .panel{padding:21px}}@media(max-width:760px){.portal-content h1,.content h1{font-size:27px}.pagehead{align-items:start}.pagehead .btn{font-size:11px}.content .panel{padding:18px}.content .cards{grid-template-columns:1fr}.player-wave{gap:12px}.console-play{width:44px;height:44px}.portal-content .cards{grid-template-columns:1fr}}

@media(max-width:760px){.listing-layout{gap:18px}.ui-tabs{display:grid;grid-template-columns:1fr 1fr 1fr;overflow:visible;white-space:normal;gap:6px}.ui-tabs button{min-width:0;white-space:normal;font-size:10px;line-height:1.3;padding:9px 6px}}.price-card{display:flex;flex-direction:column}.price-card .btn{margin-top:auto}.price-card .feature-list{margin-bottom:25px}
.two-column>*{min-width:0}.price-card{min-width:0}.cards.pricing-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.price-card .metric small{font-size:12px;line-height:1.4;display:block;color:#627391;font-weight:400;margin:5px 0 0}.station-console{min-width:0}.player-wave{min-width:0}.player-wave .wave-art{width:0;flex:1}.price-card .feature-list{font-size:13px}@media(max-width:1100px){.two-column{grid-template-columns:minmax(0,1fr)}.cards.pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.cards.pricing-grid{grid-template-columns:minmax(0,1fr)}}