/* Záverečná výzva a pätička. Vygenerované z návrhu (tools/split_css.py). */
.cta-end :focus-visible,.foot :focus-visible{outline-color:#fff}
.end{--p:0;padding-top:clamp(30px,5vw,80px)}
.cta-end{position:relative;overflow:hidden;isolation:isolate;color:#fff;text-align:center;padding:clamp(64px,7vw,120px) var(--gut);display:flex;flex-direction:column;align-items:center;gap:22px;
  margin-inline:calc(max(var(--gut),(100vw - var(--max)) / 2) + (1 - var(--p)) * clamp(10px,7vw,130px));border-radius:var(--r-xl)}
.cta-mark{position:absolute;z-index:-1;left:50%;top:50%;translate:-50% -46%;width:112%;aspect-ratio:744/351;pointer-events:none}
.cta-mark .fill{display:none}
.cta-mark svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.cta-mark path{fill:rgba(255,255,255,.055);stroke:rgba(255,255,255,.16);stroke-width:.8}
.cta-end::before{content:"";position:absolute;inset:0;background:var(--grain);mix-blend-mode:soft-light;opacity:.55;z-index:-1}
.cta-end .d1{max-width:14ch;font-size:clamp(2.4rem,4.8vw,5rem)}
.cta-end p{font-size:1.15rem;color:rgba(255,255,255,.92);max-width:44ch}
.cta-end .eyebrow{background:var(--glass);color:#fff;border:1px solid var(--glass-line)}
.cta-btns{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
.foot{color:var(--fg);padding:clamp(50px,6vw,100px) 0 0}
.end{padding-bottom:0}
.foot-top{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.4fr);gap:50px 80px;padding-bottom:clamp(40px,5vw,80px)}
.who{display:flex;align-items:center;gap:14px;margin-bottom:34px}
.who i{width:54px;height:54px;border-radius:14px;flex:none;display:grid;place-items:center;background:linear-gradient(135deg,var(--violet),var(--lilac));font-style:normal;font-family:var(--display);font-weight:500}
.who b{display:block;font-family:var(--display);font-weight:500;font-size:1.2rem}
.who span{font-size:.78rem;letter-spacing:.07em;text-transform:uppercase;color:var(--fg3)}
.foot small{display:block;font-size:.9rem;color:var(--fg3);margin-bottom:4px}
.mail{display:inline-block;font-family:var(--display);font-weight:400;font-size:clamp(1.7rem,3.3vw,3.2rem);letter-spacing:-.02em;line-height:1.16;overflow-wrap:anywhere}
.mail:hover{color:var(--violet-soft)}
.foot-act{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:30px}
.foot-act .btn{padding:12px 22px;font-size:.95rem}
.soc{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--hair);transition:background .25s}
.soc:hover{background:var(--hair)}
.foot-cols{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px}
.foot h4{margin:0 0 14px;font-size:.78rem;font-weight:500;letter-spacing:.07em;text-transform:uppercase;color:var(--fg3)}
.foot li a{display:block;padding:5px 0;font-size:.96rem;color:var(--fg2)}
.foot li a:hover{color:var(--violet-soft)}
.foot-logo{display:block;color:var(--fg);border-top:1px solid var(--hair);padding-top:clamp(28px,4vw,56px)}
.foot-logo svg{display:block;width:100%;height:auto}
.legal{display:flex;flex-wrap:wrap;gap:8px 28px;justify-content:space-between;padding-block:26px 30px;font-size:.84rem;color:var(--fg3)}
@media (max-width:1080px){
  .foot-top{grid-template-columns:1fr}
}
@media (max-width:760px){
  .foot-cols{grid-template-columns:1fr 1fr}
}
.who img{width:54px;height:54px;border-radius:50%;object-fit:cover;flex:none;border:2px solid var(--fg3)}
/* odznak Google Partner pod sociálnymi sieťami (doplnené po migrácii) */
.foot .partner{display:inline-block;margin-top:28px;border-radius:12px;overflow:hidden;transition:transform .3s,box-shadow .3s}
.foot .partner img{display:block;height:100px;width:auto}
.foot .partner:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(0,0,0,.35)}
/* iOS Safari: zrno orezať zaoblením (inak hranaté rohy) */
.cta-end{clip-path:inset(0 round var(--r-xl))}
.cta-end::before{border-radius:inherit}
@media (max-width:760px){
  .cta-end{padding:44px 14px;gap:16px}
  .cta-end .d1{font-size:clamp(1.9rem,8vw,2.6rem)}
  .cta-end p{font-size:1rem;line-height:1.48}
  .cta-btns{gap:6px;width:100%;flex-wrap:nowrap}
  .cta-btns .btn{flex:1 1 auto;min-width:0;justify-content:center;padding:13px 8px;font-size:.84rem;white-space:nowrap;gap:5px}
  .cta-btns .btn .i{width:15px;height:15px;flex:none}
  .cta-btns .btn-white .i{display:none}
  /* sociálne siete pod tlačidlom, nie vedľa neho */
  .foot-act .btn{flex:1 0 100%;justify-content:center}
}