/* Partneri (/sr/partneri): samo pravila vezana za ovu stranicu. Sve ostalo je u css/system.css.
   Samo tokeni, jedan akcent. Fotografije u karticama su uvek tamne, pa natpisi na njima koriste fiksne inverse tokene. */

/* ---------- HERO: nacini pristupa ---------- */

/* ---------- HERO: mreza partnera (prstenovi, zraci koji se okrecu, nagnuti cvorovi) ---------- */
.net{position:relative;min-height:600px;min-width:0}
.net-rings,.net-rings i{position:absolute;left:50%;top:50%;translate:-50% -50%;border:1px solid color-mix(in srgb,var(--accent) 22%,transparent);border-radius:50%}
.net-rings{width:min(540px,100%);aspect-ratio:1}
.net-rings i:nth-child(1){width:74%;aspect-ratio:1}
.net-rings i:nth-child(2){width:48%;aspect-ratio:1}
.net-rings i:nth-child(3){width:16%;aspect-ratio:1;background:color-mix(in srgb,var(--accent) 6%,transparent);box-shadow:0 0 80px color-mix(in srgb,var(--accent) 14%,transparent)}
.net-rings:after{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 20deg,transparent 0 12%,color-mix(in srgb,var(--blue) 45%,transparent) 12.5%,transparent 13% 42%,color-mix(in srgb,var(--accent) 40%,transparent) 42.5%,transparent 43% 74%,color-mix(in srgb,var(--danger) 50%,transparent) 74.5%,transparent 75%);animation:netSpin 18s linear infinite}
@keyframes netSpin{to{rotate:360deg}}
.net-center{position:absolute;left:50%;top:50%;translate:-50% -50%;z-index:1;width:190px;height:190px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--accent) 45%,transparent);border-radius:34px;background:var(--surface);box-shadow:var(--shadow),0 0 60px color-mix(in srgb,var(--accent) 10%,transparent)}
.net-center .net-logo{width:94px;height:94px;border-radius:24px}
.net-node{position:absolute;z-index:2;display:grid;gap:6px;min-width:150px;padding:16px 18px;border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow);font-size:18px;font-weight:900;letter-spacing:-.04em;color:var(--text);animation:nodeFloat 5s ease-in-out infinite;transition:border-color .25s}
.net-node:before{content:"";position:absolute;left:-5px;top:50%;width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 18px var(--accent)}
.net-node small{font:800 9px/1 var(--mono);letter-spacing:.12em;color:var(--text-muted)}
.net-node:hover{border-color:var(--accent)}
@keyframes nodeFloat{50%{translate:0 -8px}}
.n1{left:2%;top:12%;rotate:-4deg}
.n2{right:0;top:18%;rotate:3deg;animation-delay:-1s}
.n3{right:2%;bottom:13%;rotate:-3deg;animation-delay:-2s}
.n4{left:4%;bottom:9%;rotate:4deg;animation-delay:-3s}
.n5{left:50%;top:1%;margin-left:-75px;animation-delay:-4s}

/* partner carousel ispod heroja, isti obrazac kao klijenti na početnoj */
.partner-clients{margin-top:56px}
.partner-clients .logo-track span{min-width:126px}
.partner-clients .logo-track img,.partner-clients .logo-track span:hover img{filter:grayscale(1) brightness(0) invert(1)}
.partner-clients .proof-logo-cognee img{width:42px;max-height:42px}
.partner-clients .proof-logo-superplane img{width:138px}
.partner-clients .proof-logo-retell img{width:116px}
.partner-clients .proof-logo-databox img{width:136px}
.partner-clients .proof-logo-simplygrow img{width:34px;max-height:44px}

/* ---------- KATALOG PARTNERA (svetla traka) ---------- */
.partner-grid{display:grid;grid-template-columns:1fr;gap:20px}
.partner-card{min-width:0;display:grid;grid-template-columns:1fr;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);overflow:hidden;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,border-color .25s}
.partner-card:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:var(--border-strong)}
.partner-card-wide{grid-column:1/-1;grid-template-columns:1.08fr .92fr}
.partner-media{position:relative;min-height:300px;overflow:hidden;background:var(--inverse-bg)}
.partner-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.85);transition:scale .6s cubic-bezier(.2,.8,.2,1),filter .45s}
.partner-card:hover .partner-media img{scale:1.04;filter:saturate(1)}
.partner-media>span{position:absolute;z-index:2;left:16px;top:16px;padding:7px 10px;border-radius:var(--radius-full);background:var(--inverse-surface);border:1px solid var(--inverse-line);color:var(--inverse-text);font:800 10px/1 var(--mono);letter-spacing:.1em}
.partner-copy{display:flex;flex-direction:column;gap:14px;padding:28px}
.partner-title{display:flex;align-items:center;gap:18px}
.partner-logo{flex:0 0 128px;height:58px;display:grid;place-items:center;padding:10px 13px;border:1px solid color-mix(in srgb,var(--inverse-bg) 14%,transparent);border-radius:var(--radius-md);background:var(--inverse-text);overflow:hidden}
.partner-logo img{display:block;width:100%;height:100%;object-fit:contain}
.partner-logo-cognee img{width:42px;height:42px}
.partner-logo-superplane{background:#151818}
.partner-logo-superplane img{width:112px}
.partner-logo-retell img{width:104px}
.partner-logo-databox img{width:112px}
.partner-logo-simplygrow img{width:32px;height:44px}
.partner-name{display:grid;gap:7px;min-width:0}
.partner-title strong{font-size:24px;font-weight:800;line-height:1;letter-spacing:-.04em}
.partner-title small{font:800 10px/1.2 var(--mono);letter-spacing:.1em;color:var(--text-muted)}
.partner-copy h3{margin-top:6px}
.partner-copy p{color:var(--text-muted);font-size:15px;line-height:1.65;max-width:620px}
.topic-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:10px}
.topic-list span{padding:6px 10px;border-radius:var(--radius-full);background:var(--surface-alt);border:1px solid var(--border);color:var(--text-muted);font:700 10px/1 var(--mono)}
.partner-card-wide .partner-copy{padding:clamp(28px,3.4vw,44px);justify-content:center}
.partner-card-wide .partner-media{min-height:380px}

/* ---------- OD KONTAKTA DO ZNANJA ---------- */
.relationship-flow li{gap:12px}

/* ---------- DVA NACINA PRISTUPA (svetla traka) ---------- */
.access-cards{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.access-card{min-width:0;display:flex;flex-direction:column;gap:14px;padding:clamp(26px,3vw,38px);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,border-color .25s}
.access-card:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:var(--border-strong)}
.access-card h3{font-size:clamp(28px,2.6vw,38px);letter-spacing:-.04em}
.access-card p{color:var(--text-muted);font-size:15px;line-height:1.65;max-width:560px;margin-bottom:18px}
.access-card .step-btn{align-self:flex-start;justify-content:center;margin-top:auto;padding:14px 18px;background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
.access-card:hover .step-btn{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
.access-card:hover .step-btn i{translate:4px 0}
.access-visual{height:110px;margin-bottom:22px}
.access-live{display:flex;align-items:flex-end;gap:11px}
.access-live i{display:block;width:31px;border-radius:10px 10px 2px 2px;background:var(--text)}
.access-live i:nth-child(1){height:49px}
.access-live i:nth-child(2){height:92px;background:var(--accent)}
.access-live i:nth-child(3){height:67px;background:var(--border-strong)}
.access-video{position:relative;display:grid;place-items:center;border-radius:var(--radius-md);background:var(--inverse-bg);overflow:hidden}
.access-video:before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--inverse-line) 1px,transparent 1px),linear-gradient(90deg,var(--inverse-line) 1px,transparent 1px);background-size:26px 26px}
.access-video span{position:relative;width:60px;height:60px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:var(--accent-ink);font:900 9px/1 var(--mono);letter-spacing:.06em;box-shadow:0 0 0 12px color-mix(in srgb,var(--accent) 14%,transparent)}

/* ---------- RESPONSIVE ---------- */
@media (max-width:1100px){
  .partner-card-wide{grid-template-columns:1fr}
  .partner-card-wide .partner-media{min-height:300px}
}
@media (max-width:700px){
  .partner-grid,.access-cards{grid-template-columns:1fr}
  .partner-media,.partner-card-wide .partner-media{min-height:230px}
  .partner-copy,.partner-card-wide .partner-copy{padding:24px}
  .partner-title{align-items:flex-start;gap:14px}
  .partner-logo{flex-basis:104px;height:52px;padding:9px 11px}
  .partner-logo-cognee img{width:36px;height:36px}
  .partner-logo-superplane img,.partner-logo-databox img{width:92px}
  .partner-logo-retell img{width:84px}
  .partner-title strong{font-size:22px}
  .net{min-height:440px;overflow:hidden;margin-inline:-6px}
  .net-rings{width:390px}
  .net-center{width:140px;height:140px;border-radius:24px}
  .net-center .net-logo{width:72px;height:72px;border-radius:20px}
  .net-node{min-width:0;padding:11px 12px;font-size:14px}
  .n1{left:2%;top:10%}.n2{right:2%;top:16%}.n3{right:2%;bottom:10%}.n4{left:2%;bottom:8%}.n5{top:0;margin-left:-60px}
  .partner-clients{margin-top:32px}
}
@media (prefers-reduced-motion:reduce){
  .net-rings:after,.net-node{animation:none}
  .net-node,.partner-card,.partner-media img,.access-card,.access-card .step-btn i{transition:none}
  .partner-card:hover,.access-card:hover{transform:none}
  .partner-card:hover .partner-media img{scale:none}
}