/* ============================================================================
   OPTIMUS TRANSPORT — redesign.css (warstwa premium 2026, ładowana PO main.css)
   Jasny szklany header, kinowy hero z glass-card, bento usług, pasek statystyk.
   Świadomie inny układ niż OTSL. Czysty CSS, zero zależności.
   ========================================================================== */
:root{
  --glass: rgba(255,255,255,.72);
  --hairline: rgba(20,40,80,.12);
  --shadow-soft: 0 1px 2px rgba(11,18,32,.05), 0 10px 30px rgba(11,18,32,.07);
  --shadow-lift: 0 18px 50px rgba(11,18,32,.16);
}

/* ── HEADER: jasny / szklany ─────────────────────────────────────────────── */
.site-header{background:rgba(255,255,255,.82);backdrop-filter:saturate(160%) blur(14px);
  -webkit-backdrop-filter:saturate(160%) blur(14px);border-bottom:1px solid var(--hairline);}
.site-header__inner{min-height:74px;}
.brand__logo{height:40px;}
.site-header.is-scrolled{background:rgba(255,255,255,.93);box-shadow:var(--shadow-soft);}
.main-nav__list a{color:#2A3445;font-weight:600;font-size:.92rem;}
.main-nav__list a:hover{color:var(--opt-blue);}
.main-nav__list a::after{background:var(--opt-blue);bottom:-4px;}
.nav-toggle span{background:#1A2740;}
.lang-switch__current{background:#EEF2F8;color:#1A2740;border:1px solid var(--hairline);}
.lang-switch__current:hover{background:#E3E9F3;}
.lang-switch__menu{background:#fff;border:1px solid var(--hairline);box-shadow:var(--shadow-lift);}
.lang-switch__item{color:#41506A;}
.lang-switch__item:hover{color:var(--opt-blue);background:#EEF2F8;}
.lang-switch__item.is-active{background:var(--opt-blue);color:#fff;}
.header-search__toggle{color:#2A3445;}
.header-search__toggle:hover{color:var(--opt-blue);}
.header-search__input{background:#EEF2F8;color:#1A2740;}
.header-search__input::placeholder{color:#7A879B;}
.header-search.is-open .header-search__input:focus{border-color:var(--opt-blue);}
@media(max-width:1080px){
  .main-nav__list{background:#fff;border-bottom:1px solid var(--hairline);box-shadow:var(--shadow-lift);}
  .main-nav__list li{border-bottom:1px solid var(--hairline);}
  .header-search.is-open{background:#fff;border-top:1px solid var(--hairline);}
  .header-search.is-open .header-search__toggle{color:#2A3445;}
}

/* ── HERO kinowy (Home) ──────────────────────────────────────────────────── */
.hero-cx{position:relative;min-height:clamp(560px,86vh,860px);display:flex;align-items:flex-end;
  overflow:hidden;background:var(--ink-900);color:#fff;}
.hero-cx__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  transform:scale(1.06);animation:heroIn 1.7s cubic-bezier(.22,.61,.36,1) forwards;}
@keyframes heroIn{to{transform:scale(1);}}
.hero-cx__scrim{position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(7,12,26,.60) 0%,rgba(7,12,26,.10) 32%,rgba(7,12,26,.20) 55%,rgba(7,12,26,.92) 100%);}
.hero-cx__scrim::after{content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(7,12,26,.55) 0%,rgba(7,12,26,0) 62%);}
.hero-cx__inner{position:relative;width:100%;padding-block:var(--sp-16) var(--sp-12);}
.hero-cx__grid{display:grid;grid-template-columns:1.5fr .9fr;gap:clamp(1.5rem,4vw,3.5rem);align-items:end;}
.hero-cx__eyebrow{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.2em;
  font-size:.8rem;color:#9FC0F2;margin-bottom:var(--sp-4);}
.hero-cx__title{font-family:var(--font-head);font-weight:800;color:#fff;
  font-size:clamp(2.5rem,5.4vw,4.7rem);line-height:1.02;letter-spacing:-.025em;margin:0 0 var(--sp-5);text-wrap:balance;}
.hero-cx__title .u-accent{background-image:linear-gradient(var(--opt-blue-bright),var(--opt-blue-bright));background-size:100% .1em;}
.hero-cx__lead{font-size:clamp(1.05rem,1.5vw,1.3rem);line-height:1.6;color:#D7E0EE;max-width:46ch;margin:0 0 var(--sp-6);}
.hero-cx__cta{display:flex;flex-wrap:wrap;gap:var(--sp-3);}
.hero-cx__card{align-self:end;background:var(--glass);backdrop-filter:blur(18px) saturate(160%);
  -webkit-backdrop-filter:blur(18px) saturate(160%);border:1px solid rgba(255,255,255,.5);
  border-radius:var(--r-lg);padding:var(--sp-6);color:#14171F;box-shadow:0 24px 60px rgba(7,12,26,.45);}
.hero-cx__card h2{font-size:.8rem;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.14em;
  color:var(--opt-blue);margin:0 0 var(--sp-4);}
.hero-cx__facts{list-style:none;margin:0;padding:0;display:grid;gap:var(--sp-3);}
.hero-cx__facts li{display:flex;gap:var(--sp-3);align-items:baseline;font-size:.95rem;color:#2A3445;}
.hero-cx__facts b{font-family:var(--font-head);font-size:1.05rem;color:#0B1220;min-width:5.5ch;}
.hero-cx__route{display:flex;align-items:center;gap:.4rem;margin:var(--sp-5) 0 0;padding-top:var(--sp-4);
  border-top:1px solid var(--hairline);font-family:var(--font-mono);font-weight:700;font-size:.86rem;color:#0B1220;flex-wrap:wrap;}
.hero-cx__route span{color:#9aa3b5;}
.hero-cx__route b{color:var(--opt-blue);}
@media (prefers-reduced-transparency:reduce){.hero-cx__card{background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none;}}
@media (prefers-reduced-motion:reduce){.hero-cx__bg{animation:none;transform:none;}}
@media(max-width:900px){
  .hero-cx{min-height:auto;}
  .hero-cx__grid{grid-template-columns:1fr;gap:var(--sp-8);}
  .hero-cx__inner{padding-block:var(--sp-12) var(--sp-8);}
}

/* ── Pasek statystyk (zamiast trust-baru) ────────────────────────────────── */
.stat-strip{background:#fff;border-bottom:1px solid var(--hairline);}
.stat-strip__grid{display:grid;grid-template-columns:repeat(4,1fr);}
.stat-strip__item{padding:var(--sp-8) var(--sp-6);border-left:1px solid var(--hairline);}
.stat-strip__item:first-child{border-left:0;}
.stat-strip__n{font-family:var(--font-head);font-weight:800;font-size:clamp(1.5rem,2.6vw,2.2rem);
  color:var(--opt-blue);line-height:1;letter-spacing:-.02em;}
.stat-strip__l{margin:.5rem 0 0;color:var(--text-muted);font-size:.92rem;}
@media(max-width:760px){.stat-strip__grid{grid-template-columns:1fr 1fr;}
  .stat-strip__item:nth-child(odd){border-left:0;}
  .stat-strip__item:nth-child(n+3){border-top:1px solid var(--hairline);}}

/* ── BENTO usług ─────────────────────────────────────────────────────────── */
.bento{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-4);}
.bento__tile{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--hairline);
  border-radius:var(--r-lg);padding:var(--sp-6);min-height:178px;text-decoration:none;color:inherit;overflow:hidden;
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;}
a.bento__tile:hover{transform:translateY(-4px);box-shadow:var(--shadow-lift);border-color:var(--silver-300);}
.bento__icon{display:inline-flex;width:48px;height:48px;align-items:center;justify-content:center;
  border-radius:var(--r-md);background:var(--opt-blue-soft);color:var(--opt-blue-700);margin-bottom:auto;}
.bento__icon svg{width:26px;height:26px;}
.bento__tile h3{font-size:1.12rem;margin:var(--sp-4) 0 var(--sp-2);}
.bento__tile p{color:var(--text-muted);margin:0;font-size:.95rem;line-height:1.55;}
.bento__more{margin-top:var(--sp-3);font-weight:700;font-family:var(--font-head);font-size:.9rem;color:var(--opt-blue-600);}
a.bento__tile:hover .bento__more{color:var(--opt-blue-700);}
.bento__tile--wide{grid-column:span 2;}
.bento__tile--feature{grid-column:span 2;grid-row:span 2;justify-content:flex-end;color:#fff;border:0;min-height:374px;}
.bento__feat-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;}
.bento__tile--feature::after{content:"";position:absolute;inset:0;z-index:1;
  background:linear-gradient(180deg,rgba(7,12,26,.12),rgba(7,12,26,.85));}
.bento__tile--feature>*{position:relative;z-index:2;}
.bento__tile--feature h3{font-size:1.7rem;color:#fff;}
.bento__tile--feature p{color:#D7E0EE;}
.bento__tile--feature .bento__icon{background:rgba(255,255,255,.16);color:#fff;}
.bento__tile--accent{background:var(--opt-blue-soft);border-color:transparent;}
@media(max-width:900px){.bento{grid-template-columns:repeat(2,1fr);}
  .bento__tile--feature{grid-column:span 2;grid-row:auto;min-height:300px;}}
@media(max-width:560px){.bento{grid-template-columns:1fr;}.bento__tile--wide,.bento__tile--feature{grid-column:auto;}}

/* ── Rytm sekcji + kicker (nagłówek z linią) ─────────────────────────────── */
.section{padding-block:clamp(3.5rem,7vw,6.5rem);}
.lead-row{max-width:64ch;margin-bottom:var(--sp-12);}
.lead-row h2{font-size:clamp(1.8rem,3.4vw,2.8rem);letter-spacing:-.02em;margin:.4rem 0 var(--sp-3);}
.lead-row p{color:var(--text-muted);font-size:1.12rem;margin:0;}
.kicker{display:inline-flex;align-items:center;gap:.6rem;font-family:var(--font-mono);text-transform:uppercase;
  letter-spacing:.16em;font-size:.78rem;color:var(--opt-blue);}
.kicker::before{content:"";width:26px;height:2px;background:var(--opt-blue);display:inline-block;}

/* ── Editorial split „dlaczego" ──────────────────────────────────────────── */
.edito{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(1.5rem,4vw,4rem);align-items:center;}
.edito__media{margin:0;border-radius:var(--r-xl);overflow:hidden;box-shadow:var(--shadow-lift);aspect-ratio:4/3;}
.edito__media img{width:100%;height:100%;object-fit:cover;display:block;}
.edito__list{list-style:none;margin:var(--sp-6) 0 0;padding:0;display:grid;gap:var(--sp-4);}
.edito__list li{display:grid;grid-template-columns:auto 1fr;gap:var(--sp-4);align-items:start;}
.edito__k{font-family:var(--font-mono);font-weight:700;color:var(--opt-blue);font-size:.9rem;padding-top:.15rem;}
.edito__list h3{font-size:1.15rem;margin:0 0 .25rem;}
.edito__list p{color:var(--text-muted);margin:0;font-size:.97rem;}
@media(max-width:860px){.edito{grid-template-columns:1fr;}}

/* ── Stopka: logo na jasnej płytce ───────────────────────────────────────── */
.site-footer__brand .brand__logo{height:40px;background:#fff;padding:8px 12px;border-radius:10px;}

/* ── Pas CTA — mocniejszy gradient marki ─────────────────────────────────── */
.cta-band{background:var(--grad-blue);}
.cta-band__swoosh{opacity:.14;}
