.belit-about{
  --navy:#051f3e;
  --blue:#128bcc;
  --red:#ed1c27;
  --white:#ffffff;
  --ink:#071a33;
  --muted:rgba(5,31,62,.70);
  --line:rgba(5,31,62,.12);
  --shadow: 0 18px 60px rgba(5,31,62,.10);
  --shadow2: 0 28px 90px rgba(5,31,62,.14);

  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color:var(--ink);
  background:var(--white);
  overflow-x:hidden;
  isolation:isolate;
}
.belit-about *{ box-sizing:border-box; }
.belit-about a{ color:inherit; text-decoration:none; }
.belit-about img{ max-width:100%; display:block; }

.ba-wrap{ max-width:1180px; margin:0 auto; padding:0 24px; }
.ba-sec{ padding:120px 0; position:relative; }
@media (max-width: 900px){ .ba-sec{ padding:84px 0; } }

/* ---------- shared headings ---------- */
.ba-centerhead{ max-width: 860px; margin: 0 auto 56px; text-align:center; }
.ba-eyebrow{
  display:inline-flex; align-items:center; gap:10px;
  padding:10px 14px; border-radius:999px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.85);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  font-size:12.5px; font-weight:900;
  color:rgba(5,31,62,.78);
  letter-spacing:.04em;
}
.ba-eyebrow::before{
  content:""; width:10px; height:10px;
  border-radius:3px;
  background:linear-gradient(135deg, var(--blue), rgba(18,139,204,.35));
  box-shadow:0 10px 24px rgba(18,139,204,.12);
  flex:0 0 auto;
}
.ba-h1{
  margin:22px 0 18px;
  font-size:clamp(42px, 5.4vw, 76px);
  line-height:1.02;
  letter-spacing:-.04em;
  color:var(--navy);
}
.ba-h2{
  margin:14px 0 0;
  font-size:clamp(28px, 3vw, 44px);
  line-height:1.12;
  letter-spacing:-.03em;
  color:var(--navy);
}
.ba-brandline{
  height:3px; width:140px; border-radius:999px;
  background: linear-gradient(90deg, transparent, rgba(237,28,39,.82), transparent);
  margin:20px auto 0;
}

/* ---------- reveal motion ---------- */
.ba-observe .ba-reveal{
  opacity:0; transform: translateY(18px); filter: blur(10px);
  transition:
    opacity .85s cubic-bezier(.18,.9,.2,1),
    transform .85s cubic-bezier(.18,.9,.2,1),
    filter .85s cubic-bezier(.18,.9,.2,1);
}
.ba-observe.ba-in .ba-reveal{ opacity:1; transform: translateY(0); filter: blur(0); }
.ba-stagger > *{
  opacity:0; transform: translateY(14px);
  transition: opacity .8s cubic-bezier(.18,.9,.2,1), transform .8s cubic-bezier(.18,.9,.2,1);
}
.ba-in .ba-stagger > *{ opacity:1; transform: translateY(0); }
.ba-stagger > *:nth-child(1){ transition-delay:.06s; }
.ba-stagger > *:nth-child(2){ transition-delay:.12s; }
.ba-stagger > *:nth-child(3){ transition-delay:.18s; }
.ba-stagger > *:nth-child(4){ transition-delay:.24s; }
.ba-stagger > *:nth-child(5){ transition-delay:.30s; }
.ba-stagger > *:nth-child(6){ transition-delay:.36s; }
.ba-stagger > *:nth-child(7){ transition-delay:.42s; }
.ba-stagger > *:nth-child(8){ transition-delay:.48s; }
@media (prefers-reduced-motion: reduce){
  .ba-reveal, .ba-stagger > *{ transition:none !important; transform:none !important; filter:none !important; opacity:1 !important; }
}

/* ============================================================
   HERO
   ============================================================ */
.ba-pagehero{
  position:relative;
  min-height:100vh;
  min-height:100dvh;
  display:flex;
  align-items:flex-start;
  padding:var(--blt-hero-pad-top) 0 var(--blt-hero-pad-bottom);
  background:
    radial-gradient(1100px 520px at 12% -8%, rgba(18,139,204,.20), transparent 58%),
    radial-gradient(900px 480px at 88% 18%, rgba(237,28,39,.08), transparent 62%),
    linear-gradient(180deg, rgba(18,139,204,.05) 0%, rgba(255,255,255,1) 78%);
  border-bottom:1px solid rgba(5,31,62,.08);
  overflow:hidden;
}
.ba-pagehero::before{
  content:"";
  position:absolute; inset:0;
  background-image:
    linear-gradient(rgba(5,31,62,.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(5,31,62,.04) 1px, transparent 1px);
  background-size:48px 48px;
  mask-image:linear-gradient(180deg, #000 0%, transparent 92%);
  -webkit-mask-image:linear-gradient(180deg, #000 0%, transparent 92%);
  pointer-events:none;
  opacity:.65;
}
.ba-hero-orbs{
  position:absolute; inset:0;
  pointer-events:none;
  overflow:hidden;
}
.ba-orb{
  position:absolute;
  border-radius:50%;
  filter:blur(60px);
  opacity:.55;
}
.ba-orb--blue{
  width:420px; height:420px;
  top:-120px; right:8%;
  background:rgba(18,139,204,.28);
}
.ba-orb--red{
  width:280px; height:280px;
  bottom:-80px; left:6%;
  background:rgba(237,28,39,.14);
}
.ba-pagehero > .ba-wrap{
  width:100%;
  position:relative;
  z-index:2;
}
.ba-hero-grid{
  position:relative;
  display:flex;
  flex-direction:column;
  gap:clamp(20px, 3vw, 28px);
  width:100%;
}
.ba-hero-row{
  display:grid;
  grid-template-columns:minmax(0, 1fr) minmax(0, 1fr);
  gap:clamp(32px, 4vw, 56px);
  align-items:stretch;
}
@media (max-width: 980px){
  .ba-hero-row{ grid-template-columns:1fr; }
}
.ba-hero-copy{
  position:relative;
  display:flex;
  flex-direction:column;
}
.ba-pagehero .ba-h1{ margin-top:0; }
.ba-pagehero .ba-kicker{
  align-self:center;
  width:fit-content;
  max-width:100%;
}
.ba-kicker{
  display:inline-flex; align-items:center; flex-wrap:wrap; gap:10px;
  padding:10px 16px; border-radius:999px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.82);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  font-size:13px; font-weight:900;
  color:rgba(5,31,62,.80);
  letter-spacing:.02em;
}
.ba-kicker .dot{
  width:9px; height:9px; border-radius:50%;
  background:var(--red);
  box-shadow:0 0 0 4px rgba(237,28,39,.16);
  animation:ba-pulse 2.4s ease-in-out infinite;
}
.ba-kicker-sep{
  width:1px; height:14px;
  background:rgba(5,31,62,.16);
}
.ba-kicker-sub{
  font-weight:700;
  color:rgba(5,31,62,.62);
}
@keyframes ba-pulse{
  0%,100%{ box-shadow:0 0 0 4px rgba(237,28,39,.16); }
  50%{ box-shadow:0 0 0 8px rgba(237,28,39,.06); }
}
.ba-pagehero .ba-h1{
  text-align:left;
  max-width:none;
}
.ba-accent{
  display:block;
  background:linear-gradient(135deg, var(--blue) 0%, #0a6fa8 45%, var(--navy) 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.ba-lead{
  margin:0;
  max-width:58ch;
  font-size:clamp(17px, 1.35vw, 20px);
  line-height:1.72;
  color:var(--muted);
  font-weight:500;
}
.ba-hero-nav{
  display:grid;
  grid-template-columns:repeat(6, minmax(0, 1fr));
  gap:10px;
  width:100%;
  margin-top:clamp(28px, 4vw, 44px);
}
@media (max-width: 900px){
  .ba-hero-nav{ grid-template-columns:repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 520px){
  .ba-hero-nav{ grid-template-columns:repeat(2, minmax(0, 1fr)); }
}
.belit-about .ba-hero-nav-link{
  display:flex; align-items:center; justify-content:center;
  min-height:44px; padding:0 12px;
  border-radius:5px;
  border:1px solid var(--blue);
  background:transparent;
  box-shadow:none;
  font-size:clamp(12px, 1.1vw, 13.5px); font-weight:500;
  color:var(--navy);
  text-align:center;
  transition:border-color .2s ease, background .2s ease, color .2s ease;
}
.belit-about .ba-hero-nav-link:hover{
  border-color:var(--blue);
  background:rgba(18,139,204,.06);
  color:var(--navy);
}
.ba-hero-panel{
  position:relative;
  display:flex;
  flex-direction:column;
  height:100%;
  padding:28px;
  border-radius:28px;
  border:1px solid var(--line);
  background:
    radial-gradient(420px 280px at 12% 0%, rgba(18,139,204,.08), transparent 62%),
    radial-gradient(360px 240px at 92% 100%, rgba(237,28,39,.04), transparent 64%),
    linear-gradient(180deg, rgba(255,255,255,.98), rgba(255,255,255,.92));
  box-shadow:var(--shadow2);
  overflow:hidden;
}
.ba-hero-panel::before{
  content:"";
  position:absolute; inset:0;
  border-radius:inherit;
  background-image:
    linear-gradient(rgba(5,31,62,.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(5,31,62,.04) 1px, transparent 1px);
  background-size:48px 48px;
  mask-image:radial-gradient(ellipse at 50% 30%, #000 0, transparent 78%);
  -webkit-mask-image:radial-gradient(ellipse at 50% 30%, #000 0, transparent 78%);
  pointer-events:none;
  opacity:.55;
}
.ba-hero-panel::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  padding:1px;
  background:linear-gradient(145deg, rgba(18,139,204,.22), rgba(237,28,39,.12), transparent 55%);
  -webkit-mask:linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  pointer-events:none;
}
.ba-hero-panel-badge{
  display:inline-flex;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(18,139,204,.10);
  color:#0a6fa8;
  font-size:11.5px;
  font-weight:900;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.ba-hero-panel-lead{
  margin:14px 0 0;
  font-size:15px;
  line-height:1.75;
  color:var(--muted);
}
.ba-hero-sectors{
  display:flex; flex-wrap:wrap; gap:8px;
  margin-top:22px;
}
.ba-sector-pill{
  display:inline-flex;
  padding:8px 12px;
  border-radius:999px;
  border:1px solid rgba(5,31,62,.10);
  background:rgba(255,255,255,.86);
  font-size:12px;
  font-weight:700;
  color:rgba(5,31,62,.72);
}
.ba-hero-bento{
  position:relative;
  z-index:1;
  display:flex;
  flex-direction:column;
  gap:12px;
  flex:1 1 auto;
  min-height:0;
}
.ba-hero-bento-card{
  position:relative;
  display:grid;
  grid-template-columns:auto 1fr;
  gap:0 14px;
  align-items:center;
  flex:1 1 0;
  min-height:0;
  padding:36px 19px;
  border-radius:18px;
  border:1px solid var(--line);
  background:linear-gradient(180deg, rgba(255,255,255,.96), rgba(255,255,255,.88));
  box-shadow:0 10px 28px rgba(5,31,62,.06);
  overflow:hidden;
  isolation:isolate;
}

.ba-hero-bento-card::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  padding:2px;
  background:linear-gradient(to top left, rgba(237,28,39,.28) 0%, rgba(237,28,39,.12) 24%, transparent 50%);
  -webkit-mask:linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  pointer-events:none;
}
.ba-hero-bento-card h3{
  grid-column:2;
  grid-row:1;
  margin:0 0 2px;
  font-size:15.3px;
  font-weight:900;
  color:var(--navy);
  letter-spacing:-.02em;
  line-height:1.25;
}
.ba-hero-bento-card p{
  grid-column:2;
  grid-row:2;
  margin:0;
  font-size:13.2px;
  line-height:1.45;
  color:var(--muted);
}
.ba-bento-icon{
  position:relative;
  grid-column:1;
  grid-row:1 / span 2;
  display:inline-flex;
  width:41px;
  height:41px;
  align-items:center;
  justify-content:center;
  border-radius:14px;
  color:var(--red);
  background:linear-gradient(180deg, rgba(237,28,39,.10), rgba(237,28,39,.04));
  border:1px solid rgba(237,28,39,.16);
  overflow:hidden;
  isolation:isolate;
  flex-shrink:0;
}
.ba-bento-icon::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  padding:2px;
  background:linear-gradient(to top left, rgba(237,28,39,.24) 0%, rgba(237,28,39,.10) 24%, transparent 50%);
  -webkit-mask:linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  pointer-events:none;
}
.ba-bento-icon svg{
  position:relative;
  z-index:1;
  width:22px;
  height:22px;
}
.ba-hero-bento .ba-hero-bento-card:nth-child(1) .ba-bento-icon,
.ba-hero-bento .ba-hero-bento-card:nth-child(3) .ba-bento-icon{
  color:#fff;
  background:var(--red);
  border-color:rgba(237,28,39,.50);
}
.ba-hero-bento .ba-hero-bento-card:nth-child(1) .ba-bento-icon::before,
.ba-hero-bento .ba-hero-bento-card:nth-child(3) .ba-bento-icon::before{
  background:linear-gradient(to top left, rgba(255,255,255,.22) 0%, rgba(255,255,255,.08) 24%, transparent 50%);
}
.ba-hero-bento .ba-hero-bento-card:nth-child(2) .ba-bento-icon{
  color:#fff;
  background:var(--blue);
  border-color:rgba(18,139,204,.50);
}
.ba-hero-bento .ba-hero-bento-card:nth-child(2) .ba-bento-icon::before{
  background:linear-gradient(to top left, rgba(255,255,255,.22) 0%, rgba(255,255,255,.08) 24%, transparent 50%);
}

@media (max-width: 768px){
  .ba-pagehero{ padding:120px 0 72px; }
  .ba-pagehero .ba-h1{ font-size:clamp(36px, 9vw, 52px); }
}

/* ============================================================
   EU PROJEKTI (DARK)
   ============================================================ */
.ba-dark{
  background:
    radial-gradient(1000px 520px at 25% 10%, rgba(18,139,204,.22), transparent 62%),
    radial-gradient(900px 520px at 80% 70%, rgba(237,28,39,.14), transparent 60%),
    linear-gradient(180deg, #041a34 0%, #051f3e 55%, #041a34 100%);
  color: rgba(255,255,255,.92);
  position:relative;
  overflow:hidden;
}
.ba-dark::before{
  content:""; position:absolute; inset:0;
  background-image:
    linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px);
  background-size: 64px 64px;
  mask-image: radial-gradient(900px 380px at 50% 0%, #000 0, transparent 70%);
  -webkit-mask-image: radial-gradient(900px 380px at 50% 0%, #000 0, transparent 70%);
  pointer-events:none;
}
.ba-dark .ba-h2{ color:#fff; }
.ba-dark .ba-eyebrow{
  border-color:rgba(255,255,255,.20);
  background:rgba(255,255,255,.08);
  color:rgba(255,255,255,.86);
}
.ba-dark .ba-eyebrow::before{
  background:linear-gradient(135deg, rgba(237,28,39,.95), rgba(18,139,204,.55));
}

.ba-story-cols{
  display:grid;
  grid-template-columns:minmax(0, 1fr) minmax(0, 1fr);
  gap:clamp(28px, 4vw, 48px);
  align-items:start;
}
.ba-dark .ba-story-col p{
  margin:0 0 18px;
  color:rgba(255,255,255,.82);
  font-size:16px;
  line-height:1.85;
}
.ba-story-col p:last-child{ margin-bottom:0; }
@media (max-width: 900px){
  .ba-story-cols{ grid-template-columns:1fr; }
}

.ba-eu-lead{
  max-width: 880px;
  margin: 0 auto 40px;
  text-align:center;
}
.ba-eu-lead p{
  margin: 0 auto 18px;
  color: rgba(255,255,255,.82);
  line-height: 1.85;
  font-size: 16px;
}
.ba-eu-lead p:last-child{ margin-bottom:0; }

.ba-eu-programs{
  position:relative;
  display:grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap:18px;
  max-width: 880px;
  margin: 0 auto 28px;
}
@media (max-width: 760px){ .ba-eu-programs{ grid-template-columns: 1fr; } }

.ba-eucard{
  position:relative;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.16);
  background: linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.04));
  padding:26px 26px 28px;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  transition: transform .25s cubic-bezier(.2,.8,.2,1), border-color .25s ease, background .25s ease;
}
.ba-eucard:hover{
  transform: translateY(-3px);
  border-color: rgba(237,28,39,.30);
  background: linear-gradient(180deg, rgba(237,28,39,.08), rgba(255,255,255,.04));
}
.eu-tag{
  display:inline-block;
  font-size:11px; font-weight:900;
  letter-spacing:.14em; text-transform:uppercase;
  color: rgba(255,255,255,.66);
  padding:6px 11px; border-radius:999px;
  border:1px solid rgba(255,255,255,.20);
  background: rgba(255,255,255,.04);
  margin-bottom:18px;
}
.ba-eucard h3{
  margin:0 0 10px;
  font-size:24px; color:#fff;
  letter-spacing:-.01em;
}
.ba-eucard p{
  margin:0; color: rgba(255,255,255,.74);
  font-size:14.5px; line-height:1.7;
}

.ba-rdband{
  position:relative;
  max-width:880px; margin: 0 auto;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.16);
  background: linear-gradient(135deg, rgba(237,28,39,.10), rgba(18,139,204,.12));
  padding:22px 26px 24px;
}
.rd-lbl{
  font-size:12px; font-weight:900;
  text-transform:uppercase; letter-spacing:.12em;
  color: rgba(255,255,255,.82);
  margin-bottom:14px;
}
.rd-list{ display:flex; flex-wrap:wrap; gap:8px; }
.rd-pill{
  padding:9px 13px; border-radius:999px;
  border:1px solid rgba(255,255,255,.22);
  background: rgba(255,255,255,.06);
  color:#fff; font-size:13px; font-weight:800;
  transition: background .2s ease, border-color .2s ease;
}
.rd-pill:hover{
  background: rgba(255,255,255,.14);
  border-color: rgba(255,255,255,.40);
}

/* ============================================================
   SARADNJA
   ============================================================ */
.ba-coop{
  background:
    radial-gradient(900px 520px at 85% 15%, rgba(18,139,204,.10), transparent 60%),
    linear-gradient(180deg, rgba(18,139,204,.04), transparent 62%);
}
.ba-coop-lead{
  max-width: 880px;
  margin: 0 auto 44px;
  text-align:center;
}
.ba-coop-lead p{
  margin:0;
  color: var(--muted);
  font-size: 16px;
  line-height: 1.85;
}

.ba-coopgrid{
  display:grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap:18px;
  margin-bottom:32px;
}
@media (max-width: 980px){ .ba-coopgrid{ grid-template-columns: repeat(2, minmax(0,1fr)); } }
@media (max-width: 540px){ .ba-coopgrid{ grid-template-columns: 1fr; } }

.ba-coopcard{
  position:relative;
  border-radius:22px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.96);
  box-shadow: var(--shadow);
  padding:26px 22px 24px;
  transition: transform .25s cubic-bezier(.2,.8,.2,1), border-color .25s ease, box-shadow .25s ease;
}
.ba-coopcard:hover{
  transform: translateY(-3px);
  border-color: rgba(18,139,204,.22);
  box-shadow: var(--shadow2);
}
.coop-role{
  display:inline-block;
  font-size:11px; font-weight:900;
  letter-spacing:.10em; text-transform:uppercase;
  color: var(--red);
  margin-bottom:14px;
  padding: 6px 12px;
  border-radius:999px;
  background: rgba(237,28,39,.08);
  border: 1px solid rgba(237,28,39,.18);
}
.ba-coopcard h3{
  margin:0 0 10px;
  font-size:18px; color: var(--navy);
  letter-spacing:-.01em;
  line-height:1.3;
}
.ba-coopcard p{
  margin:0; color: var(--muted);
  font-size:13.5px; line-height:1.65;
}

.ba-techpartners{
  border-radius:24px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.96);
  box-shadow: var(--shadow);
  padding:18px;
}
.tp-rows{ display:flex; flex-direction:column; gap:10px; }
.tp-row{
  display:grid;
  grid-template-columns: 1fr auto;
  align-items:center;
  gap:14px;
  padding:16px 20px;
  border-radius:16px;
  border:1px solid rgba(5,31,62,.08);
  background: linear-gradient(90deg, rgba(5,31,62,.02), transparent);
  transition: border-color .25s ease, transform .25s ease;
}
.tp-row:hover{ border-color: rgba(18,139,204,.22); transform: translateY(-1px); }
.tp-name b{
  display:block; font-size:17px; color: var(--navy);
  letter-spacing:-.01em;
}
.tp-name span{
  display:block; font-size:12.5px; color: rgba(5,31,62,.60);
  font-weight:700; margin-top:3px;
}
.tp-level{
  font-size:12px; font-weight:950;
  letter-spacing:.08em; text-transform:uppercase;
  padding:8px 14px; border-radius:999px;
  white-space:nowrap;
}
.tp-gold{ background: linear-gradient(135deg, #f6c451, #c98f1c); color:#3a2a06; }
.tp-silver{ background: linear-gradient(135deg, #d8dde2, #9aa3ad); color:#1a232c; }

/* ============================================================
   TIM
   ============================================================ */
.ba-team{
  background:
    radial-gradient(900px 520px at 85% 15%, rgba(18,139,204,.12), transparent 60%),
    linear-gradient(180deg, rgba(18,139,204,.04), transparent 62%);
}
.ba-teamgrid{
  display:grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap:22px;
}
@media (max-width: 980px){ .ba-teamgrid{ grid-template-columns: 1fr; max-width:560px; margin-left:auto; margin-right:auto; } }

.ba-person{
  position:relative;
  border-radius:26px;
  border:1px solid var(--line);
  box-shadow: var(--shadow);
  background:rgba(255,255,255,.97);
  overflow:hidden;
  transition: transform .28s cubic-bezier(.2,.8,.2,1), border-color .28s ease, box-shadow .28s ease;
  display:flex; flex-direction:column;
}
.ba-person:hover{
  transform: translateY(-4px);
  border-color: rgba(18,139,204,.24);
  box-shadow: var(--shadow2);
}
.ba-person::after{
  content:""; position:absolute; left:0; right:0; bottom:0; height:3px;
  background: linear-gradient(90deg, transparent, rgba(237,28,39,.85), transparent);
  opacity:0; transition: opacity .25s ease;
}
.ba-person:hover::after{ opacity:1; }

.ba-photo{
  height:340px;
  background-size:cover;
  background-position:center top;
  transform: scale(1.02);
  transition: transform .9s cubic-bezier(.2,.8,.2,1);
  position:relative;
}
.ba-photo::after{
  content:""; position:absolute; inset:0;
  background: linear-gradient(180deg, rgba(255,255,255,0) 55%, rgba(5,31,62,.40));
  pointer-events:none;
}
.ba-person:hover .ba-photo{ transform: scale(1.06); }

.ba-pbody{
  padding:26px 26px 24px;
  display:flex; flex-direction:column;
  flex:1;
}
.ba-pbody h3{
  margin:0 0 8px;
  font-size:22px; color: var(--navy);
  letter-spacing:-.01em;
}
.ba-role{
  display:inline-block;
  font-weight:900;
  color: rgba(5,31,62,.62);
  font-size:11.5px;
  letter-spacing:.10em;
  text-transform: uppercase;
  margin-bottom:18px;
  padding: 0;
  border-radius: 0;
  background: transparent;
  border: 0;
  align-self:flex-start;
}
.ba-pbio p{
  margin:0;
  color: var(--muted);
  line-height: 1.75;
  font-size: 14.5px;
}
.ba-pbio p + p{ margin-top:10px; }
.ba-bio-more{
  overflow:hidden;
  max-height: 0;
  opacity: 0;
  transition: max-height .55s cubic-bezier(.4,0,.2,1), opacity .4s ease, margin-top .4s ease;
}
.ba-person.is-open .ba-bio-more{
  max-height: 1200px;
  opacity: 1;
  margin-top: 10px;
}
.ba-biotoggle{
  margin-top: 18px;
  align-self:flex-start;
  display:inline-flex; align-items:center; gap:9px;
  background:transparent; border:0; padding:0;
  font:inherit; font-weight:900; font-size:13px;
  letter-spacing:.02em;
  color: var(--blue);
  cursor:pointer;
}
.ba-biotoggle .lbl-less{ display:none; }
.ba-person.is-open .ba-biotoggle .lbl-less{ display:inline; }
.ba-person.is-open .ba-biotoggle .lbl-more{ display:none; }
.ba-biotoggle .arr{
  width:8px; height:8px;
  border-right:2px solid currentColor;
  border-bottom:2px solid currentColor;
  transform: rotate(45deg);
  transition: transform .3s ease;
  margin-top:-2px;
}
.ba-person.is-open .ba-biotoggle .arr{ transform: rotate(-135deg); margin-top:2px; }
.ba-biotoggle:hover{ color: var(--navy); }

/* ============================================================
   KLJUCNA PREDNOST
   ============================================================ */
.ba-edge{
  padding: 100px 0;
  background:
    radial-gradient(900px 520px at 10% 30%, rgba(237,28,39,.06), transparent 62%),
    radial-gradient(900px 520px at 90% 70%, rgba(18,139,204,.10), transparent 60%),
    linear-gradient(180deg, rgba(5,31,62,.02), transparent 60%);
}
.ba-edgebox{
  position:relative;
  max-width: 920px; margin: 0 auto;
  border-radius:28px;
  background: linear-gradient(135deg, #06224a 0%, #051f3e 100%);
  color:#fff;
  padding:56px 52px 46px;
  box-shadow: var(--shadow2);
  overflow:hidden;
}
.ba-edgebox::before{
  content:"\201C";
  position:absolute;
  top:-26px; left:18px;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 220px;
  line-height:1;
  color: rgba(237,28,39,.22);
  pointer-events:none;
}
.ba-edgebox::after{
  content:""; position:absolute;
  right:-60px; bottom:-60px;
  width:240px; height:240px; border-radius:50%;
  background: radial-gradient(circle, rgba(18,139,204,.30), transparent 65%);
  filter: blur(6px); pointer-events:none;
}
.ba-edgequote{
  position:relative;
  margin:0;
  font-size:clamp(17px, 1.7vw, 22px);
  line-height:1.65;
  color: rgba(255,255,255,.94);
  max-width: 76ch;
  font-weight:500;
  letter-spacing:-.005em;
}
.ba-edgemeta{ margin-top:28px; position:relative; }
.ba-edgetag{
  display:inline-flex; align-items:center;
  padding:12px 18px; border-radius:999px;
  font-size:12.5px; font-weight:900;
  letter-spacing:.04em;
  color:#fff;
  background: linear-gradient(90deg, rgba(237,28,39,.85), rgba(18,139,204,.65));
  box-shadow: 0 14px 30px rgba(237,28,39,.20);
}
@media (max-width: 720px){
  .ba-edgebox{ padding:40px 26px 32px; }
  .ba-edgebox::before{ font-size:160px; top:-12px; left:10px; }
}

/* ============================================================
   NAGRADE (dark autoplay slider + list)
   ============================================================ */
.ba-awards{
  background:
    radial-gradient(1100px 560px at 15% 0%, rgba(18,139,204,.20), transparent 58%),
    radial-gradient(900px 480px at 90% 80%, rgba(237,28,39,.12), transparent 62%),
    linear-gradient(180deg, #041a34 0%, #051f3e 50%, #041a34 100%);
}
.ba-awards::before{
  content:""; position:absolute; inset:0;
  background-image:
    linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
  background-size: 56px 56px;
  mask-image: radial-gradient(1000px 420px at 50% 20%, #000 0, transparent 72%);
  -webkit-mask-image: radial-gradient(1000px 420px at 50% 20%, #000 0, transparent 72%);
  pointer-events:none;
}

.ba-awardslider{
  position:relative;
  width:100%;
  max-width:none;
  margin:0;
  padding:0 24px;
  box-sizing:border-box;
  --aw-per-view:4;
  --aw-gap:18px;
}
@media (max-width: 900px){ .ba-awardslider{ --aw-per-view:2; } }
@media (max-width: 520px){ .ba-awardslider{ --aw-per-view:1; } }

.ba-awardviewport{
  position:relative;
  overflow:hidden;
  padding-top:8px;
}
.ba-awardviewport::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:19px;
  height:2px;
  border-radius:999px;
  background: linear-gradient(90deg, transparent, rgba(18,139,204,.45) 15%, rgba(237,28,39,.30) 85%, transparent);
  pointer-events:none;
}
.ba-awardtrack{
  display:flex;
  gap:var(--aw-gap);
  transition: transform .65s cubic-bezier(.22,.9,.24,1);
}
.ba-award-slide{
  flex:0 0 calc((100% - (var(--aw-per-view) - 1) * var(--aw-gap)) / var(--aw-per-view));
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:12px;
  padding:0 0 8px;
  min-width:0;
}

.aw-rail{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  z-index:1;
}
.aw-dot{
  width:12px; height:12px;
  border-radius:50%;
  background: linear-gradient(135deg, var(--blue), rgba(18,139,204,.55));
  box-shadow: 0 0 0 4px rgba(18,139,204,.18), 0 0 20px rgba(18,139,204,.35);
}
.ba-award-slide.is-active .aw-dot{
  transform:scale(1.2);
  box-shadow: 0 0 0 6px rgba(18,139,204,.22), 0 0 28px rgba(18,139,204,.45);
}

.aw-year{
  font-size:15px;
  font-weight:950;
  font-variant-numeric:tabular-nums;
  letter-spacing:.06em;
  color:rgba(255,255,255,.80);
}

.aw-card{
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  gap:14px;
  width:100%;
  height:100%;
  padding:22px 16px 20px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.14);
  background: linear-gradient(135deg, rgba(255,255,255,.10), rgba(255,255,255,.03));
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  box-shadow: 0 16px 44px rgba(0,0,0,.20);
}
.aw-card::before{
  content:"";
  position:absolute; inset:0;
  background: radial-gradient(420px 180px at 50% 0%, rgba(18,139,204,.16), transparent 70%);
  pointer-events:none;
}

.aw-icon{
  position:relative;
  width:48px; height:48px;
  display:flex; align-items:center; justify-content:center;
  border-radius:50%;
  color:rgba(255,255,255,.92);
  background: linear-gradient(135deg, rgba(237,28,39,.24), rgba(18,139,204,.20));
  border:1px solid rgba(255,255,255,.16);
}
.aw-icon svg{ width:24px; height:24px; }

.aw-name{
  margin:0;
  position:relative;
  font-size:13.5px;
  font-weight:800;
  line-height:1.4;
  letter-spacing:-.01em;
  color:rgba(255,255,255,.96);
}

.ba-awardcontrols{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:16px;
  margin-top:28px;
}
.aw-btn{
  flex:0 0 auto;
  width:40px; height:40px;
  display:flex; align-items:center; justify-content:center;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.06);
  color:rgba(255,255,255,.88);
  cursor:pointer;
  transition: background .2s ease, border-color .2s ease, transform .2s ease;
}
.aw-btn svg{ width:18px; height:18px; }
.aw-btn:hover{
  background:rgba(18,139,204,.18);
  border-color:rgba(18,139,204,.40);
}
.aw-btn:active{ transform:scale(.96); }

.aw-dots{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  justify-content:center;
}
.aw-dot-btn{
  width:8px; height:8px;
  padding:0;
  border:0;
  border-radius:50%;
  background:rgba(255,255,255,.28);
  cursor:pointer;
  transition: transform .2s ease, background .2s ease, width .2s ease;
}
.aw-dot-btn.is-active{
  width:22px;
  border-radius:999px;
  background:linear-gradient(90deg, var(--blue), rgba(18,139,204,.65));
}
.aw-dot-btn:hover:not(.is-active){ background:rgba(255,255,255,.50); }

.ba-awardlist{
  max-width:960px;
  margin:48px auto 0;
  padding-top:40px;
  border-top:1px solid rgba(255,255,255,.10);
}
.aw-list{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-direction:column;
  gap:0;
}
.aw-list-item{
  display:grid;
  grid-template-columns:88px 1fr;
  gap:16px;
  align-items:baseline;
  padding:14px 0;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.aw-list-item:last-child{ border-bottom:0; }
@media (max-width: 520px){
  .aw-list-item{ grid-template-columns:72px 1fr; gap:12px; }
}
.aw-list-year{
  font-size:13px;
  font-weight:950;
  font-variant-numeric:tabular-nums;
  letter-spacing:.04em;
  color:rgba(18,139,204,.92);
}
.aw-list-name{
  font-size:14.5px;
  font-weight:650;
  line-height:1.45;
  color:rgba(255,255,255,.88);
}

@media (prefers-reduced-motion: reduce){
  .ba-awardtrack{ transition:none; }
}

/* ============================================================
   SERTIFIKATI
   ============================================================ */
.ba-certs{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(900px 520px at 15% 80%, rgba(237,28,39,.06), transparent 60%),
    radial-gradient(900px 520px at 85% 10%, rgba(237,28,39,.05), transparent 60%),
    linear-gradient(180deg, rgba(255,255,255,1), rgba(237,28,39,.03));
}
.ba-certs::after{
  content:"";
  position:absolute;
  right:-4%;
  bottom:calc(-0.3 * clamp(420px, 52vw, 780px));
  width:clamp(420px, 52vw, 780px);
  aspect-ratio:1;
  transform:rotate(30deg);
  transform-origin:center center;
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M7 3h8l3 3v15H7z' stroke='%23051f3e' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15 3v4h4' stroke='%23051f3e' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='12' cy='13' r='2.5' stroke='%23051f3e' stroke-width='1.4'/%3E%3Cpath d='M9.5 17.5 8 21l4-2 4 2-1.5-3.5' stroke='%23051f3e' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
    center / contain no-repeat;
  opacity:.035;
  pointer-events:none;
  z-index:0;
}
.ba-certs .ba-wrap{
  position:relative;
  z-index:1;
}
@media (max-width: 720px){
  .ba-certs::after{
    right:-12%;
    width:clamp(320px, 68vw, 520px);
    bottom:calc(-0.3 * clamp(320px, 68vw, 520px));
    opacity:.03;
  }
}
.ba-certs .ba-eyebrow::before{
  background: linear-gradient(135deg, var(--red), rgba(237,28,39,.30));
  box-shadow: 0 10px 24px rgba(237,28,39,.12);
}

.ba-certsplit{
  display:grid;
  grid-template-columns:minmax(0, 1fr) minmax(0, 1fr);
  gap:clamp(28px, 4vw, 48px);
  align-items:stretch;
}

.ba-certthumb-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  grid-auto-rows: 1fr;
  gap:12px;
  height:100%;
  min-height:100%;
}
.ba-certthumb{
  margin:0;
  padding:12px;
  border-radius:16px;
  border:1px solid var(--line);
  background:#fff;
  box-shadow:0 10px 28px rgba(5,31,62,.06);
  height:100%;
  min-height:0;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}
.ba-certthumb img{
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
}

.ba-certsplit__list{
  display:flex;
  flex-direction:column;
  gap:10px;
  height:100%;
  min-height:100%;
}
.ba-certsplit__row{
  display:flex;
  align-items:stretch;
  gap:14px;
  flex:1 1 0;
  min-height:0;
  padding:16px 18px;
  border-radius:18px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.84);
  color:inherit;
  cursor:pointer;
  transition:
    transform .24s cubic-bezier(.2,.8,.2,1),
    border-color .24s ease,
    box-shadow .24s ease,
    background .24s ease;
}
.belit-about a.ba-certsplit__row{ color:inherit; }
.ba-certsplit__row:hover,
.ba-certsplit__row:focus-visible{
  transform:translateX(4px);
  border-color:rgba(237,28,39,.30);
  background:#fff;
  box-shadow:0 14px 36px rgba(5,31,62,.08);
}
.ba-certsplit__row:focus-visible{
  outline:2px solid rgba(237,28,39,.40);
  outline-offset:2px;
}
.ba-certsplit__row--static{ cursor:default; }
.ba-certsplit__row--static:hover,
.ba-certsplit__row--static:focus-visible{
  transform:none;
  border-color:var(--line);
  background:rgba(255,255,255,.84);
  box-shadow:none;
}

.ba-certsplit__body{
  flex:1 1 auto;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:4px;
  min-width:0;
}
.ba-certsplit__title{
  display:block;
  margin:0;
  font-size:14.5px;
  font-weight:800;
  letter-spacing:-.01em;
  line-height:1.35;
  color:var(--navy);
}
.ba-certsplit__hint{
  display:block;
  margin:0;
  font-size:12px;
  font-weight:600;
  color:var(--muted);
}
.ba-certsplit__go{
  flex:0 0 auto;
  align-self:center;
  width:34px;
  height:34px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  border:1px solid rgba(5,31,62,.10);
  color:rgba(5,31,62,.62);
  background:rgba(5,31,62,.03);
  transition:transform .24s ease, border-color .24s ease, color .24s ease, background .24s ease;
}
.ba-certsplit__go svg{
  width:16px;
  height:16px;
  display:block;
}
.ba-certsplit__row:hover .ba-certsplit__go,
.ba-certsplit__row:focus-visible .ba-certsplit__go{
  transform:translate(2px, -2px);
  border-color:rgba(237,28,39,.24);
  color:var(--red);
  background:rgba(237,28,39,.06);
}

@media (max-width: 960px){
  .ba-certsplit{
    grid-template-columns:1fr;
    align-items:start;
  }
  .ba-certthumb-grid{
    grid-template-columns:repeat(3, minmax(0, 1fr));
    grid-template-rows:none;
    height:auto;
    min-height:0;
  }
  .ba-certthumb{
    aspect-ratio:4/3;
    height:auto;
  }
  .ba-certsplit__list{
    height:auto;
    min-height:0;
  }
  .ba-certsplit__row{
    flex:none;
  }
}

@media (max-width: 540px){
  .ba-certthumb-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
  .ba-certsplit__row{
    padding:14px;
    gap:12px;
  }
  .ba-certsplit__row:hover,
  .ba-certsplit__row:focus-visible{
    transform:none;
  }
}