/* =========================================================================
   SOSKY.PL — drobne style poza Tailwindem
   Fonty ładowane z serwera (te same pliki co dotychczas).
   ========================================================================= */

/* Inter */
@font-face { font-family:'Inter'; font-style:normal; font-weight:300; font-display:swap; src:url('https://sosky.pl/fonts/inter-v20-latin-300.woff2') format('woff2'); }
@font-face { font-family:'Inter'; font-style:normal; font-weight:400; font-display:swap; src:url('https://sosky.pl/fonts/inter-v20-latin-regular.woff2') format('woff2'); }
@font-face { font-family:'Inter'; font-style:normal; font-weight:500; font-display:swap; src:url('https://sosky.pl/fonts/inter-v20-latin-500.woff2') format('woff2'); }
@font-face { font-family:'Inter'; font-style:normal; font-weight:600; font-display:swap; src:url('https://sosky.pl/fonts/inter-v20-latin-600.woff2') format('woff2'); }
@font-face { font-family:'Inter'; font-style:normal; font-weight:700; font-display:swap; src:url('https://sosky.pl/fonts/inter-v20-latin-700.woff2') format('woff2'); }

/* Space Grotesk */
@font-face { font-family:'Space Grotesk'; font-style:normal; font-weight:300; font-display:swap; src:url('https://sosky.pl/fonts/space-grotesk-v22-latin-300.woff2') format('woff2'); }
@font-face { font-family:'Space Grotesk'; font-style:normal; font-weight:400; font-display:swap; src:url('https://sosky.pl/fonts/space-grotesk-v22-latin-regular.woff2') format('woff2'); }
@font-face { font-family:'Space Grotesk'; font-style:normal; font-weight:500; font-display:swap; src:url('https://sosky.pl/fonts/space-grotesk-v22-latin-500.woff2') format('woff2'); }
@font-face { font-family:'Space Grotesk'; font-style:normal; font-weight:600; font-display:swap; src:url('https://sosky.pl/fonts/space-grotesk-v22-latin-600.woff2') format('woff2'); }
@font-face { font-family:'Space Grotesk'; font-style:normal; font-weight:700; font-display:swap; src:url('https://sosky.pl/fonts/space-grotesk-v22-latin-700.woff2') format('woff2'); }

:root {
  --font-size-h1: clamp(2.5rem, 5vw + 1rem, 5rem);
}

html { scroll-behavior: smooth; }
body {
  font-family: 'Inter', sans-serif;
  background-color: #ffffff;
  color: #0f172a;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
}
h1, h2, h3, h4, h5, h6 {
  font-family: 'Space Grotesk', sans-serif;
  letter-spacing: -0.02em;
  line-height: 1.1;
  text-wrap: balance;
}

/* Animacja "shine" na przyciskach (odtworzenie z oryginału) */
@keyframes shine { 100% { left: 125%; } }
.animate-shine { animation: shine 1s; }

/* Animacje wejścia (zastępują framer-motion whileInView) */
[data-reveal] { opacity: 0; transform: translateY(18px); transition: opacity .6s ease, transform .6s cubic-bezier(.16,1,.3,1); }
[data-reveal].reveal-in { opacity: 1; transform: none; }
[data-reveal-delay="1"] { transition-delay: .08s; }
[data-reveal-delay="2"] { transition-delay: .16s; }
[data-reveal-delay="3"] { transition-delay: .24s; }
[data-reveal-delay="4"] { transition-delay: .32s; }
[data-reveal-delay="5"] { transition-delay: .40s; }
@media (prefers-reduced-motion: reduce) {
  [data-reveal] { opacity: 1; transform: none; transition: none; }
  html { scroll-behavior: auto; }
}

/* Akordeon (FAQ) — płynne rozwijanie */
[data-accordion-panel] { max-height: 0; overflow: hidden; transition: max-height .35s ease; }

/* Sticky mobilne CTA */
#sticky-cta { transform: translateY(120%); transition: transform .3s ease; }

/* Menu zjeżdża pod belkę cookies, gdy jest widoczna */
#main-nav { transition: top .3s ease; }
body.cookie-on #main-nav { top: 3.25rem; }

/* Suwaki kalkulatora ROI */
input[type="range"] { -webkit-appearance: none; appearance: none; height: .5rem; border-radius: .5rem; background: #e2e8f0; cursor: pointer; }
input[type="range"]::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 22px; height: 22px; border-radius: 9999px; background: #000; border: 2px solid #000; cursor: pointer; }
input[type="range"].accent-yellow::-webkit-slider-thumb { background: #FACC15; }
input[type="range"]::-moz-range-thumb { width: 22px; height: 22px; border-radius: 9999px; background: #000; border: 2px solid #000; cursor: pointer; }
input[type="range"].accent-yellow::-moz-range-thumb { background: #FACC15; }

/* Fallback dla Wistia (na podstronach z wideo) */
wistia-player:not(:defined) { display:block; padding-top:56.25%; background:#000; position:relative; }