/**
* CONVOCO / Izrada web stranica — editorial landing.
* Only layouts unique to this service are defined here.
* Header: exact /o-nama/ component via o-nama.css.
* Statement, testimonials and portfolio: existing homepage CSS & markup.
* Accordion: shared project.css and global child accordion.js.
*/
.cvc-web{
--cw-ink:var(--project-color-ink);
--cw-paper:var(--project-base-background);
--cw-tint:var(--project-color-primary-tint);
--cw-muted:var(--project-base-muted);
--cw-border:var(--project-base-border);
--cw-teal:var(--project-base-primary);
--cw-link:var(--project-color-link);
--cw-white:var(--project-color-text-on-dark);
--cw-subtle:var(--project-color-text-on-dark-muted);
--cw-editorial-background:radial-gradient(ellipse 74% 120% at 5% 55%,color-mix(in srgb,var(--project-base-primary) 39%,transparent),transparent 75%),radial-gradient(ellipse 78% 130% at 100% 31%,color-mix(in srgb,var(--project-base-primary) 43%,transparent),transparent 73%),linear-gradient(112deg,color-mix(in srgb,var(--project-base-secondary) 63%,transparent),color-mix(in srgb,var(--project-base-secondary) 39%,transparent) 48%,color-mix(in srgb,var(--project-base-secondary) 60%,transparent)),var(--project-base-secondary);
color:var(--project-base-text);background:var(--cw-paper);
width:100%;max-width:100%;min-width:0;overflow-x:clip
}
.cvc-web *{box-sizing:border-box}
.cvc-web :is(h2,h3,h4,p,figure,blockquote){margin:0}
.cvc-web :is(h2,h3,h4){font-family:var(--cvc-font-heading);letter-spacing:var(--cvc-letter-spacing-heading);text-wrap:balance}
.cvc-web :is(svg,img,video,canvas,iframe){max-width:100%}
.cvc-web > :is(.cvc-sec,.cvc-web__home-reuse),.cvc-web__technical-group{
width:100%;max-width:100%;min-width:0
}
.cvc-web .cvc-eyebrow{display:block;margin:0 0 clamp(1.1rem,2vw,1.75rem);font-size:var(--cvc-font-size-eyebrow);line-height:1.4;letter-spacing:.13em;text-transform:uppercase}
.cvc-web > .cvc-sec{padding-block:var(--project-section-space)}
body:not(.home) .cvc-web > .cvc-sec + .cvc-sec::before{display:none}
.cvc-web :is(a,button,summary):focus-visible{outline:var(--project-focus-ring);outline-offset:4px}
.cvc-web__section-head{
display:flex;flex-direction:column;align-items:center;text-align:center;
width:100%;max-width:100%;margin:0 auto clamp(4rem,7vw,7rem)
}
.cvc-web .cvc-web__section-head>.cvc-text-h2.cvc-sec__title{
display:block;max-width:24ch;margin:0 auto;
font:700 var(--cvc-font-size-h2)/1.06 var(--cvc-font-heading);
letter-spacing:var(--cvc-letter-spacing-heading);text-align:center;text-wrap:balance
}
.cvc-web .cvc-web__section-head>.cvc-text-h2 span{color:var(--cw-link)}
/* U ovoj sekciji drugu rečenicu izdvoji u novi red; na uskim zaslonima prelama se prirodno. */
.cvc-web .cvc-web__transformation .cvc-web__section-head>.cvc-text-h2 span{display:block}
.cvc-web .cvc-web__section-head>.cvc-sec__lead{
max-width:66ch;margin:clamp(1.5rem,2.5vw,2.25rem) auto 0;
font:var(--project-weight-regular) var(--cvc-font-size-lead)/var(--project-leading-body) var(--cvc-font-body);
letter-spacing:normal;color:var(--cvc-color-text-muted);
text-align:center;text-wrap:pretty
}

/* Real "show, don't tell" content visualization, not a screenshot/reference. */
.cvc-web > .cvc-web__comparison{background:var(--cw-tint);padding-block:clamp(4rem,6vw,6rem) clamp(5rem,9vw,9rem)}
.cvc-web__compare-intro{text-align:center;max-width:1000px;margin:0 auto clamp(3rem,5vw,5rem)}
.cvc-web__compare-intro .cvc-eyebrow{color:var(--cw-link);margin-bottom:1.1rem}
.cvc-web__compare-intro h2{font-size:clamp(2.4rem,4.3vw,5rem)}
.cvc-web__compare-intro h2 span{color:var(--cw-link)}
.cvc-web__compare-intro>p:last-child{max-width:62ch;font-size:clamp(1.02rem,1.3vw,1.19rem);color:var(--cw-muted);margin:1.2rem auto 0}
.cvc-web__browser-pair{display:grid;grid-template-columns:minmax(0,1fr) 34px minmax(0,1fr);gap:clamp(.8rem,2vw,2.5rem);align-items:center}
.cvc-web__example{min-width:0}
.cvc-web__example figcaption{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:baseline;gap:.8rem;margin-bottom:1.25rem;line-height:1.4}
.cvc-web__example figcaption strong{font-size:clamp(1.15rem,1.65vw,1.65rem);font-weight:600;letter-spacing:-.02em}
.cvc-web__example figcaption>span:last-child{font-size:.78rem;color:var(--cw-muted);white-space:nowrap}
.cvc-web__example-index{color:var(--cw-link);font-size:.8rem;font-weight:650}
.cvc-web__browser{background:#fff;overflow:hidden;border:1px solid var(--cw-border);border-radius:8px;box-shadow:0 18px 55px -35px color-mix(in srgb,var(--cw-ink) 28%,transparent);transition:transform var(--motion-duration) var(--motion-ease),border-color var(--motion-duration) var(--motion-ease)}
.cvc-web__browser-bar{display:flex;align-items:center;gap:.9rem;background:#eff1f2;padding:.7rem 1rem;min-height:34px;border-bottom:1px solid #e1e3e5;font-size:.61rem;color:#5b6168;letter-spacing:.07em;font-weight:650}
.cvc-web__dots{display:inline-flex;gap:4px}
.cvc-web__dots i{width:7px;height:7px;display:block;border-radius:50%;background:#c0c5c8}
.cvc-web__before-canvas,.cvc-web__after-canvas{min-height:clamp(280px,32vw,455px);padding:clamp(1rem,2vw,2rem);display:flex;flex-direction:column;overflow:hidden}
.cvc-web__before-canvas{background:#f7f8f9;color:#73777d}
.cvc-web__before-nav,.cvc-web__after-nav{display:flex;align-items:center;justify-content:space-between;gap:.7rem;font-size:.64rem}
.cvc-web__before-nav>span:first-child{font-weight:700;letter-spacing:.09em}
.cvc-web__before-big{font:600 clamp(1.9rem,3.1vw,3.6rem)/1.15 var(--cvc-font-heading);letter-spacing:-.05em;margin:clamp(2.5rem,5vw,6rem) 0 1rem;color:#777c80}
.cvc-web__before-label{font-size:clamp(.72rem,.9vw,.92rem);color:#8b9094}
.cvc-web__before-lines{display:grid;gap:.5rem;margin-top:1.8rem}
.cvc-web__before-lines i{height:7px;background:#e2e5e7;border-radius:2px;width:89%}
.cvc-web__before-lines i:nth-child(2){width:72%}
.cvc-web__before-lines i:nth-child(3){width:95%}
.cvc-web__before-lines i:nth-child(4){width:61%}
.cvc-web__before-blocks{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem;margin-top:auto;padding-top:2rem}
.cvc-web__before-blocks i{aspect-ratio:1.4;background:#e9ebed}
.cvc-web__before-button{align-self:flex-start;border:1px solid #d9dde0;color:#8b8f94;font-size:.72rem;margin-top:1rem;padding:.55rem .8rem}
.cvc-web__after-canvas{background:var(--cw-white);color:var(--cw-ink)}
.cvc-web__after-nav{font-size:.68rem}
.cvc-web__after-nav strong{font:700 clamp(.82rem,1.1vw,1.12rem)/1 var(--cvc-font-heading);letter-spacing:-.03em}
.cvc-web__after-nav strong span{color:var(--cw-teal)}
.cvc-web__after-nav>span{font-weight:550}
.cvc-web__after-hero{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;flex:1;padding-block:clamp(1.3rem,3vw,3rem)}
.cvc-web__after-hero>p{font-size:.68rem;letter-spacing:.15em;color:var(--cw-link);font-weight:700;margin-bottom:1.1rem}
.cvc-web__after-hero>strong{font:700 clamp(1.8rem,3vw,3.3rem)/1.1 var(--cvc-font-heading);letter-spacing:-.055em;max-width:13ch}
.cvc-web__after-hero>strong span{color:var(--cw-link)}
.cvc-web__after-hero>small{display:block;font-size:clamp(.69rem,.9vw,.95rem);line-height:1.5;color:var(--cw-muted);margin-top:1rem}
.cvc-web__after-cta{display:inline-flex;align-items:center;gap:.9rem;background:var(--cw-teal);color:white;padding:.75rem 1rem;font-size:.75rem;font-weight:650;margin-top:1.35rem}
.cvc-web__after-cta b{font-size:1.2rem;font-weight:400}
.cvc-web__after-bottom{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.3rem;border-top:1px solid var(--cw-border);padding-top:1rem;font-size:clamp(.63rem,.83vw,.86rem);line-height:1.4}
.cvc-web__after-bottom span{min-width:0}
.cvc-web__after-bottom b{color:var(--cw-link);font-weight:650;margin-right:.25rem}
.cvc-web .cvc-web__example-note{font-size:clamp(.9rem,1.1vw,1.06rem);line-height:1.6;color:var(--cw-muted);text-align:center;max-width:56ch;margin:calc(clamp(3rem,5vw,5rem) - 10px) auto 0;padding-inline:1rem}
.cvc-web__between{text-align:center;font-size:clamp(1.8rem,3vw,3rem);color:var(--cw-link);padding-top:1rem}

/* Illustrated production strip: each visual represents a deliverable, not decoration. */
.cvc-web > .cvc-web__process{background:var(--cw-paper)}
.cvc-web__process-header{max-width:1000px;margin:0 auto clamp(3rem,6vw,6rem);text-align:center}
.cvc-web__process-header .cvc-eyebrow{color:var(--cw-link);margin-bottom:1.3rem}
.cvc-web__process-header h2 span{color:var(--cw-link)}
.cvc-web__process-header>p:last-child{color:var(--cw-muted);font-size:clamp(1.03rem,1.35vw,1.25rem);margin:1.3rem auto 0}
.cvc-web__process-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(1.4rem,2.6vw,3rem)}
.cvc-web__process-strip article{min-width:0}
/* Procesne ilustracije (4 u redu) koriste iste postojeće motion tokene
 * kao ikoničke kartice ispod, bez dodavanja nove animacije ili HTML-a. */
.single-usluga .cvc-web .cvc-web__process-strip > article{
transition:transform var(--motion-duration) var(--motion-ease)
}
.single-usluga .cvc-web .cvc-web__process-strip > article > .cvc-web__process-visual{
transition:border-color var(--motion-duration) var(--motion-ease),box-shadow var(--motion-duration) var(--motion-ease);
box-shadow:0 15px 38px rgba(0,0,0,0)
}
@media (hover:hover) and (pointer:fine){
.single-usluga .cvc-web .cvc-web__process-strip > article:is(:hover,:focus-within),
.single-usluga .cvc-web .cvc-web__process-strip > article.cvc-service-visible:is(:hover,:focus-within){
transform:translateY(-5px) scale(1.008)
}
.single-usluga .cvc-web .cvc-web__process-strip > article:is(:hover,:focus-within) > .cvc-web__process-visual{
border-color:color-mix(in srgb,var(--project-base-primary) 45%,var(--cvc-color-border));
box-shadow:inset 0 0 0 100vmax rgba(0,0,0,.025),0 20px 45px rgba(0,0,0,.095)
}
}
@media (prefers-reduced-motion:reduce){
.single-usluga .cvc-web .cvc-web__process-strip > article,
.single-usluga .cvc-web .cvc-web__process-strip > article > .cvc-web__process-visual{transition:none!important}
.single-usluga .cvc-web .cvc-web__process-strip > article:is(:hover,:focus-within){transform:none}
}
.cvc-web__process-visual{aspect-ratio:4/5;position:relative;background:var(--cw-tint);overflow:hidden;border:1px solid transparent;border-radius:var(--cvc-radius);margin-bottom:clamp(1.5rem,2.8vw,2.7rem);transition:border-color var(--motion-duration) var(--motion-ease)}
.cvc-web__process-num{font-size:.76rem;letter-spacing:.13em;color:var(--cw-link);font-weight:700}
.cvc-web__process-strip h3{font-size:clamp(1.17rem,1.6vw,1.64rem);margin:.85rem 0 .75rem}
.cvc-web__process-strip article>p{font-size:clamp(.92rem,1.06vw,1.05rem);color:var(--cw-muted);max-width:30ch}
.cvc-web__process-visual--photo img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:contain;object-position:center}
/* Osobna odgovornost: editorial panel u duhu "O nama", bez lažnog portreta. */
.cvc-web > .cvc-web__personal{
display:grid;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);
align-items:center;gap:clamp(3rem,6.5vw,7.5rem);
background:var(--cw-paper);padding-block:clamp(4.5rem,8vw,8rem);
border-top:1px solid var(--cw-border)
}
.cvc-web__personal-panel{
position:relative;isolation:isolate;overflow:hidden;min-width:0;min-height:clamp(430px,42vw,580px);
display:flex;flex-direction:column;justify-content:space-between;
padding:clamp(1.8rem,3.5vw,3rem);border-radius:var(--cvc-radius-lg);
color:var(--cw-white);
background:radial-gradient(ellipse at 72% 38%,color-mix(in srgb,var(--cw-teal) 20%,transparent),transparent 65%),linear-gradient(135deg,color-mix(in srgb,var(--cw-ink) 85%,var(--cw-teal)),var(--cw-ink))
}
.cvc-web__personal-panel::before{
content:"";position:absolute;z-index:-1;top:15%;left:18%;width:92%;aspect-ratio:1;
border:1px solid color-mix(in srgb,var(--cw-teal) 45%,transparent);border-radius:50%;pointer-events:none
}
.cvc-web__personal-panel::after{
content:"";position:absolute;inset:clamp(1.8rem,3.5vw,3rem);
border:1px solid color-mix(in srgb,var(--cw-white) 18%,transparent);pointer-events:none
}
.cvc-web .cvc-web__personal-panel>.cvc-eyebrow{
position:relative;z-index:1;color:color-mix(in srgb,var(--cw-white) 75%,transparent);margin:0
}
.cvc-web__personal-frame{
position:relative;z-index:1;display:flex;align-items:center;flex:1;min-width:0;padding-block:2.6rem
}
.cvc-web__personal-name{
font:700 clamp(3.2rem,5.2vw,6rem)/.98 var(--cvc-font-heading);
letter-spacing:-.055em;color:var(--cw-white);overflow-wrap:normal
}
.cvc-web .cvc-web__personal-note{
position:relative;z-index:1;margin:0;max-width:33ch;
font-size:clamp(.9rem,1.1vw,1.05rem);line-height:1.55;
color:color-mix(in srgb,var(--cw-white) 78%,transparent)
}
.cvc-web__personal-story{min-width:0;max-width:740px}
.cvc-web__personal-story .cvc-eyebrow{color:var(--cw-link);margin-bottom:clamp(1rem,2vw,1.6rem)}
.cvc-web .cvc-web__personal-story h2{
max-width:15ch;margin:0 0 clamp(1.5rem,2.8vw,2.5rem);
font-size:var(--cvc-font-size-h2);line-height:1.07
}
.cvc-web__personal-story h2 span{color:var(--cw-link)}
.cvc-web .cvc-web__personal-story>p:not(.cvc-eyebrow){
font-size:clamp(1rem,1.15vw,1.14rem);line-height:1.7;color:var(--cw-muted);
max-width:60ch;margin:0 0 1.25rem
}
.cvc-web .cvc-web__personal-story>.cvc-web__personal-lead{
font:600 clamp(1.2rem,1.7vw,1.6rem)/1.43 var(--cvc-font-heading);
color:var(--cw-ink);max-width:38ch;margin-bottom:1.65rem
}
.cvc-web__personal-actions{display:flex;flex-wrap:wrap;align-items:center;gap:clamp(.65rem,1.3vw,1rem);margin-top:clamp(2rem,3.4vw,3rem)}
.cvc-web__personal-actions .cvc-btn{min-height:3.5rem;gap:1.25rem}


/* The statement is the real homepage statement — same classes/effects. */
.cvc-web__home-reuse{width:100%;max-width:100%;overflow:hidden}
/* USL-03: izvorni background iz naslovna-cinematic.css dijeli se s homepage
 * statementom preko istog selektora, bez zasebnog lokalnog gradijenta. */
/* Homepage testimonials module: same HTML, its actual homepage CSS and JS. */
.cvc-web__home-reuse--voices .cvc-voices-editorial{
background:radial-gradient(ellipse 44% 73% at 1% 0%,color-mix(in srgb,var(--project-base-primary) 8%,transparent),transparent 80%),
linear-gradient(160deg,var(--project-color-primary-tint),var(--project-base-background) 52%,var(--project-color-primary-tint));
color:var(--project-base-text);padding-block:clamp(5.5rem,9vw,10rem);isolation:isolate
}
.cvc-web__home-reuse--voices .cvc-voices-editorial__container{max-width:1380px;margin-inline:auto}
.cvc-web__home-reuse--works{background:var(--project-color-ink);color:var(--project-color-text-on-dark)}
.cvc-web__home-reuse--works .cvc-radovi-sec{background:var(--project-color-ink)}
/* Isti pokretni logotipovi kao u sekciji Klijenti; izgled i animacija iz radovi.css. */
.cvc-web > .cvc-web__trusted{background:var(--project-color-ink);color:var(--project-color-text-on-dark);padding-block:clamp(1.5rem,3vw,2.6rem);border:0;display:block;overflow:hidden}
.cvc-web__trusted .cvc-portfolio__logos-mask{padding-block:1.5rem}

/* Problemi: tipografska editorial lista bez ikona ili novih kartica. */
.cvc-web > .cvc-web__problems{
display:grid;grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr);
gap:clamp(2.5rem,6vw,7rem);align-items:start;
background:var(--cw-paper);padding-block:clamp(4.5rem,8vw,8rem)
}
.cvc-web__problems-intro{min-width:0;max-width:650px}
.cvc-web__problems-intro .cvc-eyebrow{color:var(--cw-link)}

.cvc-web .cvc-web__problems-intro h2{
font:700 var(--cvc-font-size-h2)/1.09 var(--cvc-font-heading);
letter-spacing:var(--cvc-letter-spacing-heading);max-width:18ch;margin:0 0 clamp(1.5rem,3vw,2.5rem)
}
.cvc-web .cvc-web__problems-intro>p:last-child{max-width:57ch;font-size:clamp(1.03rem,1.3vw,1.2rem);line-height:1.75;color:var(--cw-muted)}
.cvc-web__problems-list{
list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
column-gap:clamp(1rem,2vw,2.5rem);row-gap:clamp(1.4rem,2.4vw,2.8rem)
}
.cvc-web__problems-list li{min-width:0;border-top:1px solid var(--cw-border);padding-top:1.15rem}
.cvc-web__problem-number{display:block;font-size:.72rem;line-height:1.5;letter-spacing:.12em;color:var(--cw-link);margin-bottom:clamp(.9rem,1.6vw,1.4rem)}
.cvc-web__problems-list h3{font:600 clamp(1.05rem,1.3vw,1.35rem)/1.32 var(--cvc-font-heading)}
.cvc-web__problems-list li>p{font-size:.95rem;line-height:1.6;color:var(--cw-muted);margin-top:.6rem}
body:not(.home) .cvc-web > .cvc-web__comparison{padding-block-start:clamp(4.5rem,7vw,7rem)}

/* Poslovni učinci koriste iste SVG kartice i tokene kao funkcionalnosti. */
body:not(.home) .cvc-web > .cvc-web__outcomes{
background:var(--cw-tint);padding-block-start:clamp(5rem,8vw,8rem);
padding-block-end:clamp(5rem,8vw,8rem)
}
.cvc-web__outcomes-head{margin-bottom:clamp(3rem,6vw,6rem)}
.cvc-web .cvc-web__outcomes .cvc-web__tech-card--outcome{
background:var(--cw-paper);min-height:clamp(265px,22vw,340px);
border-color:color-mix(in srgb,var(--cw-teal) 17%,var(--cw-border))
}
.cvc-web__outcomes .cvc-web__tech-icon{background:var(--cw-tint)}
.cvc-web__outcomes .cvc-web__tech-card:before{opacity:.55}

/* Technical content: centered editorial heading, informative illustrated cards. */
body:not(.home) .cvc-web > .cvc-web__technical{background:var(--cw-paper);padding-block-start:clamp(5rem,8vw,8rem)}
.cvc-web__technical-group{max-width:1320px;margin-inline:auto}
/* Single usluge: tehnički carousel slijedi stvarnu širinu cvc-sec sadržaja,
 * a ne stari uži 1320px limit. Ostali gridovi ostaju netaknuti. */
body.single-usluga .cvc-web > .cvc-web__technical .cvc-web__technical-group{max-width:100%}
body.single-usluga .cvc-web > .cvc-web__technical .cvc-web__technical-grid,
body.single-usluga .cvc-web > .cvc-web__technical .cvc-web__technical-group .cvc-web__technical-grid{max-width:100%}
.cvc-web__technical-group + .cvc-web__technical-group{margin-top:clamp(4.5rem,7vw,7.5rem)}
.cvc-web__technical-group-heading{
display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.75fr);align-items:end;
gap:clamp(1rem,3vw,4rem);border-bottom:1px solid var(--cw-border);
padding-bottom:clamp(1.2rem,2vw,2rem);margin-bottom:clamp(1.5rem,2.5vw,2.7rem)
}
.cvc-web__technical-group-heading .cvc-eyebrow{color:var(--cw-link);margin-bottom:.7rem}
.cvc-web__technical-group-heading h3{font:650 clamp(1.5rem,2.15vw,2.3rem)/1.19 var(--cvc-font-heading);letter-spacing:var(--cvc-letter-spacing-heading)}
.cvc-web__technical-group-heading>p{font-size:clamp(.97rem,1.15vw,1.12rem);line-height:1.6;color:var(--cw-muted);max-width:37ch;justify-self:end}
.cvc-web__technical-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.95rem,1.7vw,1.8rem);width:100%;max-width:1320px;margin-inline:auto}
.cvc-web__tech-card{
position:relative;isolation:isolate;min-width:0;min-height:clamp(260px,23vw,320px);
display:flex;flex-direction:column;align-items:flex-start;gap:.85rem;
border:1px solid color-mix(in srgb,var(--project-base-primary) 15%,var(--cw-border));
border-radius:6px;overflow:hidden;
background:linear-gradient(150deg,var(--project-base-background),var(--project-color-primary-tint));
padding:clamp(1.5rem,2.8vw,3rem);
transition:transform var(--motion-duration) var(--motion-ease),border-color var(--motion-duration) var(--motion-ease)
}
.cvc-web__tech-card:before{
content:"";position:absolute;top:-40%;right:-45%;width:105%;aspect-ratio:1;border:1px solid color-mix(in srgb,var(--cw-teal) 17%,transparent);
border-radius:50%;pointer-events:none
}
.cvc-web__tech-index{position:absolute;right:clamp(1.4rem,2vw,2.3rem);top:clamp(1.4rem,2vw,2.3rem);
font-size:.74rem;font-weight:600;letter-spacing:.08em;color:var(--cw-muted)}
.cvc-web__tech-icon{
display:grid;place-items:center;flex:none;position:relative;
width:clamp(68px,6.4vw,90px);height:clamp(68px,6.4vw,90px);
border-radius:16px;border:1px solid color-mix(in srgb,var(--cw-teal) 30%,var(--cw-border));
color:var(--cw-link);
background:linear-gradient(145deg,color-mix(in srgb,var(--cw-teal) 16%,var(--cw-paper)),var(--cw-paper) 78%);
box-shadow:inset 0 1px 0 color-mix(in srgb,var(--cw-white) 70%,transparent),0 10px 24px -20px var(--cw-ink);
margin-bottom:0;transition:transform var(--motion-duration) var(--motion-ease)
}
.cvc-web__tech-icon svg{width:42px;height:42px;stroke-width:1.5;filter:none}
.cvc-web__tech-card :is(h3,h4){max-width:19ch;min-height:2.65em;font:500 clamp(1.25rem,1.65vw,1.85rem)/1.23 var(--cvc-font-heading);letter-spacing:-.025em}
.cvc-web__tech-card p{max-width:46ch;font-size:clamp(.96rem,1.05vw,1.07rem);line-height:1.65;color:var(--cw-muted)}
@media(hover:hover) and (pointer:fine){
.cvc-web__tech-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--cw-teal) 58%,var(--cw-border))}
.cvc-web__tech-card:hover .cvc-web__tech-icon{transform:translateY(-2px)}
.cvc-web__example:hover .cvc-web__browser{transform:translateY(-2px);border-color:color-mix(in srgb,var(--cw-teal) 32%,var(--cw-border))}
.cvc-web__process-strip article:hover .cvc-web__process-visual--photo{border-color:color-mix(in srgb,var(--cw-teal) 40%,var(--cw-border))}
}
.cvc-web .cvc-web__technical-note{display:block;width:min(100%,70ch);max-width:70ch;margin:clamp(3.5rem,6vw,6rem) auto 0;padding-inline:1rem;text-align:center;font-size:clamp(.94rem,1.05vw,1.03rem);line-height:1.7;color:var(--cw-muted)}
/* Single middle CTA only, before FAQ and well before the global footer CTA. */
.cvc-web>.cvc-web__mid-cta{
display:flex;flex-direction:column;align-items:center;justify-content:center;
gap:clamp(2rem,4vw,3.5rem);text-align:center;
background:var(--cw-editorial-background);color:var(--cw-white);isolation:isolate;
padding-block:clamp(5rem,9vw,10rem)
}
.cvc-web__mid-cta-text{width:100%;max-width:940px;margin-inline:auto;text-align:center}
.cvc-web__mid-cta .cvc-eyebrow{color:var(--cw-teal)}
.cvc-web .cvc-web__mid-cta .cvc-text-h2.cvc-sec__title{
font:700 var(--cvc-font-size-h2)/1.06 var(--cvc-font-heading);
max-width:20ch;letter-spacing:var(--cvc-letter-spacing-heading);margin-inline:auto
}
.cvc-web__mid-cta h2 span{color:var(--cw-teal)}
.cvc-web__mid-cta .cvc-sec__lead{margin:clamp(1.2rem,2.5vw,2.4rem) auto 0;max-width:56ch;color:var(--cw-subtle);
font-size:var(--cvc-font-size-lead);line-height:var(--project-leading-body)}
.cvc-web__mid-cta-actions{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:1rem;width:100%;max-width:none;flex-wrap:wrap}
.cvc-web__mid-cta-actions .cvc-btn{display:inline-flex;gap:.8rem;justify-content:space-between;align-items:center;
min-height:54px;text-decoration:none}
/* Primarni CTA preuzima sva stanja iz globalne komponente .cvc-btn--primary. */
.cvc-web__mid-cta-actions .cvc-btn--secondary{border:1px solid color-mix(in srgb,var(--cw-white) 43%,transparent);color:var(--cw-white);background:transparent}
.cvc-web__mid-cta-actions .cvc-btn:hover{transform:translateY(-2px)}
/* The site-wide accordion module owns interaction and +/− animation. */
.cvc-web>.cvc-web__faq{background:var(--cw-paper);padding-block-end:clamp(3rem,5vw,5rem)}
.cvc-web__faq-list{max-width:920px;margin-inline:auto}
/* Editorial responsive composition; text always visible before JS. */
@media(max-width:1150px){
.cvc-web__problems-list{grid-template-columns:repeat(2,minmax(0,1fr))}
.cvc-web__process-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:3rem}

.cvc-web__technical-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:920px}
.cvc-web > .cvc-web__problems,.cvc-web > .cvc-web__personal{grid-template-columns:minmax(0,1fr)}
.cvc-web > .cvc-sec{min-width:0;max-width:100%}
.cvc-web .cvc-service-hero-scope,.cvc-web .cvc-about-v4__hero-grid,
.cvc-web .cvc-about-v4__container{width:100%;max-width:100%;min-width:0}
.cvc-web .cvc-about-v4__hero-grid{grid-template-columns:minmax(0,1fr)}
.cvc-web .cvc-service-hero-exact{overflow:hidden}

}
@media(max-width:800px){
.cvc-web .cvc-web__trusted-logos{width:100%;max-width:none}
.cvc-web > .cvc-web__problems{grid-template-columns:minmax(0,1fr);gap:clamp(2.5rem,6vw,4rem)}
.cvc-web__technical-group-heading{grid-template-columns:1fr;gap:.75rem}
.cvc-web__technical-group-heading>p{justify-self:start}
.cvc-web__browser-pair{grid-template-columns:1fr;gap:1.5rem;max-width:680px;margin-inline:auto}
.cvc-web__between{transform:rotate(90deg);padding:0;text-align:center}
.cvc-web__browser{width:100%}
.cvc-web__before-canvas,.cvc-web__after-canvas{min-height:360px;padding:clamp(1.2rem,4vw,2rem)}
.cvc-web > .cvc-web__personal{grid-template-columns:minmax(0,1fr);gap:clamp(2.5rem,5vw,4rem)}
.cvc-web__personal-panel{min-height:380px}
.cvc-web__personal-name{font-size:clamp(3.1rem,8vw,5.25rem)}
.cvc-web .cvc-web__personal-story h2{max-width:18ch}


.cvc-web__mid-cta-actions .cvc-btn{min-width:190px}
}
@media(max-width:560px){
.cvc-web__problems-list{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:.6rem;row-gap:1.2rem}
.cvc-web__problems-list li{padding-top:.6rem}
.cvc-web__problems-list h3{font-size:clamp(.77rem,3vw,.95rem);line-height:1.33;letter-spacing:-.015em;overflow-wrap:break-word}
.cvc-web__problem-number{margin-bottom:.5rem;font-size:.65rem}
.cvc-web__process-strip{grid-template-columns:1fr;gap:3rem}

.cvc-web__before-canvas,.cvc-web__after-canvas{min-height:305px}
.cvc-web__technical-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}
.cvc-web .cvc-web__tech-card,
.cvc-web .cvc-web__outcomes .cvc-web__tech-card--outcome{
min-height:0;display:flex;flex-direction:column;align-items:flex-start;
gap:.75rem;padding:clamp(1rem,3.5vw,1.3rem);
border-radius:var(--cvc-radius);overflow:hidden;
background:linear-gradient(150deg,var(--cw-paper),var(--cw-tint));
border-color:color-mix(in srgb,var(--cw-teal) 20%,var(--cw-border))
}
.cvc-web .cvc-web__tech-card::before{display:none}
.cvc-web .cvc-web__tech-index{display:none}
.cvc-web .cvc-web__tech-icon{
width:52px;height:52px;margin:0 0 .25rem;
border:1px solid color-mix(in srgb,var(--cw-teal) 25%,var(--cw-border));
border-radius:12px;
background:linear-gradient(145deg,color-mix(in srgb,var(--cw-teal) 12%,var(--cw-paper)),var(--cw-paper));
box-shadow:0 7px 18px -16px var(--cw-ink)
}
.cvc-web .cvc-web__tech-icon svg{width:29px;height:29px;stroke-width:1.5;filter:none}
/* Bez praznog dekorativnog okvira kad nema jedinstvene i smislene ikone. */
.cvc-web .cvc-web__tech-icon:empty{display:none}
.cvc-web .cvc-web__tech-card :is(h3,h4){
font:500 clamp(.98rem,3.8vw,1.12rem)/1.27 var(--cvc-font-heading);
text-align:left;letter-spacing:-.02em;max-width:100%;
min-height:2.54em;overflow-wrap:break-word;hyphens:auto
}
.cvc-web .cvc-web__tech-card>p{
max-width:100%;font-size:clamp(.86rem,3.2vw,.96rem);
line-height:1.55;color:var(--cw-muted)
}
.cvc-web__trusted-logos a{min-height:56px;padding:0}
.cvc-web__trusted-logos img{height:40px;max-width:100%}
.cvc-web__personal-panel{min-height:286px;padding:1.4rem}
.cvc-web__personal-panel::after{inset:1.4rem}
.cvc-web__personal-frame{padding-block:2.25rem}
.cvc-web__personal-name{font-size:clamp(2.65rem,10.5vw,4rem)}
.cvc-web .cvc-web__personal-note{font-size:.9rem;max-width:33ch}
.cvc-web__technical-group + .cvc-web__technical-group{margin-top:clamp(2.5rem,7vw,3.6rem)}
.cvc-web__mid-cta-actions{flex-direction:column}
.cvc-web__mid-cta-actions .cvc-btn{width:100%}
.cvc-web__personal-actions{flex-direction:column;align-items:stretch}
.cvc-web__personal-actions .cvc-btn{width:100%}
}
/* U vodoravnom položaju na telefonu zadržati puni hero preko cijelog
   dostupnog prostora, ne desktop dvostupčani raspored. */
@media (orientation:landscape) and (max-height:650px) and (pointer:coarse){
body.single-usluga #main.cvc-web{
/* U landscapeu postotak je pratio užeg roditelja (~80% zaslona).
   Samo ovaj landing širi se na stvarni viewport, bez body overridea. */
display:block;
width:100vw;width:100dvw;
max-width:none;min-width:0;
margin-inline:0;overflow-x:clip
}
body.single-usluga .cvc-web .cvc-service-hero-scope,
body.single-usluga .cvc-web .cvc-service-hero-exact{
display:block;width:100%;max-width:none;min-width:0;margin-inline:0
}
body.single-usluga .cvc-web .cvc-service-hero-exact{
min-height:0;padding-block:clamp(7rem,12vw,9rem) clamp(3rem,7vw,5rem);
background:var(--project-base-secondary)
}
body.single-usluga .cvc-web .cvc-service-hero-exact > .cvc-cinema{
inset:0;width:100%;height:100%
}
body.single-usluga .cvc-web .cvc-about-v4__hero-grid{
display:grid;grid-template-columns:minmax(0,1fr);gap:0
}
body.single-usluga .cvc-web .cvc-about-v4__hero-copy{
grid-row:auto;width:100%;max-width:none;min-width:0
}
body.single-usluga .cvc-web .cvc-about-v4__h1{
max-width:100%;font-size:clamp(2.5rem,6vw,4.6rem)
}
body.single-usluga .cvc-web .cvc-about-v4__contact-seal{
display:none
}
body.single-usluga .cvc-web .cvc-about-v4__hero-actions{
flex-wrap:wrap
}
}
/* Isti provjereni landscape-detektor kao na naslovnici: Edge/Chrome
   Desktop site može prijaviti pointer:fine, pa stari media query ne vrijedi.
   Čitav landing, a ne samo hero, mora zauzeti širinu uređaja. */
html.cvc-phone-landscape body.single-usluga #main.cvc-web--bespoke,
html.cvc-phone-landscape body.single-usluga #main.cvc-web--bespoke > :is(
.cvc-service-hero-scope,.cvc-sec,.cvc-web__home-reuse
){
box-sizing:border-box;
width:var(--cvc-web-landscape-width,100dvw)!important;
max-width:none!important;min-width:0;margin-inline:0!important
}
html.cvc-phone-landscape body.single-usluga #main.cvc-web--bespoke{display:block}
html.cvc-phone-landscape body.single-usluga #main.cvc-web--bespoke .cvc-about-v4__hero-grid{
display:grid;grid-template-columns:minmax(0,1fr);gap:0
}
html.cvc-phone-landscape body.single-usluga #main.cvc-web--bespoke .cvc-about-v4__contact-seal{display:none}
html.cvc-phone-landscape body.single-usluga #main.cvc-web--bespoke .cvc-service-hero-exact{
width:100%;max-width:100%;min-width:0;overflow:hidden
}
/* Telefon u landscapeu, uključujući "Prikaz za računalo" u Edgeu.
   Desktop izbornik bio je preširok u landscape prikazu i mogao je pridonijeti vodoravnom pomicanju.
   Ovo pravilo je samo za CPT uslugu #21; globalna navigacija ostaje netaknuta. */
html.cvc-phone-landscape body.postid-21 .cv-header{
--cv-h:64px;--cv-logo-h:30px;
/* Dijagnostika Edge: header 1308 px, documentElement 1040 px.
   Fiksni header mora pratiti layout viewport, ne preširoki
   vizualni viewport koji je prisilio stranicu na scale .795. */
box-sizing:border-box;left:0!important;right:auto!important;
width:var(--cvc-web-landscape-width,100vw)!important;max-width:var(--cvc-web-landscape-width,100vw)!important;min-width:0
}
/* Edge mobitel vodoravno: roditeljska .cv-progress ima position:fixed
   i inset-inline:0. Iz stvarne dijagnostike: širina 1308px, dok je
   documentElement.clientWidth 1040px. Točno ona proširuje scrollWidth.
   Umjesto 100vw, linija se potpuno isključuje samo na ovoj usluzi u landscapeu. */
html.cvc-phone-landscape body.postid-21 .cv-progress.cv-progress--top{
/* Isključeno samo za ovu uslugu u landscapeu: fixed traka
   iz debug mjerenja proširuje dokument s 1040px na 1308px. */
display:none!important
}
/* Edge desktop način rada: fixed elementi ne smiju ponovno rastegnuti
   html scrollWidth sa 1040px na 1308px nakon što je glavni landing ispravljen. */
html.cvc-phone-landscape body.postid-21 #wpadminbar{
box-sizing:border-box;left:0!important;right:auto!important;
width:var(--cvc-web-landscape-width,100vw)!important;max-width:var(--cvc-web-landscape-width,100vw)!important;min-width:0
}
html.cvc-phone-landscape body.postid-21 .cvc-floating-cta{
right:auto!important;
left:calc(var(--cvc-web-landscape-width,100vw) - max(1rem,env(safe-area-inset-right)))!important;
max-width:calc(100vw - 2rem);
transform:translateX(-100%)
}
html.cvc-phone-landscape body.postid-21 .cv-header__bar,
html.cvc-phone-landscape body.postid-21 .cv-nav{
box-sizing:border-box;width:100%!important;max-width:100%!important;min-width:0
}
html.cvc-phone-landscape body.postid-21 .cv-brand{margin-right:auto}
html.cvc-phone-landscape body.postid-21 .cv-nav__toggle{display:inline-flex}
html.cvc-phone-landscape body.postid-21 .cv-nav__panel{
position:absolute;left:0;right:0;top:100%;
width:100%;max-width:100%;min-width:0;
height:calc(100dvh - var(--cv-panel-top,64px));
display:flex;flex-direction:column;align-items:stretch;gap:0;
padding:8px var(--cv-gutter) 28px;
background:var(--cv-panel);color:var(--cv-fg);
border-top:1px solid var(--cv-line);overflow-y:auto;overscroll-behavior:contain;
opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-8px);
transition:opacity .25s var(--cv-ease),transform .4s var(--cv-ease-out),visibility 0s linear .4s
}
html.cvc-phone-landscape body.postid-21 .cv-header.is-open .cv-nav__panel{
opacity:1;visibility:visible;pointer-events:auto;transform:none;transition-delay:0s
}
html.cvc-phone-landscape body.postid-21 .cv-menu{
display:flex;flex-direction:column;align-items:stretch;gap:0;
width:100%;min-width:0;margin:0
}
html.cvc-phone-landscape body.postid-21 .cv-menu > .menu-item{
flex-wrap:wrap;border-bottom:1px solid var(--cv-line)
}
html.cvc-phone-landscape body.postid-21 .cv-menu > .menu-item > .cv-menu__link{
flex:1;height:auto;padding:14px 0;
font:700 18px/1.15 var(--cv-font-display);white-space:normal
}
html.cvc-phone-landscape body.postid-21 .cv-menu > .menu-item > .cv-menu__link::after{display:none}
html.cvc-phone-landscape body.postid-21 .cv-menu .sub-menu,
html.cvc-phone-landscape body.postid-21 .cv-mega{
position:static;flex-basis:100%;display:none;min-width:0;
padding:0 0 12px;border:0;border-radius:0;background:none;box-shadow:none;
opacity:1;visibility:visible;transform:none
}
html.cvc-phone-landscape body.postid-21 .cv-menu .sub-menu::before,
html.cvc-phone-landscape body.postid-21 .cv-mega::before{display:none}
html.cvc-phone-landscape body.postid-21 .cv-menu .menu-item.is-open > .sub-menu,
html.cvc-phone-landscape body.postid-21 .cv-menu .menu-item.is-open > .cv-mega{display:block}
html.cvc-phone-landscape body.postid-21 .cv-mega__inner{
grid-template-columns:minmax(0,1fr);gap:20px;padding:0
}
html.cvc-phone-landscape body.postid-21 .cv-nav__actions{
flex-direction:column;align-items:stretch;gap:8px;margin-top:auto;padding-top:20px
}
html.cvc-phone-landscape body.postid-21 .cv-nav__actions .cv-btn{width:100%}
html.cvc-phone-landscape body.postid-21 .cvc-web--bespoke .cvc-cinema__canvas{
display:none
}
html.cvc-phone-landscape body.postid-21 .cvc-web--bespoke .cvc-cinema{
background:radial-gradient(ellipse 60% 105% at 88% 38%,
color-mix(in srgb,var(--project-base-primary) 24%,transparent),transparent 80%),
linear-gradient(105deg,var(--project-base-secondary) 0%,#182423 65%,#1b3835 100%)
}
/* Ispravak samo na ovoj usluzi i samo kada Edge stvarno prijavi
 * širi prikaz od CSS layouta. Body mora odgovarati širini svih sekcija
 * kako desno ne bi ostala prazna površina. */
html.cvc-phone-landscape.cvc-web-browser-width-fix body.postid-21{
box-sizing:border-box;
width:var(--cvc-web-landscape-width)!important;
max-width:none!important;min-width:0;
}
@media(prefers-reduced-motion:no-preference){
.cvc-web .cvc-service-reveal.cvc-service-pending{
opacity:0;transform:translate3d(0,var(--motion-shift),0);
transition:opacity var(--motion-duration-in) var(--motion-ease),transform var(--motion-duration-in) var(--motion-ease);
transition-delay:var(--cvc-service-stagger,0ms)
}
.cvc-web .cvc-service-reveal.cvc-service-visible{opacity:1;transform:none}
}
/* Jedini izvor animacije postojećega kružnog obruba na arhivi i pojedinačnim uslugama. */
@keyframes cvc-usluge-orbit{to{transform:rotate(360deg)}}
/* Pojedinačne usluge i povezane kartice usluga na profilima klijenata:
 * isti hover/lift, sjenčanje i orbit iz arhive /usluge/; bez utjecaja na arhive. */
.single-usluga .cvc-web .cvc-web__tech-card,
.single-klijent .cvc-web .cvc-client-profile__service-card{
box-shadow:inset 0 0 0 100vmax rgba(0,0,0,0),0 15px 38px rgba(0,0,0,0);
transition:transform var(--motion-duration) var(--motion-ease),box-shadow var(--motion-duration) var(--motion-ease),border-color var(--motion-duration) var(--motion-ease);
}
.single-usluga .cvc-web .cvc-web__tech-card :is(h3,h4){
padding-top:25px;
min-height:calc(3.81em + 25px);
max-width:100%;
text-wrap:pretty;
}
.single-usluga .cvc-web .cvc-web__tech-card>p,
.single-klijent .cvc-web .cvc-client-profile__service-card>p{
color:color-mix(in srgb,var(--cvc-color-text) 84%,var(--project-base-background));
}
.single-usluga .cvc-web .cvc-web__tech-icon,
.single-klijent .cvc-web .cvc-web__tech-icon{
box-shadow:0 12px 30px rgba(0,0,0,.075);
}
.single-usluga .cvc-web .cvc-web__tech-card::before,
.single-klijent .cvc-web .cvc-client-profile__service-card::before{
display:block;
border-top-color:color-mix(in srgb,var(--project-base-primary) 45%,transparent);
border-right-color:color-mix(in srgb,var(--project-base-primary) 10%,transparent);
transform-origin:center;
}
@media (hover:hover) and (pointer:fine){
.single-usluga .cvc-web .cvc-web__tech-card:is(:hover,:focus-visible),
.single-klijent .cvc-web .cvc-client-profile__service-card:is(:hover,:focus-visible){
transform:translateY(-5px) scale(1.008);
box-shadow:inset 0 0 0 100vmax rgba(0,0,0,.025),0 20px 45px rgba(0,0,0,.095);
border-color:color-mix(in srgb,var(--project-base-primary) 45%,var(--cvc-color-border));
}
}
@media (prefers-reduced-motion:no-preference) and (hover:hover) and (pointer:fine){
.single-usluga .cvc-web .cvc-web__tech-card:hover::before,
.single-klijent .cvc-web .cvc-client-profile__service-card:hover::before{
animation:cvc-usluge-orbit 9s linear infinite;
}
}
@media(max-width:560px){
.single-usluga .cvc-web .cvc-web__tech-card :is(h3,h4){
min-height:calc(3.81em + 25px);
}
}
@media(prefers-reduced-motion:reduce){
.single-usluga .cvc-web .cvc-web__tech-card:hover,
.single-klijent .cvc-web .cvc-client-profile__service-card:is(:hover,:focus-visible){
transform:none;
box-shadow:inset 0 0 0 100vmax rgba(0,0,0,.025);
}
.single-usluga .cvc-web .cvc-web__tech-card::before,.single-klijent .cvc-web .cvc-client-profile__service-card::before{animation:none!important}
}

@media(prefers-reduced-motion:reduce){
.cvc-web .cvc-service-reveal{transition:none!important;transform:none!important;opacity:1!important}
.cvc-web__tech-card,.cvc-web__tech-icon,.cvc-web__process-visual,.cvc-web__process-visual--photo img,.cvc-web__browser{transition:none!important}
.cvc-web__tech-card:hover,.cvc-web__tech-card:hover .cvc-web__tech-icon,.cvc-web__example:hover .cvc-web__browser{transform:none!important}
.cvc-web__mid-cta-actions .cvc-btn:hover{transform:none}
}

/* Jedinstveni nativni horizontalni swipe za svih 21 CPT usluga.
 * Na mobitelu dvije ikonografske kartice, proces jedan vizual; bez sticky efekta. */
.cvc-web__horizontal-pilot-controls{display:none}
.cvc-web__horizontal-pilot-progress{display:none}
@media (max-width:560px) and (orientation:portrait) and (pointer:coarse){
body.single-usluga .cvc-web__horizontal-pilot{
min-width:0;width:100%;position:relative
}
body.single-usluga .cvc-web__horizontal-pilot-viewport{
min-width:0;width:100%;overflow-x:auto;overflow-y:hidden;
scroll-snap-type:x proximity;overscroll-behavior-x:contain;
-webkit-overflow-scrolling:touch;
scrollbar-width:none; /* samo teal indikator, nativna siva traka skrivena */
}
body.single-usluga .cvc-web__horizontal-pilot-viewport::-webkit-scrollbar{display:none}
body.single-usluga .cvc-web__horizontal-pilot.cvc-swipe-no-overflow .cvc-web__horizontal-pilot-controls{display:none}
body.single-usluga .cvc-web__horizontal-pilot .cvc-web__technical-grid{
display:grid;grid-template-columns:none;grid-auto-flow:column;
grid-auto-columns:calc((100% - .8rem)/2);gap:.8rem;
max-width:none;width:100%;margin-inline:0;align-items:stretch
}
body.single-usluga .cvc-web__horizontal-pilot .cvc-web__process-strip{
display:grid;grid-template-columns:none;grid-auto-flow:column;
grid-auto-columns:100%;gap:1rem;
max-width:none;width:100%;margin-inline:0;align-items:stretch
}
/* Mobilni proces: citljiviji tekst ispod SVG-a preko citave sirine kartice.
 * Ukloniti desktop ogranicenje max-width:30ch samo na ovom pilotu. */
body.single-usluga .cvc-web__horizontal-pilot .cvc-web__process-strip article > p{
width:100%;max-width:none;
font-size:clamp(1.125rem,4.65vw,1.25rem);
line-height:1.62;
text-wrap:pretty
}
body.single-usluga .cvc-web__horizontal-pilot .cvc-web__process-strip article > h3{
font-size:clamp(1.375rem,5.4vw,1.6rem);
line-height:1.3;
text-wrap:balance
}
body.single-usluga .cvc-web__horizontal-pilot :is(.cvc-web__tech-card,.cvc-web__process-strip > article){
min-width:0;scroll-snap-align:start
}
/* Jedan procesni vizual u kadru zadržava originalnu ilustraciju i omjer,
 * a tekst je čitljiviji i pune širine; ne kopirati ilustracije između usluga. */
body.single-usluga .cvc-web__horizontal-pilot-viewport:focus-visible{
outline:var(--project-focus-ring);outline-offset:4px
}
body.single-usluga .cvc-web__horizontal-pilot-controls{
display:flex;align-items:center;justify-content:space-between;gap:1rem;
width:100%;margin:1.1rem 0 0;min-height:26px
}
body.single-usluga .cvc-web__horizontal-pilot-progress{
display:block;flex:0 1 136px;width:35%;height:4px;margin:0;
background:var(--cw-border);border-radius:6px;overflow:hidden
}
body.single-usluga .cvc-web__horizontal-pilot-hint{
display:inline-flex;align-items:center;gap:.45rem;
font:600 .75rem/1.3 var(--cvc-font-body);
color:var(--cw-link);letter-spacing:.015em;white-space:nowrap
}
body.single-usluga .cvc-web__horizontal-pilot-hint span{
display:inline-grid;place-items:center;width:1.65rem;height:1.65rem;
border:1px solid color-mix(in srgb,var(--cw-link) 42%,transparent);
border-radius:50%;font-size:.95rem;line-height:1
}
body.single-usluga .cvc-web__horizontal-pilot-progress span{
display:block;height:100%;width:100%;background:var(--cw-link);
border-radius:inherit;transform:scaleX(var(--cvc-pilot-progress,0));transform-origin:left center
}
/* Nema sticky nacina: svaki niz ostaje prirodni horizontalni scroll. */
}

/* ZAJEDNIČKI DESKTOP / pojedinačne usluge: zadržani izvorni hover i reveal.
 * Kartične skupine s 4+ stavki u jednom horizontalnom nizu, tri u kadru.
 * Jedini pokret izvan postojećih animacija je izravni horizontalni scroll.
 * Bez utjecaja na procesne ilustracije, radove i mobilni swipe. */
@media (min-width:1151px) and (pointer:fine) {
body.single-usluga .cvc-web__horizontal-pilot.cvc-desktop-carousel {
  --cvc-carousel-gap:clamp(.95rem,1.7vw,1.8rem);
  width:100%;min-width:0;
}
body.single-usluga .cvc-web__horizontal-pilot.cvc-desktop-carousel > .cvc-web__horizontal-pilot-viewport {
  width:100%;min-width:0;overflow-x:auto;overflow-y:clip;
  padding-block-start:6px; /* prostor da postojeći hover lift ne bude odrezan */
  scrollbar-width:none;scroll-snap-type:x mandatory;
  overscroll-behavior-x:contain;scroll-behavior:smooth;
}
body.single-usluga .cvc-web__horizontal-pilot.cvc-desktop-carousel > .cvc-web__horizontal-pilot-viewport::-webkit-scrollbar {display:none}
/* Povlačenje koristi isti nativni scroll, bez nove animacije. */
body.single-usluga .cvc-web__horizontal-pilot.cvc-desktop-carousel .cvc-web__technical-grid,
body.single-usluga .cvc-web__horizontal-pilot.cvc-desktop-carousel .cvc-web__tech-card {cursor:grab}
body.single-usluga .cvc-web__horizontal-pilot.cvc-desktop-carousel.is-dragging > .cvc-web__horizontal-pilot-viewport {
  scroll-behavior:auto!important;scroll-snap-type:none!important;
  cursor:grabbing;user-select:none;-webkit-user-select:none;
}
body.single-usluga .cvc-web__horizontal-pilot.cvc-desktop-carousel.is-dragging .cvc-web__technical-grid,
body.single-usluga .cvc-web__horizontal-pilot.cvc-desktop-carousel.is-dragging .cvc-web__tech-card {cursor:grabbing;user-select:none;-webkit-user-select:none}
body.single-usluga .cvc-web__horizontal-pilot.cvc-desktop-carousel .cvc-web__technical-grid {
  display:grid;grid-template-columns:none;grid-auto-flow:column;
  grid-auto-columns:calc((100% - 2 * var(--cvc-carousel-gap)) / 3);
  gap:var(--cvc-carousel-gap);width:100%;max-width:none;margin:0;
  align-items:stretch;
}
body.single-usluga .cvc-web__horizontal-pilot.cvc-desktop-carousel .cvc-web__tech-card {
  scroll-snap-align:start;min-width:0;height:100%;
}
body.single-usluga .cvc-desktop-carousel__controls {
  display:flex;align-items:center;justify-content:flex-end;
  gap:1rem;width:100%;margin-top:clamp(1.2rem,2vw,1.8rem);
}
body.single-usluga .cvc-desktop-carousel__counter {
  color:var(--cw-muted);font-size:.83rem;font-weight:600;
  letter-spacing:.065em;font-variant-numeric:tabular-nums;
}
body.single-usluga .cvc-desktop-carousel__buttons {
  display:flex;align-items:center;gap:.55rem;
}
body.single-usluga .cvc-desktop-carousel__button {
  display:grid;place-items:center;width:44px;height:44px;
  border:1px solid var(--cw-border);border-radius:50%;
  background:transparent;color:var(--cw-ink);
  font:500 1.3rem/1 var(--cvc-font-body);cursor:pointer;
  transition:border-color .18s ease,background .18s ease,color .18s ease;
}
body.single-usluga .cvc-desktop-carousel__button:hover:not(:disabled) {
  border-color:var(--cw-link);background:var(--cw-link);color:var(--cw-white);
}
body.single-usluga .cvc-desktop-carousel__button:disabled {
  cursor:default;opacity:.32;
}
body.single-usluga .cvc-desktop-carousel__button:focus-visible,
body.single-usluga .cvc-web__horizontal-pilot-viewport:focus-visible {
  outline:2px solid var(--cw-link);outline-offset:3px;
}
}
.cvc-desktop-carousel__controls{display:none}
@media (prefers-reduced-motion:reduce){
body.single-usluga .cvc-web__horizontal-pilot.cvc-desktop-carousel > .cvc-web__horizontal-pilot-viewport{scroll-behavior:auto}
}