:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.skip-link{position:absolute;top:-60px;left:12px;z-index:100;padding:10px 15px;background:var(--accent);color:#101617;font-weight:800}
.skip-link:focus{top:12px}
.feature-section,.editorial-section,.news-section,.topics-section,.creators-section,.category-list,.related-section{padding:40px 0 105px}
.feature-section .section-title-row,.creators-section .section-title-row,.editorial-section .section-title-row,.news-section .section-title-row,.topics-section .section-title-row{margin-bottom:30px}
.feature-grid,.story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.story-card{min-width:0;background:var(--panel);border:1px solid var(--line);border-radius:10px;overflow:hidden;display:flex;flex-direction:column;transition:border-color .2s,transform .2s}
.story-card:hover{border-color:#a4d958;transform:translateY(-3px)}
.story-art{height:162px;position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:20px;overflow:hidden;background:#29413a}
.story-art:before{content:"";position:absolute;width:220px;height:220px;border:1px solid #ffffff42;border-radius:50%;right:-55px;top:-83px;box-shadow:0 0 0 38px #ffffff0d,0 0 0 78px #ffffff09}
.story-art:after{content:"";position:absolute;width:150px;height:1px;background:#ffffff7a;transform:rotate(-37deg);right:18px;bottom:38px}
.story-art span,.story-art b{position:relative;z-index:1}
.story-art span{font-size:11px;font-weight:800;letter-spacing:.14em;color:#e6f4e6}
.story-art b{font-size:31px;line-height:1.1;letter-spacing:-.04em;color:#fff;max-width:260px}
.art-ai{background:linear-gradient(125deg,#213b42,#13272b 58%,#54766b)}
.art-ugc{background:linear-gradient(125deg,#554e38,#293c37 60%,#777247)}
.art-official{background:linear-gradient(125deg,#3d4446,#22343a 60%,#62707a)}
.art-sports{background:linear-gradient(125deg,#2b5144,#20302d 60%,#627b42)}
.art-app{background:linear-gradient(125deg,#3a455c,#1c2e3c 60%,#627a84)}
.art-news{background:linear-gradient(125deg,#374048,#1c2b31 60%,#56676f)}
.story-art.art-ai,.article-visual.art-ai{background:#1c3237 url('../images/ai-grid.svg') center/cover no-repeat}
.story-art.art-sports,.article-visual.art-sports{background:#24443a url('../images/tactics.svg') center/cover no-repeat}
.story-art.art-ugc,.article-visual.art-ugc{background:#34423a linear-gradient(90deg,#142420d9,#14242055),url('../images/creator-board.svg') center/cover no-repeat}
.story-body{padding:25px;display:flex;flex-direction:column;flex:1}
.story-meta{display:flex;justify-content:space-between;gap:10px;color:var(--accent);font-size:12px;font-weight:800;letter-spacing:.04em}
.story-meta time{color:#a1ada8;white-space:nowrap}
.story-card h3{font-size:21px;line-height:1.5;margin:15px 0 12px;letter-spacing:-.025em}
.story-card h3 a:hover,.news-row h3 a:hover{color:var(--accent)}
.story-card p{margin:0;color:#aebbb5;font-size:14px;line-height:1.8}
.read-link{display:inline-block;margin-top:auto;padding-top:23px;color:var(--accent);font-size:13px;font-weight:800}
.feature-card .story-art{height:190px}
.feature-card .story-body{min-height:330px}
.feature-card h3{font-size:23px}
.feature-card p{font-size:14px}
.process-section{background:#192526;border-top:1px solid #32403e;border-bottom:1px solid #32403e;padding:88px 0 94px}
.process-section .section-title-row{margin-bottom:36px}
.process-track{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.process-track div{min-height:164px;border:1px solid #40514b;border-radius:7px;padding:20px;background:#122021}
.process-track b{display:block;color:var(--accent);font-size:12px;letter-spacing:.14em;margin-bottom:16px}
.process-track strong{display:block;font-size:18px}
.process-track p{color:#9fb0a9;font-size:13px;line-height:1.7;margin:9px 0 0}
.process-foot{color:#9fb0a9;font-size:13px;margin:21px 0 0}
.creator-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.creator-grid>div{padding:27px;min-height:225px;border:1px solid var(--line);border-radius:9px;background:var(--panel)}
.creator-grid span{color:var(--accent);font-size:11px;font-weight:800;letter-spacing:.12em}
.creator-grid h3{font-size:22px;margin:31px 0 12px}
.creator-grid p{font-size:14px;color:#acbab3;margin:0;line-height:1.8}
.section-more{display:inline-block;margin-top:26px;padding-bottom:5px;border-bottom:1px solid var(--accent);color:var(--accent);font-size:14px;font-weight:800}
.lab-section{background:#d6ebd6;color:#152321;padding:90px 0}
.lab-section .eyebrow{color:#285d53}
.lab-grid{display:grid;grid-template-columns:1fr .86fr;gap:12%;align-items:center}
.lab-grid h2,.app-grid h2{font-size:clamp(32px,4vw,52px);line-height:1.22;letter-spacing:-.05em;margin:18px 0 24px}
.lab-grid p{font-size:17px;line-height:1.9;max-width:580px;margin-bottom:30px;color:#3f554d}
.lab-grid .button-primary{background:#182b27;color:#d9f6ce}
.lab-meter{background:#e9f5e4;border:1px solid #b4d0b4;border-radius:11px;padding:30px 34px;box-shadow:14px 14px 0 #b5d5b7}
.lab-meter>div:not(.lab-note){margin:0 0 25px}
.lab-meter span{display:block;font-size:14px;font-weight:800;margin-bottom:10px}
.lab-meter b{display:block;width:100%;height:8px;background:#bfd1c5;border-radius:20px;position:relative;overflow:hidden}
.lab-meter b:before{content:"";position:absolute;inset:0 auto 0 0;width:var(--w);background:#25564e;border-radius:20px}
.lab-note{font-size:12px;line-height:1.7;border-top:1px solid #b5cdb9;padding-top:19px;color:#5d7165}
.app-section{background:#182125;border-top:1px solid #344046;border-bottom:1px solid #344046;padding:78px 0 90px}
.app-grid{display:grid;grid-template-columns:1fr .75fr;gap:14%;align-items:center}
.app-grid p{color:#b5c2bc;font-size:16px;line-height:1.9;max-width:560px}
.app-grid .text-link{color:var(--accent);display:inline-block;margin-top:10px}
.phone-card{width:min(360px,100%);margin:auto;background:#11191c;border:8px solid #334348;border-radius:30px;padding:25px 19px 30px;box-shadow:0 35px 80px #0006;transform:rotate(3deg)}
.phone-top{display:flex;justify-content:space-between;color:var(--accent);font-size:11px;font-weight:800}
.phone-title{font-size:24px;font-weight:800;margin:25px 0 18px}
.phone-item{padding:15px 14px;margin:10px 0;border:1px solid #344240;border-radius:9px;background:#1d2829}
.phone-item span{color:var(--accent);font-size:11px;font-weight:800}
.phone-item strong{display:block;font-size:14px;line-height:1.5;margin:5px 0}
.phone-item small{font-size:11px;color:#8ca19a}
.news-list{border-top:1px solid var(--line)}
.news-row{display:grid;grid-template-columns:135px 1fr;gap:35px;padding:28px 0;border-bottom:1px solid var(--line)}
.news-row time{color:var(--accent);font-size:14px;font-weight:800}
.news-row h3{font-size:23px;margin:0 0 11px;line-height:1.45}
.news-row p{max-width:900px;color:#aebbb5;font-size:14px;line-height:1.85;margin:0}
.news-row .read-link{padding-top:13px}
.topic-links{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
.topic-links a{display:flex;justify-content:space-between;gap:10px;padding:16px;border:1px solid var(--line);border-radius:6px;background:var(--panel);font-size:14px;font-weight:700}
.topic-links a span{color:var(--accent)}
.topic-links a:hover{border-color:var(--accent)}
.category-hero{padding:54px 0 68px}
.breadcrumbs{display:flex;gap:12px;align-items:center;color:#94a59e;font-size:13px;margin-bottom:34px}
.breadcrumbs a:hover{color:var(--accent)}
.category-hero-grid{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:end}
.category-hero h1{font-size:clamp(40px,5vw,64px);line-height:1.2;letter-spacing:-.05em;margin:15px 0 20px}
.category-hero p{font-size:17px;color:#aebdb5;max-width:680px;margin:0}
.category-stamp{width:190px;border-left:1px solid var(--line);padding-left:27px}
.category-stamp span,.category-stamp small{display:block;color:#91a49a;font-size:12px}
.category-stamp strong{display:block;color:var(--accent);font-size:65px;line-height:1.1;margin:12px 0}
.category-list{padding-top:0}
.category-list h2,.related-section h2{font-size:32px;margin:20px 0 25px}
.category-list .story-card .story-body{min-height:300px}
.app-notice,.source-strip{margin-bottom:95px;padding:30px 35px;background:#1e2b2b;border:1px solid #3b4b48;border-left:4px solid var(--accent);border-radius:5px}
.app-notice span{color:var(--accent);font-size:12px;font-weight:800}
.app-notice h2{font-size:25px;margin:8px 0 10px}
.app-notice p,.source-strip p{color:#b7c4bc;max-width:850px;line-height:1.8;margin:0}
.source-strip strong{display:block;margin-bottom:10px}
.article-layout{display:grid;grid-template-columns:minmax(0,760px) minmax(220px,1fr);gap:85px;padding:55px 0 35px}
.article-heading .article-label{color:var(--accent);font-size:13px;font-weight:800;letter-spacing:.05em}
.article-heading h1{font-size:clamp(38px,4.4vw,58px);line-height:1.25;letter-spacing:-.05em;margin:17px 0 23px}
.article-heading>p{font-size:17px;line-height:1.9;color:#b4c2bb;margin:0 0 30px}
.article-visual{height:260px;border-radius:8px;padding:28px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;margin-bottom:37px}
.article-visual:after{content:"";position:absolute;width:310px;height:310px;right:-70px;top:-70px;border:1px solid #fff6;border-radius:50%;box-shadow:0 0 0 60px #fff1,0 0 0 120px #fff1}
.article-visual span,.article-visual b{position:relative;z-index:1}
.article-visual span{font-size:12px;letter-spacing:.17em;color:#e3eee5}
.article-visual b{font-size:38px;letter-spacing:-.04em;line-height:1.2;max-width:500px}
.prose{font-size:16px;line-height:2.08;color:#d6dfd8}
.prose .opening{font-size:19px;color:#f0f5eb;line-height:1.9;border-left:3px solid var(--accent);padding-left:22px;margin:0 0 43px}
.prose section{margin:0 0 42px}
.prose h2{font-size:27px;line-height:1.4;margin:0 0 14px;color:#f6f8f2;letter-spacing:-.025em}
.prose p{margin:0 0 19px}
.article-callout{background:#d5e9d8;color:#20352b;padding:25px 28px;margin:0 0 43px;border-radius:6px}
.article-callout span{font-size:11px;letter-spacing:.14em;font-weight:800}
.article-callout p{font-size:19px;line-height:1.6;margin:10px 0 0;font-weight:800}
.prose .closing{color:#c9f36b;font-size:19px;font-weight:700;border-top:1px solid var(--line);padding-top:22px}
.source-note{border-top:1px solid var(--line);padding-top:15px;color:#a9b7b0;font-size:13px}
.source-note a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}
.article-back{padding:25px 0;border-top:1px solid var(--line)}
.article-back a{color:var(--accent);font-size:14px;font-weight:800}
.article-aside{padding-top:62px}
.aside-box{position:sticky;top:105px;border:1px solid var(--line);padding:23px;border-radius:8px;background:#182324}
.aside-box>span{color:var(--accent);font-size:11px;font-weight:800;letter-spacing:.14em}
.aside-box h2{font-size:24px;margin:12px 0 4px}
.aside-box p{font-size:13px;color:#9eaea5;margin:0 0 13px}
.aside-box>a{display:block;border-top:1px solid var(--line);padding:17px 0}
.aside-box>a span,.related-grid>a span{display:block;color:var(--accent);font-size:11px;font-weight:800;margin-bottom:7px}
.aside-box>a strong,.related-grid>a strong{display:block;font-size:15px;line-height:1.55}
.aside-box>a small,.related-grid>a small{display:block;color:#a7b5ac;font-size:11px;margin-top:8px}
.related-section{padding-top:25px}
.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}
.related-grid>a{display:block;border:1px solid var(--line);background:var(--panel);padding:23px;border-radius:7px}
.related-grid>a:hover{border-color:var(--accent)}
@media(max-width:1050px){.feature-grid,.story-grid{grid-template-columns:repeat(2,1fr)}.creator-grid{grid-template-columns:repeat(2,1fr)}.topic-links{grid-template-columns:repeat(3,1fr)}.article-layout{gap:35px}}
@media(max-width:800px){.process-track{grid-template-columns:repeat(2,1fr)}.lab-grid,.app-grid{grid-template-columns:1fr;gap:45px}.phone-card{transform:none}.article-layout{grid-template-columns:1fr}.article-aside{display:none}.related-grid{grid-template-columns:1fr}.category-hero-grid{grid-template-columns:1fr}.category-stamp{display:none}.feature-card .story-body{min-height:unset}}
@media(max-width:560px){.feature-grid,.story-grid,.creator-grid{grid-template-columns:1fr}.feature-section,.editorial-section,.news-section,.topics-section,.creators-section,.category-list,.related-section{padding-bottom:65px}.process-section,.lab-section,.app-section{padding:65px 0}.process-track{grid-template-columns:1fr 1fr;gap:8px}.process-track div{padding:15px;min-height:170px}.process-track strong{font-size:16px}.process-track p{font-size:12px}.topic-links{grid-template-columns:repeat(2,1fr)}.news-row{grid-template-columns:1fr;gap:8px}.news-row h3{font-size:20px}.article-layout{padding-top:35px}.article-heading h1{font-size:37px}.article-visual{height:190px}.article-visual b{font-size:26px}.prose{font-size:16px}.prose h2{font-size:24px}}