@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@400;600;700&display=swap');

/* KAMERTON v2.15.14 — exact main-site header for blog/service pages. */
:root{
  --km-accent:#E36397;
  --km-shell:1320px;
  --theme-header:#EFF2EF;
  --theme-card:#fff;
  --theme-text:#0f172a;
  --theme-muted:#64748b;
  --theme-border:#d7dce2;
  --theme-shadow:rgba(15,23,42,.10);
  --theme-card-shadow:rgba(0,0,0,.08);
}
html[data-theme="dark"]{
  --theme-header:#12171d;
  --theme-card:#1b222c;
  --theme-text:#f1f5f9;
  --theme-muted:#9eabba;
  --theme-border:#374250;
  --theme-shadow:rgba(0,0,0,.40);
  --theme-card-shadow:rgba(0,0,0,.35);
}
body.km-has-main-header{padding-top:76px!important}
#kmMainHeader,#kmMainHeader *{box-sizing:border-box}
#kmMainHeader{
  position:fixed!important;top:0!important;left:0!important;right:0!important;z-index:10000!important;
  width:100%!important;height:76px!important;margin:0!important;padding:0!important;
  display:block!important;
  background:color-mix(in srgb,var(--theme-header) 88%,transparent)!important;
  border:0!important;border-bottom:1px solid color-mix(in srgb,var(--theme-border) 62%,transparent)!important;
  box-shadow:none!important;
  backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important;
  font-family:"Roboto Slab",serif!important;
}
#kmMainHeader .header-shell{
  width:min(calc(100% - 48px),var(--km-shell))!important;height:100%!important;margin:0 auto!important;padding:0!important;
  display:flex!important;align-items:center!important;gap:28px!important;
}
#kmMainHeader .km-brand{
  display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;flex:0 0 auto!important;
  min-width:0!important;padding:0!important;margin:0!important;text-decoration:none!important;line-height:0!important;overflow:visible!important;
}
#kmMainHeader .km-brand--header{
  align-self:stretch!important;height:100%!important;max-height:100%!important;margin:0!important;padding:0!important;
  overflow:hidden!important;display:flex!important;align-items:stretch!important;
}
#kmMainHeader .km-brand--header>img{
  display:block!important;width:auto!important;height:100%!important;max-width:none!important;max-height:100%!important;
  object-fit:contain!important;object-position:left center!important;margin:0!important;padding:0!important;
}
html:not([data-theme="dark"]) #kmMainHeader .km-brand--header>img{
  filter:drop-shadow(.65px 0 0 rgba(15,23,42,.55)) drop-shadow(-.65px 0 0 rgba(15,23,42,.55)) drop-shadow(0 .65px 0 rgba(15,23,42,.55)) drop-shadow(0 -.65px 0 rgba(15,23,42,.55))!important;
}
html[data-theme="dark"] #kmMainHeader .km-brand--header>img{filter:none!important}
#kmMainHeader .desktop-nav{
  position:relative!important;flex:1!important;display:flex!important;justify-content:center!important;align-items:center!important;gap:5px!important;
  margin:0!important;padding:0!important;
}
#kmMainHeader .desktop-nav a{
  position:relative!important;margin:0!important;padding:9px 12px!important;border:0!important;border-radius:11px!important;
  background:transparent!important;color:var(--theme-muted)!important;text-decoration:none!important;
  font-family:"Roboto Slab",serif!important;font-size:14px!important;font-weight:600!important;line-height:1.25!important;white-space:nowrap!important;
  transition:color .2s ease,background .2s ease!important;
}
#kmMainHeader .desktop-nav a:hover{color:var(--theme-text)!important;background:color-mix(in srgb,var(--km-accent) 9%,transparent)!important}
#kmMainHeader .desktop-nav a.is-section-active{color:var(--theme-text)!important}
#kmMainHeader .desktop-nav a::after{display:none!important}
#kmMainHeader .km-nav-indicator{
  position:absolute!important;left:0!important;bottom:-10px!important;width:var(--nav-w,0px)!important;height:2px!important;border-radius:999px!important;
  background:linear-gradient(90deg,transparent,var(--km-accent) 20%,var(--km-accent) 80%,transparent)!important;
  opacity:0!important;transform:translateX(var(--nav-x,0px)) scaleX(.62)!important;transform-origin:center!important;
  transition:transform .36s cubic-bezier(.2,.8,.2,1),width .36s cubic-bezier(.2,.8,.2,1),opacity .2s ease!important;pointer-events:none!important;
}
#kmMainHeader .km-nav-indicator.is-ready{opacity:1!important;transform:translateX(var(--nav-x,0px)) scaleX(1)!important}
#kmMainHeader .header-actions{display:flex!important;align-items:center!important;gap:8px!important;margin-left:auto!important;padding:0!important}
#kmMainHeader .language-menu{position:relative!important;margin:0!important;padding:0!important}
#kmMainHeader .language-button{
  height:42px!important;min-width:74px!important;padding:0 12px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;
  border:1px solid var(--theme-border)!important;border-radius:12px!important;background:var(--theme-card)!important;color:var(--theme-text)!important;
  font-family:"Roboto Slab",serif!important;cursor:pointer!important;box-shadow:none!important;transition:.2s ease!important;
}
#kmMainHeader .language-button:hover,#kmMainHeader .language-menu.is-open .language-button{border-color:color-mix(in srgb,var(--km-accent) 60%,var(--theme-border))!important}
#kmMainHeader .language-flag{position:relative!important;display:inline-block!important;width:25px!important;height:17px!important;flex:0 0 25px!important;overflow:hidden!important;border-radius:3px!important;box-shadow:none!important;font-size:0!important;background-clip:padding-box!important}
#kmMainHeader .flag-ua{background:linear-gradient(to bottom,#0057b8 0 50%,#ffd700 50% 100%)!important}
#kmMainHeader .flag-ru{background:linear-gradient(to bottom,#fff 0 33.333%,#4da3ff 33.333% 66.666%,#d52b1e 66.666% 100%)!important}
#kmMainHeader .flag-et{background:linear-gradient(to bottom,#0072ce 0 33.333%,#000 33.333% 66.666%,#fff 66.666% 100%)!important}
#kmMainHeader .flag-gb{background:#012169 url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MCAzNiIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CjxyZWN0IHdpZHRoPSI2MCIgaGVpZ2h0PSIzNiIgZmlsbD0iIzAxMjE2OSIvPgo8cGF0aCBkPSJNLTQsLTIgTDY0LDM4IE02NCwtMiBMLTQsMzgiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSI3LjYiLz4KPGcgc3Ryb2tlPSIjQzgxMDJFIiBzdHJva2Utd2lkdGg9IjQiIHN0cm9rZS1saW5lY2FwPSJidXR0Ij4KPHBhdGggZD0iTS0zLDAuOCBMMzEuNSwyMS41Ii8+CjxwYXRoIGQ9Ik0yOC41LDE0LjUgTDYzLDM1LjIiLz4KPHBhdGggZD0iTTYzLDAuOCBMMjguNSwyMS41Ii8+CjxwYXRoIGQ9Ik0zMS41LDE0LjUgTC0zLDM1LjIiLz4KPC9nPgo8cGF0aCBkPSJNMzAsMCBWMzYgTTAsMTggSDYwIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMTIiLz4KPHBhdGggZD0iTTMwLDAgVjM2IE0wLDE4IEg2MCIgc3Ryb2tlPSIjQzgxMDJFIiBzdHJva2Utd2lkdGg9IjcuMiIvPgo8L3N2Zz4=") center/100% 100% no-repeat!important}
#kmMainHeader .language-code{font:700 12px/1 "Roboto Slab",serif!important;letter-spacing:.04em!important}
#kmMainHeader .language-chevron{display:none!important}
#kmMainHeader .language-dropdown{
  position:absolute!important;top:calc(100% + 9px)!important;right:0!important;z-index:12000!important;width:208px!important;padding:7px!important;
  display:grid!important;gap:3px!important;border:1px solid var(--theme-border)!important;border-radius:16px!important;
  background:color-mix(in srgb,var(--theme-card) 96%,transparent)!important;box-shadow:0 18px 48px var(--theme-shadow)!important;
  opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translateY(-6px) scale(.98)!important;transform-origin:top right!important;
  transition:.18s ease!important;backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important;
}
#kmMainHeader .language-menu.is-open .language-dropdown{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important}
#kmMainHeader .language-option{
  width:100%!important;min-height:42px!important;padding:10px 11px!important;display:grid!important;grid-template-columns:25px 1fr auto!important;align-items:center!important;gap:9px!important;
  border:0!important;border-radius:11px!important;background:transparent!important;color:var(--theme-text)!important;text-decoration:none!important;text-align:left!important;
  font-family:"Roboto Slab",serif!important;font-size:13px!important;font-weight:600!important;line-height:1.2!important;cursor:pointer!important;
}
#kmMainHeader .language-option:hover,#kmMainHeader .language-option.is-active{background:color-mix(in srgb,var(--km-accent) 10%,transparent)!important}
#kmMainHeader .language-option small{color:var(--theme-muted)!important;font-size:10px!important;font-weight:700!important}
#kmMainHeader .theme-toggle{
  width:42px!important;min-width:42px!important;height:42px!important;padding:0!important;position:relative!important;display:inline-grid!important;place-items:center!important;overflow:hidden!important;
  border:1px solid var(--theme-border)!important;border-radius:13px!important;background:var(--theme-card)!important;color:var(--theme-text)!important;box-shadow:none!important;cursor:pointer!important;
}
#kmMainHeader .theme-toggle .theme-icon{position:absolute!important;inset:0!important;width:auto!important;height:auto!important;display:grid!important;place-items:center!important;pointer-events:none!important;transform-origin:center!important;transition:opacity .24s ease,transform .32s cubic-bezier(.2,.8,.2,1)!important}
#kmMainHeader .theme-toggle .theme-icon svg{display:block!important;width:20px!important;height:20px!important;margin:0!important}
#kmMainHeader .theme-toggle .theme-icon-moon svg{width:21px!important;height:21px!important;fill:currentColor!important;stroke:none!important}
#kmMainHeader .theme-toggle .theme-icon-sun svg{width:19px!important;height:19px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.85!important;stroke-linecap:round!important;stroke-linejoin:round!important}
#kmMainHeader .theme-toggle .theme-icon-sun svg circle{fill:currentColor!important;stroke:none!important}
#kmMainHeader .theme-toggle .theme-icon-moon{opacity:1!important;transform:rotate(-4deg) scale(1)!important}
#kmMainHeader .theme-toggle .theme-icon-sun{opacity:0!important;transform:rotate(-55deg) scale(.58)!important}
html[data-theme="dark"] #kmMainHeader .theme-toggle .theme-icon-moon{opacity:0!important;transform:rotate(16deg) scale(.58)!important}
html[data-theme="dark"] #kmMainHeader .theme-toggle .theme-icon-sun{opacity:1!important;transform:rotate(0) scale(1)!important}
#kmMainHeader .theme-toggle:hover{color:var(--theme-text)!important;border-color:color-mix(in srgb,var(--theme-border) 55%,var(--theme-text))!important}
#kmMainHeader .theme-toggle:active{transform:scale(.97)!important}
#kmMainHeader .mobile-menu-toggle,#kmMainHeader .mobile-site-nav{display:none!important}

/* Client-account button uses the same client-portal.css as the main page. */
#kmMainHeader .kp-account{font-family:"Roboto Slab",serif!important;box-shadow:none!important}

@media(max-width:1120px) and (min-width:901px){
  #kmMainHeader .desktop-nav{display:none!important}
  #kmMainHeader .mobile-menu-toggle{width:42px!important;height:42px!important;padding:10px!important;display:grid!important;align-content:center!important;gap:4px!important;border:1px solid var(--theme-border)!important;border-radius:12px!important;background:var(--theme-card)!important;cursor:pointer!important}
  #kmMainHeader .mobile-menu-toggle span{width:100%!important;height:2px!important;border-radius:9px!important;background:var(--theme-text)!important;transition:.2s ease!important}
  #kmMainHeader .mobile-menu-toggle.is-open span:nth-child(1){transform:translateY(6px) rotate(45deg)!important}
  #kmMainHeader .mobile-menu-toggle.is-open span:nth-child(2){opacity:0!important}
  #kmMainHeader .mobile-menu-toggle.is-open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)!important}
  #kmMainHeader .mobile-site-nav{position:absolute!important;left:0!important;right:0!important;top:76px!important;padding:10px 24px 18px!important;background:color-mix(in srgb,var(--theme-header) 97%,transparent)!important;border-bottom:1px solid var(--theme-border)!important;box-shadow:0 18px 40px var(--theme-shadow)!important}
  #kmMainHeader .mobile-site-nav.is-open{display:grid!important}
  #kmMainHeader .mobile-site-nav a{width:100%!important;min-height:46px!important;padding:0 8px!important;display:flex!important;align-items:center!important;border:0!important;border-bottom:1px solid color-mix(in srgb,var(--theme-border) 55%,transparent)!important;background:transparent!important;color:var(--theme-text)!important;text-decoration:none!important;font:600 14px/1.2 "Roboto Slab",serif!important;text-align:left!important}
}
@media(max-width:900px){
  #kmMainHeader .desktop-nav,#kmMainHeader .mobile-menu-toggle,#kmMainHeader .mobile-site-nav{display:none!important}
  #kmMainHeader .header-shell{justify-content:space-between!important}
}
@media(max-width:720px){
  body.km-has-main-header{padding-top:64px!important}
  #kmMainHeader{height:64px!important}
  #kmMainHeader .header-shell{width:calc(100% - 22px)!important;min-height:64px!important;gap:8px!important;align-items:center!important}
  #kmMainHeader .km-brand--header{margin-right:auto!important;height:100%!important;max-height:100%!important}
  #kmMainHeader .km-brand--header>img{height:100%!important;max-height:100%!important}
  #kmMainHeader .header-actions{gap:8px!important}
  #kmMainHeader .language-button,#kmMainHeader .theme-toggle{width:40px!important;min-width:40px!important;height:40px!important;border-radius:12px!important}
  #kmMainHeader .language-button{padding:0!important;justify-content:center!important}
  #kmMainHeader .language-code{display:none!important}
  #kmMainHeader .language-dropdown{position:fixed!important;top:70px!important;right:12px!important;width:min(240px,calc(100vw - 24px))!important}
  #kmMainHeader .kp-account{display:none!important}
}
@media(max-width:430px){
  #kmMainHeader .header-shell{width:calc(100% - 18px)!important;gap:7px!important}
  #kmMainHeader .language-button,#kmMainHeader .theme-toggle{width:38px!important;min-width:38px!important;height:38px!important;border-radius:12px!important}
  #kmMainHeader .language-flag{width:25px!important;height:16px!important;flex-basis:25px!important}
}


/* v2.15.15: exact mobile theme-control appearance from the main page. */
@media(max-width:720px){
  #kmMainHeader .theme-toggle{
    border-color:color-mix(in srgb,var(--km-accent) 54%,var(--theme-border))!important;
    background:linear-gradient(180deg,color-mix(in srgb,var(--theme-card) 96%,white 4%),color-mix(in srgb,var(--theme-card) 88%,#eef1f4))!important;
    box-shadow:0 10px 24px color-mix(in srgb,var(--theme-card-shadow) 55%,transparent)!important;
  }
  html[data-theme="dark"] #kmMainHeader .theme-toggle{
    background:linear-gradient(180deg,color-mix(in srgb,var(--theme-card) 88%,rgba(255,255,255,.08)),color-mix(in srgb,var(--theme-card) 96%,rgba(0,0,0,.08)))!important;
  }
  html:not([data-theme="dark"]) #kmMainHeader .theme-toggle{color:#d95a90!important}
}