*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#071019;color:#eaf2f8;font-family:Inter,"PingFang SC","Microsoft YaHei",Arial,sans-serif;line-height:1.75}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container,.container-custom{width:min(1180px,calc(100% - 40px));margin:auto}.site-header{position:sticky;top:0;z-index:99;background:rgba(5,12,20,.9);backdrop-filter:blur(18px);border-bottom:1px solid #203042}.nav-panel{height:76px;display:flex;align-items:center;gap:26px}.logo,.nav-logo{font-size:22px;font-weight:900;white-space:nowrap}.logo b,.logo-icon{color:#22d3ee}.nav-panel nav,.nav-links-wrap{display:flex;gap:8px;align-items:center;flex:1}.nav-panel nav a,.nav-link-card{padding:10px 13px;border-radius:10px;color:#aebdca}.nav-panel nav a:hover,.nav-panel nav a.active,.nav-link-card.active{background:#122232;color:#fff}.nav-toggle{display:none;background:none;border:0;color:#fff;font-size:25px}.btn,.nav-cta{display:inline-flex;align-items:center;justify-content:center;padding:11px 18px;border-radius:12px;font-weight:800;border:1px solid #2c4255}.primary,.nav-cta{background:linear-gradient(135deg,#13c7e8,#3478f6);border:0;color:white}.ghost,.btn--outline{background:rgba(7,16,25,.35)}.hero{min-height:720px;position:relative;display:grid;align-items:center;overflow:hidden}.hero>img,.hero__bg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.shade,.hero__overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,8,15,.96) 0%,rgba(2,8,15,.76) 45%,rgba(2,8,15,.2) 100%),linear-gradient(0deg,#071019 0%,transparent 35%)}.hero-content,.hero__content{position:relative;z-index:2;max-width:850px;margin-left:max(calc((100vw - 1180px)/2),20px)}.eyebrow,.hero__badge,.section__label,.tag{display:inline-flex;padding:7px 12px;border:1px solid #1c7890;background:#0a2934;border-radius:999px;color:#59e0f7;font-size:13px;font-weight:800}.hero h1,.hero__title{font-size:clamp(46px,7vw,86px);line-height:1.03;margin:18px 0 24px;letter-spacing:-3px}.hero h1 em,.accent{font-style:normal;color:#28d6f4}.hero p,.hero__desc{max-width:790px;color:#c5d1dc;font-size:17px}.countdown,.hero__countdown{display:flex;gap:12px;margin:28px 0}.countdown>div,.countdown-item{min-width:86px;padding:12px;background:rgba(9,23,35,.72);border:1px solid #27465b;border-radius:14px;text-align:center}.countdown b,.countdown .num{font-size:30px;display:block}.countdown small,.countdown .label{color:#93a7b7}.actions,.hero__actions{display:flex;gap:12px;flex-wrap:wrap}.section{padding:88px 0;background:#0b1621}.section.dark,.section--dark{background:#071019}.heading,.text-center{text-align:center;max-width:820px;margin:0 auto 40px}.heading h2,.section__title{font-size:clamp(30px,4vw,46px);margin:10px 0}.heading p,.section__desc{color:#91a5b6}.cards,.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card,.scenario-card,.case-card,.pricing-card,.testimonial-card{padding:28px;background:linear-gradient(180deg,#102131,#0b1722);border:1px solid #213547;border-radius:20px;box-shadow:0 16px 45px rgba(0,0,0,.18)}.card .icon,.card__icon{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;background:#0c3540;color:#55e6ff;font-size:22px}.card h3,.card__title{margin:18px 0 8px}.card p,.card__text{color:#9cafbd}.gallery{display:grid;grid-template-columns:2fr 1fr 1fr;grid-auto-rows:220px;gap:14px}.gallery img{width:100%;height:100%;object-fit:cover;border-radius:18px}.gallery img:first-child{grid-row:span 2}.split{display:grid;grid-template-columns:1.4fr 1fr;gap:50px;align-items:center}.split h2{font-size:40px}.split p{color:#a7b6c3}.stats{display:grid;grid-template-columns:1fr 1fr;gap:15px}.stats div{background:#0c1c29;border:1px solid #21384a;padding:26px;border-radius:18px}.stats b{font-size:34px;color:#37d8f5;display:block}.stats span{color:#94a7b7}.price{padding:30px;background:#0c1b28;border:1px solid #233a4c;border-radius:20px}.price.featured{border-color:#20cce9;transform:translateY(-8px)}.price strong{font-size:38px;color:#44dcf5}.price p{color:#a9bac7}.news{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.news article{background:#0b1925;border:1px solid #203649;border-radius:18px;overflow:hidden}.news img{width:100%;height:190px;object-fit:cover}.news article div{padding:20px}.news small{color:#58dff7}.news p{color:#96aaba}.news a{color:#50ddf5;font-weight:700}.faq{max-width:850px;margin:auto}.faq details{border:1px solid #20384b;background:#0c1a26;border-radius:14px;margin:12px 0;padding:18px 20px}.faq summary{cursor:pointer;font-weight:800}.faq p{color:#9fb1bf}.footer{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px;padding:55px 0}.footer a{display:block;color:#9db0bf;margin:7px 0}.copy{text-align:center;border-top:1px solid #1c2c3a;padding:20px;color:#7e93a3}footer{background:#050b11}
/* compatibility for supplied subpages */.section__desc{margin:auto}.grid--2{grid-template-columns:repeat(2,1fr)}.grid--3{grid-template-columns:repeat(3,1fr)}.scenario-card__img img,.case-card__img img,.news-card__img img,.demo-mockup__content img{width:100%;height:220px;object-fit:cover;border-radius:14px}.scenario-card__body,.case-card__body,.news-card__body{padding-top:16px}.news-card,.demo-mockup__window,.faq-item,.quote-banner,.cta-card,.brand-intro{background:#0c1a26;border:1px solid #20384b;border-radius:18px;padding:22px}.news-card__date{color:#51dcf4}.news-card__link{color:#51dcf4}.faq-question{width:100%;display:flex;justify-content:space-between;background:none;color:#fff;border:0;text-align:left;font:inherit;font-weight:800;padding:8px}.faq-answer{color:#9fb1bf}.brand-intro{display:grid;grid-template-columns:1.5fr 1fr;gap:30px}.brand-intro__stats{display:grid;grid-template-columns:1fr 1fr;gap:12px}.stat-item{background:#102332;padding:18px;border-radius:12px}.stat-item .num{font-size:28px;color:#4ddff5;font-weight:900}.pricing-card__price{font-size:36px;color:#4ddff5;font-weight:900}.pricing-card__features{padding-left:18px}.testimonial-wall{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.cta-section{padding:70px 0;background:#071019}.cta-card{text-align:center;max-width:900px;margin:auto}.cta-card__form{display:flex;gap:10px;max-width:560px;margin:22px auto}.cta-card__input{flex:1;padding:13px;border-radius:10px;border:1px solid #2a4152;background:#07121b;color:white}
@media(max-width:800px){.nav-panel{height:auto;min-height:68px;flex-wrap:wrap;padding:12px 0}.nav-toggle{display:block;margin-left:auto}.nav-panel nav,.nav-links-wrap{display:none;order:3;width:100%;flex-direction:column;align-items:stretch}.nav-panel nav.is-open,.nav-links-wrap.is-open{display:flex}.join,.hidden-on-mobile{display:none}.hero{min-height:680px}.hero-content,.hero__content{margin:0 20px}.hero h1,.hero__title{letter-spacing:-1px}.cards,.grid,.grid--2,.grid--3,.news,.split,.footer,.brand-intro,.testimonial-wall{grid-template-columns:1fr}.gallery{grid-template-columns:1fr 1fr;grid-auto-rows:170px}.gallery img:first-child{grid-column:span 2;grid-row:auto}.stats{grid-template-columns:1fr 1fr}.section{padding:62px 0}.cta-card__form{flex-direction:column}}

.quote-section{padding:46px 0;background:linear-gradient(135deg,#14182a,#24142d)}.quote-card{padding:32px;border:1px solid rgba(255,255,255,.1);border-radius:20px}.quote-card p{font-size:20px;line-height:1.8}.cta-section{padding:64px 0}.cta-card{text-align:center;padding:42px;border-radius:24px;background:linear-gradient(135deg,rgba(117,64,255,.2),rgba(255,78,124,.12));border:1px solid rgba(255,255,255,.1)}.cta-card form{display:flex;max-width:580px;margin:24px auto 12px;gap:10px}.cta-card input{flex:1;padding:14px 16px;border-radius:12px;border:1px solid rgba(255,255,255,.16);background:#111522;color:#fff}.privacy{font-size:12px;opacity:.65}@media(max-width:640px){.cta-card form{flex-direction:column}}
/* ===== Screenshot-matched layout refinement (local-only) ===== */
:root{--bg:#090e13;--surface:#101821;--surface2:#151f2b;--line:#273442;--text:#f5f7fa;--muted:#8ea7c1;--green:#00e684;--green2:#00cf70;--greenSoft:#073b2d}
html{background:var(--bg)} body{background:var(--bg);color:var(--text);font-size:16px;line-height:1.75}.container,.container-custom{width:min(1180px,calc(100% - 40px));margin-inline:auto}body>br,main>br,main>section+br,footer+br{display:none!important}
.site-header{position:relative;background:#090e13;border-bottom:1px solid #202a34;backdrop-filter:none;padding:12px 0 20px}.nav-panel{height:82px;padding:0 20px;background:#151f2b;border:1px solid #2b3744;border-radius:22px;gap:28px}.nav-logo{font-size:27px;font-weight:900;display:flex;align-items:center;gap:12px}.logo-icon{width:48px;height:48px;border-radius:13px;background:var(--green);color:#06120d!important;display:inline-grid;place-items:center;font-size:0}.logo-icon:before{content:'⚡';font-size:27px}.nav-links-wrap{justify-content:center;gap:12px!important}.nav-link-card{padding:12px 14px!important;border-radius:10px!important;font-size:17px;color:#8493a4!important}.nav-link-card.active{background:#0c3a30!important;border:1px solid #087d5b;color:var(--green)!important}.nav-cta{background:var(--green)!important;color:#07120d!important;border:0!important;border-radius:11px!important;padding:15px 27px!important;font-size:17px}.nav-cta-mobile{display:none!important}
.breadcrumb-wrap{padding:38px 0 18px;background:#090e13}.breadcrumb{display:flex;gap:10px;align-items:center;font-size:17px;color:#8ba2ba}.breadcrumb .current{color:var(--green);font-weight:800}.breadcrumb .separator{font-size:0}.breadcrumb .separator:before{content:'›';font-size:24px;color:#687c8f}
.category-hero{padding:76px 0 96px;background:radial-gradient(circle at 82% 50%,rgba(0,230,132,.07),transparent 33%),#090e13}.category-hero-inner{display:grid;grid-template-columns:1.2fr .9fr;gap:90px;align-items:center}.category-hero-content{max-width:730px}.section__label{display:inline-flex;align-items:center;gap:8px;padding:7px 18px;border:0;background:#07372b;color:var(--green);border-radius:999px;font-size:15px;font-weight:800}.category-hero h1{font-size:54px;line-height:1.12;margin:24px 0 20px;letter-spacing:-2px}.highlight{color:var(--green)}.category-hero-desc{font-size:21px;line-height:2;color:#8ba5c1;margin:0 0 30px}.category-hero-actions,.cta-actions{display:flex;gap:18px}.btn-primary,.btn-outline{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 28px;border-radius:10px;font-weight:800;font-size:17px}.btn-primary{background:var(--green);color:#06120d}.btn-outline{border:1px solid #46515d;color:#fff;background:transparent}.category-hero-visual{position:relative;border:1px solid #29333d;border-radius:20px;overflow:hidden;height:378px}.category-hero-visual>img{width:100%;height:100%;object-fit:cover}.hero-stat-overlay{position:absolute;left:26px;bottom:26px;display:flex;gap:12px}.stat-chip{background:#07101a;border:1px solid #1e2d3d;border-radius:11px;padding:12px 20px;font-weight:800}.stat-chip i{color:var(--green)}
.section{padding:72px 0 82px;background:#101821}.section--dark{background:#090e13}.section .container-custom>.section__title{font-size:43px;line-height:1.2;margin:24px 0 14px;letter-spacing:-1.5px}.section .container-custom>.section__desc{text-align:left;margin:0 0 38px;max-width:none;font-size:18px;color:#8ba5c1}.text-center{max-width:none;text-align:left;margin:0}.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.post-card{background:#151f2b;border:1px solid #2a3744;border-radius:17px;overflow:hidden}.post-thumb{height:264px;position:relative}.post-thumb img{width:100%;height:100%;object-fit:cover}.post-tag{position:absolute;left:16px;top:16px;padding:6px 15px;border-radius:999px;background:#082a23;border:1px solid #087b59;color:var(--green);font-weight:800}.post-body{padding:24px}.post-date{color:#687d92;margin-bottom:12px}.post-date i{color:var(--green)}.post-title{display:block;font-size:21px;line-height:1.45;font-weight:900;color:#fff;margin-bottom:10px}.post-excerpt{color:#8398ad;margin:0}.post-link{display:none}.post-grid+.text-center{margin-top:28px;text-align:center}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.stat-card{min-height:235px;background:#151f2b;border:1px solid #2a3744;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center}.stat-icon,.topic-icon{width:61px;height:61px;border-radius:12px;background:#0a3b30;color:var(--green);display:grid;place-items:center;font-size:23px}.stat-number{font-size:42px;font-weight:900;margin-top:14px}.stat-label{color:#8ba5c1;font-size:17px}
.contributors-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.contributor-card{min-height:290px;padding:30px 24px;background:#151f2b;border:1px solid #2a3744;border-radius:16px;text-align:center}.contributor-avatar{width:82px;height:82px;border-radius:50%;overflow:hidden;border:2px solid var(--green);margin:0 auto 16px}.contributor-avatar img{width:100%;height:100%;object-fit:cover}.contributor-name{font-size:19px;font-weight:900}.contributor-role{color:var(--green);font-weight:800;margin:4px 0 10px}.contributor-bio{color:#8ba5c1}
.topic-list{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.topic-item{display:grid;grid-template-columns:56px 1fr;gap:18px;padding:28px 30px;min-height:196px;background:#151f2b;border:1px solid #2a3744;border-radius:16px}.topic-item:nth-child(4){border-color:#008d62}.topic-icon{width:56px;height:56px}.topic-content h3{font-size:20px;margin:0 0 8px}.topic-content p{color:#8ba5c1;margin:0 0 10px}.topic-tag{display:inline-block;padding:4px 13px;border-radius:999px;background:#34251d;color:#ff6b00;font-size:14px;font-weight:800}
.faq-list{max-width:1000px;margin:42px auto 0}.faq-item{padding:0!important;margin:0 0 28px;background:#151f2b;border:1px solid #2a3744;border-radius:15px;overflow:hidden}.faq-question{padding:24px 28px!important;font-size:19px}.faq-icon{width:36px;height:36px;border-radius:50%;background:#0a3b30;color:var(--green);display:grid;place-items:center}.faq-answer{display:none;padding:0 28px 24px;color:#8ba5c1}.faq-item.is-active{border-color:#008d62;background:#12252a}.faq-item.is-active .faq-question{color:var(--green)}.faq-item.is-active .faq-answer{display:block}
.cta-banner{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:54px 50px;background:linear-gradient(105deg,#1b2734,#1b3031);border:1px solid #34414d;border-radius:20px}.cta-banner h2{font-size:35px;margin:0 0 8px}.cta-banner p{font-size:18px;color:#8ba5c1;max-width:760px;margin:0}
.site-footer{background:#101821;border-top:1px solid #27313b;padding:76px 0 28px}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:70px}.footer-brand{font-size:26px;font-weight:900;display:flex;align-items:center;gap:12px}.footer-desc{color:#8ba5c1;max-width:390px}.footer-col h4{font-size:19px;margin:0 0 20px}.footer-col ul{list-style:none;padding:0;margin:0}.footer-col li{margin:16px 0}.footer-col a{color:#8ba5c1}.footer-col a i{color:var(--green)}.footer-bottom{margin-top:46px;padding-top:22px;border-top:1px solid #27313b;display:flex;justify-content:space-between;color:#70869a}.footer-links{display:flex;gap:12px}
/* Local icon fallback: no Font Awesome network dependency */
i.fa-solid{font-style:normal;font-size:0;display:inline-block;min-width:1em}i.fa-solid:before{font-size:16px;content:'◆'}i.fa-house:before{content:'⌂'}i.fa-trophy:before{content:'★'}i.fa-book:before{content:'▣'}i.fa-chart-simple:before,i.fa-chart-line:before{content:'▥'}i.fa-circle-play:before{content:'▶'}i.fa-users:before,i.fa-user-group:before{content:'♟'}i.fa-rocket:before{content:'➤'}i.fa-chevron-right:before{content:'›'}i.fa-chevron-down:before{content:'⌄'}i.fa-fire:before{content:'●'}i.fa-calendar:before{content:'■'}i.fa-comments:before{content:'●'}i.fa-heart:before{content:'♥'}i.fa-flag:before{content:'⚑'}i.fa-envelope:before{content:'✉'}
@media(max-width:900px){.container,.container-custom{width:min(100% - 28px,1180px)}.site-header{padding:8px 0}.nav-panel{min-height:68px;height:auto;border-radius:15px}.nav-toggle{display:block;margin-left:auto}.nav-links-wrap{display:none!important;order:3;width:100%;flex-direction:column;align-items:stretch}.nav-links-wrap.is-open{display:flex!important}.hidden-on-mobile{display:none!important}.nav-cta-mobile{display:flex!important}.category-hero{padding:44px 0 60px}.category-hero-inner{grid-template-columns:1fr;gap:36px}.category-hero h1{font-size:40px}.category-hero-desc{font-size:17px}.category-hero-visual{height:300px}.section{padding:56px 0}.section .container-custom>.section__title{font-size:34px}.post-grid{grid-template-columns:1fr}.stats-grid,.contributors-grid{grid-template-columns:repeat(2,1fr)}.topic-list{grid-template-columns:1fr}.cta-banner{flex-direction:column;align-items:flex-start;padding:32px}.footer-grid{grid-template-columns:1fr 1fr}.post-thumb{height:230px}}
@media(max-width:560px){.stats-grid,.contributors-grid,.footer-grid{grid-template-columns:1fr}.category-hero-actions,.cta-actions{flex-direction:column}.hero-stat-overlay{left:12px;right:12px;bottom:12px;flex-direction:column}.category-hero-visual{height:240px}.cta-banner h2{font-size:28px}.footer-bottom{flex-direction:column;gap:12px}}

/* ===== 2026-10-17 unified visual system: match homepage, preserve original 1180px width ===== */
:root{
  --bg:#071019;--surface:#101b27;--surface2:#122232;--line:#26394b;
  --text:#f4f8fb;--muted:#9bb0c2;--green:#28d6f4;--green2:#13c7e8;--greenSoft:#0a2934;
  --primary:#28d6f4;--primary2:#3478f6;
}
html,body{background:#071019;color:var(--text)}
.container,.container-custom{width:min(1180px,calc(100% - 40px));margin-inline:auto}
.site-header{background:rgba(5,12,20,.96);border-bottom:1px solid #203042;padding:12px 0 20px}
.nav-panel{background:#141f2b;border-color:#2a3b4c}
.logo-icon{background:linear-gradient(135deg,#20d9ee,#3478f6);color:#fff!important}
.nav-link-card.active,.nav-panel nav a.active{background:#122232!important;border-color:transparent!important;color:#fff!important}
.nav-link-card:hover,.nav-panel nav a:hover{background:#122232!important;color:#fff!important}
.nav-cta,.btn-primary{background:linear-gradient(135deg,#13c7e8,#3478f6)!important;color:#fff!important}
.section__label,.eyebrow,.hero__badge,.tag{background:#0a2934!important;border:1px solid #1c7890!important;color:#59e0f7!important}
.highlight,.accent,.section__title .highlight,.category-hero__title .highlight{color:#28d6f4!important}

/* Correct supplied subpage breadcrumb markup (UL was inheriting browser bullets). */
.breadcrumb-bar{padding:28px 0;background:#071019;border:0}
.breadcrumb-list{list-style:none!important;margin:0!important;padding:0!important;display:flex!important;align-items:center;gap:10px;color:#91a8bc}
.breadcrumb-list li{list-style:none!important;margin:0!important;padding:0!important;display:flex;align-items:center}
.breadcrumb-list li::marker{content:''}.breadcrumb-list .active{color:#28d6f4;font-weight:800}
.breadcrumb-list i{color:#5bdff5}

/* Make all category heroes use the same visual language as homepage. */
.category-hero{padding:70px 0 82px;background:radial-gradient(circle at 78% 45%,rgba(40,214,244,.08),transparent 36%),#071019}
.category-hero .container-custom{display:block}
.category-hero__content{max-width:1040px}
.category-hero__title{font-size:clamp(42px,5vw,64px);line-height:1.12;letter-spacing:-2px;margin:22px 0 18px;color:#f5f8fb}
.category-hero__desc{max-width:1050px;font-size:18px;line-height:2;color:#a7b8c7;margin:0 0 24px}
.category-hero__stats{display:flex;gap:18px;flex-wrap:wrap;color:#d5e1e9}
.category-hero__stat i{color:#28d6f4}

/* Shared sections/cards: homepage navy + cyan rather than green. */
.section,.category-intro{background:#0b1621}.section--dark{background:#071019}
.category-intro{padding:54px 0}.category-intro__panel,.news-card,.faq-item,.quote-banner,.cta-card,.brand-intro,
.post-card,.stat-card,.contributor-card,.topic-item,.scenario-card,.case-card,.pricing-card,.testimonial-card,
.video-card,.guide-card,.team-card,.match-card{background:#101b27!important;border-color:#26394b!important}
.category-intro__panel{display:flex;gap:22px;align-items:flex-start;padding:28px;border:1px solid #26394b;border-radius:18px}
.category-intro__icon,.stat-icon,.topic-icon{background:#0a3540!important;color:#59e0f7!important}
.post-tag,.topic-tag{border-color:#1c7890!important;background:#0a2934!important;color:#59e0f7!important}
.stat-number,.contributor-role,.news-card__date,.news-card__link,.footer-col a i{color:#28d6f4!important}
.contributor-avatar{border-color:#28d6f4!important}
.topic-item:nth-child(4),.faq-item.is-active{border-color:#1c7890!important}
.faq-item.is-active{background:#0d2630!important}.faq-item.is-active .faq-question{color:#59e0f7!important}
.faq-icon{background:#0a3540!important;color:#59e0f7!important}
.cta-banner{background:linear-gradient(105deg,#172432,#142d36)!important;border-color:#30485b!important}
.site-footer{background:#0b1621;border-color:#26394b}.footer-bottom{border-color:#26394b}

/* Keep homepage's own hero dominant and unchanged in geometry. */
.hero{background:#071019}.hero__overlay,.shade{background:linear-gradient(90deg,rgba(2,8,15,.96) 0%,rgba(2,8,15,.76) 45%,rgba(2,8,15,.2) 100%),linear-gradient(0deg,#071019 0%,transparent 35%)}
.primary,.btn--primary{background:linear-gradient(135deg,#13c7e8,#3478f6)!important;color:#fff!important}
.card .icon,.card__icon{background:#0c3540!important;color:#55e6ff!important}

@media(max-width:900px){
 .container,.container-custom{width:min(100% - 28px,1180px)}
 .category-hero{padding:46px 0 58px}.category-hero__title{font-size:40px}.category-hero__desc{font-size:17px}
 .breadcrumb-bar{padding:20px 0}.category-intro__panel{padding:22px}
}

/* ===== video-highlights screenshot-specific layout correction ===== */
body.video-highlights-page .breadcrumb-bar,
body.video-highlights-page #category-hero,
body.video-highlights-page #category-intro{display:none!important}
body.video-highlights-page .site-header{padding-bottom:12px}
body.video-highlights-page main{background:#090e13}
body.video-highlights-page .video-list-section,
body.video-highlights-page .featured-picks,
body.video-highlights-page .related-news{padding:56px 0 72px;background:#090e13;border:0}
body.video-highlights-page .featured-picks{background:#101821}
body.video-highlights-page .container-custom{width:min(1180px,calc(100% - 40px))}
body.video-highlights-page .section__label{background:#07372b!important;border:0!important;color:#00e684!important;padding:7px 18px;border-radius:999px;font-size:15px}
body.video-highlights-page .section__title{font-size:40px;line-height:1.2;margin:22px 0 12px;letter-spacing:-1.2px;color:#f7f9fb}
body.video-highlights-page .section__title .highlight{color:#00e684!important}
body.video-highlights-page .section__desc{font-size:17px;color:#8ea7c1;margin:0 0 36px}
body.video-highlights-page .video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
body.video-highlights-page .video-card{overflow:hidden;border-radius:15px;background:#151f2b!important;border:1px solid #2a3744!important;box-shadow:none}
body.video-highlights-page .video-card__media{height:210px;position:relative;overflow:hidden}
body.video-highlights-page .video-card__media img{width:100%;height:100%;object-fit:cover;display:block}
body.video-highlights-page .video-card__date{position:absolute;left:16px;top:15px;padding:6px 13px;border-radius:999px;background:rgba(12,17,24,.88);color:#fff;font-weight:800;font-size:13px}
body.video-highlights-page .video-card__play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#00e684;color:#07120d;box-shadow:0 8px 28px rgba(0,230,132,.24)}
body.video-highlights-page .video-card__play i:before{content:'▶';font-size:20px}
body.video-highlights-page .video-card__body{padding:20px 22px 22px}
body.video-highlights-page .video-card__title{font-size:19px;line-height:1.45;margin:0 0 12px;color:#fff;font-weight:900}
body.video-highlights-page .video-card__summary{font-size:15px;line-height:1.8;color:#8ea7c1;margin:0 0 14px}
body.video-highlights-page .video-card__meta{display:flex;gap:15px;flex-wrap:wrap;color:#71879b;font-size:13px}
body.video-highlights-page .video-card .btn-link{display:none}
body.video-highlights-page .featured-picks__grid{display:grid;grid-template-columns:1.15fr .95fr;gap:28px;align-items:stretch}
body.video-highlights-page .featured-main{position:relative;min-height:380px;border-radius:15px;overflow:hidden;border:1px solid #087d5b;background:#0b1117}
body.video-highlights-page .featured-main__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
body.video-highlights-page .featured-main:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,12,18,.96) 0%,rgba(5,12,18,.48) 55%,rgba(5,12,18,.05) 100%)}
body.video-highlights-page .featured-main__content{position:absolute;z-index:2;left:34px;right:34px;bottom:30px}
body.video-highlights-page .featured-main__tag{display:inline-flex;padding:6px 14px;border-radius:999px;background:#00e684;color:#07120d;font-weight:800;font-size:13px}
body.video-highlights-page .featured-main__title{font-size:27px;line-height:1.4;margin:14px 0 8px;color:#fff}
body.video-highlights-page .featured-main__desc{color:#9bb0c2;margin:0 0 16px}
body.video-highlights-page .btn-link{border:0;background:transparent;color:#00e684;font-weight:800;padding:0;cursor:pointer}
body.video-highlights-page .featured-side{display:flex;flex-direction:column;gap:16px}
body.video-highlights-page .featured-side__item{flex:1;display:grid;grid-template-columns:102px 1fr;gap:18px;align-items:center;padding:14px 16px;background:#151f2b;border:1px solid #2a3744;border-radius:14px}
body.video-highlights-page .featured-side__thumb{width:102px;height:66px;border-radius:8px;overflow:hidden}
body.video-highlights-page .featured-side__thumb img{width:100%;height:100%;object-fit:cover}
body.video-highlights-page .featured-side__info h4{font-size:15px;line-height:1.45;margin:0 0 6px;color:#fff}
body.video-highlights-page .featured-side__info span{font-size:13px;color:#71879b}
body.video-highlights-page .news-list{display:flex;flex-direction:column;gap:0}
body.video-highlights-page .news-item{display:grid;grid-template-columns:110px 1fr auto;gap:18px;align-items:start;padding:22px 14px;border:1px solid #2a3744;border-radius:14px;background:#151f2b;margin-top:-1px}
body.video-highlights-page .news-item:first-child{border-color:#087d5b}
body.video-highlights-page .news-item__date{display:inline-flex;justify-content:center;padding:5px 9px;border-radius:999px;background:#2c251f;color:#00e684;font-size:13px;font-weight:800}
body.video-highlights-page .news-item__content h4{font-size:17px;margin:0 0 5px;color:#fff}
body.video-highlights-page .news-item__content p{font-size:14px;line-height:1.75;color:#8ea7c1;margin:0}
body.video-highlights-page .news-item>.btn-link{align-self:start;margin-top:2px;white-space:nowrap}
@media(max-width:900px){
 body.video-highlights-page .video-grid{grid-template-columns:1fr 1fr}
 body.video-highlights-page .featured-picks__grid{grid-template-columns:1fr}
 body.video-highlights-page .news-item{grid-template-columns:1fr}.news-item>.btn-link{justify-self:start}
}
@media(max-width:600px){body.video-highlights-page .video-grid{grid-template-columns:1fr}body.video-highlights-page .video-card__media{height:220px}}

/* ===== 2026-10 final unified visual system ===== */
:root{
 --site-bg:#090f15;--site-bg-2:#0d151e;--site-panel:#131e2a;--site-panel-2:#172330;
 --site-line:#283746;--site-line-soft:#1d2a36;--site-text:#f4f7fa;--site-muted:#8fa5b9;
 --site-accent:#00df83;--site-accent-2:#00c977;--site-accent-soft:#083b2d;
 --site-shadow:0 18px 48px rgba(0,0,0,.18);--site-radius:18px;--site-width:1180px;
}
html,body{background:var(--site-bg);color:var(--site-text)}
body{font-family:Inter,"PingFang SC","Microsoft YaHei",Arial,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.container,.container-custom{width:min(var(--site-width),calc(100% - 40px));margin-inline:auto}
.site-header{position:relative!important;padding:12px 0 18px!important;background:var(--site-bg)!important;border-bottom:1px solid var(--site-line-soft)!important;backdrop-filter:none!important}
.nav-panel{min-height:82px;height:auto!important;padding:10px 20px!important;border:1px solid var(--site-line)!important;border-radius:22px!important;background:var(--site-panel)!important;box-shadow:none!important}
.logo,.nav-logo{font-size:26px!important;font-weight:900!important;letter-spacing:-.6px}.logo-icon{background:var(--site-accent)!important;color:#06130d!important}
.nav-panel nav,.nav-links-wrap{justify-content:center;gap:8px!important}.nav-panel nav a,.nav-link-card{color:#91a3b5!important;border:1px solid transparent!important;transition:.2s ease!important}
.nav-panel nav a:hover,.nav-panel nav a.active,.nav-link-card:hover,.nav-link-card.active{background:var(--site-accent-soft)!important;border-color:#087d5b!important;color:var(--site-accent)!important;transform:none!important}
.primary,.btn-primary,.btn--primary,.nav-cta{background:var(--site-accent)!important;color:#06130d!important;border-color:var(--site-accent)!important;box-shadow:none!important}
.primary:hover,.btn-primary:hover,.btn--primary:hover,.nav-cta:hover{background:#10ed91!important;transform:translateY(-1px)}
.ghost,.btn-outline,.btn--outline,.btn-secondary{background:transparent!important;color:#e9f0f5!important;border:1px solid #3a4a59!important}
.ghost:hover,.btn-outline:hover,.btn--outline:hover,.btn-secondary:hover{border-color:var(--site-accent)!important;color:var(--site-accent)!important}
.highlight,.accent,.hero h1 em,.section__title .highlight,.category-hero__title .highlight{color:var(--site-accent)!important}
.eyebrow,.hero__badge,.hero-badge,.hero-badge span,.section__label,.tag,.article-card__tag,.post-tag,.topic-tag{background:var(--site-accent-soft)!important;border:1px solid #0a7659!important;color:var(--site-accent)!important}
.breadcrumb-wrap,.breadcrumb-bar{background:var(--site-bg)!important;border:0!important;padding:28px 0!important}.breadcrumb,.breadcrumb-list{list-style:none!important;margin:0!important;padding:0!important;display:flex!important;gap:10px!important;align-items:center!important;color:var(--site-muted)!important}.breadcrumb .current,.breadcrumb-list .active{color:var(--site-accent)!important}
.category-hero,.page-hero{background:radial-gradient(circle at 82% 42%,rgba(0,223,131,.07),transparent 35%),var(--site-bg)!important;border:0!important;padding:68px 0 80px!important}.category-hero__title,.category-hero-title,.page-hero__title{font-size:clamp(42px,5vw,62px)!important;line-height:1.12!important;letter-spacing:-2px!important;margin:18px 0!important}.category-hero__desc,.category-hero-desc,.page-hero__desc{font-size:18px!important;line-height:1.9!important;color:var(--site-muted)!important;max-width:920px!important}
.section,.section--dark,.category-intro,.video-list-section,.featured-picks,.related-news,.faq-section,.cta-section{padding:72px 0!important;background:var(--site-bg-2)!important;border-top:1px solid var(--site-line-soft)!important}.section.dark,.section--dark,.video-list-section,.related-news,.faq-section{background:var(--site-bg)!important}.section:first-child{border-top:0!important}
.heading,.text-center{margin-bottom:34px!important}.heading h2,.section__title{font-size:clamp(32px,4vw,44px)!important;line-height:1.2!important;letter-spacing:-1.3px!important;margin:14px 0 12px!important}.heading p,.section__desc{font-size:17px!important;color:var(--site-muted)!important;line-height:1.8!important}
.card,.scenario-card,.case-card,.pricing-card,.testimonial-card,.news-card,.faq-item,.quote-banner,.cta-card,.brand-intro,.post-card,.stat-card,.contributor-card,.topic-item,.video-card,.guide-card,.team-card,.match-card,.article-card,.category-card,.featured-side__card,.news-item,.cta-panel,.category-intro__panel{background:var(--site-panel)!important;border:1px solid var(--site-line)!important;border-radius:var(--site-radius)!important;box-shadow:none!important}
.card:hover,.post-card:hover,.contributor-card:hover,.video-card:hover,.article-card:hover,.category-card:hover,.match-card:hover{border-color:#376052!important;transform:translateY(-2px);transition:.2s ease}
.card p,.card__text,.post-excerpt,.contributor-bio,.article-card p,.news-card__excerpt,.match-card__desc,.faq-answer,.faq-item__answer,.featured-main__desc{color:var(--site-muted)!important}
.card .icon,.card__icon,.category-card__icon,.category-intro__icon,.stat-icon,.topic-icon,.faq-icon,.featured-side__icon{background:var(--site-accent-soft)!important;color:var(--site-accent)!important}
.stat-number,.contributor-role,.news-card__date,.news-card__link,.article-card__date,.article-card__link,.card__link,.btn-link{color:var(--site-accent)!important}
.gallery img,.scenario-card__img img,.case-card__img img,.news-card__img img,.article-card__image img,.match-card__image img{border-radius:14px!important}
.news article{background:var(--site-panel)!important;border-color:var(--site-line)!important}.news small,.news a{color:var(--site-accent)!important}.news p{color:var(--site-muted)!important}
.price,.stats div{background:var(--site-panel)!important;border-color:var(--site-line)!important}.price.featured{border-color:var(--site-accent)!important}.price strong,.stats b{color:var(--site-accent)!important}
.faq details{background:var(--site-panel)!important;border-color:var(--site-line)!important}.faq-item.active,.faq-item.open,.faq-item.is-active{border-color:#087d5b!important;background:#10251f!important}.faq-item.active .faq-question,.faq-item.open .faq-item__question,.faq-item.is-active .faq-question{color:var(--site-accent)!important}
.quote-section{background:var(--site-bg-2)!important;border-top:1px solid var(--site-line-soft)!important}.quote-card{background:var(--site-panel)!important;border-color:var(--site-line)!important}
.cta-card,.cta-panel,.cta-banner{background:linear-gradient(120deg,#17242e,#132a27)!important;border:1px solid #315046!important}.cta-card input{background:#0a121a!important;border-color:#334655!important}
.site-footer,footer{background:#0b131c!important;border-top:1px solid var(--site-line-soft)!important}.footer-col a,.footer a,.footer-desc{color:#93a8ba!important}.footer-col a:hover,.footer a:hover{color:var(--site-accent)!important}.footer-bottom,.copy{border-color:var(--site-line)!important;color:#71879a!important}

/* Homepage: same green identity and same content width as all subpages. */
.hero{min-height:680px!important;background:var(--site-bg)!important}.shade,.hero__overlay{background:linear-gradient(90deg,rgba(4,10,16,.96),rgba(4,10,16,.74) 48%,rgba(4,10,16,.22)),linear-gradient(0deg,var(--site-bg),transparent 34%)!important}.hero-content,.hero__content{margin-left:max(calc((100vw - var(--site-width))/2),20px)!important}.hero h1,.hero__title{font-size:clamp(50px,6.4vw,82px)!important}.countdown>div,.countdown-item{background:rgba(13,25,35,.88)!important;border-color:#304352!important}

/* Video page: retain screenshot-oriented composition but use the same global palette. */
body.video-highlights-page main{background:var(--site-bg)!important}body.video-highlights-page .video-list-section,body.video-highlights-page .related-news{background:var(--site-bg)!important}body.video-highlights-page .featured-picks{background:var(--site-bg-2)!important}
body.video-highlights-page .section__label{background:var(--site-accent-soft)!important;color:var(--site-accent)!important;border:1px solid #0a7659!important}body.video-highlights-page .section__title .highlight{color:var(--site-accent)!important}
body.video-highlights-page .video-card,body.video-highlights-page .featured-side__item,body.video-highlights-page .news-item{background:var(--site-panel)!important;border-color:var(--site-line)!important}body.video-highlights-page .video-card__play,body.video-highlights-page .featured-main__tag{background:var(--site-accent)!important;color:#06130d!important}body.video-highlights-page .featured-main{border-color:#087d5b!important}body.video-highlights-page .news-item:first-child{border-color:#087d5b!important}

/* Consistent grids and vertical rhythm. */
.cards,.grid,.news,.post-grid,.contributors-grid,.match-grid,.news-grid,.category-grid,.video-grid{gap:22px!important}.post-card,.contributor-card,.match-card,.article-card,.category-card{overflow:hidden}.footer-grid{gap:46px!important}
@media(max-width:900px){.container,.container-custom{width:min(100% - 28px,var(--site-width))}.nav-panel{border-radius:16px!important}.section,.section--dark,.category-intro,.video-list-section,.featured-picks,.related-news,.faq-section,.cta-section{padding:56px 0!important}.category-hero,.page-hero{padding:48px 0 58px!important}.category-hero__title,.category-hero-title,.page-hero__title{font-size:40px!important}.hero{min-height:620px!important}}
@media(max-width:600px){.container,.container-custom{width:min(100% - 24px,var(--site-width))}.nav-panel{padding:8px 14px!important}.logo,.nav-logo{font-size:22px!important}.heading h2,.section__title{font-size:32px!important}.section,.section--dark,.category-intro,.video-list-section,.featured-picks,.related-news,.faq-section,.cta-section{padding:46px 0!important}}

/* ===== 2026-10 full-site precision pass: visual only; TDK/content untouched ===== */
:root{
  --site-width:1180px; --site-bg:#080d12; --site-bg-2:#0d151e; --site-panel:#141e29;
  --site-panel-2:#182431; --site-line:#263442; --site-line-soft:#1b2732;
  --site-text:#f5f7f9; --site-muted:#8fa6bc; --site-accent:#00df80; --site-accent-2:#00c96f;
  --site-accent-soft:#073a2c; --site-orange:#ff8a24; --radius:18px; --shadow:0 18px 50px rgba(0,0,0,.20)
}
*{box-sizing:border-box}html{background:var(--site-bg)}body{background:var(--site-bg)!important;color:var(--site-text)!important;font-family:Inter,"PingFang SC","Microsoft YaHei",Arial,sans-serif!important;line-height:1.72!important;overflow-x:hidden}
.container,.container-custom{width:min(var(--site-width),calc(100% - 40px))!important;margin-inline:auto!important}main{display:block;background:var(--site-bg)}
body>br,main>br,section>br,.team-list>br,.article-list>br{display:none!important}
a{transition:color .2s ease,background .2s ease,border-color .2s ease,transform .2s ease}img{background:#0c141d}
/* local icon fallback: keeps pages self-contained */
.fa-solid,.fa-regular{font-style:normal;display:inline-block;min-width:1em;text-align:center}.fa-bolt:before{content:'⚡'}.fa-house:before{content:'⌂'}.fa-trophy:before{content:'★'}.fa-book:before{content:'▣'}.fa-chart-simple:before{content:'▥'}.fa-circle-play:before,.fa-play:before{content:'▶'}.fa-users:before,.fa-user-group:before,.fa-people-group:before{content:'♟'}.fa-rocket:before{content:'➤'}.fa-chevron-right:before,.fa-arrow-right:before{content:'›'}.fa-chevron-down:before{content:'⌄'}.fa-calendar:before,.fa-calendar-days:before{content:'▣'}.fa-clock:before{content:'◷'}.fa-database:before{content:'◉'}.fa-crosshairs:before{content:'✥'}.fa-coins:before{content:'≋'}.fa-fire:before{content:'●'}.fa-bars:before{content:'☰'}.fa-envelope:before{content:'✉'}.fa-rss:before{content:'◔'}.fa-sitemap:before{content:'⌘'}.fa-shield-halved:before,.fa-shield:before{content:'◇'}.fa-ranking-star:before{content:'▥'}.fa-circle-question:before{content:'?'}.fa-circle-check:before{content:'✓'}.fa-flag:before{content:'⚑'}.fa-newspaper:before{content:'▤'}.fa-gamepad:before{content:'◆'}.fa-bullseye:before{content:'◎'}.fa-crown:before{content:'♛'}.fa-medal:before{content:'●'}.fa-chart-line:before{content:'⌁'}.fa-comments:before{content:'●'}.fa-heart:before{content:'♥'}.fa-hashtag:before{content:'#'}.fa-star:before{content:'★'}.fa-code-compare:before{content:'⇄'}.fa-cloud-bolt:before{content:'ϟ'}
/* header */
.site-header{position:relative!important;top:auto!important;padding:10px 0 16px!important;background:#080d12!important;border-bottom:1px solid var(--site-line-soft)!important;backdrop-filter:none!important}.nav-panel{height:80px!important;padding:0 18px!important;background:var(--site-panel)!important;border:1px solid var(--site-line)!important;border-radius:20px!important;box-shadow:none!important;gap:20px!important}.nav-logo,.logo{font-size:25px!important;font-weight:900!important;letter-spacing:-1px;display:flex;align-items:center;gap:12px}.logo-icon{width:46px!important;height:46px!important;flex:0 0 46px;border-radius:12px!important;background:var(--site-accent)!important;color:#07120d!important;display:grid!important;place-items:center!important}.logo-icon:before{content:none!important}.logo-icon i{font-size:25px!important;color:#07120d!important}.nav-links-wrap,.nav-panel nav{justify-content:center!important;gap:5px!important}.nav-link-card,.nav-panel nav a{padding:11px 12px!important;border:1px solid transparent!important;border-radius:10px!important;color:#91a3b4!important;font-size:16px!important;white-space:nowrap}.nav-link-card:hover,.nav-panel nav a:hover{color:#dfe8ef!important;background:#111b25!important}.nav-link-card.active,.nav-panel nav a.active{background:#0b382d!important;border-color:#087b59!important;color:var(--site-accent)!important;font-weight:800}.nav-link-card i{color:var(--site-accent);margin-right:5px}.nav-cta,.primary,.btn-primary,.btn--primary{background:var(--site-accent)!important;color:#06120c!important;border:1px solid var(--site-accent)!important;box-shadow:none!important}.nav-cta{padding:13px 23px!important;border-radius:11px!important;font-size:16px!important;white-space:nowrap}.nav-cta:hover,.primary:hover,.btn-primary:hover,.btn--primary:hover{background:#13ee91!important;transform:translateY(-1px)}
/* page headers */
.breadcrumb-wrap,.breadcrumb-bar{background:var(--site-bg)!important;padding:30px 0 10px!important}.breadcrumb,.breadcrumb-list{display:flex!important;align-items:center!important;gap:9px!important;color:#748b9f!important;font-size:14px!important;margin:0 0 24px!important;padding:0!important;list-style:none!important}.breadcrumb a,.breadcrumb-list a{color:#8fa6ba}.breadcrumb .current,.breadcrumb-list .current{color:var(--site-accent)!important}.separator{color:#526577!important}.page-hero,.category-hero{position:relative!important;padding:60px 0 72px!important;background:radial-gradient(circle at 82% 30%,rgba(0,223,128,.08),transparent 28%),linear-gradient(180deg,#0b131b 0%,#080d12 100%)!important;border-bottom:1px solid var(--site-line-soft)!important;overflow:hidden}.page-hero:before,.category-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,13,18,.98) 0%,rgba(8,13,18,.88) 54%,rgba(8,13,18,.25) 100%);pointer-events:none}.page-hero .container-custom,.category-hero .container-custom,.category-hero-inner{position:relative;z-index:1}.page-hero__title,.category-hero__title,.category-hero-title{font-size:clamp(42px,5vw,62px)!important;line-height:1.08!important;letter-spacing:-2px!important;margin:0 0 20px!important;max-width:850px}.page-hero__desc,.category-hero__desc,.category-hero-desc{max-width:820px!important;margin:0!important;color:var(--site-muted)!important;font-size:18px!important;line-height:1.8!important}.highlight,.accent{color:var(--site-accent)!important}.section__label,.hero-badge,.eyebrow,.tag{display:inline-flex!important;align-items:center!important;gap:8px!important;background:var(--site-accent-soft)!important;border:1px solid rgba(0,223,128,.18)!important;color:var(--site-accent)!important;border-radius:999px!important;padding:7px 15px!important;font-size:14px!important;font-weight:800!important}
/* universal sections */
.section,.section--dark,.category-intro,.video-list-section,.featured-picks,.related-news,.faq-section,.cta-section{padding:72px 0!important;background:var(--site-bg)!important;border-top:0!important;border-bottom:1px solid var(--site-line-soft)!important}.section:nth-of-type(even),.featured-picks,.category-intro{background:var(--site-bg-2)!important}.section__title,.heading h2{font-size:clamp(34px,4vw,46px)!important;line-height:1.16!important;letter-spacing:-1.5px!important;margin:14px 0 14px!important}.section__desc,.heading p{max-width:780px!important;margin:0!important;color:var(--site-muted)!important;font-size:17px!important;line-height:1.8!important}.text-center .section__desc,.heading p{margin-inline:auto!important}.heading{margin-bottom:34px!important}.heading>span{color:var(--site-accent)!important}
/* grids/cards */
.cards,.grid,.news,.post-grid,.contributors-grid,.match-grid,.news-grid,.category-grid,.video-grid{gap:22px!important}.grid--2,.team-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:24px!important}.grid--3,.post-grid,.video-grid,.category-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.card,.scenario-card,.case-card,.pricing-card,.testimonial-card,.news-card,.post-card,.contributor-card,.match-card,.article-card,.category-card,.video-card,.team-card,.stat-card,.topic-item,.faq-item,.featured-side__item,.news-item,.ranking-list__item,.compare-wrap,.demo-mockup__window{background:var(--site-panel)!important;border:1px solid var(--site-line)!important;border-radius:16px!important;box-shadow:none!important}.card:hover,.post-card:hover,.match-card:hover,.article-card:hover,.category-card:hover,.video-card:hover,.team-card:hover,.news-item:hover{border-color:#35604f!important;transform:translateY(-2px)}
/* stats */
.stats-grid,.stats-row{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important}.stat-card{min-height:142px!important;padding:28px 20px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center}.stat-card__number,.stat-number{color:var(--site-accent)!important;font-size:36px!important;line-height:1!important;font-weight:900!important}.stat-card__label,.stat-label{margin-top:12px!important;color:#9ab0c3!important}
/* team data */
.team-card{overflow:hidden!important}.team-card__image-wrap{height:280px!important;position:relative!important;overflow:hidden}.team-card__image-wrap img{width:100%!important;height:100%!important;object-fit:cover!important;transition:transform .35s ease}.team-card:hover img{transform:scale(1.025)}.team-card__date-badge,.video-card__date,.match-card__date,.article-card__date{position:absolute!important;top:16px!important;left:16px!important;background:rgba(7,14,20,.88)!important;color:var(--site-accent)!important;border-radius:999px!important;padding:7px 12px!important;font-weight:800!important;font-size:13px!important}.team-card__body{padding:24px!important}.team-card__title-row{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important}.team-card__title{font-size:22px!important;margin:0!important}.team-card__desc{color:var(--site-muted)!important;margin:12px 0 18px!important}.team-card__stats-row{display:flex!important;gap:18px!important;flex-wrap:wrap!important;color:#72889a!important;font-size:14px!important;padding-bottom:18px!important;border-bottom:1px solid var(--site-line-soft)!important}.team-card__stat i{color:var(--site-accent)!important}.card__footer{display:flex!important;align-items:center!important;justify-content:space-between!important;padding-top:16px!important}.badge{display:inline-flex!important;padding:5px 12px!important;border-radius:999px!important;font-size:12px!important;font-weight:800!important}.badge--green{background:#083d30!important;color:var(--site-accent)!important}.badge--orange{background:#39291d!important;color:#ff8b2b!important}.badge--purple{background:#2b243d!important;color:#b9a2ff!important}.card__link,.post-link,.news-item__link,.article-card__link{color:var(--site-accent)!important;font-weight:800!important}
/* content cards */
.match-card,.post-card,.video-card,.article-card,.news-card{overflow:hidden!important}.match-card__image,.post-thumb,.video-card__media,.article-card__image,.news-card__image{position:relative!important;overflow:hidden!important}.match-card__image img,.post-thumb img,.video-card__media img,.article-card__image img,.news-card__image img{width:100%!important;height:220px!important;object-fit:cover!important}.match-card__content,.post-body,.video-card__body,.article-card__body,.news-card__body{padding:22px!important}.post-title,.video-card__title,.news-item__title{color:var(--site-text)!important;line-height:1.45!important}.post-excerpt,.video-card__summary,.match-card__desc,.news-card__excerpt{color:var(--site-muted)!important}.video-card__play{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;width:54px!important;height:54px!important;border-radius:50%!important;display:grid!important;place-items:center!important;background:var(--site-accent)!important;color:#07120d!important}.video-card__meta,.match-card__meta,.post-date{color:#708699!important}
/* featured layouts */
.featured-row,.featured-picks__grid{display:grid!important;grid-template-columns:minmax(0,1.25fr) minmax(330px,.85fr)!important;gap:28px!important;align-items:stretch!important}.featured-card,.featured-main{position:relative!important;min-height:420px!important;overflow:hidden!important;border:1px solid #087b59!important;border-radius:18px!important}.featured-card__image,.featured-main__bg{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important}.featured-card__overlay,.featured-main:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,11,16,.96),rgba(5,11,16,.18) 70%)}.featured-card__content,.featured-main__content{position:absolute!important;z-index:2!important;left:28px!important;right:28px!important;bottom:28px!important}.featured-side{display:grid!important;gap:14px!important}.featured-side__item{padding:14px!important;display:grid!important;grid-template-columns:112px 1fr!important;gap:16px!important;align-items:center!important}.featured-side__thumb{width:112px!important;height:76px!important;object-fit:cover!important;border-radius:10px!important}
/* lists / rankings / comparison */
.news-list,.ranking-list,.article-list{display:grid!important;gap:12px!important}.news-item{padding:20px 22px!important;display:grid!important;grid-template-columns:110px 1fr auto!important;gap:20px!important;align-items:center!important}.news-item__date{position:static!important;color:var(--site-accent)!important;font-weight:800!important}.ranking-list__item{min-height:82px!important;padding:16px 20px!important;display:grid!important;grid-template-columns:52px 1fr auto!important;gap:16px!important;align-items:center!important}.ranking-list__rank{width:44px!important;height:44px!important;border-radius:50%!important;display:grid!important;place-items:center!important;background:#27313b!important;font-weight:900}.ranking-list__rank--1{background:#504817!important;color:#ffd84d!important}.ranking-list__score{color:var(--site-accent)!important;font-size:24px!important;font-weight:900!important}.compare-wrap{overflow:hidden!important}.compare-table{width:100%!important;border-collapse:collapse!important}.compare-table__header,.compare-table__cell{padding:16px!important;border-bottom:1px solid var(--site-line)!important}.compare-table__header{background:#101923!important;color:#fff!important}.compare-table__cell{color:#9db0c1!important}.compare-table__cell--highlight{color:var(--site-accent)!important;font-weight:800!important}
/* community / guides */
.category-hero-inner,.hero-split{display:grid!important;grid-template-columns:minmax(0,1.1fr) minmax(340px,.9fr)!important;gap:56px!important;align-items:center!important}.category-hero-visual img,.hero-split__image img{width:100%!important;max-height:390px!important;object-fit:cover!important;border-radius:18px!important;border:1px solid var(--site-line)!important}.contributors-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}.contributor-card{padding:24px!important;text-align:center!important}.contributor-avatar{width:76px!important;height:76px!important;border-radius:50%!important;object-fit:cover!important;margin:0 auto 14px!important;border:2px solid var(--site-accent)!important}.topic-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important}.topic-item{padding:22px!important;display:flex!important;gap:18px!important}.topic-icon,.category-card__icon,.card .icon,.card__icon{background:var(--site-accent-soft)!important;color:var(--site-accent)!important;border-radius:12px!important}.category-card{padding:24px!important}.tactic-feature{display:grid!important;grid-template-columns:1.05fr .95fr!important;gap:34px!important;align-items:center!important;background:var(--site-panel)!important;border:1px solid var(--site-line)!important;border-radius:18px!important;overflow:hidden!important}.tactic-feature__image img{width:100%!important;height:100%!important;min-height:360px!important;object-fit:cover!important}.tactic-feature__content{padding:30px!important}
/* FAQ + CTA */
.faq,.faq-list,.faq-grid{max-width:900px!important;margin:28px auto 0!important;display:grid!important;gap:12px!important}.faq details,.faq-item{margin:0!important;padding:0!important;overflow:hidden!important}.faq summary,.faq-question,.faq-item__question{padding:18px 20px!important;cursor:pointer!important;color:#f3f6f8!important;font-weight:800!important}.faq p,.faq-answer,.faq-item__answer{color:var(--site-muted)!important;padding:0 20px 18px!important}.cta-card,.cta-panel,.cta-banner{max-width:1180px!important;margin:auto!important;padding:38px 42px!important;background:linear-gradient(120deg,#17232e,#122822)!important;border:1px solid #285246!important;border-radius:18px!important;box-shadow:none!important}.cta-card h2,.cta-panel h2,.cta-banner h2{margin-top:0!important}.cta-actions,.cta-card__actions,.cta-panel__actions{display:flex!important;gap:12px!important;flex-wrap:wrap!important}.btn,.btn-outline,.btn--outline,.btn-secondary{border:1px solid #395064!important;background:transparent!important;color:#dbe5ec!important;border-radius:10px!important;padding:11px 18px!important;font-weight:800!important}.btn:hover,.btn-outline:hover,.btn--outline:hover,.btn-secondary:hover{border-color:var(--site-accent)!important;color:var(--site-accent)!important}
/* homepage */
.hero{min-height:650px!important;background:#080d12!important}.hero>img,.hero__bg img{filter:saturate(.85) brightness(.72)}.shade,.hero__overlay{background:linear-gradient(90deg,rgba(4,9,14,.97) 0%,rgba(4,9,14,.78) 50%,rgba(4,9,14,.26) 100%),linear-gradient(0deg,#080d12 0%,transparent 34%)!important}.hero-content,.hero__content{margin-left:max(calc((100vw - var(--site-width))/2),20px)!important;max-width:830px!important}.hero h1,.hero__title{font-size:clamp(52px,6.2vw,78px)!important;letter-spacing:-3px!important}.hero h1 em,.accent{color:var(--site-accent)!important}.countdown>div,.countdown-item{background:rgba(14,25,35,.9)!important;border-color:#30404e!important}.gallery{gap:14px!important}.gallery img{border:1px solid var(--site-line)!important}.stats b,.price strong{color:var(--site-accent)!important}
/* footer */
.site-footer,footer{background:#0d151e!important;border-top:1px solid var(--site-line-soft)!important}.footer,.footer-grid{display:grid!important;grid-template-columns:1.6fr repeat(3,1fr)!important;gap:48px!important;padding:54px 0 40px!important}.footer b,.footer-col h3{display:block!important;margin-bottom:14px!important;color:#f4f7f9!important}.footer a,.footer-col a{display:block!important;color:#8ea4b7!important;margin:8px 0!important}.footer a:hover,.footer-col a:hover{color:var(--site-accent)!important}.footer p,.footer-desc{color:#849caf!important;max-width:360px!important}.footer-bottom,.copy{border-top:1px solid var(--site-line-soft)!important;color:#70879a!important;padding:18px 0!important}.footer-bottom{display:flex!important;justify-content:space-between!important;gap:20px!important}.footer-links{display:flex!important;gap:20px!important}
@media(max-width:980px){.nav-links-wrap,.nav-panel nav{gap:0!important}.nav-link-card,.nav-panel nav a{font-size:14px!important;padding:9px 8px!important}.nav-cta{padding:11px 14px!important}.grid--3,.post-grid,.video-grid,.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.contributors-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.featured-row,.featured-picks__grid,.category-hero-inner,.hero-split,.tactic-feature{grid-template-columns:1fr!important}.stats-grid,.stats-row{grid-template-columns:repeat(2,1fr)!important}}
@media(max-width:800px){.site-header{padding:8px 0 12px!important}.nav-panel{height:auto!important;min-height:68px!important;padding:10px 14px!important;flex-wrap:wrap!important}.nav-toggle{display:block!important;margin-left:auto!important}.nav-links-wrap,.nav-panel nav{display:none!important;order:3!important;width:100%!important;flex-direction:column!important;align-items:stretch!important;padding:8px 0!important}.nav-links-wrap.is-open,.nav-panel nav.is-open{display:flex!important}.nav-link-card,.nav-panel nav a{font-size:16px!important;padding:11px 12px!important}.hidden-on-mobile{display:none!important}.nav-cta-mobile{display:flex!important}.page-hero,.category-hero{padding:44px 0 52px!important}.section,.section--dark,.category-intro,.video-list-section,.featured-picks,.related-news,.faq-section,.cta-section{padding:52px 0!important}.grid--2,.team-list{grid-template-columns:1fr!important}.team-card__image-wrap{height:250px!important}.news-item{grid-template-columns:1fr!important;gap:7px!important}.news-item__link{justify-self:start}.footer,.footer-grid{grid-template-columns:repeat(2,1fr)!important}.hero{min-height:610px!important}}
@media(max-width:560px){.container,.container-custom{width:min(var(--site-width),calc(100% - 24px))!important}.nav-logo,.logo{font-size:21px!important}.logo-icon{width:42px!important;height:42px!important;flex-basis:42px!important}.page-hero__title,.category-hero__title,.category-hero-title{font-size:38px!important}.page-hero__desc,.category-hero__desc,.category-hero-desc,.section__desc{font-size:16px!important}.grid--3,.post-grid,.video-grid,.category-grid,.contributors-grid,.topic-list,.stats-grid,.stats-row{grid-template-columns:1fr!important}.footer,.footer-grid{grid-template-columns:1fr!important}.footer-bottom{flex-direction:column!important}.cta-card,.cta-panel,.cta-banner{padding:28px 22px!important}.hero h1,.hero__title{font-size:46px!important}.hero-content,.hero__content{margin-inline:18px!important}.featured-side__item{grid-template-columns:92px 1fr!important}.featured-side__thumb{width:92px!important;height:68px!important}}

/* ===== Precision V3: denser, calmer, site-wide editorial layout ===== */
:root{--site-width:1180px;--site-bg:#0a1016;--site-bg-2:#0d151d;--site-panel:#131d28;--site-panel-2:#17222e;--site-line:#263441;--site-muted:#8da3b7;--site-accent:#00dc82;--site-accent-soft:#07382b;--section-space:68px}
body{background:var(--site-bg)!important}
.site-header{padding:8px 0 12px!important}.nav-panel{min-height:72px!important;border-radius:18px!important;padding:8px 16px!important}.logo,.nav-logo{font-size:24px!important}.logo-icon{width:44px!important;height:44px!important;flex:0 0 44px!important;border-radius:12px!important}.nav-panel nav a,.nav-link-card{padding:10px 13px!important;font-size:15px!important}.nav-cta{padding:11px 18px!important;border-radius:10px!important}
.breadcrumb-wrap,.breadcrumb-bar{padding:18px 0!important}
.category-hero,.page-hero{padding:48px 0 56px!important;min-height:0!important}.category-hero__title,.category-hero-title,.page-hero__title{font-size:clamp(40px,4.4vw,56px)!important;margin:12px 0 14px!important;letter-spacing:-1.7px!important}.category-hero__desc,.category-hero-desc,.page-hero__desc{max-width:780px!important;font-size:17px!important;line-height:1.8!important}
.section,.section--dark,.category-intro,.video-list-section,.featured-picks,.related-news,.faq-section,.cta-section{padding:var(--section-space) 0!important}.section+.section,.section--dark+.section,.section+.section--dark{border-top:1px solid rgba(38,52,65,.72)}
.section__label{padding:6px 14px!important;font-size:13px!important}.section__title{font-size:clamp(32px,3.3vw,44px)!important;line-height:1.18!important;margin:16px 0 12px!important;letter-spacing:-1.2px!important}.section__desc{font-size:16px!important;line-height:1.8!important;max-width:760px!important;margin-bottom:30px!important}
.card,.team-card,.post-card,.video-card,.category-card,.contributor-card,.topic-item,.faq-item,.news-item,.ranking-list__item,.stat-card{border-radius:14px!important;box-shadow:none!important}.card:hover,.team-card:hover,.post-card:hover,.video-card:hover,.category-card:hover{transform:translateY(-2px)!important;border-color:#356052!important}
.stats-grid,.stats-row{gap:18px!important;margin-top:30px!important}.stat-card{min-height:132px!important;padding:26px 20px!important}.stat-card__value,.stats strong,.stat-value{font-size:38px!important;line-height:1!important}.stat-card__label{margin-top:10px!important}
.team-list,.grid--2{gap:22px!important}.team-card__image-wrap{height:270px!important}.team-card__body{padding:22px 24px!important}.team-card__title{font-size:21px!important}.team-card__desc{line-height:1.75!important}.team-card__stats{padding:14px 0!important;margin-top:10px!important}
.grid--3,.post-grid,.video-grid,.category-grid{gap:20px!important}.post-card__image,.article-card__image,.video-card__media{height:205px!important}.post-card__body,.article-card__body,.video-card__body{padding:20px!important}.post-card__title,.article-card__title,.video-card__title{font-size:18px!important;line-height:1.5!important}.post-card__desc,.article-card__desc,.video-card__summary{font-size:14px!important;line-height:1.75!important}
/* comparison: remove decorative rainbow, improve table rhythm */
.compare-wrap{padding:28px 30px 30px!important;border:1px solid var(--site-line)!important;border-radius:16px!important;background:var(--site-panel)!important;position:relative!important}.compare-wrap:before{display:none!important}.compare-table{border-collapse:separate!important;border-spacing:0 10px!important}.compare-table__header,.compare-table__cell{border:0!important;padding:14px 16px!important;background:#1a2531!important}.compare-table__header:first-child,.compare-table__cell:first-child{border-radius:9px 0 0 9px!important}.compare-table__header:last-child,.compare-table__cell:last-child{border-radius:0 9px 9px 0!important}.compare-table__header{background:#18232e!important}.compare-actions{margin-top:14px!important;text-align:center!important}
/* news / editorial cards */
.news-list{gap:10px!important}.news-item{padding:18px 20px!important;border-radius:12px!important}.news-item__content h4{font-size:17px!important;margin:0 0 5px!important}.news-item__content p{font-size:14px!important;line-height:1.65!important}
/* FAQ: narrower, cleaner, less empty space */
.faq,.faq-list,.faq-grid{max-width:860px!important;margin-top:24px!important;gap:10px!important}.faq summary,.faq-question,.faq-item__question{padding:16px 18px!important}.faq p,.faq-answer,.faq-item__answer{padding:0 18px 17px!important;line-height:1.75!important}
/* CTA/footer */
.cta-card,.cta-panel,.cta-banner{padding:32px 36px!important;border-radius:16px!important}.site-footer,footer{margin-top:0!important}.footer,.footer-grid{padding:44px 0 32px!important;gap:40px!important}.footer a,.footer-col a{margin:7px 0!important}.footer-bottom,.copy{padding:16px 0!important}
/* video page uses same global vertical rhythm */
body.video-highlights-page .video-list-section,body.video-highlights-page .featured-picks,body.video-highlights-page .related-news{padding:64px 0!important}body.video-highlights-page .section__title{font-size:40px!important;margin:18px 0 10px!important}body.video-highlights-page .video-grid{gap:20px!important}body.video-highlights-page .video-card__media{height:205px!important}
/* homepage tighten */
.hero{min-height:590px!important}.hero h1,.hero__title{font-size:clamp(50px,5.6vw,72px)!important;line-height:1.05!important}.hero p,.hero__desc{line-height:1.75!important}.countdown{margin-top:28px!important}
@media(max-width:980px){:root{--section-space:56px}.nav-panel nav a,.nav-link-card{padding:9px 8px!important;font-size:14px!important}.team-card__image-wrap{height:240px!important}}
@media(max-width:800px){:root{--section-space:48px}.category-hero,.page-hero{padding:38px 0 44px!important}.section__title{font-size:34px!important}.compare-wrap{padding:18px!important;overflow-x:auto!important}.compare-table{min-width:700px!important}.hero{min-height:540px!important}}
@media(max-width:560px){:root{--section-space:42px}.category-hero__title,.category-hero-title,.page-hero__title{font-size:36px!important}.section__title{font-size:31px!important}.team-card__image-wrap{height:220px!important}.post-card__image,.article-card__image,.video-card__media{height:200px!important}.cta-card,.cta-panel,.cta-banner{padding:24px 20px!important}}