html[data-theme="light"] { --navy:#ECECEC; --navy-light:#FFFFFF; --white:#111111; --grey:#4A4A4A; --line:#D0D0D0;
  --violet:#111111; --indigo:#333333; --turquoise:#E5231B; --hero-gradient: linear-gradient(135deg,#111111,#333333); }

html[data-theme="light"] { color-scheme: light; }
html[data-theme="light"] body { background: var(--navy) !important; color: var(--white); }
html[data-theme="light"] header, html[data-theme="light"] .header, html[data-theme="light"] nav { background: color-mix(in srgb, var(--navy) 92%, transparent) !important; }
html[data-theme="light"] [class*="card"], html[data-theme="light"] .tool-card, html[data-theme="light"] .plan-card, html[data-theme="light"] .feature, html[data-theme="light"] details, html[data-theme="light"] .faq-item { background: var(--navy-light) !important; border-color: var(--line) !important; }
:where(html:not([data-theme="light" i]) [class*="card"]),:where(html:not([data-theme="light" i]) .tool-card),:where(html:not([data-theme="light" i]) .plan-card),:where(html:not([data-theme="light" i]) .feature),:where(html:not([data-theme="light" i]) details),:where(html:not([data-theme="light" i]) .faq-item){border-color:var(--line, rgba(255,255,255,.12))}
html[data-theme="light"] footer, html[data-theme="light"] .footer { background: var(--navy-light) !important; border-top: 1px solid var(--line); }
html:not([data-theme="light" i]) footer,html:not([data-theme="light" i]) .footer{border-top-width:1px;border-top-style:solid}
:where(html:not([data-theme="light" i]) footer),:where(html:not([data-theme="light" i]) .footer){border-top-color:var(--line, rgba(255,255,255,.12))}
html[data-theme="light"] p, html[data-theme="light"] li, html[data-theme="light"] .muted, html[data-theme="light"] small { color: var(--grey); }
html[data-theme="light"] h1, html[data-theme="light"] h2, html[data-theme="light"] h3, html[data-theme="light"] h4 { color: var(--white); }
html[data-theme="light"] canvas.bg, html[data-theme="light"] .scanlines, html[data-theme="light"] .noise { opacity: 0 !important; }
html[data-theme="light"] .logo-mark, html[data-theme="light"] img[src*="logo"] { filter: none; }
html[data-theme="light"] .btn-secondary, html[data-theme="light"] .btn-ghost, html[data-theme="light"] .btn-outline, html[data-theme="light"] a.btn:not(.btn-gradient) { color: var(--white) !important; border-color: var(--line) !important; background: transparent; }
:where(html:not([data-theme="light" i]) .btn-secondary),:where(html:not([data-theme="light" i]) .btn-ghost),:where(html:not([data-theme="light" i]) .btn-outline),:where(html:not([data-theme="light" i]) a.btn:not(.btn-gradient)){border-color:var(--line, rgba(255,255,255,.12))}
html[data-theme="light"] .icon-btn, html[data-theme="light"] .lang-btn, html[data-theme="light"] .menu-btn, html[data-theme="light"] .burger, html[data-theme="light"] header button { color: var(--white) !important; border-color: var(--line) !important; }
:where(html:not([data-theme="light" i]) .icon-btn),:where(html:not([data-theme="light" i]) .lang-btn),:where(html:not([data-theme="light" i]) .menu-btn),:where(html:not([data-theme="light" i]) .burger),:where(html:not([data-theme="light" i]) header button){border-color:var(--line, rgba(255,255,255,.12))}
html[data-theme="light"] header svg:not(.logo svg) { color: var(--white); }
html[data-theme="light"] a:not(.btn):not([class*="badge"]) { color: var(--white); }
html[data-theme="light"] p a, html[data-theme="light"] li a { color: var(--turquoise); }
html[data-theme="light"] b, html[data-theme="light"] strong, html[data-theme="light"] p.extra, html[data-theme="light"] span.see { color: var(--white); }
html[data-theme="light"] .burger span, html[data-theme="light"] .burger i { background: var(--white) !important; }
html[data-theme="light"] * { -webkit-text-fill-color: currentColor; }
html[data-theme="light"] .btn-gradient, html[data-theme="light"] .btn-gradient * { color: #fff !important; }
html[data-theme="light"] .stat b, html[data-theme="light"] .platform-item span, html[data-theme="light"] .footer-app-item span { color: var(--white) !important; -webkit-text-fill-color: var(--white) !important; background: none !important; }
html[data-theme="light"] .pricing-value-callout { color: var(--white) !important; }
html[data-theme="light"] .logo .mark rect[fill="var(--white)"] { fill: #FFFFFF; }
html[data-theme="light"] .hdr-lang-btn, html[data-theme="light"] .theme-btn { color: var(--white) !important; border-color: var(--line) !important; background: var(--navy-light) !important; }
:where(html:not([data-theme="light" i]) .hdr-lang-btn){border-color:var(--line, rgba(255,255,255,.12))}
.theme-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.03);color:#fff;cursor:pointer;transition:border-color .15s;flex:0 0 auto}
.theme-btn:hover{border-color:rgba(255,68,51,.55)}
.theme-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6}
.theme-btn .i-sun{display:none} html[data-theme="light"] .theme-btn .i-sun{display:block} html[data-theme="light"] .theme-btn .i-moon{display:none}
@media (max-width:768px){.theme-btn{width:44px;height:44px}}
@media (max-width:420px){.theme-btn{width:38px}}
html[data-theme="light"] .cookie-banner { background: rgba(255,255,255,.97) !important; color: var(--white) !important; border-top: 1px solid var(--line); }
html:not([data-theme="light" i]) .cookie-banner{border-top-width:1px;border-top-style:solid}
:where(html:not([data-theme="light" i]) .cookie-banner){border-top-color:var(--line, rgba(255,255,255,.12))}
html[data-theme="light"] .cookie-banner * { color: var(--white); }
html[data-theme="light"] .cookie-banner a { color: var(--turquoise) !important; }
html[data-theme="light"] .cookie-banner .btn-gradient { color: #fff !important; }
@media (max-width:420px){ .theme-btn{width:34px;height:40px;border-radius:10px} body>header .header-cta{gap:4px} body>header .logo{font-size:14px;white-space:nowrap} }

html[data-theme="light"] .logo .mark { --white:#FFFFFF; --navy:#060607; --turquoise:#FF4433; --violet:#E5231B; --indigo:#8C0F0F; }
html[data-theme="light"] .logo .mark rect[fill="var(--white)"] { fill: #FFFFFF; }
@media (max-width:420px){ body>header .hdr-lang-btn{width:34px!important} body>header .header-cta .btn-gradient{padding:8px 9px;font-size:11.5px} }
@media (max-width:400px){ body>header .logo{flex-shrink:0!important;font-size:13px!important;gap:5px!important} body>header .logo .mark-lg{width:32px!important;height:32px!important} body>header .header-cta{flex-shrink:1;min-width:0} }

html[data-theme="light"] .hero-term, html[data-theme="light"] .terminal-window { --white:#FFFFFF; --grey:#9A9A9A; --navy:#060607; --navy-light:#140808; }
html[data-theme="light"] .hero-term *, html[data-theme="light"] .terminal-window * { color: inherit; }
html[data-theme="light"] .hero-term, html[data-theme="light"] .terminal-window { color: #E8E8E8; }
html[data-theme="light"] .hero-term .dim, html[data-theme="light"] .terminal-window .dim, html[data-theme="light"] .term-title { color: #8A8A8A !important; }

html[data-theme="light"] .mnav { background: rgba(236,236,236,.97) !important; color: var(--white); }
html[data-theme="light"] .mnav a { color: var(--white) !important; }
html[data-theme="light"] footer nav, html[data-theme="light"] .footer-langs { background: transparent !important; }

html[data-theme="light"] .btn-outline, html[data-theme="light"] .btn-ghost { background: #FFFFFF !important; border: 1.5px solid #111111 !important; color: #111111 !important; }
html:not([data-theme="light" i]) .btn-outline,html:not([data-theme="light" i]) .btn-ghost{border-width:1.5px !important;border-style:solid !important}
:where(html:not([data-theme="light" i]) .btn-outline),:where(html:not([data-theme="light" i]) .btn-ghost){border-color:rgba(255,255,255,0.28)}

html[data-theme="light"] .proto-st.is-ok { color: #12803F !important; }
html[data-theme="light"] .proto-st.is-ok::before { background: #12803F !important; border-color: #12803F !important; }
:where(html:not([data-theme="light" i]) .proto-st.is-ok)::before{border-color:#3DDC84}
html[data-theme="light"] .proto-st.is-dev { color: #B45F00 !important; }
html[data-theme="light"] .stat-icon { color: #111111 !important; background: #FFFFFF !important; border: 1px solid #D0D0D0 !important; }
html:not([data-theme="light" i]) .stat-icon{border-width:1px !important;border-style:solid !important}
:where(html:not([data-theme="light" i]) .stat-icon){border-color:rgba(255,255,255,0.12)}

html[data-theme="light"] .infog-node, html[data-theme="light"] .infog-node svg { color: #111111 !important; stroke: currentColor; }
html[data-theme="light"] .infog-node > :first-child { background: #FFFFFF !important; border: 1px solid #D0D0D0 !important; }
html:not([data-theme="light" i]) .infog-node > :first-child{border-width:1px !important;border-style:solid !important}
:where(html:not([data-theme="light" i]) .infog-node > :first-child){border-color:rgba(255,255,255,0.12)}

@media (max-width:768px){
  html[data-theme="light"] section { padding-top: 48px !important; padding-bottom: 48px !important; }
html:not([data-theme="light" i]) section{padding-top:48px !important;padding-bottom:48px !important}
  html[data-theme="light"] section.hero { padding-top: 28px !important; }
html:not([data-theme="light" i]) section.hero{padding-top:28px !important}
  html[data-theme="light"] .platform-grid { row-gap: 14px !important; }
html:not([data-theme="light" i]) .platform-grid{row-gap:14px !important}
  html[data-theme="light"] .platform-item { padding-top: 6px !important; padding-bottom: 6px !important; }
html:not([data-theme="light" i]) .platform-item{padding-top:6px !important;padding-bottom:6px !important}
}

@media (max-width:480px){ body>header .logo{flex-shrink:0!important;font-size:13px!important;gap:5px!important} body>header .logo .mark-lg{width:32px!important;height:32px!important} body>header .header-cta{gap:4px!important} body>header .header-cta .btn-gradient{padding:8px 9px!important;font-size:11.5px!important} .theme-btn,body>header .hdr-lang-btn{width:34px!important} }
html[data-theme="light"] { --navy:#E6E6E6; --navy-light:#FFFFFF; --grey:#3A3A3A; --line:#CFCFCF; }
html[data-theme="light"] p, html[data-theme="light"] li, html[data-theme="light"] .muted, html[data-theme="light"] small { color: #3A3A3A; }
html[data-theme="light"] [class*="card"], html[data-theme="light"] .tool-card, html[data-theme="light"] .plan-card, html[data-theme="light"] .feature, html[data-theme="light"] details, html[data-theme="light"] .faq-item { background:#FFFFFF !important; border:1px solid #D2D2D2 !important; box-shadow: 0 1px 2px rgba(0,0,0,.05), 0 6px 18px rgba(0,0,0,.05); }
html:not([data-theme="light" i]) [class*="card"],html:not([data-theme="light" i]) .tool-card,html:not([data-theme="light" i]) .plan-card,html:not([data-theme="light" i]) .feature,html:not([data-theme="light" i]) details,html:not([data-theme="light" i]) .faq-item{border-width:1px !important;border-style:solid !important}
:where(html:not([data-theme="light" i]) [class*="card"]),:where(html:not([data-theme="light" i]) .tool-card),:where(html:not([data-theme="light" i]) .plan-card),:where(html:not([data-theme="light" i]) .feature),:where(html:not([data-theme="light" i]) details),:where(html:not([data-theme="light" i]) .faq-item){border-color:rgba(255,255,255,0.12)}
html[data-theme="light"] footer, html[data-theme="light"] .footer { background:#DCDCDC !important; border-top:1px solid #CFCFCF; }
html:not([data-theme="light" i]) footer,html:not([data-theme="light" i]) .footer{border-top-width:1px;border-top-style:solid}
:where(html:not([data-theme="light" i]) footer),:where(html:not([data-theme="light" i]) .footer){border-top-color:rgba(255,255,255,0.12)}
html[data-theme="light"] .faq .terminal-window { --white:#111111; --grey:#3A3A3A; background:#FFFFFF !important; border:1px solid #D2D2D2 !important; color:#111111; }
html:not([data-theme="light" i]) .faq .terminal-window{border-width:1px !important;border-style:solid !important}
:where(html:not([data-theme="light" i]) .faq .terminal-window){border-color:rgba(255,255,255,0.12)}
html[data-theme="light"] .faq .terminal-window * { color: inherit; border-color:#E2E2E2 !important; background-color: transparent !important; }
:where(html:not([data-theme="light" i]) .faq .terminal-window *){border-color:rgba(255,255,255,0.12)}
html[data-theme="light"] .faq .terminal-window [class*="num"], html[data-theme="light"] .faq .terminal-window summary > span:first-child { color:#E5231B; }
html[data-theme="light"] .faq .faq-item { box-shadow:none !important; border:0 !important; border-bottom:1px solid #E2E2E2 !important; border-radius:0 !important; }
html:not([data-theme="light" i]) .faq .faq-item{border:0 !important;border-bottom-width:1px !important;border-bottom-style:solid !important;border-radius:0 !important}
:where(html:not([data-theme="light" i]) .faq .faq-item){border-bottom-color:rgba(255,255,255,0.12)}
html[data-theme="light"] .faq .prompt, html[data-theme="light"] .faq .output-marker { color:#E5231B !important; }
html[data-theme="light"] .faq .term-title { color:#6A6A6A !important; }
html[data-theme="light"] .faq .terminal-bar { background:#F3F3F3 !important; }
html[data-theme="light"] footer, html[data-theme="light"] .footer { background:#FFFFFF !important; border-top:2px solid #111111 !important; color:#111111; }
html:not([data-theme="light" i]) footer,html:not([data-theme="light" i]) .footer{border-top-width:2px !important;border-top-style:solid !important}
:where(html:not([data-theme="light" i]) footer),:where(html:not([data-theme="light" i]) .footer){border-top-color:#EDEDED}
html[data-theme="light"] footer .footer-h, html[data-theme="light"] footer h3, html[data-theme="light"] footer h4 { color:#111111 !important; font-weight:700; }
html:not([data-theme="light" i]) footer .footer-h,html:not([data-theme="light" i]) footer h3,html:not([data-theme="light" i]) footer h4{font-weight:700}
html[data-theme="light"] footer a:not(.btn) { color:#2A2A2A !important; }
html[data-theme="light"] footer a:not(.btn):hover { color:#E5231B !important; }
html[data-theme="light"] footer .social-icon, html[data-theme="light"] footer .footer-app-item, html[data-theme="light"] footer .app-badge, html[data-theme="light"] footer .platform-icon, html[data-theme="light"] footer .payment-chip { background:#FFFFFF !important; border:1px solid #BDBDBD !important; color:#111111 !important; }
html:not([data-theme="light" i]) footer .social-icon,html:not([data-theme="light" i]) footer .footer-app-item,html:not([data-theme="light" i]) footer .app-badge,html:not([data-theme="light" i]) footer .platform-icon,html:not([data-theme="light" i]) footer .payment-chip{border-width:1px !important;border-style:solid !important}
:where(html:not([data-theme="light" i]) footer .social-icon),:where(html:not([data-theme="light" i]) footer .footer-app-item),:where(html:not([data-theme="light" i]) footer .app-badge),:where(html:not([data-theme="light" i]) footer .platform-icon),:where(html:not([data-theme="light" i]) footer .payment-chip){border-color:rgba(255,255,255,0.22)}
html[data-theme="light"] footer .payment-chip.live { border-color:#E5231B !important; color:#E5231B !important; }
:where(html:not([data-theme="light" i]) footer .payment-chip.live){border-color:#FF4433}
html[data-theme="light"] footer .footer-app-item.ready, html[data-theme="light"] footer .app-badge.apk { border-color:#E5231B !important; }
:where(html:not([data-theme="light" i]) footer .footer-app-item.ready),:where(html:not([data-theme="light" i]) footer .app-badge.apk){border-color:#FF4433}
html[data-theme="light"] footer svg { color:#111111; }
html[data-theme="light"] footer select, html[data-theme="light"] footer .lang-select { background:#FFFFFF !important; color:#111111 !important; border:1px solid #BDBDBD !important; }
html:not([data-theme="light" i]) footer select,html:not([data-theme="light" i]) footer .lang-select{border-width:1px !important;border-style:solid !important}
:where(html:not([data-theme="light" i]) footer select),:where(html:not([data-theme="light" i]) footer .lang-select){border-color:rgba(255,255,255,0.22)}
html[data-theme="light"] footer p, html[data-theme="light"] footer small, html[data-theme="light"] footer span { color:#2A2A2A; }
html[data-theme="light"] footer .footer-app-item { border:0 !important; background:transparent !important; }
html:not([data-theme="light" i]) footer .footer-app-item{border:0 !important}
html[data-theme="light"] footer .footer-app-item.ready .platform-icon { border-color:#E5231B !important; }
:where(html:not([data-theme="light" i]) footer .footer-app-item.ready .platform-icon){border-color:#FF4433}
html[data-theme="light"] .infog-lane { background:#FFFFFF !important; border:1px solid #CFCFCF !important; box-shadow:0 6px 18px rgba(0,0,0,.06); }
html:not([data-theme="light" i]) .infog-lane{border-width:1px !important;border-style:solid !important}
:where(html:not([data-theme="light" i]) .infog-lane){border-color:rgba(255,255,255,0.12)}
html[data-theme="light"] .infog-lane--on { border-color:#12803F !important; background:#F3FBF6 !important; }
:where(html:not([data-theme="light" i]) .infog-lane--on){border-color:#3DDC84}
html[data-theme="light"] .infog-label { color:#111111 !important; font-weight:700; }
html:not([data-theme="light" i]) .infog-label{font-weight:700}
html[data-theme="light"] .infog-node > :first-child { border:1.5px solid #111111 !important; }
html:not([data-theme="light" i]) .infog-node > :first-child{border-width:1.5px !important;border-style:solid !important}
:where(html:not([data-theme="light" i]) .infog-node > :first-child){border-color:rgba(255,255,255,0.28)}
html[data-theme="light"] .infog-wire { opacity:1 !important; filter:saturate(1.6) brightness(.8); }
html[data-theme="light"] .infog-node b, html[data-theme="light"] .infog-node strong { color:#111111 !important; }
html[data-theme="light"] .fx-icon, html[data-theme="light"] .feature-card .icon, html[data-theme="light"] [class*="card"] .icon { background:#FFF4F3 !important; border:1px solid #F2B8B3 !important; box-shadow:none !important; filter:none !important; }
html:not([data-theme="light" i]) .fx-icon,html:not([data-theme="light" i]) .feature-card .icon,html:not([data-theme="light" i]) [class*="card"] .icon{border-width:1px !important;border-style:solid !important}
:where(html:not([data-theme="light" i]) .fx-icon),:where(html:not([data-theme="light" i]) .feature-card .icon),:where(html:not([data-theme="light" i]) [class*="card"] .icon){border-color:rgba(255,255,255,0.12)}
html[data-theme="light"] .fx-icon::before, html[data-theme="light"] .fx-icon::after { box-shadow:none !important; filter:none !important; opacity:0 !important; }
html[data-theme="light"] .platforms .platform-icon { background:#D4D4D4 !important; border:1px solid #BDBDBD !important; color:#2A2A2A !important; }
html:not([data-theme="light" i]) .platforms .platform-icon{border-width:1px !important;border-style:solid !important}
:where(html:not([data-theme="light" i]) .platforms .platform-icon){border-color:rgba(255,255,255,0.22)}
html[data-theme="light"] .platforms .platform-item.ready .platform-icon { background:#FFF4F3 !important; border-color:#E5231B !important; color:#E5231B !important; }
:where(html:not([data-theme="light" i]) .platforms .platform-item.ready .platform-icon){border-color:#FF4433}
html[data-theme="light"] body > header { background:rgba(255,255,255,.96) !important; border-bottom:1px solid #CFCFCF !important; box-shadow:0 2px 10px rgba(0,0,0,.04); }
html:not([data-theme="light" i]) body > header{border-bottom-width:1px !important;border-bottom-style:solid !important}
:where(html:not([data-theme="light" i]) body > header){border-bottom-color:rgba(255,255,255,0.12)}
html[data-theme="light"] body > header nav.links a { color:#2A2A2A !important; padding:6px 6px; border-radius:8px; }
html:not([data-theme="light" i]) body > header nav.links a{padding:6px 6px;border-radius:8px}
html[data-theme="light"] body > header nav.links { gap:2px !important; margin-inline:10px; font-size:12.5px; }
html:not([data-theme="light" i]) body > header nav.links{gap:2px !important;margin-inline:10px;font-size:12.5px}
@media (max-width:1180px){ html[data-theme="light"] body > header nav.links { font-size:12px; }
html:not([data-theme="light" i]) body > header nav.links{font-size:12px} }
html[dir="rtl"] body > header nav.links a { font-family:var(--sans) !important; letter-spacing:0 !important; }
html[data-theme="light"] body > header nav.links a:hover, html[data-theme="light"] body > header nav.links a.active { background:#EFEFEF; color:#111111 !important; }
html[data-theme="light"] .theme-btn, html[data-theme="light"] .hdr-lang-btn { background:#F4F4F4 !important; border-color:#CFCFCF !important; }
:where(html:not([data-theme="light" i]) .hdr-lang-btn){border-color:rgba(255,255,255,0.12)}
html[data-theme="light"] body { background:
  radial-gradient(1200px 700px at 100% 0%, rgba(140,15,15,.16), transparent 60%),
  radial-gradient(900px 600px at 0% 45%, rgba(229,35,27,.12), transparent 60%),
  radial-gradient(1100px 700px at 100% 85%, rgba(140,15,15,.14), transparent 60%),
  linear-gradient(180deg, #ECECEC 0%, #E4E0E0 50%, #E8E4E4 100%) !important;
  background-attachment: fixed !important; }
@media (max-width:768px){ html[data-theme="light"] body { background-attachment: scroll !important; } }
html[data-theme="light"] body > header nav.links { background:transparent !important; box-shadow:none !important; border:0 !important; }
html:not([data-theme="light" i]) body > header nav.links{border:0 !important}
html[data-theme="light"] .theme-btn:focus { outline:none; } html[data-theme="light"] .theme-btn:focus-visible { outline:2px solid #111; outline-offset:2px; }
.foot-cta{display:none}
html[data-theme="light"] footer { border-top:0 !important; padding-top:0 !important; }
html:not([data-theme="light" i]) footer{border-top:0 !important;padding-top:0 !important}
html[data-theme="light"] .foot-cta { display:block; background:linear-gradient(120deg,#8C0F0F,#E5231B 60%,#FF6A3D); color:#fff; margin-bottom:48px; }
html:not([data-theme="light" i]) .foot-cta{display:block;margin-bottom:48px}
html[data-theme="light"] .foot-cta .container { display:flex; justify-content:space-between; align-items:center; gap:20px; flex-wrap:wrap; padding-top:36px; padding-bottom:36px; }
html:not([data-theme="light" i]) .foot-cta .container{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;padding-top:36px;padding-bottom:36px}
html[data-theme="light"] .foot-cta-t { font:700 clamp(22px,3vw,34px)/1.1 var(--mono); color:#fff !important; }
html:not([data-theme="light" i]) .foot-cta-t{font:700 clamp(22px,3vw,34px)/1.1 var(--mono)}
html[data-theme="light"] .foot-cta-b { display:inline-flex; align-items:center; padding:14px 22px; border-radius:12px; background:#fff; color:#111 !important; font:700 15px var(--mono); text-decoration:none; box-shadow:0 8px 20px rgba(0,0,0,.18); }
html:not([data-theme="light" i]) .foot-cta-b{display:inline-flex;align-items:center;padding:14px 22px;border-radius:12px;font:700 15px var(--mono)}
html[data-theme="light"] .foot-cta-b:hover { transform:translateY(-1px); }
html:not([data-theme="light" i]) .foot-cta-b:hover{transform:translateY(-1px)}
html[data-theme="light"] footer .footer-top { padding-bottom:36px; margin-bottom:36px; border-bottom:1px solid #E2E2E2; }
html:not([data-theme="light" i]) footer .footer-top{padding-bottom:36px;margin-bottom:36px;border-bottom-width:1px;border-bottom-style:solid}
:where(html:not([data-theme="light" i]) footer .footer-top){border-bottom-color:rgba(255,255,255,0.12)}
html[data-theme="light"] footer .footer-col a { padding:4px 0; }
html:not([data-theme="light" i]) footer .footer-col a{padding:4px 0}
@media (max-width:600px){ html[data-theme="light"] .foot-cta .container{flex-direction:column;align-items:flex-start}
html:not([data-theme="light" i]) .foot-cta .container{flex-direction:column;align-items:flex-start} }
html[data-theme="light"] footer, html[data-theme="light"] .footer { background:
  radial-gradient(700px 300px at 100% 100%, rgba(140,15,15,.10), transparent 70%),
  repeating-linear-gradient(0deg, rgba(0,0,0,.025) 0 1px, transparent 1px 24px),
  repeating-linear-gradient(90deg, rgba(0,0,0,.025) 0 1px, transparent 1px 24px),
  #D9D9D9 !important; }
html[data-theme="light"] footer .footer-top { border-bottom-color:#C4C4C4 !important; }
:where(html:not([data-theme="light" i]) footer .footer-top){border-bottom-color:rgba(255,255,255,0.12)}
html[data-theme="light"] footer .platform-icon { background:#FFFFFF !important; border:1px solid #9E9E9E !important; color:#111111 !important; }
html:not([data-theme="light" i]) footer .platform-icon{border-width:1px !important;border-style:solid !important}
:where(html:not([data-theme="light" i]) footer .platform-icon){border-color:rgba(255,255,255,0.22)}
html[data-theme="light"] footer .platform-icon svg { color:#111111 !important; stroke:#111111 !important; }
html[data-theme="light"] footer .footer-app-item.ready .platform-icon { border-color:#E5231B !important; color:#E5231B !important; }
:where(html:not([data-theme="light" i]) footer .footer-app-item.ready .platform-icon){border-color:#FF4433}
html[data-theme="light"] footer .footer-app-item.ready .platform-icon svg { stroke:#E5231B !important; color:#E5231B !important; }
html[data-theme="light"] footer .footer-app-item span { color:#111111 !important; }
html[data-theme="light"] footer .footer-app-icon { background:#FFFFFF !important; border:1px solid #9E9E9E !important; color:#111111 !important; opacity:1 !important; }
html:not([data-theme="light" i]) footer .footer-app-icon{border-width:1px !important;border-style:solid !important}
:where(html:not([data-theme="light" i]) footer .footer-app-icon){border-color:rgba(255,255,255,0.22)}
html[data-theme="light"] footer .footer-app-icon svg { stroke:#111111 !important; color:#111111 !important; opacity:1 !important; }
html[data-theme="light"] footer .footer-app-item { opacity:1 !important; }
html[data-theme="light"] footer .footer-app-item.ready .footer-app-icon { border-color:#E5231B !important; background:#FFF4F3 !important; }
:where(html:not([data-theme="light" i]) footer .footer-app-item.ready .footer-app-icon){border-color:#FF4433}
html[data-theme="light"] footer .footer-app-item.ready .footer-app-icon svg { stroke:#E5231B !important; }
html[data-theme="light"] .why-card-v2 .extra { display:none !important; }
html:not([data-theme="light" i]) .why-card-v2 .extra{display:none !important}
html[data-theme="light"] .why-card-v2, html[data-theme="light"] .why-card-v2:hover { transform:none !important; transition:none !important; animation:none !important; }
html:not([data-theme="light" i]) .why-card-v2,html:not([data-theme="light" i]) .why-card-v2:hover{transform:none !important}
html[data-theme="light"] .why-card-v2::before, html[data-theme="light"] .why-card-v2::after, html[data-theme="light"] .why-card-v2:hover::before, html[data-theme="light"] .why-card-v2:hover::after { display:none !important; content:none !important; }
html:not([data-theme="light" i]) .why-card-v2::before,html:not([data-theme="light" i]) .why-card-v2::after,html:not([data-theme="light" i]) .why-card-v2:hover::before,html:not([data-theme="light" i]) .why-card-v2:hover::after{display:none !important;content:none !important}
html[data-theme="light"] .why-card-v2 .short { display:block !important; opacity:1 !important; }
html:not([data-theme="light" i]) .why-card-v2 .short{display:block !important}
html[data-theme="light"] [class*="card"] .extra, html[data-theme="light"] [class*="card"] p.extra { display:none !important; }
html:not([data-theme="light" i]) [class*="card"] .extra,html:not([data-theme="light" i]) [class*="card"] p.extra{display:none !important}
html[data-theme="light"] [class*="card"], html[data-theme="light"] [class*="card"]:hover { transform:none !important; transition:box-shadow .2s !important; }
html:not([data-theme="light" i]) [class*="card"],html:not([data-theme="light" i]) [class*="card"]:hover{transform:none !important}
html[data-theme="light"] [class*="card"]:not(.plan-card)::before, html[data-theme="light"] [class*="card"]:not(.plan-card)::after { display:none !important; content:none !important; }
html:not([data-theme="light" i]) [class*="card"]:not(.plan-card)::before,html:not([data-theme="light" i]) [class*="card"]:not(.plan-card)::after{display:none !important;content:none !important}

html[data-theme="light"] .proto-rows { background:#FFFFFF; border:1px solid #D2D2D2; border-radius:20px; padding:4px 24px; box-shadow:0 6px 18px rgba(0,0,0,.05); }
html:not([data-theme="light" i]) .proto-rows{border-width:1px;border-style:solid;border-radius:20px;padding:4px 24px}
:where(html:not([data-theme="light" i]) .proto-rows){border-color:rgba(255,255,255,0.12)}
html[data-theme="light"] .proto-row { border-bottom:1px solid #E6E6E6 !important; padding-top:18px !important; padding-bottom:18px !important; }
html:not([data-theme="light" i]) .proto-row{border-bottom-width:1px !important;border-bottom-style:solid !important;padding-top:18px !important;padding-bottom:18px !important}
:where(html:not([data-theme="light" i]) .proto-row){border-bottom-color:rgba(255,255,255,0.12)}
html[data-theme="light"] .proto-row:last-child { border-bottom:0 !important; }
html:not([data-theme="light" i]) .proto-row:last-child{border-bottom:0 !important}
html[data-theme="light"] .proto-colhead { padding-left:24px; padding-right:24px; color:#555 !important; }
html:not([data-theme="light" i]) .proto-colhead{padding-left:24px;padding-right:24px}
html[data-theme="light"] .proto-st { display:inline-flex; align-items:center; gap:6px; padding:5px 10px; border-radius:999px; font-weight:700; width:fit-content; }
html:not([data-theme="light" i]) .proto-st{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;font-weight:700;width:fit-content}
html[data-theme="light"] .proto-st.is-ok { background:#E8F6EE; border:1px solid #9BD3B1; }
html:not([data-theme="light" i]) .proto-st.is-ok{border-width:1px;border-style:solid}
:where(html:not([data-theme="light" i]) .proto-st.is-ok){border-color:rgba(255,255,255,0.12)}
html[data-theme="light"] .proto-st.is-dev { background:#FFF3E3; border:1px solid #F0C68E; }
html:not([data-theme="light" i]) .proto-st.is-dev{border-width:1px;border-style:solid}
:where(html:not([data-theme="light" i]) .proto-st.is-dev){border-color:#FF4433}

html[data-theme="light"] .infog-lane--off { background:#FFF5F4 !important; border-color:#E8A9A4 !important; }
:where(html:not([data-theme="light" i]) .infog-lane--off){border-color:rgba(255,255,255,0.22)}

html[data-theme="light"] .foot-cta { margin-bottom:28px !important; }
html:not([data-theme="light" i]) .foot-cta{margin-bottom:28px !important}
html[data-theme="light"] .foot-cta .container { padding-top:24px !important; padding-bottom:24px !important; }
html:not([data-theme="light" i]) .foot-cta .container{padding-top:24px !important;padding-bottom:24px !important}
html[data-theme="light"] footer .footer-top { padding-bottom:20px !important; margin-bottom:22px !important; }
html:not([data-theme="light" i]) footer .footer-top{padding-bottom:20px !important;margin-bottom:22px !important}
html[data-theme="light"] footer .footer-col a { padding:2px 0 !important; line-height:1.5; }
html:not([data-theme="light" i]) footer .footer-col a{padding:2px 0 !important;line-height:1.5}
html[data-theme="light"] footer .footer-nav-grid { gap:16px 24px !important; margin-bottom:22px !important; }
html:not([data-theme="light" i]) footer .footer-nav-grid{gap:16px 24px !important;margin-bottom:22px !important}
html[data-theme="light"] footer .footer-h { margin-bottom:8px !important; }
html:not([data-theme="light" i]) footer .footer-h{margin-bottom:8px !important}
html[data-theme="light"] footer > .container > * { margin-top:0; }
html:not([data-theme="light" i]) footer > .container > *{margin-top:0}
html[data-theme="light"] footer .app-badge { padding-top:9px !important; padding-bottom:9px !important; }
html:not([data-theme="light" i]) footer .app-badge{padding-top:9px !important;padding-bottom:9px !important}

html:not([data-theme="light"]) .foot-cta { display:block; background:linear-gradient(120deg,#5E0A0A,#C81E17 60%,#FF4433); color:#fff; margin-bottom:28px; }
html:not([data-theme="light"]) .foot-cta .container { display:flex; justify-content:space-between; align-items:center; gap:20px; flex-wrap:wrap; padding-top:24px; padding-bottom:24px; }
html:not([data-theme="light"]) .foot-cta-t { font:700 clamp(22px,3vw,34px)/1.1 var(--mono); color:#fff; }
html:not([data-theme="light"]) .foot-cta-b { display:inline-flex; align-items:center; padding:14px 22px; border-radius:12px; background:#fff; color:#111 !important; font:700 15px var(--mono); text-decoration:none; }
@media (max-width:600px){ html:not([data-theme="light"]) .foot-cta .container{flex-direction:column;align-items:flex-start} }
html:not([data-theme="light"]) footer { padding-top:0 !important; }
html:not([data-theme="light"]) footer .footer-top { padding-bottom:20px !important; margin-bottom:22px !important; border-bottom:1px solid rgba(255,255,255,.08); }
html:not([data-theme="light"]) footer .footer-col a { padding:2px 0 !important; line-height:1.5; }
html:not([data-theme="light"]) footer .footer-nav-grid { gap:16px 24px !important; margin-bottom:22px !important; }
html:not([data-theme="light"]) footer .footer-h { margin-bottom:8px !important; }
html:not([data-theme="light"]) footer .app-badge { padding-top:9px !important; padding-bottom:9px !important; }
html:not([data-theme="light"]) .proto-rows { background:rgba(255,255,255,.03); border:1px solid rgba(255,255,255,.10); border-radius:20px; padding:4px 24px; }
html:not([data-theme="light"]) .proto-row { border-bottom:1px solid rgba(255,255,255,.07) !important; padding-top:18px !important; padding-bottom:18px !important; }
html:not([data-theme="light"]) .proto-row:last-child { border-bottom:0 !important; }
html:not([data-theme="light"]) .proto-colhead { padding-left:24px; padding-right:24px; }
html:not([data-theme="light"]) .proto-st { display:inline-flex; align-items:center; gap:6px; padding:5px 10px; border-radius:999px; font-weight:700; width:fit-content; }
html:not([data-theme="light"]) .proto-st.is-ok { background:rgba(61,220,132,.10); border:1px solid rgba(61,220,132,.35); }
html:not([data-theme="light"]) .proto-st.is-dev { background:rgba(255,170,60,.10); border:1px solid rgba(255,170,60,.35); }
html:not([data-theme="light"]) [class*="card"] .extra { display:none !important; }
html:not([data-theme="light"]) .why-card-v2, html:not([data-theme="light"]) .why-card-v2:hover, html:not([data-theme="light"]) .feature-card, html:not([data-theme="light"]) .feature-card:hover { transform:none !important; }
html:not([data-theme="light"]) .why-card-v2::before, html:not([data-theme="light"]) .why-card-v2::after, html:not([data-theme="light"]) .feature-card::before, html:not([data-theme="light"]) .feature-card::after { display:none !important; content:none !important; }
html:not([data-theme="light"]) .infog-lane--off { background:rgba(229,35,27,.06) !important; border:1px solid rgba(229,35,27,.30) !important; }
@media (max-width:768px){
  html:not([data-theme="light"]) section { padding-top:48px !important; padding-bottom:48px !important; }
  html:not([data-theme="light"]) section.hero { padding-top:28px !important; }
  html:not([data-theme="light"]) .platform-grid { row-gap:14px !important; }
}
.why-card-v2 .why-icon { width:44px; height:44px; display:inline-flex; align-items:center; justify-content:center; border-radius:12px; }
html[data-theme="light"] .why-card-v2 .why-icon { background:#FFF4F3 !important; border:1px solid #F2B8B3 !important; box-shadow:none !important; }
html:not([data-theme="light" i]) .why-card-v2 .why-icon{border-width:1px !important;border-style:solid !important}
:where(html:not([data-theme="light" i]) .why-card-v2 .why-icon){border-color:rgba(255,255,255,0.12)}
html:not([data-theme="light"]) .why-card-v2 .why-icon { background:rgba(229,35,27,.08) !important; border:1px solid rgba(229,35,27,.35) !important; }
.why-card-v2 .why-icon svg { width:20px; height:20px; }
footer .footer-langs { margin-top:16px !important; padding-top:14px !important; padding-bottom:22px !important; border-top:1px solid rgba(128,128,128,.25); }
footer .footer-legal-row { padding-bottom:4px !important; }

body > header .header-cta .btn { white-space:nowrap; }
html[data-theme="light"] .hero-net { opacity:.55; }
html[data-theme="light"] .tg-square { background:#FFFFFF !important; border:1px solid #D2D2D2 !important; box-shadow:0 6px 18px rgba(0,0,0,.05) !important; }
html:not([data-theme="light" i]) .tg-square{border-width:1px !important;border-style:solid !important}
:where(html:not([data-theme="light" i]) .tg-square){border-color:rgba(255,255,255,0.12)}
footer .social-row .social-icon { transition:transform .15s, background .15s, color .15s; }
footer .social-row .social-icon:hover { transform:translateY(-2px); }
footer .social-row .social-icon:nth-child(1) { color:#229ED9 !important; }
footer .social-row .social-icon:nth-child(2) { color:#FF0033 !important; }
footer .social-row .social-icon:nth-child(3) { color:#E1306C !important; }
footer .social-row .social-icon:nth-child(4) { color:#111111 !important; }
footer .social-row .social-icon:nth-child(5) { color:#1877F2 !important; }
html:not([data-theme="light"]) footer .social-row .social-icon:nth-child(4) { color:#FFFFFF !important; }
footer .social-row .social-icon svg { color:inherit !important; fill:currentColor; }
footer .social-row .social-icon:nth-child(1):hover { background:#229ED9 !important; color:#fff !important; border-color:#229ED9 !important; }
footer .social-row .social-icon:nth-child(2):hover { background:#FF0033 !important; color:#fff !important; border-color:#FF0033 !important; }
footer .social-row .social-icon:nth-child(3):hover { background:linear-gradient(45deg,#F58529,#DD2A7B,#8134AF) !important; color:#fff !important; border-color:#DD2A7B !important; }
footer .social-row .social-icon:nth-child(4):hover { background:#111 !important; color:#fff !important; border-color:#111 !important; }
footer .social-row .social-icon:nth-child(5):hover { background:#1877F2 !important; color:#fff !important; border-color:#1877F2 !important; }
html[data-theme="light"] nav:not(.mnav) { background:transparent !important; }
html[data-theme="light"] .trust-nav { background:rgba(255,255,255,.9) !important; border:1px solid #D2D2D2; border-radius:12px; }
html:not([data-theme="light" i]) .trust-nav{border-width:1px;border-style:solid;border-radius:12px}
:where(html:not([data-theme="light" i]) .trust-nav){border-color:rgba(255,255,255,0.12)}
html[data-theme="light"] .app-card .desc, html[data-theme="light"] p.desc { color:#3A3A3A !important; }
html[data-theme="light"] .review-role { color:#5A5A5A !important; }
html[data-theme="light"] input:not([type="checkbox"]):not([type="radio"]), html[data-theme="light"] textarea, html[data-theme="light"] select { background:#F6F6F6 !important; border:1px solid #CFCFCF !important; color:#111111 !important; }
html:not([data-theme="light" i]) input:not([type="checkbox"]):not([type="radio"]),html:not([data-theme="light" i]) textarea,html:not([data-theme="light" i]) select{border-width:1px !important;border-style:solid !important}
:where(html:not([data-theme="light" i]) input:not([type="checkbox"]):not([type="radio"])),:where(html:not([data-theme="light" i]) textarea),:where(html:not([data-theme="light" i]) select){border-color:rgba(255,255,255,0.12)}
html[data-theme="light"] input::placeholder, html[data-theme="light"] textarea::placeholder { color:#8A8A8A !important; }
html[data-theme="light"] .alt-btn { background:#FFFFFF !important; border:1px solid #CFCFCF !important; color:#111111 !important; }
html:not([data-theme="light" i]) .alt-btn{border-width:1px !important;border-style:solid !important}
:where(html:not([data-theme="light" i]) .alt-btn){border-color:rgba(255,255,255,0.12)}
html[data-theme="light"] .alt-btn * { color:#111111 !important; }
html[data-theme="light"] .alt-btn:hover { border-color:#111111 !important; }
:where(html:not([data-theme="light" i]) .alt-btn:hover){border-color:rgba(255,255,255,0.28)}

html[data-theme="light"] .page-hero + .content-section { background:#FFFFFF; border-top:1px solid #D2D2D2; border-bottom:1px solid #D2D2D2; padding-top:56px !important; padding-bottom:64px !important; }
html:not([data-theme="light" i]) .page-hero + .content-section{border-top-width:1px;border-top-style:solid;border-bottom-width:1px;border-bottom-style:solid;padding-top:56px !important;padding-bottom:64px !important}
:where(html:not([data-theme="light" i]) .page-hero + .content-section){border-top-color:rgba(255,255,255,0.12);border-bottom-color:rgba(255,255,255,0.12)}
html[data-theme="light"] .page-hero + .content-section > .container { max-width:700px !important; }
html:not([data-theme="light" i]) .page-hero + .content-section > .container{max-width:700px !important}
html[data-theme="light"] .page-hero + .content-section p, html[data-theme="light"] .page-hero + .content-section li { font-family:Georgia, "Iowan Old Style", "Noto Serif", "Vazirmatn", "Cairo", "Times New Roman", "Noto Sans SC","PingFang SC","Hiragino Sans GB","Microsoft YaHei", serif !important; font-size:19px !important; line-height:1.65 !important; color:#1E1E1E !important; }
html:not([data-theme="light" i]) .page-hero + .content-section p,html:not([data-theme="light" i]) .page-hero + .content-section li{font-family:Georgia, "Iowan Old Style", "Noto Serif", "Vazirmatn", "Cairo", "Times New Roman", "Noto Sans SC","PingFang SC","Hiragino Sans GB","Microsoft YaHei", serif !important;font-size:19px !important;line-height:1.65 !important}
html[data-theme="light"] .page-hero + .content-section h2 { font-family:Georgia, "Noto Serif", "Vazirmatn", "Cairo", "Noto Sans SC","PingFang SC","Hiragino Sans GB","Microsoft YaHei", serif !important; font-weight:700 !important; font-size:26px !important; line-height:1.25; letter-spacing:-.01em; margin:44px 0 14px !important; padding-top:18px; border-top:2px solid #111111; color:#111 !important; }
html:not([data-theme="light" i]) .page-hero + .content-section h2{font-family:Georgia, "Noto Serif", "Vazirmatn", "Cairo", "Noto Sans SC","PingFang SC","Hiragino Sans GB","Microsoft YaHei", serif !important;font-weight:700 !important;font-size:26px !important;line-height:1.25;letter-spacing:-.01em;margin:44px 0 14px !important;padding-top:18px;border-top-width:2px;border-top-style:solid}
:where(html:not([data-theme="light" i]) .page-hero + .content-section h2){border-top-color:#EDEDED}
html[data-theme="light"] .page-hero + .content-section h2:first-child { margin-top:0 !important; }
html:not([data-theme="light" i]) .page-hero + .content-section h2:first-child{margin-top:0 !important}
html[data-theme="light"] .page-hero + .content-section h3 { font-family:Georgia, "Noto Serif", "Vazirmatn", "Cairo", "Noto Sans SC","PingFang SC","Hiragino Sans GB","Microsoft YaHei", serif !important; font-size:21px !important; color:#111 !important; }
html:not([data-theme="light" i]) .page-hero + .content-section h3{font-family:Georgia, "Noto Serif", "Vazirmatn", "Cairo", "Noto Sans SC","PingFang SC","Hiragino Sans GB","Microsoft YaHei", serif !important;font-size:21px !important}
html[data-theme="light"] .page-hero + .content-section ul { padding-inline-start:1.2em; }
html:not([data-theme="light" i]) .page-hero + .content-section ul{padding-inline-start:1.2em}
html[data-theme="light"] .page-hero + .content-section li { margin:6px 0; }
html:not([data-theme="light" i]) .page-hero + .content-section li{margin:6px 0}
html[data-theme="light"] .page-hero + .content-section li::marker { color:#E5231B; }
html[data-theme="light"] .page-hero + .content-section a { color:#B81B14 !important; text-decoration:underline; text-underline-offset:3px; text-decoration-thickness:1px; }
html:not([data-theme="light" i]) .page-hero + .content-section a{text-underline-offset:3px;text-decoration-thickness:1px}
html[data-theme="light"] .page-hero h1 { font-family:Georgia, "Noto Serif", "Vazirmatn", "Cairo", "Noto Sans SC","PingFang SC","Hiragino Sans GB","Microsoft YaHei", serif !important; font-weight:700 !important; letter-spacing:-.02em; }
html:not([data-theme="light" i]) .page-hero h1{font-family:Georgia, "Noto Serif", "Vazirmatn", "Cairo", "Noto Sans SC","PingFang SC","Hiragino Sans GB","Microsoft YaHei", serif !important;font-weight:700 !important;letter-spacing:-.02em}
@media (max-width:600px){ html[data-theme="light"] .page-hero + .content-section p, html[data-theme="light"] .page-hero + .content-section li { font-size:17.5px !important; }
html:not([data-theme="light" i]) .page-hero + .content-section p,html:not([data-theme="light" i]) .page-hero + .content-section li{font-size:17.5px !important} html[data-theme="light"] .page-hero + .content-section h2 { font-size:22px !important; }
html:not([data-theme="light" i]) .page-hero + .content-section h2{font-size:22px !important} }
html[data-theme="light"] code { background:#F1F1F1 !important; color:#111 !important; border:1px solid #E0E0E0; border-radius:6px; padding:1px 5px; }
html:not([data-theme="light" i]) code{border-width:1px;border-style:solid;border-radius:6px;padding:1px 5px}
:where(html:not([data-theme="light" i]) code){border-color:rgba(255,255,255,0.12)}
html[data-theme="light"] pre code { background:none !important; border:0 !important; border-radius:0 !important; padding:0 !important; }
html:not([data-theme="light" i]) pre code{border:0 !important;border-radius:0 !important;padding:0 !important}
html[data-theme="light"] .copy-btn, html[data-theme="light"] .og-chip, html[data-theme="light"] .tool-check { color:#111 !important; }
html[data-theme="light"] .copy-btn, html[data-theme="light"] .og-chip { background:#FFFFFF !important; border:1px solid #CFCFCF !important; }
html:not([data-theme="light" i]) .copy-btn,html:not([data-theme="light" i]) .og-chip{border-width:1px !important;border-style:solid !important}
:where(html:not([data-theme="light" i]) .copy-btn),:where(html:not([data-theme="light" i]) .og-chip){border-color:rgba(255,255,255,0.12)}
html[data-theme="light"] .pf { background:#FFFFFF !important; border:1px solid #CFCFCF !important; color:#3A3A3A !important; }
html:not([data-theme="light" i]) .pf{border-width:1px !important;border-style:solid !important}
:where(html:not([data-theme="light" i]) .pf){border-color:rgba(255,255,255,0.12)}
html[data-theme="light"] .pf:not(.loot-root *) b, html[data-theme="light"] .pf:not(.loot-root *) strong, html[data-theme="light"] .pf:not(.loot-root *) > :first-child:not(i) { color:#111111 !important; -webkit-text-fill-color:#111111 !important; }
html[data-theme="light"] .pf.ok { border-color:#9BD3B1 !important; }
:where(html:not([data-theme="light" i]) .pf.ok){border-color:rgba(255,255,255,0.12)}
html[data-theme="light"] .ip-row { background:#F6F6F6 !important; border:1px solid #E0E0E0 !important; }
html:not([data-theme="light" i]) .ip-row{border-width:1px !important;border-style:solid !important}
:where(html:not([data-theme="light" i]) .ip-row){border-color:rgba(255,255,255,0.12)}

.art-img { margin:28px 0 32px; }
.art-img img { display:block; width:100%; height:auto; border-radius:16px; border:1px solid rgba(128,128,128,.25); }
.art-cover { margin-top:0; }
.art-cover img { border-radius:20px; box-shadow:0 18px 40px rgba(140,15,15,.18); }
.art-shot img { max-width:560px; margin:0 auto; box-shadow:0 10px 30px rgba(0,0,0,.10); }
.art-img figcaption { margin-top:10px; font-size:14px; line-height:1.45; color:#7A7A7A; text-align:center; }
html[data-theme="light"] .art-img figcaption { font-family:Georgia,"Noto Serif","Vazirmatn","Cairo","Noto Sans SC","PingFang SC","Hiragino Sans GB","Microsoft YaHei",serif; font-style:italic; color:#5A5A5A !important; font-size:15px !important; }
html:not([data-theme="light" i]) .art-img figcaption{font-family:Georgia,"Noto Serif","Vazirmatn","Cairo","Noto Sans SC","PingFang SC","Hiragino Sans GB","Microsoft YaHei",serif;font-style:italic;font-size:15px !important}
.art-img .only-light { display:none; }
html[data-theme="light"] .art-img .only-light { display:block; }
html[data-theme="light"] .art-img .only-dark { display:none; }
html:not([data-theme="light"]) .art-diagram img { filter:invert(.92) hue-rotate(180deg); border-color:rgba(255,255,255,.12); }
html:not([data-theme="light"]) .art-shot img { box-shadow:0 10px 30px rgba(0,0,0,.45); }

.dg { --dg-bg:#121212; --dg-node:#1B1B1B; --dg-stroke:#3A3A3A; --dg-text:#EDEDED; --dg-mut:#9A9A9A; --dg-ok:#3DDC84; --dg-ok-bg:rgba(61,220,132,.12); --dg-bad:#FF4433; --dg-bad-bg:rgba(255,68,51,.12); --dg-warn:#FFB347; --dg-warn-bg:rgba(255,179,71,.12); --dg-accent:#FF4433; }
html[data-theme="light"] .dg { --dg-bg:#FFFFFF; --dg-node:#F6F6F6; --dg-stroke:#111111; --dg-text:#1E1E1E; --dg-mut:#666666; --dg-ok:#12803F; --dg-ok-bg:#E8F6EE; --dg-bad:#C81E17; --dg-bad-bg:#FFF5F4; --dg-warn:#9A5A00; --dg-warn-bg:#FFF3E3; --dg-accent:#E5231B; }
.dg svg { display:block; width:100%; height:auto; background:var(--dg-bg); border:1px solid color-mix(in srgb, var(--dg-stroke) 25%, transparent); border-radius:18px; }
.dg .bg{fill:var(--dg-bg)} .dg .node{fill:var(--dg-node);stroke:var(--dg-stroke);stroke-width:1.2} .dg .t{fill:var(--dg-text);font:500 16px "Golos Text","Vazirmatn","Cairo",Arial,"Noto Sans SC","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif} .dg .tb{fill:var(--dg-text);font:700 16px "Golos Text","Vazirmatn","Cairo",Arial,"Noto Sans SC","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif}
.dg .m{font:500 13px "JetBrains Mono","Vazirmatn","Cairo","Noto Sans SC","PingFang SC","Hiragino Sans GB","Microsoft YaHei",monospace} .dg .mut{fill:var(--dg-mut)} .dg .h{font:700 12.5px "JetBrains Mono","Vazirmatn","Cairo","Noto Sans SC","PingFang SC","Hiragino Sans GB","Microsoft YaHei",monospace;letter-spacing:2px}
.dg .ok{fill:var(--dg-ok)} .dg .okl{stroke:var(--dg-ok);stroke-width:3;fill:none} .dg .okp{fill:var(--dg-ok-bg);stroke:var(--dg-ok)}
.dg .bad{fill:var(--dg-bad)} .dg .badl{stroke:var(--dg-bad);stroke-width:3;fill:none;stroke-dasharray:7 6} .dg .badp{fill:var(--dg-bad-bg);stroke:var(--dg-bad)}
.dg .warn{fill:var(--dg-warn)} .dg .warnp{fill:var(--dg-warn-bg);stroke:var(--dg-warn)} .dg .ln{stroke:var(--dg-stroke);stroke-width:1.2;fill:none}
.dg .flow{animation:dgflow 1.2s linear infinite} @keyframes dgflow{to{stroke-dashoffset:-26}}
@media (prefers-reduced-motion:reduce){.dg .flow{animation:none}}

.art-layout { display:block; }
.art-meta { display:none; }
@media (min-width:1100px){
  .content-section:has(.art-layout) > .container { max-width:1060px !important; }
  .art-layout { display:grid; grid-template-columns:230px minmax(0,680px); gap:56px; align-items:start; }
  .art-meta { display:block; position:sticky; top:96px; padding-top:6px; }
}
.art-by { font:500 12px "JetBrains Mono","Vazirmatn","Cairo","Noto Sans SC","PingFang SC","Hiragino Sans GB","Microsoft YaHei",monospace; letter-spacing:1.5px; text-transform:uppercase; color:var(--grey); }
.art-by b { color:var(--white); font-weight:700; }
.art-date { margin-top:6px; font:500 12px "JetBrains Mono","Vazirmatn","Cairo","Noto Sans SC","PingFang SC","Hiragino Sans GB","Microsoft YaHei",monospace; letter-spacing:1.5px; color:var(--grey); }
.art-share { display:flex; gap:8px; margin:16px 0 18px; }
.art-share a { width:36px; height:36px; border-radius:50%; display:grid; place-items:center; border:1px solid rgba(128,128,128,.35); color:var(--white); text-decoration:none !important; font-size:15px; }
.art-share a:hover { border-color:var(--turquoise); color:var(--turquoise); }
.art-note { font-family:Georgia,"Noto Serif","Vazirmatn","Cairo","Noto Sans SC","PingFang SC","Hiragino Sans GB","Microsoft YaHei",serif !important; font-style:italic; font-size:16px !important; line-height:1.5 !important; color:var(--grey) !important; padding-bottom:16px; border-bottom:1px solid rgba(128,128,128,.3); }
.art-layout .article-body p, .art-layout .article-body li { font-family:Georgia,"Iowan Old Style","Noto Serif","Vazirmatn","Cairo","Times New Roman","Noto Sans SC","PingFang SC","Hiragino Sans GB","Microsoft YaHei",serif; font-size:19px; line-height:1.62; }
.art-layout .article-body .article-lead { font-size:21px !important; line-height:1.55 !important; border:0 !important; padding-inline:0 !important; }
.art-layout .article-body .article-lead::first-letter { float:left; font-family:Georgia,"Noto Serif","Vazirmatn","Cairo","Noto Sans SC","PingFang SC","Hiragino Sans GB","Microsoft YaHei",serif; font-weight:900; font-size:86px; line-height:.82; margin:6px 12px 0 0; color:var(--white); }
.art-layout .article-body p > strong:first-child { font-family:"Golos Text","Vazirmatn","Cairo","Noto Sans SC","PingFang SC","Hiragino Sans GB","Microsoft YaHei",system-ui,sans-serif; font-weight:800; }
.art-layout .article-body h2 { font-family:Georgia,"Noto Serif","Vazirmatn","Cairo","Noto Sans SC","PingFang SC","Hiragino Sans GB","Microsoft YaHei",serif !important; font-weight:700; letter-spacing:-.01em; padding-top:18px; border-top:2px solid var(--white); margin-top:44px; }
body:has(.art-layout) .article-hero h1 { font-family:Georgia,"Noto Serif","Vazirmatn","Cairo","Noto Sans SC","PingFang SC","Hiragino Sans GB","Microsoft YaHei",serif !important; font-weight:700; letter-spacing:-.02em; }
@media (max-width:600px){ .art-layout .article-body p, .art-layout .article-body li { font-size:17.5px; } .art-layout .article-body .article-lead::first-letter { font-size:64px; } }
html:lang(zh) .art-layout .article-body .article-lead::first-letter, html:lang(ar) .art-layout .article-body .article-lead::first-letter, html:lang(fa) .art-layout .article-body .article-lead::first-letter { float:none; font:inherit; margin:0; color:inherit; }
@media (min-width:1100px){ html .content-section:has(.art-layout) > .container, html[data-theme="light"] .content-section:has(.art-layout) > .container { max-width:1060px !important; }
html:not([data-theme="light" i]) .content-section:has(.art-layout) > .container{max-width:1060px !important} }
body:has(.art-layout) .article-hero > .container { max-width:700px; }
@media (min-width:1100px){ body:has(.art-layout) .article-hero > .container { max-width:1060px; } }
.article-hero > .container > p { margin-left:0; margin-right:0; }
html[data-theme="light"] .article-hero + .content-section { background:#FFFFFF; }
.art-progress { height:3px; background:rgba(128,128,128,.25); border-radius:3px; overflow:hidden; margin:2px 0 14px; }
.art-progress i { display:block; height:100%; width:0; background:var(--turquoise); transition:width .1s; }
html[data-theme="light"] .art-progress i { background:#E5231B; }
.art-toc { display:flex; flex-direction:column; gap:2px; }
.art-toc a { font:500 13px/1.35 "Golos Text","Vazirmatn","Cairo","Noto Sans SC","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif; color:var(--grey) !important; text-decoration:none !important; padding:6px 0; padding-inline-start:12px; border-inline-start:2px solid rgba(128,128,128,.25); }
.art-toc a:hover { color:var(--white) !important; }
.art-toc a.on { color:var(--white) !important; border-inline-start-color:var(--turquoise); font-weight:700; }
html[data-theme="light"] .art-toc a.on { border-inline-start-color:#E5231B; color:#111 !important; }
@media (min-width:1100px){ .art-layout .article-body > .article-toc { display:none; } }
.art-cover.dg svg { max-height:none; border-radius:20px; box-shadow:none; }
.art-cover.dg { margin-bottom:36px; }
.art-promo { margin-top:22px; padding:18px 16px; border-radius:16px; border:1px solid rgba(229,35,27,.35); background:linear-gradient(160deg, rgba(229,35,27,.14), rgba(229,35,27,.03)); }
html[data-theme="light"] .art-promo { background:linear-gradient(160deg,#FFF1EF,#FFFFFF); border-color:#F2B8B3; }
:where(html:not([data-theme="light" i]) .art-promo){border-color:rgba(255,255,255,0.12)}
.art-promo-k { font:700 11px "JetBrains Mono","Vazirmatn","Cairo","Noto Sans SC","PingFang SC","Hiragino Sans GB","Microsoft YaHei",monospace; letter-spacing:1.5px; color:var(--turquoise); }
html[data-theme="light"] .art-promo-k { color:#C81E17; }
.art-promo-t { margin:8px 0 14px; font:800 18px/1.25 "Golos Text","Vazirmatn","Cairo","Noto Sans SC","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif; color:var(--white); }
.art-promo-b { display:block; text-align:center; padding:10px 12px; border-radius:10px; background:linear-gradient(135deg,#E5231B,#8C0F0F); color:#fff !important; font:700 13px "JetBrains Mono","Vazirmatn","Cairo","Noto Sans SC","PingFang SC","Hiragino Sans GB","Microsoft YaHei",monospace; text-decoration:none !important; }
.art-promo-l { display:block; margin-top:10px; text-align:center; font-size:12.5px; color:var(--grey) !important; text-decoration:underline !important; text-underline-offset:3px; }
html[data-theme="light"] .page-hero + .content-section a.art-promo-b, html .art-promo a.art-promo-b { color:#FFFFFF !important; text-decoration:none !important; }
html[data-theme="light"] .page-hero + .content-section .art-toc a { color:#5A5A5A !important; text-decoration:none !important; }
html[data-theme="light"] .page-hero + .content-section .art-toc a.on { color:#111 !important; }
html[data-theme="light"] .page-hero + .content-section .art-share a { color:#111 !important; text-decoration:none !important; }
@font-face { font-family:"Oswald404"; src:url("/fonts/oswald/Oswald-Bold.ttf") format("truetype"); font-weight:700; font-display:swap; }

.art-banner { --ab-bg:#0B0B0D; --ab-ink:#F2EFE8; --ab-green:#3FE0A8; --ab-mut:#A9A9A9; --ab-dot:rgba(255,255,255,.07); --ab-red:#FF4433;
  position:relative; display:flex; flex-direction:column; margin-top:22px; padding:22px 20px 18px; border-radius:18px; overflow:hidden; text-decoration:none !important;
  background:radial-gradient(circle at 1px 1px, var(--ab-dot) 1px, transparent 1.4px) 0 0/16px 16px, var(--ab-bg); border:1px solid rgba(255,255,255,.08);
  box-shadow:0 18px 40px rgba(0,0,0,.25); transition:transform .2s, box-shadow .2s; }
html[data-theme="light"] .art-banner { --ab-bg:#F7F5F0; --ab-ink:#121212; --ab-green:#0FA36B; --ab-mut:#5E5E5E; --ab-dot:rgba(0,0,0,.08); --ab-red:#D21F17; border-color:#D6D2CA; box-shadow:0 14px 30px rgba(0,0,0,.08); }
:where(html:not([data-theme="light" i]) .art-banner){border-color:rgba(255,255,255,0.12)}
.art-banner:hover { transform:translateY(-3px); }
.ab-k { font:500 12px "JetBrains Mono","Vazirmatn","Cairo","Noto Sans SC","PingFang SC","Hiragino Sans GB","Microsoft YaHei",monospace; letter-spacing:2px; color:var(--ab-mut); padding-bottom:10px; border-bottom:1px dashed color-mix(in srgb, var(--ab-mut) 50%, transparent); width:70%; }
.ab-big { margin-top:16px; font:700 92px/0.9 "Oswald404","Oswald",Impact,"Vazirmatn","Cairo","Noto Sans SC","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif; color:var(--ab-green); letter-spacing:-1px; }
.ab-mid { margin-top:8px; font:700 40px/0.98 "Oswald404","Oswald",Impact,"Vazirmatn","Cairo","Noto Sans SC","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif; color:var(--ab-ink); text-transform:uppercase; }
.ab-rule { display:block; height:0; border-top:1px dashed var(--ab-green); opacity:.7; margin:16px 0 12px; }
.ab-sub { font:500 11.5px/1.75 "JetBrains Mono","Vazirmatn","Cairo","Noto Sans SC","PingFang SC","Hiragino Sans GB","Microsoft YaHei",monospace; letter-spacing:1.6px; color:var(--ab-mut); }
.ab-logo { position:absolute; right:14px; top:96px; width:58px; opacity:.95; }
.ab-logo svg { width:100%; height:auto; }
.ab-cta { margin-top:16px; padding:9px 12px; border:1.5px solid var(--ab-red); border-radius:6px; font:600 14px "JetBrains Mono","Vazirmatn","Cairo","Noto Sans SC","PingFang SC","Hiragino Sans GB","Microsoft YaHei",monospace; letter-spacing:1.5px; color:var(--ab-red); text-align:center; transition:background .2s,color .2s; }
.art-banner:hover .ab-cta { background:var(--ab-red); color:#fff; }
.ab-url { margin-top:12px; align-self:flex-end; font:500 11px "JetBrains Mono","Vazirmatn","Cairo","Noto Sans SC","PingFang SC","Hiragino Sans GB","Microsoft YaHei",monospace; letter-spacing:2px; color:var(--ab-mut); }
.ab-logo { top:120px !important; right:16px; width:56px; height:72px; display:block; }
.ab-logo svg { display:block; width:56px !important; height:72px !important; }
.art-banner .ab-logo { --white:#FFFFFF; --turquoise:#FF4433; top:14px !important; right:14px !important; width:34px !important; height:44px !important; }
.art-banner .ab-logo svg { width:34px !important; height:44px !important; }
.art-share a.sh-tg { color:#229ED9 !important; border-color:rgba(34,158,217,.45) !important; }
.art-share a.sh-tg:hover { background:#229ED9; color:#fff !important; border-color:#229ED9 !important; }
.art-share a.sh-x:hover { background:var(--white); color:var(--navy) !important; }
html[data-theme="light"] .art-share a.sh-x:hover { background:#111; color:#fff !important; }
.art-share a.sh-ln.done { color:#3DDC84 !important; border-color:#3DDC84 !important; }
.art-share a:focus { outline:none; } .art-share a:focus-visible { outline:2px solid var(--turquoise); outline-offset:2px; }
.dg { --dg-ok-bg:#112A1D; --dg-bad-bg:#2C1210; --dg-warn-bg:#2B2112; }
html[data-theme="light"] .dg { --dg-ok-bg:#E8F6EE; --dg-bad-bg:#FFF5F4; --dg-warn-bg:#FFF3E3; }

html[data-theme="light"] .lang-pill { background:#FFFFFF !important; border:1px solid #CFCFCF !important; color:#111111 !important; }
html:not([data-theme="light" i]) .lang-pill{border-width:1px !important;border-style:solid !important}
:where(html:not([data-theme="light" i]) .lang-pill){border-color:rgba(255,255,255,0.12)}
html[data-theme="light"] .lang-pill:hover { border-color:#111111 !important; }
:where(html:not([data-theme="light" i]) .lang-pill:hover){border-color:rgba(255,255,255,0.28)}
html[data-theme="light"] .lang-pill:focus { outline:none; } html[data-theme="light"] .lang-pill:focus-visible { outline:2px solid #111; outline-offset:2px; }
html[data-theme="light"] .dash-login-lang .lang-switch-links, html[data-theme="light"] .hdr-lang-menu, html[data-theme="light"] .cab-lang-menu { background:#FFFFFF !important; border:1px solid #D2D2D2 !important; box-shadow:0 14px 34px rgba(0,0,0,.14) !important; }
html:not([data-theme="light" i]) .dash-login-lang .lang-switch-links,html:not([data-theme="light" i]) .hdr-lang-menu,html:not([data-theme="light" i]) .cab-lang-menu{border-width:1px !important;border-style:solid !important}
:where(html:not([data-theme="light" i]) .dash-login-lang .lang-switch-links),:where(html:not([data-theme="light" i]) .hdr-lang-menu),:where(html:not([data-theme="light" i]) .cab-lang-menu){border-color:rgba(255,255,255,0.12)}
html[data-theme="light"] .dash-login-lang .lang-switch-links a, html[data-theme="light"] .hdr-lang-menu button, html[data-theme="light"] .cab-lang-menu button, html[data-theme="light"] .cab-lang-menu a { color:#1E1E1E !important; background:transparent !important; border:0 !important; box-shadow:none !important; }
html:not([data-theme="light" i]) .dash-login-lang .lang-switch-links a,html:not([data-theme="light" i]) .hdr-lang-menu button,html:not([data-theme="light" i]) .cab-lang-menu button,html:not([data-theme="light" i]) .cab-lang-menu a{border:0 !important}
html[data-theme="light"] .dash-login-lang .lang-switch-links a:hover, html[data-theme="light"] .hdr-lang-menu button:hover, html[data-theme="light"] .cab-lang-menu button:hover, html[data-theme="light"] .cab-lang-menu a:hover { background:#F1F1F1 !important; color:#111 !important; }
html[data-theme="light"] .hdr-lang-menu button .cc { color:#7A7A7A !important; }
html[data-theme="light"] .hdr-lang-menu button.cur, html[data-theme="light"] .hdr-lang-menu button.cur .cc, html[data-theme="light"] .cab-lang-menu .cur { color:#C81E17 !important; }
html[data-theme="light"] .cab-lang-btn { background:#FFFFFF !important; border:1px solid #CFCFCF !important; color:#111 !important; }
html:not([data-theme="light" i]) .cab-lang-btn{border-width:1px !important;border-style:solid !important}
:where(html:not([data-theme="light" i]) .cab-lang-btn){border-color:rgba(255,255,255,0.12)}

.dash-login-lang { position:fixed !important; top:18px !important; inset-inline-end:22px !important; inset-inline-start:auto !important; z-index:60 !important; }
.dash-login-lang .lang-pill { padding:8px 12px !important; gap:8px !important; font-size:12.5px !important; border-radius:10px !important; }
.dash-login-lang .lang-pill::before { content:""; width:20px; height:15px; border-radius:3px; background:url(/flags/us.svg) center/cover; box-shadow:0 0 0 1px rgba(0,0,0,.12); }
.dash-login-lang .lang-switch-links { top:46px !important; inset-inline-end:0 !important; display:none; grid-template-columns:1fr 1fr; gap:2px 6px !important; min-width:330px !important; padding:8px !important; }
.dash-login-lang.open .lang-switch-links { display:grid !important; }
.dash-login-lang .lang-switch-links a { display:flex !important; align-items:center; justify-content:flex-start !important; text-align:start; gap:10px; padding:8px 10px !important; font-size:0 !important; border-radius:8px !important; text-decoration:none !important; }
.dash-login-lang .lang-switch-links a::before { content:""; flex:0 0 auto; width:22px; height:16px; border-radius:3px; background:#888 center/cover; box-shadow:0 0 0 1px rgba(0,0,0,.12); }
.dash-login-lang .lang-switch-links a::after { content:attr(title); font:500 13px/1.2 "Golos Text","Vazirmatn","Cairo","Noto Sans SC","PingFang SC","Hiragino Sans GB","Microsoft YaHei",system-ui,sans-serif; white-space:nowrap; }
.dash-login-lang a[data-lang="ru"]::before{background-image:url(/flags/ru.svg)} .dash-login-lang a[data-lang="en"]::before{background-image:url(/flags/us.svg)}
.dash-login-lang a[data-lang="es"]::before{background-image:url(/flags/mx.svg)} .dash-login-lang a[data-lang="tr"]::before{background-image:url(/flags/tr.svg)}
.dash-login-lang a[data-lang="zh"]::before{background-image:url(/flags/cn.svg)} .dash-login-lang a[data-lang="hk"]::before{background-image:url(/flags/hk.svg)}
.dash-login-lang a[data-lang="tw"]::before{background-image:url(/flags/tw.svg)} .dash-login-lang a[data-lang="id"]::before{background-image:url(/flags/id.svg)}
.dash-login-lang a[data-lang="vi"]::before{background-image:url(/flags/vn.svg)} .dash-login-lang a[data-lang="pt"]::before{background-image:url(/flags/br.svg)}
.dash-login-lang a[data-lang="ms"]::before{background-image:url(/flags/my.svg)} .dash-login-lang a[data-lang="fr"]::before{background-image:url(/flags/fr.svg)}
.dash-login-lang a[data-lang="de"]::before{background-image:url(/flags/de.svg)}

.dash-login-lang a[data-lang="fa"]::before, .dash-login-lang a[data-lang="ar"]::before { background:#E9E9E9; content:"ع"; display:grid; place-items:center; font:700 11px/1 "Vazirmatn","Cairo",sans-serif; color:#555; }
.dash-login-lang a[data-lang="fa"]::before { content:"فا"; }
html:not([data-theme="light"]) .dash-login-lang a[data-lang="fa"]::before, html:not([data-theme="light"]) .dash-login-lang a[data-lang="ar"]::before { background:#2A2A2A; color:#BBB; }
html:not([data-theme="light"]) .dash-login-lang .lang-switch-links a { color:#DDD !important; }
html:not([data-theme="light"]) .dash-login-lang .lang-switch-links a:hover { background:rgba(255,255,255,.07) !important; color:#fff !important; }
@media (max-width:520px){ .dash-login-lang { top:10px !important; inset-inline-end:10px !important; } .dash-login-lang .lang-switch-links { min-width:300px !important; } }
html[data-theme="light"] .page-hero + .content-section:has(.blog-grid):not(:has(.article-body)) > .container { max-width:1120px !important; }
html:not([data-theme="light" i]) .page-hero + .content-section:has(.blog-grid):not(:has(.article-body)) > .container{max-width:1120px !important}
html[data-theme="light"] .page-hero + .content-section:has(.blog-grid):not(:has(.article-body)) .blog-grid { grid-template-columns:repeat(3, minmax(0,1fr)); gap:22px; }
html:not([data-theme="light" i]) .page-hero + .content-section:has(.blog-grid):not(:has(.article-body)) .blog-grid{grid-template-columns:repeat(3, minmax(0,1fr));gap:22px}
@media (max-width:980px){ html[data-theme="light"] .page-hero + .content-section:has(.blog-grid):not(:has(.article-body)) .blog-grid { grid-template-columns:repeat(2, minmax(0,1fr)); }
html:not([data-theme="light" i]) .page-hero + .content-section:has(.blog-grid):not(:has(.article-body)) .blog-grid{grid-template-columns:repeat(2, minmax(0,1fr))} }
@media (max-width:640px){ html[data-theme="light"] .page-hero + .content-section:has(.blog-grid):not(:has(.article-body)) .blog-grid { grid-template-columns:1fr; }
html:not([data-theme="light" i]) .page-hero + .content-section:has(.blog-grid):not(:has(.article-body)) .blog-grid{grid-template-columns:1fr} }
html[data-theme="light"] .page-hero + .content-section a.blog-card, html[data-theme="light"] .page-hero + .content-section a.blog-card * { text-decoration:none !important; }
html[data-theme="light"] .page-hero + .content-section .blog-card h3 { font-size:20px !important; line-height:1.3 !important; margin:6px 0 10px; }
html:not([data-theme="light" i]) .page-hero + .content-section .blog-card h3{font-size:20px !important;line-height:1.3 !important;margin:6px 0 10px}
html[data-theme="light"] .page-hero + .content-section .blog-card p { font-family:"Golos Text", "Vazirmatn", "Cairo", "Noto Sans SC","PingFang SC","Hiragino Sans GB","Microsoft YaHei", system-ui, sans-serif !important; font-size:15px !important; line-height:1.55 !important; color:#555 !important; }
html:not([data-theme="light" i]) .page-hero + .content-section .blog-card p{font-family:"Golos Text", "Vazirmatn", "Cairo", "Noto Sans SC","PingFang SC","Hiragino Sans GB","Microsoft YaHei", system-ui, sans-serif !important;font-size:15px !important;line-height:1.55 !important}
html[data-theme="light"] .wg-seg { background:#FFFFFF !important; border-color:#D6D2CA !important; color:#111 !important; }
:where(html:not([data-theme="light" i]) .wg-seg){border-color:rgba(255,255,255,0.12)}
html[data-theme="light"] .wg-seg b { color:#111 !important; }
html[data-theme="light"] .wg-seg[aria-pressed="false"] b { color:#6A6A6A !important; }
html[data-theme="light"] .wg-seg small, html[data-theme="light"] .wg-seg small span { color:#666 !important; }
html[data-theme="light"] .wg-where b { color:#111 !important; }
html[data-theme="light"] .wg-where li:not(.ok) > i { background:#8A8A8A !important; }
html[data-theme="light"] .wgx { --tile:#FFFFFF; --line:#E3E3E3; --line2:#D8D8D8; --grey:#4F4F4F; --dim:#555555; --redt:#A8170F; --ok:#12803F; color:#111111; }
html[data-theme="light"] .wgx .wg-seg:focus-visible { outline-color:#111111; }
html[data-theme="light"] .wgx .wg-test-s i { background:#8A8A8A; }
html[data-theme="light"] .wgx .wg-meter b { color:#111111; }
html[data-theme="light"] .wgx .wg-meter.full b { color:#A8170F; }
html[data-theme="light"] .wgx .wg-pips i, html[data-theme="light"] .wgx .wg-bar { background:rgba(0,0,0,.12); }
html[data-theme="light"] .wgx .wg-pips i.on, html[data-theme="light"] .wgx .wg-bar i { background:#111111; }
html[data-theme="light"] .wgx .wg-tile { color:#111111; }
@media (hover:hover) and (pointer:fine) { html[data-theme="light"] .wgx .wg-tile:not(:disabled):hover { border-color:#B5B5B5; }
:where(html:not([data-theme="light" i]) .wgx .wg-tile:not(:disabled):hover){border-color:rgba(255,255,255,0.22)} }
html[data-theme="light"] .wgx .wg-code, html[data-theme="light"] .wgx .wg-dev-name em { color:#333333; }
html[data-theme="light"] .wgx .wg-tile:not([aria-pressed="true"]) .radio { border-color:#8A8A8A; }
:where(html:not([data-theme="light" i]) .wgx .wg-tile:not([aria-pressed="true"]) .radio){border-color:rgba(255,255,255,0.22)}
html[data-theme="light"] .wgx .wg-tile.paid .city { color:#767676; }
html[data-theme="light"] .wgx .wg-tile.paid[aria-pressed="true"] { border-color:#8A8A8A; }
:where(html:not([data-theme="light" i]) .wgx .wg-tile.paid[aria-pressed="true"]){border-color:rgba(255,255,255,0.22)}
html[data-theme="light"] .wgx .wg-chip { color:#333333; }
html[data-theme="light"] .wgx .wg-chip:hover { border-color:#8A8A8A; color:#111111; }
:where(html:not([data-theme="light" i]) .wgx .wg-chip:hover){border-color:rgba(255,255,255,0.22)}
html[data-theme="light"] .wgx .wg-fine b, html[data-theme="light"] .wgx .wg-note p b, html[data-theme="light"] .wgx .wg-steps b, html[data-theme="light"] .wgx .wg-hy-name, html[data-theme="light"] .wgx .wg-rx-geo b { color:#111111; }
html[data-theme="light"] .wgx .wg-once p, html[data-theme="light"] .wgx .wg-done p, html[data-theme="light"] .wgx .wg-confirm p, html[data-theme="light"] .wgx .wg-how dd, html[data-theme="light"] .wgx .wg-rx-what, html[data-theme="light"] .wgx .wg-rx-srv span { color:#1E1E1E; }
html[data-theme="light"] .wgx .wg-steps span, html[data-theme="light"] .wgx .wg-rx-geo span[role="cell"] { color:#3A3A3A; }
html[data-theme="light"] .wgx .wg-note-k, html[data-theme="light"] .wgx .wg-once-k { color:#C81E17; }
html[data-theme="light"] .wgx .wg-btn { background:#FFFFFF; color:#111111; }
html[data-theme="light"] .wgx .wg-btn:hover { border-color:#8A8A8A; }
:where(html:not([data-theme="light" i]) .wgx .wg-btn:hover){border-color:rgba(255,255,255,0.22)}
html[data-theme="light"] .wgx .wg-btn.ghost, html[data-theme="light"] .wgx .wg-btn.danger { background:transparent; }
html[data-theme="light"] .wgx .wg-btn.danger { color:#B81B14; border-color:#E8A9A5; }
:where(html:not([data-theme="light" i]) .wgx .wg-btn.danger){border-color:rgba(255,255,255,0.22)}
html[data-theme="light"] .wgx .wg-btn.danger:hover { background:#FFF1EF; }
html[data-theme="light"] .wgx .wg-btn.ok, html[data-theme="light"] .wgx .wg-cta.ok { background:#E8F6EE; border-color:#9BD3B1; color:#0E6B34; }
:where(html:not([data-theme="light" i]) .wgx .wg-btn.ok),:where(html:not([data-theme="light" i]) .wgx .wg-cta.ok){border-color:rgba(255,255,255,0.12)}
html[data-theme="light"] .wgx .wg-cta:not(.ok), html[data-theme="light"] .wgx a.wg-cta:not(.ok) { color:#FFFFFF; }
html[data-theme="light"] .wgx .wg-confirm { background:#FFF1EF; }
html[data-theme="light"] .wgx .wg-dot { background:#9A9A9A; }
html[data-theme="light"] .wgx .wg-dot.on { background:#12803F; }
html[data-theme="light"] .wgx .wg-dev-info .s.on { color:#0B5E2D; }
html[data-theme="light"] .wgx details.wg-inside { box-shadow:none; }
html[data-theme="light"] .wgx .wg-inside summary::before, html[data-theme="light"] .wgx .wg-inside summary:hover { color:#111111; }
html[data-theme="light"] .wgx .wg-inside pre { color:#333333; }
html[data-theme="light"] .wgx .wg-hy-qr, html[data-theme="light"] .wgx .wg-qr svg, html[data-theme="light"] .wgx .wg-qr img { box-shadow:0 0 0 1px #E3E3E3; }
html[data-theme="light"] .admin-dropdown-btn { color:#111 !important; background:#FFFFFF !important; border-color:#D6D2CA !important; }
:where(html:not([data-theme="light" i]) .admin-dropdown-btn){border-color:rgba(255,255,255,0.12)}
html[data-theme="light"] .admin-dropdown-menu { background:#FFFFFF !important; border-color:#D6D2CA !important; box-shadow:0 14px 30px rgba(0,0,0,.12) !important; }
:where(html:not([data-theme="light" i]) .admin-dropdown-menu){border-color:rgba(255,255,255,0.12)}
html[data-theme="light"] .dash-guide-panel { background:#FFFFFF; border-color:#E2DED6 !important; }
:where(html:not([data-theme="light" i]) .dash-guide-panel){border-color:rgba(255,255,255,0.12)}
html[data-theme="light"] .dash-guide-panel b { color:#111 !important; }
html[data-theme="light"] .dash-picker-error, html[data-theme="light"] .admin-login-error { color:#B81B14 !important; }
html[data-theme="light"] .btn-danger { color:#C81E17 !important; border-color:#E8A9A5 !important; }
:where(html:not([data-theme="light" i]) .btn-danger){border-color:rgba(255,255,255,0.22)}
html[data-theme="light"] .ref-code-box { background:#FFFFFF !important; border-color:#D6D2CA !important; }
:where(html:not([data-theme="light" i]) .ref-code-box){border-color:rgba(255,255,255,0.12)}
html[data-theme="light"] .ref-code-box span { color:#111 !important; }
html[data-theme="light"] .pay-note { color:#4F4F4F !important; }
body:has(> footer.cab-foot) { min-height:100vh; min-height:100dvh; display:flex; flex-direction:column; }
body:has(> footer.cab-foot) > * { flex-shrink:0; width:100%; min-width:0; box-sizing:border-box; }
body:has(> footer.cab-foot) > footer.cab-foot { margin-top:auto; }
html[data-theme="light"] body > footer.cab-foot { background:transparent !important; border-top:1px solid #DADADA !important; }
html:not([data-theme="light" i]) body > footer.cab-foot{border-top-width:1px !important;border-top-style:solid !important}
:where(html:not([data-theme="light" i]) body > footer.cab-foot){border-top-color:rgba(255,255,255,0.12)}
html[data-theme="light"] .cab-tabs { border-bottom-color:#DADADA; }
:where(html:not([data-theme="light" i]) .cab-tabs){border-bottom-color:rgba(255,255,255,0.12)}
html[data-theme="light"] .cab-tabs a { color:#111 !important; font-weight:600; }
html:not([data-theme="light" i]) .cab-tabs a{font-weight:600}
html[data-theme="light"] .cab-tabs a:hover { color:#000 !important; background:rgba(0,0,0,.05); }
html[data-theme="light"] .cab-tabs a.on { color:#000 !important; background:#FFFFFF; box-shadow:0 0 0 1px #DADADA; }
html[data-theme="light"] .cab-tabs a .p { color:#4F4F4F; }
html[data-theme="light"] .cab-tabs a .n { background:#FDE3E1; color:#A8170F; }
html[data-theme="light"] .cab-tabs a .n.g { background:#DDF3E6; color:#0E6B34; }
html[data-theme="light"] .cab-foot-brand em, html[data-theme="light"] .cab-foot-copy { color:#4F4F4F; }
html[data-theme="light"] .dash-server-card .dash-key { background:#F6F6F6; border-color:#E3E3E3; color:#3A3A3A; }
:where(html:not([data-theme="light" i]) .dash-server-card .dash-key){border-color:rgba(255,255,255,0.12)}
html[data-theme="light"] .dash-card-bar .term-title { color:#1E1E1E !important; }
html[data-theme="light"] .dash-app-label, html[data-theme="light"] .dash-app-hint { color:#5E5E5E; }
html[data-theme="light"] .vpn-card { color:#111111; }
html[data-theme="light"] .vpn-card .vpn-step, html[data-theme="light"] .vpn-card .vpn-sheet { background:#F6F6F6; border-color:#E3E3E3; }
:where(html:not([data-theme="light" i]) .vpn-card .vpn-step),:where(html:not([data-theme="light" i]) .vpn-card .vpn-sheet){border-color:rgba(255,255,255,0.12)}
html[data-theme="light"] .vpn-card .vpn-step svg { stroke:#111111; }
html[data-theme="light"] .vpn-card .vpn-step svg [fill="#fff"] { fill:#111111; }
html[data-theme="light"] .vpn-card .vpn-url { background:#FFFFFF; box-shadow:inset 0 0 0 1px #E3E3E3; }
html[data-theme="light"] .vpn-card .vpn-url .l { color:#4F4F4F; opacity:1; }
html[data-theme="light"] .vpn-card .vpn-copy { background:#FFF1EF; }
html[data-theme="light"] .vpn-card .vpn-copy:hover { background:#FFE4E0; }
html[data-theme="light"] .vpn-card .vpn-status .upd { background:#F1F1F1; }
html[data-theme="light"] .vpn-card .vpn-err { background:#FFF1EF; }
html[data-theme="light"] .vpn-apps .dash-app-btn { background:#FFFFFF; border-color:#D8D8D8; color:#111111; }
:where(html:not([data-theme="light" i]) .vpn-apps .dash-app-btn){border-color:rgba(255,255,255,0.12)}
html[data-theme="light"] .vpn-apps .dash-app-btn:hover { background:#FFF5F4; border-color:#E5231B; }
:where(html:not([data-theme="light" i]) .vpn-apps .dash-app-btn:hover){border-color:#FF4433}
html[data-theme="light"] .switch input:not(:checked) + .slider { background:#8A8A8A; }
html[data-theme="light"] .session-current-badge { color:#0E6B34; background:#E8F6EE; border-color:#9BD3B1; }
:where(html:not([data-theme="light" i]) .session-current-badge){border-color:rgba(255,255,255,0.12)}
html[data-theme="light"] .dash-danger-panel { background:#FFF5F4; }
html[data-theme="light"] .dash-danger-panel h3 { color:#B81B14; }
html[data-theme="light"] .ref-invited-status.rewarded { color:#12803F; }
html[data-theme="light"] .ref-invited-email, html[data-theme="light"] .topup-card .tu-row b { color:#111111; }
html[data-theme="light"] .ck-methods button { background:#FFFFFF !important; border-color:#D8D8D8 !important; color:#3A3A3A !important; }
:where(html:not([data-theme="light" i]) .ck-methods button){border-color:rgba(255,255,255,0.12)}
html[data-theme="light"] .ck-methods button.on { background:#FFF5F4 !important; border-color:#E5231B !important; color:#111111 !important; }
:where(html:not([data-theme="light" i]) .ck-methods button.on){border-color:#FF4433}
html[data-theme="light"] .tools-mz .mz-hero { background:linear-gradient(160deg,#FFF1EF,#FFFFFF); border-color:#F2B8B3; }
:where(html:not([data-theme="light" i]) .tools-mz .mz-hero){border-color:rgba(255,255,255,0.12)}
html[data-theme="light"] .tools-mz .mz-hero .legend, html[data-theme="light"] .tools-mz .mz-t.soon .nm, html[data-theme="light"] .tools-foot { color:#4F4F4F; }
html[data-theme="light"] .loot-root .l-banner { background:linear-gradient(135deg,#FFF1EF,#FFFFFF); border-color:#F2B8B3; }
:where(html:not([data-theme="light" i]) .loot-root .l-banner){border-color:rgba(255,255,255,0.12)}
html[data-theme="light"] .loot-root .l-banner:hover { border-color:#E5231B; }
:where(html:not([data-theme="light" i]) .loot-root .l-banner:hover){border-color:#FF4433}
html[data-theme="light"] .loot-root .l-banner-t b { color:#111111; }
html[data-theme="light"] .loot-root .l-banner-t span { color:#4F4F4F; }
html[data-theme="light"] .loot-root .l-term { --white:#FFFFFF; --grey:#9A9A9A; --navy:#060607; --navy-light:#140808; --violet:#E5231B; --indigo:#8C0F0F; --turquoise:#FF4433; --hero-gradient:linear-gradient(135deg,#E5231B,#8C0F0F,#FF4433); --lt-l10:rgba(255,255,255,.1); --lt-l12:rgba(255,255,255,.12); --lt-l14:rgba(255,255,255,.14); --lt-l35:rgba(255,255,255,.35); color:#FFFFFF; }
html[data-theme="light"] :where(.loot-root .l-term) :is(p, li, small, b, strong, h1, h2, h3, h4) { color:inherit; }
html[data-theme="light"] :where(.loot-root .l-term) a:not(.btn):not([class*="badge"]):not(.l-btn) { color:inherit; }
html[data-theme="light"] .loot-root .l-term .l-hrow a { color:#FF4433; }
html[data-theme="light"] .loot-root .l-term input:not([type="checkbox"]):not([type="radio"]) { background:rgba(0,0,0,.35) !important; border-color:var(--lt-l14) !important; color:#FFFFFF !important; }
:where(html:not([data-theme="light" i]) .loot-root .l-term input:not([type="checkbox"]):not([type="radio"])){border-color:var(--lt-l14, rgba(255,255,255,.12))}
html[data-theme="light"] .loot-root .l-card { background:#0B0B0D !important; border-color:var(--lt-l10) !important; box-shadow:none !important; }
:where(html:not([data-theme="light" i]) .loot-root .l-card){border-color:var(--lt-l10, rgba(255,255,255,.12))}
html[data-theme="light"] .loot-root .l-gcard { background:#0A0A0C !important; border-color:var(--lt-l12) !important; box-shadow:none !important; }
:where(html:not([data-theme="light" i]) .loot-root .l-gcard){border-color:var(--lt-l12, rgba(255,255,255,.12))}
@media (hover:hover) and (pointer:fine) { html[data-theme="light"] .loot-root .l-gcard:hover { border-color:var(--lt-l35) !important; }
:where(html:not([data-theme="light" i]) .loot-root .l-gcard:hover){border-color:var(--lt-l35, rgba(255,255,255,.12))} }
html[data-theme="light"] .loot-root .l-gcard.on { border-color:#FF4433 !important; }
:where(html:not([data-theme="light" i]) .loot-root .l-gcard.on){border-color:#FF4433}
html[data-theme="light"] .loot-root details.l-rules { background:transparent !important; border-color:var(--lt-l12) !important; box-shadow:none !important; }
:where(html:not([data-theme="light" i]) .loot-root details.l-rules){border-color:var(--lt-l12, rgba(255,255,255,.12))}
html[data-theme="light"] .loot-root .pf { background:rgba(255,255,255,.04) !important; border-color:var(--lt-l10) !important; color:#FFFFFF !important; }
:where(html:not([data-theme="light" i]) .loot-root .pf){border-color:var(--lt-l10, rgba(255,255,255,.12))}
@media (max-width:760px) { html[data-theme="light"] .loot-root .l-term.l-cases { background:#050505; box-shadow:0 0 0 24px #050505; } }
@media (max-width:760px) { html[data-theme="light"] .loot-root .l-cases .l-card { background:none !important; border-color:transparent !important; border-top-color:var(--lt-l10) !important; }
:where(html:not([data-theme="light" i]) .loot-root .l-cases .l-card){border-color:transparent;border-top-color:var(--lt-l10, rgba(255,255,255,.12))} }
@media (max-width:760px) { html[data-theme="light"] .loot-root .l-gcard { background:none !important; } }
@media (max-width:760px) { html[data-theme="light"] .loot-root .l-gcard.on { background:#1B181A !important; } }
.blog-card.has-cover { overflow:hidden; }
.blog-card .card-cover { display:block; margin:-24px -24px 8px; aspect-ratio:12/5; background:rgba(255,255,255,.04); }
.blog-card .card-cover img { display:block; width:100%; height:100%; object-fit:cover; }
.blog-card .card-cover .only-light { display:none; }
html[data-theme="light"] .blog-card .card-cover { background:#F2EEE8; }
html[data-theme="light"] .blog-card .card-cover .only-light { display:block; }
html[data-theme="light"] .blog-card .card-cover .only-dark { display:none; }
html[data-theme="light"] .page-hero + .content-section :is(.why-grid,.tools-grid,.team-grid,.review-grid,.loc-grid,.metric-grid) { width:min(1120px, calc(100vw - 48px)); max-width:none; position:relative; left:50%; transform:translateX(-50%); }
html:not([data-theme="light" i]) .page-hero + .content-section :is(.why-grid,.tools-grid,.team-grid,.review-grid,.loc-grid,.metric-grid){width:min(1120px, calc(100vw - 48px));max-width:none;position:relative;left:50%;transform:translateX(-50%)}
html[data-theme="light"] .page-hero + .content-section .tools-grid { display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:18px; }
html:not([data-theme="light" i]) .page-hero + .content-section .tools-grid{display:grid;grid-template-columns:repeat(3, minmax(0,1fr));gap:18px}
@media (max-width:980px){ html[data-theme="light"] .page-hero + .content-section .tools-grid { grid-template-columns:repeat(2, minmax(0,1fr)); }
html:not([data-theme="light" i]) .page-hero + .content-section .tools-grid{grid-template-columns:repeat(2, minmax(0,1fr))} html[data-theme="light"] .page-hero + .content-section .why-grid { grid-template-columns:repeat(2, minmax(0,1fr)) !important; }
html:not([data-theme="light" i]) .page-hero + .content-section .why-grid{grid-template-columns:repeat(2, minmax(0,1fr)) !important} }
@media (max-width:640px){ html[data-theme="light"] .page-hero + .content-section .tools-grid, html[data-theme="light"] .page-hero + .content-section .why-grid { grid-template-columns:1fr !important; }
html:not([data-theme="light" i]) .page-hero + .content-section .tools-grid,html:not([data-theme="light" i]) .page-hero + .content-section .why-grid{grid-template-columns:1fr !important} }
html[data-theme="light"] .page-hero + .content-section :is(.why-grid,.tools-grid,.team-grid,.review-grid,.loc-grid,.metric-grid) :is(p,li) { font-family:"Golos Text", "Vazirmatn", "Cairo", "Noto Sans SC","PingFang SC","Hiragino Sans GB","Microsoft YaHei", system-ui, sans-serif !important; font-size:15px !important; line-height:1.55 !important; color:#444 !important; }
html:not([data-theme="light" i]) .page-hero + .content-section :is(.why-grid,.tools-grid,.team-grid,.review-grid,.loc-grid,.metric-grid) :is(p,li){font-family:"Golos Text", "Vazirmatn", "Cairo", "Noto Sans SC","PingFang SC","Hiragino Sans GB","Microsoft YaHei", system-ui, sans-serif !important;font-size:15px !important;line-height:1.55 !important}
html[data-theme="light"] .page-hero + .content-section :is(.why-grid,.tools-grid,.team-grid,.review-grid) h3 { font-size:19px !important; line-height:1.3 !important; }
html:not([data-theme="light" i]) .page-hero + .content-section :is(.why-grid,.tools-grid,.team-grid,.review-grid) h3{font-size:19px !important;line-height:1.3 !important}
html[data-theme="light"] .page-hero + .content-section a.tool-card, html[data-theme="light"] .page-hero + .content-section a.tool-card * { text-decoration:none !important; }
html[data-theme="light"] .why-item .num { color:#FFFFFF !important; }
html[data-theme="light"] .tool-answer { color:#2A2A2A !important; }
html[data-theme="light"] .page-reaction-btn .page-reaction-mark, html[data-theme="light"] .page-reaction-btn .page-reaction-label { color:#111 !important; }
html[data-theme="light"] .leak-status.warn span, html[data-theme="light"] .lr-cell.warn, html[data-theme="light"] .review-mock-tag, html[data-theme="light"] .badge-premium { color:#9A5A00 !important; }
html[data-theme="light"] .lr-cell.ok, html[data-theme="light"] .st.no, html[data-theme="light"] .metric .n { color:#12803F !important; }
html[data-theme="light"] .check-card .ok { color:#12803F !important; }
html[data-theme="light"] .mini-terminal-bar .term-title { color:#555 !important; }
html[data-theme="light"] .page-hero + .content-section .tools-grid .tool-card { background:#FFFFFF !important; border:1px solid #1A1A1A !important; border-radius:14px !important; box-shadow:3px 3px 0 #1A1A1A !important; transition:transform .12s, box-shadow .12s, border-color .12s; }
html:not([data-theme="light" i]) .page-hero + .content-section .tools-grid .tool-card{border-width:1px !important;border-style:solid !important;border-radius:14px !important}
:where(html:not([data-theme="light" i]) .page-hero + .content-section .tools-grid .tool-card){border-color:rgba(255,255,255,0.28)}
html[data-theme="light"] .page-hero + .content-section .tools-grid .tool-card:hover { transform:translate(-2px,-2px); box-shadow:5px 5px 0 #E5231B !important; border-color:#E5231B !important; }
html:not([data-theme="light" i]) .page-hero + .content-section .tools-grid .tool-card:hover{transform:translate(-2px,-2px)}
:where(html:not([data-theme="light" i]) .page-hero + .content-section .tools-grid .tool-card:hover){border-color:#FF4433}
html[data-theme="light"] .page-hero + .content-section .tools-grid .tool-card h3 { font-size:18px !important; }
html:not([data-theme="light" i]) .page-hero + .content-section .tools-grid .tool-card h3{font-size:18px !important}
.tchips { display:flex; flex-wrap:wrap; justify-content:center; gap:8px; margin:0 0 12px; }
.tchips a { font:600 13px "Golos Text", "Vazirmatn", "Cairo", "Noto Sans SC","PingFang SC","Hiragino Sans GB","Microsoft YaHei", system-ui, sans-serif; color:var(--white) !important; text-decoration:none !important; border:1px solid rgba(255,255,255,.22); border-radius:999px; padding:7px 14px; background:rgba(255,255,255,.04); transition:border-color .12s, box-shadow .12s; }
.tchips a:hover { border-color:var(--turquoise); }
.tchips a span { font:700 11px "JetBrains Mono", "Vazirmatn", "Cairo", "Noto Sans SC","PingFang SC","Hiragino Sans GB","Microsoft YaHei", monospace; color:#FFFFFF; background:#E5231B; border-radius:999px; padding:1px 7px; margin-inline-start:4px; }
html[data-theme="light"] .page-hero + .content-section .tchips { width:min(1120px, calc(100vw - 48px)); position:relative; left:50%; transform:translateX(-50%); }
html:not([data-theme="light" i]) .page-hero + .content-section .tchips{width:min(1120px, calc(100vw - 48px));position:relative;left:50%;transform:translateX(-50%)}
html[data-theme="light"] .page-hero + .content-section .tchips a { color:#111 !important; border:1px solid #1A1A1A; background:#FFFFFF; box-shadow:2px 2px 0 #1A1A1A; }
html:not([data-theme="light" i]) .page-hero + .content-section .tchips a{border-width:1px;border-style:solid}
:where(html:not([data-theme="light" i]) .page-hero + .content-section .tchips a){border-color:rgba(255,255,255,0.28)}
html[data-theme="light"] .page-hero + .content-section .tchips a:hover { box-shadow:3px 3px 0 #E5231B; border-color:#E5231B; }
:where(html:not([data-theme="light" i]) .page-hero + .content-section .tchips a:hover){border-color:#FF4433}
.article-body .tfig { --tf-bg:#141414; --tf-head:#1C1C1C; --tf-line:#2B2B2B; --tf-text:#EDEDED; --tf-mut:#8E8E8E; --tf-red:#FF4433; --tf-green:#3DDC84; --tf-amber:#FFB347; margin:34px 0 38px; background:var(--tf-bg); border:1px solid var(--tf-line); border-radius:14px; overflow:hidden; text-align:left; }
html[data-theme="light"] .article-body .tfig { --tf-bg:#FAF9F7; --tf-head:#F1EEE9; --tf-line:#E3DED6; --tf-text:#1E1E1E; --tf-mut:#7A7A7A; --tf-red:#D42A1E; --tf-green:#12803F; --tf-amber:#9A5A00; }
.article-body .tfig .tfig-h { display:flex; justify-content:space-between; gap:12px; padding:12px 22px; background:var(--tf-head); border-bottom:1px solid var(--tf-line); color:var(--tf-text); font:700 12px/1.4 "JetBrains Mono", "Vazirmatn", "Cairo", "Noto Sans SC","PingFang SC","Hiragino Sans GB","Microsoft YaHei", monospace; letter-spacing:2px; }
.article-body .tfig .tfig-t::before { content:""; display:inline-block; width:8px; height:8px; margin-inline-end:10px; background:var(--tf-red); vertical-align:1px; }
.article-body .tfig .tfig-n { color:var(--tf-mut); font-weight:500; white-space:nowrap; }
.article-body .tfig pre, html[data-theme="light"] .article-body .tfig pre { display:block; margin:0 !important; padding:22px 24px !important; max-width:none; background:none !important; border:0 !important; border-radius:0 !important; box-shadow:none !important; color:var(--tf-text) !important; font:500 15px/1.75 "JetBrains Mono", "Vazirmatn", "Cairo", "Noto Sans SC","PingFang SC","Hiragino Sans GB","Microsoft YaHei", monospace !important; white-space:pre; overflow-x:auto; -webkit-overflow-scrolling:touch; tab-size:2; }
html:not([data-theme="light" i]) .article-body .tfig pre{display:block;margin:0 !important;padding:22px 24px !important;max-width:none;border:0 !important;border-radius:0 !important;font:500 15px/1.75 "JetBrains Mono", "Vazirmatn", "Cairo", "Noto Sans SC","PingFang SC","Hiragino Sans GB","Microsoft YaHei", monospace !important;white-space:pre;overflow-x:auto}
.article-body .tfig pre .g, .article-body .tfig pre .m { color:var(--tf-mut); }
.article-body .tfig pre .n { color:var(--tf-red); font-weight:700; }
.article-body .tfig pre .ok { color:var(--tf-green); font-weight:700; }
.article-body .tfig pre .bad { color:var(--tf-red); font-weight:700; }
.article-body .tfig pre .warn { color:var(--tf-amber); font-weight:700; }
.article-body .tfig pre mark { background:color-mix(in srgb, var(--tf-red) 16%, transparent); color:inherit; padding:0; }
.article-body .tfig figcaption { margin:0; padding:0 24px 18px; font:400 14px/1.5 "Golos Text", "Vazirmatn", "Cairo", "Noto Sans SC","PingFang SC","Hiragino Sans GB","Microsoft YaHei", system-ui, sans-serif; color:var(--tf-mut); text-align:left; }
@media (max-width:520px) { .article-body .tfig .tfig-h { padding:11px 16px; letter-spacing:1.2px; } .article-body .tfig pre, html[data-theme="light"] .article-body .tfig pre { padding:16px 14px !important; font-size:clamp(10.5px, 2.95vw, 13.5px) !important; }
html:not([data-theme="light" i]) .article-body .tfig pre{padding:16px 14px !important;font-size:clamp(10.5px, 2.95vw, 13.5px) !important} .article-body .tfig figcaption { padding:0 16px 14px; } }
.art-suggest { --as-bg:#141414; --as-head:#1C1C1C; --as-field:#0E0E0E; --as-line:#2B2B2B; --as-text:#EDEDED; --as-mut:#8E8E8E; --as-red:#FF4433; --as-green:#3DDC84; max-width:none; margin:28px 0 0; background:var(--as-bg); border:1px solid var(--as-line); border-radius:14px; overflow:hidden; text-align:left; }
html[data-theme="light"] .art-suggest { --as-bg:#FAF9F7; --as-head:#F1EEE9; --as-field:#FFFFFF; --as-line:#E3DED6; --as-text:#1E1E1E; --as-mut:#6E6E6E; --as-red:#D42A1E; --as-green:#12803F; }
.art-suggest, html[data-theme="light"] .page-hero + .content-section .art-suggest { padding:0 !important; }
html:not([data-theme="light" i]) .page-hero + .content-section .art-suggest{padding:0 !important}
.art-suggest[hidden] { display:none; }
.art-suggest .as-h { display:flex; justify-content:space-between; gap:12px; padding:12px 22px; background:var(--as-head); border-bottom:1px solid var(--as-line); color:var(--as-text); font:700 12px/1.4 "JetBrains Mono", "Vazirmatn", "Cairo", "Noto Sans SC","PingFang SC","Hiragino Sans GB","Microsoft YaHei", monospace; letter-spacing:2px; }
.art-suggest .as-t::before { content:""; display:inline-block; width:8px; height:8px; margin-inline-end:10px; background:var(--as-red); vertical-align:1px; }
.art-suggest .as-n { color:var(--as-mut); font-weight:500; white-space:nowrap; }
.art-suggest .as-form { padding:20px 24px 22px; margin:0; }
.art-suggest .as-lead, html[data-theme="light"] .page-hero + .content-section .art-suggest .as-lead { margin:0 0 18px !important; font:400 17px/1.55 Georgia, "Iowan Old Style", "Vazirmatn", "Cairo", "Noto Sans SC","PingFang SC","Hiragino Sans GB","Microsoft YaHei", serif !important; color:var(--as-text) !important; }
html:not([data-theme="light" i]) .page-hero + .content-section .art-suggest .as-lead{margin:0 0 18px !important;font:400 17px/1.55 Georgia, "Iowan Old Style", "Vazirmatn", "Cairo", "Noto Sans SC","PingFang SC","Hiragino Sans GB","Microsoft YaHei", serif !important}
.art-suggest .as-l { display:block; margin:0 0 6px; font:500 11.5px "JetBrains Mono", "Vazirmatn", "Cairo", "Noto Sans SC","PingFang SC","Hiragino Sans GB","Microsoft YaHei", monospace; letter-spacing:1.5px; text-transform:uppercase; color:var(--as-mut); }
.art-suggest textarea, .art-suggest input, html[data-theme="light"] .page-hero + .content-section .art-suggest :is(textarea, input) { display:block; width:100%; box-sizing:border-box; margin:0; padding:12px 14px; background:var(--as-field) !important; border:1px solid var(--as-line) !important; border-radius:10px !important; color:var(--as-text) !important; font:400 16px/1.45 "Golos Text", "Vazirmatn", "Cairo", "Noto Sans SC","PingFang SC","Hiragino Sans GB","Microsoft YaHei", system-ui, sans-serif; outline:none; transition:border-color .15s, box-shadow .15s; }
html:not([data-theme="light" i]) .page-hero + .content-section .art-suggest :is(textarea, input){display:block;width:100%;box-sizing:border-box;margin:0;padding:12px 14px;border-width:1px !important;border-style:solid !important;border-radius:10px !important;font:400 16px/1.45 "Golos Text", "Vazirmatn", "Cairo", "Noto Sans SC","PingFang SC","Hiragino Sans GB","Microsoft YaHei", system-ui, sans-serif}
:where(html:not([data-theme="light" i]) .page-hero + .content-section .art-suggest :is(textarea, input)){border-color:var(--as-line)}
.art-suggest textarea, html[data-theme="light"] .page-hero + .content-section .art-suggest textarea { min-height:92px; resize:vertical; margin-bottom:16px; }
html:not([data-theme="light" i]) .page-hero + .content-section .art-suggest textarea{min-height:92px;margin-bottom:16px}
.art-suggest textarea::placeholder, .art-suggest input::placeholder { color:var(--as-mut); opacity:.8; }
.art-suggest textarea:focus, .art-suggest input:focus, html[data-theme="light"] .page-hero + .content-section .art-suggest :is(textarea, input):focus { border-color:var(--as-red) !important; box-shadow:0 0 0 3px color-mix(in srgb, var(--as-red) 18%, transparent); }
:where(html:not([data-theme="light" i]) .page-hero + .content-section .art-suggest :is(textarea, input):focus){border-color:var(--as-red)}
.art-suggest .as-row { display:flex; gap:10px; }
.art-suggest .as-row input { flex:1 1 auto; min-width:0; }
.art-suggest .as-btn { flex:none; height:48px; padding:0 22px; border:0; border-radius:10px; background:var(--as-red); color:#FFFFFF; font:700 13px "JetBrains Mono", "Vazirmatn", "Cairo", "Noto Sans SC","PingFang SC","Hiragino Sans GB","Microsoft YaHei", monospace; letter-spacing:1.5px; text-transform:uppercase; cursor:pointer; transition:filter .15s, transform .15s; }
.art-suggest .as-btn:hover:not(:disabled) { filter:brightness(1.08); transform:translateY(-1px); }
.art-suggest .as-btn:disabled { opacity:.6; cursor:default; }
.art-suggest .as-msg, html[data-theme="light"] .page-hero + .content-section .art-suggest .as-msg { margin:12px 0 0 !important; font:500 14px/1.45 "Golos Text", "Vazirmatn", "Cairo", "Noto Sans SC","PingFang SC","Hiragino Sans GB","Microsoft YaHei", system-ui, sans-serif !important; color:var(--as-mut) !important; }
html:not([data-theme="light" i]) .page-hero + .content-section .art-suggest .as-msg{margin:12px 0 0 !important;font:500 14px/1.45 "Golos Text", "Vazirmatn", "Cairo", "Noto Sans SC","PingFang SC","Hiragino Sans GB","Microsoft YaHei", system-ui, sans-serif !important}
.art-suggest .as-msg:empty { display:none; }
.art-suggest .as-msg.ok, html[data-theme="light"] .page-hero + .content-section .art-suggest .as-msg.ok { color:var(--as-green) !important; }
.art-suggest .as-msg.bad, html[data-theme="light"] .page-hero + .content-section .art-suggest .as-msg.bad { color:var(--as-red) !important; }
@media (max-width:520px) { .art-suggest .as-h { padding:11px 16px; letter-spacing:1.2px; } .art-suggest .as-n { display:none; } .art-suggest .as-form { padding:16px; } .art-suggest .as-row { flex-direction:column; } .art-suggest .as-btn { width:100%; } }
.art-author { display:flex; align-items:center; gap:12px; }
.art-author .art-date { margin-top:5px; white-space:nowrap; letter-spacing:1px; font-size:11.5px; }
.art-ava { flex:none; width:44px; height:44px; border-radius:50%; background:#FFFFFF; box-shadow:0 0 0 1px rgba(128,128,128,.35); }
.page-reaction.rx-v1 { --rx-bg:#141414; --rx-head:#1C1C1C; --rx-line:#2B2B2B; --rx-text:#EDEDED; --rx-mut:#8E8E8E; --rx-red:#FF4433; --rx-fill:#E5231B; --rx-fill-hi:#FF3B2F; --rx-green:#3DDC84; display:block; max-width:none; margin:48px 0 0; padding:0; gap:0; text-align:start; background:var(--rx-bg); border:1px solid var(--rx-line); border-radius:14px; overflow:hidden; }
.page-reaction.rx-v1[hidden] { display:none; }
.page-reaction.rx-v1 .rx-h { display:flex; justify-content:space-between; gap:12px; padding:12px 22px; background:var(--rx-head); border-bottom:1px solid var(--rx-line); color:var(--rx-text); font:700 12px/1.4 "JetBrains Mono", "Vazirmatn", "Cairo", "Noto Sans SC","PingFang SC","Hiragino Sans GB","Microsoft YaHei", monospace; letter-spacing:2px; text-transform:uppercase; }
.page-reaction.rx-v1 .rx-t::before { content:""; display:inline-block; width:8px; height:8px; margin-inline-end:10px; background:var(--rx-red); vertical-align:1px; }
.page-reaction.rx-v1 .rx-n { color:var(--rx-mut); font-weight:500; white-space:nowrap; }
.page-reaction.rx-v1 .rx-body { display:flex; align-items:center; flex-wrap:wrap; gap:18px 30px; padding:28px 24px 0; }
.page-reaction.rx-v1 .page-reaction-btn { position:relative; display:inline-flex; align-items:center; justify-content:center; gap:14px; min-height:58px; min-width:220px; margin:0; padding:0 30px; border:0; border-radius:12px; background:var(--rx-fill); color:#fff; font:700 15px/1 "JetBrains Mono", "Vazirmatn", "Cairo", "Noto Sans SC","PingFang SC","Hiragino Sans GB","Microsoft YaHei", monospace; letter-spacing:2.5px; text-transform:uppercase; cursor:pointer; box-shadow:inset 0 -3px 0 rgba(0,0,0,.22); transition:background .15s, transform .12s, box-shadow .15s, color .15s; }
.page-reaction.rx-v1 .page-reaction-btn:hover:not(:disabled) { background:var(--rx-fill-hi); color:#fff; transform:translateY(-1px); box-shadow:inset 0 -3px 0 rgba(0,0,0,.22), 0 8px 22px -8px color-mix(in srgb, var(--rx-fill) 70%, transparent); }
.page-reaction.rx-v1 .page-reaction-btn:active:not(:disabled) { transform:translateY(1px); box-shadow:inset 0 -1px 0 rgba(0,0,0,.22); }
.page-reaction.rx-v1 .page-reaction-btn:focus-visible { outline:2px solid var(--rx-red); outline-offset:3px; }
.page-reaction.rx-v1 .page-reaction-mark { font-size:13px; line-height:1; transform:translateY(-1px); color:inherit; }
.page-reaction.rx-v1 .page-reaction-label { color:inherit; }
.page-reaction.rx-v1 .page-reaction-btn:disabled { cursor:default; }
.page-reaction.rx-v1 .page-reaction-btn[aria-pressed="true"] { background:color-mix(in srgb, var(--rx-green) 12%, transparent); color:var(--rx-green); box-shadow:inset 0 0 0 1.5px var(--rx-green); transform:none; }
.page-reaction.rx-v1 .page-reaction-btn[aria-pressed="true"] .page-reaction-mark { font-size:0; width:7px; height:13px; border:solid currentColor; border-width:0 2.5px 2.5px 0; transform:translateY(-2px) rotate(45deg); }
.page-reaction.rx-v1 .rx-tally { display:flex; align-items:center; gap:14px; margin:0; color:var(--rx-mut); }
.page-reaction.rx-v1 .page-reaction-count { font:700 46px/1 "Oswald404", "Oswald", "Vazirmatn", "Cairo", "Noto Sans SC","PingFang SC","Hiragino Sans GB","Microsoft YaHei", sans-serif; color:var(--rx-text); letter-spacing:.5px; }
.page-reaction.rx-v1 .rx-unit, .page-reaction.rx-v1 .rx-first { font:600 12px/1.45 "JetBrains Mono", "Vazirmatn", "Cairo", "Noto Sans SC","PingFang SC","Hiragino Sans GB","Microsoft YaHei", monospace; letter-spacing:1.6px; text-transform:uppercase; max-width:150px; text-wrap:balance; }
.page-reaction.rx-v1 .rx-first { display:none; max-width:190px; }
.page-reaction.rx-v1 .rx-tally:has(.page-reaction-count:empty) .rx-unit { display:none; }
.page-reaction.rx-v1 .rx-tally:has(.page-reaction-count:empty) .rx-first { display:block; }
.page-reaction.rx-v1:has([aria-pressed="true"]) .page-reaction-count { color:var(--rx-green); }
.page-reaction.rx-v1 .rx-note { margin:24px 0 0; padding:14px 24px 16px; border-top:1px dashed var(--rx-line); font:500 13px/1.5 "JetBrains Mono", "Vazirmatn", "Cairo", "Noto Sans SC","PingFang SC","Hiragino Sans GB","Microsoft YaHei", monospace; color:var(--rx-mut); }
.page-reaction.rx-v1 .rx-note::before { content:"$ "; color:var(--rx-red); font-weight:700; }
.page-reaction.rx-v1 .rx-done { display:none; }
.page-reaction.rx-v1:has([aria-pressed="true"]) .rx-idle { display:none; }
.page-reaction.rx-v1:has([aria-pressed="true"]) .rx-done { display:inline; color:var(--rx-green); }
.page-reaction.rx-v1:has([aria-pressed="true"]) .rx-note::before { color:var(--rx-green); }
html[data-theme="light"] .page-reaction.rx-v1 { --rx-bg:#FAF9F7; --rx-head:#F1EEE9; --rx-line:#E3DED6; --rx-text:#1E1E1E; --rx-mut:#6E6A64; --rx-red:#D42A1E; --rx-fill:#E5231B; --rx-fill-hi:#CF1D15; --rx-green:#12803F; }
html[data-theme="light"] .page-reaction.rx-v1 .page-reaction-btn .page-reaction-mark, html[data-theme="light"] .page-reaction.rx-v1 .page-reaction-btn .page-reaction-label { color:inherit !important; }
@media (max-width:520px) {
  .page-reaction.rx-v1 { margin-top:36px; }
  .page-reaction.rx-v1 .rx-h { padding:11px 16px; letter-spacing:1.2px; }
  .page-reaction.rx-v1 .rx-body { padding:20px 16px 0; gap:18px; }
  .page-reaction.rx-v1 .page-reaction-btn { width:100%; min-height:56px; }
  .page-reaction.rx-v1 .rx-note { margin-top:20px; padding:12px 16px 14px; font-size:12px; }
}
@media (prefers-reduced-motion:reduce) { .page-reaction.rx-v1 .page-reaction-btn { transition:none; transform:none !important; } }
body:has(.article-body) > header .header-cta a.btn-gradient:not([href*="dashboard.html"]), body:has(.blog-grid) > header .header-cta a.btn-gradient:not([href*="dashboard.html"]) { display:none !important; }
.art-rail { position:fixed; top:0; left:0; right:0; height:3px; z-index:60; pointer-events:none; }
.art-rail i { display:block; height:100%; background:#FF4433; transform:scaleX(0); transform-origin:0 50%; }
html[data-theme="light"] .art-rail i { background:#E5231B; }
.art-mhead { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px 16px; margin:0 0 26px; padding:0 0 16px; border-bottom:1px solid rgba(128,128,128,.25); }
.art-mhead .art-share { margin:0; }
.art-mhead .art-ava { width:40px; height:40px; }
@media (min-width:1100px) { .art-mhead { display:none; } }
@media (max-width:420px) { body>header .theme-btn, body>header .hdr-lang-btn { width:40px !important; height:40px !important; border-radius:12px !important; } body>header .burger { width:40px; height:40px; } }
@media (max-width:1100px) { html.art-page body>header .theme-btn, html.art-page body>header .hdr-lang-btn, html.art-page body>header .burger { width:54px !important; height:44px !important; border-radius:12px !important; } html.art-page body>header .header-cta { gap:8px; } html.art-page body>header .logo { font-size:18px !important; gap:9px !important; } html.art-page body>header .logo .mark, html.art-page body>header .logo .mark-lg { width:42px !important; height:42px !important; } }
@media (max-width:370px) { html:not(.art-page) body>header .theme-btn, html:not(.art-page) body>header .hdr-lang-btn, html:not(.art-page) body>header .burger { width:37px !important; height:38px !important; } }
@media (max-width:480px) { html.art-page body>header .header-cta a.btn-gradient[href*="dashboard.html"] { display:inline-flex; align-items:center; justify-content:center; flex:0 0 auto; width:44px; height:44px; min-width:0; padding:0 !important; font-size:0 !important; border-radius:12px; } html.art-page body>header .header-cta a.btn-gradient[href*="dashboard.html"]::before { content:""; width:20px; height:20px; background:#FFFFFF; -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4.5 20c1.4-3.7 4.3-5.6 7.5-5.6s6.1 1.9 7.5 5.6'/%3E%3C/svg%3E") center/contain no-repeat; mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4.5 20c1.4-3.7 4.3-5.6 7.5-5.6s6.1 1.9 7.5 5.6'/%3E%3C/svg%3E") center/contain no-repeat; } html.art-page body>header:has(a.btn-gradient[href*="dashboard.html"]) .theme-btn, html.art-page body>header:has(a.btn-gradient[href*="dashboard.html"]) .hdr-lang-btn, html.art-page body>header:has(a.btn-gradient[href*="dashboard.html"]) .burger { width:44px !important; height:44px !important; } }
@media (max-width:400px) { html.art-page body>header .header-cta a.btn-gradient[href*="dashboard.html"], html.art-page body>header:has(a.btn-gradient[href*="dashboard.html"]) .theme-btn, html.art-page body>header:has(a.btn-gradient[href*="dashboard.html"]) .hdr-lang-btn, html.art-page body>header:has(a.btn-gradient[href*="dashboard.html"]) .burger { width:40px !important; height:40px !important; } html.art-page body>header:has(a.btn-gradient[href*="dashboard.html"]) .header-cta { gap:6px; } }
@media (max-width:359px) { html.art-page body>header:has(a.btn-gradient[href*="dashboard.html"]) .logo { font-size:15px !important; gap:7px !important; } html.art-page body>header:has(a.btn-gradient[href*="dashboard.html"]) .logo .mark, html.art-page body>header:has(a.btn-gradient[href*="dashboard.html"]) .logo .mark-lg { width:34px !important; height:34px !important; } }
@media (max-width:768px) { html:not(.art-page) body>header .theme-btn, html:not(.art-page) body>header .hdr-lang-btn, html:not(.art-page) body>header .burger { width:54px !important; height:44px !important; border-radius:12px !important; } html:not(.art-page) body>header .header-cta { gap:8px; } html:not(.art-page) body>header .logo { font-size:18px !important; gap:9px !important; } html:not(.art-page) body>header .logo .mark, html:not(.art-page) body>header .logo .mark-lg { width:42px !important; height:42px !important; } }
@media (max-width:480px) { html:not(.art-page) body>header .header-cta a.btn-gradient { display:inline-flex; align-items:center; justify-content:center; flex:0 0 auto; width:44px; height:44px; min-width:0; padding:0 !important; font-size:0 !important; border-radius:12px; } html:not(.art-page) body>header .header-cta a.btn-gradient::before { content:""; width:20px; height:20px; background:#FFFFFF; -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4.5 20c1.4-3.7 4.3-5.6 7.5-5.6s6.1 1.9 7.5 5.6'/%3E%3C/svg%3E") center/contain no-repeat; mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4.5 20c1.4-3.7 4.3-5.6 7.5-5.6s6.1 1.9 7.5 5.6'/%3E%3C/svg%3E") center/contain no-repeat; } html:not(.art-page) body:not(:has(.blog-grid, .article-body))>header:has(.header-cta a.btn-gradient) .theme-btn, html:not(.art-page) body:not(:has(.blog-grid, .article-body))>header:has(.header-cta a.btn-gradient) .hdr-lang-btn, html:not(.art-page) body:not(:has(.blog-grid, .article-body))>header:has(.header-cta a.btn-gradient) .burger { width:44px !important; height:44px !important; } }
@media (max-width:374px) { html:not(.art-page) body>header .theme-btn, html:not(.art-page) body>header .hdr-lang-btn, html:not(.art-page) body>header .burger, html:not(.art-page) body>header .header-cta a.btn-gradient { width:40px !important; height:40px !important; } html:not(.art-page) body>header .header-cta { gap:6px; } html:not(.art-page) body>header .logo { font-size:16px !important; gap:7px !important; } html:not(.art-page) body>header .logo .mark, html:not(.art-page) body>header .logo .mark-lg { width:36px !important; height:36px !important; } }
.art-layout .article-body > .article-toc { --toc-bg:#141414; --toc-head:#1C1C1C; --toc-line:#2B2B2B; --toc-text:#EDEDED; --toc-mut:#8E8E8E; --toc-red:#FF4433; counter-reset:toc; display:block; margin:0 0 30px; padding:0; background:var(--toc-bg); border:1px solid var(--toc-line); border-radius:14px; overflow:hidden; }
html[data-theme="light"] .art-layout .article-body > .article-toc { --toc-bg:#FAF9F7; --toc-head:#F1EEE9; --toc-line:#E3DED6; --toc-text:#1E1E1E; --toc-mut:#6E6A64; --toc-red:#D42A1E; }
.art-layout .article-body > .article-toc b, html[data-theme="light"] .page-hero + .content-section .art-layout .article-body > .article-toc b { display:block; margin:0; padding:12px 18px; background:var(--toc-head); border-bottom:1px solid var(--toc-line); color:var(--toc-text) !important; font:700 12px/1.4 "JetBrains Mono", "Vazirmatn", "Cairo", "Noto Sans SC","PingFang SC","Hiragino Sans GB","Microsoft YaHei", monospace !important; letter-spacing:2px; text-transform:uppercase; }
html:not([data-theme="light" i]) .page-hero + .content-section .art-layout .article-body > .article-toc b{display:block;margin:0;padding:12px 18px;border-bottom-width:1px;border-bottom-style:solid;font:700 12px/1.4 "JetBrains Mono", "Vazirmatn", "Cairo", "Noto Sans SC","PingFang SC","Hiragino Sans GB","Microsoft YaHei", monospace !important;letter-spacing:2px;text-transform:uppercase}
:where(html:not([data-theme="light" i]) .page-hero + .content-section .art-layout .article-body > .article-toc b){border-bottom-color:var(--toc-line)}
.art-layout .article-body > .article-toc b::before { content:""; display:inline-block; width:8px; height:8px; margin-inline-end:10px; background:var(--toc-red); vertical-align:1px; }
.art-layout .article-body > .article-toc a, html[data-theme="light"] .page-hero + .content-section .art-layout .article-body > .article-toc a { counter-increment:toc; display:flex; align-items:baseline; gap:14px; margin:0; padding:13px 18px; border:0; border-bottom:1px solid var(--toc-line); border-radius:0; background:none; color:var(--toc-text) !important; font:500 15.5px/1.4 "Golos Text", "Vazirmatn", "Cairo", "Noto Sans SC","PingFang SC","Hiragino Sans GB","Microsoft YaHei", system-ui, sans-serif !important; text-decoration:none !important; }
html:not([data-theme="light" i]) .page-hero + .content-section .art-layout .article-body > .article-toc a{counter-increment:toc;display:flex;align-items:baseline;gap:14px;margin:0;padding:13px 18px;border:0;border-bottom-width:1px;border-bottom-style:solid;border-radius:0;font:500 15.5px/1.4 "Golos Text", "Vazirmatn", "Cairo", "Noto Sans SC","PingFang SC","Hiragino Sans GB","Microsoft YaHei", system-ui, sans-serif !important}
:where(html:not([data-theme="light" i]) .page-hero + .content-section .art-layout .article-body > .article-toc a){border-bottom-color:var(--toc-line)}
.art-layout .article-body > .article-toc a::before { content:counter(toc, decimal-leading-zero); flex:none; min-width:22px; color:var(--toc-red); font:700 12.5px "JetBrains Mono", "Vazirmatn", "Cairo", "Noto Sans SC","PingFang SC","Hiragino Sans GB","Microsoft YaHei", monospace; letter-spacing:1px; }
.art-layout .article-body > .article-toc a:last-child { border-bottom:0; }
.art-layout .article-body > .article-toc a:hover { background:color-mix(in srgb, var(--toc-red) 7%, transparent); }
html[data-theme="light"] .mnav .mnav-cta a.btn-gradient { color:#FFFFFF !important; }
html[data-theme="light"] .cab-toast button.x { color:#9A9A9A !important; }
html[dir="rtl"] .page-hero + .content-section :is(.why-grid,.tools-grid,.team-grid,.review-grid,.loc-grid,.metric-grid), html[dir="rtl"] .page-hero + .content-section .tchips { left:auto; right:50%; transform:translateX(50%); }
html[dir="rtl"] .page-hero h1, html[dir="rtl"] .page-hero + .content-section h2, html[dir="rtl"] .art-layout .article-body h2, html[dir="rtl"] .art-by, html[dir="rtl"] .art-date, html[dir="rtl"] .art-promo-k, html[dir="rtl"] .ab-k:not([dir="ltr"]), html[dir="rtl"] .ab-big:not([dir="ltr"]), html[dir="rtl"] .ab-sub, html[dir="rtl"] .ab-cta, html[dir="rtl"] .ab-url:not([dir="ltr"]), html[dir="rtl"] .dg .h, html[dir="rtl"] .article-body .tfig .tfig-h, html[dir="rtl"] .art-suggest .as-h, html[dir="rtl"] .art-suggest .as-l, html[dir="rtl"] .art-suggest .as-btn, html[dir="rtl"] .page-reaction.rx-v1 .rx-h, html[dir="rtl"] .page-reaction.rx-v1 .page-reaction-btn, html[dir="rtl"] .page-reaction.rx-v1 .rx-unit, html[dir="rtl"] .page-reaction.rx-v1 .rx-first, html[dir="rtl"] .art-layout .article-body > .article-toc b { letter-spacing:0 !important; }
html[dir="rtl"] :is(.art-by, .art-date, .art-promo-k, .art-promo-b, .ab-k, .ab-sub, .ab-cta, .article-body .tfig .tfig-h, .art-suggest .as-h, .art-suggest .as-l, .art-suggest .as-btn, .page-reaction.rx-v1 .rx-h, .page-reaction.rx-v1 .page-reaction-btn, .page-reaction.rx-v1 .rx-unit, .page-reaction.rx-v1 .rx-first, .page-reaction.rx-v1 .rx-note, .art-layout .article-body > .article-toc b, .page-hero + .content-section .art-layout .article-body > .article-toc b):not([dir="ltr"]) { font-family:var(--sans) !important; }
html[dir="rtl"] .art-note, html[dir="rtl"] .art-img figcaption { font-style:normal; }
html[dir="rtl"] .foot-cta-t, html[dir="rtl"] .foot-cta-b { font-family:var(--sans); letter-spacing:0; }
html[dir="rtl"] .article-hero { text-align:right; }
html[dir="rtl"] .article-body .tfig, html[dir="rtl"] .article-body .tfig figcaption, html[dir="rtl"] .art-suggest { text-align:right; }
html[dir="rtl"] .article-body .tfig pre { direction:ltr; text-align:left; }
html[dir="rtl"] .art-banner .ab-logo { right:auto !important; left:14px !important; }
html[dir="rtl"] .art-rail i { transform-origin:100% 50%; }
html[dir="rtl"] .dg svg { direction:ltr; }
html:lang(fa) { --mono:"JetBrains Mono","Vazirmatn","SF Mono","Courier New",monospace; }
.ip-row > span.addr:first-child { flex-shrink:0; max-width:75%; }
.ip-row > span.addr:first-child + .kind { white-space:normal; }
.ip-row > span.addr:first-child, #ipList > .ip-row > .kind:first-child + span.addr { word-break:normal; overflow-wrap:anywhere; }
#ipList > .ip-row > .kind:first-child + span.addr { flex-shrink:0; max-width:calc(100% - 5em); }
@media (max-width:560px) { .ip-row > span.addr:first-child { max-width:60%; } }
.sr-v .who { flex:1 1 0; }
.sr-v .res { white-space:normal; flex-shrink:1; min-width:0; text-align:end; overflow-wrap:anywhere; }
@media (min-width:701px) { .og-row { grid-template-columns:180px 1fr 150px; } }
@media (max-width:700px) { .og-row > .og-name { min-width:auto; } .og-row > .og-state { min-width:0; white-space:normal; } }
.bm-panel { position:relative; display:grid; }
.bm-panel > .bm-tip { grid-row:2; grid-column:1; }
.bm-grid { grid-template-columns:repeat(auto-fill, minmax(min(280px, 100%), 1fr)); }
.cq-out[hidden], .cq-f[hidden], .sp-actions .btn[hidden], .vg-f[hidden] { display:none; }
@media (max-width:340px) { .cq-tab, .cu-tab { padding-left:2px; padding-right:2px; } }
.tx-rows dd { word-break:normal; overflow-wrap:anywhere; }
.sg-card pre, .sg-card code, .bx-card pre { word-break:normal; overflow-wrap:anywhere; }
.bx-card code { overflow-wrap:anywhere; }
.snd-f .nm { word-break:normal; overflow-wrap:anywhere; }
.sg-row input, .bx-row input, .fc-row input, .tc-row input { min-width:0; }
.fc-row .btn, .tc-row .btn { flex:none; }
.fc-chosen > span:not(.sz) { min-width:0; overflow-wrap:anywhere; }
.fc-chosen .sz { flex:none; white-space:nowrap; }
#pwOut .tool-note { overflow-wrap:anywhere; }
html[data-theme="light"] :is(.tc-panel, .nt-panel) code { padding:12px 14px; border-radius:10px; }
html:not([data-theme="light" i]) :is(.tc-panel, .nt-panel) code{padding:12px 14px;border-radius:10px}
html[data-theme="light"] :is(.cq-uri, .snd-panel, .un-final, .vg-linkbox) code { padding:11px 13px; border-radius:10px; }
html:not([data-theme="light" i]) :is(.cq-uri, .snd-panel, .un-final, .vg-linkbox) code{padding:11px 13px;border-radius:10px}
html[data-theme="light"] .fh-sum code { padding:10px 12px; border-radius:8px; }
html:not([data-theme="light" i]) .fh-sum code{padding:10px 12px;border-radius:8px}
html[data-theme="light"] .qs-card code { padding:11px 13px; border-radius:8px; }
html:not([data-theme="light" i]) .qs-card code{padding:11px 13px;border-radius:8px}
@media (max-width:560px) { #ccOut table { display:grid; grid-template-columns:auto minmax(0, 1fr); } #ccOut tbody, #ccOut tr { display:contents; } #ccOut th { white-space:normal; } #ccOut th, #ccOut td.v { border-bottom:0; } #ccOut td.v { word-break:normal; overflow-wrap:break-word; } #ccOut td.m { grid-column:1 / -1; padding-top:0; } }
.content-section p code { overflow-wrap:anywhere; }
.ref-invited-email { min-width:0; overflow-wrap:anywhere; }
#telegramPanel .settings-row { flex-wrap:wrap; }
#telegramPanel .settings-row > :first-child { flex:1 1 110px; }
.loot-root #lOdds { overflow-x:auto; }
.loot-root #lOdds > table.l-odds { margin-top:0; }
@media (max-width:760px) { .wgx .wg-seg small .n:empty::after { content:"\00a0"; } }
@media (max-width:359px) { html:not(.art-page) body:not(:has(.article-body, .blog-grid)) > header .logo { font-size:0 !important; gap:0 !important; } }
@media (max-width:520px) { .dash-login-lang .lang-switch-links { max-width:calc(100vw - 20px) !important; } }
html[lang="ru"] .dash-login-lang .lang-pill::before { background-image:url(/flags/ru.svg); }
html[lang="es"] .dash-login-lang .lang-pill::before { background-image:url(/flags/mx.svg); }
html[lang="tr"] .dash-login-lang .lang-pill::before { background-image:url(/flags/tr.svg); }
html[lang="zh-CN"] .dash-login-lang .lang-pill::before { background-image:url(/flags/cn.svg); }
html[lang="zh-Hant-HK"] .dash-login-lang .lang-pill::before { background-image:url(/flags/hk.svg); }
html[lang="zh-Hant-TW"] .dash-login-lang .lang-pill::before { background-image:url(/flags/tw.svg); }
html[lang="id"] .dash-login-lang .lang-pill::before { background-image:url(/flags/id.svg); }
html[lang="vi"] .dash-login-lang .lang-pill::before { background-image:url(/flags/vn.svg); }
html[lang="pt-BR"] .dash-login-lang .lang-pill::before { background-image:url(/flags/br.svg); }
html[lang="ms"] .dash-login-lang .lang-pill::before { background-image:url(/flags/my.svg); }
html[lang="fr"] .dash-login-lang .lang-pill::before { background-image:url(/flags/fr.svg); }
html[lang="de"] .dash-login-lang .lang-pill::before { background-image:url(/flags/de.svg); }
html[lang="fa"] .dash-login-lang .lang-pill::before, html[lang="ar"] .dash-login-lang .lang-pill::before { display:none; }
html[data-theme="light"] .bm-tip { background:#FFFFFF; border-color:#CFCFCF; color:#111111; box-shadow:0 10px 28px rgba(0,0,0,.14); }
:where(html:not([data-theme="light" i]) .bm-tip){border-color:rgba(255,255,255,0.12)}
html[data-theme="light"] .leak-status.clean, html[data-theme="light"] .cq-check.ok, html[data-theme="light"] .wc-sum.ok, html[data-theme="light"] .tx-rows dd.ok, html[data-theme="light"] .sp-msg.ok, html[data-theme="light"] .sg-card.ok .k, html[data-theme="light"] .bx-card.ok .k { color:#12803F !important; }
html[data-theme="light"] .leak-status.scanning, html[data-theme="light"] .tx-rows dd.wait, html[data-theme="light"] .sg-card.warn .k, html[data-theme="light"] .bx-card.warn .k { color:#9A5A00 !important; }
html[data-theme="light"] .tool-out td.v, html[data-theme="light"] .ip-row .addr { color:#111111; }
html[data-theme="light"] .tool-out th, html[data-theme="light"] .tool-out td { border-bottom-color:#E2E2E2; }
:where(html:not([data-theme="light" i]) .tool-out th),:where(html:not([data-theme="light" i]) .tool-out td){border-bottom-color:rgba(255,255,255,0.12)}
html[data-theme="light"] .tool-out pre { background:#F6F6F6; border-color:#E0E0E0; color:#111111; }
:where(html:not([data-theme="light" i]) .tool-out pre){border-color:rgba(255,255,255,0.12)}
html[data-theme="light"] .tool-output { background:#F6F6F6; }
html[data-theme="light"] .tool-output span { color:#111111; }
html[data-theme="light"] .vg-more summary { color:#111111; }
html[data-theme="light"] .vg-scen button { background:#F6F6F6; border-color:#CFCFCF; color:#3A3A3A; }
:where(html:not([data-theme="light" i]) .vg-scen button){border-color:rgba(255,255,255,0.12)}
html[data-theme="light"] .vg-scen button.on { background:#FFF5F4; border-color:var(--turquoise); }
:where(html:not([data-theme="light" i]) .vg-scen button.on){border-color:var(--turquoise)}
html[data-theme="light"] .su-chip { background:#FFFFFF; border-color:#CFCFCF; color:#111111; }
:where(html:not([data-theme="light" i]) .su-chip){border-color:rgba(255,255,255,0.12)}
html[data-theme="light"] .su-chip:hover { border-color:var(--turquoise); color:#111111; }
:where(html:not([data-theme="light" i]) .su-chip:hover){border-color:var(--turquoise)}
html[data-theme="light"] .su-detail { color:#3A3A3A; }
html[data-theme="light"] .tool-form label:has(#lcAggressive) { color:#3A3A3A !important; }
html[data-theme="light"] .lc-chip.maybe { background:#FFF3E3; color:#9A5A00; }
html[data-theme="light"] .lc-chip.keep { background:#E8F6EE; color:#12803F; }
html[data-theme="light"] #requestDone, html[data-theme="light"] #resetDone p { color:#111111 !important; }
html[data-theme="light"] .auth-tab:not(.active):hover { color:#111111; }
html[data-theme="light"] body > div:has(> div > #tfCode) > div { background:#FFFFFF !important; border-color:#D2D2D2 !important; box-shadow:0 18px 40px rgba(0,0,0,.18); }
:where(html:not([data-theme="light" i]) body > div:has(> div > #tfCode) > div){border-color:rgba(255,255,255,0.12)}
html[data-theme="light"] body > div:has(> div > #tfCode) > div > p { color:#5A5A5A !important; }
html[data-theme="light"] #tvLineA stop, html[data-theme="light"] #tvSpikeB stop, html[data-theme="light"] #tvRingC stop, html[data-theme="light"] #tvSweepB stop, html[data-theme="light"] #tvAreaA stop { stop-color:#111111; }
html[data-theme="light"] #tvAreaA stop:first-child { stop-opacity:.12; }
html[data-theme="light"] .tv-grid line { stroke:rgba(0,0,0,.08); }
html[data-theme="light"] .tv-dot, html[data-theme="light"] .tv-pulse { fill:#111111; filter:none; }
html[data-theme="light"] .tv-ring, html[data-theme="light"] .tv-pulse-ring { stroke:#111111; }
html[data-theme="light"] .tv-base { stroke:rgba(0,0,0,.25); }
html[data-theme="light"] .tv-tick { stroke:rgba(0,0,0,.28); }
html[data-theme="light"] .tv-ring-track { stroke:rgba(0,0,0,.08); }
html[data-theme="light"] .tv-ring-inner { stroke:rgba(0,0,0,.06); }
html[data-theme="light"] .tv-ring-cap { fill:#FFFFFF; stroke:#111111; stroke-width:2; filter:none; }
html[data-theme="light"] .tv-ring-txt { fill:#5A5A5A; }