@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap");
/* SF_KIT_V1 (15 Oct 2026): one consistent Tuio-style look for every SimFalcon page. Loaded LAST in <head>.
   Changes appearance only (font, colour, radius, shadow, button and card styling) - never layout or content. */
:root{--k-ink:#1f3348;--k-navy:#0b2239;--k-muted:#4d5f73;--k-line:#e3ecf3;--k-blue:#0369a1;--k-blue2:#075985;--k-sky:#0284c7;--k-pale:#f0f9ff;--k-pale2:#e0f2fe;--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,html body section.hero,html body .hero{background:linear-gradient(180deg,#fff 0%,var(--k-pale) 100%) !important;color:var(--k-ink) !important}
html body .sf-hero::before,html body .hero::before{display:none !important}
html body .sf-hero h1,html body .hero h1{color:var(--k-navy) !important}
html body .sf-hero .sf-lead,html body .hero .lead,html body .hero p,html body .sf-hero p{color:var(--k-muted) !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}
html body header:not(.sf-header):not(.header){background:#fff !important;border-bottom:1px solid var(--k-line) !important}
html body header:not(.sf-header):not(.header) nav a,html body header:not(.sf-header):not(.header) a:not(.btn):not([class*=btn]):not([class*=pill]):not(.enq):not(.wa):not(.whatsapp){color:var(--k-ink) !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 .sf-hero li,html body .sf-hero span:not([class]),html body .hero li,html body .hero span:not([class]),html body .hero h2,html body .hero h3,html body .sf-hero h2,html body .sf-hero h3,html body .hero strong,html body .sf-hero strong{color:var(--k-ink) !important}
html body .hero aside,html body .hero [class*=panel],html body .hero [class*=Panel],html body .sf-hero aside{background:#fff !important;background-image:none !important;border-radius:22px !important;box-shadow:var(--k-soft) !important;border-color:var(--k-line) !important}
html body .sf-section.dark small,html body .sf-section-dark small,html body .sf-section small,html body .hero small{color:var(--k-muted) !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}
/* lightened sfHero/sfPageHero heroes (UK class family, also used by simfalcon.ie/payg-vs-iot-sim): text must follow */
html body :is(.sfHero,.sfPageHero) :is(h1,h2,h3,strong,b):not(a *):not([class*=Btn]){color:var(--k-navy) !important}
html body :is(.sfHero,.sfPageHero) :is(p,li,small,.sfLead,span:not([class])):not(a *){color:var(--k-muted) !important}
html body .heroCard :is(.label,b,strong){color:var(--k-navy) !important}html body .heroCard :is(p,span:not([class]),small){color:var(--k-muted) !important}
