.belit-final-plus{
      --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);

      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-final-plus *{ box-sizing:border-box; }
    .belit-final-plus a{ color:inherit; text-decoration:none; }
    .belit-final-plus img{ max-width:100%; display:block; }
    .belit-final-plus .b-wrap{ max-width:1180px; margin:0 auto; padding:0 20px; }
    .belit-final-plus .b-sec{ padding:92px 0; position:relative; }
    @media (max-width: 900px){ .belit-final-plus .b-sec{ padding:70px 0; } }

    /* ===== Centered section title block ===== */
    .belit-final-plus .b-centerhead{
      max-width: 820px;
      margin: 0 auto 34px;
      text-align:center;
    }
    .belit-final-plus .b-eyebrow{
      display:inline-flex;
      align-items:center;
      gap:10px;
      padding:10px 12px;
      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:13px;
      font-weight:850;
      color:rgba(5,31,62,.78);
      max-width:100%;
    }
    .belit-final-plus .b-eyebrow::before{
      content:"";
      width:10px; height:10px;
      border-radius:3px;
      background:linear-gradient(135deg, var(--blue), rgba(18,139,204,.45));
      box-shadow:0 10px 24px rgba(18,139,204,.14);
      display:inline-block;
      flex:0 0 auto;
    }

    .belit-final-plus .b-h1{
      margin:18px 0 12px;
      font-size:clamp(38px, 4.6vw, 66px);
      line-height:1.02;
      letter-spacing:-.04em;
      color:var(--navy);
    }
    .belit-final-plus .b-h2{
      margin:14px 0 10px;
      font-size:clamp(28px, 3.0vw, 44px);
      line-height:1.12;
      letter-spacing:-.03em;
      color:var(--navy);
    }
    .belit-final-plus .b-sub{
      margin:0 auto;
      color:var(--muted);
      line-height:1.85;
      font-size:clamp(15px, 1.2vw, 17px);
      max-width: 70ch;
    }

    .belit-final-plus .b-brandline{
      height:3px;
      width:140px;
      border-radius:999px;
      background: linear-gradient(90deg, transparent, rgba(237,28,39,.82), transparent);
      margin:14px auto 0;
    }
    @media (max-width:980px){
      .belit-final-plus .b-brandline{ margin-left:0; margin-right:auto; }
    }

    /* ===== Buttons ===== */
    .belit-final-plus .b-actions{
      margin-top:22px;
      display:flex;
      justify-content:center;
      gap:12px;
      flex-wrap:wrap;
      align-items:center;
    }
    .belit-final-plus .b-btn{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:10px;
      padding:12px 16px;
      border-radius:14px;
      font-weight:900;
      font-size:15px;
      border:1px solid transparent;
      transition:transform .18s cubic-bezier(.2,.8,.2,1), box-shadow .25s ease, background .25s ease, border-color .25s ease;
      user-select:none;
      white-space:nowrap;
      max-width:100%;
      position:relative;
      overflow:hidden;
      will-change: transform;
    }
    .belit-final-plus .b-btn:hover{ transform: translateY(-2px); }

    /* subtle “shine” sweep on hover */
    .belit-final-plus .b-btn::after{
      content:"";
      position:absolute; inset:-40% -60%;
      background: linear-gradient(90deg, transparent, rgba(255,255,255,.35), transparent);
      transform: translateX(-60%) rotate(12deg);
      opacity:0;
      transition: opacity .2s ease;
      pointer-events:none;
    }
    .belit-final-plus .b-btn:hover::after{
      opacity:1;
      animation: bShine .9s ease forwards;
    }
    @keyframes bShine{
      from{ transform: translateX(-60%) rotate(12deg); }
      to{ transform: translateX(60%) rotate(12deg); }
    }

    .belit-final-plus .b-btn-navy{
      background:var(--navy);
      color:var(--white);
      box-shadow:0 14px 34px rgba(5,31,62,.18);
    }
    .belit-final-plus .b-btn-navy:hover{ box-shadow:0 22px 52px rgba(5,31,62,.24); }

    .belit-final-plus .b-btn-red{
      background:var(--red);
      color:var(--white);
      box-shadow:0 14px 34px rgba(237,28,39,.22);
    }
    .belit-final-plus .b-btn-red:hover{ box-shadow:0 22px 52px rgba(237,28,39,.28); }

    /* ===== HERO ===== */
    .belit-final-plus .b-hero{
      padding:110px 0 64px;
      background:
        radial-gradient(1000px 520px at 70% 10%, rgba(18,139,204,.18), transparent 60%),
        linear-gradient(180deg, rgba(18,139,204,.06) 0%, rgba(255,255,255,1) 60%);
      position:relative;
      overflow:hidden;
    }
    .belit-final-plus .b-hero-grid{
      display:grid;
      grid-template-columns: 1.05fr .95fr;
      gap:34px;
      align-items:center;
    }
    @media (max-width: 980px){
      .belit-final-plus .b-hero-grid{ grid-template-columns:1fr; }
      .belit-final-plus .herohead{ text-align:left; margin:0 0 22px; }
      .belit-final-plus .heroactions{ justify-content:flex-start; }
      .belit-final-plus .b-actions.heroactions{ gap:10px; }
    }
    .belit-final-plus .herohead{ text-align:left; margin:0; max-width:none; }
    .belit-final-plus .herohead .b-sub{ margin:0; }
    .belit-final-plus .heroactions{ justify-content:flex-start; }

    .belit-final-plus .b-hero-media{
      border-radius:26px;
      border:1px solid var(--line);
      box-shadow: var(--shadow);
      overflow:hidden;
      background:#fff;
      position:relative;
      min-height:520px;
      max-width:100%;
      transform-style:preserve-3d;
      will-change: transform;
    }
    @media (max-width: 980px){ .belit-final-plus .b-hero-media{ min-height:360px; } }

    .belit-final-plus .b-collage{
      position:absolute; inset:0;
      padding:14px;
      display:grid;
      grid-template-columns: 1.1fr .9fr;
      grid-template-rows: 1fr 1fr;
      gap:12px;
      transform: translateZ(0);
    }
    .belit-final-plus .b-shot{
      border-radius:20px;
      overflow:hidden;
      border:1px solid rgba(5,31,62,.10);
      background-size:cover;
      background-position:center;
      transform: translate3d(0,0,0) scale(1);
      will-change: transform, filter, opacity;
      transition: transform .8s cubic-bezier(.2,.8,.2,1);
    }
    .belit-final-plus .b-hero-media:hover .b-shot{ transform: scale(1.02); }
    .belit-final-plus .b-shot.big{
      grid-row: 1 / span 2;
      background-image:
        linear-gradient(180deg, rgba(255,255,255,.06), rgba(5,31,62,.34)),
        url('https://belit-ver2.medantemplate.rs/wp-content/uploads/2026/02/computer-room-with-computer-monitors-wall-scaled.jpg');
    }
    .belit-final-plus .b-shot.s1{
      background-image:
        linear-gradient(180deg, rgba(255,255,255,.06), rgba(5,31,62,.34)),
        url('https://belit-ver2.medantemplate.rs/wp-content/uploads/2026/02/124027.jpg');
    }
    .belit-final-plus .b-shot.s2{
      background-image:
        linear-gradient(180deg, rgba(255,255,255,.06), rgba(5,31,62,.34)),
        url('https://belit-ver2.medantemplate.rs/wp-content/uploads/2026/02/439879.jpg');
    }

    /* ===== TIMELINE ===== */
    .belit-final-plus .b-timeline{ padding:0 0 30px; margin-top:-18px; }
    .belit-final-plus .b-tcard{ max-width:1180px; margin:0 auto; padding:0 20px; }
    .belit-final-plus .b-tinner{
      border:1px solid var(--line);
      border-radius:26px;
      background:rgba(255,255,255,.88);
      box-shadow: var(--shadow);
      overflow:hidden;
      padding:18px;
      max-width:100%;
    }
    .belit-final-plus .b-track{
      height:10px;
      border-radius:999px;
      background: linear-gradient(90deg,
        rgba(5,31,62,.12),
        rgba(18,139,204,.20),
        rgba(237,28,39,.24),
        rgba(18,139,204,.20),
        rgba(5,31,62,.12)
      );
      position:relative;
      overflow:hidden;
      margin-top:14px;
    }
    .belit-final-plus .b-track::after{
      content:"";
      position:absolute; inset:0;
      background: linear-gradient(90deg, transparent, rgba(255,255,255,.70), transparent);
      transform: translateX(-70%);
      opacity:.55;
      animation: bSheen 4.0s ease-in-out infinite;
    }
    @keyframes bSheen{
      0%{ transform: translateX(-70%); }
      55%{ transform: translateX(20%); }
      100%{ transform: translateX(140%); }
    }

    .belit-final-plus .b-milestones{
      margin-top:14px;
      display:grid;
      grid-template-columns: repeat(4, minmax(0,1fr));
      gap:12px;
    }
    @media (max-width: 900px){ .belit-final-plus .b-milestones{ grid-template-columns: repeat(2, minmax(0,1fr)); } }
    @media (max-width: 520px){ .belit-final-plus .b-milestones{ grid-template-columns: 1fr; } }

    .belit-final-plus .b-ms{
      border:1px solid rgba(5,31,62,.10);
      border-radius:18px;
      background:rgba(5,31,62,.02);
      padding:12px;
      max-width:100%;
      transition: transform .25s cubic-bezier(.2,.8,.2,1), border-color .25s ease, background .25s ease;
      will-change: transform;
    }
    .belit-final-plus .b-ms:hover{
      transform: translateY(-2px);
      border-color: rgba(237,28,39,.18);
      background: rgba(237,28,39,.03);
    }
    .belit-final-plus .b-ms b{ display:block; font-weight:950; color:var(--navy); letter-spacing:-.01em; }
    .belit-final-plus .b-ms span{ display:block; margin-top:4px; color:rgba(5,31,62,.62); font-size:12px; line-height:1.5; }

    /* ===== STATS ===== */
    .belit-final-plus .b-stats{
      background:
        radial-gradient(900px 520px at 15% 20%, rgba(18,139,204,.10), transparent 60%),
        linear-gradient(180deg, rgba(5,31,62,.02), transparent 60%);
    }
    .belit-final-plus .b-statpanel{
      border:1px solid var(--line);
      border-radius:26px;
      background:rgba(255,255,255,.92);
      box-shadow: var(--shadow);
      overflow:hidden;
      max-width:100%;
    }
    .belit-final-plus .b-stathero{
      height:200px;
      background:
        linear-gradient(180deg, rgba(255,255,255,.06), rgba(5,31,62,.44)),
        url('https://belit-ver2.medantemplate.rs/wp-content/uploads/2026/02/128685-1.jpg') center/cover no-repeat;
      position:relative;
    }
    .belit-final-plus .b-stathero::after{
      content:"";
      position:absolute;
      left:18px; bottom:18px;
      width:180px; height:6px;
      border-radius:999px;
      background: linear-gradient(90deg, rgba(237,28,39,.0), rgba(237,28,39,.82), rgba(237,28,39,.0));
      opacity:.85;
    }
    .belit-final-plus .b-statbody{ padding:18px; }
    .belit-final-plus .b-statgrid{
      display:grid;
      grid-template-columns: repeat(3, minmax(0,1fr));
      gap:14px;
    }
    @media (max-width: 820px){ .belit-final-plus .b-statgrid{ grid-template-columns: 1fr; } }

    .belit-final-plus .b-stat{
      border:1px solid var(--line);
      border-radius:20px;
      background:rgba(255,255,255,.96);
      padding:16px;
      position:relative;
      overflow:hidden;
      min-height:148px;
      max-width:100%;
      transition: transform .25s cubic-bezier(.2,.8,.2,1), box-shadow .25s ease, border-color .25s ease;
      will-change: transform;
    }
    .belit-final-plus .b-stat:hover{
      transform: translateY(-3px);
      border-color: rgba(18,139,204,.22);
      box-shadow: 0 18px 48px rgba(5,31,62,.10);
    }
    /* subtle shine on stat hover */
    .belit-final-plus .b-stat::after{
      content:"";
      position:absolute; inset:-30% -60%;
      background: linear-gradient(90deg, transparent, rgba(18,139,204,.16), transparent);
      transform: translateX(-70%) rotate(10deg);
      opacity:0;
      pointer-events:none;
    }
    .belit-final-plus .b-stat:hover::after{
      opacity:1;
      animation: bShine2 1.05s ease forwards;
    }
    @keyframes bShine2{
      from{ transform: translateX(-70%) rotate(10deg); }
      to{ transform: translateX(70%) rotate(10deg); }
    }

    .belit-final-plus .b-stat .k{
      font-size:12px;
      font-weight:900;
      letter-spacing:.08em;
      text-transform:uppercase;
      color:rgba(5,31,62,.58);
    }
    .belit-final-plus .b-stat .n{
      margin:10px 0 10px;
      font-size:44px;
      letter-spacing:-.03em;
      line-height:1;
      color:var(--navy);
      display:flex; align-items:baseline; gap:6px;
    }
    .belit-final-plus .b-stat .n small{ font-size:18px; font-weight:900; color:rgba(5,31,62,.55); }
    .belit-final-plus .b-stat p{ margin:0; color:var(--muted); line-height:1.75; font-size:14px; }

    /* ===== DARK section (pillars) ===== */
    .belit-final-plus .b-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);
    }
    .belit-final-plus .b-dark .b-h2{ color:#fff; }
    .belit-final-plus .b-dark .b-sub{ color:rgba(255,255,255,.78); }
    .belit-final-plus .b-dark .b-eyebrow{
      border-color:rgba(255,255,255,.20);
      background:rgba(255,255,255,.08);
      color:rgba(255,255,255,.86);
    }
    .belit-final-plus .b-dark .b-eyebrow::before{
      background:linear-gradient(135deg, rgba(237,28,39,.95), rgba(18,139,204,.55));
      box-shadow:0 10px 24px rgba(237,28,39,.14);
    }

    .belit-final-plus .b-pillars{
      display:grid;
      grid-template-columns: repeat(2, minmax(0,1fr));
      gap:16px;
      margin-top:26px;
    }
    @media (max-width: 900px){ .belit-final-plus .b-pillars{ grid-template-columns:1fr; } }

    .belit-final-plus .b-pillar{
      border-radius:24px;
      overflow:hidden;
      border:1px solid rgba(255,255,255,.16);
      background: rgba(255,255,255,.06);
      box-shadow: 0 18px 60px rgba(0,0,0,.18);
      position:relative;
      min-height:210px;
      max-width:100%;
      transition: transform .28s cubic-bezier(.2,.8,.2,1), box-shadow .28s ease, border-color .28s ease;
      will-change: transform;
    }
    .belit-final-plus .b-pillar:hover{
      transform: translateY(-4px);
      border-color: rgba(237,28,39,.22);
      box-shadow: 0 26px 86px rgba(0,0,0,.24);
    }
    .belit-final-plus .b-pillar .bg{
      position:absolute; inset:0;
      background-size:cover;
      background-position:center;
      filter:saturate(1.03) contrast(1.02);
      transform: scale(1.04);
      transition: transform 1.0s cubic-bezier(.2,.8,.2,1);
    }
    .belit-final-plus .b-pillar:hover .bg{ transform: scale(1.10); }
    .belit-final-plus .b-pillar .shade{
      position:absolute; inset:0;
      background: linear-gradient(90deg, rgba(5,31,62,.78) 0%, rgba(5,31,62,.35) 55%, rgba(5,31,62,.10) 100%);
    }
    .belit-final-plus .b-pillar .content{
      position:relative;
      padding:18px;
      max-width:64ch;
    }
    .belit-final-plus .b-pillar .idx{
      font-size:12px;
      font-weight:900;
      letter-spacing:.10em;
      text-transform:uppercase;
      opacity:.92;
    }
    .belit-final-plus .b-pillar h3{
      margin:10px 0 8px;
      font-size:20px;
      letter-spacing:-.01em;
      color:#fff;
    }
    .belit-final-plus .b-pillar p{
      margin:0;
      font-size:14px;
      line-height:1.75;
      color:rgba(255,255,255,.82);
    }
    .belit-final-plus .b-pillar .chip{
      display:inline-flex;
      align-items:center;
      gap:8px;
      margin-top:14px;
      padding:8px 10px;
      border-radius:999px;
      border:1px solid rgba(255,255,255,.20);
      background:rgba(255,255,255,.10);
      font-size:12px;
      font-weight:850;
      color:rgba(255,255,255,.88);
      max-width:100%;
    }
    .belit-final-plus .b-pillar .chip::before{
      content:"";
      width:10px; height:10px;
      border-radius:3px;
      background:linear-gradient(135deg, rgba(237,28,39,.95), rgba(255,255,255,.25));
      display:inline-block;
      flex:0 0 auto;
    }

    .belit-final-plus .p1 .bg{ background-image:url('https://belit-ver2.medantemplate.rs/wp-content/uploads/2026/02/124027.jpg'); }
    .belit-final-plus .p2 .bg{ background-image:url('https://belit-ver2.medantemplate.rs/wp-content/uploads/2026/02/439879.jpg'); }
    .belit-final-plus .p3 .bg{ background-image:url('https://belit-ver2.medantemplate.rs/wp-content/uploads/2026/02/computer-room-with-computer-monitors-wall-scaled.jpg'); }
    .belit-final-plus .p4 .bg{ background-image:url('https://belit-ver2.medantemplate.rs/wp-content/uploads/2026/02/128685-1.jpg'); }

    /* ===== CERTS (mobile overflow fix) ===== */
    .belit-final-plus .b-certs{
      background:
        radial-gradient(900px 520px at 80% 10%, rgba(18,139,204,.12), transparent 60%),
        linear-gradient(180deg, rgba(18,139,204,.04), transparent 62%);
    }
    .belit-final-plus .b-certgrid{
      display:grid;
      grid-template-columns: 1fr 1fr;
      gap:16px;
      align-items:stretch;
      margin-top:24px;
    }
    @media (max-width: 980px){ .belit-final-plus .b-certgrid{ grid-template-columns:1fr; } }

    .belit-final-plus .b-mosaic{
      border-radius:26px;
      border:1px solid var(--line);
      box-shadow: var(--shadow);
      background:rgba(255,255,255,.94);
      padding:12px;
      overflow:hidden;
      max-width:100%;
    }
    .belit-final-plus .b-mosgrid{
      display:grid;
      grid-template-columns: 1.1fr .9fr;
      gap:12px;
      min-width:0;
    }
    @media (max-width: 520px){ .belit-final-plus .b-mosgrid{ grid-template-columns:1fr; } }

    .belit-final-plus .b-imgtile{
      border-radius:20px;
      border:1px solid rgba(5,31,62,.10);
      overflow:hidden;
      min-height:180px;
      background-size:cover;
      background-position:center;
      max-width:100%;
      transition: transform .9s cubic-bezier(.2,.8,.2,1);
      will-change: transform;
    }
    .belit-final-plus .b-mosaic:hover .b-imgtile{ transform: scale(1.02); }
    .belit-final-plus .b-imgtile.a{
      min-height:300px;
      background-image:
        linear-gradient(180deg, rgba(255,255,255,.06), rgba(5,31,62,.34)),
        url('https://belit-ver2.medantemplate.rs/wp-content/uploads/2026/02/124027.jpg');
    }
    .belit-final-plus .b-imgtile.b{
      background-image:
        linear-gradient(180deg, rgba(255,255,255,.06), rgba(5,31,62,.34)),
        url('https://belit-ver2.medantemplate.rs/wp-content/uploads/2026/02/439879.jpg');
    }
    .belit-final-plus .b-imgtile.c{
      background-image:
        linear-gradient(180deg, rgba(255,255,255,.06), rgba(5,31,62,.34)),
        url('https://belit-ver2.medantemplate.rs/wp-content/uploads/2026/02/128685-1.jpg');
    }

    .belit-final-plus .b-standards{
      border-radius:26px;
      border:1px solid var(--line);
      box-shadow: var(--shadow);
      background:rgba(255,255,255,.94);
      padding:18px;
      max-width:100%;
      overflow:hidden;
    }
    .belit-final-plus .b-standards h3{
      margin:0 0 10px;
      font-size:20px;
      letter-spacing:-.01em;
      color:var(--navy);
      text-align:left;
    }
    .belit-final-plus .b-standards p{
      margin:0;
      color:var(--muted);
      line-height:1.8;
      font-size:14px;
    }
    .belit-final-plus .b-list{ margin-top:14px; display:grid; gap:10px; }
    .belit-final-plus .b-item{
      display:flex;
      align-items:flex-start;
      justify-content:space-between;
      gap:12px;
      padding:14px;
      border-radius:18px;
      border:1px solid var(--line);
      background:rgba(5,31,62,.02);
      transition: transform .22s cubic-bezier(.2,.8,.2,1), border-color .22s ease, background .22s ease;
      flex-wrap:wrap;
      max-width:100%;
      min-width:0;
      will-change: transform;
    }
    .belit-final-plus .b-item:hover{
      transform: translateY(-2px);
      border-color: rgba(237,28,39,.18);
      background: rgba(237,28,39,.03);
    }
    .belit-final-plus .b-item .l{ min-width:0; flex:1 1 260px; }
    .belit-final-plus .b-item .t{
      font-weight:900;
      color:var(--navy);
      font-size:14px;
      line-height:1.3;
      white-space:normal;
      overflow-wrap:anywhere;
    }
    .belit-final-plus .b-item .d{
      margin-top:4px;
      font-size:13px;
      color:var(--muted);
      line-height:1.45;
      white-space:normal;
      overflow-wrap:anywhere;
    }
    .belit-final-plus .b-badge{
      flex:0 0 auto;
      margin-left:auto;
      padding:8px 10px;
      border-radius:999px;
      border:1px solid rgba(18,139,204,.20);
      background:rgba(18,139,204,.08);
      color:rgba(5,31,62,.76);
      font-size:12px;
      font-weight:900;
      white-space:nowrap;
      max-width:100%;
    }
    @media (max-width: 520px){
      .belit-final-plus .b-badge{ margin-left:0; }
    }

    /* ===== Stronger (still premium) reveal animations ===== */
    .belit-final-plus .b-reveal{
      opacity:0;
      transform: translateY(22px) scale(.985);
      filter: blur(14px);
      transition:
        opacity .95s cubic-bezier(.18,.9,.2,1),
        transform .95s cubic-bezier(.18,.9,.2,1),
        filter .95s cubic-bezier(.18,.9,.2,1);
      will-change: opacity, transform, filter;
    }
    .belit-final-plus .b-in .b-reveal{
      opacity:1;
      transform: translateY(0) scale(1);
      filter: blur(0);
    }
    .belit-final-plus .b-stagger > *{
      opacity:0;
      transform: translateY(18px);
      transition:
        opacity .9s cubic-bezier(.18,.9,.2,1),
        transform .9s cubic-bezier(.18,.9,.2,1);
      will-change: opacity, transform;
    }
    .belit-final-plus .b-in .b-stagger > *{ opacity:1; transform: translateY(0); }
    .belit-final-plus .b-stagger > *:nth-child(1){ transition-delay:.10s; }
    .belit-final-plus .b-stagger > *:nth-child(2){ transition-delay:.20s; }
    .belit-final-plus .b-stagger > *:nth-child(3){ transition-delay:.30s; }
    .belit-final-plus .b-stagger > *:nth-child(4){ transition-delay:.40s; }

    /* Reduced motion */
    @media (prefers-reduced-motion: reduce){
      .belit-final-plus .b-reveal, .belit-final-plus .b-stagger > *{
        transition:none !important; transform:none !important; filter:none !important; opacity:1 !important;
      }
      .belit-final-plus .b-track::after{ animation:none !important; }
      .belit-final-plus .b-btn::after{ animation:none !important; opacity:0 !important; }
      .belit-final-plus .b-hero-media{ transform:none !important; }
      .belit-final-plus .b-pillar .bg{ transition:none !important; }
    }

    .belit-final-plus [id]{ scroll-margin-top: 90px; }

/* Operativni dashboard - zamenjuje stock foto u .b-stathero sekciji rezultata. */
.belit-final-plus .b-stathero.blt-dash{
	height: auto;
	min-height: 240px;
	background: linear-gradient(180deg, #051f3e 0%, #0a2a52 100%);
	padding: 16px 18px 22px;
	display: flex;
	flex-direction: column;
	gap: 14px;
	overflow: hidden;
	position: relative;
}
.belit-final-plus .b-stathero.blt-dash::before{
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	background:
		radial-gradient(900px 360px at 20% 0%, rgba(14,138,203,0.22), transparent 60%),
		radial-gradient(700px 320px at 100% 100%, rgba(236,28,39,0.10), transparent 65%);
	z-index: 0;
}

.belit-final-plus .b-stathero.blt-dash > *{ position: relative; z-index: 1; }

.blt-dash__chrome{
	display: flex;
	align-items: center;
	gap: 12px;
	font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
	font-size: 11px;
	color: rgba(255,255,255,.72);
	letter-spacing: .04em;
	padding-bottom: 10px;
	border-bottom: 1px solid rgba(255,255,255,.08);
}
.blt-dash__dots{ display: inline-flex; gap: 6px; }
.blt-dash__dots i{
	width: 9px; height: 9px;
	border-radius: 50%;
	display: block;
	background: rgba(255,255,255,.22);
}
.blt-dash__dots i:nth-child(1){ background: rgba(236,28,39,.78); }
.blt-dash__dots i:nth-child(2){ background: rgba(244,176,52,.78); }
.blt-dash__dots i:nth-child(3){ background: rgba(82,196,116,.85); }
.blt-dash__title{ flex: 1; opacity: .82; }
.blt-dash__pill{
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 4px 10px;
	border-radius: 999px;
	border: 1px solid rgba(82,196,116,.32);
	background: rgba(82,196,116,.14);
	color: rgba(190,242,210,.95);
	font-weight: 700;
	font-size: 11px;
}
.blt-dash__pillDot{
	width: 7px; height: 7px;
	border-radius: 50%;
	background: #52c474;
	box-shadow: 0 0 0 0 rgba(82,196,116,.6);
	animation: bltDashPillPulse 2.4s ease-in-out infinite;
}
@keyframes bltDashPillPulse{
	0%, 100% { box-shadow: 0 0 0 0 rgba(82,196,116,.55); }
	50%      { box-shadow: 0 0 0 6px rgba(82,196,116,0); }
}

.blt-dash__body{
	flex: 1;
	display: grid;
	grid-template-columns: 1fr 220px;
	gap: 14px;
	min-height: 0;
}
@media (max-width: 640px){
	.blt-dash__body{ grid-template-columns: 1fr; }
}

.blt-dash__chart{
	position: relative;
	border: 1px solid rgba(255,255,255,.10);
	border-radius: 14px;
	background: rgba(255,255,255,.04);
	padding: 12px 10px 8px;
	overflow: hidden;
}
.blt-dash__chartLabel{
	position: absolute;
	left: 12px;
	top: 10px;
	font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
	font-size: 10px;
	letter-spacing: .06em;
	text-transform: uppercase;
	color: rgba(255,255,255,.55);
	z-index: 2;
}
.blt-dash__svg{
	width: 100%;
	height: 140px;
	display: block;
	margin-top: 12px;
	overflow: visible;
}
.blt-dash__grid line{
	stroke: rgba(255,255,255,.08);
	stroke-width: 1;
	stroke-dasharray: 2 4;
}
.blt-dash__area{ fill: url(#bltDashGrad); }
.blt-dash__line{
	fill: none;
	stroke: #0e8acb;
	stroke-width: 2;
	stroke-linejoin: round;
	stroke-linecap: round;
	filter: drop-shadow(0 4px 10px rgba(14,138,203,.45));
	stroke-dasharray: 1500;
	stroke-dashoffset: 1500;
	animation: bltDashDraw 2.6s cubic-bezier(.2,.8,.2,1) .2s forwards;
}
@keyframes bltDashDraw{ to { stroke-dashoffset: 0; } }

.blt-dash__pulse{
	fill: #ec1c27;
	filter: drop-shadow(0 0 6px rgba(236,28,39,.7));
	opacity: 0;
	animation: bltDashAppear .4s ease 2.5s forwards, bltDashPulse 2.4s ease-in-out 2.9s infinite;
}
@keyframes bltDashAppear{ to { opacity: 1; } }
@keyframes bltDashPulse{
	0%, 100% { r: 5; opacity: 1; }
	50%      { r: 8; opacity: .55; }
}

.blt-dash__sidebar{
	display: flex;
	flex-direction: column;
	gap: 8px;
	justify-content: space-between;
}
.blt-dash__row{
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 9px 11px;
	border: 1px solid rgba(255,255,255,.10);
	border-radius: 12px;
	background: rgba(255,255,255,.04);
	transition: border-color .25s ease, background .25s ease;
}
.blt-dash__row:hover{
	border-color: rgba(14,138,203,.30);
	background: rgba(14,138,203,.06);
}
.blt-dash__dot{
	width: 8px;
	height: 8px;
	border-radius: 50%;
	flex: 0 0 auto;
}
.blt-dash__dot--ok{
	background: #52c474;
	box-shadow: 0 0 0 0 rgba(82,196,116,.55);
	animation: bltDashPillPulse 2.4s ease-in-out infinite;
}
.blt-dash__row:nth-child(2) .blt-dash__dot--ok{ animation-delay: .3s; }
.blt-dash__row:nth-child(3) .blt-dash__dot--ok{ animation-delay: .6s; }

.blt-dash__label{
	flex: 1;
	font-size: 12px;
	font-weight: 700;
	color: rgba(255,255,255,.86);
	letter-spacing: -0.01em;
}
.blt-dash__spark{ width: 60px; height: 16px; flex: 0 0 auto; }
.blt-dash__spark polyline{
	fill: none;
	stroke: rgba(14,138,203,.85);
	stroke-width: 1.5;
	stroke-linejoin: round;
	stroke-linecap: round;
}

@media (prefers-reduced-motion: reduce){
	.blt-dash__line,
	.blt-dash__pulse,
	.blt-dash__dot--ok,
	.blt-dash__pillDot{
		animation: none !important;
	}
	.blt-dash__line{ stroke-dashoffset: 0; }
	.blt-dash__pulse{ opacity: 1; }
}

/* Jubilej hero - zamena za stari b-hero. Scope: .jub-final. */
.jub-final{
	--jub-navy: #071d3d;
	--jub-blue: #3d89c9;
	--jub-red: #e9262b;
	--jub-white: #ffffff;
	--jub-text: rgba(255,255,255,0.92);
	--jub-muted: rgba(255,255,255,0.74);
	--jub-stroke: rgba(255,255,255,0.14);
	--jub-shadow: 0 18px 60px rgba(0,0,0,0.35);

	position: relative;
	overflow: hidden;
	color: var(--jub-text);
	background: var(--jub-navy);
}
.jub-final::before{
	content: "";
	position: absolute;
	inset: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 100vw;
	background:
		radial-gradient(1100px 600px at 18% 12%, rgba(61,137,201,0.22), transparent 60%),
		radial-gradient(900px 500px at 82% 18%, rgba(233,38,43,0.16), transparent 55%),
		linear-gradient(180deg, rgba(7,29,61,1), rgba(7,29,61,0.98));
	z-index: 0;
}

.jub-final .jub-wrap{ position: relative; z-index: 1; }

.jub-final .jub-grid{
	width: min(1180px, 92vw);
	margin: 0 auto;
	padding: clamp(56px, 6vw, 92px) 0;
	display: grid;
	grid-template-columns: 1.05fr 0.95fr;
	gap: clamp(18px, 3.5vw, 36px);
	align-items: start;
}
@media (max-width: 980px){
	.jub-final .jub-grid{ grid-template-columns: 1fr; padding: 56px 0; }
}

.jub-final .jub-left{ position: relative; padding-bottom: 6px; }

.jub-final .jub-left::after{
	content: "25";
	position: absolute;
	left: -10px;
	bottom: -22px;
	font-size: clamp(140px, 14vw, 220px);
	line-height: 1;
	font-weight: 800;
	letter-spacing: -0.06em;
	color: rgba(255,255,255,0.06);
	pointer-events: none;
	user-select: none;
	transform: rotate(-2deg);
}
@media (max-width: 980px){
	.jub-final .jub-left::after{ display: none; }
}

.jub-final .jub-badge{
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 10px 14px;
	border: 1px solid var(--jub-stroke);
	background: rgba(255,255,255,0.05);
	border-radius: 999px;
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	box-shadow: 0 10px 30px rgba(0,0,0,0.20);
	margin-bottom: 18px;
	font-size: 14px;
	color: var(--jub-text);
}
.jub-final .jub-badge .dot{
	width: 10px; height: 10px;
	border-radius: 50%;
	background: var(--jub-red);
	box-shadow: 0 0 0 6px rgba(233,38,43,0.18);
}

.jub-final .jub-title{
	font-size: clamp(38px, 4.6vw, 64px);
	line-height: 1.05;
	margin: 0 0 14px;
	color: var(--jub-white);
	letter-spacing: -0.7px;
	font-weight: 650;
}
.jub-final .jub-title .accent{
	color: var(--jub-blue);
	position: relative;
	display: inline-block;
}
.jub-final .jub-title .accent::after{
	content: "";
	position: absolute;
	left: 0;
	bottom: 0.05em;
	width: 100%;
	height: 0.22em;
	background: rgba(233,38,43,0.18);
	border-radius: 999px;
	z-index: -1;
}

.jub-final .jub-sub{
	max-width: 60ch;
	margin: 0 0 22px;
	color: var(--jub-muted);
	font-size: 16px;
	line-height: 1.65;
}

.jub-final .jub-cta{
	display: flex;
	gap: 12px;
	flex-wrap: wrap;
	margin-bottom: 22px;
}

.jub-final .jub-btn{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	padding: 13px 22px;
	border-radius: 999px;
	border: 1px solid transparent;
	text-decoration: none !important;
	font-weight: 700;
	font-size: 15px;
	letter-spacing: -0.01em;
	color: var(--jub-white);
	transition: transform .18s ease, background .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.jub-final .jub-btn::after{
	content: "";
	width: 8px;
	height: 8px;
	border-right: 2px solid currentColor;
	border-bottom: 2px solid currentColor;
	transform: rotate(-45deg);
	margin-top: -1px;
	opacity: 0.85;
	transition: transform .22s cubic-bezier(.2,.8,.2,1), opacity .18s ease;
}
.jub-final .jub-btn:hover::after{
	transform: rotate(-45deg) translate(2px, 2px);
	opacity: 1;
}
.jub-final .jub-btn-primary{
	background: var(--jub-red);
	border-color: var(--jub-red);
	box-shadow: 0 14px 34px rgba(233,38,43,0.28);
}
.jub-final .jub-btn-primary:hover{
	transform: translateY(-2px);
	box-shadow: 0 22px 50px rgba(233,38,43,0.36);
	background: #f0383d;
	border-color: #f0383d;
}
.jub-final .jub-btn-ghost{
	background: transparent;
	border-color: rgba(255,255,255,0.30);
}
.jub-final .jub-btn-ghost:hover{
	transform: translateY(-2px);
	background: rgba(255,255,255,0.08);
	border-color: rgba(255,255,255,0.55);
}

.jub-final .jub-stats{
	display: grid;
	grid-template-columns: repeat(3, minmax(0,1fr));
	gap: 12px;
	margin-top: 10px;
}
@media (max-width: 520px){
	.jub-final .jub-stats{ grid-template-columns: 1fr; }
}
.jub-final .jub-stat{
	padding: 14px;
	border-radius: 18px;
	background: rgba(255,255,255,0.06);
	border: 1px solid var(--jub-stroke);
	box-shadow: 0 12px 40px rgba(0,0,0,0.18);
}
.jub-final .jub-stat .num{
	font-size: 20px;
	font-weight: 800;
	color: var(--jub-white);
}
.jub-final .jub-stat .lbl{
	margin-top: 4px;
	font-size: 13px;
	color: var(--jub-muted);
}

.jub-final .jub-under{
	margin-top: 18px;
	max-width: 520px;
}
.jub-final .jub-connector{
	position: relative;
	height: 18px;
	margin: 0 0 12px;
}
.jub-final .jub-connector-line{
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	height: 1px;
	background: linear-gradient(90deg, rgba(61,137,201,0.65), rgba(61,137,201,0.25), rgba(61,137,201,0));
	box-shadow: 0 10px 30px rgba(61,137,201,0.10);
}
.jub-final .jub-connector-dot{
	position: absolute;
	right: 0;
	top: 50%;
	transform: translate(0, -50%);
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: rgba(233,38,43,0.85);
	box-shadow: 0 0 0 6px rgba(233,38,43,0.12);
	opacity: 0.9;
}
.jub-final .jub-editorial{
	margin: 0;
	font-size: 14px;
	line-height: 1.6;
	color: rgba(255,255,255,0.68);
}

.jub-final .jub-principles{
	margin-top: 22px;
	max-width: 520px;
	border-radius: 18px;
	border: 1px solid rgba(255,255,255,0.12);
	background: rgba(255,255,255,0.04);
	padding: 14px;
	box-shadow: 0 18px 50px rgba(0,0,0,0.16);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
}
.jub-final .jub-principles-head{
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 10px;
}
.jub-final .jub-principles-kicker{
	font-size: 11px;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: rgba(255,255,255,0.70);
}
.jub-final .jub-principles-title{
	font-size: 14px;
	font-weight: 650;
	color: rgba(255,255,255,0.92);
}
.jub-final .jub-principles-grid{
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 10px;
}
@media (max-width: 520px){
	.jub-final .jub-principles-grid{ grid-template-columns: 1fr; }
}
.jub-final .p-item{
	display: flex;
	gap: 10px;
	align-items: flex-start;
	padding: 10px;
	border-radius: 14px;
	border: 1px solid rgba(255,255,255,0.10);
	background: rgba(255,255,255,0.03);
}
.jub-final .p-dot{
	width: 10px; height: 10px;
	border-radius: 50%;
	margin-top: 3px;
	background: rgba(61,137,201,0.95);
	box-shadow: 0 0 0 6px rgba(61,137,201,0.14);
	flex: 0 0 auto;
}
.jub-final .p-ttl{
	font-size: 13px;
	font-weight: 650;
	color: rgba(255,255,255,0.92);
	line-height: 1.2;
}
.jub-final .p-sub{
	margin-top: 3px;
	font-size: 12px;
	color: rgba(255,255,255,0.70);
	line-height: 1.25;
}

.jub-final .jub-right{ position: relative; }

.jub-final .jub-card{
	border-radius: 22px;
	background: rgba(255,255,255,0.06);
	border: 1px solid var(--jub-stroke);
	box-shadow: var(--jub-shadow);
	overflow: hidden;
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
}
.jub-final .jub-card-head{
	padding: 18px 18px 10px;
	border-bottom: 1px solid rgba(255,255,255,0.10);
}
.jub-final .jub-kicker{
	font-size: 12px;
	color: rgba(255,255,255,0.78);
	letter-spacing: 0.18em;
	text-transform: uppercase;
}
.jub-final .jub-card-title{
	margin: 6px 0 0;
	font-size: 18px;
	color: var(--jub-white);
	letter-spacing: -0.2px;
	font-weight: 650;
}

.jub-final .jub-timeline{ position: relative; padding: 18px; }
.jub-final .jub-line{
	position: absolute;
	left: 34px;
	top: 18px;
	bottom: 52px;
	width: 2px;
	background: linear-gradient(180deg, rgba(61,137,201,0), rgba(61,137,201,0.75), rgba(233,38,43,0.55), rgba(61,137,201,0));
}

.jub-final .jub-ms{
	display: grid;
	grid-template-columns: 24px 1fr;
	gap: 14px;
	padding: 12px 10px;
	margin-bottom: 10px;
	border-radius: 16px;
	opacity: 0.70;
	transition: opacity .22s ease, transform .22s ease;
}
.jub-final .jub-pin{
	width: 14px;
	height: 14px;
	border-radius: 50%;
	margin-top: 6px;
	background: rgba(255,255,255,0.28);
	border: 1px solid rgba(255,255,255,0.22);
	position: relative;
	z-index: 3;
}
.jub-final .jub-box{
	padding: 12px;
	border-radius: 16px;
	background: rgba(255,255,255,0.04);
	border: 1px solid rgba(255,255,255,0.10);
}
.jub-final .jub-year{ font-weight: 800; color: var(--jub-white); }
.jub-final .jub-ttl{
	margin-top: 4px;
	font-weight: 650;
	color: rgba(255,255,255,0.92);
}
.jub-final .jub-txt{
	margin-top: 6px;
	color: var(--jub-muted);
	font-size: 14px;
	line-height: 1.55;
}

.jub-final .jub-ms.is-active{ opacity: 1; transform: translateY(-1px); }
.jub-final .jub-ms.is-active .jub-box{
	background: rgba(255,255,255,0.07);
	border-color: rgba(255,255,255,0.16);
}
.jub-final .jub-ms.is-active .jub-pin{
	background: var(--jub-red);
	border-color: rgba(233,38,43,0.55);
	box-shadow:
		0 0 0 6px rgba(233,38,43,0.12),
		0 10px 24px rgba(233,38,43,0.18);
}

.jub-final .jub-blob{
	position: absolute;
	right: -90px;
	bottom: -110px;
	width: 260px;
	height: 260px;
	border-radius: 999px;
	background: radial-gradient(circle at 30% 30%, rgba(61,137,201,0.55), rgba(233,38,43,0.22), rgba(7,29,61,0));
	opacity: 0.9;
	pointer-events: none;
}

/* Mali efekti: pulse beat na aktivnom pin-u + progress fill na vertikalnoj liniji. */
.jub-final .jub-ms.is-active .jub-pin{
	animation: jubPinBeat 1.8s ease-in-out infinite;
}
@keyframes jubPinBeat{
	0%, 100% {
		transform: scale(1);
		box-shadow: 0 0 0 6px rgba(233,38,43,0.12), 0 10px 24px rgba(233,38,43,0.18);
	}
	50% {
		transform: scale(1.18);
		box-shadow: 0 0 0 10px rgba(233,38,43,0.06), 0 14px 30px rgba(233,38,43,0.24);
	}
}

.jub-final .jub-line{
	background: rgba(255,255,255,0.10);
	overflow: hidden;
}
.jub-final .jub-line-fill{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 0;
	background: linear-gradient(180deg, rgba(61,137,201,0.85), rgba(233,38,43,0.85));
	transition: height .5s cubic-bezier(.2,.8,.2,1);
	box-shadow: 0 0 18px rgba(61,137,201,0.30);
}

@media (prefers-reduced-motion: reduce){
	.jub-final .jub-ms.is-active .jub-pin{ animation: none !important; }
	.jub-final .jub-line-fill{ transition: none !important; }
}

/* Pillars redizajn: hub u centru + 4 kartice oko njega, na tamnoj pozadini sekcije. */
.belit-final-plus .b-dark .exp3-diagram{
	position: relative;
	border: 1px solid rgba(255,255,255,0.10);
	border-radius: 28px;
	background: rgba(255,255,255,0.04);
	box-shadow: 0 26px 70px rgba(0,0,0,0.22);
	padding: clamp(18px, 2.4vw, 30px);
	overflow: hidden;
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	margin-top: 26px;
}
.belit-final-plus .b-dark .exp3-diagram::before{
	content: "";
	position: absolute;
	inset: -40px;
	pointer-events: none;
	background:
		radial-gradient(900px 380px at 20% 10%, rgba(14,138,203,0.18), transparent 60%),
		radial-gradient(780px 360px at 82% 18%, rgba(236,28,39,0.12), transparent 55%);
	opacity: 0.95;
}

@media (min-width: 980px){
	.belit-final-plus .b-dark .exp3-diagram{
		display: grid;
		grid-template-columns: 1fr 320px 1fr;
		grid-template-rows: auto auto;
		grid-template-areas:
			"n1 hub n2"
			"n3 hub n4";
		gap: 20px;
		align-items: stretch;
	}
	.belit-final-plus .b-dark .hub{ grid-area: hub; align-self: center; justify-self: center; }
	.belit-final-plus .b-dark .n1{ grid-area: n1; }
	.belit-final-plus .b-dark .n2{ grid-area: n2; }
	.belit-final-plus .b-dark .n3{ grid-area: n3; }
	.belit-final-plus .b-dark .n4{ grid-area: n4; }
}
@media (max-width: 979px){
	.belit-final-plus .b-dark .exp3-diagram{ display: grid; gap: 14px; }
}

.belit-final-plus .b-dark .hub{
	position: relative;
	width: min(320px, 100%);
	aspect-ratio: 1 / 1;
	border-radius: 999px;
	display: grid;
	place-items: center;
	z-index: 1;
}
.belit-final-plus .b-dark .hub-ring{
	position: absolute;
	inset: 0;
	border-radius: 999px;
	border: 1px solid rgba(255,255,255,0.16);
	background:
		radial-gradient(circle at 30% 30%, rgba(14,138,203,0.32), transparent 55%),
		radial-gradient(circle at 70% 70%, rgba(236,28,39,0.20), transparent 55%),
		rgba(255,255,255,0.04);
	box-shadow: 0 26px 70px rgba(0,0,0,0.30);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
}
.belit-final-plus .b-dark .hub-inner{
	position: relative;
	z-index: 1;
	width: 78%;
	height: 78%;
	border-radius: 999px;
	border: 1px solid rgba(255,255,255,0.14);
	background: rgba(7,29,61,0.55);
	display: grid;
	place-items: center;
	text-align: center;
	padding: 18px;
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
}
.belit-final-plus .b-dark .hub-k{
	font-size: 12px;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: rgba(255,255,255,0.74);
	font-weight: 700;
}
.belit-final-plus .b-dark .hub-t{
	margin-top: 8px;
	font-size: 32px;
	font-weight: 900;
	letter-spacing: -0.03em;
	color: #fff;
}
.belit-final-plus .b-dark .hub-s{
	margin-top: 6px;
	font-size: 13px;
	color: rgba(255,255,255,0.74);
}

.belit-final-plus .b-dark .wires{ display: none; }
@media (min-width: 980px){
	.belit-final-plus .b-dark .wires{
		display: block;
		position: absolute;
		inset: 0;
		pointer-events: none;
		opacity: 0.9;
		z-index: 0;
	}
	.belit-final-plus .b-dark .wire{
		position: absolute;
		height: 2px;
		background: linear-gradient(90deg, rgba(14,138,203,0), rgba(14,138,203,0.55), rgba(236,28,39,0.40), rgba(236,28,39,0));
		border-radius: 999px;
	}
	.belit-final-plus .b-dark .w1{ left: 18px; top: 26%; width: 44%; }
	.belit-final-plus .b-dark .w2{ right: 18px; top: 26%; width: 44%; transform: rotate(180deg); }
	.belit-final-plus .b-dark .w3{ left: 18px; top: 74%; width: 44%; }
	.belit-final-plus .b-dark .w4{ right: 18px; top: 74%; width: 44%; transform: rotate(180deg); }
}

.belit-final-plus .b-dark .node{
	position: relative;
	border: 1px solid rgba(255,255,255,0.14);
	border-radius: 22px;
	background: rgba(255,255,255,0.05);
	padding: 18px 18px 16px;
	overflow: hidden;
	transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	z-index: 1;
}
.belit-final-plus .b-dark .node::after{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 5px;
	background: rgba(14,138,203,0.85);
}
.belit-final-plus .b-dark .node[data-accent="red"]::after{ background: rgba(236,28,39,0.85); }

.belit-final-plus .b-dark .node-top{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	margin-bottom: 10px;
}
.belit-final-plus .b-dark .node-chip{
	font-size: 12px;
	padding: 7px 12px;
	border-radius: 999px;
	border: 1px solid rgba(255,255,255,0.16);
	background: rgba(255,255,255,0.06);
	color: rgba(255,255,255,0.82);
	font-weight: 700;
	letter-spacing: 0.06em;
	white-space: nowrap;
}
.belit-final-plus .b-dark .node-dot{
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: rgba(14,138,203,0.95);
	box-shadow: 0 0 0 6px rgba(14,138,203,0.16);
	flex: 0 0 auto;
}
.belit-final-plus .b-dark .node[data-accent="red"] .node-dot{
	background: rgba(236,28,39,0.95);
	box-shadow: 0 0 0 6px rgba(236,28,39,0.14);
}
.belit-final-plus .b-dark .node-title{
	margin: 0 0 8px;
	font-size: 18px;
	font-weight: 800;
	letter-spacing: -0.01em;
	color: #fff;
}
.belit-final-plus .b-dark .node-text{
	margin: 0 0 12px;
	font-size: 14px;
	line-height: 1.65;
	color: rgba(255,255,255,0.78);
	max-width: 64ch;
}
.belit-final-plus .b-dark .node-list{
	margin: 0;
	padding: 0;
	list-style: none;
	display: grid;
	gap: 8px;
}
.belit-final-plus .b-dark .node-list li{
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 13px;
	color: rgba(255,255,255,0.82);
}
.belit-final-plus .b-dark .node-list li::before{
	content: "";
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: rgba(14,138,203,0.95);
	box-shadow: 0 0 0 4px rgba(14,138,203,0.14);
	flex: 0 0 auto;
}
.belit-final-plus .b-dark .node[data-accent="red"] .node-list li::before{
	background: rgba(236,28,39,0.95);
	box-shadow: 0 0 0 4px rgba(236,28,39,0.12);
}
.belit-final-plus .b-dark .node:hover{
	transform: translateY(-3px);
	border-color: rgba(255,255,255,0.26);
	box-shadow: 0 26px 70px rgba(0,0,0,0.30);
}

/* Suptilan appear kad sekcija dođe u viewport. Default visible kao fallback. */
.belit-final-plus .b-dark .exp3-diagram .node,
.belit-final-plus .b-dark .exp3-diagram .hub{
	opacity: 1;
	transform: none;
	transition: opacity .55s ease, transform .55s ease;
}
.belit-final-plus .b-dark.b-observe:not(.b-in) .exp3-diagram .node,
.belit-final-plus .b-dark.b-observe:not(.b-in) .exp3-diagram .hub{
	opacity: 0;
	transform: translateY(12px);
}
.belit-final-plus .b-dark.b-in .exp3-diagram .n2{ transition-delay: .08s; }
.belit-final-plus .b-dark.b-in .exp3-diagram .n3{ transition-delay: .14s; }
.belit-final-plus .b-dark.b-in .exp3-diagram .n4{ transition-delay: .20s; }
.belit-final-plus .b-dark.b-in .exp3-diagram .hub{ transition-delay: .04s; }

@media (prefers-reduced-motion: reduce){
	.belit-final-plus .b-dark.b-observe:not(.b-in) .exp3-diagram .node,
	.belit-final-plus .b-dark.b-observe:not(.b-in) .exp3-diagram .hub{
		opacity: 1 !important;
		transform: none !important;
	}
}

/* Veliki "01-04" broj kao ghost u uglu kartice. */
.belit-final-plus .b-dark .node{ padding: 22px 22px 20px; }
.belit-final-plus .b-dark .node-idx{
	position: absolute;
	top: 14px;
	right: 18px;
	font-size: 58px;
	font-weight: 900;
	line-height: 1;
	letter-spacing: -0.04em;
	color: rgba(255,255,255,0.06);
	pointer-events: none;
	user-select: none;
	z-index: 0;
}
.belit-final-plus .b-dark .node[data-accent="red"] .node-idx{
	color: rgba(236,28,39,0.10);
}
.belit-final-plus .b-dark .node > *:not(.node-idx){ position: relative; z-index: 1; }

.belit-final-plus .b-dark .node-title{
	font-size: 20px;
	margin: 0 0 10px;
}
.belit-final-plus .b-dark .node-text{
	margin: 0 0 16px;
	font-size: 14px;
	line-height: 1.7;
	color: rgba(255,255,255,0.78);
	max-width: 56ch;
}
.belit-final-plus .b-dark .node-full{ display: none; }

/* Saznaj više dugme u svakoj kartici. */
.belit-final-plus .b-dark .node-more{
	display: inline-flex;
	align-items: center;
	gap: 10px;
	margin-top: 4px;
	padding: 10px 14px;
	border-radius: 999px;
	border: 1px solid rgba(255,255,255,0.20);
	background: rgba(255,255,255,0.05);
	color: #fff;
	font-weight: 700;
	font-size: 13px;
	letter-spacing: -0.01em;
	cursor: pointer;
	transition: transform .18s ease, background .18s ease, border-color .18s ease, box-shadow .18s ease;
	font-family: inherit;
}
.belit-final-plus .b-dark .node-more:hover{
	transform: translateY(-1px);
	background: rgba(255,255,255,0.10);
	border-color: rgba(255,255,255,0.40);
}
.belit-final-plus .b-dark .node[data-accent="red"] .node-more:hover{
	border-color: rgba(236,28,39,0.55);
	background: rgba(236,28,39,0.10);
	box-shadow: 0 10px 26px rgba(236,28,39,0.18);
}
.belit-final-plus .b-dark .node-more .node-arr{
	width: 8px;
	height: 8px;
	border-right: 2px solid currentColor;
	border-bottom: 2px solid currentColor;
	transform: rotate(-45deg);
	margin-top: -1px;
	opacity: 0.9;
	transition: transform .22s cubic-bezier(.2,.8,.2,1);
}
.belit-final-plus .b-dark .node-more:hover .node-arr{
	transform: rotate(-45deg) translate(2px, 2px);
}
.belit-final-plus .b-dark .node-more:focus-visible{
	outline: 2px solid rgba(14,138,203,0.55);
	outline-offset: 2px;
}

/* Modal - skroz globalno scope (radi i van .belit-final-plus). */
.blt-modal{
	position: fixed;
	inset: 0;
	z-index: 10000;
	display: none;
	align-items: center;
	justify-content: center;
	padding: 24px;
}
.blt-modal[aria-hidden="false"]{ display: flex; }
.blt-modal__backdrop{
	position: absolute;
	inset: 0;
	background: rgba(5,15,32,0.78);
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
	opacity: 0;
	animation: bltModalFade .22s ease forwards;
}
.blt-modal__panel{
	position: relative;
	width: min(720px, 96vw);
	max-height: 86vh;
	display: flex;
	flex-direction: column;
	background: linear-gradient(180deg, #061f3e 0%, #0a2a52 100%);
	border: 1px solid rgba(255,255,255,0.14);
	border-radius: 22px;
	box-shadow: 0 40px 100px rgba(0,0,0,0.45);
	color: rgba(255,255,255,0.92);
	overflow: hidden;
	opacity: 0;
	transform: scale(.96) translateY(8px);
	animation: bltModalIn .28s cubic-bezier(.2,.8,.2,1) .04s forwards;
}
.blt-modal__panel::before{
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	background:
		radial-gradient(700px 320px at 20% 0%, rgba(14,138,203,0.18), transparent 60%),
		radial-gradient(600px 320px at 100% 100%, rgba(236,28,39,0.10), transparent 65%);
}
.blt-modal__close{
	position: absolute;
	top: 12px;
	right: 12px;
	width: 38px;
	height: 38px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 1px solid rgba(255,255,255,0.18);
	background: rgba(255,255,255,0.08);
	border-radius: 50%;
	color: #fff;
	font-size: 24px;
	line-height: 1;
	cursor: pointer;
	z-index: 2;
	transition: background .18s ease, border-color .18s ease, transform .18s ease;
	font-family: inherit;
}
.blt-modal__close:hover{
	background: rgba(255,255,255,0.16);
	border-color: rgba(255,255,255,0.36);
	transform: scale(1.05);
}
.blt-modal__close:focus-visible{
	outline: 2px solid rgba(14,138,203,0.65);
	outline-offset: 2px;
}
.blt-modal__head{
	position: relative;
	padding: 24px 60px 14px 28px;
	border-bottom: 1px solid rgba(255,255,255,0.10);
	z-index: 1;
}
.blt-modal__kicker{
	display: inline-block;
	font-size: 11px;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: rgba(255,255,255,0.62);
	margin-bottom: 8px;
}
.blt-modal__title{
	margin: 0;
	font-size: 24px;
	line-height: 1.2;
	letter-spacing: -0.02em;
	color: #fff;
	font-weight: 800;
}
.blt-modal__body{
	position: relative;
	padding: 20px 28px 28px;
	overflow-y: auto;
	z-index: 1;
}
.blt-modal__body p{
	margin: 0 0 14px;
	font-size: 15px;
	line-height: 1.75;
	color: rgba(255,255,255,0.84);
}
.blt-modal__body p:last-child{ margin-bottom: 0; }

.blt-modal__body::-webkit-scrollbar{ width: 8px; }
.blt-modal__body::-webkit-scrollbar-thumb{ background: rgba(255,255,255,0.18); border-radius: 999px; }
.blt-modal__body::-webkit-scrollbar-track{ background: transparent; }

body.blt-modal-open{ overflow: hidden; }

@keyframes bltModalFade{ to { opacity: 1; } }
@keyframes bltModalIn{
	to { opacity: 1; transform: scale(1) translateY(0); }
}

@media (max-width: 600px){
	.blt-modal{ padding: 12px; }
	.blt-modal__head{ padding: 20px 56px 12px 20px; }
	.blt-modal__body{ padding: 16px 20px 20px; }
	.blt-modal__title{ font-size: 20px; }
}

@media (prefers-reduced-motion: reduce){
	.blt-modal__backdrop,
	.blt-modal__panel{
		animation: none !important;
		opacity: 1 !important;
		transform: none !important;
	}
}

/* Projekti uvod - bela sekcija sa karticama referenci i CTA na /nas-rad. */
.belit-final-plus .blt-pi{
	background:
		radial-gradient(900px 460px at 18% 8%, rgba(14,138,203,0.07), transparent 60%),
		radial-gradient(800px 420px at 85% 90%, rgba(236,28,39,0.05), transparent 60%),
		linear-gradient(180deg, #ffffff 0%, #f7f9fc 100%);
}

.belit-final-plus .blt-pi__head{
	max-width: 720px;
	margin: 0 auto 36px;
	text-align: center;
}
.belit-final-plus .blt-pi__kicker{
	display: inline-block;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.18em;
	color: rgba(5,31,62,0.58);
	margin-bottom: 12px;
}
.belit-final-plus .blt-pi__title{
	margin: 0 0 12px;
	color: var(--navy);
	font-size: clamp(28px, 3.2vw, 44px);
	line-height: 1.12;
	letter-spacing: -0.03em;
	font-weight: 800;
}
.belit-final-plus .blt-pi__sub{
	margin: 0 auto;
	color: var(--muted);
	font-size: clamp(15px, 1.2vw, 17px);
	line-height: 1.8;
	max-width: 60ch;
}
.belit-final-plus .blt-pi__line{
	width: 80px;
	height: 3px;
	margin: 18px auto 0;
	border-radius: 999px;
	background: linear-gradient(90deg, transparent, rgba(236,28,39,0.85), transparent);
}

.belit-final-plus .blt-pi__grid{
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 14px;
	margin-bottom: 32px;
}
@media (max-width: 900px){
	.belit-final-plus .blt-pi__grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 540px){
	.belit-final-plus .blt-pi__grid{ grid-template-columns: 1fr; }
}

.belit-final-plus .blt-pi__card{
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 18px 18px;
	border: 1px solid rgba(5,31,62,0.10);
	border-radius: 18px;
	background: #ffffff;
	color: var(--navy) !important;
	text-decoration: none !important;
	box-shadow: 0 6px 24px rgba(5,31,62,0.04);
	transition: transform .22s cubic-bezier(.2,.8,.2,1), border-color .22s ease, box-shadow .22s ease, background .22s ease;
	position: relative;
}
.belit-final-plus .blt-pi__card:hover{
	transform: translateY(-3px);
	border-color: rgba(14,138,203,0.32);
	box-shadow: 0 22px 54px rgba(5,31,62,0.12);
}

.belit-final-plus .blt-pi__dot{
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: rgba(14,138,203,0.95);
	box-shadow: 0 0 0 6px rgba(14,138,203,0.12);
	flex: 0 0 auto;
}
.belit-final-plus .blt-pi__card[data-cat="finansije"] .blt-pi__dot,
.belit-final-plus .blt-pi__card[data-cat="poslovni"] .blt-pi__dot{
	background: rgba(236,28,39,0.92);
	box-shadow: 0 0 0 6px rgba(236,28,39,0.10);
}

.belit-final-plus .blt-pi__card:hover[data-cat="finansije"],
.belit-final-plus .blt-pi__card:hover[data-cat="poslovni"]{
	border-color: rgba(236,28,39,0.32);
	box-shadow: 0 22px 54px rgba(236,28,39,0.10);
}

.belit-final-plus .blt-pi__body{
	flex: 1;
	min-width: 0;
}
.belit-final-plus .blt-pi__name{
	font-size: 16px;
	font-weight: 800;
	letter-spacing: -0.01em;
	color: var(--navy);
	line-height: 1.25;
	margin-bottom: 4px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.belit-final-plus .blt-pi__cat{
	font-size: 12px;
	font-weight: 700;
	color: rgba(5,31,62,0.58);
	letter-spacing: 0.04em;
	text-transform: uppercase;
}
.belit-final-plus .blt-pi__arr{
	width: 9px;
	height: 9px;
	border-right: 2px solid rgba(5,31,62,0.50);
	border-bottom: 2px solid rgba(5,31,62,0.50);
	transform: rotate(-45deg);
	margin-top: -1px;
	flex: 0 0 auto;
	transition: transform .22s cubic-bezier(.2,.8,.2,1), border-color .22s ease;
}
.belit-final-plus .blt-pi__card:hover .blt-pi__arr{
	transform: rotate(-45deg) translate(2px, 2px);
	border-color: rgba(14,138,203,0.85);
}
.belit-final-plus .blt-pi__card:hover[data-cat="finansije"] .blt-pi__arr,
.belit-final-plus .blt-pi__card:hover[data-cat="poslovni"] .blt-pi__arr{
	border-color: rgba(236,28,39,0.85);
}

.belit-final-plus .blt-pi__cta{
	text-align: center;
	margin-top: 8px;
}
.belit-final-plus .blt-pi__btn{
	display: inline-flex;
	align-items: center;
	gap: 12px;
	padding: 14px 28px;
	border-radius: 999px;
	background: var(--navy);
	color: #ffffff !important;
	text-decoration: none !important;
	font-weight: 800;
	font-size: 15px;
	letter-spacing: -0.01em;
	box-shadow: 0 18px 42px rgba(5,31,62,0.22);
	transition: transform .18s ease, background .18s ease, box-shadow .18s ease;
}
.belit-final-plus .blt-pi__btn:hover{
	transform: translateY(-2px);
	background: #0a2a52;
	box-shadow: 0 24px 60px rgba(5,31,62,0.30);
}
.belit-final-plus .blt-pi__btn-arr{
	width: 9px;
	height: 9px;
	border-right: 2px solid currentColor;
	border-bottom: 2px solid currentColor;
	transform: rotate(-45deg);
	margin-top: -1px;
	transition: transform .22s cubic-bezier(.2,.8,.2,1);
}
.belit-final-plus .blt-pi__btn:hover .blt-pi__btn-arr{
	transform: rotate(-45deg) translate(3px, 3px);
}

/* Projekti uvod v2: split layout - slika levo, tekst + 3 projekta desno. */
.belit-final-plus .blt-pi__split{
	display: grid;
	grid-template-columns: 1.05fr 1fr;
	gap: clamp(24px, 4vw, 56px);
	align-items: center;
}
@media (max-width: 900px){
	.belit-final-plus .blt-pi__split{
		grid-template-columns: 1fr;
		gap: 32px;
	}
}

.belit-final-plus .blt-pi__visual{
	position: relative;
	aspect-ratio: 5 / 4;
	max-width: 560px;
}
@media (max-width: 900px){
	.belit-final-plus .blt-pi__visual{ margin: 0 auto; width: 100%; }
}
.belit-final-plus .blt-pi__photo{
	position: absolute;
	inset: 0;
	border-radius: 24px;
	background:
		linear-gradient(180deg, rgba(255,255,255,0.05), rgba(5,31,62,0.25)),
		url('https://belit-ver2.medantemplate.rs/wp-content/uploads/2026/02/computer-room-with-computer-monitors-wall-scaled.jpg') center/cover no-repeat;
	box-shadow: 0 30px 70px rgba(5,31,62,0.18);
	z-index: 1;
}
.belit-final-plus .blt-pi__photo-frame{
	position: absolute;
	inset: 18px -18px -18px 18px;
	border-radius: 24px;
	border: 2px solid rgba(14,138,203,0.30);
	z-index: 0;
}
.belit-final-plus .blt-pi__photo-tag{
	position: absolute;
	left: 16px;
	bottom: 16px;
	z-index: 2;
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 10px 14px;
	border-radius: 999px;
	background: rgba(5,31,62,0.78);
	color: #fff;
	font-weight: 700;
	font-size: 12px;
	letter-spacing: 0.04em;
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
	box-shadow: 0 14px 30px rgba(0,0,0,0.20);
}
.belit-final-plus .blt-pi__photo-dot{
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #ec1c27;
	box-shadow: 0 0 0 5px rgba(236,28,39,0.20);
}

.belit-final-plus .blt-pi__content{ min-width: 0; }
.belit-final-plus .blt-pi__content .blt-pi__kicker{
	display: inline-block;
	margin-bottom: 12px;
	text-align: left;
}
.belit-final-plus .blt-pi__content .blt-pi__title{
	text-align: left;
	margin: 0 0 16px;
}
.belit-final-plus .blt-pi__text{
	margin: 0 0 14px;
	color: var(--muted);
	font-size: 15px;
	line-height: 1.8;
	max-width: 60ch;
}
.belit-final-plus .blt-pi__text:last-of-type{ margin-bottom: 22px; }

.belit-final-plus .blt-pi__list{
	margin: 0 0 24px;
	padding: 0;
	list-style: none;
	display: grid;
	gap: 8px;
	max-width: 460px;
}
.belit-final-plus .blt-pi__item{
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 14px 16px;
	border: 1px solid rgba(5,31,62,0.10);
	border-radius: 14px;
	background: #ffffff;
	color: var(--navy) !important;
	text-decoration: none !important;
	transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.belit-final-plus .blt-pi__item:hover{
	transform: translateX(3px);
	border-color: rgba(14,138,203,0.32);
	box-shadow: 0 14px 30px rgba(5,31,62,0.08);
}
.belit-final-plus .blt-pi__item[data-cat="finansije"]:hover{
	border-color: rgba(236,28,39,0.32);
	box-shadow: 0 14px 30px rgba(236,28,39,0.08);
}
.belit-final-plus .blt-pi__item-dot{
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: rgba(14,138,203,0.95);
	box-shadow: 0 0 0 5px rgba(14,138,203,0.14);
	flex: 0 0 auto;
}
.belit-final-plus .blt-pi__item[data-cat="finansije"] .blt-pi__item-dot{
	background: rgba(236,28,39,0.92);
	box-shadow: 0 0 0 5px rgba(236,28,39,0.12);
}
.belit-final-plus .blt-pi__item-body{
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 2px;
}
.belit-final-plus .blt-pi__item-name{
	font-size: 15px;
	font-weight: 800;
	letter-spacing: -0.01em;
	color: var(--navy);
	line-height: 1.25;
}
.belit-final-plus .blt-pi__item-cat{
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: rgba(5,31,62,0.55);
}
.belit-final-plus .blt-pi__item-arr{
	width: 8px;
	height: 8px;
	border-right: 2px solid rgba(5,31,62,0.45);
	border-bottom: 2px solid rgba(5,31,62,0.45);
	transform: rotate(-45deg);
	flex: 0 0 auto;
	transition: transform .18s ease, border-color .18s ease;
}
.belit-final-plus .blt-pi__item:hover .blt-pi__item-arr{
	transform: rotate(-45deg) translate(2px, 2px);
	border-color: rgba(14,138,203,0.85);
}

.belit-final-plus .blt-pi__cta{
	text-align: left;
	margin-top: 0;
}

/* ============================================================
   SERTIFIKATI (homepage — mirror of about page Sertifikati)
   ============================================================ */
.belit-final-plus .blt-certs{
  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));
}
.belit-final-plus .blt-certs .b-eyebrow::before{
  background: linear-gradient(135deg, var(--red), rgba(237,28,39,.30));
  box-shadow: 0 10px 24px rgba(237,28,39,.12);
}
.belit-final-plus .blt-certgrid{
  display:grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap:22px;
  margin-top:28px;
}
@media (max-width: 900px){ .belit-final-plus .blt-certgrid{ grid-template-columns: repeat(2, minmax(0,1fr)); } }
@media (max-width: 540px){ .belit-final-plus .blt-certgrid{ grid-template-columns: 1fr; } }

.belit-final-plus .blt-certcard{
  position:relative;
  border-radius:22px;
  border:1px solid var(--line);
  background: linear-gradient(180deg, #ffffff, #fbfcfe);
  padding:22px 22px 22px;
  box-shadow: 0 14px 40px rgba(5,31,62,.05);
  transition: transform .28s cubic-bezier(.2,.8,.2,1), border-color .28s ease, box-shadow .28s ease;
  display:flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap:14px;
  overflow:hidden;
  color: inherit;
  text-decoration: none;
  cursor: pointer;
}
.belit-final-plus .blt-certcard--static{ cursor: default; }
.belit-final-plus .blt-certcard::before{
  content:""; position:absolute;
  left:0; top:0; bottom:0;
  width:3px;
  background: linear-gradient(180deg, var(--red), rgba(237,28,39,.20));
  opacity:.55;
  transition: opacity .25s ease;
}
.belit-final-plus .blt-certcard::after{
  content:""; position:absolute;
  inset:auto -40% -60% -40%;
  height: 140px;
  background: radial-gradient(circle, rgba(237,28,39,.10), transparent 60%);
  opacity:0; transition: opacity .35s ease;
  pointer-events:none;
}
.belit-final-plus .blt-certcard:hover{
  transform: translateY(-4px);
  border-color: rgba(237,28,39,.28);
  box-shadow: 0 22px 56px rgba(237,28,39,.10);
}
.belit-final-plus .blt-certcard:hover::before{ opacity:1; }
.belit-final-plus .blt-certcard:hover::after{ opacity:1; }

.belit-final-plus .blt-ctimg{
  position:relative;
  width:100%;
  border-radius: 14px;
  border: 1px solid rgba(5,31,62,.08);
  background: #ffffff;
  overflow:hidden;
  line-height:0;
}
.belit-final-plus .blt-ctimg img{
  width:100%;
  height:auto;
  display:block;
  transition: transform .5s cubic-bezier(.2,.8,.2,1);
}
.belit-final-plus .blt-certcard:hover .blt-ctimg img{ transform: scale(1.04); }

.belit-final-plus .blt-certcard b{
  display:block;
  font-size:15px;
  color: var(--navy);
  letter-spacing:-.01em;
  line-height:1.4;
  font-weight:900;
  margin-top: 4px;
}