.elementor-kit-6{--e-global-color-primary:#191B24;--e-global-color-secondary:#FFFFFF;--e-global-color-text:#191B24;--e-global-color-accent:#191B24;--e-global-color-c798567:#191B24A6;--e-global-color-48a10a3:#191B2414;--e-global-color-23dab60:#1D40AF;--e-global-typography-primary-font-family:"Plus Jakarta Sans";--e-global-typography-primary-font-size:56px;--e-global-typography-primary-font-weight:700;--e-global-typography-primary-line-height:1.1em;--e-global-typography-secondary-font-family:"Plus Jakarta Sans";--e-global-typography-secondary-font-size:40px;--e-global-typography-secondary-font-weight:600;--e-global-typography-secondary-line-height:1.25em;--e-global-typography-text-font-family:"Plus Jakarta Sans";--e-global-typography-text-font-size:24px;--e-global-typography-text-font-weight:600;--e-global-typography-text-line-height:1.3em;--e-global-typography-accent-font-family:"Plus Jakarta Sans";--e-global-typography-accent-font-size:16px;--e-global-typography-accent-font-weight:400;--e-global-typography-accent-line-height:1.6em;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}body{overflow-x:inherit !important;}.elementor a, .elementor a:link, .elementor a:focus, .elementor a:active, .elementor a:hover{text-decoration:inherit !important;}.elementor a:link, .elementor .smooth-hover a:link, {transition:inherit;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing: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-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* =========================
   BRAND TOKENS (B/W)
========================= */
:root{
  --bw-bg: #ffffff;
  --bw-text: #0b0b0b;
  --bw-black: #0b0b0b;
  --bw-white: #ffffff;

  /* subtle lines */
  --bw-line-1: rgba(11,11,11,0.08);
  --bw-line-2: rgba(11,11,11,0.14);

  /* glow */
  --bw-glow: rgba(11,11,11,0.18);
}

/* Better motion defaults */
*{
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media (prefers-reduced-motion: reduce){
  *{ animation: none !important; transition: none !important; }
}

/* =========================
   BACKGROUNDS
========================= */

/* Grid background (subtle) */
.bg-grid {
  background-color: var(--bw-bg);
  background-image:
    linear-gradient(to right, var(--bw-line-1) 1px, transparent 1px),
    linear-gradient(to bottom, var(--bw-line-1) 1px, transparent 1px);
  background-size: 18px 18px;
}

/* Dots background */
.bg-dots {
  background-color: var(--bw-bg);
  background-image: radial-gradient(var(--bw-line-2) 1px, transparent 1px);
  background-size: 14px 14px;
}

/* Soft vignette (premium depth) */
.bg-vignette {
  background:
    radial-gradient(1200px 600px at 20% 10%, rgba(0,0,0,0.06), transparent 55%),
    radial-gradient(900px 500px at 90% 30%, rgba(0,0,0,0.04), transparent 60%),
    var(--bw-bg);
}

/* =========================
   OUTLINES / BORDERS
========================= */

/* Clean solid outline */
.outline {
  border: 1px solid var(--bw-line-2);
  border-radius: 16px;
}

/* Dashed outline container */
.outline-dashed {
  border: 1px dashed rgba(11,11,11,0.22);
  border-radius: 18px;
}

/* Double outline (nice for cards) */
.outline-double {
  border: 1px solid rgba(11,11,11,0.18);
  box-shadow: 0 0 0 6px rgba(11,11,11,0.04);
  border-radius: 18px;
}

/* Highlight ring (on hover) */
.hover-ring {
  transition: box-shadow .25s ease, transform .25s ease, border-color .25s ease;
}
.hover-ring:hover {
  box-shadow: 0 0 0 6px rgba(11,11,11,0.08);
  transform: translateY(-2px);
}

/* =========================
   CARDS / SURFACES
========================= */

/* Card (white surface + soft depth) */
.card-soft {
  background: var(--bw-white);
  border: 1px solid var(--bw-line-1);
  border-radius: 20px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.06);
}

/* Dark card (black surface) */
.card-dark {
  background: linear-gradient(135deg, #151515, #050505);
  color: var(--bw-white);
  border: 1px solid rgba(255,255,255,0.10);
  border-radius: 20px;
  box-shadow: 0 14px 40px rgba(0,0,0,0.35),
              inset 0 1px 0 rgba(255,255,255,0.10);
}

/* Glass (works on light backgrounds) */
.glass {
  background: rgba(255,255,255,0.65);
  border: 1px solid rgba(0,0,0,0.10);
  border-radius: 20px;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  box-shadow: 0 10px 30px rgba(0,0,0,0.06);
}

/* =========================
   ANIMATIONS (MOTION)
========================= */

/* Float (smooth up/down) */
@keyframes k-float {
  0%,100%{ transform: translateY(0); }
  50%{ transform: translateY(-8px); }
}
.float {
  animation: k-float 4s ease-in-out infinite;
  will-change: transform;
}

/* Float + rotate (for badges) */
@keyframes k-float-tilt {
  0%,100%{ transform: translateY(0) rotate(-6deg); }
  50%{ transform: translateY(-10px) rotate(-6deg); }
}
.float-tilt {
  animation: k-float-tilt 3.5s ease-in-out infinite;
  will-change: transform;
}

/* Glow pulse (black glow) */
@keyframes k-glow {
  0%,100%{ box-shadow: 0 18px 45px rgba(0,0,0,0.35); }
  50%{ box-shadow: 0 26px 70px rgba(0,0,0,0.55); }
}
.glow {
  animation: k-glow 3s ease-in-out infinite;
}

/* Slide-in (use on elements that appear on load) */
@keyframes k-slideUp {
  from { opacity: 0; transform: translateY(14px); }
  to   { opacity: 1; transform: translateY(0); }
}
.motion-in {
  animation: k-slideUp .6s ease both;
}

/* Subtle wobble (tiny attention) */
@keyframes k-wiggle {
  0%,100%{ transform: rotate(0deg); }
  25%{ transform: rotate(-2deg); }
  75%{ transform: rotate(2deg); }
}
.wiggle {
  animation: k-wiggle 1.6s ease-in-out infinite;
}

/* =========================
   ICON ANIMATIONS
========================= */

/* Spin */
@keyframes k-spin { to { transform: rotate(360deg); } }
.icon-spin > i,
.icon-spin svg {
  animation: k-spin 1.2s linear infinite;
}

/* Bounce */
@keyframes k-bounce {
  0%,100%{ transform: translateY(0); }
  50%{ transform: translateY(-6px); }
}
.icon-bounce > i,
.icon-bounce svg {
  animation: k-bounce 1.2s ease-in-out infinite;
}

/* Nudge (left-right) */
@keyframes k-nudge {
  0%,100%{ transform: translateX(0); }
  50%{ transform: translateX(6px); }
}
.icon-nudge > i,
.icon-nudge svg {
  animation: k-nudge 1.2s ease-in-out infinite;
}

/* =========================
   BUTTON / TEXT STYLES
========================= */

/* Black button (premium) */
.btn-black {
  background: var(--bw-black);
  color: var(--bw-white);
  border: 1px solid rgba(255,255,255,0.12);
  border-radius: 14px;
  box-shadow: 0 14px 30px rgba(0,0,0,0.22);
  transition: transform .2s ease, box-shadow .2s ease, filter .2s ease;
}
.btn-black:hover {
  transform: translateY(-2px);
  box-shadow: 0 18px 40px rgba(0,0,0,0.28);
  filter: brightness(1.05);
}

/* White outline button */
.btn-outline {
  background: transparent;
  color: var(--bw-text);
  border: 1px solid rgba(0,0,0,0.18);
  border-radius: 14px;
  transition: transform .2s ease, background .2s ease;
}
.btn-outline:hover {
  transform: translateY(-2px);
  background: rgba(0,0,0,0.04);
}

/* Text highlight (marker style) */
.text-highlight {
  background: linear-gradient(to top, rgba(0,0,0,0.12) 45%, transparent 45%);
  padding: 0 .12em;
  border-radius: 6px;
}

/* =========================
   CONTAINER HIGHLIGHTS
========================= */

/* Hover lift (works with cards) */
.hover-lift {
  transition: transform .25s ease, box-shadow .25s ease;
}
.hover-lift:hover {
  transform: translateY(-4px);
  box-shadow: 0 18px 45px rgba(0,0,0,0.10);
}/* End custom CSS */