/* Case page: Email → Bitrix24 */
.btn{transition:filter .2s ease}
.btn:hover{filter:brightness(0.9)}
.btn-ghost{transition:background-color .2s ease}
.btn-ghost:hover{background-color:rgba(43,35,32,0.06)}
.arrow{display:inline-block;transition:translate .2s ease}
.btn:hover .arrow,.next:hover .arrow{translate:4px 0}
.next{transition:translate .25s ease,box-shadow .25s ease}
.next:hover{translate:0 -4px;box-shadow:0 14px 30px rgba(43,35,32,0.10)}
.zoom{transition:translate .25s ease,box-shadow .25s ease}
.zoom:hover{translate:0 -4px;box-shadow:0 14px 30px rgba(43,35,32,0.12)}
.zoom:focus-visible{outline:3px solid #B4442E;outline-offset:3px}
.results>div{flex-basis:200px!important}
.steps-toggle{display:none}
@media (max-width:640px){
h1{font-size:38px!important}
h2{font-size:30px!important}
.head{gap:4px!important;padding:12px 16px!important}
.main-nav{gap:16px!important;font-size:14px!important}
.main-nav a{display:inline-flex;align-items:center;min-height:44px;box-sizing:border-box}
.main-nav a.btn{padding:0 16px!important}
.hero{padding:20px 16px 40px!important}
.hero dl{gap:10px!important;margin-top:4px!important}
.sec{padding:48px 16px!important}
.cols{gap:28px!important}
.foot{padding:24px 16px!important}
[role="img"]{padding:14px!important}
.grid-4{gap:12px!important}
.grid-4>div{flex:1 1 calc(50% - 6px)!important;box-sizing:border-box;padding:16px!important}
.results>div>p:first-child{font-size:19px!important}
.steps-toggle{display:block;min-height:44px;padding:10px 18px;align-self:flex-start;font:inherit;font-size:15px;font-weight:500;color:#2B2320;background:transparent;border:1px solid #CDBFAE;border-radius:999px;cursor:pointer}
.steps{display:none!important}
.steps.is-open{display:flex!important}
}