:root{
  --ink:#111427;--ink-2:#191d35;--paper:#f5f7fb;--surface:#fff;--soft:#edf1f8;
  --line:#dce2ec;--text:#171a2c;--muted:#667085;--brand:#4d63ff;--brand-dark:#3448dc;
  --gold:#ffc72c;--cyan:#1fbce2;--green:#18a874;--red:#e55369;--max:1180px;
}
html{scroll-behavior:smooth}
body{background:var(--paper)!important;background-image:none!important;color:var(--text)!important;font-family:Manrope,system-ui,sans-serif!important}
body *{font-family:Manrope,system-ui,sans-serif!important}
h1,h2,h3,.brand,.btn,.tool-title,button,input,select,textarea{font-family:Manrope,system-ui,sans-serif!important}
a{color:var(--brand-dark)}

/* Shared navigation */
.topbar,.top{position:sticky;top:0;z-index:30;border-bottom:0!important;background:rgba(17,20,39,.97)!important;box-shadow:0 8px 30px rgba(17,20,39,.12);backdrop-filter:blur(16px)}
.topbar .wrap,.top>div{min-height:72px!important}
.brand{color:#fff!important;font-weight:800!important;letter-spacing:-.5px!important}
.brand img{filter:drop-shadow(0 3px 8px rgba(0,0,0,.2))}
.brand span{color:var(--gold)!important}
.nav a,.top nav a,.lang{border-radius:8px!important;color:#d7dcf0!important}
.nav a:hover,.nav a:focus-visible,.top nav a:hover,.lang:hover{border-color:#39405e!important;background:#252a48!important;color:#fff!important}
.lang{border-color:#414865!important;background:#232742!important}
.store-state{border-left-color:#3b415f!important;color:#bfc6df!important}

/* Homepage */
.wrap{width:min(var(--max),calc(100% - 40px))!important}
.eyebrow{color:var(--brand)!important;font-weight:800;letter-spacing:1.45px}
.hero{position:relative;padding:68px 0 60px!important;border-bottom:1px solid var(--line)!important;background:#eef2ff!important;overflow:hidden}
.hero:after{content:"";position:absolute;right:-150px;top:-190px;width:520px;height:520px;border-radius:50%;background:#dce3ff;opacity:.8}
.hero-grid{position:relative;z-index:1;grid-template-columns:minmax(0,1.05fr) minmax(390px,.95fr)!important;gap:48px!important;align-items:center!important}
.hero-mark{color:#4e5871!important;font-size:11px!important}
.hero-mark:before{background:var(--brand)!important}
.hero h1{max-width:690px!important;margin:17px 0 18px!important;color:var(--ink)!important;font-size:clamp(48px,5.5vw,72px)!important;line-height:.98!important;letter-spacing:-3.5px!important}
.hero h1 em{color:var(--brand)!important}
.hero-copy{max-width:650px!important;color:#555f76!important;font-size:17px!important;line-height:1.65!important}
.finder{grid-template-columns:minmax(0,1fr) 140px auto!important;margin-top:28px!important;border:1px solid #cfd6e4!important;border-radius:14px!important;background:#fff!important;box-shadow:0 16px 36px rgba(51,66,122,.13);overflow:hidden}
.finder input,.finder select{height:60px!important;border-right:1px solid var(--line)!important;background:#fff!important;color:var(--text)!important}
.finder input::placeholder{color:#9099ab!important}.finder select{color:#586177!important}
.finder button{height:60px!important;background:var(--brand)!important;color:#fff!important}.finder button:hover{background:var(--brand-dark)!important}
.quick{color:#70798f!important}.quick a{border-bottom-color:#aab4c7!important;color:#4c556c!important}.quick a:hover{border-color:var(--brand)!important;color:var(--brand)!important}
.hero-side{border:0!important;border-radius:20px!important;background:var(--ink)!important;box-shadow:0 26px 52px rgba(17,20,39,.25)!important;overflow:hidden}
.brief-head{padding:18px 20px!important;border-bottom:1px solid #303650!important;color:#fff}.brief-head strong{font-size:14px!important}
.live{color:#68e2b4!important}.live:before{border-radius:50%;background:#49dca7!important;box-shadow:0 0 0 5px rgba(73,220,167,.12)!important}
.spotlight{padding:22px!important}.spotlight-top span{color:var(--gold)!important}.spotlight-top a,.spotlight-foot a{color:#fff!important}
.spotlight-team{gap:10px!important;margin:20px 0!important}.spotlight-team .fighter{padding:14px 5px!important;border:1px solid #323854!important;border-radius:12px!important;background:#212642!important;color:#fff!important;transition:transform .18s,border-color .18s}.spotlight-team .fighter:hover{transform:translateY(-2px);border-color:#6679ff!important}.spotlight-team img{width:64px!important;height:64px!important;border-radius:10px}
.spotlight-foot{border-top-color:#303650!important;color:#aeb7d1!important}.brief-action{border-top-color:#303650!important;background:#171b31}.brief-action span{color:#aeb7d1!important}.brief-action a{color:var(--gold)!important}
.section{padding:66px 0!important;background:#fff}.section+.section{border-top:1px solid var(--line)!important}.section-head h2{color:var(--ink)!important;font-size:clamp(30px,4vw,44px)!important;line-height:1.08!important}.text-link{color:var(--brand)!important}
.portal-grid{grid-template-columns:.8fr 1.2fr!important;gap:20px!important;border:0!important}.panel{border:1px solid var(--line)!important;border-radius:16px!important;background:#fff!important;box-shadow:0 12px 32px rgba(27,38,75,.07);overflow:hidden}.panel+.panel{border-left:1px solid var(--line)!important}
.panel-head{padding:18px 20px!important;border-bottom:1px solid var(--line)!important}.panel-head h3{color:var(--ink)}.rank-chip{border:0!important;border-radius:6px!important;background:#edf0ff!important;color:var(--brand)!important}
.meta-list{padding:0 20px!important}.meta-row+.meta-row{border-top-color:#edf0f5!important}.meta-row>i{color:var(--brand)!important}.meta-row img{border-radius:10px;background:var(--soft)!important}.meta-row b{color:var(--text)}.meta-row small{color:var(--muted)!important}.rate strong{color:var(--green)!important}
.panel-foot{border-top-color:var(--line)!important;background:#fafbfc;color:var(--muted)!important}.panel-foot a{color:var(--brand)!important}
.map-list{gap:1px;background:var(--line)}.map-card{border:0!important;background:#fff!important}.map-card:hover{background:#f4f6ff!important}.map-card .mode{color:var(--brand)!important}.map-card h3{color:var(--text)}.map-pick img{border-radius:8px}.map-pick small{color:var(--muted)!important}.banline{color:var(--red)!important}
.routes{padding:70px 0!important;border-top:1px solid var(--line)!important;background:var(--paper)}.routes-head h2{color:var(--ink)!important}.routes-head p{color:var(--muted)!important}
.tools-grid{gap:14px!important;border:0!important}.tool{min-height:260px!important;border:1px solid var(--line)!important;border-radius:16px!important;background:#fff!important;box-shadow:0 10px 26px rgba(29,39,74,.06);transition:transform .18s,box-shadow .18s!important}.tool:hover{transform:translateY(-4px);background:#fff!important;box-shadow:0 18px 40px rgba(29,39,74,.13)}.tool:first-child{border-color:var(--brand)!important;background:var(--brand)!important;color:#fff}.tool:first-child:hover{background:var(--brand-dark)!important}.tool:first-child .tool-num,.tool:first-child p{color:#dfe4ff!important}.tool:first-child .tool-icon{border-color:#8290ff!important;color:var(--gold)!important}.tool:first-child .tool-go{color:#fff!important}.tool-num{color:#9aa2b3!important}.tool-icon{border:0!important;border-radius:12px!important;background:#eef1ff!important;color:var(--brand)!important}.tool-title{color:inherit}.tool p{color:var(--muted)!important}.tool-go{color:var(--brand)!important}
.app-section{padding:76px 0!important;border-top:0!important;background:#fff}.app-card{grid-template-columns:minmax(0,1fr) minmax(360px,1fr)!important;border:0!important;border-radius:22px!important;background:var(--ink)!important;box-shadow:0 24px 60px rgba(17,20,39,.18);overflow:hidden}.app-copy{padding:48px!important}.app-copy .eyebrow{color:#8fa0ff!important}.app-copy h2{color:#fff!important;line-height:1.02!important}.app-copy>p{color:#b9c1d7!important}.benefits{border-color:#303650!important}.benefit{border-color:#303650!important;color:#f3f5ff}.benefit:before{color:#57dca9!important}.btn{border-radius:10px!important}.btn-primary{border-color:var(--gold)!important;background:var(--gold)!important;color:var(--ink)!important}.btn-secondary{border-color:#4b5375!important;color:#fff!important}.app-status{color:#9099b5!important}.app-visual{min-height:400px!important;border-left:1px solid #303650!important;background:#252a4b!important}.app-visual:before{color:#91a0ff!important}.app-visual img{aspect-ratio:auto!important;border:0!important;border-radius:16px!important;box-shadow:0 20px 44px rgba(0,0,0,.35)!important}
.method-section{padding:68px 0!important;border-top:1px solid var(--line)!important;background:var(--paper)}.method-head h2{color:var(--ink)!important}.method-head p{color:var(--muted)!important}.method-grid{gap:14px!important;border:0!important}.method-step{border:1px solid var(--line)!important;border-radius:14px!important;background:#fff!important}.method-step i{color:var(--brand)!important}.method-step b{color:var(--ink)}.method-step p{color:var(--muted)!important}.community{border-top-color:var(--line)!important}.community p{color:var(--muted)!important}.socials a{border-color:#cfd6e2!important;border-radius:8px!important;background:#fff;color:#3f4860}.socials a:hover{border-color:var(--brand)!important;color:var(--brand)!important}
.site-footer{border-top:0!important;background:var(--ink)!important;color:#8f98b4!important}.site-footer a{color:#d3d9eb!important}

/* Content pages */
.top>div{width:min(1120px,calc(100% - 32px))!important}.top nav a,.top .lang{color:#d7dcf0!important}
body>.top+main{width:min(1120px,calc(100% - 32px));padding:54px 0 46px}
body>.top+main h1{color:var(--ink)!important;font-size:clamp(38px,6vw,64px)!important;line-height:1!important}
body>.top+main h2{color:var(--ink)!important}.page-kicker{color:var(--brand)!important}.lead,body>.top+main>p{color:var(--muted)!important}
.ranks a,.ranks b{border-color:#ced5e2!important;border-radius:8px!important;background:#fff}.ranks a{color:#4f5870}.ranks b{border-color:var(--brand)!important;background:var(--brand)!important;color:#fff!important}
body>.top+main ol,.maps,.data-list,.comp-card{border-color:var(--line)!important;border-radius:14px!important;background:#fff!important;box-shadow:0 8px 24px rgba(29,39,74,.06);overflow:hidden}
body>.top+main li+li,.data-list>a+a{border-top-color:#e8ebf1!important}body>.top+main li i,.data-list i{color:var(--brand)!important}body>.top+main li small,.note,.data-list small{color:var(--muted)!important}
.maps{gap:1px;background:var(--line)!important}.maps a{border:0!important;background:#fff!important;color:#424b61}.maps a:hover{background:#eef1ff!important;color:var(--brand)!important}
.builder{border:1px solid var(--line)!important;border-radius:14px!important;background:#fff!important;box-shadow:0 12px 30px rgba(29,39,74,.08);overflow:hidden}.builder label{border-color:var(--line)!important;color:var(--muted)!important}.builder select{color:var(--text)!important;background:#fff!important}.builder button{background:var(--brand)!important;color:#fff!important}
.result-head span{color:var(--brand)!important}.result-head small{color:var(--muted)!important}.comp-grid{gap:14px!important}.comp-card>header,.comp-card>footer{border-color:var(--line)!important}.comp-card>header>span{color:var(--brand)!important}.comp-card header small,.comp-card>footer{color:var(--muted)!important}.comp-line{background:var(--line)!important}.fighter{background:#f8f9fc!important;color:#343c51!important}.fighter:hover{background:#eef1ff!important}.fighter img{border-radius:9px}.method{border-left:4px solid var(--brand)!important;border-radius:0 12px 12px 0!important;background:#e9edff!important}.method p{color:#59627b!important}
.directory-search{color:var(--muted)!important}.directory-search input{border-color:var(--line)!important;border-radius:12px!important;background:#fff!important;color:var(--text)!important}.fighter-grid{gap:1px!important;border-color:var(--line)!important;border-radius:14px!important;background:var(--line)!important;overflow:hidden}
.fighter-art{border:0!important;border-radius:18px!important;background:#e7ebff!important}.fighter-hero p{color:var(--muted)!important}.stats-strip{border-color:var(--line)!important;border-radius:14px!important;background:#fff;box-shadow:0 8px 24px rgba(29,39,74,.06);overflow:hidden}.stats-strip div{border-color:var(--line)!important}.stats-strip small{color:var(--muted)!important}.stats-strip strong{color:var(--ink)!important}.data-list strong{color:var(--green)!important}
.cta{border:0!important;border-radius:16px!important;background:var(--ink)!important;color:#fff!important;box-shadow:0 14px 34px rgba(17,20,39,.15)}.cta p{color:#b9c1d7!important}.soon{border-color:var(--gold)!important;border-radius:9px!important;background:var(--gold)!important;color:var(--ink)!important}.video{border-color:var(--line)!important;border-radius:14px!important;background:#fff!important;color:var(--text)!important}.video i{background:var(--brand)!important;color:#fff!important}.video small{color:var(--muted)!important}
body>footer:not(.site-footer){width:100%!important;padding:34px max(16px,calc((100% - 1120px)/2)) 42px!important;border-top:0!important;background:var(--ink)!important;color:#8f98b4!important}body>footer:not(.site-footer) a{color:#d3d9eb!important}

input:focus-visible,select:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid var(--gold)!important;outline-offset:3px}
@media(max-width:900px){
  .hero-grid,.app-card{grid-template-columns:1fr!important}.hero-side{max-width:none!important}.portal-grid{grid-template-columns:1fr!important}.panel+.panel{border-top:1px solid var(--line)!important}.tools-grid{grid-template-columns:1fr 1fr!important}.tool{border:1px solid var(--line)!important}.app-visual{border-left:0!important;border-top:1px solid #303650!important}
}
@media(max-width:600px){
  .wrap{width:min(var(--max),calc(100% - 24px))!important}.topbar .wrap{padding:9px 0!important}.nav{padding-bottom:2px}.hero{padding:42px 0!important}.hero:after{width:280px;height:280px;right:-150px;top:-130px}.hero-grid{gap:28px!important}.hero h1{font-size:clamp(40px,12vw,54px)!important;letter-spacing:-2.4px!important}.hero-copy{font-size:15px!important}.finder{grid-template-columns:1fr!important}.finder input,.finder select{height:54px!important;border-right:0!important;border-bottom:1px solid var(--line)!important}.finder button{height:54px!important}.spotlight-team img{width:54px!important;height:54px!important}.section,.routes,.app-section,.method-section{padding:46px 0!important}.portal-grid{gap:14px!important}.map-list{grid-template-columns:1fr 1fr!important}.tools-grid{grid-template-columns:1fr!important}.tool{min-height:205px!important}.app-copy{padding:30px 22px!important}.app-visual{padding:28px 16px!important}.method-grid{grid-template-columns:1fr!important}.method-step{border:1px solid var(--line)!important}.socials a{min-width:calc(50% - 4px);flex:1 1 auto!important}.builder{grid-template-columns:1fr!important}.builder label{border-right:0!important;border-bottom:1px solid var(--line)!important}
}

/* User theme: system is resolved by the tiny inline script before first paint. */
.theme-select{min-height:38px;padding:0 28px 0 10px;border:1px solid #414865;border-radius:8px;background:#232742;color:#e7eaff;font:700 11px Manrope,system-ui,sans-serif;cursor:pointer}
.theme-select option{background:#fff;color:#171a2c}
html[data-theme="dark"]{color-scheme:dark;--paper:#0d101c;--surface:#171b2d;--soft:#20263c;--line:#303750;--text:#f2f4fb;--muted:#a3acc1;--ink:#111427}
html[data-theme="dark"] body{background:#0d101c!important;color:var(--text)!important}
html[data-theme="dark"] .hero{border-bottom-color:var(--line)!important;background:#151a2c!important}
html[data-theme="dark"] .hero:after{background:#242d51}
html[data-theme="dark"] .hero h1,html[data-theme="dark"] .section-head h2,html[data-theme="dark"] .routes-head h2,html[data-theme="dark"] .method-head h2,html[data-theme="dark"] .community h2{color:#f7f8ff!important}
html[data-theme="dark"] .hero-mark,html[data-theme="dark"] .hero-copy,html[data-theme="dark"] .quick,html[data-theme="dark"] .routes-head p,html[data-theme="dark"] .method-head p,html[data-theme="dark"] .community p{color:#aab3c8!important}
html[data-theme="dark"] .quick a{color:#c7cde0!important}
html[data-theme="dark"] .finder,html[data-theme="dark"] .finder input,html[data-theme="dark"] .finder select{border-color:#343c58!important;background:#1a1f33!important;color:#f4f6ff!important}
html[data-theme="dark"] .finder input::placeholder{color:#828ca5!important}
html[data-theme="dark"] .section,html[data-theme="dark"] .app-section{background:#0d101c!important}
html[data-theme="dark"] .routes,html[data-theme="dark"] .method-section{border-color:var(--line)!important;background:#111525!important}
html[data-theme="dark"] .panel,html[data-theme="dark"] .map-card,html[data-theme="dark"] .tool,html[data-theme="dark"] .method-step,html[data-theme="dark"] .socials a{border-color:var(--line)!important;background:#171b2d!important;color:#f1f3fb!important;box-shadow:none}
html[data-theme="dark"] .map-card:hover,html[data-theme="dark"] .tool:hover,html[data-theme="dark"] .socials a:hover{background:#20263b!important}
html[data-theme="dark"] .panel-head h3,html[data-theme="dark"] .meta-row b,html[data-theme="dark"] .map-card h3,html[data-theme="dark"] .method-step b{color:#f1f3fb!important}
html[data-theme="dark"] .panel-foot{border-color:var(--line)!important;background:#131727!important}
html[data-theme="dark"] .map-list{background:var(--line)}
html[data-theme="dark"] .tool:first-child{border-color:var(--brand)!important;background:var(--brand)!important}
html[data-theme="dark"] .app-card{box-shadow:none}
html[data-theme="dark"] body>.top+main h1,html[data-theme="dark"] body>.top+main h2{color:#f5f7ff!important}
html[data-theme="dark"] .ranks a{border-color:var(--line)!important;background:#171b2d!important;color:#d8deef!important}
html[data-theme="dark"] .ranks a:hover{border-color:#6679ff!important;background:#222840!important;color:#fff!important}
html[data-theme="dark"] body>.top+main ol,html[data-theme="dark"] .maps,html[data-theme="dark"] .data-list,html[data-theme="dark"] .comp-card,html[data-theme="dark"] .stats-strip{border-color:var(--line)!important;background:#171b2d!important;box-shadow:none}
html[data-theme="dark"] .maps{background:var(--line)!important}
html[data-theme="dark"] .maps a,html[data-theme="dark"] .fighter{background:#171b2d!important;color:#e8ebf5!important}
html[data-theme="dark"] .maps a:hover,html[data-theme="dark"] .fighter:hover{background:#222840!important}
html[data-theme="dark"] .builder,html[data-theme="dark"] .builder select,html[data-theme="dark"] .directory-search input{border-color:var(--line)!important;background:#171b2d!important;color:#f2f4fb!important;box-shadow:none}
html[data-theme="dark"] .fighter-art{background:#252c4b!important}
html[data-theme="dark"] .stats-strip strong{color:#f5f7ff!important}
html[data-theme="dark"] .method{background:#20294e!important}
html[data-theme="dark"] .method p{color:#c0c8dc!important}
html[data-theme="dark"] .video{border-color:var(--line)!important;background:#171b2d!important;color:#f4f6ff!important}
@media(max-width:600px){.theme-select{min-height:39px;max-width:82px;padding-left:7px;padding-right:20px;font-size:10px}.topbar .theme-select{margin-left:auto}.topbar .lang{margin-left:0!important}}