/* ---------- v4: sekcija ispod hero-a ---------- */
.framer-k6fu3v-container{order:-30}
[data-framer-name="Hero Section"]{order:-20}
#vv-v4{order:-10}

#vv-v4{
  --ink:#141a16; --ink-2:#3c463f; --muted:#5f6a63;
  --green:#00ab54; --red:#e11d48;
  --paper:#ffffff; --line:rgba(20,26,22,.12);
  --display:"Inter Display",Inter,system-ui,sans-serif;
  --sans:Inter,"Inter Display",system-ui,sans-serif;
  width:100%; font-family:var(--sans); color:var(--ink);
}
#vv-v4 *,#vv-v4 *::before,#vv-v4 *::after{box-sizing:border-box}
#vv-v4 .vv-sec{max-width:1120px;margin:0 auto;padding:72px 24px 96px}

/* naslov + podnaslov + strelica */
#vv-v4 .vv-head{text-align:center;max-width:760px;margin:0 auto 40px}
#vv-v4 h2{font-family:var(--display);font-weight:700;font-size:46px;line-height:1.08;letter-spacing:-.03em;margin:0 0 12px;text-wrap:balance}
#vv-v4 .vv-sub{font-family:var(--display);font-weight:600;font-size:26px;line-height:1.2;letter-spacing:-.02em;color:var(--red);margin:0}
#vv-v4 .vv-arrow{display:block;width:22px;height:32px;margin:18px auto 0}

/* kartice */
#vv-v4 .vv-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;align-items:start;padding-top:16px}
#vv-v4 .vv-card{position:relative;background:var(--paper);border:1px solid var(--line);border-radius:22px;padding:0;overflow:visible;box-shadow:0 18px 40px -26px rgba(20,26,22,.35);text-align:center}
#vv-v4 .vv-badge{position:absolute;top:-16px;left:50%;transform:translateX(-50%);min-width:56px;height:32px;padding:0 14px;border-radius:50px;background:var(--ink);color:#fff;font-family:var(--sans);font-weight:800;font-size:14px;letter-spacing:.1em;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 16px -8px rgba(20,26,22,.6);z-index:2}
#vv-v4 .vv-card h3{font-family:var(--display);font-weight:700;font-size:21px;line-height:1.2;letter-spacing:-.02em;margin:0;padding:38px 22px 20px;min-height:7.6em;display:flex;align-items:center;justify-content:center;background:#fafbfa;border-bottom:1px solid var(--line);border-radius:22px 22px 0 0;text-wrap:balance}
#vv-v4 figure{position:relative;margin:0;padding:16px 16px 18px;background:#fff;border-radius:0 0 22px 22px}
#vv-v4 figure img{display:block;width:100%;height:auto;aspect-ratio:430/316;object-fit:cover;border-radius:12px}

/* sekcija: najgori potez + krug (ista kartica kao gore: siva traka za naslov, bela za sliku) */
#vv-v4 .vv-sec-krug{padding-top:0;text-align:center}
#vv-v4 .vv-sec-krug h2{max-width:820px;margin:0 auto 32px}
#vv-v4 .vv-sec-krug h2 em{font-style:normal;color:var(--red)}
#vv-v4 .vv-sec-krug h2 .vv-br{display:none}
#vv-v4 .vv-krug h3 em{font-style:normal;color:var(--green)}
#vv-v4 .vv-krug{background:var(--paper);border:1px solid var(--line);border-radius:22px;box-shadow:0 18px 40px -26px rgba(20,26,22,.35);max-width:640px;margin:0 auto;padding:0;overflow:hidden}
#vv-v4 .vv-krug h3{font-family:var(--display);font-weight:700;font-size:24px;line-height:1.2;letter-spacing:-.02em;margin:0;padding:24px 28px;background:#fafbfa;border-bottom:1px solid var(--line);text-wrap:balance}
#vv-v4 .vv-krug figure{margin:0;padding:24px 28px 28px;background:#fff}
#vv-v4 .vv-krug img{display:block;width:100%;max-width:480px;height:auto;aspect-ratio:1/1;object-fit:contain;border-radius:0;margin:0 auto}

/* sekcija: nedostaju ti finansije (samo naslov) + strelica od upitnika */
#vv-v4{position:relative}
#vv-v4 .vv-sec-fin{padding-top:96px;padding-bottom:0;text-align:center}
#vv-v4 .vv-sec-fin h2{max-width:900px;margin:0 auto;line-height:1.22} /* malo veći prored da okvir oko reči ne dodiruje red ispod */
#vv-v4 .vv-sec-fin h2 em{font-style:normal;color:var(--green)}
/* okvir oko reči: ivice okvira = ivice span-a (slova su .14em unutra), susedne reči odmaknute margin-om */
#vv-v4 .vv-circle{position:relative;display:inline-block;padding:0 .2em;margin:0 .12em;color:var(--ink);isolation:isolate;line-height:1}
#vv-v4 .vv-circle svg{position:absolute;left:0;top:-.16em;width:100%;height:calc(100% + .32em);overflow:visible;pointer-events:none;z-index:-1}
#vv-v4-arrow2{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:3;overflow:visible}

/* sekcija: tri osnovna broja — tri vodoravna vidžeta, slika levo/desno naizmenično */
#vv-v4 .vv-sec-brojevi{padding-top:28px;text-align:center}
#vv-v4 .vv-lead{font-size:20px;line-height:1.4;color:var(--ink-2);margin:0 auto 22px;max-width:none}
#vv-v4 .vv-brojevi{max-width:760px;margin:0 auto;display:grid;gap:18px}
#vv-v4 .vv-broj{display:grid;grid-template-columns:44% 1fr;align-items:center;gap:0;background:var(--paper);border:1px solid var(--line);border-radius:22px;box-shadow:0 18px 40px -26px rgba(20,26,22,.35);overflow:hidden;text-align:left}
#vv-v4 .vv-broj.vv-flip{grid-template-columns:1fr 44%}
#vv-v4 .vv-broj.vv-flip figure{order:2}
#vv-v4 .vv-broj figure{margin:0;background:#fff;aspect-ratio:430/316}
#vv-v4 .vv-broj figure img{display:block;width:100%;height:100%;object-fit:cover;aspect-ratio:auto;border-radius:0}
#vv-v4 .vv-broj-txt{padding:28px 32px}
#vv-v4 .vv-broj h3{font-family:var(--display);font-weight:700;font-size:28px;line-height:1.1;letter-spacing:-.025em;margin:0 0 8px;color:var(--ink)}
#vv-v4 .vv-broj p{font-family:var(--sans);font-weight:400;font-size:18px;line-height:1.4;color:var(--ink-2);margin:0;max-width:none}
#vv-v4 .vv-broj h3 .vv-br{display:none}

/* sekcija: pitch — strelica iznad + tamni vidžet */
#vv-v4 .vv-sec-pitch{padding-top:0;text-align:center}
#vv-v4 .vv-arrows3{display:block;width:280px;height:auto;margin:-56px auto 20px} /* uvučeno u donji padding sekcije sa karticama */
#vv-v4 .vv-pitch{background:var(--ink);color:#fff;border-radius:28px;max-width:760px;margin:0 auto;padding:64px 48px 56px;box-shadow:0 18px 40px -26px rgba(20,26,22,.5)}
#vv-v4 .vv-pitch-intro{font-family:var(--display);font-weight:600;font-size:19px;line-height:1.3;letter-spacing:.01em;color:rgba(255,255,255,.82);margin:0 0 20px;max-width:none}
#vv-v4 .vv-pitch h2{color:#fff;margin:0 auto 44px;max-width:600px;line-height:1.1}
#vv-v4 .vv-pitch h2 em{font-style:normal;color:#5fe39a}
#vv-v4 .vv-pitch-card{max-width:500px;margin:0 auto;background:#fff;border-radius:20px;overflow:hidden;text-align:center}
#vv-v4 .vv-pitch-card h3{font-family:var(--display);font-weight:700;font-size:22px;line-height:1.2;letter-spacing:-.02em;margin:0;padding:22px 24px;background:#fafbfa;border-bottom:1px solid var(--line);color:var(--ink)}
#vv-v4 .vv-pitch-card figure{margin:0;padding:26px;background:#fff}
#vv-v4 .vv-pitch-card figure img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:contain}

/* CTA dugme (isto kao na ostalim sekcijama) + pulsiranje */
#vv-v4 button.vv-cta{background:#00ab54 !important;color:#fff !important;border:0;border-radius:50px;padding:18px 34px;margin-top:28px;font-family:Inter,"Inter Display",system-ui,sans-serif !important;font-weight:800 !important;font-size:17px;letter-spacing:.01em;text-transform:uppercase;cursor:pointer;box-shadow:0 10px 28px -10px rgba(0,171,84,.7) !important;transition:transform .2s cubic-bezier(.2,.8,.2,1),filter .2s}
#vv-v4 button.vv-cta:hover{transform:translateY(-2px);filter:brightness(1.05)}
/* dugme ispod tamnog vidžeta, iste mere kao hero dugme (400px, 18px, padding 16/24) */
#vv-v4 button.vv-cta-hero{width:400px;max-width:100%;padding:16px 24px;font-size:18px;line-height:18px;letter-spacing:.18px;margin-top:36px;box-shadow:0 0 20px rgba(0,171,84,.45) !important}
#vv-v4 button.vv-cta:focus-visible{outline:3px solid #5fe39a;outline-offset:3px}
@keyframes vvCtaPulse{0%{box-shadow:0 0 20px rgba(0,171,84,.45),0 0 0 0 rgba(0,171,84,.55);transform:scale(1)}60%{box-shadow:0 0 20px rgba(0,171,84,.45),0 0 0 18px rgba(0,171,84,0);transform:scale(1.03)}100%{box-shadow:0 0 20px rgba(0,171,84,.45),0 0 0 0 rgba(0,171,84,0);transform:scale(1)}}
#vv-v4 button.vv-cta-pulse{animation:vvCtaPulse 2.2s cubic-bezier(.2,.8,.2,1) infinite}
#vv-v4 button.vv-cta-pulse:hover{animation-play-state:paused}
@media (prefers-reduced-motion:reduce){#vv-v4 button.vv-cta{transition:none}#vv-v4 button.vv-cta-pulse{animation:none}}

/* ---------- tablet / telefon ---------- */
@media (max-width:1023px){
  #vv-v4 .vv-cards{grid-template-columns:1fr;gap:32px;max-width:560px;margin:0 auto}
  #vv-v4 .vv-card h3{min-height:0}
}
@media (max-width:809px){
  #vv-v4 .vv-sec{padding:52px 18px 64px}
  #vv-v4 .vv-head{margin-bottom:28px}
  #vv-v4 h2{font-size:31px;letter-spacing:-.025em}
  #vv-v4 .vv-sub{font-size:20px}
  #vv-v4 .vv-arrow{width:18px;height:26px;margin-top:14px}
  #vv-v4 .vv-card{border-radius:18px}
  #vv-v4 .vv-card h3{font-size:21px;padding:34px 18px 18px;border-radius:18px 18px 0 0}
  #vv-v4 figure{padding:12px 12px 14px;border-radius:0 0 18px 18px}
  #vv-v4 .vv-sec-krug{padding-top:8px} /* 64px dna kartica + 8 = 72px do naslova */
  #vv-v4 .vv-sec-krug h2{margin-bottom:24px}
  #vv-v4 .vv-krug{border-radius:18px}
  #vv-v4 .vv-krug h3{font-size:21px;padding:20px 18px}
  #vv-v4 .vv-krug figure{padding:16px 14px 18px}
  #vv-v4 .vv-sec-fin{padding-top:72px;padding-bottom:0}
  #vv-v4 .vv-sec-pitch{padding-top:0;padding-bottom:56px}
  #vv-v4 .vv-arrows3{width:220px;margin:-36px auto 14px}
  #vv-v4 .vv-pitch{border-radius:22px;padding:44px 20px 30px}
  #vv-v4 .vv-pitch-intro{font-size:16px;margin-bottom:14px}
  #vv-v4 .vv-pitch h2{margin-bottom:30px}
  #vv-v4 .vv-pitch-card{border-radius:16px}
  #vv-v4 .vv-pitch-card h3{font-size:19px;padding:18px 16px}
  #vv-v4 .vv-pitch-card figure{padding:16px}
  #vv-v4 button.vv-cta,#vv-v4 button.vv-cta-hero{width:100%;padding:16px 16px;font-size:16px;line-height:18px;margin-top:22px}
  #vv-v4 .vv-sec-brojevi{padding-top:20px}
  #vv-v4 .vv-lead{font-size:17px;margin-bottom:16px}
  #vv-v4 .vv-brojevi{gap:14px}
  #vv-v4 .vv-broj{grid-template-columns:42% 1fr;border-radius:18px}
  #vv-v4 .vv-broj.vv-flip{grid-template-columns:1fr 42%}
  #vv-v4 .vv-broj-txt{padding:14px 16px}
  #vv-v4 .vv-broj h3{font-size:20px;margin-bottom:4px}
  #vv-v4 .vv-broj p{font-size:14.5px}
  #vv-v4 .vv-broj h3 .vv-br{display:inline}
}

/* v4: slika u završnom CTA bloku — odmah ispod naslova, iznad dugmeta; sto se gubi u prelivu ka dugmetu i bočno u pozadinu */
.framer-19qshgt-container [data-framer-name="Contact CTA Heading"] h3{margin-bottom:0 !important}
.framer-19qshgt-container [data-framer-name="Contact CTA Text Group"]{gap:0 !important}
.framer-19qshgt-container [data-framer-name="Contact CTA Text Group"] > [data-framer-name="Contact CTA Heading"]{height:auto !important;gap:0 !important}
.framer-19qshgt-container .vv-cta-slika{position:relative;z-index:1;width:min(460px,100%);margin:-14px auto 30px;padding:0}
.vv-br-tel{display:none}
.framer-19qshgt-container .vv-cta-slika img{display:block;width:100%;height:auto;margin-bottom:-6%;
  -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 72%,rgba(0,0,0,.5) 87%,transparent 98%),linear-gradient(to right,transparent 0%,#000 20%,#000 80%,transparent 100%),linear-gradient(#000,#000);
  mask-image:linear-gradient(to bottom,#000 0%,#000 72%,rgba(0,0,0,.5) 87%,transparent 98%),linear-gradient(to right,transparent 0%,#000 20%,#000 80%,transparent 100%),linear-gradient(#000,#000);
  -webkit-mask-size:100% 100%,100% 30%,100% 72%;mask-size:100% 100%,100% 30%,100% 72%;
  -webkit-mask-position:0 0,0 100%,0 0;mask-position:0 0,0 100%,0 0;
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
  -webkit-mask-composite:source-in,source-over,source-over;mask-composite:intersect,add,add}
@media (max-width:809px){.framer-19qshgt-container .vv-cta-slika{width:min(340px,100%);margin:-8px auto 24px}.vv-br-tel{display:inline}.framer-19qshgt-container [data-framer-name="Contact CTA Heading"] h3{white-space:nowrap;font-size:clamp(26px,8.4vw,32px) !important}}