/* ── HEADER ── */
header{position:sticky;top:0;z-index:200;background:rgba(255,255,255,0.92);backdrop-filter:blur(20px);border-bottom:1px solid var(--border)}
.header-inner{display:flex;align-items:center;justify-content:space-between;height:72px}
.logo-wordmark{font-family:'Outfit',sans-serif;font-size:22px;font-weight:900;letter-spacing:-0.04em;color:var(--text);text-decoration:none;padding-top:7px}
.logo-wordmark span{background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
nav{display:flex;align-items:center;gap:32px}
nav a{color:var(--text);text-decoration:none;font-weight:500;font-size:15px;transition:color var(--t)}
nav a:hover{color:var(--primary)}
nav .active{color:var(--primary)}
.nav-cta{padding:10px 24px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:white!important;border-radius:8px;font-weight:700;font-size:14px;transition:opacity var(--t),transform var(--t),box-shadow var(--t)}
.nav-cta:hover{opacity:0.9;transform:translateY(-1px);box-shadow:0 6px 20px rgba(255,75,38,0.35)}
.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;background:none;border:none;padding:4px}
.hamburger span{width:24px;height:2px;background:var(--text);border-radius:2px;display:block}

/* ── MOBILE MENU ── */
.mobile-menu{position:fixed;inset:0;z-index:300;background:white;transform:translateX(100%);transition:transform 0.32s cubic-bezier(0.4,0,0.2,1)}
.mobile-menu.open{transform:translateX(0)}
.mm-header{display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:72px;border-bottom:1px solid var(--border)}
.mm-close{font-size:22px;cursor:pointer;background:none;border:none;color:var(--text);line-height:1}
.mm-links{padding:28px 24px;display:flex;flex-direction:column;gap:4px}
.mm-links a{font-size:17px;font-weight:600;color:var(--text);text-decoration:none;padding:12px 0;border-bottom:1px solid var(--border);transition:color var(--t)}
.mm-links a:hover{color:var(--primary)}
.mm-cta{margin-top:20px;display:inline-flex;align-items:center;justify-content:center;padding:15px 32px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:white!important;border-radius:10px;font-weight:700;font-size:16px;border:none}

.mm-header .logo-wordmark img {
    height: 36px;
    width: auto;
    display: block;
}

.mm-header .mm-close {
    flex-shrink: 0;
    min-width: 36px;
    font-size: 22px;
    cursor: pointer;
    background: none;
    border: none;
    color: var(--text);
    line-height: 1;
    padding: 4px 8px;
}

@media(max-width:768px){
    nav{display:none}
    .hamburger{display:flex}

    .mobile-menu {
        position: fixed;
        inset: 0;
        width: 100vw;
        height: 100vh;
        overflow-y: auto;
    }
}