:root {
    --asmm-bg: #000000;
    --asmm-text: #ffffff;
    --asmm-border: #1a1a1a;
    --asmm-hover: rgba(255, 255, 255, 0.1);
    --asmm-transition: 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.asmm-header-container {
    background: var(--asmm-bg);
    border-bottom: 1px solid var(--asmm-border);
    position: relative;
    z-index: 1000;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

.asmm-header-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 20px;
    height: 70px;
}

.asmm-brand-nav { display: flex; align-items: center; gap: 30px; }
.asmm-logo img { height: 24px; }
.asmm-menu { display: flex; list-style: none; margin: 0; padding: 0; }
.asmm-menu-item { height: 70px; display: flex; align-items: center; padding: 0 15px; position: static; } /* Static for full width mega menu */

.asmm-menu-item > a {
    color: var(--asmm-text);
    text-decoration: none;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 15px;
}

.asmm-menu-item svg.chevron {
    width: 16px; height: 16px; stroke: currentColor; fill: none; stroke-width: 2;
    transition: transform var(--asmm-transition);
}
.asmm-menu-item:hover svg.chevron { transform: rotate(180deg); }

/* --- MEGA MENU LOGIC --- */
.asmm-mega-menu-wrapper {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background: var(--asmm-bg);
    border-top: 1px solid var(--asmm-border);
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    transition: all var(--asmm-transition);
    box-shadow: 0 20px 40px rgba(0,0,0,0.5);
    padding: 30px 0;
    z-index: -1;
}

.asmm-menu-item.has-mega-menu:hover .asmm-mega-menu-wrapper {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    z-index: 999;
}

/* Buttons matching Speedtest */
.asmm-actions { display: flex; gap: 15px; }
.asmm-btn-outline { border: 1px solid #fff; padding: 8px 24px; border-radius: 30px; color: #fff; text-decoration: none; }
.asmm-btn-gradient {
    border: 1.5px solid transparent; padding: 8px 24px; border-radius: 30px; color: #fff; text-decoration: none;
    background: linear-gradient(#000, #000) padding-box, linear-gradient(90deg, #b92b27, #1565C0) border-box;
    display: flex; align-items: center; gap: 5px;
}