/* One interaction treatment for the three Teneta products. */
:root{--teneta-motion:cubic-bezier(.22,1,.36,1)}
/* Keep the blur layer alive instead of allocating it on the first scroll. */
#site-nav,#site-nav.scrolled,.topbar.water-nav{background:transparent!important;backdrop-filter:none!important;box-shadow:none!important}
#site-nav .nav-inner,.water-nav .water-nav-inner{
 transition:width .44s var(--teneta-motion),background-color .48s ease,border-color .48s ease,box-shadow .48s ease;
 -webkit-backdrop-filter:blur(12px) saturate(140%);backdrop-filter:blur(12px) saturate(140%);
}
#site-nav:not(.scrolled) .nav-inner,.water-nav:not(.is-scrolled) .water-nav-inner{background-color:transparent}
#site-nav.scrolled:not([data-header-theme="dark"]) .nav-inner,.water-nav.is-scrolled:not([data-header-theme="dark"]) .water-nav-inner{background-color:rgba(255,253,249,.94)!important}
.water-nav[data-header-theme="dark"] .water-nav-inner{background-color:rgba(23,23,23,.96)!important;border-color:#ffffff14;box-shadow:0 12px 34px #00000020}
.water-nav[data-header-theme="dark"] .water-brand,.water-nav[data-header-theme="dark"] .water-language-trigger,.water-nav[data-header-theme="dark"] .mobile-menu-toggle,.water-nav[data-header-theme="dark"] .format-tabs button{color:#fff!important}
.water-nav[data-header-theme="dark"] .format-tabs button[aria-selected="true"]{background:#ffffff16!important}
.water-nav .water-brand,.water-nav .water-language-trigger,.water-nav .mobile-menu-toggle,.water-nav .format-tabs button{transition:color .48s ease,background-color .48s ease,box-shadow .48s ease}
.water-nav[data-header-theme="dark"] .water-language-menu{background:rgba(27,27,27,.98)!important;border-color:#ffffff24!important}
.water-nav[data-header-theme="dark"] .water-language-menu button{color:#fff!important}
@media(max-width:900px){
 /* Fixed geometry: scrolling never squeezes the logo, menu or language picker. */
 #site-nav .nav-inner,#site-nav.scrolled .nav-inner{width:calc(100% - 36px)!important;height:62px!important;border-radius:16px!important}
 .water-nav .water-nav-inner,.water-nav.is-scrolled .water-nav-inner{width:calc(100% - 36px)!important}
 #site-nav .nav-inner,.water-nav .water-nav-inner{transition:background-color .48s ease,border-color .48s ease,box-shadow .48s ease}

}
@media(max-width:360px){#site-nav .nav-inner,#site-nav.scrolled .nav-inner,.water-nav .water-nav-inner,.water-nav.is-scrolled .water-nav-inner{width:calc(100% - 24px)!important}}
@media(prefers-reduced-motion:reduce){
 #site-nav .nav-inner,.water-nav .water-nav-inner,.water-nav .water-brand,.water-nav .water-language-trigger,.water-nav .mobile-menu-toggle,.water-nav .format-tabs button,:is(.button,.money-action,.telegram-button,.app-download){transition:none!important}
 :is(.button,.money-action,.telegram-button,.app-download):active{transform:none!important;filter:none!important}
 :is(.button,.money-action,.telegram-button,.app-download)::after{display:none!important}
}

/* A touch must not leave the desktop hover lift latched after release. */
@media(hover:none){:is(.button,.money-action,.telegram-button,.app-download):hover:not(:active){transform:none!important}}

/* Use the desktop press response on every input type. */
:is(.button,.money-action,.telegram-button,.app-download){-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:transform .4s var(--teneta-motion),box-shadow .4s var(--teneta-motion),background .35s}
:is(.button,.money-action,.telegram-button,.app-download):active:not(:disabled){transform:translateY(0) scale(.975)}
@media(prefers-reduced-motion:reduce){:is(.button,.money-action,.telegram-button,.app-download){transition:none!important}:is(.button,.money-action,.telegram-button,.app-download):active{transform:none!important}}

/* Every visible part of an open language menu follows the header palette. */
#site-nav,.water-nav{
 --teneta-menu-bg:rgba(255,255,255,.98);--teneta-menu-ink:#171717;
 --teneta-menu-line:#17171720;--teneta-menu-shadow:0 14px 36px #00000016;
 --teneta-menu-selected:#1717170d;--teneta-menu-hover:#1717170b;
}
#site-nav[data-header-theme="dark"],.water-nav[data-header-theme="dark"]{
 --teneta-menu-bg:rgba(27,27,27,.98);--teneta-menu-ink:#fff;
 --teneta-menu-line:#ffffff24;--teneta-menu-shadow:0 14px 36px #00000030;
 --teneta-menu-selected:#ffffff14;--teneta-menu-hover:#ffffff12;
}
#site-nav .lang-menu,.water-nav .water-language-menu{
 background-color:var(--teneta-menu-bg)!important;color:var(--teneta-menu-ink)!important;
 border-color:var(--teneta-menu-line)!important;box-shadow:var(--teneta-menu-shadow)!important;
 transition:opacity .22s var(--teneta-motion),transform .22s var(--teneta-motion),visibility .22s,background-color .48s ease,color .48s ease,border-color .48s ease,box-shadow .48s ease;
}
#site-nav .lang-menu button,.water-nav .water-language-menu button{
 background-color:transparent!important;box-shadow:none!important;
 transition:background-color .48s ease,color .48s ease,box-shadow .48s ease;
}
#site-nav .lang-menu button,#site-nav .lang-menu button *,.water-nav .water-language-menu button,.water-nav .water-language-menu button *{color:var(--teneta-menu-ink)!important;transition:color .48s ease,background-color .48s ease,box-shadow .48s ease}
#site-nav .lang-menu button[aria-selected="true"],.water-nav .water-language-menu button[aria-selected="true"]{background-color:var(--teneta-menu-selected)!important}
@media(hover:hover) and (pointer:fine){#site-nav .lang-menu button:hover,.water-nav .water-language-menu button:hover{background-color:var(--teneta-menu-hover)!important}}
#site-nav .nav-links{transition:background-color .48s ease,color .48s ease,border-color .48s ease,box-shadow .48s ease}
/* The same sheen, shadow and compression for mouse, touch and keyboard. */
:is(.button,.money-action,.telegram-button).teneta-feedback{box-shadow:inset 0 1px 0 #ffffff70,0 12px 24px #30220b1c}
:is(.button.u-enroll,.money-action).teneta-feedback{background:linear-gradient(135deg,#ff8b32,#f0440b);box-shadow:inset 0 1px 0 #ffc49a,0 10px 24px #e94c1040}
:is(.button,.money-action,.telegram-button).teneta-feedback::after{animation:teneta-reflected-light .8s var(--teneta-motion);transition:none}
@keyframes teneta-reflected-light{from{left:-75%}to{left:115%}}
:is(.button,.money-action,.telegram-button,.app-download,.card-link,.download-link).teneta-held{transform:translateY(0) scale(.975)!important}
@media(prefers-reduced-motion:reduce){
 #site-nav .lang-menu,#site-nav .lang-menu button,#site-nav .lang-menu button *,.water-nav .water-language-menu,.water-nav .water-language-menu button,.water-nav .water-language-menu button *,#site-nav .nav-links{transition:none!important}
 :is(.button,.money-action,.telegram-button,.app-download,.card-link,.download-link).teneta-held{transform:none!important}
 :is(.button,.money-action,.telegram-button).teneta-feedback::after{animation:none!important}
}