/* Propozycje nawigacji w skali typograficznej Tailwind CSS. Bez parametru działa wersja A (oryginał). Wariant wybiera ?nav=b|c|d (patrz w index.html). Tokeny: text-xs .75rem/1rem · text-sm .875rem/1.25rem · text-base 1rem/1.5rem · text-lg 1.125rem/1.75rem font-medium 500 · font-semibold 600 · tracking-tight -.025em · tracking-wider .05em · rounded-full 9999px */ /* B — font-sans · text-sm · font-medium · tracking-tight · pigułki */ html[data-nav=b] .site-header nav{gap:.25rem;font-size:.875rem;line-height:1.25rem;font-weight:500;letter-spacing:-.025em} html[data-nav=b] .site-header nav a{padding:.375rem .75rem;border-radius:9999px;transition:background-color .15s,color .15s} html[data-nav=b] .site-header nav a:hover{background:rgb(255 255 255/.1);color:#fff} html[data-nav=b] .site-header nav a:last-child{border:1px solid rgb(92 226 205/.6);color:#5ce2cd;margin-left:.5rem} html[data-nav=b] .site-header nav a:last-child:hover{background:#5ce2cd;color:#06142b} /* C — font-mono · text-xs · uppercase · tracking-wider · podkreślenie przy hover */ html[data-nav=c] .site-header nav{gap:2rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:.75rem;line-height:1rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase} html[data-nav=c] .site-header nav a{position:relative;padding:.5rem 0} html[data-nav=c] .site-header nav a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:#5ce2cd;transform:scaleX(0);transform-origin:left;transition:transform .2s} html[data-nav=c] .site-header nav a:hover::after{transform:scaleX(1)} html[data-nav=c] .site-header nav a:last-child{border-bottom:0;color:#5ce2cd} /* D — font-sans · text-base · font-normal · segmentowany pasek z wyróżnionym CTA */ html[data-nav=d] .site-header nav{gap:.25rem;padding:.25rem;font-size:1rem;line-height:1.5rem;font-weight:400;letter-spacing:-.011em;background:rgb(255 255 255/.06);box-shadow:inset 0 0 0 1px rgb(255 255 255/.12);border-radius:9999px} html[data-nav=d] .site-header nav a{padding:.375rem 1rem;border-radius:9999px;transition:background-color .15s,color .15s} html[data-nav=d] .site-header nav a:hover{background:rgb(255 255 255/.1);color:#fff} html[data-nav=d] .site-header nav a:last-child{border-bottom:0;background:#5ce2cd;color:#06142b;font-weight:500} html[data-nav=d] .site-header nav a:last-child:hover{background:#80e9d8} @media(max-width:1150px){ html[data-nav=c] .site-header nav{gap:1.25rem} html[data-nav=d] .site-header nav{font-size:.875rem;line-height:1.25rem} html[data-nav=d] .site-header nav a{padding:.375rem .75rem} } @media(max-width:900px){ html[data-nav=b] .site-header nav a{padding:.375rem .5rem} html[data-nav=c] .site-header nav{gap:1rem;letter-spacing:.025em} html[data-nav=d] .site-header nav a{padding:.375rem .625rem} } /* Menu mobilne (≤700px): rozwijana lista — tylko typografia, bez pigułek i paska. */ @media(max-width:700px){ html[data-nav] #header-menu{background:#06142b;box-shadow:0 12px 18px #020a1938;border-radius:0;padding:22px 20px 28px} html[data-nav] #header-menu a,html[data-nav] #header-menu a:last-child{padding:4px 0;margin:0;border:0;border-radius:0;background:none;color:inherit} html[data-nav] #header-menu a:hover{background:none;color:#5ce2cd} html[data-nav=b] #header-menu{font-size:1.125rem;line-height:1.75rem;font-weight:500;letter-spacing:-.025em} html[data-nav=c] #header-menu{font-size:.875rem;line-height:1.25rem;letter-spacing:.05em;gap:22px} html[data-nav=d] #header-menu{font-size:1.25rem;line-height:1.75rem;font-weight:400} html[data-nav] #header-menu a:last-child{color:#5ce2cd} }