:root{--color-canvas:#09090b;--color-canvas-alt:#0e0e11;--color-surface:#141417;--color-card:#18181b;--color-text-main:#fafafa;--color-text-muted:#a1a1aa;--color-text-dim:#71717a;--color-border:#ffffff1a;--color-border-hover:#ffffff38;--glass-bg:#101014a3;--glass-bg-subtle:#16161b75;--glass-surface:linear-gradient(135deg, #fff1 0%, #ffffff06 55%, #38bdf808 100%);--glass-surface-hover:linear-gradient(135deg, #ffffff18 0%, #ffffff09 55%, #38bdf80e 100%);--glass-border:#ffffff1c;--glass-border-hover:#ffffff38;--glass-specular-top:#ffffff26;--glass-inner-rim:#ffffff0a;--glass-shadow:0 10px 28px -8px #0000008c, inset 0 1px 0 0 var(--glass-specular-top);--glass-shadow-hover:0 14px 34px -8px #000000ad, inset 0 1px 0 0 #ffffff3d;--glass-blur:14px;--glass-glow:#ffffff0a;--glass-specular:#ffffff14;--btn-primary-bg:#fafafa;--btn-primary-border:#fff;--btn-primary-text:#09090b;--btn-primary-hover-bg:#e4e4e7;--btn-primary-hover-border:#e4e4e7;--btn-secondary-bg:#18181bbf;--btn-secondary-border:#ffffff1f;--btn-secondary-text:#fafafa;--btn-secondary-hover-bg:#3f3f46;--btn-secondary-hover-border:#ffffff40;--primary-500:#38bdf8;--brand-accent:#38bdf8;--accent-cyan:#38bdf8;--accent-emerald:#10b981;--accent-rose:#ef4444;--accent-amber:#f59e0b}html.dark{--color-canvas:#09090b;--color-canvas-alt:#0e0e11;--color-surface:#141417;--color-card:#18181b;--color-text-main:#fafafa;--color-text-muted:#a1a1aa;--color-text-dim:#71717a;--color-border:#ffffff1a;--color-border-hover:#ffffff38;--glass-bg:#101014a3;--glass-bg-subtle:#16161b75;--glass-surface:linear-gradient(135deg, #fff1 0%, #ffffff06 55%, #38bdf808 100%);--glass-surface-hover:linear-gradient(135deg, #ffffff18 0%, #ffffff09 55%, #38bdf80e 100%);--glass-border:#ffffff1c;--glass-border-hover:#ffffff38;--glass-specular-top:#ffffff26;--glass-inner-rim:#ffffff0a;--glass-shadow:0 10px 28px -8px #0000008c, inset 0 1px 0 0 var(--glass-specular-top);--glass-shadow-hover:0 14px 34px -8px #000000ad, inset 0 1px 0 0 #ffffff3d;--glass-blur:14px;--glass-glow:#ffffff0a;--btn-primary-bg:#fafafa;--btn-primary-border:#fff;--btn-primary-text:#09090b;--btn-primary-hover-bg:#e4e4e7;--btn-primary-hover-border:#e4e4e7;--brand-accent:#38bdf8}html.light{--color-canvas:#fff;--color-canvas-alt:#f8fafc;--color-surface:#fff;--color-card:#f4f4f5;--color-text-main:#09090b;--color-text-muted:#64748b;--color-text-dim:#94a3b8;--color-border:#0f172a17;--color-border-hover:#0f172a2e;--glass-bg:#ffffffc2;--glass-bg-subtle:#f8fafcad;--glass-surface:linear-gradient(135deg, #ffffffe0 0%, #f8fafcad 60%, #e0f2fe59 100%);--glass-surface-hover:linear-gradient(135deg, #fffffff2 0%, #f8fafcd1 60%, #e0f2fe80 100%);--glass-border:#0f172a17;--glass-border-hover:#0284c747;--glass-specular-top:#fffffff2;--glass-inner-rim:#fff9;--glass-shadow:0 10px 26px -8px #0f172a0f, inset 0 1px 0 0 var(--glass-specular-top);--glass-shadow-hover:0 14px 32px -8px #0f172a1a, inset 0 1px 0 0 #fff;--glass-blur:14px;--glass-glow:#00000008;--btn-primary-bg:#09090b;--btn-primary-border:#09090b;--btn-primary-text:#fff;--btn-primary-hover-bg:#18181b;--btn-primary-hover-border:#18181b;--btn-secondary-bg:#f8fafc;--btn-secondary-border:#e2e8f0;--btn-secondary-text:#09090b;--btn-secondary-hover-bg:#f1f5f9;--btn-secondary-hover-border:#cbd5e1;--brand-accent:#0284c7}.compatibility-marquee-section{background-color:#0000;border:none;padding-top:1.5rem;padding-bottom:1.5rem;position:relative;overflow:hidden}@media (width<=599.98px){.compatibility-marquee-section{display:none}}.compatibility-marquee-section .marquee-header{text-align:center;max-width:40rem;margin:0 auto .625rem}.compatibility-marquee-section .marquee-header .marquee-kicker{text-transform:uppercase;letter-spacing:.12em;color:var(--brand-accent);margin-bottom:.2rem;font-size:.65rem;font-weight:600;display:inline-block}.compatibility-marquee-section .marquee-header .marquee-title{color:var(--color-text-main);letter-spacing:-.02em;text-wrap:balance;margin-bottom:.25rem;font-size:clamp(1.1rem,1.5vw,1.3rem);font-weight:700;line-height:1.25}.compatibility-marquee-section .marquee-header .marquee-subtitle{color:var(--color-text-muted);margin:0;font-size:.8125rem;line-height:1.45}.compatibility-marquee-section .logo-carousel-rail,.compatibility-marquee-section .marquee-slider-container{width:100%;margin:0;padding:.25rem 0;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 6% 94%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 6% 94%,#0000 100%)}.compatibility-marquee-section .logo-carousel-rail .marquee-track,.compatibility-marquee-section .marquee-slider-container .marquee-track{will-change:transform;backface-visibility:hidden;perspective:1000px;align-items:center;gap:2.25rem;width:max-content;animation:75s linear infinite marquee-scroll;display:flex;transform:translate(0,0)}.compatibility-marquee-section .logo-carousel-rail .marquee-track:hover,.compatibility-marquee-section .marquee-slider-container .marquee-track:hover{animation-play-state:paused}.compatibility-marquee-section .logo-carousel-rail .marquee-logo-item,.compatibility-marquee-section .marquee-slider-container .marquee-logo-item{cursor:pointer;opacity:.88;filter:grayscale(.15)brightness(1.05);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;height:72px;padding:0 .75rem;text-decoration:none;transition:transform .25s cubic-bezier(.16,1,.3,1),opacity .25s cubic-bezier(.16,1,.3,1),filter .25s cubic-bezier(.16,1,.3,1);display:flex}.compatibility-marquee-section .logo-carousel-rail .marquee-logo-item:hover,.compatibility-marquee-section .marquee-slider-container .marquee-logo-item:hover{opacity:1;filter:grayscale(0)brightness(1.25)drop-shadow(0 6px 20px #38bdf866);transform:translateY(-2px)scale(1.06)}.compatibility-marquee-section .logo-carousel-rail .marquee-logo-item:focus-visible,.compatibility-marquee-section .marquee-slider-container .marquee-logo-item:focus-visible{outline:2px solid var(--brand-accent);outline-offset:4px;border-radius:8px}.compatibility-marquee-section .logo-carousel-rail .marquee-logo-item .brand-svg,.compatibility-marquee-section .marquee-slider-container .marquee-logo-item .brand-svg{width:auto;max-width:250px;height:56px;transition:transform .25s cubic-bezier(.16,1,.3,1);display:block}.compatibility-marquee-section .marquee-footer-strip{margin-top:.625rem}.compatibility-marquee-section .marquee-footer-strip .footer-note{color:var(--color-text-muted);text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;font-size:.75rem;display:flex}.compatibility-marquee-section .marquee-footer-strip .footer-note .traccar-ref-link{color:var(--brand-accent);text-underline-offset:3px;align-items:center;gap:.3rem;font-weight:700;text-decoration:underline;transition:color .2s;display:inline-flex}.compatibility-marquee-section .marquee-footer-strip .footer-note .traccar-ref-link:hover{color:var(--color-text-main)}@keyframes marquee-scroll{0%{transform:translate(0,0)}to{transform:translate(-50%)}}