/* Naghma V200 — final home-page polish. Loaded last; only refines, never hides functionality. */
.nav nav{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.nav nav a:not(.n197-nav-create){position:relative;padding:9px 13px;border-radius:12px;color:#c9d0ee;font-weight:700;font-size:14px;text-decoration:none;transition:background .18s,color .18s}
.nav nav a:not(.n197-nav-create):hover{background:rgba(255,255,255,.07);color:#fff}
.nav nav a.is-current{color:#fff;background:rgba(124,92,255,.18)}
.nav nav a.is-current::after{content:"";position:absolute;inset-inline:14px;bottom:3px;height:2px;border-radius:2px;background:linear-gradient(90deg,#6aa6ff,#a56bff)}
.naghma-version-label{display:none!important}

/* hero call-to-action */
.n200-cta{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:22px}
.n200-cta a{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 26px;border-radius:14px;font-weight:800;font-size:16px;text-decoration:none;transition:transform .15s,box-shadow .2s,background .2s}
.n200-cta-main{color:#fff;background:linear-gradient(135deg,#3f6bff,#8d5bff);box-shadow:0 10px 30px rgba(96,92,255,.45)}
.n200-cta-main:hover{transform:translateY(-2px);box-shadow:0 14px 36px rgba(96,92,255,.6)}
.n200-cta-alt{color:#e5e9ff;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16)}
.n200-cta-alt:hover{background:rgba(255,255,255,.13)}
.hero-cta{display:flex;gap:12px;justify-content:center;margin-top:18px}
.hero-cta a{padding:12px 24px;border-radius:14px;font-weight:800;text-decoration:none;color:#fff;background:linear-gradient(135deg,#3f6bff,#8d5bff)}
.hero-cta .hero-cta-alt{background:rgba(255,255,255,.08)}

/* footer */
footer{display:flex;flex-wrap:wrap;gap:6px 4px;justify-content:center;align-items:center;padding:28px 16px 40px;color:#8f98bd;font-size:14px}
footer a{color:#b9c3ff;text-decoration:none;padding:2px 6px;border-radius:8px}
footer a:hover{color:#fff;background:rgba(255,255,255,.07)}

/* keyboard focus must always be visible */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #8fb2ff;outline-offset:2px}

@media (max-width:720px){
  .nav{flex-wrap:wrap;gap:8px;padding-inline:12px}
  .nav nav{order:3;width:100%;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none;padding-bottom:2px}
  .nav nav a{white-space:nowrap}
  .n200-cta a{flex:1 1 100%}
}
.n181-quality-version{display:none!important}
