@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap");
/* TM_KIT_V1 (15 Oct 2026): the same Tuio-style kit as SimFalcon, in Trackmatic's colours. Loaded LAST in <head>.
   Changes appearance only (font, colour, radius, shadow, button and card styling) - never layout or content. */
:root{--k-ink:#1e293b;--k-navy:#0f172a;--k-muted:#475569;--k-line:#e2e8f0;--k-blue:#0b5ed7;--k-blue2:#1d4ed8;--k-sky:#2563eb;--k-pale:#eff6ff;--k-pale2:#dbeafe;--k-green:#15803d;--k-soft:0 2px 6px rgba(11,34,57,.05),0 12px 28px rgba(11,34,57,.06)}
html body{font-family:Poppins,system-ui,-apple-system,"Segoe UI",sans-serif !important;color:var(--k-ink)}
html body h1,html body h2,html body h3,html body h4{font-family:Poppins,system-ui,sans-serif !important;letter-spacing:-.01em}
html body h1{font-weight:600 !important}html body h2{font-weight:600 !important}html body h3{font-weight:600 !important}
html body :focus-visible{outline:3px solid #f59e0b;outline-offset:2px}
/* header: white bar, dark logo, ink nav */
html body .sf-header,html body header.header,html body .site-header{background:#fff !important;border-bottom:1px solid var(--k-line) !important;box-shadow:none !important}
html body .sf-header .sf-nav a,html body .sf-nav a,html body .nav a,html body .sf-menu-link{color:var(--k-ink) !important;font-weight:500 !important}
html body .sf-header img,html body header.header .logo img,html body .logo img,html body .sf-logo img{filter:brightness(0) saturate(100%) invert(12%) sepia(26%) saturate(1890%) hue-rotate(168deg) brightness(92%) contrast(98%)}
html body .sf-header-phone,html body .phone{color:var(--k-navy) !important;font-weight:600 !important}
/* buttons */
html body .sf-btn,html body .btn,html body .heroBtn,html body .nav-btn,html body .sf-cta,html body .button{border-radius:999px !important;font-weight:600 !important;letter-spacing:.01em}
html body .sf-btn-orange,html body .btn.orange,html body .heroBtnPrimary,html body .sf-btn-primary,html body a.primary,html body .button:not(.button-border),html body .sfq button[type=submit],html body .submit,html body button[type=submit]{background:var(--k-blue) !important;border-color:var(--k-blue) !important;color:#fff !important;box-shadow:0 6px 16px rgba(3,105,161,.22) !important;background-image:none !important;border-radius:999px !important}
html body .sf-btn-orange:hover,html body .btn.orange:hover,html body .heroBtnPrimary:hover,html body .sf-btn-primary:hover,html body .sfq button[type=submit]:hover,html body .submit:hover{background:var(--k-blue2) !important}
html body .sf-btn-green,html body .btn.green,html body .sf-wa-link.sf-btn,html body a.wa.btn,html body .heroBtn.wa{background:#fff !important;border:2px solid var(--k-green) !important;color:var(--k-green) !important;background-image:none !important}
html body .sf-btn-light,html body .btn.light,html body .sf-btn-dark,html body .button-border,html body .ghost{background:#fff !important;border:2px solid var(--k-line) !important;color:var(--k-navy) !important;background-image:none !important}
/* chips, badges, kickers */
html body .sf-chip,html body .chip,html body .badge,html body .tag,html body .pill,html body .hero-badge{border-radius:999px !important;background:#fff !important;border:1px solid var(--k-line) !important;color:var(--k-ink) !important;font-weight:500 !important}
html body .sf-kicker,html body .k,html body .offer-pill{border-radius:999px !important;background:var(--k-pale2) !important;color:var(--k-blue) !important;border:0 !important;font-weight:600 !important}
/* heroes: pale gradient, navy text */

html body .sf-hero::before,html body .hero::before{display:none !important}


/* cards */
html body .sf-card,html body .sf-use-card,html body .card,html body .useCase,html body .trust-item,html body .sf-feature-item,html body .sf-step,html body .sf-model,html body .sf-difference-item,html body .sf-mini-stat,html body .benefit,html body .copy,html body .formcard,html body .sfq-wrap,html body .sf-form{border-radius:22px !important;border-color:var(--k-line) !important;box-shadow:var(--k-soft) !important}
html body .sf-use-card::before{display:none !important}html body .sf-use-card,html body .card{border-top-width:1px !important}
html body .sf-use-icon,html body .sf-icon{border-radius:50% !important;background:var(--k-pale2) !important;color:var(--k-blue) !important}
/* sections */
html body .sf-section-head h2,html body .section-title,html body .heading{color:var(--k-navy) !important}
html body .sf-section-head{text-align:center;margin-left:auto !important;margin-right:auto !important}
/* faq */
html body .sf-faq-item,html body .faq-item,html body .faq details,html body details.faq{border-radius:16px !important;border:1px solid var(--k-line) !important;box-shadow:none !important;background:#fff !important}
/* forms */
html body input[type=text],html body input[type=email],html body input[type=tel],html body input[type=number],html body select,html body textarea{border-radius:14px !important;border:1.5px solid #cbd8e4 !important;font-family:inherit !important}
/* footer: deep navy */
html body .sf-footer,html body footer.footer,html body .site-footer{background:var(--k-navy) !important;color:#fff !important}
html body .sf-footer a,html body footer.footer a{color:#fff !important}
/* accents: orange tints -> pale sky; dark cards/panels -> light */
html body .sf-price-pill,html body .sf-difference-callout,html body .sf-highlight,html body .compat{background:var(--k-pale) !important;background-image:none !important;border-color:#bae6fd !important;color:var(--k-navy) !important}
html body .sf-orange-text{color:var(--k-blue) !important;background:none !important;-webkit-text-fill-color:var(--k-blue) !important}
html body .sf-use-card,html body .sf-dark-point{background:#fff !important;background-image:none !important;color:var(--k-ink) !important}
html body .sf-use-card h3,html body .sf-use-card strong,html body .sf-dark-point strong{color:var(--k-navy) !important}
html body .sf-use-card p,html body .sf-use-card span,html body .sf-dark-point p,html body .sf-dark-point span{color:var(--k-muted) !important}
html body .sf-alarm-stage,html body .sf-gate-stage,html body .sf-camera-stage,html body .sf-stack{background:linear-gradient(160deg,#0b2239,#0c3a5c) !important;border-radius:22px !important}
/* dark feature bands -> pale band, navy text (Tuio keeps dark for the footer only) */
html body .sf-network,html body .sf-section-dark{background:var(--k-pale) !important;background-image:none !important;color:var(--k-ink) !important}
html body .sf-network::before,html body .sf-network::after,html body .sf-section-dark::before,html body .sf-section-dark::after{display:none !important}
html body .sf-network h2,html body .sf-network h3,html body .sf-network strong,html body .sf-section-dark h2,html body .sf-section-dark h3,html body .sf-section-dark strong{color:var(--k-navy) !important}
html body .sf-network p,html body .sf-network li,html body .sf-network small,html body .sf-section-dark p,html body .sf-section-dark li,html body .sf-section-dark small{color:var(--k-muted) !important}
html body .sf-network [class*=step],html body .sf-network [class*=point],html body .sf-section-dark [class*=point],html body .sf-section-dark [class*=item]{background:#fff !important;border-color:var(--k-line) !important;box-shadow:var(--k-soft) !important}
html body .sf-section-dark [class*=num],html body .sf-network [class*=num],html body .sf-step-num,html body .sf-price-eyebrow{background:var(--k-blue) !important;color:#fff !important}
html body .sf-stack [class*=num],html body [class*=stage] [class*=num]{background:var(--k-sky) !important;color:#fff !important}
html body .sf-network span:not([class]),html body .sf-section-dark span:not([class]){color:var(--k-muted) !important}
html body .sf-network svg text,html body .sf-network [class*=caption],html body .sf-network [class*=flow] small{fill:var(--k-muted) !important;color:var(--k-muted) !important;opacity:1 !important}
/* more page families */
html body .sf-header-btn.quote,html body .sf-header-pill.quote,html body .sf-header-pill--quote{background:var(--k-blue) !important;color:#fff !important;border-color:var(--k-blue) !important;border-radius:999px !important;background-image:none !important}
html body .sf-section.dark,html body .panelDark,html body .sf-info-panel,html body .quote-strip,html body .topbar{background:var(--k-pale) !important;background-image:none !important;color:var(--k-ink) !important;border-color:var(--k-line) !important}
html body .sf-info-panel,html body .panelDark{background:#fff !important;border-radius:22px !important;box-shadow:var(--k-soft) !important}
html body .sf-section.dark h2,html body .sf-section.dark h3,html body .sf-section.dark strong,html body .panelDark h2,html body .panelDark h3,html body .panelDark strong,html body .sf-info-panel h2,html body .sf-info-panel h3,html body .sf-info-panel strong,html body .quote-strip strong,html body .quote-strip h2,html body .quote-strip h3{color:var(--k-navy) !important}
html body .sf-section.dark p,html body .sf-section.dark li,html body .sf-section.dark span:not([class]),html body .panelDark p,html body .panelDark li,html body .panelDark span:not([class]),html body .sf-info-panel p,html body .sf-info-panel li,html body .quote-strip p,html body .quote-strip span:not([class]),html body .topbar,html body .topbar a{color:var(--k-muted) !important}
/* contrast fixes after lightening heroes/sections (SF_KIT_V1 pass 2) */
html body .sf-header .sf-header-pill.quote,html body .sf-header .sf-header-btn.quote,html body .sf-header-btn.portal,html body .sf-header-pill.installer,html body .sf-header-pill--installer{background:var(--k-blue) !important;color:#fff !important;border-color:var(--k-blue) !important;background-image:none !important}
html body .sf-header-btn.portal,html body .sf-header-pill.installer{background:#fff !important;color:var(--k-blue) !important;border:2px solid var(--k-blue) !important}
html body .sf-eyebrow,html body .eyebrow{background:var(--k-pale2) !important;color:var(--k-blue) !important;border:0 !important;border-radius:999px !important;background-image:none !important}
html body .sf-btn-outline,html body .heroBtnSecondary{background:#fff !important;color:var(--k-navy) !important;border:2px solid var(--k-line) !important;background-image:none !important}
html body .sf-btn.blue{background:var(--k-blue) !important;color:#fff !important;border-color:var(--k-blue) !important;background-image:none !important}
html body .sf-btn.green,html body a.whatsapp,html body a.btn-whatsapp,html body a.wa:not(.sticky a),html body .heroBtn.wa{background:#fff !important;color:var(--k-green) !important;border:2px solid var(--k-green) !important;background-image:none !important;border-radius:999px !important}
html body a.nav-btn,html body a.enq{background:var(--k-blue) !important;color:#fff !important;border-color:var(--k-blue) !important;border-radius:999px !important;background-image:none !important}
html body button.drop-btn,html body .drop-btn{color:var(--k-ink) !important;background:transparent !important}
/* template pages (CI views): dark/blue hero and callout blocks -> pale cards with navy text */
html body :is(.sf-contact-hero,.sf-coverage-hero,.sf-cta-panel,.sf-case-hero,.sf-callout,.sf-industries-hero,.sf-mid-cta,.sf-local-number-box){background:linear-gradient(180deg,#fff 0%,var(--k-pale) 100%) !important;background-color:var(--k-pale) !important;color:var(--k-ink) !important;border:1px solid var(--k-line) !important}
html body :is(.sf-coverage-hero,.sf-cta-panel,.sf-callout,.sf-industries-hero,.sf-mid-cta,.sf-local-number-box){border-radius:22px !important;box-shadow:var(--k-soft) !important}
html body :is(.sf-contact-hero,.sf-coverage-hero,.sf-cta-panel,.sf-case-hero,.sf-callout,.sf-industries-hero,.sf-mid-cta,.sf-local-number-box)::before,html body :is(.sf-contact-hero,.sf-coverage-hero,.sf-case-hero,.sf-industries-hero)::after{display:none !important}
html body :is(.sf-contact-hero,.sf-coverage-hero,.sf-cta-panel,.sf-case-hero,.sf-callout,.sf-industries-hero,.sf-mid-cta,.sf-local-number-box) :is(h1,h2,h3,h4,h5,h6,strong,b):not(a *){color:var(--k-navy) !important}
html body :is(.sf-contact-hero,.sf-coverage-hero,.sf-cta-panel,.sf-case-hero,.sf-callout,.sf-industries-hero,.sf-mid-cta,.sf-local-number-box) :is(p,li,small,label,em,div,span):not(a *):not(a):not([class*=btn]){color:var(--k-muted) !important}
html body :is(.sf-contact-hero,.sf-coverage-hero,.sf-case-hero,.sf-industries-hero) a:not([class]){color:var(--k-blue) !important}
html body .sf-contact-hero [class*=card],html body .sf-contact-hero [class*=box],html body .sf-contact-hero [class*=info]{background:#fff !important;border-color:var(--k-line) !important}
/* buttons that were white-on-white once their dark background went */
html body :is(a.sf-hero-btn.whatsapp,a.sf-case-btn.whatsapp,a.sf-btn-outline-white.js-whatsapp,a.sf-cta.wa,a.js-whatsapp[class*=btn]){background:#fff !important;color:var(--k-green) !important;border:2px solid var(--k-green) !important;background-image:none !important;border-radius:999px !important}
html body :is(a.sf-cta.call,a.sf-case-btn.ghost,a.sf-btn-outline-white:not(.js-whatsapp)){background:#fff !important;color:var(--k-navy) !important;border:2px solid var(--k-line) !important;background-image:none !important;border-radius:999px !important}
html body :is(a.sf-hero-btn:not(.whatsapp),a.sf-case-btn.primary){background:var(--k-blue) !important;color:#fff !important;border-color:var(--k-blue) !important;background-image:none !important;border-radius:999px !important}
html body .sf-explain-kicker,html body .sf-case-kicker,html body .sf-local-number-tag{background:var(--k-pale2) !important;color:var(--k-blue) !important;border-radius:999px !important}
html body .sf-warning-box strong{color:var(--k-navy) !important}
html body a.sf-btn.sf-btn-blue,html body a.sf-btn-blue.sf-btn-blue,html body a.sf-case-btn.sf-case-btn.primary{background:var(--k-blue) !important;background-image:none !important;color:#fff !important;border-color:var(--k-blue) !important;border-radius:999px !important}
html body a.sf-case-btn.sf-case-btn:not(.primary):not(.whatsapp){background:#fff !important;background-image:none !important;color:var(--k-navy) !important;border:2px solid var(--k-line) !important;border-radius:999px !important}
/* ---- simfalcon.com (UK) class family ---- */
html body .sfBtn{border-radius:999px !important;font-weight:600 !important;background-image:none !important}
html body .sfBtn.sfBtnPrimary,html body a.sfBtnPrimary{background:var(--k-blue) !important;border-color:var(--k-blue) !important;color:#fff !important;box-shadow:0 6px 16px rgba(3,105,161,.22) !important}
html body .sfBtn.sfBtnPrimary:hover{background:var(--k-blue2) !important}
html body .sfBtn.sfBtnOutline,html body .sfBtn.sfBtnSecondary,html body .sfBtn.sfBtnGhost{background:#fff !important;border:2px solid var(--k-line) !important;color:var(--k-navy) !important}
html body .sfBtn.sfBtnWhatsApp,html body .sfBtn[href*="wa.me"]{background:#fff !important;border:2px solid var(--k-green) !important;color:var(--k-green) !important}
html body :is(.sfKicker,.sfEyebrow,.sfRouteTag,.sfAppTag,.sfBadge,.sfPill){background:var(--k-pale2) !important;color:var(--k-blue) !important;border-color:transparent !important;border-radius:999px !important}
html body :is(.sfAccent,.sfDifferenceClaim,.sfAppLink){color:var(--k-blue) !important;border-color:#bae6fd !important;-webkit-text-fill-color:var(--k-blue) !important;background-image:none !important}
html body .sfStepNo{background:var(--k-pale2) !important;color:var(--k-blue) !important;border-radius:50% !important}
html body :is(.sfHeroCard,.sfCtaBand,.ctaBand,.sfx-card,.sfDarkPanel,.sfDark){background:#fff !important;background-image:none !important;color:var(--k-ink) !important;border:1px solid var(--k-line) !important;border-radius:22px !important;box-shadow:var(--k-soft) !important}
html body :is(.sfCtaBand,.ctaBand){background:var(--k-pale) !important}
html body :is(.sfHeroCard,.sfCtaBand,.ctaBand,.sfx-card,.sfDarkPanel,.sfDark) :is(h1,h2,h3,h4,strong,b):not(a *){color:var(--k-navy) !important}
html body :is(.sfHeroCard,.sfCtaBand,.ctaBand,.sfx-card,.sfDarkPanel,.sfDark) :is(p,li,span,small,div,em):not(a *):not(a):not([class*=Btn]):not([class*=btn]){color:var(--k-muted) !important}
html body :is(.sfHero,.sfPageHero,.hero){background:linear-gradient(180deg,#fff 0%,var(--k-pale) 100%) !important}
html body :is(.sfCard,.sfRouteCard,.sfAppCard,.sfStep,.sfFeature,.sfPlanCard,.card){border-radius:22px !important;border-color:var(--k-line) !important;box-shadow:var(--k-soft) !important}
html body :is(.sfSection h2,.sfSectionHead h2,.sfHero h1){color:var(--k-navy) !important}
html body a.sfBtn.sfBtnOutline.sfBtnOutline,html body main a.sfBtn.sfBtnOutline{background:#fff !important;border:2px solid var(--k-line) !important;color:var(--k-navy) !important}
/* homepage pills must stay blue (the chip rule above also matches .pill) */
html body .tv .pill,html body .tv a.pill{background:var(--k-blue) !important;color:#fff !important;border:0 !important;box-shadow:0 6px 16px rgba(3,105,161,.22) !important}
html body .tv .pill:hover{background:var(--k-blue2) !important}
/* UK top bar -> slim pale bar; red dot and red tints -> blue */
html body .sfSiteTopbar{background:var(--k-pale) !important;color:var(--k-navy) !important;border-bottom:1px solid var(--k-line) !important}
html body .sfSiteTopbar a,html body .sfSiteTopbar span,html body .sfSiteTopbar strong,html body .sfSiteTopbar div{color:var(--k-navy) !important}
html body .sfDot{background:var(--k-sky) !important;box-shadow:none !important}
html body .sfDifferenceBox{background:#fff !important;background-image:none !important;border-color:var(--k-line) !important;border-radius:22px !important;box-shadow:var(--k-soft) !important}
html body .sfDifferenceClaim{background:var(--k-pale2) !important}
html body .sfDifferenceCard{border-radius:18px !important;border-color:var(--k-line) !important}
html body .tv .hero .sfH1,html body .tv .hero .sfLead,html body .tv .hero .sub{text-align:center !important;margin-left:auto !important;margin-right:auto !important}
html body .sfH1Price{color:var(--k-blue) !important}
html body :is(.sfCTA,.sfCta){background:var(--k-pale) !important;background-image:none !important;color:var(--k-ink) !important;border:1px solid var(--k-line) !important;border-radius:22px !important}
html body :is(.sfCTA,.sfCta) :is(h1,h2,h3,strong,b):not(a *){color:var(--k-navy) !important}
html body :is(.sfCTA,.sfCta) :is(p,li,span,small):not(a *):not([class*=Btn]):not([class*=btn]){color:var(--k-muted) !important}
html body a.btn.btn-primary{background:var(--k-blue) !important;border-color:var(--k-blue) !important;color:#fff !important;background-image:none !important;border-radius:999px !important}
html body a.btn.btn-secondary{background:#fff !important;border:2px solid var(--k-line) !important;color:var(--k-navy) !important;background-image:none !important;border-radius:999px !important}
/* ---- simfalcon.de / .fr / .es families ---- */
html body :is(.comparison-box.strong,.cta-box,.band,.footer-cta){background:var(--k-pale) !important;background-image:none !important;color:var(--k-ink) !important;border:1px solid var(--k-line) !important;border-radius:22px !important}
html body section.footer-cta{border-radius:0 !important;border-width:1px 0 !important}
html body :is(.comparison-box.strong,.cta-box,.band,.footer-cta) :is(h1,h2,h3,h4,strong,b):not(a *){color:var(--k-navy) !important}
html body :is(.comparison-box.strong,.cta-box,.band,.footer-cta) :is(p,li,span,small,div):not(a *):not(a):not([class*=btn]):not([class*=Btn]){color:var(--k-muted) !important}
html body .device-screen{background:linear-gradient(160deg,#0b2239,#0c3a5c) !important}
html body .hero-panel .mini-list a{background:var(--k-pale) !important;color:var(--k-navy) !important;border-color:var(--k-line) !important}
html body .hero-panel .trust-note{background:var(--k-pale) !important;color:var(--k-muted) !important}
html body .hero-panel :is(h2,h3,strong){color:var(--k-navy) !important}html body .hero-panel p{color:var(--k-muted) !important}

/* ---- Trackmatic families ---- */
html body :is(.tm-btn,.tm-button,.tm-cta,.btn-primary,.tm-footer-button){border-radius:999px !important;font-weight:600 !important;background-image:none !important}
html body :is(.tm-btn.primary,.tm-btn-primary,.tm-btn:not(.secondary):not(.ghost):not(.outline),.btn-primary,.tm-cta-primary){background:var(--k-blue) !important;border-color:var(--k-blue) !important;color:#fff !important}
html body :is(.tm-btn.secondary,.tm-btn.ghost,.tm-btn.outline,.tm-btn-secondary,.btn-outline-primary){background:#fff !important;border:2px solid var(--k-line) !important;color:var(--k-navy) !important}
html body :is(.tm-btn,.tm-footer-button)[href*="wa.me"],html body .tm-footer-button-whatsapp,html body .tm-nav-mobile-whatsapp{background:#fff !important;border:2px solid var(--k-green) !important;color:var(--k-green) !important}
html body :is(.tm-card,.tm-feature,.tm-plan,.tm-step,.tm-panel,.card){border-radius:22px !important;border-color:var(--k-line) !important;box-shadow:var(--k-soft) !important}
html body :is(.tm-eyebrow,.tm-kicker,.tm-badge,.tm-pill,.tm-tag){border-radius:999px !important;background:var(--k-pale2) !important;color:var(--k-blue) !important;border-color:transparent !important}
html body :is(.tm-ie-header,.tm-header){background:#fff !important;border-bottom:1px solid var(--k-line) !important;box-shadow:none !important}
html body :is(.tm-ie-nav,.tm-main-nav) a:not([class*=btn]){color:var(--k-ink) !important;font-weight:500 !important}
html body .tm-footer,html body .footer_wrapper{background:var(--k-navy) !important}
/* trackmatic.ie: orange accents are not in the logo -> brand blue; dark content blocks -> light (app/phone mock-ups stay dark) */
html body :is(a.tm-cta,a.tmdt-btn.tmdt-btn--primary,button.tm-submit,.tmdt-btn--primary){background:var(--k-blue) !important;border-color:var(--k-blue) !important;color:#fff !important;background-image:none !important;border-radius:999px !important}
html body :is(.tmdt-nav-new,.tmdt-new,.tmdt-offer-tag,.tmdt-app-logo,.tmdt-pulse){background:var(--k-blue) !important;color:#fff !important}
html body :is(.tmdt-eyebrow,.tm-stat-label,.tm-stat-num,.tm-testimonial-mark,.tm-benefit-num,.tm-step-num,.tm-tool-kicker,.tmdt-chip-icon,.tmdt-tool-icon,.tmdt-more){color:var(--k-blue) !important;border-color:#bfdbfe !important}
html body :is(.tm-benefit-num,.tm-step-num){background:var(--k-pale2) !important}
html body .tmdt-offer{border-color:#bfdbfe !important}
/* stronger: red/orange accents -> brand blue (page rules are more specific or use gradient text) */
html body :is(div.tm-stat-num.tm-stat-num,div.tm-step-num.tm-step-num,div.tm-benefit-num.tm-benefit-num,div.tm-testimonial-mark.tm-testimonial-mark,div.tm-products-kicker.tm-products-kicker,div.tm-contact-kicker.tm-contact-kicker,div.tm-contact-icon.tm-contact-icon,div.tm-price.tm-price,p.tmdt-kicker.tmdt-kicker,span.tmdt-tag.tmdt-tag:not(.tmdt-portal *),a.tm-client-link.tm-client-link){color:var(--k-blue) !important;-webkit-text-fill-color:var(--k-blue) !important;background-image:none !important;border-color:#bfdbfe !important}
html body :is(span.tmdt-strip-tag.tmdt-strip-tag,div.tmdt-timeline-bar.tmdt-timeline-bar,div.tmdt-app-cta.tmdt-app-cta){background:var(--k-blue) !important;background-image:none !important;color:#fff !important}
html body div.tmdt-combo.tmdt-combo--all{border-color:var(--k-blue) !important}
html body .footer_wrapper.footer_wrapper{border-color:var(--k-blue) !important}
html body .footer_wrapper a:not(.footer_quote_btn){color:#e2e8f0 !important;border-color:transparent !important}
html body a.footer_quote_btn.footer_quote_btn{background:var(--k-blue) !important;color:#fff !important;border-radius:999px !important;background-image:none !important}
html body .footer_wrapper i.fa,html body .tm-contact i.fa{color:#93c5fd !important}
html body :is(h1,h2,h3) :is(span,em,strong)[class*=accent],html body :is(.tmdt-h1-accent,.tm-accent,.tm-highlight){color:var(--k-blue) !important;-webkit-text-fill-color:var(--k-blue) !important;background-image:none !important}
html body :is(.tmdt-home-copy h2 span,.tm-form-contact a,.tm-usecase a,.tm-ie-logo a){color:var(--k-blue) !important;-webkit-text-fill-color:var(--k-blue) !important}

html body.tm-standalone .header_right :is(p,h3,a){color:#e2e8f0 !important}
html body div.tm-quote-band div.tm-form-card.tm-form-card :is(h2,h3){color:var(--k-navy) !important;-webkit-text-fill-color:var(--k-navy) !important}html body div.tm-quote-band div.tm-form-card.tm-form-card p{color:var(--k-muted) !important;-webkit-text-fill-color:var(--k-muted) !important}
/* trackmatic.co.uk: orange accents -> brand blue */
html body :is(a.tm-header-quote.tm-header-quote,a.nav-link.tm-login-btn,button.tm-submit-button,button.tm-quote-submit,a.tm-pricing-action.tm-pricing-action-primary,a.tm-plan-button,span.tm-plan-badge){background:var(--k-blue) !important;background-image:none !important;border-color:var(--k-blue) !important;color:#fff !important;border-radius:999px !important}
html body a.nav-link.tm-login-btn{background:#fff !important;color:var(--k-blue) !important;border:2px solid var(--k-blue) !important}
html body :is(.tm-main-nav a.nav-link,.tm-main-nav a.nav-link.dropdown-toggle):not(.tm-login-btn){color:var(--k-ink) !important}
html body :is(.tm-main-nav a.nav-link.active,.tm-main-nav a.nav-link:hover){color:var(--k-blue) !important}
html body footer.tm-footer.tm-footer{border-color:var(--k-blue) !important}
html body :is(figure.tm-testimonial,article.tm-plan-card.tm-plan-card-featured){border-color:#bfdbfe !important}
/* trackmatic.co.uk round 2 */
html body a[class*="action-primary"]{background:var(--k-blue) !important;background-image:none !important;border-color:var(--k-blue) !important;color:#fff !important;border-radius:999px !important;text-decoration:none !important}
html body a[class*="whatsapp"]:not([class*=Journey]):not([class*=float]):not([class*=bubble]):not([class*=fab]):not([class*=fixed]){background:#fff !important;background-image:none !important;color:var(--k-green) !important;border:2px solid var(--k-green) !important;border-radius:999px !important;text-decoration:none !important}
html body section.cta.cta :is(h2,h3){color:#fff !important}html body section.cta.cta p{color:#cbd5e1 !important}
html body section.cta.cta a:first-of-type{background:var(--k-blue) !important;color:#fff !important;text-decoration:none !important;border-radius:999px !important;border-color:var(--k-blue) !important}
html body section.cta.cta a:not(:first-of-type){background:#fff !important;color:var(--k-navy) !important;text-decoration:none !important;border-radius:999px !important}
html body header.tm-header a[href^="tel:"]{color:var(--k-navy) !important}
html body :is(.tm-pricing-hero,.tm-hero,.tm-cta-final) a[href^="tel:"]:not([class*="btn"]){color:#bfdbfe !important}
html body :is(.tm-pricing-hero,.tm-hero,.tm-cta-final) :is(.tm-form-card,.tm-quote-panel,.tm-install-panel,.getQuoteFormArea,.con_form,.tm-price-panel) a[href^="tel:"]{color:var(--k-blue) !important}
html body .tm-pricing-hero :is(.eyebrow,[class*=eyebrow]){color:var(--k-blue) !important}
html body .tm-pricing-hero :is(.tm-price,.tm-price-amount,[class*=price-value],[class*=price-big]){color:var(--k-blue) !important;-webkit-text-fill-color:var(--k-blue) !important}
/* existing bugs from trackmatic-redesign-v2.css: all headings forced dark (dark-on-dark rental hero) and a slate "soft" section */
html body section.tm-rental-hero :is(h1,h2,h3){color:#fff !important}
html body section.tm-section-soft{background:var(--k-pale) !important}
html body a.nav-link.tm-login-btn.tm-login-btn{background:#fff !important;background-image:none !important;color:var(--k-blue) !important;border:2px solid var(--k-blue) !important;box-shadow:none !important}
html body footer a.tm-footer-button.tm-footer-button-whatsapp{background:#fff !important;background-image:none !important;color:var(--k-green) !important;border:2px solid var(--k-green) !important}
html body div.eyebrow.eyebrow{color:var(--k-blue) !important}
html body :is(.tm-pricing-page,.tm-pricing-hero) div.eyebrow.eyebrow.eyebrow{color:var(--k-blue) !important}
html body section.tm-cta-band :is(h2,h3){color:#fff !important}html body section.tm-cta-band p{color:#cbd5e1 !important}
/* trackmatic.co.nz / .es / .pt accents -> brand blue */
html body :is(span.tm-price-badge,.tm-icon-badge){background:var(--k-pale2) !important;color:var(--k-blue) !important;border-color:#bfdbfe !important}
html body div.tm-price-card.is-featured{border-color:var(--k-blue) !important}
html body div.tm-cta-band.tm-cta-band{background:var(--k-blue) !important;background-image:none !important}
html body div.tm-cta-band.tm-cta-band :is(h2,h3,p,strong,span:not([class])){color:#fff !important}
html body :is(button.bg-color,.bg-color.btn,a.button.button-rounded:not(.button-border)){background:var(--k-blue) !important;background-image:none !important;border-color:var(--k-blue) !important;color:#fff !important;border-radius:999px !important}
html body a.btn.alt{color:var(--k-blue) !important;border-color:var(--k-blue) !important;background:#fff !important;border-radius:999px !important}
html body a.btn:not(.alt):not([class*=whatsapp]):not(.btn-secondary):not(.btn-outline){background:var(--k-blue) !important;border-color:var(--k-blue) !important;color:#fff !important;border-radius:999px !important;background-image:none !important}
/* trackmatic.es / .pt (Canvas theme) */
html body .color,html body a.more-link{color:var(--k-blue) !important}
html body li.button-menu a.menu-link{background:var(--k-blue) !important;color:#fff !important;border-radius:999px !important}
html body :is(a.button,a.tm-footer-button)[href*="wa.me"]{background:#fff !important;background-image:none !important;color:var(--k-green) !important;border:2px solid var(--k-green) !important;border-radius:999px !important}
/* trackmatic.es: cyan theme blocks -> Trackmatic blue with white text; ID-scoped footer button; eyebrow on dark */
html body div.block-hero-20{background:linear-gradient(135deg,#0b5ed7,#1d4ed8) !important}
html body div.block-hero-20 .contact-quick :is(h1,h2,h3,p,span,strong){color:#fff !important}
html body div.block-hero-20 span.trust-pill{background:rgba(255,255,255,.16) !important;border-color:rgba(255,255,255,.35) !important}
html body #footer a.tm-footer-button[href*="wa.me"]{background:#fff !important;background-image:none !important;color:var(--k-green) !important;border:2px solid var(--k-green) !important}
html body span.tm-about-eyebrow.tm-about-eyebrow{color:#93c5fd !important}
html body div.block-hero-20 .contact-quick :is(h4,h5,a,div){color:#fff !important}
html body section.tm-pricing-hero a.button.button-light{background:transparent !important;color:#fff !important;border:2px solid rgba(255,255,255,.7) !important}
html body .tm-form-card span.text-uppercase{color:var(--k-blue) !important}
html body span.tm-about-eyebrow.tm-about-eyebrow{background:var(--k-pale2) !important;color:var(--k-blue) !important;border-radius:999px !important;padding:4px 12px !important;display:inline-block}
html body section span.text-uppercase.fw-bold[style*="color"],html body span.text-uppercase.fw-bold{color:var(--k-blue) !important}
html body a.cta:not([class*=whatsapp]){background:var(--k-blue) !important;background-image:none !important;color:#fff !important;border-color:var(--k-blue) !important;border-radius:999px !important}
/* trackmatic.ie insurance.php (legacy): form on a see-through blue panel over a photo -> solid white card */
html body div.caption_form{background:rgba(255,255,255,.97) !important;border-radius:22px !important;box-shadow:var(--k-soft) !important}
html body div.caption_form :is(label,h2,h3,strong){color:var(--k-navy) !important}html body div.caption_form p{color:var(--k-muted) !important}
/* trackmatic.ie header: the kit font (Poppins) is wider than Inter - keep the menu and "Request a Demo" on one line */
html body .tm-ie-nav a:not([class*=btn]):not(.tm-cta){font-size:14px !important;padding-left:9px !important;padding-right:9px !important;letter-spacing:0 !important}
@media(max-width:1240px){html body .tm-ie-nav a:not([class*=btn]):not(.tm-cta){font-size:12.5px !important;padding-left:4px !important;padding-right:4px !important}html body .tm-ie-header .tm-cta{padding-left:14px !important;padding-right:14px !important;font-size:13px !important}}
@media(min-width:1000px) and (max-width:1060px){html body .tm-ie-nav a[href$="blog.php"],html body .tm-ie-nav a[href$="our-customers.php"]{display:none !important}}

/* TM_PALE_HEROES (15 Oct 2026): Trackmatic page heroes become pale bands, like every other group site (and the
   Trackmatic homepages). Only text sitting directly on the hero background is recoloured; cards, forms, app previews,
   badges and buttons inside a hero keep their own colours. The homepage-top stylesheet (loaded after this kit,
   with more specific selectors) still wins on the homepages. Photo banners (text on an image) are left as they are. */
:root{--tmh-band:linear-gradient(180deg,#ffffff 0%,#eff6ff 100%);--tmh-ink:#1e293b;--tmh-navy:#0f172a;--tmh-blue:#0b5ed7;--tmh-line:#dbe7f5;--tmh-pale2:#dbeafe}
html:not(#tmh) body :is(div.tm-hero-main,section.tm-hero,section.tmdt-hero,.tm-blog-hero,.tm-blog-index-hero,.tm-about-hero,.tm-pricing-hero,.tm-atex-hero,.tm-contact-hero,.tm-fleet-hero,.tm-partner-hero,.tm-products-hero,.tm-theft-hero,.tm-purchase-hero,.tm-rental-hero,.tm-transport-hero,.tm-demo-hero,.tm-faq-hero){
  background:var(--tmh-band) !important;box-shadow:none !important;border:1px solid var(--tmh-line) !important}
html:not(#tmh) body :is(div.tm-hero-main,section.tm-hero,section.tmdt-hero,.tm-blog-hero,.tm-blog-index-hero,.tm-about-hero,.tm-pricing-hero,.tm-atex-hero,.tm-contact-hero,.tm-fleet-hero,.tm-partner-hero,.tm-products-hero,.tm-theft-hero,.tm-purchase-hero,.tm-rental-hero,.tm-transport-hero,.tm-demo-hero,.tm-faq-hero)::before,
html:not(#tmh) body :is(div.tm-hero-main,section.tm-hero,section.tmdt-hero,.tm-blog-hero,.tm-blog-index-hero,.tm-about-hero,.tm-pricing-hero,.tm-atex-hero,.tm-contact-hero,.tm-fleet-hero,.tm-partner-hero,.tm-products-hero,.tm-theft-hero,.tm-purchase-hero,.tm-rental-hero,.tm-transport-hero,.tm-demo-hero,.tm-faq-hero)::after{opacity:0 !important}
/* text directly on the band */
html:not(#tmh) body :is(div.tm-hero-main,section.tm-hero,section.tmdt-hero,.tm-blog-hero,.tm-blog-index-hero,.tm-about-hero,.tm-pricing-hero,.tm-atex-hero,.tm-contact-hero,.tm-fleet-hero,.tm-partner-hero,.tm-products-hero,.tm-theft-hero,.tm-purchase-hero,.tm-rental-hero,.tm-transport-hero,.tm-demo-hero,.tm-faq-hero)
  :where(h1,h1 *,h2,h3,h4,p,li,dt,dd,small,strong,b,em,i,label,blockquote,time,span,div):not(:is(div.tm-hero-main,section.tm-hero,section.tmdt-hero,.tm-blog-hero,.tm-blog-index-hero,.tm-about-hero,.tm-pricing-hero,.tm-atex-hero,.tm-contact-hero,.tm-fleet-hero,.tm-partner-hero,.tm-products-hero,.tm-theft-hero,.tm-purchase-hero,.tm-rental-hero,.tm-transport-hero,.tm-demo-hero,.tm-faq-hero) :where([class*=card],[class*=mock],[class*=panel],[class*=form],form,[class*=widget],[class*=box],[class*=btn],[class*=button],[class*=badge],[class*=new],[class*=window],[class*=screen],[class*=device],[class*=preview],[class*=quote-],[class*=table],[class*=phone],[class*=visual],[class*=app-],[class*=live]) *):not(:where([class*=card],[class*=mock],[class*=panel],[class*=form],form,[class*=widget],[class*=box],[class*=btn],[class*=button],[class*=badge],[class*=new],[class*=window],[class*=screen],[class*=device],[class*=preview],[class*=quote-],[class*=table],[class*=phone],[class*=visual],[class*=app-],[class*=live])){color:var(--tmh-ink) !important;-webkit-text-fill-color:var(--tmh-ink) !important}
html:not(#tmh) body :is(div.tm-hero-main,section.tm-hero,section.tmdt-hero,.tm-blog-hero,.tm-blog-index-hero,.tm-about-hero,.tm-pricing-hero,.tm-atex-hero,.tm-contact-hero,.tm-fleet-hero,.tm-partner-hero,.tm-products-hero,.tm-theft-hero,.tm-purchase-hero,.tm-rental-hero,.tm-transport-hero,.tm-demo-hero,.tm-faq-hero) :where(h1,h1 *){color:var(--tmh-navy) !important;-webkit-text-fill-color:var(--tmh-navy) !important}
/* plain links on the band */
html:not(#tmh) body :is(div.tm-hero-main,section.tm-hero,section.tmdt-hero,.tm-blog-hero,.tm-blog-index-hero,.tm-about-hero,.tm-pricing-hero,.tm-atex-hero,.tm-contact-hero,.tm-fleet-hero,.tm-partner-hero,.tm-products-hero,.tm-theft-hero,.tm-purchase-hero,.tm-rental-hero,.tm-transport-hero,.tm-demo-hero,.tm-faq-hero)
  a:not(:where([class*=btn],[class*=button],[class*=card],[class*=action],[class*=cta])):not(:is(div.tm-hero-main,section.tm-hero,section.tmdt-hero,.tm-blog-hero,.tm-blog-index-hero,.tm-about-hero,.tm-pricing-hero,.tm-atex-hero,.tm-contact-hero,.tm-fleet-hero,.tm-partner-hero,.tm-products-hero,.tm-theft-hero,.tm-purchase-hero,.tm-rental-hero,.tm-transport-hero,.tm-demo-hero,.tm-faq-hero) :where([class*=card],[class*=mock],[class*=panel],[class*=form],form,[class*=box]) *)
  {color:var(--tmh-blue) !important;-webkit-text-fill-color:var(--tmh-blue) !important}
/* buttons made for a dark background */
html:not(#tmh) body :is(div.tm-hero-main,section.tm-hero,section.tmdt-hero,.tm-blog-hero,.tm-blog-index-hero,.tm-about-hero,.tm-pricing-hero,.tm-atex-hero,.tm-contact-hero,.tm-fleet-hero,.tm-partner-hero,.tm-products-hero,.tm-theft-hero,.tm-purchase-hero,.tm-rental-hero,.tm-transport-hero,.tm-demo-hero,.tm-faq-hero)
  :where([class*=outline-light],[class*=btn-light],.button-light,.tm-btn.ghost,[class*=-ghost],[class*=secondary],[class*=btn-white])
  {background:#fff !important;border:1px solid var(--tmh-line) !important;color:var(--tmh-navy) !important;-webkit-text-fill-color:var(--tmh-navy) !important}
/* kickers and pills on the band */
html:not(#tmh) body :is(div.tm-hero-main,section.tm-hero,section.tmdt-hero,.tm-blog-hero,.tm-blog-index-hero,.tm-about-hero,.tm-pricing-hero,.tm-atex-hero,.tm-contact-hero,.tm-fleet-hero,.tm-partner-hero,.tm-products-hero,.tm-theft-hero,.tm-purchase-hero,.tm-rental-hero,.tm-transport-hero,.tm-demo-hero,.tm-faq-hero)
  :where([class*=kicker],[class*=eyebrow],[class*=pill],[class*=chip],[class*=tag]):not([class*=tagline]):not(:is(div.tm-hero-main,section.tm-hero,section.tmdt-hero,.tm-blog-hero,.tm-blog-index-hero,.tm-about-hero,.tm-pricing-hero,.tm-atex-hero,.tm-contact-hero,.tm-fleet-hero,.tm-partner-hero,.tm-products-hero,.tm-theft-hero,.tm-purchase-hero,.tm-rental-hero,.tm-transport-hero,.tm-demo-hero,.tm-faq-hero) :where([class*=card],[class*=mock],[class*=panel],form) *)
  {background:var(--tmh-pale2) !important;border-color:transparent !important;color:var(--tmh-navy) !important;-webkit-text-fill-color:var(--tmh-navy) !important}