/* Inter (headings) + Source Sans 3 (text), self-hosted like fonts.css (2026-11-13 calmer look). OFL. */
/* cyrillic-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/static/fonts/inter-cyrillic-ext-705d6250.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/static/fonts/inter-cyrillic-9f73b2f4.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/static/fonts/inter-latin-ext-cf3eb50f.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/static/fonts/inter-latin-f11d729b.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/static/fonts/inter-cyrillic-ext-705d6250.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/static/fonts/inter-cyrillic-9f73b2f4.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/static/fonts/inter-latin-ext-cf3eb50f.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/static/fonts/inter-latin-f11d729b.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/static/fonts/inter-cyrillic-ext-705d6250.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/static/fonts/inter-cyrillic-9f73b2f4.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/static/fonts/inter-latin-ext-cf3eb50f.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/static/fonts/inter-latin-f11d729b.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Source Sans 3';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(/static/fonts/source-sans-3-cyrillic-ext-8f785512.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Source Sans 3';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(/static/fonts/source-sans-3-cyrillic-6d3f74c4.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'Source Sans 3';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(/static/fonts/source-sans-3-latin-ext-4c5b08f1.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Source Sans 3';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(/static/fonts/source-sans-3-latin-8155c8de.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/static/fonts/source-sans-3-cyrillic-ext-d37f02e3.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/static/fonts/source-sans-3-cyrillic-a65c3b53.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/static/fonts/source-sans-3-latin-ext-ea449cc6.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/static/fonts/source-sans-3-latin-114a0e5e.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/static/fonts/source-sans-3-cyrillic-ext-d37f02e3.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/static/fonts/source-sans-3-cyrillic-a65c3b53.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/static/fonts/source-sans-3-latin-ext-ea449cc6.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/static/fonts/source-sans-3-latin-114a0e5e.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/static/fonts/source-sans-3-cyrillic-ext-d37f02e3.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/static/fonts/source-sans-3-cyrillic-a65c3b53.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/static/fonts/source-sans-3-latin-ext-ea449cc6.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/static/fonts/source-sans-3-latin-114a0e5e.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* ================================================================================================================
   Calmer look (Mohammed, 2026-11-13: "our sites feel AI-generated"). Loaded LAST in base.html, so it overrides
   ecosystem.css and the product stylesheets without touching them; delete this file to go back.
   What makes a page read as generated, and what replaces it:
   - one heavy font for everything        -> Inter for headings, Source Sans 3 for text (Fira Sans stays on the brand)
   - gradient icon tiles with a glow      -> a plain line icon in the brand colour, no box
   - "01 02 03" counters on cards         -> gone
   - tiny blue spaced capitals over titles -> a quiet sentence-case label
   - gradient-filled headline text        -> solid text
   - 800-weight titles, negative tracking -> 700, normal tracking
   - glowing shadows, fade-in on scroll   -> flat cards with a hairline border; content shown at once
   ================================================================================================================ */
:root {
  --calm-head: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --calm-text: 'Source Sans 3', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}
html:not([lang="ar"]):not([lang="fa"]) body { font-family: var(--calm-text); font-size: 17px; }
html:not([lang="ar"]):not([lang="fa"]) :is(h1, h2, h3, h4, .hero__title, .section__title, .svc-card h3,
  .deep-feature h3, .price-card__name, .card__title) { font-family: var(--calm-head); }
/* the brand wordmark keeps its own font (design rule) */
:is(.brand, .site-brand, .brand__name, .wordmark, .site-header__brand) { font-family: 'Fira Sans', sans-serif; }

/* headings: lighter, normal tracking, solid colour */
:is(.hero__title, .section__title, h1, h2) { font-weight: 700; letter-spacing: -0.02em; }
/* solid headline: the colour of the hero it sits in (white on a dark hero, ink on a light one) */
.hero__title { background: none !important; color: inherit !important; -webkit-text-fill-color: currentColor !important; }

/* the label above section titles: quiet, sentence case */
.section__eyebrow { font-family: var(--calm-text); font-size: 14px; font-weight: 600; letter-spacing: 0;
  text-transform: none; color: var(--fg-muted); }
.hero__eyebrow { font-family: var(--calm-text); letter-spacing: 0; background: transparent;
  border-color: color-mix(in srgb, var(--fg) 18%, transparent); color: var(--fg-muted); }

/* icon tiles -> plain line icons */
:is(.svc-card__icon, .deep-feature__icon, .trust-item__icon, .xpair__icon, .reason__icon, .mfeat__ico,
  .sila-secure__icon, .card__icon) {
  background: none !important; box-shadow: none !important; border: 0 !important; color: var(--primary) !important;
  width: auto !important; height: auto !important; border-radius: 0 !important; justify-content: flex-start;
  place-items: start; }
:is(.svc-card__icon, .deep-feature__icon, .xpair__icon) svg { width: 26px; height: 26px; stroke-width: 1.6; }
.svc-card__icon { margin-bottom: 14px; }
.svc-card__num { display: none !important; }

/* cards: flat, hairline border, no glow */
:is(.svc-card, .deep-feature, .price-card) {
  border-radius: 12px; box-shadow: none; border: 1px solid var(--border); }
/* text + photo blocks: no frame round the pair, no outline on the panel or the photo (Mohammed, 2026-11-13) */
.xpair, .xpair__panel, .xpair__photo, .partners { border: 0 !important; outline: 0 !important; }
.xpair { background: none !important; box-shadow: none !important; }
:is(.svc-card, .deep-feature, .price-card)::before, :is(.svc-card, .deep-feature)::after { display: none !important; }

/* buttons: no glow */
:is(.btn, .btn--primary, .cta, .button) { box-shadow: none !important; }

/* content shows at once (no fade-up on scroll) */
.reveal, [data-reveal], .is-visible, .fade-up { opacity: 1 !important; transform: none !important; transition: none !important; }

@media (prefers-reduced-motion: no-preference) {
  /* keep hover lift (house rule: hover lifts, never blue/underline) but subtle */
  :is(.svc-card, .deep-feature, .price-card):hover { transform: translateY(-2px); }
}

/* small labels in heroes and the "What is X?" boxes: sentence case, no letter-spacing */
:is(.hero__eyebrow, .tldr__label, [class*="eyebrow"], .section__kicker) { text-transform: none !important; letter-spacing: 0 !important; }
/* straight section edges instead of slanted cuts */
:is(.xhero, .phero) { clip-path: none !important; }
/* chat + WhatsApp buttons: still there, no bounce, no glow ring */
:is(.scoop-fab, .wa-fab) { animation: none !important; box-shadow: 0 2px 8px rgba(0, 0, 0, .18) !important; }
:is(.scoop-fab, .wa-fab)::before, :is(.scoop-fab, .wa-fab)::after { display: none !important; }

/* "+$100" server offer: no sparkles, no glow -- a plain offer card */
.vpso__sparks { display: none !important; }
.vpso, .vpso * { animation: none !important; }
.vpso { box-shadow: none !important; }

/* Icon cards = securytik.com Services cards (Mohammed, 2026-11-13): icon and title on ONE row, 20 px brand-blue line
   icon, 17 px title, text below; same on every site. Cards without an icon are unchanged. */
.svc-card:has(> .svc-card__icon) { display: grid; grid-template-columns: auto 1fr; column-gap: 12px; align-content: start; }
.svc-card:has(> .svc-card__icon) > * { grid-column: 1 / -1; }
.svc-card > .svc-card__icon { grid-column: 1 !important; margin: 0 0 12px !important; align-self: center; }
.svc-card > .svc-card__icon ~ .svc-card__title { grid-column: 2 !important; margin: 0 0 12px; align-self: center; }
:is(.svc-card__icon, .deep-feature__icon) svg { width: 20px !important; height: 20px !important; stroke-width: 2; }
:is(.svc-card__title, .deep-feature__title) { font-size: 17px !important; font-weight: 700; line-height: 1.3; }
:is(.svc-card, .deep-feature) { padding: 24px; border-radius: 14px; background: var(--surface); }
:is(.svc-card__body, .svc-card__text) { font-size: 15px; color: var(--fg-muted); line-height: 1.6; }

/* main menu: a little bolder (Mohammed, 2026-11-13: "very thin") -- every site's header and the mobile drawer */
:is(.site-header__nav, .site-header__drawer) a { font-weight: 600; }
/* the dropdown menus (About us, Products...) and their trigger: same weight as the main menu */
:is(.nav-trigger, .nav-dropdown a, .has-dropdown > a, .has-dropdown > button) { font-weight: 600 !important; }

/* review 2026-11-13: the last gradient numbers and icon boxes outside the cards */
.stat__value { background: none !important; -webkit-text-fill-color: currentColor !important; color: inherit !important; }
.uc-row__icon { background: none !important; box-shadow: none !important; border: 0 !important; color: var(--primary) !important; }