/* ==========================================================================
   ACCUREX — Premium theme tokens
   Material-informed surfaces, elevation and motion over the navy/cyan brand.
   Tokens only.
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');

:root {
    /* Brand ------------------------------------------------------------- */



    /* Type — bold and bright -------------------------------------------- */
    --ax-font-display: 'Plus Jakarta Sans', system-ui, sans-serif;
    --ax-font-sans:    'Manrope', system-ui, sans-serif;

    /* Material elevation ------------------------------------------------ */
    --ax-e1: 0 1px 2px color-mix(in srgb, var(--ax-navy-900) 30%, transparent), 0 1px 3px 1px color-mix(in srgb, var(--ax-navy-900) 15%, transparent);
    --ax-e2: 0 1px 2px color-mix(in srgb, var(--ax-navy-900) 30%, transparent), 0 2px 6px 2px color-mix(in srgb, var(--ax-navy-900) 15%, transparent);
    --ax-e3: 0 4px 8px 3px color-mix(in srgb, var(--ax-navy-900) 15%, transparent), 0 1px 3px color-mix(in srgb, var(--ax-navy-900) 30%, transparent);
    --ax-e4: 0 6px 10px 4px color-mix(in srgb, var(--ax-navy-900) 15%, transparent), 0 2px 3px color-mix(in srgb, var(--ax-navy-900) 30%, transparent);

    /* Material motion — short, standard easing */
    --ax-ease:   cubic-bezier(.2, 0, 0, 1);
    --ax-dur-sm: 150ms;
    --ax-dur-md: 250ms;

    --ax-r-sm: 12px;
    --ax-r-md: 20px;
    --ax-r-lg: 28px;
}

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
        scroll-behavior: auto !important;
    }
}

:root {
    --ax-t-display: clamp(2.1rem, 3.4vw, 3.05rem);  /* section headings   */
    --ax-t-sub:     clamp(1.5rem, 2.2vw, 2rem);     /* sub-headings       */
    --ax-t-card:    1.22rem;                         /* card titles        */
    --ax-t-body:    1rem;                            /* body copy          */
    --ax-t-small:   .94rem;                          /* dense body         */
    --ax-lh-tight:  1.1;
    --ax-lh-body:   1.7;
}

:root {
    --ax-sp-section: 92px;
    --ax-sp-head:    46px;   /* heading block -> content */
    --ax-sp-block:   56px;   /* sub-block -> sub-block   */
    --ax-gap:        20px;
}

:root {
    --ax-t-display: clamp(2.45rem, 4.2vw, 3.6rem);
    --ax-t-sub:     clamp(1.7rem, 2.6vw, 2.3rem);
}

:root {

    /* Cyan -> blue, the new signature sweep */
}

:root { --ax-header-h: 84px; }

.header-area.header-area-all {
    min-height: var(--ax-header-h);
    display: flex;
    align-items: center;
}

:root { --ax-header-h: 84px; }

/* Bar: one fixed height, no theme padding, contents vertically centred */
.header-area.header-area-all,
.header-area.header-area-all.sticky,
.header-area.header-area-all.sticky2 {
    height: var(--ax-header-h) !important;
    min-height: var(--ax-header-h) !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    background-color: var(--ax-white) !important;
    animation: none !important;          /* kills fade-in-down on every scroll */
    box-shadow: none !important;         /* kills the heavy upward dark shadow */
    border-bottom: 1px solid color-mix(in srgb, var(--ax-navy-900) 7%, transparent);
    transition: box-shadow var(--ax-dur-md) var(--ax-ease);
}