/* Subtle global refresh styles shared by all pages */
:root {
    --brand-orange: #f26324;
    --brand-dark: #242424;
    --surface: #ffffff;
    --surface-soft: #f6f7f9;
    --text-main: #2f2f2f;
    --shadow-soft: 0 8px 24px rgba(0, 0, 0, 0.08);
}

body {
    color: var(--text-main);
    background: radial-gradient(circle at 20% 0%, #ffffff 0%, #f4f5f7 55%, #eceff2 100%);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.wrap-body {
    background: transparent;
}

header .wrap-header {
    border-bottom: 2px solid #d9d9d9;
    margin-bottom: 24px;
}

#menu {
    border-color: #1e1e1e;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
}

#menu-wrap {
    position: relative;
    z-index: 9999;
}

#menu-trigger {
    position: relative;
    z-index: 10000;
}

#menu {
    position: relative;
    z-index: 10001;
}

#menu a {
    letter-spacing: 0.6px;
}

#menu li:hover > a {
    color: #fff;
    background: linear-gradient(#ff7a3f, var(--brand-orange));
}

.callbacks_container img,
.slider img {
    border-radius: 8px;
}

/* Keep ResponsiveSlides content above page backgrounds */
.rslides,
.rslidesc,
.rslidesd {
    z-index: 1 !important;
}

.slider {
    margin-bottom: 12px;
}

.slider::after {
    content: "";
    display: block;
    clear: both;
}

.content-box .item .item-content {
    border-radius: 8px;
    box-shadow: var(--shadow-soft);
}

.content-box .item h3.item-header a {
    transition: color 180ms ease;
}

#container iframe {
    border-radius: 8px;
    box-shadow: var(--shadow-soft);
}

#ff input,
#ff textarea {
    transition: box-shadow 180ms ease, border-color 180ms ease;
}

#ff input:focus,
#ff textarea:focus {
    border-color: var(--brand-orange);
    box-shadow: 0 0 0 3px rgba(242, 99, 36, 0.18);
}

footer {
    background: linear-gradient(180deg, #efefef 0%, #e3e3e3 100%);
    border-top: 1px solid #d2d2d2;
}

footer .copy-right p {
    font-weight: 600;
}

footer .copy-right a {
    color: #444;
}

footer .copy-right a:hover {
    color: var(--brand-orange);
}

footer .bottom-social img {
    border-radius: 999px;
    transition: transform 180ms ease, box-shadow 180ms ease;
}

footer .bottom-social img:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

.zerogrid {
    max-width: 1200px;
}

h2 {
    color: #252525;
    letter-spacing: 0.4px;
}

@media (prefers-reduced-motion: no-preference) {
    .wrap-header,
    #menu-wrap,
    .slider,
    #container,
    footer {
        animation: fadeUp 320ms ease both;
    }

    @keyframes fadeUp {
        from {
            opacity: 0;
            transform: translateY(6px);
        }
        to {
            opacity: 1;
            transform: translateY(0);
        }
    }
}

@media screen and (max-width: 600px) {
    #menu-wrap {
        z-index: 2147483000;
    }

    #menu {
        z-index: 2147483001;
    }

    #menu {
        box-shadow: none;
    }

    .slider {
        margin-bottom: 8px;
    }
}