@font-face{font-family:DM;src:url('assets/fonts/DMSans-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:DM;src:url('assets/fonts/DMSans-Bold.ttf') format('truetype');font-weight:700;font-display:swap}
:root{--green:#00d287;--green-dark:#006747;--mint:#eafff4;--ink:#222;--muted:#6d6d6d;--line:#d7d7d7;--paper:#f6f6f6;--white:#fff;--amber:#f3b851;--red:#d96f65;--deep:#102f25;--shadow:0 16px 36px rgba(20,41,34,.08)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#ecefed;color:var(--ink);font-family:DM,Arial,sans-serif}
button,input{font:inherit}
button{cursor:pointer}
.page-shell{width:min(1180px,calc(100% - 32px));margin:24px auto;background:var(--paper);min-height:100vh;box-shadow:0 24px 70px rgba(0,0,0,.08)}
.brand-bar{height:74px;background:var(--green);display:flex;align-items:center;justify-content:space-between;padding:0 28px;color:#153b30;font-size:11px;font-weight:700;letter-spacing:.09em}
.brand-lockup{display:flex;align-items:center;gap:18px;height:42px}.brand-lockup img{width:88px;height:auto;filter:brightness(0) invert(1)}.brand-lockup .mxi-logo{width:58px;filter:none}.brand-divider{width:1px;height:32px;background:rgba(255,255,255,.8)}
.hero{padding:64px 44px 54px;display:grid;grid-template-columns:1fr;align-items:end;gap:40px;border-bottom:1px solid var(--line)}
.eyebrow{font-size:11px;font-weight:700;letter-spacing:.12em;color:var(--green-dark)}.eyebrow.mint{color:var(--green)}
h1,h2,h3,p{margin-top:0}.hero h1{font-size:66px;line-height:.91;letter-spacing:-.055em;margin:16px 0 24px;max-width:700px}.hero h1 span{color:var(--green-dark)}
.hero-copy{font-size:17px;line-height:1.55;max-width:650px;color:#4d4d4d;margin:0}
.section-nav{position:sticky;top:0;z-index:20;margin:24px 28px 0;padding:8px;background:#f0f1f0;border:1px solid var(--line);border-radius:14px;display:flex;align-items:center;gap:4px}.nav-button,.metric-toggle,.filter-button{border:0;background:transparent;border-radius:9px;padding:11px 14px;font-size:12px;font-weight:700;color:#464646}.nav-button.active,.metric-toggle.active,.filter-button.active{background:var(--green);color:#153b30;box-shadow:0 4px 14px rgba(0,210,135,.2)}.nav-summary{margin-left:auto;font-size:11px;color:var(--muted);padding:0 12px}.nav-summary span{font-weight:700;color:var(--ink)}
main{padding:26px 28px 42px}.report-section{display:none}.report-section.active{display:block;animation:fade .25s ease}@keyframes fade{from{opacity:.35;transform:translateY(4px)}to{opacity:1;transform:none}}
.decision-banner{background:var(--deep);color:var(--white);border-radius:18px;padding:32px;display:grid;grid-template-columns:1fr 210px;gap:36px;align-items:center;box-shadow:var(--shadow)}.decision-banner h2{font-size:31px;line-height:1.1;letter-spacing:-.03em;margin:12px 0}.decision-banner p{margin:0;color:rgba(255,255,255,.75);line-height:1.55;font-size:14px;max-width:760px}.decision-banner .summary-callout{margin-top:14px;padding-top:14px;border-top:1px solid rgba(255,255,255,.16);color:rgba(255,255,255,.9)}.summary-callout strong{color:var(--green)}.decision-badge{border-left:1px solid rgba(255,255,255,.22);padding-left:28px;display:flex;flex-direction:column}.decision-badge span,.decision-badge small{font-size:10px;letter-spacing:.1em;color:var(--green);font-weight:700}.decision-badge strong{font-size:32px;letter-spacing:-.04em;margin:4px 0}.decision-badge small{color:rgba(255,255,255,.55);letter-spacing:0;font-weight:400;line-height:1.45}
.section-block{margin-top:42px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin:0 4px 20px}.section-heading h2{font-size:28px;letter-spacing:-.035em;margin:8px 0 0}.section-heading>p,.suggestion-heading-side>p{max-width:430px;margin:0;color:var(--muted);font-size:13px;line-height:1.45;text-align:right}.suggestion-heading-side{display:flex;align-items:flex-end;gap:14px}.carousel-controls{display:flex;gap:6px;flex:none}.carousel-controls button{width:34px;height:34px;border:1px solid var(--line);border-radius:50%;background:var(--white);color:var(--green-dark);font-size:18px;line-height:1;transition:.2s}.carousel-controls button:hover{background:var(--mint);border-color:#9de8c9}.priority-carousel{overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:3px 1px 10px}.priority-carousel::-webkit-scrollbar{display:none}.priority-grid{display:flex;gap:12px;width:max-content}.priority-card{background:var(--white);border:1px solid var(--line);border-radius:14px;padding:14px;width:calc((min(1120px, 92vw) - 48px)/5);min-width:190px;scroll-snap-align:start;transition:.2s;text-align:left}.priority-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.priority-top{display:flex;align-items:center;justify-content:space-between}.portrait{width:58px;height:58px;border-radius:50%;object-fit:cover;object-position:center;border:3px solid var(--green);background:#ddd}.rank-pill{font-size:11px;font-weight:700;color:var(--green-dark);align-self:flex-start}.priority-card h3{font-size:16px;margin:14px 0 2px}.priority-card h3 sup{color:#9c6c0a;font-size:11px;margin-left:2px}.handle{font-size:11px;color:var(--muted)}.priority-metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.priority-metrics div{background:var(--paper);border-radius:9px;padding:8px}.priority-metrics strong{display:block;font-size:15px}.priority-metrics span{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.uk-wait{font-size:10px;color:#7a5b16;margin-top:10px;display:block}.uk-wait.recovered{color:var(--green-dark);font-weight:700}.shortlist-caveat{margin-top:12px;padding:12px 14px;border-left:3px solid #d6a637;background:#fff8e8;color:#71581b;font-size:11px;line-height:1.5;border-radius:0 8px 8px 0}
.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:42px}.metric-card{background:var(--white);border:1px solid var(--line);border-radius:14px;padding:22px}.metric-card strong{font-size:34px;display:block;color:var(--green-dark)}.metric-card span{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em}.metric-card p{font-size:12px;line-height:1.45;color:var(--muted);margin:12px 0 0}.metric-card.warning strong{color:#9c6c0a}.metric-card.recovered-card{background:var(--mint);border-color:#9de8c9}.metric-card.recovered-card strong{color:var(--green-dark)}
.exclusion-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.exclusion-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px;display:flex;align-items:center;gap:10px}.exclusion-card img{width:42px;height:42px}.exclusion-card h3{font-size:13px;margin:0 0 2px}.exclusion-card p{font-size:10px;color:var(--muted);margin:0;line-height:1.35}.exclusion-card.expected{border-color:#e2b05c;background:#fffaf0}
.ranking-heading{margin-top:4px}.controls{display:flex;align-items:center;gap:5px;background:#f0f1f0;border:1px solid var(--line);border-radius:13px;padding:7px;margin-bottom:18px}.check-control{margin-left:auto;padding:0 10px;font-size:11px;color:var(--muted);display:flex;align-items:center;gap:7px}.check-control input{accent-color:var(--green-dark)}
.ranking-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px;align-items:start}.ranking-list{background:#fff;border:1px solid var(--line);border-radius:16px;padding:10px}.ranking-row{display:grid;width:100%;grid-template-columns:30px 42px 178px 1fr 76px;align-items:center;gap:10px;padding:9px 10px;border:0;border-bottom:1px solid #ececec;background:transparent;text-align:left}.ranking-row:hover{background:var(--mint)}.ranking-row:last-child{border-bottom:0}.ranking-row .portrait{width:38px;height:38px;border-width:2px}.ranking-number{font-size:11px;font-weight:700;color:var(--muted)}.ranking-name strong{display:block;font-size:12px}.ranking-name span{display:block;font-size:10px;color:var(--muted)}.bar-track{height:10px;background:var(--mint);border-radius:5px;overflow:hidden}.bar-fill{display:block;height:100%;border-radius:5px;background:var(--green)}.ranking-value{text-align:right;font-size:12px;font-weight:700}.excluded-row{opacity:.58}
.uk-panel{background:var(--deep);border-radius:16px;padding:24px;color:#fff;position:sticky;top:88px}.uk-panel h3{font-size:24px;margin:10px 0}.uk-panel>p{color:rgba(255,255,255,.67);font-size:13px;line-height:1.5}.formula{display:flex;align-items:center;justify-content:space-between;gap:6px;margin:22px 0}.formula span{font-size:9px;text-align:center;background:rgba(255,255,255,.08);border-radius:8px;padding:8px 6px;flex:1}.formula b{color:var(--green)}.empty-state{border-top:1px solid rgba(255,255,255,.18);padding-top:18px;display:flex;flex-direction:column;gap:6px}.empty-state strong{font-size:12px;color:var(--green)}.empty-state span{font-size:11px;line-height:1.45;color:rgba(255,255,255,.62)}
.uk-leaders{display:flex;flex-direction:column;gap:6px;margin:0 0 18px}.uk-leaders button{display:grid;grid-template-columns:22px 34px 1fr;gap:8px;align-items:center;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:#fff;border-radius:9px;padding:8px;text-align:left}.uk-leaders button:hover{border-color:var(--green)}.uk-leaders button>span:first-child{font-size:9px;color:var(--green);font-weight:700}.uk-leaders .portrait{width:32px;height:32px;border-width:1px}.uk-leaders strong,.uk-leaders small{display:block}.uk-leaders strong{font-size:11px}.uk-leaders small{font-size:9px;color:rgba(255,255,255,.62);margin-top:2px}
.fit-key{display:flex;align-items:center;justify-content:center;gap:10px;margin:0 0 18px;padding:13px 16px;border:1px solid #9de8c9;background:var(--mint);border-radius:12px;color:var(--green-dark);font-size:11px}.fit-key b{color:var(--green)}.fit-key strong{margin-left:4px}.campaign-fit-list{display:flex;flex-direction:column;gap:8px}.campaign-fit-row{display:grid;grid-template-columns:32px 48px minmax(210px,1fr) repeat(4,105px);gap:12px;align-items:center;width:100%;padding:12px 14px;background:var(--white);border:1px solid var(--line);border-radius:12px;text-align:left;transition:.2s}.campaign-fit-row:hover{border-color:var(--green);box-shadow:0 8px 22px rgba(23,56,43,.08)}.campaign-fit-row .portrait{width:44px;height:44px;border-width:2px}.fit-rank{font-size:11px;color:var(--green-dark);font-weight:700}.fit-player{display:flex;flex-direction:column;min-width:0}.fit-player>strong{font-size:14px}.fit-player small{font-size:10px;color:var(--muted);margin-top:2px}.fit-player em{font-size:9px;line-height:1.35;color:#8a681c;font-style:normal;margin-top:4px}.fit-metric{display:flex;flex-direction:column}.fit-metric strong{font-size:14px}.fit-metric small{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-top:2px}.score-pending{background:#fffaf0;border-color:#ead9aa}
.player-controls{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px}.search-box{display:flex;flex-direction:column;gap:5px;font-size:10px;font-weight:700;color:var(--green-dark);text-transform:uppercase;letter-spacing:.08em}.search-box input{width:310px;border:1px solid var(--line);border-radius:10px;padding:11px 13px;background:#fff;outline:none}.search-box input:focus{border-color:var(--green-dark);box-shadow:0 0 0 3px rgba(0,103,71,.09)}.filter-group{background:#f0f1f0;border:1px solid var(--line);padding:5px;border-radius:12px}
.player-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.player-card{appearance:none;text-align:left;border:1px solid var(--line);background:#fff;border-radius:14px;padding:14px;min-height:195px;transition:.2s;position:relative;overflow:hidden}.player-card:hover{border-color:var(--green);transform:translateY(-2px);box-shadow:var(--shadow)}.player-card::after{content:"";position:absolute;width:90px;height:90px;border-radius:50%;background:var(--mint);right:-42px;top:-42px}.player-head{display:flex;align-items:center;gap:12px;position:relative;z-index:1}.player-head .portrait{width:52px;height:52px}.player-head h3{font-size:15px;margin:0 0 3px}.player-head span{font-size:10px;color:var(--muted)}.tag{display:inline-flex;border-radius:99px;padding:5px 8px;font-size:9px;font-weight:700;margin-top:14px;background:var(--mint);color:var(--green-dark)}.tag.verified{background:var(--green);color:#153b30}.tag.excluded{background:#f6e9e7;color:#8e423b}.player-stats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;margin-top:12px}.player-stats div{background:var(--paper);border-radius:8px;padding:7px}.player-stats strong{display:block;font-size:12px}.player-stats span{font-size:8px;color:var(--muted);text-transform:uppercase}.missing-copy{font-size:10px;color:var(--muted);line-height:1.4;margin:12px 0 0}.data-state{font-size:9px;color:var(--muted);margin:9px 0 0}.data-state.recovered-state{color:var(--green-dark);font-weight:700}.exclusion-summary{margin-top:12px;padding:10px 11px;background:#fff7f5;border-left:3px solid #c56f64;border-radius:0 8px 8px 0}.exclusion-summary strong,.exclusion-summary span{display:block}.exclusion-summary strong{font-size:9px;color:#8e423b;text-transform:uppercase;letter-spacing:.05em}.exclusion-summary span{font-size:10px;line-height:1.4;color:var(--muted);margin-top:4px}.exclusion-panel{background:#fff7f5;border-color:#e8c7c2}.exclusion-panel strong{color:#8e423b}
.method-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.method-grid article{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px}.method-grid span{font-size:11px;color:var(--green-dark);font-weight:700}.method-grid h3{font-size:17px;margin:12px 0 8px}.method-grid p,.source-note p{font-size:12px;line-height:1.55;color:var(--muted);margin:0}.source-note{background:var(--deep);color:#fff;border-radius:16px;padding:26px;margin-top:16px}.source-note h3{margin-bottom:10px}.source-note p{color:rgba(255,255,255,.7);margin-top:8px}.source-note strong{color:#fff}
footer{border-top:1px solid var(--line);margin:0 28px;padding:22px 0 28px;color:var(--muted);font-size:10px}
.player-dialog{width:min(1160px,calc(100% - 32px));max-height:94vh;border:0;border-radius:22px;padding:0;background:#f7f8f7;box-shadow:0 34px 100px rgba(0,0,0,.34);overflow:auto}.player-dialog::backdrop{background:rgba(10,30,24,.68);backdrop-filter:blur(5px)}.dialog-close{position:absolute;right:20px;top:15px;border:0;background:#fff;color:var(--deep);border-radius:50%;width:36px;height:36px;font-size:22px;z-index:4;box-shadow:0 6px 18px rgba(0,0,0,.16)}.dialog-brand-bar{position:sticky;top:0;z-index:3;display:flex;justify-content:space-between;align-items:center;padding:22px 70px 22px 30px;background:var(--green);color:var(--deep);font-size:10px;font-weight:800;letter-spacing:.1em}.dialog-hero{background:#fff;padding:28px 32px 24px;display:flex;align-items:center;gap:18px;border-bottom:1px solid var(--line)}.dialog-hero .portrait{width:74px;height:74px;border-color:var(--green);box-shadow:0 5px 16px rgba(18,64,48,.14)}.dialog-identity h2{font-size:30px;line-height:1.05;color:var(--green-dark);margin:0 0 5px;letter-spacing:-.025em}.dialog-identity p{margin:0;font-size:12px;color:var(--ink)}.dialog-pills{display:flex;gap:6px;margin-top:11px}.dialog-pills span{display:inline-flex;padding:5px 9px;border:1px solid var(--line);border-radius:99px;background:var(--paper);font-size:9px;font-weight:700;color:var(--green-dark)}.dialog-body{padding:28px 32px 36px}.detail-section-title{font-size:18px;color:var(--deep);margin:30px 0 13px;letter-spacing:-.015em}.detail-section-title.first{margin-top:0}.dialog-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.dialog-metric{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px;min-height:84px;box-shadow:0 5px 16px rgba(20,54,43,.04)}.dialog-metric strong{display:block;font-size:25px;line-height:1;color:var(--green-dark);letter-spacing:-.025em}.dialog-metric span{display:block;font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-top:12px}.evidence-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.evidence-item{background:#fff;border:1px solid var(--line);border-radius:13px;padding:15px;min-height:92px}.evidence-item strong{display:block;font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.055em}.evidence-item span{display:block;font-size:19px;font-weight:750;color:var(--green-dark);margin-top:11px;line-height:1.25}.evidence-item.report-coverage span{font-size:10px;font-weight:400;color:var(--muted);line-height:1.45}.audience-sections{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.audience-sections section{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px;box-shadow:0 5px 16px rgba(20,54,43,.035)}.audience-sections section:last-child{grid-column:1/-1}.audience-sections h3{font-size:13px;color:var(--green-dark);margin:0 0 15px}.detail-bars{display:flex;flex-direction:column;gap:10px}.detail-bars>div>span{display:flex;justify-content:space-between;gap:10px;font-size:10px}.detail-bars b{font-weight:500}.detail-bars em{font-style:normal;font-weight:750}.detail-bars i{display:block;height:7px;background:#e8f2ee;border-radius:5px;margin-top:5px;overflow:hidden}.detail-bars u{display:block;height:100%;background:linear-gradient(90deg,var(--green-dark),var(--green));border-radius:5px;text-decoration:none}.aas-note,.unavailable-panel{margin-top:14px;border:1px solid #a8ead1;border-radius:13px;padding:18px;background:var(--mint)}.aas-note strong,.aas-note span{display:block}.aas-note strong{font-size:12px;color:var(--green-dark)}.aas-note span,.unavailable-panel p{font-size:10px;line-height:1.55;color:var(--muted);margin:5px 0 0}.unavailable-panel{background:#f1f1f1;border-color:var(--line)}.unavailable-panel strong{font-size:12px}.dialog-reason{margin-top:20px;border-left:3px solid var(--amber);padding:13px 15px;background:#fff8e8;border-radius:0 10px 10px 0;font-size:11px;line-height:1.5}
.dialog-brand-bar{padding:16px 70px 16px 30px}.dialog-brand-lockup{display:flex;align-items:center;gap:13px}.dialog-brand-lockup img:first-child{width:76px;height:auto}.dialog-brand-lockup img:last-child{width:48px;height:auto}.dialog-brand-lockup i{display:block;width:1px;height:27px;background:rgba(255,255,255,.65)}
.dialog-pills{flex-wrap:wrap}.dialog-instagram-link{display:inline-flex;align-items:center;padding:5px 9px;border:1px solid var(--green);border-radius:99px;background:var(--green);font-size:9px;font-weight:700;color:var(--deep);text-decoration:none;transition:.2s}.dialog-instagram-link:hover{background:var(--green-dark);border-color:var(--green-dark);color:#fff}
@media(max-width:900px){.hero{grid-template-columns:1fr}.priority-card{width:calc((92vw - 24px)/3)}.metric-grid,.player-grid{grid-template-columns:repeat(2,1fr)}.exclusion-grid{grid-template-columns:repeat(2,1fr)}.ranking-layout{grid-template-columns:1fr}.uk-panel{position:static}.section-nav{overflow:auto}.nav-summary{display:none}.dialog-grid{grid-template-columns:repeat(2,1fr)}.evidence-grid{grid-template-columns:repeat(3,1fr)}.evidence-item.report-coverage{grid-column:span 2}}
@media(max-width:620px){.page-shell{width:100%;margin:0}.brand-bar{padding:0 18px}.brand-bar>span{display:none}.hero{padding:42px 22px}.hero h1{font-size:47px}.section-nav{margin:14px 12px 0}.nav-button{white-space:nowrap}main{padding:20px 12px}.decision-banner{grid-template-columns:1fr}.decision-badge{border-left:0;border-top:1px solid rgba(255,255,255,.22);padding:20px 0 0}.priority-card{width:78vw;min-width:250px}.metric-grid,.player-grid,.exclusion-grid,.method-grid{grid-template-columns:1fr}.section-heading{align-items:start;flex-direction:column}.section-heading>p,.suggestion-heading-side>p{text-align:left}.suggestion-heading-side{align-items:center;width:100%}.carousel-controls{margin-left:auto}.player-controls{align-items:stretch;flex-direction:column}.search-box input{width:100%}.filter-group{display:flex;overflow:auto}.ranking-row{grid-template-columns:22px 38px 1fr 64px}.bar-track{display:none}.ranking-name{min-width:0}.controls{overflow:auto}.check-control{white-space:nowrap}.dialog-grid,.evidence-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.audience-sections{grid-template-columns:1fr}.audience-sections section{min-width:0}.audience-sections section:last-child{grid-column:auto}.detail-bars,.detail-bars>div,.detail-bars>div>span{min-width:0}.detail-bars b{overflow-wrap:anywhere}.dialog-hero{align-items:flex-start}.dialog-hero .portrait{width:68px;height:68px}}
@media(max-width:900px){.campaign-fit-row{grid-template-columns:28px 44px minmax(180px,1fr) repeat(4,82px);gap:8px}.fit-metric strong{font-size:12px}}
@media(max-width:620px){.fit-key{justify-content:flex-start;overflow-x:auto;white-space:nowrap}.campaign-fit-row{grid-template-columns:24px 42px 1fr 82px}.campaign-fit-row .fit-metric:nth-last-child(-n+3){display:none}.fit-player small{white-space:normal}}
@media(max-width:360px){.dialog-body{padding:22px 20px 30px}.dialog-grid,.evidence-grid{gap:8px}.dialog-metric{padding:14px}.dialog-metric strong{font-size:20px}.evidence-item{padding:12px}}