/* Vendreel elements v2 (vendreel.com/media/elements-v2) — tokens + core + E-1107, E-1102, E-1099, E-1115, E-1109, E-1124 */
/* Vendreel elements v2 — brand tokens.
   Jedan fajl koji svaki v2 element traži. Sve boje, radijusi i krive idu kroz
   `--vr-*` tokene; element NIKAD ne piše boju direktno, piše ulogu. Prefiks
   `--vr-` postoji da tokeni ne pregaze promenljive sajta u koji se element ubacuje.
   Tema se bira atributom `data-vr-theme="dark|light"` na bilo kom pretku
   (podrazumevano tamna). */

:root,[data-vr-theme=dark]{
  --vr-s0:#05070f; --vr-s1:#0b1326; --vr-s2:#101a2e; --vr-s3:#18233c;
  --vr-tx:#eaf3ff; --vr-mut:#8ba0bd; --vr-mut2:#7590ab; --vr-dim:#2a3550;
  --vr-on-acc:#04070f;
  --vr-line:rgba(140,175,220,.14); --vr-line2:rgba(140,175,220,.28);
  --vr-wash:255,255,255;           /* rgb trojka: rgba(var(--vr-wash),.06) */
  --vr-shadow:0,0,0;
  --vr-glass:rgba(16,26,46,.55);
  --vr-cyT:#46d6ff; --vr-viT:#9d8bff; --vr-amT:#ffd36e; --vr-grT:#8cff8c; --vr-pkT:#ff6f91;
  color-scheme:dark;
}
[data-vr-theme=light]{
  --vr-s0:#e9eef6; --vr-s1:#ffffff; --vr-s2:#f5f8fc; --vr-s3:#e4ebf5;
  --vr-tx:#0c1a2e; --vr-mut:#4a5c74; --vr-mut2:#54647a; --vr-dim:#a3b2c6;
  --vr-line:rgba(16,42,78,.13); --vr-line2:rgba(16,42,78,.22);
  --vr-wash:13,35,64;
  --vr-shadow:18,44,82;
  --vr-glass:rgba(255,255,255,.62);
  --vr-cyT:#0a6183; --vr-viT:#5334c9; --vr-amT:#8a5f06; --vr-grT:#146a35; --vr-pkT:#bc2d54;
  color-scheme:light;
}
:root{
  /* akcenti u ulozi POVRŠINE — isti u obe teme (čip u boji + tamni tekst radi svuda) */
  --vr-cy:#46d6ff; --vr-vi:#7b61ff; --vr-am:#ffd36e; --vr-gr:#8cff8c; --vr-pk:#ff6f91;
  --vr-grad:linear-gradient(102deg,var(--vr-cy),var(--vr-vi));
  --vr-r:16px; --vr-r-sm:10px; --vr-r-lg:24px;
  --vr-ease:cubic-bezier(.16,1,.3,1);
  --vr-spring:cubic-bezier(.34,1.56,.64,1);
  --vr-font:Gilroy,Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;
  --vr-mono:ui-monospace,'SF Mono',Menlo,Consolas,monospace;
}
/* Temeljni reset samo UNUTAR elemenata — ne dira sajt domaćina. */
/* :where() drži specifičnost na nuli — svaki stil elementa (.vr-x__btn) pobeđuje reset. */
:where([data-vr]){font-family:var(--vr-font);color:var(--vr-tx);-webkit-font-smoothing:antialiased;box-sizing:border-box}
:where([data-vr]) *,:where([data-vr]) *::before,:where([data-vr]) *::after{box-sizing:inherit}
:where([data-vr]) :where(button){font:inherit;color:inherit}
:where([data-vr]) :where(:focus-visible){outline:2px solid var(--vr-cy);outline-offset:3px;border-radius:6px}
.vr-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* Stilovi za VR.toast i VR.modal iz vr.js — zamena za alert/confirm. */
.vr-toasts{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);display:grid;gap:8px;z-index:2147483000;pointer-events:none;font-family:var(--vr-font)}
.vr-toast{padding:11px 18px;border-radius:12px;background:var(--vr-s3);color:var(--vr-tx);border:1px solid var(--vr-line2);
  box-shadow:0 12px 40px rgba(var(--vr-shadow),.35);font-size:14px;font-weight:600;opacity:0;transform:translateY(10px);
  transition:opacity .3s var(--vr-ease),transform .3s var(--vr-ease)}
.vr-toast.is-in{opacity:1;transform:none}
.vr-toast.is-ok{border-color:rgba(140,255,140,.45)}
.vr-toast.is-err{border-color:rgba(255,111,145,.55)}
.vr-scrim{position:fixed;inset:0;display:grid;place-items:center;padding:20px;z-index:2147483001;background:rgba(3,6,14,.55);
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:0;transition:opacity .25s var(--vr-ease);font-family:var(--vr-font)}
.vr-scrim.is-in{opacity:1}
.vr-modal{width:min(440px,100%);background:var(--vr-s1);color:var(--vr-tx);border:1px solid var(--vr-line2);border-radius:var(--vr-r-lg);
  padding:26px 24px 22px;box-shadow:0 30px 80px rgba(var(--vr-shadow),.45);transform:translateY(14px) scale(.97);transition:transform .35s var(--vr-spring)}
.vr-scrim.is-in .vr-modal{transform:none}
.vr-modal h3{margin:0 0 8px;font-size:20px;font-weight:700;letter-spacing:-.01em}
.vr-modal p{margin:0 0 22px;color:var(--vr-mut);line-height:1.55;font-size:15px}
.vr-modal-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}
.vr-btn-primary,.vr-btn-ghost{min-height:44px;padding:0 20px;border-radius:12px;font:600 15px var(--vr-font);cursor:pointer;transition:transform .2s var(--vr-ease),filter .2s}
.vr-btn-primary{border:0;background:var(--vr-grad);color:var(--vr-on-acc)}
.vr-btn-ghost{background:transparent;color:var(--vr-tx);border:1px solid var(--vr-line2)}
.vr-btn-primary:hover{filter:brightness(1.08)}
.vr-btn-ghost:hover{background:rgba(var(--vr-wash),.06)}
.vr-btn-primary:active,.vr-btn-ghost:active{transform:scale(.97)}

/* ---- spotlight-cards ---- */
.vr-spotlight-cards{--vr-spot:#46d6ff;--vr-spot-2:#7b61ff;--vr-spot-size:340px;
  max-width:1180px;margin:0 auto;padding:clamp(8px,2vw,24px) 0}
.vr-spotlight-cards__head{text-align:center;margin:0 auto clamp(24px,4vw,44px);max-width:720px;display:grid;gap:10px}
.vr-spotlight-cards__eyebrow{margin:0;font-size:12.5px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--vr-cyT)}
.vr-spotlight-cards__title{margin:0;font-size:clamp(28px,4.6vw,48px);line-height:1.08;letter-spacing:-.025em;font-weight:700;text-wrap:balance}
.vr-spotlight-cards__grid{list-style:none;margin:0;padding:0;display:grid;gap:clamp(12px,1.6vw,18px);
  grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr))}
.vr-spotlight-cards__card{--x:-999px;--y:-999px;position:relative;display:grid;gap:10px;align-content:start;height:100%;
  padding:clamp(22px,2.6vw,30px);border-radius:var(--vr-r-lg);text-decoration:none;color:var(--vr-tx);
  background:var(--vr-s1);border:1px solid var(--vr-line);isolation:isolate;overflow:hidden;
  transition:transform .45s var(--vr-ease),border-color .3s}
/* svetlo na površini */
.vr-spotlight-cards__card::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;opacity:0;transition:opacity .35s;
  background:radial-gradient(var(--vr-spot-size) circle at var(--x) var(--y),color-mix(in srgb,var(--vr-spot) 20%,transparent),transparent 70%)}
/* svetlo na ivici: maska ostavlja samo 1px okvira */
.vr-spotlight-cards__card::after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;pointer-events:none;opacity:0;transition:opacity .35s;
  background:radial-gradient(calc(var(--vr-spot-size) * .75) circle at var(--x) var(--y),var(--vr-spot),var(--vr-spot-2) 45%,transparent 75%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;
  mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}
.vr-spotlight-cards.is-lit .vr-spotlight-cards__card::before,.vr-spotlight-cards.is-lit .vr-spotlight-cards__card::after,
.vr-spotlight-cards__card:focus-visible::before,.vr-spotlight-cards__card:focus-visible::after{opacity:1}
.vr-spotlight-cards__card:hover{transform:translateY(-3px)}
.vr-spotlight-cards__card:active{transform:translateY(-1px) scale(.99)}
.vr-spotlight-cards__card:focus-visible{outline:2px solid var(--vr-cy);outline-offset:3px}
.vr-spotlight-cards__ic{width:40px;height:40px;padding:9px;border-radius:12px;fill:none;stroke:var(--vr-cyT);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;
  background:rgba(var(--vr-wash),.05);border:1px solid var(--vr-line);margin-bottom:6px}
.vr-spotlight-cards__ic *{stroke-dasharray:80;stroke-dashoffset:0}
.vr-spotlight-cards.is-drawing .vr-spotlight-cards__ic *{animation:vr-spotlight-cards-draw 1.4s var(--vr-ease) both}
.vr-spotlight-cards__card h3{margin:0;font-size:clamp(18px,1.6vw,20px);font-weight:700;letter-spacing:-.01em}
.vr-spotlight-cards__card p{margin:0;color:var(--vr-mut);line-height:1.55;font-size:15px}
.vr-spotlight-cards__more{display:inline-flex;align-items:center;gap:6px;margin-top:8px;font-weight:600;font-size:14px;color:var(--vr-cyT)}
.vr-spotlight-cards__more svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .3s var(--vr-ease)}
.vr-spotlight-cards__card:hover .vr-spotlight-cards__more svg,.vr-spotlight-cards__card:focus-visible .vr-spotlight-cards__more svg{transform:translateX(4px)}
[data-vr-theme=light] .vr-spotlight-cards__card{box-shadow:0 1px 2px rgba(var(--vr-shadow),.06),0 10px 30px rgba(var(--vr-shadow),.06)}
@keyframes vr-spotlight-cards-draw{from{stroke-dashoffset:80}to{stroke-dashoffset:0}}
@media (prefers-reduced-motion:reduce){
  .vr-spotlight-cards__card,.vr-spotlight-cards__more svg{transition:none}
  .vr-spotlight-cards__card:hover{transform:none}
  .vr-spotlight-cards.is-drawing .vr-spotlight-cards__ic *{animation:none}
}
/* ---- glow-border-cards ---- */
@property --vr-glow-border-cards-angle{syntax:'<angle>';inherits:true;initial-value:0deg}
.vr-glow-border-cards{--vr-gb-a:#46d6ff;--vr-gb-b:#7b61ff;--vr-gb-c:#ff6f91;--vr-gb-halo:.55;
  max-width:1120px;margin:0 auto;padding:clamp(8px,2vw,24px) 0;display:grid;gap:clamp(26px,4vw,48px)}
[data-vr-theme=light] .vr-glow-border-cards{--vr-gb-a:#12a4d6;--vr-gb-b:#6a4bff;--vr-gb-c:#ef4d7a;--vr-gb-halo:.4}

.vr-glow-border-cards__head{text-align:center;max-width:720px;margin:0 auto;display:grid;justify-items:center;gap:12px}
.vr-glow-border-cards__eyebrow{margin:0;font-size:12.5px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--vr-cyT)}
.vr-glow-border-cards__title{margin:0;font-size:clamp(28px,4.6vw,48px);line-height:1.08;letter-spacing:-.025em;font-weight:700;text-wrap:balance}
.vr-glow-border-cards__sub{margin:0;color:var(--vr-mut);font-size:clamp(15px,1.4vw,17px);line-height:1.55}

/* prekidač mesečno / godišnje sa kliznom pilulom */
.vr-glow-border-cards__switch{--pw:0px;--pl:0px;position:relative;display:inline-flex;gap:4px;padding:4px;margin-top:8px;border-radius:999px;
  background:rgba(var(--vr-wash),.05);border:1px solid var(--vr-line2)}
.vr-glow-border-cards__pill{position:absolute;top:4px;bottom:4px;left:0;width:var(--pw);border-radius:999px;background:var(--vr-s3);
  transform:translateX(var(--pl));transition:transform .45s var(--vr-spring);box-shadow:0 2px 10px rgba(var(--vr-shadow),.25)}
[data-vr-theme=light] .vr-glow-border-cards__pill{background:var(--vr-s1);box-shadow:0 1px 2px rgba(var(--vr-shadow),.12),0 4px 14px rgba(var(--vr-shadow),.1)}
.vr-glow-border-cards:not(.is-js) .vr-glow-border-cards__pill{display:none}
.vr-glow-border-cards__opt{position:relative;z-index:1;display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 18px;border:0;border-radius:999px;
  background:transparent;color:var(--vr-mut);font-size:14.5px;font-weight:600;cursor:pointer;transition:color .25s}
.vr-glow-border-cards__opt[aria-pressed=true]{color:var(--vr-tx)}
.vr-glow-border-cards:not(.is-js) .vr-glow-border-cards__opt[aria-pressed=true]{background:var(--vr-s3)}
.vr-glow-border-cards__opt:hover{color:var(--vr-tx)}
.vr-glow-border-cards__opt:active{transform:scale(.97)}
.vr-glow-border-cards__save{padding:2px 7px;border-radius:999px;font-size:11.5px;font-weight:800;color:var(--vr-on-acc);background:var(--vr-gr)}

/* mreža: flex da treća kartica na tabletu stoji na sredini */
.vr-glow-border-cards__grid{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;align-items:stretch;gap:clamp(14px,2vw,22px)}
.vr-glow-border-cards__card{--vr-glow-border-cards-angle:0deg;position:relative;flex:1 1 280px;max-width:370px;border-radius:var(--vr-r-lg);isolation:isolate;
  animation:vr-glow-border-cards-spin 7s linear infinite}
.vr-glow-border-cards__card.is-featured{animation-duration:5s}
.vr-glow-border-cards.is-js .vr-glow-border-cards__card{animation:none}
/* snop na ivici: konusni gradijent, maska ostavlja samo okvir od 1.5px */
.vr-glow-border-cards__card::before,.vr-glow-border-cards__card::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:conic-gradient(from var(--vr-glow-border-cards-angle),transparent 0deg 245deg,var(--vr-gb-a) 300deg,var(--vr-gb-b) 338deg,transparent 360deg)}
.vr-glow-border-cards__card::before{z-index:2;padding:1.5px;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;
  mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}
/* oreol: isti snop, zamućen, iza kartice */
.vr-glow-border-cards__card::after{z-index:-1;inset:-2px;filter:blur(18px);opacity:calc(var(--vr-gb-halo) * .7)}
.vr-glow-border-cards__card.is-featured::before,.vr-glow-border-cards__card.is-featured::after{
  background:conic-gradient(from var(--vr-glow-border-cards-angle),transparent 0deg 95deg,var(--vr-gb-a) 140deg,var(--vr-gb-b) 172deg,transparent 180deg 275deg,var(--vr-gb-c) 320deg,var(--vr-gb-b) 352deg,transparent 360deg)}
.vr-glow-border-cards__card.is-featured::before{padding:2px}
.vr-glow-border-cards__card.is-featured::after{opacity:var(--vr-gb-halo);filter:blur(26px)}

.vr-glow-border-cards__body{position:relative;height:100%;display:flex;flex-direction:column;gap:14px;padding:clamp(22px,2.6vw,30px);border-radius:inherit;
  background:var(--vr-s1);border:1px solid var(--vr-line);
  transition:transform .45s var(--vr-ease)}
.vr-glow-border-cards__card.is-featured .vr-glow-border-cards__body{
  background:radial-gradient(120% 60% at 50% 0%,color-mix(in srgb,var(--vr-gb-b) 16%,var(--vr-s1)),var(--vr-s1) 70%);border-color:var(--vr-line2)}
.vr-glow-border-cards__card:hover .vr-glow-border-cards__body,.vr-glow-border-cards__card:focus-within .vr-glow-border-cards__body{transform:translateY(-4px)}
.vr-glow-border-cards__card:hover::before,.vr-glow-border-cards__card:hover::after,
.vr-glow-border-cards__card:focus-within::before,.vr-glow-border-cards__card:focus-within::after{transform:translateY(-4px)}
.vr-glow-border-cards__card::before,.vr-glow-border-cards__card::after{transition:transform .45s var(--vr-ease)}

.vr-glow-border-cards__top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px}
.vr-glow-border-cards__name{margin:0;font-size:20px;font-weight:700;letter-spacing:-.01em}
.vr-glow-border-cards__badge{padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700;color:var(--vr-on-acc);background:var(--vr-grad)}
.vr-glow-border-cards__desc{margin:0;color:var(--vr-mut);font-size:15px;line-height:1.5}
.vr-glow-border-cards__price{margin:4px 0 2px;display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 10px}
.vr-glow-border-cards__amt{display:inline-flex;align-items:flex-start;overflow:hidden;font-size:clamp(40px,4.4vw,52px);font-weight:700;letter-spacing:-.035em;line-height:1.05;font-variant-numeric:tabular-nums}
.vr-glow-border-cards__cur{font-size:.5em;margin:.18em .06em 0 0;color:var(--vr-mut);font-weight:600}
.vr-glow-border-cards__num{display:inline-block;transition:transform .45s var(--vr-ease),opacity .3s}
.vr-glow-border-cards__num.is-out{transform:translateY(-70%);opacity:0;transition-duration:.18s}
.vr-glow-border-cards__num.is-pre{transform:translateY(70%);opacity:0;transition:none}
.vr-glow-border-cards__per{color:var(--vr-mut);font-size:14px}
.vr-glow-border-cards__demo{display:inline-block;padding:2px 7px;border-radius:6px;font-size:11px;font-weight:800;letter-spacing:.08em;color:var(--vr-amT);
  border:1px solid color-mix(in srgb,var(--vr-am) 45%,transparent);background:color-mix(in srgb,var(--vr-am) 10%,transparent)}
.vr-glow-border-cards__feats{list-style:none;margin:4px 0 8px;padding:16px 0 0;display:grid;gap:11px;border-top:1px solid var(--vr-line);flex:1;align-content:start}
.vr-glow-border-cards__feats li{display:flex;align-items:flex-start;gap:10px;font-size:15px;line-height:1.4}
.vr-glow-border-cards__feats svg{flex:none;width:18px;height:18px;margin-top:1px;padding:3px;border-radius:50%;fill:none;stroke:var(--vr-cyT);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;
  background:color-mix(in srgb,var(--vr-cy) 14%,transparent)}
.vr-glow-border-cards__card.is-featured .vr-glow-border-cards__feats svg{stroke:var(--vr-viT);background:color-mix(in srgb,var(--vr-vi) 16%,transparent)}

.vr-glow-border-cards__cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 20px;border-radius:14px;
  font-size:15.5px;font-weight:600;text-decoration:none;color:var(--vr-tx);background:rgba(var(--vr-wash),.04);border:1px solid var(--vr-line2);
  transition:transform .3s var(--vr-ease),background-color .3s,border-color .3s,box-shadow .3s}
.vr-glow-border-cards__cta svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .3s var(--vr-ease)}
.vr-glow-border-cards__cta:hover{background:rgba(var(--vr-wash),.08);border-color:color-mix(in srgb,var(--vr-gb-a) 60%,transparent)}
.vr-glow-border-cards__cta:hover svg,.vr-glow-border-cards__cta:focus-visible svg{transform:translateX(4px)}
.vr-glow-border-cards__cta:active{transform:scale(.97)}
.vr-glow-border-cards__cta:focus-visible{outline:2px solid var(--vr-cy);outline-offset:3px;border-radius:14px}
.vr-glow-border-cards__cta--primary{border:0;color:var(--vr-on-acc);background:var(--vr-grad);box-shadow:0 10px 26px -10px color-mix(in srgb,var(--vr-vi) 80%,transparent)}
.vr-glow-border-cards__cta--primary:hover{background:var(--vr-grad);filter:brightness(1.08)}
.vr-glow-border-cards__note{margin:0;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;text-align:center;font-size:13px;color:var(--vr-mut)}

[data-vr-theme=light] .vr-glow-border-cards__body{box-shadow:0 1px 2px rgba(var(--vr-shadow),.06),0 14px 40px -12px rgba(var(--vr-shadow),.14)}
[data-vr-theme=light] .vr-glow-border-cards__card.is-featured .vr-glow-border-cards__body{
  background:radial-gradient(120% 60% at 50% 0%,color-mix(in srgb,var(--vr-gb-b) 9%,var(--vr-s1)),var(--vr-s1) 70%);
  box-shadow:0 1px 2px rgba(var(--vr-shadow),.08),0 24px 60px -18px color-mix(in srgb,var(--vr-gb-b) 35%,transparent)}

@media (min-width:1000px){
  .vr-glow-border-cards__card.is-featured{transform:translateY(-10px)}
}
@keyframes vr-glow-border-cards-spin{to{--vr-glow-border-cards-angle:360deg}}
@media (prefers-reduced-motion:reduce){
  .vr-glow-border-cards__card{animation:none;--vr-glow-border-cards-angle:200deg}
  .vr-glow-border-cards__body,.vr-glow-border-cards__card::before,.vr-glow-border-cards__card::after,.vr-glow-border-cards__num,.vr-glow-border-cards__pill,.vr-glow-border-cards__cta,.vr-glow-border-cards__cta svg{transition:none}
  .vr-glow-border-cards__card:hover .vr-glow-border-cards__body,.vr-glow-border-cards__card:focus-within .vr-glow-border-cards__body,
  .vr-glow-border-cards__card:hover::before,.vr-glow-border-cards__card:hover::after,.vr-glow-border-cards__card:focus-within::before,.vr-glow-border-cards__card:focus-within::after{transform:none}
}
/* ---- sticky-timeline ---- */
.vr-sticky-timeline{--vr-stl-line:.55;--vr-stl-acc:var(--vr-cy);--vr-stl-accT:var(--vr-cyT);--vr-stl-node:56px;
  container-type:inline-size;position:relative;max-width:1160px;margin:0 auto;padding:0 clamp(16px,4vw,40px)}
.vr-sticky-timeline__intro{min-height:58vh;display:grid;align-content:center;justify-items:center;gap:16px;text-align:center;padding:clamp(48px,10vh,120px) 0 clamp(24px,6vh,64px)}
.vr-sticky-timeline__eyebrow{margin:0;font-size:12.5px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--vr-cyT)}
.vr-sticky-timeline__title{margin:0;max-width:16ch;font-size:clamp(32px,5.4vw,68px);line-height:1.04;letter-spacing:-.035em;font-weight:700;text-wrap:balance}
.vr-sticky-timeline__hint{margin:10px 0 0;display:inline-flex;align-items:center;gap:10px;color:var(--vr-mut);font-size:14px;font-weight:600}
.vr-sticky-timeline__hint svg{width:18px;height:18px;fill:none;stroke:var(--vr-cyT);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;animation:vr-sticky-timeline-nudge 1.8s var(--vr-ease) infinite}
/* lepljiva oznaka trenutnog koraka */
.vr-sticky-timeline__pill{position:sticky;top:14px;z-index:3;width:max-content;max-width:100%;margin:0 auto clamp(24px,5vh,48px);display:flex;align-items:center;gap:12px;
  padding:8px 16px 8px 8px;border-radius:99px;background:var(--vr-glass);border:1px solid var(--vr-line2);
  backdrop-filter:blur(14px) saturate(1.3);-webkit-backdrop-filter:blur(14px) saturate(1.3);box-shadow:0 10px 30px rgba(var(--vr-shadow),.25);font-size:14px;font-weight:600}
.vr-sticky-timeline__pill-k{display:inline-flex;align-items:baseline;gap:4px;padding:5px 11px;border-radius:99px;background:var(--vr-grad);color:var(--vr-on-acc);
  font:700 12px/1.2 var(--vr-mono);letter-spacing:.06em;text-transform:uppercase}
.vr-sticky-timeline__cur{font-weight:800}
.vr-sticky-timeline__of{opacity:.75}
.vr-sticky-timeline__pill-name{white-space:nowrap}
.vr-sticky-timeline__body{position:relative}
.vr-sticky-timeline__line{--p:1;--h:0px;position:absolute;left:calc(var(--vr-stl-node) / 2 - 1px);top:calc(var(--vr-stl-node) / 2);bottom:0;width:2px;border-radius:2px;background:var(--vr-line2)}
.vr-sticky-timeline__fill{position:absolute;inset:0;border-radius:inherit;background:linear-gradient(var(--vr-cy),var(--vr-vi));transform-origin:top;transform:scaleY(var(--p))}
.vr-sticky-timeline__head{position:absolute;left:50%;top:0;width:12px;height:12px;border-radius:50%;background:var(--vr-stl-acc);opacity:0;
  box-shadow:0 0 0 4px color-mix(in srgb,var(--vr-stl-acc) 22%,transparent),0 0 22px var(--vr-stl-acc);
  transform:translate(-50%,-50%) translateY(calc(var(--p) * var(--h)))}
.vr-sticky-timeline.is-js .vr-sticky-timeline__head{opacity:1}
.vr-sticky-timeline__list{list-style:none;margin:0;padding:0;display:grid}
.vr-sticky-timeline__step{position:relative;display:grid;grid-template-columns:var(--vr-stl-node) 1fr;column-gap:clamp(14px,3vw,24px);align-items:start;padding-bottom:clamp(44px,12vh,120px)}
.vr-sticky-timeline__step:last-child{padding-bottom:0}
.vr-sticky-timeline__node{position:relative;z-index:1;grid-column:1;grid-row:1;width:var(--vr-stl-node);height:var(--vr-stl-node);border-radius:50%;display:grid;place-items:center;
  background:var(--vr-s1);border:1px solid var(--vr-line2);transition:border-color .5s,box-shadow .5s,transform .6s var(--vr-spring)}
.vr-sticky-timeline__ic{width:26px;height:26px;fill:none;stroke:var(--vr-stl-accT);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;overflow:visible;transition:stroke .4s}
.vr-sticky-timeline__ic *{transform-box:view-box}
.vr-sticky-timeline__card{grid-column:2;grid-row:1;display:grid;gap:10px;padding:clamp(20px,2.4vw,28px);border-radius:var(--vr-r-lg);background:var(--vr-s1);border:1px solid var(--vr-line);
  transition:opacity .6s var(--vr-ease),transform .7s var(--vr-ease),border-color .5s,box-shadow .5s}
.vr-sticky-timeline__when{margin:0;display:flex;align-items:center;gap:10px;font:600 12.5px/1.2 var(--vr-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--vr-stl-accT)}
.vr-sticky-timeline__num{padding:3px 7px;border-radius:6px;border:1px solid color-mix(in srgb,var(--vr-stl-accT) 40%,transparent)}
.vr-sticky-timeline__card h3{margin:0;font-size:clamp(22px,2.4vw,30px);line-height:1.15;letter-spacing:-.02em;font-weight:700}
.vr-sticky-timeline__desc{margin:0;color:var(--vr-mut);font-size:15.5px;line-height:1.6}
.vr-sticky-timeline__out{margin:4px 0 0;display:flex;align-items:center;gap:10px;padding-top:14px;border-top:1px solid var(--vr-line);font-size:14px;font-weight:600}
.vr-sticky-timeline__out svg{flex:none;width:18px;height:18px;padding:3px;border-radius:50%;fill:none;stroke:var(--vr-on-acc);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;background:var(--vr-gr)}
.vr-sticky-timeline__outro{display:grid;justify-items:center;gap:14px;text-align:center;padding:clamp(72px,22vh,220px) 0 clamp(60px,16vh,160px)}
.vr-sticky-timeline__outro p{margin:0;max-width:30ch;font-size:clamp(20px,2.4vw,28px);font-weight:600;letter-spacing:-.015em;line-height:1.3}
.vr-sticky-timeline__sample{padding:5px 12px;border-radius:99px;font:700 11.5px/1.2 var(--vr-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--vr-amT);border:1px dashed color-mix(in srgb,var(--vr-amT) 55%,transparent)}
/* JS aktivno: neaktivni koraci su prigušeni, aktivni se pale */
.vr-sticky-timeline.is-js .vr-sticky-timeline__card{opacity:.38;transform:translateY(22px) scale(.975)}
.vr-sticky-timeline.is-js .vr-sticky-timeline__ic{stroke:var(--vr-mut)}
.vr-sticky-timeline.is-js .vr-sticky-timeline__ic *{stroke-dasharray:80;stroke-dashoffset:80;transition:stroke-dashoffset 1.3s var(--vr-ease)}
.vr-sticky-timeline.is-js .vr-sticky-timeline__step.is-active .vr-sticky-timeline__card{opacity:1;transform:none;border-color:color-mix(in srgb,var(--vr-stl-accT) 38%,transparent);
  box-shadow:0 0 0 1px color-mix(in srgb,var(--vr-stl-acc) 10%,transparent),0 24px 60px -24px color-mix(in srgb,var(--vr-stl-acc) 40%,transparent)}
.vr-sticky-timeline.is-js .vr-sticky-timeline__step.is-active .vr-sticky-timeline__node{border-color:var(--vr-stl-accT);transform:scale(1.06);
  box-shadow:0 0 0 6px color-mix(in srgb,var(--vr-stl-acc) 12%,transparent),0 0 28px color-mix(in srgb,var(--vr-stl-acc) 35%,transparent)}
.vr-sticky-timeline.is-js .vr-sticky-timeline__step.is-active .vr-sticky-timeline__ic{stroke:var(--vr-stl-accT)}
.vr-sticky-timeline.is-js .vr-sticky-timeline__step.is-active .vr-sticky-timeline__ic *{stroke-dashoffset:0}
/* male petlje ikonica — samo na aktivnom koraku */
.vr-sticky-timeline__step.is-active .vr-sticky-timeline__dot{animation:vr-sticky-timeline-hop 1.2s var(--vr-ease) infinite}
.vr-sticky-timeline__step.is-active .vr-sticky-timeline__dot:nth-of-type(2){animation-delay:.15s}
.vr-sticky-timeline__step.is-active .vr-sticky-timeline__dot:nth-of-type(3){animation-delay:.3s}
.vr-sticky-timeline__scan{transform-origin:10.5px 10.5px}
.vr-sticky-timeline__step.is-active .vr-sticky-timeline__scan{animation:vr-sticky-timeline-spin 1.8s linear infinite}
.vr-sticky-timeline__step.is-active .vr-sticky-timeline__l1{animation:vr-sticky-timeline-up 1.6s var(--vr-ease) infinite alternate}
.vr-sticky-timeline__step.is-active .vr-sticky-timeline__l3{animation:vr-sticky-timeline-down 1.6s var(--vr-ease) infinite alternate}
.vr-sticky-timeline__reel{transform-origin:12px 12px}
.vr-sticky-timeline__step.is-active .vr-sticky-timeline__reel{animation:vr-sticky-timeline-spin 3.2s linear infinite}
.vr-sticky-timeline__step.is-active .vr-sticky-timeline__rocket{animation:vr-sticky-timeline-up 1s var(--vr-ease) infinite alternate}
.vr-sticky-timeline__flame{transform-origin:12px 18.5px}
.vr-sticky-timeline__step.is-active .vr-sticky-timeline__flame{animation:vr-sticky-timeline-flame .35s linear infinite alternate}
[data-vr-theme=light] .vr-sticky-timeline__card{box-shadow:0 1px 2px rgba(var(--vr-shadow),.05),0 12px 32px rgba(var(--vr-shadow),.06)}
[data-vr-theme=light] .vr-sticky-timeline__pill{box-shadow:0 10px 30px rgba(var(--vr-shadow),.12)}
[data-vr-theme=light] .vr-sticky-timeline__out svg{background:var(--vr-grT);stroke:var(--vr-s1)}
@container (min-width:860px){
  .vr-sticky-timeline__line{left:calc(50% - 1px)}
  .vr-sticky-timeline__step{grid-template-columns:1fr var(--vr-stl-node) 1fr;column-gap:clamp(24px,4cqi,56px)}
  .vr-sticky-timeline__node{grid-column:2}
  .vr-sticky-timeline__card{grid-column:3;max-width:460px}
  .vr-sticky-timeline__step:nth-child(even) .vr-sticky-timeline__card{grid-column:1;justify-self:end}
}
@keyframes vr-sticky-timeline-nudge{0%,100%{transform:translateY(-2px)}50%{transform:translateY(3px)}}
@keyframes vr-sticky-timeline-hop{0%,60%,100%{transform:translateY(0)}30%{transform:translateY(-2px)}}
@keyframes vr-sticky-timeline-spin{to{transform:rotate(360deg)}}
@keyframes vr-sticky-timeline-up{from{transform:translateY(0)}to{transform:translateY(-1.6px)}}
@keyframes vr-sticky-timeline-down{from{transform:translateY(0)}to{transform:translateY(1.6px)}}
@keyframes vr-sticky-timeline-flame{from{transform:scaleY(.7);opacity:.6}to{transform:scaleY(1.2);opacity:1}}
@media (prefers-reduced-motion:reduce){
  .vr-sticky-timeline__hint svg{animation:none}
  .vr-sticky-timeline__card,.vr-sticky-timeline__node,.vr-sticky-timeline__ic,.vr-sticky-timeline.is-js .vr-sticky-timeline__ic *{transition:none}
  .vr-sticky-timeline__step.is-active .vr-sticky-timeline__ic *{animation:none}
  .vr-sticky-timeline.is-js .vr-sticky-timeline__step.is-active .vr-sticky-timeline__node{transform:none}
}
/* ---- number-ticker ---- */
.vr-number-ticker{--vr-number-ticker-h:1.12em;
  container-type:inline-size;max-width:1180px;margin:0 auto;padding:clamp(4px,1.5vw,16px) 0;display:grid;gap:clamp(22px,3vw,36px)}
.vr-number-ticker__head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px 24px}
.vr-number-ticker__heading{display:grid;gap:10px}
.vr-number-ticker__eyebrow{margin:0;font-size:12.5px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--vr-cyT)}
.vr-number-ticker__title{margin:0;font-size:clamp(28px,4.4vw,48px);line-height:1.06;letter-spacing:-.03em;font-weight:700;text-wrap:balance}
.vr-number-ticker__meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.vr-number-ticker__demo{display:inline-flex;align-items:center;min-height:30px;padding:0 12px;border-radius:99px;font:700 11.5px/1 var(--vr-mono);letter-spacing:.14em;text-transform:uppercase;
  color:var(--vr-amT);border:1px dashed color-mix(in srgb,var(--vr-amT) 55%,transparent);background:color-mix(in srgb,var(--vr-am) 8%,transparent)}
.vr-number-ticker__replay{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 16px 0 13px;border-radius:12px;cursor:pointer;
  border:1px solid var(--vr-line2);background:rgba(var(--vr-wash),.03);font-size:14px;font-weight:600;transition:border-color .3s,transform .2s var(--vr-spring)}
.vr-number-ticker__replay svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .6s var(--vr-ease)}
.vr-number-ticker__replay:hover{border-color:color-mix(in srgb,var(--vr-cyT) 50%,transparent)}
.vr-number-ticker__replay:hover svg,.vr-number-ticker__replay:focus-visible svg{transform:rotate(-200deg)}
.vr-number-ticker__replay:active{transform:scale(.96)}
.vr-number-ticker__grid{list-style:none;margin:0;padding:0;display:grid;gap:clamp(12px,1.4vw,16px);grid-template-columns:1fr}
@container (min-width:520px){.vr-number-ticker__grid{grid-template-columns:repeat(2,1fr)}}
@container (min-width:900px){.vr-number-ticker__grid{grid-template-columns:repeat(4,1fr)}}
.vr-number-ticker__tile{--vr-number-ticker-acc:var(--vr-cy);--vr-number-ticker-accT:var(--vr-cyT);
  position:relative;isolation:isolate;overflow:hidden;display:grid;gap:12px;align-content:start;padding:clamp(20px,2.2vw,28px);border-radius:var(--vr-r-lg);
  background:var(--vr-s1);border:1px solid var(--vr-line);transition:transform .45s var(--vr-ease),border-color .3s}
.vr-number-ticker__tile::before{content:"";position:absolute;z-index:-1;inset:-40% -30% auto auto;width:70%;aspect-ratio:1;border-radius:50%;pointer-events:none;
  background:radial-gradient(closest-side,color-mix(in srgb,var(--vr-number-ticker-acc) 18%,transparent),transparent)}
.vr-number-ticker__tile:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--vr-number-ticker-accT) 35%,transparent)}
.vr-number-ticker__tile--gr{--vr-number-ticker-acc:var(--vr-gr);--vr-number-ticker-accT:var(--vr-grT)}
.vr-number-ticker__tile--vi{--vr-number-ticker-acc:var(--vr-vi);--vr-number-ticker-accT:var(--vr-viT)}
.vr-number-ticker__tile--am{--vr-number-ticker-acc:var(--vr-am);--vr-number-ticker-accT:var(--vr-amT)}
.vr-number-ticker__label{margin:0;display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--vr-mut)}
.vr-number-ticker__label::before{content:"";flex:none;width:8px;height:8px;border-radius:50%;background:var(--vr-number-ticker-acc);box-shadow:0 0 12px var(--vr-number-ticker-acc)}
.vr-number-ticker__num{margin:0;display:flex;align-items:flex-start;font-size:clamp(38px,3.9vw,58px);line-height:var(--vr-number-ticker-h);font-weight:700;letter-spacing:-.03em;
  font-variant-numeric:tabular-nums;white-space:nowrap}
.vr-number-ticker__odo{display:inline-flex;align-items:flex-start}
.vr-number-ticker__col{display:inline-block;height:var(--vr-number-ticker-h);overflow:hidden;
  -webkit-mask:linear-gradient(transparent,#000 14%,#000 86%,transparent);mask:linear-gradient(transparent,#000 14%,#000 86%,transparent)}
.vr-number-ticker__strip{display:flex;flex-direction:column;transform:translateY(calc(var(--pos,0) * var(--vr-number-ticker-h) * -1));
  transition:transform var(--dur,1.8s) cubic-bezier(.12,.9,.18,1) var(--delay,0s)}
.vr-number-ticker__strip>span{display:block;height:var(--vr-number-ticker-h);text-align:center}
.vr-number-ticker__col.is-roll{animation:vr-number-ticker-blur var(--dur,1.8s) var(--vr-ease) var(--delay,0s) both}
.vr-number-ticker.is-reset .vr-number-ticker__strip,.vr-number-ticker.is-reset .vr-number-ticker__meter i{transition:none}
.vr-number-ticker__sep{display:inline-block}
.vr-number-ticker__suf{margin-left:.04em;color:var(--vr-number-ticker-accT)}
.vr-number-ticker__suf--sm{font-size:.5em;line-height:1.6;align-self:flex-start;margin-left:.1em;color:var(--vr-mut)}
.vr-number-ticker__meter{display:block;height:4px;border-radius:4px;background:rgba(var(--vr-wash),.08);overflow:hidden}
.vr-number-ticker__meter i{display:block;height:100%;border-radius:inherit;transform-origin:left;transform:scaleX(var(--fill,1));
  background:linear-gradient(90deg,color-mix(in srgb,var(--vr-number-ticker-acc) 50%,transparent),var(--vr-number-ticker-acc));
  transition:transform 1.9s cubic-bezier(.12,.9,.18,1) var(--delay,0s)}
.vr-number-ticker__note{margin:0;color:var(--vr-mut);font-size:14px;line-height:1.5}
[data-vr-theme=light] .vr-number-ticker__tile{box-shadow:0 1px 2px rgba(var(--vr-shadow),.06),0 12px 34px rgba(var(--vr-shadow),.07)}
[data-vr-theme=light] .vr-number-ticker__meter i{background:linear-gradient(90deg,color-mix(in srgb,var(--vr-number-ticker-accT) 45%,transparent),var(--vr-number-ticker-accT))}
[data-vr-theme=light] .vr-number-ticker__label::before{background:var(--vr-number-ticker-accT);box-shadow:none}
[data-vr-theme=light] .vr-number-ticker__replay{background:var(--vr-s1)}
@keyframes vr-number-ticker-blur{0%{filter:blur(0)}15%{filter:blur(1.6px)}70%{filter:blur(.4px)}100%{filter:blur(0)}}
@media (prefers-reduced-motion:reduce){
  .vr-number-ticker__strip,.vr-number-ticker__meter i,.vr-number-ticker__tile,.vr-number-ticker__replay svg{transition:none}
  .vr-number-ticker__col.is-roll{animation:none}
  .vr-number-ticker__tile:hover{transform:none}
}
/* ---- copy-field ---- */
.vr-copy-field{--vr-copy-field-ok:#8cff8c;--vr-copy-field-sweep:rgba(70,214,255,.28);
  position:relative;container-type:inline-size;max-width:640px;margin:0 auto;padding:clamp(20px,3.4vw,34px);display:grid;gap:clamp(18px,2.4vw,24px);
  border-radius:var(--vr-r-lg);background:var(--vr-s1);border:1px solid var(--vr-line);isolation:isolate;overflow:hidden;
  box-shadow:0 30px 80px -40px rgba(var(--vr-shadow),.8)}
[data-vr-theme=light] .vr-copy-field{--vr-copy-field-ok:#1f9d55;--vr-copy-field-sweep:rgba(10,120,170,.16);box-shadow:0 1px 2px rgba(var(--vr-shadow),.06),0 24px 60px -24px rgba(var(--vr-shadow),.28)}
.vr-copy-field::before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,var(--vr-cy),var(--vr-vi),transparent);opacity:.8}
.vr-copy-field::after{content:"";position:absolute;z-index:-1;top:-40%;right:-20%;width:70%;aspect-ratio:1;border-radius:50%;
  background:radial-gradient(circle,color-mix(in srgb,var(--vr-vi) 18%,transparent),transparent 65%);pointer-events:none}

.vr-copy-field__head{display:flex;align-items:center;gap:14px}
.vr-copy-field__badge{display:grid;place-items:center;flex:none;width:46px;height:46px;border-radius:14px;background:rgba(var(--vr-wash),.05);box-shadow:inset 0 0 0 1px var(--vr-line2)}
.vr-copy-field__badge svg{width:22px;height:22px;fill:none;stroke:var(--vr-cyT);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.vr-copy-field__ht{display:grid;gap:4px;min-width:0}
.vr-copy-field__eyebrow{margin:0;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--vr-cyT)}
.vr-copy-field__title{margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;font-size:clamp(22px,3.4vw,28px);font-weight:700;letter-spacing:-.02em;line-height:1.1}
.vr-copy-field__sample{padding:5px 8px;border-radius:7px;font-size:11px;font-weight:700;letter-spacing:.14em;color:var(--vr-amT);box-shadow:inset 0 0 0 1px currentColor;line-height:1}
.vr-copy-field__sub{margin:-6px 0 0;color:var(--vr-mut);font-size:15px;line-height:1.55}

.vr-copy-field__group{display:grid;gap:8px}
.vr-copy-field__lrow{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 12px}
.vr-copy-field__label{font-size:14px;font-weight:700}
.vr-copy-field__chip{padding:4px 9px;border-radius:999px;font-size:12px;font-weight:600;color:var(--vr-mut);background:var(--vr-s2);box-shadow:inset 0 0 0 1px var(--vr-line)}
.vr-copy-field__field{position:relative;display:flex;align-items:center;gap:6px;padding:5px;border-radius:14px;background:var(--vr-s2);
  box-shadow:inset 0 0 0 1px var(--vr-line2);overflow:hidden;transition:box-shadow .25s}
.vr-copy-field__field:focus-within{box-shadow:inset 0 0 0 1.5px var(--vr-cyT)}
.vr-copy-field__field::after{content:"";position:absolute;inset:0;width:45%;pointer-events:none;opacity:0;
  background:linear-gradient(100deg,transparent,var(--vr-copy-field-sweep),transparent);transform:translateX(-120%)}
.vr-copy-field__field.is-flash::after{animation:vr-copy-field-sweep .9s var(--vr-ease)}
.vr-copy-field__input{flex:1 1 auto;min-width:0;height:44px;padding:0 10px;border:0;border-radius:10px;background:transparent;color:var(--vr-tx);
  font:500 clamp(13px,2.4vw,15px) var(--vr-mono);letter-spacing:.02em;text-overflow:ellipsis}
.vr-copy-field__input:focus{outline:none}
.vr-copy-field__input::selection{background:color-mix(in srgb,var(--vr-cy) 35%,transparent)}
.vr-copy-field__input--link{padding-left:2px;font-family:var(--vr-font);font-weight:500}
.vr-copy-field__lead{display:grid;place-items:center;flex:none;width:34px;height:44px;color:var(--vr-mut)}
.vr-copy-field__lead svg,.vr-copy-field__access svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

.vr-copy-field .vr-copy-field__btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:none;min-width:44px;height:44px;padding:0 12px;
  border:0;border-radius:10px;background:var(--vr-s1);color:var(--vr-tx);box-shadow:inset 0 0 0 1px var(--vr-line2);cursor:pointer;
  font-size:14px;font-weight:600;transition:transform .2s var(--vr-ease),box-shadow .25s,background-color .25s,color .25s}
.vr-copy-field .vr-copy-field__btn:hover{box-shadow:inset 0 0 0 1px var(--vr-cyT)}
.vr-copy-field .vr-copy-field__btn:active{transform:scale(.93)}
.vr-copy-field .vr-copy-field__btn:focus-visible{outline:2px solid var(--vr-cy);outline-offset:2px;border-radius:10px}
.vr-copy-field__btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.vr-copy-field .vr-copy-field__copy{padding:0 14px 0 12px;background:linear-gradient(102deg,var(--vr-cy),var(--vr-vi));color:var(--vr-on-acc);box-shadow:none}
.vr-copy-field .vr-copy-field__copy:hover{box-shadow:0 6px 18px -6px var(--vr-vi)}
.vr-copy-field .vr-copy-field__copy.is-copied{background:var(--vr-copy-field-ok);color:var(--vr-on-acc)}
.vr-copy-field__ico{position:relative;width:18px;height:18px}
.vr-copy-field__ico svg{position:absolute;inset:0;transition:transform .45s var(--vr-spring),opacity .2s}
.vr-copy-field__i-ok{opacity:0}
.vr-copy-field__i-ok path{stroke-width:2.6;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .35s .1s var(--vr-ease)}
.vr-copy-field__copy.is-copied .vr-copy-field__i-copy{opacity:0;transform:rotate(-90deg) scale(.4)}
.vr-copy-field__copy.is-copied .vr-copy-field__i-ok{opacity:1}
.vr-copy-field__copy.is-copied .vr-copy-field__i-ok path{stroke-dashoffset:0}
.vr-copy-field__slash{stroke-dasharray:1;stroke-dashoffset:0;transition:stroke-dashoffset .3s var(--vr-ease)}
.vr-copy-field__eye[aria-pressed=true] .vr-copy-field__slash{stroke-dashoffset:1}
.vr-copy-field__eye[aria-pressed=true]{color:var(--vr-cyT)}
@container (max-width:420px){
  .vr-copy-field__bt{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
  .vr-copy-field .vr-copy-field__copy{padding:0 12px}
}

.vr-copy-field__help{margin:0;font-size:13px;line-height:1.5;color:var(--vr-mut)}
.vr-copy-field__access{display:flex;align-items:center;gap:8px}
.vr-copy-field__access svg{width:16px;height:16px;flex:none;color:var(--vr-grT)}

@keyframes vr-copy-field-sweep{0%{opacity:1;transform:translateX(-120%)}100%{opacity:1;transform:translateX(260%)}}
@media (prefers-reduced-motion:reduce){
  .vr-copy-field .vr-copy-field__btn,.vr-copy-field__ico svg,.vr-copy-field__i-ok path,.vr-copy-field__slash,.vr-copy-field__field{transition:none}
  .vr-copy-field__field.is-flash::after{animation:none}
  .vr-copy-field__copy.is-copied .vr-copy-field__i-copy{transform:none}
}