/* Reference module – from artex.si/landing/paletni-regali.html */
:root{
  --brand:#007fc2;
  --brand2:#0069a0;
  --brand-dark:#054768;
  --brand-mid:#0083c8;
  --brand-light:#4da8e0;
  --brand-pale:#e8f4fb;
  --brand-pale-2:#f0f8fd;
  --brand-border:#b8d9ef;
  --brand-border-soft:#d4e8f6;
  --brand-rgb:0,127,194;
  --brand-dark-rgb:5,71,104;
  --text:#0b2030;
  --muted:#5a6d7d;
}
.artex-refs .wrap{max-width:1120px;margin:0 auto;padding:0 18px;box-sizing:border-box}
.artex-refs *,.artex-refs *::before,.artex-refs *::after{box-sizing:border-box}
.artex-refs{font-family:"Sansation",system-ui,sans-serif;color:var(--text)}

@keyframes benefitIn{to{opacity:1;transform:translateY(0)}}
@keyframes iconFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes refOrbDrift{
  0%,100%{transform:translate(0,0) scale(1)}
  50%{transform:translate(18px,-14px) scale(1.08)}
}
@keyframes refMarquee{
  from{transform:translateX(0)}
  to{transform:translateX(-50%)}
}

.artex-refs .reveal{opacity:0;transform:translateY(14px);transition:opacity 500ms ease,transform 520ms ease}
.artex-refs .reveal.is-in{opacity:1;transform:translateY(0)}
@media (prefers-reduced-motion:reduce){
  .artex-refs .reveal{opacity:1;transform:none;transition:none}
  .artex-refs .refMarquee__track{animation:none!important}
}

.artex-refs .refSection{
  margin:0;
  padding:42px 0 40px;
  background:linear-gradient(180deg,#fff 0%,var(--brand-pale-2) 100%);
  border-top:1px solid var(--brand-border-soft);
  border-bottom:1px solid var(--brand-border-soft);
  position:relative;
  overflow:hidden;
}
.artex-refs .refBg{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.artex-refs .refOrb{
  position:absolute;border-radius:999px;filter:blur(40px);opacity:.45;
  animation:refOrbDrift 14s ease-in-out infinite;
}
.artex-refs .refOrb--1{width:280px;height:280px;top:-80px;left:-60px;background:rgba(var(--brand-rgb),.18)}
.artex-refs .refOrb--2{width:220px;height:220px;bottom:-70px;right:8%;background:rgba(var(--brand-dark-rgb),.12);animation-delay:-4s}
.artex-refs .refOrb--3{width:160px;height:160px;top:35%;right:-40px;background:rgba(var(--brand-rgb),.14);animation-delay:-8s}
.artex-refs .refSection .wrap{position:relative;z-index:1}
.artex-refs .refHead{text-align:center;max-width:760px;margin:0 auto 26px}
.artex-refs .refHead__badge{
  width:64px;height:64px;margin:0 auto 14px;border-radius:20px;
  background:linear-gradient(135deg,var(--brand) 0%,var(--brand-light) 100%);
  display:grid;place-items:center;
  box-shadow:0 16px 34px rgba(var(--brand-rgb),.22);
  animation:iconFloat 3.4s ease-in-out infinite;
}
.artex-refs .refHead__badge svg{width:32px;height:32px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.artex-refs .refHead h2{
  margin:0 0 8px;font-size:clamp(22px,2.6vw,28px);font-weight:900;
  letter-spacing:.2px;color:var(--brand-dark)!important;
}
.artex-refs .refHead p{margin:0;color:var(--muted);line-height:1.55;font-size:15px}
.artex-refs .refHead p strong{color:var(--brand-dark)}
.artex-refs .refTrust{
  display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px;text-align:left;
}
@media (max-width:720px){.artex-refs .refTrust{grid-template-columns:1fr}}
.artex-refs .refTrust__item{
  display:flex;gap:12px;align-items:flex-start;padding:14px 14px 12px;border-radius:16px;
  background:rgba(255,255,255,.82);border:1px solid var(--brand-border-soft);
  box-shadow:0 10px 26px rgba(var(--brand-dark-rgb),.06);
  opacity:0;transform:translateY(12px);
}
.artex-refs .refSection.is-in .refTrust__item{animation:benefitIn .65s ease forwards}
.artex-refs .refSection.is-in .refTrust__item:nth-child(1){animation-delay:.12s}
.artex-refs .refSection.is-in .refTrust__item:nth-child(2){animation-delay:.24s}
.artex-refs .refSection.is-in .refTrust__item:nth-child(3){animation-delay:.36s}
.artex-refs .refTrust__ico{
  width:44px;height:44px;flex:0 0 auto;border-radius:13px;
  background:linear-gradient(135deg,var(--brand-dark) 0%,var(--brand-mid) 100%);
  display:grid;place-items:center;animation:iconFloat 3.6s ease-in-out infinite;
}
.artex-refs .refTrust__item:nth-child(2) .refTrust__ico{animation-delay:.5s}
.artex-refs .refTrust__item:nth-child(3) .refTrust__ico{animation-delay:1s}
.artex-refs .refTrust__ico svg{width:22px;height:22px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.artex-refs .refTrust__item b{display:block;font-size:13px;color:var(--brand-dark);margin-bottom:2px;font-weight:800}
.artex-refs .refTrust__item span{display:block;font-size:12px;color:var(--muted);line-height:1.4}

.artex-refs .refMarquee{position:relative;margin-top:8px;--ref-card-w:272px;--ref-marquee-dur:48s}
@media (max-width:760px){.artex-refs .refMarquee{--ref-card-w:232px;--ref-marquee-dur:40s}}
@media (max-width:520px){.artex-refs .refMarquee{--ref-card-w:210px;--ref-marquee-dur:34s}}
.artex-refs .refMarquee__viewport{
  overflow:hidden;padding:8px 0;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);
}
.artex-refs .refMarquee__track{
  display:flex;width:max-content;
  animation:refMarquee var(--ref-marquee-dur) linear infinite;will-change:transform;
}
.artex-refs .refMarquee:hover .refMarquee__track{animation-play-state:paused}
.artex-refs .refMarquee__group{display:flex;gap:16px;padding-right:16px}
.artex-refs .refSlide{flex:0 0 var(--ref-card-w);box-sizing:border-box}
.artex-refs .refLogo{
  position:relative;min-height:148px;height:100%;display:flex;align-items:center;justify-content:center;
  padding:28px 22px;background:#fff;border:1px solid var(--brand-border-soft);border-radius:18px;
  box-shadow:0 14px 34px rgba(var(--brand-dark-rgb),.08);
  transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease;overflow:hidden;
}
.artex-refs .refLogo:before{
  content:"";position:absolute;top:12px;right:12px;width:28px;height:28px;border-radius:10px;
  background:var(--brand-pale);border:1px solid var(--brand-border-soft);opacity:0;transform:scale(.8);
  transition:opacity .25s ease,transform .25s ease;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23007fc2' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M9 11l3 3L22 4'/%3E%3Cpath d='M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:center;background-size:14px;
}
.artex-refs .refLogo:after{
  content:"";position:absolute;inset:0;border-radius:inherit;
  background:linear-gradient(105deg,transparent 42%,rgba(255,255,255,.5) 50%,transparent 58%);
  transform:translateX(-130%);transition:transform .6s ease;pointer-events:none;
}
.artex-refs .refLogo:hover{
  border-color:var(--brand-border);box-shadow:0 18px 40px rgba(var(--brand-rgb),.14);
  transform:translateY(-4px) scale(1.01);
}
.artex-refs .refLogo:hover:before{opacity:1;transform:scale(1)}
.artex-refs .refLogo:hover:after{transform:translateX(130%)}
.artex-refs .refLogo img{
  display:block;max-width:92%;max-height:88px;width:auto;height:auto;object-fit:contain;
  transition:opacity .22s ease;
}
.artex-refs .refLogo__hover{position:absolute;inset:0;margin:auto;opacity:0}
.artex-refs .refLogo:hover .refLogo__base{opacity:0}
.artex-refs .refLogo:hover .refLogo__hover{opacity:1}

.artex-refs .refFoot{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:22px}
.artex-refs .refLink{
  display:inline-flex;align-items:center;gap:12px;padding:14px 18px;border-radius:16px;
  background:#fff;border:1px solid var(--brand-border-soft);color:var(--brand-dark)!important;
  font-weight:800;font-size:14px;text-decoration:none!important;
  box-shadow:0 12px 28px rgba(var(--brand-dark-rgb),.07);
  transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease,color .2s ease;
}
.artex-refs .refLink:hover{
  border-color:var(--brand-border);color:var(--brand)!important;
  box-shadow:0 16px 34px rgba(var(--brand-rgb),.14);transform:translateY(-2px);
}
.artex-refs .refLink__ico{
  width:40px;height:40px;flex:0 0 auto;border-radius:12px;
  background:linear-gradient(135deg,var(--brand-pale) 0%,#fff 100%);
  border:1px solid var(--brand-border-soft);display:grid;place-items:center;
}
.artex-refs .refLink__ico svg{width:20px;height:20px;fill:none;stroke:var(--brand);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.artex-refs .refLink__arrow{
  width:18px;height:18px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:2.2;
  stroke-linecap:round;stroke-linejoin:round;transition:transform .25s ease;
}
.artex-refs .refLink:hover .refLink__arrow{transform:translateX(4px)}