/* Shared mega-menu header styles for all CloudSlash landing pages */
.nav{position:sticky;top:0;z-index:100;height:56px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 32px;background:rgba(250,248,243,0.85);backdrop-filter:blur(12px);border-bottom:1px solid var(--cs-border-faint)}
.dark .nav{background:rgba(21,19,17,0.85)}
.nav-brand{font-family:var(--font-display);font-size:1rem;font-weight:700;letter-spacing:0.04em;color:var(--cs-text-primary);justify-self:start}
.nav-brand span{color:var(--cs-primary)}
.nav-links{display:flex;gap:4px;justify-self:center;align-items:center}
.nav-item{position:relative}
.nav-item::after{content:'';position:absolute;top:100%;left:0;right:0;height:12px}
.nav-item-trigger{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;font-size:0.875rem;font-weight:600;color:var(--cs-text-secondary);border-radius:6px;cursor:pointer;border:none;background:none;font-family:var(--font-body);transition:color 0.1s,background 0.1s}
.nav-item-trigger:hover{color:var(--cs-text-primary);background:var(--cs-bg-surface)}
.nav-item-trigger i{font-size:20px;transition:color 0.1s}
.nav-item-trigger:hover i{color:var(--cs-primary)}
.nav-item-trigger .chevron{display:inline-block;width:10px;height:10px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin-left:4px;transition:transform 0.2s var(--ease-out-expo)}
.nav-item:hover .nav-item-trigger{color:var(--cs-text-primary);background:var(--cs-bg-surface)}
.nav-item:hover .nav-item-trigger i{color:var(--cs-primary)}
.nav-item:hover .nav-item-trigger .chevron{transform:rotate(-135deg)}
.nav-dropdown{position:absolute;top:calc(100% + 0px);left:50%;transform:translateX(-50%);min-width:320px;background:var(--cs-bg-elevated);border:1px solid var(--cs-border-faint);border-radius:12px;box-shadow:var(--cs-shadow-lg);padding:10px;opacity:0;visibility:hidden;transform:translateX(-50%) translateY(-6px);transition:opacity 0.2s var(--ease-out-expo),transform 0.2s var(--ease-out-expo),visibility 0.2s;pointer-events:none}
.nav-item:hover .nav-dropdown{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);pointer-events:auto;transition-delay:0.12s}
.nav-dropdown a{display:flex;gap:14px;flex-direction:row;align-items:center;padding:14px 16px;border-radius:8px;font-size:0.9375rem;font-weight:500;color:var(--cs-text-secondary);transition:all 0.1s;cursor:pointer;text-decoration:none}
.nav-dropdown a:hover{background:var(--cs-bg-surface);color:var(--cs-text-primary)}
.nav-dropdown a i{font-size:28px;flex-shrink:0;width:32px;text-align:center;color:var(--cs-text-muted);transition:color 0.1s}
.nav-dropdown a:hover i{color:var(--cs-primary)}
.nav-dropdown-wide{min-width:400px}
.nav-dropdown-section{font-size:0.625rem;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;color:var(--cs-text-muted);padding:10px 16px 6px}
.nav-link-simple{display:inline-flex;align-items:center;padding:6px 14px;font-size:0.8125rem;font-weight:500;color:var(--cs-text-secondary);border-radius:6px;transition:color 0.1s;text-decoration:none}
.nav-link-simple:hover{color:var(--cs-text-primary)}
.nav-cta{display:flex;gap:10px;align-items:center;justify-self:end}
.theme-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;color:var(--cs-text-secondary);transition:all 0.1s;background:none;border:none;cursor:pointer}
.theme-btn:hover{background:var(--cs-bg-surface);color:var(--cs-text-primary)}
.btn{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 16px;border-radius:6px;font-family:var(--font-body);font-size:0.8125rem;font-weight:600;transition:all 0.1s;text-decoration:none;border:none;cursor:pointer}
.btn-primary{background:var(--cs-primary);color:var(--cs-text-inverse)}.btn-primary:hover{background:var(--cs-primary-hover);text-decoration:none}
.btn-ghost{background:transparent;color:var(--cs-text-secondary);border:1px solid var(--cs-border-faint)}.btn-ghost:hover{background:var(--cs-bg-surface);text-decoration:none;color:var(--cs-text-primary)}
@media(max-width:768px){.nav-links{display:none}.nav-dropdown{display:none}}