/* Nowoczesna typografia i kolory tekstów (Plus Jakarta Sans, SIL OFL). Włączane flagą modernFont w config.mjs; ładowany jako ostatni. */
@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:200 800;font-display:swap;src:url(/assets/fonts/pjs-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:200 800;font-display:swap;src:url(/assets/fonts/pjs-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

body.vd{--font:'Plus Jakarta Sans',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;font-family:var(--font);line-height:1.65;letter-spacing:-.005em;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.vd button,.vd input,.vd select,.vd textarea,.vd .btn,.vd summary{font-family:var(--font)}
.vd h1,.vd h2,.vd h3,.vd h4{font-family:var(--font);letter-spacing:-.028em;font-weight:800}
.vd h3,.vd h4{font-weight:700;letter-spacing:-.018em}
.vd .btn{font-weight:700;border-radius:14px;letter-spacing:-.005em}
.vd .ln{font-weight:800;letter-spacing:-.04em}
.vd .mn>li>a,.vd .mn>li>button{font-weight:600}
.vd .sh h2{letter-spacing:-.03em}
.vd .pp,.vd .nums b,.vd .band .amt{font-weight:800;letter-spacing:-.035em}

/* ===== hero: nowoczesny nagłówek ===== */
.vd .hs h1{font-size:clamp(2.25rem,4.7vw,3.85rem);font-weight:800;letter-spacing:-.04em;line-height:1.05;color:#0f172a}
.vd .hs p{font-size:1.13rem;line-height:1.68;color:#475569;max-width:30em}
.hs .gt{background:linear-gradient(95deg,#0a6bdc 0%,#6a5af9 45%,#1fa37a 100%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:gs 7s linear infinite}
.vd .hs .eyebrow{display:inline-flex;align-items:center;gap:9px;text-transform:none;letter-spacing:-.005em;font-size:.9rem;font-weight:700;padding:7px 16px 7px 13px;color:#0f172a;border:1px solid #e2dad0;box-shadow:0 6px 18px rgba(80,60,30,.08)}
.vd .hs .eyebrow:before{content:"";width:9px;height:9px;border-radius:50%;background:#1fa37a;box-shadow:0 0 0 4px rgba(31,163,122,.2)}

/* zmieniające się hasło branży: kolorowa pigułka, kolor zmienia się z każdym słowem */
.rot{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:4px 0 16px;font-size:1.05rem;font-weight:600;color:#64748b}
.rot b{display:inline-block;border:0;padding:5px 15px;border-radius:99px;font-weight:800;letter-spacing:-.02em;background:var(--rt,#e8f2fc);color:var(--rc,#0a6bdc);transition:opacity .35s,transform .35s,background .4s,color .4s}
.rot b.t0{--rt:#e8f2fc;--rc:#0a6bdc}.rot b.t1{--rt:#e6f6ee;--rc:#13804f}.rot b.t2{--rt:#fdf0d8;--rc:#b25f00}.rot b.t3{--rt:#efe9fc;--rc:#5b34c9}
.rot b.out{opacity:0;transform:translateY(8px)}

/* pływające karty: nowoczesna czcionka */
.fc{font-weight:700;letter-spacing:-.01em}
.tag-live{font-weight:800;letter-spacing:.04em}