/* ==========================================================
   Nawigacja wspólna dla podstron — wygląd 1:1 ze strony głównej.
   Klasy z prefiksem snav/smenu, żeby nie kolidowały ze starym .nav z main.css.
   ========================================================== */
.snav { position:fixed; top:0; left:0; right:0; z-index:1000; padding:16px 0; transition:all .3s; background:rgba(10,10,20,0.6); -webkit-backdrop-filter:blur(20px); backdrop-filter:blur(20px); border-bottom:1px solid transparent; font-family:'Inter', sans-serif; line-height:1.6; }
.snav.scrolled { border-bottom-color:rgba(30,193,178,0.10); background:rgba(10,10,20,0.85); padding:12px 0; }
.snav *, .smenu * { box-sizing:border-box; }
.snav a, .smenu a { text-decoration:none; }
.snav__inner { max-width:1240px; margin:0 auto; padding:0 24px; display:flex; align-items:center; justify-content:space-between; }
.snav__logo { display:flex; align-items:center; gap:10px; font-family:'Space Grotesk', sans-serif; font-weight:700; font-size:18px; color:#ECFFF9; }
.snav__logo img { height:30px; width:auto; flex-shrink:0; }
.snav__logo .a { color:#1EC1B2; }
.snav__links { display:flex; align-items:center; gap:28px; }
.snav__link { font-size:14px; color:#8A95A8; transition:color .2s; font-weight:500; position:relative; padding:6px 0; }
.snav__link::after { content:''; position:absolute; bottom:0; left:0; width:0; height:1.5px; background:#1EC1B2; transition:width .3s cubic-bezier(0.16,1,0.3,1); }
.snav__link:hover, .snav__link.is-active { color:#ECFFF9; }
.snav__link:hover::after, .snav__link.is-active::after { width:100%; }
.snav__cta { display:flex; align-items:center; gap:12px; }
.sbtn { display:inline-flex; align-items:center; gap:8px; padding:10px 18px; border-radius:8px; font-family:'Space Grotesk', sans-serif; font-weight:600; font-size:14px; line-height:1.6; transition:all .2s; border:none; cursor:pointer; position:relative; overflow:hidden; }
.sbtn--primary { background:#1EC1B2; color:#0A0A14; }
.sbtn--primary::before { content:''; position:absolute; inset:0; background:linear-gradient(120deg, transparent 20%, rgba(255,255,255,0.35) 50%, transparent 80%); transform:translateX(-100%); transition:transform .6s; }
.sbtn--primary:hover::before { transform:translateX(100%); }
.sbtn--primary:hover { box-shadow:0 8px 24px rgba(30,193,178,0.35); transform:translateY(-1px); background:#63EDE3; color:#0A0A14; }
.sbtn--ghost { background:transparent; color:#ECFFF9; border:1px solid rgba(30,193,178,0.28); }
.sbtn--ghost:hover { border-color:#1EC1B2; background:rgba(30,193,178,0.06); transform:translateY(-1px); color:#ECFFF9; }
.sbtn--lg { padding:14px 24px; font-size:15px; }
.sburger { display:none; background:none; border:none; color:#ECFFF9; cursor:pointer; padding:8px; }
@media(max-width:960px){
  .snav__links, .snav__cta .sbtn--ghost { display:none; }
  .sburger { display:block; }
}

.smenu { position:fixed; inset:0; background:rgba(10,10,20,0.98); -webkit-backdrop-filter:blur(20px); backdrop-filter:blur(20px); z-index:999; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:24px; opacity:0; pointer-events:none; transition:opacity .3s; }
.smenu.open { opacity:1; pointer-events:auto; }
.smenu a { font-family:'Space Grotesk', sans-serif; font-size:26px; font-weight:600; color:#ECFFF9; }
.smenu.open a { animation:snavFadeUp .4s cubic-bezier(0.16,1,0.3,1) both; }
.smenu.open a:nth-child(1){ animation-delay:.05s; }
.smenu.open a:nth-child(2){ animation-delay:.1s; }
.smenu.open a:nth-child(3){ animation-delay:.15s; }
.smenu.open a:nth-child(4){ animation-delay:.2s; }
.smenu.open a:nth-child(5){ animation-delay:.25s; }
.smenu.open a:nth-child(6){ animation-delay:.3s; }
.smenu a:hover { color:#1EC1B2; }
.smenu a.sbtn--primary, .smenu a.sbtn--primary:hover { color:#0A0A14; }
@keyframes snavFadeUp { from{opacity:0;transform:translateY(30px)} to{opacity:1;transform:translateY(0)} }