.elementor-kit-6{--e-global-color-8d5a9c7:#E0029A;--e-global-color-1df903d:#FF6E00;--e-global-color-d499f59:#00A6FF;--e-global-color-9b4d972:#070408;--e-global-color-7313f87:#FFFFFF26;color:#FFFFFF;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D00;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1500px;}.e-con{--container-max-width:1500px;}.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);}.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-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 */header.elementor-location-header{
  position:sticky;         /* native, no JS */
  top:0;
  z-index:9999;
}
:root{
  --step--1: clamp(.75rem, .68rem + .39vw, .875rem);  /* captions */
  --step-0 : clamp(1.00rem, .88rem + .60vw, 1.125rem);/* body text */
  --step-1 : clamp(1.44rem, 1.27rem + .72vw, 1.75rem);/* H3 */
  --step-2 : clamp(2.07rem, 1.82rem + .93vw, 2.5rem); /* H2 / section titles */
  --step-3 : clamp(2.88rem, 2.54rem + 1.17vw, 3.5rem);/* H1 hero */
}
body      {font: 400 var(--step-0)/1.55 Inter;}
h3, .h3   {font: 600 var(--step-1)/1.3 "Inter Tight";}
h2, .h2   {font: 700 var(--step-2)/1.2 "Inter Tight";}
h1, .h1   {font: 800 var(--step-3)/1.1 "Inter Tight";}
/* --- guarantee gradient text works everywhere --- */
.txt-gradient{
    display:inline-block;
    background:linear-gradient(135deg,
              var(--primary-pink, #E0029A),   /* fallback 1 */
              var(--accent-blue,  #00A6FF));  /* fallback 2 */
    -webkit-background-clip:text!important;
    background-clip:text!important;
    color:transparent!important;
}



h1{margin:0 0 24px;}
h2{margin:0 0 20px;}
p {margin:0 0 16px;}

:root{
  --grad-primary:linear-gradient(135deg,#E0029A 0%,#FF6E00 100%);
  --clr-accent:#00A6FF;
  --clr-bg:#070408;
}
body{background:var(--clr-bg);}
.btn-rgb{
  position:relative;
  color:#fff; background:#070408;border-radius:24px;
}
.btn-rgb::before{
  content:"";position:absolute;inset:0;padding:2px;border-radius:inherit;
  background:conic-gradient(from 0deg,#E0029A,#00A6FF,#FF6E00,#E0029A);
  -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;
  animation:hueShift 6s linear infinite;
}
@keyframes hueShift{to{filter:hue-rotate(360deg);}}


/* Gradual gradient for header with class .hd-fade */
.hd-fade{                       /* header container itself */
  position:relative;
  z-index:9999;                 /* always on top */
  --fade:0;                     /* starts transparent */
}

.hd-fade::before{               /* gradient overlay */
  content:"";
  position:absolute; inset:0;
  background:linear-gradient(135deg,#070408 0%,#E0029A 25%,#00A6FF 50%,#FF6E00 100%);
  opacity:var(--fade);          /* 0 → 0.7 via JS */
  pointer-events:none;          /* clicks pass through */
  transition:opacity .12s linear;
}
/* ───────── TWO SUBTLE, CENTRED BLOBS ───────── */

#blob-zone{position:relative;}

#blob-zone::before,
#blob-zone::after,
#blob-zone .blob-middle{
  content:"";
  position:absolute; width:600px;height:600px;border-radius:50%;
  background:radial-gradient(circle at center,
            rgba(224,2,154,.40) 0%, transparent 70%);
  pointer-events:none; will-change:transform;
}

#blob-zone::before{animation:blobMoveA 12s ease-in-out infinite alternate;}
#blob-zone .blob-middle{
  background:radial-gradient(circle at center,
            rgba(0,166,255,.35) 0%, transparent 70%);
  animation:blobMoveB 15s ease-in-out infinite alternate;}
#blob-zone::after{
  background:radial-gradient(circle at center,
            rgba(255,110,0,.30) 0%, transparent 70%);
  animation:blobMoveC 18s ease-in-out infinite alternate;}

@keyframes blobMoveA{0%{transform:translate(-20%,-10%)}
                     100%{transform:translate(10%,25%)}}
@keyframes blobMoveB{0%{transform:translate(30%,-15%)}
                     100%{transform:translate(-5%,15%)}}
@keyframes blobMoveC{0%{transform:translate(-15%,25%)}
                     100%{transform:translate(20%,-20%)}}
/* MOBILE: fallback static PNG */
@media(max-width:767px){
  #blob-zone {background:url('/wp-content/uploads/blob-soft.png') center/800px no-repeat;}
  #blob-zone::before,
  #blob-zone::after,
  #blob-zone .blob-middle {display:none}
}

/* DESKTOP: keep your moving blobs */
@media(min-width:768px){
  /* your existing keyframe code here */
}/* End custom CSS */