html,
body{
    margin:0;
    padding:0;
    background:#06101d;
    color:#f6fbff;
}

.market-intelligence{
    --mi-bg:#06101d;
    --mi-bg-2:#081827;
    --mi-panel:#0b1c2e;
    --mi-line:rgba(167,197,224,.12);
    --mi-line-strong:rgba(167,197,224,.24);
    --mi-text:#f6fbff;
    --mi-muted:#abc0d2;
    --mi-muted-2:#7891a6;
    --mi-teal:#16dfbd;
    --mi-teal-2:#79f6de;
    --mi-purple:#8c7eff;
    background:var(--mi-bg);
    color:var(--mi-text);
    min-height:100vh;
    overflow:hidden;
    font-family:Inter,"Segoe UI",Roboto,Arial,sans-serif;
}
.market-intelligence *,
.market-intelligence *::before,
.market-intelligence *::after{box-sizing:border-box}

.mi-container{
    width:min(1240px,calc(100% - 40px));
    margin:0 auto;
}

.mi-kicker{
    display:inline-flex;
    align-items:center;
    gap:8px;
    color:var(--mi-teal);
    font:800 10px/1.2 Inter,sans-serif;
    letter-spacing:.18em;
    text-transform:uppercase;
}

.mi-kicker>span{
    width:7px;
    height:7px;
    border-radius:50%;
    background:var(--mi-teal);
    box-shadow:0 0 18px rgba(22,223,189,.8);
}

.mi-hero{
    position:relative;
    min-height:730px;
    display:flex;
    align-items:center;
    padding:92px 0 80px;
    background:
        radial-gradient(circle at 74% 40%,rgba(22,223,189,.13),transparent 25%),
        radial-gradient(circle at 23% 22%,rgba(140,126,255,.08),transparent 26%),
        linear-gradient(180deg,#071a2a 0%,#06101d 100%);
    border-bottom:1px solid var(--mi-line);
}

.mi-hero__grid-bg{
    position:absolute;
    inset:0;
    opacity:.5;
    background-image:
        linear-gradient(rgba(167,197,224,.035) 1px,transparent 1px),
        linear-gradient(90deg,rgba(167,197,224,.035) 1px,transparent 1px);
    background-size:72px 72px;
    mask-image:linear-gradient(to bottom,#000,transparent 88%);
    pointer-events:none;
}

.mi-hero__inner{
    position:relative;
    z-index:2;
    width:min(1480px,calc(100% - 48px));
    margin:0 auto;
    display:grid;
    grid-template-columns:minmax(0,1.05fr) minmax(500px,.95fr);
    align-items:center;
    gap:30px;
}

.mi-hero__copy{position:relative;z-index:3}

.mi-hero h1{
    max-width:800px;
    margin:20px 0 25px;
    font:700 clamp(52px,6.3vw,89px)/.92 "Space Grotesk",Inter,sans-serif;
    letter-spacing:-.06em;
}

.mi-hero h1 em{
    display:block;
    color:var(--mi-teal);
    font-style:normal;
}

.mi-hero__lead{
    max-width:700px;
    margin:0;
    color:var(--mi-muted);
    font-size:18px;
    line-height:1.75;
}

.mi-hero__actions{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    margin-top:35px;
}

.mi-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    min-height:53px;
    padding:0 23px;
    border-radius:13px;
    text-decoration:none;
    font:800 14px/1 Inter,sans-serif;
    transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}

.mi-btn:hover{transform:translateY(-2px)}

.mi-btn--primary{
    background:var(--mi-teal);
    color:#03241d;
    box-shadow:0 14px 40px rgba(22,223,189,.15);
}

.mi-btn--secondary{
    border:1px solid var(--mi-line-strong);
    background:rgba(255,255,255,.02);
    color:var(--mi-text);
}

.mi-btn--large{min-height:58px;padding-inline:27px}

.mi-hero__meta{
    display:flex;
    align-items:center;
    gap:9px;
    margin-top:21px;
    color:var(--mi-muted-2);
    font-size:11px;
}

.mi-live-dot{
    width:8px;
    height:8px;
    border-radius:50%;
    background:var(--mi-teal);
    box-shadow:0 0 18px rgba(22,223,189,.8);
}

.mi-hero__market{
    display:none;
}

.mi-hero__dimensions{
    display:none;
}

.mi-hero__visual{
    position:relative;
    min-height:560px;
    display:grid;
    place-items:center;
}

.mi-hero-radar{
    position:relative;
    width:520px;
    height:520px;
    display:grid;
    place-items:center;
    border-radius:50%;
}

.mi-radar-grid{
    position:absolute;
    inset:0;
    border:1px solid rgba(22,223,189,.14);
    border-radius:50%;
    box-shadow:inset 0 0 100px rgba(22,223,189,.025);
}

.mi-radar-grid::before,
.mi-radar-grid::after{
    content:"";
    position:absolute;
    border:1px solid rgba(167,197,224,.08);
    border-radius:50%;
}

.mi-radar-grid::before{inset:65px}
.mi-radar-grid::after{inset:130px}

.mi-radar-sweep{
    position:absolute;
    inset:2%;
    border-radius:50%;
    background:conic-gradient(
        from 0deg,
        transparent 0deg,
        rgba(22,223,189,.12) 20deg,
        transparent 48deg
    );
    animation:miSweep 6s linear infinite;
}

.mi-network{
    position:absolute;
    width:500px;
    height:500px;
    z-index:1;
}

.mi-network line{
    stroke:rgba(22,223,189,.22);
    stroke-width:1;
}

.mi-network circle{
    fill:var(--mi-teal);
    filter:drop-shadow(0 0 7px rgba(22,223,189,.75));
}

.mi-hero-core{
    position:relative;
    z-index:3;
    width:235px;
    height:235px;
    border-radius:50%;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
    border:1px solid rgba(22,223,189,.36);
    background:radial-gradient(circle,rgba(22,223,189,.18),rgba(5,18,30,.97) 66%);
    box-shadow:0 0 90px rgba(22,223,189,.13);
}

.mi-hero-core span{
    color:var(--mi-muted-2);
    font:800 9px/1 Inter,sans-serif;
    letter-spacing:.17em;
}

.mi-hero-core strong{
    margin:10px 0 5px;
    font:700 clamp(31px,3.8vw,50px)/1 "Space Grotesk",Inter,sans-serif;
    letter-spacing:-.05em;
}

.mi-hero-core small{
    color:var(--mi-muted);
    font-size:11px;
}

.mi-hero-data{
    position:absolute;
    z-index:4;
    min-width:125px;
    padding:13px 15px;
    border:1px solid var(--mi-line);
    border-radius:12px;
    background:rgba(6,18,30,.86);
    backdrop-filter:blur(12px);
    box-shadow:0 25px 70px rgba(0,0,0,.24);
}

.mi-hero-data b{
    display:block;
    font:700 27px/1 "Space Grotesk",Inter,sans-serif;
}

.mi-hero-data span{
    display:block;
    margin-top:5px;
    color:var(--mi-muted-2);
    font-size:9px;
    font-weight:800;
    letter-spacing:.12em;
    text-transform:uppercase;
}

.mi-hero-data--top{top:22px;right:35px}
.mi-hero-data--left{left:-2px;bottom:72px}
.mi-hero-data--right{right:10px;bottom:17px}

.mi-snapshot{
    padding:58px 0;
    background:#071522;
    border-bottom:1px solid var(--mi-line);
}

.mi-section-head--compact{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:20px;
    margin-bottom:25px;
}

.mi-section-head h2,
.mi-snapshot h2,
.mi-conversion h2,
.mi-plan h2{
    margin:14px 0;
  
    letter-spacing:-.05em;
}

.mi-section-head p{
    max-width:760px;
    margin:0;
    color:var(--mi-muted);
    font-size:16px;
    line-height:1.72;
}

.mi-data-date{
    color:var(--mi-muted-2);
    font-size:11px;
}

.mi-metric-strip{
    display:grid;
    grid-template-columns:1.6fr repeat(3,1fr);
    gap:11px;
}

.mi-metric{
    min-height:150px;
    padding:23px;
    border:1px solid var(--mi-line);
    border-radius:16px;
    background:rgba(255,255,255,.018);
}

.mi-metric--primary{
    border-color:rgba(22,223,189,.25);
    background:linear-gradient(140deg,rgba(22,223,189,.12),rgba(255,255,255,.018));
}

.mi-metric span,
.mi-metric small{
    display:block;
    color:var(--mi-muted);
    font-size:11px;
}

.mi-metric strong{
    display:block;
    margin:16px 0 8px;
    font:700 clamp(34px,4.3vw,55px)/1 "Space Grotesk",Inter,sans-serif;
    letter-spacing:-.05em;
}

.mi-metric small{color:var(--mi-muted-2)}

.mi-section{
    padding:112px 0;
}

.mi-geography{
    background:linear-gradient(180deg,#06101d,#071724);
}

.mi-feature-layout{
    display:grid;
    grid-template-columns:minmax(0,1.7fr) minmax(280px,.7fr);
    gap:14px;
    margin-top:38px;
}

.mi-panel{
    border:1px solid var(--mi-line);
    border-radius:20px;
    background:rgba(255,255,255,.018);
    box-shadow:0 28px 100px rgba(0,0,0,.18);
}

.mi-panel--large,
.mi-panel--chart{
    padding:29px;
}

.mi-panel-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:20px;
    margin-bottom:28px;
}

.mi-panel-head>div>span,
.mi-panel-note{
    color:var(--mi-muted-2);
    font:800 9px/1.2 Inter,sans-serif;
    letter-spacing:.14em;
    text-transform:uppercase;
}

.mi-panel h3{
    margin:8px 0 0;
    font:600 23px/1.2 "Space Grotesk",Inter,sans-serif;
}

.mi-region-chart{
    display:grid;
    gap:18px;
}

/* Geography Top 3 */
.mi-region-top3{
    display:grid;
    gap:12px;
}

.mi-region-leader{
    display:grid;
    grid-template-columns:42px minmax(0,1fr);
    gap:14px;
    align-items:center;
    padding:17px 18px;
    border:1px solid var(--mi-line);
    border-radius:14px;
    background:rgba(255,255,255,.025);
}

.mi-region-leader--1{
    border-color:rgba(22,223,189,.28);
    background:rgba(22,223,189,.055);
}

.mi-region-leader__rank{
    font:700 18px/1 "Space Grotesk",Inter,sans-serif;
    color:var(--mi-muted-2);
}

.mi-region-leader--1 .mi-region-leader__rank{
    color:var(--mi-teal);
}

.mi-region-leader__body > span{
    display:block;
    font-size:15px;
    font-weight:650;
}

.mi-region-leader__body strong{
    display:inline-block;
    margin-top:5px;
    font:700 18px/1 "Space Grotesk",Inter,sans-serif;
    color:var(--mi-text);
}

.mi-region-leader__body small{
    margin-left:8px;
    color:var(--mi-muted);
    font-size:10px;
}

.mi-region-leader .mi-track{
    margin-top:10px;
}

.mi-region-rest{
    display:grid;
    gap:14px;
    margin-top:18px;
}

.mi-region-row--compact{
    gap:10px;
}

.mi-region-row__top,
.mi-sector-item__heading{
    display:flex;
    align-items:baseline;
    justify-content:space-between;
    gap:15px;
}

.mi-region-row__top strong{
    font-size:13px;
    font-weight:650;
}

.mi-region-row__top span{
    color:var(--mi-muted);
    font-size:10px;
    white-space:nowrap;
}

.mi-track{
    height:8px;
    margin-top:8px;
    border-radius:999px;
    overflow:hidden;
    background:rgba(255,255,255,.06);
}

.mi-track i{
    display:block;
    height:100%;
    border-radius:inherit;
    background:linear-gradient(90deg,var(--mi-teal),var(--mi-teal-2));
    transition:width .8s ease;
}

.mi-signal{
    padding:30px;
    border:1px solid rgba(22,223,189,.18);
    border-radius:20px;
    background:
        radial-gradient(circle at 82% 14%,rgba(22,223,189,.12),transparent 48%),
        rgba(255,255,255,.018);
}

.mi-signal>span{
    color:var(--mi-teal);
    font:800 9px/1.2 Inter,sans-serif;
    letter-spacing:.14em;
}

.mi-signal>strong{
    display:block;
    margin-top:50px;
    font:700 clamp(48px,5vw,68px)/.9 "Space Grotesk",Inter,sans-serif;
    letter-spacing:-.05em;
}

.mi-signal h3{
    margin:14px 0 9px;
    font:600 28px/1.05 "Space Grotesk",Inter,sans-serif;
}

.mi-signal p{
    color:var(--mi-muted);
    font-size:13px;
    line-height:1.65;
}

.mi-signal a{
    display:inline-block;
    margin-top:16px;
    color:var(--mi-teal-2);
    font-size:11px;
    font-weight:700;
    text-decoration:none;
}

.mi-dark{
    background:#07101c;
    border-top:1px solid var(--mi-line);
    border-bottom:1px solid var(--mi-line);
}

.mi-sector-stage{
    display:grid;
    grid-template-columns:320px minmax(0,1fr);
    gap:55px;
    align-items:center;
    margin-top:38px;
}

.mi-sector-spotlight{
    position:relative;
    min-height:320px;
    border:1px solid rgba(139,126,255,.18);
    border-radius:50%;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
    background:radial-gradient(circle,rgba(139,126,255,.13),rgba(7,16,28,.96) 67%);
    box-shadow:0 0 100px rgba(139,126,255,.08);
}

.mi-sector-spotlight::before{
    content:"";
    position:absolute;
    inset:16px;
    border:1px dashed rgba(139,126,255,.22);
    border-radius:50%;
    animation:miRotate 26s linear infinite;
}

.mi-sector-spotlight span{
    position:relative;
    z-index:1;
    color:var(--mi-muted-2);
    font:800 9px/1 Inter,sans-serif;
    letter-spacing:.15em;
}

.mi-sector-spotlight strong{
    position:relative;
    z-index:1;
    margin:13px 0 7px;
    color:var(--mi-text);
    font:700 39px/1 "Space Grotesk",Inter,sans-serif;
}

.mi-sector-spotlight b{
    position:relative;
    z-index:1;
    color:var(--mi-teal);
    font:700 25px/1 "Space Grotesk",Inter,sans-serif;
}

.mi-sector-spotlight p{
    position:relative;
    z-index:1;
    margin:7px 0 0;
    color:var(--mi-muted);
    font-size:10px;
}

.mi-sector-list{display:grid}

.mi-sector-item{
    padding:16px 0;
    border-bottom:1px solid var(--mi-line);
}

.mi-sector-item__rank{
    display:inline-block;
    width:38px;
    color:var(--mi-muted-2);
    font:800 10px/1 Inter,sans-serif;
}

.mi-sector-item__body{
    display:inline-block;
    width:calc(100% - 43px);
    vertical-align:top;
}

.mi-sector-item__heading strong{
    font-size:13px;
    font-weight:650;
}

.mi-sector-item__heading span{
    color:var(--mi-muted);
    font-size:11px;
}

.mi-track--purple i{
    background:linear-gradient(90deg,var(--mi-purple),#b8aeff);
}

.mi-sector-item small{
    display:block;
    margin-top:7px;
    color:var(--mi-muted-2);
    font-size:10px;
}

.mi-legal{
    background:linear-gradient(180deg,#071522,#06101d);
}

.mi-legal__layout{
    display:grid;
    grid-template-columns:.8fr 1.4fr;
    gap:65px;
    align-items:center;
}

.mi-legal-highlight{
    display:grid;
    grid-template-columns:auto minmax(0,1fr) auto;
    gap:10px;
    align-items:center;
    margin-top:36px;
    padding:18px;
    border:1px solid var(--mi-line);
    border-radius:14px;
    background:rgba(255,255,255,.018);
}

.mi-legal-highlight span{
    color:var(--mi-muted-2);
    font-size:10px;
}

.mi-legal-highlight strong{
    min-width:0;
    font-size:13px;
}

.mi-legal-highlight b{
    color:var(--mi-teal);
    font:700 23px/1 "Space Grotesk",Inter,sans-serif;
}

.mi-legal-visual{
    display:grid;
    grid-template-columns:235px minmax(0,1fr);
    align-items:center;
    gap:34px;
}

.mi-donut{
    width:220px;
    height:220px;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:conic-gradient(
        var(--mi-teal) 0 var(--mi-donut-angle),
        rgba(255,255,255,.07) var(--mi-donut-angle) 360deg
    );
}

.mi-donut>div{
    width:176px;
    height:176px;
    border-radius:50%;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
    background:#081523;
}

.mi-donut span{
    color:var(--mi-muted-2);
    font:800 9px/1 Inter,sans-serif;
    letter-spacing:.13em;
}

.mi-donut strong{
    margin-top:8px;
    font:700 32px/1 "Space Grotesk",Inter,sans-serif;
}

.mi-legal-list{
    display:grid;
    gap:11px;
}

.mi-legal-row{
    display:grid;
    grid-template-columns:28px minmax(0,1fr) auto;
    align-items:center;
    gap:10px;
    color:inherit;
    text-decoration:none;
    cursor:pointer;
}

.mi-legal-row:hover{
    color:inherit;
    text-decoration:none;
}

.mi-legal-row__index{
    color:var(--mi-muted-2);
    font:800 9px/1 Inter,sans-serif;
}

.mi-legal-row strong{
    display:block;
    font-size:12px;
    font-weight:650;
}

.mi-legal-row>span:last-child{
    color:var(--mi-muted);
    font-size:11px;
}

.mi-legal-row .mi-track{height:5px}

.mi-momentum{
    background:#06101d;
}

.mi-section-head--wide{max-width:850px}

.mi-chart-controls{
    display:flex;
    gap:4px;
    padding:4px;
    border:1px solid var(--mi-line);
    border-radius:9px;
    background:rgba(255,255,255,.02);
}

.mi-chart-controls button{
    border:0;
    background:transparent;
    color:var(--mi-muted);
    padding:7px 9px;
    border-radius:6px;
    font:700 10px/1 Inter,sans-serif;
    cursor:pointer;
}

.mi-chart-controls button.is-active{
    background:rgba(22,223,189,.12);
    color:var(--mi-teal);
}

/* Momentum KPIs */
.mi-momentum-kpis{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:14px;
    margin:0 0 24px;
}

.mi-momentum-kpi{
    padding:16px 18px;
    border:1px solid var(--mi-line);
    border-radius:14px;
    background:rgba(255,255,255,.025);
}

.mi-momentum-kpi span{
    display:block;
    color:var(--mi-muted-2);
    font-size:10px;
    font-weight:700;
    letter-spacing:.08em;
}

.mi-momentum-kpi strong{
    display:block;
    margin-top:7px;
    font:700 25px/1 "Space Grotesk",Inter,sans-serif;
    color:var(--mi-text);
}

.mi-momentum-kpi small{
    display:block;
    margin-top:5px;
    color:var(--mi-muted);
    font-size:10px;
}

.mi-momentum-kpi--change{
    border-color:rgba(22,223,189,.22);
}

.mi-momentum-kpi--change strong{
    color:var(--mi-teal);
}

.mi-line-chart{
    min-height:300px;
    overflow:hidden;
}

.mi-line-chart svg{
    display:block;
    width:100%;
    height:310px;
}

.mi-line-chart__grid line{
    stroke:rgba(167,197,224,.08);
}

.mi-line-chart__area{fill:url(#miArea)}

.mi-line-chart__line{
    fill:none;
    stroke:var(--mi-teal);
    stroke-width:3;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.mi-line-chart__point{
    fill:var(--mi-teal);
    stroke:#06101d;
    stroke-width:3;
}

.mi-chart-placeholder{
    min-height:250px;
    display:grid;
    place-items:center;
    color:var(--mi-muted-2);
    font-size:12px;
}

.mi-explore-section{
    background:#071522;
    border-top:1px solid var(--mi-line);
}

.mi-tabs{
    display:flex;
    flex-wrap:wrap;
    gap:7px;
    margin:31px 0 15px;
}

.mi-tabs button{
    border:1px solid var(--mi-line);
    border-radius:9px;
    background:transparent;
    color:var(--mi-muted);
    padding:10px 13px;
    font:700 11px/1 Inter,sans-serif;
    cursor:pointer;
}

.mi-tabs button.is-active{
    border-color:rgba(22,223,189,.28);
    background:rgba(22,223,189,.09);
    color:var(--mi-teal);
}

.mi-combination-layout{
    display:grid;
    grid-template-columns:.84fr 1.55fr;
    gap:14px;
}

.mi-combination-feature{
    padding:29px;
    border:1px solid rgba(22,223,189,.18);
    border-radius:19px;
    background:
        radial-gradient(circle at 80% 15%,rgba(22,223,189,.12),transparent 45%),
        rgba(255,255,255,.018);
}

.mi-combination-feature>span{
    color:var(--mi-teal);
    font:800 9px/1 Inter,sans-serif;
    letter-spacing:.15em;
}

.mi-combination-feature>strong{
    display:block;
    margin-top:36px;
    color:var(--mi-teal);
    font:700 clamp(46px,5.2vw,68px)/1 "Space Grotesk",Inter,sans-serif;
    letter-spacing:-.05em;
}

.mi-combination-feature h3{
    margin:10px 0;
    font:600 25px/1.12 "Space Grotesk",Inter,sans-serif;
}

.mi-combination-feature p{
    color:var(--mi-muted);
    font-size:13px;
    line-height:1.65;
}

.mi-combination-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
}

.mi-combo-item{
    padding:18px;
    border:1px solid var(--mi-line);
    border-radius:14px;
    background:rgba(255,255,255,.015);
}

.mi-combo-item__top{
    display:flex;
    justify-content:space-between;
    gap:10px;
}

.mi-combo-item__top span{
    color:var(--mi-muted-2);
    font-size:10px;
}

.mi-combo-item strong{
    display:block;
    margin:8px 0;
    font-size:13px;
}

.mi-combo-item small{
    color:var(--mi-muted);
    font-size:10px;
}

.mi-insights{
    background:#06101d;
}

.mi-insights-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:12px;
    margin-top:38px;
}

.mi-insight-card{
    min-height:225px;
    padding:25px;
    border:1px solid var(--mi-line);
    border-radius:19px;
    background:linear-gradient(150deg,rgba(255,255,255,.034),rgba(255,255,255,.012));
}

.mi-insight-card__index{
    color:var(--mi-teal);
    font:800 9px/1 Inter,sans-serif;
    letter-spacing:.13em;
}

.mi-insight-card strong{
    display:block;
    margin-top:43px;
    font:700 clamp(31px,3.5vw,47px)/.95 "Space Grotesk",Inter,sans-serif;
    letter-spacing:-.05em;
}

.mi-insight-card h3{
    margin:11px 0 7px;
    font:600 21px/1.1 "Space Grotesk",Inter,sans-serif;
}

.mi-insight-card p{
    margin:0;
    color:var(--mi-muted);
    font-size:12px;
    line-height:1.62;
}

.mi-conversion{
    background:#07101c;
    padding-top:55px;
}

.mi-conversion__box{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:45px;
    align-items:center;
    padding:58px;
    border:1px solid rgba(22,223,189,.22);
    border-radius:27px;
    background:
        radial-gradient(circle at 84% 18%,rgba(22,223,189,.13),transparent 34%),
        linear-gradient(135deg,#0b2033,#071523);
    box-shadow:0 35px 110px rgba(0,0,0,.22);
}

.mi-conversion h2 em,
.mi-plan h2 em{
    color:var(--mi-teal);
    font-style:normal;
}

.mi-conversion p{
    max-width:740px;
    color:var(--mi-muted);
    font-size:15px;
    line-height:1.75;
}

.mi-conversion__actions{
    display:flex;
    flex-direction:column;
    gap:12px;
    align-items:flex-start;
}

.mi-inline-link{
    color:var(--mi-muted);
    font-size:11px;
    text-decoration:none;
}

.mi-plan{
    background:#07101c;
}

.mi-plan-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:12px;
    margin-top:35px;
}

.mi-plan-grid article{
    padding:26px;
    border-top:1px solid var(--mi-line);
    border-bottom:1px solid var(--mi-line);
}

.mi-plan-grid span{
    color:var(--mi-teal);
    font:800 10px/1 Inter,sans-serif;
}

.mi-plan-grid h3{
    margin:35px 0 8px;
    font:600 24px/1 "Space Grotesk",Inter,sans-serif;
}

.mi-plan-grid p{
    margin:0;
    color:var(--mi-muted);
    font-size:13px;
    line-height:1.65;
}

.mi-faq{
    background:#07101c;
    border-top:1px solid var(--mi-line);
}

.mi-faq__layout{
    display:grid;
    grid-template-columns:.7fr 1.5fr;
    gap:70px;
}

.mi-faq-list{
    border-top:1px solid var(--mi-line);
}

.mi-faq details{
    border-bottom:1px solid var(--mi-line);
    padding:19px 0;
}

.mi-faq summary{
    cursor:pointer;
    list-style:none;
    font-size:14px;
    font-weight:650;
}

.mi-faq summary::-webkit-details-marker{display:none}

.mi-faq summary::after{
    content:"+";
    float:right;
    color:var(--mi-teal);
    font-size:18px;
}

.mi-faq details[open] summary::after{content:"−"}

.mi-faq details p{
    margin:13px 0 0;
    color:var(--mi-muted);
    font-size:12px;
    line-height:1.7;
}

.mi-error{
    width:min(760px,calc(100% - 40px));
    margin:0 auto 50px;
    padding:15px 17px;
    border:1px solid rgba(255,120,120,.24);
    border-radius:11px;
    background:rgba(255,100,100,.06);
    color:#ffc1c1;
    font-size:12px;
}

@keyframes miSweep{
    to{transform:rotate(360deg)}
}

@keyframes miRotate{
    to{transform:rotate(360deg)}
}

@media (prefers-reduced-motion:reduce){
    .mi-radar-sweep,
    .mi-sector-spotlight::before{
        animation:none;
    }
}

@media (max-width:980px){
    .mi-hero{
        min-height:0;
        padding:68px 0 58px;
    }

    .mi-hero__inner{
        grid-template-columns:1fr;
    }

    .mi-hero__visual{
        min-height:470px;
        margin-top:10px;
    }

    .mi-metric-strip{
        grid-template-columns:repeat(2,1fr);
    }

    .mi-feature-layout,
    .mi-legal__layout,
    .mi-combination-layout,
    .mi-faq__layout,
    .mi-conversion__box{
        grid-template-columns:1fr;
    }

    .mi-sector-stage{
        grid-template-columns:1fr;
        gap:30px;
    }

    .mi-sector-spotlight{
        width:275px;
        min-height:275px;
        margin:0 auto;
    }

    .mi-legal-visual{
        grid-template-columns:190px minmax(0,1fr);
    }

    .mi-donut{
        width:180px;
        height:180px;
    }

    .mi-donut>div{
        width:146px;
        height:146px;
    }

    .mi-conversion__actions{
        flex-direction:row;
        align-items:center;
    }

    .mi-plan-grid{
        grid-template-columns:1fr;
    }

    .mi-insights-grid{
        grid-template-columns:1fr 1fr;
    }
}

@media (max-width:680px){
    .mi-container{
        width:min(100% - 28px,1240px);
    }

    .mi-hero{
        padding-top:48px;
    }

    .mi-hero h1{
        font-size:clamp(43px,13vw,64px);
    }

    .mi-hero__lead{
        font-size:15px;
        line-height:1.65;
    }

    .mi-hero__actions{
        display:grid;
        grid-template-columns:1fr;
    }

    .mi-btn{
        width:100%;
    }

    .mi-hero__visual{
        min-height:350px;
    }

    .mi-hero-radar{
        width:350px;
        height:350px;
    }

    .mi-network{
        width:340px;
        height:340px;
    }

    .mi-hero-core{
        width:170px;
        height:170px;
    }

    .mi-hero-core strong{
        font-size:30px;
    }

    .mi-hero-data{
        min-width:95px;
        padding:10px 11px;
    }

    .mi-hero-data b{
        font-size:21px;
    }

    .mi-hero-data--top{top:0;right:0}
    .mi-hero-data--left{left:0;bottom:47px}
    .mi-hero-data--right{right:0;bottom:5px}

    .mi-section{
        padding:72px 0;
    }

    .mi-section-head--compact{
        display:block;
    }

    .mi-data-date{
        display:block;
        margin-top:9px;
    }

    .mi-metric-strip{
        grid-template-columns:1fr;
    }

    .mi-metric{
        min-height:125px;
        padding:19px;
    }

    .mi-metric strong{
        font-size:36px;
    }

    .mi-panel--large,
    .mi-panel--chart,
    .mi-signal,
    .mi-combination-feature,
    .mi-conversion__box{
        padding:21px;
    }

    .mi-panel-head{
        display:block;
    }

    .mi-panel-note{
        display:block;
        margin-top:8px;
    }

    .mi-region-row__top{
        align-items:flex-start;
    }

    .mi-region-row__top strong{
        font-size:12px;
    }

    .mi-region-row__top span{
        font-size:10px;
    }

    .mi-legal-visual{
        grid-template-columns:1fr;
    }

    .mi-donut{
        margin:0 auto;
    }

    .mi-combination-grid{
        grid-template-columns:1fr;
    }

    .mi-insights-grid{
        grid-template-columns:1fr;
    }

    .mi-conversion__actions{
        display:grid;
        grid-template-columns:1fr;
    }

    .mi-chart-controls{
        margin-top:13px;
    }
}

/* =========================================================
   MARKET EXPLORER — V1 SUPER WOW
   ========================================================= */

.mi-market-explorer {
    position: relative;
    overflow: hidden;
    padding: 92px 0 100px;
    background:
        radial-gradient(circle at 12% 15%, rgba(22,223,189,.10), transparent 32%),
        radial-gradient(circle at 88% 75%, rgba(140,126,255,.12), transparent 34%),
        linear-gradient(180deg, #071322 0%, #091a2b 100%);
    border-top: 1px solid rgba(167,197,224,.08);
    border-bottom: 1px solid rgba(167,197,224,.10);
}

.mi-market-explorer::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background-image:
        linear-gradient(rgba(167,197,224,.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(167,197,224,.035) 1px, transparent 1px);
    background-size: 56px 56px;
    mask-image: linear-gradient(to bottom, black, transparent 85%);
}

.mi-market-explorer .mi-container {
    position: relative;
    z-index: 1;
}

.mi-market-explorer__head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 40px;
    margin-bottom: 42px;
}

.mi-market-explorer__head h2 {
    max-width: 760px;
    margin: 12px 0 14px;
    font-family: "Space Grotesk", sans-serif;
    font-size: clamp(34px, 4vw, 58px);
    line-height: .98;
    letter-spacing: -.045em;
    color: #f6fbff;
}

.mi-market-explorer__head p {
    max-width: 680px;
    margin: 0;
    color: #abc0d2;
    font-size: 17px;
    line-height: 1.7;
}

.mi-market-explorer__live {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    border: 1px solid rgba(22,223,189,.22);
    border-radius: 999px;
    background: rgba(22,223,189,.06);
    color: #79f6de;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .14em;
    white-space: nowrap;
}

.mi-market-explorer__live span {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #16dfbd;
    box-shadow: 0 0 14px rgba(22,223,189,.8);
    animation: miExplorerPulse 1.8s ease-in-out infinite;
}

@keyframes miExplorerPulse {
    0%, 100% { opacity: .45; transform: scale(.85); }
    50% { opacity: 1; transform: scale(1); }
}

.mi-market-explorer__filters {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}

.mi-filter {
    display: flex;
    flex-direction: column;
    gap: 9px;
}

.mi-filter > span {
    padding-left: 3px;
    color: #7891a6;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .14em;
}

.mi-filter select {
    width: 100%;
    min-height: 62px;
    padding: 0 48px 0 18px;
    border: 1px solid rgba(167,197,224,.16);
    border-radius: 14px;
    outline: none;
    appearance: none;
    cursor: pointer;
    color: #f6fbff;
    background:
        linear-gradient(45deg, transparent 50%, #79f6de 50%) calc(100% - 23px) 27px / 7px 7px no-repeat,
        linear-gradient(135deg, #79f6de 50%, transparent 50%) calc(100% - 18px) 27px / 7px 7px no-repeat,
        rgba(7,18,31,.82);
    font: inherit;
    font-size: 15px;
    font-weight: 700;
    transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.mi-filter select:hover {
    border-color: rgba(22,223,189,.34);
    transform: translateY(-1px);
}

.mi-filter select:focus {
    border-color: rgba(22,223,189,.62);
    box-shadow: 0 0 0 4px rgba(22,223,189,.08);
}

.mi-filter select option {
    color: #f6fbff;
    background: #0b1c2e;
}

.mi-market-explorer__state {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    min-height: 62px;
    margin-top: 18px;
    padding: 12px 14px;
    border: 1px solid rgba(167,197,224,.10);
    border-radius: 14px;
    background: rgba(4,12,22,.42);
}

.mi-market-explorer__chips {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

.mi-filter-empty {
    color: #7891a6;
    font-size: 13px;
}

.mi-filter-chip {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 11px;
    border: 1px solid rgba(22,223,189,.22);
    border-radius: 999px;
    background: rgba(22,223,189,.07);
    color: #79f6de;
    font-size: 12px;
    font-weight: 700;
}

.mi-filter-chip button {
    display: inline-grid;
    place-items: center;
    width: 18px;
    height: 18px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    cursor: pointer;
    color: #79f6de;
    background: rgba(22,223,189,.10);
}

.mi-filter-reset {
    flex: 0 0 auto;
    padding: 9px 13px;
    border: 1px solid rgba(167,197,224,.15);
    border-radius: 999px;
    cursor: pointer;
    color: #abc0d2;
    background: transparent;
    font: inherit;
    font-size: 12px;
    font-weight: 700;
    transition: .2s ease;
}

.mi-filter-reset:hover {
    border-color: rgba(22,223,189,.35);
    color: #79f6de;
    background: rgba(22,223,189,.06);
}

.mi-market-explorer__stats {
    display: grid;
    grid-template-columns: 1.35fr repeat(3, 1fr);
    gap: 12px;
    margin-top: 18px;
}

.mi-explorer-stat {
    min-height: 145px;
    padding: 23px;
    border: 1px solid rgba(167,197,224,.11);
    border-radius: 16px;
    background: rgba(11,28,46,.68);
    box-shadow: 0 18px 45px rgba(0,0,0,.12);
    transition: transform .25s ease, border-color .25s ease;
}

.mi-explorer-stat:hover {
    transform: translateY(-3px);
    border-color: rgba(22,223,189,.24);
}

.mi-explorer-stat--primary {
    background:
        linear-gradient(135deg, rgba(22,223,189,.10), rgba(11,28,46,.82));
    border-color: rgba(22,223,189,.20);
}

.mi-explorer-stat span {
    display: block;
    margin-bottom: 12px;
    color: #7891a6;
    font-size: 10px;
    font-wei
    letter-spacing: .14em;
}

.mi-explorer-stat strong {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #f6fbff;
    font-family: "Space Grotesk", sans-serif;
    font-size: clamp(25px, 2.6vw, 38px);
    line-height: 1;
    letter-spacing: -.04em;
}

.mi-explorer-stat--primary strong {
    color: #79f6de;
}

.mi-explorer-stat small {
    display: block;
    margin-top: 11px;
    color: #7891a6;
    font-size: 12px;
}

.mi-market-explorer__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    margin-top: 18px;
    padding: 24px 26px;
    border: 1px solid rgba(140,126,255,.18);
    border-radius: 16px;
    background:
        linear-gradient(90deg, rgba(140,126,255,.08), rgba(22,223,189,.05)),
        rgba(8,18,31,.72);
}

.mi-market-explorer__footer strong {
    display: block;
    margin-bottom: 6px;
    color: #f6fbff;
    font-family: "Space Grotesk", sans-serif;
    font-size: 18px;
}

.mi-market-explorer__footer span {
    color: #abc0d2;
    font-size: 13px;
}

.mi-market-explorer__cta {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    flex: 0 0 auto;
    padding: 14px 19px;
    border-radius: 11px;
    color: #04131d;
    background: #16dfbd;
    font-weight: 900;
    text-decoration: none;
    box-shadow: 0 12px 30px rgba(22,223,189,.16);
    transition: transform .2s ease, box-shadow .2s ease;
}

.mi-market-explorer__cta:hover {
    transform: translateY(-2px);
    box-shadow: 0 16px 38px rgba(22,223,189,.25);
}

@media (max-width: 900px) {
    .mi-market-explorer__head {
        align-items: flex-start;
        flex-direction: column;
    }

    .mi-market-explorer__filters,
    .mi-market-explorer__stats {
        grid-template-columns: 1fr;
    }

    .mi-market-explorer__footer {
        align-items: flex-start;
        flex-direction: column;
    }

    .mi-market-explorer__cta {
        width: 100%;
        justify-content: center;
    }
}

@media (max-width: 560px) {
    .mi-market-explorer {
        padding: 70px 0 78px;
    }

    .mi-market-explorer__head h2 {
        font-size: 36px;
    }

    .mi-market-explorer__state {
        align-items: flex-start;
        flex-direction: column;
    }

    .mi-filter-reset {
        width: 100%;
    }
}


/* =========================================================
   MARKET EXPLORER — V1 SUPER WOW
   ========================================================= */

.mi-market-explorer {
    position: relative;
    overflow: hidden;
    padding: 92px 0 100px;
    background:
        radial-gradient(circle at 12% 15%, rgba(22,223,189,.10), transparent 32%),
        radial-gradient(circle at 88% 75%, rgba(140,126,255,.12), transparent 34%),
        linear-gradient(180deg, #071322 0%, #091a2b 100%);
    border-top: 1px solid rgba(167,197,224,.08);
    border-bottom: 1px solid rgba(167,197,224,.10);
}

.mi-market-explorer::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background-image:
        linear-gradient(rgba(167,197,224,.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(167,197,224,.035) 1px, transparent 1px);
    background-size: 56px 56px;
    mask-image: linear-gradient(to bottom, black, transparent 85%);
}

.mi-market-explorer .mi-container {
    position: relative;
    z-index: 1;
}

.mi-market-explorer__head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 40px;
    margin-bottom: 42px;
}

.mi-market-explorer__head h2 {
    max-width: 760px;
    margin: 12px 0 14px;
    font-family: "Space Grotesk", sans-serif;
    font-size: clamp(34px, 4vw, 58px);
    line-height: .98;
    letter-spacing: -.045em;
    color: #f6fbff;
}

.mi-market-explorer__head p {
    max-width: 680px;
    margin: 0;
    color: #abc0d2;
    font-size: 17px;
    line-height: 1.7;
}

.mi-market-explorer__live {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    border: 1px solid rgba(22,223,189,.22);
    border-radius: 999px;
    background: rgba(22,223,189,.06);
    color: #79f6de;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .14em;
    white-space: nowrap;
}

.mi-market-explorer__live span {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #16dfbd;
    box-shadow: 0 0 14px rgba(22,223,189,.8);
    animation: miExplorerPulse 1.8s ease-in-out infinite;
}

@keyframes miExplorerPulse {
    0%, 100% { opacity: .45; transform: scale(.85); }
    50% { opacity: 1; transform: scale(1); }
}

.mi-market-explorer__filters {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}

.mi-filter {
    display: flex;
    flex-direction: column;
    gap: 9px;
}

.mi-filter > span {
    padding-left: 3px;
    color: #7891a6;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .14em;
}

.mi-filter select {
    width: 100%;
    min-height: 62px;
    padding: 0 48px 0 18px;
    border: 1px solid rgba(167,197,224,.16);
    border-radius: 14px;
    outline: none;
    appearance: none;
    cursor: pointer;
    color: #f6fbff;
    background:
        linear-gradient(45deg, transparent 50%, #79f6de 50%) calc(100% - 23px) 27px / 7px 7px no-repeat,
        linear-gradient(135deg, #79f6de 50%, transparent 50%) calc(100% - 18px) 27px / 7px 7px no-repeat,
        rgba(7,18,31,.82);
    font: inherit;
    font-size: 15px;
    font-weight: 700;
    transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.mi-filter select:hover {
    border-color: rgba(22,223,189,.34);
    transform: translateY(-1px);
}

.mi-filter select:focus {
    border-color: rgba(22,223,189,.62);
    box-shadow: 0 0 0 4px rgba(22,223,189,.08);
}

.mi-filter select option {
    color: #f6fbff;
    background: #0b1c2e;
}

.mi-market-explorer__state {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    min-height: 62px;
    margin-top: 18px;
    padding: 12px 14px;
    border: 1px solid rgba(167,197,224,.10);
    border-radius: 14px;
    background: rgba(4,12,22,.42);
}

.mi-market-explorer__chips {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

.mi-filter-empty {
    color: #7891a6;
    font-size: 13px;
}

.mi-filter-chip {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 11px;
    border: 1px solid rgba(22,223,189,.22);
    border-radius: 999px;
    background: rgba(22,223,189,.07);
    color: #79f6de;
    font-size: 12px;
    font-weight: 700;
}

.mi-filter-chip button {
    display: inline-grid;
    place-items: center;
    width: 18px;
    height: 18px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    cursor: pointer;
    color: #79f6de;
    background: rgba(22,223,189,.10);
}

.mi-filter-reset {
    flex: 0 0 auto;
    padding: 9px 13px;
    border: 1px solid rgba(167,197,224,.15);
    border-radius: 999px;
    cursor: pointer;
    color: #abc0d2;
    background: transparent;
    font: inherit;
    font-size: 12px;
    font-weight: 700;
    transition: .2s ease;
}

.mi-filter-reset:hover {
    border-color: rgba(22,223,189,.35);
    color: #79f6de;
    background: rgba(22,223,189,.06);
}

.mi-market-explorer__stats {
    display: grid;
    grid-template-columns: 1.35fr repeat(3, 1fr);
    gap: 12px;
    margin-top: 18px;
}

.mi-explorer-stat {
    min-height: 145px;
    padding: 23px;
    border: 1px solid rgba(167,197,224,.11);
    border-radius: 16px;
    background: rgba(11,28,46,.68);
    box-shadow: 0 18px 45px rgba(0,0,0,.12);
    transition: transform .25s ease, border-color .25s ease;
}

.mi-explorer-stat:hover {
    transform: translateY(-3px);
    border-color: rgba(22,223,189,.24);
}

.mi-explorer-stat--primary {
    background:
        linear-gradient(135deg, rgba(22,223,189,.10), rgba(11,28,46,.82));
    border-color: rgba(22,223,189,.20);
}

.mi-explorer-stat span {
    display: block;
    margin-bottom: 12px;
    color: #7891a6;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .14em;
}

.mi-explorer-stat strong {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #f6fbff;
    font-family: "Space Grotesk", sans-serif;
    font-size: clamp(25px, 2.6vw, 38px);
    line-height: 1;
    letter-spacing: -.04em;
}

.mi-explorer-stat--primary strong {
    color: #79f6de;
}

.mi-explorer-stat small {
    display: block;
    margin-top: 11px;
    color: #7891a6;
    font-size: 12px;
}

.mi-market-explorer__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    margin-top: 18px;
    padding: 24px 26px;
    border: 1px solid rgba(140,126,255,.18);
    border-radius: 16px;
    background:
        linear-gradient(90deg, rgba(140,126,255,.08), rgba(22,223,189,.05)),
        rgba(8,18,31,.72);
}

.mi-market-explorer__footer strong {
    display: block;
    margin-bottom: 6px;
    color: #f6fbff;
    font-family: "Space Grotesk", sans-serif;
    font-size: 18px;
}

.mi-market-explorer__footer span {
    color: #abc0d2;
    font-size: 13px;
}

.mi-market-explorer__cta {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    flex: 0 0 auto;
    padding: 14px 19px;
    border-radius: 11px;
    color: #04131d;
    background: #16dfbd;
    font-weight: 900;
    text-decoration: none;
    box-shadow: 0 12px 30px rgba(22,223,189,.16);
    transition: transform .2s ease, box-shadow .2s ease;
}

.mi-market-explorer__cta:hover {
    transform: translateY(-2px);
    box-shadow: 0 16px 38px rgba(22,223,189,.25);
}

@media (max-width: 900px) {
    .mi-market-explorer__head {
        align-items: flex-start;
        flex-direction: column;
    }

    .mi-market-explorer__filters,
    .mi-market-explorer__stats {
        grid-template-columns: 1fr;
    }

    .mi-market-explorer__footer {
        align-items: flex-start;
        flex-direction: column;
    }

    .mi-market-explorer__cta {
        width: 100%;
        justify-content: center;
    }
}

@media (max-width: 560px) {
    .mi-market-explorer {
        padding: 70px 0 78px;
    }

    .mi-market-explorer__head h2 {
        font-size: 36px;
    }

    .mi-market-explorer__state {
        align-items: flex-start;
        flex-direction: column;
    }

    .mi-filter-reset {
        width: 100%;
    }
}


/* =========================================================
   MARKET REPORT PROTOTYPE
   ========================================================= */

.mi-report {
    padding: 110px 0 100px;
    background:
        radial-gradient(circle at 15% 10%, rgba(83, 74, 255, .12), transparent 34%),
        radial-gradient(circle at 85% 20%, rgba(0, 212, 255, .08), transparent 30%),
        var(--mi-bg, #0b0f19);
    border-top: 1px solid rgba(255,255,255,.06);
}

.mi-report__header {
    display: flex;
    justify-content: space-between;
    gap: 40px;
    align-items: flex-end;
    margin-bottom: 42px;
}

.mi-report__header h2 {
    max-width: 850px;
    margin: 14px 0 16px;
    font-size: clamp(34px, 5vw, 68px);
    line-height: .98;
    letter-spacing: -2px;
}

.mi-report__header h2 em {
    display: block;
    font-style: normal;
    opacity: .62;
}

.mi-report__header p {
    max-width: 720px;
    margin: 0;
    color: var(--mi-muted);
    font-size: 17px;
    line-height: 1.7;
}

.mi-report__badge {
    flex: 0 0 auto;
    min-width: 190px;
    padding: 20px;
    border: 1px solid rgba(255,255,255,.10);
    border-radius: 18px;
    background: rgba(255,255,255,.035);
    text-align: right;
}

.mi-report__badge span,
.mi-report-card > span,
.mi-report__signals article > span,
.mi-report-panel__head > span,
.mi-report__insight > span {
    display: block;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1.5px;
    color: var(--mi-muted);
}

.mi-report__badge strong {
    display: block;
    margin-top: 7px;
    font-size: 17px;
}

.mi-report__hero-grid {
    display: grid;
    grid-template-columns: 1.5fr repeat(3, 1fr);
    gap: 14px;
}

.mi-report-card {
    min-height: 190px;
    padding: 27px;
    border: 1px solid rgba(255,255,255,.09);
    border-radius: 22px;
    background: rgba(255,255,255,.035);
    box-shadow: 0 20px 60px rgba(0,0,0,.18);
}

.mi-report-card--primary {
    background:
        linear-gradient(145deg, rgba(94,76,255,.22), rgba(0,212,255,.07)),
        rgba(255,255,255,.035);
    border-color: rgba(112,105,255,.28);
}

.mi-report-card strong {
    display: block;
    margin: 24px 0 9px;
    font-size: clamp(36px, 4vw, 58px);
    line-height: 1;
    letter-spacing: -2px;
}

.mi-report-card--primary strong {
    font-size: clamp(50px, 5vw, 76px);
}

.mi-report-card small {
    color: var(--mi-muted);
    font-size: 13px;
    line-height: 1.5;
}

.mi-report__signals {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 14px;
    margin-top: 14px;
}

.mi-report__signals article {
    padding: 24px;
    border: 1px solid rgba(255,255,255,.07);
    border-radius: 18px;
    background: rgba(255,255,255,.025);
}

.mi-report__signals strong {
    display: block;
    margin: 12px 0 7px;
    font-size: 30px;
}

.mi-report__signals p {
    margin: 0;
    color: var(--mi-muted);
    font-size: 13px;
    line-height: 1.6;
}

.mi-report__columns {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
    margin-top: 18px;
}

.mi-report-panel {
    padding: 30px;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 22px;
    background: rgba(255,255,255,.025);
}

.mi-report-panel__head {
    margin-bottom: 28px;
}

.mi-report-panel__head h3 {
    margin: 8px 0 0;
    font-size: 25px;
}

.mi-report-rank {
    margin-top: 17px;
}

.mi-report-rank__top {
    display: flex;
    justify-content: space-between;
    gap: 15px;
    margin-bottom: 7px;
    font-size: 13px;
}

.mi-report-rank__top span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mi-report-rank__top strong {
    flex: 0 0 auto;
}

.mi-report-rank__bar {
    height: 7px;
    overflow: hidden;
    border-radius: 99px;
    background: rgba(255,255,255,.07);
}

.mi-report-rank__bar i {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #6f63ff, #00cfff);
}

.mi-report__insight {
    margin-top: 18px;
    padding: 35px;
    border-radius: 24px;
    border: 1px solid rgba(111,99,255,.22);
    background:
        linear-gradient(135deg, rgba(111,99,255,.12), rgba(0,207,255,.05)),
        rgba(255,255,255,.025);
}

.mi-report__insight h3 {
    max-width: 900px;
    margin: 12px 0 13px;
    font-size: clamp(25px, 3vw, 38px);
    line-height: 1.15;
}

.mi-report__insight p {
    max-width: 850px;
    margin: 0;
    color: var(--mi-muted);
    font-size: 15px;
    line-height: 1.75;
}

@media (max-width: 980px) {
    .mi-report__hero-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .mi-report__signals {
        grid-template-columns: repeat(2, 1fr);
    }

    .mi-report__columns {
        grid-template-columns: 1fr;
    }

    .mi-report__header {
        align-items: flex-start;
        flex-direction: column;
    }

    .mi-report__badge {
        text-align: left;
    }
}

@media (max-width: 620px) {
    .mi-report {
        padding: 75px 0;
    }

    .mi-report__hero-grid,
    .mi-report__signals {
        grid-template-columns: 1fr;
    }

    .mi-report__header h2 {
        letter-spacing: -1px;
    }

    .mi-report-card,
    .mi-report-panel,
    .mi-report__insight {
        padding: 22px;
    }
}



/* ============================================================
   MARKET REPORT · EDITORIAL DATA STORY V3
   Full-width / SSR / SVG-ready / pSEO
   ============================================================ */

.mi-report {
    width: 100%;
}

.mi-report__container,
.mi-report__inner {
    width: min(1540px, calc(100% - 64px));
    margin-inline: auto;
}

/* ------------------------------------------------------------
   CONTEXT
   ------------------------------------------------------------ */

.mi-report-context {
    position: sticky;
    top: 0;
    z-index: 30;
    border-top: 1px solid rgba(255,255,255,.06);
    border-bottom: 1px solid rgba(255,255,255,.08);
    background: rgba(11,15,25,.88);
    backdrop-filter: blur(16px);
}

.mi-report-context__inner {
    width: min(1540px, calc(100% - 64px));
    min-height: 48px;
    margin-inline: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.mi-report-context__label {
    color: rgba(255,255,255,.42);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .16em;
    text-transform: uppercase;
}

.mi-report-context__value {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: rgba(255,255,255,.82);
    font-size: 12px;
}

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

.mi-report-hero {
    padding: clamp(42px, 7vw, 88px) 0 0;
}

.mi-report-hero__grid {
    display: grid;
    grid-template-columns: minmax(0, 1.55fr) minmax(280px, .75fr);
    gap: clamp(32px, 6vw, 96px);
    align-items: end;
}

.mi-report-hero__eyebrow,
.mi-report-section__eyebrow {
    display: block;
    margin-bottom: 13px;
    color: var(--mi-accent, #22d3c5);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .18em;
    text-transform: uppercase;
}

.mi-report-hero h1 {
    max-width: 1050px;
    margin: 0;
    color: #fff;
    font-size: clamp(38px, 6vw, 82px);
    line-height: .98;
    letter-spacing: -.055em;
}

.mi-report-hero h1 em {
    display: block;
    color: rgba(255,255,255,.43);
    font-style: normal;
}

.mi-report-hero__lead {
    max-width: 760px;
    margin: 24px 0 0;
    color: rgba(255,255,255,.60);
    font-size: clamp(16px, 1.5vw, 20px);
    line-height: 1.65;
}

.mi-report-hero__lead strong {
    color: #fff;
    font-weight: 700;
}

.mi-report-hero__aside {
    padding-bottom: 6px;
    border-left: 1px solid rgba(255,255,255,.10);
    padding-left: 28px;
}

.mi-report-hero__aside-label {
    display: block;
    margin-bottom: 8px;
    color: rgba(255,255,255,.38);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .15em;
    text-transform: uppercase;
}

.mi-report-hero__aside strong {
    display: block;
    color: #fff;
    font-size: clamp(36px, 4vw, 58px);
    line-height: 1;
    letter-spacing: -.05em;
}

.mi-report-hero__aside small {
    display: block;
    margin-top: 8px;
    color: rgba(255,255,255,.43);
    font-size: 12px;
}

/* ------------------------------------------------------------
   STAT STRIP
   ------------------------------------------------------------ */

.mi-stat-strip {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-top: 52px;
    border-top: 1px solid rgba(255,255,255,.11);
    border-bottom: 1px solid rgba(255,255,255,.11);
}

.mi-stat {
    min-width: 0;
    padding: 27px 30px 30px;
    border-right: 1px solid rgba(255,255,255,.09);
}

.mi-stat:last-child {
    border-right: 0;
}

.mi-stat__label {
    display: block;
    color: rgba(255,255,255,.40);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.mi-stat strong {
    display: block;
    margin-top: 9px;
    color: #fff;
    font-size: clamp(30px, 3.2vw, 50px);
    line-height: 1;
    letter-spacing: -.045em;
}

.mi-stat small {
    display: block;
    margin-top: 9px;
    color: rgba(255,255,255,.43);
    font-size: 11px;
    line-height: 1.45;
}

.mi-stat--accent strong {
    color: var(--mi-accent, #22d3c5);
}

/* ------------------------------------------------------------
   SECTIONS
   ------------------------------------------------------------ */

.mi-report-section {
    padding: clamp(58px, 8vw, 108px) 0 0;
}

.mi-report-section__head {
    display: grid;
    grid-template-columns: minmax(0, .72fr) minmax(0, 1.28fr);
    gap: 30px;
    align-items: end;
    margin-bottom: 30px;
}

.mi-report-section__head h2 {
    margin: 0;
    color: #fff;
    font-size: clamp(28px, 4vw, 52px);
    line-height: 1.02;
    letter-spacing: -.045em;
}

.mi-report-section__head p {
    max-width: 700px;
    margin: 0;
    color: rgba(255,255,255,.53);
    font-size: 14px;
    line-height: 1.75;
}

/* ------------------------------------------------------------
   DATA PANEL
   ------------------------------------------------------------ */

.mi-data-panel {
    border-top: 1px solid rgba(255,255,255,.11);
    border-bottom: 1px solid rgba(255,255,255,.11);
    padding: 30px 0;
}

.mi-data-panel__top {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 25px;
}

.mi-data-panel__title {
    color: #fff;
    font-size: 14px;
    font-weight: 700;
}

.mi-data-panel__total {
    color: rgba(255,255,255,.48);
    font-size: 12px;
}

/* ------------------------------------------------------------
   HORIZONTAL BARS
   ------------------------------------------------------------ */

.mi-bars {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.mi-bar {
    display: grid;
    grid-template-columns: minmax(190px, 280px) minmax(0, 1fr) 72px;
    align-items: center;
    gap: 20px;
    min-height: 34px;
}

.mi-bar__meta {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 9px;
}

.mi-bar__rank {
    width: 25px;
    flex: 0 0 25px;
    color: rgba(255,255,255,.25);
    font-size: 10px;
    font-weight: 800;
}

.mi-bar__name {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: rgba(255,255,255,.67);
    font-size: 12px;
}

.mi-bar__track {
    height: 9px;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(255,255,255,.055);
}

.mi-bar__track i {
    display: block;
    width: var(--mi-bar-width, 0%);
    height: 100%;
    border-radius: inherit;
    background: rgba(255,255,255,.22);
}

.mi-bar--highlight .mi-bar__name {
    color: #fff;
    font-weight: 700;
}

.mi-bar--highlight .mi-bar__rank {
    color: var(--mi-accent, #22d3c5);
}

.mi-bar--highlight .mi-bar__track i {
    background: var(--mi-accent, #22d3c5);
}

.mi-bar__value {
    text-align: right;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap;
}

/* ------------------------------------------------------------
   TWO / THREE COLUMN STORY GRID
   ------------------------------------------------------------ */

.mi-story-grid {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 18px;
}

.mi-story-card {
    min-width: 0;
    grid-column: span 4;
    border-top: 1px solid rgba(255,255,255,.11);
    padding: 25px 0 0;
}

.mi-story-card--wide {
    grid-column: span 6;
}

.mi-story-card__eyebrow {
    display: block;
    margin-bottom: 9px;
    color: rgba(255,255,255,.35);
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .15em;
    text-transform: uppercase;
}

.mi-story-card h3 {
    margin: 0;
    color: #fff;
    font-size: 18px;
    line-height: 1.2;
    letter-spacing: -.025em;
}

.mi-story-card p {
    margin: 12px 0 0;
    color: rgba(255,255,255,.49);
    font-size: 12px;
    line-height: 1.7;
}

/* ------------------------------------------------------------
   LEGAL FORM — SEMANTIC COLORS
   ------------------------------------------------------------ */

.mi-legal-stack {
    display: flex;
    width: 100%;
    height: 28px;
    overflow: hidden;
    border-radius: 4px;
    background: rgba(255,255,255,.045);
}

.mi-legal-stack__item {
    min-width: 2px;
    width: var(--mi-legal-width, 0%);
    background: var(--mi-legal-color, #394252);
}

.mi-legal-legend {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 11px 28px;
    margin-top: 22px;
}

.mi-legal-legend__item {
    min-width: 0;
    display: grid;
    grid-template-columns: 9px minmax(0,1fr) auto;
    align-items: center;
    gap: 9px;
    color: rgba(255,255,255,.58);
    font-size: 11px;
}

.mi-legal-legend__dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--mi-legal-color, #394252);
}

.mi-legal-legend__name {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mi-legal-legend__value {
    color: #fff;
    font-weight: 700;
}

/* ------------------------------------------------------------
   KNOWN SEMANTIC FORM COLORS
   ------------------------------------------------------------ */

.mi-legal--individual { --mi-legal-color: #22d3c5; }
.mi-legal--ike        { --mi-legal-color: #8b7cf6; }
.mi-legal--ee         { --mi-legal-color: #5fa8ff; }
.mi-legal--oe         { --mi-legal-color: #f0b45b; }
.mi-legal--ae         { --mi-legal-color: #d875e8; }
.mi-legal--epe        { --mi-legal-color: #8b95a5; }
.mi-legal--other      { --mi-legal-color: #394252; }

/* ------------------------------------------------------------
   SHARE / POSITION
   ------------------------------------------------------------ */

.mi-share-figure {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(180px, 280px);
    gap: 40px;
    align-items: center;
    border-top: 1px solid rgba(255,255,255,.11);
    border-bottom: 1px solid rgba(255,255,255,.11);
    padding: 35px 0;
}

.mi-share-figure__number {
    color: #fff;
    font-size: clamp(48px, 7vw, 92px);
    line-height: .9;
    letter-spacing: -.065em;
}

.mi-share-figure__number span {
    color: rgba(255,255,255,.38);
    font-size: 15px;
    letter-spacing: 0;
}

.mi-share-figure__copy {
    color: rgba(255,255,255,.53);
    font-size: 13px;
    line-height: 1.7;
}

.mi-share-figure__copy strong {
    color: #fff;
}

/* ------------------------------------------------------------
   MOMENTUM
   ------------------------------------------------------------ */

.mi-momentum {
    border-top: 1px solid rgba(255,255,255,.11);
    border-bottom: 1px solid rgba(255,255,255,.11);
    padding: 28px 0;
}

.mi-momentum__chart {
    width: 100%;
    min-height: 240px;
    display: block;
}

.mi-momentum__empty {
    min-height: 180px;
    display: grid;
    place-items: center;
    border: 1px dashed rgba(255,255,255,.10);
    color: rgba(255,255,255,.38);
    text-align: center;
    padding: 30px;
}

.mi-momentum__empty strong {
    display: block;
    margin-bottom: 8px;
    color: rgba(255,255,255,.68);
    font-size: 14px;
}

.mi-momentum__empty span {
    display: block;
    max-width: 500px;
    font-size: 12px;
    line-height: 1.6;
}

/* ------------------------------------------------------------
   INSIGHT
   ------------------------------------------------------------ */

.mi-report-insight-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0,1fr));
    border-top: 1px solid rgba(255,255,255,.11);
    border-bottom: 1px solid rgba(255,255,255,.11);
}

.mi-report-insight {
    min-width: 0;
    padding: 28px 25px 32px;
    border-right: 1px solid rgba(255,255,255,.09);
}

.mi-report-insight:last-child {
    border-right: 0;
}

.mi-report-insight__number {
    display: block;
    margin-bottom: 22px;
    color: var(--mi-accent, #22d3c5);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .12em;
}

.mi-report-insight h3 {
    margin: 0;
    color: #fff;
    font-size: 17px;
    line-height: 1.3;
    letter-spacing: -.02em;
}

.mi-report-insight p {
    margin: 11px 0 0;
    color: rgba(255,255,255,.45);
    font-size: 11px;
    line-height: 1.65;
}

/* ------------------------------------------------------------
   EXPLORER EMPHASIS
   ------------------------------------------------------------ */

#mi-market-explorer {
    margin-top: 70px;
}

#mi-filtered-total {
    color: var(--mi-accent, #22d3c5);
    font-size: clamp(30px, 4vw, 54px);
    font-weight: 800;
    letter-spacing: -.045em;
}

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

@media (max-width: 1000px) {
    .mi-report-hero__grid,
    .mi-report-section__head {
        grid-template-columns: 1fr;
    }

    .mi-report-hero__aside {
        border-left: 0;
        border-top: 1px solid rgba(255,255,255,.10);
        padding: 20px 0 0;
    }

    .mi-story-card,
    .mi-story-card--wide {
        grid-column: span 6;
    }

    .mi-report-insight-grid {
        grid-template-columns: repeat(2, minmax(0,1fr));
    }

    .mi-report-insight:nth-child(2) {
        border-right: 0;
    }

    .mi-report-insight:nth-child(-n+2) {
        border-bottom: 1px solid rgba(255,255,255,.09);
    }
}

@media (max-width: 720px) {
    .mi-report__container,
    .mi-report__inner,
    .mi-report-context__inner {
        width: min(100% - 32px, 1540px);
    }

    .mi-report-hero {
        padding-top: 42px;
    }

    .mi-stat-strip {
        grid-template-columns: repeat(2, minmax(0,1fr));
    }

    .mi-stat:nth-child(2) {
        border-right: 0;
    }

    .mi-stat:nth-child(-n+2) {
        border-bottom: 1px solid rgba(255,255,255,.09);
    }

    .mi-bar {
        grid-template-columns: minmax(120px, 1fr) 90px;
        gap: 10px 15px;
    }

    .mi-bar__track {
        grid-column: 1 / -1;
        grid-row: 2;
    }

    .mi-bar__value {
        grid-column: 2;
        grid-row: 1;
    }

    .mi-story-card,
    .mi-story-card--wide {
        grid-column: span 12;
    }

    .mi-share-figure {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .mi-legal-legend {
        grid-template-columns: 1fr;
    }

    .mi-report-insight-grid {
        grid-template-columns: 1fr;
    }

    .mi-report-insight {
        border-right: 0;
        border-bottom: 1px solid rgba(255,255,255,.09);
    }

    .mi-report-insight:last-child {
        border-bottom: 0;
    }
}

@media (max-width: 480px) {
    .mi-stat {
        padding: 21px 17px 23px;
    }

    .mi-stat strong {
        font-size: 30px;
    }

    .mi-report-hero h1 {
        font-size: 38px;
    }

    .mi-report-context__inner {
        min-height: 44px;
    }

    .mi-report-context__label {
        display: none;
    }
}

/* ============================================================
 * MARKET INTELLIGENCE REPORT V4 — VISUAL ENGINE
 * Append-only override layer.
 * ============================================================ */

.mi-report-v4 {
    --mi-bg: #0b0f19;
    --mi-panel: rgba(18, 24, 36, .86);
    --mi-panel-strong: rgba(22, 29, 43, .96);
    --mi-border: rgba(255, 255, 255, .085);
    --mi-border-strong: rgba(255, 255, 255, .13);
    --mi-text: #f5f7fb;
    --mi-muted: #8e99ab;
    --mi-soft: #647084;
    --mi-accent: #22d3c5;
    --mi-accent-soft: rgba(34, 211, 197, .12);
    --mi-shadow: 0 24px 70px rgba(0, 0, 0, .24);

    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 34px 0 90px;
    color: var(--mi-text);
    overflow: hidden;
}

.mi-report-v4 *,
.mi-report-v4 *::before,
.mi-report-v4 *::after {
    box-sizing: border-box;
}

.mi-report-v4__container {
    width: min(1440px, calc(100% - 40px));
    margin: 0 auto;
}

/* ---------- HEADER ---------- */

.mi-v4-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 32px;
    margin-bottom: 24px;
}

.mi-v4-header__context {
    min-width: 0;
}

.mi-v4-eyebrow,
.mi-v4-card__eyebrow {
    display: block;
    margin-bottom: 8px;
    color: var(--mi-accent);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .16em;
    line-height: 1.3;
}

.mi-v4-header h1 {
    max-width: 900px;
    margin: 0;
    color: var(--mi-text);
    font-size: clamp(27px, 3.2vw, 48px);
    font-weight: 760;
    letter-spacing: -.045em;
    line-height: 1.03;
}

.mi-v4-header h1 span {
    color: #4d586a;
    font-weight: 400;
    padding: 0 5px;
}

.mi-v4-header p {
    max-width: 760px;
    margin: 13px 0 0;
    color: var(--mi-muted);
    font-size: 14px;
    line-height: 1.65;
}

.mi-v4-header__date {
    flex: 0 0 auto;
    min-width: 150px;
    padding: 13px 15px;
    border: 1px solid var(--mi-border);
    border-radius: 14px;
    background: rgba(255,255,255,.025);
    text-align: right;
}

.mi-v4-header__date span {
    display: block;
    color: var(--mi-soft);
    font-size: 8px;
    font-weight: 800;
    letter-spacing: .12em;
}

.mi-v4-header__date strong {
    display: block;
    margin-top: 5px;
    color: var(--mi-text);
    font-size: 12px;
}

/* ---------- MASONRY ---------- */

.mi-v4-masonry {
    column-count: 2;
    column-gap: 18px;
}

.mi-v4-masonry > * {
    display: inline-block;
    width: 100%;
    margin: 0 0 18px;
    vertical-align: top;
    break-inside: avoid;
}

.mi-v4-masonry--hero {
    column-count: 2;
}

.mi-v4-masonry--main {
    column-count: 2;
}

.mi-v4-masonry--main .mi-v4-card--market-links {
    display: block;
    width: 100%;
    column-span: all;
}

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

.mi-v4-card {
    position: relative;
    min-width: 0;
    overflow: hidden;
    padding: 25px;
    border: 1px solid var(--mi-border);
    border-radius: 22px;
    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.045),
            rgba(255,255,255,.018)
        ),
        var(--mi-panel);
    box-shadow: var(--mi-shadow);
}

.mi-v4-card::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    border-radius: inherit;
    background:
        linear-gradient(
            125deg,
            rgba(255,255,255,.035),
            transparent 30%
        );
}

.mi-v4-card > * {
    position: relative;
    z-index: 1;
}

.mi-v4-card h2 {
    margin: 0;
    color: var(--mi-text);
    font-size: 19px;
    font-weight: 720;
    letter-spacing: -.025em;
    line-height: 1.2;
}

.mi-v4-card__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 12px;
}

.mi-v4-card__meta {
    flex: 0 0 auto;
    color: var(--mi-accent);
    font-size: 11px;
    font-weight: 800;
    white-space: nowrap;
}

.mi-v4-description {
    margin: 0 0 21px;
    color: var(--mi-muted);
    font-size: 12px;
    line-height: 1.65;
}

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

.mi-v4-card--market {
    min-height: 245px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.mi-v4-market-number {
    display: block;
    margin-top: 4px;
    color: var(--mi-text);
    font-size: clamp(48px, 6vw, 76px);
    font-weight: 760;
    letter-spacing: -.065em;
    line-height: .95;
}

.mi-v4-card--market p {
    margin: 11px 0 0;
    color: var(--mi-muted);
    font-size: 14px;
}

.mi-v4-mini-line {
    width: fit-content;
    margin-top: 28px;
    padding: 6px 9px;
    border: 1px solid var(--mi-border);
    border-radius: 8px;
    color: var(--mi-soft);
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.mi-v4-card--hero {
    min-height: 245px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
    border-color: color-mix(
        in srgb,
        var(--mi-legal-color) 28%,
        var(--mi-border)
    );
    background:
        radial-gradient(
            circle at 85% 15%,
            color-mix(
                in srgb,
                var(--mi-legal-color) 17%,
                transparent
            ),
            transparent 38%
        ),
        var(--mi-panel-strong);
}

.mi-v4-hero-number {
    display: block;
    margin-top: 3px;
    color: var(--mi-text);
    font-size: clamp(54px, 7vw, 94px);
    font-weight: 800;
    letter-spacing: -.075em;
    line-height: .92;
}

.mi-v4-hero-label {
    margin-top: 12px;
    color: #cbd2dc;
    font-size: 15px;
    font-weight: 650;
    line-height: 1.4;
}

.mi-v4-hero-share {
    max-width: 480px;
    margin: 12px 0 0;
    color: var(--mi-muted);
    font-size: 12px;
    line-height: 1.55;
}

.mi-v4-hero-badge {
    flex: 0 0 auto;
    width: 92px;
    height: 92px;
    display: grid;
    place-items: center;
    border: 1px solid color-mix(
        in srgb,
        var(--mi-legal-color) 42%,
        transparent
    );
    border-radius: 50%;
    color: var(--mi-legal-color);
    background: color-mix(
        in srgb,
        var(--mi-legal-color) 8%,
        transparent
    );
    font-size: 13px;
    font-weight: 800;
}

/* ---------- PRIMARY INSIGHT ---------- */

.mi-v4-primary-insight {
    position: relative;
    display: grid;
    grid-template-columns: 54px minmax(0, 1fr);
    gap: 19px;
    align-items: start;
    margin: 18px 0;
    padding: 24px 27px;
    border: 1px solid rgba(34,211,197,.16);
    border-radius: 20px;
    background:
        linear-gradient(
            110deg,
            rgba(34,211,197,.08),
            rgba(255,255,255,.018)
        );
}

.mi-v4-primary-insight__mark {
    width: 46px;
    height: 46px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(34,211,197,.28);
    border-radius: 13px;
    color: var(--mi-accent);
    background: rgba(34,211,197,.08);
    font-size: 11px;
    font-weight: 800;
}

.mi-v4-primary-insight h2 {
    margin: 0;
    color: var(--mi-text);
    font-size: clamp(18px, 2vw, 25px);
    font-weight: 720;
    letter-spacing: -.025em;
    line-height: 1.25;
}

.mi-v4-primary-insight p {
    max-width: 800px;
    margin: 9px 0 0;
    color: var(--mi-muted);
    font-size: 12px;
    line-height: 1.65;
}

/* ---------- BARS ---------- */

.mi-v4-bars {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.mi-v4-bars--compact {
    gap: 12px;
}

.mi-v4-bar-row {
    min-width: 0;
}

.mi-v4-bar-label {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 6px;
}

.mi-v4-bar-label span {
    min-width: 0;
    overflow: hidden;
    color: #c5ccd6;
    font-size: 11px;
    line-height: 1.35;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mi-v4-bar-label strong {
    flex: 0 0 auto;
    color: var(--mi-text);
    font-size: 11px;
    font-weight: 760;
}

.mi-v4-bar-track {
    height: 7px;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(255,255,255,.055);
}

.mi-v4-bar-fill {
    display: block;
    height: 100%;
    min-width: 4%;
    border-radius: inherit;
    background:
        linear-gradient(
            90deg,
            rgba(34,211,197,.42),
            rgba(34,211,197,.95)
        );
    box-shadow: 0 0 18px rgba(34,211,197,.14);
}

.mi-v4-bar-fill--muted {
    background:
        linear-gradient(
            90deg,
            rgba(120,135,157,.28),
            rgba(120,135,157,.78)
        );
    box-shadow: none;
}

/* ---------- MARKET POSITION ---------- */

.mi-v4-position {
    display: grid;
    grid-template-columns: 145px minmax(0, 1fr);
    gap: 24px;
    align-items: center;
    margin: 25px 0 20px;
}

.mi-v4-position__ring {
    width: 145px;
    height: 145px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background:
        conic-gradient(
            var(--mi-accent) var(--mi-position),
            rgba(255,255,255,.065) 0
        );
}

.mi-v4-position__ring::before {
    content: "";
    position: absolute;
    width: 111px;
    height: 111px;
    border-radius: 50%;
    background: #131a27;
}

.mi-v4-position__ring > div {
    position: relative;
    z-index: 2;
    text-align: center;
}

.mi-v4-position__ring strong {
    display: block;
    color: var(--mi-text);
    font-size: 20px;
    font-weight: 800;
    letter-spacing: -.04em;
}

.mi-v4-position__ring span {
    display: block;
    margin-top: 3px;
    color: var(--mi-soft);
    font-size: 9px;
    text-transform: uppercase;
}

.mi-v4-position__stats {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.mi-v4-position__stats div {
    padding-bottom: 12px;
    border-bottom: 1px solid var(--mi-border);
}

.mi-v4-position__stats div:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}

.mi-v4-position__stats span {
    display: block;
    color: var(--mi-soft);
    font-size: 9px;
    line-height: 1.35;
}

.mi-v4-position__stats strong {
    display: block;
    margin-top: 3px;
    color: var(--mi-text);
    font-size: 23px;
}

/* ---------- LEGAL FORM ---------- */

.mi-v4-legal-stack {
    display: flex;
    flex-direction: column;
    gap: 9px;
    margin-top: 20px;
}

.mi-v4-legal-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    gap: 12px;
    align-items: center;
    min-height: 35px;
    padding: 7px 9px;
    border-radius: 9px;
    background: color-mix(
        in srgb,
        var(--mi-legal-color) 6%,
        transparent
    );
}

.mi-v4-legal-row__label {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 8px;
}

.mi-v4-legal-row__label span:last-child {
    overflow: hidden;
    color: #cbd2dc;
    font-size: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mi-v4-legal-dot,
.mi-v4-legal-highlight__dot {
    flex: 0 0 auto;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--mi-legal-color);
    box-shadow: 0 0 10px color-mix(
        in srgb,
        var(--mi-legal-color) 50%,
        transparent
    );
}

.mi-v4-legal-row strong {
    color: var(--mi-text);
    font-size: 10px;
}

.mi-v4-legal-row__pct {
    min-width: 43px;
    color: var(--mi-legal-color);
    font-size: 9px;
    font-weight: 800;
    text-align: right;
}

.mi-v4-legal-highlight {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 15px;
    padding: 11px 12px;
    border: 1px solid color-mix(
        in srgb,
        var(--mi-legal-color) 20%,
        var(--mi-border)
    );
    border-radius: 11px;
    background: color-mix(
        in srgb,
        var(--mi-legal-color) 7%,
        transparent
    );
}

.mi-v4-legal-highlight__dot {
    background: var(--mi-legal-color);
}

.mi-v4-legal-highlight span:not(.mi-v4-legal-highlight__dot) {
    color: #cbd2dc;
    font-size: 10px;
}

.mi-v4-legal-highlight strong {
    margin-left: auto;
    color: var(--mi-text);
    font-size: 12px;
}

/* ---------- INTERSECTION ---------- */

.mi-v4-intersection-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    margin-top: 22px;
}

.mi-v4-intersection-grid > div {
    min-width: 0;
    padding: 15px;
    border: 1px solid var(--mi-border);
    border-radius: 13px;
    background: rgba(255,255,255,.018);
}

.mi-v4-intersection-grid span,
.mi-v4-intersection-grid small {
    display: block;
    color: var(--mi-soft);
    font-size: 9px;
    line-height: 1.45;
}

.mi-v4-intersection-grid strong {
    display: block;
    margin: 8px 0 4px;
    color: var(--mi-text);
    font-size: 21px;
    letter-spacing: -.035em;
}

/* ---------- MOMENTUM ---------- */

.mi-v4-chart {
    margin-top: 15px;
    padding: 13px 10px 3px;
    border: 1px solid var(--mi-border);
    border-radius: 15px;
    background: rgba(255,255,255,.018);
}

.mi-v4-chart svg {
    display: block;
    width: 100%;
    height: auto;
    min-height: 155px;
}

.mi-v4-chart__area {
    fill: url(#miMomentumGradient);
    opacity: .7;
}

.mi-v4-chart__line {
    stroke: var(--mi-accent);
    stroke-width: 2.5;
    stroke-linecap: round;
    stroke-linejoin: round;
    filter: 
}

.mi-v4-chart__point {
    fill: var(--mi-accent);
    stroke: #101723;
    stroke-width: 2;
}

.mi-v4-chart__labels {
    display: flex;
    justify-content: space-between;
    gap: 8px;
    padding: 3px 5px 5px;
}

.mi-v4-chart__labels span {
    color: var(--mi-soft);
    font-size: 8px;
}

/* ---------- LOCKED INTELLIGENCE ---------- */

.mi-v4-card--locked {
    border-color: rgba(139,124,246,.20);
    background:
        radial-gradient(
            circle at 90% 10%,
            rgba(139,124,246,.13),
            transparent 36%
        ),
        var(--mi-panel-strong);
}

.mi-v4-lock-icon {
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    margin-bottom: 17px;
    border: 1px solid rgba(139,124,246,.30);
    border-radius: 10px;
    color: #a99cff;
    background: rgba(139,124,246,.10);
    font-size: 11px;
}

.mi-v4-card--locked h2 {
    max-width: 390px;
    font-size: 25px;
}

.mi-v4-card--locked p {
    max-width: 520px;
    margin: 13px 0 17px;
    color: var(--mi-muted);
    font-size: 12px;
    line-height: 1.65;
}

.mi-v4-card--locked ul {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px 18px;
    margin: 0 0 22px;
    padding: 0;
    list-style: none;
}

.mi-v4-card--locked li {
    color: #aeb7c5;
    font-size: 10px;
    line-height: 1.45;
}

.mi-v4-card--locked li::before {
    content: "✓";
    margin-right: 6px;
    color: #a99cff;
    font-weight: 800;
}

.mi-v4-locked-cta {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 10px 14px;
    border: 1px solid rgba(139,124,246,.28);
    border-radius: 10px;
    color: #ddd9ff;
    background: rgba(139,124,246,.10);
    font-size: 10px;
    font-weight: 800;
    text-decoration: none;
    transition:
        transform .18s ease,
        background .18s ease,
        border-color .18s ease;
}

.mi-v4-locked-cta:hover {
    border-color: rgba(139,124,246,.50);
    background: rgba(139,124,246,.16);
    transform: translateY(-1px);
}

/* ---------- MARKET SIGNAL ---------- */

.mi-v4-card--signal {
    background:
        radial-gradient(
            circle at 100% 0,
            rgba(34,211,197,.10),
            transparent 42%
        ),
        var(--mi-panel);
}

.mi-v4-card--signal h2 {
    margin-top: 3px;
    font-size: 27px;
}

.mi-v4-card--signal p {
    margin: 9px 0 0;
    color: var(--mi-muted);
    font-size: 12px;
    line-height: 1.6;
}

.mi-v4-card--signal strong {
    color: var(--mi-text);
}

.mi-v4-signal-number {
    margin-top: 26px;
    color: var(--mi-accent);
    font-size: 48px;
    font-weight: 800;
    letter-spacing: -.06em;
    line-height: .95;
}

.mi-v4-signal-label {
    display: block;
    margin-top: 6px;
    color: var(--mi-soft);
    font-size: 9px;
}

/* ---------- CTA ---------- */

.mi-v4-card--cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
    border-color: rgba(34,211,197,.18);
    background:
        linear-gradient(
            110deg,
            rgba(34,211,197,.08),
            rgba(255,255,255,.018)
        );
}

.mi-v4-card--cta h2 {
    max-width: 680px;
    font-size: 25px;
}

.mi-v4-card--cta p {
    max-width: 700px;
    margin: 10px 0 0;
    color: var(--mi-muted);
    font-size: 12px;
    line-height: 1.6;
}

.mi-v4-cta-button {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 13px 17px;
    border: 1px solid rgba(34,211,197,.32);
    border-radius: 11px;
    color: #061312;
    background: var(--mi-accent);
    font-size: 10px;
    font-weight: 850;
    text-decoration: none;
    white-space: nowrap;
    box-shadow: 0 10px 30px rgba(34,211,197,.13);
    transition:
        transform .18s ease,
        box-shadow .18s ease;
}

.mi-v4-cta-button:hover {
    transform: translateY(-1px);
    box-shadow: 0 14px 35px rgba(34,211,197,.20);
}

/* ---------- EMPTY ---------- */

.mi-v4-empty {
    padding: 30px 15px;
    border: 1px dashed var(--mi-border);
    border-radius: 13px;
    color: var(--mi-soft);
    font-size: 11px;
    text-align: center;
}

/* ---------- RESPONSIVE ---------- */

@media (max-width: 1050px) {

    .mi-report-v4__container {
        width: min(100% - 28px, 920px);
    }

    .mi-v4-masonry,
    .mi-v4-masonry--hero,
    .mi-v4-masonry--main {
        column-count: 2;
        column-gap: 14px;
    }

    .mi-v4-card {
        padding: 21px;
        border-radius: 18px;
    }

    .mi-v4-position {
        grid-template-columns: 120px minmax(0, 1fr);
        gap: 17px;
    }

    .mi-v4-position__ring {
        width: 120px;
        height: 120px;
    }

    .mi-v4-position__ring::before {
        width: 92px;
        height: 92px;
    }

    .mi-v4-intersection-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 720px) {

    .mi-report-v4 {
        padding: 22px 0 55px;
    }

    .mi-report-v4__container {
        width: calc(100% - 22px);
    }

    .mi-v4-header {
        display: block;
        margin-bottom: 16px;
    }

    .mi-v4-header h1 {
        font-size: 28px;
    }

    .mi-v4-header h1 span {
        padding: 0 2px;
    }

    .mi-v4-header__date {
        width: fit-content;
        margin-top: 13px;
        text-align: left;
    }

    .mi-v4-masonry,
    .mi-v4-masonry--hero,
    .mi-v4-masonry--main {
        column-count: 1;
    }

    .mi-v4-masonry > * {
        margin-bottom: 12px;
    }

    .mi-v4-card {
        padding: 18px;
        border-radius: 16px;
    }

    .mi-v4-card--market,
    .mi-v4-card--hero {
        min-height: 0;
    }

    .mi-v4-market-number {
        font-size: 52px;
    }

    .mi-v4-card--hero {
        display: block;
    }

    .mi-v4-hero-number {
        font-size: 62px;
    }

    .mi-v4-hero-badge {
        width: 70px;
        height: 70px;
        margin-top: 20px;
        font-size: 11px;
    }

    .mi-v4-primary-insight {
        grid-template-columns: 1fr;
        gap: 12px;
        margin: 12px 0;
        padding: 18px;
    }

    .mi-v4-primary-insight__mark {
        width: 38px;
        height: 38px;
    }

    .mi-v4-position {
        grid-template-columns: 1fr;
        justify-items: center;
    }

    .mi-v4-position__stats {
        width: 100%;
    }

    .mi-v4-intersection-grid {
        grid-template-columns: 1fr;
    }

    .mi-v4-card--locked ul {
        grid-template-columns: 1fr;
    }

    .mi-v4-card--cta {
        display: block;
    }

    .mi-v4-cta-button {
        width: 100%;
        justify-content: center;
        margin-top: 18px;
    }

    .mi-v4-card--signal h2 {
        font-size: 22px;
    }

    .mi-v4-signal-number {
        font-size: 43px;
    }
}

@media (max-width: 420px) {

    .mi-report-v4__container {
        width: calc(100% - 16px);
    }

    .mi-v4-header h1 {
        font-size: 24px;
    }

    .mi-v4-market-number {
        font-size: 46px;
    }

    .mi-v4-hero-number {
        font-size: 53px;
    }

    .mi-v4-card h2 {
        font-size: 17px;
    }

    .mi-v4-legal-row {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .mi-v4-legal-row__pct {
        display: none;
    }
}

/* ---------- ACCESSIBILITY ---------- */

@media (prefers-reduced-motion: reduce) {

    .mi-v4-locked-cta,
    .mi-v4-cta-button {
        transition: none;
    }
}


/* ============================================================
 * MARKET INTELLIGENCE REPORT V4 — FLAT PAGE INTEGRATION
 * Remove the "page inside page" visual shell.
 * ============================================================ */

.mi-report-v4 {
    background: transparent;
    border: 0;
    box-shadow: none;
}

.mi-report-v4__container {
    width: min(1240px, calc(100% - 40px));
    max-width: 1240px;
}



/* ============================================================
 * MARKET INTELLIGENCE pSEO 1D / 2D
 * ============================================================ */

.mi-pseo {
    position: relative;
    overflow: hidden;
    min-height: 70vh;
    padding: 46px 0 90px;
    background:
        radial-gradient(circle at 12% 8%, rgba(25, 214, 204, .09), transparent 30%),
        radial-gradient(circle at 88% 16%, rgba(130, 90, 255, .10), transparent 32%),
        #0b0f19;
}

.mi-pseo__grid-bg {
    position: absolute;
    inset: 0;
    pointer-events: none;
    opacity: .18;
    background-image:
        linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
    background-size: 44px 44px;
    mask-image: linear-gradient(to bottom, black, transparent 82%);
}

.mi-pseo__container {
    position: relative;
    z-index: 1;
    width: min(1240px, calc(100% - 40px));
    margin: 0 auto;
}

.mi-pseo-hero {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(280px, .65fr);
    gap: 24px;
    align-items: stretch;
    margin-bottom: 18px;
}

.mi-pseo-hero__copy,
.mi-pseo-hero__number,
.mi-pseo-card,
.mi-pseo-related {
    border: 1px solid rgba(255,255,255,.08);
    background: rgba(16,22,35,.76);
    box-shadow: 0 22px 70px rgba(0,0,0,.20);
    backdrop-filter: blur(14px);
}

.mi-pseo-hero__copy {
    padding: 38px;
    border-radius: 24px;
}

.mi-pseo-hero__copy h1 {
    margin: 12px 0 14px;
    color: #fff;
    font-family: "Space Grotesk", sans-serif;
    font-size: clamp(34px, 5vw, 62px);
    line-height: 1.02;
    letter-spacing: -.045em;
}

.mi-pseo-hero__copy p {
    max-width: 720px;
    margin: 0;
    color: var(--mi-muted);
    font-size: 17px;
    line-height: 1.75;
}

.mi-pseo-hero__meta {
    display: flex;
    align-items: center;
    gap: 9px;
    margin-top: 26px;
    color: #8995aa;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .12em;
}

.mi-pseo-hero__meta strong {
    color: #dfe7f4;
    letter-spacing: 0;
}

.mi-pseo-hero__number {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 280px;
    padding: 34px;
    border-radius: 24px;
    background:
        linear-gradient(145deg, rgba(20,29,48,.92), rgba(13,17,28,.88));
}

.mi-pseo-hero__number small {
    color: #8390a8;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .12em;
}

.mi-pseo-hero__number strong {
    margin: 8px 0;
    color: #fff;
    font-family: "Space Grotesk", sans-serif;
    font-size: clamp(52px, 7vw, 88px);
    line-height: .95;
    letter-spacing: -.06em;
}

.mi-pseo-hero__number span {
    color: #9aa7bb;
    font-size: 14px;
}

.mi-pseo-masonry {
    column-count: 3;
    column-gap: 18px;
}

.mi-pseo-card {
    display: inline-block;
    width: 100%;
    margin: 0 0 18px;
    padding: 26px;
    border-radius: 20px;
    break-inside: avoid;
    vertical-align: top;
}

.mi-pseo-card__eyebrow {
    display: block;
    margin-bottom: 10px;
    color: #718096;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .14em;
}

.mi-pseo-card h2 {
    margin: 0 0 12px;
    color: #fff;
    font-family: "Space Grotesk", sans-serif;
    font-size: 22px;
    line-height: 1.15;
}

.mi-pseo-card p {
    margin: 0;
    color: #98a4b8;
    font-size: 14px;
    line-height: 1.75;
}

.mi-pseo-card p strong {
    color: #fff;
}

.mi-pseo-card--primary {
    min-height: 205px;
    background:
        radial-gradient(circle at 88% 12%, rgba(27,205,195,.12), transparent 38%),
        rgba(16,22,35,.82);
}

.mi-pseo-card--secondary {
    min-height: 250px;
}

.mi-pseo-card--locked {
    background:
        linear-gradient(145deg, rgba(76,53,145,.20), rgba(16,22,35,.88));
}

.mi-pseo-card--locked h2 {
    font-size: 26px;
}

.mi-pseo-card--list {
    padding-bottom: 20px;
}

.mi-pseo-card__head {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 15px;
    margin-bottom: 14px;
}

.mi-pseo-card__count {
    min-width: 32px;
    height: 32px;
    display: grid;
    place-items: center;
    border-radius: 10px;
    color: #dce6f4;
    background: rgba(255,255,255,.06);
    font-size: 11px;
    font-weight: 800;
}

.mi-pseo-ranking__row {
    display: grid;
    grid-template-columns: 30px minmax(0,1fr) auto;
    gap: 10px;
    align-items: center;
    padding: 12px 0;
    border-top: 1px solid rgba(255,255,255,.055);
}

.mi-pseo-ranking__rank {
    color: #59657a;
    font-size: 10px;
    font-weight: 800;
}

.mi-pseo-ranking__body {
    min-width: 0;
}

.mi-pseo-ranking__body strong {
    display: block;
    overflow: hidden;
    color: #dce4f0;
    font-size: 13px;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mi-pseo-ranking__track {
    height: 3px;
    margin-top: 7px;
    overflow: hidden;
    border-radius: 99px;
    background: rgba(255,255,255,.055);
}

.mi-pseo-ranking__track span {
    display: block;
    height: 100%;
    min-width: 2%;
    border-radius: inherit;
    background: linear-gradient(90deg, #1ed5c8, #8060ff);
}

.mi-pseo-ranking__row > b {
    color: #fff;
    font-size: 12px;
    white-space: nowrap;
}

.mi-pseo-mini-list {
    display: grid;
    gap: 0;
}

.mi-pseo-mini-list > div {
    display: flex;
    justify-content: space-between;
    gap: 14px;
    padding: 11px 0;
    border-top: 1px solid rgba(255,255,255,.055);
    color: #9ca8ba;
    font-size: 13px;
}

.mi-pseo-mini-list strong {
    color: #e9eef6;
    white-space: nowrap;
}

.mi-pseo-cta {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-top: 22px;
    padding: 12px 17px;
    border: 1px solid rgba(255,255,255,.10);
    border-radius: 12px;
    color: #fff;
    background: rgba(255,255,255,.055);
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: transform .2s ease, background .2s ease;
}

.mi-pseo-cta:hover {
    transform: translateY(-2px);
    background: rgba(255,255,255,.09);
}

.mi-pseo-related {
    margin-top: 18px;
    padding: 28px;
    border-radius: 22px;
}

.mi-pseo-related__head h2 {
    margin: 0 0 20px;
    color: #fff;
    font-family: "Space Grotesk", sans-serif;
    font-size: 25px;
}

.mi-pseo-related__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0,1fr));
    gap: 10px;
}

.mi-pseo-related__item {
    display: flex;
    flex-direction: column;
    min-height: 112px;
    padding: 16px;
    border: 1px solid rgba(255,255,255,.06);
    border-radius: 14px;
    color: #dce4ef;
    background: rgba(255,255,255,.025);
    text-decoration: none;
    transition: transform .2s ease, border-color .2s ease, background .2s ease;
}

.mi-pseo-related__item:hover {
    transform: translateY(-2px);
    border-color: rgba(100,210,205,.22);
    background: rgba(255,255,255,.045);
}

.mi-pseo-related__item span {
    overflow: hidden;
    font-size: 13px;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mi-pseo-related__item strong {
    margin-top: 12px;
    color: #fff;
    font-family: "Space Grotesk", sans-serif;
    font-size: 21px;
}

.mi-pseo-related__item small {
    margin-top: 5px;
    color: #657187;
    font-size: 10px;
}

.mi-pseo-footer {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    margin-top: 20px;
    padding: 4px 4px;
    color: #69758a;
    font-size: 11px;
}

.mi-pseo-footer a {
    color: #aeb9ca;
    text-decoration: none;
}

@media (max-width: 1050px) {
    .mi-pseo-masonry {
        column-count: 2;
    }

    .mi-pseo-related__grid {
        grid-template-columns: repeat(2, minmax(0,1fr));
    }
}

@media (max-width: 760px) {
    .mi-pseo {
        padding: 22px 0 55px;
    }

    .mi-pseo__container {
        width: calc(100% - 22px);
    }

    .mi-pseo-hero {
        grid-template-columns: 1fr;
    }

    .mi-pseo-hero__copy {
        padding: 26px;
    }

    .mi-pseo-hero__number {
        min-height: 180px;
        padding: 26px;
    }

    .mi-pseo-hero__number strong {
        font-size: 57px;
    }

    .mi-pseo-masonry {
        column-count: 1;
    }

    .mi-pseo-related__grid {
        grid-template-columns: 1fr;
    }

    .mi-pseo-footer {
        flex-direction: column;
    }
}

@media (max-width: 420px) {
    .mi-pseo__container {
        width: calc(100% - 16px);
    }

    .mi-pseo-hero__copy,
    .mi-pseo-hero__number,
    .mi-pseo-card,
    .mi-pseo-related {
        border-radius: 16px;
    }

    .mi-pseo-hero__copy h1 {
        font-size: 34px;
    }

    .mi-pseo-hero__number strong {
        font-size: 49px;
    }

    .mi-pseo-card {
        padding: 20px;
    }
}

/* =========================================================
   3D MARKET NAVIGATION
   ========================================================= */

.mi-v4-card--market-links {
    margin-top: 28px;
}

.mi-v4-market-links-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
    margin-top: 24px;
}

.mi-v4-market-links-group {
    min-width: 0;
    padding: 18px;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 16px;
    background: rgba(255,255,255,.025);
}

.mi-v4-market-links-group h3 {
    margin: 8px 0 16px;
    color: #fff;
    font-size: 18px;
    line-height: 1.3;
}

.mi-v4-market-links-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.mi-v4-market-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    min-height: 44px;
    padding: 10px 12px;
    border: 1px solid rgba(255,255,255,.06);
    border-radius: 10px;
    background: rgba(255,255,255,.025);
    color: rgba(255,255,255,.88);
    text-decoration: none;
    transition:
        background .18s ease,
        border-color .18s ease,
        transform .18s ease;
}

.mi-v4-market-link span {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mi-v4-market-link strong {
    flex: 0 0 auto;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
}

.mi-v4-market-link:hover {
    background: rgba(255,255,255,.07);
    border-color: rgba(255,255,255,.14);
    transform: translateY(-1px);
}

@media (max-width: 980px) {
    .mi-v4-market-links-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .mi-v4-market-links-group {
        padding: 14px;
    }

    .mi-v4-market-link {
        padding: 9px 10px;
    }

    .mi-v4-market-link span {
        white-space: normal;
    }
}

/* =========================================================
   V4 — COMPANY DISCOVERY
   Premium market-intelligence company grid
   ========================================================= */

.mi-v4-company-discovery {
    position: relative;
    margin: 28px 0 34px;
    padding: 26px;
    overflow: hidden;
    border: 1px solid rgba(105, 220, 255, .14);
    border-radius: 24px;
    background:
        radial-gradient(circle at 8% 0%, rgba(0, 210, 255, .10), transparent 34%),
        radial-gradient(circle at 94% 100%, rgba(139, 92, 246, .10), transparent 38%),
        rgba(5, 13, 25, .78);
    box-shadow:
        0 24px 70px rgba(0, 0, 0, .24),
        inset 0 1px 0 rgba(255,255,255,.045);
}

.mi-v4-company-discovery::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(90deg, transparent 0, rgba(255,255,255,.025) 50%, transparent 100%);
    opacity: .7;
}

.mi-v4-company-discovery__head {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 20px;
}

.mi-v4-company-discovery__head h2 {
    max-width: 720px;
    margin: 7px 0 8px;
    color: #fff;
    font-size: clamp(24px, 3vw, 34px);
    line-height: 1.08;
    letter-spacing: -.025em;
}

.mi-v4-company-discovery__head p {
    max-width: 700px;
    margin: 0;
    color: rgba(225, 237, 247, .68);
    font-size: 14px;
    line-height: 1.65;
}

.mi-v4-company-discovery__count {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    padding: 0 12px;
    border: 1px solid rgba(105, 220, 255, .18);
    border-radius: 999px;
    background: rgba(105, 220, 255, .06);
    color: rgba(190, 239, 255, .92);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .04em;
    white-space: nowrap;
}

.mi-v4-company-discovery__grid {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

.mi-v4-company-link {
    position: relative;
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr) 24px;
    align-items: center;
    gap: 12px;
    min-width: 0;
    min-height: 78px;
    padding: 12px 13px;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.075);
    border-radius: 15px;
    background:
        linear-gradient(135deg, rgba(255,255,255,.045), rgba(255,255,255,.018));
    color: inherit;
    text-decoration: none;
    transition:
        transform .2s ease,
        border-color .2s ease,
        background .2s ease,
        box-shadow .2s ease;
}

.mi-v4-company-link::before {
    content: "";
    position: absolute;
    left: 0;
    top: 10px;
    bottom: 10px;
    width: 2px;
    border-radius: 2px;
    background: linear-gradient(
        180deg,
        rgba(67, 220, 255, .8),
        rgba(139, 92, 246, .65)
    );
    opacity: .45;
    transition: opacity .2s ease;
}

.mi-v4-company-link:hover {
    transform: translateY(-3px);
    border-color: rgba(105, 220, 255, .25);
    background:
        linear-gradient(135deg, rgba(105, 220, 255, .075), rgba(139, 92, 246, .055));
    box-shadow:
        0 14px 30px rgba(0,0,0,.20),
        inset 0 1px 0 rgba(255,255,255,.045);
}

.mi-v4-company-link:hover::before {
    opacity: 1;
}

.mi-v4-company-link__index {
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    border: 1px solid rgba(255,255,255,.09);
    border-radius: 9px;
    background: rgba(255,255,255,.035);
    color: rgba(171, 222, 240, .62);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .04em;
}

.mi-v4-company-link__body {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.mi-v4-company-link__body strong {
    display: block;
    min-width: 0;
    overflow: hidden;
    color: rgba(255,255,255,.94);
    font-size: 13px;
    font-weight: 750;
    line-height: 1.35;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mi-v4-company-link__body small {
    display: block;
    overflow: hidden;
    color: rgba(191, 210, 223, .58);
    font-size: 11px;
    line-height: 1.3;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mi-v4-company-link__arrow {
    display: grid;
    place-items: center;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    color: rgba(155, 222, 245, .58);
    font-size: 15px;
    transition:
        transform .2s ease,
        color .2s ease,
        background .2s ease;
}

.mi-v4-company-link:hover .mi-v4-company-link__arrow {
    transform: translateX(3px);
    color: #fff;
    background: rgba(105, 220, 255, .10);
}

@media (max-width: 1080px) {
    .mi-v4-company-discovery__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 720px) {
    .mi-v4-company-discovery {
        margin: 22px 0 28px;
        padding: 18px;
        border-radius: 20px;
    }

    .mi-v4-company-discovery__head {
        align-items: flex-start;
        flex-direction: column;
        gap: 12px;
    }

    .mi-v4-company-discovery__head h2 {
        font-size: 25px;
    }

    .mi-v4-company-discovery__grid {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .mi-v4-company-link {
        min-height: 70px;
    }
}

@media (max-width: 420px) {
    .mi-v4-company-discovery {
        padding: 15px;
    }

    .mi-v4-company-link {
        grid-template-columns: 30px minmax(0, 1fr) 22px;
        gap: 9px;
        padding: 10px;
    }

    .mi-v4-company-link__index {
        width: 28px;
        height: 28px;
    }

    .mi-v4-company-link__body strong {
        font-size: 12px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .mi-v4-company-link,
    .mi-v4-company-link__arrow {
        transition: none;
    }

    .mi-v4-company-link:hover {
        transform: none;
    }

    .mi-v4-company-link:hover .mi-v4-company-link__arrow {
        transform: none;
    }
}


/* =========================================================
   MI V4 — Premium Company Discovery Cards
   ========================================================= */

.mi-v4-company-discovery {
    position: relative;
    overflow: hidden;
}

.mi-v4-company-discovery__grid {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    margin-top: 26px;
}

.mi-v4-company-link {
    position: relative;
    min-height: 178px;
    display: grid;
    grid-template-columns: auto auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 14px;
    padding: 20px 18px;
    overflow: hidden;
    border: 1px solid rgba(148,163,184,.16);
    border-radius: 22px;
    background:
        radial-gradient(circle at 85% 15%, rgba(34,211,238,.10), transparent 35%),
        linear-gradient(145deg, rgba(17,24,39,.94), rgba(10,15,27,.98));
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.035),
        0 14px 38px rgba(0,0,0,.20);
    text-decoration: none;
    transform: translateY(0);
    transition:
        transform .22s ease,
        border-color .22s ease,
        box-shadow .22s ease,
        background .22s ease;
}

.mi-v4-company-link::before {
    content: "";
    position: absolute;
    left: 0;
    top: 18px;
    bottom: 18px;
    width: 2px;
    border-radius: 999px;
    background: linear-gradient(180deg, rgba(34,211,238,.9), rgba(139,92,246,.55));
    opacity: .55;
}

.mi-v4-company-link:hover {
    transform: translateY(-5px);
    border-color: rgba(34,211,238,.30);
    background:
        radial-gradient(circle at 82% 18%, rgba(34,211,238,.15), transparent 40%),
        linear-gradient(145deg, rgba(20,30,48,.98), rgba(10,15,27,.99));
    box-shadow:
        0 20px 46px rgba(0,0,0,.30),
        0 0 30px rgba(34,211,238,.07);
}

.mi-v4-company-link__index {
    position: absolute;
    right: 14px;
    top: 10px;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .10em;
    color: rgba(148,163,184,.24);
    line-height: 1;
}

.mi-v4-company-link__monogram {
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(34,211,238,.20);
    border-radius: 15px;
    background:
        linear-gradient(145deg, rgba(34,211,238,.13), rgba(139,92,246,.12));
    color: rgba(224,242,254,.94);
    font-size: 13px;
    font-weight: 850;
    letter-spacing: .04em;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.05);
}

.mi-v4-company-link__body {
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
}

.mi-v4-company-link__body strong {
    display: -webkit-box;
    overflow: hidden;
    color: #f8fafc;
    font-size: 14px;
    font-weight: 800;
    line-height: 1.35;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.mi-v4-company-link__body small {
    display: block;
    overflow: hidden;
    max-width: 100%;
    color: rgba(148,163,184,.82);
    font-size: 11px;
    line-height: 1.35;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.mi-v4-company-link__badge {
    display: inline-flex;
    align-items: center;
    min-height: 20px;
    padding: 3px 7px;
    border: 1px solid rgba(34,211,238,.14);
    border-radius: 999px;
    background: rgba(34,211,238,.055);
    color: rgba(103,232,249,.78);
    font-size: 8px;
    font-weight: 850;
    letter-spacing: .09em;
    line-height: 1;
}

.mi-v4-company-link__arrow {
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(148,163,184,.14);
    border-radius: 50%;
    background: rgba(255,255,255,.025);
    color: rgba(226,232,240,.72);
    font-size: 16px;
    transition:
        transform .22s ease,
        background .22s ease,
        border-color .22s ease,
        color .22s ease;
}

.mi-v4-company-link:hover .mi-v4-company-link__arrow {
    transform: translate(2px,-2px);
    border-color: rgba(34,211,238,.28);
    background: rgba(34,211,238,.08);
    color: #67e8f9;
}

@media (max-width: 1100px) {
    .mi-v4-company-discovery__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 720px) {
    .mi-v4-company-discovery__grid {
        grid-template-columns: 1fr;
        gap: 11px;
        margin-top: 20px;
    }

    .mi-v4-company-link {
        min-height: 154px;
        grid-template-columns: auto minmax(0, 1fr) auto;
        gap: 12px;
        padding: 18px 15px;
    }

    .mi-v4-company-link__monogram {
        width: 44px;
        height: 44px;
        flex-basis: 44px;
    }

    .mi-v4-company-link__body strong {
        font-size: 13px;
    }
}

@media (max-width: 420px) {
    .mi-v4-company-link {
        min-height: 145px;
        padding: 17px 13px;
        gap: 10px;
    }

    .mi-v4-company-link__monogram {
        width: 40px;
        height: 40px;
        flex-basis: 40px;
        border-radius: 12px;
        font-size: 11px;
    }

    .mi-v4-company-link__arrow {
        width: 30px;
        height: 30px;
        flex-basis: 30px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .mi-v4-company-link,
    .mi-v4-company-link__arrow {
        transition: none;
    }
}


/* MI V4 — CTA content must use full available width */
.mi-v4-card--cta > div {
    flex: 1 1 100%;
    width: 100%;
    min-width: 0;
}

.mi-v4-card--cta .mi-v4-company-discovery {
    width: 100%;
}


/* MI V4 — Company Discovery spans the full masonry width */
.mi-v4-masonry--main .mi-v4-card--cta {
    column-span: all;
    width: 100%;
}


/* MI V4 — Company Discovery must occupy the full CTA width */
.mi-v4-card--cta {
    flex-wrap: wrap;
}

.mi-v4-card--cta > div {
    flex: 0 0 100%;
    width: 100%;
    min-width: 0;
}

.mi-v4-card--cta .mi-v4-company-discovery {
    width: 100%;
}

.mi-v4-card--cta .mi-v4-cta-button {
    margin-left: auto;
}

@media (max-width: 720px) {
    .mi-v4-card--cta .mi-v4-cta-button {
        margin-left: 0;
    }
}

/* ============================================================
 * MARKET INTELLIGENCE pSEO — COMPANY DISCOVERY
 * ============================================================ */

.mi-pseo-companies {
    margin-top: 18px;
    padding: 28px;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 22px;
    background: rgba(16,22,35,.76);
    box-shadow: 0 22px 70px rgba(0,0,0,.20);
    backdrop-filter: blur(14px);
}

.mi-pseo-companies__head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 20px;
}

.mi-pseo-companies__head h2 {
    margin: 8px 0 0;
    color: #fff;
    font-family: "Space Grotesk", sans-serif;
    font-size: 25px;
    line-height: 1.15;
    letter-spacing: -.025em;
}

.mi-pseo-companies__count {
    flex: 0 0 auto;
    padding: 9px 12px;
    border: 1px solid rgba(255,255,255,.07);
    border-radius: 11px;
    color: #dce6f4;
    background: rgba(255,255,255,.045);
    font-size: 11px;
    font-weight: 800;
    white-space: nowrap;
}

.mi-pseo-companies__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0,1fr));
    gap: 10px;
}

.mi-pseo-company {
    position: relative;
    display: flex;
    align-items: center;
    gap: 13px;
    min-width: 0;
    padding: 15px;
    border: 1px solid rgba(255,255,255,.055);
    border-radius: 14px;
    color: #dce4ef;
    background: rgba(255,255,255,.025);
    text-decoration: none;
    transition:
        transform .2s ease,
        border-color .2s ease,
        background .2s ease,
        box-shadow .2s ease;
}

.mi-pseo-company:hover {
    transform: translateY(-2px);
    border-color: rgba(30,213,200,.22);
    background: rgba(255,255,255,.045);
    box-shadow: 0 12px 35px rgba(0,0,0,.16);
}

.mi-pseo-company__index {
    display: grid;
    flex: 0 0 30px;
    width: 30px;
    height: 30px;
    place-items: center;
    border-radius: 9px;
    color: #718096;
    background: rgba(255,255,255,.045);
    font-size: 10px;
    font-weight: 800;
}

.mi-pseo-company__body {
    min-width: 0;
    flex: 1 1 auto;
}

.mi-pseo-company__body strong {
    display: block;
    overflow: hidden;
    color: #edf2f8;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.35;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mi-pseo-company__body small {
    display: block;
    margin-top: 5px;
    overflow: hidden;
    color: #68758a;
    font-size: 10px;
    line-height: 1.4;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mi-pseo-company__arrow {
    flex: 0 0 auto;
    color: #68758a;
    font-size: 17px;
    transition: transform .2s ease, color .2s ease;
}

.mi-pseo-company:hover .mi-pseo-company__arrow {
    color: #1ed5c8;
    transform: translateX(3px);
}

.mi-pseo-companies__foot {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    margin-top: 18px;
    padding-top: 15px;
    border-top: 1px solid rgba(255,255,255,.055);
    color: #68758a;
    font-size: 11px;
    line-height: 1.5;
}

.mi-pseo-companies__foot a {
    color: #aeb9ca;
    text-decoration: none;
}

.mi-pseo-companies__foot a:hover {
    color: #1ed5c8;
}

/* pSEO responsive */
@media (max-width: 1050px) {
    .mi-pseo-companies__grid {
        grid-template-columns: repeat(2, minmax(0,1fr));
    }
}

@media (max-width: 760px) {
    .mi-pseo-companies {
        padding: 20px;
        border-radius: 18px;
    }

    .mi-pseo-companies__head {
        align-items: flex-start;
        flex-direction: column;
        gap: 12px;
    }

    .mi-pseo-companies__head h2 {
        font-size: 21px;
    }

    .mi-pseo-companies__grid {
        grid-template-columns: 1fr;
    }

    .mi-pseo-companies__foot {
        align-items: flex-start;
        flex-direction: column;
    }

    .mi-pseo-company {
        padding: 13px;
    }
}

@media (max-width: 480px) {
    .mi-pseo-companies {
        padding: 16px;
    }

    .mi-pseo-company__index {
        flex-basis: 27px;
        width: 27px;
        height: 27px;
    }
}

/* ============================================================
   MARKET INTELLIGENCE HUB V2
   Scoped exclusively to the hub renderer.
   pSEO components remain untouched.
   ============================================================ */

.market-intelligence{
    background:#050b14;
    color:#f4f8fc;
    width:100%;
    max-width:none;
    margin:0;
    padding:0;
    overflow:hidden;
}

.mi-v2-container{
    width:min(1280px,calc(100% - 40px));
    margin:0 auto;
    position:relative;
    z-index:2;
}

.mi-v2-hero{
    position:relative;
    min-height:720px;
    overflow:hidden;
    background:
        radial-gradient(circle at 75% 40%,rgba(0,220,255,.11),transparent 25%),
        radial-gradient(circle at 18% 80%,rgba(126,87,255,.12),transparent 30%),
        linear-gradient(135deg,#050b14 0%,#071321 52%,#08101e 100%);
    border-bottom:1px solid rgba(255,255,255,.08);
}

.mi-v2-hero__inner{
    min-height:720px;
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(420px,520px);
    gap:60px;
    align-items:center;
}

.mi-v2-grid{
    position:absolute;
    inset:0;
    opacity:.22;
    background-image:
        linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
    background-size:70px 70px;
    mask-image:linear-gradient(to bottom,black,transparent);
}

.mi-v2-hero__glow{
    position:absolute;
    width:480px;
    height:480px;
    border-radius:50%;
    filter:blur(90px);
    pointer-events:none;
}

.mi-v2-hero__glow--one{
    top:-220px;
    right:5%;
    background:rgba(0,210,255,.09);
}

.mi-v2-hero__glow--two{
    bottom:-250px;
    left:5%;
    background:rgba(125,75,255,.10);
}

.mi-v2-eyebrow{
    display:flex;
    align-items:center;
    gap:9px;
    color:#74dff2;
    font-size:11px;
    font-weight:800;
    letter-spacing:.18em;
    text-transform:uppercase;
}

.mi-v2-live{
    width:7px;
    height:7px;
    border-radius:50%;
    background:#48e6a4;
    box-shadow:0 0 16px rgba(72,230,164,.75);
}

.mi-v2-hero h1{
    max-width:800px;
    margin:22px 0 24px;
    font-family:Space Grotesk,Inter,sans-serif;
    font-size:clamp(42px,5.4vw,76px);
    line-height:.99;
    letter-spacing:-.055em;
    font-weight:600;
}

.mi-v2-hero h1 strong{
    display:block;
    color:#68dff3;
    font-weight:600;
}

.mi-v2-hero__lead{
    max-width:680px;
    margin:0;
    color:#a9b8c8;
    font-size:18px;
    line-height:1.75;
}

.mi-v2-actions{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    margin-top:34px;
}

.mi-v2-btn{
    min-height:50px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:13px;
    padding:0 22px;
    border-radius:12px;
    text-decoration:none;
    font-weight:800;
    font-size:14px;
    transition:transform .2s ease,background .2s ease,border-color .2s ease;
}

.mi-v2-btn:hover{
    transform:translateY(-2px);
    text-decoration:none;
}

.mi-v2-btn--primary{
    color:#031017;
    background:#69e3f5;
    box-shadow:0 14px 35px rgba(54,213,239,.18);
}

.mi-v2-btn--ghost{
    color:#eef8ff;
    background:rgba(255,255,255,.035);
    border:1px solid rgba(255,255,255,.13);
}

.mi-v2-proof{
    display:flex;
    flex-wrap:wrap;
    gap:20px;
    margin-top:25px;
    color:#77899b;
    font-size:12px;
}

.mi-v2-proof span{
    display:flex;
    align-items:center;
    gap:8px;
}

.mi-v2-proof i{
    width:6px;
    height:6px;
    border-radius:50%;
    background:#55e1aa;
}

.mi-v2-hero__visual{
    position:relative;
    width:min(100%,500px);
    aspect-ratio:1;
    margin:auto;
}

.mi-v2-core{
    position:absolute;
    left:50%;
    top:50%;
    z-index:5;
    width:225px;
    height:225px;
    transform:translate(-50%,-50%);
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
    border-radius:50%;
    background:radial-gradient(circle at 40% 35%,#132b3d,#08121e 72%);
    border:1px solid rgba(104,223,243,.32);
    box-shadow:0 25px 80px rgba(0,0,0,.28);
}

.mi-v2-core span,
.mi-v2-float span{
    color:#6f8295;
    font-size:9px;
    font-weight:800;
    letter-spacing:.15em;
}

.mi-v2-core strong{
    margin:7px 0 1px;
    font-family:Space Grotesk,Inter,sans-serif;
    font-size:38px;
    line-height:1;
    letter-spacing:-.045em;
}

.mi-v2-core small{
    color:#8ea0b0;
    font-size:11px;
}

.mi-v2-orbit{
    position:absolute;
    left:50%;
    top:50%;
    border:1px solid rgba(103,223,244,.15);
    border-radius:50%;
    transform:translate(-50%,-50%) rotate(-18deg);
}

.mi-v2-orbit--one{width:94%;height:48%;border-left-color:rgba(103,223,244,.55)}
.mi-v2-orbit--two{width:78%;height:78%;transform:translate(-50%,-50%) rotate(32deg)}
.mi-v2-orbit--three{width:54%;height:94%;transform:translate(-50%,-50%) rotate(-48deg);border-color:rgba(130,94,255,.22)}

.mi-v2-float{
    position:absolute;
    z-index:6;
    min-width:110px;
    padding:13px 15px;
    border-radius:12px;
    background:rgba(7,17,29,.82);
    border:1px solid rgba(255,255,255,.10);
    backdrop-filter:blur(14px);
    box-shadow:0 15px 45px rgba(0,0,0,.22);
}

.mi-v2-float b{
    display:block;
    margin-bottom:3px;
    color:#edf8ff;
    font-family:Space Grotesk,Inter,sans-serif;
    font-size:22px;
}

.mi-v2-float--top{top:7%;left:50%;transform:translateX(-50%)}
.mi-v2-float--left{left:0;top:53%}
.mi-v2-float--right{right:0;top:37%}

.mi-v2-node{
    position:absolute;
    z-index:7;
    width:8px;
    height:8px;
    border-radius:50%;
    background:#72e4f5;
    box-shadow:0 0 20px rgba(114,228,245,.8);
}

.mi-v2-node--a{top:15%;left:17%}
.mi-v2-node--b{top:30%;right:8%}
.mi-v2-node--c{bottom:20%;left:10%}
.mi-v2-node--d{bottom:10%;right:22%}

.mi-v2-stats{
    position:relative;
    z-index:3;
    margin-top:-1px;
    background:#070e18;
    border-bottom:1px solid rgba(255,255,255,.07);
}

.mi-v2-stat-grid{
    display:grid;
    grid-template-columns:1.5fr repeat(3,1fr);
}

.mi-v2-stat{
    min-height:145px;
    padding:30px 28px;
    border-left:1px solid rgba(255,255,255,.07);
}

.mi-v2-stat:first-child{border-left:0}

.mi-v2-stat span,
.mi-v2-result span{
    display:block;
    color:#6d8194;
    font-size:10px;
    font-weight:800;
    letter-spacing:.14em;
}

.mi-v2-stat strong{
    display:block;
    margin:10px 0 5px;
    font-family:Space Grotesk,Inter,sans-serif;
    font-size:32px;
    letter-spacing:-.035em;
}

.mi-v2-stat small,
.mi-v2-result small{
    color:#6f8294;
    font-size:11px;
}

.mi-v2-stat--main strong{color:#6de1f3}

.mi-v2-explorer,
.mi-v2-market-map,
.mi-v2-legal,
.mi-v2-momentum,
.mi-v2-directory{
    padding:110px 0;
    background:#07101b;
}

.mi-v2-section-intro{
    display:grid;
    grid-template-columns:minmax(0,1.1fr) minmax(280px,.7fr);
    gap:70px;
    align-items:end;
    margin-bottom:45px;
}

.mi-v2-section-intro h2{
    margin:12px 0 0;
    font-family:Space Grotesk,Inter,sans-serif;
    font-size:clamp(34px,4.5vw,58px);
    line-height:1.03;
    letter-spacing:-.05em;
}

.mi-v2-section-intro h2 strong{color:#6ddff1;font-weight:600}

.mi-v2-section-intro p{
    margin:0;
    color:#8799ab;
    font-size:16px;
    line-height:1.75;
}

.mi-v2-filter-panel{
    padding:25px;
    border-radius:22px;
    background:linear-gradient(145deg,rgba(15,29,44,.95),rgba(8,17,29,.96));
    border:1px solid rgba(255,255,255,.09);
    box-shadow:0 30px 80px rgba(0,0,0,.2);
}

.mi-v2-filter-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:13px;
}

.mi-v2-filter{
    display:block;
}

.mi-v2-filter>span{
    display:block;
    margin:0 0 8px 3px;
    color:#72879a;
    font-size:9px;
    font-weight:800;
    letter-spacing:.14em;
}

.mi-v2-filter select{
    width:100%;
    min-height:52px;
    padding:0 42px 0 15px;
    color:#edf7fd;
    background:#0a1725;
    border:1px solid rgba(255,255,255,.10);
    border-radius:11px;
    font:600 13px Inter,sans-serif;
    outline:none;
}

.mi-v2-filter select:focus{
    border-color:rgba(102,222,242,.5);
}

.mi-v2-filter-state{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:15px;
    min-height:55px;
}

.mi-v2-chips{
    display:flex;
    flex-wrap:wrap;
    gap:7px;
}

.mi-v2-reset{
    border:0;
    background:none;
    color:#71869a;
    cursor:pointer;
    font-size:11px;
}

.mi-v2-result-grid{
    display:grid;
    grid-template-columns:1.4fr repeat(3,1fr);
    border-top:1px solid rgba(255,255,255,.07);
    border-bottom:1px solid rgba(255,255,255,.07);
}

.mi-v2-result{
    min-height:115px;
    padding:22px;
    border-left:1px solid rgba(255,255,255,.07);
}

.mi-v2-result:first-child{border-left:0}

.mi-v2-result strong{
    display:block;
    margin:8px 0 3px;
    color:#f0f7fc;
    font-family:Space Grotesk,Inter,sans-serif;
    font-size:24px;
    line-height:1.1;
}

.mi-v2-result--primary strong{
    color:#6de1f3;
    font-size:31px;
}

.mi-v2-explorer-cta{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:25px;
    padding-top:23px;
}

.mi-v2-explorer-cta strong,
.mi-v2-explorer-cta span{
    display:block;
}

.mi-v2-explorer-cta strong{font-size:14px}
.mi-v2-explorer-cta span{margin-top:4px;color:#75899c;font-size:12px}

.mi-v2-explorer-cta>a,
.mi-v2-highlight-panel>a,
.mi-v2-sector-lead>a{
    display:inline-flex;
    align-items:center;
    gap:9px;
    color:#70e0f2;
    text-decoration:none;
    font-size:12px;
    font-weight:800;
}

.mi-v2-two-col{
    display:grid;
    grid-template-columns:minmax(0,1.65fr) minmax(260px,.7fr);
    gap:18px;
}

.mi-v2-panel,
.mi-v2-highlight-panel{
    border-radius:20px;
    border:1px solid rgba(255,255,255,.08);
    background:#0a1623;
}

.mi-v2-panel{padding:27px}

.mi-v2-panel-head{
    display:flex;
    justify-content:space-between;
    gap:15px;
    padding-bottom:20px;
    margin-bottom:8px;
    border-bottom:1px solid rgba(255,255,255,.07);
}

.mi-v2-panel-head span,
.mi-v2-panel-head small{
    color:#6f8497;
    font-size:9px;
    font-weight:800;
    letter-spacing:.14em;
}

.mi-v2-panel-head h3{
    margin:6px 0 0;
    font-family:Space Grotesk,Inter,sans-serif;
    font-size:20px;
}

.mi-v2-bar-row{padding:12px 0}

.mi-v2-bar-head{
    display:flex;
    justify-content:space-between;
    gap:15px;
    margin-bottom:7px;
    font-size:12px;
}

.mi-v2-bar-head a{
    color:#edf7fc;
    text-decoration:none;
    font-weight:700;
}

.mi-v2-bar-head a:hover{color:#6fe1f3}

.mi-v2-bar-head span{color:#6e8295}

.mi-v2-track{
    height:5px;
    overflow:hidden;
    border-radius:20px;
    background:#122333;
}

.mi-v2-track i{
    display:block;
    height:100%;
    border-radius:inherit;
    background:linear-gradient(90deg,#42bfdc,#7c70f4);
}

.mi-v2-highlight-panel{
    min-height:100%;
    padding:35px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    background:
        radial-gradient(circle at 80% 15%,rgba(87,221,244,.11),transparent 35%),
        #091725;
}

.mi-v2-highlight-panel>span,
.mi-v2-sector-lead>span,
.mi-v2-legal-highlight>span{
    color:#6f8396;
    font-size:9px;
    font-weight:800;
    letter-spacing:.15em;
}

.mi-v2-highlight-panel strong{
    margin:14px 0 5px;
    font-family:Space Grotesk,Inter,sans-serif;
    font-size:31px;
    letter-spacing:-.04em;
}

.mi-v2-highlight-panel b{
    color:#6de1f3;
    font-family:Space Grotesk,Inter,sans-serif;
    font-size:26px;
}

.mi-v2-highlight-panel p{
    max-width:25ch;
    color:#788da0;
    font-size:12px;
    line-height:1.7;
}

.mi-v2-highlight-panel a{margin-top:18px}

.mi-v2-sectors{
    padding:110px 0;
    background:
        radial-gradient(circle at 15% 25%,rgba(112,72,255,.09),transparent 30%),
        #060c15;
}

.mi-v2-section-intro--light p{color:#8795a8}

.mi-v2-sector-layout{
    display:grid;
    grid-template-columns:300px minmax(0,1fr);
    gap:25px;
}

.mi-v2-sector-lead{
    min-height:100%;
    padding:32px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    border:1px solid rgba(255,255,255,.08);
    border-radius:20px;
    background:linear-gradient(160deg,#0d1727,#090f1b);
}

.mi-v2-sector-lead>strong{
    margin:15px 0 3px;
    color:#78e2f2;
    font-family:Space Grotesk,Inter,sans-serif;
    font-size:52px;
    line-height:1;
}

.mi-v2-sector-lead>b{
    color:#edf7fd;
    font-size:18px;
}

.mi-v2-sector-lead>small{
    margin:8px 0 25px;
    color:#71869a;
}

.mi-v2-sector-list{
    display:grid;
    gap:8px;
}

.mi-v2-sector-row{
    display:grid;
    grid-template-columns:44px minmax(0,1fr) 20px;
    align-items:center;
    gap:15px;
    padding:17px;
    color:inherit;
    text-decoration:none;
    border:1px solid rgba(255,255,255,.06);
    border-radius:13px;
    background:rgba(255,255,255,.018);
    transition:.2s ease;
}

.mi-v2-sector-row:hover{
    transform:translateX(4px);
    background:rgba(255,255,255,.045);
    border-color:rgba(116,222,243,.22);
    text-decoration:none;
}

.mi-v2-sector-rank{
    color:#52677b;
    font-family:Space Grotesk,Inter,sans-serif;
    font-size:14px;
}

.mi-v2-sector-body>div:first-child{
    display:flex;
    justify-content:space-between;
    gap:15px;
    margin-bottom:8px;
}

.mi-v2-sector-body strong{
    color:#eef7fc;
    font-size:13px;
}

.mi-v2-sector-body span{
    color:#7e91a3;
    font-size:11px;
}

.mi-v2-sector-body small{
    display:block;
    margin-top:6px;
    color:#62778a;
    font-size:10px;
}

.mi-v2-track--purple i{
    background:linear-gradient(90deg,#6e70ed,#a76cf2);
}

.mi-v2-arrow{
    color:#6f8295;
    transition:.2s ease;
}

.mi-v2-sector-row:hover .mi-v2-arrow{color:#6de1f3}

.mi-v2-legal-layout{
    display:grid;
    grid-template-columns:260px minmax(0,1fr) 240px;
    gap:25px;
    align-items:stretch;
}

.mi-v2-legal-highlight{
    padding:30px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    border:1px solid rgba(255,255,255,.08);
    border-radius:20px;
    background:#0a1623;
}

.mi-v2-legal-highlight strong{
    margin:13px 0 4px;
    font-family:Space Grotesk,Inter,sans-serif;
    font-size:28px;
    line-height:1.05;
}

.mi-v2-legal-highlight b{
    color:#6de1f3;
    font-size:25px;
}

.mi-v2-legal-highlight p{
    color:#708599;
   
}

.mi-v2-legal-list{
    display:grid;
    gap:7px;
}

.mi-v2-legal-row{
    display:grid;
    grid-template-columns:34px minmax(0,1fr) 55px 18px;
    align-items:center;
    gap:12px;
    padding:13px 15px;
    color:inherit;
    text-decoration:none;
    border-bottom:1px solid rgba(255,255,255,.06);
    transition:.2s ease;
}

.mi-v2-legal-row:hover{
    padding-left:19px;
    color:inherit;
    text-decoration:none;
    background:rgba(255,255,255,.025);
}

.mi-v2-legal-row>span{
    color:#566b7e;
    font-size:11px;
}

.mi-v2-legal-row strong{
    display:block;
    margin-bottom:7px;
    color:#e9f3f9;
    font-size:12px;
}

.mi-v2-legal-row b{
    color:#7e92a4;
    font-size:11px;
    text-align:right;
}

.mi-v2-legal-row em{
    color:#61768a;
    font-style:normal;
}

.mi-v2-donut-wrap{
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:280px;
    border:1px solid rgba(255,255,255,.08);
    border-radius:20px;
    background:#091521;
}

.mi-v2-donut{
    width:190px;
    height:190px;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:conic-gradient(#63dff2 var(--mi-donut-angle,120deg),#1a2a39 0);
    box-shadow:0 0 55px rgba(84,217,240,.08);
}

.mi-v2-donut:after{
    content:"";
    position:absolute;
}

.mi-v2-donut>div{
    width:145px;
    height:145px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    text-align:center;
    background:#091521;
}

.mi-v2-donut span{
    color:#65798c;
    font-size:8px;
    font-weight:800;
    letter-spacing:.13em;
}

.mi-v2-donut strong{
    margin-top:5px;
    color:#6de1f3;
    font-family:Space Grotesk,Inter,sans-serif;
    font-size:27px;
}

.mi-v2-momentum{
    background:#060c15;
}

.mi-v2-momentum-top{
    display:flex;
    justify-content:flex-end;
    margin-top:-75px;
    margin-bottom:25px;
}

.mi-v2-momentum-controls{
    display:flex;
    gap:5px;
    padding:4px;
    border:1px solid rgba(255,255,255,.08);
    border-radius:10px;
    background:#0a1521;
}

.mi-v2-momentum-controls button{
    padding:8px 11px;
    border:0;
    border-radius:7px;
    background:transparent;
    color:#6f8295;
    font-size:9px;
    font-weight:800;
    cursor:pointer;
}

.mi-v2-momentum-controls button.is-active{
    color:#dff8ff;
    background:#162839;
}

.mi-v2-momentum-kpis{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    margin-bottom:20px;
}

.mi-v2-momentum-kpis>div{
    padding:24px;
    border:1px solid rgba(255,255,255,.07);
    border-left:0;
    background:#091521;
}

.mi-v2-momentum-kpis>div:first-child{
    border-left:1px solid rgba(255,255,255,.07);
    border-radius:15px 0 0 15px;
}

.mi-v2-momentum-kpis>div:last-child{
    border-radius:0 15px 15px 0;
}

.mi-v2-momentum-kpis span{
    color:#6e8396;
    font-size:9px;
    font-weight:800;
    letter-spacing:.12em;
}

.mi-v2-momentum-kpis strong{
    display:block;
    margin:8px 0 3px;
    font-family:Space Grotesk,Inter,sans-serif;
    font-size:28px;
}

.mi-v2-momentum-kpis small{
    color:#62778a;
    font-size:10px;
}

.mi-v2-momentum-change strong{color:#6de1f3}

.mi-v2-line-chart{
    min-height:340px;
    padding:20px;
    border:1px solid rgba(255,255,255,.07);
    border-radius:18px;
    background:#091521;
}

.mi-v2-conversion{
    padding:35px 0 110px;
    background:#060c15;
}

.mi-v2-conversion-card{
    position:relative;
    overflow:hidden;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:40px;
    padding:55px;
    border:1px solid rgba(104,223,243,.18);
    border-radius:24px;
    background:
        radial-gradient(circle at 85% 20%,rgba(71,214,238,.11),transparent 30%),
        radial-gradient(circle at 15% 80%,rgba(120,77,246,.10),transparent 32%),
        #091623;
}

.mi-v2-conversion-card h2{
    margin:10px 0 12px;
    font-family:Space Grotesk,Inter,sans-serif;
    font-size:clamp(31px,4vw,48px);
    line-height:1.05;
    letter-spacing:-.045em;
}

.mi-v2-conversion-card h2 strong{color:#6de1f3}

.mi-v2-conversion-card p{
    max-width:650px;
    margin:0;
    color:#8295a7;
    font-size:15px;
    line-height:1.7;
}

.mi-v2-conversion-actions{
    display:flex;
    flex-direction:column;
    min-width:245px;
    gap:9px;
}

.mi-v2-directory{
    background:#07101b;
    border-top:1px solid rgba(255,255,255,.06);
}

.mi-v2-directory-head{
    display:flex;
    align-items:end;
    justify-content:space-between;
    gap:40px;
    margin-bottom:35px;
}

.mi-v2-directory-head h2{
    margin:10px 0 0;
    font-family:Space Grotesk,Inter,sans-serif;
    font-size:clamp(30px,4vw,48px);
    letter-spacing:-.045em;
}

.mi-v2-directory-head p{
    max-width:430px;
    margin:0;
    color:#7e92a4;
    font-size:14px;
    line-height:1.7;
}

.mi-v2-directory-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:10px;
}

.mi-v2-directory-card{
    min-height:220px;
    padding:25px;
    display:flex;
    flex-direction:column;
    color:inherit;
    text-decoration:none;
    border:1px solid rgba(255,255,255,.07);
    border-radius:16px;
    background:#091521;
    transition:.2s ease;
}

.mi-v2-directory-card:hover{
    transform:translateY(-4px);
    border-color:rgba(108,224,242,.28);
    text-decoration:none;
}

.mi-v2-directory-card>span{
    color:#52677a;
    font-size:10px;
    font-weight:800;
}

.mi-v2-directory-card strong{
    margin-top:auto;
    font-family:Space Grotesk,Inter,sans-serif;
    font-size:21px;
}

.mi-v2-directory-card small{
    margin:7px 0 18px;
    color:#71869a;
    font-size:11px;
    line-height:1.55;
}

.mi-v2-directory-card b{
    color:#6de1f3;
    font-size:11px;
}

.mi-v2-directory-card--accent{
    background:
        linear-gradient(145deg,rgba(91,215,239,.08),rgba(105,76,239,.08)),
        #091521;
    border-color:rgba(105,218,239,.16);
}

@media (max-width:1050px){
    .mi-v2-hero__inner{
        grid-template-columns:1fr;
        padding-top:80px;
        padding-bottom:80px;
    }

    .mi-v2-hero__visual{
        width:min(100%,440px);
    }

    .mi-v2-stat-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .mi-v2-stat:nth-child(3){
        border-left:0;
        border-top:1px solid rgba(255,255,255,.07);
    }

    .mi-v2-stat:nth-child(4){
        border-top:1px solid rgba(255,255,255,.07);
    }

    .mi-v2-legal-layout{
        grid-template-columns:1fr 1fr;
    }

    .mi-v2-donut-wrap{
        display:none;
    }

    .mi-v2-directory-grid{
        grid-template-columns:repeat(2,1fr);
    }
}

@media (max-width:760px){
    .mi-v2-container{
        width:min(100% - 28px,1280px);
    }

    .mi-v2-hero{
        min-height:auto;
    }

    .mi-v2-hero__inner{
        min-height:auto;
        padding:70px 0 55px;
        gap:45px;
    }

    .mi-v2-hero h1{
        font-size:clamp(39px,12vw,58px);
    }

    .mi-v2-hero__lead{
        font-size:16px;
    }

    .mi-v2-hero__visual{
        width:min(100%,360px);
    }

    .mi-v2-core{
        width:175px;
        height:175px;
    }

    .mi-v2-core strong{
        font-size:28px;
    }

    .mi-v2-float{
        min-width:90px;
        padding:10px 11px;
    }

    .mi-v2-float b{font-size:18px}

    .mi-v2-stat-grid,
    .mi-v2-filter-grid,
    .mi-v2-result-grid,
    .mi-v2-momentum-kpis{
        grid-template-columns:1fr;
    }

    .mi-v2-stat{
        min-height:115px;
        border-left:0!important;
        border-top:1px solid rgba(255,255,255,.07);
    }

    .mi-v2-stat:first-child{border-top:0}

    .mi-v2-section-intro{
        grid-template-columns:1fr;
        gap:18px;
    }

    .mi-v2-filter-state{
        align-items:flex-start;
        flex-direction:column;
        padding:12px 0;
    }

    .mi-v2-result{
        border-left:0;
        border-top:1px solid rgba(255,255,255,.07);
    }

    .mi-v2-result:first-child{border-top:0}

    .mi-v2-explorer-cta,
    .mi-v2-directory-head,
    .mi-v2-conversion-card{
        align-items:flex-start;
        flex-direction:column;
    }

    .mi-v2-two-col,
    .mi-v2-sector-layout,
    .mi-v2-legal-layout{
        grid-template-columns:1fr;
    }

    .mi-v2-momentum-top{
        justify-content:flex-start;
        margin-top:0;
    }

    .mi-v2-momentum-kpis>div,
    .mi-v2-momentum-kpis>div:first-child,
    .mi-v2-momentum-kpis>div:last-child{
        border-left:1px solid rgba(255,255,255,.07);
        border-radius:12px;
    }

    .mi-v2-momentum-kpis>div+div{
        margin-top:7px;
    }

    .mi-v2-conversion-card{
        padding:32px 24px;
    }

    .mi-v2-conversion-actions{
        width:100%;
    }

    .mi-v2-directory-grid{
        grid-template-columns:1fr;
    }

    .mi-v2-directory-card{
        min-height:175px;
    }
}

@media (max-width:480px){
    .mi-v2-actions,
    .mi-v2-actions .mi-v2-btn{
        width:100%;
    }

    .mi-v2-hero__visual{
        width:100%;
        transform:scale(.9);
        margin:-15px auto;
    }

    .mi-v2-sector-row{
        grid-template-columns:32px minmax(0,1fr) 15px;
        gap:9px;
        padding:13px 10px;
    }

    .mi-v2-legal-row{
        grid-template-columns:27px minmax(0,1fr) 45px 12px;
        gap:8px;
        padding:12px 5px;
    }

    .mi-v2-panel{
        padding:18px;
    }
}