.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for html, class: .elementor-element-a5ba17f *//* ================================
   MOTION CIRCLE HUD HEADER
   production-safe version
================================ */

.mc-hud{
    position:fixed;
    top:24px;
    left:0;
    width:100%;
    z-index:999999;

    display:flex;
    justify-content:space-between;
    align-items:center;

    padding:0 36px;

    pointer-events:none;
}

/* shared floating core */
.mc-brand,
.mc-center,
.mc-cta{
    pointer-events:auto;
}

/* ================= BRAND ================= */

.mc-brand{
    color:#fff;
    text-decoration:none;

    font-size:13px;
    letter-spacing:0.35em;
    font-weight:500;

    opacity:0.85;
    transition:0.35s ease;
}

.mc-brand:hover{
    opacity:1;
}

/* ================= CENTER HUD ================= */

.mc-center{
    display:flex;
    align-items:center;
    gap:14px;

    padding:12px 18px;

    border-radius:999px;

    background:rgba(255,255,255,0.03);

    backdrop-filter:blur(28px);
    -webkit-backdrop-filter:blur(28px);

    border:1px solid rgba(255,255,255,0.08);

    box-shadow:
        0 0 0 1px rgba(255,255,255,0.02),
        0 20px 60px rgba(0,0,0,0.55);
}

/* STATE TEXT */

.mc-state{
    color:#fff;

    font-size:11px;
    letter-spacing:0.45em;
    text-transform:uppercase;

    opacity:0.9;
}

/* separator node */

.mc-separator{
    width:5px;
    height:5px;
    border-radius:50%;

    background:#fff;
    opacity:0.5;

    box-shadow:0 0 10px rgba(255,255,255,0.35);
}

/* substate */

.mc-substate{
    font-size:10px;
    letter-spacing:0.35em;
    text-transform:uppercase;

    color:rgba(255,255,255,0.5);
}

/* ================= CTA ================= */

.mc-cta{
    color:#fff;
    text-decoration:none;

    font-size:11px;
    letter-spacing:0.35em;
    text-transform:uppercase;

    padding:10px 16px;

    border-radius:999px;

    background:rgba(255,255,255,0.02);

    border:1px solid rgba(255,255,255,0.12);

    transition:0.35s ease;
}

.mc-cta:hover{
    transform:translateY(-1px);
    border-color:rgba(255,255,255,0.25);
}

/* ================= SCROLL BEHAVIOR ================= */

body.scrolled .mc-center{
    background:rgba(0,0,0,0.55);
    border-color:rgba(255,255,255,0.06);
    transform:scale(0.98);
}

/* ================= RESPONSIVE ================= */

@media (max-width: 768px){

    .mc-hud{
        padding:0 18px;
    }

    .mc-substate{
        display:none;
    }

    .mc-center{
        padding:10px 14px;
        gap:10px;
    }
}/* End custom CSS */