:root{--navy:#17345e;--navy2:#10294b;--blue:#397ec8;--orange:#eca45a;--teal:#49afa6;--ink:#27313d;--muted:#657180;--line:#dce3e9;--paper:#f6f8fa;--white:#fff;--max:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,"Noto Sans SC","Microsoft YaHei",system-ui,sans-serif;line-height:1.65}img,svg{max-width:100%}a{color:inherit;text-decoration:none}button,select{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.18;letter-spacing:-.045em}h1{font-size:clamp(2.7rem,4.8vw,5.4rem)}h2{font-size:clamp(2rem,3vw,3.4rem)}h3{font-size:1.35rem}.container{width:min(var(--max),calc(100% - 64px));margin:auto}.section{padding:100px 0}.slim-section{padding:75px 0}.eyebrow{font-size:.68rem;font-weight:800;letter-spacing:.19em;color:var(--blue);text-transform:uppercase}.eyebrow.light{color:#91cef2}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:40px}.section-heading h2{margin:10px 0 0}.section-heading p{color:var(--muted);max-width:650px;margin:12px 0 0}.text-link{font-weight:800;color:var(--blue);white-space:nowrap;border-bottom:1px solid var(--blue);padding-bottom:4px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;min-height:50px;padding:11px 20px;font-weight:800;font-size:.88rem;border:1px solid transparent;transition:transform .2s,background .2s}.button:hover,.teaser:hover,.region-card:hover{transform:translateY(-3px)}.button.primary{background:var(--orange);color:#10294b}.button.outline{border-color:#92aac4;color:white}.button.outline:hover{background:#284a70}.button.dark{background:var(--navy);color:white}.source-line{font-size:.76rem;color:var(--muted);margin:22px 0 0}.source-line a,.fan-copy small a{color:var(--blue);text-decoration:underline}.site-header{height:76px;background:#fff;border-bottom:1px solid #e3e8ed;position:sticky;top:0;z-index:50}.header-inner{width:min(1370px,calc(100% - 64px));height:100%;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center;gap:11px;color:var(--navy);font-size:1.16rem;font-weight:900;letter-spacing:-.04em;white-space:nowrap;line-height:1}.brand small{display:block;color:#718396;font-size:.44rem;font-weight:700;letter-spacing:.2em;margin-top:6px}.brand-icon{background:var(--navy);color:#fff;width:34px;height:34px;display:grid;place-items:center;font-size:1.55rem;position:relative}.brand-icon span{position:absolute;right:4px;top:1px;color:var(--orange)}.site-nav{display:flex;align-items:center;gap:24px}.nav-link{font-size:.84rem;font-weight:700;color:#586579;white-space:nowrap}.nav-link:hover,.nav-link.active{color:var(--blue)}.nav-toggle{display:none;background:none;border:0;padding:8px}.nav-toggle span{display:block;width:25px;height:2px;background:var(--navy);margin:5px 0}.hero{background:#123157;color:#fff;padding:42px 0 58px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.18fr .83fr .68fr;gap:22px;min-height:575px}.hero-intro{padding:70px 25px 30px 0;display:flex;flex-direction:column;align-items:flex-start}.hero-intro h1{margin:30px 0 25px;max-width:700px;font-size:clamp(2.65rem,3.7vw,4.7rem)}.hero-intro h1 span{color:var(--orange)}.hero-intro p{font-size:1.02rem;color:#d8e2ee;max-width:560px}.hero-actions{display:flex;gap:12px;margin-top:24px;flex-wrap:wrap}.hero-index{border-top:1px solid #6e89a9;margin-top:auto;padding-top:21px;width:100%;display:flex;gap:20px;font-size:.73rem;color:#a9bcd1}.hero-index b{color:#f2f5f8;font-weight:600}.hero-nav{background:#f8fafb;color:var(--ink);padding:25px;display:flex;flex-direction:column;box-shadow:0 20px 50px #071e3855}.hero-nav-top{display:flex;justify-content:space-between;color:#718396;font-size:.64rem;font-weight:800;letter-spacing:.16em}.hero-nav h2{font-size:1.5rem;margin:26px 0}.region-pills{display:grid;gap:4px}.region-pill{border:0;border-bottom:1px solid #e5eaf0;background:transparent;padding:11px 3px;text-align:left;color:#425369;display:flex;align-items:center;gap:13px;font-weight:800}.region-pill .region-index{color:#9aa9ba;font-size:.65rem;letter-spacing:.1em}.region-pill>span:last-child{margin-left:auto;color:#a8b6c5}.region-pill:hover,.region-pill.selected{color:var(--blue)}.region-pill.selected{border-color:var(--blue)}.region-detail{margin-top:auto;background:#eaf1f7;padding:18px 20px}.region-detail span{color:var(--blue);font-size:.65rem;font-weight:900;letter-spacing:.14em}.region-detail p{font-size:.84rem;margin:7px 0 9px;line-height:1.5}.region-detail a{color:var(--blue);font-weight:800;font-size:.76rem}.hero-snapshot{border:1px solid #52749b;background:#1b416b;padding:25px;display:flex;flex-direction:column;position:relative;overflow:hidden}.hero-snapshot:before{content:"";position:absolute;width:270px;height:270px;border:1px solid #7ca1c45c;border-radius:50%;right:-130px;top:-80px}.hero-number{font-size:clamp(3.6rem,5vw,5.4rem);font-weight:900;letter-spacing:-.09em;line-height:1;margin:90px 0 12px;color:#fff}.hero-number span{font-size:.36em;letter-spacing:0;margin-left:4px;color:var(--orange)}.hero-snapshot>p{font-size:.87rem;color:#d9e8f6}.snapshot-lines{margin-top:15px;border-top:1px solid #547297}.snapshot-lines div{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #547297;padding:12px 0;font-size:.75rem}.snapshot-lines b{color:var(--orange);font-size:1rem}.hero-snapshot small{color:#b6cce0;font-size:.64rem;line-height:1.6;margin-top:auto;padding-top:26px}.hero-snapshot small a{text-decoration:underline}.market-section{background:#fff}.map-layout{display:grid;grid-template-columns:1.6fr .65fr;gap:0;border:1px solid var(--line)}.map-board{background:#e8f0f4;padding:25px;min-width:0}.world-map{display:block;width:100%;height:auto}.land{fill:#b9ccd5;stroke:#8baab7;stroke-width:2}.land-line{fill:none;stroke:#d3e0e8;stroke-width:1}.map-point{cursor:pointer;outline:none}.map-point circle:not(.point-halo){fill:#eb9e55;stroke:white;stroke-width:3}.point-halo{fill:#edaa6555;transition:r .2s}.map-point:hover .point-halo,.map-point.active .point-halo{fill:#edaa65aa;r:28}.map-point text{font-size:14px;font-weight:800;fill:var(--navy);paint-order:stroke;stroke:#eef5f8;stroke-width:3}.map-bottom{display:flex;justify-content:space-between;gap:20px;font-size:.61rem;font-weight:800;letter-spacing:.12em;color:#6a8494}.market-side{padding:34px;background:#f7f9fa;display:flex;flex-direction:column}.market-side h3{font-size:2rem;margin:22px 0 8px}.market-side p{color:var(--muted)}.market-side ul{list-style:none;margin:16px 0 35px;padding:0}.market-side li{border-bottom:1px solid var(--line);padding:10px 0;font-size:.82rem}.market-side .button{margin-top:auto}.league-section{background:#f5f8fa}.league-layout{display:grid;grid-template-columns:1.55fr .75fr;gap:20px}.revenue-chart{background:#fff;border:1px solid var(--line);padding:38px}.chart-header{display:flex;align-items:end;justify-content:space-between;color:var(--muted);font-size:.75rem}.chart-header h3{font-size:3.5rem;color:var(--navy);margin:15px 0 30px}.chart-header h3 span{font-size:1rem;letter-spacing:0}.stacked-bar{height:76px;display:flex;overflow:hidden}.stacked-bar span:first-child{background:var(--blue)}.stacked-bar span:nth-child(2){background:var(--teal)}.stacked-bar span:nth-child(3){background:var(--orange)}.legend{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:25px}.legend div{display:grid;grid-template-columns:13px 1fr;column-gap:8px;font-size:.75rem}.legend i{width:11px;height:11px;margin-top:5px}.legend .commercial{background:var(--blue)}.legend .broadcast{background:var(--teal)}.legend .matchday{background:var(--orange)}.legend span{grid-column:2;color:var(--muted)}.insight-panel{background:var(--navy);color:#fff;padding:38px;display:flex;flex-direction:column}.insight-panel h3{font-size:2.15rem;margin:28px 0 15px}.insight-panel p{color:#d5e2ed;font-size:.9rem}.insight-panel a{color:var(--orange);font-weight:800;margin-top:auto}.split-statement{display:grid;grid-template-columns:1fr 1fr;gap:80px}.split-statement h2{margin:18px 0 0}.split-statement h2 em{color:var(--blue);font-style:normal}.statement-list>div{display:flex;gap:24px;border-top:1px solid var(--line);padding:16px 0}.statement-list>div>span{color:var(--blue);font-weight:900;font-size:.75rem}.statement-list strong{font-size:1rem}.statement-list p{color:var(--muted);font-size:.84rem;margin:4px 0 0}.sponsor-section{background:#fff}.sponsor-strip{display:grid;grid-template-columns:1fr 1.15fr;background:#e9f0f3;min-height:360px}.sponsor-question{background:#1d4d69;color:#fff;padding:50px}.sponsor-question span{color:#9ddbd9;font-size:.68rem;font-weight:800;letter-spacing:.16em}.sponsor-question h3{font-size:2.3rem;margin:28px 0 16px}.sponsor-question p{color:#d3e5e9}.matrix{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#cbdce4}.matrix>div{background:#f5f9fa;padding:34px;display:flex;flex-direction:column;justify-content:space-between}.matrix span{font-size:.72rem;color:var(--muted)}.matrix strong{font-size:1rem}.matrix .matrix-end{background:#e2ecef}.fan-section{background:#f1f5f6}.fan-layout{display:grid;grid-template-columns:1.05fr 1fr;gap:80px;align-items:center}.fan-visual{background:#d9e9ea;min-height:440px;padding:25px;display:flex;flex-direction:column;justify-content:space-between}.fan-visual-top,.fan-visual-bottom{font-weight:800;font-size:.7rem;letter-spacing:.12em;color:#306b78;display:flex;justify-content:space-between}.fan-orbit{height:310px;position:relative;margin:auto;width:min(100%,380px);border:1px solid #86b6b6;border-radius:50%;display:grid;place-items:center}.fan-orbit:before,.fan-orbit:after{content:"";position:absolute;border:1px solid #9ec6c8;border-radius:50%;inset:45px}.fan-orbit:after{inset:92px}.fan-orbit b{z-index:1;background:#1e5871;color:#fff;width:80px;height:80px;border-radius:50%;display:grid;place-items:center;letter-spacing:.12em}.fan-orbit span{position:absolute;background:#fff;padding:5px 9px;color:#2a6c76;font-size:.7rem;font-weight:800;z-index:2}.fan-orbit span:nth-child(1){top:8px}.fan-orbit span:nth-child(2){right:-16px;top:45%}.fan-orbit span:nth-child(3){bottom:11px}.fan-orbit span:nth-child(4){left:-10px;top:45%}.fan-copy h2{margin:18px 0}.fan-copy>p{font-size:1.02rem;color:var(--muted)}.fact-box{display:flex;align-items:center;gap:22px;padding:20px 0;border-top:1px solid #c5d7da;border-bottom:1px solid #c5d7da;margin:28px 0 12px}.fact-box b{font-size:3.5rem;line-height:1;color:#1a7384;letter-spacing:-.08em}.fact-box span{font-size:.85rem}.fan-copy small{display:block;font-size:.7rem;color:var(--muted)}.editorial-section{background:#fff}.article-grid,.feature-grid,.brand-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.teaser{background:#fff;border:1px solid var(--line);display:flex;flex-direction:column;min-width:0;transition:transform .2s,box-shadow .2s}.teaser:hover{box-shadow:0 16px 30px #17345e12}.teaser-image{aspect-ratio:1.8;overflow:hidden;background:#e3edf2}.teaser-image img{width:100%;height:100%;object-fit:cover;display:block}.teaser-copy{padding:25px;display:flex;flex-direction:column;flex:1}.teaser .eyebrow{font-size:.61rem}.teaser .eyebrow i{display:inline-block;width:3px;height:3px;background:var(--orange);border-radius:50%;vertical-align:middle;margin:0 4px}.teaser h3{font-size:1.2rem;margin:15px 0}.teaser p{color:var(--muted);font-size:.82rem;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.read-more{font-size:.78rem;font-weight:800;color:var(--blue);margin-top:auto;padding-top:14px}.brand-research{background:#f3f7f9}.brand-grid .teaser-image{aspect-ratio:2.5}.ai-section{background:var(--navy2);color:#fff}.ai-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:90px;align-items:center}.ai-layout h2{margin:20px 0}.ai-layout p{color:#ccdae8;max-width:510px}.ai-layout .button{margin-top:20px}.ai-steps{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#517093}.ai-steps>div{background:#1c3b62;padding:30px;min-height:180px}.ai-steps span{font-size:.7rem;color:var(--orange);font-weight:800}.ai-steps strong{display:block;font-size:1.1rem;margin-top:18px}.ai-steps p{font-size:.8rem;margin:5px 0 0}.news-section{background:#fff}.news-list{border-top:2px solid var(--navy)}.news-row{display:grid;grid-template-columns:95px 100px 1.5fr 1fr 20px;gap:22px;align-items:start;border-bottom:1px solid var(--line);padding:23px 4px}.news-row:hover{background:#f5f9fb}.news-row time,.news-row>span{color:var(--muted);font-size:.74rem}.news-row strong{font-size:1rem;line-height:1.4}.news-row p{font-size:.75rem;color:var(--muted);line-height:1.55;margin:0}.news-row>b{color:var(--blue)}.faq-section{background:#f4f7f8}.faq-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px}.faq-layout h2{margin:20px 0}.faq-layout p{color:var(--muted)}.faq-items{border-top:1px solid var(--line)}.faq-items details{border-bottom:1px solid var(--line)}.faq-items summary{list-style:none;display:flex;justify-content:space-between;gap:15px;padding:21px 0;font-weight:800;cursor:pointer}.faq-items summary::-webkit-details-marker{display:none}.faq-items summary span{color:var(--blue)}.faq-items details[open] summary span{transform:rotate(45deg)}.faq-items details p{margin:0 0 20px;font-size:.85rem}.site-footer{background:#122c4c;color:#d2deea;padding:70px 0 25px}.footer-grid{display:grid;grid-template-columns:2.3fr .7fr .7fr 1.6fr;gap:60px}.footer-brand{color:#fff;font-weight:900;font-size:1.25rem}.footer-brand span{font-size:.58rem;letter-spacing:.14em;color:#9cb8ce}.footer-about p{font-size:.82rem;max-width:370px}.footer-grid>div:not(:first-child){display:flex;flex-direction:column;align-items:flex-start;gap:9px}.footer-grid strong{color:#fff;font-size:.84rem;margin-bottom:8px}.footer-grid a{font-size:.77rem}.footer-grid a:hover{text-decoration:underline}.footer-note{font-size:.68rem;color:#9db2c7;line-height:1.8}.footer-bottom{border-top:1px solid #42607f;margin-top:55px;padding-top:20px;display:flex;justify-content:space-between;color:#8fa9c1;font-size:.68rem}.page-mast{background:#e8f0f5;padding:93px 0 85px;border-bottom:1px solid #d4e2ea}.page-mast h1{font-size:clamp(2.5rem,4vw,4.4rem);max-width:970px;margin:22px 0}.page-mast p{max-width:700px;color:#5e7283;font-size:1.04rem}.page-mast.mast-blue{background:#183a64;color:white}.page-mast.mast-blue p{color:#cedfec}.page-mast.mast-blue .eyebrow{color:#9bcbe6}.page-mast.mast-orange{background:#f6ece1}.page-mast.mast-teal{background:#e0eeee}
