/*
==============================================================
 INSIGHT MEDIA — RADIO HOME T3.5A
 Product character:
   cinematic broadcast
   editorial newsroom
   compact intelligence OS
==============================================================
*/


body[data-insight-radio-home="1"]{
    --ix35-bg:#080b11;
    --ix35-panel:#0e121a;
    --ix35-panel-2:#131823;
    --ix35-line:rgba(255,255,255,.075);
    --ix35-text:#f7f8fb;
    --ix35-muted:#8e98aa;
    --ix35-hot:#ff6433;
    --ix35-live:#ff3b30;
    --ix35-signal:#94a8ff;
}


/* -----------------------------------------------------------
   HOMEPAGE MAXIMUM CONTENT RHYTHM
----------------------------------------------------------- */

body[data-insight-radio-home="1"] main{
    position:relative;
}


body[data-insight-radio-home="1"] .ix35-home-zone{
    position:relative;
}


/* -----------------------------------------------------------
   CINEMATIC HERO
----------------------------------------------------------- */

body[data-insight-radio-home="1"] .ix35-hero{
    position:relative;
    overflow:hidden;

    padding:
        clamp(28px,5vw,72px)
        clamp(20px,5vw,68px);

    border-radius:18px;

    background:
        radial-gradient(
            circle at 72% 25%,
            rgba(255,92,45,.17),
            transparent 26%
        ),
        radial-gradient(
            circle at 27% 78%,
            rgba(91,111,255,.13),
            transparent 35%
        ),
        linear-gradient(
            145deg,
            #090c12,
            #10151e 58%,
            #090c11
        );

    color:var(--ix35-text);

    isolation:isolate;
}


body[data-insight-radio-home="1"] .ix35-hero::before{
    content:"";

    position:absolute;
    inset:0;

    pointer-events:none;

    background:
        linear-gradient(
            90deg,
            rgba(255,255,255,.018) 1px,
            transparent 1px
        ),
        linear-gradient(
            rgba(255,255,255,.018) 1px,
            transparent 1px
        );

    background-size:48px 48px;

    mask-image:
        linear-gradient(
            to bottom,
            rgba(0,0,0,.7),
            transparent
        );

    z-index:-1;
}


body[data-insight-radio-home="1"] .ix35-hero h1{
    max-width:850px;

    margin-bottom:16px;

    color:#fff;

    font-size:
        clamp(
            38px,
            6.2vw,
            84px
        );

    line-height:.91;

    letter-spacing:-.065em;

    font-weight:780;
}


body[data-insight-radio-home="1"] .ix35-hero p{
    max-width:680px;

    color:rgba(255,255,255,.61);

    font-size:
        clamp(
            13px,
            1.25vw,
            17px
        );

    line-height:1.6;
}


/* -----------------------------------------------------------
   CINEMATIC BROADCAST CONSOLE
----------------------------------------------------------- */

body[data-insight-radio-home="1"] .ix35-broadcast{
    position:relative;
    overflow:hidden;

    margin-top:18px;

    padding:
        clamp(22px,3vw,40px);

    border:
        1px solid
        var(--ix35-line);

    border-radius:16px;

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.055),
            rgba(255,255,255,.018)
        );

    box-shadow:
        inset 0 1px
        rgba(255,255,255,.05);
}


body[data-insight-radio-home="1"] .ix35-broadcast::after{
    content:"";

    position:absolute;

    right:-70px;
    top:-80px;

    width:260px;
    height:260px;

    border-radius:50%;

    background:
        rgba(255,77,36,.13);

    filter:blur(65px);

    pointer-events:none;
}


body[data-insight-radio-home="1"] .ix35-broadcast h2{
    color:#fff;

    font-size:
        clamp(
            22px,
            3vw,
            42px
        );

    letter-spacing:-.045em;
}


body[data-insight-radio-home="1"] .ix35-broadcast button,
body[data-insight-radio-home="1"] .ix35-broadcast a{
    position:relative;
    z-index:2;
}


/* -----------------------------------------------------------
   LIVE VISUALIZER
----------------------------------------------------------- */

.ix35-live-meter{
    display:flex;

    align-items:end;

    gap:3px;

    width:100%;
    height:56px;

    margin-top:22px;

    opacity:.65;
}


.ix35-live-meter > i{
    flex:1;

    min-width:2px;

    max-width:7px;

    border-radius:999px;

    background:
        linear-gradient(
            to top,
            rgba(255,83,42,.48),
            rgba(255,255,255,.95)
        );

    transform-origin:center bottom;

    animation:
        ix35Meter 1.9s
        ease-in-out
        infinite alternate;
}


@keyframes ix35Meter{

    from{
        transform:
            scaleY(.35);

        opacity:.32;
    }

    to{
        transform:
            scaleY(1);

        opacity:.8;
    }

}


/* -----------------------------------------------------------
   LIVE STATUS ROW
----------------------------------------------------------- */

.ix35-status-row{
    display:flex;

    align-items:center;
    flex-wrap:wrap;

    gap:7px;

    margin-top:16px;
}


.ix35-status-chip{
    display:inline-flex;

    align-items:center;

    gap:6px;

    min-height:27px;

    padding:0 9px;

    border:
        1px solid
        rgba(255,255,255,.08);

    border-radius:999px;

    background:
        rgba(255,255,255,.045);

    color:
        rgba(255,255,255,.64);

    font-size:8px;

    font-weight:800;

    letter-spacing:.025em;
}


.ix35-live-dot{
    width:6px;
    height:6px;

    border-radius:50%;

    background:#8b94a2;
}


.ix35-status-chip[data-live="1"]
.ix35-live-dot{
    background:var(--ix35-live);

    box-shadow:
        0 0 0 4px
        rgba(255,59,48,.11);

    animation:
        ix35Pulse 1.45s
        infinite;
}


@keyframes ix35Pulse{

    50%{
        box-shadow:
            0 0 0 7px
            rgba(255,59,48,0);
    }

}


/* -----------------------------------------------------------
   EXPLORE = SEGMENTED EDITORIAL RAIL
----------------------------------------------------------- */

body[data-insight-radio-home="1"] .ix35-explore{
    margin-top:30px;
}


body[data-insight-radio-home="1"] .ix35-explore-rail{
    display:flex;

    gap:0;

    overflow-x:auto;

    scrollbar-width:none;

    border-bottom:
        1px solid
        rgba(20,28,45,.08);
}


body[data-insight-radio-home="1"]
.ix35-explore-rail::-webkit-scrollbar{
    display:none;
}


body[data-insight-radio-home="1"]
.ix35-explore-rail button{
    flex:0 0 auto;

    min-height:38px;

    padding:0 13px;

    border:0;
    border-bottom:
        2px solid transparent;

    border-radius:0;

    background:transparent;

    font-size:9px;

    font-weight:760;

    color:#727b8c;
}


body[data-insight-radio-home="1"]
.ix35-explore-rail button:first-child{
    color:#202735;

    border-bottom-color:#202735;
}


/* -----------------------------------------------------------
   NETWORK CARDS
----------------------------------------------------------- */

body[data-insight-radio-home="1"] .ix35-network-card{
    transition:
        transform .16s ease,
        border-color .16s ease,
        box-shadow .16s ease;
}


body[data-insight-radio-home="1"]
.ix35-network-card:hover{
    transform:
        translateY(-3px);

    box-shadow:
        0 14px 32px
        rgba(15,23,42,.08);
}


/* -----------------------------------------------------------
   INTELLIGENCE / NETWORK SIGNALS
----------------------------------------------------------- */

body[data-insight-radio-home="1"] .ix35-intelligence{
    position:relative;
}


.ix35-signal-head{
    display:flex;

    align-items:center;
    justify-content:space-between;

    gap:12px;

    margin:8px 0 12px;
}


.ix35-signal-head strong{
    font-size:10px;

    color:#252d3b;
}


.ix35-signal-head span{
    font-size:8px;

    color:#969eac;
}


/* -----------------------------------------------------------
   BROADCAST → STORY PIPELINE
----------------------------------------------------------- */

.ix35-story-pipeline{
    display:grid;

    grid-template-columns:
        repeat(
            6,
            minmax(0,1fr)
        );

    gap:6px;

    margin-top:18px;
}


.ix35-pipeline-step{
    position:relative;

    min-height:68px;

    display:flex;

    flex-direction:column;

    justify-content:center;

    padding:9px;

    border:
        1px solid
        rgba(20,28,45,.075);

    border-radius:9px;

    background:#fff;
}


.ix35-pipeline-step:not(:last-child)::after{
    content:"→";

    position:absolute;

    right:-9px;
    top:50%;

    transform:
        translateY(-50%);

    z-index:4;

    color:#9ea6b5;

    font-size:11px;
}


.ix35-pipeline-step small{
    display:block;

    margin-bottom:4px;

    color:#a0a8b5;

    font-size:7px;

    font-weight:850;

    letter-spacing:.09em;
}


.ix35-pipeline-step strong{
    color:#252d3b;

    font-size:9px;
}


/* -----------------------------------------------------------
   DESKTOP: REMOVE DUPLICATE MOBILE BOTTOM NAV
----------------------------------------------------------- */

@media(min-width:901px){

    body[data-insight-radio-home="1"]
    .ix35-mobile-bottom-nav{
        display:none !important;
    }

}


/* -----------------------------------------------------------
   MOBILE
----------------------------------------------------------- */

@media(max-width:900px){

    body[data-insight-radio-home="1"] .ix35-hero{
        border-radius:12px;

        padding:26px 18px;
    }


    body[data-insight-radio-home="1"] .ix35-hero h1{
        font-size:
            clamp(
                40px,
                13vw,
                64px
            );
    }


    .ix35-story-pipeline{
        grid-template-columns:
            repeat(
                3,
                1fr
            );
    }


    .ix35-pipeline-step::after{
        display:none;
    }

}


@media(max-width:540px){

    .ix35-story-pipeline{
        grid-template-columns:
            1fr 1fr;
    }

}