/* ESPRIQ ORIGINAL HEADER REFERENCE */

#internal-espriq-header{
    position:relative;
    width:100%;
    height:95px;
    z-index:50;
}

#internal-espriq-header .topbar{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:95px;
    z-index:20;
    border-bottom:1px solid rgba(42,196,211,.18);
    background:rgba(2,18,29,.77);
}

#internal-espriq-header .mini-brand{
    position:absolute;
    left:67px;
    top:26px;
    height:50px;
    display:flex;
    align-items:center;
    gap:12px;
    direction:ltr;
    cursor:pointer;
}

#internal-espriq-header .mini-brand img{
    width:50px;
    height:50px;
    object-fit:contain;
}

#internal-espriq-header .mini-brand span{
    font:900 30px/1 Arial,sans-serif;
    letter-spacing:.5px;
    color:#fff;
}

#internal-espriq-header .nav{
    position:absolute;
    left:455px;
    top:0;
    width:745px;
    height:95px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    direction:ltr;
}

#internal-espriq-header .nav a{
    position:relative;
    color:#eef3f6;
    font-size:15px;
    font-weight:750;
    text-decoration:none;
    white-space:nowrap;
    direction:rtl;
    cursor:pointer;
    transition:color .18s ease,opacity .18s ease,transform .18s ease;
}

#internal-espriq-header .nav a:hover{
    color:#F3C84A;
    transform:translateY(-1px);
}

#internal-espriq-header .nav a.active{
    color:#e8ba3d;
}

#internal-espriq-header .nav a.active:after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:-26px;
    height:3px;
    background:#e8ba3d;
    border-radius:2px;
}

#internal-espriq-header .actions{
    position:absolute;
    right:66px;
    top:0;
    height:95px;
    display:flex;
    align-items:center;
    gap:15px;
}

#internal-espriq-header .login{
    height:48px;
    min-width:176px;
    border:1px solid #12b8c7;
    border-radius:8px;
    background:rgba(0,180,176,.03);
    color:#fff;
    font-weight:800;
    font-size:15px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    cursor:pointer;
    transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}

#internal-espriq-header .login:hover{
    transform:translateY(-1px);
    box-shadow:0 8px 22px rgba(0,180,200,.10);
}

#internal-espriq-header .login svg{
    width:18px;
    height:18px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.7;
}

#internal-espriq-header .lang{
    font-weight:700;
    font-size:14px;
    color:#eef3f6;
    cursor:pointer;
}

#internal-espriq-header .action-icon{
    width:38px;
    height:38px;
    border-left:1px solid rgba(57,194,209,.28);
    display:grid;
    place-items:center;
    cursor:pointer;
}

#internal-espriq-header .action-icon svg{
    width:18px;
    height:18px;
    fill:none;
    stroke:#fff;
    stroke-width:1.7;
}

@media(max-width:1400px){
    #internal-espriq-header .nav{
        left:340px;
        width:650px;
    }

    #internal-espriq-header .mini-brand{
        left:35px;
    }

    #internal-espriq-header .actions{
        right:35px;
    }
}


/* FULL-WIDTH INTERNAL HEADER FIX */
.reference-header-page{
    padding-left:0 !important;
    padding-right:0 !important;
}

.reference-header-page > #internal-espriq-header{
    width:100% !important;
}

.reference-header-page > .content{
    padding-left:7% !important;
    padding-right:7% !important;
}


/* ==================================================
   ESPRIQ HEADER BRAND GLOW
   ================================================== */

#internal-espriq-header .mini-brand{
    height:56px !important;
    gap:14px !important;
}

#internal-espriq-header .mini-brand img{
    width:56px !important;
    height:56px !important;

    filter:
        brightness(1.12)
        saturate(1.12)
        drop-shadow(0 0 5px rgba(45,220,238,.72))
        drop-shadow(0 0 13px rgba(45,220,238,.28))
        drop-shadow(0 0 18px rgba(238,186,58,.10));

    transition:
        filter .25s ease,
        transform .25s ease;
}

#internal-espriq-header .mini-brand span{
    font:900 33px/1 Arial,sans-serif !important;
    letter-spacing:.7px !important;
    color:#ffffff !important;

    text-shadow:
        0 0 2px rgba(255,255,255,.90),
        0 0 7px rgba(48,220,238,.58),
        0 0 16px rgba(48,220,238,.22);

    transition:
        text-shadow .25s ease,
        transform .25s ease;
}

#internal-espriq-header .mini-brand:hover img{
    transform:scale(1.035);
    filter:
        brightness(1.18)
        saturate(1.18)
        drop-shadow(0 0 6px rgba(45,220,238,.90))
        drop-shadow(0 0 16px rgba(45,220,238,.38))
        drop-shadow(0 0 20px rgba(238,186,58,.14));
}

#internal-espriq-header .mini-brand:hover span{
    text-shadow:
        0 0 3px rgba(255,255,255,1),
        0 0 9px rgba(48,220,238,.72),
        0 0 19px rgba(48,220,238,.28);
}


/* ==================================================
   ESPRIQ HEADER BRAND SCALE V2
   ================================================== */

#internal-espriq-header .mini-brand{
    left:35px !important;
    top:20px !important;
    height:64px !important;
    min-width:280px !important;
    gap:16px !important;
    display:flex !important;
    align-items:center !important;
}

#internal-espriq-header .mini-brand img{
    width:64px !important;
    height:64px !important;
    object-fit:contain !important;

    filter:
        brightness(1.14)
        saturate(1.14)
        drop-shadow(0 0 6px rgba(45,220,238,.82))
        drop-shadow(0 0 16px rgba(45,220,238,.34))
        drop-shadow(0 0 22px rgba(238,186,58,.12));
}

#internal-espriq-header .mini-brand span{
    font:900 38px/1 Arial,sans-serif !important;
    letter-spacing:.8px !important;
    color:#ffffff !important;
    white-space:nowrap !important;

    text-shadow:
        0 0 3px rgba(255,255,255,.96),
        0 0 10px rgba(48,220,238,.62),
        0 0 20px rgba(48,220,238,.24);
}

#internal-espriq-header .mini-brand:hover img{
    transform:scale(1.03);
}

#internal-espriq-header .mini-brand:hover span{
    text-shadow:
        0 0 4px rgba(255,255,255,1),
        0 0 12px rgba(48,220,238,.72),
        0 0 22px rgba(48,220,238,.28);
}


/* ==================================================
   ESPRIQ HEADER PREMIUM GLOW V3
   Same size - softer premium glow
   ================================================== */

#internal-espriq-header .mini-brand img{
    filter:
        brightness(1.10)
        saturate(1.10)
        drop-shadow(0 0 4px rgba(45,220,238,.58))
        drop-shadow(0 0 10px rgba(45,220,238,.22))
        drop-shadow(0 0 14px rgba(238,186,58,.08)) !important;
}

#internal-espriq-header .mini-brand span{
    text-shadow:
        0 0 2px rgba(255,255,255,.88),
        0 0 6px rgba(48,220,238,.42),
        0 0 12px rgba(48,220,238,.16) !important;
}

#internal-espriq-header .mini-brand:hover img{
    filter:
        brightness(1.14)
        saturate(1.12)
        drop-shadow(0 0 5px rgba(45,220,238,.70))
        drop-shadow(0 0 12px rgba(45,220,238,.28))
        drop-shadow(0 0 16px rgba(238,186,58,.10)) !important;
}

#internal-espriq-header .mini-brand:hover span{
    text-shadow:
        0 0 3px rgba(255,255,255,.96),
        0 0 8px rgba(48,220,238,.52),
        0 0 15px rgba(48,220,238,.20) !important;
}


/* ==================================================
   ESPRIQ CANONICAL HEADER SHELL V1 - INTERNAL
   ================================================== */

#internal-espriq-header{
    position:relative !important;
    width:100% !important;
    overflow:hidden !important;
    direction:ltr !important;
    visibility:hidden;
}

#internal-espriq-header .topbar{
    left:0 !important;
    top:0 !important;
    width:1757px !important;
    height:95px !important;
    transform-origin:0 0 !important;
}

#internal-espriq-header .mini-brand{
    left:67px !important;
    top:20px !important;
    height:64px !important;
    min-width:280px !important;
    gap:16px !important;
}

#internal-espriq-header .mini-brand img{
    width:64px !important;
    height:64px !important;
    object-fit:contain !important;

    filter:
        brightness(1.14)
        saturate(1.14)
        drop-shadow(0 0 6px rgba(45,220,238,.82))
        drop-shadow(0 0 16px rgba(45,220,238,.34))
        drop-shadow(0 0 22px rgba(238,186,58,.12)) !important;
}

#internal-espriq-header .mini-brand span{
    font:900 38px/1 Arial,sans-serif !important;
    letter-spacing:.8px !important;
    color:#fff !important;
    white-space:nowrap !important;

    text-shadow:
        0 0 2px rgba(255,255,255,.88),
        0 0 6px rgba(48,220,238,.42),
        0 0 12px rgba(48,220,238,.16) !important;
}

#internal-espriq-header .nav{
    left:455px !important;
    top:0 !important;
    width:745px !important;
    height:95px !important;
}

#internal-espriq-header .actions{
    right:66px !important;
    top:0 !important;
    height:95px !important;
}


/* ==================================================
   ESPRIQ INTERNAL HEADER NO-JUMP V1
   Reserve scaled header space before JavaScript runs
   95 / 1757 * 100 = 5.407vw
   ================================================== */

#internal-espriq-header{
    width:100% !important;
    height:5.407vw !important;
    min-height:5.407vw !important;
    flex:none !important;
}


/* =========================================================
   ESPRIQ UNIFIED BACKGROUND SHELL V1
   Shared visual atmosphere for all internal pages
   ========================================================= */

html{
    background:#031522 !important;
}

html body{
    background-color:#031522 !important;

    background-image:
        radial-gradient(
            ellipse 58% 34% at 72% 5%,
            rgba(0,174,190,.115) 0%,
            rgba(0,132,151,.065) 34%,
            rgba(3,21,34,0) 72%
        ),
        radial-gradient(
            ellipse 42% 28% at 18% 12%,
            rgba(17,126,153,.065) 0%,
            rgba(3,21,34,0) 72%
        ),
        linear-gradient(
            180deg,
            #031522 0%,
            #03202b 34%,
            #031a25 63%,
            #031522 100%
        ) !important;

    background-repeat:no-repeat !important;
    background-size:100% 100% !important;
    background-attachment:fixed !important;
}

/* Same visual seam immediately below the global header */
#internal-espriq-header{
    background:
        linear-gradient(
            180deg,
            rgba(2,18,29,.98) 0%,
            rgba(2,18,29,.90) 100%
        ) !important;
}

/* Soft continuation under header ? visual only, no layout changes */
html body::before{
    content:"";
    position:fixed;
    left:0;
    right:0;
    top:5.407vw;
    height:240px;

    pointer-events:none;

    background:
        radial-gradient(
            ellipse 52% 100% at 69% 0%,
            rgba(0,185,202,.085) 0%,
            rgba(0,130,150,.035) 42%,
            transparent 76%
        ),
        linear-gradient(
            180deg,
            rgba(6,51,64,.15) 0%,
            rgba(3,21,34,0) 100%
        );

    z-index:-1;
}

/* Keep the document as one controlled visual layer */
html body{
    position:relative;
    min-height:100vh;
    isolation:isolate;
}


/* =========================================================
   ESPRIQ INTERNAL HERO ATMOSPHERE V1
   Shared visual language with Home ? subtle, institutional
   ========================================================= */

html body{
    background-color:#031522 !important;

    background-image:

        /* upper-right cyan energy field */
        radial-gradient(
            ellipse 46% 30% at 72% 9%,
            rgba(18,191,208,.095) 0%,
            rgba(8,123,143,.050) 38%,
            rgba(3,21,34,0) 76%
        ),

        /* upper-left secondary glow */
        radial-gradient(
            ellipse 36% 24% at 18% 13%,
            rgba(18,129,157,.060) 0%,
            rgba(3,21,34,0) 74%
        ),

        /* very subtle network vertical traces */
        repeating-linear-gradient(
            90deg,
            rgba(26,179,196,.022) 0px,
            rgba(26,179,196,.022) 1px,
            transparent 1px,
            transparent 148px
        ),

        /* very subtle network horizontal traces */
        repeating-linear-gradient(
            0deg,
            rgba(26,179,196,.018) 0px,
            rgba(26,179,196,.018) 1px,
            transparent 1px,
            transparent 122px
        ),

        /* soft cyan horizon under header */
        linear-gradient(
            180deg,
            rgba(5,54,67,.22) 0px,
            rgba(3,35,47,.12) 180px,
            rgba(3,25,36,.045) 390px,
            rgba(3,21,34,0) 610px
        ),

        /* permanent ESPRIQ base */
        linear-gradient(
            180deg,
            #031522 0%,
            #03202b 31%,
            #031a25 61%,
            #031522 100%
        ) !important;

    background-repeat:
        no-repeat,
        no-repeat,
        no-repeat,
        no-repeat,
        no-repeat,
        no-repeat !important;

    background-size:
        100% 620px,
        100% 560px,
        100% 610px,
        100% 610px,
        100% 610px,
        100% 100% !important;

    background-position:
        0 0,
        0 0,
        0 0,
        0 0,
        0 0,
        0 0 !important;

    background-attachment:
        scroll,
        scroll,
        scroll,
        scroll,
        scroll,
        fixed !important;
}

/* tiny atmospheric points ? no layout impact */
html body::after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    top:5.407vw;
    height:520px;

    pointer-events:none;

    background-image:
        radial-gradient(circle at 12% 17%, rgba(43,214,227,.42) 0 1px, transparent 1.7px),
        radial-gradient(circle at 26% 31%, rgba(235,186,57,.30) 0 1px, transparent 1.8px),
        radial-gradient(circle at 42% 13%, rgba(43,214,227,.28) 0 1px, transparent 1.6px),
        radial-gradient(circle at 58% 27%, rgba(43,214,227,.34) 0 1px, transparent 1.7px),
        radial-gradient(circle at 74% 15%, rgba(235,186,57,.24) 0 1px, transparent 1.8px),
        radial-gradient(circle at 87% 34%, rgba(43,214,227,.27) 0 1px, transparent 1.6px);

    opacity:.42;

    -webkit-mask-image:
        linear-gradient(
            to bottom,
            rgba(0,0,0,.92) 0%,
            rgba(0,0,0,.72) 44%,
            rgba(0,0,0,.20) 78%,
            transparent 100%
        );

    mask-image:
        linear-gradient(
            to bottom,
            rgba(0,0,0,.92) 0%,
            rgba(0,0,0,.72) 44%,
            rgba(0,0,0,.20) 78%,
            transparent 100%
        );

    z-index:0;
}

/* keep actual page content above atmosphere */
html body > *{
    position:relative;
    z-index:1;
}


/* =========================================================
   ESPRIQ INTERNAL HERO ATMOSPHERE V2
   Stronger depth, still subtle and institutional
   ========================================================= */

html body{
    background-color:#031522 !important;

    background-image:

        /* Main cyan environmental glow */
        radial-gradient(
            ellipse 58% 38% at 71% 7%,
            rgba(19,196,214,.145) 0%,
            rgba(8,132,151,.080) 34%,
            rgba(3,21,34,0) 72%
        ),

        /* Secondary left glow */
        radial-gradient(
            ellipse 40% 30% at 17% 19%,
            rgba(20,139,166,.085) 0%,
            rgba(3,21,34,0) 74%
        ),

        /* Soft central atmospheric field */
        radial-gradient(
            ellipse 48% 34% at 51% 31%,
            rgba(9,89,110,.060) 0%,
            rgba(3,21,34,0) 76%
        ),

        /* Vertical network structure */
        repeating-linear-gradient(
            90deg,
            rgba(37,198,214,.030) 0px,
            rgba(37,198,214,.030) 1px,
            transparent 1px,
            transparent 148px
        ),

        /* Horizontal network structure */
        repeating-linear-gradient(
            0deg,
            rgba(37,198,214,.024) 0px,
            rgba(37,198,214,.024) 1px,
            transparent 1px,
            transparent 122px
        ),

        /* Hero-to-page fade */
        linear-gradient(
            180deg,
            rgba(6,63,77,.24) 0px,
            rgba(4,43,56,.15) 170px,
            rgba(3,28,40,.07) 390px,
            rgba(3,21,34,0) 650px
        ),

        /* ESPRIQ base */
        linear-gradient(
            180deg,
            #031522 0%,
            #03202b 31%,
            #031a25 61%,
            #031522 100%
        ) !important;

    background-repeat:no-repeat !important;

    background-size:
        100% 680px,
        100% 610px,
        100% 650px,
        100% 650px,
        100% 650px,
        100% 680px,
        100% 100% !important;

    background-position:0 0 !important;
}


/* Atmospheric field directly below the header */
html body::before{
    content:"" !important;

    position:absolute !important;
    left:0 !important;
    right:0 !important;
    top:5.407vw !important;

    height:570px !important;

    pointer-events:none !important;

    background:

        radial-gradient(
            ellipse 34% 45% at 28% 28%,
            rgba(25,207,222,.075) 0%,
            rgba(9,99,118,.030) 44%,
            transparent 74%
        ),

        radial-gradient(
            ellipse 38% 52% at 75% 25%,
            rgba(25,207,222,.095) 0%,
            rgba(9,99,118,.040) 42%,
            transparent 74%
        ),

        linear-gradient(
            90deg,
            transparent 0%,
            rgba(24,183,199,.035) 50%,
            transparent 100%
        ) !important;

    opacity:1 !important;

    -webkit-mask-image:
        linear-gradient(
            to bottom,
            #000 0%,
            rgba(0,0,0,.92) 56%,
            rgba(0,0,0,.35) 82%,
            transparent 100%
        ) !important;

    mask-image:
        linear-gradient(
            to bottom,
            #000 0%,
            rgba(0,0,0,.92) 56%,
            rgba(0,0,0,.35) 82%,
            transparent 100%
        ) !important;

    z-index:0 !important;
}


/* Controlled signal points */
html body::after{
    content:"" !important;

    position:absolute !important;
    left:0 !important;
    right:0 !important;
    top:5.407vw !important;

    height:560px !important;

    pointer-events:none !important;

    background-image:

        radial-gradient(circle at 8% 18%,
            rgba(50,221,234,.62) 0 1px,
            transparent 1.8px),

        radial-gradient(circle at 19% 39%,
            rgba(236,187,57,.38) 0 1px,
            transparent 1.9px),

        radial-gradient(circle at 31% 15%,
            rgba(50,221,234,.50) 0 1px,
            transparent 1.8px),

        radial-gradient(circle at 44% 31%,
            rgba(50,221,234,.38) 0 1px,
            transparent 1.7px),

        radial-gradient(circle at 57% 14%,
            rgba(236,187,57,.34) 0 1px,
            transparent 1.9px),

        radial-gradient(circle at 69% 34%,
            rgba(50,221,234,.46) 0 1px,
            transparent 1.8px),

        radial-gradient(circle at 81% 19%,
            rgba(50,221,234,.40) 0 1px,
            transparent 1.7px),

        radial-gradient(circle at 92% 37%,
            rgba(236,187,57,.28) 0 1px,
            transparent 1.9px);

    opacity:.66 !important;

    -webkit-mask-image:
        linear-gradient(
            to bottom,
            #000 0%,
            rgba(0,0,0,.85) 55%,
            rgba(0,0,0,.25) 82%,
            transparent 100%
        ) !important;

    mask-image:
        linear-gradient(
            to bottom,
            #000 0%,
            rgba(0,0,0,.85) 55%,
            rgba(0,0,0,.25) 82%,
            transparent 100%
        ) !important;

    z-index:0 !important;
}


/* Keep all real page content cleanly above atmosphere */
html body > *{
    position:relative;
    z-index:1;
}


/* =========================================================
   ESPRIQ INTERNAL HERO ATMOSPHERE V3
   Atmosphere rendered inside the actual hero section
   ========================================================= */

.espriq-hero-atmosphere{
    position:relative !important;
    isolation:isolate !important;
}


/* Network field + cyan depth */
.espriq-hero-atmosphere::before{
    content:"";

    position:absolute;
    inset:0;

    pointer-events:none;

    background-image:

        /* right-side cyan halo */
        radial-gradient(
            ellipse 42% 70% at 73% 35%,
            rgba(23,207,224,.145) 0%,
            rgba(8,125,145,.070) 38%,
            transparent 72%
        ),

        /* left-side secondary halo */
        radial-gradient(
            ellipse 38% 60% at 24% 42%,
            rgba(19,151,177,.095) 0%,
            rgba(7,91,111,.042) 42%,
            transparent 74%
        ),

        /* subtle central bridge */
        radial-gradient(
            ellipse 52% 48% at 50% 45%,
            rgba(13,101,121,.060) 0%,
            transparent 72%
        ),

        /* vertical network lines */
        repeating-linear-gradient(
            90deg,
            rgba(45,206,220,.037) 0px,
            rgba(45,206,220,.037) 1px,
            transparent 1px,
            transparent 145px
        ),

        /* horizontal network lines */
        repeating-linear-gradient(
            0deg,
            rgba(45,206,220,.029) 0px,
            rgba(45,206,220,.029) 1px,
            transparent 1px,
            transparent 118px
        );

    -webkit-mask-image:
        linear-gradient(
            to bottom,
            rgba(0,0,0,.96) 0%,
            rgba(0,0,0,.88) 58%,
            rgba(0,0,0,.38) 82%,
            transparent 100%
        );

    mask-image:
        linear-gradient(
            to bottom,
            rgba(0,0,0,.96) 0%,
            rgba(0,0,0,.88) 58%,
            rgba(0,0,0,.38) 82%,
            transparent 100%
        );

    opacity:.92;

    z-index:-1;
}


/* ESPRIQ signal points */
.espriq-hero-atmosphere::after{
    content:"";

    position:absolute;
    inset:0;

    pointer-events:none;

    background-image:

        radial-gradient(circle at 8% 22%,
            rgba(55,224,237,.72) 0 1px,
            transparent 1.8px),

        radial-gradient(circle at 17% 58%,
            rgba(239,188,54,.43) 0 1px,
            transparent 1.9px),

        radial-gradient(circle at 29% 17%,
            rgba(55,224,237,.55) 0 1px,
            transparent 1.8px),

        radial-gradient(circle at 41% 47%,
            rgba(55,224,237,.44) 0 1px,
            transparent 1.7px),

        radial-gradient(circle at 55% 21%,
            rgba(239,188,54,.38) 0 1px,
            transparent 1.9px),

        radial-gradient(circle at 68% 54%,
            rgba(55,224,237,.50) 0 1px,
            transparent 1.8px),

        radial-gradient(circle at 79% 18%,
            rgba(55,224,237,.47) 0 1px,
            transparent 1.7px),

        radial-gradient(circle at 91% 44%,
            rgba(239,188,54,.34) 0 1px,
            transparent 1.9px);

    -webkit-mask-image:
        linear-gradient(
            to bottom,
            #000 0%,
            rgba(0,0,0,.82) 58%,
            rgba(0,0,0,.20) 84%,
            transparent 100%
        );

    mask-image:
        linear-gradient(
            to bottom,
            #000 0%,
            rgba(0,0,0,.82) 58%,
            rgba(0,0,0,.20) 84%,
            transparent 100%
        );

    opacity:.72;

    z-index:-1;
}


/* =========================================================
   ESPRIQ INTERNAL HERO ATMOSPHERE FINAL
   Softer network texture ? retain depth, remove panel effect
   ========================================================= */

.espriq-hero-atmosphere::before{
    background-image:

        radial-gradient(
            ellipse 45% 72% at 73% 35%,
            rgba(23,207,224,.145) 0%,
            rgba(8,125,145,.068) 38%,
            transparent 72%
        ),

        radial-gradient(
            ellipse 40% 62% at 24% 42%,
            rgba(19,151,177,.085) 0%,
            rgba(7,91,111,.035) 42%,
            transparent 74%
        ),

        radial-gradient(
            ellipse 54% 50% at 50% 45%,
            rgba(13,101,121,.050) 0%,
            transparent 72%
        ),

        repeating-linear-gradient(
            90deg,
            rgba(45,206,220,.012) 0px,
            rgba(45,206,220,.012) 1px,
            transparent 1px,
            transparent 190px
        ),

        repeating-linear-gradient(
            0deg,
            rgba(45,206,220,.010) 0px,
            rgba(45,206,220,.010) 1px,
            transparent 1px,
            transparent 155px
        ) !important;

    opacity:.82 !important;
}

.espriq-hero-atmosphere::after{
    opacity:.56 !important;
}


/* =========================================================
   ESPRIQ ATMOSPHERE CLEANUP FINAL
   One global base + one Hero atmosphere only
   ========================================================= */

/* Clean institutional base */
html body{
    background-color:#031522 !important;

    background-image:
        radial-gradient(
            ellipse 58% 35% at 72% 4%,
            rgba(0,164,183,.075) 0%,
            rgba(3,21,34,0) 72%
        ),

        radial-gradient(
            ellipse 42% 28% at 18% 8%,
            rgba(16,120,148,.040) 0%,
            rgba(3,21,34,0) 72%
        ),

        linear-gradient(
            180deg,
            #031522 0%,
            #031c27 38%,
            #031823 68%,
            #031522 100%
        ) !important;

    background-repeat:no-repeat !important;

    background-size:
        100% 620px,
        100% 520px,
        100% 100% !important;

    background-position:0 0 !important;
}

/* Disable legacy body-level atmosphere layers */
html body::before,
html body::after{
    content:none !important;
    display:none !important;
    background:none !important;
}

/*
   Hero V3 remains active:
   .espriq-hero-atmosphere::before
   .espriq-hero-atmosphere::after
*/


/* =========================================================
   ESPRIQ HERO LEGACY LAYER RESET FINAL
   Prevent page-specific pseudo background tiling
   ========================================================= */

.espriq-hero-atmosphere::before{
    background-repeat:no-repeat !important;
    background-size:100% 100% !important;
    background-position:center center !important;

    filter:none !important;
    backdrop-filter:none !important;
    box-shadow:none !important;

    animation:none !important;
    transform:none !important;

    mix-blend-mode:normal !important;
}

.espriq-hero-atmosphere::after{
    background-repeat:no-repeat !important;
    background-size:100% 100% !important;
    background-position:center center !important;

    filter:none !important;
    backdrop-filter:none !important;
    box-shadow:none !important;

    animation:none !important;
    transform:none !important;

    mix-blend-mode:normal !important;
}


/* =========================================================
   ESPRIQ INTERNAL LANGUAGE DIRECTION FINAL
   AR = RTL / EN + DE = LTR
   ========================================================= */

/* Arabic */
body[data-espriq-lang="ar"] main{
    direction:rtl !important;
}

body[data-espriq-lang="ar"] main h1,
body[data-espriq-lang="ar"] main h2,
body[data-espriq-lang="ar"] main h3,
body[data-espriq-lang="ar"] main p{
    direction:rtl !important;
    text-align:right !important;
    unicode-bidi:isolate !important;
}


/* English + German */
body[data-espriq-lang="en"] main,
body[data-espriq-lang="de"] main{
    direction:ltr !important;
}

body[data-espriq-lang="en"] main h1,
body[data-espriq-lang="en"] main h2,
body[data-espriq-lang="en"] main h3,
body[data-espriq-lang="en"] main p,

body[data-espriq-lang="de"] main h1,
body[data-espriq-lang="de"] main h2,
body[data-espriq-lang="de"] main h3,
body[data-espriq-lang="de"] main p{
    direction:ltr !important;
    text-align:left !important;
    unicode-bidi:isolate !important;
}


/* Text-bearing cards and labels */
body[data-espriq-lang="en"] main .txt,
body[data-espriq-lang="en"] main .content,
body[data-espriq-lang="en"] main .copy,
body[data-espriq-lang="en"] main .lead,

body[data-espriq-lang="de"] main .txt,
body[data-espriq-lang="de"] main .content,
body[data-espriq-lang="de"] main .copy,
body[data-espriq-lang="de"] main .lead{
    direction:ltr !important;
    text-align:left !important;
}


/* Buttons remain centered */
body[data-espriq-lang="en"] main a,
body[data-espriq-lang="en"] main button,
body[data-espriq-lang="de"] main a,
body[data-espriq-lang="de"] main button{
    direction:ltr !important;
    unicode-bidi:isolate !important;
}


/* Language indicator */
body[data-espriq-lang="en"] .actions .lang,
body[data-espriq-lang="de"] .actions .lang{
    direction:ltr !important;
    unicode-bidi:isolate !important;
}


/* =========================================================
   ESPRIQ INTERNAL LATIN FLOW FINAL
   EN / DE = true LTR composition
   AR remains RTL
   ========================================================= */

/* ---------------------------------------------------------
   EN + DE textual flow
   --------------------------------------------------------- */

body[data-espriq-lang="en"] main,
body[data-espriq-lang="de"] main{
    direction:ltr !important;
}


/* All visible textual elements */
body[data-espriq-lang="en"] main :is(
    h1,h2,h3,h4,p,
    span,strong,small,
    .eyebrow,.kicker,.label
),
body[data-espriq-lang="de"] main :is(
    h1,h2,h3,h4,p,
    span,strong,small,
    .eyebrow,.kicker,.label
){
    direction:ltr !important;
    text-align:left !important;
    unicode-bidi:isolate !important;
}


/* Common section heading / intro wrappers */
body[data-espriq-lang="en"] main :is(
    [class*="section-head"],
    [class*="section-intro"],
    [class*="section-copy"],
    [class*="intro"],
    [class*="heading"],
    [class*="copy"]
),
body[data-espriq-lang="de"] main :is(
    [class*="section-head"],
    [class*="section-intro"],
    [class*="section-copy"],
    [class*="intro"],
    [class*="heading"],
    [class*="copy"]
){
    direction:ltr !important;
    text-align:left !important;
    align-items:flex-start !important;

    margin-left:0 !important;
    margin-right:auto !important;
}


/* Section titles and descriptions must anchor left */
body[data-espriq-lang="en"] main h2,
body[data-espriq-lang="en"] main h2 + p,
body[data-espriq-lang="de"] main h2,
body[data-espriq-lang="de"] main h2 + p{
    margin-left:0 !important;
    margin-right:auto !important;
    text-align:left !important;
}


/* Hero title + lead */
body[data-espriq-lang="en"] main h1,
body[data-espriq-lang="de"] main h1{
    margin-left:0 !important;
    margin-right:auto !important;
    text-align:left !important;
}

body[data-espriq-lang="en"] #page-description,
body[data-espriq-lang="de"] #page-description{
    margin-left:0 !important;
    margin-right:auto !important;
    text-align:left !important;
}


/* CTA rows follow reading direction:
   primary first on the left, secondary after it */
body[data-espriq-lang="en"] main :is(
    [class*="actions"],
    [class*="buttons"],
    [class*="cta"],
    [class*="hero-btn"]
),
body[data-espriq-lang="de"] main :is(
    [class*="actions"],
    [class*="buttons"],
    [class*="cta"],
    [class*="hero-btn"]
){
    direction:ltr !important;
}


/* Buttons themselves stay centered */
body[data-espriq-lang="en"] main a,
body[data-espriq-lang="en"] main button,
body[data-espriq-lang="de"] main a,
body[data-espriq-lang="de"] main button{
    text-align:center !important;
    unicode-bidi:isolate !important;
}


/* Cards use LTR text but their graphic coordinates are untouched */
body[data-espriq-lang="en"] main :is(
    article,
    [class*="card"],
    [class*="item"]
),
body[data-espriq-lang="de"] main :is(
    article,
    [class*="card"],
    [class*="item"]
){
    direction:ltr !important;
}


/* ---------------------------------------------------------
   Arabic canonical flow
   --------------------------------------------------------- */

body[data-espriq-lang="ar"] main{
    direction:rtl !important;
}

body[data-espriq-lang="ar"] main :is(
    h1,h2,h3,h4,p,
    span,strong,small
){
    direction:rtl !important;
    text-align:right !important;
}


/* =========================================================
   ESPRIQ SERVICES BAND TYPOGRAPHY FINAL
   ========================================================= */

.espriq-service-band-item{
    text-align:center !important;
}

.espriq-service-band-subtitle{
    display:block !important;

    margin-top:9px !important;

    font-size:18px !important;
    font-weight:650 !important;
    line-height:1.30 !important;

    color:rgba(183,211,223,.90) !important;

    letter-spacing:.05px !important;

    text-align:center !important;

    white-space:nowrap !important;

    min-height:24px !important;
}


/* Slightly tighter German fit */
body[data-espriq-lang="de"] .espriq-service-band-subtitle{
    font-size:17px !important;
}


/* =========================================================
   ESPRIQ SERVICES ARABIC BAND TYPOGRAPHY FINAL
   ========================================================= */

body[data-espriq-lang="ar"] .espriq-service-band-item{
    text-align:center !important;
}

body[data-espriq-lang="ar"] .espriq-service-band-title{
    direction:rtl !important;
    text-align:center !important;
}

body[data-espriq-lang="ar"] .espriq-service-band-subtitle{
    display:block !important;

    margin-top:9px !important;

    font-size:18px !important;
    font-weight:650 !important;
    line-height:1.45 !important;

    color:rgba(183,211,223,.90) !important;

    text-align:center !important;
    direction:rtl !important;

    white-space:nowrap !important;
    min-height:26px !important;
}


/* =========================================================
   ESPRIQ INTERNAL I18N FINAL V4
   AR = RTL
   EN / DE = LTR
   ========================================================= */

body[data-espriq-lang="ar"] main{
    direction:rtl !important;
}

body[data-espriq-lang="en"] main,
body[data-espriq-lang="de"] main{
    direction:ltr !important;
}


/* Long-form reading text */
body[data-espriq-lang="en"] main :is(
    h1,h2,h3,h4,p
),
body[data-espriq-lang="de"] main :is(
    h1,h2,h3,h4,p
){
    direction:ltr !important;
    text-align:left !important;
    unicode-bidi:isolate !important;
}

body[data-espriq-lang="ar"] main :is(
    h1,h2,h3,h4,p
){
    direction:rtl !important;
    text-align:right !important;
    unicode-bidi:isolate !important;
}


/* Buttons always remain visually centered */
main a,
main button{
    text-align:center !important;
}


/* Services institutional band */
.espriq-service-band-item{
    text-align:center !important;
}

.espriq-service-band-title{
    display:block !important;
    text-align:center !important;
}

.espriq-service-band-subtitle{
    display:block !important;

    margin-top:9px !important;

    font-size:18px !important;
    font-weight:650 !important;
    line-height:1.35 !important;

    color:rgba(183,211,223,.90) !important;

    text-align:center !important;
    min-height:25px !important;
}

body[data-espriq-lang="de"]
.espriq-service-band-subtitle{
    font-size:17px !important;
    white-space:normal !important;
}

body[data-espriq-lang="en"]
.espriq-service-band-subtitle{
    white-space:nowrap !important;
}

body[data-espriq-lang="ar"]
.espriq-service-band-subtitle{
    direction:rtl !important;
    white-space:nowrap !important;
}


/* =========================================================
   ESPRIQ I18N V4.2 PAGE POLISH
   ========================================================= */

/* German Academy cards need more vertical room */
body[data-espriq-lang="de"]
.espriq-academy-de-card{
    min-height:330px !important;
    height:auto !important;

    padding-bottom:64px !important;

    overflow:visible !important;
}


/* Preserve readable LTR content */
body[data-espriq-lang="en"]
.espriq-academy-de-card,
body[data-espriq-lang="de"]
.espriq-academy-de-card{
    direction:ltr !important;
    text-align:left !important;
}


/* Analytics cards must follow the language direction */
body[data-espriq-lang="en"]
.analytics-phase,
body[data-espriq-lang="de"]
.analytics-phase{
    direction:ltr !important;
    text-align:left !important;
}