:root {
    /* Global AEC Corporate Palette (Apple & NVIDIA Minimalist Standard) */
    --az-bg-body: #FFFFFF;
    --az-bg-subtle: #F8FAFC;          /* Clean architectural off-white */
    --az-bg-card: #FFFFFF;
    --az-bg-header: rgba(255, 255, 255, 0.95);
    
    --az-navy-primary: #0B1F33;       /* Deep Engineering Navy */
    --az-navy-secondary: #1E293B;     /* Slate Navy */
    --az-slate-muted: #475569;        /* Refined Slate Body Text */
    --az-slate-light: #64748B;        /* Secondary Meta Text */
    
    --az-accent: #0878D1;             /* Electric Blue */
    --az-accent-hover: #0766B2;       /* Deepened Electric Blue */
    --az-accent-light: #EBF5FF;       /* Minimalist Blue Tint */
    --az-accent-border: #BFDBFE;      /* Subtle Blue Border */
    
    --az-border-card: #E2E8F0;        /* Crisp Structural Border */
    --az-border-subtle: #F1F5F9;
    --az-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.05);
    --az-shadow-md: 0 4px 20px rgba(11, 31, 51, 0.06);
    --az-shadow-header: 0 2px 15px rgba(0, 0, 0, 0.04);
    --az-shadow-btn: 0 4px 14px rgba(8, 120, 209, 0.25);

    /* MEPF Systems Technical Colors */
    --az-color-hvac: #0878D1;
    --az-color-fire: #EF4444;
    --az-color-elec: #F59E0B;
    --az-color-plumb: #10B981;

    --az-font-heading: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    --az-font-body: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    --az-font-mono: 'JetBrains Mono', monospace;
    --az-transition: all 0.22s cubic-bezier(0.16, 1, 0.3, 1);
}

/* ==========================================================================
   1. SUPPRESS HELLO ELEMENTOR DEFAULT SITE TITLE, HEADER & STRAY FOOTER
   ========================================================================== */
header.site-header,
.site-header,
.entry-header,
.page-header,
.site-title,
.site-description,
.entry-title,
.hello-header,
footer.site-footer,
.site-footer,
.site-info,
.elementor-location-footer:not(.az-enterprise-footer) {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    overflow: hidden !important;
}

/* ==========================================================================
   GLOBAL RESET & OVERFLOW GUARDS (KILL 100VW HORIZONTAL OVERFLOW BUG)
   ========================================================================== */
html, body {
    overflow-x: clip !important;
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

body {
    background-color: var(--az-bg-body);
    color: var(--az-slate-muted);
    font-family: var(--az-font-body);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.elementor, 
.elementor-inner,
.elementor-section-wrap,
.az-section-wrapper,
.az-hero-section,
.az-services-section,
.az-why-us-section,
.az-deliverables-section {
    overflow-x: clip !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

/* Strict SVG, Canvas & Section Width Constraints to prevent layout blowouts */
svg, canvas {
    max-width: 100% !important;
    height: auto;
}

.az-deliverables-preview-pane svg,
.az-preview-sheet-frame svg,
.az-sheet-canvas svg,
.az-sheet-svg,
.az-sheet-mockup svg {
    width: 100% !important;
    max-width: 100% !important;
    max-height: 400px !important;
    display: block !important;
}

.az-section-wrapper,
.az-hero-container,
.az-services-container,
.az-why-us-container,
.az-deliverables-container,
.az-deliverables-grid,
.az-deliverables-vault-grid,
.az-bento-grid,
.az-hardware-grid {
    width: 100% !important;
    max-width: 1240px !important;
    margin: 0 auto !important;
    box-sizing: border-box !important;
}

h1, h2, h3, h4, h5, h6, .az-heading {
    font-family: var(--az-font-heading);
    letter-spacing: -0.025em;
    color: var(--az-navy-primary);
    font-weight: 700;
}

/* Architectural Overline */
.az-hero-overline-wrap,
.az-stage-overline-wrap,
.az-overline-wrap {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    width: fit-content;
}

.az-hero-overline,
.az-stage-overline,
.az-overline,
.az-overline-text {
    font-family: var(--az-font-body);
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--az-accent);
}

.az-hero-overline-line,
.az-stage-overline-rule,
.az-overline-line {
    display: inline-block;
    width: 32px;
    height: 1px;
    background-color: var(--az-accent);
}

/* ==========================================================================
   BUTTONS (Apple / Tesla Minimalist Engineering Standard)
   ========================================================================== */
.az-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-family: var(--az-font-body);
    font-size: 0.94rem;
    font-weight: 600;
    letter-spacing: -0.01em;
    padding: 14px 28px;
    border-radius: 6px;
    text-decoration: none;
    transition: var(--az-transition);
    cursor: pointer;
    line-height: 1.2;
}

.az-btn-primary {
    background-color: var(--az-accent);
    color: #FFFFFF !important;
    border: 1px solid var(--az-accent);
    box-shadow: 0 4px 14px rgba(8, 120, 209, 0.22);
}

.az-btn-primary:hover {
    background-color: var(--az-accent-hover);
    border-color: var(--az-accent-hover);
    color: #FFFFFF !important;
    transform: translateY(-1px);
    box-shadow: 0 6px 18px rgba(8, 120, 209, 0.3);
}

.az-btn-secondary {
    background-color: #FFFFFF;
    color: var(--az-navy-primary) !important;
    border: 1px solid #CBD5E1;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}

.az-btn-secondary:hover {
    background-color: #F1F5F9;
    border-color: #94A3B8;
    color: var(--az-navy-primary) !important;
    transform: translateY(-1px);
}

/* ==========================================================================
   STICKY HEADER (Pure White Light AEC Corporate)
   ========================================================================== */
.az-site-header {
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99999;
    background: var(--az-bg-header);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-bottom: 1px solid #E2E8F0;
    box-shadow: var(--az-shadow-header);
}

.az-header-container {
    max-width: 1380px;
    margin: 0 auto;
    padding: 12px 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.az-brand-link {
    display: flex;
    align-items: center;
    gap: 12px;
    text-decoration: none;
}

.az-brand-logo-img {
    display: block;
    object-fit: contain;
    border-radius: 4px;
    transition: var(--az-transition);
}

.az-brand-logo-img.header-logo {
    height: 42px;
    width: auto;
}

.az-brand-logo-img.footer-logo {
    height: 46px;
    width: auto;
}

.az-brand-text {
    display: flex;
    flex-direction: column;
}

.az-brand-title {
    font-family: var(--az-font-heading);
    font-size: 1.15rem;
    font-weight: 800;
    letter-spacing: -0.01em;
    color: var(--az-navy-primary);
    line-height: 1.1;
}

.az-brand-tagline {
    font-family: var(--az-font-body);
    font-size: 0.68rem;
    font-weight: 600;
    letter-spacing: 0.06em;
    color: var(--az-slate-light);
    text-transform: uppercase;
    margin-top: 2px;
}

/* Navigation Links */
.az-nav-menu {
    display: flex;
    align-items: center;
    list-style: none;
    margin: 0;
    padding: 0;
    gap: 6px;
}

.az-nav-item {
    position: relative;
}

.az-nav-link {
    display: inline-flex;
    align-items: center;
    position: relative;
    gap: 4px;
    font-family: var(--az-font-body);
    font-size: 0.9rem;
    font-weight: 500;
    color: var(--az-navy-primary);
    text-decoration: none;
    padding: 8px 14px 13px 14px;
    border-radius: 6px;
    transition: var(--az-transition);
}

.az-nav-link:hover {
    color: var(--az-accent);
    background-color: rgba(8, 120, 209, 0.04);
}

.az-nav-link.active,
.az-nav-item.active > .az-nav-link {
    color: var(--az-accent) !important;
    font-weight: 600 !important;
    background-color: transparent !important;
}

/* Pulsating Circle below Active Menu Name */
.az-nav-pulse-circle {
    display: none;
    position: absolute;
    bottom: 2px;
    left: 50%;
    transform: translateX(-50%);
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: var(--az-accent, #0878D1);
    box-shadow: 0 0 0 0 rgba(8, 120, 209, 0.75);
    pointer-events: none;
}

.az-nav-link.active .az-nav-pulse-circle,
.az-nav-item.active > .az-nav-link .az-nav-pulse-circle {
    display: block;
    animation: az-nav-dot-pulse 1.8s infinite cubic-bezier(0.4, 0, 0.2, 1);
}

@keyframes az-nav-dot-pulse {
    0% {
        transform: translateX(-50%) scale(0.9);
        box-shadow: 0 0 0 0 rgba(8, 120, 209, 0.75);
    }
    50% {
        transform: translateX(-50%) scale(1.15);
        box-shadow: 0 0 0 6px rgba(8, 120, 209, 0);
    }
    100% {
        transform: translateX(-50%) scale(0.9);
        box-shadow: 0 0 0 0 rgba(8, 120, 209, 0);
    }
}

.az-nav-item.az-has-dropdown {
    position: relative;
    padding-bottom: 6px;
    margin-bottom: -6px;
}

.az-dropdown-caret {
    font-size: 0.7rem;
    transition: transform 0.2s ease;
    display: inline-block;
    margin-left: 4px;
}

.az-dropdown-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 290px;
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 10px;
    padding: 8px;
    list-style: none;
    box-shadow: 0 16px 36px rgba(15, 23, 42, 0.12);
    z-index: 999999;
    margin-top: 4px;
    pointer-events: auto;
}

/* Invisible hover bridge to eliminate any mouse gap between link and menu */
.az-dropdown-menu::before {
    content: '';
    position: absolute;
    top: -14px;
    left: 0;
    right: 0;
    height: 14px;
    background: transparent;
    pointer-events: auto;
}

.az-nav-item:hover .az-dropdown-menu,
.az-nav-item:focus-within .az-dropdown-menu,
.az-dropdown-menu:hover {
    display: block !important;
    animation: az-fade-down 0.18s ease forwards;
}

.az-nav-item:hover .az-dropdown-caret,
.az-nav-item:focus-within .az-dropdown-caret {
    transform: rotate(180deg);
}

@keyframes az-fade-down {
    from { opacity: 0; transform: translateY(-4px); }
    to { opacity: 1; transform: translateY(0); }
}

.az-dropdown-link {
    display: flex;
    flex-direction: column;
    padding: 10px 14px;
    border-radius: 6px;
    border-left: 3px solid transparent;
    color: var(--az-navy-primary);
    text-decoration: none;
    transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
    cursor: pointer;
}

.az-dropdown-link:hover {
    background: var(--az-accent-light);
    color: var(--az-accent);
    transform: translateX(2px);
}

.az-dropdown-link.active {
    background: rgba(8, 120, 209, 0.08) !important;
    border-left: 3px solid var(--az-accent, #0878D1) !important;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    box-shadow: 0 2px 8px rgba(8, 120, 209, 0.06);
}

.az-dropdown-link.active .az-dropdown-title {
    color: var(--az-accent, #0878D1) !important;
    font-weight: 700 !important;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

/* Pulsating Circle for Active Submenu Item */
.az-dropdown-link.active .az-dropdown-title::after {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: var(--az-accent, #0878D1);
    box-shadow: 0 0 0 0 rgba(8, 120, 209, 0.75);
    animation: az-nav-dot-pulse 1.8s infinite cubic-bezier(0.4, 0, 0.2, 1);
    vertical-align: middle;
}

.az-dropdown-link.active .az-dropdown-sub {
    color: var(--az-slate-muted, #475569) !important;
    font-weight: 500;
}

.az-dropdown-title {
    font-size: 0.88rem;
    font-weight: 600;
    color: var(--az-navy-primary);
    transition: color 0.15s ease;
}

.az-dropdown-sub {
    font-size: 0.75rem;
    color: var(--az-slate-light);
    margin-top: 2px;
    transition: color 0.15s ease;
}

.az-mobile-toggle {
    display: none;
    background: transparent;
    border: 1px solid #CBD5E1;
    color: var(--az-navy-primary);
    padding: 8px;
    border-radius: 6px;
    cursor: pointer;
}

.az-mobile-drawer-header {
    display: none;
}

.az-mobile-drawer-title {
    font-family: var(--az-font-heading);
    font-size: 1.2rem;
    font-weight: 700;
    color: var(--az-navy-primary);
}

.az-mobile-drawer-close {
    background: none;
    border: none;
    color: var(--az-navy-primary);
    cursor: pointer;
    padding: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* ==========================================================================
   SECTION 01: HERO SECTION
   ========================================================================== */
.az-hero-section {
    position: relative;
    padding: 70px 0 90px 0;
    background: linear-gradient(180deg, #FFFFFF 0%, #F8FAFC 100%);
    overflow: hidden;
}

.az-hero-container {
    max-width: 1380px;
    margin: 0 auto;
    padding: 0 24px;
    display: grid;
    grid-template-columns: 1.15fr 1fr;
    gap: 60px;
    align-items: center;
}

.az-hero-content {
    display: flex;
    flex-direction: column;
    gap: 20px;
    z-index: 2;
}

.az-hero-title {
    font-size: 3.5rem;
    font-weight: 800;
    line-height: 1.08;
    letter-spacing: -0.035em;
    color: var(--az-navy-primary);
    margin: 0;
}

.az-hero-subheading {
    font-size: 1.25rem;
    font-weight: 500;
    color: var(--az-slate-muted);
    line-height: 1.45;
    margin: 0;
}

.az-hero-description {
    font-size: 0.98rem;
    color: var(--az-slate-light);
    line-height: 1.7;
    margin: 0;
}

.az-hero-description p {
    margin: 0 0 12px 0;
}
.az-hero-description p:last-child {
    margin-bottom: 0;
}

/* Restored Individual Checkmark Cards */
.az-hero-check-cards {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 4px;
}

.az-check-card {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 8px;
    padding: 10px 18px;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04);
    transition: var(--az-transition);
}

.az-check-card:hover {
    border-color: #CBD5E1;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.06);
}

.az-check-card-icon {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: var(--az-accent-light);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.az-check-card-icon svg {
    width: 12px;
    height: 12px;
    color: var(--az-accent);
}

.az-check-card-text {
    font-family: var(--az-font-body);
    font-size: 0.88rem;
    font-weight: 600;
    color: #1E293B;
    letter-spacing: -0.01em;
}

.az-hero-actions {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-top: 10px;
    flex-wrap: wrap;
}

/* 3D Viewport Box */
.az-hero-3d-wrapper {
    position: relative;
    width: 100%;
    min-height: 560px;
    height: 100%;
    background: transparent;
    border: none;
    box-shadow: none;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.az-hero-3d-canvas-container {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    cursor: grab;
    overflow: hidden;
}

.az-hero-3d-canvas-container:active {
    cursor: grabbing;
}

/* ==========================================================================
   HERO 3D VIEWPORT & HORIZONTAL DEPTH SCRUBBER (BENEATH 3D MODEL)
   ========================================================================== */
.az-hero-stage-col {
    display: flex;
    flex-direction: column;
    width: 100%;
    position: relative;
}

.az-hero-3d-wrapper {
    position: relative;
    width: 100%;
    min-height: 520px;
    height: 520px;
    background: transparent;
    border: none;
    box-shadow: none;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.az-hero-3d-canvas-container {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    cursor: grab;
    overflow: hidden;
}

.az-hero-3d-canvas-container canvas {
    touch-action: none !important;
    pointer-events: auto !important;
}

.az-hero-3d-canvas-container:active {
    cursor: grabbing;
}

/* Scrubber Container Beneath 3D Model */
.az-hero-scrubber-wrap {
    width: 100%;
    padding: 24px 8px 18px 8px;
    box-sizing: border-box;
}

.az-hero-scrubber-track-bar {
    position: relative;
    height: 24px;
    display: flex;
    align-items: center;
    width: 100%;
    cursor: pointer;
    touch-action: none;
    box-sizing: border-box;
    user-select: none;
}

.az-hero-track-rail {
    position: absolute;
    left: 6px;
    right: 6px;
    height: 2px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
}

.az-hero-track-line-base {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #E2E8F0;
    border-radius: 2px;
}

.az-hero-track-line-active {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    background: #0878D1;
    border-radius: 2px;
    transition: width 0.28s cubic-bezier(0.16, 1, 0.3, 1);
}

.az-hero-scrubber-thumb {
    position: absolute;
    top: 50%;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #0878D1;
    border: 3px solid #FFFFFF;
    box-shadow: 0 0 0 4px rgba(8, 120, 209, 0.22), 0 2px 6px rgba(0, 0, 0, 0.12);
    transform: translate(-50%, -50%);
    pointer-events: none;
    transition: left 0.28s cubic-bezier(0.16, 1, 0.3, 1);
    z-index: 5;
}

.az-hero-scrubber-nodes {
    position: absolute;
    left: 6px;
    right: 6px;
    top: 0;
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.az-hero-detent-stop {
    all: unset !important;
    box-sizing: border-box !important;
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    width: 24px !important;
    height: 24px !important;
}

.az-hero-node-circle-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
}

.az-hero-detent-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #CBD5E1;
    transition: all 0.2s ease;
}

.az-hero-detent-stop:hover .az-hero-detent-dot {
    background: #94A3B8;
    transform: scale(1.25);
}

.az-hero-detent-stop.completed .az-hero-detent-dot {
    background: #0878D1;
}

.az-hero-detent-stop.active .az-hero-detent-dot {
    opacity: 0;
}

.az-hero-detent-label {
    position: absolute;
    top: calc(100% + 10px);
    left: 50%;
    transform: translateX(-50%);
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    color: #64748B !important;
    text-transform: uppercase !important;
    letter-spacing: 0.04em !important;
    white-space: nowrap !important;
    transition: color 0.2s ease !important;
}

.az-hero-detent-stop.active .az-hero-detent-label {
    color: #0B1F33 !important;
    font-weight: 700 !important;
}

@media (max-width: 640px) {
    .az-hero-3d-wrapper {
        min-height: 380px;
        height: 380px;
    }
    .az-hero-detent-label {
        font-size: 9px !important;
        letter-spacing: -0.01em !important;
    }
}

/* ==========================================================================
   PART 2: SECTION 02 — THE EXPLODED BIM DEPTH SCRUBBER
   ========================================================================== */
.az-scrubber-section {
    padding: 90px 0 100px 0;
    background-color: var(--az-bg-subtle);
    border-top: 1px solid var(--az-border-card);
    border-bottom: 1px solid var(--az-border-card);
    position: relative;
}

.az-scrubber-container {
    max-width: 1240px !important;
    margin: 0 auto;
    padding: 0 24px;
    box-sizing: border-box;
}

.az-scrubber-header {
    max-width: 800px;
    margin: 0 auto 46px auto;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
}

.az-scrubber-headline {
    font-size: 2.6rem;
    font-weight: 800;
    letter-spacing: -0.03em;
    line-height: 1.15;
    color: var(--az-navy-primary);
    margin: 0;
}

.az-scrubber-subheading {
    font-size: 1.05rem;
    color: var(--az-slate-muted);
    line-height: 1.6;
    margin: 0;
}

/* Horizontal Depth Scrubber Controller Track */
.az-depth-scrubber-scroll-wrapper {
    width: 100%;
    position: relative;
}

.az-depth-scrubber-wrap {
    position: relative;
    max-width: 900px;
    margin: 30px auto 65px auto;
    padding: 10px 0 35px 0;
    box-sizing: border-box;
}

/* Outer Track Wrapper: height 24px, flex vertical center */
.az-scrubber-track-bar {
    position: relative;
    height: 24px;
    display: flex;
    align-items: center;
    max-width: 900px;
    margin: 0 auto;
    width: 100%;
    cursor: pointer;
    touch-action: none;
}

/* Horizontal Rail for Base & Active Lines */
.az-track-rail {
    position: absolute;
    left: 10px;
    right: 10px;
    height: 3px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    pointer-events: none;
}

/* Base Grey Line: 3px */
.az-track-line-base {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 3px;
    background: #E2E8F0;
    border-radius: 9999px;
}

/* Active Blue Line: 3px, transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1) */
.az-track-line-active {
    position: absolute;
    left: 0;
    top: 0;
    height: 3px;
    background: #0878D1;
    border-radius: 9999px;
    z-index: 2;
    transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    max-width: 100%;
}

/* Floating Active Draggable Thumb: Solid Electric Blue circle (16px) with soft halo ring */
.az-scrubber-thumb {
    position: absolute;
    top: 50%;
    left: 0%;
    transform: translate(-50%, -50%);
    width: 16px;
    height: 16px;
    background: #0878D1;
    border-radius: 50%;
    box-shadow: 0 0 0 6px rgba(8, 120, 209, 0.2);
    z-index: 4;
    transition: left 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    pointer-events: none;
}

/* Nodes Container: spans exactly left: 10px; right: 10px; top: 50%; translateY(-50%) */
.az-scrubber-nodes {
    position: absolute;
    left: 10px;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    justify-content: space-between;
    z-index: 3;
    pointer-events: none;
    width: calc(100% - 20px);
}

/* Each Node: interactive flex column with circle centered on the 3px line */
.az-detent-stop {
    pointer-events: auto;
    background: transparent !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    padding: 0;
    margin: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.az-detent-stop:focus,
.az-detent-stop:focus-visible {
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
}

/* Circle Wrapper: 24px box centered on the line */
.az-node-circle-wrap {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.az-detent-stop.active .az-node-circle-wrap {
    cursor: grab;
}

/* Inactive/Future nodes: Solid light grey circular dot (12px) */
.az-detent-dot {
    width: 12px;
    height: 12px;
    background: #CBD5E1;
    border-radius: 50%;
    border: none !important;
    transition: all 0.25s ease;
    flex-shrink: 0;
}

/* Completed nodes: Solid Electric Blue circular dot (12px) */
.az-detent-stop.completed .az-detent-dot {
    width: 12px;
    height: 12px;
    background: #0878D1;
    border-radius: 50%;
    border: none !important;
    box-shadow: none;
}

/* Active Stop: Eliminate duplicate overlapping circle! The stationary dot is hidden so only the single active .az-scrubber-thumb is visible */
.az-detent-stop.active .az-detent-dot {
    opacity: 0 !important;
    visibility: hidden !important;
    box-shadow: none !important;
}

/* While actively dragging, keep stationary stops visible as subtle 12px detent markers */
.az-scrubber-track-bar.is-dragging .az-detent-stop.active .az-detent-dot {
    opacity: 1 !important;
    visibility: visible !important;
    width: 12px !important;
    height: 12px !important;
    background: #0878D1 !important;
    box-shadow: none !important;
}

/* Dragging state */
.az-scrubber-track-bar.is-dragging,
.az-scrubber-track-bar.is-dragging *,
.az-depth-scrubber-wrap.is-dragging,
.az-depth-scrubber-wrap.is-dragging * {
    cursor: grabbing !important;
    user-select: none !important;
    -webkit-user-select: none !important;
}

.az-scrubber-track-bar.is-dragging .az-detent-dot {
    box-shadow: none !important;
}

/* Text Labels: Positioned cleanly 14px below the track with centered alignment */
.az-detent-label {
    position: absolute;
    top: calc(100% + 14px);
    left: 50%;
    transform: translateX(-50%);
    font-family: var(--az-font-body);
    font-size: 13px;
    font-weight: 500;
    color: #64748B;
    text-align: center;
    white-space: nowrap;
    letter-spacing: 0.04em;
    background: transparent !important;
    border: none !important;
    padding: 0;
    transition: color 0.2s ease, font-weight 0.2s ease;
}

.az-detent-stop:hover .az-detent-label {
    color: #0B1F33;
}

/* Active Text Label: Deep Navy, font-weight 700 */
.az-detent-stop.active .az-detent-label {
    color: #0B1F33;
    font-weight: 700;
}

.az-label-full {
    display: inline;
}

.az-label-abbr {
    display: none;
}

/* Split Scrubber Grid (45% Scope + 55% Stage) */
.az-scrubber-stage-grid {
    display: grid;
    grid-template-columns: 45% 55%;
    gap: 36px;
    align-items: stretch;
}

/* Left Column: Dynamic Scope Card */
.az-scrubber-content-col {
    position: relative;
    background: #FFFFFF;
    border: 1px solid var(--az-border-card);
    border-radius: 12px;
    padding: 36px 32px;
    box-shadow: 0 4px 20px rgba(15, 23, 42, 0.04);
    min-height: 520px;
}

.az-discipline-panel {
    display: none;
    flex-direction: column;
    height: 100%;
}

.az-discipline-panel.active {
    display: flex;
    animation: az-crossfade 0.25s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

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

.az-panel-index-badge {
    font-family: var(--az-font-body);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.1em;
    color: var(--az-accent);
    margin-bottom: 12px;
}

.az-panel-title {
    font-size: 1.65rem;
    font-weight: 800;
    color: var(--az-navy-primary);
    line-height: 1.25;
    margin: 0 0 14px 0;
    letter-spacing: -0.02em;
}

.az-panel-lead {
    font-size: 0.96rem;
    color: var(--az-slate-muted);
    line-height: 1.6;
    margin: 0 0 20px 0;
}

.az-panel-scope-box {
    margin-bottom: 22px;
    border-top: 1px solid #F1F5F9;
    padding-top: 18px;
}

.az-scope-heading {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.06em;
    color: var(--az-navy-secondary);
    margin: 0 0 10px 0;
}

.az-scope-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.az-scope-list li {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    font-size: 0.88rem;
    color: var(--az-slate-muted);
    line-height: 1.5;
}

.az-scope-list li svg {
    width: 15px;
    height: 15px;
    color: var(--az-accent);
    flex-shrink: 0;
    margin-top: 3px;
}

.az-panel-outputs {
    background: #F8FAFC;
    border: 1px solid #E2E8F0;
    border-radius: 8px;
    padding: 14px 16px;
    margin-bottom: 24px;
}

.az-outputs-label {
    display: block;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.06em;
    color: var(--az-slate-light);
    margin-bottom: 4px;
}

.az-outputs-text {
    font-size: 0.86rem;
    font-weight: 500;
    color: var(--az-navy-secondary);
    line-height: 1.5;
    margin: 0;
}

.az-panel-actions {
    margin-top: auto;
}

/* Right Column: Clean 3D Stage Card */
.az-scrubber-canvas-col {
    display: flex;
    flex-direction: column;
}

.az-scrubber-stage-card {
    background: linear-gradient(180deg, #FFFFFF 0%, #F8FAFC 100%);
    border: 1px solid #E2E8F0;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(15, 23, 42, 0.04);
    height: 100%;
    min-height: 540px;
    position: relative;
    overflow: hidden;
}

.az-scrubber-stage-card .az-stage-canvas-container {
    width: 100%;
    height: 100%;
    min-height: 540px;
    cursor: grab;
}

/* ==========================================================================
   SECTION 02 NEW: INTERACTIVE 3D BUILDING MODEL WITH DISCIPLINE FILTERS
   ========================================================================== */
.az-building-model-section {
    position: relative;
    padding: 80px 0 90px 0;
    background: #FFFFFF;
}

.az-building-filter-card {
    display: flex;
    gap: 32px;
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 16px;
    padding: 28px;
    box-shadow: 0 4px 24px rgba(15, 23, 42, 0.04);
    align-items: stretch;
}

.az-building-canvas-col {
    flex: 1 1 72%;
    position: relative;
    min-height: 540px;
    border-radius: 12px;
    overflow: hidden;
    background: linear-gradient(180deg, #FFFFFF 0%, #F8FAFC 100%);
    border: 1px solid #F1F5F9;
}

.az-building-canvas-container {
    width: 100%;
    height: 100%;
    min-height: 540px;
    cursor: grab;
    touch-action: none;
}

.az-building-canvas-container:active {
    cursor: grabbing;
}

.az-building-canvas-container canvas {
    touch-action: none !important;
}

.az-building-filter-stack-col {
    flex: 0 0 280px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 16px;
}

.az-building-filter-stack {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
}

.az-filter-btn {
    all: unset !important;
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    width: 100% !important;
    padding: 14px 20px !important;
    background: #FFFFFF !important;
    border: 1px solid #E2E8F0 !important;
    border-radius: 10px !important;
    cursor: pointer !important;
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #0B1F33 !important;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.03) !important;
    transition: all 0.22s cubic-bezier(0.16, 1, 0.3, 1) !important;
    user-select: none !important;
}

.az-filter-btn:hover {
    background: #F8FAFC !important;
    border-color: #CBD5E1 !important;
    transform: translateX(-3px) !important;
}

.az-filter-btn.active {
    background: #0878D1 !important;
    border-color: #0878D1 !important;
    color: #FFFFFF !important;
    box-shadow: 0 4px 14px rgba(8, 120, 209, 0.35) !important;
}

.az-filter-btn-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    color: inherit;
    flex-shrink: 0;
}

.az-filter-btn-icon svg {
    display: block;
    width: 22px;
    height: 22px;
}

.az-filter-btn-text {
    font-size: 15px;
    font-weight: 600;
    color: inherit;
    letter-spacing: -0.01em;
}

.az-building-filter-cta {
    margin-top: 8px;
    width: 100%;
}

.az-explore-services-btn {
    width: 100% !important;
    justify-content: center !important;
    padding: 13px 20px !important;
    font-size: 0.92rem !important;
    border-radius: 10px !important;
}

@media (max-width: 960px) {
    .az-building-filter-card {
        flex-direction: column !important;
        padding: 18px !important;
        gap: 20px !important;
    }
    .az-building-canvas-col,
    .az-building-canvas-container {
        min-height: 360px !important;
        height: 360px !important;
    }
    .az-building-filter-stack-col {
        width: 100% !important;
        flex: none !important;
    }
    .az-building-filter-stack {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 10px !important;
    }
    .az-filter-btn {
        padding: 12px 14px !important;
        font-size: 14px !important;
        gap: 10px !important;
    }
}

@media (max-width: 600px) {
    .az-building-canvas-col,
    .az-building-canvas-container {
        min-height: 300px !important;
        height: 300px !important;
    }
    .az-building-filter-stack {
        grid-template-columns: 1fr 1fr !important;
        gap: 8px !important;
    }
    .az-filter-btn {
        padding: 10px 12px !important;
        font-size: 13px !important;
    }
}

/* ==========================================================================
   SECTION 03: WHY AZ SYNERGY GROUP (Concept B: Enterprise Bento Grid)
   ========================================================================== */
.az-why-us-section,
.az-section-03-why-us {
    padding: 95px 0 105px 0;
    background-color: #F8FAFC !important;
    position: relative;
    border-top: 1px solid var(--az-border-card);
    border-bottom: 1px solid var(--az-border-card);
}

.az-why-us-container {
    max-width: 1380px;
    margin: 0 auto;
    padding: 0 24px;
}

.az-why-us-header,
.az-section-03-header {
    max-width: 820px;
    margin: 0 auto 54px auto;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
}

.az-why-us-header .az-overline-wrap,
.az-section-03-header .az-overline-wrap {
    justify-content: center;
    margin: 0 auto;
}

.az-why-us-headline {
    font-size: 2.75rem;
    font-weight: 800;
    letter-spacing: -0.03em;
    line-height: 1.15;
    color: var(--az-navy-primary);
    margin: 0;
    text-align: center;
}

.az-why-us-narrative {
    font-size: 1.05rem;
    color: #475569;
    line-height: 1.68;
    margin: 0 auto;
    text-align: center;
    max-width: 820px;
}

/* Section 3 Hardware Grid Container (3 Columns) */
.az-bento-grid,
.az-hardware-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 28px;
    align-items: stretch;
}

/* NVIDIA GeForce 50-Series Hardware Standard Cards */
.az-bento-card,
.az-hardware-card {
    background: #FFFFFF !important;
    border: 1px solid #E2E8F0 !important;
    border-top: 1px solid rgba(8, 120, 209, 0.35) !important;
    border-radius: 12px;
    padding: 28px 24px;
    display: flex;
    flex-direction: column;
    position: relative;
    overflow: hidden;
    box-shadow: 0 10px 30px -5px rgba(11, 31, 51, 0.05), 0 0 1px rgba(11, 31, 51, 0.1) !important;
    transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), 
                border-color 0.35s cubic-bezier(0.16, 1, 0.3, 1), 
                box-shadow 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}

/* Hover Micro-Interaction: 3D Lift 8px, Electric Blue border illumination, NVIDIA soft ambient shadow */
.az-bento-card:hover,
.az-hardware-card:hover {
    transform: translateY(-8px) !important;
    border-color: #0878D1 !important;
    border-top-color: #0878D1 !important;
    box-shadow: 0 25px 50px -12px rgba(8, 120, 209, 0.15) !important;
}

/* Card Top: Flat Architectural Micro-Typography (No AI Capsule Pill) */
.az-card-meta-spec {
    font-family: var(--az-font-heading);
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    color: #0878D1 !important;
    margin-bottom: 12px !important;
    display: block !important;
    background: none !important;
    border: none !important;
    padding: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

/* Architectural Wireframe Schematic Enclosure (Clean Blueprint) */
.az-schematic-wrap {
    width: 100%;
    height: 110px;
    margin: 6px 0 18px 0;
    background: #F8FAFC;
    border: 1px solid #EEF2F6;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 6px 12px;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
    transition: background-color 0.3s ease, border-color 0.3s ease;
}

.az-bento-card:hover .az-schematic-wrap,
.az-hardware-card:hover .az-schematic-wrap {
    background: #F0F7FF;
    border-color: rgba(8, 120, 209, 0.25);
}

.az-schematic-svg {
    width: 100%;
    height: 100%;
    display: block;
    transition: filter 0.3s ease;
}

.az-bento-card:hover .az-schematic-svg,
.az-hardware-card:hover .az-schematic-svg {
    filter: drop-shadow(0 0 4px rgba(8, 120, 209, 0.15));
}

/* Hardware Card Body Typography */
.az-hardware-card-body {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.az-hardware-card-title {
    font-family: var(--az-font-heading);
    font-size: 1.25rem;
    font-weight: 700;
    letter-spacing: -0.025em;
    color: #0B1F33;
    margin: 0 0 10px 0;
    line-height: 1.3;
    transition: color 0.25s ease;
}

.az-bento-card:hover .az-hardware-card-title,
.az-hardware-card:hover .az-hardware-card-title {
    color: #0878D1;
}

.az-hardware-card-desc {
    font-family: var(--az-font-body);
    font-size: 0.925rem;
    color: #475569;
    line-height: 1.62;
    margin: 0;
}

/* ==========================================================================
   SECTION 04: OUR DELIVERABLES (Two-Column Vault & Interactive Sheet Inspector)
   ========================================================================== */
.az-deliverables-section {
    padding: 80px 0 !important;
    background-color: #F8FAFC !important;
    position: relative;
    border-top: 1px solid var(--az-border-card);
    border-bottom: 1px solid var(--az-border-card);
    overflow: hidden;
}

.az-deliverables-container {
    max-width: 1240px !important;
    margin: 0 auto !important;
    padding: 0 24px;
    box-sizing: border-box;
}

.az-deliverables-header {
    max-width: 820px;
    margin: 0 auto 48px auto;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
}

.az-deliverables-header .az-overline-wrap {
    justify-content: center;
    margin: 0 auto;
}

.az-deliverables-headline {
    font-size: 2.75rem;
    font-weight: 800;
    letter-spacing: -0.03em;
    line-height: 1.15;
    color: var(--az-navy-primary);
    margin: 0;
    text-align: center;
}

.az-deliverables-subtitle {
    font-size: 1.05rem;
    color: #475569;
    line-height: 1.68;
    margin: 0 auto;
    text-align: center;
    max-width: 820px;
}

/* Apple-Style Segmented Control (Centered) */
.az-segmented-control-wrap {
    margin-top: 14px;
    display: flex;
    justify-content: center;
    width: 100%;
}

.az-segmented-control {
    background: #F1F5F9 !important;
    border-radius: 30px !important;
    padding: 4px !important;
    display: inline-flex !important;
    gap: 6px !important;
    border: 1px solid #E2E8F0 !important;
    outline: none !important;
    max-width: 100% !important;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.04) !important;
}

.az-deliverables-tab-btn {
    padding: 10px 24px;
    border-radius: 24px !important;
    font-family: var(--az-font-heading);
    font-size: 13.5px;
    font-weight: 500;
    color: #64748B !important;
    background: transparent !important;
    border: none !important;
    outline: none !important;
    cursor: pointer;
    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
    white-space: nowrap;
    -webkit-appearance: none;
    appearance: none;
}

.az-deliverables-tab-btn:hover {
    color: #0B1F33 !important;
}

.az-deliverables-tab-btn.active {
    background: #FFFFFF !important;
    color: #0B1F33 !important;
    font-weight: 700 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
    border: none !important;
    outline: none !important;
}

/* Two-Column Deliverables Vault Grid (50% / 50%) */
.az-deliverables-vault-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 36px;
    align-items: stretch;
}

/* Left Column: Deliverables Cards */
.az-deliverables-list-col {
    display: flex;
    flex-direction: column;
}

.az-deliverables-panel {
    display: none;
    flex-direction: column;
    gap: 16px;
}

.az-deliverables-panel.active {
    display: flex;
    animation: az-deliverable-fade 0.35s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

@keyframes az-deliverable-fade {
    from { opacity: 0; transform: translateY(8px); }
    to { opacity: 1; transform: translateY(0); }
}

.az-deliverable-card {
    background: #FFFFFF !important;
    border: 1px solid #E2E8F0 !important;
    border-radius: 8px !important;
    padding: 20px !important;
    box-shadow: 0 4px 16px rgba(15, 23, 42, 0.03);
    transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;
}

.az-deliverable-card:hover {
    transform: translateY(-3px);
    border-color: #0878D1 !important;
    box-shadow: 0 12px 28px rgba(8, 120, 209, 0.08);
}

.az-deliverable-card-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 8px;
}

.az-deliverable-title {
    font-family: var(--az-font-heading);
    font-size: 1.15rem;
    font-weight: 700;
    color: #0B1F33 !important;
    margin: 0;
    letter-spacing: -0.015em;
    transition: color 0.2s ease;
}

.az-deliverable-card:hover .az-deliverable-title {
    color: #0878D1 !important;
}

.az-format-pill {
    font-family: var(--az-font-heading);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.06em;
    color: #0878D1;
    background: rgba(8, 120, 209, 0.08);
    border: 1px solid rgba(8, 120, 209, 0.2);
    padding: 3px 8px;
    border-radius: 4px;
    white-space: nowrap;
    flex-shrink: 0;
}

.az-deliverable-desc {
    font-family: var(--az-font-body);
    font-size: 0.92rem;
    color: #475569 !important;
    line-height: 1.58;
    margin: 0;
}

/* Right Column: Sheet Preview Frame with strict boundaries */
.az-deliverables-preview-col {
    display: flex;
}

.az-preview-sheet-frame {
    width: 100%;
    max-height: 440px !important;
    overflow: hidden !important;
    background: #FFFFFF !important;
    border: 1px solid #E2E8F0 !important;
    border-radius: 12px !important;
    padding: 24px !important;
    box-shadow: 0 10px 30px -5px rgba(11, 31, 51, 0.05), 0 0 1px rgba(11, 31, 51, 0.1);
    display: flex;
    flex-direction: column;
    box-sizing: border-box !important;
}

.az-preview-sheet-header {
    display: none !important;
}

.az-preview-sheet {
    display: none;
    flex-direction: column;
    flex-grow: 1;
}

.az-preview-sheet.active {
    display: flex;
    animation: az-sheet-fade 0.35s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

@keyframes az-sheet-fade {
    from { opacity: 0; transform: scale(0.985); }
    to { opacity: 1; transform: scale(1); }
}

.az-sheet-canvas {
    width: 100%;
    background: #F8FAFC;
    border: 1px solid #EEF2F6;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    height: 350px;
    max-height: 350px;
    flex-grow: 1;
    box-sizing: border-box;
}

.az-sheet-canvas svg,
.az-sheet-svg {
    width: 100% !important;
    max-width: 100% !important;
    max-height: 380px !important;
    height: auto !important;
    display: block !important;
}

/* Mock Table Sheet Styles (Tab 3) */
.az-sheet-table-canvas {
    padding: 18px 20px !important;
    align-items: stretch;
    background: #FFFFFF;
    height: auto !important;
    max-height: none !important;
}

.az-mock-table-wrap {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.az-table-telemetry-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
    flex-wrap: wrap;
    gap: 8px;
}

.az-telemetry-title {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-family: var(--az-font-heading);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.06em;
    color: #0B1F33;
}

.az-radar-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #0878D1;
}

.az-telemetry-badges {
    display: inline-flex;
    gap: 8px;
}

.az-stat-badge {
    font-family: var(--az-font-heading);
    font-size: 10px;
    font-weight: 700;
    color: #64748B;
    background: #F1F5F9;
    padding: 2px 6px;
    border-radius: 3px;
}

.az-stat-badge.pass {
    color: #059669;
    background: rgba(16, 185, 129, 0.1);
    border: 1px solid rgba(16, 185, 129, 0.2);
}

.az-mock-table-scroll-container {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
    margin-bottom: 8px;
}

.az-mock-data-table {
    width: 100%;
    min-width: 500px;
    border-collapse: collapse;
    font-family: var(--az-font-body);
    font-size: 12px !important;
}

.az-mock-data-table th {
    background: #F8FAFC;
    color: #64748B;
    font-weight: 700;
    font-size: 10.5px !important;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    text-align: left;
    padding: 7px 10px !important;
    border-bottom: 1px solid #E2E8F0;
    white-space: nowrap;
}

.az-mock-data-table td {
    padding: 8px 10px !important;
    border-bottom: 1px solid #F1F5F9;
    color: #334155;
    font-size: 11.5px !important;
    white-space: nowrap;
}

.az-mock-data-table td.bold {
    font-family: var(--az-font-heading);
    font-weight: 700;
    color: #0B1F33;
}

.az-chip {
    font-size: 9px;
    font-weight: 700;
    padding: 2px 6px;
    border-radius: 3px;
    letter-spacing: 0.04em;
}

.chip-hvac { background: rgba(8, 120, 209, 0.1); color: #0878D1; }
.chip-elec { background: rgba(245, 158, 11, 0.1); color: #D97706; }
.chip-plumb { background: rgba(16, 185, 129, 0.1); color: #059669; }
.chip-fire { background: rgba(239, 68, 68, 0.1); color: #DC2626; }

.az-status-chip {
    font-size: 9px;
    font-weight: 700;
    padding: 2px 6px;
    border-radius: 3px;
}

.az-status-chip.ok {
    background: rgba(16, 185, 129, 0.12);
    color: #059669;
}

.az-table-meta-footer {
    display: flex;
    justify-content: space-between;
    margin-top: 14px;
    padding-top: 10px;
    border-top: 1px solid #F1F5F9;
    font-family: var(--az-font-heading);
    font-size: 9.5px;
    font-weight: 600;
    color: #94A3B8;
}

.az-table-meta-footer .sync-status {
    color: #0878D1;
}

/* Bottom Assurance Card */
.az-deliverables-assurance-card {
    background: #FFFFFF !important;
    border: 1px solid #E2E8F0 !important;
    border-left: 4px solid #0878D1 !important;
    border-radius: 6px !important;
    padding: 18px 24px !important;
    margin-top: 48px;
    display: flex;
    align-items: center;
    gap: 16px;
    box-shadow: 0 4px 16px rgba(15, 23, 42, 0.03);
    width: 100% !important;
    box-sizing: border-box !important;
}

.az-assurance-icon-box {
    width: 42px;
    height: 42px;
    border-radius: 8px;
    background: rgba(8, 120, 209, 0.08);
    color: #0878D1;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.az-assurance-text {
    font-family: var(--az-font-body);
    font-size: 1.02rem;
    font-weight: 500;
    color: #1E293B;
    line-height: 1.5;
    margin: 0;
}

/* ==========================================================================
   ENTERPRISE FOOTER (Clean Crisp White Standard)
   ========================================================================== */
.az-site-footer {
    background-color: #FFFFFF !important;
    color: #475569 !important;
    border-top: 1px solid #E2E8F0 !important;
    padding: 80px 24px 30px 24px;
    position: relative;
    overflow: hidden;
}

.az-footer-container {
    max-width: 1240px !important;
    margin: 0 auto !important;
    box-sizing: border-box !important;
}

.az-footer-grid {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 1fr !important;
    gap: 40px;
    margin-bottom: 50px;
}

.az-footer-col h4 {
    font-family: var(--az-font-heading);
    font-size: 1rem;
    font-weight: 700;
    color: #0B1F33 !important;
    letter-spacing: -0.01em;
    margin-bottom: 20px;
    position: relative;
    padding-bottom: 10px;
}

.az-footer-col h4::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 28px;
    height: 2px;
    background: var(--az-accent);
    border-radius: 2px;
}

.az-footer-col p {
    color: #64748B !important;
    font-size: 0.9rem;
    line-height: 1.65;
    margin-bottom: 16px;
}

.az-footer-links {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.az-footer-links li {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.az-footer-links a {
    color: #64748B !important;
    text-decoration: none;
    font-size: 0.9rem;
    transition: var(--az-transition);
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.az-footer-links a:hover {
    color: #0878D1 !important;
    transform: translateX(4px);
}

.az-footer-contact-item {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 14px;
    color: #475569 !important;
    font-size: 0.88rem;
    line-height: 1.5;
}

.az-footer-contact-item svg {
    width: 18px;
    height: 18px;
    color: var(--az-accent);
    flex-shrink: 0;
    margin-top: 2px;
}

.az-footer-workflows {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: 14px;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    box-shadow: none !important;
    font-family: var(--az-font-mono, monospace);
    font-size: 11px;
    font-weight: 700;
    color: var(--az-accent, #0878D1);
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.az-footer-bottom {
    border-top: 1px solid #E2E8F0 !important;
    padding: 24px 0 0 0 !important;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #94A3B8 !important;
    font-size: 0.82rem;
    flex-wrap: wrap;
    gap: 16px;
}

/* ==========================================================================
   SECTION 05: INDUSTRIES WE SUPPORT (Split Showcase)
   ========================================================================== */
.az-industries-split-section,
.az-section-05-split {
    padding: 85px 0 !important;
    background-color: #F8FAFC !important;
    position: relative;
    border-top: 1px solid var(--az-border-card);
    border-bottom: 1px solid var(--az-border-card);
    overflow: hidden;
}

.az-industries-container {
    max-width: 1240px !important;
    margin: 0 auto !important;
    padding: 0 24px;
    box-sizing: border-box;
}

.az-industries-header {
    max-width: 820px;
    margin: 0 auto 52px auto;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
}

.az-industries-header .az-overline-wrap,
.az-workflow-header .az-overline-wrap,
.az-automation-header .az-overline-wrap,
.az-scoper-header .az-overline-wrap {
    justify-content: center;
    margin: 0 auto;
}

.az-industries-headline {
    font-size: 2.75rem;
    font-weight: 800;
    letter-spacing: -0.03em;
    line-height: 1.15;
    color: var(--az-navy-primary);
    margin: 0;
    text-align: center;
}

.az-industries-subtitle {
    font-size: 1.05rem;
    color: #475569;
    line-height: 1.68;
    margin: 0 auto;
    text-align: center;
    max-width: 820px;
}

/* Split Stage Grid (35% Left Selector, 65% Right Showcase) */
.az-split-stage-grid {
    display: grid;
    grid-template-columns: 35% 65%;
    gap: 32px;
    align-items: stretch;
}

/* Left Column: Sector Selector */
.az-split-selector-col {
    display: flex;
    flex-direction: column;
}

.az-sector-menu {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.az-sector-btn {
    background: #FFFFFF !important;
    border: 1px solid #E2E8F0 !important;
    border-radius: 6px !important;
    padding: 14px 18px !important;
    display: flex;
    align-items: center;
    gap: 12px;
    text-align: left;
    cursor: pointer;
    transition: all 0.22s cubic-bezier(0.16, 1, 0.3, 1);
    outline: none !important;
    width: 100%;
    box-sizing: border-box;
}

.az-sector-btn:hover {
    border-color: #0878D1 !important;
    background: #F8FAFC !important;
    transform: translateX(3px);
}

.az-sector-btn.active {
    background: #FFFFFF !important;
    border: 1px solid #E2E8F0 !important;
    border-left: 3px solid #0878D1 !important;
    box-shadow: 0 4px 16px rgba(8, 120, 209, 0.08) !important;
}

.az-sector-num {
    font-family: var(--az-font-heading);
    font-size: 11px;
    font-weight: 700;
    color: #94A3B8;
    letter-spacing: 0.04em;
    flex-shrink: 0;
}

.az-sector-btn.active .az-sector-num {
    color: #0878D1;
}

.az-sector-btn-text {
    font-family: var(--az-font-heading);
    font-size: 0.95rem;
    font-weight: 500;
    color: #334155;
    flex-grow: 1;
    letter-spacing: -0.01em;
    transition: color 0.2s ease;
}

.az-sector-btn.active .az-sector-btn-text {
    font-weight: 700 !important;
    color: #0B1F33 !important;
}

.az-sector-btn-arrow {
    color: #CBD5E1;
    font-size: 1rem;
    transition: transform 0.2s ease, color 0.2s ease;
}

.az-sector-btn.active .az-sector-btn-arrow {
    color: #0878D1;
    transform: translateX(4px);
}

/* Right Column: Dynamic Showcase Card */
.az-split-showcase-col {
    display: flex;
}

.az-showcase-card {
    background: #FFFFFF !important;
    border: 1px solid #E2E8F0 !important;
    border-radius: 10px !important;
    padding: 32px !important;
    box-shadow: 0 10px 30px -5px rgba(11, 31, 51, 0.05), 0 0 1px rgba(11, 31, 51, 0.1);
    display: none;
    flex-direction: column;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}

.az-showcase-card.active {
    display: flex;
    animation: az-showcase-fade 0.3s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

@keyframes az-showcase-fade {
    from { opacity: 0; transform: translateY(6px); }
    to { opacity: 1; transform: translateY(0); }
}

.az-showcase-topbar {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 12px;
    width: 100%;
}

.az-showcase-title-wrap {
    display: flex;
    flex-direction: column;
    gap: 4px;
    flex: 1 1 auto;
    min-width: 0;
}

.az-showcase-title {
    font-family: var(--az-font-heading);
    font-size: 1.55rem;
    font-weight: 800;
    color: #0B1F33;
    margin: 0;
    letter-spacing: -0.02em;
}

.az-sector-meta-spec,
.az-sector-tags,
.az-sector-subtag,
.az-showcase-tags {
    font-family: var(--az-font-heading);
    font-size: 11px !important;
    line-height: 1.4 !important;
    font-weight: 700;
    letter-spacing: 0.08em;
    color: #0878D1;
    text-transform: uppercase;
    white-space: normal !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
    max-width: 100% !important;
    display: block !important;
}

.az-showcase-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-family: var(--az-font-heading);
    font-size: 10.5px;
    font-weight: 700;
    letter-spacing: 0.06em;
    color: #0B1F33;
    background: #F1F5F9;
    border: 1px solid #E2E8F0;
    padding: 4px 10px;
    border-radius: 4px;
    flex-shrink: 0;
    white-space: nowrap;
}

.az-showcase-overview {
    font-family: var(--az-font-body);
    font-size: 0.95rem;
    color: #475569;
    line-height: 1.62;
    margin: 0 0 20px 0;
}

/* Center: 1.5px Architectural Vector Frame */
.az-sector-schematic-viewport,
.az-sector-preview-frame,
.az-showcase-schematic-frame {
    flex: 1 1 auto;
    width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    min-height: 280px !important;
    background: #F8FAFC !important;
    border: 1px solid #E2E8F0 !important;
    border-radius: 8px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 20px !important;
    box-sizing: border-box !important;
    margin: 16px 0 0 0 !important;
    overflow: hidden !important;
}

.az-sector-schematic-viewport svg,
.az-sector-preview-frame svg,
.az-showcase-schematic-frame svg,
.az-industry-vector-svg {
    width: 100% !important;
    height: 100% !important;
    max-height: 320px !important;
    display: block !important;
}

/* Bottom Checklist: 3 Key Discipline Focus Points */
.az-showcase-checklist {
    border-top: 1px solid #F1F5F9;
    padding-top: 18px;
    margin-top: auto;
}

.az-checklist-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
}

.az-checklist-title {
    font-family: var(--az-font-heading);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.06em;
    color: #0B1F33;
    text-transform: uppercase;
}

.az-checklist-sub {
    font-family: var(--az-font-heading);
    font-size: 10px;
    font-weight: 600;
    color: #94A3B8;
}

.az-checklist-grid {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.az-checklist-item {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.az-check-icon {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: rgba(8, 120, 209, 0.08);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin-top: 1px;
}

.az-check-text {
    font-family: var(--az-font-body);
    font-size: 0.88rem;
    color: #334155;
    line-height: 1.5;
}

/* Bottom Assurance Card Shared */
.az-industries-assurance-card {
    background: #FFFFFF !important;
    border: 1px solid #E2E8F0 !important;
    border-left: 4px solid #0878D1 !important;
    border-radius: 6px !important;
    padding: 18px 24px !important;
    margin-top: 48px;
    display: flex;
    align-items: center;
    gap: 16px;
    box-shadow: 0 4px 16px rgba(15, 23, 42, 0.03);
    width: 100% !important;
    box-sizing: border-box !important;
}

/* ==========================================================================
   SECTION 06: WORKFLOW & QUALITY ASSURANCE (Milestone Pipeline)
   ========================================================================== */
.az-workflow-section,
.az-section-06-workflow {
    padding: 90px 0 !important;
    background-color: #F8FAFC !important;
    position: relative;
    border-top: 1px solid var(--az-border-card);
    border-bottom: 1px solid var(--az-border-card);
    overflow: hidden;
}

.az-workflow-container {
    max-width: 1240px !important;
    margin: 0 auto !important;
    padding: 0 24px;
    box-sizing: border-box;
}

.az-workflow-header {
    max-width: 820px;
    margin: 0 auto 52px auto;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
}

.az-workflow-header .az-overline-wrap {
    justify-content: center;
    margin: 0 auto;
}

.az-workflow-headline {
    font-family: var(--az-font-heading);
    font-size: 2.75rem;
    font-weight: 800;
    letter-spacing: -0.03em;
    line-height: 1.15;
    color: var(--az-navy-primary);
    margin: 0;
    text-align: center;
}

.az-workflow-subtitle {
    font-family: var(--az-font-body);
    font-size: 1.05rem;
    color: #475569;
    line-height: 1.68;
    margin: 0 auto;
    text-align: center;
    max-width: 780px;
}

/* Section 06: Workflow Pipeline Controller (Matched to Section 2) */
.az-workflow-pipeline-bar {
    position: relative;
    max-width: 900px;
    margin: 30px auto 65px auto;
    padding: 10px 0 35px 0;
    box-sizing: border-box;
    width: 100%;
}

.az-workflow-scrubber-track-bar {
    position: relative;
    height: 24px;
    display: flex;
    align-items: center;
    max-width: 900px;
    margin: 0 auto;
    width: 100%;
    cursor: pointer;
    touch-action: none;
}

/* Horizontal Rail for Base & Active Lines - passes exactly through mathematical center */
.az-workflow-track-rail {
    position: absolute;
    left: 12px;
    right: 12px;
    height: 3px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    pointer-events: none;
}

/* Single 3px horizontal track line (#E2E8F0) */
.az-workflow-track-line-base {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 3px;
    background: #E2E8F0;
    border-radius: 9999px;
}

/* Active progress fill in Electric Blue (#0878D1) */
.az-workflow-track-line-active {
    position: absolute;
    left: 0;
    top: 0;
    height: 3px;
    background: #0878D1;
    border-radius: 9999px;
    z-index: 2;
    transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    max-width: 100%;
}

/* Single active node (16px, solid #0878D1, box-shadow: 0 0 0 6px rgba(8, 120, 209, 0.18)) */
.az-workflow-scrubber-thumb {
    position: absolute;
    top: 50%;
    left: 0%;
    transform: translate(-50%, -50%);
    width: 16px;
    height: 16px;
    background: #0878D1;
    border-radius: 50%;
    box-shadow: 0 0 0 6px rgba(8, 120, 209, 0.18);
    z-index: 4;
    transition: left 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    pointer-events: none;
}

/* 5 Milestone Nodes Container */
.az-workflow-milestones-nav {
    position: absolute;
    left: 12px;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    justify-content: space-between;
    z-index: 3;
    pointer-events: none;
    width: calc(100% - 24px);
}

/* Milestone button */
.az-workflow-milestone-btn {
    pointer-events: auto;
    background: transparent !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    padding: 0 !important;
    margin: 0 !important;
}

.az-workflow-node-circle-wrap {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Inactive nodes: Flat 10px #CBD5E1 circles centered on track */
.az-workflow-detent-dot {
    width: 10px;
    height: 10px;
    background: #CBD5E1;
    border-radius: 50%;
    transition: all 0.25s ease;
    flex-shrink: 0;
}

.az-workflow-milestone-btn:hover .az-workflow-detent-dot {
    background: #94A3B8;
    transform: scale(1.2);
}

/* Completed nodes: Flat 10px Electric Blue */
.az-workflow-milestone-btn.completed .az-workflow-detent-dot {
    background: #0878D1;
}

/* Active node: stationary dot hidden so only the 16px thumb with 6px halo shines */
.az-workflow-milestone-btn.active .az-workflow-detent-dot {
    opacity: 0 !important;
    visibility: hidden !important;
}

/* Labels positioned cleanly 14px below without numbers */
.az-workflow-milestone-label {
    position: absolute;
    top: 38px;
    font-family: var(--az-font-heading);
    font-size: 11.5px;
    font-weight: 700;
    letter-spacing: 0.08em;
    color: #64748B;
    text-transform: uppercase;
    white-space: nowrap;
    transition: color 0.2s ease;
}

.az-workflow-milestone-btn:hover .az-workflow-milestone-label {
    color: #0B1F33;
}

.az-workflow-milestone-btn.active .az-workflow-milestone-label {
    color: #0878D1;
    font-weight: 800;
}

/* Dynamic Stage Showcase Card (50% / 50%) */
.az-workflow-showcase-stage {
    width: 100%;
    position: relative;
}

.az-workflow-stage-card {
    background: #FFFFFF !important;
    border: 1px solid #E2E8F0 !important;
    border-radius: 12px !important;
    padding: 36px !important;
    box-shadow: 0 10px 30px -5px rgba(11, 31, 51, 0.04), 0 0 1px rgba(11, 31, 51, 0.08) !important;
    display: none;
    grid-template-columns: 50% 50%;
    gap: 40px;
    align-items: center;
    box-sizing: border-box;
    width: 100%;
}

.az-workflow-stage-card.active {
    display: grid !important;
    animation: az-workflow-fade 0.35s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

@keyframes az-workflow-fade {
    from {
        opacity: 0;
        transform: translateY(8px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Left Column: Information & Protocols */
.az-workflow-info-col {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.az-workflow-stage-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.az-stage-badge-indicator {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #0878D1;
}

.az-stage-badge-text {
    font-family: var(--az-font-heading);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.08em;
    color: #0878D1;
    text-transform: uppercase;
}

.az-workflow-stage-title {
    font-family: var(--az-font-heading);
    font-size: 1.55rem;
    font-weight: 800;
    color: #0B1F33;
    margin: 0;
    letter-spacing: -0.02em;
    line-height: 1.25;
}

.az-workflow-stage-narrative {
    font-family: var(--az-font-body);
    font-size: 0.95rem;
    color: #475569;
    line-height: 1.65;
    margin: 0;
}

.az-workflow-checklist-wrap {
    margin-top: 4px;
}

.az-workflow-checklist-label {
    font-family: var(--az-font-heading);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.08em;
    color: #94A3B8;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.az-workflow-checklist {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.az-workflow-checklist li {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    font-family: var(--az-font-body);
    font-size: 0.88rem;
    color: #334155;
    line-height: 1.5;
}

.az-check-icon {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #F0F7FF;
    border: 1px solid #BAE6FD;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin-top: 1px;
}

.az-workflow-gate-signoff {
    margin-top: 8px;
    padding-top: 16px;
    border-top: 1px solid #F1F5F9;
    display: flex;
    align-items: center;
    gap: 10px;
}

.az-gate-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.az-gate-text {
    font-family: var(--az-font-heading);
    font-size: 11.5px;
    font-weight: 700;
    color: #0B1F33;
    letter-spacing: 0.02em;
}

/* Right Column: Milestone Artifact Viewport & Strict SVG Safety */
.az-workflow-artifact-col {
    display: flex;
    width: 100%;
}

.az-workflow-artifact-frame {
    width: 100% !important;
    max-width: 100% !important;
    max-height: 340px !important;
    overflow: hidden !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #F8FAFC;
    border: 1px solid #E2E8F0;
    border-radius: 8px;
    padding: 16px;
    box-sizing: border-box;
}

.az-workflow-svg {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: 320px !important;
    display: block !important;
}

/* ==========================================================================
   SECTION 07: BIM AUTOMATION & CUSTOM ADD-INS (Workbench)
   ========================================================================== */
.az-automation-section,
.az-section-07-automation {
    padding: 90px 0 !important;
    background-color: #FFFFFF !important;
    position: relative;
    border-top: 1px solid var(--az-border-card);
    border-bottom: 1px solid var(--az-border-card);
    overflow: hidden;
}

.az-automation-container {
    max-width: 1240px !important;
    margin: 0 auto !important;
    padding: 0 24px;
    box-sizing: border-box;
}

.az-automation-header {
    max-width: 820px;
    margin: 0 auto 52px auto;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
}

.az-automation-header .az-overline-wrap {
    justify-content: center;
    margin: 0 auto;
}

.az-automation-headline {
    font-family: var(--az-font-heading);
    font-size: 2.75rem;
    font-weight: 800;
    letter-spacing: -0.03em;
    line-height: 1.15;
    color: var(--az-navy-primary);
    margin: 0;
    text-align: center;
}

.az-automation-subtitle {
    font-family: var(--az-font-body);
    font-size: 1.05rem;
    color: #475569;
    line-height: 1.68;
    margin: 0 auto;
    text-align: center;
    max-width: 820px;
}

/* Split Interactive Workbench Stage (38% Left / 62% Right) */
.az-automation-stage-grid {
    display: grid;
    grid-template-columns: 38% 62%;
    gap: 32px;
    align-items: stretch;
    margin-bottom: 48px;
}

/* Left Column: Tool Selector Stack */
.az-automation-selector-col {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.az-automation-tool-card {
    background: #FFFFFF !important;
    border: 1px solid #E2E8F0 !important;
    border-radius: 8px !important;
    padding: 18px 20px !important;
    cursor: pointer;
    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
    outline: none;
    box-sizing: border-box;
    position: relative;
}

.az-automation-tool-card:hover {
    border-color: #CBD5E1 !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 14px rgba(11, 31, 51, 0.04);
}

.az-automation-tool-card.active {
    background: #FFFFFF !important;
    border-color: #E2E8F0 !important;
    border-left: 4px solid #0878D1 !important;
    box-shadow: 0 10px 25px rgba(8, 120, 209, 0.08) !important;
    transform: translateY(-2px);
}

.az-tool-header {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 6px;
}

.az-tool-num {
    font-family: var(--az-font-heading);
    font-size: 11px;
    font-weight: 800;
    color: #94A3B8;
    letter-spacing: 0.04em;
    transition: color 0.2s ease;
}

.az-automation-tool-card.active .az-tool-num {
    color: #0878D1;
}

.az-tool-name {
    font-family: var(--az-font-heading);
    font-size: 1.05rem;
    font-weight: 700;
    color: #334155;
    margin: 0;
    transition: color 0.2s ease;
    letter-spacing: -0.01em;
}

.az-automation-tool-card.active .az-tool-name {
    color: #0B1F33 !important;
    font-weight: 800 !important;
}

.az-tool-desc {
    font-family: var(--az-font-body);
    font-size: 0.85rem;
    color: #64748B;
    margin: 0;
    line-height: 1.5;
}

/* Right Column: Live Automation Console */
.az-automation-console-col {
    display: flex;
}

.az-automation-console-panel {
    background: #F8FAFC !important;
    border: 1px solid #E2E8F0 !important;
    border-radius: 12px !important;
    padding: 32px !important;
    width: 100%;
    box-sizing: border-box;
    display: none;
    flex-direction: column;
    box-shadow: 0 10px 30px -5px rgba(11, 31, 51, 0.04);
}

.az-automation-console-panel.active {
    display: flex !important;
    animation: az-console-fade 0.35s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

@keyframes az-console-fade {
    from {
        opacity: 0;
        transform: translateY(8px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.az-console-top-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
    padding-bottom: 14px;
    margin-bottom: 16px;
    border-bottom: 1px solid #E2E8F0;
}

.az-console-tech-badge {
    font-family: var(--az-font-heading);
    font-size: 10.5px;
    font-weight: 700;
    letter-spacing: 0.08em;
    color: #0878D1;
    text-transform: uppercase;
}

.az-console-status-tag {
    font-family: var(--az-font-heading);
    font-size: 9.5px;
    font-weight: 700;
    letter-spacing: 0.06em;
    color: #059669;
    background: #ECFDF5;
    border: 1px solid #A7F3D0;
    padding: 3px 8px;
    border-radius: 4px;
    text-transform: uppercase;
}

.az-console-title {
    font-family: var(--az-font-heading);
    font-size: 1.55rem;
    font-weight: 800;
    color: #0B1F33;
    margin: 0 0 10px 0;
    letter-spacing: -0.02em;
    line-height: 1.25;
}

.az-console-narrative {
    font-family: var(--az-font-body);
    font-size: 0.95rem;
    color: #475569;
    line-height: 1.65;
    margin: 0 0 20px 0;
}

.az-console-schematic-frame {
    width: 100% !important;
    max-width: 100% !important;
    max-height: 280px !important;
    overflow: hidden !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 8px;
    padding: 14px;
    box-sizing: border-box;
    margin-bottom: 20px;
}

.az-automation-svg {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: 260px !important;
    display: block !important;
}

.az-console-metric-strip {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
    padding-top: 14px;
    border-top: 1px solid #E2E8F0;
    margin-top: auto;
}

.az-metric-chip {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-family: var(--az-font-heading);
    font-size: 12px;
    font-weight: 700;
    color: #0B1F33;
    letter-spacing: 0.01em;
}

.az-metric-chip-icon {
    color: #0878D1;
    font-size: 13px;
}

/* Bespoke Add-In Development Service Banner */
.az-automation-banner-card {
    background: #FFFFFF !important;
    border: 1px solid #E2E8F0 !important;
    border-top: 3px solid #0878D1 !important;
    border-radius: 12px !important;
    padding: 32px 36px !important;
    box-shadow: 0 12px 32px rgba(11, 31, 51, 0.04) !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 32px;
    width: 100% !important;
    box-sizing: border-box !important;
}

.az-banner-info {
    display: flex;
    flex-direction: column;
    gap: 8px;
    max-width: 780px;
}

.az-banner-overline {
    font-family: var(--az-font-heading);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.08em;
    color: #0878D1;
    text-transform: uppercase;
}

.az-banner-headline {
    font-family: var(--az-font-heading);
    font-size: 1.45rem;
    font-weight: 800;
    color: #0B1F33;
    margin: 0;
    letter-spacing: -0.02em;
    line-height: 1.25;
}

.az-banner-desc {
    font-family: var(--az-font-body);
    font-size: 0.92rem;
    color: #475569;
    line-height: 1.6;
    margin: 0;
}

.az-banner-action {
    flex-shrink: 0;
}

.az-banner-btn {
    padding: 13px 24px !important;
    font-size: 14px !important;
    white-space: nowrap !important;
}

/* ==========================================================================
   SECTION 08: PROJECT SCOPING PORTAL (Interactive Console)
   ========================================================================== */
.az-scoper-section,
.az-section-08-project-scoper {
    padding: 95px 0 !important;
    background-color: #F8FAFC !important;
    position: relative;
    border-top: 1px solid var(--az-border-card);
    overflow: hidden;
}

.az-scoper-container {
    max-width: 1240px !important;
    margin: 0 auto !important;
    padding: 0 24px;
    box-sizing: border-box;
}

.az-scoper-header {
    max-width: 820px;
    margin: 0 auto 48px auto;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
}

.az-scoper-header .az-overline-wrap {
    justify-content: center;
    margin: 0 auto;
}

.az-scoper-headline {
    font-family: var(--az-font-heading);
    font-size: 2.75rem;
    font-weight: 800;
    letter-spacing: -0.03em;
    line-height: 1.15;
    color: var(--az-navy-primary);
    margin: 0;
    text-align: center;
}

.az-scoper-subtitle {
    font-family: var(--az-font-body);
    font-size: 1.05rem;
    color: #475569;
    line-height: 1.68;
    margin: 0 auto;
    text-align: center;
    max-width: 780px;
}

/* Console Card Container */
.az-scoper-card {
    max-width: 1000px;
    margin: 0 auto;
    background: #FFFFFF !important;
    border: 1px solid #E2E8F0 !important;
    border-radius: 14px !important;
    padding: 44px !important;
    box-shadow: 0 15px 35px -5px rgba(11, 31, 51, 0.05), 0 0 1px rgba(11, 31, 51, 0.08) !important;
    box-sizing: border-box !important;
}

/* Parameter Modules */
.az-scoper-module {
    margin-bottom: 32px;
}

.az-scoper-module-label {
    display: block;
    font-family: var(--az-font-heading);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.08em;
    color: #64748B;
    text-transform: uppercase;
    margin-bottom: 14px;
}

.az-module-step {
    color: #0878D1;
    font-weight: 800;
    margin-right: 4px;
}

/* Precision Engineering Toggle Chips */
.az-chip-group {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.az-chip {
    background: #F8FAFC !important;
    border: 1px solid #E2E8F0 !important;
    border-radius: 6px !important;
    padding: 9px 18px !important;
    font-family: var(--az-font-heading);
    font-size: 13px !important;
    font-weight: 500 !important;
    color: #334155 !important;
    cursor: pointer;
    transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
    outline: none;
    line-height: 1.4;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    user-select: none;
}

.az-chip:hover {
    border-color: #CBD5E1 !important;
    color: #0B1F33 !important;
    background: #F1F5F9 !important;
    transform: translateY(-1px);
}

.az-chip.active {
    background: #FFFFFF !important;
    border: 1.5px solid #0878D1 !important;
    color: #0878D1 !important;
    font-weight: 700 !important;
    box-shadow: 0 2px 8px rgba(8, 120, 209, 0.12) !important;
    transform: translateY(-1px);
}

/* LOD Segmented Selector Grid */
.az-lod-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
}

.az-lod-card {
    background: #F8FAFC;
    border: 1px solid #E2E8F0;
    border-radius: 8px;
    padding: 20px;
    cursor: pointer;
    transition: all 0.22s cubic-bezier(0.16, 1, 0.3, 1);
    outline: none;
    display: flex;
    flex-direction: column;
    gap: 8px;
    box-sizing: border-box;
}

.az-lod-card:hover {
    border-color: #CBD5E1;
    background: #F1F5F9;
    transform: translateY(-2px);
}

.az-lod-card.active {
    background: #FFFFFF !important;
    border: 2px solid #0878D1 !important;
    box-shadow: 0 6px 18px rgba(8, 120, 209, 0.1) !important;
    transform: translateY(-2px);
}

.az-lod-badge {
    font-family: var(--az-font-heading);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.08em;
    color: #64748B;
    text-transform: uppercase;
}

.az-lod-card.active .az-lod-badge {
    color: #0878D1;
}

.az-lod-title {
    font-family: var(--az-font-heading);
    font-size: 1.05rem;
    font-weight: 700;
    color: #0B1F33;
    margin: 0;
    line-height: 1.3;
}

.az-lod-desc {
    font-family: var(--az-font-body);
    font-size: 0.82rem;
    color: #64748B;
    margin: 0;
    line-height: 1.5;
}

/* Contact & Verification Input Grid */
.az-scoper-input-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
}

.az-form-group {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.az-form-group-full {
    grid-column: 1 / -1;
}

.az-input-label {
    font-family: var(--az-font-heading);
    font-size: 11.5px;
    font-weight: 600;
    color: #334155;
}

.az-required {
    color: #EF4444;
    margin-left: 2px;
}

.az-input-field {
    width: 100% !important;
    background: #FFFFFF !important;
    border: 1px solid #CBD5E1 !important;
    border-radius: 6px !important;
    padding: 12px 14px !important;
    font-family: var(--az-font-body) !important;
    font-size: 13.5px !important;
    color: #0B1F33 !important;
    box-sizing: border-box !important;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
    outline: none;
}

.az-input-field:focus {
    border-color: #0878D1 !important;
    box-shadow: 0 0 0 3px rgba(8, 120, 209, 0.15) !important;
}

.az-textarea {
    resize: vertical;
    min-height: 95px;
    line-height: 1.5;
}

/* Submit Action Button */
.az-scoper-submit-wrap {
    margin-top: 28px;
    display: flex;
    justify-content: center;
}

.az-scoper-submit-btn,
.az-scoper-submit-btn span,
.az-scoper-submit-btn .az-btn-arrow {
    background: #0878D1 !important;
    color: #FFFFFF !important;
    opacity: 1 !important;
    visibility: visible !important;
    font-weight: 600 !important;
    border: none !important;
}

.az-scoper-submit-btn {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 52px !important;
    padding: 14px 24px !important;
    white-space: normal !important;
    word-break: break-word !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    font-size: 15px !important;
    line-height: 1.35 !important;
    box-sizing: border-box !important;
    background: #0878D1 !important;
    color: #FFFFFF !important;
    border-radius: 8px !important;
    cursor: pointer !important;
    transition: all 0.22s ease !important;
    gap: 10px !important;
}

.az-scoper-submit-btn:hover,
.az-scoper-submit-btn:hover span,
.az-scoper-submit-btn:hover .az-btn-arrow {
    background: #0661A9 !important;
    color: #FFFFFF !important;
    opacity: 1 !important;
    visibility: visible !important;
    font-weight: 600 !important;
}

.az-scoper-submit-btn.submitting {
    opacity: 0.8 !important;
    cursor: wait !important;
}

/* Inline Confirmation Message */
.az-scoper-success-message {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 36px 24px;
    background: #F0FDF4;
    border: 1px solid #BBF7D0;
    border-radius: 10px;
    animation: az-success-fade 0.4s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

@keyframes az-success-fade {
    from {
        opacity: 0;
        transform: scale(0.98);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

.az-success-icon-wrap {
    margin-bottom: 14px;
}

.az-success-title {
    font-family: var(--az-font-heading);
    font-size: 1.5rem;
    font-weight: 800;
    color: #065F46;
    margin: 0 0 8px 0;
    letter-spacing: -0.02em;
}

.az-success-narrative {
    font-family: var(--az-font-body);
    font-size: 0.98rem;
    color: #047857;
    line-height: 1.6;
    max-width: 620px;
    margin: 0 0 16px 0;
}

.az-success-footer-note {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-family: var(--az-font-heading);
    font-size: 12px;
    font-weight: 600;
    color: #047857;
}

.az-success-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #10B981;
}

/* Bottom Assurance Strip */
.az-scoper-assurance-strip {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    border-top: 1px solid #E2E8F0;
    margin-top: 36px;
    padding-top: 28px;
}

.az-assurance-item {
    display: flex;
    align-items: flex-start;
    gap: 14px;
}

.az-assurance-icon-box {
    width: 36px;
    height: 36px;
    border-radius: 8px;
    background: #F0F7FF;
    border: 1px solid #BAE6FD;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin-top: 2px;
}

.az-assurance-content {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.az-assurance-title {
    font-family: var(--az-font-heading);
    font-size: 13.5px;
    font-weight: 700;
    color: #0B1F33;
    margin: 0;
}

.az-assurance-desc {
    font-family: var(--az-font-body);
    font-size: 0.84rem;
    color: #64748B;
    margin: 0;
    line-height: 1.48;
}

/* ==========================================================================
   PAGE 2 (ABOUT US) - SECTION 01: HERO & CORE PILLARS (Concept B: Monolith)
   ========================================================================== */
.az-about-hero-section {
    background-color: #F8FAFC !important;
    padding: 100px 0 80px 0 !important;
    position: relative;
    width: 100%;
    box-sizing: border-box;
    overflow: hidden;
}

.az-about-hero-container {
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 24px;
    box-sizing: border-box;
    position: relative;
    z-index: 2;
}

/* Header (Centered, Max-Width 860px) */
.az-about-hero-header {
    text-align: center;
    max-width: 860px;
    margin: 0 auto;
}

.az-about-overline,
.az-about-hero-overline {
    background: none !important;
    background-color: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    margin: 0 auto 16px auto !important;
    display: inline-block !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 0.14em !important;
    color: #0878D1 !important;
    text-transform: uppercase !important;
    box-shadow: none !important;
    font-family: var(--az-font-heading);
}

.az-about-hero-overline .az-overline-badge,
.az-about-hero-overline span {
    background: none !important;
    background-color: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    letter-spacing: inherit !important;
    color: inherit !important;
    text-transform: inherit !important;
}

.az-about-hero-title {
    font-family: var(--az-font-heading);
    font-weight: 700;
    color: #0B1F33;
    font-size: clamp(32px, 5vw, 52px);
    line-height: 1.15;
    margin: 0 0 20px 0;
    letter-spacing: -0.02em;
}

.az-about-hero-narrative {
    font-family: var(--az-font-body);
    color: #475569;
    font-size: 17px;
    line-height: 1.65;
    margin: 0 auto;
    max-width: 780px;
}

/* The 3 Floating Hardware Monolith Cards */
.az-about-pillars-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 28px;
    max-width: 1240px;
    margin: 48px auto 0 auto;
    box-sizing: border-box;
}

.az-about-pillar-card {
    background-color: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-top: 2px solid rgba(8, 120, 209, 0.4);
    border-radius: 12px;
    padding: 36px 28px;
    box-shadow: 0 10px 30px -5px rgba(11, 31, 51, 0.04);
    display: flex;
    flex-direction: column;
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.az-about-pillar-card:hover {
    transform: translateY(-8px);
    border-color: #0878D1;
    border-top-color: #0878D1;
    box-shadow: 0 25px 50px -12px rgba(8, 120, 209, 0.15);
}

.az-pillar-meta-spec {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.1em;
    color: #0878D1;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 18px;
    font-family: var(--az-font-heading);
}

.az-pillar-meta-spec .az-spec-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #0878D1;
    display: inline-block;
    flex-shrink: 0;
}

/* Vector Schematic Frame */
.az-pillar-schematic-wrap {
    width: 100%;
    height: 156px;
    background: #F8FAFC;
    border: 1px solid #F1F5F9;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    margin-bottom: 24px;
    box-sizing: border-box;
    overflow: hidden;
    transition: background-color 0.3s ease, border-color 0.3s ease;
}

.az-about-pillar-card:hover .az-pillar-schematic-wrap {
    background-color: #F0F7FF;
    border-color: #BFDBFE;
}

.az-pillar-schematic-svg {
    width: 100%;
    height: 100%;
    max-height: 140px;
    display: block;
    user-select: none;
}

/* Content */
.az-pillar-content {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.az-pillar-title {
    color: #0B1F33;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.3;
    margin: 0 0 12px 0;
    font-family: var(--az-font-heading);
    letter-spacing: -0.01em;
}

.az-pillar-body {
    color: #475569;
    font-size: 14.5px;
    line-height: 1.6;
    margin: 0;
    font-family: var(--az-font-body);
}

/* Bottom Foundation Metrics Strip */
.az-about-trust-strip {
    width: 100%;
    margin-top: 52px;
    padding-top: 32px;
    border-top: 1px solid #E2E8F0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    box-sizing: border-box;
}

.az-trust-item {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #64748B;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    white-space: nowrap;
    font-family: var(--az-font-heading);
}

.az-trust-indicator {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #0878D1;
    display: inline-block;
    flex-shrink: 0;
}

.az-trust-separator {
    width: 1px;
    height: 18px;
    background-color: #E2E8F0;
    flex-shrink: 0;
}

/* ==========================================================================
   PAGE 2 (ABOUT US) - SECTION 02: PROBLEM VS SOLUTION MATRIX
   ========================================================================== */
.az-about-matrix-section {
    background-color: #FFFFFF !important;
    padding: 90px 0 !important;
    width: 100%;
    box-sizing: border-box;
    position: relative;
}

.az-about-matrix-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 24px;
    box-sizing: border-box;
}

/* Header (Centered, Max-Width 820px) */
.az-about-matrix-header {
    text-align: center;
    max-width: 820px;
    margin: 0 auto;
}

.az-about-matrix-title {
    font-family: var(--az-font-heading);
    font-weight: 700;
    color: #0B1F33;
    font-size: clamp(28px, 4vw, 42px);
    line-height: 1.2;
    margin: 0 0 16px 0;
    letter-spacing: -0.02em;
}

.az-about-matrix-subtitle {
    font-family: var(--az-font-body);
    color: #475569;
    font-size: 16px;
    line-height: 1.6;
    margin: 0 auto;
    max-width: 760px;
}

/* Side-by-Side Architectural Contrast Stage */
.az-matrix-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 32px;
    max-width: 1200px;
    margin: 48px auto 0 auto;
    box-sizing: border-box;
}

.az-matrix-card {
    border-radius: 12px;
    padding: 36px 32px;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    transition: var(--az-transition);
}

/* Left Column — The Traditional Outsourcing Pitfall */
.az-matrix-card-problem {
    background-color: #F8FAFC;
    border: 1px solid #E2E8F0;
    border-top: 3px solid #94A3B8;
}

/* Right Column — The AZ Synergy Engineering Standard */
.az-matrix-card-solution {
    background-color: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-top: 3px solid #0878D1;
    box-shadow: 0 12px 35px -5px rgba(8, 120, 209, 0.08);
}

.az-matrix-card-header {
    margin-bottom: 24px;
}

.az-matrix-meta-tag {
    font-family: var(--az-font-heading);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    display: inline-block;
    margin-bottom: 8px;
}

.az-matrix-card-problem .az-matrix-meta-tag {
    color: #64748B;
}

.az-matrix-card-solution .az-matrix-meta-tag {
    color: #0878D1;
}

.az-matrix-card-subheading {
    font-family: var(--az-font-heading);
    color: #0B1F33;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.3;
    margin: 0;
    letter-spacing: -0.01em;
}

/* Items List */
.az-matrix-items-list {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.az-matrix-item {
    display: flex;
    align-items: flex-start;
    gap: 14px;
}

.az-matrix-item-icon {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin-top: 2px;
}

.az-icon-fail {
    background-color: #FEE2E2;
    color: #DC2626;
    border: 1px solid rgba(220, 38, 38, 0.2);
}

.az-icon-check {
    background-color: #EBF5FF;
    color: #0878D1;
    border: 1px solid rgba(8, 120, 209, 0.25);
}

.az-matrix-item-content {
    font-family: var(--az-font-body);
    font-size: 14.5px;
    line-height: 1.55;
    color: #475569;
}

.az-matrix-item-title {
    font-weight: 700;
    color: #0B1F33;
    margin-right: 4px;
}

.az-matrix-item-desc {
    color: #475569;
}

/* Full-Width Impact Banner */
.az-matrix-impact-banner {
    background-color: #F1F5F9;
    border-left: 4px solid #0878D1;
    border-radius: 6px;
    padding: 18px 24px;
    margin-top: 36px;
    box-sizing: border-box;
}

.az-matrix-impact-content {
    display: flex;
    align-items: center;
    gap: 14px;
}

.az-matrix-impact-icon {
    color: #0878D1;
    flex-shrink: 0;
}

.az-matrix-impact-text {
    font-family: var(--az-font-heading);
    font-size: 14px;
    font-weight: 600;
    color: #0B1F33;
    margin: 0;
    line-height: 1.5;
}

/* ==========================================================================
   PAGE 2 (ABOUT US) - SECTION 03: MULTIDISCIPLINARY DOMAIN CORE
   ========================================================================== */
.az-about-disciplines-section {
    background-color: #F8FAFC !important;
    padding: 90px 0 !important;
    width: 100%;
    box-sizing: border-box;
    position: relative;
}

.az-about-disciplines-container {
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 24px;
    box-sizing: border-box;
}

/* Header (Centered, Max-Width 840px) */
.az-about-disciplines-header {
    text-align: center;
    max-width: 840px;
    margin: 0 auto;
}

.az-about-disciplines-title {
    font-family: var(--az-font-heading);
    font-weight: 700;
    color: #0B1F33;
    font-size: clamp(28px, 4vw, 42px);
    line-height: 1.2;
    margin: 0 0 16px 0;
    letter-spacing: -0.02em;
}

.az-about-disciplines-subtitle {
    font-family: var(--az-font-body);
    color: #475569;
    font-size: 16px;
    line-height: 1.6;
    margin: 0 auto;
    max-width: 780px;
}

/* The 4-Column Domain Grid */
.az-domain-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
    max-width: 1240px;
    margin: 48px auto 0 auto;
    box-sizing: border-box;
}

.az-domain-card {
    background-color: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-top: 3px solid #0878D1;
    border-radius: 10px;
    padding: 28px 22px;
    box-shadow: 0 8px 24px -4px rgba(11, 31, 51, 0.04);
    display: flex;
    flex-direction: column;
    position: relative;
    box-sizing: border-box;
    transition: all 0.25s ease;
}

.az-domain-card:hover {
    transform: translateY(-6px);
    border-color: #0878D1;
    border-top-color: #0878D1;
    box-shadow: 0 16px 36px -6px rgba(8, 120, 209, 0.12);
}

.az-domain-code-badge {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 16px;
    font-family: var(--az-font-mono, monospace);
    font-size: 11px;
    font-weight: 700;
    color: #0878D1;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.az-domain-code-dot {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #0878D1;
    display: inline-block;
    flex-shrink: 0;
}

/* Vector Schematic Frame */
.az-domain-schematic-wrap {
    width: 100%;
    height: 140px;
    background: #F8FAFC;
    border: 1px solid #F1F5F9;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    margin-bottom: 20px;
    box-sizing: border-box;
    overflow: hidden;
    transition: background-color 0.25s ease, border-color 0.25s ease;
}

.az-domain-card:hover .az-domain-schematic-wrap {
    background-color: #F0F7FF;
    border-color: #BFDBFE;
}

.az-domain-schematic-svg {
    width: 100%;
    height: 100%;
    max-height: 120px;
    display: block;
    user-select: none;
}

/* Card Body */
.az-domain-body {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.az-domain-title {
    color: #0B1F33;
    font-size: 19px;
    font-weight: 700;
    line-height: 1.3;
    margin: 0 0 10px 0;
    font-family: var(--az-font-heading);
    letter-spacing: -0.01em;
}

.az-domain-summary {
    color: #475569;
    font-size: 14px;
    line-height: 1.55;
    margin: 0 0 20px 0;
    font-family: var(--az-font-body);
}

/* Standards Footer */
.az-domain-footer {
    margin-top: auto;
    padding-top: 14px;
    border-top: 1px dashed #E2E8F0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.az-standards-label {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.08em;
    color: #94A3B8;
    text-transform: uppercase;
    font-family: var(--az-font-heading);
}

.az-standards-text {
    font-size: 11.5px;
    font-weight: 700;
    color: #0B1F33;
    font-family: var(--az-font-mono, monospace);
    letter-spacing: 0.02em;
}

/* Bottom Assurance Footnote Strip */
.az-domain-footnote {
    margin-top: 36px;
    text-align: center;
    display: flex;
    justify-content: center;
    width: 100%;
    box-sizing: border-box;
}

.az-domain-footnote-inner {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 10px 20px;
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 100px;
    box-shadow: 0 2px 8px rgba(11, 31, 51, 0.03);
    max-width: 820px;
}

.az-footnote-icon {
    color: #0878D1;
    flex-shrink: 0;
}

.az-domain-footnote-text {
    font-family: var(--az-font-body);
    font-size: 13px;
    font-weight: 500;
    color: #64748B;
    margin: 0;
    line-height: 1.5;
}

/* ==========================================================================
   PAGE 2 (ABOUT US) - SECTION 04: BIM TECHNOLOGY STACK & STANDARDS
   ========================================================================== */
.az-about-tech-section {
    background-color: #FFFFFF !important;
    padding: 90px 0 !important;
    width: 100%;
    box-sizing: border-box;
    position: relative;
}

.az-about-tech-container {
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 24px;
    box-sizing: border-box;
}

/* Header (Centered, Max-Width 840px) */
.az-about-tech-header {
    text-align: center;
    max-width: 840px;
    margin: 0 auto;
}

.az-about-tech-title {
    font-family: var(--az-font-heading);
    font-weight: 700;
    color: #0B1F33;
    font-size: clamp(28px, 4vw, 42px);
    line-height: 1.2;
    margin: 0 0 16px 0;
    letter-spacing: -0.02em;
}

.az-about-tech-subtitle {
    font-family: var(--az-font-body);
    color: #475569;
    font-size: 16px;
    line-height: 1.6;
    margin: 0 auto;
    max-width: 780px;
}

/* Asymmetric Bento Grid (12 Columns) */
.az-tech-bento-grid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 24px;
    max-width: 1240px;
    margin: 48px auto 0 auto;
    box-sizing: border-box;
}

.az-tech-card {
    background-color: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 12px;
    padding: 32px 28px;
    box-shadow: 0 8px 24px -4px rgba(11, 31, 51, 0.04);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    box-sizing: border-box;
    transition: all 0.25s ease;
    position: relative;
}

.az-tech-card:hover {
    transform: translateY(-5px);
    border-color: #0878D1;
    box-shadow: 0 16px 36px -6px rgba(8, 120, 209, 0.12);
}

.az-tech-card-span-7 {
    grid-column: span 7;
}

.az-tech-card-span-5 {
    grid-column: span 5;
}

.az-tech-card-top {
    margin-bottom: 16px;
}

.az-tech-spec-overline {
    font-family: var(--az-font-heading);
    font-size: 11px;
    font-weight: 700;
    color: #0878D1;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    display: block;
    margin-bottom: 8px;
}

.az-tech-card-title {
    color: #0B1F33;
    font-size: 21px;
    font-weight: 700;
    line-height: 1.3;
    margin: 0 0 12px 0;
    font-family: var(--az-font-heading);
    letter-spacing: -0.01em;
}

.az-tech-card-summary {
    color: #475569;
    font-size: 14.5px;
    line-height: 1.6;
    margin: 0;
    font-family: var(--az-font-body);
}

/* Vector Schematic Frame */
.az-tech-schematic-wrap {
    width: 100%;
    height: 144px;
    background: #F8FAFC;
    border: 1px solid #F1F5F9;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    margin-bottom: 18px;
    box-sizing: border-box;
    overflow: hidden;
    transition: background-color 0.25s ease, border-color 0.25s ease;
}

.az-tech-card:hover .az-tech-schematic-wrap {
    background-color: #F0F7FF;
    border-color: #BFDBFE;
}

.az-tech-schematic-svg {
    width: 100%;
    height: 100%;
    max-height: 130px;
    display: block;
    user-select: none;
}

/* Feature Tags (Flat Chips, Zero Pill Shapes) */
.az-tech-tags-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: auto;
    padding-top: 12px;
}

.az-tech-tag {
    font-family: var(--az-font-heading);
    font-size: 11px;
    font-weight: 600;
    color: #475569;
    background: #F8FAFC;
    border: 1px solid #E2E8F0;
    border-radius: 4px;
    padding: 4px 10px;
    line-height: 1.4;
    transition: all 0.2s ease;
}

.az-tech-card:hover .az-tech-tag {
    border-color: #CBD5E1;
    color: #0B1F33;
}

/* ==========================================================================
   PAGE 2 (ABOUT US) - SECTION 05: QUALITY GOVERNANCE & IP PROTECTION
   ========================================================================== */
.az-about-gov-section {
    background-color: #F8FAFC !important;
    padding: 90px 0 !important;
    width: 100%;
    box-sizing: border-box;
    position: relative;
}

.az-about-gov-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 24px;
    box-sizing: border-box;
}

/* Header (Centered, Max-Width 840px) */
.az-about-gov-header {
    text-align: center;
    max-width: 840px;
    margin: 0 auto;
}

.az-about-gov-title {
    font-family: var(--az-font-heading);
    font-weight: 700;
    color: #0B1F33;
    font-size: clamp(28px, 4vw, 42px);
    line-height: 1.2;
    margin: 0 0 16px 0;
    letter-spacing: -0.02em;
}

.az-about-gov-subtitle {
    font-family: var(--az-font-body);
    color: #475569;
    font-size: 16px;
    line-height: 1.6;
    margin: 0 auto;
    max-width: 780px;
}

/* 4-Card Architectural Governance Grid */
.az-governance-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 28px;
    max-width: 1200px;
    margin: 48px auto 0 auto;
    box-sizing: border-box;
}

.az-gov-card {
    background-color: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-top: 3px solid #0878D1;
    border-radius: 12px;
    padding: 36px 32px;
    box-shadow: 0 8px 24px -4px rgba(11, 31, 51, 0.04);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    box-sizing: border-box;
    transition: all 0.25s ease;
    position: relative;
}

.az-gov-card:hover {
    transform: translateY(-5px);
    border-color: #0878D1;
    border-top-color: #0878D1;
    box-shadow: 0 16px 36px -6px rgba(8, 120, 209, 0.12);
}

.az-gov-card-top {
    margin-bottom: 16px;
}

.az-gov-protocol-tag {
    font-family: var(--az-font-mono, monospace);
    font-size: 11px;
    font-weight: 700;
    color: #0878D1;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    display: block;
    margin-bottom: 8px;
}

.az-gov-card-title {
    color: #0B1F33;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.3;
    margin: 0 0 10px 0;
    font-family: var(--az-font-heading);
    letter-spacing: -0.01em;
}

.az-gov-card-summary {
    color: #475569;
    font-size: 14.5px;
    line-height: 1.6;
    margin: 0;
    font-family: var(--az-font-body);
}

/* Vector Schematic Frame */
.az-gov-schematic-wrap {
    width: 100%;
    height: 140px;
    background: #F8FAFC;
    border: 1px solid #F1F5F9;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    margin-bottom: 22px;
    box-sizing: border-box;
    overflow: hidden;
    transition: background-color 0.25s ease, border-color 0.25s ease;
}

.az-gov-card:hover .az-gov-schematic-wrap {
    background-color: #F0F7FF;
    border-color: #BFDBFE;
}

.az-gov-schematic-svg {
    width: 100%;
    height: 100%;
    max-height: 125px;
    display: block;
    user-select: none;
}

/* Checklist Items */
.az-gov-checklist {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: auto;
    padding-top: 14px;
    border-top: 1px dashed #E2E8F0;
}

.az-gov-check-item {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.az-gov-check-icon {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background-color: #EBF5FF;
    color: #0878D1;
    border: 1px solid rgba(8, 120, 209, 0.25);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin-top: 2px;
}

.az-gov-check-text {
    font-family: var(--az-font-body);
    font-size: 13.5px;
    font-weight: 500;
    color: #475569;
    line-height: 1.5;
}

/* ==========================================================================
   PAGE 2 (ABOUT US) - SECTION 06: EXECUTIVE ENGAGEMENT GATEWAY
   ========================================================================== */
.az-about-cta-section {
    background-color: #FFFFFF !important;
    padding: 100px 0 110px 0 !important;
    border-top: 1px solid #E2E8F0 !important;
    width: 100%;
    box-sizing: border-box;
    position: relative;
}

.az-about-cta-container {
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 24px;
    box-sizing: border-box;
}

.az-about-gateway-box {
    max-width: 1200px;
    margin: 0 auto;
    background-color: #F8FAFC;
    border: 1px solid #E2E8F0;
    border-radius: 16px;
    padding: 56px 48px;
    box-shadow: 0 12px 32px -4px rgba(11, 31, 51, 0.04);
    display: grid;
    grid-template-columns: 1.2fr 0.8fr;
    gap: 48px;
    align-items: center;
    box-sizing: border-box;
}

.az-gateway-headline {
    font-family: var(--az-font-heading);
    font-weight: 700;
    color: #0B1F33;
    font-size: clamp(28px, 3.5vw, 40px);
    line-height: 1.2;
    margin: 12px 0 16px 0;
    letter-spacing: -0.02em;
}

.az-gateway-supporting {
    font-family: var(--az-font-body);
    color: #475569;
    font-size: 16px;
    line-height: 1.65;
    margin: 0 0 24px 0;
}

.az-gateway-indicators {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.az-gateway-indicator-item {
    display: flex;
    align-items: center;
    gap: 10px;
    font-family: var(--az-font-body);
    font-size: 14px;
    font-weight: 600;
    color: #0B1F33;
}

.az-gateway-check-icon {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #EBF5FF;
    color: #0878D1;
    border: 1px solid rgba(8, 120, 209, 0.25);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.az-gateway-hub-card {
    background-color: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 12px;
    padding: 32px 28px;
    box-shadow: 0 8px 24px -4px rgba(11, 31, 51, 0.05);
    box-sizing: border-box;
}

.az-gateway-btn-primary {
    display: block;
    width: 100%;
    background: #0878D1;
    color: #FFFFFF !important;
    font-family: var(--az-font-heading);
    font-size: 15px;
    font-weight: 600;
    padding: 16px 24px;
    border-radius: 8px;
    text-align: center;
    text-decoration: none !important;
    box-shadow: 0 4px 14px rgba(8, 120, 209, 0.25);
    transition: all 0.2s ease;
    box-sizing: border-box;
}

.az-gateway-btn-primary:hover {
    background: #0766B2;
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(8, 120, 209, 0.35);
}

.az-gateway-btn-secondary {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    margin-top: 14px;
    background: #FFFFFF;
    border: 1px solid #CBD5E1;
    color: #0B1F33 !important;
    font-family: var(--az-font-heading);
    font-size: 14.5px;
    font-weight: 600;
    padding: 14px 24px;
    border-radius: 8px;
    text-align: center;
    text-decoration: none !important;
    transition: all 0.2s ease;
    box-sizing: border-box;
}

.az-gateway-btn-secondary:hover {
    background: #F8FAFC;
    border-color: #94A3B8;
    color: #0878D1 !important;
    transform: translateY(-1px);
}

.az-gateway-meta-strip {
    border-top: 1px solid #E2E8F0;
    margin-top: 20px;
    padding-top: 16px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    font-family: var(--az-font-body);
    font-size: 12px;
    color: #64748B;
    line-height: 1.6;
}

.az-gateway-meta-row {
    display: flex;
    align-items: center;
    gap: 8px;
}

.az-meta-dot {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #94A3B8;
    flex-shrink: 0;
}

/* ==========================================================================
   PAGE 3 (SERVICES OVERVIEW) - SECTION 01: OVERVIEW HERO (Concept 2: Monolith)
   ========================================================================== */
.az-services-hero-section {
    background-color: #F8FAFC !important;
    padding: 100px 0 80px 0 !important;
    position: relative;
    width: 100%;
    box-sizing: border-box;
    overflow: hidden;
}

.az-services-hero-container {
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 24px;
    box-sizing: border-box;
    position: relative;
    z-index: 2;
}

/* Header (Centered, Max-Width 880px) */
.az-services-hero-header {
    text-align: center;
    max-width: 880px;
    margin: 0 auto;
}

.az-services-hero-overline {
    background: none !important;
    background-color: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    margin: 0 auto 16px auto !important;
    display: inline-block !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 0.14em !important;
    color: #0878D1 !important;
    text-transform: uppercase !important;
    box-shadow: none !important;
    font-family: var(--az-font-heading);
}

.az-services-hero-title {
    font-family: var(--az-font-heading);
    font-weight: 700;
    color: #0B1F33;
    font-size: clamp(30px, 4.5vw, 48px);
    line-height: 1.18;
    margin: 0 0 20px 0;
    letter-spacing: -0.02em;
}

.az-services-hero-subtitle {
    font-family: var(--az-font-body);
    color: #475569;
    font-size: 17px;
    line-height: 1.65;
    margin: 0 auto;
    max-width: 820px;
}

/* The 3 Elevated Scope Monolith Cards */
.az-services-hero-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 28px;
    max-width: 1240px;
    margin: 48px auto 0 auto;
    box-sizing: border-box;
}

.az-services-scope-card {
    background-color: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-top: 3px solid #0878D1;
    border-radius: 12px;
    padding: 36px 28px;
    box-shadow: 0 10px 30px -5px rgba(11, 31, 51, 0.04);
    display: flex;
    flex-direction: column;
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    transition: all 0.28s ease;
}

.az-services-scope-card:hover {
    transform: translateY(-8px);
    border-color: #0878D1;
    border-top-color: #0878D1;
    box-shadow: 0 20px 40px -8px rgba(8, 120, 209, 0.14);
}

.az-services-scope-top {
    margin-bottom: 20px;
}

.az-services-card-overline {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.1em;
    color: #0878D1;
    text-transform: uppercase;
    font-family: var(--az-font-heading);
    display: block;
    margin-bottom: 12px;
}

.az-services-card-title {
    color: #0B1F33;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.3;
    margin: 12px 0 10px 0;
    font-family: var(--az-font-heading);
    letter-spacing: -0.01em;
}

.az-services-card-summary {
    color: #475569;
    font-size: 14.5px;
    line-height: 1.6;
    margin: 0;
    font-family: var(--az-font-body);
}

/* Vector Schematic Frame */
.az-services-schematic-wrap {
    width: 100%;
    height: 156px;
    background: #F8FAFC;
    border: 1px solid #F1F5F9;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    margin-bottom: 24px;
    box-sizing: border-box;
    overflow: hidden;
    transition: background-color 0.28s ease, border-color 0.28s ease;
}

.az-services-scope-card:hover .az-services-schematic-wrap {
    background-color: #F0F7FF;
    border-color: #BFDBFE;
}

.az-services-schematic-svg {
    width: 100%;
    height: 100%;
    max-height: 140px;
    display: block;
    user-select: none;
}

/* Scope Bullets List */
.az-services-scope-bullets {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: auto;
    padding-top: 20px;
    border-top: 1px solid #F1F5F9;
}

.az-services-bullet-item {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    font-family: var(--az-font-body);
}

.az-bullet-icon {
    flex-shrink: 0;
    width: 14px;
    height: 14px;
    margin-top: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.az-bullet-text {
    font-size: 13.5px;
    line-height: 1.5;
    color: #334155;
    font-weight: 500;
}

/* Bottom Verification Strip */
.az-services-trust-strip {
    width: 100%;
    margin-top: 48px;
    padding-top: 28px;
    border-top: 1px solid #E2E8F0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    box-sizing: border-box;
    text-align: center;
}

.az-services-trust-item {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #64748B;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    white-space: nowrap;
    font-family: var(--az-font-heading);
}

.az-services-trust-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #0878D1;
    display: inline-block;
    flex-shrink: 0;
}

.az-services-trust-separator {
    width: 1px;
    height: 18px;
    background-color: #E2E8F0;
    flex-shrink: 0;
}

/* ==========================================================================
   PAGE 3 (SERVICES OVERVIEW) - SECTION 02: CORE DISCIPLINES DOSSIER (Concept C)
   ========================================================================== */
.az-services-disciplines-section {
    background-color: #FFFFFF !important;
    padding: 100px 0 !important;
    position: relative;
    width: 100%;
    box-sizing: border-box;
    overflow: hidden;
}

.az-services-disciplines-container {
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 24px;
    box-sizing: border-box;
    position: relative;
    z-index: 2;
}

/* Header (Centered, Max-Width 860px) */
.az-services-disciplines-header {
    text-align: center;
    max-width: 860px;
    margin: 0 auto;
}

.az-services-disciplines-overline {
    background: none !important;
    background-color: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    margin: 0 auto 16px auto !important;
    display: inline-block !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 0.14em !important;
    color: #0878D1 !important;
    text-transform: uppercase !important;
    box-shadow: none !important;
    font-family: var(--az-font-heading);
}

.az-services-disciplines-title {
    font-family: var(--az-font-heading);
    font-weight: 700;
    color: #0B1F33;
    font-size: clamp(28px, 4vw, 42px);
    line-height: 1.2;
    margin: 0 0 16px 0;
    letter-spacing: -0.02em;
}

.az-services-disciplines-subtitle {
    font-family: var(--az-font-body);
    color: #475569;
    font-size: 16px;
    line-height: 1.6;
    margin: 0 auto;
    max-width: 800px;
}

/* The Alternating 4-Discipline Dossier Rows */
.az-disciplines-dossier {
    max-width: 1240px;
    margin: 60px auto 0 auto;
    display: flex;
    flex-direction: column;
    gap: 64px;
    box-sizing: border-box;
}

.az-discipline-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 48px;
    align-items: center;
    padding: 40px;
    background: #F8FAFC;
    border: 1px solid #E2E8F0;
    border-radius: 12px;
    box-sizing: border-box;
    transition: border-color 0.25s ease, box-shadow 0.25s ease;
}

.az-discipline-row:hover {
    border-color: #BFDBFE;
    box-shadow: 0 12px 30px -8px rgba(8, 120, 209, 0.08);
}

/* Alternating Direction: Even rows have schematic on left, content on right */
.az-discipline-row:nth-child(even) .az-discipline-content {
    order: 2;
}

.az-discipline-row:nth-child(even) .az-discipline-schematic {
    order: 1;
}

/* Content Column */
.az-discipline-content {
    display: flex;
    flex-direction: column;
}

.az-discipline-overline {
    font-size: 11px;
    font-weight: 700;
    color: #0878D1;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    font-family: var(--az-font-heading);
    margin-bottom: 8px;
    display: block;
}

.az-discipline-title {
    color: #0B1F33;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.25;
    margin: 8px 0 16px 0;
    font-family: var(--az-font-heading);
    letter-spacing: -0.015em;
}

.az-discipline-desc {
    color: #475569;
    font-size: 15px;
    line-height: 1.6;
    margin: 0 0 24px 0;
    font-family: var(--az-font-body);
}

.az-discipline-bullets {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 24px;
}

.az-discipline-bullet {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    font-family: var(--az-font-body);
}

.az-discipline-check {
    flex-shrink: 0;
    width: 14px;
    height: 14px;
    margin-top: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.az-discipline-bullet-text {
    font-size: 13.5px;
    line-height: 1.5;
    color: #334155;
    font-weight: 500;
    word-break: break-word;
    overflow-wrap: break-word;
}

.az-discipline-deliverable-footer {
    font-size: 12px;
    color: #64748B;
    font-weight: 600;
    border-top: 1px solid #E2E8F0;
    padding-top: 14px;
    margin-top: 16px;
    line-height: 1.5;
    font-family: var(--az-font-heading);
    word-break: break-word;
    overflow-wrap: break-word;
}

/* Schematic Viewport */
.az-discipline-schematic {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.az-discipline-viewport-frame {
    background: #FFFFFF;
    border: 1px solid #CBD5E1;
    border-radius: 8px;
    padding: 20px;
    min-height: 280px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    overflow: hidden;
    transition: border-color 0.25s ease, background-color 0.25s ease;
}

.az-discipline-row:hover .az-discipline-viewport-frame {
    border-color: #93C5FD;
    background-color: #FCFDFF;
}

.az-discipline-schematic-svg {
    width: 100%;
    height: auto;
    max-height: 240px;
    display: block;
    user-select: none;
}

/* ==========================================================================
   PAGE 3 (SERVICES OVERVIEW) - SECTION 03: BIM COORDINATION & CLASH DETECTION
   ========================================================================== */
.az-services-coordination-section {
    background-color: #F8FAFC !important;
    padding: 100px 0 !important;
    position: relative;
    width: 100%;
    box-sizing: border-box;
    overflow: hidden;
}

.az-services-coordination-container {
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 24px;
    box-sizing: border-box;
    position: relative;
    z-index: 2;
}

/* Header (Centered, Max-Width 860px) */
.az-services-coordination-header {
    text-align: center;
    max-width: 860px;
    margin: 0 auto;
}

.az-services-coordination-overline {
    background: none !important;
    background-color: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    margin: 0 auto 16px auto !important;
    display: inline-block !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 0.14em !important;
    color: #0878D1 !important;
    text-transform: uppercase !important;
    box-shadow: none !important;
    font-family: var(--az-font-heading);
}

.az-services-coordination-title {
    font-family: var(--az-font-heading);
    font-weight: 700;
    color: #0B1F33;
    font-size: clamp(28px, 4vw, 42px);
    line-height: 1.2;
    margin: 0 0 16px 0;
    letter-spacing: -0.02em;
}

.az-services-coordination-subtitle {
    font-family: var(--az-font-body);
    color: #475569;
    font-size: 16px;
    line-height: 1.6;
    margin: 0 auto;
    max-width: 800px;
}

/* The Coordination Mechanics Matrix (2-Column Console) */
.az-coordination-matrix {
    max-width: 1240px;
    margin: 48px auto 0 auto;
    display: grid;
    grid-template-columns: 1.1fr 0.9fr;
    gap: 36px;
    align-items: stretch;
    box-sizing: border-box;
}

/* Left Column — Scope & Focus Protocol (White Card) */
.az-coord-left-card {
    background-color: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-top: 3px solid #0878D1;
    border-radius: 12px;
    padding: 36px 32px;
    box-shadow: 0 8px 24px -4px rgba(11, 31, 51, 0.04);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
}

.az-coord-card-heading {
    color: #0B1F33;
    font-size: 20px;
    font-weight: 700;
    margin: 0 0 20px 0;
    font-family: var(--az-font-heading);
    line-height: 1.3;
    letter-spacing: -0.01em;
}

.az-coord-items-list {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.az-coord-item {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.az-coord-bullet-icon {
    flex-shrink: 0;
    width: 15px;
    height: 15px;
    margin-top: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.az-coord-item-text {
    font-family: var(--az-font-body);
    font-size: 14px;
    line-height: 1.55;
    color: #475569;
}

.az-coord-item-title {
    color: #0B1F33;
    font-weight: 700;
    font-family: var(--az-font-heading);
    margin-right: 4px;
}

.az-coord-item-desc {
    color: #475569;
    font-weight: 400;
}

/* Right Column — Verification Console & Outputs (Viewport Card) */
.az-coord-right-card {
    background-color: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 12px;
    padding: 32px 28px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    box-shadow: 0 8px 24px -4px rgba(11, 31, 51, 0.04);
    box-sizing: border-box;
}

.az-coord-schematic-wrap {
    background: #F8FAFC;
    border: 1px solid #E2E8F0;
    border-radius: 8px;
    padding: 16px;
    min-height: 250px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    box-sizing: border-box;
    transition: border-color 0.25s ease, background-color 0.25s ease;
}

.az-coord-right-card:hover .az-coord-schematic-wrap {
    border-color: #BFDBFE;
    background-color: #F0F7FF;
}

.az-coord-schematic-svg {
    width: 100%;
    height: auto;
    max-height: 240px;
    display: block;
    user-select: none;
}

/* Output Deliverables Block */
.az-coord-deliverables {
    border-top: 1px solid #E2E8F0;
    padding-top: 20px;
    margin-top: 24px;
}

.az-coord-deliv-heading {
    font-size: 11px;
    font-weight: 700;
    color: #64748B;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    font-family: var(--az-font-heading);
    display: block;
    margin-bottom: 12px;
}

.az-coord-chips-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.az-coord-chip {
    background: #F8FAFC;
    border: 1px solid #CBD5E1;
    border-radius: 4px;
    padding: 6px 12px;
    font-size: 12px;
    font-weight: 600;
    color: #334155;
    font-family: var(--az-font-heading);
    letter-spacing: 0.02em;
    display: inline-block;
    transition: all 0.2s ease;
}

.az-coord-chip:hover {
    background: #EBF5FF;
    border-color: #0878D1;
    color: #0878D1;
}

/* Bottom Scope Note Banner */
.az-coord-notice {
    max-width: 1240px;
    margin: 32px auto 0 auto;
    background: #F1F5F9;
    border-left: 4px solid #0878D1;
    border-radius: 6px;
    padding: 18px 24px;
    box-sizing: border-box;
}

.az-coord-notice-text {
    font-size: 13px;
    color: #475569;
    line-height: 1.55;
    margin: 0;
    font-family: var(--az-font-body);
}

/* ==========================================================================
   PAGE 3 (SERVICES OVERVIEW) - SECTION 04: SHOP DRAWINGS & DOCUMENTATION
   ========================================================================== */
.az-services-documentation-section {
    background-color: #FFFFFF !important;
    padding: 100px 0 !important;
    position: relative;
    width: 100%;
    box-sizing: border-box;
    overflow: hidden;
}

.az-services-docs-container {
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 24px;
    box-sizing: border-box;
    position: relative;
    z-index: 2;
}

/* Header (Centered, Max-Width 860px) */
.az-services-docs-header {
    text-align: center;
    max-width: 860px;
    margin: 0 auto;
}

.az-services-docs-overline {
    background: none !important;
    background-color: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    margin: 0 auto 16px auto !important;
    display: inline-block !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 0.14em !important;
    color: #0878D1 !important;
    text-transform: uppercase !important;
    box-shadow: none !important;
    font-family: var(--az-font-heading);
}

.az-services-docs-title {
    font-family: var(--az-font-heading);
    font-weight: 700;
    color: #0B1F33;
    font-size: clamp(28px, 4vw, 42px);
    line-height: 1.2;
    margin: 0 0 16px 0;
    letter-spacing: -0.02em;
}

.az-services-docs-subtitle {
    font-family: var(--az-font-body);
    color: #475569;
    font-size: 16px;
    line-height: 1.6;
    margin: 0 auto;
    max-width: 800px;
}

/* The 3-Column Engineering Deliverables Grid */
.az-docs-grid {
    max-width: 1240px;
    margin: 48px auto 0 auto;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 28px;
    box-sizing: border-box;
}

.az-doc-card {
    background-color: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-top: 3px solid #0878D1;
    border-radius: 12px;
    padding: 32px 26px;
    box-shadow: 0 8px 24px -4px rgba(11, 31, 51, 0.04);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;
}

.az-doc-card:hover {
    transform: translateY(-6px);
    border-color: #0878D1;
    box-shadow: 0 16px 36px -6px rgba(8, 120, 209, 0.12);
}

.az-doc-card-top {
    margin-bottom: 8px;
}

.az-doc-card-overline {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.1em;
    color: #0878D1;
    text-transform: uppercase;
    font-family: var(--az-font-heading);
    display: block;
    margin-bottom: 8px;
}

.az-doc-card-title {
    font-family: var(--az-font-heading);
    font-size: 20px;
    font-weight: 700;
    color: #0B1F33;
    margin: 10px 0 12px 0;
    line-height: 1.3;
    letter-spacing: -0.01em;
}

.az-doc-card-desc {
    font-family: var(--az-font-body);
    font-size: 14px;
    line-height: 1.6;
    color: #475569;
    margin: 0;
}

/* Vector Schematic Viewport */
.az-doc-schematic-wrap {
    background: #F8FAFC;
    border: 1px solid #E2E8F0;
    border-radius: 8px;
    padding: 14px;
    min-height: 160px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    box-sizing: border-box;
    margin: 20px 0 24px 0;
    transition: border-color 0.25s ease, background-color 0.25s ease;
}

.az-doc-card:hover .az-doc-schematic-wrap {
    border-color: #BFDBFE;
    background-color: #F0F7FF;
}

.az-doc-schematic-svg {
    width: 100%;
    height: auto;
    max-height: 160px;
    display: block;
    user-select: none;
}

/* Scope Items List */
.az-doc-scope-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: auto;
}

.az-doc-scope-item {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.az-doc-check-icon {
    flex-shrink: 0;
    width: 14px;
    height: 14px;
    margin-top: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.az-doc-scope-text {
    font-family: var(--az-font-body);
    font-size: 13.5px;
    line-height: 1.5;
    color: #334155;
    font-weight: 500;
}

/* Bottom Deliverable Formats Row */
.az-docs-formats {
    border-top: 1px solid #E2E8F0;
    margin-top: 48px;
    padding-top: 28px;
    text-align: center;
    max-width: 1240px;
    margin-left: auto;
    margin-right: auto;
}

.az-docs-formats-heading {
    font-size: 11px;
    font-weight: 700;
    color: #64748B;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    margin-bottom: 14px;
    font-family: var(--az-font-heading);
    display: block;
}

.az-docs-chips-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
}

.az-docs-chip {
    background: #FFFFFF;
    border: 1px solid #CBD5E1;
    border-radius: 4px;
    padding: 6px 14px;
    font-size: 12px;
    font-weight: 600;
    color: #475569;
    font-family: var(--az-font-heading);
    letter-spacing: 0.02em;
    display: inline-block;
    transition: all 0.2s ease;
}

.az-docs-chip:hover {
    background: #EBF5FF;
    border-color: #0878D1;
    color: #0878D1;
    transform: translateY(-1px);
}

/* ==========================================================================
   CANVAS TOUCH-ACTION & RESPONSIVE DESIGN (TABLET & MOBILE)
   ========================================================================== */

/* Canvases touch-action for natural vertical scrolling on touch devices */
.az-hero-3d-canvas-container canvas,
.az-stage-canvas-container canvas {
    touch-action: pan-y !important;
}

/* Tablet (< 1024px) */
@media (max-width: 1024px) {
    /* Section 1 Hero Tablet */
    .az-hero-container,
    .az-hero-grid {
        grid-template-columns: 1fr;
        gap: 40px;
    }
    .az-hero-title {
        font-size: 2.75rem;
    }
    .az-hero-3d-wrapper,
    .az-hero-3d-canvas-container {
        height: 420px !important;
        min-height: 420px !important;
    }
    .az-hero-check-cards {
        flex-wrap: wrap;
        gap: 10px;
    }

    /* Section 2 Services Tablet: 1-Column Stack with 3D Stage directly beneath Scrubber */
    .az-scrubber-stage-grid,
    .az-stage-wrapper,
    .az-services-stage-grid {
        grid-template-columns: 1fr !important;
        gap: 24px !important;
    }
    .az-scrubber-canvas-col {
        order: 1 !important;
    }
    .az-scrubber-content-col {
        order: 2 !important;
        min-height: auto;
    }
    .az-scrubber-stage-card,
    .az-scrubber-stage-card .az-stage-canvas-container {
        min-height: 340px !important;
        height: 340px !important;
    }
    .az-scrubber-headline {
        font-size: 2.2rem;
    }

    /* Section 3 Hardware Grid Tablet */
    .az-bento-grid,
    .az-hardware-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 20px !important;
    }

    /* Section 4 Deliverables Tablet: 1-Column Vault Stack */
    .az-deliverables-vault-grid {
        grid-template-columns: 1fr !important;
        gap: 32px !important;
    }
    .az-deliverables-headline {
        font-size: 2.2rem !important;
    }
    .az-deliverables-sheet-frame {
        min-height: 440px !important;
    }

    /* Section 05 Split Showcase Tablet */
    .az-split-stage-grid {
        grid-template-columns: 1fr !important;
        gap: 28px !important;
    }
    .az-industries-headline {
        font-size: 2.2rem !important;
    }

    /* Section 06 Workflow & QA Tablet */
    .az-workflow-stage-card {
        grid-template-columns: 1fr !important;
        gap: 32px !important;
        padding: 28px !important;
    }
    .az-workflow-headline {
        font-size: 2.2rem !important;
    }

    /* Section 07 BIM Automation Tablet */
    .az-automation-stage-grid {
        grid-template-columns: 1fr !important;
        gap: 28px !important;
    }
    .az-automation-headline {
        font-size: 2.2rem !important;
    }
    .az-automation-banner-card {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 24px !important;
        padding: 28px !important;
    }
    .az-banner-action {
        width: 100% !important;
    }
    .az-banner-btn {
        width: 100% !important;
        justify-content: center !important;
        text-align: center !important;
    }

    /* Section 08 Project Scoper Tablet */
    .az-scoper-card {
        padding: 32px 28px !important;
    }
    .az-lod-grid {
        grid-template-columns: 1fr !important;
        gap: 12px !important;
    }
    .az-scoper-headline {
        font-size: 2.2rem !important;
    }
    .az-scoper-assurance-strip {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
    }

    /* Page 2 Section 01 About Hero Tablet */
    .az-about-pillars-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 24px !important;
    }
    .az-about-trust-strip {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 16px 24px !important;
    }
    .az-about-trust-strip .az-trust-separator {
        display: none !important;
    }

    /* Page 2 Section 02 Matrix Tablet */
    .az-matrix-grid {
        gap: 24px !important;
    }
    .az-matrix-card {
        padding: 30px 24px !important;
    }

    /* Page 2 Section 03 Disciplines Tablet */
    .az-domain-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 20px !important;
    }

    /* Page 2 Section 04 TechStack Tablet (< 1024px) */
    .az-tech-bento-grid {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
    }
    .az-tech-card-span-7,
    .az-tech-card-span-5 {
        grid-column: span 12 !important;
    }

    /* Page 2 Section 05 Governance Tablet (< 1024px) */
    .az-governance-grid {
        gap: 20px !important;
    }

    /* Page 2 Section 06 CTA Tablet (< 1024px) */
    .az-about-gateway-box {
        gap: 36px !important;
        padding: 44px 36px !important;
    }

    /* Page 3 Section 01 Services Hero Tablet (< 1024px) */
    .az-services-hero-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 24px !important;
    }
    .az-services-hero-grid > :nth-child(3) {
        grid-column: span 2 !important;
        max-width: 620px !important;
        margin: 0 auto !important;
        width: 100% !important;
    }
    .az-services-trust-strip {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 16px 24px !important;
        justify-items: center !important;
    }
    .az-services-trust-separator {
        display: none !important;
    }

    /* Header Navigation on Screens < 1024px: Hide horizontal menu, show hamburger */
    .az-nav-menu {
        display: none !important;
    }
    .az-mobile-toggle {
        display: flex !important;
        align-items: center;
        justify-content: center;
        background: #FFFFFF;
        border: 1px solid #CBD5E1;
        color: var(--az-navy-primary);
        padding: 9px 11px;
        border-radius: 8px;
        cursor: pointer;
        transition: all 0.2s ease;
    }
    .az-mobile-toggle:hover {
        background: #F1F5F9;
        border-color: #94A3B8;
    }

    /* Full-screen sleek white slide-out drawer */
    .az-nav-menu.az-mobile-open {
        display: flex !important;
        flex-direction: column !important;
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        height: 100vh !important;
        background: #FFFFFF !important;
        z-index: 99999 !important;
        padding: 30px 28px 40px 28px !important;
        box-sizing: border-box !important;
        overflow-y: auto !important;
        gap: 12px !important;
        animation: az-slide-drawer 0.3s cubic-bezier(0.16, 1, 0.3, 1) forwards !important;
    }
    .az-nav-menu.az-mobile-open .az-mobile-drawer-header {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        width: 100% !important;
        padding-bottom: 20px !important;
        border-bottom: 1px solid #E2E8F0 !important;
        margin-bottom: 10px !important;
    }
    .az-nav-menu.az-mobile-open .az-nav-item {
        width: 100% !important;
        border-bottom: 1px solid #F1F5F9 !important;
        padding-bottom: 12px !important;
    }
    .az-nav-menu.az-mobile-open .az-nav-link {
        font-size: 1.15rem !important;
        font-weight: 600 !important;
        color: var(--az-navy-primary) !important;
        padding: 8px 0 !important;
        display: inline-flex !important;
        align-items: center !important;
        position: relative !important;
        width: auto !important;
    }
    .az-nav-menu.az-mobile-open .az-nav-link .az-nav-pulse-circle {
        bottom: -2px;
        left: 50%;
    }
    .az-nav-menu.az-mobile-open .az-dropdown-menu {
        position: static !important;
        display: flex !important;
        flex-direction: column !important;
        box-shadow: none !important;
        border: none !important;
        padding: 8px 0 0 16px !important;
        background: transparent !important;
    }

    .az-footer-grid {
        grid-template-columns: 1fr 1fr;
    }
}

@keyframes az-slide-drawer {
    from { opacity: 0; transform: translateX(100%); }
    to { opacity: 1; transform: translateX(0); }
}

/* Tablet / Small Screen (< 900px) */
@media (max-width: 900px) {
    .az-about-gateway-box {
        grid-template-columns: 1fr !important;
        gap: 36px !important;
        padding: 36px 28px !important;
    }
}

/* Mobile (< 768px) */
@media (max-width: 768px) {

    /* Prevent Overline & Container Cropping on Mobile */
    .az-section-overline,
    .az-workflow-overline,
    .az-automation-overline,
    .az-deliverables-overline,
    .az-overline {
        font-size: 11px !important;
        letter-spacing: 0.05em !important;
        white-space: normal !important;
        text-align: center !important;
        max-width: 90% !important;
        margin-left: auto !important;
        margin-right: auto !important;
        display: block !important;
    }
    .az-section-wrapper,
    .az-deliverables-container,
    .az-industries-container,
    .az-automation-container {
        padding-left: 16px !important;
        padding-right: 16px !important;
        overflow-x: hidden !important;
    }

    /* Section 1 Hero Mobile (< 768px) */
    .az-hero-title {
        font-size: clamp(28px, 6vw, 36px) !important;
        line-height: 1.2 !important;
    }
    .az-hero-check-cards {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        gap: 10px !important;
    }
    .az-check-card {
        width: 100% !important;
        box-sizing: border-box !important;
    }
    .az-hero-3d-wrapper,
    .az-hero-3d-canvas-container,
    .az-hero-canvas-container {
        height: 320px !important;
        min-height: 320px !important;
    }
    .az-hero-actions {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        gap: 12px !important;
    }
    .az-hero-actions .az-btn {
        width: 100% !important;
        text-align: center !important;
        justify-content: center !important;
    }

    /* Section 2 Scrubber Mobile Track: Fluid 100% width, No Cutoff, Compact Abbreviations */
    .az-depth-scrubber-scroll-wrapper {
        width: 100% !important;
        overflow: visible !important;
        padding: 5px 0 !important;
    }
    .az-depth-scrubber-wrap {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 15px 0 45px 0 !important;
        padding: 10px 8px 35px 8px !important;
        box-sizing: border-box !important;
    }
    .az-scrubber-track-bar {
        width: 100% !important;
        max-width: 100% !important;
    }
    .az-label-full {
        display: none !important;
    }
    .az-label-abbr {
        display: inline !important;
    }
    .az-detent-label {
        font-size: 11px !important;
        letter-spacing: -0.01em !important;
        top: calc(100% + 10px) !important;
    }
    .az-node-circle-wrap {
        width: 20px !important;
        height: 20px !important;
    }
    .az-detent-dot {
        width: 10px !important;
        height: 10px !important;
    }
    .az-scrubber-thumb {
        width: 14px !important;
        height: 14px !important;
        box-shadow: 0 0 0 5px rgba(8, 120, 209, 0.2) !important;
    }

    /* Section 2 Content Card Mobile & 1-Column Stack with 3D Stage directly beneath Scrubber */
    .az-depth-scrubber-wrap {
        padding: 16px 4px 12px 4px !important;
        margin-bottom: 12px !important;
    }
    .az-scrubber-stage-grid,
    .az-stage-wrapper,
    .az-services-stage-grid {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
    }
    .az-scrubber-canvas-col {
        order: 1 !important;
        margin-bottom: 8px !important;
    }
    .az-scrubber-content-col {
        order: 2 !important;
        padding: 24px 20px !important;
        min-height: auto !important;
    }
    .az-panel-title {
        font-size: 1.4rem !important;
    }
    .az-scrubber-stage-card,
    .az-scrubber-stage-card .az-stage-canvas-container,
    .az-services-stage-viewport {
        height: 280px !important;
        min-height: 280px !important;
    }

    /* Section 3 Hardware Grid Mobile (< 768px) */
    .az-why-us-headline {
        font-size: clamp(26px, 5.5vw, 34px) !important;
    }
    .az-bento-grid,
    .az-hardware-grid {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
    }
    .az-bento-card,
    .az-hardware-card {
        padding: 24px 20px !important;
    }

    /* Section 4 Deliverables Mobile (< 768px) */
    .az-deliverables-headline {
        font-size: clamp(24px, 5.5vw, 32px) !important;
    }
    .az-segmented-control {
        border-radius: 14px !important;
        width: 100% !important;
        display: flex !important;
        gap: 4px !important;
        padding: 4px !important;
        overflow-x: auto !important;
    }
    .az-deliverables-tab-btn {
        padding: 8px 12px !important;
        font-size: 12px !important;
        flex: 1 1 auto !important;
        text-align: center !important;
        white-space: nowrap !important;
    }
    .az-deliverables-vault-grid {
        grid-template-columns: 1fr !important;
        gap: 24px !important;
    }
    .az-deliverable-item {
        padding: 16px 18px !important;
    }
    .az-deliverables-sheet-frame {
        min-height: 380px !important;
    }
    .az-deliverables-sheet-body {
        padding: 16px !important;
    }
    /* Section 05 Split Showcase Mobile (< 768px) */
    .az-industries-split-section,
    .az-section-05-split,
    .az-industries-wrapper {
        width: 100% !important;
        max-width: 100% !important;
        padding: 60px 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        box-sizing: border-box !important;
        overflow-x: hidden !important;
    }

    .az-industries-container {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 16px !important;
        padding-right: 16px !important;
        margin: 0 auto !important;
        box-sizing: border-box !important;
        overflow-x: hidden !important;
    }

    .az-industries-headline {
        font-size: clamp(24px, 5.5vw, 32px) !important;
        word-break: break-word !important;
        overflow-wrap: break-word !important;
        max-width: 100% !important;
    }

    .az-industries-subtitle {
        font-size: 0.95rem !important;
        line-height: 1.55 !important;
        padding: 0 4px !important;
        margin-bottom: 24px !important;
        word-break: break-word !important;
        overflow-wrap: break-word !important;
        max-width: 100% !important;
    }

    /* Convert Grid to strict Flex Column with zero margin/padding to prevent width blowout */
    .az-split-stage-grid,
    .az-industries-grid,
    .az-industries-split-layout {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        gap: 16px !important;
        padding: 0 !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }

    .az-split-selector-col {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
    }

    /* Horizontal scrollable pill dock on mobile */
    .az-industry-nav,
    .az-sector-nav-pills,
    .az-industries-pills,
    .az-sector-menu {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
        gap: 8px !important;
        padding: 4px 2px 12px 2px !important;
        margin: 0 0 8px 0 !important;
        scrollbar-width: none !important;
    }
    .az-industry-nav::-webkit-scrollbar,
    .az-sector-nav-pills::-webkit-scrollbar,
    .az-industries-pills::-webkit-scrollbar,
    .az-sector-menu::-webkit-scrollbar {
        display: none !important;
    }

    .az-sector-btn {
        flex: 0 0 auto !important;
        width: auto !important;
        padding: 9px 14px !important;
        border-radius: 20px !important;
        border: 1px solid #E2E8F0 !important;
        box-sizing: border-box !important;
    }
    .az-sector-btn.active {
        background: #0878D1 !important;
        border-color: #0878D1 !important;
    }
    .az-sector-btn.active .az-sector-num,
    .az-sector-btn.active .az-sector-btn-text,
    .az-sector-btn.active .az-sector-btn-arrow {
        color: #FFFFFF !important;
    }
    .az-sector-btn-arrow {
        display: none !important;
    }

    .az-split-showcase-col {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }

    /* Ensure the showcase card fits screen width exactly */
    .az-industries-showcase-card,
    .az-sector-card,
    .az-showcase-card {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 20px 16px !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
        border-radius: 8px !important;
    }

    /* Top bar: stack title and badge to prevent horizontal crowding */
    .az-showcase-topbar {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 8px !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin-bottom: 12px !important;
    }
    .az-showcase-title-wrap {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }
    .az-showcase-title,
    .az-sector-title {
        font-size: 1.25rem !important;
        line-height: 1.3 !important;
        margin: 0 0 6px 0 !important;
        white-space: normal !important;
        word-break: break-word !important;
        overflow-wrap: break-word !important;
        max-width: 100% !important;
    }
    .az-showcase-tags,
    .az-sector-tags,
    .az-sector-subtag,
    .az-sector-meta-spec {
        font-size: 10px !important;
        line-height: 1.4 !important;
        letter-spacing: 0.05em !important;
        white-space: normal !important;
        word-break: break-word !important;
        overflow-wrap: anywhere !important;
        max-width: 100% !important;
    }
    .az-showcase-badge {
        align-self: flex-start !important;
        margin-top: 2px !important;
        font-size: 10px !important;
        padding: 3px 8px !important;
    }

    .az-showcase-overview,
    .az-sector-desc {
        font-size: 0.88rem !important;
        line-height: 1.55 !important;
        margin: 0 0 16px 0 !important;
        white-space: normal !important;
        word-break: break-word !important;
        overflow-wrap: break-word !important;
        max-width: 100% !important;
    }

    /* Schematic Frame */
    .az-sector-schematic-viewport,
    .az-sector-preview-frame,
    .az-showcase-schematic-frame {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        height: 200px !important;
        min-height: 200px !important;
        background: #F8FAFC !important;
        border: 1px solid #E2E8F0 !important;
        border-radius: 8px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        box-sizing: border-box !important;
        margin: 12px 0 16px 0 !important;
        padding: 8px !important;
        overflow: hidden !important;
    }
    .az-sector-schematic-viewport svg,
    .az-sector-preview-frame svg,
    .az-showcase-schematic-frame svg,
    .az-industry-vector-svg {
        width: 100% !important;
        max-width: 100% !important;
        height: 100% !important;
        max-height: 180px !important;
        display: block !important;
    }

    /* Checklist Header & Items */
    .az-showcase-checklist {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
        padding-top: 14px !important;
    }
    .az-checklist-header {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 3px !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin-bottom: 12px !important;
    }
    .az-checklist-title {
        font-size: 11px !important;
        white-space: normal !important;
        word-break: break-word !important;
        overflow-wrap: break-word !important;
    }
    .az-checklist-sub {
        font-size: 9.5px !important;
        white-space: normal !important;
        word-break: break-word !important;
        overflow-wrap: break-word !important;
    }
    .az-checklist-grid {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        gap: 8px !important;
    }
    .az-checklist-item {
        display: flex !important;
        align-items: flex-start !important;
        gap: 8px !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }
    .az-check-text {
        font-size: 0.84rem !important;
        line-height: 1.45 !important;
        white-space: normal !important;
        word-break: break-word !important;
        overflow-wrap: break-word !important;
        min-width: 0 !important;
        flex: 1 1 auto !important;
    }

    /* Assurance card */
    .az-industries-assurance-card {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        padding: 16px !important;
        gap: 12px !important;
        margin-top: 24px !important;
        box-sizing: border-box !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }
    .az-assurance-text {
        font-size: 0.85rem !important;
        line-height: 1.5 !important;
        white-space: normal !important;
        word-break: break-word !important;
        overflow-wrap: break-word !important;
    }

    /* Section 06 Workflow & QA Mobile (< 768px) - Matched to Section 2 */
    .az-workflow-headline {
        font-size: clamp(24px, 5.5vw, 32px) !important;
    }
    .az-workflow-track-wrapper,
    .az-workflow-pipeline-bar {
        width: 100% !important;
        max-width: 100% !important;
        margin: 15px 0 45px 0 !important;
        padding: 10px 8px 35px 8px !important;
        box-sizing: border-box !important;
    }
    .az-workflow-track-inner,
    .az-workflow-scrubber-track-bar {
        width: 100% !important;
        max-width: 100% !important;
    }
    .az-workflow-milestone-label {
        font-size: 9.5px !important;
        letter-spacing: 0.02em !important;
        top: 32px !important;
        white-space: nowrap !important;
    }
    .az-workflow-node-circle-wrap {
        width: 20px !important;
        height: 20px !important;
    }
    .az-workflow-detent-dot {
        width: 9px !important;
        height: 9px !important;
    }
    .az-workflow-scrubber-thumb {
        width: 14px !important;
        height: 14px !important;
    }
    .az-workflow-stage-card {
        padding: 20px !important;
        gap: 24px !important;
        grid-template-columns: 1fr !important;
    }
    .az-workflow-stage-title {
        font-size: 1.3rem !important;
    }
    .az-workflow-artifact-frame {
        max-height: 260px !important;
        padding: 10px !important;
    }

    /* Section 07 BIM Automation Mobile (< 768px) */
    .az-automation-headline {
        font-size: clamp(24px, 5.5vw, 32px) !important;
    }
    .az-automation-selector-col {
        flex-direction: row !important;
        overflow-x: auto !important;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
        padding-bottom: 8px !important;
        gap: 10px !important;
    }
    .az-automation-selector-col::-webkit-scrollbar {
        display: none;
    }
    .az-automation-tool-card {
        flex: 0 0 auto !important;
        width: 260px !important;
        min-width: 260px !important;
        padding: 14px 16px !important;
    }
    .az-automation-console-panel {
        padding: 20px !important;
    }
    .az-console-title {
        font-size: 1.3rem !important;
    }
    .az-console-schematic-frame {
        max-height: 240px !important;
        padding: 10px !important;
    }
    .az-automation-banner-card {
        padding: 20px !important;
    }
    .az-banner-headline {
        font-size: 1.25rem !important;
    }

    /* Section 08 Project Scoper Mobile (< 768px) */
    .az-scoper-card {
        padding: 24px 18px !important;
    }
    .az-scoper-headline {
        font-size: clamp(24px, 5.5vw, 32px) !important;
    }
    .az-scoper-input-grid {
        grid-template-columns: 1fr !important;
        gap: 14px !important;
    }
    .az-chip-group {
        gap: 8px !important;
    }
    .az-chip {
        width: 100% !important;
        text-align: center !important;
        font-size: 12.5px !important;
        padding: 10px 14px !important;
    }
    .az-scoper-submit-btn {
        max-width: 100% !important;
    }
    .az-lod-card {
        padding: 16px !important;
    }
    .az-scoper-assurance-strip {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }

    /* Page 2 Section 01 About Hero Mobile (< 768px) */
    .az-about-hero-section {
        padding: 70px 16px 50px 16px !important;
    }
    .az-about-hero-container {
        padding: 0 !important;
    }
    .az-about-hero-title {
        font-size: clamp(26px, 6vw, 36px) !important;
        line-height: 1.2 !important;
    }
    .az-about-hero-narrative {
        font-size: 15px !important;
        line-height: 1.6 !important;
    }
    .az-about-pillars-grid {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
        margin-top: 36px !important;
    }
    .az-about-pillar-card {
        padding: 28px 20px !important;
    }
    .az-pillar-schematic-wrap {
        height: auto !important;
        min-height: 140px !important;
    }
    .az-pillar-schematic-svg {
        width: 100% !important;
        max-width: 100% !important;
        max-height: 180px !important;
        height: auto !important;
    }
    .az-about-trust-strip {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 16px 14px !important;
        margin-top: 36px !important;
        padding-top: 24px !important;
    }
    .az-about-trust-strip .az-trust-separator {
        display: none !important;
    }
    .az-trust-item {
        white-space: normal !important;
        font-size: 11.5px !important;
        line-height: 1.4 !important;
    }

    /* Page 2 Section 02 Matrix Mobile (< 768px) */
    .az-about-matrix-section {
        padding: 60px 16px !important;
    }
    .az-about-matrix-container {
        padding: 0 !important;
    }
    .az-about-matrix-title {
        font-size: clamp(24px, 5.5vw, 32px) !important;
        line-height: 1.25 !important;
    }
    .az-about-matrix-subtitle {
        font-size: 15px !important;
        line-height: 1.55 !important;
    }
    .az-matrix-grid {
        grid-template-columns: 1fr !important;
        gap: 24px !important;
        margin-top: 36px !important;
    }
    .az-matrix-card {
        padding: 24px 18px !important;
    }
    .az-matrix-card-subheading {
        font-size: 18px !important;
    }
    .az-matrix-item-content {
        font-size: 14px !important;
    }
    .az-matrix-impact-banner {
        padding: 16px 18px !important;
        margin-top: 28px !important;
    }
    .az-matrix-impact-content {
        align-items: flex-start !important;
        gap: 12px !important;
    }
    .az-matrix-impact-text {
        font-size: 13.5px !important;
        line-height: 1.5 !important;
    }

    /* Page 2 Section 03 Disciplines Mobile (< 768px) */
    .az-about-disciplines-section {
        padding: 60px 16px !important;
    }
    .az-about-disciplines-container {
        padding: 0 !important;
    }
    .az-about-disciplines-title {
        font-size: clamp(24px, 5.5vw, 32px) !important;
        line-height: 1.25 !important;
    }
    .az-about-disciplines-subtitle {
        font-size: 15px !important;
        line-height: 1.55 !important;
    }
    .az-domain-grid {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
        margin-top: 36px !important;
    }
    .az-domain-card {
        padding: 24px 18px !important;
    }
    .az-domain-schematic-wrap {
        height: 140px !important;
    }
    .az-domain-schematic-svg {
        width: 100% !important;
        max-width: 100% !important;
        height: 140px !important;
        display: block !important;
    }
    .az-domain-footnote {
        margin-top: 28px !important;
    }
    .az-domain-footnote-inner {
        border-radius: 8px !important;
        align-items: flex-start !important;
        padding: 12px 14px !important;
    }
    .az-domain-footnote-text {
        font-size: 12.5px !important;
        line-height: 1.45 !important;
    }

    /* Page 2 Section 04 TechStack Mobile (< 768px) */
    .az-about-tech-section {
        padding: 60px 16px !important;
    }
    .az-about-tech-container {
        padding: 0 !important;
    }
    .az-about-tech-title {
        font-size: clamp(24px, 5.5vw, 32px) !important;
        line-height: 1.25 !important;
    }
    .az-about-tech-subtitle {
        font-size: 15px !important;
        line-height: 1.55 !important;
    }
    .az-tech-bento-grid {
        display: flex !important;
        flex-direction: column !important;
        gap: 18px !important;
        margin-top: 36px !important;
    }
    .az-tech-card {
        padding: 24px 18px !important;
    }
    .az-tech-card-title {
        font-size: 19px !important;
    }
    .az-tech-schematic-wrap {
        height: auto !important;
        min-height: 130px !important;
    }
    .az-tech-schematic-svg {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        max-height: 180px !important;
        display: block !important;
    }
    .az-tech-tags-list {
        gap: 6px !important;
    }
    .az-tech-tag {
        font-size: 10.5px !important;
        padding: 3px 8px !important;
    }

    /* Page 2 Section 05 Governance Mobile (< 768px) */
    .az-about-gov-section {
        padding: 60px 16px !important;
    }
    .az-about-gov-container {
        padding: 0 !important;
    }
    .az-about-gov-title {
        font-size: clamp(24px, 5.5vw, 32px) !important;
        line-height: 1.25 !important;
    }
    .az-about-gov-subtitle {
        font-size: 15px !important;
        line-height: 1.55 !important;
    }
    .az-governance-grid {
        display: flex !important;
        flex-direction: column !important;
        gap: 20px !important;
        margin-top: 36px !important;
    }
    .az-gov-card {
        padding: 24px 20px !important;
    }
    .az-gov-card-title {
        font-size: 19px !important;
    }
    .az-gov-schematic-wrap {
        height: auto !important;
        min-height: 130px !important;
    }
    .az-gov-schematic-svg {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        max-height: 160px !important;
        display: block !important;
    }
    .az-gov-check-text {
        font-size: 13px !important;
    }

    /* Page 2 Section 06 CTA Mobile (< 768px) */
    .az-about-cta-section {
        padding: 70px 16px 80px 16px !important;
    }
    .az-about-cta-container {
        padding: 0 !important;
    }
    .az-about-gateway-box {
        grid-template-columns: 1fr !important;
        gap: 28px !important;
        padding: 24px 16px !important;
        border-radius: 12px !important;
    }
    .az-gateway-headline {
        font-size: clamp(24px, 5.5vw, 32px) !important;
        line-height: 1.25 !important;
    }
    .az-gateway-supporting {
        font-size: 14.5px !important;
        line-height: 1.6 !important;
        margin-bottom: 20px !important;
    }
    .az-gateway-hub-card {
        padding: 24px 18px !important;
    }
    .az-gateway-btn-primary,
    .az-gateway-btn-secondary {
        padding: 14px 18px !important;
        font-size: 14px !important;
    }
    .az-gateway-meta-strip {
        font-size: 11.5px !important;
    }

    /* Page 3 Section 01 Services Hero Mobile (< 768px) */
    .az-services-hero-section {
        padding: 70px 16px 50px 16px !important;
    }
    .az-services-hero-container {
        padding: 0 !important;
    }
    .az-services-hero-title {
        font-size: clamp(26px, 6vw, 36px) !important;
        line-height: 1.2 !important;
        margin-bottom: 16px !important;
    }
    .az-services-hero-subtitle {
        font-size: 15px !important;
        line-height: 1.6 !important;
    }
    .az-services-hero-grid {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
        padding: 0 16px !important;
        margin-top: 36px !important;
    }
    .az-services-hero-grid > :nth-child(3) {
        grid-column: span 1 !important;
        max-width: 100% !important;
    }
    .az-services-scope-card {
        padding: 28px 20px !important;
    }
    .az-services-schematic-wrap {
        height: 150px !important;
        min-height: 150px !important;
    }
    .az-services-schematic-svg {
        width: 100% !important;
        max-width: 100% !important;
        height: 150px !important;
        display: block !important;
    }
    .az-services-trust-strip {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 14px 12px !important;
        margin-top: 36px !important;
        padding-top: 24px !important;
        padding-left: 12px !important;
        padding-right: 12px !important;
    }
    .az-services-trust-item {
        font-size: 11px !important;
        white-space: normal !important;
        text-align: left !important;
        line-height: 1.35 !important;
        gap: 8px !important;
    }
    .az-services-trust-separator {
        display: none !important;
    }

    /* Footer Mobile (< 768px): Strict Vertical Stacking */
    .az-enterprise-footer .az-footer-grid,
    .az-footer-grid {
        display: flex !important;
        flex-direction: column !important;
        gap: 36px !important;
        width: 100% !important;
    }
    .az-footer-col {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }
    .az-footer-col h4 {
        margin-bottom: 14px !important;
        font-size: 16px !important;
    }
    .az-footer-col ul {
        display: flex !important;
        flex-direction: column !important;
        gap: 10px !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    .az-footer-col ul li a {
        font-size: 14px !important;
        display: block !important;
    }
    .az-footer-bottom {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 12px !important;
    }
}

/* Mobile Milestone Track Horizontal Scroll (< 640px) */
@media (max-width: 640px) {
    .az-workflow-track-wrapper,
    .az-workflow-pipeline-bar {
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
        padding-bottom: 40px !important;
    }
    .az-workflow-track-inner,
    .az-workflow-scrubber-track-bar {
        min-width: 440px !important;
    }
}

/* Extra Small Mobile (< 480px) */
@media (max-width: 480px) {
    .az-about-trust-strip {
        grid-template-columns: 1fr !important;
        gap: 12px !important;
    }
}

/* ==========================================================================
   PAGE 3 SECTION 02: RESPONSIVE SAFEGUARDS (< 960px & < 640px)
   ========================================================================== */
@media (max-width: 960px) {
    .az-discipline-row {
        grid-template-columns: 1fr !important;
        gap: 28px !important;
        padding: 28px 20px !important;
    }
    .az-discipline-row:nth-child(even) .az-discipline-content,
    .az-discipline-row .az-discipline-content {
        order: 1 !important;
    }
    .az-discipline-row:nth-child(even) .az-discipline-schematic,
    .az-discipline-row .az-discipline-schematic {
        order: 2 !important;
    }
    .az-discipline-schematic-svg {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        max-height: 220px !important;
        display: block !important;
    }
    .az-discipline-bullet-text,
    .az-discipline-deliverable-footer {
        word-break: break-word !important;
        overflow-wrap: break-word !important;
    }
}

@media (max-width: 640px) {
    .az-services-disciplines-section {
        padding: 60px 16px !important;
    }
    .az-services-disciplines-container {
        padding: 0 !important;
    }
    .az-disciplines-dossier {
        gap: 36px !important;
        margin-top: 40px !important;
    }
    .az-discipline-row {
        padding: 22px 16px !important;
    }
    .az-discipline-title {
        font-size: 20px !important;
    }
    .az-discipline-viewport-frame {
        min-height: 200px !important;
        padding: 12px !important;
    }
}

/* ==========================================================================
   PAGE 3 SECTION 03: COORDINATION RESPONSIVE (< 880px & < 640px)
   ========================================================================== */
@media (max-width: 880px) {
    .az-coordination-matrix {
        grid-template-columns: 1fr !important;
        gap: 24px !important;
        padding: 0 16px !important;
    }
    .az-coord-left-card,
    .az-coord-right-card {
        padding: 24px 20px !important;
    }
    .az-coord-schematic-svg {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        max-height: 220px !important;
        display: block !important;
    }
    .az-coord-notice {
        margin: 24px 16px 0 16px !important;
        padding: 16px 18px !important;
    }
}

@media (max-width: 640px) {
    .az-services-coordination-section {
        padding: 60px 16px !important;
    }
    .az-services-coordination-container {
        padding: 0 !important;
    }
    .az-coordination-matrix {
        padding: 0 !important;
    }
    .az-coord-notice {
        margin: 20px 0 0 0 !important;
        padding: 14px 16px !important;
    }
}

/* ==========================================================================
   PAGE 3 SECTION 04: SHOP DRAWINGS & DOCUMENTATION RESPONSIVE (< 880px & < 640px)
   ========================================================================== */
@media (max-width: 880px) {
    .az-docs-grid {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
        padding: 0 16px !important;
    }
    .az-doc-card {
        padding: 24px 20px !important;
    }
    .az-doc-schematic-svg {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        max-height: 160px !important;
        display: block !important;
    }
    .az-docs-formats {
        margin: 36px 16px 0 16px !important;
        padding-top: 22px !important;
    }
}

@media (max-width: 640px) {
    .az-services-documentation-section {
        padding: 60px 16px !important;
    }
    .az-services-docs-container {
        padding: 0 !important;
    }
    .az-docs-grid {
        padding: 0 !important;
    }
    .az-docs-formats {
        margin: 32px 0 0 0 !important;
    }
    .az-docs-chips-grid {
        gap: 6px !important;
    }
    .az-docs-chip {
        padding: 5px 10px !important;
        font-size: 11px !important;
    }
}

/* ==========================================================================
   PAGE 4 SECTION 01: BIM COORDINATION HERO (CONCEPT A: SPATIAL CLASH HUD)
   ========================================================================== */

.az-coordination-hero-section {
    background-color: #F8FAFC !important;
    padding: 100px 0 80px 0 !important;
    width: 100% !important;
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    display: block !important;
}

.elementor-widget-az_coordination_01_hero,
.elementor-widget-az_coordination_01_hero .elementor-widget-container {
    width: 100% !important;
    display: block !important;
}

.az-coordination-hero-container {
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 24px;
    box-sizing: border-box;
    width: 100%;
}

.az-coordination-hero-grid {
    display: grid;
    grid-template-columns: 1.1fr 0.9fr;
    gap: 48px;
    align-items: center;
}

/* Left Column: Proposition & Positioning */
.az-coordination-hero-left {
    display: flex;
    flex-direction: column;
}

.az-coord-overline {
    font-family: var(--az-font-body, 'Inter', sans-serif);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.14em;
    color: #0878D1;
    text-transform: uppercase;
    margin-bottom: 0;
    line-height: 1.3;
}

.az-coord-title {
    font-family: var(--az-font-heading, 'Plus Jakarta Sans', sans-serif);
    font-weight: 700;
    color: #0B1F33;
    font-size: clamp(32px, 4.5vw, 50px);
    line-height: 1.15;
    margin: 14px 0 20px 0;
    letter-spacing: -0.02em;
}

.az-coord-lead {
    font-family: var(--az-font-body, 'Inter', sans-serif);
    color: #475569;
    font-size: 17px;
    line-height: 1.65;
    margin: 0 0 12px 0;
    font-weight: 400;
}

.az-coord-narrative {
    font-family: var(--az-font-body, 'Inter', sans-serif);
    color: #64748B;
    font-size: 15px;
    line-height: 1.6;
    margin-top: 12px;
    margin-bottom: 24px;
    font-weight: 400;
}

/* Checkmarks */
.az-coord-checkmarks {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 28px;
}

.az-coord-check-item {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    font-family: var(--az-font-body, 'Inter', sans-serif);
    font-size: 14.5px;
    color: #334155;
    font-weight: 500;
    line-height: 1.5;
}

.az-coord-check-icon {
    flex-shrink: 0;
    margin-top: 2px;
    display: inline-flex;
}

.az-coord-check-text {
    flex: 1;
}

/* Action Row Buttons */
.az-coord-action-row {
    display: flex;
    align-items: center;
    margin-top: 28px;
    flex-wrap: wrap;
}

.az-coord-btn-primary {
    background-color: #0878D1;
    color: #FFFFFF !important;
    font-family: var(--az-font-heading, 'Plus Jakarta Sans', sans-serif);
    font-size: 14px;
    font-weight: 600;
    padding: 14px 26px;
    border-radius: 6px;
    text-decoration: none !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
    box-shadow: 0 2px 6px rgba(8, 120, 209, 0.2);
}

.az-coord-btn-primary:hover {
    background-color: #0765B2;
    transform: translateY(-1px);
    box-shadow: 0 4px 14px rgba(8, 120, 209, 0.3);
}

.az-coord-btn-secondary {
    border: 1px solid #CBD5E1;
    color: #0B1F33 !important;
    font-family: var(--az-font-heading, 'Plus Jakarta Sans', sans-serif);
    font-size: 14px;
    font-weight: 600;
    padding: 14px 22px;
    border-radius: 6px;
    margin-left: 14px;
    text-decoration: none !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #FFFFFF;
    transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}

.az-coord-btn-secondary:hover {
    border-color: #0B1F33;
    background-color: #F8FAFC;
    transform: translateY(-1px);
}

/* Right Column: Spatial Clash Inspection HUD Card */
.az-coordination-hero-right {
    display: flex;
    flex-direction: column;
}

.az-clash-hud-card {
    background: #FFFFFF;
    border: 1px solid #CBD5E1;
    border-top: 3px solid #0878D1;
    border-radius: 12px;
    padding: 24px;
    box-shadow: 0 12px 36px -6px rgba(11, 31, 51, 0.06);
    transition: box-shadow 0.3s ease;
    box-sizing: border-box;
}

.az-clash-hud-card:hover {
    box-shadow: 0 16px 44px -8px rgba(11, 31, 51, 0.1);
}

/* HUD Top Status Bar */
.az-hud-status-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
}

.az-hud-status-tag {
    font-family: var(--az-font-heading, 'Plus Jakarta Sans', sans-serif);
    font-size: 11px;
    font-weight: 700;
    color: #64748B;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.az-hud-status-badge {
    font-family: var(--az-font-heading, 'Plus Jakarta Sans', sans-serif);
    font-size: 11px;
    font-weight: 700;
    color: #DC2626;
    background: #FEE2E2;
    padding: 3px 8px;
    border-radius: 4px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

/* 1.5px Fine-Line Vector Viewport */
.az-hud-viewport {
    background: #F8FAFC;
    border: 1px solid #E2E8F0;
    border-radius: 8px;
    padding: 16px;
    height: 260px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
}

.az-hud-viewport-svg {
    width: 100%;
    height: 100%;
    max-height: 240px;
    display: block;
}

/* HUD Telemetry Footer */
.az-hud-telemetry-footer {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    border-top: 1px solid #E2E8F0;
    padding-top: 16px;
    margin-top: 16px;
    gap: 8px;
    text-align: center;
}

.az-hud-telemetry-item {
    display: flex;
    align-items: center;
    justify-content: center;
}

.az-telemetry-tolerance .az-telemetry-label {
    font-family: var(--az-font-heading, 'Plus Jakarta Sans', sans-serif);
    font-size: 11px;
    font-weight: 600;
    color: #475569;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.az-telemetry-discipline .az-telemetry-label {
    font-family: var(--az-font-heading, 'Plus Jakarta Sans', sans-serif);
    font-size: 11px;
    font-weight: 600;
    color: #475569;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.az-telemetry-resolution .az-telemetry-label {
    font-family: var(--az-font-heading, 'Plus Jakarta Sans', sans-serif);
    font-size: 11px;
    font-weight: 700;
    color: #0878D1;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

/* Bottom Assurance Strip */
.az-coord-trust-strip {
    max-width: 1240px;
    margin: 48px auto 0 auto;
    padding-top: 24px;
    border-top: 1px solid #E2E8F0;
    text-align: center;
}

.az-coord-trust-items {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 14px;
}

.az-coord-trust-item {
    font-family: var(--az-font-heading, 'Plus Jakarta Sans', sans-serif);
    font-size: 12px;
    color: #64748B;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.az-coord-trust-sep {
    color: #CBD5E1;
    font-size: 10px;
    user-select: none;
}

/* ==========================================================================
   PAGE 4 SECTION 01: MOBILE & TABLET SAFEGUARDS (< 960px & < 640px)
   ========================================================================== */

@media (max-width: 960px) {
    .az-coordination-hero-section {
        padding: 70px 0 60px 0 !important;
    }
    .az-coordination-hero-container {
        padding: 0 20px !important;
    }
    .az-coordination-hero-grid {
        grid-template-columns: 1fr !important;
        gap: 36px !important;
    }
}

@media (max-width: 640px) {
    .az-coordination-hero-section {
        padding: 50px 0 40px 0 !important;
    }
    .az-coordination-hero-container {
        padding: 0 16px !important;
    }
    .az-coord-action-row {
        display: flex !important;
        flex-direction: column !important;
        gap: 10px !important;
        margin-left: 0 !important;
    }
    .az-coord-btn-primary,
    .az-coord-btn-secondary {
        width: 100% !important;
        text-align: center !important;
        justify-content: center !important;
        margin-left: 0 !important;
    }
    .az-hud-viewport {
        height: auto !important;
        min-height: 200px !important;
        padding: 10px !important;
    }
    .az-hud-viewport-svg {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        max-height: 220px !important;
    }
    .az-hud-telemetry-footer {
        grid-template-columns: 1fr !important;
        gap: 8px !important;
        text-align: left !important;
        padding-top: 12px !important;
        margin-top: 12px !important;
    }
    .az-hud-telemetry-item {
        justify-content: flex-start !important;
    }
    .az-hud-status-bar {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 8px !important;
    }
    .az-coord-trust-strip {
        margin-top: 36px !important;
        padding-top: 18px !important;
    }
    .az-coord-trust-items {
        flex-direction: column !important;
        gap: 8px !important;
    }
    .az-coord-trust-sep {
        display: none !important;
    }
}

/* ==========================================================================
   PAGE 4 SECTION 02: BIM COORDINATION PROCESS (CONCEPT C: DUAL-COLUMN TIMELINE)
   ========================================================================== */

.az-coordination-process-section {
    background-color: #FFFFFF !important;
    padding: 100px 0 !important;
    width: 100% !important;
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    display: block !important;
}

.elementor-widget-az_coordination_02_process,
.elementor-widget-az_coordination_02_process .elementor-widget-container {
    width: 100% !important;
    display: block !important;
}

.az-coordination-process-container {
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 24px;
    box-sizing: border-box;
    width: 100%;
}

/* Header (Centered, Max-Width 860px) */
.az-coord-process-header {
    text-align: center;
    max-width: 860px;
    margin: 0 auto;
}

.az-coord-process-overline {
    font-family: var(--az-font-body, 'Inter', sans-serif);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.14em;
    color: #0878D1;
    text-transform: uppercase;
    margin-bottom: 12px;
    display: block;
    line-height: 1.3;
}

.az-coord-process-title {
    font-family: var(--az-font-heading, 'Plus Jakarta Sans', sans-serif);
    font-weight: 700;
    color: #0B1F33;
    font-size: clamp(28px, 4vw, 42px);
    line-height: 1.2;
    margin: 0 0 14px 0;
    letter-spacing: -0.02em;
}

.az-coord-process-subtitle {
    font-family: var(--az-font-body, 'Inter', sans-serif);
    color: #475569;
    font-size: 16px;
    line-height: 1.6;
    margin: 0;
    font-weight: 400;
}

/* The Alternating 6-Stage Timeline */
.az-coord-timeline {
    max-width: 1200px;
    margin: 60px auto 0 auto;
    position: relative;
    width: 100%;
    box-sizing: border-box;
}

/* Central Vertical Spine (Desktop) */
.az-coord-timeline-spine {
    width: 2px;
    background: #E2E8F0;
    position: absolute;
    left: 50%;
    top: 40px;
    bottom: 40px;
    transform: translateX(-50%);
    z-index: 1;
    pointer-events: none;
}

/* 6 Sequential Alternating Blocks */
.az-stage-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 72px;
    position: relative;
    margin-bottom: 56px;
    z-index: 2;
    width: 100%;
    box-sizing: border-box;
}

.az-stage-row:last-child {
    margin-bottom: 0;
}

/* Odd rows: Content Left (50%), Viewport Right (50%) */
.az-stage-odd {
    flex-direction: row;
}

/* Even rows: Viewport Left (50%), Content Right (50%) */
.az-stage-even {
    flex-direction: row-reverse;
}

/* Central Circular Milestone Marker Node */
.az-stage-center-node {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: #FFFFFF;
    border: 2px solid #0878D1;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 3;
    box-shadow: 0 0 0 4px #FFFFFF, 0 2px 8px rgba(8, 120, 209, 0.15);
    flex-shrink: 0;
}

.az-node-num {
    font-family: var(--az-font-heading, 'Plus Jakarta Sans', sans-serif);
    font-size: 11px;
    font-weight: 700;
    color: #0B1F33;
    line-height: 1;
}

/* Columns */
.az-stage-content,
.az-stage-viewport {
    flex: 1;
    width: calc(50% - 36px);
    box-sizing: border-box;
}

/* Card Container */
.az-stage-card {
    background: #F8FAFC;
    border: 1px solid #E2E8F0;
    border-radius: 12px;
    padding: 32px 28px;
    box-shadow: 0 8px 24px -4px rgba(11, 31, 51, 0.03);
    box-sizing: border-box;
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

.az-stage-card:hover {
    transform: translateY(-3px);
    border-color: #CBD5E1;
    box-shadow: 0 12px 32px -6px rgba(11, 31, 51, 0.07);
}

.az-stage-tag {
    font-family: var(--az-font-heading, 'Plus Jakarta Sans', sans-serif);
    font-size: 11px;
    font-weight: 700;
    color: #0878D1;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    display: block;
    margin-bottom: 6px;
}

.az-stage-title {
    font-family: var(--az-font-heading, 'Plus Jakarta Sans', sans-serif);
    font-size: 20px;
    font-weight: 700;
    color: #0B1F33;
    margin: 6px 0 10px 0;
    line-height: 1.3;
}

.az-stage-narrative {
    font-family: var(--az-font-body, 'Inter', sans-serif);
    font-size: 15px;
    color: #475569;
    line-height: 1.6;
    margin: 0 0 18px 0;
}

/* Technical Verification Checks */
.az-stage-checks {
    display: flex;
    flex-direction: column;
    gap: 10px;
    border-top: 1px solid #E2E8F0;
    padding-top: 16px;
}

.az-stage-check-item {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    font-family: var(--az-font-body, 'Inter', sans-serif);
    font-size: 13.5px;
    color: #334155;
    font-weight: 500;
    line-height: 1.5;
}

.az-stage-check-icon {
    flex-shrink: 0;
    margin-top: 2px;
    display: inline-flex;
}

.az-stage-check-text {
    flex: 1;
}

/* 1.5px CAD Schematic Viewport */
.az-stage-viewport {
    background: #FFFFFF;
    border: 1px solid #CBD5E1;
    border-radius: 12px;
    padding: 20px;
    min-height: 220px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
    transition: border-color 0.25s ease, box-shadow 0.25s ease;
    box-shadow: 0 4px 16px -2px rgba(11, 31, 51, 0.03);
}

.az-stage-viewport:hover {
    border-color: #0878D1;
    box-shadow: 0 8px 24px -4px rgba(8, 120, 209, 0.08);
}

.az-coord-schematic-svg {
    width: 100%;
    height: auto;
    max-height: 210px;
    display: block;
}

/* ==========================================================================
   PAGE 4 SECTION 02: MOBILE & TABLET SAFEGUARDS (< 960px)
   ========================================================================== */

@media (max-width: 960px) {
    .az-coordination-process-section {
        padding: 60px 0 !important;
    }
    .az-coordination-process-container {
        padding: 0 16px !important;
    }
    .az-coord-timeline {
        margin-top: 40px !important;
    }
    .az-coord-timeline-spine {
        display: none !important;
    }
    .az-stage-center-node {
        display: none !important;
    }
    .az-stage-row {
        display: flex !important;
        flex-direction: column !important;
        gap: 16px !important;
        margin-bottom: 36px !important;
        padding: 0 !important;
        width: 100% !important;
    }
    .az-stage-content {
        width: 100% !important;
        order: 1 !important;
    }
    .az-stage-viewport {
        width: 100% !important;
        order: 2 !important;
        min-height: 180px !important;
        padding: 14px !important;
    }
    .az-coord-schematic-svg {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        max-height: 200px !important;
        display: block !important;
    }
    .az-stage-card {
        padding: 24px 20px !important;
    }
    .az-coord-process-header {
        padding: 0 8px !important;
    }
}

/* ==========================================================================
   PAGE 4 SECTION 03: CRITICAL CONGESTION ZONES (CONCEPT B: BENTO MATRIX)
   ========================================================================== */

.az-coordination-zones-section {
    background-color: #F8FAFC !important;
    padding: 100px 0 !important;
    width: 100% !important;
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    display: block !important;
}

.elementor-widget-az_coordination_03_zones,
.elementor-widget-az_coordination_03_zones .elementor-widget-container {
    width: 100% !important;
    display: block !important;
}

.az-coordination-zones-container {
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 24px;
    box-sizing: border-box;
    width: 100%;
}

/* Header (Centered, Max-Width 860px) */
.az-zones-header {
    text-align: center;
    max-width: 860px;
    margin: 0 auto;
}

.az-zones-overline {
    font-family: var(--az-font-body, 'Inter', sans-serif);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.14em;
    color: #0878D1;
    text-transform: uppercase;
    margin-bottom: 12px;
    display: block;
    line-height: 1.3;
}

.az-zones-title {
    font-family: var(--az-font-heading, 'Plus Jakarta Sans', sans-serif);
    font-weight: 700;
    color: #0B1F33;
    font-size: clamp(28px, 4vw, 42px);
    line-height: 1.2;
    margin: 0 0 14px 0;
    letter-spacing: -0.02em;
}

.az-zones-subtitle {
    font-family: var(--az-font-body, 'Inter', sans-serif);
    color: #475569;
    font-size: 16px;
    line-height: 1.6;
    margin: 0;
    font-weight: 400;
}

/* The 5-Card Bento Grid */
.az-zones-bento-grid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 24px;
    max-width: 1240px;
    margin: 48px auto 0 auto;
    width: 100%;
    box-sizing: border-box;
}

/* Common Card Styling */
.az-zone-card {
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-top: 3px solid #0878D1;
    border-radius: 12px;
    padding: 32px 28px;
    box-shadow: 0 8px 24px -4px rgba(11, 31, 51, 0.04);
    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.az-zone-card:hover {
    transform: translateY(-5px);
    border-color: #0878D1;
    box-shadow: 0 16px 36px -6px rgba(8, 120, 209, 0.12);
}

/* Column Spans */
.az-zone-span-7 {
    grid-column: span 7;
}

.az-zone-span-5 {
    grid-column: span 5;
}

.az-zone-span-4 {
    grid-column: span 4;
}

/* Card Top Content */
.az-zone-card-top {
    margin-bottom: 20px;
}

.az-zone-card-overline {
    font-family: var(--az-font-heading, 'Plus Jakarta Sans', sans-serif);
    font-size: 11px;
    font-weight: 700;
    color: #0878D1;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    display: block;
    margin-bottom: 6px;
}

.az-zone-card-title {
    font-family: var(--az-font-heading, 'Plus Jakarta Sans', sans-serif);
    font-size: 20px;
    font-weight: 700;
    color: #0B1F33;
    margin: 6px 0 10px 0;
    line-height: 1.3;
}

.az-zone-card-summary {
    font-family: var(--az-font-body, 'Inter', sans-serif);
    font-size: 14.5px;
    color: #475569;
    line-height: 1.6;
    margin: 0;
}

/* Schematic Viewport Wrap */
.az-zone-schematic-wrap {
    background: #F8FAFC;
    border: 1px solid #E2E8F0;
    border-radius: 8px;
    padding: 14px;
    margin-bottom: 20px;
    min-height: 180px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    position: relative;
    box-sizing: border-box;
    transition: border-color 0.25s ease;
}

.az-zone-card:hover .az-zone-schematic-wrap {
    border-color: #CBD5E1;
}

.az-zone-schematic-svg {
    width: 100%;
    height: auto;
    max-height: 180px;
    display: block;
}

/* Technical Focus Strip */
.az-zone-card-focus {
    border-top: 1px solid #E2E8F0;
    padding-top: 14px;
    font-size: 12px;
    line-height: 1.5;
    color: #64748B;
    font-family: var(--az-font-body, 'Inter', sans-serif);
}

.az-focus-label {
    font-weight: 700;
    color: #0B1F33;
    font-family: var(--az-font-heading, 'Plus Jakarta Sans', sans-serif);
    margin-right: 6px;
    letter-spacing: 0.04em;
    font-size: 11px;
}

.az-focus-text {
    font-weight: 500;
    color: #475569;
}

/* Bottom Coordination Scope Banner */
.az-zones-scope-banner {
    max-width: 1240px;
    margin: 36px auto 0 auto;
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 8px;
    padding: 20px 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px;
    box-sizing: border-box;
    box-shadow: 0 4px 12px rgba(11, 31, 51, 0.02);
}

.az-zones-banner-left {
    display: flex;
    align-items: center;
    gap: 12px;
    flex: 1;
}

.az-zones-banner-icon {
    display: inline-flex;
    flex-shrink: 0;
}

.az-zones-banner-text {
    font-family: var(--az-font-heading, 'Plus Jakarta Sans', sans-serif);
    font-size: 13px;
    font-weight: 600;
    color: #0B1F33;
    line-height: 1.5;
}

.az-zones-banner-right {
    flex-shrink: 0;
}

.az-zones-banner-badge {
    font-family: var(--az-font-heading, 'Plus Jakarta Sans', sans-serif);
    font-size: 11px;
    font-weight: 700;
    color: #0878D1;
    letter-spacing: 0.1em;
    background: #EBF5FF;
    padding: 6px 14px;
    border-radius: 4px;
    white-space: nowrap;
    display: inline-block;
}

/* ==========================================================================
   PAGE 4 SECTION 03: MOBILE & TABLET SAFEGUARDS (< 1024px & < 768px)
   ========================================================================== */

@media (max-width: 1024px) {
    .az-zones-bento-grid {
        grid-template-columns: repeat(12, 1fr) !important;
        gap: 20px !important;
    }
    .az-zone-span-7,
    .az-zone-span-5,
    .az-zone-span-4 {
        grid-column: span 6 !important;
    }
    .az-zone-span-4:last-child {
        grid-column: span 12 !important;
    }
}

@media (max-width: 768px) {
    .az-coordination-zones-section {
        padding: 60px 0 !important;
    }
    .az-coordination-zones-container {
        padding: 0 16px !important;
    }
    .az-zones-bento-grid {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
        margin-top: 36px !important;
    }
    .az-zone-card {
        grid-column: span 1 !important;
        padding: 24px 20px !important;
    }
    .az-zone-schematic-svg {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        max-height: 180px !important;
        display: block !important;
    }
    .az-zone-card-title,
    .az-zone-card-summary,
    .az-focus-text,
    .az-zones-banner-text {
        overflow-wrap: break-word !important;
        word-break: break-word !important;
    }
    .az-zones-scope-banner {
        flex-direction: column !important;
        align-items: flex-start !important;
        padding: 18px 16px !important;
    }
}

/* ==========================================================================
   PAGE 4 SECTION 04: 5-PILLAR DELIVERABLE DECK (.az-coordination-deliverables-section)
   ========================================================================== */

.az-coordination-deliverables-section {
    background-color: #FFFFFF !important;
    padding: 100px 0 !important;
    width: 100%;
    position: relative;
    box-sizing: border-box;
}

.az-coordination-deliverables-container {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 24px;
    box-sizing: border-box;
    width: 100%;
}

/* Header */
.az-deliverables-deck-header {
    text-align: center;
    max-width: 860px;
    margin: 0 auto 52px auto;
}

.az-deliverables-deck-overline {
    font-family: var(--az-font-heading, 'Plus Jakarta Sans', sans-serif);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.14em;
    color: #0878D1;
    text-transform: uppercase;
    display: inline-block;
    margin-bottom: 12px;
}

.az-deliverables-deck-title {
    font-family: var(--az-font-heading, 'Plus Jakarta Sans', sans-serif);
    font-size: clamp(28px, 3.2vw, 38px);
    font-weight: 800;
    color: #0B1F33;
    line-height: 1.25;
    letter-spacing: -0.02em;
    margin: 0 0 16px 0;
}

.az-deliverables-deck-subtitle {
    font-family: var(--az-font-body, 'Inter', sans-serif);
    font-size: 16px;
    line-height: 1.65;
    color: #64748B;
    margin: 0;
}

/* 5-Pillar Grid */
.az-coord-deliverables-deck {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 20px;
    align-items: stretch;
    margin-bottom: 40px;
}

/* Individual Card */
.az-deliverable-pillar-card {
    background: #FFFFFF !important;
    border: 1px solid #E2E8F0 !important;
    border-top: 3px solid #0878D1 !important;
    border-radius: 12px !important;
    padding: 28px 22px !important;
    box-shadow: 0 8px 24px -4px rgba(11, 31, 51, 0.04) !important;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
    box-sizing: border-box;
}

.az-deliverable-pillar-card:hover {
    transform: translateY(-6px);
    border-color: #0878D1 !important;
    box-shadow: 0 16px 36px -6px rgba(8, 120, 209, 0.12) !important;
}

.az-pillar-top {
    margin-bottom: 18px;
}

.az-pillar-overline {
    font-family: var(--az-font-heading, 'Plus Jakarta Sans', sans-serif);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.08em;
    color: #0878D1;
    text-transform: uppercase;
    display: block;
    margin-bottom: 8px;
}

.az-pillar-title {
    font-family: var(--az-font-heading, 'Plus Jakarta Sans', sans-serif);
    font-size: 1.2rem;
    font-weight: 800;
    color: #0B1F33;
    line-height: 1.3;
    letter-spacing: -0.01em;
    margin: 0 0 12px 0;
}

.az-pillar-summary {
    font-family: var(--az-font-body, 'Inter', sans-serif);
    font-size: 13.5px;
    line-height: 1.6;
    color: #64748B;
    margin: 0;
}

/* CAD Schematic Viewport in Card */
.az-pillar-schematic-wrap {
    background: #F8FAFC;
    border: 1px solid #E2E8F0;
    border-radius: 8px;
    padding: 12px;
    margin-bottom: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 120px;
    box-sizing: border-box;
}

.az-pillar-schematic-svg {
    width: 100%;
    height: auto;
    max-height: 120px;
    display: block;
}

/* Technical Specification Bullets */
.az-pillar-specs {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 24px;
    flex-grow: 1;
}

.az-pillar-spec-item {
    display: flex;
    align-items: flex-start;
    gap: 8px;
}

.az-pillar-spec-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin-top: 2px;
}

.az-pillar-spec-text {
    font-family: var(--az-font-body, 'Inter', sans-serif);
    font-size: 12.5px;
    line-height: 1.5;
    color: #334155;
    font-weight: 500;
}

/* Bottom Tag */
.az-pillar-bottom-tag {
    padding-top: 14px;
    border-top: 1px solid #F1F5F9;
    font-family: var(--az-font-heading, 'Plus Jakarta Sans', sans-serif);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.08em;
    color: #0878D1;
    text-transform: uppercase;
}

/* Bottom Compatibility Strip */
.az-coord-output-strip {
    background: #F8FAFC;
    border: 1px solid #E2E8F0;
    border-radius: 8px;
    padding: 18px 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    box-sizing: border-box;
}

.az-output-strip-text {
    font-family: var(--az-font-body, 'Inter', sans-serif);
    font-size: 13.5px;
    color: #475569;
    font-weight: 500;
}

.az-output-strip-badge {
    font-family: var(--az-font-heading, 'Plus Jakarta Sans', sans-serif);
    font-size: 11px;
    font-weight: 700;
    color: #0878D1;
    letter-spacing: 0.08em;
    background: #EBF5FF;
    padding: 6px 14px;
    border-radius: 4px;
    white-space: nowrap;
    text-transform: uppercase;
    display: inline-block;
}

/* ==========================================================================
   PAGE 4 SECTION 04: RESPONSIVE MEDIA QUERIES (< 1100px & < 768px)
   ========================================================================== */

@media (max-width: 1100px) {
    .az-coord-deliverables-deck {
        grid-template-columns: repeat(4, 1fr) !important;
        gap: 20px !important;
    }
    .az-deliverable-pillar-card:nth-child(1),
    .az-deliverable-pillar-card:nth-child(2),
    .az-deliverable-pillar-card:nth-child(3) {
        grid-column: span 2 !important;
    }
    .az-deliverable-pillar-card:nth-child(4),
    .az-deliverable-pillar-card:nth-child(5) {
        grid-column: span 3 !important;
    }
}

@media (max-width: 768px) {
    .az-coordination-deliverables-section {
        padding: 60px 0 !important;
    }
    .az-coordination-deliverables-container {
        padding: 0 16px !important;
    }
    .az-coord-deliverables-deck {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
        margin-bottom: 24px !important;
    }
    .az-deliverable-pillar-card {
        grid-column: span 1 !important;
        padding: 24px 20px !important;
    }
    .az-pillar-schematic-svg {
        max-height: 150px !important;
    }
    .az-pillar-title,
    .az-pillar-summary,
    .az-pillar-spec-text,
    .az-output-strip-text {
        overflow-wrap: break-word !important;
        word-break: break-word !important;
    }
    .az-coord-output-strip {
        flex-direction: column !important;
        align-items: flex-start !important;
        padding: 16px !important;
        gap: 12px !important;
    }
}

/* ==========================================================================
   PAGE 4 SECTION 05: STRUCTURED GOVERNANCE MONOLITH & SCOPING TERMINAL
   ========================================================================== */

.az-coordination-governance-section {
    background-color: #F8FAFC !important;
    padding: 100px 0 110px 0 !important;
    width: 100%;
    position: relative;
    box-sizing: border-box;
}

.az-coordination-governance-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box;
    width: 100%;
}

/* PART 1: The Constructibility Reality Governance Panel */
.az-coord-reality-panel {
    background: #FFFFFF !important;
    border: 1px solid #CBD5E1 !important;
    border-left: 4px solid #0878D1 !important;
    border-radius: 12px !important;
    padding: 40px 36px !important;
    box-shadow: 0 8px 24px -4px rgba(11, 31, 51, 0.04) !important;
    margin-bottom: 36px;
    box-sizing: border-box;
}

.az-reality-panel-header {
    margin-bottom: 20px;
}

.az-reality-panel-overline {
    font-family: var(--az-font-heading, 'Plus Jakarta Sans', sans-serif);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.14em;
    color: #0878D1;
    text-transform: uppercase;
    display: inline-block;
    margin-bottom: 10px;
}

.az-reality-panel-title {
    font-family: var(--az-font-heading, 'Plus Jakarta Sans', sans-serif);
    font-size: clamp(24px, 2.8vw, 32px);
    font-weight: 800;
    color: #0B1F33;
    line-height: 1.25;
    letter-spacing: -0.02em;
    margin: 0;
}

/* Advisory Callout Quote Block */
.az-coord-advisory-box {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    background: #F8FAFC;
    border: 1px solid #E2E8F0;
    border-radius: 8px;
    padding: 18px 22px;
    margin: 20px 0 28px 0;
    box-sizing: border-box;
}

.az-advisory-icon {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #0878D1;
    margin-top: 2px;
}

.az-coord-advisory-quote {
    font-family: var(--az-font-body, 'Inter', sans-serif);
    font-size: 15px;
    font-weight: 600;
    color: #0B1F33;
    line-height: 1.65;
    font-style: italic;
    margin: 0;
}

/* 4 Underlying Delivery Pillars */
.az-coord-governance-pillars {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    border-top: 1px solid #E2E8F0;
    padding-top: 24px;
}

.az-gov-pillar-item {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.az-gov-pillar-tag {
    font-family: var(--az-font-heading, 'Plus Jakarta Sans', sans-serif);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.08em;
    color: #0878D1;
    text-transform: uppercase;
}

.az-gov-pillar-title {
    font-family: var(--az-font-heading, 'Plus Jakarta Sans', sans-serif);
    font-size: 15px;
    font-weight: 700;
    color: #0B1F33;
    margin: 0;
    line-height: 1.35;
}

.az-gov-pillar-desc {
    font-family: var(--az-font-body, 'Inter', sans-serif);
    font-size: 13.5px;
    line-height: 1.6;
    color: #64748B;
    margin: 0;
}

/* PART 2: The Executive Scoping Terminal */
.az-coord-scoping-terminal {
    background-color: #0B1F33 !important;
    border: 1px solid #1E293B !important;
    border-radius: 14px !important;
    padding: 52px 48px !important;
    box-shadow: 0 16px 40px -8px rgba(11, 31, 51, 0.25) !important;
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
}

.az-terminal-grid-overlay {
    position: absolute;
    inset: 0;
    background-image: 
        radial-gradient(rgba(56, 189, 248, 0.12) 1px, transparent 1px),
        linear-gradient(to right, rgba(255, 255, 255, 0.04) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(255, 255, 255, 0.04) 1px, transparent 1px);
    background-size: 24px 24px, 48px 48px, 48px 48px;
    pointer-events: none;
    opacity: 0.8;
}

.az-terminal-content {
    position: relative;
    z-index: 1;
    text-align: center;
}

.az-terminal-header {
    max-width: 780px;
    margin: 0 auto 32px auto;
}

.az-terminal-overline {
    font-family: var(--az-font-heading, 'Plus Jakarta Sans', sans-serif);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.14em;
    color: #38BDF8;
    text-transform: uppercase;
    display: inline-block;
    margin-bottom: 12px;
}

.az-terminal-title {
    font-family: var(--az-font-heading, 'Plus Jakarta Sans', sans-serif);
    font-size: clamp(24px, 3.2vw, 36px);
    font-weight: 800;
    color: #FFFFFF;
    line-height: 1.25;
    letter-spacing: -0.02em;
    margin: 0 0 16px 0;
}

.az-terminal-subtitle {
    font-family: var(--az-font-body, 'Inter', sans-serif);
    font-size: 16px;
    line-height: 1.65;
    color: #94A3B8;
    margin: 0 auto;
    max-width: 720px;
}

/* Actions Row */
.az-terminal-actions {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 16px;
    margin-bottom: 32px;
}

.az-terminal-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: var(--az-font-heading, 'Plus Jakarta Sans', sans-serif);
    font-size: 14px;
    font-weight: 600;
    border-radius: 8px;
    text-decoration: none !important;
    transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
    box-sizing: border-box;
}

.az-terminal-btn-primary {
    background: #0878D1;
    color: #FFFFFF !important;
    padding: 16px 28px;
    border: none;
    box-shadow: 0 4px 14px rgba(8, 120, 209, 0.35);
}

.az-terminal-btn-primary:hover {
    background: #0660A9;
    color: #FFFFFF !important;
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(8, 120, 209, 0.45);
}

.az-terminal-btn-secondary {
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: #FFFFFF !important;
    padding: 16px 26px;
}

.az-terminal-btn-secondary:hover {
    background: rgba(255, 255, 255, 0.16);
    border-color: #FFFFFF;
    color: #FFFFFF !important;
    transform: translateY(-2px);
}

/* SLA Metadata Strip */
.az-terminal-sla-strip {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 12px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding-top: 22px;
}

.az-sla-item {
    font-family: var(--az-font-body, 'Inter', sans-serif);
    font-size: 12px;
    font-weight: 500;
    color: #94A3B8;
    letter-spacing: 0.04em;
}

.az-sla-sep {
    color: #475569;
    font-size: 12px;
}

/* ==========================================================================
   PAGE 4 SECTION 05: RESPONSIVE MEDIA QUERIES (< 960px & < 640px)
   ========================================================================== */

@media (max-width: 960px) {
    .az-coord-governance-pillars {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 16px !important;
    }
    .az-coord-scoping-terminal {
        padding: 36px 24px !important;
    }
    .az-coord-reality-panel {
        padding: 32px 24px !important;
    }
}

@media (max-width: 640px) {
    .az-coordination-governance-section {
        padding: 60px 0 70px 0 !important;
    }
    .az-coordination-governance-container {
        padding: 0 16px !important;
    }
    .az-coord-reality-panel {
        padding: 24px 18px !important;
    }
    .az-coord-advisory-box {
        flex-direction: column !important;
        gap: 10px !important;
        padding: 16px !important;
    }
    .az-coord-governance-pillars {
        grid-template-columns: 1fr !important;
        gap: 14px !important;
    }
    .az-terminal-actions {
        flex-direction: column !important;
        width: 100% !important;
        gap: 12px !important;
    }
    .az-terminal-btn {
        width: 100% !important;
        text-align: center !important;
    }
    .az-terminal-sla-strip {
        flex-direction: column !important;
        gap: 6px !important;
        text-align: center !important;
    }
    .az-sla-sep {
        display: none !important;
    }
    .az-reality-panel-title,
    .az-coord-advisory-quote,
    .az-gov-pillar-title,
    .az-gov-pillar-desc,
    .az-terminal-title,
    .az-terminal-subtitle {
        overflow-wrap: break-word !important;
        word-break: break-word !important;
    }
}










/* ==========================================================================
   PAGE 8: BIM AUTOMATION & TOOLS — SECTION 01: HERO MONOLITH
   Clean Architectural Surfaces, Zero AI Tropes
   Namespace: .az-automation-hero-* / .az-automation-monolith-* / .az-automation-pillars-*
   ========================================================================== */

.az-automation-hero-section {
    position: relative !important;
    z-index: 1 !important;
    clear: both !important;
    display: block !important;
    width: 100% !important;
    margin-top: 0 !important;
    padding: 110px 0 80px 0 !important;
    background-color: #F8FAFC !important;
    border-bottom: 1px solid #E2E8F0 !important;
    box-sizing: border-box !important;
}

.az-automation-hero-container {
    max-width: 1240px !important;
    margin: 0 auto !important;
    padding: 0 24px !important;
    box-sizing: border-box !important;
}

/* Header (Centered, Max-Width 880px) */
.az-automation-hero-header {
    max-width: 880px !important;
    margin: 0 auto !important;
    text-align: center !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}

.az-automation-hero-overline {
    display: block !important;
    font-family: var(--az-font-heading, 'Plus Jakarta Sans', sans-serif) !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 0.14em !important;
    color: #0878D1 !important;
    text-transform: uppercase !important;
    margin-bottom: 16px !important;
}

.az-automation-hero-title {
    font-family: var(--az-font-heading, 'Plus Jakarta Sans', sans-serif) !important;
    font-size: clamp(32px, 4.5vw, 48px) !important;
    line-height: 1.18 !important;
    font-weight: 800 !important;
    letter-spacing: -0.03em !important;
    color: #0B1F33 !important;
    margin: 0 0 20px 0 !important;
}

.az-automation-hero-subtitle {
    font-family: var(--az-font-body, 'Inter', sans-serif) !important;
    font-size: 17px !important;
    line-height: 1.65 !important;
    font-weight: 400 !important;
    color: #475569 !important;
    margin: 0 auto 14px auto !important;
    max-width: 820px !important;
}

.az-automation-hero-narrative {
    font-family: var(--az-font-body, 'Inter', sans-serif) !important;
    font-size: 15px !important;
    line-height: 1.6 !important;
    font-weight: 500 !important;
    color: #334155 !important;
    margin: 0 auto !important;
    max-width: 760px !important;
}

/* The 3 Elevated Automation Monolith Cards */
.az-automation-pillars-grid {
    max-width: 1240px !important;
    margin: 52px auto 0 auto !important;
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 28px !important;
    align-items: stretch !important;
}

.az-automation-monolith-card {
    background: #FFFFFF !important;
    border: 1px solid #CBD5E1 !important;
    border-top: 3px solid #0878D1 !important;
    border-radius: 4px !important;
    padding: 34px 28px !important;
    box-shadow: none !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    transition: all 0.2s ease !important;
    box-sizing: border-box !important;
}

.az-automation-monolith-card:hover {
    transform: translateY(-4px) !important;
    border-color: #0878D1 !important;
}

.az-automation-card-top {
    display: flex !important;
    flex-direction: column !important;
}

.az-automation-card-overline {
    font-family: var(--az-font-heading, 'Plus Jakarta Sans', sans-serif) !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    color: #0878D1 !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
    margin-bottom: 10px !important;
    display: block !important;
}

.az-automation-card-title {
    font-family: var(--az-font-heading, 'Plus Jakarta Sans', sans-serif) !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    letter-spacing: -0.02em !important;
    color: #0B1F33 !important;
    margin: 0 0 12px 0 !important;
}

.az-automation-card-desc {
    font-family: var(--az-font-body, 'Inter', sans-serif) !important;
    font-size: 14.5px !important;
    line-height: 1.6 !important;
    color: #475569 !important;
    margin: 0 0 20px 0 !important;
}

/* Feature Bullets */
.az-automation-feature-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 0 24px 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 11px !important;
}

.az-automation-feature-item {
    display: flex !important;
    align-items: flex-start !important;
    gap: 10px !important;
    font-family: var(--az-font-body, 'Inter', sans-serif) !important;
    font-size: 13.5px !important;
    line-height: 1.5 !important;
    color: #334155 !important;
}

/* Clean Architectural Dash Bullet */
.az-clean-dash {
    display: inline-block !important;
    width: 8px !important;
    height: 1.5px !important;
    background-color: #0878D1 !important;
    flex-shrink: 0 !important;
    margin-top: 9px !important;
}

/* Card Footnote Specification */
.az-automation-card-footer {
    border-top: 1px solid #E2E8F0 !important;
    padding-top: 16px !important;
    margin-top: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
}

.az-clean-footnote-text {
    font-family: var(--az-font-heading, 'Plus Jakarta Sans', sans-serif) !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    color: #64748B !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
    display: block !important;
}

/* Technical Governance Verification Strip */
.az-automation-verification-strip {
    margin-top: 40px !important;
    padding-top: 24px !important;
    border-top: 1px solid #E2E8F0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    gap: 14px 18px !important;
}

.az-automation-verify-item {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-family: var(--az-font-heading, 'Plus Jakarta Sans', sans-serif) !important;
    font-size: 11.5px !important;
    font-weight: 600 !important;
    letter-spacing: 0.05em !important;
    color: #64748B !important;
    text-transform: uppercase !important;
}

.az-automation-verify-sep {
    color: #CBD5E1 !important;
    font-size: 12px !important;
}

/* Responsive Hero */
@media (max-width: 1024px) {
    .az-automation-pillars-grid {
        grid-template-columns: 1fr !important;
        gap: 24px !important;
    }
}

@media (max-width: 768px) {
    .az-automation-hero-section {
        padding: 90px 0 60px 0 !important;
    }
    .az-automation-hero-container {
        padding: 0 16px !important;
    }
    .az-automation-hero-title {
        font-size: clamp(26px, 6vw, 36px) !important;
    }
    .az-automation-hero-subtitle {
        font-size: 15.5px !important;
    }
    .az-automation-monolith-card {
        padding: 26px 20px !important;
    }
    .az-automation-verification-strip {
        flex-direction: column !important;
        align-items: center !important;
        gap: 10px !important;
    }
    .az-automation-verify-sep {
        display: none !important;
    }
}

/* ==========================================================================
   PAGE 8: BIM AUTOMATION & TOOLS — SECTION 02: TECHNICAL MATRIX & PIPELINE
   Concept 3: Precision Specification Matrix Table & Workflow Cutaway
   Namespace: .az-automation-matrix-* / .az-pipeline-* / .az-spec-*
   ========================================================================== */

.az-automation-matrix-section {
    position: relative !important;
    z-index: 1 !important;
    clear: both !important;
    display: block !important;
    width: 100% !important;
    margin-top: 0 !important;
    padding: 90px 0 100px 0 !important;
    background-color: #F8FAFC !important;
    border-top: 1px solid #E2E8F0 !important;
    box-sizing: border-box !important;
}

.az-automation-matrix-container {
    max-width: 1240px !important;
    margin: 0 auto !important;
    padding: 0 24px !important;
    box-sizing: border-box !important;
}

/* Header (Centered, Max-Width 860px, Margin: 0 auto 48px auto) */
.az-automation-matrix-header {
    max-width: 860px !important;
    margin: 0 auto 48px auto !important;
    text-align: center !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}

.az-matrix-overline {
    display: block !important;
    font-family: var(--az-font-heading, 'Plus Jakarta Sans', sans-serif) !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 0.14em !important;
    color: #0878D1 !important;
    text-transform: uppercase !important;
    margin-bottom: 14px !important;
}

.az-matrix-heading {
    font-family: var(--az-font-heading, 'Plus Jakarta Sans', sans-serif) !important;
    font-size: clamp(28px, 3.8vw, 40px) !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
    letter-spacing: -0.025em !important;
    color: #0B1F33 !important;
    margin: 0 0 16px 0 !important;
}

.az-matrix-subtitle {
    font-family: var(--az-font-body, 'Inter', sans-serif) !important;
    font-size: 16px !important;
    line-height: 1.6 !important;
    font-weight: 400 !important;
    color: #475569 !important;
    margin: 0 auto !important;
    max-width: 820px !important;
}

/* Stage 1: The Full-Width Computational Pipeline Cutaway (.az-pipeline-stage) */
.az-pipeline-stage {
    max-width: 1240px !important;
    margin: 0 auto 44px auto !important;
    background-color: #FFFFFF !important;
    border: 1px solid #CBD5E1 !important;
    border-top: 3px solid #0878D1 !important;
    border-radius: 4px !important;
    padding: 28px 32px !important;
    box-sizing: border-box !important;
}

.az-pipeline-stage-header {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    border-bottom: 1px solid #E2E8F0 !important;
    padding-bottom: 14px !important;
    margin-bottom: 20px !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
}

.az-pipeline-stage-title {
    font-family: var(--az-font-heading, 'Plus Jakarta Sans', sans-serif) !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    color: #0B1F33 !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
}

.az-pipeline-stage-env {
    font-family: monospace, var(--az-font-heading, sans-serif) !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    color: #0878D1 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
}

.az-pipeline-schematic {
    height: 160px !important;
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
}

.az-pipeline-svg {
    width: 100% !important;
    height: 100% !important;
    max-height: 160px !important;
    display: block !important;
}

/* Stage 2: The Precision Engineering Specification Matrix (.az-spec-matrix-wrapper) */
.az-spec-matrix-wrapper {
    max-width: 1240px !important;
    margin: 0 auto !important;
    background-color: #FFFFFF !important;
    border: 1px solid #CBD5E1 !important;
    border-radius: 4px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}

.az-spec-table {
    width: 100% !important;
    border-collapse: collapse !important;
    text-align: left !important;
    margin: 0 !important;
}

.az-spec-table thead {
    background-color: #0B1F33 !important;
    color: #FFFFFF !important;
}

.az-spec-table thead th {
    padding: 16px 20px !important;
    font-family: var(--az-font-heading, 'Plus Jakarta Sans', sans-serif) !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    color: #FFFFFF !important;
    border: none !important;
}

.az-col-domain {
    width: 26% !important;
}

.az-col-scope {
    width: 44% !important;
}

.az-col-deliv {
    width: 30% !important;
}

.az-spec-table tbody tr.az-spec-row {
    border-bottom: 1px solid #E2E8F0 !important;
    transition: background 0.15s ease !important;
}

.az-spec-table tbody tr.az-spec-row:last-child {
    border-bottom: none !important;
}

.az-spec-table tbody tr.az-spec-row:nth-child(odd) {
    background-color: #FFFFFF !important;
}

.az-spec-table tbody tr.az-spec-row:nth-child(even) {
    background-color: #F8FAFC !important;
}

.az-spec-table tbody tr.az-spec-row:hover {
    background-color: #F1F5F9 !important;
}

.az-spec-table tbody td {
    padding: 18px 20px !important;
    vertical-align: middle !important;
    border: none !important;
}

.az-cell-domain {
    vertical-align: top !important;
}

.az-domain-name {
    font-family: var(--az-font-heading, 'Plus Jakarta Sans', sans-serif) !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #0B1F33 !important;
    display: block !important;
}

.az-cell-scope {
    vertical-align: top !important;
}

.az-scope-text {
    font-family: var(--az-font-body, 'Inter', sans-serif) !important;
    font-size: 13px !important;
    line-height: 1.55 !important;
    color: #334155 !important;
    margin: 0 !important;
}

.az-cell-deliv {
    vertical-align: top !important;
}

.az-deliv-text {
    font-family: var(--az-font-heading, 'Plus Jakarta Sans', sans-serif) !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    color: #0878D1 !important;
    line-height: 1.5 !important;
    display: block !important;
}

/* Stage 3: Engineering Governance Advisory & Direct Scoping Terminal */
.az-spec-footer-banner {
    max-width: 1240px !important;
    margin: 32px auto 0 auto !important;
    background-color: #FFFFFF !important;
    border: 1px solid #CBD5E1 !important;
    border-left: 4px solid #0878D1 !important;
    border-radius: 4px !important;
    padding: 24px 30px !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 20px !important;
    box-sizing: border-box !important;
}

.az-spec-banner-narrative {
    flex: 1 1 540px !important;
    max-width: 760px !important;
}

.az-spec-banner-overline {
    font-family: var(--az-font-heading, 'Plus Jakarta Sans', sans-serif) !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    color: #64748B !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    display: block !important;
    margin-bottom: 4px !important;
}

.az-spec-banner-text {
    font-family: var(--az-font-body, 'Inter', sans-serif) !important;
    font-size: 13px !important;
    color: #1E293B !important;
    line-height: 1.55 !important;
    font-weight: 500 !important;
    margin: 0 !important;
}

.az-spec-banner-action {
    flex-shrink: 0 !important;
}

.az-spec-cta-btn {
    background-color: #0878D1 !important;
    color: #FFFFFF !important;
    font-family: var(--az-font-heading, 'Plus Jakarta Sans', sans-serif) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    padding: 12px 22px !important;
    border-radius: 4px !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    white-space: nowrap !important;
    transition: background 0.2s ease !important;
}

.az-spec-cta-btn:hover {
    background-color: #0B1F33 !important;
    color: #FFFFFF !important;
}

/* Responsive Mobile & Tablet Rules (< 960px & < 640px) */
@media (max-width: 960px) {
    .az-spec-matrix-wrapper {
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
        display: block !important;
        width: 100% !important;
    }

    .az-spec-table {
        min-width: 720px !important;
    }

    .az-pipeline-stage {
        padding: 22px 20px !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
    }

    .az-pipeline-schematic {
        min-width: 680px !important;
    }
}

@media (max-width: 640px) {
    .az-automation-matrix-section {
        padding: 60px 0 70px 0 !important;
    }

    .az-automation-matrix-container {
        padding: 0 16px !important;
    }

    .az-pipeline-schematic {
        height: auto !important;
        max-height: 140px !important;
    }

    .az-pipeline-svg {
        max-height: 140px !important;
    }

    .az-spec-footer-banner {
        flex-direction: column !important;
        align-items: flex-start !important;
        padding: 20px 18px !important;
    }

    .az-spec-banner-action,
    .az-spec-cta-btn {
        width: 100% !important;
        justify-content: center !important;
        text-align: center !important;
    }

    .az-matrix-heading,
    .az-matrix-subtitle,
    .az-spec-banner-text {
        overflow-wrap: break-word !important;
        word-break: break-word !important;
    }
}

/* ==========================================================================
   STREAMLINED HOME PAGE SECTIONS (PREVIEW / STREAMLINED VARIANT)
   ========================================================================== */

.az-streamlined-header {
    text-align: center;
    margin: 0 auto 48px auto;
    max-width: 820px;
}

.az-streamlined-header .az-overline-wrap {
    justify-content: center;
    margin: 0 auto 14px auto;
}

.az-streamlined-headline {
    font-family: var(--az-font-heading);
    font-size: 2.35rem;
    font-weight: 700;
    color: #0B1F33;
    letter-spacing: -0.02em;
    line-height: 1.25;
    margin: 0 0 16px 0;
}

.az-streamlined-subtitle {
    font-family: var(--az-font-body);
    font-size: 1.05rem;
    color: #475569;
    line-height: 1.65;
    margin: 0;
}

.az-streamlined-action {
    text-align: center;
    margin-top: 48px;
    display: flex;
    justify-content: center;
}

.az-btn-streamlined {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: #0878D1;
    color: #FFFFFF !important;
    padding: 14px 28px;
    border-radius: 6px;
    font-family: var(--az-font-body);
    font-size: 0.95rem;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
    box-shadow: 0 4px 14px rgba(8, 120, 209, 0.25);
}

.az-btn-streamlined:hover {
    background: #065ea6;
    transform: translateY(-2px);
    box-shadow: 0 8px 22px rgba(8, 120, 209, 0.35);
    color: #FFFFFF !important;
}

.az-btn-streamlined svg {
    transition: transform 0.2s ease;
}

.az-btn-streamlined:hover svg {
    transform: translateX(4px);
}

/* 02. Services Streamlined */
.az-services-streamlined-wrapper {
    background: #FFFFFF;
    padding: 90px 0;
    border-bottom: 1px solid #F1F5F9;
}

.az-services-streamlined-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
}

.az-service-mini-card {
    background: #F8FAFC;
    border: 1px solid #E2E8F0;
    border-radius: 10px;
    padding: 28px;
    display: flex;
    flex-direction: column;
    transition: all 0.3s ease;
}

.az-service-mini-card:hover {
    border-color: #0878D1;
    background: #FFFFFF;
    transform: translateY(-4px);
    box-shadow: 0 12px 30px -5px rgba(11, 31, 51, 0.08);
}

.az-service-mini-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}

.az-service-mini-icon {
    width: 44px;
    height: 44px;
    border-radius: 8px;
    background: rgba(8, 120, 209, 0.08);
    color: #0878D1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.az-service-mini-badge {
    font-family: var(--az-font-body);
    font-size: 0.75rem;
    font-weight: 700;
    color: #0878D1;
    background: #EFF6FF;
    border: 1px solid #BFDBFE;
    padding: 4px 10px;
    border-radius: 999px;
    letter-spacing: 0.04em;
}

.az-service-mini-title {
    font-family: var(--az-font-heading);
    font-size: 1.15rem;
    font-weight: 700;
    color: #0B1F33;
    margin: 0 0 12px 0;
    line-height: 1.35;
}

.az-service-mini-desc {
    font-family: var(--az-font-body);
    font-size: 0.88rem;
    color: #475569;
    line-height: 1.55;
    margin: 0 0 20px 0;
}

.az-service-mini-list {
    list-style: none;
    padding: 0;
    margin: auto 0 0 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.az-service-mini-list li {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    font-size: 0.82rem;
    color: #334155;
    line-height: 1.45;
}

/* 04. Deliverables Streamlined */
.az-deliverables-streamlined-wrapper {
    background: #F8FAFC;
    padding: 90px 0;
    border-bottom: 1px solid #E2E8F0;
}

.az-deliverables-streamlined-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 28px;
}

.az-deliverable-streamlined-card {
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 12px;
    padding: 32px;
    display: flex;
    flex-direction: column;
    transition: all 0.3s ease;
    box-shadow: 0 6px 20px -5px rgba(11, 31, 51, 0.04);
}

.az-deliverable-streamlined-card:hover {
    border-color: #0878D1;
    transform: translateY(-4px);
    box-shadow: 0 14px 35px -5px rgba(11, 31, 51, 0.08);
}

.az-del-streamlined-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 22px;
}

.az-del-streamlined-num {
    font-family: var(--az-font-heading);
    font-size: 1.5rem;
    font-weight: 800;
    color: #CBD5E1;
}

.az-del-streamlined-badge {
    font-size: 0.72rem;
    font-weight: 700;
    color: #0878D1;
    background: #EFF6FF;
    border: 1px solid #BFDBFE;
    padding: 4px 10px;
    border-radius: 999px;
    letter-spacing: 0.06em;
}

.az-del-streamlined-title {
    font-family: var(--az-font-heading);
    font-size: 1.25rem;
    font-weight: 700;
    color: #0B1F33;
    margin: 0 0 12px 0;
    line-height: 1.35;
}

.az-del-streamlined-desc {
    font-family: var(--az-font-body);
    font-size: 0.92rem;
    color: #475569;
    line-height: 1.6;
    margin: 0 0 20px 0;
}

.az-del-format-pills {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    margin-bottom: 20px;
    padding: 10px 14px;
    background: #F8FAFC;
    border-radius: 6px;
    border: 1px solid #F1F5F9;
}

.az-format-label {
    font-size: 0.75rem;
    font-weight: 600;
    color: #64748B;
}

.az-fmt-pill {
    font-size: 0.72rem;
    font-weight: 700;
    color: #0B1F33;
    background: #FFFFFF;
    border: 1px solid #CBD5E1;
    padding: 2px 8px;
    border-radius: 4px;
}

.az-del-streamlined-list {
    list-style: none;
    padding: 0;
    margin: auto 0 0 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.az-del-streamlined-list li {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    font-size: 0.85rem;
    color: #334155;
    line-height: 1.45;
}

/* 05. Sectors Streamlined */
.az-sectors-streamlined-wrapper {
    background: #FFFFFF;
    padding: 90px 0;
    border-bottom: 1px solid #F1F5F9;
}

.az-sectors-streamlined-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

.az-sector-mini-card {
    background: #F8FAFC;
    border: 1px solid #E2E8F0;
    border-radius: 10px;
    padding: 28px;
    display: flex;
    flex-direction: column;
    transition: all 0.3s ease;
}

.az-sector-mini-card:hover {
    border-color: #0878D1;
    background: #FFFFFF;
    transform: translateY(-4px);
    box-shadow: 0 12px 30px -5px rgba(11, 31, 51, 0.08);
}

.az-sector-mini-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 18px;
}

.az-sector-mini-icon {
    width: 44px;
    height: 44px;
    border-radius: 8px;
    background: rgba(8, 120, 209, 0.08);
    color: #0878D1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.az-sector-mini-badge {
    font-size: 0.72rem;
    font-weight: 700;
    color: #0878D1;
    background: #EFF6FF;
    border: 1px solid #BFDBFE;
    padding: 4px 10px;
    border-radius: 999px;
}

.az-sector-mini-title {
    font-family: var(--az-font-heading);
    font-size: 1.15rem;
    font-weight: 700;
    color: #0B1F33;
    margin: 0 0 10px 0;
    line-height: 1.35;
}

.az-sector-mini-desc {
    font-family: var(--az-font-body);
    font-size: 0.88rem;
    color: #475569;
    line-height: 1.55;
    margin: 0;
}

/* 06. Workflow Streamlined */
.az-workflow-streamlined-wrapper {
    background: #F8FAFC;
    padding: 90px 0;
    border-bottom: 1px solid #E2E8F0;
}

.az-pipeline-streamlined-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

.az-pipeline-step-card {
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 10px;
    padding: 28px;
    display: flex;
    flex-direction: column;
    position: relative;
    transition: all 0.3s ease;
}

.az-pipeline-step-card:hover {
    border-color: #0878D1;
    transform: translateY(-4px);
    box-shadow: 0 12px 30px -5px rgba(11, 31, 51, 0.08);
}

.az-step-num-pill {
    display: inline-block;
    font-size: 0.75rem;
    font-weight: 800;
    color: #0878D1;
    background: #EFF6FF;
    border: 1px solid #BFDBFE;
    padding: 4px 10px;
    border-radius: 4px;
    margin-bottom: 16px;
    width: fit-content;
}

.az-pipeline-step-title {
    font-family: var(--az-font-heading);
    font-size: 1.12rem;
    font-weight: 700;
    color: #0B1F33;
    margin: 0 0 8px 0;
    line-height: 1.35;
}

.az-pipeline-gate-badge {
    font-size: 0.68rem;
    font-weight: 700;
    color: #64748B;
    letter-spacing: 0.06em;
    margin-bottom: 14px;
}

.az-pipeline-step-desc {
    font-family: var(--az-font-body);
    font-size: 0.86rem;
    color: #475569;
    line-height: 1.55;
    margin: 0 0 20px 0;
}

.az-pipeline-del-tag {
    margin-top: auto;
    padding: 10px 12px;
    background: #F8FAFC;
    border: 1px solid #F1F5F9;
    border-radius: 6px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.az-del-tag-label {
    font-size: 0.7rem;
    font-weight: 600;
    color: #94A3B8;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.az-del-tag-val {
    font-size: 0.8rem;
    font-weight: 600;
    color: #0B1F33;
}

/* 07. Automation Streamlined */
.az-automation-streamlined-wrapper {
    background: #FFFFFF;
    padding: 90px 0;
    border-bottom: 1px solid #F1F5F9;
}

.az-automation-spotlight-box {
    background: #F8FAFC;
    border: 1px solid #E2E8F0;
    border-radius: 14px;
    padding: 44px;
    box-shadow: 0 10px 30px -5px rgba(11, 31, 51, 0.04);
}

.az-spotlight-metrics-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    padding-bottom: 36px;
    border-bottom: 1px solid #E2E8F0;
    margin-bottom: 36px;
    text-align: center;
}

.az-spotlight-metric-item {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.az-spotlight-metric-val {
    font-family: var(--az-font-heading);
    font-size: 2.75rem;
    font-weight: 800;
    color: #0878D1;
    line-height: 1;
    margin-bottom: 8px;
}

.az-spotlight-metric-lbl {
    font-family: var(--az-font-heading);
    font-size: 1.05rem;
    font-weight: 700;
    color: #0B1F33;
    margin-bottom: 6px;
}

.az-spotlight-metric-sub {
    font-family: var(--az-font-body);
    font-size: 0.84rem;
    color: #64748B;
    max-width: 250px;
    line-height: 1.45;
}

.az-spotlight-tools-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.az-spotlight-tool-card {
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 8px;
    padding: 22px;
    display: flex;
    gap: 14px;
    align-items: flex-start;
}

.az-spotlight-tool-icon {
    width: 38px;
    height: 38px;
    border-radius: 6px;
    background: rgba(8, 120, 209, 0.08);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.az-spotlight-tool-title {
    font-family: var(--az-font-heading);
    font-size: 0.98rem;
    font-weight: 700;
    color: #0B1F33;
    margin: 0 0 6px 0;
}

.az-spotlight-tool-desc {
    font-family: var(--az-font-body);
    font-size: 0.84rem;
    color: #475569;
    line-height: 1.45;
    margin: 0;
}

/* Responsive Queries for Streamlined Sections */
@media (max-width: 1024px) {
    .az-services-streamlined-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .az-pipeline-streamlined-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .az-services-streamlined-grid,
    .az-deliverables-streamlined-grid,
    .az-sectors-streamlined-grid,
    .az-pipeline-streamlined-grid,
    .az-spotlight-metrics-grid,
    .az-spotlight-tools-grid {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
    }

    .az-streamlined-headline {
        font-size: 1.75rem !important;
    }

    .az-automation-spotlight-box {
        padding: 24px 18px !important;
    }

    .az-spotlight-metrics-grid {
        padding-bottom: 24px !important;
        margin-bottom: 24px !important;
        gap: 24px !important;
    }

    .az-btn-streamlined {
        width: 100% !important;
        justify-content: center !important;
        box-sizing: border-box !important;
        text-align: center !important;
    }
}

/* ==========================================================================
   AZ Synergy Group - Section 04 Deliverables 3-Step Pipeline Flow
   ========================================================================== */
.az-deliverables-flow-section {
    position: relative;
    padding: 85px 0 95px 0;
    background: #FFFFFF;
}

.az-deliverables-flow-container {
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 24px;
}

.az-deliverables-flow-header-wrap {
    text-align: center;
    max-width: 820px;
    margin: 0 auto 50px auto;
}

.az-deliverables-flow-header-wrap .az-overline-wrap {
    justify-content: center;
    margin-bottom: 12px;
}

.az-deliverables-flow-headline {
    font-family: var(--az-font-headline, inherit);
    font-size: clamp(1.85rem, 3.2vw, 2.35rem);
    font-weight: 700;
    color: #0F172A;
    letter-spacing: -0.025em;
    line-height: 1.25;
    margin: 0;
}

.az-deliverables-flow-grid {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    position: relative;
}

.az-deliverable-flow-card {
    flex: 1 1 0;
    min-width: 0;
    max-width: 370px;
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 18px;
    padding: 22px;
    box-shadow: 0 4px 20px rgba(15, 23, 42, 0.04);
    transition: transform 0.28s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.28s ease, border-color 0.28s ease;
    display: flex;
    flex-direction: column;
    text-decoration: none !important;
    color: inherit !important;
    cursor: pointer;
}

.az-deliverable-flow-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 14px 32px rgba(8, 120, 209, 0.12);
    border-color: #BAE6FD;
}

.az-deliverable-flow-thumb-wrap {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 11;
    border-radius: 12px;
    overflow: hidden;
    background: #F8FAFC;
    border: 1px solid #F1F5F9;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.az-deliverable-flow-thumb {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.3s ease;
}

.az-deliverable-flow-card:hover .az-deliverable-flow-thumb {
    transform: scale(1.03);
}

.az-deliverable-flow-content {
    display: flex;
    flex-direction: column;
}

.az-deliverable-flow-title-row {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 10px;
}

.az-deliverable-flow-badge {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #0878D1;
    color: #FFFFFF;
    font-weight: 700;
    font-size: 0.95rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    box-shadow: 0 2px 8px rgba(8, 120, 209, 0.25);
}

.az-deliverable-flow-title {
    font-family: var(--az-font-headline, inherit);
    font-size: 1.18rem;
    font-weight: 700;
    color: #0F172A;
    margin: 0;
    line-height: 1.25;
}

.az-deliverable-flow-desc {
    font-size: 0.92rem;
    line-height: 1.55;
    color: #64748B;
    margin: 0;
    padding-left: 44px;
}

.az-deliverable-flow-arrow-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 32px;
}

.az-deliverable-flow-arrow {
    display: block;
    color: #0878D1;
    filter: drop-shadow(0 2px 4px rgba(8, 120, 209, 0.2));
}

@media (max-width: 960px) {
    .az-deliverables-flow-grid {
        flex-direction: column !important;
        gap: 14px !important;
    }

    .az-deliverable-flow-card {
        max-width: 100% !important;
        width: 100% !important;
    }

    .az-deliverable-flow-arrow-wrap {
        transform: rotate(90deg);
        height: 28px !important;
        margin: 4px 0 !important;
    }
}

/* ==========================================================================
   AZ Synergy Group - Section 05 Typologies Featured Slider
   ========================================================================== */
.az-typologies-slider-section {
    position: relative;
    padding: 75px 0 85px 0;
    background: #FFFFFF;
    content-visibility: auto;
    contain-intrinsic-size: 1px 650px;
}

.az-typologies-container {
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 24px;
}

.az-typologies-header-wrap {
    margin-bottom: 24px;
}

.az-typologies-header-wrap .az-overline-wrap {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
}

.az-typologies-headline {
    font-family: var(--az-font-headline, inherit);
    font-size: clamp(1.85rem, 3.2vw, 2.35rem);
    font-weight: 700;
    color: #0F172A;
    letter-spacing: -0.025em;
    line-height: 1.25;
    margin: 0;
}

.az-typologies-slider-container {
    position: relative;
    width: 100%;
    border-radius: 18px;
    overflow: hidden;
    background: #0F172A;
    box-shadow: 0 8px 32px rgba(15, 23, 42, 0.08);
    border: 1px solid #E2E8F0;
    outline: none;
    contain: paint;
    transform: translateZ(0);
}

.az-typology-slides-viewport {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 10;
    min-height: 440px;
    max-height: 560px;
    overflow: hidden;
    contain: strict;
    transform: translateZ(0);
}

.az-typology-slide {
    position: absolute;
    inset: 0;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.5s ease;
    display: block;
    text-decoration: none;
    color: inherit;
    z-index: 1;
    cursor: pointer;
    will-change: opacity;
    transform: translateZ(0);
    backface-visibility: hidden;
}

.az-typology-slide.active {
    opacity: 1;
    visibility: visible;
    z-index: 2;
}

.az-typology-slide-bg {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    transform: translateZ(0);
    backface-visibility: hidden;
    will-change: transform;
}

@media (min-width: 769px) {
    .az-typology-slide.active .az-typology-slide-bg {
        transition: transform 6s cubic-bezier(0.25, 1, 0.5, 1);
        transform: scale(1.03) translateZ(0);
    }
}
@media (max-width: 768px) {
    .az-typology-slide-bg {
        transform: none !important;
        transition: none !important;
    }
}

.az-typology-slide-gradient {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(15, 23, 42, 0) 30%, rgba(15, 23, 42, 0.4) 60%, rgba(15, 23, 42, 0.88) 100%);
    pointer-events: none;
}

.az-typology-slide-caption {
    position: absolute;
    left: 36px;
    bottom: 38px;
    max-width: 640px;
    z-index: 3;
    color: #FFFFFF;
}

.az-typology-caption-rule {
    display: block;
    width: 36px;
    height: 3px;
    background: #FFFFFF;
    border-radius: 2px;
    margin-bottom: 12px;
}

.az-typology-caption-title {
    font-family: var(--az-font-headline, inherit);
    font-size: clamp(1.4rem, 2.5vw, 1.95rem);
    font-weight: 700;
    color: #FFFFFF;
    margin: 0 0 6px 0;
    line-height: 1.25;
}

.az-typology-caption-subtitle {
    font-size: clamp(0.92rem, 1.4vw, 1.05rem);
    color: rgba(255, 255, 255, 0.9);
    margin: 0;
    line-height: 1.5;
    font-weight: 400;
}

/* Navigation Buttons: Pristine Circular White with Deep Navy/Blue Icons */
.az-typologies-slider-container .az-slider-nav-btn,
.az-typologies-slider-container button.az-slider-nav-btn,
button.az-slider-nav-btn {
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 46px !important;
    height: 46px !important;
    min-width: 46px !important;
    min-height: 46px !important;
    border-radius: 50% !important;
    background-color: #FFFFFF !important;
    background: #FFFFFF !important;
    color: #0F172A !important;
    border: 1px solid rgba(226, 232, 240, 0.9) !important;
    box-shadow: 0 4px 16px rgba(15, 23, 42, 0.16) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    z-index: 15 !important;
    padding: 0 !important;
    margin: 0 !important;
    outline: none !important;
    line-height: 1 !important;
    transition: background 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease, color 0.2s ease !important;
}

.az-typologies-slider-container .az-slider-btn-prev,
button.az-slider-btn-prev {
    left: 22px !important;
    right: auto !important;
}

.az-typologies-slider-container .az-slider-btn-next,
button.az-slider-btn-next {
    right: 22px !important;
    left: auto !important;
}

.az-typologies-slider-container .az-slider-nav-btn:hover,
.az-typologies-slider-container .az-slider-nav-btn:focus,
.az-typologies-slider-container button.az-slider-nav-btn:hover,
.az-typologies-slider-container button.az-slider-nav-btn:focus {
    background-color: #F8FAFC !important;
    background: #F8FAFC !important;
    color: #0878D1 !important;
    border-color: #0878D1 !important;
    transform: translateY(-50%) scale(1.08) !important;
    box-shadow: 0 6px 22px rgba(8, 120, 209, 0.28) !important;
    outline: none !important;
}

.az-typologies-slider-container .az-slider-nav-btn svg {
    width: 22px !important;
    height: 22px !important;
    stroke: currentColor !important;
    display: block !important;
    margin: auto !important;
}

/* Dots Navigation Pill: Glassmorphism Floating Bar with Signature Electric Blue */
.az-typologies-slider-container .az-slider-dots-wrap {
    position: absolute !important;
    bottom: 22px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    z-index: 15 !important;
    padding: 8px 16px !important;
    background: rgba(15, 23, 42, 0.55) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border-radius: 999px !important;
    border: 1px solid rgba(255, 255, 255, 0.18) !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25) !important;
}

.az-typologies-slider-container .az-slider-dot,
.az-typologies-slider-container button.az-slider-dot,
button.az-slider-dot {
    width: 8px !important;
    height: 8px !important;
    min-width: 8px !important;
    min-height: 8px !important;
    border-radius: 50% !important;
    background-color: rgba(255, 255, 255, 0.45) !important;
    background: rgba(255, 255, 255, 0.45) !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
    cursor: pointer !important;
    outline: none !important;
    transition: all 0.28s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.az-typologies-slider-container .az-slider-dot.active,
.az-typologies-slider-container button.az-slider-dot.active,
button.az-slider-dot.active {
    width: 24px !important;
    border-radius: 4px !important;
    background-color: #0878D1 !important;
    background: #0878D1 !important;
    box-shadow: 0 0 10px rgba(8, 120, 209, 0.7) !important;
}

.az-typologies-slider-container .az-slider-dot:hover {
    background-color: #FFFFFF !important;
    background: #FFFFFF !important;
}

@media (max-width: 960px) {
    .az-typology-slides-viewport {
        min-height: 360px;
        aspect-ratio: 4 / 3;
    }

    .az-typology-slide-caption {
        left: 20px;
        bottom: 38px;
        right: 20px;
    }

    .az-slider-nav-btn {
        width: 38px;
        height: 38px;
    }

    .az-slider-btn-prev {
        left: 10px;
    }

    .az-slider-btn-next {
        right: 10px;
    }
}




/* ==========================================================================
   HOME SECTION 07: IN-HOUSE AUTOMATION ACCELERATORS (3x2 Video Cards Grid)
   ========================================================================== */
.az-video-tools-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 24px !important;
    margin-bottom: 48px !important;
}

.az-video-card {
    background: #FFFFFF !important;
    border: 1px solid #E2E8F0 !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    box-shadow: 0 4px 14px rgba(11, 25, 44, 0.04) !important;
    transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.25s ease, border-color 0.25s ease !important;
}

.az-video-card:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 14px 28px rgba(11, 25, 44, 0.09) !important;
    border-color: #CBD5E1 !important;
}

/* Card Header */
.az-video-card-header {
    padding: 16px 20px !important;
    background: #FFFFFF !important;
    border-bottom: 1px solid #F1F5F9 !important;
}

.az-video-tool-meta {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
}

.az-video-tool-icon {
    width: 38px !important;
    height: 38px !important;
    border-radius: 8px !important;
    background: #F0F7FF !important;
    border: 1px solid #BAE6FD !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #0878D1 !important;
    flex-shrink: 0 !important;
}

.az-video-card-title {
    font-family: var(--az-font-heading) !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #0B192C !important;
    margin: 0 0 3px 0 !important;
    line-height: 1.25 !important;
}

.az-video-badge {
    display: inline-block !important;
    font-family: var(--az-font-heading) !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
    color: #64748B !important;
    background: #F8FAFC !important;
    border: 1px solid #E2E8F0 !important;
    padding: 2px 8px !important;
    border-radius: 4px !important;
    line-height: 1.3 !important;
}

/* 16:9 Video Thumbnail Area */
.az-video-thumb-wrap {
    position: relative !important;
    width: 100% !important;
    aspect-ratio: 16 / 9 !important;
    background: #0F172A !important;
    overflow: hidden !important;
    cursor: pointer !important;
}

.az-video-thumb-img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
    transition: transform 0.35s ease !important;
}

.az-video-card:hover .az-video-thumb-img {
    transform: scale(1.04) !important;
}

.az-video-thumb-overlay {
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(180deg, rgba(15, 23, 42, 0.15) 0%, rgba(15, 23, 42, 0.45) 100%) !important;
    pointer-events: none !important;
}

/* Red YouTube Style Play Button */
.az-youtube-play-btn {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    z-index: 2 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: transform 0.22s ease, filter 0.22s ease !important;
    filter: drop-shadow(0 6px 14px rgba(0, 0, 0, 0.35)) !important;
}

.az-video-thumb-wrap:hover .az-youtube-play-btn {
    transform: translate(-50%, -50%) scale(1.12) !important;
}

/* "Video Coming Soon" Floating Pill */
.az-video-coming-soon-pill {
    position: absolute !important;
    top: 12px !important;
    left: 12px !important;
    z-index: 3 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    background: rgba(15, 23, 42, 0.85) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    border-radius: 20px !important;
    padding: 4px 10px !important;
    font-family: var(--az-font-heading) !important;
    font-size: 10.5px !important;
    font-weight: 700 !important;
    letter-spacing: 0.04em !important;
    color: #FFFFFF !important;
    pointer-events: none !important;
}

.az-coming-soon-dot {
    width: 6px !important;
    height: 6px !important;
    border-radius: 50% !important;
    background: #38BDF8 !important;
    box-shadow: 0 0 8px #38BDF8 !important;
    animation: az-pulse-glow 2s infinite !important;
}

@keyframes az-pulse-glow {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: 0.5; transform: scale(0.85); }
}

/* Duration Badge */
.az-video-duration-badge {
    position: absolute !important;
    bottom: 10px !important;
    right: 10px !important;
    z-index: 3 !important;
    background: rgba(0, 0, 0, 0.8) !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    color: #FFFFFF !important;
    font-family: var(--az-font-heading) !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    padding: 2px 7px !important;
    border-radius: 4px !important;
    pointer-events: none !important;
}

/* Card Body */
.az-video-card-body {
    padding: 18px 20px !important;
    display: flex !important;
    flex-direction: column !important;
    flex: 1 !important;
    background: #FFFFFF !important;
}

.az-video-card-desc {
    font-family: var(--az-font-body) !important;
    font-size: 13.5px !important;
    line-height: 1.55 !important;
    color: #475569 !important;
    margin: 0 0 16px 0 !important;
    flex: 1 !important;
}

.az-video-card-footer {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding-top: 12px !important;
    border-top: 1px solid #F1F5F9 !important;
}

.az-video-metric {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    font-family: var(--az-font-heading) !important;
    font-size: 11.5px !important;
    font-weight: 700 !important;
    color: #0878D1 !important;
    background: #EFF6FF !important;
    padding: 4px 9px !important;
    border-radius: 6px !important;
}

.az-video-learn-link {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    font-family: var(--az-font-heading) !important;
    font-size: 12.5px !important;
    font-weight: 700 !important;
    color: #0B192C !important;
    text-decoration: none !important;
    transition: color 0.2s ease, transform 0.2s ease !important;
}

.az-video-learn-link:hover {
    color: #0878D1 !important;
}

.az-video-learn-link:hover .az-link-arrow {
    transform: translateX(3px) !important;
}

/* Bottom CTA Banner (Clean light corporate aesthetic matching site theme) */
.az-automation-cta-banner {
    background: linear-gradient(135deg, #F8FAFC 0%, #EFF6FF 100%) !important;
    border: 1px solid #BAE6FD !important;
    border-left: 4px solid #0878D1 !important;
    border-radius: 12px !important;
    padding: 32px 36px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 32px !important;
    box-shadow: 0 4px 18px rgba(11, 25, 44, 0.04) !important;
}

.az-cta-badge {
    display: inline-block !important;
    font-family: var(--az-font-heading) !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    color: #0878D1 !important;
    background: #EFF6FF !important;
    border: 1px solid #BAE6FD !important;
    padding: 3px 9px !important;
    border-radius: 20px !important;
    margin-bottom: 8px !important;
}

.az-cta-banner-title {
    font-family: var(--az-font-heading) !important;
    font-size: 1.35rem !important;
    font-weight: 800 !important;
    color: #0B192C !important;
    margin: 0 0 6px 0 !important;
    letter-spacing: -0.02em !important;
}

.az-cta-banner-desc {
    font-family: var(--az-font-body) !important;
    font-size: 13.5px !important;
    color: #475569 !important;
    margin: 0 !important;
    line-height: 1.55 !important;
    max-width: 600px !important;
}

.az-cta-banner-action {
    display: flex !important;
    align-items: center !important;
    flex-shrink: 0 !important;
}

.az-cta-banner-action .az-btn-secondary {
    background: #FFFFFF !important;
    color: #0B192C !important;
    border: 1px solid #CBD5E1 !important;
}

.az-cta-banner-action .az-btn-secondary:hover {
    background: #F1F5F9 !important;
    border-color: #94A3B8 !important;
}

/* ==========================================================================
   SECTION 05: SECTORS & TYPOLOGIES HEADER CENTERING
   ========================================================================== */
.az-typologies-header-wrap {
    text-align: center !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    margin: 0 auto 36px auto !important;
}

.az-typologies-header-wrap .az-overline-wrap {
    justify-content: center !important;
    margin: 0 auto !important;
}

.az-typologies-headline {
    text-align: center !important;
}

/* ==========================================================================
   HOME SECTION 08: COMBINED 2-COLUMN PROJECT SCOPING PORTAL
   ========================================================================== */
.az-scoper-stage-grid {
    display: grid !important;
    grid-template-columns: 1fr 370px !important;
    gap: 30px !important;
    align-items: start !important;
    margin-bottom: 40px !important;
}

.az-scoper-left-col {
    background: #FFFFFF !important;
    border: 1px solid #E2E8F0 !important;
    border-radius: 14px !important;
    padding: 34px 36px !important;
    box-shadow: 0 8px 24px rgba(11, 25, 44, 0.04) !important;
    box-sizing: border-box !important;
}

.az-exact-module-heading {
    font-family: var(--az-font-heading) !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #0B192C !important;
    margin: 0 0 14px 0 !important;
    letter-spacing: -0.01em !important;
}

/* Module 01: Typology Visual Grid */
.az-typology-visual-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 12px !important;
}

.az-typology-card {
    background: #FFFFFF !important;
    border: 1.5px solid #E2E8F0 !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    cursor: pointer !important;
    transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
    outline: none !important;
    position: relative !important;
}

.az-typology-card:hover {
    border-color: #94A3B8 !important;
    transform: translateY(-2px) !important;
}

.az-typology-card.active {
    border-color: #0878D1 !important;
    box-shadow: 0 0 0 2px rgba(8, 120, 209, 0.2), 0 4px 14px rgba(8, 120, 209, 0.12) !important;
    transform: translateY(-2px) !important;
}

.az-typology-card-thumb {
    position: relative !important;
    width: 100% !important;
    height: 85px !important;
    overflow: hidden !important;
    background: #0F172A !important;
}

.az-typology-card-thumb img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
    transition: transform 0.3s ease !important;
}

.az-typology-card:hover .az-typology-card-thumb img {
    transform: scale(1.05) !important;
}

.az-typology-thumb-overlay {
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(180deg, rgba(15, 23, 42, 0.1) 0%, rgba(15, 23, 42, 0.4) 100%) !important;
}

.az-typology-check-badge {
    position: absolute !important;
    top: 7px !important;
    right: 7px !important;
    width: 20px !important;
    height: 20px !important;
    border-radius: 50% !important;
    background: #0878D1 !important;
    display: none !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 2px 6px rgba(8, 120, 209, 0.45) !important;
}

.az-typology-card.active .az-typology-check-badge {
    display: flex !important;
}

.az-typology-card-info {
    padding: 8px 10px !important;
    display: flex !important;
    align-items: center !important;
    gap: 7px !important;
    background: #FFFFFF !important;
}

.az-typology-icon {
    color: #64748B !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
}

.az-typology-card.active .az-typology-icon {
    color: #0878D1 !important;
}

.az-typology-title {
    font-family: var(--az-font-heading) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    color: #1E293B !important;
    margin: 0 !important;
    line-height: 1.3 !important;
}

.az-typology-card.active .az-typology-title {
    color: #0878D1 !important;
}

/* Module 02: Exact Discipline Scope Pills (Matching Screenshot) */
.az-exact-discipline-pills {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
}

.az-exact-disc-pill {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    background: #FFFFFF !important;
    border: 1px solid #CBD5E1 !important;
    border-radius: 8px !important;
    padding: 8px 16px !important;
    font-family: var(--az-font-heading) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #1E293B !important;
    cursor: pointer !important;
    transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
    outline: none !important;
}

.az-exact-disc-pill .az-exact-pill-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #0878D1 !important;
    transition: color 0.2s ease !important;
}

.az-exact-disc-pill:hover {
    background: #F8FAFC !important;
    border-color: #94A3B8 !important;
    transform: translateY(-1px) !important;
}

.az-exact-disc-pill.active {
    background: #0878D1 !important;
    border-color: #0878D1 !important;
    color: #FFFFFF !important;
    box-shadow: 0 3px 10px rgba(8, 120, 209, 0.28) !important;
    transform: translateY(-1px) !important;
}

.az-exact-disc-pill.active .az-exact-pill-icon {
    color: #FFFFFF !important;
}

/* Module 03: Exact 6-Card LOD Row (Matching Screenshot) */
.az-exact-lod-row {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 8px !important;
}

.az-exact-lod-card {
    background: #FFFFFF !important;
    border: 1.5px solid #E2E8F0 !important;
    border-radius: 10px !important;
    padding: 16px 8px 16px 8px !important;
    cursor: pointer !important;
    transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    position: relative !important;
    min-height: 125px !important;
    box-sizing: border-box !important;
}

.az-exact-lod-card:hover {
    background: #F8FAFC !important;
    border-color: #CBD5E1 !important;
    transform: translateY(-2px) !important;
}

.az-exact-lod-card.active {
    background: #F0F7FF !important;
    border: 2px solid #0878D1 !important;
    box-shadow: 0 4px 14px rgba(8, 120, 209, 0.15) !important;
    transform: translateY(-2px) !important;
}

.az-exact-lod-title {
    font-family: var(--az-font-heading) !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #0B192C !important;
    margin: 0 0 10px 0 !important;
    line-height: 1.2 !important;
}

.az-exact-lod-card.active .az-exact-lod-title {
    color: #0878D1 !important;
}

.az-exact-lod-img-wrap {
    position: relative !important;
    width: 100% !important;
    height: 58px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 auto !important;
}

.az-exact-lod-img {
    max-width: 88% !important;
    max-height: 56px !important;
    object-fit: contain !important;
    display: block !important;
    margin: 0 auto !important;
}

.az-exact-lod-check {
    position: absolute !important;
    top: -4px !important;
    left: 2px !important;
    width: 18px !important;
    height: 18px !important;
    border-radius: 50% !important;
    background: #0878D1 !important;
    display: none !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 1px 4px rgba(8, 120, 209, 0.4) !important;
    z-index: 2 !important;
}

.az-exact-lod-card.active .az-exact-lod-check {
    display: flex !important;
}

/* Right Column: Exact Project Scope Summary Card (Matching Screenshot media_1792940470225_183f5e53.png) */
.az-scoper-right-col {
    position: relative !important;
}

.az-exact-summary-card {
    position: sticky !important;
    top: 96px !important;
    background: #0B192C !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 12px !important;
    padding: 22px 20px !important;
    color: #FFFFFF !important;
    box-shadow: 0 16px 36px rgba(11, 25, 44, 0.25) !important;
    box-sizing: border-box !important;
}

.az-exact-sum-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}

.az-exact-sum-title {
    font-family: var(--az-font-heading) !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #FFFFFF !important;
    margin: 0 !important;
}

.az-exact-sum-edit-link {
    font-family: var(--az-font-heading) !important;
    font-size: 12.5px !important;
    font-weight: 600 !important;
    color: #38BDF8 !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}

.az-exact-sum-edit-link:hover {
    color: #7DD3FC !important;
    text-decoration: underline !important;
}

.az-exact-sum-line {
    width: 48px !important;
    height: 2px !important;
    background: #0878D1 !important;
    margin: 8px 0 18px 0 !important;
    border-radius: 2px !important;
}

/* Summary Rows */
.az-exact-sum-row {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
}

.az-exact-sum-row-col {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 8px !important;
}

.az-exact-sum-subhead {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}

.az-exact-sum-icon {
    width: 22px !important;
    height: 22px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #0878D1 !important;
    flex-shrink: 0 !important;
}

.az-exact-sum-info {
    display: flex !important;
    flex-direction: column !important;
    gap: 2px !important;
    flex: 1 !important;
}

.az-exact-sum-info-full {
    width: 100% !important;
}

.az-exact-sum-label {
    font-family: var(--az-font-heading) !important;
    font-size: 11px !important;
    color: #38BDF8 !important;
    font-weight: 600 !important;
    letter-spacing: 0.02em !important;
}

.az-exact-sum-value {
    font-family: var(--az-font-heading) !important;
    font-size: 13.5px !important;
    font-weight: 700 !important;
    color: #FFFFFF !important;
    line-height: 1.3 !important;
}

.az-exact-sum-muted {
    font-weight: 400 !important;
    color: #94A3B8 !important;
    font-size: 12.5px !important;
}

.az-exact-sum-thumb-box {
    width: 58px !important;
    height: 44px !important;
    border-radius: 6px !important;
    overflow: hidden !important;
    flex-shrink: 0 !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
}

.az-exact-sum-thumb {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
}

.az-exact-sum-tags {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    margin-left: 32px !important;
}

.az-exact-sum-tag {
    font-family: var(--az-font-heading) !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    color: #FFFFFF !important;
    background: rgba(255, 255, 255, 0.1) !important;
    border: 1px solid rgba(255, 255, 255, 0.14) !important;
    padding: 3px 9px !important;
    border-radius: 5px !important;
    line-height: 1.3 !important;
}

.az-exact-sum-mep-box {
    width: 74px !important;
    height: 46px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
}

.az-exact-sum-mep-img {
    max-width: 100% !important;
    max-height: 46px !important;
    object-fit: contain !important;
    display: block !important;
}

.az-exact-sum-divider {
    height: 1px !important;
    background: rgba(255, 255, 255, 0.08) !important;
    margin: 14px 0 !important;
}

.az-exact-sum-action {
    margin-top: 18px !important;
}

.az-exact-sum-submit-btn {
    width: 100% !important;
    padding: 12px 16px !important;
    font-size: 13.5px !important;
    font-weight: 700 !important;
    border-radius: 8px !important;
    background: #0878D1 !important;
    color: #FFFFFF !important;
    border: none !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    box-shadow: 0 4px 14px rgba(8, 120, 209, 0.35) !important;
    transition: all 0.22s ease !important;
}

.az-exact-sum-submit-btn:hover {
    background: #0A8FF5 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 6px 18px rgba(8, 120, 209, 0.45) !important;
}

.az-exact-sum-notice {
    display: block !important;
    text-align: center !important;
    font-family: var(--az-font-body) !important;
    font-size: 10.5px !important;
    color: #94A3B8 !important;
    margin-top: 8px !important;
}

/* ==========================================================================
   RESPONSIVE OVERRIDES
   ========================================================================== */
@media (max-width: 1024px) {
    .az-video-tools-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }

    .az-scoper-stage-grid {
        grid-template-columns: 1fr !important;
        gap: 28px !important;
    }

    .az-exact-summary-card {
        position: static !important;
        max-width: 100% !important;
    }

    .az-exact-lod-row {
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 8px !important;
    }

    .az-mobile-only-submit {
        display: block !important;
    }

    .az-automation-cta-banner {
        flex-direction: column !important;
        align-items: flex-start !important;
        padding: 24px !important;
    }

    .az-cta-banner-action {
        width: 100% !important;
        flex-wrap: wrap !important;
        gap: 12px !important;
    }

    .az-cta-banner-action .az-btn {
        width: 100% !important;
        margin-left: 0 !important;
        justify-content: center !important;
    }
}

@media (max-width: 767px) {
    .az-video-tools-grid {
        grid-template-columns: 1fr !important;
    }

    .az-typology-visual-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 10px !important;
    }

    .az-exact-lod-row {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 8px !important;
    }

    .az-scoper-left-col {
        padding: 22px 18px !important;
    }

    .az-scoper-input-grid {
        grid-template-columns: 1fr !important;
    }

    .az-exact-summary-card {
        padding: 18px 16px !important;
    }
}



/* ==========================================================================
   AZ SYNERGY GROUP — ABOUT US REDESIGN SUITE (HIGH-END ARCHITECTURAL THEME)
   ========================================================================== */

/* 1. Global Zero-Overflow Guarantee & Root Wrappers */
.az-about-redesign-wrapper,
.az-about-new-hero-section,
.az-about-approach-modern-section,
.az-about-cta-minimal-section {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    overflow-x: clip !important;
    position: relative;
}

.az-about-redesign-wrapper {
    font-family: var(--az-font-body, 'Inter', sans-serif);
    color: #1E293B;
    background: #FFFFFF;
}

/* Fluid Content Container */
.az-about-new-container {
    max-width: 1240px !important;
    margin: 0 auto !important;
    padding: 0 clamp(14px, 3vw, 24px) !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* Eliminate Flexbox & Grid Column Blowouts */
.az-about-new-hero-container > *,
.az-about-new-hero-content,
.az-about-new-hero-content > *,
.az-about-new-hero-lead-box,
.az-approach-modern-header-center,
.az-approach-modern-copy-wrap,
.az-approach-modern-cards-grid > *,
.az-approach-modern-card,
.az-approach-modern-card-top,
.az-approach-modern-card-header-info,
.az-about-cta-minimal-card,
.az-about-cta-minimal-card > *,
.az-about-cta-minimal-content,
.az-about-cta-minimal-actions {
    min-width: 0 !important;
    box-sizing: border-box !important;
}

.az-about-new-header-center {
    text-align: center;
    max-width: 840px;
    margin: 0 auto clamp(32px, 4vw, 52px) auto;
    width: 100%;
}

.az-about-new-section-title {
    font-family: var(--az-font-heading, 'Plus Jakarta Sans', sans-serif);
    font-size: clamp(1.85rem, 3.5vw, 2.85rem);
    font-weight: 800;
    color: #0B192C;
    line-height: 1.18;
    letter-spacing: -0.025em;
    margin: 14px 0 16px 0;
    word-break: break-word;
    overflow-wrap: break-word;
}

.az-about-new-section-lead {
    font-size: clamp(0.96rem, 1.8vw, 1.12rem);
    line-height: 1.72;
    color: #475569;
    margin: 0 auto;
    max-width: 760px;
    word-break: break-word;
    overflow-wrap: break-word;
}

/* Badge System */
.az-badge-tech {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(8, 120, 209, 0.08);
    border: 1px solid rgba(8, 120, 209, 0.25);
    padding: 6px 14px;
    border-radius: 20px;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    font-size: 11px;
    font-weight: 700;
    color: #0878D1;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.az-badge-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #0878D1;
    box-shadow: 0 0 6px #0878D1;
    animation: az-pulse 2s infinite;
}

.az-badge-white {
    background: rgba(255, 255, 255, 0.1) !important;
    border-color: rgba(255, 255, 255, 0.25) !important;
    color: #93C5FD !important;
}

.az-badge-white .az-badge-dot {
    background: #60A5FA !important;
    box-shadow: 0 0 8px #60A5FA !important;
}

@keyframes az-pulse {
    0% { transform: scale(0.95); opacity: 0.8; }
    50% { transform: scale(1.15); opacity: 1; }
    100% { transform: scale(0.95); opacity: 0.8; }
}

/* ----------------------------------------------------
   SECTION 01: HERO & CORE MEPF NARRATIVE
   ---------------------------------------------------- */
.az-about-new-hero-section {
    padding: clamp(90px, 8vw, 115px) 0 clamp(40px, 4vw, 60px) 0;
    background-color: #F8FAFC;
    position: relative;
    width: 100%;
}

.az-about-new-hero-container {
    position: relative;
    min-height: 560px;
    height: auto !important;
    display: flex;
    align-items: center;
    background-image: var(--az-hero-bg);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: cover;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow: hidden;
    width: 100%;
}

.az-about-new-hero-container::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, #F8FAFC 0%, #F8FAFC 38%, rgba(248, 250, 252, 0.90) 54%, rgba(248, 250, 252, 0) 74%);
    pointer-events: none;
    z-index: 1;
}

.az-about-new-hero-container .az-about-new-hero-content {
    width: 100%;
    max-width: 620px;
    position: relative;
    z-index: 2;
    padding: 44px 0;
}

.az-about-hero-mobile-visual {
    display: none;
}

.az-about-hero-mobile-visual picture {
    display: block;
    width: 100%;
}

.az-about-hero-mobile-img {
    width: 100%;
    height: auto;
    aspect-ratio: 800 / 447;
    object-fit: cover;
    display: block;
}

.az-about-hero-overline-wrap {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    margin-bottom: clamp(12px, 2vw, 16px);
    flex-wrap: wrap;
}

.az-about-hero-overline {
    font-family: var(--az-font-heading, 'Plus Jakarta Sans', sans-serif);
    font-size: clamp(11px, 2.5vw, 13px);
    font-weight: 800;
    color: #0878D1;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    word-break: break-word;
}

.az-about-hero-overline-line {
    display: inline-block;
    width: 38px;
    height: 2.5px;
    background: #0878D1;
    border-radius: 2px;
}

.az-about-new-hero-title {
    font-family: var(--az-font-heading, 'Plus Jakarta Sans', sans-serif);
    font-size: clamp(1.85rem, 4vw, 3.2rem);
    font-weight: 800;
    line-height: 1.15;
    letter-spacing: -0.025em;
    margin: 0 0 clamp(16px, 2.5vw, 22px) 0;
    word-break: break-word;
    overflow-wrap: break-word;
}

.az-about-new-hero-title .az-title-accent {
    display: block;
    color: #0878D1;
    word-break: break-word;
}

.az-about-new-hero-title .az-title-main {
    display: block;
    color: #0B192C;
    word-break: break-word;
}

.az-about-new-hero-lead-box {
    display: flex;
    flex-direction: column;
    gap: 14px;
    margin-bottom: 0;
}

.az-about-new-hero-para {
    font-size: clamp(0.92rem, 1.8vw, 1.02rem);
    line-height: 1.68;
    color: #475569;
    margin: 0;
    word-break: break-word;
    overflow-wrap: break-word;
}

.az-about-new-hero-para.az-lead-para {
    font-size: clamp(0.98rem, 2vw, 1.08rem);
    font-weight: 600;
    color: #1E293B;
    line-height: 1.65;
}

/* ----------------------------------------------------
   SECTION 02: ABOUT OUR APPROACH (MODERN CARDS)
   ---------------------------------------------------- */
.az-about-approach-modern-section {
    padding: clamp(50px, 6vw, 70px) 0 clamp(65px, 8vw, 95px) 0;
    background-color: #F8FAFC;
    position: relative;
    width: 100%;
}

.az-approach-modern-header-center {
    text-align: center;
    width: 100%;
    max-width: 900px;
    margin: 0 auto clamp(32px, 4vw, 46px) auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.az-approach-modern-overline-wrap {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin-bottom: 16px;
    flex-wrap: wrap;
}

.az-approach-modern-overline {
    font-family: var(--az-font-heading, 'Plus Jakarta Sans', sans-serif);
    font-size: clamp(11px, 2.5vw, 13px);
    font-weight: 800;
    color: #0878D1;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    word-break: break-word;
}

.az-approach-modern-overline-line {
    display: inline-block;
    width: 36px;
    height: 2.5px;
    background: #0878D1;
    border-radius: 2px;
}

.az-approach-modern-title {
    font-family: var(--az-font-heading, 'Plus Jakarta Sans', sans-serif);
    font-size: clamp(1.65rem, 3.5vw, 2.65rem);
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: -0.025em;
    margin: 0 0 clamp(16px, 2vw, 22px) 0;
    text-align: center;
    word-break: break-word;
    overflow-wrap: break-word;
}

.az-approach-modern-title .az-title-dark {
    display: block;
    color: #0B192C;
    word-break: break-word;
}

.az-approach-modern-title .az-title-accent {
    display: block;
    color: #0878D1;
    word-break: break-word;
}

.az-approach-modern-copy-wrap {
    display: flex;
    flex-direction: column;
    gap: 14px;
    width: 100%;
    max-width: 860px;
    margin: 0 auto;
}

.az-approach-modern-lead-para,
.az-approach-modern-body-para {
    font-family: var(--az-font-body, 'Inter', sans-serif);
    font-size: clamp(0.92rem, 1.8vw, 1.02rem);
    line-height: 1.72;
    color: #475569;
    margin: 0;
    text-align: center;
    word-break: break-word;
    overflow-wrap: break-word;
}

/* 3 Modern Cards Grid */
.az-approach-modern-cards-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: clamp(16px, 2.5vw, 26px);
    margin-top: 10px;
    width: 100%;
}

.az-approach-modern-card {
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-left: 3.5px solid #0878D1;
    border-radius: 16px;
    padding: clamp(24px, 3.5vw, 34px) clamp(20px, 3vw, 28px);
    box-shadow: 0 4px 18px -2px rgba(11, 25, 44, 0.04);
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: auto;
    box-sizing: border-box;
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

.az-approach-modern-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 14px 28px -4px rgba(11, 25, 44, 0.08), 0 4px 12px -2px rgba(8, 120, 209, 0.08);
    border-color: #CBD5E1;
    border-left-color: #0878D1;
}

.az-approach-modern-card-top {
    display: flex;
    align-items: center;
    gap: 16px;
}

.az-approach-modern-icon-box {
    width: 52px;
    height: 52px;
    border-radius: 12px;
    background: #EFF6FF;
    border: 1px solid rgba(8, 120, 209, 0.15);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: background-color 0.25s ease, transform 0.25s ease;
}

.az-approach-modern-card:hover .az-approach-modern-icon-box {
    background: #0878D1;
    transform: scale(1.05);
}

.az-approach-modern-card:hover .az-approach-modern-icon-box svg {
    stroke: #FFFFFF;
}

.az-approach-modern-card-header-info {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.az-approach-modern-card-num {
    font-family: var(--az-font-mono, 'JetBrains Mono', monospace);
    font-size: 11px;
    font-weight: 800;
    color: #0878D1;
    letter-spacing: 0.08em;
}

.az-approach-modern-card-title {
    font-family: var(--az-font-heading, 'Plus Jakarta Sans', sans-serif);
    font-size: clamp(1.1rem, 2vw, 1.25rem);
    font-weight: 800;
    color: #0B192C;
    line-height: 1.25;
    margin: 0;
    letter-spacing: -0.015em;
    word-break: break-word;
}

.az-approach-modern-card-desc {
    font-family: var(--az-font-body, 'Inter', sans-serif);
    font-size: clamp(0.9rem, 1.6vw, 0.95rem);
    line-height: 1.62;
    color: #475569;
    margin: 18px 0 0 0;
    word-break: break-word;
    overflow-wrap: break-word;
}

/* ----------------------------------------------------
   SECTION 03: CONTACT CTA (MINIMALIST ARCHITECTURAL CARD)
   ---------------------------------------------------- */
.az-about-cta-minimal-section {
    padding: clamp(10px, 2vw, 20px) 0 clamp(65px, 8vw, 95px) 0;
    background-color: #F8FAFC;
    position: relative;
    width: 100%;
}

.az-about-cta-minimal-card {
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-left: 4px solid #0878D1;
    border-radius: 20px;
    padding: clamp(32px, 4.5vw, 50px) clamp(24px, 4.5vw, 56px);
    box-shadow: 0 4px 22px -2px rgba(11, 25, 44, 0.04);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: clamp(24px, 4vw, 40px);
    box-sizing: border-box;
    width: 100%;
    min-height: auto;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.az-about-cta-minimal-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 28px -4px rgba(11, 25, 44, 0.08);
}

.az-about-cta-minimal-content {
    width: 100%;
    max-width: 720px;
}

.az-about-cta-minimal-overline-wrap {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 14px;
    flex-wrap: wrap;
}

.az-about-cta-minimal-overline {
    font-family: var(--az-font-heading, 'Plus Jakarta Sans', sans-serif);
    font-size: clamp(11px, 2.5vw, 13px);
    font-weight: 800;
    color: #0878D1;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    word-break: break-word;
}

.az-about-cta-minimal-overline-line {
    display: inline-block;
    width: 36px;
    height: 2.5px;
    background: #0878D1;
    border-radius: 2px;
}

.az-about-cta-minimal-title {
    font-family: var(--az-font-heading, 'Plus Jakarta Sans', sans-serif);
    font-size: clamp(1.45rem, 3vw, 2.25rem);
    font-weight: 800;
    line-height: 1.25;
    letter-spacing: -0.02em;
    color: #0B192C;
    margin: 0 0 clamp(12px, 2vw, 16px) 0;
    word-break: break-word;
    overflow-wrap: break-word;
}

.az-about-cta-minimal-title .az-title-accent {
    color: #0878D1;
}

.az-about-cta-minimal-desc {
    font-family: var(--az-font-body, 'Inter', sans-serif);
    font-size: clamp(0.92rem, 1.8vw, 1.02rem);
    line-height: 1.68;
    color: #475569;
    margin: 0;
    word-break: break-word;
    overflow-wrap: break-word;
}

.az-about-cta-minimal-actions {
    flex-shrink: 0;
}

.az-about-cta-btn {
    padding: clamp(13px, 2vw, 16px) clamp(24px, 3vw, 36px) !important;
    font-size: clamp(0.88rem, 1.8vw, 0.95rem) !important;
    white-space: nowrap;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
}

/* ==========================================================================
   4 RESPONSIVE BREAKPOINT TIERS FOR ABOUT US REDESIGN
   ========================================================================== */

/* TIER 1: LAPTOPS & TABLETS LANDSCAPE (1025px — 1280px) */
@media (max-width: 1280px) and (min-width: 1025px) {
    .az-about-new-hero-section {
        padding: clamp(90px, 8vw, 110px) 0 clamp(40px, 4vw, 55px) 0 !important;
    }
    .az-about-new-hero-container {
        min-height: 520px;
    }
    .az-about-new-hero-container .az-about-new-hero-content {
        max-width: 560px;
    }
    .az-approach-modern-cards-grid {
        gap: 20px !important;
    }
}

/* TIER 2: TABLETS PORTRAIT & COMPACT SCREENS (768px — 1024px) */
@media (max-width: 1024px) and (min-width: 768px) {
    .az-about-new-hero-section {
        padding: clamp(95px, 11vw, 115px) 0 clamp(35px, 4vw, 50px) 0 !important;
    }
    .az-about-new-hero-container {
        background-image: none !important;
        min-height: auto !important;
        padding: 0 !important;
    }
    .az-about-new-hero-container::before {
        display: none !important;
    }
    .az-about-new-hero-container .az-about-new-hero-content {
        max-width: 100% !important;
        padding: 0 !important;
        background: transparent !important;
        border: none !important;
    }
    .az-about-hero-mobile-visual {
        display: block !important;
        width: 100% !important;
        max-width: 760px;
        margin: clamp(18px, 3vw, 26px) auto clamp(22px, 3.5vw, 30px) auto !important;
        border-radius: 14px;
        overflow: hidden;
        border: 1px solid #E2E8F0;
        box-shadow: 0 4px 18px -2px rgba(11, 25, 44, 0.08);
        background-color: #FFFFFF;
    }
    .az-about-hero-mobile-img {
        width: 100% !important;
        height: auto !important;
        display: block !important;
        object-fit: contain !important;
    }
    .az-approach-modern-cards-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 20px !important;
    }
    .az-about-cta-minimal-card {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 28px !important;
    }
    .az-about-cta-minimal-actions {
        width: 100% !important;
    }
    .az-about-cta-btn {
        width: auto !important;
    }
}

/* TIER 3: MOBILE LARGE & PHONES (481px — 767px) */
@media (max-width: 767px) {
    .az-about-new-hero-section {
        padding: clamp(95px, 13vw, 115px) 0 clamp(30px, 4vw, 45px) 0 !important;
    }
    .az-about-new-hero-container {
        background-image: none !important;
        min-height: auto !important;
        padding: 0 !important;
    }
    .az-about-new-hero-container::before {
        display: none !important;
    }
    .az-about-new-hero-container .az-about-new-hero-content {
        max-width: 100% !important;
        padding: 0 !important;
        background: transparent !important;
        border: none !important;
    }
    .az-about-hero-mobile-visual {
        display: block !important;
        width: 100% !important;
        margin: 18px 0 22px 0 !important;
        border-radius: 14px;
        overflow: hidden;
        border: 1px solid #E2E8F0;
        box-shadow: 0 4px 18px -2px rgba(11, 25, 44, 0.08);
        background-color: #FFFFFF;
    }
    .az-about-hero-mobile-img {
        width: 100% !important;
        height: auto !important;
        display: block !important;
        object-fit: contain !important;
    }
    .az-approach-modern-cards-grid {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
    }
    .az-about-cta-minimal-card {
        flex-direction: column !important;
        align-items: flex-start !important;
        padding: 32px 24px !important;
        gap: 22px !important;
    }
    .az-about-cta-minimal-actions {
        width: 100% !important;
    }
    .az-about-cta-btn {
        width: 100% !important;
        justify-content: center !important;
        text-align: center !important;
    }
}

/* TIER 4: SMALL PHONES DOWN TO 320px (<= 480px) */
@media (max-width: 480px) {
    .az-about-new-hero-section {
        padding: clamp(100px, 15vw, 118px) 0 30px 0 !important;
    }
    .az-about-new-container {
        padding: 0 16px !important;
    }
    .az-about-hero-overline-line,
    .az-approach-modern-overline-line,
    .az-about-cta-minimal-overline-line {
        width: 24px !important;
    }
    .az-approach-modern-card {
        padding: 24px 18px !important;
    }
    .az-approach-modern-icon-box {
        width: 44px !important;
        height: 44px !important;
    }
    .az-approach-modern-icon-box svg {
        width: 20px !important;
        height: 20px !important;
    }
    .az-about-cta-minimal-card {
        padding: 28px 18px !important;
        border-radius: 16px !important;
    }
    .az-about-cta-btn {
        width: 100% !important;
        white-space: normal !important;
        text-align: center !important;
        justify-content: center !important;
        padding: 14px 16px !important;
    }
}

/* ULTRA-WIDE SCREEN PROTECTION (1441px — 2560px+) */
@media (min-width: 1441px) {
    .az-about-redesign-wrapper,
    .az-about-new-hero-section,
    .az-about-approach-modern-section,
    .az-about-cta-minimal-section {
        width: 100% !important;
    }
    .az-about-new-container {
        max-width: 1280px !important;
        margin: 0 auto !important;
    }
}

/* ----------------------------------------------------
   SECTION 03: ENGINEERING BEYOND THE MODEL
   ---------------------------------------------------- */
.az-about-new-beyond-section {
    padding: 95px 0;
    background: #FFFFFF;
    border-top: 1px solid #E2E8F0;
    border-bottom: 1px solid #E2E8F0;
}

.az-beyond-philosophy-card {
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-left: 5px solid #0878D1;
    border-radius: 14px;
    padding: 36px 40px;
    margin-bottom: 50px;
    box-shadow: 0 10px 30px -8px rgba(11, 31, 51, 0.05);
}

.az-philosophy-grid {
    display: grid;
    grid-template-columns: 1.25fr 1fr;
    gap: 40px;
    align-items: center;
}

.az-philosophy-meta {
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    font-size: 11px;
    font-weight: 700;
    color: #0878D1;
    letter-spacing: 0.08em;
    margin-bottom: 10px;
}

.az-philosophy-text {
    font-size: 1.05rem;
    line-height: 1.74;
    color: #334155;
    margin: 0;
}

.az-philosophy-objective {
    background: #F8FAFC;
    border: 1px solid #E2E8F0;
    border-radius: 10px;
    padding: 24px 26px;
}

.az-objective-badge {
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    font-size: 10px;
    font-weight: 800;
    color: #10B981;
    letter-spacing: 0.08em;
    margin-bottom: 8px;
}

.az-objective-text {
    font-size: 1rem;
    line-height: 1.68;
    color: #0B192C;
    font-weight: 500;
    margin: 0;
}

.az-practical-considerations-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 26px;
}

.az-consideration-card {
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 12px;
    padding: 30px 26px;
    display: flex;
    flex-direction: column;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.az-consideration-card:hover {
    border-color: #0878D1;
    transform: translateY(-5px);
    box-shadow: 0 16px 36px -10px rgba(8, 120, 209, 0.12);
}

.az-card-icon-wrap {
    width: 48px;
    height: 48px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}

.az-card-icon-wrap.blue   { background: rgba(8, 120, 209, 0.08); }
.az-card-icon-wrap.green  { background: rgba(16, 185, 129, 0.08); }
.az-card-icon-wrap.amber  { background: rgba(245, 158, 11, 0.08); }
.az-card-icon-wrap.purple { background: rgba(139, 92, 246, 0.08); }
.az-card-icon-wrap.red    { background: rgba(239, 68, 68, 0.08); }
.az-card-icon-wrap.cyan   { background: rgba(6, 182, 212, 0.08); }

.az-consideration-title {
    font-family: var(--az-font-heading, 'Plus Jakarta Sans', sans-serif);
    font-size: 1.25rem;
    font-weight: 700;
    color: #0B192C;
    margin: 0 0 12px 0;
}

.az-consideration-desc {
    font-size: 0.96rem;
    line-height: 1.66;
    color: #475569;
    margin: 0 0 18px 0;
    flex-grow: 1;
}

.az-consideration-tag {
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    font-size: 10.5px;
    font-weight: 700;
    color: #0878D1;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    background: #F1F5F9;
    padding: 4px 10px;
    border-radius: 4px;
    align-self: flex-start;
}

/* ----------------------------------------------------
   SECTION 03: AREAS OF EXPERTISE
   ---------------------------------------------------- */
.az-about-new-expertise-section {
    padding: 95px 0;
    background: #FFFFFF;
}

.az-expertise-cards-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 28px;
}

.az-expertise-card {
    background: #F8FAFC;
    border: 1px solid #E2E8F0;
    border-radius: 14px;
    padding: 34px 28px;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
    display: flex;
    flex-direction: column;
}

.az-expertise-card.discipline-mechanical   { border-top: 3px solid #0878D1; }
.az-expertise-card.discipline-electrical   { border-top: 3px solid #F59E0B; }
.az-expertise-card.discipline-plumbing     { border-top: 3px solid #10B981; }
.az-expertise-card.discipline-fire         { border-top: 3px solid #EF4444; }
.az-expertise-card.discipline-coordination { border-top: 3px solid #6366F1; }
.az-expertise-card.discipline-automation   { border-top: 3px solid #06B6D4; }

.az-expertise-card:hover {
    background: #FFFFFF;
    box-shadow: 0 18px 40px -12px rgba(11, 31, 51, 0.1);
    transform: translateY(-5px);
}

.az-expertise-card-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}

.az-expertise-icon-box {
    width: 44px;
    height: 44px;
    border-radius: 10px;
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.az-expertise-icon-box svg {
    width: 22px;
    height: 22px;
}

.az-discipline-tag {
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    font-size: 10px;
    font-weight: 700;
    color: #64748B;
    letter-spacing: 0.08em;
}

.az-expertise-card-title {
    font-family: var(--az-font-heading, 'Plus Jakarta Sans', sans-serif);
    font-size: 1.35rem;
    font-weight: 700;
    color: #0B192C;
    margin: 0 0 12px 0;
}

.az-expertise-card-desc {
    font-size: 0.98rem;
    line-height: 1.68;
    color: #475569;
    margin: 0 0 20px 0;
    flex-grow: 1;
}

.az-expertise-checklist {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
    border-top: 1px solid #E2E8F0;
    padding-top: 18px;
}

.az-expertise-checklist li {
    font-size: 0.88rem;
    color: #334155;
    line-height: 1.5;
    position: relative;
    padding-left: 18px;
}

.az-expertise-checklist li::before {
    content: "✓";
    position: absolute;
    left: 0;
    top: 0;
    color: #10B981;
    font-weight: 700;
    font-size: 12px;
}

.az-expertise-bottom-cta {
    margin-top: 48px;
    background: #F1F5F9;
    border: 1px solid #E2E8F0;
    border-radius: 12px;
    padding: 22px 32px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.az-expertise-cta-text {
    font-size: 1.05rem;
    color: #0B192C;
}

/* ----------------------------------------------------
   SECTION 04: WHAT DEFINES OUR APPROACH
   ---------------------------------------------------- */
.az-about-new-approach-section {
    padding: 95px 0;
    background: #F8FAFC;
    border-top: 1px solid #E2E8F0;
    border-bottom: 1px solid #E2E8F0;
}

.az-approach-pillars-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 28px;
}

.az-approach-pillar-card {
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 14px;
    padding: 36px 34px;
    transition: all 0.3s ease;
    box-shadow: 0 8px 24px -4px rgba(11, 31, 51, 0.04);
    display: flex;
    flex-direction: column;
}

.az-approach-pillar-card:hover {
    border-color: #0878D1;
    transform: translateY(-4px);
    box-shadow: 0 18px 40px -10px rgba(8, 120, 209, 0.12);
}

.az-pillar-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 18px;
}

.az-pillar-meta-badge {
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    font-size: 11px;
    font-weight: 700;
    color: #0878D1;
    letter-spacing: 0.08em;
    background: rgba(8, 120, 209, 0.08);
    padding: 4px 10px;
    border-radius: 4px;
}

.az-pillar-icon-box {
    width: 40px;
    height: 40px;
    border-radius: 8px;
    background: #F8FAFC;
    border: 1px solid #E2E8F0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.az-pillar-icon-box svg {
    width: 20px;
    height: 20px;
}

.az-pillar-title {
    font-family: var(--az-font-heading, 'Plus Jakarta Sans', sans-serif);
    font-size: 1.45rem;
    font-weight: 700;
    color: #0B192C;
    margin: 0 0 14px 0;
}

.az-pillar-body {
    font-size: 1.02rem;
    line-height: 1.72;
    color: #475569;
    margin: 0 0 24px 0;
    flex-grow: 1;
}

.az-pillar-footer-strip {
    display: flex;
    align-items: center;
    gap: 18px;
    padding-top: 16px;
    border-top: 1px solid #E2E8F0;
}

.az-pillar-check {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 12.5px;
    font-weight: 600;
    color: #334155;
}

/* ----------------------------------------------------
   SECTION 05: STRUCTURED APPROACH (PROCESS)
   ---------------------------------------------------- */
.az-about-new-process-section {
    padding: 95px 0;
    background: #FFFFFF;
}

.az-process-pipeline-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 22px;
}

.az-pipeline-step-card {
    background: #F8FAFC;
    border: 1px solid #E2E8F0;
    border-radius: 14px;
    padding: 32px 24px;
    display: flex;
    flex-direction: column;
    position: relative;
    transition: all 0.3s ease;
}

.az-pipeline-step-card:hover {
    background: #FFFFFF;
    border-color: #0878D1;
    transform: translateY(-4px);
    box-shadow: 0 16px 36px -10px rgba(8, 120, 209, 0.12);
}

.az-step-num-badge {
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    font-size: 1.5rem;
    font-weight: 800;
    color: #0878D1;
    background: rgba(8, 120, 209, 0.08);
    border: 1px solid rgba(8, 120, 209, 0.2);
    width: 48px;
    height: 48px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}

.az-step-title {
    font-family: var(--az-font-heading, 'Plus Jakarta Sans', sans-serif);
    font-size: 1.25rem;
    font-weight: 700;
    color: #0B192C;
    margin: 0 0 12px 0;
    line-height: 1.25;
}

.az-step-body {
    font-size: 0.94rem;
    line-height: 1.66;
    color: #475569;
    margin: 0 0 20px 0;
    flex-grow: 1;
}

.az-step-deliverables-pill {
    font-size: 11.5px;
    color: #334155;
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 6px;
    padding: 8px 10px;
    line-height: 1.45;
}

.az-step-deliverables-pill strong {
    color: #0878D1;
}

/* ----------------------------------------------------
   SECTION 06: QUALITY & ACCOUNTABILITY
   ---------------------------------------------------- */
.az-about-new-quality-section {
    padding: 95px 0;
    background: #F8FAFC;
    border-top: 1px solid #E2E8F0;
    border-bottom: 1px solid #E2E8F0;
}

.az-quality-cards-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 26px;
}

.az-quality-card {
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 14px;
    padding: 34px 28px;
    display: flex;
    flex-direction: column;
    transition: all 0.3s ease;
}

.az-quality-card:hover {
    border-color: #0878D1;
    transform: translateY(-4px);
    box-shadow: 0 16px 36px -10px rgba(8, 120, 209, 0.1);
}

.az-quality-icon-box {
    width: 48px;
    height: 48px;
    border-radius: 10px;
    background: #F8FAFC;
    border: 1px solid #E2E8F0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}

.az-quality-icon-box svg {
    width: 24px;
    height: 24px;
}

.az-quality-title {
    font-family: var(--az-font-heading, 'Plus Jakarta Sans', sans-serif);
    font-size: 1.3rem;
    font-weight: 700;
    color: #0B192C;
    margin: 0 0 14px 0;
}

.az-quality-desc {
    font-size: 0.98rem;
    line-height: 1.7;
    color: #475569;
    margin: 0 0 20px 0;
    flex-grow: 1;
}

.az-quality-pill {
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    font-size: 11px;
    font-weight: 700;
    color: #0878D1;
    background: rgba(8, 120, 209, 0.08);
    padding: 6px 12px;
    border-radius: 6px;
    align-self: flex-start;
}

.az-governance-trust-strip {
    display: flex;
    align-items: center;
    justify-content: space-around;
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 12px;
    padding: 22px 28px;
    margin-top: 40px;
    flex-wrap: wrap;
    gap: 18px;
}

.az-gov-trust-item {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    font-weight: 600;
    color: #1E293B;
}

/* ----------------------------------------------------
   SECTION 07: FINAL CTA & SCOPING GATEWAY
   ---------------------------------------------------- */
.az-about-new-cta-section {
    padding: 95px 0 100px 0;
    background: #FFFFFF;
}

.az-proposal-gateway-card {
    background: linear-gradient(135deg, #0B192C 0%, #0F2A48 100%);
    border: 1px solid rgba(8, 120, 209, 0.35);
    border-radius: 20px;
    padding: 56px 52px;
    color: #FFFFFF;
    box-shadow: 0 25px 60px -15px rgba(11, 25, 44, 0.28);
    position: relative;
    overflow: hidden;
}

.az-proposal-gateway-card::before {
    content: "";
    position: absolute;
    top: -50%;
    right: -20%;
    width: 600px;
    height: 600px;
    background: radial-gradient(circle, rgba(8, 120, 209, 0.18) 0%, transparent 70%);
    pointer-events: none;
}

.az-proposal-gateway-grid {
    display: grid;
    grid-template-columns: 1.25fr 0.85fr;
    gap: 48px;
    align-items: center;
    position: relative;
    z-index: 2;
}

.az-proposal-title {
    font-family: var(--az-font-heading, 'Plus Jakarta Sans', sans-serif);
    font-size: clamp(2.1rem, 3.4vw, 2.75rem);
    font-weight: 800;
    color: #FFFFFF;
    line-height: 1.18;
    margin: 16px 0 18px 0;
}

.az-proposal-desc {
    font-size: 1.08rem;
    line-height: 1.74;
    color: #CBD5E1;
    margin: 0 0 14px 0;
}

.az-proposal-subdesc {
    font-size: 0.98rem;
    line-height: 1.68;
    color: #94A3B8;
    margin: 0 0 32px 0;
}

.az-proposal-actions {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
}

.az-btn-large {
    padding: 15px 32px !important;
    font-size: 15px !important;
}

.az-btn-ghost {
    background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    color: #FFFFFF !important;
    font-weight: 600 !important;
    padding: 15px 26px !important;
    border-radius: 8px !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    transition: all 0.25s ease !important;
}

.az-btn-ghost:hover {
    background: rgba(255, 255, 255, 0.16) !important;
    border-color: #60A5FA !important;
    color: #93C5FD !important;
}

/* Dossier Card on Right */
.az-dossier-card {
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 14px;
    padding: 32px 28px;
}

.az-dossier-header {
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
    padding-bottom: 16px;
    margin-bottom: 20px;
}

.az-dossier-brand-title {
    font-family: var(--az-font-heading, 'Plus Jakarta Sans', sans-serif);
    font-size: 1.35rem;
    font-weight: 800;
    color: #FFFFFF;
    letter-spacing: 0.02em;
}

.az-dossier-sub {
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    font-size: 11px;
    font-weight: 700;
    color: #60A5FA;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    margin-top: 4px;
}

.az-dossier-items {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.az-dossier-item {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.az-dossier-label {
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    font-size: 10px;
    font-weight: 700;
    color: #94A3B8;
    letter-spacing: 0.06em;
}

.az-dossier-val-link {
    font-family: var(--az-font-heading, 'Plus Jakarta Sans', sans-serif);
    font-size: 15px;
    font-weight: 700;
    color: #60A5FA;
    text-decoration: none;
    transition: color 0.2s ease;
}

.az-dossier-val-link:hover {
    color: #93C5FD;
    text-decoration: underline;
}

.az-dossier-val {
    font-size: 13.5px;
    color: #E2E8F0;
    line-height: 1.45;
}

.az-dossier-slogan {
    font-family: var(--az-font-heading, 'Plus Jakarta Sans', sans-serif);
    font-size: 13.5px;
    font-weight: 700;
    color: #34D399;
    letter-spacing: 0.02em;
    margin-top: 2px;
}


/* ==========================================================================
   BIM AUTOMATION & TOOLS REDESIGN (AEC MINIMALIST STANDARD)
   ========================================================================== */

.az-automation-redesign-wrapper {
    width: 100% !important;
    overflow-x: clip !important;
    color: var(--az-slate-muted, #475569);
    font-family: var(--az-font-body, 'Inter', sans-serif);
}

.az-auto-container {
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 24px;
    box-sizing: border-box;
}

/* SECTION 1: HERO */
.az-auto-hero-section {
    padding: 90px 0 80px 0;
    background: #FFFFFF;
    position: relative;
    overflow: hidden;
}

.az-auto-hero-section::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 600px;
    height: 600px;
    background: radial-gradient(circle at 70% 30%, rgba(8, 120, 209, 0.05) 0%, transparent 70%);
    pointer-events: none;
    z-index: 0;
}

.az-auto-hero-grid {
    display: grid;
    grid-template-columns: 1.15fr 0.95fr;
    gap: 52px;
    align-items: center;
    position: relative;
    z-index: 1;
}

.az-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 20px;
    background: rgba(8, 120, 209, 0.08);
    border: 1px solid rgba(8, 120, 209, 0.25);
    padding: 6px 14px;
    border-radius: 20px;
    font-family: var(--az-font-mono, monospace);
    font-size: 11px;
    font-weight: 700;
    color: #0878D1;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.az-badge-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #0878D1;
    box-shadow: 0 0 6px #0878D1;
}

.az-auto-page-title {
    font-family: var(--az-font-heading, 'Plus Jakarta Sans', sans-serif);
    font-size: clamp(2.3rem, 4vw, 3.4rem);
    font-weight: 800;
    line-height: 1.12;
    color: #0B1F33;
    margin: 0 0 14px 0;
    letter-spacing: -0.025em;
}

.az-auto-hero-subtitle {
    font-family: var(--az-font-heading, 'Plus Jakarta Sans', sans-serif);
    font-size: clamp(1.3rem, 2.2vw, 1.75rem);
    font-weight: 700;
    line-height: 1.35;
    color: #0878D1;
    margin: 0 0 22px 0;
    letter-spacing: -0.01em;
}

.az-auto-lead-text p {
    font-size: 1.06rem;
    line-height: 1.75;
    color: #475569;
    margin: 0 0 16px 0;
}

.az-auto-cta-strip {
    display: flex;
    align-items: center;
    gap: 16px;
    margin: 32px 0 28px 0;
    flex-wrap: wrap;
}

.az-btn-primary {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: #0878D1;
    color: #FFFFFF !important;
    font-weight: 600;
    font-size: 0.98rem;
    padding: 14px 28px;
    border-radius: 8px;
    text-decoration: none;
    box-shadow: 0 4px 14px rgba(8, 120, 209, 0.28);
    transition: all 0.22s ease;
}

.az-btn-primary:hover {
    background: #0766B2;
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(8, 120, 209, 0.35);
    color: #FFFFFF !important;
}

.az-btn-secondary {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #FFFFFF;
    color: #0B1F33 !important;
    font-weight: 600;
    font-size: 0.98rem;
    padding: 14px 24px;
    border-radius: 8px;
    border: 1px solid #CBD5E1;
    text-decoration: none;
    transition: all 0.22s ease;
}

.az-btn-secondary:hover {
    border-color: #0878D1;
    color: #0878D1 !important;
    background: #F8FAFC;
    transform: translateY(-2px);
}

.az-auto-tech-chips {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    margin-top: 10px;
}

.az-tech-chip {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #F8FAFC;
    border: 1px solid #E2E8F0;
    border-radius: 20px;
    padding: 5px 12px;
    font-family: var(--az-font-body, sans-serif);
    font-size: 12px;
    font-weight: 600;
    color: #334155;
}

.az-chip-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
}

/* Hero Visual Column */
.az-auto-visual-card {
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 16px;
    box-shadow: 0 16px 36px rgba(11, 31, 51, 0.08);
    overflow: hidden;
    position: relative;
}

.az-auto-card-topbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 18px;
    background: #F8FAFC;
    border-bottom: 1px solid #E2E8F0;
}

.az-topbar-dots {
    display: flex;
    gap: 6px;
}

.az-topbar-dots span {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #CBD5E1;
}

.az-topbar-title {
    font-family: var(--az-font-mono, monospace);
    font-size: 12px;
    font-weight: 600;
    color: #475569;
}

.az-topbar-status {
    display: flex;
    align-items: center;
    gap: 6px;
    font-family: var(--az-font-mono, monospace);
    font-size: 11px;
    font-weight: 700;
    color: #10B981;
}

.az-pulse-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #10B981;
    box-shadow: 0 0 6px #10B981;
}

.az-auto-img-frame {
    width: 100%;
    background: #F1F5F9;
    overflow: hidden;
}

.az-auto-img-frame img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
    transition: transform 0.4s ease;
}

.az-auto-visual-card:hover .az-auto-img-frame img {
    transform: scale(1.02);
}

.az-hud-overlay {
    position: absolute;
    display: flex;
    align-items: center;
    gap: 12px;
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(8px);
    border: 1px solid #E2E8F0;
    border-radius: 10px;
    padding: 10px 16px;
    box-shadow: 0 8px 24px rgba(11, 31, 51, 0.12);
    z-index: 2;
}

.az-hud-top-right {
    top: 60px;
    right: 20px;
}

.az-hud-bottom-left {
    bottom: 24px;
    left: 20px;
}

.az-hud-icon {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.az-hud-title {
    font-family: var(--az-font-heading, sans-serif);
    font-size: 12px;
    font-weight: 700;
    color: #0B1F33;
}

.az-hud-sub {
    font-size: 11px;
    color: #64748B;
}

/* SECTION 2: WHAT WE AUTOMATE */
.az-auto-capabilities-section {
    padding: 90px 0;
    background: #F8FAFC;
    border-top: 1px solid #E2E8F0;
    border-bottom: 1px solid #E2E8F0;
}

.az-section-header-center {
    text-align: center;
    max-width: 820px;
    margin: 0 auto 52px auto;
}

.az-section-heading {
    font-family: var(--az-font-heading, 'Plus Jakarta Sans', sans-serif);
    font-size: clamp(2.1rem, 3.5vw, 2.75rem);
    font-weight: 800;
    color: #0B1F33;
    letter-spacing: -0.02em;
    margin: 12px 0 16px 0;
}

.az-section-subtitle {
    font-size: 1.08rem;
    line-height: 1.7;
    color: #475569;
    margin: 0;
}

.az-capabilities-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 28px;
}

.az-cap-card {
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-top: 4px solid #0878D1;
    border-radius: 14px;
    padding: 34px 30px;
    box-shadow: 0 4px 18px rgba(11, 31, 51, 0.04);
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

.az-cap-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 28px rgba(11, 31, 51, 0.08);
}

.az-cap-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 18px;
}

.az-cap-icon-box {
    width: 48px;
    height: 48px;
    border-radius: 10px;
    border: 1px solid transparent;
    display: flex;
    align-items: center;
    justify-content: center;
}

.az-cap-num {
    font-family: var(--az-font-mono, monospace);
    font-size: 14px;
    font-weight: 700;
    color: #94A3B8;
}

.az-cap-title {
    font-family: var(--az-font-heading, sans-serif);
    font-size: 1.32rem;
    font-weight: 700;
    color: #0B1F33;
    margin: 0 0 12px 0;
}

.az-cap-desc {
    font-size: 1rem;
    line-height: 1.68;
    color: #475569;
    margin: 0 0 20px 0;
}

.az-cap-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.az-cap-pills span {
    background: #F1F5F9;
    color: #334155;
    font-size: 12px;
    font-weight: 600;
    padding: 4px 10px;
    border-radius: 6px;
    border: 1px solid #E2E8F0;
}

.az-notice-banner {
    display: flex;
    align-items: center;
    gap: 14px;
    background: rgba(8, 120, 209, 0.05);
    border: 1px solid rgba(8, 120, 209, 0.22);
    border-radius: 10px;
    padding: 16px 22px;
    margin-top: 36px;
}

.az-notice-icon {
    color: #0878D1;
    flex-shrink: 0;
    display: flex;
    align-items: center;
}

.az-notice-text {
    font-size: 0.95rem;
    line-height: 1.6;
    color: #334155;
}

/* SECTION 3: OUR CUSTOM REVIT TOOLS */
.az-auto-tools-section {
    padding: 90px 0;
    background: #FFFFFF;
}

.az-tools-showcase-box {
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 16px;
    box-shadow: 0 12px 36px rgba(11, 31, 51, 0.06);
    overflow: hidden;
}

.az-tools-nav-bar {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    background: #F8FAFC;
    border-bottom: 1px solid #E2E8F0;
}

.az-tool-nav-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 18px 16px;
    background: transparent;
    border: none;
    border-bottom: 3px solid transparent;
    font-family: var(--az-font-heading, sans-serif);
    font-size: 0.96rem;
    font-weight: 700;
    color: #64748B;
    cursor: pointer;
    transition: all 0.2s ease;
}

.az-tool-nav-btn:hover {
    color: #0878D1;
    background: #FFFFFF;
}

.az-tool-nav-btn.active {
    background: #FFFFFF;
    color: #0878D1;
    border-bottom-color: #0878D1;
}

.az-tool-btn-icon {
    display: flex;
    align-items: center;
}

.az-tools-viewport {
    padding: 44px 40px;
}

.az-tool-panel {
    display: none;
}

.az-tool-panel.active {
    display: block;
    animation: azFadeIn 0.3s ease;
}

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

.az-tool-panel-grid {
    display: grid;
    grid-template-columns: 1.05fr 1fr;
    gap: 40px;
    align-items: center;
}

.az-tool-badge {
    font-family: var(--az-font-mono, monospace);
    font-size: 11px;
    font-weight: 700;
    color: #0878D1;
    letter-spacing: 0.08em;
    margin-bottom: 10px;
}

.az-tool-name {
    font-family: var(--az-font-heading, sans-serif);
    font-size: 1.7rem;
    font-weight: 800;
    color: #0B1F33;
    margin: 0 0 12px 0;
    letter-spacing: -0.015em;
}

.az-tool-lead {
    font-size: 1.1rem;
    font-weight: 600;
    color: #0878D1;
    line-height: 1.6;
    margin: 0 0 14px 0;
}

.az-tool-detail {
    font-size: 1rem;
    line-height: 1.7;
    color: #475569;
    margin: 0 0 24px 0;
}

.az-tool-specs-list {
    background: #F8FAFC;
    border: 1px solid #E2E8F0;
    border-radius: 10px;
    padding: 16px 20px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.az-spec-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 0.92rem;
}

.az-spec-label {
    font-weight: 600;
    color: #64748B;
}

.az-spec-val {
    font-family: var(--az-font-mono, monospace);
    font-weight: 700;
    color: #0B1F33;
}

/* Terminal Preview */
.az-terminal-window {
    background: #0B192C;
    border: 1px solid #1E293B;
    border-radius: 12px;
    box-shadow: 0 16px 36px rgba(0, 0, 0, 0.28);
    overflow: hidden;
}

.az-terminal-bar {
    background: #1E293B;
    padding: 10px 14px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.az-term-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
}

.az-term-dot.red { background: #EF4444; }
.az-term-dot.yellow { background: #F59E0B; }
.az-term-dot.green { background: #10B981; }

.az-term-title {
    font-family: var(--az-font-mono, monospace);
    font-size: 11px;
    color: #94A3B8;
    margin-left: 8px;
}

.az-terminal-body {
    padding: 22px 24px;
    font-family: var(--az-font-mono, monospace);
    font-size: 12.5px;
    line-height: 1.65;
    color: #E2E8F0;
    overflow-x: auto;
}

.az-terminal-body pre {
    margin: 0;
    padding: 0;
    background: transparent;
    color: inherit;
    font-family: inherit;
}

.az-c-muted { color: #64748B; }
.az-c-blue { color: #38BDF8; font-weight: 600; }
.az-c-green { color: #34D399; font-weight: 700; }

.az-showcase-footer-banner {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 18px 28px;
    background: #F8FAFC;
    border-top: 1px solid #E2E8F0;
}

.az-footer-banner-icon {
    color: #0878D1;
    flex-shrink: 0;
}

.az-footer-banner-text {
    font-size: 0.95rem;
    line-height: 1.6;
    color: #334155;
}

/* SECTION 4: OUR AUTOMATION APPROACH */
.az-auto-approach-section {
    padding: 90px 0;
    background: #F8FAFC;
    border-top: 1px solid #E2E8F0;
}

.az-approach-pipeline {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 22px;
}

.az-step-card {
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 14px;
    padding: 30px 24px;
    box-shadow: 0 4px 18px rgba(11, 31, 51, 0.04);
    display: flex;
    flex-direction: column;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.az-step-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 28px rgba(11, 31, 51, 0.08);
}

.az-step-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 18px;
}

.az-step-num {
    font-family: var(--az-font-mono, monospace);
    font-size: 2rem;
    font-weight: 800;
    color: #E2E8F0;
    line-height: 1;
}

.az-step-icon {
    width: 44px;
    height: 44px;
    border-radius: 10px;
    background: #F8FAFC;
    border: 1px solid #E2E8F0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.az-step-title {
    font-family: var(--az-font-heading, sans-serif);
    font-size: 1.18rem;
    font-weight: 700;
    color: #0B1F33;
    margin: 0 0 12px 0;
    line-height: 1.35;
}

.az-step-desc {
    font-size: 0.96rem;
    line-height: 1.68;
    color: #475569;
    margin: 0 0 20px 0;
    flex-grow: 1;
}

.az-step-footer {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding-top: 14px;
    border-top: 1px dashed #E2E8F0;
}

.az-step-footer span {
    font-size: 11.5px;
    font-weight: 600;
    color: #64748B;
}

.az-step-footer span::before {
    content: '� ';
    color: #0878D1;
    font-weight: 800;
}

/* SECTION 5: ENTERPRISE CTA */
.az-auto-cta-section {
    padding: 90px 0;
    background: #FFFFFF;
}

.az-auto-cta-card {
    background: linear-gradient(135deg, #0B1F33 0%, #152A42 100%);
    border-radius: 20px;
    padding: 64px 54px;
    color: #FFFFFF;
    position: relative;
    overflow: hidden;
    box-shadow: 0 20px 48px rgba(11, 31, 51, 0.2);
}

.az-auto-cta-card::before {
    content: '';
    position: absolute;
    top: -50%;
    right: -20%;
    width: 600px;
    height: 600px;
    background: radial-gradient(circle, rgba(8, 120, 209, 0.25) 0%, transparent 70%);
    pointer-events: none;
}

.az-auto-cta-content {
    max-width: 800px;
    position: relative;
    z-index: 1;
}

.az-auto-cta-headline {
    font-family: var(--az-font-heading, 'Plus Jakarta Sans', sans-serif);
    font-size: clamp(2.1rem, 3.6vw, 2.85rem);
    font-weight: 800;
    color: #FFFFFF;
    letter-spacing: -0.02em;
    margin: 14px 0 16px 0;
    line-height: 1.2;
}

.az-auto-cta-subtext {
    font-size: 1.1rem;
    line-height: 1.75;
    color: #CBD5E1;
    margin: 0 0 36px 0;
}

.az-auto-cta-buttons {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
}

.az-btn-cta-primary {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: #0878D1;
    color: #FFFFFF !important;
    font-weight: 600;
    font-size: 1rem;
    padding: 15px 32px;
    border-radius: 8px;
    text-decoration: none;
    box-shadow: 0 4px 16px rgba(8, 120, 209, 0.4);
    transition: all 0.22s ease;
}

.az-btn-cta-primary:hover {
    background: #0766B2;
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(8, 120, 209, 0.5);
    color: #FFFFFF !important;
}

.az-btn-cta-secondary {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: rgba(255, 255, 255, 0.1);
    color: #FFFFFF !important;
    font-weight: 600;
    font-size: 1rem;
    padding: 15px 28px;
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    text-decoration: none;
    backdrop-filter: blur(8px);
    transition: all 0.22s ease;
}

.az-btn-cta-secondary:hover {
    background: rgba(255, 255, 255, 0.2);
    color: #FFFFFF !important;
    transform: translateY(-2px);
}

.az-cta-decor-strip {
    display: flex;
    align-items: center;
    gap: 32px;
    margin-top: 48px;
    padding-top: 32px;
    border-top: 1px solid rgba(255, 255, 255, 0.12);
    position: relative;
    z-index: 1;
}

.az-cta-metric {
    display: flex;
    flex-direction: column;
}

.az-metric-val {
    font-family: var(--az-font-heading, sans-serif);
    font-size: 1.5rem;
    font-weight: 800;
    color: #38BDF8;
}

.az-metric-lbl {
    font-size: 12px;
    color: #94A3B8;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.az-cta-metric-div {
    width: 1px;
    height: 36px;
    background: rgba(255, 255, 255, 0.15);
}

/* RESPONSIVE BREAKPOINTS */
@media (max-width: 1024px) {
    .az-auto-hero-grid {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .az-tool-panel-grid {
        grid-template-columns: 1fr;
    }

    .az-approach-pipeline {
        grid-template-columns: repeat(2, 1fr);
    }

    .az-tools-nav-bar {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 767px) {
    .az-capabilities-grid {
        grid-template-columns: 1fr;
    }

    .az-approach-pipeline {
        grid-template-columns: 1fr;
    }

    .az-tools-nav-bar {
        grid-template-columns: 1fr;
    }

    .az-tools-viewport {
        padding: 24px 18px;
    }

    .az-auto-cta-card {
        padding: 40px 24px;
    }

    .az-cta-decor-strip {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }

    .az-cta-metric-div {
        display: none;
    }
}

/* ==========================================================================
   PAGE 4 REDESIGN: BIM COORDINATION & CLASH DETECTION (V2)
   Design Direction: Aligned with Home & Contact Us Corporate Light Architecture
   ========================================================================== */

.az-coord-v2-page-wrapper {
    width: 100%;
    position: relative;
    font-family: var(--az-font-body, 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);
    color: #1E293B;
    background: #FFFFFF;
}

.az-coord-v2-container {
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 24px;
    position: relative;
}

/* Badge styling matching Home and Contact Us */
.az-coord-v2-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 5px 14px;
    background: rgba(8, 120, 209, 0.08);
    border: 1px solid rgba(8, 120, 209, 0.25);
    border-radius: 20px;
    font-family: var(--az-font-mono, monospace);
    font-size: 11px;
    font-weight: 700;
    color: #0878D1;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.az-coord-v2-badge-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #0878D1;
    box-shadow: 0 0 6px #0878D1;
}

.az-badge-white {
    background: rgba(8, 120, 209, 0.08) !important;
}

/* 01. Hero Section */
.az-coord-v2-hero-section {
    background-color: #F8FAFC;
    background-image: radial-gradient(#E2E8F0 1.2px, transparent 1.2px);
    background-size: 28px 28px;
    padding: 90px 0 80px 0;
    border-bottom: 1px solid #E2E8F0;
}

.az-coord-v2-hero-grid {
    display: grid;
    grid-template-columns: 1.15fr 1fr;
    gap: 48px;
    align-items: center;
}

.az-coord-v2-hero-content {
    display: flex;
    flex-direction: column;
}

.az-coord-v2-hero-title {
    font-family: var(--az-font-heading, 'Plus Jakarta Sans', sans-serif);
    font-size: clamp(2.3rem, 4.2vw, 3.5rem);
    font-weight: 800;
    line-height: 1.15;
    color: #0B1F33;
    letter-spacing: -0.025em;
    margin: 18px 0 20px 0;
}

.az-coord-v2-hero-paragraphs {
    margin-bottom: 28px;
}

.az-coord-v2-lead-text {
    font-size: 17px;
    line-height: 1.68;
    color: #334155;
    font-weight: 500;
    margin: 0 0 14px 0;
}

.az-coord-v2-sub-text {
    font-size: 15.5px;
    line-height: 1.68;
    color: #64748B;
    margin: 0;
}

.az-coord-v2-trust-strip {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 34px;
    padding: 16px 20px;
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 10px;
    box-shadow: 0 2px 8px rgba(11, 31, 51, 0.03);
}

.az-coord-v2-trust-item {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    font-weight: 600;
    color: #1E293B;
}

.az-coord-v2-trust-item svg {
    flex-shrink: 0;
}

.az-coord-v2-hero-actions {
    display: flex;
    align-items: center;
    gap: 22px;
    flex-wrap: wrap;
}

.az-coord-v2-btn-cta {
    height: 52px;
    padding: 0 28px;
    border-radius: 8px;
    font-size: 15px;
    font-weight: 700;
    background: #0878D1;
    color: #FFFFFF !important;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    box-shadow: 0 6px 20px rgba(8, 120, 209, 0.28);
    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}

.az-coord-v2-btn-cta:hover {
    background: #0766B2;
    transform: translateY(-2px);
    box-shadow: 0 10px 24px rgba(8, 120, 209, 0.38);
    color: #FFFFFF !important;
}

.az-coord-v2-secondary-link {
    font-size: 14.5px;
    font-weight: 600;
    color: #0878D1;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    transition: all 0.2s ease;
}

.az-coord-v2-secondary-link:hover {
    color: #0766B2;
    transform: translateX(3px);
}

/* Hero Stage Right */
.az-coord-v2-stage-card {
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 20px 45px -12px rgba(11, 31, 51, 0.1);
    position: relative;
    transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.az-coord-v2-stage-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 25px 50px -12px rgba(11, 31, 51, 0.14);
}

.az-coord-v2-telemetry-top {
    background: #0B1F33;
    padding: 12px 18px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.az-coord-v2-telemetry-title {
    color: #94A3B8;
    font-size: 10.5px;
    font-family: var(--az-font-mono, monospace);
    font-weight: 700;
    letter-spacing: 0.08em;
    display: flex;
    align-items: center;
    gap: 8px;
}

.az-coord-v2-pulse-indicator {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #10B981;
    box-shadow: 0 0 8px #10B981;
    display: inline-block;
}

.az-coord-v2-status-pill {
    background: rgba(16, 185, 129, 0.15);
    border: 1px solid rgba(16, 185, 129, 0.4);
    color: #34D399;
    font-size: 10px;
    font-weight: 700;
    padding: 3px 8px;
    border-radius: 4px;
    font-family: var(--az-font-mono, monospace);
}

.az-coord-v2-stage-image-wrap {
    position: relative;
    width: 100%;
    overflow: hidden;
    aspect-ratio: 16/10;
    background: #0B192C;
}

.az-coord-v2-stage-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.5s ease;
}

.az-coord-v2-stage-card:hover .az-coord-v2-stage-img {
    transform: scale(1.03);
}

.az-coord-v2-stage-overlay-badge {
    position: absolute;
    bottom: 14px;
    left: 14px;
    background: rgba(11, 31, 51, 0.85);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 6px;
    padding: 6px 12px;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 7px;
}

.az-coord-v2-telemetry-bottom {
    background: #F8FAFC;
    padding: 14px 18px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
    border-top: 1px solid #E2E8F0;
}

.az-coord-v2-metric {
    display: flex;
    flex-direction: column;
}

.az-coord-v2-metric-label {
    font-size: 10px;
    font-weight: 700;
    color: #64748B;
    font-family: var(--az-font-mono, monospace);
    letter-spacing: 0.06em;
}

.az-coord-v2-metric-value {
    font-size: 12.5px;
    font-weight: 700;
    color: #0B1F33;
    margin-top: 2px;
}

/* 02. What We Coordinate Section */
.az-coord-v2-scope-section {
    background: #FFFFFF;
    padding: 95px 0 85px 0;
    border-bottom: 1px solid #E2E8F0;
}

.az-coord-v2-section-header {
    text-align: center;
    max-width: 820px;
    margin: 0 auto 48px auto;
}

.az-coord-v2-section-title {
    font-family: var(--az-font-heading, 'Plus Jakarta Sans', sans-serif);
    font-size: clamp(2rem, 3.5vw, 2.8rem);
    font-weight: 800;
    color: #0B1F33;
    letter-spacing: -0.02em;
    margin: 16px 0 14px 0;
}

.az-coord-v2-section-subtitle {
    font-size: 16.5px;
    line-height: 1.68;
    color: #475569;
    margin: 0;
}

.az-coord-v2-visual-strip-card {
    position: relative;
    border-radius: 14px;
    overflow: hidden;
    margin-bottom: 44px;
    border: 1px solid #E2E8F0;
    box-shadow: 0 10px 30px -10px rgba(11, 31, 51, 0.06);
    background: #0B192C;
}

.az-coord-v2-strip-img {
    width: 100%;
    height: 270px;
    object-fit: cover;
    display: block;
    opacity: 0.95;
    transition: transform 0.5s ease;
}

.az-coord-v2-visual-strip-card:hover .az-coord-v2-strip-img {
    transform: scale(1.02);
}

.az-coord-v2-strip-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 24px 28px;
    background: linear-gradient(180deg, transparent 0%, rgba(11, 31, 51, 0.95) 100%);
    color: #FFFFFF;
}

.az-coord-v2-strip-caption-tag {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.1em;
    color: #38BDF8;
    font-family: var(--az-font-mono, monospace);
}

.az-coord-v2-strip-caption-title {
    font-family: var(--az-font-heading, 'Plus Jakarta Sans', sans-serif);
    font-size: 19px;
    font-weight: 700;
    margin-top: 4px;
    color: #FFFFFF;
}

.az-coord-v2-scope-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 32px;
    margin-bottom: 36px;
}

.az-coord-v2-scope-card {
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 14px;
    padding: 36px 32px;
    box-shadow: 0 4px 20px rgba(11, 31, 51, 0.04);
    transition: all 0.28s cubic-bezier(0.16, 1, 0.3, 1);
    display: flex;
    flex-direction: column;
}

.az-coord-v2-scope-card:hover {
    transform: translateY(-4px);
    border-color: #BFDBFE;
    box-shadow: 0 16px 36px -8px rgba(8, 120, 209, 0.12);
}

.az-coord-v2-card-header {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 16px;
}

.az-coord-v2-card-icon-wrap {
    width: 48px;
    height: 48px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.az-icon-blue {
    background: rgba(8, 120, 209, 0.1);
    color: #0878D1;
}

.az-icon-navy {
    background: rgba(11, 31, 51, 0.08);
    color: #0B1F33;
}

.az-coord-v2-card-meta {
    font-size: 11px;
    font-weight: 700;
    color: #0878D1;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    font-family: var(--az-font-mono, monospace);
    display: block;
}

.az-coord-v2-card-title {
    font-family: var(--az-font-heading, 'Plus Jakarta Sans', sans-serif);
    font-size: 21px;
    font-weight: 800;
    color: #0B1F33;
    margin: 4px 0 0 0;
}

.az-coord-v2-card-desc {
    font-size: 14.5px;
    line-height: 1.65;
    color: #475569;
    margin: 0 0 22px 0;
}

.az-coord-v2-checklist {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.az-coord-v2-checklist li {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.az-coord-v2-check-bullet {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin-top: 6px;
    flex-shrink: 0;
}

.bullet-hvac { background: #0878D1; box-shadow: 0 0 6px rgba(8, 120, 209, 0.4); }
.bullet-plumb { background: #10B981; box-shadow: 0 0 6px rgba(16, 185, 129, 0.4); }
.bullet-elec { background: #F59E0B; box-shadow: 0 0 6px rgba(245, 158, 11, 0.4); }
.bullet-fire { background: #EF4444; box-shadow: 0 0 6px rgba(239, 68, 68, 0.4); }
.bullet-congest { background: #6366F1; box-shadow: 0 0 6px rgba(99, 102, 241, 0.4); }

.bullet-str { background: #0B1F33; box-shadow: 0 0 6px rgba(11, 31, 51, 0.4); }
.bullet-arch { background: #0284C7; box-shadow: 0 0 6px rgba(2, 132, 199, 0.4); }
.bullet-access { background: #D97706; box-shadow: 0 0 6px rgba(217, 119, 6, 0.4); }
.bullet-clear { background: #059669; box-shadow: 0 0 6px rgba(5, 150, 105, 0.4); }

.az-coord-v2-checklist li strong {
    display: block;
    font-size: 15px;
    color: #0F172A;
    margin-bottom: 2px;
}

.az-coord-v2-checklist li p {
    font-size: 13.5px;
    line-height: 1.55;
    color: #64748B;
    margin: 0;
}

.az-coord-v2-boundary-box {
    background: #F0F9FF;
    border: 1px solid #BAE6FD;
    border-radius: 12px;
    padding: 18px 24px;
    display: flex;
    align-items: center;
    gap: 16px;
}

.az-coord-v2-boundary-icon {
    flex-shrink: 0;
}

.az-coord-v2-boundary-text {
    font-size: 14.5px;
    color: #0C4A6E;
    line-height: 1.6;
}

.az-coord-v2-boundary-text strong {
    color: #0369A1;
    margin-right: 4px;
}

/* 03. Our Coordination Process Section */
.az-coord-v2-process-section {
    background-color: #F8FAFC;
    padding: 95px 0 85px 0;
    border-bottom: 1px solid #E2E8F0;
}

.az-coord-v2-process-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
}

.az-coord-v2-process-card {
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 12px;
    padding: 28px 22px;
    display: flex;
    flex-direction: column;
    box-shadow: 0 4px 16px rgba(11, 31, 51, 0.03);
    transition: all 0.28s cubic-bezier(0.16, 1, 0.3, 1);
}

.az-coord-v2-process-card:hover {
    transform: translateY(-5px);
    border-color: #0878D1;
    box-shadow: 0 16px 36px -8px rgba(8, 120, 209, 0.14);
}

.az-coord-v2-process-card-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 14px;
}

.az-coord-v2-step-number {
    font-size: 26px;
    font-weight: 800;
    color: #0878D1;
    font-family: var(--az-font-mono, monospace);
}

.az-coord-v2-step-tag {
    font-size: 10px;
    font-weight: 700;
    color: #64748B;
    font-family: var(--az-font-mono, monospace);
    letter-spacing: 0.08em;
}

.az-coord-v2-step-title {
    font-family: var(--az-font-heading, 'Plus Jakarta Sans', sans-serif);
    font-size: 17px;
    font-weight: 700;
    color: #0B1F33;
    margin: 0 0 10px 0;
    line-height: 1.35;
}

.az-coord-v2-step-body {
    font-size: 13.5px;
    line-height: 1.62;
    color: #475569;
    margin: 0 0 16px 0;
    flex-grow: 1;
}

.az-coord-v2-step-specs {
    border-top: 1px solid #F1F5F9;
    padding-top: 12px;
    display: flex;
    flex-direction: column;
    gap: 5px;
    font-size: 12px;
    font-weight: 600;
    color: #64748B;
}

/* 04. Typical Deliverables Section */
.az-coord-v2-deliv-section {
    background: #FFFFFF;
    padding: 95px 0 85px 0;
    border-bottom: 1px solid #E2E8F0;
}

.az-coord-v2-deliv-grid {
    display: grid;
    grid-template-columns: 1fr 1.25fr;
    gap: 40px;
    align-items: center;
}

.az-coord-v2-deliv-card-visual {
    position: relative;
    border-radius: 16px;
    overflow: hidden;
    border: 1px solid #E2E8F0;
    box-shadow: 0 15px 35px -10px rgba(11, 31, 51, 0.08);
    background: #0B192C;
}

.az-coord-v2-deliv-img {
    width: 100%;
    height: 100%;
    min-height: 480px;
    object-fit: cover;
    display: block;
    transition: transform 0.5s ease;
}

.az-coord-v2-deliv-card-visual:hover .az-coord-v2-deliv-img {
    transform: scale(1.03);
}

.az-coord-v2-deliv-visual-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 24px 26px;
    background: linear-gradient(180deg, transparent 0%, rgba(11, 31, 51, 0.95) 100%);
    color: #FFFFFF;
}

.az-coord-v2-visual-meta {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.1em;
    color: #38BDF8;
    font-family: var(--az-font-mono, monospace);
}

.az-coord-v2-visual-name {
    font-family: var(--az-font-heading, 'Plus Jakarta Sans', sans-serif);
    font-size: 18px;
    font-weight: 700;
    color: #FFFFFF;
    margin-top: 4px;
}

.az-coord-v2-deliv-items {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.az-coord-v2-deliv-item {
    background: #F8FAFC;
    border: 1px solid #E2E8F0;
    border-radius: 12px;
    padding: 18px 20px;
    display: flex;
    align-items: flex-start;
    gap: 16px;
    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}

.az-coord-v2-deliv-item:hover {
    background: #FFFFFF;
    border-color: #BFDBFE;
    box-shadow: 0 8px 20px -4px rgba(8, 120, 209, 0.1);
    transform: translateX(4px);
}

.az-coord-v2-deliv-icon {
    width: 42px;
    height: 42px;
    border-radius: 8px;
    background: rgba(8, 120, 209, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.az-coord-v2-deliv-title {
    font-family: var(--az-font-heading, 'Plus Jakarta Sans', sans-serif);
    font-size: 15.5px;
    font-weight: 700;
    color: #0B1F33;
    margin: 0 0 4px 0;
}

.az-coord-v2-deliv-desc {
    font-size: 13.5px;
    line-height: 1.55;
    color: #475569;
    margin: 0;
}

.az-coord-v2-deliv-footnote {
    text-align: center;
    margin-top: 36px;
    font-size: 13.5px;
    color: #64748B;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

/* 05. Coordinate Your Next Project (CTA Section) */
.az-coord-v2-cta-section {
    background: #F8FAFC;
    padding: 40px 0 95px 0;
}

.az-coord-v2-cta-box {
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-top: 4px solid #0878D1;
    border-radius: 16px;
    padding: 56px 48px;
    box-shadow: 0 15px 35px -5px rgba(11, 31, 51, 0.06);
    text-align: center;
    max-width: 960px;
    margin: 0 auto;
}

.az-coord-v2-cta-title {
    font-family: var(--az-font-heading, 'Plus Jakarta Sans', sans-serif);
    font-size: clamp(2rem, 3.2vw, 2.6rem);
    font-weight: 800;
    color: #0B1F33;
    letter-spacing: -0.02em;
    margin: 16px 0 16px 0;
}

.az-coord-v2-cta-narratives {
    max-width: 760px;
    margin: 0 auto 36px auto;
}

.az-coord-v2-cta-p1 {
    font-size: 17px;
    font-weight: 600;
    color: #1E293B;
    margin-bottom: 8px;
    line-height: 1.6;
}

.az-coord-v2-cta-p2 {
    font-size: 15px;
    color: #64748B;
    line-height: 1.65;
    margin: 0;
}

.az-coord-v2-inputs-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    margin-bottom: 40px;
    text-align: left;
}

.az-coord-v2-input-chip {
    background: #F8FAFC;
    border: 1px solid #E2E8F0;
    border-radius: 10px;
    padding: 16px 14px;
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.chip-num {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #0878D1;
    color: #FFFFFF;
    font-size: 11px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-family: var(--az-font-mono, monospace);
}

.az-coord-v2-input-chip strong {
    display: block;
    font-size: 13px;
    color: #0B1F33;
    font-weight: 700;
    margin-bottom: 2px;
}

.az-coord-v2-input-chip p {
    font-size: 11.5px;
    color: #64748B;
    margin: 0;
    line-height: 1.4;
}

.az-coord-v2-cta-footer {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
}

.az-coord-v2-btn-cta-lg {
    height: 56px;
    padding: 0 36px;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 700;
    background: #0878D1;
    color: #FFFFFF !important;
    display: inline-flex;
    align-items: center;
    gap: 12px;
    text-decoration: none;
    box-shadow: 0 8px 24px rgba(8, 120, 209, 0.3);
    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}

.az-coord-v2-btn-cta-lg:hover {
    background: #0766B2;
    transform: translateY(-2px);
    box-shadow: 0 12px 30px rgba(8, 120, 209, 0.4);
    color: #FFFFFF !important;
}

.az-coord-v2-cta-direct {
    font-size: 14px;
    color: #64748B;
    display: flex;
    align-items: center;
    gap: 8px;
}

.az-coord-v2-cta-direct a {
    color: #0878D1;
    font-weight: 600;
    text-decoration: none;
}

.az-coord-v2-cta-direct a:hover {
    text-decoration: underline;
}

/* Responsive (< 992px & < 768px) */
@media (max-width: 992px) {
    .az-coord-v2-hero-grid {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .az-coord-v2-scope-grid {
        grid-template-columns: 1fr;
    }

    .az-coord-v2-process-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .az-coord-v2-deliv-grid {
        grid-template-columns: 1fr;
    }

    .az-coord-v2-deliv-img {
        min-height: 320px;
        max-height: 380px;
    }

    .az-coord-v2-inputs-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .az-coord-v2-hero-section {
        padding: 70px 0 60px 0;
    }

    .az-coord-v2-scope-section,
    .az-coord-v2-process-section,
    .az-coord-v2-deliv-section {
        padding: 70px 0 60px 0;
    }

    .az-coord-v2-process-grid {
        grid-template-columns: 1fr;
    }

    .az-coord-v2-inputs-grid {
        grid-template-columns: 1fr;
    }

    .az-coord-v2-cta-box {
        padding: 40px 20px;
    }

    .az-coord-v2-scope-card {
        padding: 24px 20px;
    }

    .az-coord-v2-hero-actions {
        flex-direction: column;
        align-items: flex-start;
        width: 100%;
    }

    .az-coord-v2-btn-cta,
    .az-coord-v2-btn-cta-lg {
        width: 100%;
        justify-content: center;
    }

    .az-coord-v2-telemetry-bottom {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .az-coord-v2-strip-img {
        height: 200px;
    }

    .az-coord-v2-strip-caption-title {
        font-size: 16px;
    }
}


/* ==========================================================================
   PAGE 6 REDESIGN: INDUSTRIES WE SUPPORT (COMPLETE SUITE)
   ========================================================================== */
.az-industries-redesign-wrapper {
    width: 100%;
    overflow-x: clip;
    background: #FFFFFF;
    color: #0B1F33;
}

.az-ind-container {
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 24px;
}

/* --------------------------------------------------------------------------
   SECTION 1: HERO & STRATEGIC OVERVIEW
   -------------------------------------------------------------------------- */
.az-ind-hero-section {
    position: relative;
    padding: 90px 0 80px 0;
    background-color: #F8FAFC;
    background-image: radial-gradient(#CBD5E1 1px, transparent 1px);
    background-size: 28px 28px;
    border-bottom: 1px solid #E2E8F0;
}

.az-ind-hero-grid {
    display: grid;
    grid-template-columns: 1.15fr 0.85fr;
    gap: 48px;
    align-items: center;
}

.az-ind-badge-wrap {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #EBF5FF;
    border: 1px solid #BFDBFE;
    padding: 6px 14px;
    border-radius: 999px;
    margin-bottom: 20px;
}

.az-ind-badge-dot {
    width: 8px;
    height: 8px;
    background: #0878D1;
    border-radius: 50%;
    box-shadow: 0 0 8px rgba(8, 120, 209, 0.6);
}

.az-ind-badge-text {
    font-family: var(--az-font-mono, 'JetBrains Mono', monospace);
    font-size: 11px;
    font-weight: 700;
    color: #0878D1;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.az-ind-hero-title {
    font-family: var(--az-font-heading, 'Plus Jakarta Sans', sans-serif);
    font-size: clamp(32px, 4.2vw, 48px);
    font-weight: 800;
    line-height: 1.15;
    color: #0B1F33;
    margin: 0 0 20px 0;
    letter-spacing: -0.02em;
}

.az-ind-hero-lead-box {
    margin-bottom: 30px;
}

.az-ind-hero-para {
    font-family: var(--az-font-body, 'Inter', sans-serif);
    font-size: 16px;
    line-height: 1.68;
    color: #475569;
    margin: 0 0 14px 0;
}

.az-ind-hero-para.az-lead-para {
    font-size: 18px;
    font-weight: 500;
    color: #1E293B;
    line-height: 1.6;
}

.az-ind-hero-actions {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 32px;
    flex-wrap: wrap;
}

.az-ind-hero-trust-chips {
    display: flex;
    align-items: center;
    gap: 16px;
    padding-top: 24px;
    border-top: 1px solid #E2E8F0;
    flex-wrap: wrap;
}

.az-ind-chip {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-family: var(--az-font-body, 'Inter', sans-serif);
    font-size: 12px;
    font-weight: 600;
    color: #475569;
}

.az-ind-chip-icon {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #ECFDF5;
    color: #059669;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.az-ind-chip-icon svg {
    width: 11px;
    height: 11px;
}

/* Right Column Hero Monolith Card */
.az-ind-hero-card {
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 20px 45px -10px rgba(11, 31, 51, 0.08);
    transition: all 0.3s ease;
}

.az-ind-hero-card:hover {
    box-shadow: 0 25px 55px -10px rgba(8, 120, 209, 0.14);
    border-color: #BFDBFE;
}

.az-ind-card-banner {
    position: relative;
    height: 250px;
    overflow: hidden;
    background: #0B1F33;
}

.az-ind-hero-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

.az-ind-hero-card:hover .az-ind-hero-img {
    transform: scale(1.05);
}

.az-ind-img-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(11, 31, 51, 0.2) 0%, rgba(11, 31, 51, 0.7) 100%);
}

.az-ind-hud-tag {
    position: absolute;
    top: 16px;
    left: 16px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    background: rgba(11, 31, 51, 0.85);
    backdrop-filter: blur(8px);
    border: 1px solid rgba(56, 189, 248, 0.4);
    color: #38BDF8;
    font-family: var(--az-font-mono, 'JetBrains Mono', monospace);
    font-size: 10px;
    font-weight: 700;
    padding: 5px 11px;
    border-radius: 999px;
    letter-spacing: 0.06em;
}

.az-hud-live-dot {
    width: 6px;
    height: 6px;
    background: #38BDF8;
    border-radius: 50%;
    box-shadow: 0 0 6px #38BDF8;
}

.az-ind-hud-lod {
    position: absolute;
    top: 16px;
    right: 16px;
    background: rgba(16, 185, 129, 0.9);
    color: #FFFFFF;
    font-family: var(--az-font-mono, 'JetBrains Mono', monospace);
    font-size: 10px;
    font-weight: 700;
    padding: 5px 10px;
    border-radius: 6px;
    letter-spacing: 0.04em;
}

.az-ind-card-details {
    padding: 22px;
    background: #FFFFFF;
}

.az-ind-hud-meta-row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
    padding-bottom: 16px;
    border-bottom: 1px solid #F1F5F9;
}

.az-hud-metric-label {
    display: block;
    font-family: var(--az-font-mono, 'JetBrains Mono', monospace);
    font-size: 9.5px;
    color: #64748B;
    font-weight: 700;
    letter-spacing: 0.05em;
    margin-bottom: 4px;
}

.az-hud-metric-val {
    display: block;
    font-family: var(--az-font-heading, 'Plus Jakarta Sans', sans-serif);
    font-size: 13px;
    font-weight: 700;
    color: #0B1F33;
}

.az-ind-telemetry-strip {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 14px;
    font-family: var(--az-font-mono, 'JetBrains Mono', monospace);
    font-size: 10.5px;
    color: #64748B;
}

.az-telemetry-badge {
    background: #ECFDF5;
    color: #059669;
    font-weight: 700;
    padding: 3px 8px;
    border-radius: 4px;
    font-size: 9.5px;
}

/* --------------------------------------------------------------------------
   SECTION HEADERS (GLOBAL REUSABLE)
   -------------------------------------------------------------------------- */
.az-ind-header-center {
    text-align: center;
    max-width: 820px;
    margin: 0 auto 52px auto;
}

.az-ind-overline-wrap {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-bottom: 12px;
}

.az-ind-overline {
    font-family: var(--az-font-mono, 'JetBrains Mono', monospace);
    font-size: 11px;
    font-weight: 700;
    color: #0878D1;
    letter-spacing: 0.09em;
    text-transform: uppercase;
}

.az-ind-overline-line {
    width: 32px;
    height: 2px;
    background: #0878D1;
}

.az-ind-section-title {
    font-family: var(--az-font-heading, 'Plus Jakarta Sans', sans-serif);
    font-size: clamp(28px, 3.5vw, 40px);
    font-weight: 800;
    line-height: 1.2;
    color: #0B1F33;
    margin: 0 0 16px 0;
    letter-spacing: -0.015em;
}

.az-ind-section-subtitle {
    font-family: var(--az-font-body, 'Inter', sans-serif);
    font-size: 16.5px;
    line-height: 1.65;
    color: #475569;
    margin: 0;
}

/* --------------------------------------------------------------------------
   SECTION 2: INDUSTRIES & APPLICATIONS (6 SECTOR CARDS)
   -------------------------------------------------------------------------- */
.az-ind-sectors-section {
    padding: 100px 0 90px 0;
    background: #FFFFFF;
}

.az-ind-cards-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 28px;
}

.az-ind-sector-card {
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 14px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    box-shadow: 0 4px 18px rgba(11, 31, 51, 0.04);
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.az-ind-sector-card:hover {
    transform: translateY(-8px);
    border-color: #0878D1;
    box-shadow: 0 25px 45px -10px rgba(8, 120, 209, 0.15);
}

.az-ind-card-thumb-wrap {
    position: relative;
    height: 195px;
    overflow: hidden;
    background: #0B1F33;
}

.az-ind-card-thumb {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

.az-ind-sector-card:hover .az-ind-card-thumb {
    transform: scale(1.08);
}

.az-ind-thumb-badge {
    position: absolute;
    bottom: 14px;
    left: 14px;
    background: rgba(11, 31, 51, 0.9);
    backdrop-filter: blur(6px);
    color: #FFFFFF;
    font-family: var(--az-font-mono, 'JetBrains Mono', monospace);
    font-size: 10px;
    font-weight: 700;
    padding: 4px 10px;
    border-radius: 4px;
    letter-spacing: 0.06em;
    border: 1px solid rgba(255, 255, 255, 0.15);
}

.az-ind-thumb-num {
    position: absolute;
    top: 14px;
    right: 14px;
    font-family: var(--az-font-mono, 'JetBrains Mono', monospace);
    font-size: 12px;
    font-weight: 800;
    color: rgba(255, 255, 255, 0.9);
    background: rgba(8, 120, 209, 0.85);
    padding: 3px 9px;
    border-radius: 4px;
}

.az-ind-card-body {
    padding: 26px 24px 22px 24px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.az-ind-card-title {
    font-family: var(--az-font-heading, 'Plus Jakarta Sans', sans-serif);
    font-size: 20px;
    font-weight: 700;
    color: #0B1F33;
    margin: 0 0 12px 0;
    line-height: 1.3;
}

.az-ind-card-copy {
    font-family: var(--az-font-body, 'Inter', sans-serif);
    font-size: 14.5px;
    line-height: 1.65;
    color: #475569;
    margin: 0 0 20px 0;
    flex-grow: 1;
}

.az-ind-tags-cloud {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-bottom: 22px;
}

.az-ind-tag-pill {
    background: #F1F5F9;
    color: #334155;
    font-family: var(--az-font-body, 'Inter', sans-serif);
    font-size: 11.5px;
    font-weight: 600;
    padding: 4px 10px;
    border-radius: 6px;
    border: 1px solid #E2E8F0;
    transition: all 0.2s ease;
}

.az-ind-sector-card:hover .az-ind-tag-pill {
    background: #EBF5FF;
    color: #0766B2;
    border-color: #BFDBFE;
}

.az-ind-card-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 16px;
    border-top: 1px solid #F1F5F9;
    font-size: 12px;
}

.az-ind-metric-note {
    font-family: var(--az-font-mono, 'JetBrains Mono', monospace);
    font-size: 10.5px;
    color: #64748B;
    font-weight: 600;
}

.az-ind-card-action {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-family: var(--az-font-body, 'Inter', sans-serif);
    font-size: 12.5px;
    font-weight: 700;
    color: #0878D1;
    text-decoration: none;
    transition: all 0.2s ease;
}

.az-ind-card-action:hover {
    color: #0766B2;
    transform: translateX(3px);
}

/* --------------------------------------------------------------------------
   SECTION 3: MEPF SYSTEMS ACROSS EVERY PROJECT
   -------------------------------------------------------------------------- */
.az-ind-systems-section {
    padding: 100px 0 90px 0;
    background: #F8FAFC;
    border-top: 1px solid #E2E8F0;
    border-bottom: 1px solid #E2E8F0;
}

.az-ind-disciplines-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 22px;
}

.az-ind-disc-card {
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-top: 4px solid #0878D1;
    border-radius: 12px;
    padding: 28px 22px;
    box-shadow: 0 4px 18px rgba(11, 31, 51, 0.04);
    display: flex;
    flex-direction: column;
    transition: all 0.3s ease;
}

.az-ind-disc-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 16px 36px -8px rgba(11, 31, 51, 0.1);
}

.az-ind-disc-header {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 18px;
}

.az-ind-disc-icon-wrap {
    width: 46px;
    height: 46px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid;
    flex-shrink: 0;
}

.az-ind-disc-icon-wrap svg {
    width: 24px;
    height: 24px;
}

.az-ind-disc-meta {
    display: flex;
    flex-direction: column;
}

.az-ind-disc-code {
    font-family: var(--az-font-mono, 'JetBrains Mono', monospace);
    font-size: 10.5px;
    font-weight: 700;
    letter-spacing: 0.06em;
    margin-bottom: 2px;
}

.az-ind-disc-name {
    font-family: var(--az-font-heading, 'Plus Jakarta Sans', sans-serif);
    font-size: 18px;
    font-weight: 700;
    color: #0B1F33;
    margin: 0;
    line-height: 1.25;
}

.az-ind-disc-summary {
    background: #F8FAFC;
    border-left: 3px solid #CBD5E1;
    padding: 12px 14px;
    border-radius: 0 8px 8px 0;
    font-family: var(--az-font-body, 'Inter', sans-serif);
    font-size: 13.5px;
    line-height: 1.55;
    color: #334155;
    margin-bottom: 20px;
}

.az-ind-disc-bullets {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
    flex-grow: 1;
}

.az-ind-disc-bullets li {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    font-family: var(--az-font-body, 'Inter', sans-serif);
    font-size: 13px;
    line-height: 1.5;
    color: #475569;
}

.az-bullet-check {
    font-weight: 900;
    font-size: 13px;
    flex-shrink: 0;
    line-height: 1.4;
}

.az-ind-scope-callout {
    max-width: 860px;
    margin: 44px auto 0 auto;
    background: #EFF6FF;
    border: 1px solid #BFDBFE;
    border-radius: 12px;
    padding: 18px 24px;
    display: flex;
    align-items: center;
    gap: 16px;
    color: #1E40AF;
    font-family: var(--az-font-body, 'Inter', sans-serif);
    font-size: 14.5px;
    line-height: 1.55;
}

.az-callout-icon {
    flex-shrink: 0;
    display: flex;
    align-items: center;
}

/* --------------------------------------------------------------------------
   SECTION 4: SUPPORT THAT FITS YOUR PROJECT
   -------------------------------------------------------------------------- */
.az-ind-support-section {
    padding: 100px 0 90px 0;
    background: #FFFFFF;
}

.az-ind-modalities-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 28px;
    margin-bottom: 48px;
}

.az-ind-mod-card {
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 14px;
    padding: 36px 28px;
    position: relative;
    box-shadow: 0 4px 18px rgba(11, 31, 51, 0.04);
    transition: all 0.3s ease;
}

.az-ind-mod-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 16px 36px -8px rgba(11, 31, 51, 0.1);
    border-color: #CBD5E1;
}

.az-ind-mod-card.az-ind-mod-featured {
    border-color: #0878D1;
    box-shadow: 0 14px 36px -8px rgba(8, 120, 209, 0.18);
}

.az-ind-mod-badge-pill {
    position: absolute;
    top: -12px;
    right: 24px;
    background: #0878D1;
    color: #FFFFFF;
    font-family: var(--az-font-mono, 'JetBrains Mono', monospace);
    font-size: 10px;
    font-weight: 700;
    padding: 4px 12px;
    border-radius: 999px;
    letter-spacing: 0.06em;
}

.az-ind-mod-icon {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background: #EBF5FF;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}

.az-ind-mod-tag {
    display: inline-block;
    font-family: var(--az-font-mono, 'JetBrains Mono', monospace);
    font-size: 10.5px;
    font-weight: 700;
    color: #0878D1;
    letter-spacing: 0.08em;
    margin-bottom: 8px;
}

.az-ind-mod-title {
    font-family: var(--az-font-heading, 'Plus Jakarta Sans', sans-serif);
    font-size: 20px;
    font-weight: 700;
    color: #0B1F33;
    margin: 0 0 14px 0;
    line-height: 1.3;
}

.az-ind-mod-copy {
    font-family: var(--az-font-body, 'Inter', sans-serif);
    font-size: 14.5px;
    line-height: 1.65;
    color: #475569;
    margin: 0;
}

/* Alignment Matrix Box */
.az-ind-alignment-box {
    background: #F8FAFC;
    border: 1px solid #E2E8F0;
    border-radius: 14px;
    padding: 36px 32px;
}

.az-ind-align-header {
    margin-bottom: 24px;
    text-align: left;
}

.az-ind-align-title {
    font-family: var(--az-font-heading, 'Plus Jakarta Sans', sans-serif);
    font-size: 20px;
    font-weight: 700;
    color: #0B1F33;
    margin: 0 0 8px 0;
}

.az-ind-align-sub {
    font-family: var(--az-font-body, 'Inter', sans-serif);
    font-size: 15px;
    color: #475569;
    margin: 0;
}

.az-ind-align-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

.az-align-item {
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 10px;
    padding: 20px 18px;
    display: flex;
    flex-direction: column;
}

.az-align-label {
    font-family: var(--az-font-mono, 'JetBrains Mono', monospace);
    font-size: 10.5px;
    font-weight: 700;
    color: #0878D1;
    letter-spacing: 0.06em;
    margin-bottom: 8px;
}

.az-align-val {
    font-family: var(--az-font-body, 'Inter', sans-serif);
    font-size: 13.5px;
    line-height: 1.55;
    color: #334155;
}

/* --------------------------------------------------------------------------
   SECTION 5: LET'S DISCUSS YOUR PROJECT (HIGH IMPACT CTA PORTAL)
   -------------------------------------------------------------------------- */
.az-ind-cta-section {
    padding: 90px 0 100px 0;
    background-color: #0B1F33;
    background-image: radial-gradient(rgba(255, 255, 255, 0.08) 1px, transparent 1px);
    background-size: 24px 24px;
    position: relative;
    border-top: 1px solid #1E293B;
}

.az-ind-cta-card {
    max-width: 940px;
    margin: 0 auto;
    text-align: center;
    color: #FFFFFF;
}

.az-ind-cta-top-tag {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(8, 120, 209, 0.2);
    border: 1px solid rgba(56, 189, 248, 0.4);
    padding: 6px 14px;
    border-radius: 999px;
    margin-bottom: 20px;
    font-family: var(--az-font-mono, 'JetBrains Mono', monospace);
    font-size: 11px;
    font-weight: 700;
    color: #38BDF8;
    letter-spacing: 0.08em;
}

.az-ind-cta-dot {
    width: 7px;
    height: 7px;
    background: #38BDF8;
    border-radius: 50%;
    box-shadow: 0 0 8px #38BDF8;
}

.az-ind-cta-heading {
    font-family: var(--az-font-heading, 'Plus Jakarta Sans', sans-serif);
    font-size: clamp(30px, 4vw, 44px);
    font-weight: 800;
    line-height: 1.2;
    color: #FFFFFF;
    margin: 0 0 14px 0;
    letter-spacing: -0.015em;
}

.az-ind-cta-subheading {
    font-family: var(--az-font-heading, 'Plus Jakarta Sans', sans-serif);
    font-size: 19px;
    font-weight: 600;
    color: #38BDF8;
    margin: 0 0 16px 0;
    line-height: 1.4;
}

.az-ind-cta-body {
    font-family: var(--az-font-body, 'Inter', sans-serif);
    font-size: 16px;
    line-height: 1.65;
    color: #94A3B8;
    max-width: 780px;
    margin: 0 auto 34px auto;
}

.az-ind-scoping-checklist {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 14px;
    margin-bottom: 38px;
    text-align: left;
}

.az-scope-check-item {
    background: rgba(30, 41, 59, 0.7);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 8px;
    padding: 12px 14px;
    display: flex;
    align-items: center;
    gap: 10px;
    font-family: var(--az-font-body, 'Inter', sans-serif);
    font-size: 12.5px;
    color: #E2E8F0;
    font-weight: 500;
}

.az-scope-check-item svg {
    flex-shrink: 0;
}

.az-ind-cta-actions {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    margin-bottom: 34px;
    flex-wrap: wrap;
}

.az-ind-cta-actions .az-btn-lg {
    padding: 14px 30px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    border-radius: 8px !important;
}

.az-ind-cta-meta-strip {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    font-family: var(--az-font-mono, 'JetBrains Mono', monospace);
    font-size: 11px;
    color: #64748B;
    letter-spacing: 0.05em;
    flex-wrap: wrap;
}

/* --------------------------------------------------------------------------
   RESPONSIVE DESIGN (< 1024px, < 768px, < 480px)
   -------------------------------------------------------------------------- */
@media (max-width: 1024px) {
    .az-ind-hero-grid {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .az-ind-cards-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 22px;
    }

    .az-ind-disciplines-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }

    .az-ind-modalities-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .az-ind-align-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }

    .az-ind-scoping-checklist {
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
    }
}

@media (max-width: 767px) {
    .az-ind-hero-section {
        padding: 60px 0 50px 0;
    }

    .az-ind-sectors-section,
    .az-ind-systems-section,
    .az-ind-support-section,
    .az-ind-cta-section {
        padding: 60px 0;
    }

    .az-ind-cards-grid {
        grid-template-columns: 1fr;
    }

    .az-ind-disciplines-grid {
        grid-template-columns: 1fr;
    }

    .az-ind-align-grid {
        grid-template-columns: 1fr;
    }

    .az-ind-scoping-checklist {
        grid-template-columns: 1fr;
    }

    .az-ind-hud-meta-row {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .az-ind-cta-actions {
        flex-direction: column;
        width: 100%;
    }

    .az-ind-cta-actions .az-btn {
        width: 100%;
        justify-content: center;
    }
}


/* ==========================================================================
   AZ SYNERGY GROUP — MEPF BIM MODELLING PAGE STYLES
   ========================================================================== */
.az-mepf-page-wrapper {
    background-color: var(--az-bg-body, #ffffff);
    color: var(--az-slate-muted, #475569);
    font-family: var(--az-font-body, 'Inter', sans-serif);
    overflow-x: clip !important;
    width: 100%;
}

.az-mepf-container {
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 24px;
    box-sizing: border-box;
}

/* Badges */
.az-mepf-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 14px;
    background: #EBF5FF;
    border: 1px solid #BFDBFE;
    border-radius: 9999px;
    color: #0878D1;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.az-mepf-badge-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #0878D1;
    box-shadow: 0 0 8px rgba(8, 120, 209, 0.6);
    animation: az-pulse 2s infinite ease-in-out;
}

.az-mepf-badge.az-badge-white {
    background: rgba(255, 255, 255, 0.12);
    border-color: rgba(255, 255, 255, 0.25);
    color: #FFFFFF;
}
.az-mepf-badge.az-badge-white .az-mepf-badge-dot {
    background: #38BDF8;
    box-shadow: 0 0 8px #38BDF8;
}

/* Section Header Typography */
.az-mepf-section-header {
    text-align: center;
    max-width: 820px;
    margin: 0 auto 52px auto;
}

.az-mepf-section-title {
    font-family: var(--az-font-heading, 'Plus Jakarta Sans', sans-serif);
    font-size: clamp(28px, 3.2vw, 40px);
    font-weight: 800;
    color: var(--az-navy-primary, #0B1F33);
    line-height: 1.2;
    letter-spacing: -0.02em;
    margin: 0 0 16px 0;
}

.az-mepf-section-subtitle {
    font-size: clamp(15px, 1.2vw, 17px);
    line-height: 1.65;
    color: var(--az-slate-muted, #475569);
    margin: 0;
}

/* ==========================================================================
   01. HERO SECTION
   ========================================================================== */
.az-mepf-hero-section {
    padding: 100px 0 80px 0;
    background: linear-gradient(180deg, #F8FAFC 0%, #FFFFFF 100%);
    border-bottom: 1px solid #E2E8F0;
    position: relative;
}

.az-mepf-hero-grid {
    display: grid;
    grid-template-columns: 1.05fr 0.95fr;
    gap: 48px;
    align-items: center;
}

.az-mepf-hero-title {
    font-family: var(--az-font-heading, 'Plus Jakarta Sans', sans-serif);
    font-size: clamp(34px, 4.2vw, 52px);
    font-weight: 800;
    color: var(--az-navy-primary, #0B1F33);
    line-height: 1.12;
    letter-spacing: -0.03em;
    margin: 0 0 12px 0;
}

.az-mepf-hero-subtitle {
    font-family: var(--az-font-heading, 'Plus Jakarta Sans', sans-serif);
    font-size: clamp(20px, 2.2vw, 26px);
    font-weight: 700;
    color: var(--az-accent, #0878D1);
    line-height: 1.3;
    margin: 0 0 24px 0;
}

.az-mepf-hero-narrative p {
    font-size: 15px;
    line-height: 1.7;
    color: var(--az-slate-muted, #475569);
    margin: 0 0 14px 0;
}
.az-mepf-hero-narrative p:last-child {
    margin-bottom: 30px;
}

.az-mepf-hero-actions {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
    margin-bottom: 36px;
}

.az-mepf-btn-cta {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 14px 28px;
    font-size: 15px;
    font-weight: 700;
    border-radius: 8px;
}

.az-mepf-btn-secondary {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 14px 24px;
    font-size: 15px;
    font-weight: 600;
    background: #FFFFFF;
    color: var(--az-navy-primary, #0B1F33);
    border: 1px solid #CBD5E1;
    border-radius: 8px;
    text-decoration: none;
    transition: var(--az-transition, all 0.2s ease);
}
.az-mepf-btn-secondary:hover {
    background: #F1F5F9;
    border-color: #94A3B8;
    color: #0878D1;
}

.az-mepf-hero-metrics {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
    padding-top: 24px;
    border-top: 1px solid #E2E8F0;
}

.az-mepf-metric-card {
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 8px;
    padding: 12px 14px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.03);
}

.az-mepf-metric-val {
    font-family: var(--az-font-heading, 'Plus Jakarta Sans', sans-serif);
    font-size: 15px;
    font-weight: 800;
    color: var(--az-navy-primary, #0B1F33);
    margin-bottom: 2px;
}

.az-mepf-metric-lbl {
    font-size: 11px;
    font-weight: 600;
    color: var(--az-slate-light, #64748B);
    letter-spacing: 0.02em;
}

/* Hero Visual Viewport */
.az-mepf-viewport-card {
    background: #0B1F33;
    border-radius: 14px;
    overflow: hidden;
    border: 1px solid #1E293B;
    box-shadow: 0 20px 40px rgba(11, 31, 51, 0.18);
}

.az-mepf-viewport-header {
    background: #071524;
    padding: 12px 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #1E293B;
}

.az-mepf-viewport-dots {
    display: flex;
    gap: 6px;
}
.az-mepf-viewport-dots span {
    width: 10px;
    height: 10px;
    border-radius: 50%;
}
.az-mepf-viewport-dots span:nth-child(1) { background: #EF4444; }
.az-mepf-viewport-dots span:nth-child(2) { background: #F59E0B; }
.az-mepf-viewport-dots span:nth-child(3) { background: #10B981; }

.az-mepf-viewport-tag {
    font-size: 11px;
    font-family: var(--az-font-mono, monospace);
    color: #94A3B8;
    letter-spacing: 0.06em;
}

.az-mepf-viewport-status {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 10px;
    font-weight: 700;
    color: #10B981;
    letter-spacing: 0.06em;
}

.az-mepf-status-pulse {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #10B981;
    box-shadow: 0 0 6px #10B981;
    animation: az-pulse 1.8s infinite ease-in-out;
}

.az-mepf-viewport-media {
    position: relative;
    background: #0B1F33;
    overflow: hidden;
}

.az-mepf-viewport-img {
    width: 100%;
    height: 380px;
    object-fit: cover;
    display: block;
    transition: transform 0.4s ease;
}
.az-mepf-viewport-card:hover .az-mepf-viewport-img {
    transform: scale(1.02);
}

.az-mepf-viewport-legend {
    position: absolute;
    bottom: 12px;
    left: 12px;
    right: 12px;
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    background: rgba(11, 31, 51, 0.88);
    backdrop-filter: blur(8px);
    padding: 8px 12px;
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.legend-chip {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 10px;
    font-weight: 700;
    color: #F1F5F9;
    letter-spacing: 0.05em;
}

.chip-color {
    width: 8px;
    height: 8px;
    border-radius: 2px;
}
.legend-hvac .chip-color { background: #0878D1; }
.legend-elec .chip-color { background: #F59E0B; }
.legend-plumb .chip-color { background: #10B981; }
.legend-fire .chip-color { background: #EF4444; }

.az-mepf-viewport-footer {
    background: #071524;
    padding: 14px 18px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
    border-top: 1px solid #1E293B;
}

.az-mepf-footer-item .az-lbl {
    display: block;
    font-size: 10px;
    font-weight: 700;
    color: #64748B;
    letter-spacing: 0.06em;
    margin-bottom: 2px;
}
.az-mepf-footer-item .az-val {
    display: block;
    font-size: 12px;
    font-weight: 600;
    color: #E2E8F0;
}

/* =========================================================
   02. OUR MEPF MODELLING SERVICES
   ========================================================= */
.az-mepf-services-section {
    padding: 90px 0;
    background: #FFFFFF;
}

.az-mepf-services-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
    margin-bottom: 40px;
}

.az-mepf-service-card {
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 12px;
    overflow: hidden;
    transition: var(--az-transition, all 0.22s ease);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.03);
    display: flex;
    flex-direction: column;
}

.az-mepf-service-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 30px rgba(11, 31, 51, 0.09);
}

.service-hvac:hover { border-color: #0878D1; }
.service-elec:hover { border-color: #F59E0B; }
.service-plumb:hover { border-color: #10B981; }
.service-fire:hover { border-color: #EF4444; }

.az-mepf-service-image-wrap {
    position: relative;
    height: 180px;
    overflow: hidden;
    background: #0B1F33;
}

.az-mepf-service-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
}
.az-mepf-service-card:hover .az-mepf-service-img {
    transform: scale(1.05);
}

.az-mepf-service-tag-badge {
    position: absolute;
    top: 12px;
    left: 12px;
    background: rgba(11, 31, 51, 0.88);
    backdrop-filter: blur(4px);
    color: #FFFFFF;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.06em;
    padding: 4px 8px;
    border-radius: 4px;
}

.az-mepf-service-body {
    padding: 22px;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.az-mepf-service-icon-box {
    width: 44px;
    height: 44px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 16px;
}
.az-icon-blue { background: #EBF5FF; color: #0878D1; }
.az-icon-amber { background: #FEF3C7; color: #D97706; }
.az-icon-green { background: #ECFDF5; color: #059669; }
.az-icon-red { background: #FEE2E2; color: #DC2626; }

.az-mepf-service-name {
    font-family: var(--az-font-heading, 'Plus Jakarta Sans', sans-serif);
    font-size: 19px;
    font-weight: 800;
    color: var(--az-navy-primary, #0B1F33);
    line-height: 1.3;
    margin: 0 0 10px 0;
}

.az-mepf-service-desc {
    font-size: 13.5px;
    line-height: 1.6;
    color: var(--az-slate-muted, #475569);
    margin: 0 0 16px 0;
    flex-grow: 1;
}

.az-mepf-service-highlights {
    border-top: 1px solid #F1F5F9;
    padding-top: 14px;
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.az-mepf-service-highlights span {
    font-size: 12px;
    color: var(--az-slate-light, #64748B);
    line-height: 1.4;
}

/* Integration Package Callout */
.az-mepf-package-callout {
    background: #F8FAFC;
    border: 1px solid #BFDBFE;
    border-radius: 12px;
    padding: 20px 24px;
    display: flex;
    align-items: center;
    gap: 20px;
    box-shadow: 0 2px 8px rgba(8, 120, 209, 0.05);
}

.az-mepf-package-icon {
    width: 48px;
    height: 48px;
    border-radius: 10px;
    background: #EBF5FF;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.az-mepf-package-content {
    flex-grow: 1;
    font-size: 14px;
    line-height: 1.6;
    color: var(--az-navy-primary, #0B1F33);
}
.az-mepf-package-content strong {
    color: #0878D1;
    display: inline-block;
    margin-right: 6px;
}

/* =========================================================
   03. WHAT OUR MODELLING SCOPE CAN INCLUDE
   ========================================================= */
.az-mepf-scope-section {
    padding: 90px 0;
    background: #F8FAFC;
    border-top: 1px solid #E2E8F0;
    border-bottom: 1px solid #E2E8F0;
}

.az-mepf-scope-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    margin-bottom: 32px;
}

.az-mepf-scope-card {
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 12px;
    padding: 28px 24px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.02);
    transition: var(--az-transition, all 0.22s ease);
}
.az-mepf-scope-card:hover {
    transform: translateY(-4px);
    border-color: #BFDBFE;
    box-shadow: 0 10px 24px rgba(8, 120, 209, 0.08);
}

.az-mepf-scope-card-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px;
}

.az-mepf-scope-num {
    font-family: var(--az-font-mono, monospace);
    font-size: 14px;
    font-weight: 800;
    color: #0878D1;
    background: #EBF5FF;
    padding: 3px 10px;
    border-radius: 6px;
}

.az-mepf-scope-icon-wrap {
    width: 40px;
    height: 40px;
    border-radius: 8px;
    background: #F8FAFC;
    display: flex;
    align-items: center;
    justify-content: center;
}

.az-mepf-scope-item-title {
    font-family: var(--az-font-heading, 'Plus Jakarta Sans', sans-serif);
    font-size: 18px;
    font-weight: 800;
    color: var(--az-navy-primary, #0B1F33);
    margin: 0 0 10px 0;
    line-height: 1.3;
}

.az-mepf-scope-item-desc {
    font-size: 14px;
    line-height: 1.6;
    color: var(--az-slate-muted, #475569);
    margin: 0 0 16px 0;
}

.az-mepf-scope-item-details {
    border-top: 1px solid #F1F5F9;
    padding-top: 14px;
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.az-mepf-scope-item-details span {
    font-size: 12px;
    color: var(--az-slate-light, #64748B);
    line-height: 1.45;
}

.az-mepf-scope-outro {
    background: #FFFFFF;
    border: 1px solid #CBD5E1;
    border-radius: 10px;
    padding: 16px 20px;
    display: flex;
    align-items: center;
    gap: 14px;
    max-width: 900px;
    margin: 0 auto;
}

.az-mepf-outro-text {
    font-size: 13.5px;
    color: var(--az-slate-muted, #475569);
    line-height: 1.5;
}
.az-mepf-outro-text strong {
    color: var(--az-navy-primary, #0B1F33);
    margin-right: 6px;
}

/* =========================================================
   04. OUR MODELLING WORKFLOW
   ========================================================= */
.az-mepf-workflow-section {
    padding: 90px 0;
    background: #FFFFFF;
}

.az-mepf-workflow-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    margin-bottom: 40px;
}

.az-mepf-step-card {
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 12px;
    padding: 24px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.03);
    position: relative;
    transition: var(--az-transition, all 0.22s ease);
}
.az-mepf-step-card:hover {
    transform: translateY(-4px);
    border-color: #0878D1;
    box-shadow: 0 10px 24px rgba(8, 120, 209, 0.08);
}

.az-mepf-step-card-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 14px;
}

.az-mepf-step-num {
    font-family: var(--az-font-heading, 'Plus Jakarta Sans', sans-serif);
    font-size: 28px;
    font-weight: 800;
    color: #0878D1;
    line-height: 1;
}

.az-mepf-step-tag {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.06em;
    color: #64748B;
    background: #F1F5F9;
    padding: 3px 8px;
    border-radius: 4px;
}

.az-mepf-step-heading {
    font-family: var(--az-font-heading, 'Plus Jakarta Sans', sans-serif);
    font-size: 17px;
    font-weight: 800;
    color: var(--az-navy-primary, #0B1F33);
    margin: 0 0 10px 0;
    line-height: 1.3;
}

.az-mepf-step-desc {
    font-size: 13.5px;
    line-height: 1.6;
    color: var(--az-slate-muted, #475569);
    margin: 0 0 16px 0;
}

.az-mepf-step-checks {
    border-top: 1px solid #F1F5F9;
    padding-top: 12px;
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.az-mepf-step-checks span {
    font-size: 12px;
    color: var(--az-slate-light, #64748B);
    line-height: 1.4;
}

/* Multidisciplinary Synergy Banner */
.az-mepf-synergy-banner {
    background: linear-gradient(135deg, #0B1F33 0%, #1E293B 100%);
    border-radius: 14px;
    padding: 30px 36px;
    display: flex;
    align-items: center;
    gap: 24px;
    color: #FFFFFF;
    box-shadow: 0 12px 30px rgba(11, 31, 51, 0.15);
}

.az-mepf-synergy-icon {
    width: 52px;
    height: 52px;
    border-radius: 12px;
    background: rgba(8, 120, 209, 0.2);
    border: 1px solid rgba(8, 120, 209, 0.4);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.az-mepf-synergy-body {
    flex-grow: 1;
}

.az-mepf-synergy-tag {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.08em;
    color: #38BDF8;
    text-transform: uppercase;
    margin-bottom: 6px;
}

.az-mepf-synergy-title {
    font-family: var(--az-font-heading, 'Plus Jakarta Sans', sans-serif);
    font-size: 20px;
    font-weight: 800;
    color: #FFFFFF;
    margin: 0 0 8px 0;
}

.az-mepf-synergy-text {
    font-size: 14px;
    line-height: 1.6;
    color: #CBD5E1;
    margin: 0;
}

.az-link-blue {
    color: #38BDF8;
    text-decoration: underline;
    transition: color 0.2s;
}
.az-link-blue:hover {
    color: #7DD3FC;
}

.az-mepf-synergy-actions {
    display: flex;
    gap: 12px;
    flex-shrink: 0;
}

.az-btn-outline {
    background: transparent;
    color: #FFFFFF;
    border: 1px solid rgba(255, 255, 255, 0.3);
    padding: 10px 18px;
    font-size: 13px;
    font-weight: 600;
    border-radius: 6px;
    text-decoration: none;
    transition: all 0.2s ease;
}
.az-btn-outline:hover {
    background: #0878D1;
    border-color: #0878D1;
    color: #FFFFFF;
}

/* =========================================================
   05. FLEXIBLE SUPPORT FOR BIM TEAMS
   ========================================================= */
.az-mepf-support-section {
    padding: 90px 0;
    background: #F8FAFC;
    border-top: 1px solid #E2E8F0;
    border-bottom: 1px solid #E2E8F0;
}

.az-mepf-support-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 18px;
    margin-bottom: 30px;
}

.az-mepf-support-card {
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 12px;
    padding: 24px 20px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);
    display: flex;
    flex-direction: column;
    transition: var(--az-transition, all 0.22s ease);
}
.az-mepf-support-card:hover {
    transform: translateY(-4px);
    border-color: #BFDBFE;
    box-shadow: 0 10px 24px rgba(8, 120, 209, 0.08);
}

.az-mepf-support-icon-wrap {
    width: 44px;
    height: 44px;
    border-radius: 10px;
    background: #EBF5FF;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 16px;
}

.az-mepf-support-card-title {
    font-family: var(--az-font-heading, 'Plus Jakarta Sans', sans-serif);
    font-size: 16px;
    font-weight: 800;
    color: var(--az-navy-primary, #0B1F33);
    margin: 0 0 10px 0;
    line-height: 1.3;
}

.az-mepf-support-card-desc {
    font-size: 13px;
    line-height: 1.55;
    color: var(--az-slate-muted, #475569);
    margin: 0 0 18px 0;
    flex-grow: 1;
}

.az-mepf-support-tag {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.06em;
    color: #0878D1;
    background: #F1F5F9;
    padding: 4px 8px;
    border-radius: 4px;
    display: inline-block;
    align-self: flex-start;
}

.az-mepf-support-note {
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 10px;
    padding: 14px 20px;
    display: flex;
    align-items: center;
    gap: 12px;
    max-width: 820px;
    margin: 0 auto;
    font-size: 13.5px;
    color: var(--az-slate-muted, #475569);
}

/* =========================================================
   06. WHAT WE NEED TO PREPARE A QUOTE
   ========================================================= */
.az-mepf-quote-section {
    padding: 90px 0 100px 0;
    background: #FFFFFF;
}

.az-mepf-quote-card {
    background: linear-gradient(135deg, #0B1F33 0%, #172E47 100%);
    border-radius: 18px;
    padding: 56px 48px;
    color: #FFFFFF;
    box-shadow: 0 20px 50px rgba(11, 31, 51, 0.2);
    border: 1px solid #1E293B;
}

.az-mepf-quote-heading {
    font-family: var(--az-font-heading, 'Plus Jakarta Sans', sans-serif);
    font-size: clamp(28px, 3.2vw, 42px);
    font-weight: 800;
    color: #FFFFFF;
    line-height: 1.2;
    margin: 0 0 14px 0;
}

.az-mepf-quote-lead {
    font-size: clamp(15px, 1.2vw, 17px);
    line-height: 1.65;
    color: #CBD5E1;
    max-width: 840px;
    margin: 0 0 36px 0;
}

.az-mepf-inputs-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
    margin-bottom: 32px;
}

.az-mepf-input-chip {
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 10px;
    padding: 18px;
    display: flex;
    gap: 14px;
    transition: var(--az-transition, all 0.2s ease);
}
.az-mepf-input-chip:hover {
    background: rgba(255, 255, 255, 0.1);
    border-color: rgba(56, 189, 248, 0.4);
    transform: translateY(-2px);
}

.chip-number {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    background: #0878D1;
    color: #FFFFFF;
    font-family: var(--az-font-mono, monospace);
    font-size: 14px;
    font-weight: 800;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.chip-info strong {
    display: block;
    font-size: 14.5px;
    font-weight: 700;
    color: #FFFFFF;
    margin-bottom: 4px;
}
.chip-info p {
    font-size: 12.5px;
    line-height: 1.45;
    color: #94A3B8;
    margin: 0;
}

.az-mepf-quote-nextstep {
    font-size: 16px;
    font-weight: 600;
    color: #38BDF8;
    margin: 0 0 32px 0;
    padding-top: 10px;
}

.az-mepf-quote-footer {
    display: flex;
    align-items: center;
    gap: 24px;
    flex-wrap: wrap;
    border-top: 1px solid rgba(255, 255, 255, 0.12);
    padding-top: 28px;
}

.az-mepf-btn-cta-lg {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 16px 32px;
    font-size: 16px;
    font-weight: 700;
    border-radius: 8px;
}

.az-mepf-quote-direct {
    font-size: 13.5px;
    color: #94A3B8;
}
.az-mepf-quote-direct a {
    color: #FFFFFF;
    text-decoration: underline;
    font-weight: 600;
    margin-left: 4px;
}
.az-mepf-quote-direct a:hover {
    color: #38BDF8;
}

/* =========================================================
   RESPONSIVE BREAKPOINTS
   ========================================================= */
@media (max-width: 1024px) {
    .az-mepf-services-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .az-mepf-scope-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .az-mepf-workflow-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .az-mepf-support-grid {
        grid-template-columns: repeat(3, 1fr);
    }
    .az-mepf-inputs-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 900px) {
    .az-mepf-hero-grid {
        grid-template-columns: 1fr;
        gap: 40px;
    }
    .az-mepf-synergy-banner {
        flex-direction: column;
        align-items: flex-start;
    }
    .az-mepf-quote-card {
        padding: 36px 24px;
    }
}

@media (max-width: 640px) {
    .az-mepf-hero-section,
    .az-mepf-services-section,
    .az-mepf-scope-section,
    .az-mepf-workflow-section,
    .az-mepf-support-section,
    .az-mepf-quote-section {
        padding: 60px 0;
    }
    .az-mepf-services-grid {
        grid-template-columns: 1fr;
    }
    .az-mepf-scope-grid {
        grid-template-columns: 1fr;
    }
    .az-mepf-workflow-grid {
        grid-template-columns: 1fr;
    }
    .az-mepf-support-grid {
        grid-template-columns: 1fr;
    }
    .az-mepf-inputs-grid {
        grid-template-columns: 1fr;
    }
    .az-mepf-hero-metrics {
        grid-template-columns: 1fr;
    }
    .az-mepf-hero-actions {
        flex-direction: column;
        align-items: stretch;
    }
    .az-mepf-btn-cta,
    .az-mepf-btn-secondary,
    .az-mepf-btn-cta-lg {
        width: 100%;
        justify-content: center;
    }
    .az-mepf-package-callout {
        flex-direction: column;
        align-items: flex-start;
    }
    .az-mepf-viewport-footer {
        grid-template-columns: 1fr;
    }
}

/* ==========================================================================
   PAGE 6: INDUSTRIES WE SUPPORT — UNIVERSAL FLUID RESPONSIVE ARCHITECTURE
   Guaranteed Zero-Overflow, 4 Responsive Tiers (320px to 2560px 4K)
   ========================================================================== */

/* 1. Global Zero-Overflow Guarantee & Root Wrappers */
.az-industries-redesign-wrapper,
.az-ind-hero-section,
.az-ind-sectors-section,
.az-ind-closing-cta-section {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    overflow-x: clip !important;
}

/* Standardized Fluid Container across all 3 Sections */
.az-ind-container {
    max-width: 1240px !important;
    margin: 0 auto !important;
    padding: 0 clamp(14px, 3vw, 24px) !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* Defensive Box-Sizing & Min-Width for all Flex & Grid Children */
.az-ind-hero-header-block,
.az-ind-accordion-wall-wrap,
.az-ind-accordion-deck,
.az-ind-cards-grid,
.az-ind-sector-card,
.az-ind-closing-cta-box,
.az-ind-closing-cta-content,
.az-ind-closing-telemetry-col,
.az-closing-telemetry-card {
    box-sizing: border-box !important;
    min-width: 0 !important;
}

.az-ind-cards-grid > *,
.az-ind-closing-cta-box > *,
.az-ind-accordion-deck > *,
.az-ind-card-footer > *,
.az-telemetry-items > *,
.az-telemetry-item > * {
    min-width: 0 !important;
    box-sizing: border-box !important;
}

/* ==========================================================================
   SECTION 01: HERO & KINETIC ACCORDION SUITE
   ========================================================================== */
.az-ind-hero-section {
    position: relative !important;
    padding: clamp(24px, 4vw, 36px) 0 clamp(40px, 6vw, 70px) 0 !important;
    background-color: #FFFFFF !important;
    background-image: radial-gradient(#CBD5E1 1px, transparent 1px) !important;
    background-size: 28px 28px !important;
    border-bottom: 1px solid #E2E8F0 !important;
}

.az-ind-hero-header-block {
    width: 100% !important;
    max-width: 880px !important;
    margin-bottom: clamp(20px, 3vw, 32px) !important;
    text-align: left !important;
}

.az-ind-hero-overline-wrap {
    display: inline-flex !important;
    align-items: center !important;
    gap: 12px !important;
    margin-bottom: 12px !important;
    max-width: 100% !important;
    flex-wrap: wrap !important;
}

.az-ind-hero-overline {
    font-family: var(--az-font-heading, 'Plus Jakarta Sans', sans-serif) !important;
    font-size: clamp(11.5px, 1.2vw, 13px) !important;
    font-weight: 800 !important;
    color: #0878D1 !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    overflow-wrap: break-word !important;
}

.az-ind-hero-overline-line {
    display: inline-block !important;
    width: 36px !important;
    height: 2.5px !important;
    background: #0878D1 !important;
    border-radius: 2px !important;
    flex-shrink: 0 !important;
}

.az-ind-hero-title {
    font-family: var(--az-font-heading, 'Plus Jakarta Sans', sans-serif) !important;
    font-size: clamp(28px, 4.8vw, 46px) !important;
    font-weight: 800 !important;
    line-height: 1.15 !important;
    margin: 0 0 clamp(12px, 2vw, 18px) 0 !important;
    letter-spacing: -0.025em !important;
    overflow-wrap: break-word !important;
    word-break: normal !important;
}

.az-ind-hero-title .az-title-dark {
    color: #0B192C !important;
}

.az-ind-hero-title .az-title-blue {
    color: #0878D1 !important;
}

.az-ind-hero-lead-box {
    margin-bottom: clamp(14px, 2.5vw, 24px) !important;
    width: 100% !important;
    max-width: 840px !important;
}

.az-ind-hero-para {
    font-family: var(--az-font-body, 'Inter', sans-serif) !important;
    font-size: clamp(14.5px, 1.15vw, 16px) !important;
    line-height: 1.65 !important;
    color: #475569 !important;
    margin: 0 0 10px 0 !important;
    overflow-wrap: break-word !important;
}

.az-ind-hero-para.az-lead-para {
    font-size: clamp(15.5px, 1.35vw, 17.5px) !important;
    font-weight: 500 !important;
    color: #1E293B !important;
    line-height: 1.6 !important;
}

/* Accordion Deck (Desktop: Kinetic Horizontal; Mobile/Tablet: Fluid Vertical Stacking) */
.az-ind-accordion-wall-wrap {
    width: 100% !important;
    margin-top: 10px !important;
    box-sizing: border-box !important;
}

.az-ind-accordion-deck {
    display: flex !important;
    align-items: stretch !important;
    gap: 10px !important;
    min-height: 400px !important;
    height: clamp(380px, 32vw, 460px) !important;
    width: 100% !important;
    border-radius: 16px !important;
    border: 1px solid #E2E8F0 !important;
    padding: 10px !important;
    background: #FFFFFF !important;
    box-shadow: 0 10px 30px rgba(11, 31, 51, 0.05) !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}

.az-ind-accordion-item {
    position: relative !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    cursor: pointer !important;
    background: #0B192C !important;
    transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;
    min-width: 60px !important;
    box-sizing: border-box !important;
}

.az-ind-acc-img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
    transition: transform 0.7s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.5s ease !important;
}

/* Active State (Desktop) */
.az-ind-accordion-item.active {
    flex: 3.5 !important;
}

.az-ind-accordion-item.active .az-ind-acc-img {
    opacity: 0.75 !important;
    transform: scale(1.04) !important;
}

.az-ind-accordion-item.active .az-ind-acc-collapsed {
    opacity: 0 !important;
    pointer-events: none !important;
}

.az-ind-accordion-item.active .az-ind-acc-expanded {
    opacity: 1 !important;
    transform: translateY(0) !important;
    pointer-events: auto !important;
}

/* Inactive State (Desktop) */
.az-ind-accordion-item:not(.active) {
    flex: 1 !important;
}

.az-ind-accordion-item:not(.active) .az-ind-acc-img {
    opacity: 0.45 !important;
    filter: grayscale(35%) !important;
}

.az-ind-accordion-item:not(.active):hover .az-ind-acc-img {
    opacity: 0.65 !important;
    filter: grayscale(0%) !important;
}

.az-ind-accordion-item:not(.active) .az-ind-acc-collapsed {
    opacity: 1 !important;
    pointer-events: auto !important;
}

.az-ind-accordion-item:not(.active) .az-ind-acc-expanded {
    opacity: 0 !important;
    transform: translateY(16px) !important;
    pointer-events: none !important;
}

/* Collapsed Vertical Title (Desktop) */
.az-ind-acc-collapsed {
    position: absolute !important;
    inset: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 24px 4px !important;
    background: rgba(11, 25, 44, 0.65) !important;
    backdrop-filter: blur(2px) !important;
    color: #FFFFFF !important;
    transition: opacity 0.3s ease !important;
    box-sizing: border-box !important;
}

.az-ind-acc-collapsed-dot {
    width: 8px !important;
    height: 8px !important;
    border-radius: 50% !important;
    background: #0878D1 !important;
    box-shadow: 0 0 8px rgba(8, 120, 209, 0.8) !important;
    flex-shrink: 0 !important;
}

.az-ind-acc-collapsed-title {
    font-family: var(--az-font-heading, 'Plus Jakarta Sans', sans-serif) !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
    writing-mode: vertical-rl !important;
    transform: rotate(180deg) !important;
    color: #E2E8F0 !important;
}

.az-ind-acc-collapsed-num {
    font-family: var(--az-font-mono, 'JetBrains Mono', monospace) !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    color: #94A3B8 !important;
}

/* Expanded Content Overlay */
.az-ind-acc-expanded {
    position: absolute !important;
    inset: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;
    padding: clamp(20px, 3.5vw, 32px) clamp(16px, 3vw, 28px) !important;
    background: linear-gradient(180deg, rgba(11, 25, 44, 0.1) 15%, rgba(11, 25, 44, 0.72) 55%, rgba(11, 25, 44, 0.95) 100%) !important;
    color: #FFFFFF !important;
    transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;
    box-sizing: border-box !important;
    overflow-y: auto !important;
}

.az-ind-acc-expanded-title {
    font-family: var(--az-font-heading, 'Plus Jakarta Sans', sans-serif) !important;
    font-size: clamp(20px, 2.5vw, 28px) !important;
    font-weight: 800 !important;
    color: #FFFFFF !important;
    margin: 0 0 10px 0 !important;
    line-height: 1.2 !important;
    overflow-wrap: break-word !important;
}

.az-ind-acc-expanded-copy {
    font-family: var(--az-font-body, 'Inter', sans-serif) !important;
    font-size: clamp(13.5px, 1.1vw, 15px) !important;
    line-height: 1.6 !important;
    color: #E2E8F0 !important;
    margin: 0 !important;
    width: 100% !important;
    max-width: 580px !important;
    overflow-wrap: break-word !important;
}

/* ==========================================================================
   SECTION 02: INDUSTRIES & APPLICATIONS (6 CARDS GRID)
   ========================================================================== */
.az-ind-sectors-section {
    position: relative !important;
    padding: clamp(50px, 7vw, 90px) 0 !important;
    background-color: #F8FAFC !important;
    border-bottom: 1px solid #E2E8F0 !important;
}

.az-ind-header-center {
    text-align: center !important;
    width: 100% !important;
    max-width: 780px !important;
    margin: 0 auto clamp(30px, 4.5vw, 50px) auto !important;
    box-sizing: border-box !important;
}

.az-ind-header-center .az-ind-overline-wrap {
    justify-content: center !important;
}

.az-ind-section-title {
    font-family: var(--az-font-heading, 'Plus Jakarta Sans', sans-serif) !important;
    font-size: clamp(26px, 3.8vw, 40px) !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    color: #0B192C !important;
    margin: 0 0 14px 0 !important;
    letter-spacing: -0.02em !important;
    overflow-wrap: break-word !important;
}

.az-ind-section-subtitle {
    font-family: var(--az-font-body, 'Inter', sans-serif) !important;
    font-size: clamp(14.5px, 1.15vw, 16px) !important;
    line-height: 1.65 !important;
    color: #475569 !important;
    margin: 0 auto !important;
    width: 100% !important;
    max-width: 660px !important;
    overflow-wrap: break-word !important;
}

/* 6 Industries Responsive Grid */
.az-ind-cards-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: clamp(18px, 2.5vw, 28px) !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.az-ind-sector-card {
    background: #FFFFFF !important;
    border: 1px solid #E2E8F0 !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    box-shadow: 0 4px 18px rgba(11, 31, 51, 0.04) !important;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
}

.az-ind-sector-card:hover {
    transform: translateY(-6px) !important;
    border-color: #0878D1 !important;
    box-shadow: 0 20px 40px -10px rgba(8, 120, 209, 0.15) !important;
}

.az-ind-card-thumb-wrap {
    position: relative !important;
    width: 100% !important;
    height: clamp(185px, 18vw, 220px) !important;
    min-height: 185px !important;
    overflow: hidden !important;
    background: #0B1F33 !important;
    box-sizing: border-box !important;
}

.az-ind-card-thumb {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
    transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.az-ind-sector-card:hover .az-ind-card-thumb {
    transform: scale(1.06) !important;
}

.az-ind-thumb-badge {
    position: absolute !important;
    bottom: 12px !important;
    left: 12px !important;
    background: rgba(11, 31, 51, 0.9) !important;
    backdrop-filter: blur(6px) !important;
    color: #FFFFFF !important;
    padding: 4px 10px !important;
    border-radius: 6px !important;
    font-family: var(--az-font-mono, 'JetBrains Mono', monospace) !important;
    font-size: 10.5px !important;
    font-weight: 700 !important;
    letter-spacing: 0.06em !important;
    max-width: calc(100% - 24px) !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.az-ind-thumb-num {
    position: absolute !important;
    top: 12px !important;
    right: 12px !important;
    width: 32px !important;
    height: 32px !important;
    background: rgba(11, 25, 44, 0.75) !important;
    backdrop-filter: blur(4px) !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #38BDF8 !important;
    font-family: var(--az-font-mono, 'JetBrains Mono', monospace) !important;
    font-size: 11px !important;
    font-weight: 700 !important;
}

.az-ind-card-body {
    padding: clamp(20px, 2.5vw, 26px) !important;
    display: flex !important;
    flex-direction: column !important;
    flex: 1 !important;
    box-sizing: border-box !important;
}

.az-ind-card-title {
    font-family: var(--az-font-heading, 'Plus Jakarta Sans', sans-serif) !important;
    font-size: clamp(18px, 1.8vw, 21px) !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
    color: #0B192C !important;
    margin: 0 0 10px 0 !important;
    overflow-wrap: break-word !important;
}

.az-ind-card-copy {
    font-family: var(--az-font-body, 'Inter', sans-serif) !important;
    font-size: clamp(13.5px, 1.1vw, 14.5px) !important;
    line-height: 1.6 !important;
    color: #475569 !important;
    margin: 0 0 18px 0 !important;
    flex: 1 !important;
    overflow-wrap: break-word !important;
}

.az-ind-tags-cloud {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    margin-bottom: 20px !important;
}

.az-ind-tag-pill {
    background: #F1F5F9 !important;
    color: #334155 !important;
    font-size: 11.5px !important;
    font-weight: 600 !important;
    padding: 4px 10px !important;
    border-radius: 6px !important;
    border: 1px solid #E2E8F0 !important;
    overflow-wrap: break-word !important;
    max-width: 100% !important;
}

.az-ind-sector-card:hover .az-ind-tag-pill {
    background: #EBF5FF !important;
    color: #0766B2 !important;
    border-color: #BFDBFE !important;
}

.az-ind-card-footer {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding-top: 16px !important;
    border-top: 1px solid #E2E8F0 !important;
    gap: 12px !important;
    box-sizing: border-box !important;
}

.az-ind-metric-note {
    font-family: var(--az-font-mono, 'JetBrains Mono', monospace) !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    color: #64748B !important;
    overflow-wrap: break-word !important;
}

.az-ind-card-action {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    color: #0878D1 !important;
    text-decoration: none !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    transition: all 0.2s ease !important;
    flex-shrink: 0 !important;
}

.az-ind-card-action:hover {
    color: #0660A9 !important;
    transform: translateX(3px) !important;
}

/* ==========================================================================
   SECTION 03: CLOSING CTA (CONCEPT 1 - ARCHITECTURAL SPLIT HORIZON LIGHT)
   ========================================================================== */
.az-ind-closing-cta-section {
    padding: clamp(50px, 7vw, 90px) 0 !important;
    background-color: #FFFFFF !important;
    background-image: radial-gradient(#E2E8F0 1.2px, transparent 1.2px) !important;
    background-size: 24px 24px !important;
    border-top: 1px solid #E2E8F0 !important;
    color: #0B192C !important;
    position: relative !important;
}

.az-ind-closing-cta-box {
    display: grid !important;
    grid-template-columns: 1.25fr 0.95fr !important;
    gap: clamp(32px, 4.5vw, 56px) !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.az-ind-closing-overline-wrap {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin-bottom: 14px !important;
    max-width: 100% !important;
    flex-wrap: wrap !important;
}

.az-ind-closing-overline-line {
    width: 24px !important;
    height: 2px !important;
    background: #0878D1 !important;
    display: inline-block !important;
    flex-shrink: 0 !important;
}

.az-ind-closing-overline {
    font-family: var(--az-font-mono, 'JetBrains Mono', monospace) !important;
    font-size: clamp(10.5px, 1.1vw, 11.5px) !important;
    font-weight: 700 !important;
    color: #0878D1 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    overflow-wrap: break-word !important;
}

.az-ind-closing-title {
    font-family: var(--az-font-heading, 'Plus Jakarta Sans', sans-serif) !important;
    font-size: clamp(26px, 4vw, 42px) !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    margin: 0 0 16px 0 !important;
    letter-spacing: -0.02em !important;
    overflow-wrap: break-word !important;
}

.az-ind-closing-title .az-title-dark,
.az-ind-closing-title .az-title-white {
    color: #0B192C !important;
}

.az-ind-closing-title .az-title-blue {
    color: #0878D1 !important;
}

.az-ind-closing-para {
    font-family: var(--az-font-body, 'Inter', sans-serif) !important;
    font-size: clamp(14.5px, 1.15vw, 16px) !important;
    line-height: 1.7 !important;
    color: #475569 !important;
    width: 100% !important;
    max-width: 580px !important;
    margin: 0 0 clamp(20px, 3vw, 32px) 0 !important;
    overflow-wrap: break-word !important;
}

.az-ind-closing-action-wrap {
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
    flex-wrap: wrap !important;
    box-sizing: border-box !important;
}

.az-btn-closing {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    background: #0878D1 !important;
    color: #FFFFFF !important;
    padding: clamp(12px, 1.6vw, 15px) clamp(24px, 2.5vw, 32px) !important;
    font-size: clamp(14px, 1.15vw, 15px) !important;
    font-weight: 700 !important;
    border-radius: 8px !important;
    text-decoration: none !important;
    box-shadow: 0 4px 14px rgba(8, 120, 209, 0.25) !important;
    transition: all 0.25s ease !important;
    box-sizing: border-box !important;
    max-width: 100% !important;
}

.az-btn-closing:hover {
    background: #0660A9 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(8, 120, 209, 0.35) !important;
}

.az-btn-closing svg {
    transition: transform 0.2s ease !important;
    flex-shrink: 0 !important;
}

.az-btn-closing:hover svg {
    transform: translateX(4px) !important;
}

/* Pre-Flight Assurance Console (Light Card) */
.az-closing-telemetry-card {
    background: #F8FAFC !important;
    border: 1px solid #E2E8F0 !important;
    border-radius: 14px !important;
    padding: clamp(20px, 3vw, 28px) !important;
    box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.04) !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.az-telemetry-card-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding-bottom: 14px !important;
    border-bottom: 1px solid #E2E8F0 !important;
    margin-bottom: 18px !important;
    font-family: var(--az-font-mono, 'JetBrains Mono', monospace) !important;
    font-size: 11px !important;
    gap: 10px !important;
    flex-wrap: wrap !important;
}

.az-telemetry-title {
    color: #0B192C !important;
    font-weight: 700 !important;
    letter-spacing: 0.06em !important;
    overflow-wrap: break-word !important;
}

.az-telemetry-tag {
    color: #0284C7 !important;
    font-weight: 700 !important;
    background: #E0F2FE !important;
    padding: 3px 9px !important;
    border-radius: 4px !important;
    letter-spacing: 0.04em !important;
    white-space: nowrap !important;
}

.az-telemetry-items {
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;
    margin-bottom: 20px !important;
}

.az-telemetry-item {
    display: flex !important;
    align-items: flex-start !important;
    gap: 12px !important;
    font-size: 13px !important;
    box-sizing: border-box !important;
}

.az-telemetry-item .az-item-check {
    width: 22px !important;
    height: 22px !important;
    border-radius: 50% !important;
    background: #DCFCE7 !important;
    color: #16A34A !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-weight: 900 !important;
    flex-shrink: 0 !important;
    font-size: 12px !important;
    margin-top: 1px !important;
}

.az-telemetry-item strong {
    display: block !important;
    color: #0B192C !important;
    font-size: 13.5px !important;
    margin-bottom: 2px !important;
    overflow-wrap: break-word !important;
}

.az-telemetry-item span {
    display: block !important;
    color: #64748B !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
    overflow-wrap: break-word !important;
}

.az-telemetry-card-footer {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding-top: 14px !important;
    border-top: 1px solid #E2E8F0 !important;
    font-family: var(--az-font-mono, 'JetBrains Mono', monospace) !important;
    font-size: 11.5px !important;
    color: #64748B !important;
    gap: 10px !important;
    flex-wrap: wrap !important;
}

.az-telemetry-card-footer a {
    color: #0878D1 !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    overflow-wrap: break-word !important;
}

.az-telemetry-card-footer a:hover {
    text-decoration: underline !important;
}

/* ==========================================================================
   4 RESPONSIVE TIERS: DEFENSIVE BREAKPOINTS
   ========================================================================== */

/* Tier 1: Ultra-Wide Screens (1441px to 2560px+) */
@media (min-width: 1441px) {
    .az-ind-container {
        max-width: 1280px !important;
    }
    .az-ind-accordion-deck {
        height: 440px !important;
    }
}

/* Tier 2: Tablets & Medium Desktops (769px to 1024px) */
@media (max-width: 1024px) {
    .az-ind-cards-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 20px !important;
    }
    .az-ind-closing-cta-box {
        grid-template-columns: 1fr !important;
        gap: 36px !important;
    }
    .az-ind-hero-header-block {
        max-width: 100% !important;
    }
    .az-ind-accordion-deck {
        height: 380px !important;
    }
}

/* Tier 3: Transition Tablet / Mobile Boundary (860px and down) */
@media (max-width: 860px) {
    .az-ind-accordion-deck {
        flex-direction: column !important;
        height: auto !important;
        min-height: unset !important;
        padding: 8px !important;
        gap: 8px !important;
    }
    .az-ind-accordion-item {
        min-width: 0 !important;
        width: 100% !important;
        height: auto !important;
        min-height: 72px !important;
        flex: none !important;
    }
    .az-ind-accordion-item.active {
        min-height: 280px !important;
        height: auto !important;
        flex: none !important;
    }
    .az-ind-acc-collapsed-title {
        writing-mode: horizontal-tb !important;
        transform: none !important;
        white-space: normal !important;
        text-align: left !important;
        font-size: 13.5px !important;
        flex: 1 !important;
    }
    .az-ind-acc-collapsed {
        flex-direction: row !important;
        align-items: center !important;
        padding: 14px 18px !important;
        gap: 12px !important;
    }
    .az-ind-acc-expanded {
        padding: 24px 20px !important;
    }
}

/* Tier 4: Mobile Phones (768px down to 320px) */
@media (max-width: 768px) {
    .az-ind-hero-section {
        padding: 24px 0 44px 0 !important;
    }
    .az-ind-sectors-section {
        padding: 48px 0 !important;
    }
    .az-ind-closing-cta-section {
        padding: 48px 0 60px 0 !important;
    }
    .az-ind-cards-grid {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
    }
    .az-ind-closing-cta-box {
        grid-template-columns: 1fr !important;
        gap: 32px !important;
    }
}

/* Small Phones (< 480px down to 320px) */
@media (max-width: 480px) {
    .az-btn-closing,
    .az-ind-closing-action-wrap {
        width: 100% !important;
    }
    .az-btn-closing {
        width: 100% !important;
        justify-content: center !important;
        text-align: center !important;
        white-space: normal !important;
        padding: 14px 20px !important;
    }
    .az-ind-card-footer {
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 12px !important;
    }
    .az-ind-card-action {
        width: 100% !important;
        justify-content: center !important;
        padding: 10px 16px !important;
        background: #F1F5F9 !important;
        border-radius: 6px !important;
    }
    .az-ind-card-thumb-wrap {
        height: 180px !important;
        min-height: 180px !important;
    }
    .az-ind-acc-expanded {
        padding: 18px 14px !important;
    }
    .az-closing-telemetry-card {
        padding: 18px 14px !important;
    }
}


/* Contact Us - Clean Overline (No Box / Badge) */
.az-contact-header-wrap .az-badge,
.az-contact-header-wrap .az-contact-overline,
.az-contact-overline {
    background: none !important;
    background-color: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    box-shadow: none !important;
    font-family: var(--az-font-mono, 'JetBrains Mono', monospace) !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    color: #0878D1 !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
    margin-bottom: 16px !important;
    display: inline-block !important;
}

.az-contact-header-wrap .az-badge span:first-child[style*="border-radius: 50%"],
.az-contact-header-wrap .az-badge .az-badge-dot {
    display: none !important;
}


/* ==========================================================================
   Header Mobile Brand & CTA Optimization (Fix Overlap on Mobile)
   ========================================================================== */
.az-brand-title {
    white-space: nowrap !important;
}

.az-brand-tagline {
    white-space: nowrap !important;
}

.az-header-actions {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    flex-shrink: 0 !important;
}

.az-header-cta-btn {
    padding: 9px 18px !important;
    font-size: 0.85rem !important;
    white-space: nowrap !important;
    line-height: 1.2 !important;
}

.az-header-cta-btn .az-cta-mid,
.az-header-cta-btn .az-cta-compact {
    display: none !important;
}

.az-header-cta-btn .az-cta-full {
    display: inline !important;
}

@media (max-width: 768px) {
    .az-header-container {
        padding: 10px 16px !important;
        gap: 10px !important;
    }
    .az-brand-link {
        gap: 8px !important;
        min-width: 0 !important;
        flex-shrink: 1 !important;
    }
    .az-brand-logo-img.header-logo {
        height: 36px !important;
        width: auto !important;
        flex-shrink: 0 !important;
    }
    .az-brand-text {
        min-width: 0 !important;
        flex-shrink: 1 !important;
    }
    .az-brand-title {
        font-size: 0.95rem !important;
        white-space: nowrap !important;
        letter-spacing: -0.01em !important;
        line-height: 1.15 !important;
    }
    .az-brand-tagline {
        font-size: 0.6rem !important;
        letter-spacing: 0.03em !important;
        white-space: nowrap !important;
        margin-top: 2px !important;
    }
    .az-header-actions {
        gap: 8px !important;
        flex-shrink: 0 !important;
    }
    .az-header-cta-btn {
        padding: 7px 12px !important;
        font-size: 0.8rem !important;
        white-space: nowrap !important;
        border-radius: 6px !important;
    }
    .az-mobile-toggle {
        padding: 8px 10px !important;
        flex-shrink: 0 !important;
    }
}

@media (max-width: 560px) {
    .az-brand-tagline {
        display: none !important; /* Tagline hidden on mobile screens so header is clean and never crowded */
    }
    .az-header-cta-btn .az-cta-full {
        display: none !important;
    }
    .az-header-cta-btn .az-cta-mid {
        display: inline !important;
    }
    .az-header-cta-btn .az-cta-compact {
        display: none !important;
    }
    .az-header-cta-btn {
        white-space: nowrap !important;
        flex-shrink: 0 !important;
    }
}

@media (max-width: 440px) {
    .az-header-container {
        padding: 8px 10px !important;
        gap: 6px !important;
    }
    .az-brand-link {
        gap: 6px !important;
        min-width: 0 !important;
    }
    .az-brand-logo-img.header-logo {
        height: 32px !important;
    }
    .az-brand-title {
        font-size: 0.86rem !important;
        white-space: nowrap !important;
    }
    .az-brand-tagline {
        display: none !important;
    }
    .az-header-cta-btn .az-cta-full,
    .az-header-cta-btn .az-cta-mid {
        display: none !important;
    }
    .az-header-cta-btn .az-cta-compact {
        display: inline !important;
    }
    .az-header-cta-btn {
        padding: 6px 10px !important;
        font-size: 0.78rem !important;
        font-weight: 700 !important;
        white-space: nowrap !important;
        flex-shrink: 0 !important;
    }
    .az-mobile-toggle {
        padding: 7px 9px !important;
    }
    .az-mobile-toggle svg {
        width: 19px !important;
        height: 19px !important;
    }
}

@media (max-width: 350px) {
    .az-brand-tagline {
        display: none !important;
    }
    .az-brand-title {
        font-size: 0.82rem !important;
    }
}


/* ==========================================================================
   UNIVERSAL FLUID RESPONSIVE ARCHITECTURE — CONTACT US & PROJECT SCOPER PORTAL
   Zero-Overflow Guarantee, Fluid Typography, 4 Standard Responsive Tiers (320px — 2560px)
   ========================================================================== */

/* 1. Global Zero-Overflow Guarantee */
.az-contact-page-section,
.az-scoper-section,
.az-section-08-project-scoper {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    overflow-x: clip !important;
    padding: clamp(48px, 7vw, 100px) 0 clamp(40px, 6vw, 80px) 0 !important;
    background: #FFFFFF !important;
}

.az-contact-page-section .az-scoper-container,
.az-section-08-project-scoper .az-scoper-container {
    width: 100% !important;
    max-width: 1240px !important;
    margin: 0 auto !important;
    padding: 0 clamp(14px, 3vw, 24px) !important;
    box-sizing: border-box !important;
}

/* 2. Defensive Grid & Flexbox Child Constraints (Stop Horizontal Cropping) */
.az-contact-page-section *,
.az-contact-page-section *::before,
.az-contact-page-section *::after,
.az-section-08-project-scoper *,
.az-section-08-project-scoper *::before,
.az-section-08-project-scoper *::after {
    box-sizing: border-box !important;
}

.az-contact-page-section [class*="grid"] > *,
.az-contact-page-section [class*="row"] > *,
.az-contact-page-section [class*="col"] > *,
.az-section-08-project-scoper [class*="grid"] > *,
.az-section-08-project-scoper [class*="row"] > *,
.az-section-08-project-scoper [class*="col"] > *,
.az-scoper-left-col,
.az-scoper-right-col,
.az-contact-dossier-card,
.az-typology-card,
.az-exact-disc-pill,
.az-exact-lod-card,
.az-form-group,
.az-exact-summary-card,
.az-contact-nda-card {
    min-width: 0 !important;
    box-sizing: border-box !important;
}

/* 3. Fluid Header & Typography */
.az-contact-header-wrap {
    text-align: center !important;
    max-width: 860px !important;
    margin: 0 auto clamp(28px, 4.5vw, 48px) auto !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.az-contact-header-wrap .az-contact-overline {
    font-family: var(--az-font-mono, 'JetBrains Mono', monospace) !important;
    font-size: clamp(10.5px, 2vw, 12px) !important;
    font-weight: 800 !important;
    color: #0878D1 !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
    margin-bottom: clamp(10px, 2vw, 16px) !important;
    display: inline-block !important;
    word-break: break-word !important;
}

.az-contact-header-wrap h1,
.az-contact-title {
    font-family: var(--az-font-heading, 'Plus Jakarta Sans', sans-serif) !important;
    font-size: clamp(1.75rem, 5vw, 3rem) !important;
    font-weight: 800 !important;
    line-height: 1.18 !important;
    color: #0B192C !important;
    margin: 0 0 clamp(10px, 2vw, 16px) 0 !important;
    letter-spacing: -0.02em !important;
    word-break: break-word !important;
    overflow-wrap: break-word !important;
}

.az-contact-header-wrap p,
.az-contact-subtitle {
    font-family: var(--az-font-body, 'Inter', sans-serif) !important;
    font-size: clamp(0.95rem, 2.2vw, 1.1rem) !important;
    line-height: 1.65 !important;
    color: #475569 !important;
    margin: 0 auto !important;
    max-width: 760px !important;
    word-break: break-word !important;
    overflow-wrap: break-word !important;
}

/* 4. Contact Channels Dossier Strip */
.az-contact-dossier-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 20px !important;
    margin-bottom: clamp(28px, 4vw, 44px) !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

.az-contact-dossier-card {
    background: #F8FAFC !important;
    border: 1px solid #E2E8F0 !important;
    border-radius: 12px !important;
    padding: clamp(16px, 2.5vw, 20px) clamp(16px, 3vw, 22px) !important;
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    min-width: 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
    transition: var(--az-transition);
}

.az-contact-dossier-card:hover {
    border-color: #CBD5E1 !important;
    box-shadow: 0 4px 12px rgba(11, 25, 44, 0.04) !important;
}

.az-contact-dossier-icon {
    width: 44px !important;
    height: 44px !important;
    border-radius: 8px !important;
    background: rgba(8, 120, 209, 0.08) !important;
    border: 1px solid rgba(8, 120, 209, 0.25) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
}

.az-contact-dossier-content {
    min-width: 0 !important;
    flex: 1 1 auto !important;
    overflow: hidden !important;
}

.az-contact-dossier-tag {
    font-family: var(--az-font-mono, monospace) !important;
    font-size: 10px !important;
    color: #64748B !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
    letter-spacing: 0.04em !important;
    line-height: 1.3 !important;
    margin-bottom: 2px !important;
    word-break: break-word !important;
}

.az-contact-dossier-link,
.az-contact-dossier-link a,
.az-contact-dossier-val {
    font-family: var(--az-font-heading, 'Plus Jakarta Sans', sans-serif) !important;
    font-size: clamp(13px, 1.8vw, 14.5px) !important;
    font-weight: 700 !important;
    color: #0878D1 !important;
    text-decoration: none !important;
    line-height: 1.4 !important;
    word-break: break-all !important;
    overflow-wrap: anywhere !important;
}

.az-contact-dossier-val {
    color: #0B192C !important;
    word-break: break-word !important;
}

.az-contact-dossier-link a:hover {
    text-decoration: underline !important;
}

/* 5. Interactive Scoper Stage Grid */
.az-scoper-stage-grid {
    display: grid !important;
    grid-template-columns: 1fr 370px !important;
    gap: 30px !important;
    align-items: start !important;
    margin-bottom: clamp(28px, 4vw, 40px) !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

.az-scoper-left-col {
    background: #FFFFFF !important;
    border: 1px solid #E2E8F0 !important;
    border-radius: 14px !important;
    padding: clamp(20px, 3.5vw, 36px) !important;
    box-shadow: 0 8px 24px rgba(11, 25, 44, 0.04) !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    min-width: 0 !important;
}

.az-scoper-right-col {
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
}

.az-exact-module-heading {
    font-family: var(--az-font-heading) !important;
    font-size: clamp(14px, 2.5vw, 15px) !important;
    font-weight: 700 !important;
    color: #0B192C !important;
    margin: 0 0 14px 0 !important;
    letter-spacing: -0.01em !important;
    word-break: break-word !important;
}

/* Module 01: Typology Visual Grid */
.az-typology-visual-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 12px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.az-typology-card {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
}

.az-typology-card-thumb {
    width: 100% !important;
    height: 85px !important;
    position: relative !important;
}

.az-typology-title {
    font-size: clamp(11.5px, 2vw, 12.5px) !important;
    word-break: break-word !important;
    overflow-wrap: break-word !important;
}

/* Module 02: Discipline Scope Pills */
.az-exact-discipline-pills {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.az-exact-disc-pill {
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
}

.az-exact-pill-name {
    word-break: break-word !important;
}

/* Module 03: LOD Row */
.az-exact-lod-row {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 8px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.az-exact-lod-card {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
}

.az-exact-lod-title {
    font-size: clamp(12px, 2vw, 13px) !important;
    word-break: break-word !important;
}

.az-exact-lod-sub {
    font-size: clamp(9.5px, 1.8vw, 11px) !important;
    word-break: break-word !important;
}

/* Module 04: Form Inputs */
.az-scoper-input-grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 16px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.az-form-group {
    min-width: 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.az-form-group-full {
    grid-column: 1 / -1 !important;
}

.az-input-field {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    min-width: 0 !important;
}

/* Right Column: Exact Summary Card */
.az-exact-summary-card {
    position: sticky !important;
    top: 96px !important;
    background: #0B192C !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 12px !important;
    padding: clamp(18px, 3vw, 22px) clamp(16px, 2.5vw, 20px) !important;
    color: #FFFFFF !important;
    box-shadow: 0 16px 36px rgba(11, 25, 44, 0.25) !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    min-width: 0 !important;
}

.az-exact-sum-row {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
}

.az-exact-sum-value {
    word-break: break-word !important;
    overflow-wrap: break-word !important;
}

/* NDA Assurance Card */
.az-contact-nda-card {
    background: rgba(8, 120, 209, 0.04) !important;
    border: 1px solid rgba(8, 120, 209, 0.2) !important;
    border-left: 4px solid #0878D1 !important;
    border-radius: 12px !important;
    padding: clamp(16px, 3vw, 24px) clamp(16px, 3.5vw, 28px) !important;
    margin-top: clamp(24px, 4vw, 36px) !important;
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
}

.az-contact-nda-inner {
    display: flex !important;
    align-items: flex-start !important;
    gap: 16px !important;
    width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
}

.az-contact-nda-icon-box {
    width: 36px !important;
    height: 36px !important;
    border-radius: 8px !important;
    background: #F0F7FF !important;
    border: 1px solid #BAE6FD !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    color: #0878D1 !important;
}

.az-contact-nda-content {
    min-width: 0 !important;
    flex: 1 1 auto !important;
    box-sizing: border-box !important;
}

.az-contact-nda-title {
    font-family: var(--az-font-heading) !important;
    font-size: clamp(13px, 2vw, 14px) !important;
    font-weight: 700 !important;
    color: #0B192C !important;
    margin: 0 0 4px 0 !important;
    word-break: break-word !important;
}

.az-contact-nda-text {
    font-family: var(--az-font-body) !important;
    font-size: clamp(12px, 1.8vw, 13px) !important;
    line-height: 1.55 !important;
    color: #475569 !important;
    margin: 0 !important;
    word-break: break-word !important;
}

/* ==========================================================================
   CONTACT US & SCOPER BREAKPOINT TIERS
   ========================================================================== */

/* Tier 1: Tablet Landscape / Small Desktop (961px — 1024px) */
@media (max-width: 1024px) {
    .az-scoper-stage-grid {
        grid-template-columns: 1fr !important;
        gap: 28px !important;
    }
    .az-exact-summary-card {
        position: static !important;
        max-width: 100% !important;
        margin-top: 24px !important;
    }
    .az-typology-visual-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 12px !important;
    }
    .az-exact-lod-row {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 10px !important;
    }
    .az-mobile-only-submit {
        display: block !important;
    }
}

/* Tier 2: Tablet Portrait (768px — 960px) */
@media (max-width: 960px) {
    .az-contact-dossier-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 14px !important;
    }
    .az-contact-dossier-grid > *:last-child {
        grid-column: 1 / -1 !important;
    }
}

/* Tier 3: Mobile (481px — 767px) */
@media (max-width: 767px) {
    .az-contact-dossier-grid {
        grid-template-columns: 1fr !important;
        gap: 12px !important;
    }
    .az-contact-dossier-grid > *:last-child {
        grid-column: auto !important;
    }
    .az-scoper-input-grid {
        grid-template-columns: 1fr !important;
        gap: 14px !important;
    }
    .az-scoper-left-col {
        padding: 22px 18px !important;
    }
    .az-exact-summary-card {
        padding: 18px 16px !important;
    }
}

/* Tier 4: Small Mobile (320px — 480px) */
@media (max-width: 480px) {
    .az-contact-dossier-grid {
        gap: 10px !important;
    }
    .az-contact-dossier-card {
        padding: 14px !important;
        gap: 12px !important;
    }
    .az-contact-dossier-icon {
        width: 38px !important;
        height: 38px !important;
    }
    .az-typology-visual-grid {
        grid-template-columns: 1fr !important;
        gap: 10px !important;
    }
    .az-exact-discipline-pills {
        gap: 8px !important;
    }
    .az-exact-disc-pill {
        padding: 8px 12px !important;
        font-size: 12.5px !important;
    }
    .az-exact-lod-row {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 8px !important;
    }
    .az-exact-lod-card {
        padding: 12px 6px !important;
        min-height: 110px !important;
    }
    .az-exact-lod-img-wrap {
        height: 48px !important;
    }
    .az-scoper-left-col {
        padding: 18px 14px !important;
        border-radius: 12px !important;
    }
    .az-exact-summary-card {
        padding: 18px 14px !important;
        border-radius: 12px !important;
    }
    .az-exact-sum-tags {
        margin-left: 0 !important;
        margin-top: 6px !important;
    }
    .az-contact-nda-inner {
        flex-direction: column !important;
        gap: 12px !important;
    }
    /* Buttons expand to 100% width with centered, wrapped text */
    .az-contact-page-section .az-scoper-submit-btn,
    .az-contact-page-section .az-exact-sum-submit-btn,
    .az-contact-page-section .az-btn {
        width: 100% !important;
        max-width: 100% !important;
        text-align: center !important;
        white-space: normal !important;
        justify-content: center !important;
        box-sizing: border-box !important;
        padding: 13px 18px !important;
    }
}

/* Tier 5: Extra Small Mobile (320px — 360px) */
@media (max-width: 360px) {
    .az-exact-lod-row {
        grid-template-columns: 1fr !important;
        gap: 8px !important;
    }
    .az-exact-lod-card {
        flex-direction: row !important;
        justify-content: space-between !important;
        padding: 10px 14px !important;
        min-height: auto !important;
        text-align: left !important;
    }
    .az-exact-lod-card .az-exact-lod-title {
        margin-bottom: 2px !important;
    }
    .az-exact-lod-img-wrap {
        width: 60px !important;
        height: 38px !important;
        margin: 0 !important;
        flex-shrink: 0 !important;
    }
    .az-exact-sum-row {
        gap: 8px !important;
    }
}


/* ==========================================================================
   MASTER FLUID & ZERO-CROP RESPONSIVE ENGINE (320px — 2560px)
   ========================================================================== */

/* 1. Global Zero-Overflow Guarantee */
html, body {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
    box-sizing: border-box !important;
}

*, *::before, *::after {
    box-sizing: border-box !important;
}

/* 2. Universal Container Fluid Constraints (320px up to 2560px Ultra-Wide) */
.az-hero-container,
.az-services-stage-container,
.az-deliverables-flow-container,
.az-typologies-container,
.az-header-container,
.az-footer-container,
.az-scoper-container,
.az-container {
    width: 100% !important;
    max-width: 1240px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: clamp(14px, 3vw, 24px) !important;
    padding-right: clamp(14px, 3vw, 24px) !important;
    box-sizing: border-box !important;
}

/* 3. Section 1 (Hero) Fluid Geometry */
.az-hero-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    gap: clamp(24px, 3.5vw, 48px);
    align-items: center;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
}

.az-hero-content-col,
.az-hero-3d-col {
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

.az-hero-title {
    font-size: clamp(1.85rem, 4.2vw, 3.4rem) !important;
    line-height: 1.18 !important;
    word-break: break-word !important;
    letter-spacing: -0.025em !important;
}

.az-hero-subheading {
    font-size: clamp(0.95rem, 1.4vw, 1.15rem) !important;
    line-height: 1.6 !important;
    max-width: 580px !important;
}

/* 4. Section 2 (Services Stage & Scrubber) Fluid Geometry */
.az-services-stage-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    gap: clamp(20px, 3vw, 40px);
    align-items: start;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
}

.az-stage-viewport-col,
.az-stage-inspector-col,
.az-scrubber-canvas-col,
.az-scrubber-content-col {
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

/* 5. Section 4 (Deliverables Flow Grid) - Perfect 3-Card Fit at 1024px & 1440px */
.az-deliverables-flow-grid {
    display: flex !important;
    align-items: stretch !important;
    justify-content: center !important;
    gap: clamp(12px, 2vw, 24px) !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    min-width: 0 !important;
}

.az-deliverable-flow-card {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    max-width: 380px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.az-deliverable-flow-thumb-wrap {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 16 / 10 !important;
    min-height: 0 !important;
    overflow: hidden !important;
}

.az-deliverable-flow-thumb {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
}

/* 6. Section 5 (Typology Featured Slider) Fluid Bounds */
.az-typologies-slider-container {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

.az-typology-slides-viewport {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

/* ==========================================================================
   BREAKPOINT TIER 1: LAPTOPS & TABLETS LANDSCAPE (961px — 1180px)
   ========================================================================== */
@media (max-width: 1180px) and (min-width: 961px) {
    .az-deliverables-flow-arrow-wrap {
        display: none !important; /* Hide rigid arrow spacers at 1024px so cards never clip */
    }
    .az-deliverables-flow-grid {
        gap: 16px !important;
    }
    .az-deliverable-flow-card {
        padding: 18px 14px !important;
    }
    .az-deliverable-flow-title {
        font-size: 1.1rem !important;
    }
    .az-deliverable-flow-desc {
        font-size: 0.82rem !important;
        padding-left: 36px !important;
    }
    .az-hero-3d-wrapper,
    .az-hero-3d-canvas-container {
        height: 400px !important;
        min-height: 400px !important;
    }
    .az-stage-canvas-container {
        height: 420px !important;
        min-height: 420px !important;
    }
}

/* ==========================================================================
   BREAKPOINT TIER 2: TABLETS PORTRAIT (768px — 960px)
   ========================================================================== */
@media (max-width: 960px) {
    /* Hero Stacking */
    .az-hero-grid {
        grid-template-columns: 1fr !important;
        gap: 36px !important;
    }
    .az-hero-content-col {
        order: 1 !important;
        text-align: center !important;
    }
    .az-hero-subheading {
        margin-left: auto !important;
        margin-right: auto !important;
    }
    .az-hero-ctas {
        justify-content: center !important;
    }
    .az-hero-check-cards {
        justify-content: center !important;
    }
    .az-hero-3d-col {
        order: 2 !important;
        width: 100% !important;
    }
    .az-hero-3d-wrapper,
    .az-hero-3d-canvas-container {
        height: 380px !important;
        min-height: 380px !important;
        max-width: 600px !important;
        margin: 0 auto !important;
    }

    /* Section 2 Services Stacking */
    .az-services-stage-grid {
        grid-template-columns: 1fr !important;
        gap: 28px !important;
    }
    .az-stage-viewport-col,
    .az-scrubber-canvas-col {
        order: 1 !important;
        width: 100% !important;
    }
    .az-stage-inspector-col,
    .az-scrubber-content-col {
        order: 2 !important;
        width: 100% !important;
    }
    .az-stage-canvas-container {
        height: 360px !important;
        min-height: 360px !important;
    }

    /* Section 4 Deliverables Stack */
    .az-deliverables-flow-grid {
        flex-direction: column !important;
        align-items: center !important;
        gap: 16px !important;
    }
    .az-deliverable-flow-card {
        max-width: 600px !important;
        width: 100% !important;
    }
    .az-deliverable-flow-arrow-wrap {
        transform: rotate(90deg) !important;
        height: 28px !important;
        margin: 2px 0 !important;
    }

    /* Section 5 Slider */
    .az-typology-slides-viewport {
        min-height: 360px !important;
        aspect-ratio: 16 / 10 !important;
    }
    .az-typology-slide-caption {
        left: 24px !important;
        right: 24px !important;
        bottom: 30px !important;
    }
}

/* ==========================================================================
   BREAKPOINT TIER 3: LARGE MOBILE (481px — 767px)
   ========================================================================== */
@media (max-width: 767px) {
    .az-hero-title {
        font-size: clamp(1.85rem, 6vw, 2.45rem) !important;
    }
    .az-hero-3d-wrapper,
    .az-hero-3d-canvas-container {
        height: 320px !important;
        min-height: 320px !important;
    }
    .az-stage-canvas-container {
        height: 300px !important;
        min-height: 300px !important;
    }
    .az-deliverable-flow-card {
        padding: 18px !important;
    }
    .az-typology-slides-viewport {
        min-height: 320px !important;
        aspect-ratio: 4 / 3 !important;
    }
    .az-typology-slide-caption {
        left: 18px !important;
        right: 18px !important;
        bottom: 24px !important;
    }
}

/* ==========/* ==========================================================================
   BREAKPOINT TIER 4: SMALL MOBILE (320px — 480px)
   Specifically guarantees iPhone SE, Galaxy Fold (320px), 375px, 414px, 425px
   ========================================================================== */
@media (max-width: 480px) {
    /* Header brand protection */
    .az-brand-link {
        gap: 8px !important;
    }
    .az-brand-logo-img.header-logo {
        height: 34px !important;
        width: auto !important;
    }
    .az-brand-title {
        font-size: 13px !important;
        letter-spacing: 0.04em !important;
    }
    .az-brand-tagline {
        display: none !important;
    }

    /* Hero compact scaling */
    .az-hero-badge {
        font-size: 10px !important;
        padding: 5px 10px !important;
        white-space: normal !important;
        text-align: center !important;
        line-height: 1.35 !important;
        letter-spacing: 0.04em !important;
    }
    .az-hero-title {
        font-size: clamp(1.65rem, 7.5vw, 2.1rem) !important;
        line-height: 1.2 !important;
    }
    .az-hero-subheading {
        font-size: 0.92rem !important;
        line-height: 1.55 !important;
    }
    .az-hero-ctas {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        gap: 10px !important;
    }
    .az-hero-ctas .az-btn {
        width: 100% !important;
        min-width: 0 !important;
        justify-content: center !important;
        padding: 12px 18px !important;
        text-align: center !important;
        font-size: 14px !important;
        box-sizing: border-box !important;
    }
    .az-hero-check-cards {
        display: grid !important;
        grid-template-columns: 1fr !important;
        width: 100% !important;
        gap: 8px !important;
    }
    .az-hero-check-card {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
    .az-hero-3d-wrapper,
    .az-hero-3d-canvas-container {
        height: 270px !important;
        min-height: 270px !important;
        border-radius: 12px !important;
    }

    /* Section 2 Services: Modern Building Filter Card & Scrubber Mobile Safety */
    .az-scrubber-section {
        padding: 60px 0 !important;
    }
    .az-scrubber-container {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 14px !important;
        box-sizing: border-box !important;
    }
    .az-building-filter-card {
        flex-direction: column !important;
        padding: 14px !important;
        gap: 16px !important;
        border-radius: 12px !important;
        box-sizing: border-box !important;
        width: 100% !important;
        max-width: 100% !important;
    }
    .az-building-canvas-col,
    .az-building-canvas-container {
        min-height: 260px !important;
        height: 260px !important;
        width: 100% !important;
        max-width: 100% !important;
        border-radius: 8px !important;
    }
    .az-building-filter-stack-col {
        width: 100% !important;
        max-width: 100% !important;
    }
    .az-building-filter-stack {
        display: grid !important;
        grid-template-columns: 1fr !important; /* Stack 1fr on mobile so text never truncates */
        gap: 8px !important;
        width: 100% !important;
    }
    .az-filter-btn {
        width: 100% !important;
        padding: 11px 14px !important;
        font-size: 13.5px !important;
        gap: 10px !important;
        border-radius: 8px !important;
        box-sizing: border-box !important;
    }
    .az-filter-btn-text {
        white-space: normal !important;
        text-align: left !important;
    }

    /* Section 4 Deliverables compact */
    .az-deliverables-flow-section {
        padding: 60px 0 !important;
    }
    .az-deliverables-flow-container {
        padding: 0 14px !important;
    }
    .az-deliverables-flow-card {
        padding: 16px 14px !important;
        border-radius: 14px !important;
    }
    .az-deliverable-flow-title {
        font-size: 1.05rem !important;
    }
    .az-deliverable-flow-desc {
        font-size: 0.82rem !important;
        padding-left: 38px !important;
    }
    .az-deliverable-flow-badge {
        width: 28px !important;
        height: 28px !important;
        font-size: 12px !important;
    }

    /* Section 5 Slider compact */
    .az-typologies-slider-section {
        padding: 60px 0 !important;
    }
    .az-typologies-container {
        padding: 0 14px !important;
    }
    .az-typologies-slider-container {
        border-radius: 14px !important;
    }
    .az-typology-slides-viewport {
        min-height: 280px !important;
        aspect-ratio: 4 / 3 !important;
    }
    .az-typology-slide-caption {
        left: 14px !important;
        right: 14px !important;
        bottom: 18px !important;
    }
    .az-typology-caption-title {
        font-size: 1.15rem !important;
        margin-bottom: 4px !important;
    }
    .az-typology-caption-subtitle {
        font-size: 0.78rem !important;
        line-height: 1.4 !important;
    }
    .az-slider-nav-btn {
        width: 32px !important;
        height: 32px !important;
        min-width: 32px !important;
        min-height: 32px !important;
    }
    .az-slider-btn-prev {
        left: 8px !important;
    }
    .az-slider-btn-next {
        right: 8px !important;
    }
    .az-slider-dots-wrap {
        bottom: 10px !important;
    }

    /* Footer fluid safety */
    .az-footer-grid {
        grid-template-columns: 1fr !important;
        gap: 28px !important;
    }
    .az-footer-col {
        width: 100% !important;
        max-width: 100% !important;
    }
}

/* ==========================================================================
   BREAKPOINT TIER 5: EXTRA SMALL MOBILE (320px — 360px)
   Guarantees zero-cropping on Galaxy Z Fold outer display and iPhone SE 1st Gen
   ========================================================================== */
@media (max-width: 360px) {
    .az-header-container,
    .az-hero-container,
    .az-scrubber-container,
    .az-deliverables-flow-container,
    .az-typologies-container,
    .az-footer-container {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .az-brand-tagline {
        display: none !important;
    }

    .az-brand-title {
        font-size: 11.5px !important;
    }

    .az-hero-title {
        font-size: 1.45rem !important;
    }

    .az-hero-3d-wrapper,
    .az-hero-3d-canvas-container {
        height: 230px !important;
        min-height: 230px !important;
    }

    .az-building-canvas-col,
    .az-building-canvas-container {
        height: 220px !important;
        min-height: 220px !important;
    }

    .az-filter-btn {
        padding: 9px 10px !important;
        font-size: 12.5px !important;
    }

    .az-typology-slides-viewport {
        min-height: 250px !important;
    }
}

/* ==========================================================================
   ULTRA-WIDE MONITORS & 4K RESOLUTIONS (1441px — 2560px+)
   Guarantees centered luxury layout with zero horizontal clipping or distortion
   ========================================================================== */
@media (min-width: 1441px) {
    .az-hero-container,
    .az-scrubber-container,
    .az-deliverables-flow-container,
    .az-typologies-container,
    .az-header-container,
    .az-footer-container,
    .az-scoper-container,
    .az-container {
        max-width: 1280px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        width: 100% !important;
    }
}

/* ==========================================================================
   AZ SYNERGY ENTERPRISE HARMONIZATION: HEADINGS, HERO OFFSETS, WIDTHS & OVERLINES
   ========================================================================== */

/* 1. Universal Standardized Hero Top Offset (Exact Alignment Beneath 72px Sticky Header) */
.az-hero-section,
.az-about-new-hero-section,
.az-variation-3b-hero,
.az-mepf-accordion-hero,
.az-coord-v2-hero-section,
.az-wf-hero-concept2,
.az-ind-hero-section,
.az-contact-page-section {
    padding-top: clamp(84px, 7vw, 100px) !important;
    padding-bottom: clamp(48px, 5vw, 76px) !important;
    box-sizing: border-box !important;
}

/* Eliminate vertical centering trap on About Us hero that was pushing text down */
.az-about-new-hero-container {
    min-height: auto !important;
    display: flex !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    padding-top: 0 !important;
    margin-top: 0 !important;
}
.az-about-new-hero-content {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

/* 2. Universal Container Widths (Fixes Accordion Width Jump Across Pages & Sections) */
.az-hero-container,
.az-about-new-container,
.az-about-matrix-container,
.az-about-gov-container,
.az-container,
.az-services-container,
.az-services-hero-container,
.az-coord-v2-container,
.az-coordination-governance-container,
.az-wf-container,
.az-ind-container,
.az-scoper-container,
.az-typologies-container,
.az-deliverables-flow-container,
.az-scrubber-container,
.az-deliv-flow-container {
    width: 100% !important;
    max-width: 1240px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: clamp(16px, 3vw, 24px) !important;
    padding-right: clamp(16px, 3vw, 24px) !important;
    box-sizing: border-box !important;
}

@media (min-width: 1441px) {
    .az-hero-container,
    .az-about-new-container,
    .az-about-matrix-container,
    .az-about-gov-container,
    .az-container,
    .az-services-container,
    .az-services-hero-container,
    .az-coord-v2-container,
    .az-coordination-governance-container,
    .az-wf-container,
    .az-ind-container,
    .az-scoper-container,
    .az-typologies-container,
    .az-deliverables-flow-container,
    .az-scrubber-container,
    .az-deliv-flow-container {
        max-width: 1280px !important;
    }
}

/* 3. Universal Overline / Eyebrow Standardization Across ALL Sections */
.az-hero-overline,
.az-about-hero-overline,
.az-coord-hero-overline,
.az-coord-overline-clean,
.az-coord-overline-clean span,
.az-wf-overline-hud,
.az-wf-overline-hud .az-hud-txt,
.az-stage-overline,
.az-ind-hero-overline,
.az-contact-overline,
.az-about-cta-minimal-overline {
    font-family: var(--az-font-heading, 'Plus Jakarta Sans', sans-serif) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    color: #0878D1 !important;
    background: none !important;
    border: none !important;
    padding: 0 !important;
    border-radius: 0 !important;
    display: inline-block !important;
}

.az-hero-overline-wrap,
.az-about-hero-overline-wrap,
.az-ind-hero-overline-wrap,
.az-about-cta-minimal-overline-wrap,
.az-stage-overline-wrap {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin-bottom: 14px !important;
}

.az-hero-overline-line,
.az-about-hero-overline-line,
.az-ind-hero-overline-line,
.az-about-cta-minimal-overline-line,
.az-stage-overline-rule {
    display: inline-block !important;
    width: 28px !important;
    height: 2px !important;
    background: #0878D1 !important;
    border-radius: 2px !important;
    flex-shrink: 0 !important;
}

/* Suppress stray glowing dots / badges */
.az-hud-pill {
    display: none !important;
}

/* 4. Universal Standardized H1 Headlines */
.az-hero-title,
.az-about-new-hero-title,
.az-coord-v2-hero-title,
.az-contact-title,
.az-mepf-accordion-hero h1,
.az-variation-3b-hero h1,
.az-wf-hero-concept2 h1,
.az-ind-hero-section h1 {
    font-family: var(--az-font-heading, 'Plus Jakarta Sans', sans-serif) !important;
    font-size: clamp(34px, 4.2vw, 48px) !important;
    font-weight: 800 !important;
    line-height: 1.15 !important;
    letter-spacing: -0.025em !important;
    color: #0B192C !important;
    margin-bottom: 20px !important;
}

/* Dual tone headline parts */
.az-about-new-hero-title .az-title-main,
.az-wf-hero-headline .az-hl-dark,
.az-ind-hero-title .az-title-dark {
    color: #0B192C !important;
    display: block !important;
}

.az-about-new-hero-title .az-title-accent,
.az-wf-hero-headline .az-hl-blue,
.az-ind-hero-title .az-title-blue {
    color: #0878D1 !important;
    display: block !important;
}

/* 5. Universal Standardized H2 Section Headings */
.az-scrubber-headline,
.az-deliverables-flow-headline,
.az-typologies-headline,
.az-approach-modern-title,
.az-c2-cta-title,
.az-coord-v2-section-title,
.az-wf-section-title,
.az-ind-headline,
.az-exact-module-heading,
.az-services-engagement-section h2,
.az-mepf-services-section h2,
.az-mepf-deliverables-section h2,
.az-ind-closing-title,
.az-wf-dossier-title {
    font-family: var(--az-font-heading, 'Plus Jakarta Sans', sans-serif) !important;
    font-size: clamp(26px, 3.2vw, 36px) !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
    letter-spacing: -0.015em !important;
    color: #0B192C !important;
}

/* 6. Universal Standardized Architectural Cards & Borders */
.az-deliv-flow-card,
.az-approach-card,
.az-c2-card,
.az-wf-card,
.az-ind-card,
.az-typology-card,
.az-exact-lod-card,
.az-contact-dossier-card {
    border-radius: 12px !important;
    border: 1px solid #E2E8F0 !important;
    box-shadow: 0 4px 16px rgba(15, 23, 42, 0.04) !important;
    transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease !important;
}

.az-deliv-flow-card:hover,
.az-approach-card:hover,
.az-c2-card:hover,
.az-wf-card:hover,
.az-ind-card:hover,
.az-typology-card:hover,
.az-exact-lod-card:hover,
.az-contact-dossier-card:hover {
    border-color: #0878D1 !important;
    box-shadow: 0 8px 24px rgba(8, 120, 209, 0.12) !important;
    transform: translateY(-2px) !important;
}

/* 7. Universal Lead, Hero Subtitles & Section Intro Standardization */
.az-hero-subheading,
.az-about-new-hero-para.az-lead-para,
.az-variation-3b-hero .az-v3b-header-block p,
.az-mepf-hero-lead,
.az-coord-v2-lead-text,
.az-wf-hero-desc,
.az-ind-hero-para.az-lead-para,
.az-contact-subtitle,
.az-scrubber-subheading,
.az-approach-modern-lead-para,
.az-about-new-section-lead,
.az-coord-v2-section-subtitle,
.az-wf-section-lead,
.az-ind-section-subtitle,
.az-services-section-subtitle {
    font-family: var(--az-font-body, 'Inter', -apple-system, BlinkMacSystemFont, sans-serif) !important;
    font-size: clamp(15.5px, 1.25vw, 17px) !important;
    font-weight: 500 !important;
    line-height: 1.65 !important;
    color: #334155 !important;
    letter-spacing: -0.01em !important;
}

/* 8. Universal Body Paragraphs & Card Descriptions */
.az-hero-description p,
.az-about-new-hero-para:not(.az-lead-para),
.az-approach-modern-body-para,
.az-coord-v2-sub-text,
.az-ind-hero-para:not(.az-lead-para),
.az-wf-dossier-p1,
.az-wf-dossier-p2,
.az-wf-action-desc,
.az-ind-closing-para,
.az-ind-acc-expanded-copy,
.az-deliverable-flow-desc,
.az-slide-desc,
.az-c2-desc,
.az-wf-card-desc,
.az-bento-desc,
.az-ind-card-copy,
.az-typology-caption-subtitle,
.az-approach-pillars-desc,
.az-card-body-text,
.az-ref-cta-text {
    font-family: var(--az-font-body, 'Inter', -apple-system, BlinkMacSystemFont, sans-serif) !important;
    font-size: clamp(14px, 1.05vw, 15px) !important;
    font-weight: 400 !important;
    line-height: 1.65 !important;
    color: #475569 !important;
    letter-spacing: 0 !important;
}

/* Callout note with blue accent */
.az-coord-hero-note {
    font-family: var(--az-font-body, 'Inter', -apple-system, BlinkMacSystemFont, sans-serif) !important;
    font-size: 14px !important;
    font-weight: 450 !important;
    line-height: 1.6 !important;
    color: #475569 !important;
    border-left: 3px solid #0878D1 !important;
    padding-left: 14px !important;
    margin: 8px 0 0 0 !important;
}

/* 9. Universal Quick-Jump Pills & Number Badges (Eliminate Terminal Font) */
.az-v3b-num-pill {
    font-family: var(--az-font-heading, 'Plus Jakarta Sans', sans-serif) !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 0.04em !important;
    border-radius: 20px !important;
}

.az-ind-tag-pill,
.az-slide-tag,
.az-exact-sum-tag {
    font-family: var(--az-font-body, 'Inter', sans-serif) !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    color: #475569 !important;
    background: #F1F5F9 !important;
    border-radius: 6px !important;
}

/* 5. Standardized Legal & Compliance Pages */
.az-legal-container {
    max-width: 920px;
    margin: 0 auto;
    padding: clamp(100px, 10vw, 130px) 24px 80px;
    color: #334155;
    font-family: var(--az-font-body, 'Inter', -apple-system, sans-serif);
    line-height: 1.75;
}

.az-legal-container h1 {
    font-family: var(--az-font-heading, 'Plus Jakarta Sans', sans-serif);
    font-size: clamp(32px, 4vw, 46px) !important;
    font-weight: 800 !important;
    color: #0F172A !important;
    margin-bottom: 8px !important;
    letter-spacing: -0.025em !important;
}

.az-legal-container .az-legal-meta {
    font-size: 14px;
    color: #64748B;
    margin-bottom: 36px;
    padding-bottom: 20px;
    border-bottom: 1px solid #E2E8F0;
}

.az-legal-container h2 {
    font-family: var(--az-font-heading, 'Plus Jakarta Sans', sans-serif);
    font-size: clamp(20px, 2.4vw, 24px) !important;
    font-weight: 700 !important;
    color: #0F172A !important;
    margin-top: 36px !important;
    margin-bottom: 14px !important;
    letter-spacing: -0.015em;
}

.az-legal-container p {
    font-size: 15px;
    color: #475569;
    margin-bottom: 16px;
}

.az-legal-container ul {
    margin: 16px 0 24px 20px;
    padding: 0;
}

.az-legal-container li {
    font-size: 15px;
    color: #475569;
    margin-bottom: 8px;
    line-height: 1.6;
}

.az-legal-card {
    background: #F8FAFC;
    border: 1px solid #E2E8F0;
    border-radius: 12px;
    padding: 24px;
    margin: 24px 0;
}

.az-legal-card h3 {
    font-family: var(--az-font-heading, 'Plus Jakarta Sans', sans-serif);
    font-size: 16px;
    font-weight: 700;
    color: #0F172A;
    margin: 0 0 8px 0;
}

.az-legal-card p {
    margin-bottom: 0;
    font-size: 14px;
}