/* Vremenska linija "Kako smo rasli" (O nama; mockup timeline A, 12.10.2026):
   tačke spojene linijom, bez kartica. Telefon i tablet: linija lijevo odozgo nadolje; desktop: vodoravno.
   Poseban fajl jer CSP (style-src 'self') ne dozvoljava <style> u stranici; kasnije se može spojiti u site.css. */
.tl{list-style:none;display:grid;position:relative;padding:0 0 0 40px;margin:20px 0 0;gap:26px}
.tl::before{content:"";position:absolute;left:11px;top:8px;bottom:8px;width:3px;background:var(--plava)}
.tl li{position:relative}
.tl .t{position:absolute;left:-40px;top:4px;width:25px;height:25px;border-radius:50%;background:var(--pozadina);border:3px solid var(--plava);z-index:1}
.tl .god{display:block;font-size:30px;font-weight:700;letter-spacing:-.03em;line-height:1.1;color:var(--duboka)}
.tl .nas{display:block;font-size:14px;color:var(--siva);margin:2px 0 10px}
.tl p{font-size:16px;line-height:1.45;color:var(--tekst-3);margin:0}
/* zadnji korak ("Danas") - puna tačka sa blagim krugom oko nje */
.tl .danas .t{background:var(--plava);box-shadow:0 0 0 6px rgba(0,159,227,.18)}
.tl .danas .god{color:var(--plava)}

@media (min-width:992px){
 .tl{grid-template-columns:repeat(5,1fr);padding-left:0;gap:0}
 .tl::before{left:12px;right:0;top:11px;bottom:auto;width:auto;height:3px}
 .tl li{padding:47px 24px 0 0}
 .tl .t{left:0;top:0}
}

/* Partneri (12.10.2026): koraci na istoj liniji - 4 tačke (3 koraka + "Počnimo" sa dugmetom), naslovi koraka manji od godina */
.tl-koraci .god{font-size:22px;margin-bottom:8px}
.tl-koraci .dug{margin-top:4px}
@media (min-width:992px){ .tl.tl-koraci{grid-template-columns:repeat(4,1fr)} }