.elementor-kit-9{--e-global-color-primary:#0F0F1A;--e-global-color-secondary:#FF6A3D;--e-global-color-text:#0F0F1A;--e-global-color-accent:#C6F135;--e-global-color-fb56cf0:#FAFAFC;--e-global-color-248f2f2:#F4F4F7;--e-global-color-34923a1:#E4E4EC;--e-global-color-6bdcef3:#C4C4D4;--e-global-color-be26bf3:#6B6B85;--e-global-color-3d769c3:#4A4A66;--e-global-color-9e894eb:#1F1F33;--e-global-color-4859e80:#0F0F1A;--e-global-color-ecd12f7:#08080C;--e-global-color-ae9b83a:#C6F135;--e-global-color-f290a46:#3B5BFF;--e-global-color-db63d54:#9B6BFF;--e-global-color-8774159:#FF6A3D;--e-global-color-ff56873:#86EFCF;--e-global-color-1dad44b:#FFC93C;--e-global-color-0ca6ae2:#FF4D6D;--e-global-typography-primary-font-family:"DM Sans";--e-global-typography-primary-font-size:24px;--e-global-typography-primary-font-weight:400;--e-global-typography-secondary-font-family:"Instrument Serif";--e-global-typography-secondary-font-size:20px;--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"DM Sans";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.5em;--e-global-typography-accent-font-family:"JetBrains Mono";--e-global-typography-accent-font-size:16px;--e-global-typography-accent-font-weight:400;--e-global-typography-accent-line-height:1.5em;}.elementor-kit-9 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1280px;}.e-con{--container-max-width:1280px;}.elementor-widget:not(:last-child){--kit-widget-spacing:24px;}.elementor-element{--widgets-spacing:24px 24px;--widgets-spacing-row:24px;--widgets-spacing-column:24px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-9{--e-global-typography-primary-font-size:22px;--e-global-typography-secondary-font-size:18px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-9{--e-global-typography-primary-font-size:18px;--e-global-typography-secondary-font-size:16px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* =========================================================
   iTech Soft Solutions — Global Custom CSS
   Paste into: Site Settings → Custom CSS
   ========================================================= */

/* -----------------------------------------
   Italic accent helper classes
   Use inside any text widget's HTML:
   e.g. <em class="accent">intelligent</em>
----------------------------------------- */
.accent {
  font-family: "Instrument Serif", serif;
  font-style: italic;
  color: #FF6A3D;
  font-weight: 400;
}

.accent-violet {
  font-family: "Instrument Serif", serif;
  font-style: italic;
  color: #9B6BFF;
  font-weight: 400;
}

.accent-cobalt {
  font-family: "Instrument Serif", serif;
  font-style: italic;
  color: #3B5BFF;
  font-weight: 400;
}

.accent-lime {
  font-family: "Instrument Serif", serif;
  font-style: italic;
  background: #C6F135;
  padding: 0 0.15em;
  border-radius: 6px;
  color: #0F0F1A;
  display: inline-block;
  line-height: 0.9;
  font-weight: 400;
}

/* -----------------------------------------
   Eyebrow badge with pulsing dot
   Use: <span class="eyebrow-badge">— Your label</span>
----------------------------------------- */
.eyebrow-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  background: rgba(255, 255, 255, 0.8);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  border: 1px solid #E4E4EC;
  border-radius: 9999px;
  font-family: "JetBrains Mono", monospace;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  color: #4A4A66;
}

.eyebrow-badge::before {
  content: "";
  width: 8px;
  height: 8px;
  background: #FF6A3D;
  border-radius: 50%;
  animation: pulse-dot 2s ease-in-out infinite;
}

.eyebrow-badge.dark {
  background: rgba(255, 255, 255, 0.05);
  color: #C4C4D4;
  border-color: #1F1F33;
}

@keyframes pulse-dot {
  0%, 100% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(1.3);
    opacity: 0.7;
  }
}

/* -----------------------------------------
   Decorative blur blobs
   Use: <div class="blob" style="background:#C6F135; width:400px; height:400px; top:-100px; right:-100px;"></div>
----------------------------------------- */
.blob {
  position: absolute;
  border-radius: 50%;
  filter: blur(80px);
  opacity: 0.5;
  pointer-events: none;
  z-index: 0;
}/* End custom CSS */