.elementor-kit-16{--e-global-color-primary:#0C0C0C;--e-global-color-secondary:#1B1B1B;--e-global-color-text:#9A9A9A;--e-global-color-accent:#13D2EC;--e-global-color-f604d78:#67FDF2;--e-global-color-15197f5:#FFFFFF;--e-global-color-b3f3f63:#303030;--e-global-color-31ac4a0:#EFEFEF;--e-global-color-92bc768:#E5E5E7;--e-global-color-39be7b1:#86868B;--e-global-color-42be403:#525252;--e-global-color-06c5f3b:#474646;--e-global-color-6a568f2:#424242;--e-global-color-e5cdc35:#323232;--e-global-color-bafcd56:#0C0C0C;--e-global-color-2cfdef9:#FCFCFC;--e-global-typography-primary-font-weight:400;--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"FinVault";--e-global-typography-accent-font-weight:400;--e-global-typography-23469e4-font-family:"Nerzo";--e-global-typography-3b14bb6-font-family:"Nerzo";--e-global-typography-3b14bb6-font-size:48px;--e-global-typography-3b14bb6-font-weight:600;--e-global-typography-3b14bb6-letter-spacing:-0.02em;--e-global-typography-6167c74-font-family:"Nerzo";--e-global-typography-6167c74-font-size:38px;--e-global-typography-6167c74-font-weight:600;--e-global-typography-6167c74-letter-spacing:-0.01em;--e-global-typography-b1db530-font-family:"Nerzo";--e-global-typography-b1db530-font-size:28px;--e-global-typography-b1db530-font-weight:600;--e-global-typography-b1db530-letter-spacing:-0.01em;--e-global-typography-ab00ed3-font-family:"Nerzo";--e-global-typography-ab00ed3-font-size:24px;--e-global-typography-ab00ed3-font-weight:600;--e-global-typography-ab00ed3-letter-spacing:-0.01em;--e-global-typography-7cc3add-font-family:"Nerzo";--e-global-typography-7cc3add-font-size:18px;--e-global-typography-7cc3add-font-weight:600;--e-global-typography-7cc3add-letter-spacing:-0.01em;--e-global-typography-b50df3e-font-family:"Nerzo";--e-global-typography-b50df3e-font-size:16px;--e-global-typography-b50df3e-font-weight:600;--e-global-typography-b50df3e-letter-spacing:-0.01em;font-family:"Nerzo", Helvetica;font-weight:400;line-height:1.45em;}.elementor-kit-16 a{font-family:"Nerzo", Helvetica;font-weight:400;}.elementor-kit-16 a:hover{color:var( --e-global-color-42be403 );}.elementor-kit-16 h1{font-family:"Nerzo", Helvetica;font-size:96px;font-weight:600;line-height:1.05em;letter-spacing:-0.01em;}.elementor-kit-16 h2{font-family:"Nerzo", Helvetica;font-size:56px;font-weight:600;line-height:1.1em;letter-spacing:-0.01em;}.elementor-kit-16 h3{font-family:"Nerzo", Helvetica;font-size:36px;font-weight:600;line-height:1.15em;letter-spacing:-0.01em;}.elementor-kit-16 h4{font-family:"Nerzo", Helvetica;font-size:28px;font-weight:600;line-height:1.15em;letter-spacing:-0.01em;}.elementor-kit-16 h5{font-family:"Nerzo", Helvetica;font-size:22px;font-weight:600;line-height:1.15em;letter-spacing:-0.01em;}.elementor-kit-16 h6{font-family:"Nerzo", Helvetica;font-size:16px;font-weight:600;line-height:1.15em;letter-spacing:-0.01px;}.elementor-kit-16 button,.elementor-kit-16 input[type="button"],.elementor-kit-16 input[type="submit"],.elementor-kit-16 .elementor-button{font-family:"Nerzo", Helvetica;font-size:14px;font-weight:600;color:var( --e-global-color-15197f5 );border-radius:999px 999px 999px 999px;padding:10px 20px 10px 20px;}.elementor-kit-16 button:hover,.elementor-kit-16 button:focus,.elementor-kit-16 input[type="button"]:hover,.elementor-kit-16 input[type="button"]:focus,.elementor-kit-16 input[type="submit"]:hover,.elementor-kit-16 input[type="submit"]:focus,.elementor-kit-16 .elementor-button:hover,.elementor-kit-16 .elementor-button:focus{color:var( --e-global-color-15197f5 );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-kit-16{--e-global-typography-3b14bb6-font-size:48px;--e-global-typography-6167c74-font-size:38px;--e-global-typography-b1db530-font-size:28px;--e-global-typography-ab00ed3-font-size:24px;--e-global-typography-7cc3add-font-size:18px;--e-global-typography-b50df3e-font-size:16px;}.elementor-kit-16 h1{font-size:48px;}.elementor-kit-16 h2{font-size:38px;}.elementor-kit-16 h3{font-size:28px;}.elementor-kit-16 h4{font-size:24px;}.elementor-kit-16 h5{font-size:18px;}.elementor-kit-16 h6{font-size:16px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-16{--e-global-typography-3b14bb6-font-size:36px;--e-global-typography-6167c74-font-size:28px;--e-global-typography-b1db530-font-size:24px;--e-global-typography-ab00ed3-font-size:20px;--e-global-typography-7cc3add-font-size:18px;--e-global-typography-b50df3e-font-size:16px;}.elementor-kit-16 h1{font-size:36px;}.elementor-kit-16 h2{font-size:28px;}.elementor-kit-16 h3{font-size:24px;}.elementor-kit-16 h4{font-size:20px;}.elementor-kit-16 h5{font-size:18px;}.elementor-kit-16 h6{font-size:16px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* copyright remove */ .elementor-kit-16{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} /* dotted highlight remove */ * { -webkit-tap-highlight-color: rgba(255, 255, 255, 0) !important; -webkit-focus-ring-color: rgba(255, 255, 255, 0) !important; outline: none!important; } /*Radio and checkbox btn*/ input[type=radio], input[type=checkbox] { primary-color: #898989!important; accent-color: #898989!important; } /* Off-canvas main panel background using your variable */ .e-off-canvas__content { background-color: var(--bg-page) !important; } /* Ensure inner sections don’t override the background */ .e-off-canvas__content .elementor-container, .e-off-canvas__content .elementor-section, .e-off-canvas__content .elementor-column, .e-off-canvas__content .elementor-widget-wrap { background-color: transparent !important; } /* TM mark */ .tm-mark { font-size: 0.5em; vertical-align: super; line-height:0; } /* Accordian */ .e-n-accordion .e-n-accordion-item:last-child .e-n-accordion-item-title { border: none!important; } /* ?????FINAL OVERIDE????? */ .nerzo-dark .be-output .be-row strong { display:block!important; font-weight: 600!important; margin: 0 0 12px!important; } /* Accordian styling */ .e-n-accordion-item-title-icon { margin-left: auto!important; } /* Hero entrance animation */ .nerzo-hero-enter { opacity: 0; transform: translateY(20px); animation: nerzoFadeUp 0.6s ease-out forwards; } /* Respect reduced motion preferences */ @media (prefers-reduced-motion: reduce) { .nerzo-hero-enter { animation: none; opacity: 1; transform: none; } } @keyframes nerzoFadeUp { to { opacity: 1; transform: translateY(0); } } /* ========================================================= NERZO — STAGGER DELAYS (use with .nerzo-hero-enter) ========================================================= */ /* default delay = 0 unless overridden */ .nerzo-hero-enter{ animation-delay: var(--nerzo-delay, 0ms); animation-fill-mode: forwards; /* safety */ } /* optional: if you want the delay class to be explicit */ .nerzo-delay{ animation-delay: var(--nerzo-delay, 0ms); } /* handy presets (add ONE of these to an element) */ .nerzo-delay-0 { --nerzo-delay: 0ms; } .nerzo-delay-1 { --nerzo-delay: 100ms; } .nerzo-delay-2 { --nerzo-delay: 200ms; } .nerzo-delay-3 { --nerzo-delay: 300ms; } .nerzo-delay-4 { --nerzo-delay: 400ms; } /* respect reduced motion */ @media (prefers-reduced-motion: reduce){ .nerzo-hero-enter, .nerzo-delay{ animation-delay: 0ms !important; } } /* Element reveal animation */ .nerzo-scroll-reveal{ opacity: 0; transform: translateY(20px); will-change: opacity, transform; } /* When revealed */ .nerzo-scroll-reveal.is-visible{ animation: nerzoFadeUp 0.6s ease-out forwards; } /* Respect reduced motion */ @media (prefers-reduced-motion: reduce){ .nerzo-scroll-reveal{ opacity: 1; transform: none; } .nerzo-scroll-reveal.is-visible{ animation: none; } } /* Your existing keyframes */ @keyframes nerzoFadeUp{ to{ opacity: 1; transform: translateY(0); } } body p, li { color:var(--text-muted)!important; } body ul { color:var(--text-muted)!important; margin-bottom: 12px; } /* === POPUP === */ .elementor-location-popup { background: var(--bg-surface-light-dm); border-radius: 24px!important; } /* Close button */ .elementor-popup-modal .dialog-close-button svg{ font-size: 36px; padding: 8px!important; fill: var(--text-primary)!important; border-radius: 999px!important; background: var(--bg-surface-mid)!important; } /* Overlay */ .elementor-popup-modal { background-color: rgba(var(--bg-page-rgb), 0.4)!important; backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); } /* ===================================== NERZO — BASE (LIGHT MODE) ====================================== */ :root { /* Page surfaces */ --bg-page: #FFFFFF; --bg-page-rgb: 255, 255, 255; --bg-surface-light-dm: #FFFFFF; --bg-surface-light-dm-rgb: 255, 255, 255; --bg-surface-mid-dm: #FFFFFF; --bg-surface-mid-dm-rgb: 255, 255, 255; --bg-surface-light: #F4f4f4f4; --bg-surface-mid: #ECECEC; --bg-surface-dark: #DCDCDC; --bg-elevated: #1A1D1E; /* Text */ --text-primary: #0C0C0C; --text-primary-rgba: 12,12,12; --text-secondary: #1C1C1C; --text-muted: #6e6e73; --text-muted-rgba: 110,110,115; --text-primary-ghost: #F5F5F7; --text-primary-ghost-rgb: rgba(245,245,247); /* Accent */ --nerzo-accent:#13D2EC; --nerzo-accent-rgb: 19,210,236; --nerzo-accent-muted: #67FDF2; /* Borders */ --border-bright: #DDDDDD; --border-subtle: #EEEEEE; /* Buttons */ --btn-primary-bg: rgba(12,12,12,0.95); --btn-primary-bg-hover: rgba(12,12,12,1); --btn-primary-text: #FCFCFC; --btn-secondary-bg: #E5E5E7; --btn-secondary-bg-hover: #DCDCDC; --btn-secondary-text: #0C0C0C; /* Links */ --link-color: #0C0C0C; --link-hover: #111111; /* Motion */ --ease-standard: cubic-bezier(0.4, 0, 0.2, 1); /* Semantic */ --semantic-success:#10B981; --semantic-warning: #F59E0B; --semantic-danger: #D64545; } /* !!!!!BUTTONS!!!!! */ /* PRIMARY BUTTON */ .nerzo-btn-primary .elementor-button { background-color: var(--btn-primary-bg) !important; color: var(--btn-primary-text) !important; } .nerzo-btn-primary .elementor-button:hover { background-color: var(--btn-primary-bg-hover) !important; } /* SECONDARY BUTTON */ .nerzo-btn-secondary .elementor-button { background-color: var(--btn-secondary-bg) !important; color: var(--btn-secondary-text) !important; } .nerzo-btn-secondary .elementor-button:hover { background-color: var(--btn-secondary-bg-hover) !important; } /* ===================================== NERZO — DARK TOKENS ====================================== */ @media (prefers-color-scheme: dark) { :root:not(.nerzo-theme--light), :root.nerzo-theme--dark { /* Page surfaces */ --bg-page: #0A0A0A; --bg-page-rgb: 17,17,19; --bg-surface-light-dm: #18191B; --bg-surface-light-dm-rgb: 24,25,27; --bg-surface-mid-dm: #28292B; --bg-surface-mid-dm-rgb: 40, 41, 43; --bg-surface-light: #1A1B1D; --bg-surface-mid: #282A2C; --bg-surface-dark: #313336; --bg-elevated: #F5F5F7; /* Text */ --text-primary: #F5F5F7; --text-primary-rgba: 245,245,247; --text-secondary: #E5E5E7; --text-muted: #86868b; --text-muted-rgba: 134,134,139; --text-primary-ghost: #0C0C0C; --text-primary-ghost-rgb: rgba(12,12,12); /* Accent */ --nerzo-accent:#13D2EC; --nerzo-accent-rgb: 19,210,236; --nerzo-accent-muted: #67FDF2; /* Borders */ --border-bright: #48494B; --border-subtle: #28292B; /* Buttons */ --btn-primary-bg: rgba(245,245,247,0.95); --btn-primary-bg-hover: rgba(245,245,247,1); --btn-primary-text: #0C0C0C; --btn-secondary-bg: #1E1E1E; --btn-secondary-bg-hover: #2A2A2A; --btn-secondary-text: #FCFCFC; /* Links */ --link-color: #FCFCFC; --link-hover: #E5E5E7; /* Semantic */ --semantic-success:#10B981; --semantic-warning: #F59E0B; --semantic-danger: #D64545; } } /* Forced dark when system is LIGHT (needs a non-media rule) */ :root.nerzo-theme--dark { /* Page surfaces */ --bg-page: #111113; --bg-page-rgb: 17,17,19; --bg-surface-light-dm: #18191B; --bg-surface-light: #18191B; --bg-surface-mid: #28292B; --bg-surface-dark: #38393B; --bg-elevated: #F5F5F7; /* Text */ --text-primary: #F5F5F7; --text-secondary: #86868b; --text-muted: #86868b; --text-primary-ghost: #0C0C0C; /* Accent */ --nerzo-accent:#13D2EC; --nerzo-accent-rgb: 19,210,236; --nerzo-accent-muted: #67FDF2; /* Borders */ --border-bright: #FCFCFC; --border-subtle: #28292B; /* Buttons */ --btn-primary-bg: #FFFFFF; --btn-primary-bg-hover: #EDEDED; --btn-primary-text: #0C0C0C; --btn-secondary-bg: #1E1E1E; --btn-secondary-bg-hover: #2A2A2A; --btn-secondary-text: #FCFCFC; /* Links */ --link-color: #FCFCFC; --link-hover: #E5E5E7; } /* ========================================= BASE ELEMENT MAPPING (unchanged) ====================================== */ body { background-color: var(--bg-page); color: var(--text-secondary); } h1, h2, h3, h4, h5, h6 { color: var(--text-primary); } p { color: var(--text-secondary); } .text-muted { color: var(--text-muted); } a { color: var(--link-color); transition: color 0.2s var(--ease-standard); } a:hover { color: var(--link-hover); } ul, ol, li { color: var(--text-secondary); } /* ========================================= BUTTONS (unchanged) ====================================== */ .btn-text { background: transparent; color: var(--text-primary); transition: background 0.2s var(--ease-standard); } .btn-text:hover { color: var(--text-muted); } .btn-primary { background: var(--btn-primary-bg); color: var(--btn-primary-text); transition: background 0.2s var(--ease-standard); } .btn-primary:hover { background: var(--btn-primary-bg-hover); color: var(--btn-primary-text); } .btn-secondary { background: var(--btn-secondary-bg); color: var(--btn-secondary-text); } .btn-secondary:hover { background: var(--btn-secondary-bg-hover); color: var(--btn-secondary-text); } .elementor-icon-list-icon, .elementor-icon { fill:var(--text-primary)!important; } /* ========================================= LOGO SWAP LIGHT / DARK MODE (now works with forced dark/light too) ====================================== */ .elementor-widget-theme-site-logo img { filter: none; } @media (prefers-color-scheme: dark) { :root:not(.nerzo-theme--light) .elementor-widget-theme-site-logo img { filter: invert(1) hue-rotate(180deg); } } :root.nerzo-theme--dark .elementor-widget-theme-site-logo img { filter: invert(1) hue-rotate(180deg); } /* === NERZO TYPOGRAPHY === */ /* === DESKTOP - 1025px+ === */ :root { /* ----------------------------- DISPLAY ------------------------- */ --nz-text-display-xl: 76px; --nz-line-display-xl: 80px; --nz-text-display-lg: 64px; --nz-line-display-lg: 68px; --nz-text-display-md: 52px; --nz-line-display-md: 56px; --nz-text-display-sm: 42px; --nz-line-display-sm: 48px; /* ----------------------------- LARGE TITLE ------------------------- */ --nz-text-large-title: 34px; --nz-line-large-title: 41px; /* ----------------------------- TITLES ------------------------- */ --nz-text-title-1: 28px; --nz-line-title-1: 34px; --nz-text-title-2: 22px; --nz-line-title-2: 28px; --nz-text-title-3: 20px; --nz-line-title-3: 25px; /* ----------------------------- PRIMARY UI TEXT ------------------------- */ --nz-text-headline: 17px; --nz-line-headline: 22px; --nz-text-body: 17px; --nz-line-body: 22px; --nz-text-callout: 16px; --nz-line-callout: 21px; --nz-text-subheadline: 15px; --nz-line-subheadline: 20px; /* ----------------------------- SECONDARY / META ------------------------- */ --nz-text-footnote: 13px; --nz-line-footnote: 18px; --nz-text-caption-1: 12px; --nz-line-caption-1: 16px; --nz-text-caption-2: 11px; --nz-line-caption-2: 13px; } /* === TABLET - 1024px === */ @media (max-width: 1024px) { :root { /* --------------------------- DISPLAY ------------------------ */ --nz-text-display-xl: 68px; --nz-line-display-xl: 72px; --nz-text-display-lg: 56px; --nz-line-display-lg: 60px; --nz-text-display-md: 46px; --nz-line-display-md: 50px; --nz-text-display-sm: 38px; --nz-line-display-sm: 44px; /* --------------------------- LARGE TITLE ----------------------- */ --nz-text-large-title: 34px; --nz-line-large-title: 41px; /* --------------------------- TITLES ----------------------- */ --nz-text-title-1: 28px; --nz-line-title-1: 34px; --nz-text-title-2: 22px; --nz-line-title-2: 28px; --nz-text-title-3: 20px; --nz-line-title-3: 25px; /* --------------------------- PRIMARY UI TEXT ----------------------- */ --nz-text-headline: 17px; --nz-line-headline: 22px; --nz-text-body: 17px; --nz-line-body: 22px; --nz-text-callout: 16px; --nz-line-callout: 21px; --nz-text-subheadline: 15px; --nz-line-subheadline: 20px; /* --------------------------- SECONDARY / META ----------------------- */ --nz-text-footnote: 13px; --nz-line-footnote: 18px; --nz-text-caption-1: 12px; --nz-line-caption-1: 16px; --nz-text-caption-2: 11px; --nz-line-caption-2: 13px; } } /* === MOBILE — 767px === */ @media (max-width: 767px) { :root { /* --------------------------- DISPLAY ----------------------- */ --nz-text-display-xl: 60px; --nz-line-display-xl: 64px; --nz-text-display-lg: 48px; --nz-line-display-lg: 52px; --nz-text-display-md: 40px; --nz-line-display-md: 44px; --nz-text-display-sm: 34px; --nz-line-display-sm: 41px; /* --------------------------- LARGE TITLE ----------------------- */ --nz-text-large-title: 34px; --nz-line-large-title: 41px; /* --------------------------- TITLES ----------------------- */ --nz-text-title-1: 28px; --nz-line-title-1: 34px; --nz-text-title-2: 22px; --nz-line-title-2: 28px; --nz-text-title-3: 20px; --nz-line-title-3: 25px; /* --------------------------- PRIMARY UI TEXT ----------------------- */ --nz-text-headline: 17px; --nz-line-headline: 22px; --nz-text-body: 17px; --nz-line-body: 22px; --nz-text-callout: 16px; --nz-line-callout: 21px; --nz-text-subheadline: 15px; --nz-line-subheadline: 20px; /* --------------------------- SECONDARY / META ----------------------- */ --nz-text-footnote: 13px; --nz-line-footnote: 18px; --nz-text-caption-1: 12px; --nz-line-caption-1: 16px; --nz-text-caption-2: 11px; --nz-line-caption-2: 13px; } }/* End custom CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'Nerzo'; font-style: normal; font-weight: normal; font-display: auto; src: url('https://nerzo.ai/wp-content/uploads/2025/08/SuisseIntl-Regular.woff2') format('woff2'); } @font-face { font-family: 'Nerzo'; font-style: normal; font-weight: 500; font-display: auto; src: url('https://nerzo.ai/wp-content/uploads/2025/08/SuisseIntl-Medium.woff2') format('woff2'); } @font-face { font-family: 'Nerzo'; font-style: normal; font-weight: 600; font-display: auto; src: url('https://nerzo.ai/wp-content/uploads/2025/08/SuisseIntl-Semibold.woff2') format('woff2'); } @font-face { font-family: 'Nerzo'; font-style: normal; font-weight: 700; font-display: auto; src: url('https://nerzo.ai/wp-content/uploads/2025/08/SuisseIntl-Bold.woff2') format('woff2'); } /* End Custom Fonts CSS */