/* K2A brand layer on top of _v2 template */
:root{
  --brand:#3E7A3C; --brand-deep:#1F2A21; --brand-soft:#E8F2E7; --accent:#B1D2AF;
  --sage:#B1D2AF; --sage-2:#86B883; --ring-blue:#6FA3D8; --ring-red:#D9534F;
  --paper:#FFFFFF; --paper-2:#F4F6F4; --ink:#212529; --ink-2:#4A5056; --ink-3:#747B82;
  --serif:"Roboto Slab", Georgia, serif;
  --sans:"Work Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
body{background:var(--paper)}
.display{font-weight:400;letter-spacing:-.01em}
.display em{font-style:normal;color:var(--brand)}
.display em.lead-em{color:var(--sage-2)}
h3{font-weight:500}

/* preview bar - slim, neutral */
.preview-bar{background:#1F2A21}
.preview-bar .pv-tag{background:var(--sage);color:#1F2A21}

/* logo */
.logo-img{height:46px!important;width:auto!important;max-width:none!important;display:block}
.nav .logo{padding:6px 0}
@media (max-width:760px){.logo-img{height:40px}}
.lang{display:flex;gap:.45rem;align-items:center;font-size:.78rem;font-weight:600;letter-spacing:.04em;color:var(--ink-3)}
.lang b{color:var(--ink)}
.lang a{color:var(--ink-3);text-decoration:none}
.lang a:hover{color:var(--brand)}
@media (max-width:1100px){.lang{display:none}}

/* hero: logo-ring accents + framed office photo */
.hero{position:relative;overflow:hidden;background:linear-gradient(180deg,#F6F8F6 0%,#fff 100%)}
.hero .wrap{position:relative;z-index:1}
.rings{position:absolute;inset:0;z-index:0;pointer-events:none}
.rings span{position:absolute;border-radius:50%;border:2px solid;opacity:.28}
.rings span:nth-child(1){width:520px;height:520px;right:-120px;top:-140px;border-color:var(--ring-blue)}
.rings span:nth-child(2){width:420px;height:420px;right:120px;bottom:-220px;border-color:var(--sage-2)}
.rings span:nth-child(3){width:300px;height:300px;right:-60px;bottom:-40px;border-color:var(--ring-red);opacity:.18}
@media (max-width:900px){.rings span:nth-child(1){width:320px;height:320px;right:-140px;top:-80px}.rings span:nth-child(2),.rings span:nth-child(3){display:none}}
.hero-visual .img-frame.photo{aspect-ratio:1/1;border-radius:28px;background:#E9EEEA}
.hero-visual .img-frame.photo img{object-position:center}
.hero-meta dd{color:var(--ink)}

/* client logos */
.logos{padding:clamp(2.5rem,5vw,4rem) 0 clamp(1.5rem,3vw,2.5rem);background:#fff}
.logos-title{font-family:var(--serif);font-size:clamp(1.35rem,2.6vw,2rem);text-align:center;margin:0 0 1.8rem;color:var(--ink-2)}
.logos-title em{font-style:normal;color:var(--sage-2)}
.logos-track-wrap{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.logos-track{display:flex;gap:1.1rem;width:max-content;animation:k2aScroll 55s linear infinite}
.logos-track:hover{animation-play-state:paused}
.lg{flex:none;width:150px;height:96px;border-radius:14px;background:#fff;border:1px solid #E6E9E6;display:grid;place-items:center;overflow:hidden}
.lg img{width:100%;height:100%;object-fit:contain;filter:grayscale(1);opacity:.8;transition:filter .3s,opacity .3s}
.lg:hover img{filter:none;opacity:1}
@keyframes k2aScroll{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.logos-track{animation:none}}

/* pillars */
.pillars{list-style:none;padding:0;margin:1.8rem 0 0;display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.pillars li{background:var(--paper-2);border-radius:18px 18px 18px 4px;padding:1rem 1.1rem;border-top:3px solid var(--sage)}
.pillars li:nth-child(2){border-top-color:var(--ring-blue)}
.pillars li:nth-child(3){border-top-color:var(--ring-red)}
.pillars b{display:block;font-family:var(--serif);font-weight:500;font-size:1.05rem;margin-bottom:.25rem}
.pillars span{font-size:.9rem;color:var(--ink-2);line-height:1.5}
@media (max-width:560px){.pillars{grid-template-columns:1fr}}

/* testimonials */
.testi{align-items:stretch}
.tcard{margin:0;background:#fff;border-radius:22px;padding:1.6rem 1.5rem 1.4rem;box-shadow:0 18px 40px -26px rgba(31,42,33,.35);display:flex;flex-direction:column;position:relative}
.tcard .qm{font-family:var(--serif);font-size:3.2rem;line-height:1;color:var(--sage);height:1.6rem}
.tcard blockquote{margin:.6rem 0 1.2rem;font-size:.98rem;line-height:1.65;color:var(--ink-2);flex:1}
.tcard figcaption b{display:block;font-family:var(--serif);font-weight:500;color:var(--sage-2);font-size:1.02rem;text-transform:uppercase;letter-spacing:.03em}
.tcard figcaption span{font-size:.84rem;color:var(--ink-3)}

/* news */
.news-head{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;flex-wrap:wrap;text-align:left}
.ncard{display:flex;flex-direction:column;background:#fff;border:1px solid #E6E9E6;border-radius:20px;padding:1.4rem 1.4rem 1.2rem;text-decoration:none;color:inherit;transition:transform .3s,box-shadow .3s,border-color .3s}
.ncard:hover{transform:translateY(-4px);box-shadow:0 22px 40px -26px rgba(31,42,33,.4);border-color:var(--sage)}
.ncard time{font-size:.78rem;font-weight:600;letter-spacing:.05em;color:var(--brand);text-transform:uppercase}
.ncard h3{margin:.6rem 0 .5rem;font-size:1.12rem;line-height:1.35}
.ncard p{font-size:.92rem;color:var(--ink-2);line-height:1.55;margin:0 0 1rem;flex:1}
.ncard .more{display:inline-flex;gap:.4rem;align-items:center;font-weight:600;font-size:.88rem;color:var(--brand)}

/* dark section + footer */
.sec.dark{background:var(--brand-deep)}
.flogo{height:78px;width:auto;margin:0 auto 1.2rem;display:block}
.btn-gold{color:#1F2A21}
.cinfo dd a{color:inherit;text-decoration:none}
.f-badge a{color:inherit;text-decoration:none}
@media (max-width:560px){.hero-meta>div:nth-child(3){grid-column:1/-1;border-left:0!important;padding-left:0!important}}
.hero-visual .img-frame.photo img{--pz:1}

/* --- v3 polish --- */
/* no fade-in / slide-in reveals: content is simply there */
[data-reveal],.hero [data-reveal],.hero-visual,.proof,html.js-reveal [data-reveal],html.js-reveal .hero-visual,html.js-reveal .proof{opacity:1!important;transform:none!important;transition:none!important;animation:none!important}
.img-frame:hover img{transform:none!important}
.btn-gold::after{display:none!important}
.img-frame img{transition:none!important}
/* calm hover states only */
.card,.ncard,.tcard{transition:border-color .2s ease,box-shadow .2s ease}
.ncard:hover{transform:none}
.card:hover{transform:none!important}
/* news header: title left, button right, aligned on baseline */
.news-head{max-width:none;display:flex;justify-content:space-between;align-items:flex-end;gap:1rem 2rem}
.news-head .btn{flex:none;margin-bottom:.35rem}
@media (max-width:640px){.news-head{flex-direction:column;align-items:flex-start}.news-head .btn{margin:0}}
/* hero sizing */
.hero{padding-top:clamp(2.5rem,6vw,5rem);padding-bottom:clamp(3rem,6vw,5.5rem)}
.hero h1.display{font-size:clamp(2.2rem,4.3vw,3.45rem);line-height:1.1}
.hero-visual{max-width:520px;justify-self:end;width:100%}
@media (max-width:900px){.hero-visual{justify-self:stretch;max-width:none}.hero-visual .img-frame.photo{aspect-ratio:4/3}.hero-visual .img-frame.photo img{object-position:center 45%}}
.hero-meta dd{white-space:nowrap}
/* tidy mobile */
@media (max-width:560px){
  .logos-title{padding:0 8px}
  .lg{width:120px;height:78px}
  .pillars li{border-radius:16px}
  .flogo{height:60px}
  .tcard{padding:1.3rem 1.2rem}
}
@media (max-width:900px){.hero-visual .proof{display:none}}
.hero h1.display{max-width:none}.hero-grid>div:first-child{min-width:0}
.news-more{display:flex;justify-content:center;margin-top:2rem}
.nav-cta{position:static!important;opacity:1!important;transform:none!important;visibility:visible!important}

/* --- v4: footer watermark (K2A tipografski znak) --- */
.footer .wrap{position:relative;z-index:1}
.footer-mark{position:absolute;z-index:0;pointer-events:none;right:clamp(16px,3vw,56px);bottom:clamp(2.5rem,5vw,4rem);width:min(440px,34vw);aspect-ratio:1588/1667;
  background:var(--accent);opacity:.07;
  -webkit-mask:url('../img/k2a-mark.png') center/contain no-repeat;mask:url('../img/k2a-mark.png') center/contain no-repeat}
@media (max-width:760px){.footer-mark{width:78vw;right:auto;left:50%;transform:translateX(-50%);bottom:5.5rem;opacity:.05}}