/* ==========================================================================
   Evolvitics Core — dizajn sajta
   Boje dolaze iz dashboarda kao CSS varijable (:root, inline).
   ========================================================================== */

:root {
	--evo-lime: #CFF27E;
	--evo-orange: #F58A55;
	--evo-green: #2D4B3F;
	--evo-ink: #141414;
	--evo-bg: #EDEDEA;
	--evo-white: #FFFFFF;
	--evo-grey: #F4F4F1;
	--evo-grey-2: #ECECE7;
	--evo-line: #E3E3DF;
	--evo-muted: #4A4A46;
	--evo-muted-2: #5A5A55;
	--evo-green-2: #3D5E50;
	--evo-on-green: #D5E2DB;
	--evo-squiggle: #DFF27A;
	--evo-r: 32px;
	--evo-pad: clamp(20px, 4vw, 56px);
	--evo-font: 'Onest', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;
	--evo-ease: cubic-bezier(.2, .7, .2, 1);
}

body.evo-theme { background: var(--evo-bg); }
body.evo-theme .elementor-widget[class*="elementor-widget-evo-"] { margin-block-end: 0; }
body.evo-theme .elementor-section.elementor-section-full_width > .elementor-container > .elementor-column > .elementor-widget-wrap { padding: 0; }

/* ---------- Osnova ---------- */
.evo { font-family: var(--evo-font); color: var(--evo-ink); padding: 8px 16px; box-sizing: border-box; -webkit-font-smoothing: antialiased; }
.evo *, .evo *::before, .evo *::after { box-sizing: border-box; }
:where(.evo) img { max-width: 100%; height: auto; }
.evo a { color: inherit; }
:where(.evo) p { margin: 0; }
:where(.evo) ul, :where(.evo) ol { margin: 0; padding: 0; list-style: none; }
.evo :focus-visible { outline: 3px solid var(--evo-orange); outline-offset: 2px; border-radius: 6px; }
.evo-ic { flex: none; display: inline-block; vertical-align: middle; }

.evo-panel { position: relative; background: var(--evo-white); border-radius: var(--evo-r); padding: 72px var(--evo-pad); overflow: hidden; }
.evo-panel--green { background: var(--evo-green); color: #fff; }
.evo-panel--lime { background: var(--evo-lime); }
.evo-panel--flush { padding-left: 0; padding-right: 0; }
.evo-in { position: relative; max-width: 1280px; margin: 0 auto; }
.evo-in--narrow { max-width: 880px; }
.evo-squiggle { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; }
.evo-squiggle path { fill: none; stroke: var(--evo-squiggle); stroke-width: 2.5; vector-effect: non-scaling-stroke; }
.evo-panel--green .evo-squiggle path { stroke: var(--evo-green-2); }

/* ---------- Tipografija ---------- */
.evo-h1 { margin: 0; font-size: clamp(42px, 6vw, 84px); line-height: 1; letter-spacing: -0.035em; font-weight: 700; text-wrap: balance; }
.evo-h1--xl { font-size: clamp(44px, 6.4vw, 92px); letter-spacing: -0.04em; }
.evo-h2 { margin: 0; font-size: clamp(34px, 4.6vw, 62px); line-height: 1.03; letter-spacing: -0.03em; font-weight: 700; text-wrap: balance; }
.evo-h2--xl { font-size: clamp(38px, 5.4vw, 72px); }
.evo-h3 { margin: 0; font-size: clamp(24px, 2.4vw, 30px); line-height: 1.15; letter-spacing: -0.02em; font-weight: 700; }
.evo-h4 { margin: 0; font-size: 21px; line-height: 1.25; letter-spacing: -0.01em; font-weight: 700; }
.evo-lead { font-size: clamp(16px, 1.4vw, 18px); line-height: 1.6; color: var(--evo-muted); max-width: 520px; }
.evo-panel--green .evo-lead, .evo-panel--green p { color: var(--evo-on-green); }
.evo-prose { font-size: 17px; line-height: 1.65; color: var(--evo-muted); display: grid; gap: 14px; }
.evo-prose p { margin: 0; }
.evo-note { font-size: 14px; color: var(--evo-muted-2); }
.evo-muted { color: var(--evo-muted-2); }
.evo-t-orange { color: var(--evo-orange); }
.evo-t-green { color: var(--evo-green); }
.evo-t-lime { color: var(--evo-lime); }

.evo-badge { align-self: flex-start; display: inline-block; font-size: 13px; font-weight: 600; border: 1.5px solid currentColor; border-radius: 999px; padding: 6px 14px; }
.evo-badge--sm { font-size: 12px; padding: 4px 12px; }
.evo-eyebrow { font-size: 13px; font-weight: 600; color: var(--evo-muted); }
.evo-pill { align-self: flex-start; font-size: 13px; font-weight: 600; background: #fff; border-radius: 999px; padding: 6px 12px; color: var(--evo-ink); }
.evo-pill-line { display: inline-block; font-size: 13px; font-weight: 600; border: 1.5px solid currentColor; border-radius: 999px; padding: 5px 12px; }

/* ---------- Dugmad ---------- */
.evo-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; padding: 13px 22px; border-radius: 999px; font: 600 14px/1.2 var(--evo-font); text-decoration: none; border: 1.5px solid transparent; cursor: pointer; transition: transform .2s var(--evo-ease), background-color .2s, color .2s, box-shadow .2s; white-space: nowrap; }
.evo-btn:hover { transform: translateY(-2px); }
.evo-btn:active { transform: none; }
.evo-btn--lg { padding: 16px 26px; font-size: 15px; }
.evo-btn--xs { min-height: 0; padding: 6px 10px; font-size: 11px; }
.evo-btn--block { width: 100%; }
.evo .evo-btn--dark { background: var(--evo-ink); color: #fff; }
.evo .evo-btn--dark:hover { background: var(--evo-green); color: #fff; }
.evo .evo-btn--outline { background: transparent; color: var(--evo-ink); border-color: var(--evo-ink); }
.evo .evo-btn--outline:hover { background: var(--evo-ink); color: #fff; }
.evo .evo-btn--lime { background: var(--evo-lime); color: var(--evo-ink); }
.evo .evo-btn--lime:hover { box-shadow: 0 10px 24px rgba(207, 242, 126, .45); color: var(--evo-ink); }
.evo .evo-btn--green { background: var(--evo-green); color: #fff; }
.evo .evo-btn--outline-light { background: transparent; color: #fff; border-color: rgba(255, 255, 255, .5); }
.evo-icon-btn { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 999px; border: 1px solid var(--evo-line); background: #fff; color: var(--evo-ink); cursor: pointer; text-decoration: none; transition: background .2s; }
.evo-icon-btn:hover { background: var(--evo-grey); }
.evo-arrow { flex: none; width: 52px; height: 52px; border-radius: 999px; display: inline-flex; align-items: center; justify-content: center; background: var(--evo-ink); color: #fff; transition: transform .3s var(--evo-ease); }
.evo-arrow--sm { width: 36px; height: 36px; background: var(--evo-lime); color: var(--evo-ink); }
.evo-stretch { text-decoration: none; }
.evo-stretch::after { content: ""; position: absolute; inset: 0; border-radius: inherit; z-index: 1; }

/* ---------- Layout ---------- */
.evo-split { display: flex; flex-wrap: wrap; gap: 48px; }
.evo-split--center { align-items: center; }
.evo-split__text { flex: 1 1 440px; min-width: 0; display: flex; flex-direction: column; gap: 24px; }
.evo-split__text--narrow { flex: 1 1 340px; gap: 16px; }
.evo-split__media { flex: 1 1 480px; min-width: 0; }
.evo-stack { display: flex; flex-direction: column; gap: 40px; }
.evo-stack--tight { gap: 14px; }
.evo-head { display: flex; flex-wrap: wrap; gap: 24px 32px; justify-content: space-between; align-items: flex-end; }
.evo-head--hero { align-items: flex-end; }
.evo-head__aside { flex: 0 1 380px; display: flex; flex-direction: column; gap: 16px; font-size: 16px; line-height: 1.55; color: var(--evo-muted); }
.evo-head__aside-text { max-width: 420px; font-size: 16px; line-height: 1.55; color: var(--evo-muted); }
.evo-head--reverse .evo-head__title--right { flex: 1 1 420px; text-align: right; }
.evo-grid { display: grid; gap: 16px; }
.evo-grid--3 { grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); }
.evo-grid--4 { grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); }
.evo-actions { display: flex; flex-wrap: wrap; gap: 12px; }
.evo-rounded-img { display: block; width: 100%; max-width: 560px; aspect-ratio: 16 / 9; object-fit: cover; border-radius: 28px; }

/* ---------- Boje kartica ---------- */
.evo-c-limeta { --c-bg: var(--evo-lime); --c-fg: var(--evo-ink); --c-sub: #2A2F1E; --c-line: var(--evo-ink); --c-arrow-bg: #fff; --c-arrow-fg: var(--evo-ink); }
.evo-c-narandzasta { --c-bg: var(--evo-orange); --c-fg: var(--evo-ink); --c-sub: #2E1A10; --c-line: var(--evo-ink); --c-arrow-bg: #fff; --c-arrow-fg: var(--evo-ink); }
.evo-c-zelena { --c-bg: var(--evo-green); --c-fg: #fff; --c-sub: var(--evo-on-green); --c-line: var(--evo-lime); --c-arrow-bg: var(--evo-lime); --c-arrow-fg: var(--evo-ink); }
.evo-c-tamna { --c-bg: var(--evo-ink); --c-fg: #fff; --c-sub: #CFCFC8; --c-line: #fff; --c-arrow-bg: var(--evo-lime); --c-arrow-fg: var(--evo-ink); }
.evo-c-siva { --c-bg: var(--evo-grey-2); --c-fg: var(--evo-ink); --c-sub: var(--evo-muted); --c-line: var(--evo-ink); --c-arrow-bg: var(--evo-ink); --c-arrow-fg: #fff; }
.evo-c-bijela { --c-bg: #fff; --c-fg: var(--evo-ink); --c-sub: var(--evo-muted); --c-line: var(--evo-ink); --c-arrow-bg: var(--evo-ink); --c-arrow-fg: #fff; }

/* ---------- Oznake ---------- */
.evo-tags { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 4px; }
.evo-tag { display: inline-flex; align-items: center; gap: 8px; background: var(--c-bg, var(--evo-lime)); color: var(--c-fg, var(--evo-ink)); font-size: 14px; font-weight: 600; padding: 10px 16px; border-radius: 14px; white-space: nowrap; }
.evo-tilt-0 { transform: rotate(-6deg); }
.evo-tilt-1 { transform: rotate(3deg); }
.evo-tilt-2 { transform: rotate(-2deg); }
.evo-stars { display: inline-flex; gap: 2px; vertical-align: .3em; margin-left: .1em; }
.evo-stars .evo-ic { width: .5em; height: .5em; }
.evo-stars .evo-ic + .evo-ic { width: .44em; height: .44em; transform: translateY(-.25em); }

.evo-circle { flex: none; display: inline-flex; align-items: center; justify-content: center; width: 96px; height: 96px; border-radius: 999px; }
.evo-circle--lime { background: var(--evo-lime); color: var(--evo-green); }
.evo-circle--green { width: 72px; height: 72px; background: var(--evo-green); color: var(--evo-lime); }
.evo-circle--orange { background: var(--evo-orange); color: var(--evo-ink); }
.evo-circle--sm { width: 40px; height: 40px; }
.evo-circle--xs { width: 34px; height: 34px; }
.evo-circle--lg { width: 88px; height: 88px; }
.evo-pill-line { color: inherit; }

/* ---------- Header ---------- */
.evo-header-wrap { position: sticky; top: 0; z-index: 50; padding-bottom: 0; }
.admin-bar .evo-header-wrap { top: 32px; }
.evo-skip { position: absolute; left: 24px; top: -60px; background: var(--evo-ink); color: #fff; padding: 10px 16px; border-radius: 999px; z-index: 60; text-decoration: none; }
.evo-skip:focus { top: 16px; }
.evo-header { padding: 14px var(--evo-pad); border-radius: 24px; transition: box-shadow .3s; overflow: visible; }
.evo-header.is-scrolled { box-shadow: 0 10px 30px rgba(20, 20, 20, .08); }
.evo-header__bar { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.evo-logo { display: inline-flex; align-items: center; text-decoration: none; }
.evo-logo__img { display: block; height: 34px; width: auto; }
.evo-logo__img--sm { height: 30px; }
.evo-nav__list { display: flex; flex-wrap: wrap; gap: 4px; background: #F1F1EE; border-radius: 999px; padding: 5px; }
.evo-nav__list a { display: block; text-decoration: none; font-size: 14px; font-weight: 500; padding: 10px 16px; border-radius: 999px; transition: background .2s; }
.evo-nav__list a:hover { background: rgba(255, 255, 255, .7); }
.evo-nav__list .current-menu-item > a, .evo-nav__list .current_page_item > a, .evo-nav__list .current-menu-ancestor > a { background: #fff; font-weight: 600; box-shadow: 0 1px 2px rgba(0, 0, 0, .06); }
.evo-nav__mobile-cta { display: none; }
.evo-header__actions { display: flex; align-items: center; gap: 10px; }
.evo-burger { display: none; }
.evo-burger__close { display: none; }

/* ---------- Footer ---------- */
.evo-footer { padding-top: 48px; padding-bottom: 32px; }
.evo-footer__grid { display: flex; flex-wrap: wrap; gap: 32px; justify-content: space-between; }
.evo-footer__brand { flex: 1 1 260px; display: flex; flex-direction: column; gap: 14px; font-size: 14px; line-height: 1.5; color: var(--evo-muted-2); }
.evo-footer__brand p { max-width: 300px; }
.evo-footer__col { flex: 0 1 190px; font-size: 14px; }
.evo-footer__col ul { display: flex; flex-direction: column; gap: 10px; }
.evo-footer__col a { text-decoration: none; }
.evo-footer__col a:hover { color: var(--evo-green); text-decoration: underline; }
.evo-footer__title { font-weight: 700; margin-bottom: 12px !important; }
.evo-footer__bottom { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px; margin-top: 32px; padding-top: 20px; border-top: 1px solid #E6E6E2; font-size: 13px; color: var(--evo-muted-2); }
.evo-social { display: flex; gap: 8px; }
.evo-mbar { display: none; }

/* ---------- Hero ---------- */
.evo-hero { padding-top: 56px; }
.evo-hero-card { position: relative; background: var(--evo-green); border-radius: 44px; padding: 28px; display: flex; flex-direction: column; gap: 24px; }
.evo-hero-card__img { display: block; width: 100%; height: clamp(260px, 30vw, 380px); object-fit: cover; border-radius: 30px; }
.evo-hero-card__foot { display: flex; flex-wrap: wrap; align-items: center; gap: 20px; }
.evo-hero-card__foot p { flex: 1 1 180px; color: #E4EDE8; font-size: 15px; line-height: 1.5; }
.evo-hero-card .evo-pill-line { color: #fff; border-color: var(--evo-lime); padding: 10px 18px; font-size: 14px; transform: rotate(-4deg); }

/* ---------- Kartice usluga (početna) ---------- */
.evo-cards { display: flex; flex-wrap: wrap; gap: 16px; }
.evo-card { position: relative; flex: 1 1 340px; min-width: 0; border-radius: var(--evo-r); padding: 24px; min-height: 340px; display: flex; flex-direction: column; gap: 20px; background: var(--c-bg); color: var(--c-fg); transition: transform .35s var(--evo-ease), box-shadow .35s; }
.evo-card--wide { flex-basis: 500px; min-height: 300px; }
.evo-card:hover { transform: translateY(-6px); box-shadow: 0 22px 44px rgba(20, 20, 20, .10); }
.evo-card .evo-badge { border-color: var(--c-line); color: var(--c-fg); }
.evo-svc-card__top { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; }
.evo-svc-card__img { width: 58%; aspect-ratio: 4 / 3; height: auto; object-fit: cover; border-radius: 22px; display: block; }
.evo-svc-card__icon { width: 88px; height: 72px; border-radius: 22px; background: rgba(255, 255, 255, .9); color: var(--evo-ink); display: flex; align-items: center; justify-content: center; transform: rotate(6deg); }
.evo-svc-card__body { margin-top: auto; display: flex; flex-direction: column; gap: 8px; padding-right: 64px; }
.evo-svc-card__body p { font-size: 15px; line-height: 1.5; color: var(--c-sub); }
.evo-card .evo-arrow { position: absolute; right: 24px; bottom: 24px; background: var(--c-arrow-bg); color: var(--c-arrow-fg); }
.evo-card:hover .evo-arrow, .evo-row-card:hover .evo-arrow { transform: rotate(45deg); }

/* ---------- Okviri sa slikom ---------- */
.evo-frame { position: relative; border-radius: 44px; padding: 28px; background: var(--evo-grey-2); }
.evo-frame--green { background: var(--evo-green); }
.evo-frame__img { display: block; width: 100%; height: clamp(280px, 32vw, 420px); object-fit: cover; border-radius: 30px; }
.evo-frame__badge { position: absolute; right: 40px; bottom: 44px; }
.evo-float { position: absolute; z-index: 1; }
.evo-float--0 { right: 18px; top: 48px; transform: rotate(-8deg); }
.evo-float--1 { left: 8px; bottom: 70px; transform: rotate(-12deg); }
.evo-float--2 { right: 40px; bottom: 30px; transform: rotate(-4deg); }

/* ---------- Tabla "radimo zajedno" ---------- */
.evo-board { position: relative; height: 250px; border-radius: 28px; background-color: #F1F1EE; background-image: linear-gradient(#E3E3DF 1px, transparent 1px), linear-gradient(90deg, #E3E3DF 1px, transparent 1px); background-size: 64px 64px; margin-top: 8px; }
.evo-board__tools { position: absolute; left: 24px; top: 22px; display: flex; gap: 6px; background: #fff; border-radius: 14px; padding: 6px; }
.evo-board__tools span { width: 34px; height: 34px; border-radius: 9px; display: flex; align-items: center; justify-content: center; }
.evo-board__tools .is-on { background: var(--evo-lime); }
.evo-board__line { position: absolute; left: 12%; top: 80px; width: 58%; height: 120px; }
.evo-board__line path { fill: none; stroke: #D3F05E; stroke-width: 16; stroke-linecap: round; stroke-dasharray: 520; animation: evoDraw 6s var(--evo-ease) infinite; }
.evo-cursor { position: absolute; display: inline-flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 600; padding: 9px 14px; border-radius: 12px; animation: evoBob 3.4s ease-in-out infinite; }
.evo-cursor--0 { right: 18px; top: 34px; background: var(--evo-orange); }
.evo-cursor--1 { left: 18px; bottom: 24px; background: var(--evo-ink); color: #fff; animation-delay: 1.1s; }
.evo-cursor--2 { right: 32px; bottom: 34px; background: var(--evo-green); color: #fff; animation-delay: 2.2s; }
.evo-cursor--2 .evo-ic { color: var(--evo-lime); }

/* ---------- Koraci ---------- */
.evo-steps { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 16px; counter-reset: none; }
.evo-step { background: var(--evo-grey); border-radius: 28px; padding: 28px; display: flex; flex-direction: column; gap: 14px; }
.evo-step p { font-size: 15px; line-height: 1.5; color: var(--evo-muted); }
.evo-step--dark { background: var(--evo-green); color: #fff; }
.evo-step--dark p { color: var(--evo-on-green); }
.evo-num { width: 52px; height: 52px; border-radius: 999px; background: var(--evo-lime); color: var(--evo-ink); display: inline-flex; align-items: center; justify-content: center; font-weight: 700; font-size: 15px; flex: none; }
.evo-step:nth-child(4n+2) .evo-num { background: var(--evo-orange); }
.evo-step:nth-child(4n+3) .evo-num { background: #fff; border: 1.5px solid var(--evo-line); }
.evo-step .evo-h4 { margin-top: 6px; }
.evo-vsteps { display: flex; flex-direction: column; gap: 12px; }
.evo-vstep { display: flex; gap: 20px; align-items: flex-start; background: var(--evo-grey); border-radius: 24px; padding: 22px 24px; }
.evo-vstep .evo-num { width: 44px; height: 44px; font-size: 14px; }
.evo-vstep > span:last-child { display: flex; flex-direction: column; gap: 4px; font-size: 15px; line-height: 1.5; color: var(--evo-muted); }
.evo-vstep strong { font-size: 18px; color: var(--evo-ink); }
.evo-vstep--dark { background: var(--evo-green); }
.evo-vstep--dark > span:last-child { color: var(--evo-on-green); }
.evo-vstep--dark strong { color: #fff; }

/* ---------- Box ---------- */
.evo-box { background: var(--evo-grey); border-radius: 28px; padding: 28px; display: flex; flex-direction: column; gap: 12px; }
.evo-box p { font-size: 15px; line-height: 1.5; color: var(--evo-muted); }
.evo-box--tall { min-height: 220px; }
.evo-box--tall .evo-h4 { margin-top: auto; }
.evo-box--lg { padding: clamp(24px, 3vw, 40px); gap: 16px; }
.evo-box--dark { background: var(--evo-green); color: #fff; }
.evo-box--dark p { color: var(--evo-on-green); }
.evo-box--dark .evo-eyebrow { color: var(--evo-lime); }
.evo-box--lime { background: var(--evo-lime); }
.evo-box--lime p { color: #2A2F1E; }
.evo-box--orange { background: var(--evo-orange); }
.evo-box--orange p { color: #2E1A10; }
.evo-box__title { font-weight: 700; font-size: 15px; color: inherit !important; }
.evo-box__num { font-weight: 700; font-size: 14px; }
.evo-box--dark .evo-box__num { color: var(--evo-lime); }
.evo-ibox { width: 52px; height: 52px; border-radius: 16px; background: var(--evo-lime); color: var(--evo-ink); display: inline-flex; align-items: center; justify-content: center; flex: none; }
.evo-box--dark .evo-ibox { background: var(--evo-lime); }
.evo-ibox--orange { background: var(--evo-orange); }
.evo-ibox--green { background: var(--evo-green); color: var(--evo-lime); }
.evo-ibox--lime { background: var(--evo-lime); }
.evo-box .evo-h4 { margin-top: 6px; }
.evo-inline-list { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; font-size: 15px; }
.evo-inline-list ul { display: flex; flex-wrap: wrap; gap: 10px; }
.evo-inline-list li { font-size: 14px; font-weight: 500; background: var(--evo-grey-2); padding: 10px 16px; border-radius: 999px; }
.evo-bignum { font-size: 64px; font-weight: 800; letter-spacing: -0.04em; line-height: 1; color: var(--evo-green); }
.evo-checks { display: flex; flex-direction: column; gap: 10px; }
.evo-checks li { display: flex; gap: 10px; align-items: flex-start; font-size: 15px; line-height: 1.45; }
.evo-checks .evo-ic { margin-top: 2px; stroke-width: 2.6; }

/* ---------- Usluge: lista + orbita ---------- */
.evo-row-card { position: relative; display: flex; flex-wrap: wrap; align-items: center; gap: 24px; padding: 28px; border-radius: var(--evo-r); background: var(--c-bg); color: var(--c-fg); transition: transform .3s var(--evo-ease), box-shadow .3s; }
.evo-row-card:hover { transform: translateY(-4px); box-shadow: 0 18px 40px rgba(20, 20, 20, .08); }
.evo-row-card__num { width: 48px; font-weight: 700; font-size: 15px; }
.evo-row-card__icon { width: 72px; height: 72px; border-radius: 22px; background: rgba(255, 255, 255, .92); color: var(--evo-ink); display: flex; align-items: center; justify-content: center; }
.evo-c-tamna .evo-row-card__icon, .evo-c-zelena .evo-row-card__icon { background: var(--evo-lime); }
.evo-row-card__text { flex: 1 1 260px; display: flex; flex-direction: column; gap: 6px; }
.evo-row-card__text p { font-size: 15px; line-height: 1.5; color: var(--c-sub); }
.evo-row-card__tags { flex: 0 1 300px; display: flex; flex-wrap: wrap; gap: 8px; color: var(--c-line); }
.evo-row-card .evo-arrow { background: var(--c-arrow-bg); color: var(--c-arrow-fg); }
.evo-orbit { position: relative; width: min(440px, 100%); aspect-ratio: 1 / 1; margin: 0 auto; }
.evo-orbit__ring { position: absolute; border-radius: 999px; }
.evo-orbit__ring--outer { inset: 9%; border: 1.5px dashed #CFCFC8; }
.evo-orbit__ring--inner { inset: 28%; border: 1.5px solid var(--evo-grey-2); }
.evo-orbit__core { position: absolute; left: 36%; top: 36%; width: 28%; height: 28%; border-radius: 999px; background: var(--evo-green); color: var(--evo-lime); display: flex; align-items: center; justify-content: center; animation: evoPulse 3s ease-in-out infinite; }
.evo-orbit__rot { position: absolute; inset: 0; animation: evoSpin 28s linear infinite; }
.evo-orbit__pos { position: absolute; transform: translate(-50%, -50%); }
.evo-orbit__chip { display: block; animation: evoSpinBack 28s linear infinite; }

/* ---------- Cijene ---------- */
.evo-prices { display: grid; grid-template-columns: repeat(auto-fit, minmax(270px, 1fr)); gap: 16px; align-items: stretch; }
.evo-price { position: relative; display: flex; flex-direction: column; gap: 16px; background: var(--evo-grey); border-radius: 32px; padding: 32px 28px 28px; }
.evo-price--hot { background: var(--evo-green); color: #fff; box-shadow: 0 24px 50px rgba(45, 75, 63, .25); }
.evo-price__flag { position: absolute; top: -12px; right: 24px; background: var(--evo-lime); color: var(--evo-ink); font-size: 12px; font-weight: 700; padding: 6px 12px; border-radius: 999px; }
.evo-price__for { font-size: 14px; color: var(--evo-muted); }
.evo-price--hot .evo-price__for { color: var(--evo-on-green); }
.evo-price__amount { display: flex; align-items: baseline; flex-wrap: wrap; gap: 6px; padding: 8px 0 16px; border-bottom: 1px solid var(--evo-line); }
.evo-price--hot .evo-price__amount { border-color: var(--evo-green-2); }
.evo-price__amount strong { font-size: 44px; letter-spacing: -0.03em; line-height: 1; }
.evo-price__amount span { font-weight: 700; font-size: 18px; }
.evo-price__amount small { font-size: 14px; color: var(--evo-muted); }
.evo-price--hot .evo-price__amount small { color: var(--evo-on-green); }
.evo-price .evo-checks { flex: 1; }
.evo-price--hot .evo-checks .evo-ic { color: var(--evo-lime); }

/* ---------- FAQ ---------- */
.evo-faq { background: var(--evo-grey); border-radius: 22px; padding: 0; }
.evo-faq summary { list-style: none; cursor: pointer; display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 22px 26px; font-size: 18px; font-weight: 600; }
.evo-faq summary::-webkit-details-marker { display: none; }
.evo-faq__plus { position: relative; flex: none; width: 28px; height: 28px; border-radius: 999px; background: #fff; }
.evo-faq__plus::before, .evo-faq__plus::after { content: ""; position: absolute; left: 50%; top: 50%; width: 12px; height: 2px; background: var(--evo-ink); transform: translate(-50%, -50%); transition: transform .25s; }
.evo-faq__plus::after { transform: translate(-50%, -50%) rotate(90deg); }
.evo-faq[open] .evo-faq__plus::after { transform: translate(-50%, -50%) rotate(0); }
.evo-faq__a { padding: 0 26px 22px; font-size: 15px; line-height: 1.6; color: var(--evo-muted); }
.evo-faq__a p { margin: 0 0 8px; }

/* ---------- CTA ---------- */
.evo-cta { padding-top: 64px; padding-bottom: 64px; }
.evo-cta__row { display: flex; flex-wrap: wrap; gap: 24px; justify-content: space-between; align-items: center; }
.evo-cta__row .evo-h2 { flex: 1 1 420px; font-size: clamp(30px, 4vw, 52px); }
.evo-others { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; padding-top: 24px; border-top: 1px solid var(--evo-green-2); font-size: 14px; color: var(--evo-on-green); }
.evo-others a { color: #fff; text-decoration: none; font-weight: 600; border: 1.5px solid #6E8D7F; padding: 10px 16px; border-radius: 999px; transition: background .2s, color .2s; }
.evo-others a:hover { background: var(--evo-lime); color: var(--evo-ink); border-color: var(--evo-lime); }

/* ---------- Putanja ---------- */
.evo-crumbs ol { display: flex; flex-wrap: wrap; gap: 8px; font-size: 14px; color: var(--evo-muted-2); }
.evo-crumbs li + li::before { content: "/"; margin-right: 8px; }
.evo-crumbs a { color: var(--evo-muted-2); }
.evo-crumbs [aria-current] { color: var(--evo-ink); font-weight: 600; }

/* ---------- Forma ---------- */
.evo-form-card { background: #fff; color: var(--evo-ink); border-radius: 32px; padding: clamp(24px, 3vw, 40px); }
.evo-form-card--framed { box-shadow: 0 0 0 clamp(10px, 1.4vw, 18px) var(--evo-green); margin: clamp(10px, 1.4vw, 18px); }
.evo-form { display: flex; flex-direction: column; gap: 20px; }
.evo-form[hidden], .evo-form-success[hidden] { display: none !important; }
.evo-form__title { margin: 0; font-size: 28px; letter-spacing: -0.02em; font-weight: 700; }
.evo-form__group { border: 0; margin: 0; padding: 0; }
.evo-form__group legend { font-size: 15px; font-weight: 600; padding: 0; margin-bottom: 12px; }
.evo-form__row { display: flex; flex-wrap: wrap; gap: 14px; }
.evo-form__row > .evo-field { flex: 1 1 200px; }
.evo-field { display: flex; flex-direction: column; gap: 8px; font-size: 14px; font-weight: 500; }
.evo-field input[type="text"], .evo-field input[type="email"], .evo-field input[type="tel"], .evo-field textarea { font: inherit; font-size: 16px; color: var(--evo-ink); padding: 14px 16px; border-radius: 14px; border: 1.5px solid #D9D9D4; background: #F7F7F4; width: 100%; transition: border-color .2s, background .2s; }
.evo-field textarea { resize: vertical; min-height: 110px; }
.evo-field input:focus, .evo-field textarea:focus { outline: none; border-color: var(--evo-green); background: #fff; }
.evo-field.is-invalid input, .evo-field.is-invalid textarea { border-color: #C2410C; }
.evo-field__err { color: #B42318; font-size: 13px; min-height: 0; }
.evo-field__err:empty { display: none; }
.evo-check { display: flex; gap: 10px; align-items: flex-start; font-size: 13px; font-weight: 400; line-height: 1.5; color: var(--evo-muted); cursor: pointer; }
.evo-check input { width: 20px; height: 20px; margin: 0; flex: none; accent-color: var(--evo-green); }
.evo-check a { color: var(--evo-green); }
.evo-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.evo-chip { position: relative; cursor: pointer; }
.evo-chip input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.evo-chip span { display: inline-flex; align-items: center; min-height: 44px; padding: 10px 18px; border-radius: 999px; border: 1.5px solid #D9D9D4; background: #fff; font-size: 14px; font-weight: 600; transition: background .2s, color .2s, border-color .2s; }
.evo-chip:hover span { border-color: var(--evo-green); }
.evo-chip input:checked + span { background: var(--evo-green); color: #fff; border-color: var(--evo-green); }
.evo-chip input:focus-visible + span { outline: 3px solid var(--evo-orange); outline-offset: 2px; }
.evo-form__foot { display: flex; flex-wrap: wrap; gap: 16px; align-items: center; }
.evo-form__note { font-size: 13px; color: var(--evo-muted-2); }
.evo-form__msg { font-size: 14px; color: #B42318; }
.evo-form__msg:empty { display: none; }
.evo-form.is-loading [data-evo-submit] { opacity: .6; pointer-events: none; }
.evo-form.is-loading [data-evo-submit]::after { content: ""; width: 16px; height: 16px; border-radius: 999px; border: 2px solid currentColor; border-right-color: transparent; animation: evoSpin .8s linear infinite; }
.evo-hp { position: absolute !important; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.evo-form-success { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 16px; padding: 48px 12px; min-height: 420px; justify-content: center; }
.evo-form-success__icon { width: 96px; height: 96px; border-radius: 999px; background: var(--evo-lime); color: var(--evo-green); display: flex; align-items: center; justify-content: center; animation: evoPopIn .5s cubic-bezier(.2, 1.4, .4, 1) both; }
.evo-form-success__title { font-size: 30px; font-weight: 700; letter-spacing: -0.02em; }
.evo-form-success p:not(.evo-form-success__title) { max-width: 380px; color: var(--evo-muted); line-height: 1.55; }

.evo-contacts { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 12px; }
.evo-contacts a, .evo-contacts__item { display: flex; gap: 14px; align-items: center; background: var(--evo-grey); border-radius: 22px; padding: 18px 20px; text-decoration: none; transition: background .2s; }
.evo-contacts a:hover { background: var(--evo-grey-2); }
.evo-contacts a > span:last-child, .evo-contacts__item > span:last-child { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.evo-contacts small { font-size: 13px; color: var(--evo-muted-2); }
.evo-contacts strong { font-size: 15px; word-break: break-word; }
.evo-contacts .evo-ibox { width: 44px; height: 44px; border-radius: 14px; }

/* ---------- Citat ---------- */
.evo-quote figure { margin: 0 auto; text-align: center; display: flex; flex-direction: column; gap: 20px; align-items: center; }
.evo-quote blockquote { margin: 0; }
.evo-quote blockquote p { font-size: clamp(28px, 4vw, 52px); line-height: 1.15; letter-spacing: -0.025em; font-weight: 600; }
.evo-quote figcaption { font-size: 15px; color: var(--evo-muted-2); }

/* ---------- Tabovi (proces) ---------- */
.evo-tabs { display: flex; flex-direction: column; gap: 24px; }
.evo-tabs__list { display: flex; flex-wrap: wrap; gap: 10px; }
.evo-tabs__tab { font: 600 16px var(--evo-font); display: inline-flex; gap: 10px; align-items: center; min-height: 52px; padding: 12px 22px; border-radius: 999px; border: 1.5px solid var(--evo-line); background: #fff; color: var(--evo-ink); cursor: pointer; transition: background .2s, color .2s, border-color .2s; }
.evo-tabs__tab small { font-size: 13px; font-weight: 700; opacity: .7; }
.evo-tabs__tab:hover { border-color: var(--evo-green); }
.evo-tabs__tab[aria-selected="true"] { background: var(--evo-green); color: #fff; border-color: var(--evo-green); }
.evo-tabs__panel { display: flex; flex-wrap: wrap; gap: 16px; animation: evoFadeUp .45s var(--evo-ease) both; }
.evo-tabs__panel[hidden] { display: none; }
.evo-tabs__panel > .evo-box { flex: 1 1 420px; }
.evo-tabs__side { flex: 1 1 300px; display: flex; flex-direction: column; gap: 16px; }

/* ==========================================================================
   Animacije — scena
   ========================================================================== */
.evo-stage { position: relative; border-radius: 44px; padding: 36px 28px; min-height: 480px; overflow: hidden; }
.evo-stage--lime { background: var(--evo-lime); }
.evo-stage--orange { background: var(--evo-orange); }
.evo-stage--ink { background: var(--evo-ink); }
.evo-stage--green { background: var(--evo-green); }
.evo-stage--grey { background: var(--evo-grey-2); min-height: 540px; }
.evo-stage--path { min-height: 0; padding: 28px; }
.evo-sk { display: block; height: 8px; border-radius: 99px; background: var(--evo-line); }
.evo-sk--logo { width: 60px; height: 10px; background: var(--evo-ink); }
.evo-sk--h { height: 14px; width: 90%; border-radius: 6px; background: var(--evo-ink); }
.evo-sk--p { height: 7px; width: 80%; }
.evo-sk--btn { width: 76px; height: 24px; background: var(--evo-green); margin-top: 6px; }
.evo-sk--80 { width: 80%; } .evo-sk--70 { width: 70%; } .evo-sk--60 { width: 60%; } .evo-sk--40 { width: 40%; }
.evo-float-chip { position: absolute; display: inline-flex; align-items: center; gap: 8px; background: var(--evo-ink); color: #fff; font-size: 13px; font-weight: 600; padding: 10px 14px; border-radius: 12px; }
.evo-dot { width: 8px; height: 8px; border-radius: 99px; background: var(--evo-lime); display: inline-block; }
.evo-toast { position: absolute; display: flex; align-items: center; gap: 10px; background: var(--evo-ink); color: #fff; border-radius: 16px; padding: 12px 16px; z-index: 2; }
.evo-toast span:last-child { display: flex; flex-direction: column; }
.evo-toast strong { font-size: 14px; }
.evo-toast small { font-size: 12px; opacity: .75; }

/* --- Web --- */
.evo-browser { position: relative; width: 82%; background: #fff; border-radius: 22px; box-shadow: 0 20px 50px rgba(45, 75, 63, .18); overflow: hidden; }
.evo-browser__bar { display: flex; align-items: center; gap: 6px; padding: 12px 14px; border-bottom: 1px solid var(--evo-grey-2); }
.evo-browser__bar i { width: 10px; height: 10px; border-radius: 99px; background: var(--evo-line); }
.evo-browser__bar i.is-orange { background: var(--evo-orange); }
.evo-browser__bar span { margin-left: 10px; flex: 1; background: var(--evo-grey); border-radius: 999px; font-size: 11px; color: var(--evo-muted-2); padding: 5px 12px; }
.evo-browser__body { padding: 16px; display: flex; flex-direction: column; gap: 12px; }
.evo-browser__nav { display: flex; justify-content: space-between; align-items: center; }
.evo-browser__links { display: flex; gap: 6px; }
.evo-browser__links .evo-sk { width: 28px; }
.evo-browser__hero { display: flex; gap: 12px; }
.evo-browser__copy { flex: 1; display: flex; flex-direction: column; gap: 8px; padding-top: 8px; }
.evo-browser__img { flex: 1; min-width: 0; height: 130px; border-radius: 14px; overflow: hidden; }
.evo-browser__img img, .evo-phone__img img, .am-post__photo img, .evo-player__media img, .evo-shorts img { width: 100%; height: 100%; object-fit: cover; display: block; }
.evo-browser__cards { display: flex; gap: 10px; }
.evo-browser__cards span { flex: 1; height: 62px; border-radius: 12px; background: var(--evo-grey); }
.evo-browser__cards span.is-dark { background: var(--evo-green); }
.aw-b { animation: evoBuild 8s ease-out infinite both; }
.aw-1 { animation-delay: .2s; } .aw-2 { animation-delay: .6s; } .aw-3 { animation-delay: 1s; } .aw-4 { animation-delay: 1.4s; } .aw-5 { animation-delay: 1.7s; } .aw-6 { animation-delay: 2s; } .aw-7 { animation-delay: 2.4s; }
.aw-cursor { position: absolute; left: 0; top: 0; color: var(--evo-ink); animation: awCursor 8s ease-in-out infinite; }
.aw-cursor .evo-ic path { stroke: #fff; stroke-width: 1.5; }
.evo-phone { position: absolute; right: 22px; bottom: 34px; width: 130px; height: 250px; background: var(--evo-ink); border-radius: 26px; padding: 8px; }
.evo-phone__screen { width: 100%; height: 100%; background: #fff; border-radius: 19px; padding: 12px 10px; display: flex; flex-direction: column; gap: 8px; overflow: hidden; }
.evo-phone__img { height: 70px; border-radius: 10px; overflow: hidden; }
.aw-phone { animation: awPhone 8s ease-out infinite both; }
.aw-speed { left: 22px; bottom: 22px; }
.aw-bar { width: 70px; height: 6px; border-radius: 99px; background: #3A3A37; overflow: hidden; display: inline-block; }
.aw-bar i { display: block; height: 100%; background: var(--evo-lime); border-radius: 99px; animation: awSpeed 8s ease-out infinite; }

/* --- Google --- */
.evo-serp { position: relative; width: 86%; max-width: 440px; background: #fff; border-radius: 24px; padding: 18px; box-shadow: 0 20px 50px rgba(80, 30, 10, .18); }
.evo-serp__search { display: flex; align-items: center; gap: 10px; border: 1.5px solid var(--evo-line); border-radius: 999px; padding: 12px 16px; color: var(--evo-muted-2); }
.evo-serp__search--sm { padding: 9px 14px; font-size: 12px; margin-bottom: 14px; }
.ag-typed { display: inline-block; overflow: hidden; white-space: nowrap; font-family: ui-monospace, Menlo, monospace; font-size: 14px; color: var(--evo-ink); width: 20ch; border-right: 2px solid var(--evo-ink); animation: agType 8s steps(20, end) infinite, agCaret .8s step-end infinite; }
.evo-serp__results { display: flex; flex-direction: column; gap: 12px; margin-top: 16px; }
.evo-serp__ad { position: relative; display: flex; flex-direction: column; gap: 4px; border: 2px solid var(--evo-lime); background: #F7FCE9; border-radius: 16px; padding: 14px; overflow: hidden; }
.evo-serp__label { font-size: 11px; font-weight: 700; }
.evo-serp__title { font-size: 16px; font-weight: 700; color: var(--evo-green); }
.evo-serp__meta { font-size: 12px; color: var(--evo-muted-2); }
.evo-serp__row { display: flex; flex-direction: column; gap: 7px; padding: 4px 14px; }
.ag-res { animation: agResult 8s ease-out infinite both; }
.ag-r2 { animation-delay: .25s; } .ag-r3 { animation-delay: .5s; }
.ag-ad { animation: agResult 8s ease-out infinite both, agClick 8s ease infinite; }
.ag-ripple { position: absolute; left: 150px; top: 40px; width: 40px; height: 40px; margin: -20px 0 0 -20px; border-radius: 999px; background: var(--evo-lime); animation: agRipple 8s ease-out infinite; }
.ag-cursor { position: absolute; left: 0; top: 0; color: var(--evo-ink); animation: agCursor 8s ease-in-out infinite; }
.ag-notif { right: 20px; top: 24px; animation: evoNotif 8s ease-out infinite both; }
.evo-minichart { position: absolute; right: 24px; bottom: 24px; background: #fff; border-radius: 20px; padding: 14px 16px; display: flex; flex-direction: column; gap: 10px; font-size: 12px; font-weight: 600; }
.evo-minichart__bars { display: flex; align-items: flex-end; gap: 6px; height: 56px; }
.evo-minichart__bars i { width: 12px; border-radius: 4px; background: var(--evo-line); transform-origin: bottom; animation: evoGrow 3.2s ease-in-out infinite; }
.evo-minichart__bars i:nth-child(1) { height: 30%; } .evo-minichart__bars i:nth-child(2) { height: 45%; animation-delay: .3s; } .evo-minichart__bars i:nth-child(3) { height: 55%; animation-delay: .6s; background: #CFCFC8; } .evo-minichart__bars i:nth-child(4) { height: 70%; animation-delay: .9s; background: #CFCFC8; } .evo-minichart__bars i:nth-child(5) { height: 85%; animation-delay: 1.2s; } .evo-minichart__bars i:nth-child(6) { height: 100%; animation-delay: 1.5s; }
.evo-minichart__bars i.is-dark { background: var(--evo-green); }

/* --- YouTube --- */
.evo-player { position: relative; width: 84%; border-radius: 22px; overflow: hidden; background: #000; aspect-ratio: 16 / 10; }
.evo-player__media { position: absolute; inset: 0; opacity: .78; }
.evo-player__badge { position: absolute; left: 14px; top: 14px; display: inline-flex; align-items: center; background: var(--evo-lime); font-size: 12px; font-weight: 700; padding: 6px 10px; border-radius: 8px; }
.ay-tickwrap, .as-tickwrap { display: inline-block; height: 20px; overflow: hidden; line-height: 20px; }
.ay-tick, .as-tick { display: flex; flex-direction: column; }
.ay-tick { animation: ayTick 6s steps(5, end) infinite; }
.evo-player__play { position: absolute; left: 50%; top: 50%; width: 64px; height: 64px; margin: -32px 0 0 -32px; animation: ayPlay 6s ease infinite; }
.ay-ring { position: absolute; inset: 0; border-radius: 999px; border: 2px solid var(--evo-lime); animation: evoRing 1.6s ease-out infinite; }
.evo-player__btn { position: absolute; inset: 0; border-radius: 999px; background: var(--evo-lime); color: var(--evo-ink); display: flex; align-items: center; justify-content: center; }
.evo-player__btn .evo-ic path { fill: currentColor; stroke: none; }
.evo-player__cta { position: absolute; left: 18%; right: 18%; top: 50%; margin-top: -26px; display: flex; align-items: center; justify-content: space-between; gap: 12px; background: #fff; border-radius: 16px; padding: 12px 14px; font-size: 13px; animation: ayCta 6s ease-out infinite both; }
.evo-player__progress { position: absolute; left: 0; right: 0; bottom: 0; height: 5px; background: rgba(255, 255, 255, .25); }
.evo-player__progress i { display: block; height: 100%; background: var(--evo-orange); animation: ayProg 6s linear infinite; }
.evo-shorts { position: absolute; right: 22px; bottom: 26px; width: 120px; height: 210px; border-radius: 22px; overflow: hidden; background: var(--evo-green); border: 3px solid #fff; --r: 5deg; }
.evo-shorts__label { position: absolute; left: 8px; top: 8px; background: var(--evo-ink); color: #fff; font-size: 10px; font-weight: 700; padding: 4px 8px; border-radius: 6px; }
.ay-heart, .am-heart { position: absolute; animation: evoRise 2.6s ease-out infinite; }
.ay-heart { bottom: 30px; }
.ay-h1 { right: 12px; color: var(--evo-lime); } .ay-h2 { right: 28px; color: var(--evo-orange); animation-delay: .8s; } .ay-h3 { right: 8px; color: #fff; animation-delay: 1.6s; }
.evo-eq-chip { position: absolute; left: 28px; bottom: 30px; display: flex; align-items: center; gap: 14px; background: #2A2A27; color: #fff; border-radius: 16px; padding: 12px 16px; font-size: 13px; font-weight: 600; }
.evo-eq { display: flex; align-items: flex-end; gap: 4px; height: 28px; }
.evo-eq i { width: 5px; height: 100%; border-radius: 3px; background: var(--evo-lime); transform-origin: bottom; animation: evoEq 1s ease-in-out infinite; }
.evo-eq i:nth-child(2) { animation-delay: .15s; } .evo-eq i:nth-child(3) { animation-delay: .3s; } .evo-eq i:nth-child(4) { animation-delay: .45s; } .evo-eq i:nth-child(5) { animation-delay: .6s; } .evo-eq i:nth-child(6) { animation-delay: .75s; }

/* --- Meta --- */
.evo-phone--lg { position: relative; right: auto; bottom: auto; width: 220px; height: 436px; margin-left: 6%; padding: 10px; border-radius: 36px; }
.evo-phone__screen--feed { padding: 0; border-radius: 28px; display: block; }
.am-feed { display: flex; flex-direction: column; gap: 14px; padding: 14px 12px; animation: amFeed 14s linear infinite; }
.am-post { display: flex; flex-direction: column; gap: 8px; }
.am-post__head { display: flex; align-items: center; gap: 8px; }
.am-post__head i { width: 24px; height: 24px; border-radius: 99px; background: #CFCFC8; flex: none; }
.am-post__head i.is-dark { background: var(--evo-green); }
.am-post__head .evo-sk { width: 70px; }
.am-post__head span { display: flex; flex-direction: column; gap: 2px; font-size: 10px; }
.am-post__head small { font-size: 9px; color: var(--evo-muted-2); }
.am-post__img { height: 100px; border-radius: 12px; background: var(--evo-grey-2); }
.am-post--ad { border: 2px solid var(--evo-lime); border-radius: 16px; padding: 8px; }
.am-post__photo { height: 120px; border-radius: 10px; overflow: hidden; }
.am-post__cta { display: flex; justify-content: space-between; align-items: center; background: var(--evo-grey); border-radius: 8px; padding: 6px 8px; font-size: 9px; }
.am-post__cta b { background: var(--evo-lime); padding: 4px 8px; border-radius: 6px; }
.am-heart { bottom: 110px; }
.am-h1 { right: -14px; color: var(--evo-lime); } .am-h2 { right: -24px; color: var(--evo-orange); animation-delay: .7s; } .am-h3 { right: -6px; color: #fff; animation-delay: 1.4s; } .am-h4 { right: -30px; color: var(--evo-lime); animation-delay: 2.1s; }
.am-pop { right: 24px; top: 40px; background: #fff; color: var(--evo-ink); animation: amPop 6s ease-out infinite both; }
.am-pop2 { animation-delay: 3s; }
.evo-audience { position: absolute; right: 28px; bottom: 34px; width: 210px; background: #fff; border-radius: 22px; padding: 16px; display: flex; flex-direction: column; gap: 12px; }
.evo-audience__head { display: flex; align-items: center; gap: 12px; font-size: 14px; }
.evo-radar { position: relative; width: 40px; height: 40px; flex: none; }
.evo-radar i { position: absolute; inset: 0; border-radius: 999px; border: 2px solid var(--evo-green); animation: evoRadar 2s ease-out infinite; }
.evo-radar i + i { animation-delay: 1s; }
.evo-radar b { position: absolute; inset: 12px; border-radius: 999px; background: var(--evo-green); }
.evo-audience__tags { display: flex; flex-wrap: wrap; gap: 6px; }
.evo-audience__tags span { font-size: 11px; font-weight: 600; background: var(--evo-grey-2); padding: 6px 9px; border-radius: 8px; }
.evo-audience__tags .is-lime { background: var(--evo-lime); }

/* --- SEO --- */
.evo-rank { position: relative; width: 58%; min-width: 250px; background: #fff; border-radius: 24px; padding: 18px; }
.evo-rank__list { position: relative; display: flex; flex-direction: column; gap: 8px; }
.evo-rank__row { height: 46px; border-radius: 12px; background: var(--evo-grey); display: flex; align-items: center; gap: 10px; padding: 0 12px; }
.evo-rank__row b { font-size: 12px; color: #8A8A84; width: 14px; }
.evo-rank__row .evo-sk { flex: none; }
.evo-rank__me { position: absolute; left: 0; right: 0; top: 0; height: 46px; border-radius: 12px; background: var(--evo-lime); display: flex; align-items: center; gap: 10px; padding: 0 12px; font-size: 13px; color: var(--evo-green); }
.evo-rank__me .evo-ic { margin-left: auto; }
.evo-rank__me .as-tickwrap { font-weight: 800; width: 14px; color: var(--evo-ink); }
.as-climb { animation: asClimb 9s ease-in-out infinite, asGlow 9s ease-out infinite; }
.as-tick { animation: asTick 9s ease-in-out infinite; }
.evo-checklist { position: absolute; right: 24px; top: 40px; width: 190px; background: var(--evo-ink); color: #fff; border-radius: 20px; padding: 16px; display: flex; flex-direction: column; gap: 10px; font-size: 12px; }
.evo-checklist strong { font-size: 13px; }
.evo-checklist > span { display: flex; align-items: center; gap: 8px; }
.as-chk { width: 18px; height: 18px; border-radius: 6px; background: var(--evo-lime); color: var(--evo-ink); display: inline-flex; align-items: center; justify-content: center; animation: asCheck 6s ease-out infinite both; }
.as-chk .evo-ic { stroke-width: 3.4; }
.as-c2 { animation-delay: .6s; } .as-c3 { animation-delay: 1.2s; }
.evo-linechart { position: absolute; right: 24px; bottom: 24px; width: 52%; min-width: 230px; background: var(--evo-green); color: var(--evo-on-green); border-radius: 22px; padding: 16px; font-size: 12px; font-weight: 600; }
.evo-linechart svg { width: 100%; height: 110px; display: block; margin-top: 8px; }
.evo-linechart__grid { stroke: var(--evo-green-2); stroke-width: 1; fill: none; }
.as-draw { fill: none; stroke: var(--evo-lime); stroke-width: 4; stroke-linecap: round; stroke-dasharray: 420; animation: asDraw 6s ease-in-out infinite; }
.as-dot { fill: var(--evo-lime); transform-box: fill-box; transform-origin: center; animation: asDot 6s ease-out infinite; }

/* --- Proces put --- */
.evo-path { width: 100%; height: auto; display: block; }
.evo-path__base { fill: none; stroke: var(--evo-green-2); stroke-width: 10; stroke-linecap: round; }
.evo-path__draw { fill: none; stroke: var(--evo-lime); stroke-width: 10; stroke-linecap: round; stroke-dasharray: 900; animation: evoPathDraw 7s ease-in-out infinite; }
.evo-path__node { fill: var(--evo-green-2); transform-box: fill-box; transform-origin: center; animation: evoNode 7s ease-in-out infinite; }
.evo-path__lab { fill: #fff; font: 600 15px var(--evo-font); animation: evoLab 7s ease-in-out infinite; }
.evo-d1 { animation-delay: .8s; } .evo-d2 { animation-delay: 1.6s; } .evo-d3 { animation-delay: 2.4s; } .evo-d4 { animation-delay: 3.2s; }

/* ---------- Portfolio trake ---------- */
.evo-marquee { padding-top: 48px; padding-bottom: 48px; display: flex; flex-direction: column; gap: 16px; }
.evo-marquee__toggle { position: absolute; right: 20px; top: 12px; z-index: 3; display: inline-flex; align-items: center; gap: 6px; font: 600 12px var(--evo-font); background: var(--evo-grey); color: var(--evo-ink); border: 0; border-radius: 999px; padding: 6px 12px; cursor: pointer; }
.evo-marquee__play { display: none; }
.evo-marquee.is-paused .evo-marquee__play { display: inline-flex; align-items: center; gap: 6px; }
.evo-marquee.is-paused .evo-marquee__pause { display: none; }
.evo-marquee__pause { display: inline-flex; align-items: center; gap: 6px; }
.evo-marquee__row { overflow: hidden; }
.evo-marquee__track { display: flex; gap: 16px; padding-right: 16px; width: max-content; animation: evoMarqL 56s linear infinite; }
.evo-marquee__track.is-right { animation-name: evoMarqR; }
.evo-marquee__row:hover .evo-marquee__track, .evo-marquee.is-paused .evo-marquee__track, .evo-marquee.is-paused .evo-tile__shot { animation-play-state: paused; }
.evo-tile { position: relative; display: block; flex: none; width: var(--w, 420px); height: 360px; border-radius: 28px; overflow: hidden; background: #fff; border: 1px solid var(--evo-line); text-decoration: none; }
.evo-marquee__row--1 .evo-tile { height: 420px; }
.evo-tile__bar { position: absolute; left: 0; right: 0; top: 0; height: 32px; background: var(--evo-grey); border-bottom: 1px solid var(--evo-line); display: flex; align-items: center; gap: 6px; padding: 0 14px; z-index: 1; }
.evo-tile__bar i { width: 9px; height: 9px; border-radius: 99px; background: #D9D9D4; }
.evo-tile__bar i:first-child { background: var(--evo-orange); }
.evo .evo-tile__shot { position: absolute; left: 0; top: 32px; width: 100%; height: calc(100% - 32px); max-width: none; object-fit: cover; object-position: 50% 0%; display: block; animation: evoShot 22s ease-in-out infinite; transition: transform .7s ease; }
.evo-tile:hover .evo-tile__shot { transform: scale(1.04); }
.evo-tile__cap { position: absolute; left: 14px; right: 14px; bottom: 14px; z-index: 2; display: flex; justify-content: space-between; align-items: center; gap: 12px; background: #fff; border-radius: 18px; padding: 12px 14px; opacity: 0; transform: translateY(10px); transition: opacity .3s, transform .3s; }
.evo-tile__cap > span:first-child { display: flex; flex-direction: column; gap: 2px; }
.evo-tile__cap strong { font-size: 15px; color: var(--evo-ink); }
.evo-tile__cap small { font-size: 12px; color: var(--evo-muted-2); }
.evo-tile:hover .evo-tile__cap, .evo-tile:focus-visible .evo-tile__cap { opacity: 1; transform: none; }
.evo-ticker { padding: 26px 0; }
.evo-ticker__track { gap: 28px; padding-right: 28px; animation-duration: 30s; }
.evo-ticker__item { display: flex; align-items: center; gap: 28px; font-size: clamp(28px, 3.6vw, 48px); font-weight: 700; letter-spacing: -0.03em; white-space: nowrap; }
.evo-ticker__item .evo-ic { color: var(--evo-green); }

/* ==========================================================================
   Pomoćne animacije
   ========================================================================== */
.evo-anim-spin { animation: evoSpin 10s linear infinite; }
.evo-anim-bob { animation: evoBob 3.2s ease-in-out infinite; }
.evo-anim-blink { animation: evoBlink 1.2s ease-in-out infinite; }

/* Animacije se pauziraju van ekrana (štedi CPU i bateriju). */
.evo-js .evo-anim:not(.is-inview), .evo-js .evo-anim:not(.is-inview) * { animation-play-state: paused !important; }

@keyframes evoSpin { to { transform: rotate(360deg); } }
@keyframes evoSpinBack { to { transform: rotate(-360deg); } }
@keyframes evoPulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.08); } }
@keyframes evoBob { 0%, 100% { transform: translateY(0) rotate(var(--r, 0deg)); } 50% { transform: translateY(-7px) rotate(var(--r, 0deg)); } }
@keyframes evoBlink { 0%, 100% { opacity: 1; } 50% { opacity: .25; } }
@keyframes evoFadeUp { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: none; } }
@keyframes evoPopIn { from { transform: scale(.6); opacity: 0; } to { transform: scale(1); opacity: 1; } }
@keyframes evoDraw { 0% { stroke-dashoffset: 520; } 50%, 90% { stroke-dashoffset: 0; } 100% { stroke-dashoffset: 520; } }
@keyframes evoRing { 0% { transform: scale(1); opacity: .7; } 100% { transform: scale(1.9); opacity: 0; } }
@keyframes evoRise { 0% { transform: translateY(0) scale(.6); opacity: 0; } 15% { opacity: 1; } 100% { transform: translate(-14px, -170px) scale(1.15); opacity: 0; } }
@keyframes evoEq { 0%, 100% { transform: scaleY(.25); } 50% { transform: scaleY(1); } }
@keyframes evoGrow { 0%, 100% { transform: scaleY(.2); } 50% { transform: scaleY(1); } }
@keyframes evoRadar { 0% { transform: scale(.6); opacity: .8; } 100% { transform: scale(1.6); opacity: 0; } }
@keyframes evoNotif { 0%, 72% { opacity: 0; transform: translateY(-12px) scale(.92); } 77%, 92% { opacity: 1; transform: none; } 100% { opacity: 0; transform: none; } }
@keyframes evoMarqL { from { transform: translateX(0); } to { transform: translateX(-50%); } }
@keyframes evoMarqR { from { transform: translateX(-50%); } to { transform: translateX(0); } }
@keyframes evoShot { 0%, 6% { object-position: 50% 0%; } 46%, 54% { object-position: 50% 100%; } 94%, 100% { object-position: 50% 0%; } }
@keyframes evoPathDraw { 0% { stroke-dashoffset: 900; } 55%, 90% { stroke-dashoffset: 0; } 100% { stroke-dashoffset: 900; } }
@keyframes evoNode { 0%, 100% { fill: var(--evo-green-2); transform: scale(1); } 10%, 60% { fill: var(--evo-lime); transform: scale(1.25); } }
@keyframes evoLab { 0%, 100% { opacity: .45; } 10%, 60% { opacity: 1; } }

@keyframes evoBuild { 0% { opacity: 0; transform: translateY(16px) scale(.96); } 8% { opacity: 1; transform: none; } 86% { opacity: 1; transform: none; } 96%, 100% { opacity: 0; transform: translateY(-6px); } }
@keyframes awPhone { 0%, 30% { opacity: 0; transform: translateY(40px) rotate(6deg); } 40%, 88% { opacity: 1; transform: translateY(0) rotate(6deg); } 98%, 100% { opacity: 0; transform: translateY(20px) rotate(6deg); } }
@keyframes awCursor { 0% { transform: translate(40px, 240px); } 25% { transform: translate(260px, 70px); } 45% { transform: translate(150px, 180px); } 62% { transform: translate(110px, 200px); } 66% { transform: translate(110px, 200px) scale(.82); } 70% { transform: translate(110px, 200px); } 100% { transform: translate(40px, 240px); } }
@keyframes awSpeed { 0% { width: 0; } 40%, 85% { width: 100%; } 100% { width: 0; } }

@keyframes agType { 0% { width: 0; } 28% { width: 20ch; } 92% { width: 20ch; } 100% { width: 0; } }
@keyframes agCaret { 0%, 100% { border-color: var(--evo-ink); } 50% { border-color: transparent; } }
@keyframes agResult { 0%, 32% { opacity: 0; transform: translateY(14px); } 38%, 92% { opacity: 1; transform: none; } 100% { opacity: 0; } }
@keyframes agClick { 0%, 63% { scale: 1; } 66% { scale: .98; } 70%, 100% { scale: 1; } }
@keyframes agRipple { 0%, 63% { transform: scale(0); opacity: 0; } 65% { opacity: .7; } 78%, 100% { transform: scale(3.4); opacity: 0; } }
@keyframes agCursor { 0%, 30% { transform: translate(330px, 30px); opacity: 0; } 40% { opacity: 1; } 62% { transform: translate(170px, 128px); } 66% { transform: translate(170px, 128px) scale(.82); } 70% { transform: translate(170px, 128px); } 92% { opacity: 1; } 100% { transform: translate(330px, 30px); opacity: 0; } }

@keyframes ayProg { 0% { width: 0; } 83%, 100% { width: 100%; } }
@keyframes ayTick { 0% { transform: translateY(0); } 83.3%, 100% { transform: translateY(-100px); } }
@keyframes ayCta { 0%, 80% { opacity: 0; transform: translateY(16px) scale(.94); } 86%, 97% { opacity: 1; transform: none; } 100% { opacity: 0; } }
@keyframes ayPlay { 0%, 78% { opacity: 1; } 84%, 97% { opacity: 0; } 100% { opacity: 1; } }

@keyframes amFeed { from { transform: translateY(0); } to { transform: translateY(-50%); } }
@keyframes amPop { 0%, 8% { opacity: 0; transform: translateX(20px) scale(.92); } 14%, 42% { opacity: 1; transform: none; } 50%, 100% { opacity: 0; transform: translateX(-10px); } }

@keyframes asClimb { 0%, 15% { transform: translateY(216px); } 25%, 40% { transform: translateY(162px); } 50%, 60% { transform: translateY(108px); } 70%, 78% { transform: translateY(54px); } 88%, 97% { transform: translateY(0); } 100% { transform: translateY(216px); } }
@keyframes asTick { 0%, 15% { transform: translateY(0); } 25%, 40% { transform: translateY(-20px); } 50%, 60% { transform: translateY(-40px); } 70%, 78% { transform: translateY(-60px); } 88%, 97% { transform: translateY(-80px); } 100% { transform: translateY(0); } }
@keyframes asGlow { 0%, 85% { box-shadow: 0 0 0 0 rgba(207, 242, 126, 0); } 90% { box-shadow: 0 0 0 8px rgba(207, 242, 126, .55); } 97%, 100% { box-shadow: 0 0 0 0 rgba(207, 242, 126, 0); } }
@keyframes asDraw { 0% { stroke-dashoffset: 420; } 60%, 90% { stroke-dashoffset: 0; } 100% { stroke-dashoffset: 420; } }
@keyframes asDot { 0%, 55% { opacity: 0; transform: scale(.4); } 62%, 90% { opacity: 1; transform: scale(1); } 100% { opacity: 0; } }
@keyframes asCheck { 0%, 10% { transform: scale(0); } 18%, 90% { transform: scale(1); } 100% { transform: scale(0); } }

/* ==========================================================================
   Responsive
   ========================================================================== */
@media (max-width: 1100px) {
	.evo-burger { display: inline-flex; }
	.evo-header__cta { display: none; }
	.evo-nav { position: absolute; left: 0; right: 0; top: calc(100% + 8px); background: #fff; border-radius: 24px; padding: 16px; box-shadow: 0 20px 40px rgba(20, 20, 20, .12); display: none; flex-direction: column; gap: 12px; }
	.evo-header { position: relative; }
	.evo-header.is-open .evo-nav { display: flex; animation: evoFadeUp .25s var(--evo-ease); }
	.evo-header.is-open .evo-burger__open { display: none; }
	.evo-header.is-open .evo-burger__close { display: inline; }
	.evo-nav__list { flex-direction: column; background: transparent; padding: 0; border-radius: 0; }
	.evo-nav__list a { font-size: 17px; padding: 14px 16px; border-radius: 14px; }
	.evo-nav__list .current-menu-item > a { background: var(--evo-grey); box-shadow: none; }
	.evo-nav__mobile-cta { display: inline-flex; }
}

@media (max-width: 900px) {
	.evo-panel { padding-top: 56px; padding-bottom: 56px; }
	.evo-hero { padding-top: 40px; }
	.evo-head--reverse .evo-head__title--right { text-align: left; }
	.evo-head--reverse { flex-direction: column-reverse; align-items: flex-start; }
	.evo-head > * { flex-basis: auto !important; }
	.evo-stage { min-height: 440px; }
	.evo-tile { width: calc(var(--w, 420px) * .7); height: 300px; }
	.evo-marquee__row--1 .evo-tile { height: 340px; }
}

@media (max-width: 600px) {
	.evo { padding: 6px 8px; }
	:root { --evo-r: 24px; }
	.evo-panel { padding: 44px 20px; }
	.evo-panel--flush { padding-left: 0; padding-right: 0; }
	.evo-header { padding: 10px 14px; border-radius: 20px; }
	.evo-logo__img { height: 28px; }
	.evo-hero-card, .evo-frame, .evo-stage { border-radius: 28px; padding: 16px; }
	.evo-hero-card__img, .evo-frame__img { border-radius: 20px; }
	.evo-split { gap: 32px; }
	.evo-split__text, .evo-split__media { flex-basis: 100%; }
	.evo-card { min-height: 280px; flex-basis: 100%; }
	.evo-svc-card__body { padding-right: 56px; }
	.evo-actions .evo-btn { flex: 1 1 auto; }
	.evo-tag { font-size: 13px; padding: 8px 12px; }
	.evo-row-card { padding: 22px; gap: 16px; }
	.evo-row-card__num { width: auto; }
	.evo-row-card__icon { width: 56px; height: 56px; }
	.evo-board { height: 210px; }
	.evo-board__line { display: none; }
	.evo-float--1 { left: 0; }
	.evo-squiggle { display: none; }
	.evo-svc-card .evo-badge { max-width: 40%; }

	/* Animacije: kompaktne scene na telefonu */
	.evo-stage { min-height: 380px; }
	.evo-stage--grey { min-height: 470px; }
	.evo-browser, .evo-serp, .evo-player { width: 100%; }
	.evo-phone { width: 96px; height: 186px; right: 12px; bottom: 16px; border-radius: 20px; padding: 6px; }
	.evo-phone--lg { position: relative; right: auto; bottom: auto; width: 180px; height: 360px; margin: 0 auto; }
	.evo-minichart, .evo-audience, .evo-linechart { right: 12px; bottom: 12px; transform: scale(.85); transform-origin: bottom right; }
	.evo-toast, .evo-checklist { right: 10px; top: 14px; transform: scale(.88); transform-origin: top right; }
	.ag-notif, .am-pop { transform-origin: top right; }
	.evo-shorts { width: 90px; height: 160px; right: 12px; bottom: 12px; }
	.evo-eq-chip { left: 12px; bottom: 12px; }
	.aw-speed { left: 12px; bottom: 12px; }
	.evo-rank { width: 100%; }
	.evo-audience { width: 180px; }
	.evo-tile { height: 260px; }
	.evo-marquee__row--1 .evo-tile { height: 300px; }
	.evo-tile__cap { opacity: 1; transform: none; }
	.evo-mbar { position: fixed; left: 8px; right: 8px; bottom: 8px; z-index: 60; display: flex; gap: 8px; background: var(--evo-green); padding: 8px; border-radius: 999px; box-shadow: 0 12px 30px rgba(0, 0, 0, .2); }
	.evo-mbar .evo-btn { flex: 1; }
	body.evo-theme { padding-bottom: 72px; }
	.evo-form-card--framed { margin: 10px; }
}

@media (max-width: 782px) {
	.admin-bar .evo-header-wrap { top: 0; }
}

@media (prefers-reduced-motion: reduce) {
	.evo *, .evo *::before, .evo *::after { animation: none !important; transition: none !important; }
	.ag-typed { width: 20ch; }
	.ay-cta { opacity: 0; }
	.evo-tile__cap { opacity: 1; transform: none; }
	.evo-marquee__row { overflow-x: auto; }
}

/* ==========================================================================
   Ilustracije na karticama usluga
   ========================================================================== */
.evo-illu { flex: none; width: 58%; max-width: 330px; aspect-ratio: 4 / 3; border-radius: 22px; overflow: hidden; background: #fff; box-shadow: 0 12px 30px rgba(20, 20, 20, .10); transform: rotate(0deg); transition: transform .4s var(--evo-ease); }
.evo-card:hover .evo-illu { transform: rotate(-2deg) scale(1.03); }
.il-svg { display: block; width: 100%; height: 100%; }
.il-svg .c-w { fill: #fff; } .il-svg .c-ink { fill: var(--evo-ink); } .il-svg .c-lime { fill: var(--evo-lime); } .il-svg .c-green { fill: var(--evo-green); } .il-svg .c-green2 { fill: #3F6A57; }
.il-svg .c-orange { fill: var(--evo-orange); } .il-svg .c-pale { fill: #EAF7C9; } .il-svg .c-g1 { fill: #F4F4F1; } .il-svg .c-g2 { fill: #ECECE7; } .il-svg .c-g3 { fill: #E3E3DF; } .il-svg .c-g4 { fill: #CFCFC8; }
.il-stroke { stroke: #E3E3DF; stroke-width: 1.5; }
.il-stroke-lime { stroke: var(--evo-lime); stroke-width: 2; }
.il-line-ink { fill: none; stroke: var(--evo-ink); stroke-width: 2; stroke-linecap: round; }
.il-line-green { fill: none; stroke: var(--evo-green); stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round; }
.il-axis { stroke: #E3E3DF; stroke-width: 1.5; }
.il-txt { font: 700 7.5px var(--evo-font); fill: var(--evo-ink); }
.il-txt--w { fill: #fff; } .il-txt--muted { font-weight: 500; fill: #8A8A84; font-size: 8.5px; } .il-txt--lg { font-size: 10px; } .il-txt--xl { font-size: 15px; fill: var(--evo-green); font-weight: 800; }
.il-mono { font: 500 11px ui-monospace, Menlo, monospace; fill: var(--evo-ink); }
.il-svg * { transform-box: fill-box; }

/* web */
.il-build { animation: ilBuild 7s ease-out infinite both; }
.il-b1 { animation-delay: .1s; } .il-b2 { animation-delay: .5s; } .il-b3 { animation-delay: .9s; } .il-b4 { animation-delay: 1.3s; }
.il-pulse { transform-origin: center; }
.il-bob { animation: ilBob 3.6s ease-in-out infinite; }
.il-cursor-w { animation: ilCursorW 7s ease-in-out infinite; }
/* google */
.il-type { transform-origin: left center; animation: ilType 7s steps(11, end) infinite; }
.il-caret { animation: ilCaret 7s steps(11, end) infinite, evoBlink .8s step-end infinite; }
.il-ad { animation: ilAd 7s ease-out infinite both; }
.il-ripple { fill: var(--evo-lime); transform-origin: center; animation: ilRipple 7s ease-out infinite; }
.il-cursor { animation: ilCursorG 7s ease-in-out infinite; }
/* youtube */
.il-prog { transform-origin: left center; animation: ilProg 6s linear infinite; }
.il-ring { fill: none; stroke: var(--evo-lime); stroke-width: 2; transform-origin: center; animation: ilRing 1.8s ease-out infinite; }
.il-eq rect { transform-origin: bottom; animation: evoEq 1s ease-in-out infinite; }
.il-eq rect:nth-child(2) { animation-delay: .15s; } .il-eq rect:nth-child(3) { animation-delay: .3s; } .il-eq rect:nth-child(4) { animation-delay: .45s; } .il-eq rect:nth-child(5) { animation-delay: .6s; }
/* meta */
.il-like { transform-origin: center; animation: ilLike 2.4s ease-in-out infinite; }
.il-heart { transform-origin: center; animation: ilRise 2.8s ease-out infinite; }
.il-h2 { animation-delay: .9s; } .il-h3 { animation-delay: 1.8s; }
.il-dot { animation: ilDot 1.2s ease-in-out infinite; }
.il-dot2 { animation-delay: .15s; } .il-dot3 { animation-delay: .3s; }
/* seo */
.il-bar { transform-origin: bottom; animation: ilGrow 6s var(--evo-ease) infinite both; }
.il-b2 { animation-delay: .15s; } .il-b3 { animation-delay: .3s; } .il-b4 { animation-delay: .45s; } .il-b5 { animation-delay: .6s; }
.il-draw { fill: none; stroke: var(--evo-orange); stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 200; animation: ilDraw 6s ease-in-out infinite; }
.il-enddot { transform-origin: center; animation: asDot 6s ease-out infinite; }
.il-badge { transform-origin: center; animation: ilBadge 6s ease-out infinite; }

@keyframes ilBuild { 0% { opacity: 0; transform: translateY(8px); } 10%, 88% { opacity: 1; transform: none; } 97%, 100% { opacity: 0; } }
@keyframes ilBob { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-5px); } }
@keyframes ilCursorW { 0%, 20% { transform: translate(120px, 150px); } 45% { transform: translate(52px, 112px); } 50% { transform: translate(52px, 112px) scale(.8); } 55%, 80% { transform: translate(52px, 112px); } 100% { transform: translate(120px, 150px); } }
@keyframes ilType { 0% { transform: scaleX(0); } 30%, 92% { transform: scaleX(1); } 100% { transform: scaleX(0); } }
@keyframes ilCaret { 0% { transform: translateX(-82px); } 30%, 92% { transform: translateX(0); } 100% { transform: translateX(-82px); } }
@keyframes ilAd { 0%, 32% { opacity: 0; transform: translateY(8px); } 40%, 94% { opacity: 1; transform: none; } 100% { opacity: 0; } }
@keyframes ilRipple { 0%, 62% { transform: scale(0); opacity: 0; } 64% { opacity: .8; } 78%, 100% { transform: scale(3); opacity: 0; } }
@keyframes ilCursorG { 0%, 36% { transform: translate(230px, 150px); opacity: 0; } 44% { opacity: 1; } 60% { transform: translate(191px, 92px); } 63% { transform: translate(191px, 92px) scale(.8); } 66%, 90% { transform: translate(191px, 92px); opacity: 1; } 100% { transform: translate(230px, 150px); opacity: 0; } }
@keyframes ilProg { 0% { transform: scaleX(0); } 90%, 100% { transform: scaleX(1); } }
@keyframes ilRing { 0% { transform: scale(1); opacity: .9; } 100% { transform: scale(1.7); opacity: 0; } }
@keyframes ilLike { 0%, 60%, 100% { transform: scale(1); } 70% { transform: scale(1.35); } }
@keyframes ilRise { 0% { transform: translateY(20px) scale(.6); opacity: 0; } 20% { opacity: 1; } 100% { transform: translateY(-70px) scale(1.1); opacity: 0; } }
@keyframes ilDot { 0%, 100% { transform: translateY(0); opacity: .5; } 40% { transform: translateY(-3px); opacity: 1; } }
@keyframes ilGrow { 0% { transform: scaleY(.15); } 30%, 88% { transform: scaleY(1); } 100% { transform: scaleY(.15); } }
@keyframes ilDraw { 0%, 20% { stroke-dashoffset: 200; } 55%, 88% { stroke-dashoffset: 0; } 100% { stroke-dashoffset: 200; } }
@keyframes ilBadge { 0%, 50% { transform: scale(.85); opacity: .5; } 58%, 90% { transform: scale(1); opacity: 1; } 100% { transform: scale(.85); opacity: .5; } }

/* ==========================================================================
   Padajući meni — usluge
   ========================================================================== */
.evo-nav__list > li { position: relative; }
.evo-nav__list .evo-has-sub > a::after { content: ""; display: inline-block; width: 6px; height: 6px; margin-left: 8px; border-right: 1.8px solid currentColor; border-bottom: 1.8px solid currentColor; transform: translateY(-3px) rotate(45deg); transition: transform .25s; }
.evo-nav__list .sub-menu { list-style: none; margin: 0; }
@media (min-width: 1101px) {
	.evo-nav__list .sub-menu { position: absolute; left: 50%; top: calc(100% + 12px); z-index: 70; width: 380px; padding: 10px; background: #fff; border-radius: 24px; box-shadow: 0 24px 60px rgba(20, 20, 20, .16); display: flex; flex-direction: column; gap: 2px; opacity: 0; visibility: hidden; transform: translate(-50%, 8px); transition: opacity .2s, transform .25s var(--evo-ease), visibility .2s; }
	.evo-nav__list .sub-menu::before { content: ""; position: absolute; left: 0; right: 0; top: -16px; height: 16px; }
	.evo-nav__list .evo-has-sub:hover > .sub-menu, .evo-nav__list .evo-has-sub:focus-within > .sub-menu { opacity: 1; visibility: visible; transform: translate(-50%, 0); }
	.evo-nav__list .evo-has-sub:hover > a::after, .evo-nav__list .evo-has-sub:focus-within > a::after { transform: translateY(0) rotate(225deg); }
}
.evo-nav__list .sub-menu a { display: flex; align-items: center; gap: 12px; padding: 10px; border-radius: 16px; text-decoration: none; font-weight: 500; }
.evo-nav__list .sub-menu a:hover, .evo-nav__list .sub-menu .current-menu-item > a { background: var(--evo-grey); box-shadow: none; }
.evo-sub__icon { flex: none; width: 40px; height: 40px; border-radius: 12px; display: inline-flex; align-items: center; justify-content: center; background: var(--c-bg, var(--evo-lime)); color: var(--c-fg, var(--evo-ink)); }
.evo-c-siva .evo-sub__icon { background: var(--evo-grey-2); }
.evo-sub__text { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.evo-sub__text strong { font-size: 15px; font-weight: 700; }
.evo-sub__text small { font-size: 12.5px; line-height: 1.35; color: var(--evo-muted-2); white-space: normal; }
.evo-nav__list .evo-sub-all { border-top: 1px solid var(--evo-grey-2); margin-top: 6px; padding-top: 6px; }
.evo-nav__list .evo-sub-all a { justify-content: space-between; font-weight: 600; font-size: 14px; color: var(--evo-green); }
@media (max-width: 1100px) {
	.evo-nav__list .sub-menu { display: flex; flex-direction: column; gap: 2px; padding: 4px 0 8px 12px; }
	.evo-nav__list .sub-menu a { padding: 8px; font-size: 15px; }
	.evo-sub__text small { display: none; }
	.evo-sub__icon { width: 34px; height: 34px; border-radius: 10px; }
	.evo-nav__list .evo-has-sub > a::after { display: none; }
	.evo-nav { max-height: calc(100vh - 120px); overflow-y: auto; }
}
@media (max-width: 600px) {
	.evo-illu { width: 56%; border-radius: 18px; }
}
body:has(.evo-header.is-open) .evo-mbar { display: none; }

/* ==========================================================================
   Vektorske scene (umjesto fotografija)
   ========================================================================== */
.evo-scene-wrap { display: block; overflow: hidden; background: #F4F4F1; }
.evo-scene-wrap > svg, .evo-browser__img > svg, .evo-phone__img > svg, .am-post__photo > svg, .evo-player__media > svg, .evo-shorts > svg { display: block; width: 100%; height: 100%; }
.evo-player__media > svg { opacity: 1; }
.sc-t { font: 600 11px var(--evo-font); fill: var(--evo-ink); }
.sc-t--b { font-weight: 700; font-size: 13px; }
.sc-t--m { font-weight: 500; font-size: 11px; fill: #6A6A64; }
.sc-t--w { fill: #fff; }
.sc-t--xl { font-size: 20px; font-weight: 800; fill: var(--evo-lime); }
.sc-line { fill: none; stroke: var(--evo-squiggle); stroke-width: 3; }
.sc-grid { fill: none; stroke: #F0F0EC; stroke-width: 1.5; }
.sc-ring { fill: none; stroke: var(--evo-lime); stroke-width: 2.5; stroke-dasharray: 6 8; }
.sc-stroke-lime { fill: none; stroke: var(--evo-lime); stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; }
.sc-stroke-green { fill: none; stroke: var(--evo-green); stroke-width: 6; stroke-linecap: round; }
.sc-plane { fill: #fff; stroke: #fff; stroke-width: 1.5; stroke-linejoin: round; }
.sc-plane--o { fill: var(--evo-orange); stroke: var(--evo-orange); }
.sc-draw { fill: none; stroke: var(--evo-orange); stroke-width: 4; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 260; animation: scDraw 6s ease-in-out infinite; }
.sc-dash { fill: none; stroke: var(--evo-lime); stroke-width: 3; stroke-linecap: round; stroke-dasharray: 2 10; animation: scDash 2.4s linear infinite; }
.sc-bob { animation: scBob 4s ease-in-out infinite; }
.sc-d1 { animation-delay: .8s; } .sc-d2 { animation-delay: 1.6s; } .sc-d3 { animation-delay: 2.4s; }
.sc-spin { transform-origin: center; animation: evoSpin 10s linear infinite; }
.sc-drag { animation: scDrag 7s ease-in-out infinite; }
.sc-cur1 { animation: scCur1 8s ease-in-out infinite; }
.sc-cur2 { animation: scCur2 9s ease-in-out infinite; }
.sc-typed { transform-origin: left center; animation: scType 6s steps(12, end) infinite; }
.sc-typed2 { animation-delay: 1.2s; }
.sc-press { transform-origin: center; animation: scPress 6s ease-in-out infinite; }
.sc-fly { animation: scFly 6s ease-in infinite; }
.sc-pop { transform-origin: center; animation: scPop 6s ease-out infinite; }
.sc-slide { animation: scSlide 9s var(--evo-ease) infinite both; }
.sc-s1 { animation-delay: .35s; } .sc-s2 { animation-delay: .7s; }
@keyframes scDraw { 0%, 15% { stroke-dashoffset: 260; } 55%, 88% { stroke-dashoffset: 0; } 100% { stroke-dashoffset: 260; } }
@keyframes scDash { to { stroke-dashoffset: -48; } }
@keyframes scBob { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-8px); } }
@keyframes scDrag { 0%, 15% { transform: translate(0, 0); } 45%, 65% { transform: translate(-40px, -18px) rotate(-3deg); } 95%, 100% { transform: translate(0, 0); } }
@keyframes scCur1 { 0%, 100% { transform: translate(0, 0); } 30% { transform: translate(60px, 40px); } 60% { transform: translate(-30px, 70px); } }
@keyframes scCur2 { 0%, 100% { transform: translate(0, 0); } 35% { transform: translate(-80px, -60px); } 70% { transform: translate(-30px, 40px); } }
@keyframes scType { 0% { transform: scaleX(0); } 35%, 90% { transform: scaleX(1); } 100% { transform: scaleX(0); } }
@keyframes scPress { 0%, 52%, 60%, 100% { transform: scale(1); } 56% { transform: scale(.92); } }
@keyframes scFly { 0%, 55% { transform: translate(0, 0) scale(.8); opacity: 0; } 58% { opacity: 1; } 90% { transform: translate(310px, -210px) scale(1.1); opacity: 1; } 100% { transform: translate(330px, -230px) scale(1.1); opacity: 0; } }
@keyframes scPop { 0%, 72% { transform: scale(.85) translateY(10px); opacity: 0; } 78%, 96% { transform: none; opacity: 1; } 100% { opacity: 0; } }
@keyframes scSlide { 0% { transform: translateX(-30px); opacity: 0; } 10%, 85% { transform: none; opacity: 1; } 95%, 100% { transform: translateX(20px); opacity: 0; } }

/* ==========================================================================
   Zaštita od stilova teme (Hello Elementor: roza hover na dugmadima i linkovima)
   ========================================================================== */
.evo a:hover, .evo a:focus, .evo a:active { color: inherit; text-decoration: none; }
.evo button, .evo [type="button"], .evo [type="submit"] { font-family: var(--evo-font); text-transform: none; letter-spacing: normal; line-height: 1.2; }
.evo .evo-btn--dark:hover, .evo .evo-btn--dark:focus, .evo .evo-btn--dark:active { background-color: var(--evo-green); color: #fff; border-color: transparent; }
.evo .evo-btn--lime:hover, .evo .evo-btn--lime:focus, .evo .evo-btn--lime:active { background-color: var(--evo-lime); color: var(--evo-ink); border-color: transparent; }
.evo .evo-btn--outline:hover, .evo .evo-btn--outline:focus, .evo .evo-btn--outline:active { background-color: var(--evo-ink); color: #fff; border-color: var(--evo-ink); }
.evo .evo-btn--green:hover, .evo .evo-btn--green:focus { background-color: var(--evo-green); color: #fff; }
.evo .evo-btn--outline-light:hover, .evo .evo-btn--outline-light:focus { background-color: rgba(255, 255, 255, .12); color: #fff; }
.evo .evo-icon-btn:hover, .evo .evo-icon-btn:focus, .evo .evo-icon-btn:active { background-color: var(--evo-grey); color: var(--evo-ink); border-color: var(--evo-line); }
.evo .evo-tabs__tab:hover, .evo .evo-tabs__tab:focus { background-color: #fff; color: var(--evo-ink); border-color: var(--evo-green); }
.evo .evo-tabs__tab[aria-selected="true"], .evo .evo-tabs__tab[aria-selected="true"]:hover, .evo .evo-tabs__tab[aria-selected="true"]:focus { background-color: var(--evo-green); color: #fff; border-color: var(--evo-green); }
.evo .evo-marquee__toggle:hover, .evo .evo-marquee__toggle:focus { background-color: var(--evo-grey-2); color: var(--evo-ink); }
.evo .evo-footer__col a:hover { color: var(--evo-green); text-decoration: underline; }
.evo .evo-others a:hover, .evo .evo-others a:focus { background-color: var(--evo-lime); color: var(--evo-ink); border-color: var(--evo-lime); }
.evo .evo-nav__list .evo-sub-all a:hover { color: var(--evo-green); }
.evo .evo-crumbs a:hover { color: var(--evo-ink); text-decoration: underline; }
.evo .evo-check a:hover { color: var(--evo-green); text-decoration: underline; }

/* ==========================================================================
   Mobilni meni preko cijelog ekrana
   ========================================================================== */
@media (max-width: 1100px) {
	.evo-header .evo-logo, .evo-header .evo-header__actions { position: relative; z-index: 2; }
	.evo-header .evo-nav { position: fixed; inset: 0; z-index: 1; display: flex; flex-direction: column; gap: 20px; margin: 0; padding: calc(96px + env(safe-area-inset-top)) 24px calc(28px + env(safe-area-inset-bottom)); background: #fff; border-radius: 0; box-shadow: none; max-height: none; overflow-y: auto; opacity: 0; visibility: hidden; transform: translateY(-12px); transition: opacity .25s, transform .3s var(--evo-ease), visibility .25s; animation: none; }
	.admin-bar .evo-header .evo-nav { padding-top: calc(96px + 46px); }
	.evo-header.is-open .evo-nav { opacity: 1; visibility: visible; transform: none; animation: none; }
	.evo-header.is-open { box-shadow: none; }
	.evo-nav__list { gap: 2px; }
	.evo-nav__list > li > a { font-size: 30px; font-weight: 700; letter-spacing: -0.02em; padding: 10px 4px; border-radius: 12px; }
	.evo-nav__list > li > a:hover, .evo-nav__list .current-menu-item > a { background: transparent; box-shadow: none; color: var(--evo-green); }
	.evo-nav__list .sub-menu { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; padding: 6px 0 14px; }
	.evo-nav__list .sub-menu a { background: var(--evo-grey); padding: 10px; font-size: 15px; }
	.evo-nav__list .sub-menu .evo-sub-all { grid-column: 1 / -1; border-top: 0; margin-top: 0; padding-top: 0; }
	.evo-nav__list .sub-menu .evo-sub-all a { background: transparent; padding: 6px 4px; }
	.evo-nav__mobile-cta { margin-top: auto; padding: 18px 26px; font-size: 16px; }
	html.evo-menu-open, html.evo-menu-open body { overflow: hidden; }
	html.evo-menu-open .evo-mbar { display: none; }
}
@media (max-width: 380px) {
	.evo-nav__list .sub-menu { grid-template-columns: 1fr; }
}
/* Dugmad: oblik i razmaci bez obzira na stilove teme */
.evo button.evo-btn { padding: 13px 22px; border: 1.5px solid transparent; border-radius: 999px; font-size: 14px; font-weight: 600; min-height: 44px; }
.evo button.evo-btn--lg { padding: 16px 26px; font-size: 15px; }
.evo button.evo-btn--outline { border-color: var(--evo-ink); }
.evo button.evo-icon-btn { padding: 0; width: 44px; height: 44px; border: 1px solid var(--evo-line); border-radius: 999px; font-size: inherit; }
.evo button.evo-tabs__tab { padding: 12px 22px; border: 1.5px solid var(--evo-line); border-radius: 999px; font-size: 16px; font-weight: 600; }
.evo button.evo-tabs__tab[aria-selected="true"] { border-color: var(--evo-green); }
.evo button.evo-marquee__toggle { padding: 6px 12px; border: 0; border-radius: 999px; font-size: 12px; }
.evo label.evo-chip, .evo .evo-field label { line-height: 1.3; vertical-align: baseline; }